@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200;0,6..12,300;0,6..12,400;0,6..12,500;0,6..12,600;0,6..12,700;0,6..12,800;0,6..12,900;0,6..12,1000;1,6..12,400&display=swap");
*,
*::before,
*::after {
  box-sizing: border-box;
}

: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(--color-body-bg);
  color: var(--color-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%;
}

canvas {
  display: block;
}

:root {
  --color-primary: #FF3F88;
  --color-primary-rgb: 255, 63, 136;
  --color-primary-bg: #FF3F88;
  --color-primary-bg-rgb: 255, 63, 136;
  --color-primary-fg: #101010;
  --color-primary-fg-rgb: 16, 16, 16;
  --color-primary-inverted-bg: #00c077;
  --color-primary-inverted-bg-rgb: 0, 192, 119;
  --color-primary-inverted-fg: #efefef;
  --color-primary-inverted-fg-rgb: 239, 239, 239;
  --color-secondary: #FF863F;
  --color-secondary-rgb: 255, 134, 63;
  --color-secondary-bg: #FF863F;
  --color-secondary-bg-rgb: 255, 134, 63;
  --color-secondary-fg: #101010;
  --color-secondary-fg-rgb: 16, 16, 16;
  --color-secondary-inverted-bg: #0079c0;
  --color-secondary-inverted-bg-rgb: 0, 121, 192;
  --color-secondary-inverted-fg: #efefef;
  --color-secondary-inverted-fg-rgb: 239, 239, 239;
  --color-tertiary: #E8FF3F;
  --color-tertiary-rgb: 232, 255, 63;
  --color-tertiary-bg: #E8FF3F;
  --color-tertiary-bg-rgb: 232, 255, 63;
  --color-tertiary-fg: #101010;
  --color-tertiary-fg-rgb: 16, 16, 16;
  --color-tertiary-inverted-bg: #1700c0;
  --color-tertiary-inverted-bg-rgb: 23, 0, 192;
  --color-tertiary-inverted-fg: #efefef;
  --color-tertiary-inverted-fg-rgb: 239, 239, 239;
  --color-quaternary: #58FF3F;
  --color-quaternary-rgb: 88, 255, 63;
  --color-quaternary-bg: #58FF3F;
  --color-quaternary-bg-rgb: 88, 255, 63;
  --color-quaternary-fg: #101010;
  --color-quaternary-fg-rgb: 16, 16, 16;
  --color-quaternary-inverted-bg: #a700c0;
  --color-quaternary-inverted-bg-rgb: 167, 0, 192;
  --color-quaternary-inverted-fg: #efefef;
  --color-quaternary-inverted-fg-rgb: 239, 239, 239;
  --color-quinary: #3FFFB6;
  --color-quinary-rgb: 63, 255, 182;
  --color-quinary-bg: #3FFFB6;
  --color-quinary-bg-rgb: 63, 255, 182;
  --color-quinary-fg: #101010;
  --color-quinary-fg-rgb: 16, 16, 16;
  --color-quinary-inverted-bg: #c00049;
  --color-quinary-inverted-bg-rgb: 192, 0, 73;
  --color-quinary-inverted-fg: #efefef;
  --color-quinary-inverted-fg-rgb: 239, 239, 239;
  --color-senary: #3FB8FF;
  --color-senary-rgb: 63, 184, 255;
  --color-senary-bg: #3FB8FF;
  --color-senary-bg-rgb: 63, 184, 255;
  --color-senary-fg: #101010;
  --color-senary-fg-rgb: 16, 16, 16;
  --color-senary-inverted-bg: #c04700;
  --color-senary-inverted-bg-rgb: 192, 71, 0;
  --color-senary-inverted-fg: #efefef;
  --color-senary-inverted-fg-rgb: 239, 239, 239;
  --color-septenary: #563FFF;
  --color-septenary-rgb: 86, 63, 255;
  --color-septenary-bg: #563FFF;
  --color-septenary-bg-rgb: 86, 63, 255;
  --color-septenary-fg: #F5F5F5;
  --color-septenary-fg-rgb: 245, 245, 245;
  --color-septenary-inverted-bg: #a9c000;
  --color-septenary-inverted-bg-rgb: 169, 192, 0;
  --color-septenary-inverted-fg: #0a0a0a;
  --color-septenary-inverted-fg-rgb: 10, 10, 10;
  --color-octonary: #E63FFF;
  --color-octonary-rgb: 230, 63, 255;
  --color-octonary-bg: #E63FFF;
  --color-octonary-bg-rgb: 230, 63, 255;
  --color-octonary-fg: #101010;
  --color-octonary-fg-rgb: 16, 16, 16;
  --color-octonary-inverted-bg: #19c000;
  --color-octonary-inverted-bg-rgb: 25, 192, 0;
  --color-octonary-inverted-fg: #efefef;
  --color-octonary-inverted-fg-rgb: 239, 239, 239;
  --color-danger: #FF463F;
  --color-danger-rgb: 255, 70, 63;
  --color-danger-bg: #FF463F;
  --color-danger-bg-rgb: 255, 70, 63;
  --color-danger-fg: #F5F5F5;
  --color-danger-fg-rgb: 245, 245, 245;
  --color-danger-inverted-bg: #00b9c0;
  --color-danger-inverted-bg-rgb: 0, 185, 192;
  --color-danger-inverted-fg: #0a0a0a;
  --color-danger-inverted-fg-rgb: 10, 10, 10;
  --color-warning: #FF963F;
  --color-warning-rgb: 255, 150, 63;
  --color-warning-bg: #FF963F;
  --color-warning-bg-rgb: 255, 150, 63;
  --color-warning-fg: #101010;
  --color-warning-fg-rgb: 16, 16, 16;
  --color-warning-inverted-bg: #0069c0;
  --color-warning-inverted-bg-rgb: 0, 105, 192;
  --color-warning-inverted-fg: #efefef;
  --color-warning-inverted-fg-rgb: 239, 239, 239;
  --color-success: #68FF3F;
  --color-success-rgb: 104, 255, 63;
  --color-success-bg: #68FF3F;
  --color-success-bg-rgb: 104, 255, 63;
  --color-success-fg: #101010;
  --color-success-fg-rgb: 16, 16, 16;
  --color-success-inverted-bg: #9700c0;
  --color-success-inverted-bg-rgb: 151, 0, 192;
  --color-success-inverted-fg: #efefef;
  --color-success-inverted-fg-rgb: 239, 239, 239;
  --color-info: #3F98FF;
  --color-info-rgb: 63, 152, 255;
  --color-info-bg: #3F98FF;
  --color-info-bg-rgb: 63, 152, 255;
  --color-info-fg: #101010;
  --color-info-fg-rgb: 16, 16, 16;
  --color-info-inverted-bg: #c06700;
  --color-info-inverted-bg-rgb: 192, 103, 0;
  --color-info-inverted-fg: #efefef;
  --color-info-inverted-fg-rgb: 239, 239, 239;
  --color-dark: #101010;
  --color-dark-rgb: 16, 16, 16;
  --color-dark-bg: #101010;
  --color-dark-bg-rgb: 16, 16, 16;
  --color-dark-fg: #F5F5F5;
  --color-dark-fg-rgb: 245, 245, 245;
  --color-dark-inverted-bg: #efefef;
  --color-dark-inverted-bg-rgb: 239, 239, 239;
  --color-dark-inverted-fg: #0a0a0a;
  --color-dark-inverted-fg-rgb: 10, 10, 10;
  --color-medium: #9F9F9F;
  --color-medium-rgb: 159, 159, 159;
  --color-medium-bg: #9F9F9F;
  --color-medium-bg-rgb: 159, 159, 159;
  --color-medium-fg: #101010;
  --color-medium-fg-rgb: 16, 16, 16;
  --color-medium-inverted-bg: #606060;
  --color-medium-inverted-bg-rgb: 96, 96, 96;
  --color-medium-inverted-fg: #efefef;
  --color-medium-inverted-fg-rgb: 239, 239, 239;
  --color-light: #F5F5F5;
  --color-light-rgb: 245, 245, 245;
  --color-light-bg: #F5F5F5;
  --color-light-bg-rgb: 245, 245, 245;
  --color-light-fg: #101010;
  --color-light-fg-rgb: 16, 16, 16;
  --color-light-inverted-bg: #0a0a0a;
  --color-light-inverted-bg-rgb: 10, 10, 10;
  --color-light-inverted-fg: #efefef;
  --color-light-inverted-fg-rgb: 239, 239, 239;
  --color-body: #040404;
  --color-body-rgb: 4, 4, 4;
  --color-body-bg: #040404;
  --color-body-bg-rgb: 4, 4, 4;
  --color-body-fg: #F5F5F5;
  --color-body-fg-rgb: 245, 245, 245;
  --color-body-inverted-bg: #fbfbfb;
  --color-body-inverted-bg-rgb: 251, 251, 251;
  --color-body-inverted-fg: #0a0a0a;
  --color-body-inverted-fg-rgb: 10, 10, 10;
  --color-element: #1E1E1E;
  --color-element-rgb: 30, 30, 30;
  --color-element-bg: #1E1E1E;
  --color-element-bg-rgb: 30, 30, 30;
  --color-element-fg: #F5F5F5;
  --color-element-fg-rgb: 245, 245, 245;
  --color-element-inverted-bg: #e1e1e1;
  --color-element-inverted-bg-rgb: 225, 225, 225;
  --color-element-inverted-fg: #0a0a0a;
  --color-element-inverted-fg-rgb: 10, 10, 10;
  --color-scale: 0, 0, 0;
  --color-scale-inverted: 255, 255, 255;
  --font-base: "Nunito Sans", sans-serif;
  --font-headers: "Nunito Sans", cursive;
  --font-legible: "Nunito 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,iVBORw0KGgoAAAANSUhEUgAAAMQAAADECAMAAAD3eH5ZAAAAY1BMVEUAAABWM/9QMP9WM/9VMv9YNP9YMP9VMv9VNP9WM/9VM/9WNP9XM/9WM/9WM/9WMv9WM/9WM/9VM/9WMv9WM/9TM/9WM/9WM/9WM/9VM/9VMv9RMP9WM/9XM/9WNP9OO/9WM/97nrd7AAAAIHRSTlMA8BC1wEAgXzCgPIDg0N9vUJCwf68olvjNeDMXqWRKDU8WJ0cAAATeSURBVHja7MEBDQAAAMIg+6c2xzdgAAAAAAAAAAAAdJ0bu9ttFAaiAHzs+o9gjEmjbJX24rz/U660tdRAEjCGpNZ+18TKMcx45M/LYdHlExU7nAOzhPMBdTJfXOHLoEJRcBURUR3L1Swqc2CB2grjgwU+8NucxI+eRXr8kA4vZQYVSDKcbErSsUiHf6Q9fa+nBoPXiIpXGgfgwkIXAK7hFRXxfDpwYpDoWaiHHDgRNJ7LKN4K7sxCZyd462TwPPKddwnFQkrwrneJJ7GCD/xhnvwfCotn0B1fqtPYm2k44QV3JTwnGrNzMQjyprFK67kTb2VqttfEnqVhw6MtstyFffTCQ8Q+nJr5WO0uGWZKTzlsJ5v5ttFys3a+CTYSG02LoZWYUNxIYUK209LAFjFw5GhwQ3MjtzwYBL3bjOE17mm4SYN7tOeIMigxncxEj/uk4AZC4r5e3MyZy8rXaLlBW7CLmXRY8zY9i/mC5p5HnjjiI2ZFFlta2XPkJAtvkESLJYKFBJa0oui2qll/1igWUutP22F9BqWR4Y2F3pBBq0lPXjSMh0vg90MA1uc1tMSNikGijhCQo9JwmKfGM0YtIQBzzK4kSyZCAzWFALTIvIo+MukkagsB2TE5Yoa5ylBfiKsUBo/1TDRqDAHNpM84IxTqDAHFb03GM7HWEDFjl5noWkNoJhkh3P8QQtYaQjLJGKltrSEsv4mMs+5Ya4icP9gzkXWGkDnnhGMy1Bmiyeo8HRNXYwjHpMubYlWNIRTzGo9nEusLEZn43AfDX2bOaEdBGIiiKSlFomDMsrsSo/7/X26WbHypzYHe2TB91Ai9dLh0bji6E9GM2QXGJTt6E3HMSp1vnpB8iUghNx22sd6XiMK8KORuPYloCzE61p4nEbHwsEab7fyI6Ar2yis3+gnPyjXONutFREWJp9dJkg8RMCFIlScfIibYXVMJehAB9ord0eBBxAB2yb/bXwRdUX0FdRF6bXM+ftlbxAWycNXVdBHyRPTniy5CevLyaE5QiqYi+OY8NRIRMe4pYgSbtFvIqVbEJBS1tc3Wv2Yt2KtxRyi88C7MwLo3P9RJ4ONCLdja7LVOw9XQXvVA8F4n4m7ak3Ig2PzDy0JRjfx0m9XvioOtveqB4GO7hodoK7rNMmwEY2zpzLyPtu9Un1+bHnNPu46Gx3l9ZaY5fq+CcOKcuLdcHfnZB4K3z98xh3eTD/Py5U2J/PQtlIwfDa1exfY2y/hR3wMoJNir2qkyfvQytR5AIemUeiDI+NH5zSZ37Djyg8XXbHYjfnT4+xxAIUt7ZasYKvEjBoX0nlQ1bcaPGBTiyM/eZhk/YlBIrV4xEGT8SACFMPLTO9W0BpxRIJ9EG2fzTpVnxnrte1IOBDvAj8A+CRTqIPKTbTZvFhPjRwwKpawhJnvVt1ChzXj/DD8iUKhE87fBeNNU5jNjt6zCRzXq2mTkdVpWO2YNuDCQ1AkxLgoAPyJQKD+i3JPym//ZAPwIQKF8EPugj+xPNgA/QlCozN/9tHPHKADDIBSGbYgmkGbx/oftkq1DoNrS4f8uIE/E8XXZyE/hJo+YhzPEU8TLKXSGMmTt7mjZlSZe5G06b10VMaWd2yeXz0Zdd+RJA9VXjjpMvtNVk8eZahcAAAAAAAAAAAAAAPALF+Yphfo1T27NAAAAAElFTkSuQmCC");
  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.4s;
}
@keyframes loader {
  0% {
    scale: 1;
  }
  50% {
    scale: 1.25;
  }
  100% {
    scale: 1;
  }
}

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