.#{$n}-conversation__container {
  display: flex;
  position: absolute;
  inset: 0;
  flex: 1 1 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: $spacer * 0.5;
  height: 100%;
  max-height: 100%;

  div[role='log'] {
    margin: auto 0 0;
  }
}

.#{$n}-conversation {
  @include unList;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: $spacer * 0.5;
  width: 100%;
  margin: auto 0 0;
  padding: $spacer $spacer 0;

  // FF bottom spacing bug
  &::after {
    content: '';
    display: block;
    flex: 0 0 $spacer * 0.5;
    width: 100%;
    height: $spacer * 0.5;
  }
}

.#{$n}-chat--layout-inline .#{$n}-conversation {
  position: relative;
}

.#{$n}-conversation__item {
  display: block;
  width: 100%;
}

.#{$n}-conversation__item--new-participant {
  margin-top: $spacer * 0.5;

  &:first-child {
    margin-top: 0;
  }
}