/* Spinner */

.spinner {
  display: inline-block;
  animation: spin 1s linear infinite;
}

@keyframes spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}

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

/* Sizes */
.spinner--sm {
  width: var(--spinner-size-sm);
  height: var(--spinner-size-sm);
}
.spinner--md {
  width: var(--spinner-size-md);
  height: var(--spinner-size-md);
}
.spinner--lg {
  width: var(--spinner-size-lg);
  height: var(--spinner-size-lg);
}

/* Colors */
.spinner--primary {
  color: var(--spinner-variant-primary-color);
}
.spinner--secondary {
  color: var(--spinner-variant-secondary-color);
}
.spinner--success {
  color: var(--spinner-variant-success-color);
}
.spinner--warning {
  color: var(--spinner-variant-warning-color);
}
.spinner--error {
  color: var(--spinner-variant-error-color);
}