.message-box{background:#fff;grid-template-columns:1fr 3fr;gap:1em;padding:1em;display:grid}.message-box .messages-sidebar .message{cursor:pointer;border-bottom:1px dashed #ccc;padding:1em}.message-box .messages-sidebar .message p{padding-bottom:0}.message-box .messages-sidebar .message.active{color:#fff;background:#2ea3c8}.message-content{margin:10px}.message-content .user-zone{border-bottom:1px dashed #ccc;grid-template-columns:32px 1fr;align-items:center;column-gap:10px;padding-bottom:1em;display:grid}.message-content .user-zone .user-avatar{grid-row:span 2}.message-content .user-zone .user-avatar img{border-radius:50%}.message-content .message-area{margin-bottom:1em}.message-content .message-area .a-message{border-bottom:1px solid #ccc;padding:1em}.reply-area{width:100%;max-height:100%;margin-bottom:1em}.reply-btn{color:#fff;float:right;cursor:pointer;background:#2ea3c8;border:none;border-radius:3px;padding:.5em 2em}.inline{gap:1em;display:flex}