:root{--primary-color:#cecece}#lvideo-wrap{position:fixed;height:100dvh;z-index:9991;opacity:0;visibility:hidden;&,&:after,.lvideo-overlay{left:0;top:0;width:100%;transition:all 0.3s ease-in-out;box-sizing:border-box}&:after,.lvideo-overlay{height:100%;position:absolute}&:after{content:"";display:block;background-color:var(--primary-color);opacity:0;z-index:-1}.lvideo-container{height:100dvh;display:flex;align-items:center;justify-content:center}video,iframe{border-radius:12px;position:relative;box-sizing:border-box;background-color:#000;z-index:10;box-shadow:0 0 19px rgb(0 0 0 / .16);display:block;max-width:1280px;height:auto;width:90%;aspect-ratio:16 / 9;border:5px solid #fff}video{object-fit:cover}.lvideo-close{background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;right:5%;top:5%;width:42px;height:42px;border-radius:100%;border:solid 2px var(--primary-color);padding:0;transition:all 0.3s ease-in-out;z-index:150;&:before,&:after{content:"";width:60%;height:3px;background-color:var(--primary-color);position:absolute;transition:all 0.3s ease-in-out}&:before{transform:rotate(42deg)}&:after{transform:rotate(-42deg)}&:focus{outline:none}&:hover{background-color:var(--primary-color);&:before,&:after{background-color:#fff}}}&.active{opacity:1;visibility:visible;&:after{opacity:.5}}}@keyframes it-zoom{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.5);opacity:0}}