<!-- default Avatar -->
<span class="flex size-14 items-center justify-center overflow-hidden rounded-full border border-neutral-300 bg-neutral-50 text-2xl font-bold tracking-wider text-neutral-600/80 dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-300/80">JS</span>

<!-- inverse Avatar -->
<span class="flex size-14 items-center justify-center overflow-hidden rounded-full border border-neutral-700 bg-neutral-900 text-2xl font-bold tracking-wider text-neutral-300/80 dark:border-neutral-300 dark