.thread-media-preview.svelte-1txjlx6{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:.5rem;overflow:hidden;background-color:hsl(var(--muted))}.preview-image.svelte-1txjlx6{width:100%;height:100%;object-fit:cover}.video-preview.svelte-1txjlx6{position:relative;width:100%;height:100%;cursor:pointer;border:none;padding:0;background:transparent}.video-embed.svelte-1txjlx6{position:relative;width:100%;height:100%}.video-embed.svelte-1txjlx6 iframe:where(.svelte-1txjlx6){width:100%;height:100%;border:none}.close-button.svelte-1txjlx6{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background-color:#000000b3;color:#fff;cursor:pointer;transition:background-color .2s ease,transform .2s ease;z-index:10}.close-button.svelte-1txjlx6:hover{background-color:#000000e6;transform:scale(1.1)}.youtube-placeholder.svelte-1txjlx6,.twitch-placeholder.svelte-1txjlx6{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff}.youtube-placeholder.svelte-1txjlx6{background:linear-gradient(135deg,red,#c00)}.twitch-placeholder.svelte-1txjlx6{background:linear-gradient(135deg,#9147ff,#6441a5)}.play-overlay.svelte-1txjlx6{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0000004d;opacity:0;transition:opacity .2s ease}.play-overlay.always-visible.svelte-1txjlx6{opacity:1;background-color:#0006}.video-preview.svelte-1txjlx6:hover .play-overlay:where(.svelte-1txjlx6){opacity:1}.play-button.svelte-1txjlx6{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;color:#fff;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #0000004d}.video-preview.svelte-1txjlx6:hover .play-button:where(.svelte-1txjlx6){transform:scale(1.1);box-shadow:0 6px 20px #0006}.youtube-button.svelte-1txjlx6{background-color:red}.twitch-button.svelte-1txjlx6{background-color:#9147ff}.video-badge.svelte-1txjlx6{position:absolute;bottom:.5rem;left:.5rem;padding:.25rem .5rem;border-radius:.25rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff;pointer-events:none}.youtube-badge.svelte-1txjlx6{background-color:red}.twitch-badge.svelte-1txjlx6{background-color:#9147ff}