.admin-loader {
  width: 32px; height: 32px;
  border: 3px solid var(--color-neutral-200);
  border-top-color: var(--color-primary);
  border-radius: var(--radius-full);
  animation: admin-loader-spin 0.7s linear infinite;
}

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

.admin-loader-sm { width: 20px; height: 20px; border-width: 2px; }
.admin-loader-lg { width: 48px; height: 48px; border-width: 4px; }

.admin-loader-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-12);
}