.video-grid[data-v-76454239]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.video-card[data-v-76454239]{background:var(--color-second);border:1px solid var(--color-item-border);border-radius:.6rem;overflow:hidden;transition:transform .2s,box-shadow .2s}.video-card[data-v-76454239]:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-3px)}.video-card .cover[data-v-76454239]{align-items:center;aspect-ratio:16/9;background:var(--color-fourth);display:flex;justify-content:center;position:relative}.video-card .cover img[data-v-76454239]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.video-card .cover .cover-placeholder[data-v-76454239]{color:var(--color-main-text);font-size:2.4rem;opacity:.4}.video-card .cover .duration[data-v-76454239]{background:#000000b3;border-radius:.25rem;bottom:.4rem;color:#fff;font-size:.7rem;padding:.1rem .35rem;position:absolute;right:.4rem}.video-card .cover .play-badge[data-v-76454239]{align-items:center;background:#0000008c;border-radius:50%;color:#fff;display:flex;font-size:1.3rem;height:3rem;inset:0;justify-content:center;margin:auto;opacity:0;position:absolute;transition:opacity .2s;width:3rem}.video-card:hover .play-badge[data-v-76454239]{opacity:1}.video-card .meta[data-v-76454239]{padding:.6rem .7rem .8rem}.video-card .meta .title[data-v-76454239]{color:var(--color-main-text);font-size:.9rem;font-weight:600;line-height:1.3}.video-card .meta .sub[data-v-76454239]{font-size:.75rem;margin-top:.15rem;opacity:.6}.video-card .meta .desc[data-v-76454239]{display:-webkit-box;font-size:.75rem;-webkit-line-clamp:2;line-height:1.4;margin-top:.4rem;opacity:.55;-webkit-box-orient:vertical;overflow:hidden}