.chat-wrapper{background-color:#9aabbe;display:flex;margin:-22px -20px 0 -15px;width:100%;height:calc(100% + 22px)}.sidebar{width:45%;display:flex;flex-direction:column}.sidebar__header{padding:44px 28px 25px}.messages-wrapper{width:70%;background-color:#fff;padding:30px 8px 30px 30px}.chat__title{font-family:Montserrat,Helvetica,Arial,sans-serif;font-style:normal;font-weight:700;font-size:16px;line-height:20px;letter-spacing:1px;color:#fff;text-transform:uppercase;opacity:.6;margin-bottom:12px}.rooms{margin:0 -8px -8px;display:flex;flex-wrap:wrap;align-items:center}.room__item{padding:0 8px;margin-bottom:8px}.room{width:115px;background-color:#fff;border:1px solid #c7baba;border-radius:15px;cursor:pointer}.room__name{color:#c375de;font-weight:700;font-size:16px;line-height:20px;text-align:center;letter-spacing:1px;padding:5px 0}.chats{position:relative;flex-grow:1;background:#f7f7f7;border-radius:20px;padding:12px 15px;margin:0 8px 12px}.message-item{position:relative;padding-bottom:8px;margin-bottom:8px;cursor:pointer}.message-item:last-child{padding-bottom:0;margin-bottom:0}.message-item:last-child:after{content:none}.message-item:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#cfcdcd}.message{display:flex;padding:16px 14px;border-radius:10px;margin-bottom:20px}.message:last-child{margin-bottom:0}.message__inner{display:flex;justify-content:space-between;width:100%;max-width:600px}.message__selected,.message_theme-second{background-color:#f1eded}.message_theme-second{position:relative}.message_theme-second .message__title{margin-bottom:18px}.message_theme-second .message__info{position:absolute;right:26px;top:18px}.message__avatar{width:80px;height:80px;min-width:80px;background-color:#639;margin-right:10px}.message__content{font-family:Montserrat,Helvetica,Arial,sans-serif;margin-right:auto}.message__title{font-size:16px;line-height:20px;color:#000;margin-bottom:5px;padding-top:15px}.message__desc,.message__title{font-style:normal;font-weight:700;letter-spacing:1px}.message__desc{font-size:12px;line-height:15px;color:#a7a7a7}.message__desc p:last-child{margin-bottom:0}.message__desc img{width:100%}.message__unread-count{background-color:#66a0f7;color:#fff;font-weight:700;font-size:12px;line-height:15px;text-align:center;letter-spacing:1px;border-radius:100%;min-width:30px;width:30px;height:30px;margin-bottom:10px}.message__info,.message__unread-count{display:flex;align-items:center;justify-content:center}.message__info{flex-direction:column;margin-left:10px}.message__date{font-style:normal;font-weight:700;font-size:12px;line-height:15px;text-align:center;letter-spacing:1px;color:#a7a7a7}