.hero-banner-carousel{margin-inline:auto;position:relative;width:100%}.hero-banner-carousel__frame{aspect-ratio:16 / 9;isolation:isolate;overflow:hidden;position:relative;width:100%}.hero-banner-carousel__frame:before{background:linear-gradient(to bottom,rgb(0 0 0 / .42) 0%,rgb(0 0 0 / .12) 38%,transparent 72%);content:"";inset:0 0 auto;height:calc(160 * var(--rem));pointer-events:none;position:absolute;z-index:2}.hero-banner-carousel__track{height:100%;list-style:none;margin:0;padding:0;position:relative;width:100%}.hero-banner-carousel__slide{height:100%;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .55s ease;width:100%;z-index:0}.hero-banner-carousel__slide.is-active{opacity:1;pointer-events:auto;z-index:1}.hero-banner-carousel__media{align-items:center;background:var(--hbc-media-bg, #000);display:flex;height:100%;justify-content:center;width:100%}.hero-banner-carousel__media img,.hero-banner-carousel__media video{display:block;height:100%;object-fit:cover;width:100%}.hero-banner-carousel__picture{display:block;height:100%;width:100%}.hero-banner-carousel__mobile-image{display:none!important}.hero-banner-carousel__media video{background:var(--hbc-media-bg, #000)}.hero-banner-carousel__placeholder{height:100%;opacity:.35;width:100%}.hero-banner-carousel__overlay{background:linear-gradient(91deg,#0000008c,#00000047 24%,#0000 41%);top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:3}.hero-banner-carousel__content{display:flex;flex-direction:column;gap:calc(20 * var(--rem));inset-block:0;justify-content:center;left:calc(80 * var(--rem));max-width:calc(560 * var(--rem));position:absolute;z-index:4}.hero-banner-carousel__heading-line{font-family:var(--font-heading--family);font-size:calc(32 * var(--rem));font-weight:700;letter-spacing:-.02em;line-height:1.05;margin:0}.hero-banner-carousel__body{font-family:var(--font-body--family);font-size:calc(12 * var(--rem));line-height:1.6;margin:0;max-width:calc(480 * var(--rem))}.hero-banner-carousel__body p{margin:0}.hero-banner-carousel__body p+p{margin-block-start:.65em}.hero-banner-carousel__body a{color:inherit;text-decoration:underline;text-underline-offset:.15em}.hero-banner-carousel__actions{display:flex;flex-wrap:wrap;gap:calc(12 * var(--rem));margin-block-start:calc(8 * var(--rem))}.hero-banner-carousel__pagination{bottom:calc(24 * var(--rem));display:flex;gap:calc(8 * var(--rem));justify-content:center;left:50%;list-style:none;margin:0;padding:0;position:absolute;transform:translate(-50%);z-index:4}.hero-banner-carousel__dot{background:#ffffff73;border:0;border-radius:var(--Arvita-radius-full, calc(999 * var(--rem)));cursor:pointer;height:calc(4 * var(--rem));padding:0;transition:background-color .25s ease,width .25s ease;width:calc(32 * var(--rem))}.hero-banner-carousel__dot.is-active{background:#fff;width:calc(56 * var(--rem))}@media screen and (max-width:768px){.hero-banner-carousel__overlay{background:none}.hero-banner-carousel__frame{aspect-ratio:auto;height:100svh;min-height:100svh}.hero-banner-carousel__desktop-video:has(+.hero-banner-carousel__mobile-image){display:none}.hero-banner-carousel__mobile-image{display:block!important}.hero-banner-carousel__slide{position:relative}.hero-banner-carousel__content{align-items:flex-start;bottom:calc(80 * var(--rem));gap:calc(20 * var(--rem));height:fit-content;justify-content:flex-start;left:calc(40 * var(--rem));max-width:none;padding:0;right:calc(40 * var(--rem));text-align:left;top:auto}.hero-banner-carousel__heading-line{font-size:calc(48 * var(--rem));text-align:left}.hero-banner-carousel__body{font-size:calc(24 * var(--rem));max-width:none;text-align:left}.hero-banner-carousel__actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-block-start:calc(4 * var(--rem))}.hero-banner-carousel__btn{width:auto}.hero-banner-carousel__pagination{bottom:calc(20 * var(--rem))}.hero-banner-carousel__dot{height:calc(6 * var(--rem));width:calc(40 * var(--rem))}.hero-banner-carousel__dot.is-active{width:calc(4 * var(--rem))}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero-banner-carousel.css.map */