/* colors */
/* theme */
/* base */
/* layout */
/* icon */
/* font */
/* button */
/* input */
* {
  box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
#app, .app-container, html, body {
  font-family: Roboto, Lato, sans-serif;
  line-height: 1.4rem;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  user-select: none;
  position: relative;
  overflow: auto;
}
a, a:visited, a:focus {
  font-family: "Roboto", "Helvetica";
  font-weight: 500;
  text-decoration: none;
  opacity: 0.9;
  transition: color 0.5s;
}
a:hover {
  text-decoration: none;
  opacity: 1;
}
.error-container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
/* roboto-100normal - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: local("Roboto Thin "), local("Roboto-Thin"), url(/c2aa4ab115bf9c6057cb.woff2) format("woff2"), url(/a45108d3b34af91f9113.woff) format("woff");
  /* Modern Browsers */
}
/* roboto-100italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-display: swap;
  font-weight: 100;
  src: local("Roboto Thin italic"), local("Roboto-Thinitalic"), url(/7f839a8652da29745ce4.woff2) format("woff2"), url(/451d4e559d6f57cdf6a1.woff) format("woff");
  /* Modern Browsers */
}
/* roboto-300normal - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: local("Roboto Light "), local("Roboto-Light"), url(/37a7069dc30fc663c878.woff2) format("woff2"), url(/865f928cbabcc9f8f2b5.woff) format("woff");
  /* Modern Browsers */
}
/* roboto-300italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: local("Roboto Light italic"), local("Roboto-Lightitalic"), url(/c64e7e354c88e613c77c.woff2) format("woff2"), url(/bd5b7a13f2c52b531a2a.woff) format("woff");
  /* Modern Browsers */
}
/* roboto-400normal - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local("Roboto Regular "), local("Roboto-Regular"), url(/176f8f5bd5f02b3abfcf.woff2) format("woff2"), url(/49ae34d4cc6b98c00c69.woff) format("woff");
  /* Modern Browsers */
}
/* roboto-400italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: local("Roboto Regular italic"), local("Roboto-Regularitalic"), url(/d022bc70dc1bf7b3425d.woff2) format("woff2"), url(/b1d9d9904bfca8802a63.woff) format("woff");
  /* Modern Browsers */
}
/* roboto-500normal - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: local("Roboto Medium "), local("Roboto-Medium"), url(/f5b74d7ffcdf85b9dd60.woff2) format("woff2"), url(/cea99d3e3e13a3a599a0.woff) format("woff");
  /* Modern Browsers */
}
/* roboto-500italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src: local("Roboto Medium italic"), local("Roboto-Mediumitalic"), url(/0d8bb5b3ee5f5dac9e44.woff2) format("woff2"), url(/18d00f739ff1e1c52db1.woff) format("woff");
  /* Modern Browsers */
}
/* roboto-700normal - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: local("Roboto Bold "), local("Roboto-Bold"), url(/c18ee39fb002ad58b6dc.woff2) format("woff2"), url(/2267169ee7270a22a963.woff) format("woff");
  /* Modern Browsers */
}
/* roboto-700italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: local("Roboto Bold italic"), local("Roboto-Bolditalic"), url(/7d8125ff7f707231fd89.woff2) format("woff2"), url(/9360531f9bb817f917f0.woff) format("woff");
  /* Modern Browsers */
}
/* roboto-900normal - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: local("Roboto Black "), local("Roboto-Black"), url(/870c8c1486f76054301a.woff2) format("woff2"), url(/bac8362e7a6ea60b6983.woff) format("woff");
  /* Modern Browsers */
}
/* roboto-900italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src: local("Roboto Black italic"), local("Roboto-Blackitalic"), url(/cb5ad999740e9d8a8bd1.woff2) format("woff2"), url(/c20d916c1a1b094c1cec.woff) format("woff");
  /* Modern Browsers */
}