/* wwwroot/scss/LoadingScreen/loading-screen.scss */
.mpro-loading-backdrop {
  background-color: #660099;
  width: 100vw;
  height: 100vh;
}
.loading-redirect {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000;
}
.mpro-loading-container {
  position: absolute;
  top: 30vh;
  width: 100%;
  text-align: center;
}
.mpro-loading-container .mpro-loading-spinner {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  color: white;
}
.mpro-logo {
  width: 150px;
  height: 150px;
  filter: brightness(0%) saturate(100%) invert(100%) sepia(0%) hue-rotate(253deg) contrast(100%);
}