"use strict";var system=require("@gem-sdk/system"),core=require("@gem-sdk/core"),helpers=require("./helpers.js");const getStyle=(e,o="liquid")=>{let{uid:r,vertical:s,showArrow:t,gapToEachSize:l,left:c,arrowBackgroundColor:a,arrowButtonSize:i,rootId:p,arrowBorder:n,arrowCorner:g,arrowCustomColor:m,arrowIconSize:d,arrowShadow:S}=e,y=core.makeStyle({bg:core.getSingleColorVariable(a)}),h=core.makeStyle({c:core.getSingleColorVariable(m)}),$=core.getResponsiveStyleShadowWithoutState(S,"box-shadow",S),C=helpers.getResponsiveSetting(n||{}),b=helpers.getResponsiveSetting(g||{}),u=core.getPaddingGlobalSize(i),w=helpers.getResponsiveSetting(d||{}),v=helpers.getResponsiveSetting(t||{}),k=core.makeStyle({v:"hidden"}),R=helpers.getResponsiveWidth(i),x=helpers.getResponsiveHeight(i),q=core.makeStyleResponsive("w",w,"px"),f=core.makeStyleResponsive("h",w,"px"),z=core.makeStyleResponsive("d",helpers.getArrowDisplayStyle(v)),B=core.makeStyle(helpers.getArrowPositionStyle({vertical:s,arrowType:v,gapToEachSize:l??"",left:!!c})),A={...y,...z,...B,...R,...x,...u,...$,..."liquid"===o?k:{}},P={...h,...q,...f},V="react"===o?system.createStyleReact(A):system.createStyle(A),W="react"===o?system.createStyleReact(P):system.createStyle(P),j=`
      ${p?"."+p:""}.gp-carousel-arrow-${r} {
        ${core.composeCornerCss(b.desktop)}
      }
      ${p?"."+p:""}.gp-carousel-arrow-${r}::before {
        content: '';
        height: 100%;
        width: 100%;
        position: absolute;
        pointer-events: none;
        z-index: 10;
        ${core.composeBorderCss(C.desktop)}
        ${core.composeCornerCss(b.desktop)}
      }
      @media only screen and (max-width: 1024px) and (min-width: 768px) {
        ${p?"."+p:""}.gp-carousel-arrow-${r} {
          ${core.composeCornerCss(b.tablet)}
        }
        ${p?"."+p:""}.gp-carousel-arrow-${r}::before {
          ${core.composeBorderCss(C.tablet)}
          ${core.composeCornerCss(b.tablet)}
        }
      }
      @media only screen and (max-width: 768px) {
        ${p?"."+p:""}.gp-carousel-arrow-${r} {
          ${core.composeCornerCss(b.mobile)}
        }
        ${p?"."+p:""}.gp-carousel-arrow-${r}::before {
          ${core.composeBorderCss(C.mobile)}
          ${core.composeCornerCss(b.mobile)}
        }
      }
    `;return{buttonStyle:V,buttonContentStyle:W,innerBorderCss:j}};exports.getStyle=getStyle;
