.hero-video-carousel{--hvc-stage-height: var(--hvc-desktop-card-height);--color-background: var(--hvc-background-rgb);--color-foreground: var(--hvc-text-rgb);--color-button: var(--hvc-text-rgb);--color-button-text: var(--hvc-background-rgb);--color-secondary-button: var(--hvc-background-rgb);--color-secondary-button-text: var(--hvc-text-rgb);background:rgb(var(--hvc-background-rgb));color:rgb(var(--hvc-text-rgb));display:block;min-height:var(--hvc-desktop-height);overflow:hidden}.hero-video-carousel__inner{align-items:center;display:grid;gap:clamp(3.2rem,6vw,8rem);grid-template-columns:minmax(0,.95fr) minmax(32rem,.85fr);margin:0 auto;max-width:var(--hvc-content-max-width);min-height:var(--hvc-desktop-height);padding:clamp(2.4rem,5vw,6rem) 5rem;width:100%}.hero-video-carousel__content{max-width:62rem}.hero-video-carousel__eyebrow{color:rgba(var(--hvc-text-rgb),.72);font-size:1.2rem;font-weight:700;letter-spacing:.18rem;line-height:1.4;margin:0 0 1.4rem;text-transform:uppercase}.hero-video-carousel__heading{color:rgb(var(--hvc-text-rgb));margin:0}.hero-video-carousel__description{color:rgba(var(--hvc-text-rgb),.78);font-size:1.7rem;line-height:calc(1 + .55 / var(--font-body-scale));margin-top:2rem;max-width:54rem}.hero-video-carousel__description p{margin:0}.hero-video-carousel__description p+p{margin-top:1rem}.hero-video-carousel__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3rem}.hero-video-carousel__buttons .button{z-index:0}.hero-video-carousel__carousel{align-items:center;display:flex;flex-direction:column;min-width:0;position:relative}.hero-video-carousel__stage{aspect-ratio:9 / 16;height:var(--hvc-stage-height);min-height:0;outline:none;position:relative;touch-action:none;width:min(calc(var(--hvc-stage-height) * .5625),34rem,72vw)}.hero-video-carousel__stage:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--hvc-background-rgb)),0 0 0 .5rem rgba(var(--hvc-text-rgb),.7);border-radius:var(--hvc-card-radius)}.hero-video-carousel__card,.hero-video-carousel__empty{border-radius:var(--hvc-card-radius);top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute}.hero-video-carousel__card{background:rgba(var(--hvc-text-rgb),.08);box-shadow:0 2.8rem 6rem #00000047;opacity:0;pointer-events:none;transform:translateZ(0) scale(.82);transition:transform .52s ease,opacity .52s ease,filter .52s ease;will-change:transform,opacity}.hero-video-carousel__card[data-carousel-state=active]{opacity:1;pointer-events:auto;transform:translateZ(0) scale(1);z-index:6}.hero-video-carousel__card[data-carousel-state=next]{filter:saturate(.9);opacity:.78;transform:translate3d(4.8rem,-1.2rem,0) scale(.91);z-index:5}.hero-video-carousel__card[data-carousel-state=far]{filter:saturate(.75);opacity:.48;transform:translate3d(8.3rem,-2.1rem,0) scale(.82);z-index:4}.hero-video-carousel__card[data-carousel-state=previous]{opacity:0;transform:translate3d(-4rem,1.4rem,0) scale(.88);z-index:1}.hero-video-carousel__media,.hero-video-carousel__video,.hero-video-carousel__poster,.hero-video-carousel__placeholder{height:100%;width:100%}.hero-video-carousel__media{background:rgba(var(--hvc-text-rgb),.08);position:relative}.hero-video-carousel__video,.hero-video-carousel__poster,.hero-video-carousel__placeholder{display:block;top:0;right:0;bottom:0;left:0;object-fit:cover;position:absolute}.hero-video-carousel__poster{opacity:1;transition:opacity .24s ease;z-index:2}.hero-video-carousel__card.has-video-playing[data-carousel-state=active] .hero-video-carousel__poster{opacity:0;pointer-events:none}.hero-video-carousel__card-overlay{background:linear-gradient(180deg,#0000,#0000009e);bottom:0;color:#fff;left:0;padding:6rem 2rem 2rem;position:absolute;right:0;z-index:3}.hero-video-carousel__product-link,.hero-video-carousel__product-title{color:#fff;display:inline-block;font-size:1.6rem;font-weight:700;line-height:1.25;margin:0;text-decoration:none}.hero-video-carousel__product-link:hover{text-decoration:underline;text-underline-offset:.3rem}.hero-video-carousel__controls{align-items:center;display:none;gap:1rem;justify-content:center;margin-top:2.6rem;position:relative;z-index:8}.hero-video-carousel__arrow,.hero-video-carousel__dot{-webkit-appearance:none;appearance:none;background:transparent;border:0;color:rgb(var(--hvc-text-rgb));cursor:pointer;padding:0}.hero-video-carousel__arrow{align-items:center;border:.1rem solid rgba(var(--hvc-text-rgb),.28);border-radius:50%;display:inline-flex;height:4.4rem;justify-content:center;transition:background-color var(--duration-short) ease,border-color var(--duration-short) ease;width:4.4rem}.hero-video-carousel__arrow:hover,.hero-video-carousel__arrow:focus-visible{background:rgba(var(--hvc-text-rgb),.12);border-color:rgba(var(--hvc-text-rgb),.55)}.hero-video-carousel__arrow .icon{height:.8rem;width:.8rem}.hero-video-carousel__arrow--previous .icon{transform:rotate(90deg)}.hero-video-carousel__arrow--next .icon{transform:rotate(-90deg)}.hero-video-carousel__dots{align-items:center;display:flex;gap:.8rem}.hero-video-carousel__dot{border:.1rem solid rgba(var(--hvc-text-rgb),.55);border-radius:50%;height:1rem;transition:background-color var(--duration-short) ease,transform var(--duration-short) ease;width:1rem}.hero-video-carousel__dot.is-active{background:rgb(var(--hvc-text-rgb));transform:scale(1.2)}.hero-video-carousel__empty{align-items:center;background:rgba(var(--hvc-text-rgb),.08);display:flex;justify-content:center}@media screen and (max-width:989px){.hero-video-carousel{--hvc-stage-height: var(--hvc-mobile-card-height);min-height:var(--hvc-mobile-height)}.hero-video-carousel__inner{gap:3.6rem;grid-template-columns:1fr;min-height:var(--hvc-mobile-height);padding:clamp(2.4rem,6vw,4rem) 1.5rem}.hero-video-carousel__content{max-width:none}.hero-video-carousel__description{font-size:1.55rem}.hero-video-carousel__stage{width:min(calc(var(--hvc-stage-height) * .5625),30rem,76vw)}.hero-video-carousel__card[data-carousel-state=next]{transform:translate3d(3rem,-.8rem,0) scale(.91)}.hero-video-carousel__card[data-carousel-state=far]{transform:translate3d(5.2rem,-1.4rem,0) scale(.82)}}@media screen and (max-width:749px){.hero-video-carousel__heading.hxl{font-size:calc(var(--font-heading-scale) * 3.8rem)}.hero-video-carousel__buttons{align-items:stretch;flex-direction:column}.hero-video-carousel__buttons .button{width:100%}.hero-video-carousel__controls{margin-top:2rem}}@media(prefers-reduced-motion:reduce){.hero-video-carousel__card,.hero-video-carousel__poster,.hero-video-carousel__arrow,.hero-video-carousel__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-hero-video-carousel.css.map */