.avatar{height:48px;max-width:48px}.avatar_checked{position:relative}.avatar_checked:after{background:url(/static/media/ok-icon.3f5bad15b3e8c86ddec1.svg) 50%/cover no-repeat;bottom:-4px;content:"";height:16px;position:absolute;right:-4px;width:16px}.avatar>img{height:auto;max-width:100%;object-fit:fill;width:100%}.account{max-width:30%;width:100%}.account__header{background-color:#f5f5f5;border:1px solid #e6e6e6;padding:12px 10px}.account__header .header__profile{align-items:center;display:flex;margin-bottom:20px}.account__header .header__profile .profile__name{margin-left:12px}.account__header .header__search{position:relative}.account__header .header__search .search__input{border:2px solid #e6e6e6;border-radius:20px;height:35px;padding:10px 32px;width:100%}.account__header .header__search .search__icon{left:10px;position:absolute;top:50%}.account__header .header__search .search__icon:after{background:url(/static/media/search-icon.880f4f36e8c47f879fd7.svg) 50%/cover no-repeat;content:"";height:16px;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:16px}.account__contacts{border:1px solid #e6e6e6}.account__contacts .contacts__title{color:#50a2d1;font-weight:400;margin:32px 10px 35px}.account__contacts .contacts__block{height:535px;overflow:auto}.account__contacts .contacts__block::-webkit-scrollbar{display:none}.account__contacts .contacts__box{align-items:center;border-bottom:1px solid #e6e6e6;color:#212121;cursor:pointer;display:flex;height:82px;justify-content:flex-start;padding:0 10px;text-decoration:none;transition:background-color .4s ease}.account__contacts .contacts__box:hover{background-color:#e6e6e6}.account__contacts .contacts__user-wrapper{display:flex;justify-content:space-between;width:100%}.account__contacts .contacts__user{flex:1 1 auto;margin-left:12px}.account__contacts .contacts__user .user__text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#a7a7a7;display:-webkit-box;font-size:14px;max-width:200px;overflow:hidden}.account__contacts .contacts__date{font-size:13px}@media(max-width:1199.98px){.account__contacts .contacts__user .user__text{max-width:150px}.contacts__date{text-align:right}}@media(max-width:767.98px){.main__wrapper{position:relative}.main__wrapper .choose-chat{display:none}.main__wrapper .chat{height:100%;max-width:100%;position:absolute;width:100%}.account{max-width:100%}.account .account__contacts .contacts__block{height:auto}}.new-message{align-items:center;background-color:#f5f5f5;border:1px solid #e8e8e8;display:flex;height:15%;justify-content:center;padding:0 20px;position:relative}.new-message__form{width:100%}.new-message__form .form__input{border:1px solid #e8e8e8;border-radius:50px;height:50px;padding:16px;width:100%}.new-message__form .form__button{cursor:pointer;position:absolute;right:55px;top:50%}.new-message__form .form__button:after{background:url(/static/media/send-icon.e54c065f8aec28a9e6ce.svg) 50%/cover no-repeat;content:"";height:16px;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:16px}.chat{background-color:#fafafa;display:flex;flex-direction:column;width:70%}.chat__header{background-color:#f5f5f5;border:1px solid #e6e6e6;height:70px;justify-content:space-between;padding:0 15px}.chat__header,.chat__header .header__wrapper{align-items:center;display:flex}.chat__header .header__name{font-weight:500;margin-left:12px}.chat__header .header__back{background:url(/static/media/back-icon.036636190d1474c0f669.svg) 50%/cover no-repeat;border:0;height:18px;width:24px}.chat__field{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;max-height:580px;overflow:auto;padding:16px 8px}.chat__field .field__message{display:flex;margin-bottom:20px;max-width:80%}.chat__field .field__message_own{align-self:flex-end}.chat__field .field__message .message__content{align-items:flex-start;display:flex;flex-direction:column;margin-left:8px}.chat__field .field__message .message__content .content__text{background-color:#3d4153;border-radius:50px;color:#fafafa;margin-bottom:10px;padding:12px;position:relative}.chat__field .field__message .message__content .content__text_own{align-self:flex-end;background-color:#e0e0e0;color:#212121}.chat__field .field__message .message__content .content__date{color:#a8a8a8;display:block;font-size:12px;margin:0 12px}.chat__field .field__message .message__content .content__date_own{align-self:flex-end}@media(max-width:575.98px){.chat__field{max-height:450px}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#212121;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.main{padding:20px}.main__wrapper{display:flex}.main__menu{display:none}.container{margin:100px auto 0;max-width:1200px;width:100%}.choose-chat{align-items:center;background-color:#fafafa;display:flex;font-size:24px;justify-content:center;width:70%}@media(max-width:575.98px){.container{margin-top:25px}}
/*# sourceMappingURL=main.5e9b0160.css.map*/