.v.svelte-t34n65{display:grid;gap:12px;align-content:start}.thumb.svelte-t34n65{position:relative;display:block;width:100%;aspect-ratio:16 / 9;border-radius:var(--r-md);overflow:hidden;background:var(--bg-2);border:1px solid var(--line-2);box-shadow:var(--e1);transition:border-color .3s var(--ease-out)}.big.svelte-t34n65 .thumb:where(.svelte-t34n65){border-radius:var(--r-lg)}.thumb.svelte-t34n65:hover{border-color:var(--line-3)}img.svelte-t34n65{width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:transform .9s var(--ease-out)}.thumb.svelte-t34n65:hover img:where(.svelte-t34n65){transform:scale(1.025)}.shade.svelte-t34n65{position:absolute;inset:0;background:linear-gradient(180deg,#06070c57,#06070cb3);transition:opacity .4s var(--ease-out)}.thumb.svelte-t34n65:hover .shade:where(.svelte-t34n65){opacity:.8}.play.svelte-t34n65{position:absolute;inset:0;margin:auto;display:grid;place-items:center;width:46px;height:46px;padding-left:2px;border-radius:50%;background:#0c0e168c;border:1px solid rgba(255,255,255,.34);color:#fff;box-shadow:inset 0 1px #ffffff29,0 10px 28px -8px #000000b3;transition:background .3s var(--ease-out),border-color .3s var(--ease-out),color .3s var(--ease-out)}.play.svelte-t34n65 svg{fill:currentColor}.big.svelte-t34n65 .play:where(.svelte-t34n65){width:64px;height:64px;padding-left:3px}.thumb.svelte-t34n65:hover .play:where(.svelte-t34n65){background:#fff;border-color:#fff;color:var(--ink-dark)}.done.svelte-t34n65{position:absolute;bottom:10px;left:10px;display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:8px;background:#080a10b3;border:1px solid var(--line-2);color:var(--ink-2);font-size:.72rem;font-weight:700;line-height:1}.done.svelte-t34n65 svg{color:var(--accent-hi)}h3.svelte-t34n65{font-family:var(--font-body);font-weight:700;font-size:1rem;line-height:1.7;text-shadow:none}.big.svelte-t34n65 h3:where(.svelte-t34n65){font-family:var(--font-display);font-weight:700;font-size:var(--fs-xl);line-height:1.55}h3.svelte-t34n65 button:where(.svelte-t34n65){text-align:start;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .25s var(--ease-out)}h3.svelte-t34n65 button:where(.svelte-t34n65):hover{color:var(--accent-hi)}.info.svelte-t34n65{display:grid;gap:4px}.meta.svelte-t34n65{display:flex;gap:12px;font-size:var(--fs-xs);color:var(--ink-3);font-weight:500}p.svelte-t34n65{color:var(--ink-2);font-size:var(--fs-sm);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
