.video-card.svelte-t34n65{border:1px solid var(--border);background:var(--surface);border-radius:18px;transition:transform .18s,border-color .18s,box-shadow .18s;display:block;overflow:hidden}.video-card.svelte-t34n65:hover{border-color:#fff3;transform:translateY(-3px);box-shadow:0 16px 28px #0003}.preview.svelte-t34n65{aspect-ratio:16/8.7;background:var(--preview);position:relative;overflow:hidden}img.svelte-t34n65,.placeholder.svelte-t34n65{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.placeholder.svelte-t34n65{background:linear-gradient(135deg,var(--preview),#ffffff06);place-items:center;display:grid}.placeholder.svelte-t34n65 span:where(.svelte-t34n65){border:1px solid color-mix(in srgb,var(--topic) 60%,white 20%);width:58px;height:58px;color:var(--topic);background:#ffffff14;border-radius:999px;place-items:center;display:grid}.duration.svelte-t34n65{color:#fff;background:#070708d1;border-radius:6px;padding:3px 7px;font-size:12px;font-weight:800;position:absolute;bottom:11px;right:12px}.content.svelte-t34n65{padding:14px}.tag.svelte-t34n65{background:color-mix(in srgb,var(--topic) 16%,transparent);color:var(--topic);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800;display:inline-flex}.content.svelte-t34n65 h3:where(.svelte-t34n65){-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:46px;margin-top:10px;font-size:17px;line-height:1.35;display:-webkit-box;overflow:hidden}.content.svelte-t34n65 footer:where(.svelte-t34n65),.author.svelte-t34n65,.stats.svelte-t34n65,.stats.svelte-t34n65 i:where(.svelte-t34n65){align-items:center;display:flex}.content.svelte-t34n65 footer:where(.svelte-t34n65){justify-content:space-between;gap:8px;margin-top:14px}.author.svelte-t34n65{min-width:0;color:var(--text-2);gap:8px}.author.svelte-t34n65 b:where(.svelte-t34n65){text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.stats.svelte-t34n65{color:var(--text-3);gap:9px}.stats.svelte-t34n65 i:where(.svelte-t34n65){gap:4px;font-size:12px;font-style:normal}@media (width<=560px){.video-card.svelte-t34n65{border-radius:16px}.content.svelte-t34n65{padding:13px 14px 14px}.content.svelte-t34n65 h3:where(.svelte-t34n65){font-size:18px}.preview.svelte-t34n65{aspect-ratio:16/9}}