.message-list{direction:ltr;flex:1;overflow:auto}.message-list__message{background:var(--item-color);border-bottom:1px solid rgba(85,85,85,.333);margin-bottom:5px}.message-list__message:first-of-type{margin-top:10px}.message-list__message>.header{align-items:center;display:flex;justify-content:space-between;padding:0 10px}.message-list__message>.header .new-icon{color:#00cb0e;font-size:12px!important}.message-list__message>.header .date{font-size:12px}.message-list__message .content{align-items:center;border-radius:5px;display:flex;gap:10px;padding:10px}.message-list__message .content__image{border-radius:50%;height:50px;width:50px}.message-list__message .content__message{flex:1}.message-list__message .content__message__title{display:flex;font-weight:700;gap:5px;justify-content:space-between;margin-bottom:2px}.message-list__message .content__message__title>span:first-child{color:var(--text-color);flex:1;font-weight:400}.message-list__message .content__message__title>span:last-child{font-size:13px;font-weight:100}.message-list__message .content__message__text{line-height:1.5;margin-bottom:5px;opacity:.8}.message-list__message .content.not-read-m,.message-list__message .content.not-read-n{background:var(--new-message-color);cursor:pointer}.message-list__message .content.active{background:#189eb2}.message-list__message .content.active *{color:#fff!important}@media (max-width:576px){.message-list__message{margin-left:5px;margin-right:5px}}