.avatar{--avatar-size:40px;width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--r-full);color:var(--text);box-shadow:inset 0 0 0 1px var(--gold-hairline);border:2px solid #0000;flex:none;place-items:center;display:grid;overflow:hidden}.avatar-initial{font-family:var(--sans);font-weight:700;font-size:calc(var(--avatar-size) * .42);letter-spacing:-.01em;line-height:1}.avatar-img{object-fit:cover;width:100%;height:100%}.avatar--preset{background:var(--ivory)}.avatar--image{background:var(--avatar-bg)}.avatar-preset-art{width:82%;height:82%;display:block}.avatar--you{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold-hairline), 0 0 0 3px var(--gold-glow)}.avatar--tone-0{background:var(--avatar-bg)}.avatar--tone-1{background:#2a5a6a}.avatar--tone-2{background:#3a5f45}.avatar--tone-3{background:#4a5560}.avatar--tone-4{background:#285748}