.whwidget-wrap {
    font: 16px/24px 'SF Pro Display',Helvetica,Arial,sans-serif;
    color: #1f1f1f;
    background: rgba(0,0,0,.4);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999
}

.whwidget-wrap a {
    text-decoration: none;
    color: #006fbc
}

.whwidget-wrap a:hover {
    color: #00539d
}

.whwidget-wrap a.whwidget-btn {
    color: #fff
}

.whwidget-wrap a.whwidget-btn:hover {
    color: #fff
}

.whwidget-closer {
    display: block;
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 10;
    font-size: 32px;
    color: #5c5c5c
}

.whwidget-body {
    width: 920px;
    max-width: 72%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    display: flex;
    align-items: stretch
}

.whwidget-body.narrow-width {
    width: 720px
}

.whwidget-sidebar {
    box-sizing: border-box;
    width: 30%;
    height: 100%;
    background: #fff;
    border-right: 1px solid #d6d6d6;
    display: flex;
    flex-direction: column
}

.whwidget-aside-header {
    border-bottom: 1px solid #d6d6d6;
    padding: 20px 16px
}

.whwidget-aside-header h2 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin: 0 0 16px
}

.whwidget-aside-body {
    overflow: auto;
    padding: 16px;
    scrollbar-color: rgba(0,0,0,.16) rgba(0,0,0,.04);
    scrollbar-width: thin
}

.whwidget-aside-contacts {
    margin: 0;
    padding: 0;
    list-style: none
}

.whwidget-aside-contacts-hr {
    position: relative;
    left: -16px;
    margin: 8px -32px 16px 0;
    height: 1px;
    background: #d6d6d6
}

.whwidget-aside-contacts-tabs {
    margin: 0 0 8px;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px
}

.whwidget-aside-contacts-tabs-item {
    display: block;
    padding: 8px 12px;
    border-radius: 8px;
    background: rgba(0,0,0,.04);
    font-size: 14px;
    line-height: 20px;
    color: #5c5c5c
}

.whwidget-aside-contacts-item {
    margin: 0;
    padding: 8px;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px
}

.whwidget-aside-contacts-item.active {
    background: rgba(1,144,219,.08)
}

.whwidget-aside-contacts-avatar {
    position: relative;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #0190db;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff
}

.whwidget-aside-contacts-avatar+.whwidget-aside-contacts-row-wrap {
    width: calc(100% - 48px)
}

