:host {
  --spinner-circle-fill: var(--amplify-smoke-white);
  --spinner-bar-fill: var(--amplify-primary-color);
  --width: 0.875rem;
  --height: 0.875rem;
}

.loading-spinner svg {
  animation: loading-spinner 1s linear infinite;
  width: var(--width);
  height: var(--height);
}
.loading-spinner svg #spinner-circle {
  fill: var(--spinner-circle-fill);
}
.loading-spinner svg #spinner-bar {
  fill: var(--spinner-bar-fill);
}
@keyframes loading-spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}