.custom-video-hero{position:relative;z-index:2;width:100%;height:var(--mobile-height, 500px);overflow:hidden;pointer-events:none}@media screen and (min-width:750px){.custom-video-hero{height:var(--desktop-height, 700px)}}.custom-video-hero--adapt{height:auto;aspect-ratio:var(--video-hero-aspect-ratio, 16/9)}.custom-video-hero__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.custom-video-hero__placeholder{background-color:var(--color-background)}.custom-video-hero__top-overlay{position:absolute;top:0;left:0;width:100%;height:200px;z-index:2;pointer-events:none;display:block!important;background:linear-gradient(to bottom,rgba(0,0,0,var(--top-overlay-opacity, .4)),transparent)}.custom-video-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.custom-video-hero__content{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%}.custom-video-hero__text{position:absolute;max-width:min(800px,90%);top:var(--video-hero-mobile-y, 50%);left:var(--video-hero-mobile-x, 50%);transform:translate(-50%,-50%);text-align:center}.custom-video-hero__content[data-align-mobile=left] .custom-video-hero__text{transform:translateY(-50%);text-align:left}.custom-video-hero__content[data-align-mobile=right] .custom-video-hero__text{transform:translate(-100%,-50%);text-align:right}@media screen and (min-width:750px){.custom-video-hero__text{top:var(--video-hero-desktop-y, 50%);left:var(--video-hero-desktop-x, 50%);transform:translate(-50%,-50%);text-align:center}.custom-video-hero__content[data-align=left] .custom-video-hero__text{transform:translateY(-50%);text-align:left}.custom-video-hero__content[data-align=center] .custom-video-hero__text{transform:translate(-50%,-50%);text-align:center}.custom-video-hero__content[data-align=right] .custom-video-hero__text{transform:translate(-100%,-50%);text-align:right}}.custom-video-hero__heading{font-size:clamp(32px,6vw,64px);font-weight:400;line-height:var(--custom-leading-tight);margin:0 0 16px;letter-spacing:-.02em}.custom-video-hero__subheading{font-size:clamp(16px,2vw,20px);font-weight:400;line-height:var(--custom-leading-normal);margin:0 0 24px}.custom-video-hero__button{border-radius:var(--buttons-radius);pointer-events:auto}@media screen and (max-width:749px){.custom-video-hero__heading{margin-bottom:12px}.custom-video-hero__subheading{margin-bottom:20px}.custom-video-hero__button{padding:12px 24px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/custom-video-hero.css.map */