/* realtime typing indicators */
#mtyping,
#ptyping{
    display:none;
    position:absolute;
    left:15px;
    bottom:68px;
    z-index:15;
    background:rgba(0,0,0,.72);
    color:#fff;
    border-radius:14px;
    padding:7px 12px;
    box-shadow:0 4px 14px rgba(0,0,0,.18);
    max-width:320px;
}

#ptyping{
    left:12px;
    bottom:64px;
}

#mtyping_avatar img,
#ptyping_avatar img{
    width:28px;
    height:28px;
    border-radius:50%;
    object-fit:cover;
    display:block;
}

#mtyping_name{
    font-weight:700;
    margin-inline-end:4px;
}

#mtyping_text,
#ptyping_text{
    line-height:1.2;
}