@charset "UTF-8";

/* src/styles.scss */
:root {
  --accent: #F0B429;
  --border: #2b2f36;
  --muted: #a8b0bb;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family:
    Inter,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  background: #0E1117;
  color: #fff;
}
.container {
  width: min(1100px, 92%);
  margin: 0 auto;
}
.input,
input,
button,
a.btn {
  border-radius: 10px;
  border: 1px solid var(--border);
  padding: 8px 10px;
  background: #141820;
  color: #fff;
}
a.btn.primary,
button.primary {
  background: var(--accent);
  color: #161616;
  border-color: rgba(0, 0, 0, 0.2666666667);
}
.table {
  width: 100%;
  border-collapse: collapse;
}
.table th,
.table td {
  border-bottom: 1px solid var(--border);
  padding: 10px;
}
.progress {
  --val:0;
  background: #1b1f26;
  border: 1px solid var(--border);
  border-radius: 999px;
  height: 10px;
  position: relative;
}
.progress i {
  content: "";
  position: absolute;
  inset: 0;
  width: calc(var(--val) * 1%);
  background: var(--accent);
  border-radius: 999px;
  display: block;
}
.text-muted {
  color: var(--muted);
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */