.hero-split-carousel{display:block;position:relative;width:100%;height:90vh;min-height:480px;max-height:860px;overflow:hidden}.hero-split-carousel__slot{position:absolute;top:0;bottom:0;overflow:hidden}.hero-split-carousel__slot--left{left:0;width:50%}.hero-split-carousel__slot--right{right:0;width:50%}.hero-split-carousel__img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity 1.1s ease}.hero-split-carousel__img.is-active{opacity:1;visibility:visible;z-index:1}.hero-split-carousel__img img,.hero-split-carousel__img svg{width:100%;height:100%;object-fit:cover;display:block}.hero-split-carousel__img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#00000059,#0000 45%);pointer-events:none}.hero-split-carousel__content{position:absolute;z-index:2;max-width:640px;padding:3rem;display:flex;flex-direction:column;gap:1.2rem}.hero-split-carousel__content--bottom-left{left:0;bottom:0;align-items:flex-start;text-align:left}.hero-split-carousel__content--bottom-center{left:50%;bottom:0;transform:translate(-50%);align-items:center;text-align:center}.hero-split-carousel__content--middle-center{left:50%;top:50%;transform:translate(-50%,-50%);align-items:center;text-align:center}.hero-split-carousel__heading{font-size:clamp(2rem,4vw,3.75rem);line-height:1.1;margin:0;color:currentColor;text-shadow:0 1px 12px rgba(0,0,0,.25)}.hero-split-carousel__text{font-size:1.1rem;margin:0;color:currentColor;text-shadow:0 1px 8px rgba(0,0,0,.2)}.hero-split-carousel__buttons{display:flex;gap:.75rem;flex-wrap:wrap}.hero-split-carousel__dots{position:absolute;z-index:3;right:2rem;bottom:2rem;display:flex;gap:.5rem}.hero-split-carousel__dot{width:32px;height:3px;border:none;background:#ffffff73;cursor:pointer;padding:0;transition:background .3s ease}.hero-split-carousel__dot.is-active{background:#fffffff2}.hero-split-carousel__dots--mobile{display:none}@media screen and (max-width:749px){.hero-split-carousel{height:70vh;min-height:420px}.hero-split-carousel__slot--left,.hero-split-carousel__slot--right{left:0;right:0;width:100%}.hero-split-carousel__content{padding:1.5rem;max-width:100%}.hero-split-carousel__dots{right:1rem;bottom:1rem}.hero-split-carousel__dots--desktop{display:none}.hero-split-carousel__dots--mobile{display:flex}.hero-split-carousel__dot{width:22px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-hero-split-carousel.css.map */