.yt{isolation:isolate;background:var(--navy);color:#fff;display:grid;position:relative;overflow:hidden}.yt:before{content:"";z-index:-1;background:linear-gradient(#221c1759,#221c17d9);position:absolute;inset:0}.yt iframe,.yt-thumb{border:0;width:100%;height:100%;position:absolute;inset:0}.yt-thumb{z-index:-2}.yt-panel{flex-direction:column;justify-content:center;gap:12px;padding:32px;display:flex}.yt-panel strong{font:700 20px/1.2 var(--font)}.yt-panel p{color:#fffc;max-width:42ch}.yt-panel .link{color:var(--accent-soft)}.yt-btns{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.yt-play{background:#ffffff1f;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.yt-play .ic{width:26px;height:26px}.yt-card{align-content:center;min-height:320px}.yt-card.is-playing{aspect-ratio:16/9;align-self:center;min-height:0}.yt-player{aspect-ratio:16/9;scroll-margin-top:calc(var(--hdr-real,var(--hdr-h)) + 16px);box-shadow:0 24px 60px #2a231d29}.yt-player:before{background:linear-gradient(#1e191426 0%,#1e1914bf 100%)}.yt-player .yt-play{width:72px;height:72px;color:var(--accent);background:#fff;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 30px #00000040}.yt-player .yt-play .ic{width:28px;height:28px;margin-left:4px}.yt-player .yt-panel{align-self:end;max-width:620px;padding:28px}.yt-player .yt-panel p{max-width:52ch;font-size:15px}@media (max-width:560px){.yt-player .yt-panel{gap:8px;padding:18px}.yt-player .yt-panel p{font-size:13px}.yt-player .yt-panel strong{font-size:17px}.yt-player .yt-play{width:56px;height:56px;top:36%}}@media (max-width:420px){.yt-player:not(.is-playing){aspect-ratio:4/3}}