/* The napkin dispenser page: the webcam's picture fills the view, letterboxed; the rest is the open house's workbench. */
.picture-view { display: grid; place-items: center; background: #000 }
.picture { width: 100%; height: 100%; object-fit: contain; display: block }
.picture-none { margin: 0; padding: var(--ds-space-3); max-width: 46ch; color: #ddd; font-size: var(--ds-type-ui); text-align: center }
.graphs-body { max-height: 46vh }
.num { font-family: var(--ds-font-mono); font-variant-numeric: tabular-nums; color: var(--ds-text-2) }
/* The jolts: time, module and size, a row each, as the open house's moments. */
.jolts button { grid-template-columns: max-content 1fr max-content }
.jolts .num { text-align: right }