carousel-slider{display:block}.carousel-slider__viewport{position:relative}.carousel-slider__track{position:relative;display:flex;gap:var(--slide-gap, 1rem);margin:0;padding:0 var(--side-padding, 0rem);list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--side-padding, 0rem);scrollbar-width:none}.carousel-slider__track::-webkit-scrollbar{display:none}.carousel-slider__slide{flex:0 0 calc((100% - (var(--slides-per-view, 1) - 1) * var(--slide-gap, 1rem)) / var(--slides-per-view, 1));min-width:0;scroll-snap-align:start}.carousel-slider__track--center .carousel-slider__slide:first-child{margin-left:auto}.carousel-slider__track--center .carousel-slider__slide:last-child{margin-right:auto}.carousel-slider__button{position:absolute;top:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:0;border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background));transform:translateY(-50%);cursor:pointer;transition:opacity var(--duration-short) ease}.carousel-slider__button--prev{left:1rem}.carousel-slider__button--next{right:1rem}.carousel-slider__button[disabled]{opacity:0;pointer-events:none}.carousel-slider__button .icon{width:1rem;height:1rem}.carousel-slider__button--prev .icon{transform:rotate(90deg)}.carousel-slider__button--next .icon{transform:rotate(-90deg)}.carousel-slider__dots{display:flex;justify-content:center;margin-top:.6rem}.carousel-slider__dot{display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;padding:0;border:0;background:none;cursor:pointer}.carousel-slider__dot:after{content:"";width:.6rem;height:.6rem;border-radius:.5rem;background:rgba(var(--color-foreground),.25);transition:transform var(--duration-short) ease,background-color var(--duration-short) ease}.carousel-slider__dot[aria-current=true]:after{background:rgb(var(--color-foreground));transform:scale(1.5)}.carousel-slider--static .carousel-slider__button,.carousel-slider--static .carousel-slider__dots,.carousel-slider__dot[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-carousel-slider.css.map */