.chat-message{background-color:#fff;border-radius:10px;max-width:500px;margin:0 20px;padding:10px;display:inline-block;position:relative}.chat-message .chat-img{margin-top:10px;display:block}.chat-message .chat-img:first-child{margin-top:0}.chat-parent{flex-wrap:wrap;margin:20px 0;display:flex}.chat-attachment{color:#fff;background-color:#00008b;border-top:3px solid #fff;padding:30px}.chat-attachment:first-child{border-top:none}.chat-attachment a{color:#fff}.chat-parent-right{flex-direction:row-reverse}.chat-parent:after{content:"";clear:both;display:table}.chat-message:after{content:"";border-bottom:12px solid #fff;border-left:12px solid #0000;border-right:12px solid #0000;margin-top:-6px;position:absolute;top:10px;left:-15px;transform:rotate(45deg)}.chat-message-user{align-items:center;gap:5px;max-width:200px;height:100%;min-height:0;font-size:16px;display:flex}.chat-parent-right .chat-message-user{flex-direction:row-reverse}.chat-message-user img{border-radius:50%}.chat-parent-right .chat-message{float:right;background-color:#d4fac8}.chat-parent-right .chat-message:after{left:unset;border-bottom-color:#d4fac8;right:-15px;transform:rotate(-45deg)}.chat-parent-right .chat-timestamp{text-align:right}.chat-timestamp{color:gray;margin:3px 25px;font-size:14px}.chat-new-messages{text-align:center;color:red;border:1px solid red;border-bottom:none;padding:5px;display:block}
.chat-messages{overflow-wrap:anywhere;flex:1;padding:0 5px;overflow-y:auto}.chat-messages-empty{text-align:center;color:gray;margin-top:100px;font-size:32px}.chat-messages .loading{margin-top:10px}
.chat-user img{border-radius:50%}.chat-user{overflow-wrap:anywhere;cursor:pointer;border-bottom:1px solid #6a5acd;align-items:center;gap:20px;padding:10px;display:flex}.chat-user:first-child{border-top:1px solid #6a5acd}.chat-user:hover,.chat-user-active{background-color:#eee}.chat-users-empty{text-align:center;margin:30px 5px}.user-unread{color:#6a5acd;font-size:12px}
.chat-menu{flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:10px;display:flex}.chat-menu>div{cursor:pointer;padding-bottom:5px;font-size:16px}.chat-menu>div:hover,.chat-menu .active{border-bottom:3px solid #6a5acd}
.chat-search{width:90%;margin:10px auto}.chat-search input{margin:0}