.#{$n}-avatar {
  display: block;
  position: relative;
  flex-shrink: 0;
  width: $avatarsize;
  height: $avatarsize;
  overflow: hidden;
  border-radius: $borderradius-small;

  > .#{$n}-icon {
    display: block;
  }
}

.#{$n}-avatar__graphic {
  display: block;
}

.#{$n}-conversation__message + .#{$n}-avatar {
  align-self: flex-end;
  margin-left: $spacer * 0.5;
}