@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;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%;
}

:root {
  --body-bg: #100b0a;
  --body-bg-rgb: 16, 11, 10;
  --body-fg: #E6E6E6;
  --body-fg-rgb: 230, 230, 230;
  --element-bg: #201614;
  --element-bg-rgb: 32, 22, 20;
  --element-fg: #E6E6E6;
  --element-fg-rgb: 230, 230, 230;
  --shadow-bg: black;
  --shadow-bg-rgb: 0, 0, 0;
  --shadow-fg: #E6E6E6;
  --shadow-fg-rgb: 230, 230, 230;
  --color-light: #E6E6E6;
  --color-light-rgb: 230, 230, 230;
  --color-light-bg: #E6E6E6;
  --color-light-bg-rgb: 230, 230, 230;
  --color-light-fg: #100b0a;
  --color-light-fg-rgb: 16, 11, 10;
  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;
  --color-white-bg: #ffffff;
  --color-white-bg-rgb: 255, 255, 255;
  --color-white-fg: #100b0a;
  --color-white-fg-rgb: 16, 11, 10;
  --color-dark: #100b0a;
  --color-dark-rgb: 16, 11, 10;
  --color-dark-bg: #100b0a;
  --color-dark-bg-rgb: 16, 11, 10;
  --color-dark-fg: #ffffff;
  --color-dark-fg-rgb: 255, 255, 255;
  --color-medium: #2f1025;
  --color-medium-rgb: 47, 16, 37;
  --color-medium-bg: #2f1025;
  --color-medium-bg-rgb: 47, 16, 37;
  --color-medium-fg: #ffffff;
  --color-medium-fg-rgb: 255, 255, 255;
  --color-primary: #990007;
  --color-primary-rgb: 153, 0, 7;
  --color-primary-bg: #990007;
  --color-primary-bg-rgb: 153, 0, 7;
  --color-primary-fg: #ffffff;
  --color-primary-fg-rgb: 255, 255, 255;
  --color-primary-light: #ff000c;
  --color-primary-light-rgb: 255, 0, 12;
  --color-primary-light-bg: #ff000c;
  --color-primary-light-bg-rgb: 255, 0, 12;
  --color-primary-light-fg: #ffffff;
  --color-primary-light-fg-rgb: 255, 255, 255;
  --color-secondary: #f65d26;
  --color-secondary-rgb: 246, 93, 38;
  --color-secondary-bg: #f65d26;
  --color-secondary-bg-rgb: 246, 93, 38;
  --color-secondary-fg: #100b0a;
  --color-secondary-fg-rgb: 16, 11, 10;
  --color-secondary-light: #faa688;
  --color-secondary-light-rgb: 250, 166, 136;
  --color-secondary-light-bg: #faa688;
  --color-secondary-light-bg-rgb: 250, 166, 136;
  --color-secondary-light-fg: #100b0a;
  --color-secondary-light-fg-rgb: 16, 11, 10;
  --color-info: #8073ba;
  --color-info-rgb: 128, 115, 186;
  --color-info-bg: #8073ba;
  --color-info-bg-rgb: 128, 115, 186;
  --color-info-fg: #ffffff;
  --color-info-fg-rgb: 255, 255, 255;
  --color-success: #5ba100;
  --color-success-rgb: 91, 161, 0;
  --color-success-bg: #5ba100;
  --color-success-bg-rgb: 91, 161, 0;
  --color-success-fg: #ffffff;
  --color-success-fg-rgb: 255, 255, 255;
  --color-warning: #ffbe64;
  --color-warning-rgb: 255, 190, 100;
  --color-warning-bg: #ffbe64;
  --color-warning-bg-rgb: 255, 190, 100;
  --color-warning-fg: #100b0a;
  --color-warning-fg-rgb: 16, 11, 10;
  --color-danger: #f00065;
  --color-danger-rgb: 240, 0, 101;
  --color-danger-bg: #f00065;
  --color-danger-bg-rgb: 240, 0, 101;
  --color-danger-fg: #ffffff;
  --color-danger-fg-rgb: 255, 255, 255;
  --color-gold: #ffd700;
  --color-gold-rgb: 255, 215, 0;
  --color-gold-bg: #ffd700;
  --color-gold-bg-rgb: 255, 215, 0;
  --color-gold-fg: #100b0a;
  --color-gold-fg-rgb: 16, 11, 10;
  --color-silver: #c0c0c0;
  --color-silver-rgb: 192, 192, 192;
  --color-silver-bg: #c0c0c0;
  --color-silver-bg-rgb: 192, 192, 192;
  --color-silver-fg: #100b0a;
  --color-silver-fg-rgb: 16, 11, 10;
  --color-bronze: #cd7f32;
  --color-bronze-rgb: 205, 127, 50;
  --color-bronze-bg: #cd7f32;
  --color-bronze-bg-rgb: 205, 127, 50;
  --color-bronze-fg: #100b0a;
  --color-bronze-fg-rgb: 16, 11, 10;
  --color-scale: 255, 255, 255;
  --color-scale-inverted: 0, 0, 0;
  --font-base: "Josefin 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;
  transition-delay: 1s;
  content: "";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMQAAADECAMAAAD3eH5ZAAAAn1BMVEUAAACXAAiZAAeZAAiaAACZAAaZAAeZAAeZAAeZAAaZAAeZAAeZAAeZAAaZAAeaAAiZAAeZAAeZAAaZAAaZAAaZAAeZAAebAAmXAAuZAAeZAAeZAAaZAAiZAAiZAAaZAAeZAAeZAAeZAAeZAAeZAAiZAAWaAACZAAeZAAeaAAiaAAiZAAeZAAeZAAaZAAeaAAeZAAeYAAeZAAWQAACZAAfJEigPAAAANHRSTlMAQMA6DezdloB1XfOzoUcfz7ycVSgk2BoX49TGpoZPEvfw4JFjMwm4rEHL54t6bmpmRC4E9s70vwAABFxJREFUeNrt3Od2qlAQhuEPAaXYa+y9GxPN3P+1nX4iBCZqRJmseX4ny7wBZLPZAKWUUkoppZRSSimllFJKKeHMfTXTtMnuVKazEiR68zp0YlQVmGFkKWT0DFkWBYrQfYIgTxuKlG1BjEWWYmQhRp9i9SFEnRhSvqNyxHAhwtuYGF2IcCCWBQleiVWHBM/EKkKCKbFqkKBPLBMS7IklY+RRI44PEY7EqUIGmxhryFCleB0IUfwGGwJoUpw8xHilGGNB16dvTdFDjr9MijSFKFWK0FlAlKEtdhB+whM8R/CuSyFtyFOnEGmTmL8tKUjQKeLdQOigKaBFARWINKJTBUhk0TeImH9hd7L2ZaSCSwETnO2wSsuGe/Kvm6ppOFn6yUMaLIku35/mTjlFZ5VFhT7wwLJqufadziqlmoXPeW2iiypMp3vHKw+DaFPdG9zWbrkdirZa46PS4Hk5opABkmTQH/5m1X8t1hGyODgZYkx2RuO99uBWNyOKMkSSDAqyu5n/NtkxnWPc/PnD3cmIYpWRKIMSwhwSQiNqOCU0ooVTMiPaCJAZ0UOAzAgXATIj1giQGWEhQGREFkEiI/IIEhmxQ5DIiBmCREaYCBIZUUKQyAiESIxoI0RiRBchEiOWCJEYsUKIxIgqQiRGTBEiMSKHEI3QYyLFI/F7RHQQIjHCR4RFrVee+LTtLGeWhAiqI6zeoxM5S0CEiyAzT0HbYvojMjh1XNJHtdRH0ODzZwCKqY/YDvHXsUzRbCvtETT5c2w3chRrmvoIGudz/V6ZOKXUR5zB+Q4R27tF2J1M06ZkzO8QMd7V6vhj7hXo9vaJR9iuhVONk4yH3086M2I1RJjRptvaJBzhIYJVoZuaJBrhFxEtT7fkJxrxEv+wuZiI5hvirMXsTkXEqwg5sG0wXohSMCtifG3aqEW34yUYMQAnS/T4VSzGF++4ZegcPaOBUtHNj9jJ8wQjGuAU6HPbI/7xbIqzTjLiCZwqfapdwrthj7kVk1zEEZzKxXeAX0YUwW8BKT6wCwgx28ynJBTxAsbwmlvxVo5C/DWSjeiB8XrdYMJo0qluA8lG8KuVutf+D9z3/TAzAxKPYD7D/MLSOdPJrSpVt7i4y9R+E7HK9NPj303ypeuJWQJzGAlEsPOkJf/x63pDEYw8uzPxnpA84/opxh3Jiog6PNckLWJcQoi1JQY/CH5QBJUjX5gk6NspahzXoN/knCei7g3uUrOelI3gF0uPE7h3kkAEuylKdMluGPbAiBwz8nvYg118BH/eHqRoVexFEdO4X3v4ewKZv4YbzJZS83jaZRH+kHnlE6MPxr0jXObimlNBtBScsZFP0ZFtXLukcnF2xQGJq7v5Nn0mf2SeNI80ai57OcebW7iXoTnrr8o+Rcs6dUQz+xWbAsaTcqXgeGYLjzKcD/Y7x3H6hUyWfrGb3ZzXAMtqmIPZs/taO8wbQyillFJKKaWUUkoppZRSSimllFLf3A/MJREgNsb5ZQAAAABJRU5ErkJggg==");
  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%;
}
:root.initialized::before, :root.initialized::after {
  display: none;
}
@keyframes loader {
  0% {
    scale: 1;
  }
  50% {
    scale: 1.25;
  }
  100% {
    scale: 1;
  }
}

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