@layer components{.ws-shape-film{gap:12px;min-width:0;display:grid}.ws-shape-still{min-width:0;display:none}[data-shape=still]>.ws-shape-film{display:none}[data-shape=still]>.ws-shape-still{display:block}@media (scripting:none),(prefers-reduced-motion:reduce){.ws-shapes>.ws-shape-film{display:none}.ws-shapes>.ws-shape-still{display:block}}.ws-stage{--film-w:640px;--film-h:360px;container:ws-stage/inline-size}@media not all and (min-width:1000px) and (min-height:640px){.ws-live[data-film]{width:min(100%, calc((100svh - var(--nav-h) - 24px) * 16 / 9));aspect-ratio:16/9;border-radius:8px;justify-self:center;overflow:hidden;container-type:inline-size}.ws-live[data-film]>.ws-stage{width:var(--film-w);height:var(--film-h);transform-origin:0 0;transform:scale(var(--film-fit,tan(atan2(100cqw, var(--film-w)))))}}}