/* Atlas data room — the ONE avatar component (docs/dataroom-v2/SPEC-v4.md §A1). Linked by /room and /room/admin.
   Rendered by /room/avatar.js avatarHtml() / paintAvatar() and painted by hydrateAvatars(). Never use the `background`
   shorthand here or on any avatar elsewhere: it resets background-size and the photo paints as a flat corner. */
.avatar{display:inline-grid;place-items:center;flex:none;border-radius:50%;overflow:hidden;font:600 11px/1 var(--sans);font-style:normal;color:var(--bg);background-color:var(--fg);background-size:cover;background-position:center;background-repeat:no-repeat;box-sizing:border-box;text-transform:uppercase;user-select:none}
.avatar.viewer{background-color:var(--gold-soft);color:var(--gold-ink)}
.avatar.has-photo{color:transparent}
.avatar-xs{width:24px;height:24px;font-size:9px}
.avatar-sm{width:30px;height:30px}
.avatar-md{width:40px;height:40px;font-size:13px}
.avatar-lg{width:64px;height:64px;font-size:20px}
.avatar-xl{width:84px;height:84px;font-size:24px;border:1px solid var(--line)}
button.avbtn{all:unset;cursor:pointer;border-radius:50%;display:inline-grid;line-height:0}
button.avbtn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}