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