@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
*,
*::before,
*::after {
  box-sizing: border-box;
  user-select: none;
  touch-action: pan-x pan-y;
  -webkit-touch-callout: none;
}

:focus {
  outline: 1px solid var(--color-primary);
}

:root {
  font-family: var(--font-base);
  font-size: var(--font-size-base);
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body {
  min-width: 100%;
  background-color: var(--body-bg);
  color: var(--body-fg);
}

section,
header,
main,
footer {
  display: block;
}

button,
a[href] {
  cursor: pointer;
}

menu,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

ul,
ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

pre {
  white-space: pre-wrap;
  margin: 0;
}

img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

:root {
  --body-bg: #111111;
  --body-bg-rgb: 17, 17, 17;
  --body-fg: #9c9c9c;
  --body-fg-rgb: 156, 156, 156;
  --body-inverted-bg: #eeeeee;
  --body-inverted-bg-rgb: 238, 238, 238;
  --body-inverted-fg: #636363;
  --body-inverted-fg-rgb: 99, 99, 99;
  --element-bg: #171717;
  --element-bg-rgb: 23, 23, 23;
  --element-fg: #9c9c9c;
  --element-fg-rgb: 156, 156, 156;
  --element-inverted-bg: #e8e8e8;
  --element-inverted-bg-rgb: 232, 232, 232;
  --element-inverted-fg: #636363;
  --element-inverted-fg-rgb: 99, 99, 99;
  --shadow-bg: #040404;
  --shadow-bg-rgb: 4, 4, 4;
  --shadow-fg: #9c9c9c;
  --shadow-fg-rgb: 156, 156, 156;
  --shadow-inverted-bg: #fbfbfb;
  --shadow-inverted-bg-rgb: 251, 251, 251;
  --shadow-inverted-fg: #636363;
  --shadow-inverted-fg-rgb: 99, 99, 99;
  --color-light: #eeeeee;
  --color-light-rgb: 238, 238, 238;
  --color-light-bg: #eeeeee;
  --color-light-bg-rgb: 238, 238, 238;
  --color-light-fg: #111111;
  --color-light-fg-rgb: 17, 17, 17;
  --color-light-inverted-bg: #111111;
  --color-light-inverted-bg-rgb: 17, 17, 17;
  --color-light-inverted-fg: #eeeeee;
  --color-light-inverted-fg-rgb: 238, 238, 238;
  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;
  --color-white-bg: #ffffff;
  --color-white-bg-rgb: 255, 255, 255;
  --color-white-fg: #111111;
  --color-white-fg-rgb: 17, 17, 17;
  --color-white-inverted-bg: black;
  --color-white-inverted-bg-rgb: 0, 0, 0;
  --color-white-inverted-fg: #eeeeee;
  --color-white-inverted-fg-rgb: 238, 238, 238;
  --color-dark: #111111;
  --color-dark-rgb: 17, 17, 17;
  --color-dark-bg: #111111;
  --color-dark-bg-rgb: 17, 17, 17;
  --color-dark-fg: #eeeeee;
  --color-dark-fg-rgb: 238, 238, 238;
  --color-dark-inverted-bg: #eeeeee;
  --color-dark-inverted-bg-rgb: 238, 238, 238;
  --color-dark-inverted-fg: #111111;
  --color-dark-inverted-fg-rgb: 17, 17, 17;
  --color-medium: #9c9c9c;
  --color-medium-rgb: 156, 156, 156;
  --color-medium-bg: #9c9c9c;
  --color-medium-bg-rgb: 156, 156, 156;
  --color-medium-fg: #111111;
  --color-medium-fg-rgb: 17, 17, 17;
  --color-medium-inverted-bg: #636363;
  --color-medium-inverted-bg-rgb: 99, 99, 99;
  --color-medium-inverted-fg: #eeeeee;
  --color-medium-inverted-fg-rgb: 238, 238, 238;
  --color-primary: #00FF66;
  --color-primary-rgb: 0, 255, 102;
  --color-primary-bg: #00FF66;
  --color-primary-bg-rgb: 0, 255, 102;
  --color-primary-fg: #111111;
  --color-primary-fg-rgb: 17, 17, 17;
  --color-primary-inverted-bg: #ff0099;
  --color-primary-inverted-bg-rgb: 255, 0, 153;
  --color-primary-inverted-fg: #eeeeee;
  --color-primary-inverted-fg-rgb: 238, 238, 238;
  --color-primary-light: #33ff85;
  --color-primary-light-rgb: 51, 255, 133;
  --color-primary-light-bg: #33ff85;
  --color-primary-light-bg-rgb: 51, 255, 133;
  --color-primary-light-fg: #111111;
  --color-primary-light-fg-rgb: 17, 17, 17;
  --color-primary-light-inverted-bg: #cc007a;
  --color-primary-light-inverted-bg-rgb: 204, 0, 122;
  --color-primary-light-inverted-fg: #eeeeee;
  --color-primary-light-inverted-fg-rgb: 238, 238, 238;
  --color-secondary: #f60;
  --color-secondary-rgb: 255, 102, 0;
  --color-secondary-bg: #f60;
  --color-secondary-bg-rgb: 255, 102, 0;
  --color-secondary-fg: #111111;
  --color-secondary-fg-rgb: 17, 17, 17;
  --color-secondary-inverted-bg: #0099ff;
  --color-secondary-inverted-bg-rgb: 0, 153, 255;
  --color-secondary-inverted-fg: #eeeeee;
  --color-secondary-inverted-fg-rgb: 238, 238, 238;
  --color-secondary-light: #ff8533;
  --color-secondary-light-rgb: 255, 133, 51;
  --color-secondary-light-bg: #ff8533;
  --color-secondary-light-bg-rgb: 255, 133, 51;
  --color-secondary-light-fg: #111111;
  --color-secondary-light-fg-rgb: 17, 17, 17;
  --color-secondary-light-inverted-bg: #007acc;
  --color-secondary-light-inverted-bg-rgb: 0, 122, 204;
  --color-secondary-light-inverted-fg: #eeeeee;
  --color-secondary-light-inverted-fg-rgb: 238, 238, 238;
  --color-info: #33f;
  --color-info-rgb: 51, 51, 255;
  --color-info-bg: #33f;
  --color-info-bg-rgb: 51, 51, 255;
  --color-info-fg: #eeeeee;
  --color-info-fg-rgb: 238, 238, 238;
  --color-info-inverted-bg: #cccc00;
  --color-info-inverted-bg-rgb: 204, 204, 0;
  --color-info-inverted-fg: #111111;
  --color-info-inverted-fg-rgb: 17, 17, 17;
  --color-success: #00FF66;
  --color-success-rgb: 0, 255, 102;
  --color-success-bg: #00FF66;
  --color-success-bg-rgb: 0, 255, 102;
  --color-success-fg: #111111;
  --color-success-fg-rgb: 17, 17, 17;
  --color-success-inverted-bg: #ff0099;
  --color-success-inverted-bg-rgb: 255, 0, 153;
  --color-success-inverted-fg: #eeeeee;
  --color-success-inverted-fg-rgb: 238, 238, 238;
  --color-warning: #f60;
  --color-warning-rgb: 255, 102, 0;
  --color-warning-bg: #f60;
  --color-warning-bg-rgb: 255, 102, 0;
  --color-warning-fg: #111111;
  --color-warning-fg-rgb: 17, 17, 17;
  --color-warning-inverted-bg: #0099ff;
  --color-warning-inverted-bg-rgb: 0, 153, 255;
  --color-warning-inverted-fg: #eeeeee;
  --color-warning-inverted-fg-rgb: 238, 238, 238;
  --color-danger: #f33;
  --color-danger-rgb: 255, 51, 51;
  --color-danger-bg: #f33;
  --color-danger-bg-rgb: 255, 51, 51;
  --color-danger-fg: #eeeeee;
  --color-danger-fg-rgb: 238, 238, 238;
  --color-danger-inverted-bg: #00cccc;
  --color-danger-inverted-bg-rgb: 0, 204, 204;
  --color-danger-inverted-fg: #111111;
  --color-danger-inverted-fg-rgb: 17, 17, 17;
  --color-scale: 255, 255, 255;
  --color-scale-inverted: 0, 0, 0;
  --font-base: "IBM Plex Sans", sans-serif;
  --font-headers: "IBM Plex Sans", sans-serif;
  --font-legible: "IBM Plex Sans", sans-serif;
  --font-size-base: 16px;
}

:root::before {
  content: "";
  display: block;
  position: fixed;
  inset: 0 0 0 0;
  background-color: var(--body-bg);
  transition: opacity 0.4s ease-in-out;
  z-index: 9999;
}
:root::after {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  line-height: 1;
  translate: -50% -50%;
  transform-origin: 50% 50%;
  animation: loader 2s infinite linear;
  transition: opacity 0.4s ease-in-out, translate 0.4s ease-in-out;
  content: "";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMQAAADECAMAAAD3eH5ZAAAAOVBMVEUAAAAA/2AA/2YA/2YA/2YA/2UA/2gA/2UA/2YA/2YA/2gA/2cA/2YA/2YA/2YA/2UA/2YA/2UA/2bsZTkVAAAAEnRSTlMAENDA8GBAMICgIJBw4N+wUG8GKlPaAAAE0ElEQVR42u2c7ZKdIAxAgwEUv5v3f9i2006dqZrgWjHc5vzcvXd2z2BCCAIYhmEYhmEYhmEYhmEYhmEYhmH8D7jYDYj0kxmx+xahNkJqaAd2LVTDmjydMA891ECYiQX1P1edpx9UrRFnymLR+1A5pFx8BzqJni6ADhTS0TW8vshwiS4TQBeuoS/wDTTBOLAk0APjIDCCFjaHeuOCc5DRkaNYBxmvYb4QHGQQXkd0kHm9ApEdZHwPV1DpQLTAJco7IC6Ik+IMJTk0Ywu/WYdJZ2wLDumvRz1MCofCNVeXoMFrGwreIcER/el3eiiN7BDOvrXQMQOURXbwLZyS6JAZZNQ4nH6zBQFFDgC911F7SA48QUd+Qt5BYqIjoCzpngMEBfPdKDjITK+vttvbDpDejmw333aA9e3IHu47gHtZomUdcqEDGigGcg7Z4Ks5NnIOtUgg41CLRGQcqpFYWId8PO3xUIY+xyGuESTeTLGjvMzvkYhmYWDimxKNuMfQ+pwtoOHFBWov9gRav/2QYS5cO8kl9HTg8IPGXcxxEYqQmMbG5sBYsJONgyLMzEBsDqJFpDdLJzpiPW8AoJgeysd1pCO45kG6sLhdoQgru7XQMcmXyQ6l5+uOC2vn81piofyuvCwR+X+ucYxDmacpDMMqSPRCG2fIc5jgIRxuKUasnzGnZ78Wfq9gSzfDPQncdWHLDcSWMudcCbHEHYrtZO/TflZMjCQPBQoD8aADtTnZCRp5KBbhEw86UMybzgZxq33kP/CkA0V+xpbzp+PXI97BxkMONMq102bBjtZU7mFyzUnqEDP8SHyVPRTLTK45Sy+TuO2Z+AlvLVM0bQ4bs7Sy23AT+5GeGaVnHDZ69pmfnRgWaTeWwurvgXX0KnY7NiY2KLCIQ8dWonLfCQKbwoYSDpHY2B3lGtSxWbQr4OA8n116ki0WbskTn3MQK7RRrH4Gfq7oNomnHSJb/WyfYGM3shKPO8CcVU0Lo9VyEvC4Q0fywxJJFGWHcnrYAXzOy7coSrC/HB52CFn7cf29kQB89kzUzDqIa5/Ex8Qf1m4I8BQr5yDXeLTy2akMKXf92/LLs/FNCS/NxcJ0JszYRQgX+ryJ67m++aplurJ9g/skLFSxZWiurOFdcxr884tbWY7J/YzFziHo28qKwFrsHdz85lm67nKLNG0OGd2OZ7j/osK4OYh9pzLgFxJjOxER9rkdwD1FJEAixhayerFl+Ae7suH1A2j3X0AK7x96ui0RFBw/u/vXg4bTZzclgopzgJMQ2LKDgrNnKKRG2UHB0bNDifW2g9zWeLx2SlccFBw8G798gC/oudAifrWEDpquFvniWcqg6gYFZIaCc9AS1Ew32fc1OUB79p9U5AAwncRmTQ6njeLF1eNw3rNvjuMiKXTgzjwF2BFRpQNEOmX+S6NfSKcDf8p6Tiv8pu0aUusAkXhmxAV/Cih2AFhIRrsD9L5+B4DuAxwA8AMcwPn6HQDiBzgAhA9wABg/wAEgfYADwPgBDgCh7itTfxN9bXcqHuGw8suQtzvOM1m0hcNu4SMyaR2GX0Ss+I7zfI1Jy93BPP0wnQ5CWqEa2g5pRzNUZPCbOHa/70v1iEMX9eYjwzAMwzAMwzAMwzAMwzAMwzCMf8h3VIQLMQnaXCMAAAAASUVORK5CYII=");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 6rem;
  height: 6rem;
  backface-visibility: visible;
}
:root.loading::before, :root.loading::after {
  opacity: 1;
}
:root:not(.loading)::before, :root:not(.loading)::after {
  pointer-events: none;
  opacity: 0;
}
:root:not(.loading)::after {
  translate: calc(-50% - 3rem) -50%;
  transition-delay: 0.32s;
}
@keyframes loader {
  0% {
    scale: 1;
  }
  50% {
    scale: 1.25;
  }
  100% {
    scale: 1;
  }
}

/*# sourceMappingURL=app.css.map */