.iwp-chat {
    position: fixed;
    font-family: Arial, system-ui, -apple-system, sans-serif;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.iwp-chat--touch {
    animation: iwp-chat-show .15s ease-in-out forwards;
    right: 20px;
    bottom: 20px;
    z-index: 3;
    width: 65px;
    height: 65px;
    border-radius: 65px;
    background: linear-gradient(95deg, #764ba2 20%, #a879d9 80%);
    box-shadow: 0 19px 38px 0 rgba(34, 36, 43, .3);
}

.iwp-chat--ios {
    box-shadow: 0 -5px 38px 0 rgba(34, 36, 43, .3);
}

.iwp-chat__icon {
    position: absolute;
    top: 17px;
    left: 15px;
    width: 35px;
    height: 31px;
    background: url("data:image/svg+xml,%3Csvg width='30' height='31' viewBox='0 0 30 31' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M2.967 22.226l-.025.008s7.698 13.9 26.975 5.546c0 0-1.495-1.752-4.384-3.52a14.067 14.067 0 0 0 2.588-14.047c-2.655-7.297-10.7-11.07-17.964-8.425C2.89 4.433-.847 12.492 1.81 19.79c.313.863.703 1.677 1.157 2.436z' fill-rule='evenodd'/%3E%3C/svg%3E") 2px 0 no-repeat;
}

.iwp-chat--label {
    right: 40px;
    bottom: 0;
    z-index: 2147483647;
    display: flex;
    align-items: center;
    width: 300px;
    height: 40px;
    border-radius: 8px 34px 0 0;
    background: linear-gradient(95deg, #764ba2 20%, #a879d9 80%);
    box-shadow: 0 12px 14px 8px rgba(0, 0, 0, .17);
    transition: .15s ease-in-out;
}

.iwp-chat__text {
    margin: 0 33px 0 16px;
    overflow: hidden;
    color: #fff;
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    animation: iwp-chat-fade .15s backwards;
}

.iwp-chat__menu {
    display: none;
    position: absolute;
    bottom: 56px;
    left: 0;
    z-index: 201;
    width: 280px;
    overflow: visible;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 17px 1px rgba(0, 0, 0, .1), 0 0 4px 0 rgba(0, 0, 0, .16);
    cursor: default;
}

.iwp-chat__menu::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 300px;
    height: 16px;
}

.iwp-chat--label:hover .iwp-chat__menu {
    display: block;
}

.iwp-chat__item {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 57px;
    padding: 4px 14px;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .87);
    text-decoration: none;
    cursor: pointer;
}

.iwp-chat__item:first-child {
    border-radius: 16px 16px 0 0;
}

.iwp-chat__item:last-child {
    border-radius: 0 0 16px 16px;
}

.iwp-chat__item:hover {
    background: #ededed;
    color: rgba(0, 0, 0, .87);
    text-decoration: none;
}

.iwp-chat__item-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-right: 14px;
    background: 50% 50% / 100% 100% no-repeat;
}

.iwp-chat__item-icon--tg {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12ZM12.43 8.859c-1.167.485-3.5 1.49-6.998 3.014-.568.226-.866.447-.893.663-.046.366.412.51 1.034.705.085.027.173.054.263.084.613.199 1.437.432 1.865.441.389.008.823-.152 1.302-.48 3.268-2.207 4.955-3.322 5.061-3.346.075-.017.179-.039.249.024.07.062.063.18.056.212-.046.193-1.84 1.862-2.77 2.726-.29.269-.495.46-.537.504-.094.097-.19.19-.282.279-.57.548-.996.96.024 1.632.49.323.882.59 1.273.856.427.291.853.581 1.405.943.14.092.274.187.405.28.497.355.944.673 1.496.623.32-.03.652-.331.82-1.23.397-2.126 1.179-6.73 1.36-8.628a2.112 2.112 0 0 0-.02-.472.506.506 0 0 0-.172-.325c-.143-.117-.365-.142-.465-.14-.451.008-1.143.249-4.476 1.635Z' fill='%2354A6E4'/%3E%3C/svg%3E");
}

.iwp-chat__item-icon--vk {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cmask id='a' width='14' height='14' x='1' y='1' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M14.9307 1H1.06934v14H14.9307V1Z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%2307F' d='M1.06934 7.72c0-3.16784 0-4.75175.97437-5.73588C3.01809 1 4.58633 1 7.7228 1h.55446c3.13644 0 4.70474 0 5.67904.98412.9744.98413.9744 2.56804.9744 5.73588v.56c0 3.1678 0 4.7518-.9744 5.7359C12.982 15 11.4137 15 8.27726 15H7.7228c-3.13647 0-4.70471 0-5.67909-.9841-.97437-.9841-.97437-2.5681-.97437-5.7359v-.56Z'/%3E%3Cpath fill='%23fff' d='M8.44475 11.0859c-3.15925 0-4.96122-2.18754-5.0363-5.82754h1.58251c.05198 2.67166 1.21862 3.80333 2.14271 4.03666V5.25836h1.49015v2.30415c.91254-.09916 1.87118-1.14915 2.19458-2.30415h1.4902c-.2484 1.42334-1.288 2.47333-2.0273 2.90499.7393.35 1.9234 1.26584 2.3739 2.92255h-1.6404c-.3523-1.10838-1.23009-1.96588-2.39098-2.08255v2.08255h-.17907Z'/%3E%3C/g%3E%3C/svg%3E");
}

.iwp-chat__item-icon--chat {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 17.86c4.97 0 9-3.297 9-7.364s-4.03-7.364-9-7.364-9 3.297-9 7.364c0 2.452 1.465 4.624 3.717 5.962-.677 2.418-1.837 4.41-1.837 4.41s3.568-.864 6.327-3.037c.26.019.526.029.793.029Z' fill='%2318c139'/%3E%3C/svg%3E");
}

.iwp-chat__item-title {
    font-size: 16px;
}

.iwp-chat__item-sub {
    display: block;
    color: rgba(0, 0, 0, .6);
    font-size: 12px;
}

.iwp-chat__leaf {
    position: absolute;
    top: 0;
    right: 0;
    width: 33px;
    height: 33px;
    overflow: hidden;
    border-radius: 0 24px 0 0;
}

.iwp-chat__leaf::after {
    content: '';
    position: absolute;
    top: 0;
    left: 1px;
    width: 32px;
    height: 34px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='40' viewBox='0 0 32 40'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23a879d9' d='M0 0h9.02L32 33.196V40H0z'/%3E%3Cpath fill='%2318c139' d='M9 0c3.581.05 23 5.426 23 33.08v.03C18.922 30.751 9 19.311 9 5.554V0z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
}

.iwp-chat.is-loading {
    cursor: progress;
}

.iwp-chat.is-loading .iwp-chat__icon,
.iwp-chat.is-loading .iwp-chat__leaf {
    display: none;
}

.iwp-chat.is-loading::after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    border: 3px solid rgba(255, 255, 255, .35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: iwp-chat-spin .8s linear infinite;
}

.iwp-chat--touch.is-loading::after {
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px;
}

.iwp-chat--label.is-loading::after {
    top: 11px;
    right: 12px;
    width: 18px;
    height: 18px;
}

@keyframes iwp-chat-show {
    from { opacity: 0; transform: scale(.8); }
    to { opacity: 1; transform: scale(1); }
}

@keyframes iwp-chat-spin {
    to { transform: rotate(360deg); }
}

@keyframes iwp-chat-fade {
    from { opacity: 0; }
    to { opacity: 1; }
}