.z-split-carousel__background{--z-split-foreground: rgb(var(--color-foreground));--z-split-accent: rgb(var(--color-button));--z-split-on-accent: rgb(var(--color-button-text));width:100%;background:rgb(var(--color-background));color:var(--z-split-foreground)}.z-split-carousel{box-sizing:border-box;width:100%}.z-split-carousel--page-width{width:var(--page-width-desktop);max-width:var(--page-width);margin-inline:auto}.z-split-carousel--padding-top-40{padding-top:var(--z-spacing-40)}.z-split-carousel--padding-top-60{padding-top:var(--z-spacing-60)}.z-split-carousel--padding-top-80{padding-top:var(--z-spacing-80)}.z-split-carousel--padding-top-160{padding-top:var(--z-spacing-160)}.z-split-carousel--padding-bottom-40{padding-bottom:var(--z-spacing-40)}.z-split-carousel--padding-bottom-60{padding-bottom:var(--z-spacing-60)}.z-split-carousel--padding-bottom-80{padding-bottom:var(--z-spacing-80)}.z-split-carousel--padding-bottom-160{padding-bottom:var(--z-spacing-160)}.z-split-carousel--padding-top-custom{padding-top:var(--z-split-padding-top-desktop)}.z-split-carousel--padding-bottom-custom{padding-bottom:var(--z-split-padding-bottom-desktop)}.z-split-carousel__component{position:relative;display:block;width:100%;overflow:hidden;border-radius:var(--z-split-radius);background:transparent}.z-split-carousel__viewport{overflow:hidden}.z-split-carousel__track{display:flex;touch-action:pan-y pinch-zoom}.z-split-carousel__slide{flex:0 0 100%;min-width:0}.z-split-carousel__component[data-z-ready=true] .z-split-carousel__track{display:grid;transform:none!important}.z-split-carousel__component[data-z-ready=true] .z-split-carousel__slide{grid-area:1 / 1;opacity:0;pointer-events:none;transition:opacity .4s ease}.z-split-carousel__component[data-z-ready=true] .z-split-carousel__slide[aria-hidden=false]{z-index:1;opacity:1;pointer-events:auto}.z-split-carousel__slide-layout{display:grid;grid-template-areas:"media content";grid-template-columns:var(--z-split-media-width) var(--z-split-content-width);min-height:690px}.z-split-carousel__slide-layout>.z-media{grid-area:media;min-width:0}.z-split-carousel__slide-layout>.z-stack{z-index:1;grid-area:content;min-width:0;padding-bottom:250px;pointer-events:auto}.z-split-carousel--media-right .z-split-carousel__slide-layout{grid-template-areas:"content media";grid-template-columns:var(--z-split-content-width) var(--z-split-media-width)}.z-split-carousel .z-media__frame{height:100%;aspect-ratio:auto}.z-split-carousel .z-media__picture,.z-split-carousel .z-media__image,.z-split-carousel .z-media__video,.z-split-carousel .z-media__placeholder{width:100%;height:100%}.z-split-carousel .z-media__image,.z-split-carousel .z-media__video{object-fit:cover}.z-split-carousel__controls{z-index:2;grid-area:content;align-self:stretch;display:flex;width:100%;padding:0 clamp(20px,2.5vw,48px);flex-direction:column;justify-content:flex-end;gap:30px;pointer-events:none}.z-split-carousel__indicators{display:flex;flex-direction:column;align-items:stretch}.z-split-carousel__indicator{position:relative;min-height:40px;padding:8px 0 8px 15px;border:0;background:transparent;color:rgb(var(--color-foreground),.2);font:inherit;font-size:16px;font-weight:500;line-height:24px;text-align:left;cursor:pointer;pointer-events:auto}.z-split-carousel__indicator:not([aria-current=true]):not([data-z-nearby=true]){display:none}.z-split-carousel__indicator:before{position:absolute;inset:0 auto 0 0;width:2px;background:rgb(var(--color-foreground),.12);content:""}.z-split-carousel__indicator[aria-current=true]{color:var(--z-split-accent)}.z-split-carousel__indicator[aria-current=true]:before{background:var(--z-split-accent)}.z-split-carousel__buttons{display:flex;gap:20px}.z-split-carousel__button{position:relative;isolation:isolate;display:inline-flex;width:50px;height:50px;padding:0;align-items:center;justify-content:center;border:1px solid rgb(var(--color-foreground),.5);border-radius:50%;background:transparent;color:var(--z-split-foreground);cursor:pointer;overflow:hidden;pointer-events:auto;transition:border-color .3s ease,color .3s ease}.z-split-carousel__button:before{position:absolute;z-index:0;top:100%;left:100%;width:300%;aspect-ratio:1;border-radius:50%;background:var(--z-split-accent);content:"";pointer-events:none;transition:top .3s ease,left .3s ease}.z-split-carousel__button svg{position:relative;z-index:1;width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}@media(hover:hover){.z-split-carousel__button:not(:disabled):hover{border-color:var(--z-split-accent);color:var(--z-split-on-accent)}.z-split-carousel__button:not(:disabled):hover:before{top:-100%;left:-100%}}.z-split-carousel__button:disabled{cursor:default;opacity:.3}.z-split-carousel__indicator:focus-visible,.z-split-carousel__button:focus-visible{outline:2px solid var(--z-split-accent);outline-offset:3px}.z-split-carousel__component[data-z-ready=false] .z-split-carousel__slide:not(:first-child){display:none}.z-split-carousel__live-region{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.z-split-carousel__empty{min-height:160px;display:grid;place-items:center;border:1px dashed rgb(var(--color-foreground),.3);border-radius:var(--z-split-radius);color:rgb(var(--color-foreground),.6)}@media screen and (max-width:989px){.z-split-carousel--page-width{width:var(--page-width-mobile)}.z-split-carousel--padding-top-custom{padding-top:var(--z-split-padding-top-mobile)}.z-split-carousel--padding-bottom-custom{padding-bottom:var(--z-split-padding-bottom-mobile)}.z-split-carousel__component{border-radius:0}.z-split-carousel__slide-layout{grid-template-areas:"content" "controls" "media";grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;min-height:0}.z-split-carousel__slide-layout>.z-media,.z-split-carousel__slide-layout>.z-stack{width:100%}.z-split-carousel__slide-layout>.z-stack{min-height:0;padding-bottom:var(--z-stack-padding-mobile-bottom)}.z-split-carousel--media-right .z-split-carousel__slide-layout{grid-template-areas:"content" "controls" "media";grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto}.z-split-carousel .z-media__frame{height:auto;aspect-ratio:var(--z-media-ratio-mobile)}.z-split-carousel__controls{grid-area:controls;align-self:auto;padding:0;margin-block:clamp(30px,8vw,79.12px) 40px;gap:0}.z-split-carousel__indicators{flex-direction:row;gap:clamp(24px,calc(-12px + 9.6vw),82.944px);overflow-x:auto;scrollbar-width:none}.z-split-carousel__indicators::-webkit-scrollbar{display:none}.z-split-carousel__indicator{flex:0 0 auto;width:max-content;min-height:0;padding:0;font-size:clamp(12px,3.2vw,31.648px);font-weight:400;line-height:clamp(16px,4.266667vw,42.197333px);white-space:nowrap}.z-split-carousel__indicator:before{inset:auto 0 0;width:auto;height:2px;background:rgb(var(--color-foreground),.1)}.z-split-carousel__indicator[aria-current=true]:before{background:var(--z-split-accent)}.z-split-carousel__buttons{display:none}}@media(prefers-reduced-motion:reduce){.z-split-carousel__component[data-z-ready=true] .z-split-carousel__slide,.z-split-carousel__indicator,.z-split-carousel__button,.z-split-carousel__button:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/z-split-carousel.css.map */