.hero-carousel{position:relative;display:block}.hero-carousel__track{position:relative;width:100%;margin:0;padding:0;aspect-ratio:var(--hero-ratio, 1.7778);background-color:rgb(var(--color-foreground),.04);overflow:hidden}.hero-carousel__slide{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 0s linear 1.2s;pointer-events:none}.hero-carousel__slide.is-active{opacity:1;visibility:visible;transition:opacity 1.2s ease;pointer-events:auto;z-index:1}@media(prefers-reduced-motion:reduce){.hero-carousel__slide{transition:opacity .01ms,visibility 0s}}.hero-carousel__media-link{display:block;text-decoration:none;width:100%;height:100%}.hero-carousel__media{position:relative;display:flex;width:100%;height:100%;overflow:hidden}.hero-carousel__img{flex:1 1 0;min-width:0;width:100%;height:100%;object-fit:cover;object-position:center var(--hero-focal-y, 30%);display:block}.hero-carousel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:rgb(var(--color-foreground));pointer-events:none}.hero-carousel__img--mobile{display:none}@media screen and (max-width:749px){.hero-carousel__track{aspect-ratio:var(--hero-ratio-mobile, .8)}.hero-carousel__media--has-mobile .hero-carousel__img--primary,.hero-carousel__media--has-mobile .hero-carousel__img--second{display:none}.hero-carousel__img--mobile{display:block}}.hero-carousel__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;padding:4rem;pointer-events:none}.hero-carousel__content .button{pointer-events:auto}.hero-carousel__content--top-left{align-items:flex-start;justify-content:flex-start}.hero-carousel__content--top-center{align-items:flex-start;justify-content:center}.hero-carousel__content--middle-left{align-items:center;justify-content:flex-start}.hero-carousel__content--middle-center{align-items:center;justify-content:center}.hero-carousel__content--bottom-left{align-items:flex-end;justify-content:flex-start}.hero-carousel__content--bottom-center{align-items:flex-end;justify-content:center}.hero-carousel__content--text-left .hero-carousel__text{text-align:left;align-items:flex-start}.hero-carousel__content--text-center .hero-carousel__text{text-align:center;align-items:center}.hero-carousel__content--text-right .hero-carousel__text{text-align:right;align-items:flex-end}.hero-carousel__text{display:flex;flex-direction:column;gap:1.6rem;max-width:60rem;color:rgb(var(--color-foreground))}.hero-carousel__heading,.hero-carousel__subheading{margin:0}.hero-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:4.6rem;height:4.6rem;padding:0;border:0;border-radius:50%;background-color:#ffffff73;color:#121212;cursor:pointer;transition:background-color .2s ease,transform .2s ease,opacity .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero-carousel__arrow:hover{background-color:#ffffffb3}.hero-carousel__arrow:active{transform:translateY(-50%) scale(.94)}.hero-carousel__arrow:focus-visible{outline:.2rem solid rgb(18,18,18);outline-offset:.3rem}.hero-carousel__arrow .icon-caret{width:1.3rem;height:auto}.hero-carousel__arrow--prev{left:2.4rem}.hero-carousel__arrow--prev .icon-caret{transform:rotate(90deg)}.hero-carousel__arrow--next{right:2.4rem}.hero-carousel__arrow--next .icon-caret{transform:rotate(-90deg)}@media screen and (max-width:749px){.hero-carousel__arrow{width:3.8rem;height:3.8rem}.hero-carousel__arrow--prev{left:1rem}.hero-carousel__arrow--next{right:1rem}}.hero-carousel__dots{position:absolute;left:50%;bottom:2.2rem;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:1rem;margin:0;padding:0}.hero-carousel__dot{display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;padding:0;border:0;background:transparent;cursor:pointer}.hero-carousel__dot .dot{display:block;width:1.1rem;height:1.1rem;border-radius:50%;background-color:#ffffff8c;box-shadow:0 .1rem .4rem #00000073;transition:background-color .2s ease,transform .2s ease}.hero-carousel__dot:hover .dot{background-color:#fffc}.hero-carousel__dot.is-active .dot{background-color:#fff}.hero-carousel__dot:focus-visible{outline:.2rem solid rgb(255,255,255);outline-offset:.2rem;border-radius:50%}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-hero-carousel.css.map */