/* ============================================================
   BASE — Element defaults
   ============================================================ */

*{box-sizing:border-box;margin:0;padding:0}
html, body{height:100%}
body{overflow:hidden;letter-spacing:0;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
button, input, select, textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:none}
a{text-decoration:none}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-thumb{min-height:36px;min-width:36px}
::-webkit-scrollbar-track{background:#EFEEE9;border-radius:7px}
label.fl{display:block}
@keyframes tin{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
body {
  font-family:var(--sans);
  background:var(--paper);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  font-variant-numeric:tabular-nums;
}
a{color:var(--navy)}
a:hover{text-decoration:underline}
::-webkit-scrollbar-thumb {
  background:var(--n300);
  border-radius:8px;
  border:3px solid transparent;
  background-clip:padding-box;
}
::-webkit-scrollbar-thumb:hover{background:var(--n400);background-clip:padding-box}
::-webkit-scrollbar-corner{background:transparent}

@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after {
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}

label.fl{font-family:var(--sans);font-weight:550;letter-spacing:0;text-transform:none;margin-bottom:5px}
@keyframes tin{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
label.fl{font-size:11.5px;color:var(--n600)}