.topic-media.svelte-mb2pxr{margin:0}.topic-media__frame.svelte-mb2pxr{border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px -12px #0000008c;background:#000;position:relative}.topic-media__frame.svelte-mb2pxr img,.topic-media__video.svelte-mb2pxr{display:block;width:100%;height:auto}.topic-media__play-btn.svelte-mb2pxr{display:block;position:relative;width:100%;padding:0;border:0;background:none;cursor:pointer;text-decoration:none;color:inherit}.topic-media__play-btn--framed.svelte-mb2pxr{aspect-ratio:16 / 9}.topic-media__thumb.svelte-mb2pxr{width:100%;height:100%;object-fit:cover}.topic-media__scrim.svelte-mb2pxr{position:absolute;inset:0;background:#0e0a1473;transition:background .2s ease}.topic-media__play.svelte-mb2pxr{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:#7c3aedf2;color:#fff;padding-left:3px;box-shadow:0 8px 24px #00000080;transition:transform .2s ease,background .2s ease}.topic-media__play-btn.svelte-mb2pxr:hover .topic-media__scrim:where(.svelte-mb2pxr){background:#0e0a144d}.topic-media__play-btn.svelte-mb2pxr:hover .topic-media__play:where(.svelte-mb2pxr){transform:translate(-50%,-50%) scale(1.08);background:#7c3aed}.topic-media__play-btn.svelte-mb2pxr:focus-visible{outline:2px solid #c4b5fd;outline-offset:3px}.topic-media__caption.svelte-mb2pxr{margin-top:.85rem;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;flex-wrap:wrap;text-align:left;font-size:.8125rem}.topic-media__caption-title.svelte-mb2pxr{font-weight:700;color:var(--color-heading)}.topic-media__caption-title--muted.svelte-mb2pxr{color:#8b83a3;font-weight:600}.topic-media__duration.svelte-mb2pxr{color:var(--color-watch-time);font-size:1rem;font-variant-numeric:tabular-nums}.topic-media__soon.svelte-mb2pxr{color:#5f5875;font-size:.75rem}@media(prefers-reduced-motion:reduce){.topic-media__play.svelte-mb2pxr,.topic-media__scrim.svelte-mb2pxr{transition:none}.topic-media__play-btn.svelte-mb2pxr:hover .topic-media__play:where(.svelte-mb2pxr){transform:translate(-50%,-50%)}}