scroll-carousel{display:block}.scroll-carousel__track{display:grid;grid-auto-columns:var(--carousel-item-width, 80%);grid-auto-flow:column;gap:var(--carousel-gap, 1.6rem);margin:0;padding:0 var(--carousel-inset, 0);overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:var(--carousel-inset, 0);scroll-snap-type:x proximity;scrollbar-width:none;list-style:none}@media(hover:none)and (pointer:coarse){.scroll-carousel__track{scroll-snap-type:x mandatory}}.scroll-carousel__track::-webkit-scrollbar{display:none}.scroll-carousel__track:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.4rem}.scroll-carousel__slide{min-width:0;scroll-snap-align:start}.scroll-carousel__controls{display:none;align-items:center;justify-content:center;gap:1.6rem;margin-top:3.2rem;padding:0 var(--carousel-inset, 0)}scroll-carousel[data-scrollable] .scroll-carousel__controls{display:flex}.scroll-carousel__progress{position:relative;width:min(24rem,50%);height:.1rem;background:rgba(var(--color-foreground),.15)}.scroll-carousel__progress span{position:absolute;top:-.05rem;left:var(--carousel-thumb-left, 0);width:var(--carousel-thumb-width, 0);height:.2rem;background:rgb(var(--color-foreground))}.scroll-carousel__button{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;background:none;color:rgb(var(--color-foreground));cursor:pointer}@media(hover:hover)and (pointer:fine){.scroll-carousel__button:hover:not(:disabled){opacity:.6}}.scroll-carousel__button:disabled{opacity:.25;cursor:default}.scroll-carousel__button:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:-.4rem}.scroll-carousel__button svg{width:1.4rem;height:auto}.scroll-carousel__button--prev svg{transform:rotate(90deg)}.scroll-carousel__button--next svg{transform:rotate(-90deg)}.collection__carousel{--carousel-gap: var(--grid-mobile-horizontal-spacing, .8rem);--carousel-inset: 1.5rem;--carousel-item-width: calc((100% - var(--carousel-columns-mobile, 2) * var(--carousel-gap)) / (var(--carousel-columns-mobile, 2) + .3))}.collection__carousel .product-grid{margin:0}@media screen and (min-width:750px){.collection__carousel{--carousel-gap: var(--grid-desktop-horizontal-spacing, .8rem);--carousel-inset: 5rem;--carousel-item-width: calc((100% - (var(--carousel-columns, 4) - 1) * var(--carousel-gap)) / var(--carousel-columns, 4))}}
/*# sourceMappingURL=/cdn/shop/t/91/assets/component-scroll-carousel.css.map */