.avatar{border-radius:var(--radius-full);background-color:var(--color-tint);color:var(--color-tint-text);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);text-transform:uppercase;-webkit-user-select:none;user-select:none;border:var(--border-brutal-thin);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.avatar-sm{width:32px;height:32px;font-size:11px}.avatar-md{width:40px;height:40px;font-size:13px}.avatar-lg{width:48px;height:48px;font-size:15px}.avatar--open{box-shadow:var(--shadow-brutal-active);transform:translate(2px,2px)}.avatar-dropdown{position:relative}.avatar-dropdown-menu{top:calc(100% + var(--space-sm));background-color:var(--color-surface);border:var(--border-brutal);min-width:180px;box-shadow:var(--shadow-brutal-active);z-index:100;gap:var(--space-xs);padding:var(--space-sm);flex-direction:column;display:flex;position:absolute;right:0}.avatar-dropdown-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;font-family:var(--font-family-heading);font-size:12px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);transition:var(--transition-brutal);text-align:left;background:0 0;border:none;display:flex}.avatar-dropdown-item:hover{background-color:var(--color-primary-pale);box-shadow:var(--shadow-brutal-sm);transform:translate(-2px,-2px)}.avatar-dropdown-item--danger{color:var(--color-error)}.avatar-dropdown-item--danger:hover{background-color:var(--color-error-pale)}.avatar-dropdown-divider{border:none;border-top:var(--border-brutal-thin);margin:var(--space-xs) 0}