body {
  margin: 0;
}

#root {
  height: 100vh;
}

.app-loader {
  position: absolute;
  background: #5C6BFA;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}


.app-loader.in-app-loader img {
  display: none;
}

.app-loader.in-app-loader .spinner {
  display: block;
}

.app-loader.in-app-loader {
  /*background: rgba(27, 29, 46, 0.50);*/
  background: transparent;
}

.app-loader img {
  width: 150px;
  mix-blend-mode: color-dodge;
}


.spinner {
  display: none;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: conic-gradient(#0000 10%,#5C6BFA);
  opacity: 0;
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0);
  animation: spinner-zp9dbg 1s infinite linear;
}

@keyframes spinner-zp9dbg {
  to {
    transform: rotate(1turn);
  }
}