.collection-carousel{display:block;position:relative;box-sizing:border-box;width:calc(100% - 30px)!important;max-width:1620px!important;margin:24px auto!important}.collection-carousel__viewport{overflow:hidden}.collection-carousel__track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.collection-carousel__track::-webkit-scrollbar{display:none}.collection-carousel__slide{flex:0 0 100%;min-width:0;scroll-snap-align:start}.collection-carousel--desktop-2 .collection-carousel__slide{flex-basis:calc((100% - 16px)/2)}.collection-carousel--desktop-3 .collection-carousel__slide{flex-basis:calc((100% - 32px) / 3)}.collection-carousel--desktop-4 .collection-carousel__slide{flex-basis:calc((100% - 48px)/4)}.collection-carousel--desktop-5 .collection-carousel__slide{flex-basis:calc((100% - 64px)/5)}.collection-carousel--desktop-6 .collection-carousel__slide{flex-basis:calc((100% - 80px) / 6)}.collection-carousel__slide a{display:block}.collection-carousel__image{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.collection-carousel__arrow{position:absolute;z-index:2;top:50%;width:40px;height:40px;border:0;border-radius:50%;background:#ffffffe6;box-shadow:0 2px 10px #0000002e;cursor:pointer;transform:translateY(-50%);opacity:0;transition:opacity .2s ease,background-color .2s ease}.collection-carousel:hover .collection-carousel__arrow,.collection-carousel:focus-within .collection-carousel__arrow{opacity:1}.collection-carousel__arrow:hover{background:#fff}.collection-carousel__arrow--prev{left:10px}.collection-carousel__arrow--next{right:10px}@media(max-width:749px){.collection-carousel__track{gap:10px}.collection-carousel--mobile-1 .collection-carousel__slide{flex-basis:100%}.collection-carousel--mobile-2 .collection-carousel__slide{flex-basis:calc((100% - 10px)/2)}.collection-carousel__arrow{width:34px;height:34px}}@media(hover:none){.collection-carousel__arrow{opacity:1}}@media(prefers-reduced-motion:reduce){.collection-carousel__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/22/compiled_assets/styles.css.map */
