/* ============================================================
   design-system / components / spinner.css
   Model .spinner-border de Tabler UI (docs.tabler.io/ui/components/spinners).
   ============================================================ */

.ds-spinner {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid var(--ds-color-border);
  border-top-color: var(--ds-color-primary);
  display: inline-block;
  animation: ds-spin 0.7s linear infinite;
}

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

.ds-spinner--sm {
  width: 14px;
  height: 14px;
  border-width: 2px;
}

.ds-spinner--lg {
  width: 32px;
  height: 32px;
  border-width: 3px;
}