.vl-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (max-width:1100px){.vl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:800px){.vl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.vl-grid{grid-template-columns:1fr}}.vl-item{cursor:pointer;background:#000;border-radius:10px;position:relative;overflow:hidden}.vl-item:before{content:"";padding-top:56.25%;display:block}.vl-thumb{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block;position:absolute;inset:0}.vl-item:hover .vl-thumb{transform:scale(1.03)}.vl-play{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vl-play .ring{border:3px solid #ffffffd9;border-radius:50%;width:68px;height:68px;position:absolute;box-shadow:0 2px 6px #00000059}.vl-play .triangle{filter:drop-shadow(0 2px 6px #0006);border-top:16px solid #0000;border-bottom:16px solid #0000;border-left:24px solid #fff;width:0;height:0;margin-left:6px}.vl-overlay{z-index:9999;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vl-player-wrap{background:#000;border-radius:10px;width:90vw;max-width:1280px;height:90vh;max-height:720px;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.vl-close{z-index:2;color:#fff;cursor:pointer;background:#0009;border:none;border-radius:8px;padding:8px 12px;font-size:14px;line-height:1;position:absolute;top:10px;right:10px}.vl-close:hover{background:#000000bf}.vl-iframe{border:0;width:100%;height:100%;display:block}