.messagePreview {
  display: flex;
  align-items: center;
  gap: 2px;
}

.text {
  width: fit-content;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-word;

  &.blurred {
    filter: blur(4px);
    opacity: 0.6;
    transition:
      filter 0.3s ease,
      opacity 0.3s ease;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
}
