hero-video-text-overlay{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}hero-video-text-overlay .hero__video-heading{background:var(--color-video-heading);background-clip:text;color:transparent;font-size:var(--video-heading-size)}@media(min-width:1024px){hero-video-text-overlay{display:flex;align-items:center;justify-content:center;position:relative;height:100vh;overflow:hidden}hero-video-text-overlay .hero__container{width:100%}hero-video-text-overlay .hero__video-wrapper{--overflow-size: 50px;position:relative;overflow:visible;width:calc(100vw + var(--overflow-size) * 2);margin-left:calc(var(--overflow-size) * -1 - (100vw - 100%) / 2);margin-right:calc(var(--overflow-size) * -1 - (100vw - 100%) / 2);will-change:width,margin-left,margin-right}hero-video-text-overlay .hero__video-wrapper video,hero-video-text-overlay .hero__video-wrapper picture,hero-video-text-overlay .hero__video-wrapper img{border-radius:var(--video-radius);width:100%;height:auto;display:block;aspect-ratio:var(--media-ratio);object-fit:cover}hero-video-text-overlay .hero__video-heading{position:absolute;left:0;right:0;bottom:calc(100% + 10px);transform:translateY(-30px);opacity:0;font-weight:900;width:max-content;max-width:1000px;margin-inline:auto;line-height:1.3;text-align:center}hero-video-text-overlay .hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%}hero-video-text-overlay .hero__overlay-subheading{font-size:30px;font-weight:900;position:absolute;left:50%;top:60%;z-index:2;transform:translate(-50%);color:rgb(var(--color-overlay-foreground))}}@media(max-width:1023px){hero-video-text-overlay{display:block;height:auto;padding-block:40px!important}hero-video-text-overlay .hero__video-heading{font-weight:700;text-align:center;margin-block-end:10px;line-height:1.3}hero-video-text-overlay .hero__video-wrapper video,hero-video-text-overlay .hero__video-wrapper img{display:block;width:100%;height:auto;aspect-ratio:var(--media-ratio);object-fit:cover;border-radius:var(--video-radius)}hero-video-text-overlay .hero__overlay{display:none!important}hero-video-text-overlay .hero__overlay-subheading{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/jxs-hero-video-text-overlay.css.map */