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