.scroll-video .scroll-sticky{position:sticky;top:40px;height:86vh;display:flex;overflow:hidden}.scroll-video .video-container{position:relative;height:100%;width:100%;transition:width .2s ease-out;z-index:2;overflow:hidden}.scroll-video .video-container video{width:100%;height:100%;object-fit:cover}.scroll-video .content-container{position:absolute;right:0;top:0;height:100%;width:50%;display:flex;align-items:center;justify-content:center;padding:60px;opacity:0;transform:translate(100px);transition:all .4s ease;z-index:1}.scroll-video .content-inner{max-width:510px;display:flex;flex-direction:column}.scroll-video .content-inner h2{line-height:1.2;margin-top:30px;font-weight:500;font-size:39px;letter-spacing:0%}.scroll-video .content-inner p{font-weight:100;font-size:22px;line-height:1.2;margin-top:12px}.scroll-video .content-inner a{display:inline-flex;align-items:center;gap:10px;width:fit-content}.scroll-video.layout-reverse .scroll-sticky{display:flex}.scroll-video.layout-reverse .video-container{order:2;width:100%;height:100%;transition:width .2s ease-out}.scroll-video.layout-reverse .video-container video{width:100%}.scroll-video.layout-reverse .content-container{order:1;position:relative;width:50%;height:100%}.scroll-video.align-top-left .content-container{align-items:flex-start;justify-content:flex-start;text-align:left}.scroll-video.align-top-center .content-container{align-items:flex-start;justify-content:center;text-align:center}.scroll-video.align-top-right .content-container{align-items:flex-start;justify-content:flex-end;text-align:right}.scroll-video.align-center-left .content-container{align-items:center;justify-content:flex-start;text-align:left}.scroll-video.align-center-center .content-container{align-items:center;justify-content:center;text-align:center}.scroll-video.align-center-right .content-container{align-items:center;justify-content:flex-end;text-align:right}.scroll-video.align-bottom-left .content-container{align-items:flex-end;justify-content:flex-start;text-align:left}.scroll-video.align-bottom-center .content-container{align-items:flex-end;justify-content:center;text-align:center}.scroll-video.align-bottom-right .content-container{align-items:flex-end;justify-content:flex-end;text-align:right}.scroll-video .content-inner.text-left p,.scroll-video .content-inner.text-left h2{text-align:left}.scroll-video .content-inner.text-center p,.scroll-video .content-inner.text-center h2{text-align:center}.scroll-video .content-inner.text-right p,.scroll-video .content-inner.text-right h2{text-align:right}.scroll-video .content-inner.text-left a{justify-content:flex-start;margin:0}.scroll-video .content-inner.text-center a{justify-content:center;margin:0 auto}.scroll-video .content-inner.text-right a{justify-content:flex-end;margin:0}.scroll-video .video-placeholder{width:100%;height:100%;object-fit:cover}.scroll-video svg.video-placeholder{fill:#fff;background:#7e7b7a}@media screen and (max-width:768px){.scroll-video .scroll-sticky{position:relative;top:0;height:auto;flex-direction:column}.scroll-video .video-container{width:100%!important;height:60vh}.scroll-video.layout-reverse .content-container{width:100%;height:100%}.scroll-video .content-container{position:relative;width:100%;opacity:1!important;transform:none!important;padding:30px 20px}.scroll-video .content-inner{text-align:center}.scroll-video .content-inner h2{font-size:30px;margin-top:20px}.scroll-video .content-inner.text-left p,.scroll-video .content-inner.text-left h2,.scroll-video .content-inner.text-center p,.scroll-video .content-inner.text-center h2,.scroll-video .content-inner.text-right p,.scroll-video .content-inner.text-right h2,.scroll-video.align-top-left .content-container,.scroll-video.align-top-center .content-container,.scroll-video.align-top-right .content-container,.scroll-video.align-center-left .content-container,.scroll-video.align-center-center .content-container,.scroll-video.align-center-right .content-container,.scroll-video.align-bottom-left .content-container,.scroll-video.align-bottom-center .content-container,.scroll-video.align-bottom-right .content-container{text-align:center;justify-content:center}.scroll-video .content-inner.text-left a,.scroll-video .content-inner.text-center a,.scroll-video .content-inner.text-right a{justify-content:center;margin:0 auto}.scroll-video .content-inner p{font-weight:100;font-size:18px}.scroll-video .content-inner p{font-size:14px;line-height:1.4}.scroll-video .content-inner h2{font-size:22px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/scroll-video.css.map */