.conversation-item {
  @apply relative mx-2 my-0.5 flex cursor-pointer items-center rounded-lg px-3 py-2.5;

  &-pined {
    &::after {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      border: 4px solid;
      border-color: var(--primary) var(--primary) transparent transparent;
    }
  }

  :global(.emojione) {
    width: 16px;
    height: 16px;
  }
}
