.#{$n}-message__author {
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: $spacer * 0.25;
  width: 100%;
  padding: 0;
  font-weight: $fontweight-bold;
}

.#{$n}-message--source-user .#{$n}-message__author {
  justify-content: flex-end;
}

.#{$n}-message__avatar {
  width: $avatarsize * 0.5;
  height: $avatarsize * 0.5;

  .#{$n}-avatar {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

.#{$n}-conversation__item--new-participant .#{$n}-message__author {
  display: flex;
}

.#{$n}-message--source-user .#{$n}-message__avatar {
  order: 2;
}

.#{$n}-message--source-user .#{$n}-message__author-name {
  order: 1;
}