/* Generic CSS spinners */

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

.spinner {
  display: inline-block;
  border-radius: 50%;
  border: 2px solid currentColor;
  border-top-color: transparent;
  animation: spinner-spin 0.8s linear infinite;
  opacity: 0.6;
}

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

.spinner-md {
  width: 18px;
  height: 18px;
}