.whwidget-aside-contacts-avatar-nick {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.whwidget-aside-contacts-avatar-nick .ph {
    font-size: 24px
}

.whwidget-aside-contacts-avatar-messenger {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: #fff;
    position: absolute;
    bottom: -6px;
    right: -6px
}

.whwidget-aside-contacts-avatar-messenger .whw-avatar-icon {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-indent: -9999px;
    outline: 0;
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px
}

.whwidget-aside-contacts-avatar-messenger .whw-avatar-icon.max {
    background-image: url(data:image/png;base64,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)
}

.whwidget-aside-contacts-avatar-messenger .whw-avatar-icon.telegram {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEtElEQVR4AWIgFiisfy8AaL2qoSs5guDmkfJE+Dk5jA2xITcqtvN3jsx2eJhrxSwzM7N9zLBi/is02zOu6fo9N/LqH897pe5pqOoecWV4pb08Wo3LI+nRykh1BdY6VEbTlfIwYshVxpbbd6A2ulMHZE0QOwCslEZSoygPVyEOO1K1pZGqWMlJHMAwrvd2hBucMAiFnIIQGV4WlAEnXFLLIWQw1hCIPXNLW5eGlhPAEksUHPLEpgxfRP1ArAMkT/j6pDhwg6+Bz/MOJ14mmYKiw5lYTWxJgDzvQU0wfFIZXtxxTfHiwBw2X0yKQ0tCAh8Q39AHBhety4fQOCxyi2FvDewRbmjUH2BwISFBjWyQhDoI8iSGBZiHlRr4KqRxrSmRR/uTpleThqz40MIzxQHXsBWFwQVTHJj3dyUCjOTFSsz4/gEVz6LEIQ5knp4igZj6YVzBWOgD6tNyMPZqv94lF34qMHGsjWyeN4WBeW1yxVbvBecz5nMEahmz976xaJ/8YsXuHXMvwz6CPcLfP3tQxJvipEHIRWTOeAE2EP20UtMP0BK1+N7RBfvyL+v2+4U/rZ6nvlslJ+qCReQOjRX5WkCwnUWzVq2AIvQVW+qYf/CdJdt1btOu/fWv/d/BK6SuzwBZHgCLPR7lB2biTJFgRlCEn9e8xOg/+tGyblv3oEZ7BPm+matc8J12BOeoFontE0hhvn/GFRu5A3tG5uyRE+uZbdf+/HfbOOp1MUPuQIc4GuFD6oTyfdO2ANAHajEAz7xoO89ubPvM3y/8Ye99bd6OXd7MDKX9sgisCusdWIlQQKHeKeuHqOGRD5dEIHso8NJPK1IH8exg83+EXEb41fY6PeYiCQBSHBTVE9at73l1zu4ZnhGh7c6Hk7+Rz4PcOacV6LgB0nzvpCswhPh23zdVkPwum4Zbv4itXc3u4RlzJq3/Rfjij1JH9Am38OZ6hF9jaYSJjqJIErQBeidloIc/XDT7vlm2u4emJHbPqzN2evNve63zyAcLniPXM0Fu3mVR3qd+wQATsSsAJMkGNm1B97jV+BOfLdrrnQfemvPiDm09ExwEoJWh4ijXnbTnesZVZCvY5HNK4nD4+GodaX6qgn5aQcAtA0w8Lj+K27rHUwqMG7HdtCqsZJLvQV5iib37lWk7tZH9VHw/9zvqycFe1rd5n/C/ltu6Jw4wmKg4fUBsFwBCuQvgA1pz+NiKDU98Zo19ROCTg4tOxJGeYpw0iUjXFYK+B5pMABHWOCxfY2xKXsM9//1vTvt8losxpxmFB4kDIWkN8C8jBqsx3FslfgWDXGEOPYyFQoyF/TkX77zsOJ4Ntf2vZTQk2qSWCIbpJDSnMebF+nurWIXGriQZ8fBTgaaEIm6Iy6at89JVK7hsAPoA4lKrdRILB5Vaj0Sfvu7JxckOkCRKDmtaY7HbogX50PdDaU18kRbijvvG/g+MzzZxiIu2Jb5o/CAkMyJEMKaoe7/EzW/2tMTnn22NL1hChoH4RePvsC6GQfVOYalhPWIH3dfXTYuHrwGSGHDCSmpaOs6LoMQ6COQY77i4gtyBInqjO3XcFhBrrw1zFGKpDtLacWGlueP8UZdzNTez8X+uIFCpyvHAawAAAABJRU5ErkJggg==)
}

.whwidget-aside-contacts-avatar-messenger .whw-avatar-icon.vkontakte {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAZlBMVEUAAAAAeP8Ad/8Ad/8Adv8Ad/8Ad/8Ad/8AeP8AeP8Ad/8AeP8AeP8AeP8Adf8Ad/8Ad//f7v////9Amf+Au/+/3f8Qf/+Qw/8giP+v1f8wkP/v9/9gqv+gzP/P5f9Qov8wkf+PxP+rOzdzAAAAEHRSTlMAIN/vcL/Pn0Cfr7+g3zCwDBF+cwAAAPJJREFUeF6F09lyhSAMBuCwuPe0YVPP2vb9X7KApwadMf43mTGfERUgpdVNLRUWUbLqtYAlosKDNJkIiYeRSTTIpAIQyKYFzQMNPQ86qHhQg+SBBJXK7JzLINZ5c0FBLpO1Njdi9akGawPmLMDvwE+sjxI8IvgmMBprDZbgFsG0gvGaB5QA7/mWBTiT2RaE2HEJpFCfgIvgReA6FoBG/NIEMxOgETakxT4nE8X9tgPoi8f7dQYBEv6twx6gMwugt8pAYUGerzdw/19Onf/umgcDfPDg63zTfvJAAL9ru/Ojl8ThOof1fOt+uGyP/6XudJt6f0yxPeDRa0srAAAAAElFTkSuQmCC)
}

.whwidget-aside-contacts-avatar-messenger .whw-avatar-icon.whatsapp {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAwFBMVEUAAAAoz2gl02ck02gg33Ao12gl02Ym1GYl1GYo02gm02Yj0mYgz2Al1Gcn0WQm0mYm02Yl1Gcn02cgz3Al0mUl02cn0WYm1Gkl0mYl1WUl02Ul1GYl02Um0mcl1WUm1Gcm1WYm0mYj02ck02Yl1Wol0mglz2X///8l02bx/PWE5qkz1nBB2Xlc3ozk+exO24J345+S6bLI9Nmf7Lzj+ezW9uO78c+S6bOF5qiF5qmg7LxA2XnJ9Nmt78Xk+utp4ZXzllvvAAAAJ3RSTlMAIL9AECDv389Af1AQ33BQgJ9vEGCQcF/vYJDf77Aw33+gkIAwYDBNzqINAAABH0lEQVR4XoWR13KDMBBFV1RjHJfEdpzes0tzTa///1fZIAECQXIeNHfmntGqgI4YDcfjYeBCK07fJ0Vv6rbUp6TTd+p94FODk9qgfWrh0Og7jXNqx1NTHJ866EnhUhbpbmMYc2BcX/ZLxNgY4rAwlfkNEbfUZMSCJeMHMklTOAMYqPiFzLcxAyBQ8ZP7RzIQEKqUsbAyBRuOirhF3P0pvEeIWYsQlvkVMcqHpKkuCJXUU8T5kz2XigOw4KDdZPmy/F3j6jeuqGKDBepfJizYpLF+UMKqOAJzQTXlietorf/3MdVJslVC2gZgURcTyFl09XsHeT/o7AXkBP/0MG/vr+X+1SX82lktG0os8qxZyL6YScezbm5B4+4eKgQDNX4A8RB3Q1Kf3zIAAAAASUVORK5CYII=)
}

.whwidget-aside-contacts-row-wrap {
    flex-grow: 1;
    width: 100%
}

.whwidget-aside-contacts-row {
    display: flex;
    align-items: center;
    margin: 0 0 4px
}

.whwidget-aside-contacts-row:last-child {
    margin: 0
}

.whwidget-aside-contacts-name {
    font-size: 16px;
    line-height: 24px;
    color: #1f1f1f;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 5px
}

.whwidget-aside-contacts-item.new .whwidget-aside-contacts-name {
    font-weight: 600;
    color: #0190db
}

.whwidget-aside-contacts-item.new .whwidget-aside-contacts-name .ph {
    font-size: 16px;
    vertical-align: middle;
    margin: 0 4px 0 0;
    display: inline
}

.whwidget-aside-contacts-time {
    margin-left: auto;
    font-size: 14px;
    line-height: 20px;
    color: #5c5c5c
}

.whwidget-aside-contacts-item.unread .whwidget-aside-contacts-time {
    color: #006fbc
}

.whwidget-aside-contacts-phone {
    font-size: 14px;
    line-height: 20px;
    color: #5c5c5c;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 5px
}

.whwidget-aside-contacts-unread {
    margin-left: auto;
    min-width: 14px;
    height: 20px;
    padding: 0 3px;
    background: #0190db;
    border-radius: 50%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center
}

.whwidget-content {
    width: 70%;
    height: 100%;
    background: #fff
}

.whwidget-content.full-width {
    width: 100%
}

.whwidget-content-chat {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #eae6df
}

.whwidget-content-chat-header {
    background: #fff;
    padding: 0 88px 0 16px;
    height: 65px;
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.whwidget-content-chat-header.with-tabs {
    padding: 0
}

.whwidget-content-chat-header h2 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin: 0
}

.whwidget-content-chat-header-add {
    margin-left: auto;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #006fbc
}

.whwidget-content-chat-header-tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 100%
}

