.vg-container{background:var(--light-gray);margin-left:var(--margin-left);width:100vw}.vg-wrapper{margin:auto;max-width:1200px;width:100%}.vg-container .videos{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(368px,1fr));max-width:1200px;padding-bottom:2rem;padding-top:2rem}.vg-container .videos>.video{background:#fff;box-shadow:5px 5px 9px -4px rgba(0,0,0,.25);display:flex;flex-direction:column;min-width:0}.vg-container .vg-header{margin-top:1rem}.vg-container .vg-header>h2{padding-top:2rem}.vg-container .video img.thumb{aspect-ratio:16/9;cursor:pointer;flex-shrink:0;object-fit:cover;width:100%}.vg-container .video-descr{flex-grow:1;padding:1rem}.vg-container .video-descr>h3{font-size:1.1rem;margin:0}.vg-container .video-descr>p{font-size:.9rem}.overlay{align-items:center;background:rgba(0,0,0,.85);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:1000}.overlay.active{opacity:1;visibility:visible}.close-btn{background:none;border:none;cursor:pointer;height:40px;padding:0;position:absolute;right:30px;top:20px;width:40px}.close-btn span{background:#fff;border-radius:2px;height:2px;left:50%;position:absolute;top:50%;width:24px}.close-btn span:first-child{transform:translate(-50%,-50%) rotate(45deg)}.close-btn span:nth-child(2){transform:translate(-50%,-50%) rotate(-45deg)}.close-btn:hover span{background:#ccc}.thumbnail{cursor:pointer;display:inline-block;overflow:hidden;position:relative}.thumbnail img{display:block;transition:transform .3s ease,filter .3s ease;width:100%}.play-icon{align-items:center;background:rgba(0,0,0,.6);border-radius:50%;display:flex;height:60px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .2s ease,transform .2s ease;width:60px}.play-icon svg{margin-left:4px}.thumbnail:hover .play-icon{background:rgba(0,0,0,.8);transform:translate(-50%,-50%) scale(1.1)}.thumbnail:hover img{filter:brightness(.85);transform:scale(1.05)}.main-stage{align-items:center;display:flex;justify-content:center;width:100%}.main-stage>iframe,.main-stage>video{width:min(100%,770px)}.main-stage>iframe{aspect-ratio:16/9;height:auto}@media screen and (max-width:1230px){.vg-wrapper{padding-left:1rem;padding-right:1rem}}@media screen and (max-width:800px){.vg-container{margin-left:-1rem}.vg-container .videos{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}