.avatar {
  @apply relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full;

  &-image {
    @apply aspect-square h-full w-full;
  }

  &-fallback {
    @apply bg-muted flex h-full w-full items-center justify-center rounded-full font-bold uppercase;
  }
}