.whwidget-content-chat-header-tabs-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 8px;
    height: 100%
}

.whwidget-content-chat-header-tabs-select {
    margin: 0;
    padding: 8px 36px 8px 12px;
    box-sizing: border-box;
    width: 84%;
    border: 1px solid rgba(0,0,0,.16);
    border-radius: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAD1BMVEVHcEwAAAAAAAAAAAAAAADTrAj/AAAABHRSTlMAgH9gt7N5ewAAAEhJREFUeNrt0TkSACAIBEGO/f+bDaEYSxNDN2Q6w/6eLvN8SylmDykbgAh1YF6iuptBsFOwU1SnQIdAhxidYnQIdAq/vu1vtwW0/QFXbtq6RQAAAABJRU5ErkJggg==) right 12px center no-repeat #fff;
    background-size: 16px 16px;
    font: 14px/20px 'SF Pro Display',Helvetica,Arial,sans-serif;
    color: #1f1f1f;
    appearance: none
}

.whwidget-content-chat-header-tabs-select:focus {
    border-color: rgba(1,144,219,.48);
    outline: 0
}

.whwidget-content-chat-header-tabs-avatar {
    width: 40px;
    height: 40px
}

.whwidget-content-chat-header-tabs-avatar img {
    display: block;
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%
}

