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

.avatar {
  @apply rounded-full object-cover flex-shrink-0;
}

.avatar-sm {
  @apply w-8 h-8 text-xs;
}

.avatar-md {
  @apply w-10 h-10 text-sm;
}

.avatar-lg {
  @apply w-20 h-20 text-2xl;
}

.avatar-initials {
  @apply bg-teal-100 text-teal-700 font-semibold flex items-center justify-center;
}