.user-avatar{flex-shrink:0;box-sizing:border-box;display:grid;place-items:center;aspect-ratio:1;border-radius:9999px;overflow:hidden;background:var(--color-brand-primary);color:#fff;font-weight:600;line-height:1;text-transform:uppercase}.user-avatar--sm{width:2rem;min-width:2rem;height:2rem;font-size:.6875rem}.user-avatar--md{width:2.5rem;min-width:2.5rem;height:2.5rem;font-size:.8125rem}.user-avatar--lg{width:5.5rem;min-width:5.5rem;height:5.5rem;font-size:1.5rem}.user-avatar img{width:100%;height:100%;object-fit:cover;display:block}