@layer components {
  /* A custom emoji in a message: text height, 32px alone in its message. */
  .custom-emoji { width: 20px; height: 20px; object-fit: contain; vertical-align: text-bottom; }
  .message-body--emoji .custom-emoji { width: 32px; height: 32px; vertical-align: middle; }
}