.CircularProgress,
.default {
  @apply relative;
  @apply bg-transparent;
  @apply transition-all;
}

.CircularProgressSVG {
  @apply transform -rotate-90;
}

.CircularProgressTrack {
  @apply text-secondary;
  @apply rounded-full;
}

:global(.dark) .CircularProgressTrack {
  @apply text-boostSpace;
}

:global(.charge) .CircularProgressTrack {
  @apply text-boostFlash;
}

.CircularProgressIndicator {
  @apply text-accent;
  @apply rounded-full;
}

:global(.dark) .CircularProgressIndicator {
  @apply text-accent;
}

:global(.charge) .CircularProgressIndicator {
  @apply text-accent-foreground;
}
