.bx .ava {
  width: 28px; height: 28px; border-radius: var(--bx-r-pill);
  background: var(--bx-paper-3);
  border: 1px solid var(--bx-line);
  display: inline-flex; align-items: center; justify-content: center;
  font-size: var(--bx-text-xs); color: var(--bx-ink-2); font-weight: 700;
}
/* Highlighted avatar (e.g. "this is you") — the avatar helper passes the
   tone through the --ava-tone variable; the properties live here. */
.bx .ava.ava-toned {
  background: var(--ava-tone, var(--bx-ink));
  border-color: var(--ava-tone, var(--bx-ink));
  color: rgb(var(--bx-white-rgb));
}
.bx .ava-stack { display: inline-flex; }
.bx .ava-stack .ava + .ava { margin-left: -8px; }