Thread {
  display: flex
  flex-direction: column

  div.my-chunk {
    $chunk

    justify-content: space-between

    div.avatar {
      visibility: hidden
    }

    div.msgs {
      div.msg-row {
        div.msg {
          $primaryColor

          (a) { color: #4d3568 }
          $roundLeft
        }
      }
    }
  }

  div.other-chunk {
    $chunk

    div.msgs {
      div.msg-row {
        div.msg {
          border: 1.5px #ddd solid
          $roundRight
        }
      }
    }
  }
}

$chunk {
  display: flex
  margin-bottom: .5rem

  div.avatar {
    background-color: #333
    $smallAvatar

    img {
      $smallAvatar
    }

    margin-right: 1rem
  }

  div.msgs {
    max-width: 80%
    div.msg-row {
      display: flex

      :first-child {
        div.msg { $roundTop }
      }
      :last-child {
        div.msg { $roundBottom }
      }

      div.msg {
        line-height: 1.2rem
        background-color: #fff
        padding: 0 .7rem
        margin-bottom: .1rem
        border-radius: .3rem
      }
      div.msg-spacer {
        flex-grow: grow
      }
    }
  }
}