/* app/assets/stylesheets/components/loaders.css */

.loader-spinner {
  @apply inline-block h-5 w-5 animate-spin rounded-full border-2 border-gray-200 border-t-blue-600;
}

.loader-spinner-small {
  @apply h-4 w-4;
}

.loader-spinner-large {
  @apply h-8 w-8 border-[3px];
}

.loader-inline {
  @apply inline-flex items-center gap-2 text-sm font-medium text-gray-500;
}

.loader-pulse {
  @apply inline-block h-3 w-3 animate-pulse rounded-full bg-blue-600;
}

.loader-bar {
  @apply inline-block h-1.5 w-16 animate-pulse rounded-full bg-blue-600/80;
}