.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:var(--radius-full);overflow:hidden;background-color:var(--surface-elevated);color:var(--fg);font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.avatar__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--primary);color:var(--primary-foreground);font-size:var(--t-m);text-transform:uppercase}.avatar--xs{width:2.4rem;height:2.4rem;font-size:var(--t-s)}.avatar--sm{width:3.2rem;height:3.2rem;font-size:var(--t-s)}.avatar--md{width:4rem;height:4rem;font-size:var(--t-m)}.avatar--lg{width:5.6rem;height:5.6rem;font-size:var(--t-l)}.avatar--xl{width:8rem;height:8rem;font-size:var(--t-xl)}.avatar--rounded{border-radius:var(--radius-m)}.avatar--square{border-radius:var(--radius-s)}.avatar--with-status{position:relative}.avatar__status{position:absolute;bottom:0;right:0;width:1.2rem;height:1.2rem;border-radius:var(--radius-full);border:2px solid var(--surface);background-color:var(--success)}.avatar__status--offline{background-color:var(--fg-muted)}.avatar__status--busy{background-color:var(--error)}.avatar__status--away{background-color:var(--warning)}