/* Identidade Underblock (underblock.com.br): azul-noite, gradiente roxo > azul > ciano
   nas ações e na marca. Barlow Condensed para o que grita, Barlow para o resto. */
:root {
  --bg: #0B0F19;
  --panel: #121827;
  --panel-2: #182032;
  --line: #232C40;
  --line-2: #33405A;
  --fg: #F4F6FB;
  --mut: #A3ACC2;
  --dim: #6B7590;
  --purple: #574FDB;
  --blue: #4C81E6;
  --cyan: #3DCBF3;
  --brand: #4C81E6;
  --brand-ink: #FFFFFF;
  --brand-rgb: 76, 129, 230;
  --brand-grad: linear-gradient(250deg, #3DCBF3, #4C81E6 49%, #574FDB);
  --up: #2FD27A;
  --mid: #FFAA2B;
  --down: #FF5B4D;
  --info: #3DCBF3;
  --radius: 10px;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --font: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Barlow Condensed", "Barlow", system-ui, sans-serif;
  color-scheme: dark;
}
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--fg); font-family: var(--font); -webkit-font-smoothing: antialiased; }
button, input, textarea, select { font: inherit; color: inherit; }
button { cursor: pointer; }
a { color: inherit; }
:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.wordmark { display: inline-block; width: 146px; height: 20px; background: url("/static/img/logo.png") left center / contain no-repeat; font-size: 0; color: transparent; overflow: hidden; vertical-align: middle; }
.wordmark i { display: none; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}