#processingArea {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  display: none;
  z-index: 10000;
}
#processingArea.on {
  display: flex;
}
#processingArea .loading {
  width: 200px;
  height: 200px;
}
#processingArea .loading .loadingIn {
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 33%, rgb(255, 255, 255) 100%);
  border-radius: 50%;
  animation: loading 2s infinite linear;
  transform: translateZ(0);
  padding: 10px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}/*# sourceMappingURL=processing.css.map */