/* The people pixels: faces on going lines, the profile avatar and its
   camera, the invite link. Split from app.css at the size tripwire. */
#dInvite{margin:2px 0 12px}
.fgoface{width:18px;height:18px;border-radius:50%;object-fit:cover;vertical-align:-4px;margin-right:1px}
#dFriends .fgoface{width:22px;height:22px;vertical-align:-6px}
.faces .fgoface{width:20px;height:20px;vertical-align:-5px}
.avatarbtn{display:block;position:relative;margin:6px auto 0;width:112px;height:112px;border-radius:50%;
    border:1px solid var(--line);background:var(--bg-2);overflow:visible;cursor:pointer;padding:0}
.avatarbtn img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
#avatarEmoji{font-size:52px;line-height:110px;display:block;font-family:var(--emoji)}
.avatarbtn .cam{position:absolute;right:-2px;bottom:-2px;width:34px;height:34px;border-radius:50%;
    background:var(--white);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;
    color:var(--ink);padding:0;box-shadow:var(--card)}
/* drawn, not typed: an emoji's ink floats inside its em-box and never centres */
  .avatarbtn .cam svg{display:block}