.person-avatar{--avatar-hue:140;background:oklch(.33 .055 var(--avatar-hue));width:30px;height:30px;color:oklch(.86 .06 var(--avatar-hue));border-radius:50%;flex:none;place-items:center;line-height:0;display:inline-grid;overflow:hidden}.person-avatar svg{width:46%;height:46%;display:block}.person-avatar img{object-fit:cover;width:100%;height:100%;display:block}.person-avatar[data-image]{background:var(--color-bg-raised-2)}