.unread-conversation-panel-picture
  height 60px
  overflow hidden
  border-top-left-radius 5px
  border-top-right-radius 5px

  .popup-feed-activity-group-avatar
    height 150px
    width 150px
    transform translateY(-40px)translateX(-10px)

  .popup-feed-activity-group-default-avatar
    height 150px
    width 150px
    transform translateY(-40px)translateX(-10px)
    line-height 140px
    font-size 32px
    color #394F5A

.unread-conversation-panel-text
  height 75px
  padding 5px
  display flex
  flex-direction column
  justify-content space-between

  .timestamp
    text-align right
    font-weight 500
    color #7695A5
    font-size 12px
    margin 5px 8px
    width 45px

  .name
    font-weight 500
    font-size 16px
    color #394F5A
    display block

    &.overflow
      font-weight 500
      font-size 12px
      line-clamp 2
      box-orient vertical
      overflow hidden
      text-overflow ellipsis
      max-height 24px
      line-height 12px
      word-wrap break-word

  .name-measure
    position absolute

  .unread-conversation-panel-top-row
    display flex
    justify-content flex-end

  .unread-tag
    font-size 12px
    color #E6314F
    background-color rgba(230, 49,79, 0.05)
    border-radius 5px
    width 48px
    height 18px
    text-align center
    line-height 18px
    border 1px solid #E6314F
    margin 1px 10px 0px 0px

.conversation-reply
  text-align center
  background-color #13CB6E
  height 24px
  line-height 24px
  border-radius 3px
  color #FFFFFF
  font-size 12px
  font-weight 500
  padding-left 10px

  &:hover
    background-color #10A559

.conversation-reply-icon
  svg
    transform translateX(-3px) translateY(3px)