@font-face {
  font-family: DM Sans;
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url(/fonts/dm-sans-latin.woff2) format("woff2");
}
@font-face {
  font-family: "Baloo 2";
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
  src: url(/fonts/baloo2-latin.woff2) format("woff2");
}
.rarely {
  --paper: #0e1330;
  --paper-2: #131a3f;
  --card: #1a2250;
  --card-glass: #1a2250f0;
  --ink: #f5f7ff;
  --ink-2: #cdd2ee;
  --ink-3: #a9afd2;
  --ink-4: #8f96bc;
  --tomato: #ffc83d;
  --tomato-2: #f2a900;
  --tomato-text: #ffd45e;
  --marigold: #3fe0c5;
  --cobalt: #ff7a59;
  --wood: #6d4a2c;
  --wood-2: #eadac3;
  --shadow-warm: #3c281480;
  --band-0: #7d86a8;
  --band-1: #3fb6e0;
  --band-2: #9c7bff;
  --band-3: #ff7a59;
  --band-4: #ffc83d;
  --miss: #9aa3b1;
  --team-f1: #3a5fd0;
  --team-f2: #d6456a;
  --team-f3: #d98a1c;
  --team-f4: #8e4b8f;
  --team-f5: #4e6a7a;
  --panel: var(--paper-2);
  --panel-2: var(--card);
  --edge: #2b3670;
  --edge-2: #3d4a8c;
  --lamp: var(--tomato);
  --lamp-2: #ffda6b;
  --lamp-ink: #14183a;
  --kicker: #3fe0c5;
  --coral: var(--tomato);
  --cyan: var(--band-1);
  --ground: var(--paper);
  --font: "DM Sans", "Segoe UI", system-ui, sans-serif;
  --font-display: "Baloo 2", "DM Sans", "Segoe UI", system-ui, sans-serif;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-io: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-snap: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-pop: cubic-bezier(0.2, 1.25, 0.3, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --vvh: 100dvh;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  background: var(--ground);
  min-height: 100dvh;
  color: var(--ink);
  font: 400 16px/1.5 var(--font);
  -webkit-font-smoothing: antialiased;
  margin: 0;
  overflow-x: clip;
}
.rarely [hidden] {
  display: none !important;
}
.rarely-error {
  text-align: center;
  color: var(--tomato-2);
  padding: 24px 16px;
}
.rarely button,
.rarely input {
  font: inherit;
  color: inherit;
}
.rarely button {
  cursor: pointer;
  background: 0 0;
  border: 0;
  padding: 0;
}
.rarely :focus-visible {
  outline: 2px solid var(--cobalt);
  outline-offset: 2px;
}
.rarely .caps {
  font-family: var(--font);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 800;
}
.rarely .visually-hidden {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}