.loading-container {
  width: 100% !important;
  height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;

  background-color: rgba(255, 255, 255, 90%) !important;
  backdrop-filter: blur(var(--blur-strength)) !important;
  -webkit-backdrop-filter: blur(var(--blur-strength)) !important;
  z-index: 1000 !important;
  position: absolute;

}

.c-loader {
  position: fixed;
  top: 48%;
  left: 48%;
  /* bring your own prefixes */
  /* transform: translate(-50%, -50%); */

  animation: is-rotating 1s infinite;
  width: 50px;
  height: 50px;
  border: solid 5px rgba(0, 0, 0, 40%);
  border-top-color: #eeeeee;
  border-radius: 50%;

  z-index: 1000 !important;
}

@keyframes is-rotating {
  to {
    transform: rotate(2turn);
  }
}