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