/*
 * Meetus workspace42
 * Twemoji inside emoji and reaction pickers.
 */

.emoji-picker-grid button,
.reaction-picker-grid button,
.media-preview-emoji-grid button,
.community2-emoji-grid button,
.quick-reaction-row button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/*
 * Local SVG emoji instead of unsupported
 * Windows font characters.
 */
.emoji-picker-grid img.workspace42-picker-twemoji,
.reaction-picker-grid img.workspace42-picker-twemoji,
.media-preview-emoji-grid img.workspace42-picker-twemoji,
.community2-emoji-grid img.workspace42-picker-twemoji,
.quick-reaction-row img.workspace42-picker-twemoji {
  display: block !important;

  width: 30px !important;
  height: 30px !important;

  max-width: 30px !important;
  max-height: 30px !important;

  margin: auto !important;

  object-fit: contain !important;
  pointer-events: none !important;

  vertical-align: middle !important;
}

/*
 * Slightly smaller images in compact reaction rows.
 */
.quick-reaction-row
img.workspace42-picker-twemoji {
  width: 25px !important;
  height: 25px !important;

  max-width: 25px !important;
  max-height: 25px !important;
}