@import "../../constants/index.scss";

.textMessage {
  @include textMessage;
  width: 300px;
  cursor: pointer;
  &:hover {
    .textMessageMeta {
      opacity: 0.5;
      height: 14px;
      margin-top: 6px;
    }
  }
}

.textMessageText {
  @include textMessageInput;
  font-family: Consolas, Monaco, Lucida Console, Liberation Mono,
    DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New !important;
  &:global(.no-raw) {
    font-family: inherit !important;
  }
}

.textMessageMeta {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  margin-top: 0px;
  font-weight: 600;
  height: 0;
  opacity: 0;
  transition: 0.1s ease-out;
}

.textMessageTextPlaceholder {
  opacity: 0.3;
}

.quickReplies {
  display: flex;
  align-items: center;
  margin-top: 24px;
}