.video-with-text{background-color:var(--background-color);color:var(--text-color);display:flex;align-items:stretch;justify-content:center}.video-with-text .video-with-text--content{padding:64px 84px 64px calc(calc(100% - calc(var(--page-width) - 10rem)) / 2);display:flex;flex-direction:column;justify-content:center;gap:16px;flex:1;width:50%}.video-with-text .video-with-text--video+.video-with-text--content{padding:64px calc(calc(100% - calc(var(--page-width) - 10rem)) / 2) 64px 84px}.video-with-text .video-with-text--title h2{letter-spacing:.2px}.video-with-text .video-with-text--video{position:relative;width:50%;height:auto;flex:1}.video-with-text .video-with-text--video video{display:block;width:100%;height:auto}.video-with-text .video-with-text--video.video-with-text--video-with-poster video{visibility:hidden}.video-with-text .video-with-text--video:not(.video-with-text--video-with-poster) .video-with-text--video-poster{display:none}.video-with-text .video-with-text--video-poster{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;cursor:pointer}.video-with-text .video-with-text--video-poster img{display:block;width:100%;height:100%;object-fit:cover}.video-with-text .video-with-text--video-poster svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:block;transition:transform .2s}.video-with-text .video-with-text--video-poster:hover svg{transform:translate(-50%,-50%) scale(1.1)}.video-with-text .video-with-text--cta .button.button--white:hover,.video-with-text .video-with-text--cta .button.button--white:focus{background-color:var(--color-white);color:var(--color-dark)}@media screen and (max-width: 1439px){.video-with-text .video-with-text--content{padding-left:5rem}.video-with-text .video-with-text--video+.video-with-text--content{padding-right:5rem}}@media screen and (max-width: 1023px){.video-with-text .video-with-text--content{padding:40px 30px 40px 20px}.video-with-text .video-with-text--video+.video-with-text--content{padding:40px 20px 40px 30px}}@media screen and (max-width: 767px){.video-with-text{flex-wrap:wrap;gap:30px}.video-with-text .video-with-text--content,.video-with-text .video-with-text--video{width:100%;flex:1 0 100%}.video-with-text .video-with-text--video{order:1}.video-with-text .video-with-text--content{padding:0 20px 48px;order:2}.video-with-text .video-with-text--cta .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-video-with-text.css.map */