/* ============ RTL OVERRIDES ============ */

html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

/* chat arrow right */
html[dir="rtl"] .chat-list .chat-message:before {
    right: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid currentColor;
}

/* adjust outgoing arrow */
html[dir="rtl"] .chat-list .out .chat-message:before {
    
}

.chat-list .chat-message {
    direction: rtl;
    text-align: right;
}

.chat-list .out .chat-body {
    float: inline-start;
    text-align: start;
}

.chat-list .in .chat-body {
    float: inline-end;
    text-align: end;
}