.chats__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:8px 16px 8px 20px}.chats__list{gap:8px}.current-chat__header{padding:8px;display:flex;align-items:center;justify-content:space-between}.current-chat__actions{display:flex;gap:16px;list-style:none}.current-chat__body{display:flex;flex-direction:column;justify-content:space-between}:root{--primary: #3369F3;--secondary: #A2BAF7;--font-primary: #000000;--font-secondary: #DADCE0;--font-tertiary: #FFFFFF;--font-messages: #8E8E92;--light-grey: #D9D9D9}html,body,h1,h2,h3,h4,h5,h6,p,div,span,*{font-family:DM Sans,Roboto Light,sans-serif;padding:0;margin:0}.main{display:flex;justify-content:center;align-items:center;height:100vh;color:var(--font-primary)}.main__links{display:flex;flex-direction:column;gap:16px;list-style:none}.trim-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-placeholder{width:24px;height:24px;background-color:var(--primary)}.icon-placeholder_selected{background-color:var(--font-tertiary)}.title{font-size:16px;font-weight:600}.auth{margin-top:48px;align-self:center}.auth__link{text-transform:uppercase;color:var(--font-primary)}.contact{height:70px;display:flex;gap:8px;align-items:center;justify-content:center;list-style:none}.contact:hover{background-color:#3369f31a;border-radius:10px}.contact_selected{background-color:var(--primary);border-radius:10px;color:var(--font-tertiary)}.contact_selected:hover{background-color:#3369f3cc}.contact__body{display:flex;flex-direction:column;gap:6px}.contact__info{display:flex;align-items:center;justify-content:space-between}.contact__name{display:flex;justify-content:space-between;font-size:15px;font-weight:500}.contact__last-visit{font-size:12px}.contact__messages{display:flex;align-items:center}.contact__last-message{width:195px;font-size:15px;line-height:20px;color:var(--font-messages)}.contact__last-message_selected{color:var(--font-tertiary)}.contact__status{width:195px;font-size:15px;line-height:20px;color:var(--font-messages)}.contact__unread-counter{width:24px;height:24px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--secondary);font-size:14px}