.avatar-item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.avatar-label{color:var(--color-secondary);margin:0;font-size:.875rem}.avatar{width:64px;height:64px;color:var(--color-secondary);cursor:pointer;border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.avatar-image{aspect-ratio:1;width:100%;height:100%}.avatar-sm{width:2rem;height:2rem;font-size:.875rem}.avatar-md{width:3rem;height:3rem;font-size:1.25rem}.avatar-lg{width:4rem;height:4rem;font-size:1.75rem}.avatar[data-state=loading]{animation:1.5s ease-in-out infinite pulse}.avatar[data-state=empty]{background:var(--color-surface)}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.avatar-fallback{background:var(--color-surface);width:100%;height:100%;color:var(--color-primary);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.avatar[data-state=error] .avatar-fallback{background:var(--color-surface);color:var(--color-subtle)}