hero-carousel{display:block;position:relative}.hero-carousel{position:relative;overflow:hidden}.hero-carousel__track{display:flex;width:100%;height:100%;scroll-snap-type:x mandatory;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.hero-carousel__track{scrollbar-width:none;-ms-overflow-style:none}.hero-carousel__track::-webkit-scrollbar{display:none}.hero-carousel__slide{flex:0 0 100%;scroll-snap-align:start;position:relative;min-width:100%}.hero-carousel__slide-inner{position:relative;width:100%;height:100%}.hero-carousel--small .hero-carousel__slide-inner{aspect-ratio:16 / 9}.hero-carousel--medium .hero-carousel__slide-inner{aspect-ratio:16 / 8}.hero-carousel--large .hero-carousel__slide-inner{aspect-ratio:16 / 7}@media screen and (max-width:749px){.hero-carousel--small .hero-carousel__slide-inner{aspect-ratio:4 / 5}.hero-carousel--medium .hero-carousel__slide-inner{aspect-ratio:3 / 4}.hero-carousel--large .hero-carousel__slide-inner{aspect-ratio:2 / 3}}.hero-carousel__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-carousel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to top,var(--hero-carousel-overlay-color, #000) 0%,transparent 60%);opacity:var(--hero-carousel-overlay-opacity, 0);pointer-events:none}.hero-carousel__content{position:absolute;z-index:2;max-width:46rem;padding:3rem 4rem 6.5rem;color:var(--hero-carousel-text-color, #fff)}.hero-carousel__content--bottom-left{left:0;bottom:0;text-align:left}.hero-carousel__content--bottom-center{left:50%;bottom:0;transform:translate(-50%);text-align:center}.hero-carousel__content--middle-center{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.hero-carousel__heading{margin:0 0 .5rem;color:inherit;line-height:1.15}.hero-carousel__text{margin:0;color:inherit;opacity:.92}.hero-carousel__nav{position:absolute;z-index:3;left:50%;bottom:1.8rem;transform:translate(-50%);display:flex;align-items:center;gap:1.2rem}.hero-carousel__dot{-webkit-appearance:none;appearance:none;border:none;background:none;padding:1.1rem;margin:-1.1rem;min-width:4.4rem;min-height:4.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.hero-carousel__dot-shape{display:block;width:1.3rem;height:1.3rem;border-radius:50%;border:.15rem solid var(--hero-carousel-dot-color, #c04c29);background-color:var(--hero-carousel-dot-color, #c04c29);transition:background-color .2s ease,transform .2s ease}.hero-carousel__dot[aria-current=true] .hero-carousel__dot-shape{background-color:transparent;transform:scale(1.05)}.hero-carousel__dot:hover .hero-carousel__dot-shape,.hero-carousel__dot:focus-visible .hero-carousel__dot-shape{transform:scale(1.15)}.hero-carousel__dot:focus-visible{outline:.2rem solid var(--hero-carousel-dot-color, #c04c29);outline-offset:.2rem;border-radius:50%}@media screen and (max-width:749px){.hero-carousel__content{padding:2rem 2.2rem 5.5rem;max-width:100%}.hero-carousel__nav{bottom:1.4rem;gap:1.6rem}.hero-carousel__dot{min-width:4.8rem;min-height:4.8rem;padding:1.3rem;margin:-1.3rem}.hero-carousel__dot-shape{width:1.6rem;height:1.6rem;border-width:.18rem}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/component-hero-carousel.css.map */