#loader {
  position: fixed;
  inset: 0;
  z-index: 9999999;
  display: block;
  height: 100vh;
  width: 100vw;
}

#loader #loading-bg {
  display: flex;
  height: 100vh;
  width: 100vw;
  align-items: center;
  justify-content: center;
  background-color: var(--initial-loader-bg, #fff);
}

#loader #loading-bg svg {
  height: 70px;
  width: 70px;
  animation: loading-spin 1s linear infinite;
  color: var(--initial-loader-color, rgb(17 24 39 / 0.5));
}

@keyframes loading-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}