.avatar {
  border-radius: 20px;
  display: inline-block;
  height: 40px;
  width: 40px;
}
.avatar acronym,
.avatar .fa {
  line-height: 40px;
  font-size: 18px;
  letter-spacing: -2px;
  text-indent: -2px;
}
.avatar-s,
.meta .avatar {
  border-radius: 16px;
  display: inline-block;
  height: 32px;
  width: 32px;
}
.avatar-s acronym,
.meta .avatar acronym,
.avatar-s .fa,
.meta .avatar .fa {
  line-height: 32px;
  font-size: 12px;
  letter-spacing: -1px;
  text-indent: -1px;
}
.avatar-t {
  border-radius: 14px;
  display: inline-block;
  height: 28px;
  width: 28px;
}
.avatar-t acronym,
.avatar-t .fa {
  line-height: 28px;
  font-size: 11px;
  letter-spacing: -1px;
  text-indent: -1px;
}
.avatar-little {
  border-radius: 12.5px;
  display: inline-block;
  height: 25px;
  width: 25px;
}
.avatar-little acronym,
.avatar-little .fa {
  line-height: 25px;
  font-size: 11px;
  letter-spacing: -1px;
  text-indent: -1px;
  vertical-align: top;
}
.avatar-mini {
  border-radius: 10px;
  display: inline-block;
  height: 20px;
  width: 20px;
}
.avatar-mini acronym,
.avatar-mini .fa {
  line-height: 20px;
  font-size: 11px;
  letter-spacing: -1px;
  text-indent: -1px;
  vertical-align: top;
}
.avatar-xs {
  border-radius: 7.5px;
  display: inline-block;
  height: 15px;
  width: 15px;
}
.avatar-xs acronym,
.avatar-xs .fa {
  line-height: 15px;
  font-size: 10px;
  letter-spacing: -1px;
  text-indent: -1px;
  vertical-align: top;
}
.avatar.btn,
.avatar-s.btn,
.avatar-t.btn,
.avatar-little.btn,
.avatar-mini.btn,
.avatar-xs.btn {
  padding: 0;
  vertical-align: baseline;
}
.avatar .fa,
.avatar-s .fa,
.avatar-t .fa,
.avatar-little .fa,
.avatar-mini .fa,
.avatar-xs .fa {
  font-size: 14px;
}
.avatar acronym,
.avatar-s acronym,
.avatar-t acronym,
.avatar-little acronym,
.avatar-mini acronym,
.avatar-xs acronym {
  text-transform: uppercase;
  font-family: 'Helvetica Neue', '.SFNSText-Regular', 'Noto Sans Japanese', 'Helvetica', '游ゴシック', 'YuGothic', 'Meiryo', 'メイリオ', 'Roboto', 'Segoe UI', sans-serif;
  text-decoration: none;
}
.avatar acronym,
.avatar-s acronym,
.avatar-t acronym,
.avatar-little acronym,
.avatar-mini acronym,
.avatar-xs acronym,
.avatar .fa,
.avatar-s .fa,
.avatar-t .fa,
.avatar-little .fa,
.avatar-mini .fa,
.avatar-xs .fa {
  user-select: none;
  text-align: center;
  color: #fff;
  display: inline-block;
  height: 100%;
  width: 100%;
}