.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-weight:var(--weight-semibold);color:white;flex-shrink:0;border:2px solid var(--accent-border)}.avatar-xs{width:24px;height:24px;font-size:.625rem}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-md{width:40px;height:40px;font-size:var(--text-sm)}.avatar-lg{width:56px;height:56px;font-size:var(--text-md)}