Something went wrong. Try again.
gotta store my records
Something went wrong. Try again.
CSS
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182/* --- design-engineering baseline: focus, tap targets, motion ----------- *//* Last in the concat on purpose: the :focus-visible rules below must beat the equal-specificity `input:focus { outline: none }` in 05-forms.css. */
button,a,input,select,textarea { touch-action: manipulation;}
.btn:focus-visible,.chip:focus-visible,.icon-btn:focus-visible,.display-toggle__btn:focus-visible,.segment button:focus-visible,.fab:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px;}
/* 34px visuals keep their size; an invisible halo grows the touch target to ~44px. Interactive elements only: a halo on plain .chip spans would swallow taps meant for their neighbours. */.icon-btn,button.chip,.display-toggle__btn,.scan-row__dismiss { position: relative;}.icon-btn::before,button.chip::before,.display-toggle__btn::before,.scan-row__dismiss::before { content: ""; position: absolute; inset: -5px;}
.chip { padding: 9px 11px;}
/* Press feedback for the button-like controls .btn doesn't already cover (it has its own shadow-squash :active). Never scale(0): .97 reads as a press, not a disappearance. */.icon-btn,button.chip,.display-toggle__btn,.fab,.segment button { transition: transform 100ms ease;}.icon-btn:active,button.chip:active,.display-toggle__btn:active,.fab:active,.segment button:active { transform: scale(0.97);}
@media (prefers-reduced-motion: reduce) { .notice, .amend-panel, .edit-panel, .dropdown-panel { animation: none; } .btn, .icon-btn, button.chip, .display-toggle__btn, .fab, .segment button { transition: none; }}