.video-text-overlay-container{position:relative;width:100%;height:calc(100vh - 69px);overflow:hidden}.video-text-overlay-spacer{margin-top:30px;margin-bottom:30px}.video-text-overlay-video-container{position:absolute;top:50%;left:50%;width:auto;height:auto;min-width:100%;min-height:100%;transform:translate(-50%,-50%);object-fit:cover;z-index:0;pointer-events:none}.video-section__media{--ratio-percent: 56.25%;position:relative;padding-bottom:calc(var(--ratio-percent) - var(--media-border-width))}.video-text-overlay-video-container .video-section__media{height:100vh}.scroll-trigger:where(.gradient.video-section__media){background:transparent}.video-section__media.global-media-settings--full-width{padding-bottom:var(--ratio-percent)}.video-section__media.deferred-media{box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.video-section__media.deferred-media:after{content:none}.video-section__poster.deferred-media__poster:focus{outline-offset:.3rem}.video-section__media iframe{background-color:rgba(var(--color-foreground),.03);border:0}.video-section__poster,.video-section__media iframe,.video-section__media video{position:absolute;width:auto;height:100%}.video-section__media video{background:#f3ead8}.video-section__media.media-fit-cover video{object-fit:cover}.video-text-overlay-text-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.video-text-overlay-text-container .banner__heading{margin:10px 0 5px;font-size:4.5rem;line-height:1;text-align:center}.video-text-overlay-text-container .banner__text{font-size:2.4rem;text-align:center}.video-text-overlay-text-container .button--secondary{background:none;margin-top:15px}.video-text-overlay-text-container .button--primary{margin-top:15px}@media screen and (max-width: 749px){.video-text-overlay-text-container .banner__heading{font-size:3.5rem}.video-text-overlay-text-container .banner__text{font-size:1.8rem}}.video-with-text-image-overlay{margin-top:3rem;margin-bottom:2rem}
/*# sourceMappingURL=/cdn/shop/t/3/assets/video-text-overlay.css.map */