.collection-grid--carousel .collection-grid__list{--carousel-gap: 1.4rem;display:grid;grid-auto-flow:column;grid-auto-columns:var(--carousel-item, 82%);gap:var(--carousel-gap);flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.collection-grid--carousel .collection-grid__list::-webkit-scrollbar{display:none}.collection-grid--carousel .collection-grid__list>li{width:100%;scroll-snap-align:start}.collection-grid--carousel .collection-grid__list li:not(.hide_border):not(:last-child) .collection-grid__item:before,.collection-grid--carousel .collection-grid__list li:not(.collection-grid-one):not(:nth-child(2n)):not(:last-child) .collection-grid__item:before{content:none;display:none}.collection-grid--carousel .collection-grid__list:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.4rem;border-radius:.2rem}.collection-grid__nav{display:flex;align-items:center;gap:1.6rem;margin-top:1.8rem}.collection-grid__nav[hidden]{display:none}.collection-grid__progress{position:relative;flex:1 1 auto;height:.2rem;background:rgba(var(--color-foreground),.16);border-radius:10rem;overflow:hidden}.collection-grid__progress-thumb{position:absolute;inset-block:0;left:0;width:0;background:rgb(var(--color-foreground));border-radius:10rem;transform:translate(0);will-change:transform}.collection-grid__nav-buttons{display:flex;flex:0 0 auto;gap:.8rem}.collection-grid__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;transition:background-color .25s ease,border-color .25s ease,opacity .25s ease}.collection-grid__nav-btn:hover:not(:disabled){background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.collection-grid__nav-btn:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.collection-grid__nav-btn:disabled{opacity:.35;cursor:default}.collection-grid__nav-btn svg{width:1.6rem;height:1.6rem;display:block}@media screen and (min-width:576px){.collection-grid--carousel .collection-grid__list{--carousel-gap: 2rem;--carousel-visible: 1.85;grid-auto-columns:calc((100% - (var(--carousel-visible) - 1) * var(--carousel-gap)) / var(--carousel-visible))}}@media screen and (min-width:750px){.collection-grid--carousel .collection-grid__list{--carousel-visible: 2.15}}@media screen and (min-width:1100px){.collection-grid--carousel .collection-grid__list{--carousel-gap: 3.2rem;--carousel-visible: 3.15}}@media screen and (max-width:749px){.collection-grid__nav{gap:1.2rem;margin-top:1.4rem}.collection-grid__nav-btn{width:3.6rem;height:3.6rem}.collection-grid__nav-btn svg{width:1.3rem;height:1.3rem}}@media(prefers-reduced-motion:reduce){.collection-grid--carousel .collection-grid__list{scroll-behavior:auto}.collection-grid__nav-btn,.collection-grid__progress-thumb{transition:none;will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/category-carousel.css.map */
