.fostr .video-section{position:relative}.fostr .video-section__media{position:relative;padding-bottom:56.25%}.fostr .video-section__media.autoplay--enabled{padding-bottom:0}.fostr .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))}.fostr .video-section__media.deferred-media:after{content:none}.fostr .video-section__poster.deferred-media__poster:focus{outline-offset:.3rem}.fostr .video-section__media iframe{background-color:rgba(var(--color-foreground),.03);border:0}.fostr .video-section__poster,.fostr .video-section__media iframe{position:absolute;width:100%;height:100%}.fostr-video{position:relative;height:100%;width:100%}.fostr-video video{position:relative;z-index:2;height:100%;width:100%;object-fit:cover;border:none;padding:0}.fostr-video .fostr-image{position:absolute;z-index:1;top:0;left:0}.fostr .video-section__media .image__desktop{display:none}@media screen and (min-width: 750px){.fostr .video-section .banner__content{height:100%;pointer-events:none;position:absolute;top:0}.fostr .video-section__media .image__desktop{display:block}.fostr .video-section__media .image__mobile{display:none}}.fostr.pattern .fostr-video .banner__box{display:flex;flex-direction:column}.fostr.pattern .fostr-video .banner__heading{font-size:45px;letter-spacing:13.5px;color:rgb(var(--color-button-text))}.fostr.pattern .fostr-video .banner__text{color:rgb(var(--color-button-text))}.fostr.pattern .fostr-video .button{max-width:310px;color:#2b2b2b;background-color:#fff;border:none;font-family:Montserrat;font-size:1.2rem;font-weight:400;letter-spacing:3.3px;margin-top:20px!important;padding:10px 44px;text-transform:uppercase;width:100%;min-height:unset;border-color:rgb(var(--color-button-text))}.fostr.pattern .fostr-video .button:after{box-shadow:none}.fostr.pattern .fostr-video .button:hover{background-color:rgb(var(--color-button))}@media (max-width: 749px){.fostr.pattern .fostr-video .banner__heading{font-size:25px}.fostr.pattern .banner__content{position:absolute!important;top:0;height:100%}}
/*# sourceMappingURL=/cdn/shop/t/739/assets/fostr-video-section.css.map?v=144838749587257546991750795943 */