scroll-carousel{display:block;position:relative}.scroll-carousel__viewport{position:relative}.scroll-carousel__track{--carousel-gap: var(--carousel-gap-mobile, 1.2rem);--carousel-per-view: var(--carousel-per-view-mobile, 1);display:flex;gap:var(--carousel-gap);margin:0;padding:0;list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative}.scroll-carousel__track::-webkit-scrollbar{display:none}.scroll-carousel__track:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.scroll-carousel__slide{flex:0 0 calc((100% - (var(--carousel-per-view) - 1) * var(--carousel-gap)) / var(--carousel-per-view));min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}@media screen and (min-width:750px){.scroll-carousel__track{--carousel-gap: var(--carousel-gap-desktop, 2rem);--carousel-per-view: var(--carousel-per-view-desktop, 3)}}.scroll-carousel__arrow{-webkit-appearance:none;appearance:none;position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;margin:0;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 .4rem 1.2rem rgba(var(--color-shadow, var(--color-foreground)),.12);cursor:pointer;transform:translateY(-50%);transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease}.scroll-carousel__arrow svg{width:1.4rem;height:1.4rem;pointer-events:none}.scroll-carousel__arrow--prev{left:.8rem}.scroll-carousel__arrow--next{right:.8rem}.scroll-carousel__arrow:hover:not([disabled]){box-shadow:0 .6rem 1.6rem rgba(var(--color-shadow, var(--color-foreground)),.2);transform:translateY(-50%) scale(1.05)}.scroll-carousel__arrow:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.6);outline-offset:.2rem}.scroll-carousel__arrow[disabled]{opacity:.35;cursor:not-allowed}.scroll-carousel--hide-mobile-arrows .scroll-carousel__arrow{display:none}@media screen and (min-width:750px){.scroll-carousel--outside-arrows{padding:0 5.6rem}.scroll-carousel__arrow{width:4.4rem;height:4.4rem}.scroll-carousel--outside-arrows .scroll-carousel__arrow--prev{left:0}.scroll-carousel--outside-arrows .scroll-carousel__arrow--next{right:0}.scroll-carousel--hide-mobile-arrows .scroll-carousel__arrow{display:inline-flex}}.scroll-carousel__dots{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.2rem;margin-top:2rem}.scroll-carousel__dots:empty{display:none}.scroll-carousel__dot{-webkit-appearance:none;appearance:none;position:relative;width:2.4rem;height:2.4rem;padding:0;margin:0;border:0;background:transparent;cursor:pointer}.scroll-carousel__dot:after{content:"";position:absolute;top:50%;left:50%;width:.8rem;height:.8rem;border-radius:.8rem;background:rgba(var(--color-foreground),.25);transform:translate(-50%,-50%);transition:width .25s ease,background-color .25s ease}.scroll-carousel__dot.is-active{width:3.2rem}.scroll-carousel__dot.is-active:after{width:2.2rem;background:rgb(var(--color-foreground))}.scroll-carousel__dot:hover:after{background:rgba(var(--color-foreground),.6)}.scroll-carousel__dot:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.6);outline-offset:-.2rem;border-radius:50%}.scroll-carousel--static .scroll-carousel__arrow,.scroll-carousel--static .scroll-carousel__dots{display:none}@media(prefers-reduced-motion:reduce){.scroll-carousel__arrow,.scroll-carousel__dot:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/component-scroll-carousel.css.map */