.#{$n}-message {
  display: flex;
  flex-flow: row wrap;
  gap: $spacer * 0.25;
  width: 80%;
}

.#{$n}-unstarted-wrapper--window .#{$n}-message {
  width: 100%;
}

.#{$n}-message.#{$n}-message--type-suggestions {
  width: 100%;
}

.#{$n}-message + .#{$n}-message {
  margin-top: $spacer * 0.5;
}

.#{$n}-message--source-info.#{$n}-message {
  width: 90%;
  max-width: 90%;
  margin: 0 auto;

  &::after {
    content: '';
    display: block;
    width: $spacer;
    height: 0;
    margin: 0 auto;
    border-top: 2px solid $brand3;
  }
}

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