body.popup-opened{overflow:hidden;width:100vw}.L7L-video .row{display:flex}.L7L-video .content-col{padding:100px 60px;text-align:center;width:100%}.L7L-video .content-col .column-wrapper{display:flex;flex-direction:column;gap:24px;align-items:center;position:sticky;top:calc(87.48px + 50px)}.L7L-video .content-col .main-img{margin-top:-100px;margin-bottom:-70px;width:100%;max-width:500px}.L7L-video .paragraph{font-family:var(--header-font-stack);font-size:20px;font-weight:700;max-width:500px;margin-left:auto;margin-right:auto}.L7L-video .row .video-col{display:flex;position:relative;width:100%}.L7L-video-popup{position:fixed}.L7L-video .row .video-col:before{content:"";background-image:url(/cdn/shop/files/play-icon.png?v=1766458924);width:80px;height:80px;position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.L7L-video .row .video-col:before{content:"";background-size:contain;background-image:url(/cdn/shop/files/play-icon.png?v=1766458924);background-repeat:no-repeat;width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.L7L-video .row .video-col img.background-media{object-fit:cover;width:100%}.L7L-video-popup{position:fixed;background:#000c;top:0;bottom:0;right:0;left:0;z-index:999999;display:none;justify-content:center;align-items:center}.L7L-video-popup.active{display:flex}.L7L-video-popup .close-btn{width:50px;height:50px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><circle cx="25" cy="25" r="24" stroke="white" stroke-width="2" fill="none"/><line x1="15" y1="15" x2="35" y2="35" stroke="white" stroke-width="2" stroke-linecap="round"/><line x1="35" y1="15" x2="15" y2="35" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>') no-repeat center center;cursor:pointer}.L7L-video-popup .container iframe{aspect-ratio:16 / 9;height:unset}.L7L-video-popup .container{max-width:1200px;margin:auto;width:100%;display:flex;flex-direction:column;align-items:flex-end;gap:24px}@media screen and (max-width: 1024px){.L7L-video .row .video-col:before{width:80px;height:80px}}@media screen and (max-width: 767px){.L7L-video .row{flex-direction:column-reverse}.L7L-video .content-col{padding:50px 15px}.L7L-video .content-col .main-img{margin-top:-50px;margin-bottom:-50px}.L7L-video .row .video-col img.background-media{height:400px;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/L7L-video.css.map */