.avatar{border:1px solid var(--color-border);border-radius:var(--radius-full);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,color .2s;display:inline-flex;overflow:hidden}.avatar--sm{height:var(--space-9);width:var(--space-9)}.avatar--md{height:var(--space-13);width:var(--space-13)}.avatar--lg{height:var(--space-15);width:var(--space-15)}.avatar--xl{height:var(--space-17);width:var(--space-17)}.avatar__image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.avatar__fallback{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-family:var(--font-heading);font-size:var(--font-size-xs);justify-content:center;align-items:center;width:100%;height:100%;font-weight:600;display:flex}.avatar__image+.avatar__fallback{display:none}.avatar--md .avatar__fallback{font-size:var(--font-size-base)}.avatar--lg .avatar__fallback{font-size:var(--font-size-lg)}.avatar--xl .avatar__fallback{font-size:var(--font-size-2xl)}