#initial-loader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  background: #ffffff;
  color: #0f172a;
  transition:
    opacity 160ms ease,
    visibility 160ms ease;
}

#initial-loader.initial-loader-hidden {
  visibility: hidden;
  opacity: 0;
}

.initial-loader-content {
  display: grid;
  justify-items: center;
  gap: 12px;
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

.initial-loader-spinner {
  width: 34px;
  height: 34px;
  border: 2px solid #dbe3ef;
  border-top-color: #3f73d8;
  border-radius: 9999px;
  animation: initial-loader-spin 720ms linear infinite;
}

.initial-loader-text {
  font-size: 13px;
  color: #526075;
}

@media (prefers-color-scheme: dark) {
  #initial-loader {
    background: #0b1120;
    color: #e5edf8;
  }

  .initial-loader-spinner {
    border-color: #1f2a44;
    border-top-color: #7aa2ff;
  }

  .initial-loader-text {
    color: #aab6cb;
  }
}

@keyframes initial-loader-spin {
  to {
    transform: rotate(360deg);
  }
}