@layer components{.ndm-uc-library{padding-block:var(--space-y-sm) var(--space-y);row-gap:40px}.ndm-uc-library>*{grid-column:1/-1}.ndm-uc-filter{border:0;flex-wrap:wrap;gap:8px;min-width:0;margin:0;padding:0;display:flex}.ndm-uc-filter button{height:32px;box-shadow:inset 0 0 0 1px var(--border);color:var(--muted-foreground);font:inherit;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:14px;font-weight:500;line-height:20px}@media (hover:hover) and (pointer:fine){.ndm-uc-filter button:hover{background:var(--hover);color:var(--foreground)}}.ndm-uc-filter button[aria-pressed=true]{background:var(--accent);color:var(--foreground);box-shadow:inset 0 0 0 1px #0000}.ndm .ndm-uc-filter button:focus-visible{outline:2px solid var(--link);outline-offset:2px}.ndm-uc-head{padding-block:72px 48px}.ndm-uc-head-copy{grid-column:1/span 9;justify-items:start;gap:20px;display:grid}.ndm .ndm-uc-where{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:14px;line-height:20px;display:flex}.ndm-uc-back{border-radius:var(--radius-md);color:var(--foreground);align-items:center;gap:4px;font-weight:500;display:inline-flex}.ndm-uc-back svg{transition:translate var(--duration-fast) var(--ease-standard)}@media (hover:hover) and (pointer:fine){.ndm-uc-back:hover svg{translate:-2px}}.ndm .ndm-uc-head h1{letter-spacing:-.022em;text-wrap:balance;max-width:22em;font-size:clamp(32px,3.6vw,48px);line-height:1.1}.ndm-uc-byline{align-items:center;gap:12px;display:flex}.ndm-uc-faces{display:flex}.ndm-uc-faces img{object-fit:cover;width:32px;height:32px;box-shadow:0 0 0 2px var(--background), 0 0 0 3px var(--border);border-radius:999px}.ndm-uc-faces img+img{margin-left:-8px}.ndm .ndm-uc-byline p{color:var(--muted-foreground);font-size:14px;line-height:20px}.ndm-uc-byline b{color:var(--foreground);font-weight:500}.ndm-uc-watch{row-gap:12px}.ndm-uc-watch>*{grid-column:1/-1}.ndm-uc-watch .ndm-stage{min-height:0;padding:56px 48px}.ndm-uc-film{border-radius:var(--radius-xl);background:var(--card);width:min(100%,60rem);box-shadow:var(--shadow-window);position:relative;overflow:hidden}.ndm-uc-film video{aspect-ratio:auto 16/10;width:100%;height:auto;display:block}.ndm-uc-play{background:color-mix(in oklab, var(--foreground) 10%, transparent);width:100%;color:var(--foreground);cursor:pointer;transition:background-color var(--duration-base) var(--ease-standard);border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.ndm-uc-play>span{background:var(--card);width:56px;height:56px;box-shadow:var(--shadow-window);transition:scale var(--duration-base) var(--ease-standard);border-radius:999px;place-items:center;display:grid}.ndm-uc-play svg{margin-left:2px}@media (hover:hover) and (pointer:fine){.ndm-uc-play:hover{background:color-mix(in oklab, var(--foreground) 16%, transparent)}.ndm-uc-play:hover>span{scale:1.06}}.ndm-uc-play:active>span{scale:.97}.ndm .ndm-uc-play:focus-visible{outline:2px solid var(--link);outline-offset:-4px;border-radius:var(--radius-xl)}.ndm-uc-watch figcaption{color:var(--muted-foreground);font-size:14px;line-height:20px}.ndm-uc-ask{border-top:1px solid var(--border);justify-items:start;gap:12px;padding-top:24px;display:grid}.ndm .ndm-uc-ask p{color:var(--muted-foreground);text-wrap:pretty;font-size:14px;line-height:20px}.ndm-uc-more{row-gap:var(--head-gap);padding-block:var(--space-y)}.ndm-uc-more>*{grid-column:1/-1}@media (max-width:860px){.ndm-uc-head{padding-block:48px 32px}.ndm-uc-head-copy{grid-column:1/-1}.ndm-uc-watch .ndm-stage{padding:24px 16px}}@media (prefers-reduced-motion:reduce){.ndm-uc-filter button,.ndm-uc-back svg,.ndm-uc-play,.ndm-uc-play>span{transition:none}}}
