.collection-image-carousel{width:100%}.collection-image-carousel__header{margin:0 0 20px}.collection-image-carousel__title{margin:0;font-size:var(--hrd-collection-heading-size);line-height:var(--hrd-collection-heading-line-height);font-weight:var(--hrd-collection-heading-font-weight)}.collection-image-carousel__viewport{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding-left:var(--carousel-scroll-padding, 0px);padding-bottom:10px}.collection-image-carousel__viewport::-webkit-scrollbar{display:none}.collection-image-carousel__track{display:flex;gap:24px;align-items:stretch}.collection-image-carousel__slide{flex:0 0 var(--carousel-slide-width, 78%);max-width:980px;scroll-snap-align:start;scroll-snap-stop:always}.collection-image-carousel__card{width:100%;background:#f3f4f6;border-radius:28px;overflow:hidden}.collection-image-carousel__media{width:100%;height:var(--carousel-media-height, var(--carousel-card-height, 360px));aspect-ratio:var(--carousel-aspect-ratio, auto)}.collection-image-carousel__image{width:100%;height:100%;display:block;object-fit:cover}.collection-image-carousel__controls{margin-top:14px;display:flex;justify-content:center;align-items:center;gap:10px}.collection-image-carousel__nav{border:0;width:30px;height:30px;padding:0;border-radius:999px;background:#e8e9ee;color:#2b2b2b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.collection-image-carousel__nav[disabled]{opacity:.4;cursor:default}.collection-image-carousel__nav svg{width:14px;height:14px}.collection-image-carousel__dots{background:#e8e9ee;border-radius:999px;padding:8px 12px;display:inline-flex;align-items:center;gap:8px}.collection-image-carousel__dot{border:0;padding:0;width:6px;height:6px;border-radius:999px;background:#7b7b80;opacity:.6;cursor:pointer}.collection-image-carousel__dot[aria-pressed=true]{opacity:1;width:8px}@media screen and (max-width:989px){.collection-image-carousel__slide{flex-basis:var(--carousel-slide-width-mobile, 92%)}.collection-image-carousel__media{height:var(--carousel-media-height-mobile, var(--carousel-card-height-mobile, 260px))}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/collection-image-carousel.css.map */