.whwidget-content-chat-header-tabs-avatar-empty {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #eda86c;
    color: #fff;
    text-align: center;
    line-height: 40px
}

.whwidget-content-chat-header-tabs li {
    width: 50%;
    border-bottom: 4px solid transparent
}

.whwidget-content-chat-header-tabs li.active {
    border-color: #0190db;
    font-weight: 600
}

.whwidget-content-chat-header-tabs a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 8px;
    height: 100%;
    color: #1f1f1f
}

.whwidget-content-chat-date {
    margin: 0 0 16px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #8f8f8f
}

.whwidget-content-chat-body {
    background: #eae6df;
    border-top: 1px solid #d6d6d6;
    display: flex;
    align-items: flex-end;
    flex-shrink: 1;
    flex-grow: 1;
    overflow: auto;
    scrollbar-color: rgba(0,0,0,.16) rgba(0,0,0,.04);
    scrollbar-width: thin
}

.whwidget-content-chat-messages-container {
    box-sizing: border-box;
    padding: 14px 16px;
    overflow: auto;
    max-height: 100%;
    scrollbar-color: rgba(0,0,0,.16) rgba(0,0,0,.04);
    scrollbar-width: thin
}

.whwidget-content-chat-message-wrap {
    position: relative
}

.whwidget-content-chat-message-wrap:hover .whwidget-content-chat-message-delete {
    display: block
}

.whwidget-content-chat-message {
    margin: 0 0 16px;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
    color: #1f1f1f;
    position: relative
}

.whwidget-content-chat-message:before {
    content: "";
    display: block;
    width: 8px;
    height: 10px;
    position: absolute;
    top: 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 8px 10px
}

.whwidget-content-chat-message.one {
    background: #fff;
    margin-right: 15%;
    margin-left: 8px;
    border-top-left-radius: 0
}

.whwidget-content-chat-message.one:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAQAAAAua3X8AAAAZElEQVR42oXPQRHCQBQE0ZYQCUiIhJWABCQgYaXEyUqIBCREQudGFWzyZ/r6LoPYHB7eDJvlcE/ABI4E3glgT6AkJMK3VwL4vHrET+tM+OvhpwYTIRFuyF4DXBw1QNwSwJ4A9hNJKwQd4HipzgAAAABJRU5ErkJggg==);
    left: -8px
}

.whwidget-content-chat-message.one .whwidget-content-chat-message-delete {
    right: -48px
}

.whwidget-content-chat-message.two {
    background: #d9fdd3;
    margin-right: 8px;
    margin-left: 15%;
    border-top-right-radius: 0
}

.whwidget-content-chat-message.two:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAAnElEQVR4AWK4+ffyf9Lxpf3Xv59XcC/wAZRKHgUIxFAQXQlIQUKkIAUJSMAJDtLrKRK40jtzz/zspifvpS4iAWK5GiUWYCViAeKc4Ob75Bm47TIDi28BMARSmBeUm9sApAT1Fo7lGhQgSvCB29msAXCCm+9487xgAIaAgAcE9e6NeZoVBnCCmz8ApgXl6vdopAX16nc0DAGepjS+AG+CZDSnqmKAAAAAAElFTkSuQmCC);
    right: -8px
}

