.readout-note{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-2xs);line-height:1;color:var(--ink-tertiary);white-space:nowrap;transition:color var(--duration-fast) var(--ease-out)}.readout-note--interactive{cursor:help;padding:8px 4px;margin:-8px -4px}.readout-note--interactive:hover{color:var(--ink-secondary)}.readout-note--roomy{display:block;font-size:var(--text-xs);line-height:var(--leading-snug);white-space:normal}.readout-note--roomy.readout-note--interactive{padding:8px 0;margin:-8px 0}.readout-note--roomy .readout-note__key{margin-right:var(--space-1)}.readout-note--roomy .readout-note__eye{margin-left:var(--space-1);vertical-align:-.125em}.readout-note__key{color:var(--ink-muted)}.readout-note__value{font-weight:var(--font-medium);color:var(--ink-secondary)}.readout-note__tip{display:block;font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--ink-secondary)}.readout-note .readout-note__eye{font-size:1em;opacity:.55;transition:opacity var(--duration-fast) var(--ease-out)}.readout-note:hover .readout-note__eye{opacity:.9}