.mesh-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #1a1a1a;
  color: #f5f5f5;
  font-family: "Noto Emoji", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: 400;
  font-variant-emoji: emoji;
  line-height: 1;
  vertical-align: middle;
  overflow: hidden;
  flex-shrink: 0;
  user-select: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.mesh-avatar--sm { width: 28px; height: 28px; font-size: 15px; }
.mesh-avatar--md { width: 40px; height: 40px; font-size: 22px; }
.mesh-avatar--lg { width: 64px; height: 64px; font-size: 34px; }

/* Hide Flatboard avatar upload tab when plugin is active */
body.openhop-hide-avatar-tab #avatar-tab,
body.openhop-hide-avatar-tab #avatar {
  display: none !important;
}

img.mesh-avatar-replaced {
  display: none !important;
}