.whwidget-content-chat-message.two .whwidget-content-chat-message-delete {
    left: -48px
}

.whwidget-content-chat-message-delete {
    display: none;
    font-size: 24px;
    padding: 8px;
    position: absolute;
    top: 0;
    color: #5c5c5c;
    cursor: pointer
}

.whwidget-content-chat-message-name {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #0190db;
    margin: 0 0 4px
}

.whwidget-content-chat-message-meta {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.whwidget-content-chat-message-meta-time {
    font-size: 12px;
    line-height: 16px;
    color: #5c5c5c;
    margin: 0 4px 0 0
}

.whwidget-content-chat-message-meta-status {
    display: flex;
    align-items: center
}

.whwidget-content-chat-message-meta-status .ph {
    font-size: 16px
}

.whwidget-content-chat-message-meta-status .ph.ph-check {
    color: #8f8f8f
}

.whwidget-content-chat-message-meta-status .ph.ph-checks-bold {
    color: #0190db
}

.whwidget-content-chat-section {
    box-sizing: border-box;
    background: #fff;
    height: 100%;
    padding: 16px;
    overflow: auto;
    scrollbar-color: rgba(0,0,0,.16) rgba(0,0,0,.04);
    scrollbar-width: thin
}

.whwidget-content-chat-add-contact {
    max-width: 320px
}

.whwidget-content-chat-footer {
    box-sizing: border-box;
    border-top: 1px solid #d6d6d6;
    background: #fff;
    margin-top: auto;
    padding: 15px 16px 16px;
    min-height: 72px;
    flex-shrink: 0
}

.whwidget-content-chat-submit {
    display: flex;
    align-items: center
}

.whwidget-content-chat-submit .whwidget-btn {
    margin: 0 0 0 16px;
    padding: 0;
    border: none;
    outline: 0;
    background: 0 0;
    border-radius: 0;
    width: 40px;
    height: 40px;
    font-size: 24px;
    text-align: center;
    color: #5c5c5c;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.whwidget-content-chat-submit .whwidget-btn:active,.whwidget-content-chat-submit .whwidget-btn:hover {
    background: 0 0;
    color: #5c5c5c
}

.whwidget-content-chat-emoji {
    width: 40px;
    height: 40px;
    margin: 0 16px 0 0;
    font-size: 24px;
    text-align: center;
    color: #5c5c5c;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.whwidget-input,.whwidget-textarea {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 36px;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid rgba(0,0,0,.16);
    background: #fff;
    border-radius: 8px;
    font: 14px/20px 'SF Pro Display',Helvetica,Arial,sans-serif;
    color: #1f1f1f;
    outline: 0;
    appearance: none
}

.whwidget-input:focus,.whwidget-textarea:focus {
    border-color: rgba(1,144,219,.48);
    color: #0190db;
}

.whwidget-input.search,.whwidget-textarea.search {
    text-indent: 24px
}

.whwidget-textarea {
    resize: none;
    overflow: hidden;
    overflow-y: auto;
    height: auto;
    min-height: 36px;
    max-height: calc(36px * 10);
    scrollbar-color: rgba(0,0,0,.16) rgba(0,0,0,.04);
    scrollbar-width: thin
}

.whwidget-input::-ms-reveal {
    display: none
}

.whwidget-reset {
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    border: none;
    background: 0 0;
    -webkit-appearance: none;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%)
}

.whwidget-input:focus+.whwidget-reset {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAkElEQVR42u2USwrAIAxEPWpuoheQObKlSC225tsunXXeI+iQlHb+TaVKH2YqoaEhSzjyOcMo0AWCouNo4HZAkRQDL9KKrMKE8wozvla48LfCjc+KED4pYvhDUULFHssr7dTxiOJ+OrmdKq4X3NR5l2L972YFXxuTQm6dqqik1eZSyBepGNrJXiSCelQtMzvOHJuWALADA3RDAAAAAElFTkSuQmCC) 0 0 no-repeat;
    background-size: 16px 16px
}

