// circumference of r=15 circle ≈ 94.25; arc is ~30% ≈ 28 units
.loading-container
  display flex
  justify-content center
  align-items center
  height 100vh

.loading-spinner
  width 40px
  height 40px
  animation loading-spin 1.2s ease-in-out infinite
  transform-box fill-box
  transform-origin center

.loading-track
  stroke #f0f0f0
  stroke-width 4

.loading-arc
  stroke var(--color-primary)
  stroke-width 4
  stroke-linecap round
  stroke-dasharray 28 66

@keyframes loading-spin
  to
    transform rotate(360deg)