:root{
    --border-color: #444444;
    --header-bg-color: #1a1a1a;
    --header-title-color: #ffffff;
    --message-tags-bg-color: #1a1a1a;
    --accent-color: var(--accent);
    --message-body-bg-color: #121212;
    --in-msg-bg-color: #333333;
    --out-msg-bg-color: #555555;
    --sub-title-color: #aaaaaa;
    --footer-bg-color: #1a1a1a;
    --initials-bg-color: #333333;
    --initials-color: #ffffff;
    --comment-thread-bg-color: #1a1a1a;
    --comment-thread-text-color: #ffffff;
    --comment-thread-sub-title-color: #aaaaaa;
    --chat-popup-bg-drop-shadow: 0px 0px 20px #000000;
    --message-edit-bg-color: #1a1a1a;
    --message-edit-text-color: #aaaaaa;
    --message-edit-border-color: #444444;
    --select-option-bg-color: #333333;
}

.popUpBox .chatBox{filter: drop-shadow(var(--chat-popup-bg-drop-shadow));}

.chatBox .messageTags{padding: 0;}

/*.chatBox .messageBody{width: 100%; display: flex; height: clamp(200px, calc(100dvh - 300px), 400px); background-color: var(--chatBgColor); flex-direction: column-reverse; flex-wrap: nowrap; overflow-y: scroll;}*/
/*.chatBox .messageBody > div{width: 100%; background-color: var(--chatBgColor); font-size: 0.9rem; box-sizing: border-box; padding: 20px; }*/
/*.chatBox .messageBody .inMsg{text-align: left; position: relative;}*/
/*.chatBox .messageBody .outMsg{text-align: right; position: relative;}*/

/*.chatBox .messageBody > div.inMsg:before{ content: ''; width: 0; height: 0; border-bottom: 15px solid var(--messageInBgColor); border-left: 12px solid transparent; position: absolute; bottom: 20px; left: 10px;}*/
/*.chatBox .messageBody > div.outMsg:before{ content: ''; width: 0; height: 0; border-bottom: 15px solid var(--messageOutBgColor); border-right: 12px solid transparent; position: absolute; bottom: 20px; right: 10px;}*/
/*.chatBox .messageBody > div.inMsg > div{ background-color: var(--messageInBgColor); border-radius: 10px 10px 10px 0;}*/
/*.chatBox .messageBody > div.outMsg > div{ background-color: var(--messageOutBgColor); border-radius: 10px 10px 0 10px; }*/


/*.chatBox .messageBody > div.inMsg > div .msg{color: #000000;}*/
/*.chatBox .messageBody > div.outMsg > div .subTitle{color: #eeeeee;}*/
/*.chatBox .messageBody > div.outMsg > div .msg{color: #ffffff;}*/

/*.chatBox.commentThread{*/
/*    .messageBody > div{ display: flex; flex-direction: column; padding: 10px 20px; box-sizing: border-box;}*/
/*    .messageBody > div .initials{ background-color: var(--chatMsgColor); color: var(--chatMsgTextColor); border-radius: 50%; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; user-select: none; margin-bottom: 5px;}*/
/*    .messageBody > div:before{display: none;}*/
/*    .messageBody > div > div{ background-color: var(--chatMsgTextColor); width: 100%; box-sizing: border-box; color: var(--chatMsgColor);}*/
/*    .messageBody > div > div{display: flex; flex-direction: column; gap: 6px; padding: 15px; border-radius: 10px; width: 100%; color: var(--chatMsgTextColor);}*/
/*    .messageBody > div > div .msg{color: var(--chatMsgColor); font-size: 1.15em;}*/
/*    .messageBody > div > div .subTitle{color: var(--chatMsgColor); justify-content: space-between;}*/
/*    .messageBody > div > div .subTitle div{padding: 0}*/
/*}*/