.vdg-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
    gap:20px;
}

.vdg-item{
    cursor:pointer;
    position:relative;
}

.vdg-item img{
    width:100%;
    height:180px;
    object-fit:cover;
    border-radius:12px;
}

.vdg-play{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:50px;
    color:#fff;
}

.vdg-title{
    padding-top:10px;
    font-weight:600;
}

#vdg-modal{
    display:none;
    position:fixed;
    inset:0;
    background:#000;
    z-index:999999;
}

#vdg-frame{
    width:100%;
    height:100%;
    border:none;
}

#vdg-close{
    position:absolute;
    top:20px;
    right:20px;
    z-index:9999999;
    font-size:25px;
}