.avatar{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);aspect-ratio:1;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex;overflow:hidden}.avatar-image{object-fit:cover;block-size:100%;inline-size:100%;display:block}.avatar-small{block-size:2rem;inline-size:2rem;font-size:.8rem}.avatar-medium{block-size:3rem;inline-size:3rem;font-size:1.1rem}.avatar-large{block-size:6rem;inline-size:6rem;font-size:2rem}.avatar-initial{-webkit-user-select:none;user-select:none}.avatar-field{gap:var(--space-2);justify-items:start;display:grid}.avatar-field-well{transition:opacity .15s;display:inline-flex}.avatar-field-well[data-busy=true]{opacity:.55}.avatar-field-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}@media (prefers-reduced-motion:reduce){.avatar-field-well{transition:none}}