html {
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
  overscroll-behavior-y: none;
  min-height: 100%;
}
body {
  font-family: Noto Sans, system-ui, 'Segoe UI', Arial, sans-serif;
}
html[data-theme="white"],
html[data-theme="bright"] {
  color-scheme: light;
  background-color: #ffffff;
}
html[data-theme="black"] {
  color-scheme: dark;
  color: #f2f2f2;
  background-color: #000000;
}
html[data-theme="digital-blue"] {
  color-scheme: light;
  color: #ffffff;
  background-color: #0047BB;
}
html[data-theme="digital-green"] {
  color-scheme: light;
  color: #ffffff;
  background-color: #00B140;
}
html[data-theme="digital-blue"] a,
html[data-theme="digital-green"] a{
  color: #ffffff;
}
#app {
  user-select: none;
  -webkit-user-select: none;
}
html:fullscreen #app,
.pointer-lock #app{
  visibility: hidden;
}
.form-item {
  padding: 4px 0;
}
#hdrVideo {
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 0px;
  width: 100vw;
  height: 100vh;
  object-fit: fill;
  pointer-events: none;
  visibility: hidden;
  transition: dynamic-range-limit 0.4s ease-in;
  dynamic-range-limit: standard;
}

@media (dynamic-range: high) or (video-dynamic-range: high) {
  html[data-theme="bright"] #hdrVideo{
    visibility: visible;
  }
  html[data-theme="bright"]:fullscreen #hdrVideo,
  html[data-theme="bright"].fullscreen #hdrVideo {
    dynamic-range-limit: no-limit;
  }
}