.system-loading {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  position: relative;
  animation: loader07-ug96yiy 1s linear infinite;
}
@keyframes loader07-ug96yiy {
  0% {
    box-shadow: 0 -96px 0 0 rgba(0, 82, 236, 0.05), 68px -68px 0 0 rgba(0, 82, 236, 0.1), 96px 0 0 0 rgba(0, 82, 236, 0.2), 68px 68px 0 0 rgba(0, 82, 236, 0.3), 0 96px 0 0 rgba(0, 82, 236, 0.4), -68px 68px 0 0 rgba(0, 82, 236, 0.6), -96px 0 0 0 rgba(0, 82, 236, 0.8), -68px -68px 0 0 #0052ec;
  }
  12.5% {
    box-shadow: 0 -96px 0 0 #0052ec, 68px -68px 0 0 rgba(0, 82, 236, 0.05), 96px 0 0 0 rgba(0, 82, 236, 0.1), 68px 68px 0 0 rgba(0, 82, 236, 0.2), 0 96px 0 0 rgba(0, 82, 236, 0.3), -68px 68px 0 0 rgba(0, 82, 236, 0.4), -96px 0 0 0 rgba(0, 82, 236, 0.6), -68px -68px 0 0 rgba(0, 82, 236, 0.8);
  }
  25% {
    box-shadow: 0 -96px 0 0 rgba(0, 82, 236, 0.8), 68px -68px 0 0 #0052ec, 96px 0 0 0 rgba(0, 82, 236, 0.05), 68px 68px 0 0 rgba(0, 82, 236, 0.1), 0 96px 0 0 rgba(0, 82, 236, 0.2), -68px 68px 0 0 rgba(0, 82, 236, 0.3), -96px 0 0 0 rgba(0, 82, 236, 0.4), -68px -68px 0 0 rgba(0, 82, 236, 0.6);
  }
  37.5% {
    box-shadow: 0 -96px 0 0 rgba(0, 82, 236, 0.6), 68px -68px 0 0 rgba(0, 82, 236, 0.8), 96px 0 0 0 #0052ec, 68px 68px 0 0 rgba(0, 82, 236, 0.05), 0 96px 0 0 rgba(0, 82, 236, 0.1), -68px 68px 0 0 rgba(0, 82, 236, 0.2), -96px 0 0 0 rgba(0, 82, 236, 0.3), -68px -68px 0 0 rgba(0, 82, 236, 0.4);
  }
  50% {
    box-shadow: 0 -96px 0 0 rgba(0, 82, 236, 0.4), 68px -68px 0 0 rgba(0, 82, 236, 0.6), 96px 0 0 0 rgba(0, 82, 236, 0.8), 68px 68px 0 0 #0052ec, 0 96px 0 0 rgba(0, 82, 236, 0.05), -68px 68px 0 0 rgba(0, 82, 236, 0.1), -96px 0 0 0 rgba(0, 82, 236, 0.2), -68px -68px 0 0 rgba(0, 82, 236, 0.3);
  }
  62.5% {
    box-shadow: 0 -96px 0 0 rgba(0, 82, 236, 0.3), 68px -68px 0 0 rgba(0, 82, 236, 0.4), 96px 0 0 0 rgba(0, 82, 236, 0.6), 68px 68px 0 0 rgba(0, 82, 236, 0.8), 0 96px 0 0 #0052ec, -68px 68px 0 0 rgba(0, 82, 236, 0.05), -96px 0 0 0 rgba(0, 82, 236, 0.1), -68px -68px 0 0 rgba(0, 82, 236, 0.2);
  }
  75% {
    box-shadow: 0 -96px 0 0 rgba(0, 82, 236, 0.2), 68px -68px 0 0 rgba(0, 82, 236, 0.3), 96px 0 0 0 rgba(0, 82, 236, 0.4), 68px 68px 0 0 rgba(0, 82, 236, 0.6), 0 96px 0 0 rgba(0, 82, 236, 0.8), -68px 68px 0 0 #0052ec, -96px 0 0 0 rgba(0, 82, 236, 0.05), -68px -68px 0 0 rgba(0, 82, 236, 0.1);
  }
  87.5% {
    box-shadow: 0 -96px 0 0 rgba(0, 82, 236, 0.1), 68px -68px 0 0 rgba(0, 82, 236, 0.2), 96px 0 0 0 rgba(0, 82, 236, 0.3), 68px 68px 0 0 rgba(0, 82, 236, 0.4), 0 96px 0 0 rgba(0, 82, 236, 0.6), -68px 68px 0 0 rgba(0, 82, 236, 0.8), -96px 0 0 0 #0052ec, -68px -68px 0 0 rgba(0, 82, 236, 0.05);
  }
  100% {
    box-shadow: 0 -96px 0 0 rgba(0, 82, 236, 0.05), 68px -68px 0 0 rgba(0, 82, 236, 0.1), 96px 0 0 0 rgba(0, 82, 236, 0.2), 68px 68px 0 0 rgba(0, 82, 236, 0.3), 0 96px 0 0 rgba(0, 82, 236, 0.4), -68px 68px 0 0 rgba(0, 82, 236, 0.6), -96px 0 0 0 rgba(0, 82, 236, 0.8), -68px -68px 0 0 #0052ec;
  }
}
.system-loading {
  position: fixed;
  top: 50%;
  left: 50%;
}

#overlay {
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0.4;
  display: none;
}