.user-avatar{background:var(--cad-accent-soft);box-sizing:border-box;color:var(--cad-accent);vertical-align:middle;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;line-height:1;display:inline-flex;position:relative;overflow:hidden}.user-avatar img{background:var(--cad-surface-subtle);object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.user-avatar--xs{width:20px;height:20px;font-size:.5625rem}.user-avatar--sm{width:28px;height:28px;font-size:.6875rem}.user-avatar--md{width:36px;height:36px;font-size:.8125rem}.user-avatar--lg{width:64px;height:64px;font-size:1.25rem}.user-avatar--xl{width:112px;height:112px;font-size:2rem}