:root {
  --z-initial-loader: 9999;
}

#root {
  isolation: isolate;
}

#initial-loader {
  position: fixed;
  inset: 0;
  z-index: var(--z-initial-loader);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-base, Canvas);
  color: var(--text-secondary, CanvasText);
}

.initial-loader__spinner {
  width: 2rem;
  height: 2rem;
  border: 0.1875rem solid color-mix(in srgb, currentColor 28%, transparent);
  border-top-color: currentColor;
  border-radius: 999px;
  animation: pf2e-initial-loader-spin 0.8s linear infinite;
}

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