img.snoeten-emoji-rendered,
img.profile-inline-emoji-image {
  display: inline-block;
  width: 1.32em;
  height: 1.32em;
  min-width: 1.32em;
  min-height: 1.32em;
  vertical-align: -0.28em;
  object-fit: contain;
}

.emoji-grid button.is-image-emoji img,
.profile-bio-emoji-popover .emoji-grid button.is-image-emoji img,
.status-comment-emoji-tray .emoji-grid button.is-image-emoji img {
  display: block;
  width: 34px;
  height: 34px;
  margin: 0 auto;
  object-fit: contain;
}

.emoji-grid button.is-image-emoji,
.profile-bio-emoji-popover .emoji-grid button.is-image-emoji,
.status-comment-emoji-tray .emoji-grid button.is-image-emoji {
  overflow: hidden;
}

.snoeten-emoji-host,
.snoeten-emoji-rendered {
  user-select: none;
}

/* R528: animatie blijft stil tot het omringende element wordt aangeraakt. */
img.snoeten-emoji-hover {
  transition: transform .16s ease;
}

.snoeten-emoji-hover-host:hover img.snoeten-emoji-hover,
.snoeten-emoji-hover-host:focus-within img.snoeten-emoji-hover {
  transform: scale(1.06);
}

@media (prefers-reduced-motion: reduce) {
  img.snoeten-emoji-hover {
    transition: none;
    transform: none !important;
  }
}


.emoji-grid button.is-old-smiley img,
img.snoeten-old-smiley {
  animation: none !important;
  transform: none !important;
}

.emoji-grid button.is-old-smiley {
  background: transparent !important;
  background-image: none !important;
}

/* r669 - Emoji/symbolen krijgen nergens een extra wit of grijs tegelvlak. */
.emoji-grid button,
.emoji-grid button.is-image-emoji,
.emoji-grid button.is-old-smiley,
.profile-bio-emoji-popover .emoji-grid button,
.status-comment-emoji-tray .emoji-grid button {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
img.snoeten-emoji-rendered,
img.profile-inline-emoji-image,
img.snoeten-old-smiley {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}