.loading-spinner {
  display: inline-grid;
  min-height: 80px;
  place-items: center;
}

.spinner-ring {
  width: 38px;
  height: 38px;
  border: 4px solid var(--color-border);
  border-top-color: var(--color-primary);
  border-radius: 999px;
  animation: spin 900ms linear infinite;
}

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