.whwidget-label {
    display: flex;
    font-size: 14px;
    line-height: 20px;
    color: #1f1f1f;
    margin: 0 0 8px
}

.whwidget-label-forgot-pass {
    font-weight: 600;
    margin-left: auto
}

.whwidget-field {
    padding: 0 0 16px
}

.whwidget-field:last-child {
    padding-bottom: 0
}

.whwidget-input-wrap {
    position: relative
}

.whwidget-input-search {
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    font-size: 24px;
    color: #5c5c5c
}

.whwidget-btn-wrap {
    margin: 32px 0 0
}

.whwidget-btn {
    margin: 0;
    padding: 10px 32px;
    border: none;
    outline: 0;
    background: #0190db;
    border-radius: 8px;
    font: 600 16px/24px 'SF Pro Display',Helvetica,Arial,sans-serif;
    text-align: center;
    color: #5c5c5c;
    color: #fff
}

.whwidget-btn:hover {
    background: #006fbc;
    color: #fff
}

.whwidget-btn:active {
    background: #00539d
}

.whwidget-scroll {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: stretch;
    overflow: auto;
    scrollbar-color: rgba(0,0,0,.16) rgba(0,0,0,.04);
    scrollbar-width: thin
}

.whwidget-center {
    box-sizing: border-box;
    width: 432px;
    margin: auto;
    padding: 16px
}

.whwidget-center h2 {
    font-size: 28px;
    line-height: 40px;
    font-weight: 700;
    margin: 0 0 24px;
    padding: 0;
    color: #1f1f1f
}

.whwidget-center p {
    margin: 0 0 16px;
    padding: 0
}

.whwidget-center p:last-child {
    margin: 0
}

.whwidget-auth-phone,.whwidget-auth-phone-steps {
    margin: 0;
    padding: 0 0 8px;
    list-style: none
}

.whwidget-auth-phone li,.whwidget-auth-phone-steps li {
    margin: 0 0 16px;
    padding: 0 0 0 32px;
    position: relative
}

.whwidget-auth-phone .bull,.whwidget-auth-phone-steps .bull {
    display: block;
    width: 24px;
    height: 24px;
    background: rgba(1,144,219,.12);
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0
}

.whwidget-auth-phone-qrcode {
    width: 160px;
    height: 160px
}

.whwidget-auth-phone-qrcode img {
    display: block;
    object-fit: cover
}

.whwidget-auth-form .toggle-password {
    display: block;
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAY1BMVEUAAABYWFhdXV1cXFxQUFBbW1tcXFxcXFxcXFxaWlpcXFxcXFxaWlpgYGBcXFxbW1tcXFxbW1tbW1tZWVldXV1dXV1cXFxaWlpbW1tdXV1cXFxbW1taWlpcXFxbW1tdXV1cXFw/WNAcAAAAIHRSTlMAIN/vEN+Av39gz0AwEK9wUJ+PUI/voJBfn5DPH2+gYGtVI8QAAAG1SURBVHhe7ZLbloMgDEXlIogiUlvbuQ///5WTWE7FLts1vve8NCXseEhS7dBLYpJiF2BS2kcItZfwRLT9HDatnBLxdnTPSnSJCA5iKiSbx4wj4pDJUgfx5Blp5CAKzSa7IagZaTaB72kr6WxK2+04caLeKOdbRoZ74J0O1bHn5Fsu0KJHDnXu7n9SvudcZGB2EvPrQKz8BI2c8hSY8kV9WLtqKHUumqsEo4Zb1OXjM2KWZz86A/LaFTiRGeDXyf4aa7pTi/IDN4KiIwii7WLIw52lyS5rZXCJ1MGUoMBU0Ay7lAnKqQr6IFP5t9YcgKZgyGtVKf5bmGKDBq8pgMrktYqBryz9cBkcAXDJLxAY1dL8eg5i2WKLB51BlG4FLi2mBh4bUF4rSEiU4gGhjWwQQ8iLCFkYQosPRaxOnoLAkcd2FsPNbQw9Zl0K/srhoilSwCGAgNOYrh29J3DmAq/apbvV8Uoht3KVWl9t1CGvWpeJ0oldV9ISa7Ulk1hTGDrPd0Vs+K3o4JbET9rWWD1ETL0G7KCxJA8Zd7HsXMlw+dUYAhH/FJak20XUvHh7JKwVO4CX/gD3cTfh/UfrCgAAAABJRU5ErkJggg==) 0 0 no-repeat;
    background-size: 24px 24px;
    position: absolute;
    top: 6px;
    right: 16px
}

