.hero-carousel{position:relative;width:100%;overflow:hidden;background:#111}.hero-carousel__track{position:relative;width:100%;height:var(--hcx-height-mobile, 420px)}@media screen and (min-width:750px){.hero-carousel__track{height:var(--hcx-height, 560px)}}.hero-carousel__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .7s ease;z-index:1}.hero-carousel__slide.is-active{opacity:1;visibility:visible;z-index:2}.hero-carousel__slide picture{display:block;width:100%;height:100%}.hero-carousel__image{width:100%;height:100%;object-fit:cover;display:block}.hero-carousel__video{pointer-events:none}.hero-carousel__image--placeholder svg{width:100%;height:100%;object-fit:cover}.hero-carousel__slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#0000008c,#0000 45%);z-index:3;pointer-events:none}.hero-carousel__overlay{position:absolute;left:5%;bottom:12%;z-index:4;max-width:90%;text-align:left;color:#fff}@media screen and (min-width:750px){.hero-carousel__overlay{left:6%;bottom:14%;max-width:480px}}.hero-carousel__heading{margin:0 0 8px;font-size:24px;line-height:1.2;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.35)}@media screen and (min-width:750px){.hero-carousel__heading{font-size:38px}}.hero-carousel__text{margin:0 0 18px;font-size:14px;opacity:.92;text-shadow:0 1px 6px rgba(0,0,0,.35)}@media screen and (min-width:750px){.hero-carousel__text{font-size:16px}}.hero-carousel__button{display:inline-block;padding:12px 28px;background:#fff;color:#111;font-size:14px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:background .2s ease,color .2s ease,transform .2s ease}.hero-carousel__button:hover{background:transparent;color:#fff;border:1px solid #fff;padding:11px 27px;transform:translateY(-1px)}.hero-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;border:none;border-radius:50%;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background .2s ease}.hero-carousel__arrow:hover{background:#ffffff59}.hero-carousel__arrow--prev{left:16px}.hero-carousel__arrow--next{right:16px}@media screen and (max-width:480px){.hero-carousel__arrow{width:32px;height:32px}}.hero-carousel__dots{position:absolute;right:5%;bottom:5%;z-index:5;display:flex;gap:8px}.hero-carousel__dot{width:8px;height:8px;border-radius:50%;border:1px solid #fff;background:transparent;padding:0;cursor:pointer;transition:background .2s ease}.hero-carousel__dot.is-active{background:#fff}
/*# sourceMappingURL=/cdn/shop/t/7/assets/hero-carousel.css.map */