preload {
  width: 0px;
  height: 0px;
  overflow: hidden;
  position: fixed;
  left: -100px;
  top: -100px;
}

body {
  overscroll-behavior: contain;
  margin: 0px;
}

noscript {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: calc(100svw - 50px);
  height: calc(100svh - 50px);
  text-align: center;
  position: fixed;
  padding: 25px;
}

:root {
  --color-primary: #3C90F5;
  --color-secondary: #ECB214;
  --background-color-primary: #111111;
  --background-color-secondary: #212121;
  --background-color-tertiary: #303030;
  --text-color-primary: #c0c0c0;
  --text-color-secondary: #A6A6A6;
  --text-color-tertiary: #707070;
  --text-color-quaternary: #363636;
  --text-color-quinary: #242424;
}

[data-theme="light"] {
  --color-primary: #3C90F5;
  --color-secondary: #ECB214;
  --background-color-primary: #FFFFFF;
  --background-color-secondary: #F5F5F5;
  --background-color-tertiary: #EAEAEA;
  --text-color-primary: #363636;
  --text-color-secondary: #606060;
  --text-color-tertiary: #909090;
  --text-color-quaternary: #C0C0C0;
  --text-color-quinary: #E0E0E0;
}

._img_loading_screen_background,
._img_home_screen_background {
  background-position: center;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: fixed;
}