/* open-sans */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: local(""),
    url("/fonts/open-sans-v17-latin-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: local(""), url("/fonts/open-sans-v17-latin-600.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: local(""), url("/fonts/open-sans-v17-latin-700.woff2") format("woff2");
}

/* roboto-slab */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: local(""), url("/fonts/roboto-slab-v12-latin-700.woff2") format("woff2");
}

/* courier-prime */
@font-face {
  font-family: "Courier Prime";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: local(""), url("/fonts/courier-prime.ttf") format("truetype");
}
@font-face {
  font-family: "Courier Prime";
  font-style: italic;
  font-weight: 400;
  font-display: block;
  src: local(""), url("/fonts/courier-prime-italic.ttf") format("truetype");
}
@font-face {
  font-family: "Courier Prime";
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: local(""), url("/fonts/courier-prime-bold.ttf") format("truetype");
}
@font-face {
  font-family: "Courier Prime";
  font-style: italic;
  font-weight: 700;
  font-display: block;
  src: local(""), url("/fonts/courier-prime-bold-italic.ttf") format("truetype");
}

/* courier-prime-sans */
@font-face {
  font-family: "Courier Prime Sans";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: local(""), url("/fonts/courier-prime-sans.ttf") format("truetype");
}
@font-face {
  font-family: "Courier Prime Sans";
  font-style: italic;
  font-weight: 400;
  font-display: block;
  src: local(""), url("/fonts/courier-prime-sans-italic.ttf") format("truetype");
}
@font-face {
  font-family: "Courier Prime Sans";
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: local(""), url("/fonts/courier-prime-sans-bold.ttf") format("truetype");
}
@font-face {
  font-family: "Courier Prime Sans";
  font-style: italic;
  font-weight: 700;
  font-display: block;
  src: local(""),
    url("/fonts/courier-prime-sans-bold-italic.ttf") format("truetype");
}

/* WARNING: webkit-scrollbar is not supported in Firefox and IE */
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-thumb {
  background-color: #00000040;
}
*::-webkit-scrollbar-track {
  background-color: #0000001a;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #00000080;
}

*::-webkit-scrollbar-button {
  display: none;
}

*::-webkit-scrollbar-corner {
  display: none;
}

/* WARNING: scrollbar-color and scrollbar-width is only supported in Firefox */
* {
  scrollbar-color: #00000040 #0000001a;
  scrollbar-width: thin;
}

* {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
  -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
  outline: none !important;
}

@media (min-width: 600px) {
  html {
    overflow-y: scroll;
  }
}

html,
body {
  background-color: #052c55;
  max-width: 100vw;
  height: 100%;
  touch-action: pan-y;
}

#__next {
  height: 100%;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
}

.firebase-emulator-warning {
  display: none;
}

.font-icon svg {
  fill: currentColor;
  width: 1em;
  height: 1em;
}

body .dragging {
  cursor: auto !important;
  z-index: 100000 !important;
}

button {
  cursor: pointer;
}