/* shortwind: progress@0.0.1 sha:37210e32d2cd555f */

/* @guide
   A bar is two pieces: @progress-track (the background) wrapping @progress-bar
   (the fill). For an indeterminate state use @spinner instead — it's a
   standalone loader, not a bar.
*/

/* Progress bar track (background). */
@recipe progress-track {
  h-2 w-full overflow-hidden rounded-full bg-muted
}

/* Progress bar fill. */
@recipe progress-bar {
  h-full rounded-full bg-primary transition-all
}

/* Indeterminate loading spinner. */
@recipe spinner {
  inline-block h-4 w-4 animate-spin rounded-full border-2 border-border border-t-primary
}