.avatar-btn{width:var(--civic-size-avatar);height:var(--civic-size-avatar);border-radius:var(--radius-md);border:var(--civic-border-width)solid var(--civic-border);background:var(--civic-surface-hover);color:var(--civic-text);cursor:pointer;will-change:transform;transition:transform var(--civic-duration-xs)var(--civic-ease-default),background var(--civic-duration-xs)var(--civic-ease-default);justify-content:center;display:inline-flex;overflow:hidden}.avatar-btn:hover{animation:avatar-wiggle var(--civic-duration-avatar-wiggle)var(--civic-ease-default);transform:translateY(var(--civic-translate-lift-xs));background:var(--civic-surface-strong)}@keyframes avatar-wiggle{0%{transform:rotate(0deg)translateY(var(--civic-translate-lift-xs))}20%{transform:rotate(-10deg)translateY(var(--civic-translate-lift-xs))}35%{transform:rotate(8deg)translateY(var(--civic-translate-lift-xs))}55%{transform:rotate(-6deg)translateY(var(--civic-translate-lift-xs))}75%{transform:rotate(4deg)translateY(var(--civic-translate-lift-xs))}to{transform:rotate(0deg)translateY(var(--civic-translate-lift-xs))}}.avatar-btn:hover{transform:translateY(var(--civic-translate-lift-xs));background:var(--civic-surface-strong)}.avatar-img{object-fit:cover;width:100%;height:100%}.avatar-fallback{font-weight:var(--font-weight-extrabold);letter-spacing:var(--civic-avatar-fallback-letter-spacing)}