@font-face {
  font-family: "New Rail Alphabet";
  src: url(../fonts/NewRailAlphabet-LightWEB.eot?#iefix);
  src: url(../fonts/NewRailAlphabet-LightWEB.eot?#iefix) format("eot"), url(../fonts/NewRailAlphabet-LightWEB.woff2) format("woff2"), url(../fonts/NewRailAlphabet-LightWEB.woff) format("woff"), url(../fonts/NewRailAlphabet-LightWEB.ttf) format("truetype");
  font-weight: 200;
  font-display: swap; }

@font-face {
  font-family: "New Rail Alphabet";
  src: url(../fonts/NewRailAlphabet-BoldWEB.eot?#iefix);
  src: url(../fonts/NewRailAlphabet-BoldWEB.eot?#iefix) format("eot"), url(../fonts/NewRailAlphabet-BoldWEB.woff2) format("woff2"), url(../fonts/NewRailAlphabet-BoldWEB.woff) format("woff"), url(../fonts/NewRailAlphabet-BoldWEB.ttf) format("truetype");
  font-weight: 600;
  font-display: swap; }

@font-face {
  font-family: "New Rail Alphabet";
  src: url(../fonts/NewRailAlphabet-BlackWEB.eot?#iefix);
  src: url(../fonts/NewRailAlphabet-BlackWEB.eot?#iefix) format("eot"), url(../fonts/NewRailAlphabet-BlackWEB.woff2) format("woff2"), url(../fonts/NewRailAlphabet-BlackWEB.woff) format("woff"), url(../fonts/NewRailAlphabet-BlackWEB.ttf) format("truetype");
  font-weight: 800;
  font-display: swap; }

* {
  box-sizing: border-box; }

html,
body {
  margin: 0;
  padding: 0; }

body,
input,
select,
textarea,
button {
  font-family: "New Rail Alphabet", -apple-system, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 200;
  letter-spacing: 0.3px; }

html[lang="ar"] body,
html[lang="ar"] input,
html[lang="zh-Hans"] body,
html[lang="zh-Hans"] input,
html[lang="zh-Hant"] body,
html[lang="zh-Hant"] input,
html[lang="el"] body,
html[lang="el"] input,
html[lang="ja"] body,
html[lang="ja"] input,
html[lang="ru"] body,
html[lang="ru"] input,
html[lang="ckb"] body,
html[lang="ckb"] input,
html[lang="km"] body,
html[lang="km"] input,
html[lang="ko"] body,
html[lang="ko"] input,
html[lang="th"] body,
html[lang="th"] input,
html[lang="vi"] body,
html[lang="vi"] input {
  font-family: -apple-system, system-ui, sans-serif; }

body.lang-rtl {
  direction: rtl; }

html {
  -webkit-text-size-adjust: 100%;
  /* Prevent font scaling in landscape */ }

body {
  background-color: #fff;
  min-width: 258px;
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right); }

:focus {
  outline: 0; }

#root {
  max-width: 600px;
  margin: 0 auto;
  text-align: center; }

.admin #root {
  max-width: 100%; }

a {
  color: #000;
  text-decoration: none; }

ul {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

img {
  display: block;
  width: 100%;
  height: auto; }

pre {
  margin: 0 0 0 28px;
  padding: 12px;
  font-family: -apple-system, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3em;
  word-wrap: normal;
  overflow: auto;
  background-color: #fafafa; }

code {
  margin: 0;
  padding: 0;
  font-family: inherit;
  white-space: normal;
  color: #505050; }

.bold {
  font-weight: 600; }

.round {
  border-radius: 100%; }

.no-scroll {
  overflow: hidden; }

.mobile-hide {
  display: none; }

.danger {
  color: #ff5100; }

@media (min-width: 728px) {
  .mobile-hide {
    display: block; } }

@media (prefers-color-scheme: dark) {
  body {
    background-color: #000;
    color: #fff; }
  pre {
    background-color: #222; }
  a,
  code {
    color: #fff; } }