/* Colours, type and the page reset. Values were read from the live screens. */
:root {
  --font-family: "InterVariable", "Inter var", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --white: #fff;
  --gray-50: #f6f6f8;
  --gray-100: #ebecef;
  --gray-400: #9ea6b4;
  --gray-700: #4e5867;
  --gray-850: #23313e;
  --gray-900: #051c2c;
  --gray-900-05: rgba(5, 28, 44, 0.5);
  --gray-900-025: rgba(5, 28, 44, 0.25);
  --gray-900-01: rgba(5, 28, 44, 0.1);
  --red-400: #ee2737;
  --red-600: #be2232;
  --yellow-400: #fc0;
  --green-400: #28cb46;
  --green-600: #20af3f;
  --blue-400: #00b5e2;
  --blue-600: #009ccd;
  --purple-900: #5a5098;
  --line: #ebecef;
  --line-strong: #dfe3eb;
  --shadow-sm: 0 0 4px rgba(0, 0, 0, 0.06), 0 4px 8px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 0 15px rgba(0, 0, 0, 0.05), 0 10px 16px 4px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 5px 16px 6px rgba(0, 0, 0, 0.15), 0 20px 25px rgba(0, 0, 0, 0.15);
  /* The application's theme colour. */
  --theme: rgb(1, 37, 90);
}
body.theme-slate { --theme: rgb(78, 88, 103); }

* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; overflow: hidden; }
body {
  font-family: var(--font-family);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.0005em;
  font-weight: 400;
  font-feature-settings: "case", "cpsp", "cv01", "cv02", "cv03", "cv04", "cv05", "cv06", "cv08", "cv09", "cv10", "lnum", "tnum", "zero";
  color: var(--gray-900);
  background: var(--theme);
  -webkit-font-smoothing: antialiased;
  user-select: none;
}
input, button, select { font: inherit; color: inherit; letter-spacing: inherit; }
input { user-select: text; }
ul { list-style: none; margin: 0; padding: 0; }
a { color: inherit; text-decoration: none; }

.text-sm { font-size: 11px; letter-spacing: 0.005em; }
.b { font-weight: 600; }

/* Icons are our own drawings, inlined as SVG. */
.ic { display: inline-block; flex: none; vertical-align: middle; fill: currentColor; }
.ic-line { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

.hidden { display: none !important; }