.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;overflow:hidden;border-radius:var(--radius-full);background:var(--surface-pressed);color:var(--text-secondary);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh);font-weight:var(--weight-medium);text-transform:uppercase}.avatar--20,.avatar--24{font-size:var(--text-caption-size);line-height:var(--text-caption-lh)}.avatar--20{width:var(--space-20);height:var(--space-20)}.avatar--24{width:var(--space-24);height:var(--space-24)}.avatar--32{width:var(--space-32);height:var(--space-32)}.avatar--40{width:var(--space-40);height:var(--space-40)}.avatar--64{width:var(--space-64);height:var(--space-64);font-size:var(--text-title-sm-size);line-height:var(--text-title-sm-lh)}.avatar[data-shape=square]{border-radius:var(--radius-md)}.avatar[data-hand=agent]{background:var(--agent-pill);color:var(--agent-dot)}.avatar[data-hand=agent]{border-radius:var(--radius-sm)}