.avatar{flex:none;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-round);overflow:hidden;background:var(--track-2);color:var(--body);display:inline-flex;align-items:center;justify-content:center;font-size:calc(var(--space-3) + var(--space-1) / 4);font-weight:600;line-height:1}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.large{width:var(--space-10);height:var(--space-10);font-size:calc(var(--space-4) - var(--space-1) / 4)}.avatar-btn{display:flex;padding:calc(var(--space-1) / 4);border:0;border-radius:var(--radius-round);background:none}.avatar-btn:hover .avatar,.avatar-btn[aria-expanded=true] .avatar{box-shadow:0 0 0 var(--space-0-5) var(--bg),0 0 0 var(--space-1) var(--offline)}