/* The UIC page's own: small things past style.css, and the viewer's black ground, which stays black in light and dark because the 2012 colors were chosen for it. */
.slides-link { font-size: 11px; min-height: 22px; padding: 0 8px; vertical-align: 1px }
#view { background: #000 }
.frames { width: 100% }
.frames td, .frames th { white-space: nowrap }
.frames .quiet { color: var(--ds-text-2) }
.frames input[type=radio] { width: 13px; height: 13px; margin: 0 }
.drawn { display: inline-flex; align-items: center; gap: 4px }
.drawn select { font: inherit; height: 20px; padding: 0 2px; border: var(--ds-line) solid var(--ds-rule); border-radius: var(--ds-radius-act); background: var(--ds-surface); color: var(--ds-text) }
.ds-dock-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 2px var(--ds-space-2) }
.moments .t { min-width: 6ch }
.explain .also { margin: var(--ds-space-2) 0 0 }
#tracks { background: #000; cursor: pointer }
.graphs-body { padding: 0 }

/* A live slide: the picture alone. The slide that replays keeps the replay's bar and strip. */
[data-embed=""] :is(.replay, .graphs) { display: none !important }
[data-embed] :is(.ds-skip, .ds-topbar, .ds-statusbar, #side, #main > [role=separator], .view-tools) { display: none !important }
html[data-embed][data-ds-page="tool"] > body:has(> .ds-split) { grid-template-rows: minmax(0, 1fr) }
html[data-embed][data-ds-page="tool"] > body > .ds-split { grid-template-columns: minmax(0, 1fr) !important }