.hero-carousel{position:relative;width:100%;aspect-ratio:var(--ar-mobile);min-height:var(--min-height);overflow:hidden;background-color:rgb(var(--color-background))}@media(min-width:750px){.hero-carousel{aspect-ratio:var(--ar-desktop)}}.hero-carousel__swiper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-carousel__swiper .swiper-wrapper,.hero-carousel__swiper .swiper-slide{height:100%}.hero-carousel__slide{position:relative;overflow:hidden;background-color:rgb(var(--color-background))}.hero-carousel__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-carousel__media img,.hero-carousel__media video,.hero-carousel__media svg.placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.hero-carousel__media--desktop{display:none}.hero-carousel__media--mobile,.hero-carousel__media--both{display:block}@media(min-width:750px){.hero-carousel__media--desktop{display:block}.hero-carousel__media--mobile{display:none}}.hero-carousel__controls{position:absolute;left:0;right:0;bottom:0;z-index:5;pointer-events:none}.hero-carousel__controls>*{pointer-events:auto}.hero-carousel__controls-row1{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;padding-bottom:18px}.hero-carousel__cta{gap:14px}.hero-carousel__cta-text{flex:0 0 auto}.hero-carousel__cta-arrow{flex:0 0 auto;display:block;width:36px;height:16px;color:currentColor}.hero-carousel__counter{font-family:var(--font-heading-family);color:rgb(var(--color-button));line-height:1;letter-spacing:.02em;display:inline-flex;align-items:baseline;flex:0 0 auto}.hero-carousel__counter-current,.hero-carousel__counter-sep{font-size:clamp(3rem,5vw,5.5rem)}.hero-carousel__counter-total{font-size:clamp(1.6rem,2.4vw,2.4rem)}.hero-carousel__progress{position:relative;width:100%;height:4px;background-color:rgba(var(--color-foreground),.15);overflow:hidden}.hero-carousel__progress-fill{position:absolute;top:0;left:0;height:100%;width:0%;background-color:rgb(var(--color-button))}@media(max-width:749px){.hero-carousel__controls-row1{gap:12px;padding-bottom:14px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/section-hero-carousel.css.map */