.yt{color:#f6f7fb;background:radial-gradient(120% 90% at 30% 20%,#1c2446 0%,#0b0f1f 60%,#070a15 100%);border-radius:.5rem;width:100%;position:relative;overflow:hidden}.yt[data-vertical]{max-width:min(100%,22rem);margin-inline:auto}.yt iframe,.yt-poster{border:0;width:100%;height:100%;position:absolute;inset:0}.yt-poster{object-fit:cover}.yt-play{color:inherit;cursor:pointer;text-align:center;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1rem 1rem 3rem;display:flex;position:absolute;inset:0}.yt-play-icon{color:#07101f;background:#f6f7fb;border-radius:999px;place-items:center;width:4.25rem;height:4.25rem;transition:transform .2s;display:grid;box-shadow:0 6px 24px #00000073}.yt-play-icon svg{margin-left:3px}.yt-play:hover .yt-play-icon{transform:scale(1.06)}.yt-play:focus-visible{outline:3px solid var(--color-yellow);outline-offset:-3px}.yt-text{background:#070a15b8;border-radius:.375rem;flex-direction:column;align-items:center;gap:.25rem;max-width:30rem;padding:.5rem .9rem;display:flex}.yt-play-label{font-family:var(--font-mono,ui-monospace, monospace);font-size:calc(.875rem * var(--text-scale));letter-spacing:.02em}.yt-note{font-size:calc(.75rem * var(--text-scale));color:#d5dbe8;line-height:1.4}.yt-link{color:#f6f7fb;min-height:2.75rem;font-family:var(--font-mono,ui-monospace, monospace);font-size:calc(.75rem * var(--text-scale));background:#070a15c7;border-radius:.375rem;align-items:center;gap:.35rem;padding:0 .85rem;text-decoration:none;display:inline-flex;position:absolute;bottom:.75rem;right:.75rem}.yt-link:hover{text-decoration:underline}.yt-link:focus-visible{outline:3px solid var(--color-yellow);outline-offset:2px}@media (max-width:420px){.yt:not([data-vertical]) .yt-note{display:none}}@media (prefers-reduced-motion:reduce){.yt-play-icon{transition:none}}