@keyframes spinner-circle {
  50% {
    stroke-dasharray:
      var(--spinner-stroke-length), var(--spinner-stroke-spacing);
    stroke-dashoffset: var(--spinner-dashoffset-half);
  }
  100% {
    stroke-dashoffset: var(--spinner-dashoffset-full);
  }
}