slider-carousel,.slider{--slider-duration: .6s;--slider-ease: cubic-bezier(.65, 0, .35, 1);display:block;position:relative;width:100%;max-width:100%;overflow:hidden}.slider,.slider__viewport,.slider__track,.slider__slide{touch-action:pan-y pinch-zoom}.slider__viewport{position:relative;overflow:hidden;width:100%;max-width:100%;height:100%}.slider__track{display:flex;min-width:0;height:100%;transition:transform var(--slider-duration) var(--slider-ease);will-change:transform;backface-visibility:hidden}.slider__slide{position:relative;flex:0 0 100%;width:100%;max-width:100%;min-width:0;height:100%}.slider--fade .slider__track{display:block;transition:none;will-change:auto}.slider--fade .slider__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity var(--slider-duration) var(--slider-ease),visibility var(--slider-duration) step-end}.slider--fade .slider__slide:first-child{position:relative}.slider--fade .slider__slide.is-active{opacity:1;visibility:visible;transition:opacity var(--slider-duration) var(--slider-ease)}.slider--swipe{--slider-duration: .9s;--slider-ease-reveal: cubic-bezier(.16, 1, .3, 1)}.slider--swipe .slider__track{display:block;transition:none;will-change:auto}.slider--swipe .slider__slide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;visibility:hidden}.slider--swipe .slider__slide:first-child{position:relative}.slider--swipe .slider__slide.is-previous{z-index:1;visibility:visible}.slider--swipe .slider__slide.is-entering{z-index:2;visibility:visible;clip-path:inset(0 0 0 100%)}.slider--swipe.is-reverse .slider__slide.is-entering{clip-path:inset(0 100% 0 0)}.slider--swipe .slider__slide.is-entering [data-slider-media]{transform:scale(1.15)}.slider--swipe .slider__slide.is-active{z-index:2;visibility:visible;clip-path:inset(0 0 0 0);transition:clip-path var(--slider-duration) var(--slider-ease-reveal);will-change:clip-path}.slider--swipe .slider__slide.is-active [data-slider-media]{transform:scale(1);transition:transform calc(var(--slider-duration) * 1.4) var(--slider-ease-reveal)}.slider__arrow{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;transform:translateY(-50%);border:none;border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-background) 90%,transparent);color:var(--color-foreground);cursor:pointer;transition:background-color var(--duration-base) var(--ease-out-expo),opacity var(--duration-base) ease}.slider__arrow:hover:not(:disabled){background-color:var(--color-background)}.slider__arrow:disabled{opacity:.35;cursor:not-allowed}.slider__arrow--prev{left:clamp(var(--space-3),3vw,var(--space-8))}.slider__arrow--next{right:clamp(var(--space-3),3vw,var(--space-8))}.slider__dots{position:absolute;left:0;right:0;bottom:clamp(var(--space-6),3vw,var(--space-8));z-index:3;display:flex;justify-content:center;align-items:center;gap:var(--space-3);width:100%;margin:0;padding:0;transform:none}.slider__dot{position:relative;width:10px;height:10px;padding:0;border:1px solid currentColor;border-radius:var(--radius-full);background-color:currentColor;color:var(--color-background);cursor:pointer;transition:background-color var(--duration-base) var(--ease-out-expo),transform var(--duration-base) var(--ease-out-expo)}.slider__dot.is-active{background-color:currentColor;transform:scale(1.15)}.slider--autoplay .slider__dot.is-active:before,.slider--autoplay .slider__dot.is-active:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:var(--radius-full);pointer-events:none}.slider--autoplay .slider__dot.is-active:before{border:2px solid color-mix(in srgb,currentColor 35%,transparent)}.slider--autoplay .slider__dot.is-active:after{background:conic-gradient(currentColor var(--slider-dot-progress, 0deg),transparent 0deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px))}.slider__dots--dark .slider__dot{color:var(--color-foreground)}@media screen and (max-width:749px){.slider__arrow{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.slider__track,.slider--fade .slider__slide,.slider--swipe .slider__slide,.slider--swipe .slider__slide [data-slider-media]{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-slider.css.map */