MsgConversationViewItem[isIncoming="true"]
{
    layout:layout-incoming;
    pref-height:-1;
    pref-width:-1;
    size-policy-vertical:minimum-expanding;
}

MsgConversationViewItem[isIncoming="false"]
{
    layout:layout-outgoing;
    pref-height:-1;
    pref-width:-1;
    size-policy-vertical:minimum-expanding;
}

MsgConversationViewItem[isIncoming="true"]::msgconvwidget
{
  left:-var(hb-param-margin-gene-left);
  top:0.0un;
  right:var(hb-param-margin-gene-middle-horizontal);
  bottom:0.0un;
}

MsgConversationViewItem[isIncoming="true"]::msgStateIcon
{
  right:var(hb-param-margin-gene-right);
  size-policy:fixed fixed;
  aspect-ratio:ignore;
  pref-height:var(hb-param-graphic-size-primary-small);
  pref-width:var(hb-param-graphic-size-primary-small);
}

MsgConversationViewItem[isIncoming="false"]::msgconvwidget
{
  top:0.0un;
  right:var(hb-param-margin-gene-right);
  bottom:0.0un;
  left:-var(hb-param-margin-gene-middle-horizontal);
}

MsgConversationViewItem[isIncoming="false"]::msgStateIcon
{
  left:-var(hb-param-margin-gene-left);
  size-policy:fixed fixed;
  aspect-ratio:ignore;
  pref-height:var(hb-param-graphic-size-primary-small);
  pref-width:var(hb-param-graphic-size-primary-small);
}