.whwidget-auth-form .toggle-password.eye {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAV1BMVEUAAABYWFhdXV1cXFxbW1tbW1tcXFxaWlpcXFxcXFxcXFxbW1taWlpcXFxQUFBgYGBdXV1cXFxcXFxbW1tbW1tcXFxbW1tcXFxZWVlcXFxdXV1aWlpcXFwoux4SAAAAHHRSTlMAIN9An9+/MO+Az3BgfxAQ71CvoI+gz29QkJ+QLwK1mQAAAXxJREFUeF7tVNt2wyAMi7kHyIWk27ot//+dMxQwdNn63lM9VTqSLUjS4VnwAjhh2YFg6uLhkXuekpfApv8yII4TCPhzejIY5QLMyDV3m0nSdOrXqYwKc6d6lYqdLPlYo52fDLIx4u7lWMcUlQvcZkUoWyTVav3veS+kFm0ToETj33J5vR4VRt+0ZetbaaRvmQD6zchR3GMCsvyGpB4QGPYpBH/LponK8mKx4ZKJIM8QcBLUSYbGLpT2yUNhQV3HhvFaCkuM1YKbNRIysUo+keQFkiw4phCiVOp6C7DlUaBU8ZFg8NKKvLtv2z4sWYqSaacD3V0BoM3fiKJSMW2g9VybhyWa09hloDSQRzbXJ4Fuj9JgItEoTmuz7evo7tsh3fIObX6/fPN2pLMRxv5lzlBFseTvEj6TsFtkgtPHSP6u1WFrTQJX9WMkUBPlO3EOKqqSBvW1ItbNcR29EJxakzTOwzlgf/hHdg8YZe9mOP0BwH8rlrxWOBieBC/8AGAaKy0xSxdJAAAAAElFTkSuQmCC)
}

.whwidget-auth-form .whwidget-btn {
    margin-top: 16px;
    padding-left: 48px;
    padding-right: 48px
}

.whwidget-forgot-pass-resend {
    color: #8f8f8f;
    border-top: 1px solid rgba(0,0,0,.16);
    margin: 24px 0;
    padding: 24px 0 0;
    display: flex;
    align-items: flex-start
}

.whwidget-forgot-pass-resend .ph {
    font-size: 24px;
    margin: 0 12px 0 0
}

.whwidget-license-info {
    background: url(data:image/png;base64,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) 0 0 no-repeat;
    background-size: 80px 80px;
    padding: 104px 0 0
}

.whwidget-license-btn {
    padding: 24px 0 0
}

.whwidget-license-btn .whwidget-btn {
    padding-left: 48px;
    padding-right: 48px
}

.whwidget-content-chat-body.blank {
    position: relative;
}
.whwidget-content-chat-blank {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: rgba(31, 31, 31, 0.72);
}
.whwidget-content-chat-blank-icon {
    display: block;
    font-size: 32px;
    margin: 0 0 4px;
}
.whwidget-content-chat-blank-copy {
    display: block;
}




.new-styles header.whwidget-aside-header {
    background: #fff;
    display: block;
    position: static;
}
.new-styles header.whwidget-content-chat-header {
    background: #fff;
    position: static;
}
.new-styles textarea.whwidget-textarea {
    overflow: hidden;
    overflow-y: auto;
    height: auto;
    padding-top: 9px;
    padding-bottom: 9px;
}
.new-styles .whwidget-license-btn .whwidget-btn {
    display: inline-block;
}
.new-styles .whwidget-content-chat-header-tabs-select {
    height: auto;
}
.whwidget-content-chat-message-meta-status .ph-bold.ph-checks {
    color: #0190db;
    font-size: 16px;
}