.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.video-item{background-color:#fff;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.video-thumbnail{position:relative;padding-bottom:56.25%;background-color:#000}.video-thumbnail iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-info{padding:15px}.video-title{font-size:.9375rem;font-weight:500;margin-bottom:8px;color:var(--black-color)}.video-description{font-size:.8125rem;color:var(--gray-300);line-height:1.4}.video-channel{font-size:.8125rem;color:#888;margin-bottom:8px}.video-stats{font-size:.75rem;color:#666}@media(max-width:430px){.video-grid{grid-template-columns:1fr}}