#root {
  max-width: 1024px;
  margin: 0 auto;
  background-color: #fff!important;
}

#root .bg[class*="svelte"] {
  max-width: 1024px;
  margin: 0 auto;
}

@media (hover: hover), screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body {
    background-color: #eee!important;
  }
  #root {
    max-width: 768px;
  }
  #root .bg[class*="svelte"] {
    max-width: 100%;
  }
  .bg[class*="svelte"] .window-wrap {
    width: 100%;
    max-width: 768px;
  }
}

.loading .splash {
  display: flex!important;
}

.loading .basic-container {
  display: none!important;
}

.splash {
  display: none!important;
  background-image: url("./images/splash-1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  animation: splash 6s infinite;
}

.logo {
  height: 100vh;
  background: url("./images/logo.svg") center 50%/70% no-repeat;
}

@keyframes splash {
  0%, 100% {
    background-image: url("./images/splash-1.jpg");
  }
  33% {
    background-image: url("./images/splash-2.jpg");
  }
  66% {
    background-image: url("./images/splash-3.jpg");
  }
}

::-webkit-input-placeholder {
  color: #9FAAAD;
}
::-moz-placeholder {
  color: #9FAAAD;
}
:-ms-input-placeholder {
  color: #9FAAAD;
}
:-moz-placeholder {
  color: #9FAAAD;
}
.placeholder {
  color: #9FAAAD;
}
.viewport-min-height {
  height: 100vh;
  min-height: 100vh;
}
.mobile .viewport-min-height {
  min-height: 100%;
  min-height: -moz-available;          /* WebKit игнор. */
  min-height: -webkit-fill-available;  /* Mozilla игнор. */
  min-height: fill-available;
}
.mobile .bg[class*="svelte"] {
  height: -webkit-fill-available;
}

.bg .window-wrap[class*="svelte"] {
  margin: 0 auto;
  width: 100%;
}

.mobile .bg .window-wrap[class*="svelte"]{
  margin: 0;
  width: 100%;
}

.ov-spinner {
  -webkit-animation: spinner 2s infinite ease-in-out;
  animation: spinner 2s infinite ease-in-out;
}

@keyframes spinner {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}