div.messageTooltipContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: var(--s-font-14);
  padding: 8px 0;
  position: relative;
  z-index: 5;
}

div.messageActionContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: var(--message-action-tooltip-bg);
  border-radius: 8px;
  width: fit-content;
}

div.messageActionButtons {
  display: flex;
  font-size: 16px;
}
div.messageActionButtons svg {
  padding: 10px 6px 6px;
  color: var(--color-disabled);
}

div.messageActionButtons svg:hover,
div.messageActionButtons span:hover {
  cursor: pointer;
  color: var(--fg);
}

div.messageTooltipButton {
  display: flex;
  align-items: center;
  justify-content: center;
}

div.messageTooltipLabel {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: var(--message-action-tooltip-bg);
  color: var(--tool-tip-color);
  border-radius: 8px;
  overflow: auto;
  white-space: nowrap;
}

div.leftTooltipAlign {
  align-items: flex-start;
}

div.centerTooltipAlign {
  align-items: center;
}

div.rightTooltipAlign {
  align-items: flex-end;
}

div.emojiKeyboard {
  position: absolute;
  z-index: 5;
}
