.collection-hero{padding:0}.collection-hero__description{max-width:90rem;font-size:1.6rem;line-height:1.5}.collection-hero__description--below{margin-top:1.8rem;margin-bottom:2rem}.collection-banner-carousel{display:block;width:100%}.collection-banner-carousel__viewport{position:relative;width:100%;height:var(--carousel-desktop-height, 440px);overflow:hidden;background:var(--carousel-background, #111)}.collection-banner-carousel__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.collection-banner-carousel__slide.is-active{opacity:1;visibility:visible}.collection-banner-carousel__link{display:block;width:100%;height:100%}.collection-banner-carousel__background{display:block;width:100%;height:100%;object-fit:var(--slide-fit, cover);object-position:var(--slide-position, center center)}.collection-banner-carousel__arrow{position:absolute;z-index:4;top:50%;display:grid;width:4.4rem;height:4.4rem;padding:0;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.78);border-radius:50%;background:#050c1f8c;transform:translateY(-50%);cursor:pointer}.collection-banner-carousel__arrow:hover,.collection-banner-carousel__arrow:focus-visible{background:#050c1fe6}.collection-banner-carousel__arrow span{margin-top:-.2rem;font-size:3.2rem;line-height:1}.collection-banner-carousel__arrow--previous{left:2rem}.collection-banner-carousel__arrow--next{right:2rem}.collection-banner-carousel__dots{position:absolute;z-index:4;bottom:1.6rem;left:50%;display:flex;gap:.8rem;padding:.7rem .9rem;border-radius:2rem;background:#050c1f61;transform:translate(-50%)}.collection-banner-carousel__dot{width:.9rem;height:.9rem;padding:0;border:1px solid #fff;border-radius:50%;background:transparent;cursor:pointer}.collection-banner-carousel__dot.is-active{background:#fff}@media screen and (max-width:749px){.collection-banner-carousel__viewport{height:var(--carousel-mobile-height, 280px)}.collection-banner-carousel__arrow{width:3.6rem;height:3.6rem}.collection-banner-carousel__arrow--previous{left:1rem}.collection-banner-carousel__arrow--next{right:1rem}.collection-banner-carousel__dots{bottom:1rem}.collection-hero__description--below{margin-top:1.4rem;margin-bottom:1.6rem}}@media(prefers-reduced-motion:reduce){.collection-banner-carousel__slide{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/93/assets/component-collection-hero.css.map */