.avatar{display:flex;align-items:center;justify-content:center;background:var(--color-cream-warm, #f6f6f6);overflow:hidden}.avatar--xs{width:24px;height:24px;font-size:.625rem}.avatar--sm{width:32px;height:32px;font-size:.75rem}.avatar--md{width:40px;height:40px;font-size:.875rem}.avatar--lg{width:56px;height:56px;font-size:1rem}.avatar--xl{width:80px;height:80px;font-size:1.25rem}.avatar--rounded{border-radius:50%}.avatar__image{width:100%;height:100%;object-fit:cover}.avatar__fallback{font-weight:500;color:#0c0c0ca6}