.fa-comments:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='rgb(255, 255, 255)' d='M416 192c0-88.4-93.1-160-208-160S0 103.6 0 192c0 34.3 14.1 65.9 38 92-13.4 30.2-35.5 54.2-35.8 54.5-2.2 2.3-2.8 5.7-1.5 8.7S4.8 352 8 352c36.6 0 66.9-12.3 88.7-25 32.2 15.7 70.3 25 111.3 25 114.9 0 208-71.6 208-160zm122 220c23.9-26 38-57.7 38-92 0-66.9-53.5-124.2-129.3-148.1.9 6.6 1.3 13.3 1.3 20.1 0 105.9-107.7 192-240 192-10.8 0-21.3-.8-31.7-1.9C207.8 439.6 281.8 480 368 480c41 0 79.1-9.2 111.3-25 21.8 12.7 52.1 25 88.7 25 3.2 0 6.1-1.9 7.3-4.8 1.3-2.9.7-6.3-1.5-8.7-.3-.3-22.4-24.2-35.8-54.5z'/%3E%3C/svg%3E");
	display: inline-block;
	width: 25px;
}

.ts-mw-button.open i:before {
    /* content: "\f00d"; */
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512'%3E%3Cpath fill='rgb(255, 255, 255)' d='M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z'/%3E%3C/svg%3E");
    width: 15px;
}
.ts-mw-button {
    position: fixed;
    cursor: pointer;
    z-index: 10000;
}
.ts-mw-icon {
    position: absolute;
}
.ts-mw-icon.mw-animation {
    -webkit-animation: tossing 1.5s infinite;
    -o-animation: tossing 1.5s infinite;
    animation: tossing 1.5s infinite;
}
.ts-mw-button.open .ts-mw-icon.mw-animation {
    -webkit-animation: unset;
    -o-animation: unset;
    animation: unset;
}
.ts-mw-button.open .mw-animation i {
    transform: rotate(90deg);
    transition: 0.3s;
}
.ts-mw-icon i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
}
.ts-mw-icon {
    position: relative;
    border-radius: 100%;
}
.ts-mw-icon .slides {
    height: inherit;
    opacity: 0;
    position: absolute;
    width: inherit;
    z-index: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
    -moz-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
    -o-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
    transition: transform ease-in-out .5s, opacity ease-in-out .5s;
}
.ts-mw-icon > .slides.active {
    opacity: 1;
    z-index: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.ts-mw-icon .slides span img {
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}
.ts-mw-icon .messenger-icon {
    position: relative;
    top: 3px;
}
.ts-mw-list {
    list-style: none;
    padding: 0;
}
.ts-mw-block {
    z-index: -1;
    min-width: 250px;
    background: #fff;
    padding: 0 15px;
    position: absolute;
    right: 5px;
    box-shadow: 1px 1px 15px 10px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}
.ts-mw-button.open .ts-mw-block {
    z-index: 10000;
    opacity: 1;
    visibility: visible;
}
.ts-mw-block.mw-no-bg {
    min-width: unset;
    background: none;
    padding: unset;
    position: absolute;
    box-shadow: none;
    right: 0px;
    left: 0px;
}
.ts-mw-block.mw-no-bg .ts-link-text{
    opacity: 0;
    visibility: hidden;
}
.ts-mw-block.mw-no-bg.mw-tips .ts-link-text {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    padding: 5px;
    border-radius: 15px;
    width: 220px;
    background: rgb(53 53 53 / 0.9);
    color: #fff;
    text-align: center;
    transition: 0.3s;
}
.ts-mw-block.mw-no-bg.mw-tips li .ts-link-text:after {
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    content: ' ';
    position: absolute;
    top: 8px;
    width: 0px;
    height: 0px;
    margin-top: 0px;
    border: 7px solid transparent;
}
.ts-mw-block.mw-no-bg.mw-tips.tips-left li .ts-link-text:after {
    border-right-color: rgb(53 53 53 / 0.9);
    right: 99%;
}
.ts-mw-block.mw-no-bg.mw-tips.tips-right li .ts-link-text:after {
    border-left-color: rgb(53 53 53 / 0.9);
    left: 99%;
}
.ts-mw-block.mw-no-bg.mw-tips li:hover .ts-link-text:after, .ts-mw-block.mw-no-bg.mw-tips li:hover .ts-link-text {
    opacity: 1;
    visibility: visible;
}
.ts-mw-block.mw-no-bg.mw-tips.tips-right li .ts-link-text {
    margin-right: 15px;
    right: 100%;
}
.ts-mw-block.mw-no-bg.mw-tips.tips-left li .ts-link-text {
    margin-left: 15px;
    left: 100%;
}
.ts-mw-block.mw-no-bg .ts-mw-li span img {
    margin-right: 0px;
    transition: 0.7s;
}
.ts-mw-block.mw-no-bg .ts-mw-li span img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.ts-mw-li span img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.ts-mw-li a {
    display: flex;
    align-items: center;
    margin: 10px 0;
    font-size: 16px;
    transition: 0.2s;
    cursor: pointer;
}
.ts-link-text {
    text-decoration: none;
}
.ts-link-text:hover {
    text-decoration: none;
}
.ts-mw-pulse {
    position: absolute;
}
.ts-mw-pulse:before, .ts-mw-pulse:after {
    content: " ";
    display: block;
    position: absolute;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius:100%;
    animation: pulse 2s linear infinite;
    opacity: 0;
    backface-visibility: hidden;
}
.ts-mw-pulse:after {
    animation-delay: .5s;
}
.ts-mw-button.open .ts-mw-pulse {
    display: none;
}
.ts-mw-substrate.active {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
}
.ts-mw-tips {
    position: absolute;
    min-width: 290px;
    background: #fff;
    box-shadow: 1px 1px 10px 5px rgb(0 0 0 / 10%);
    border-radius: 5px;
    overflow: hidden;
    cursor: default;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in;
}
.ts-mw-tips-text {
    padding: 15px;
    font-size: 16px;
    line-height: 22px;
}
.ts-mw-tips-manager img {
    border-radius: 50%;
    border: 1px solid #f2f2f2;
    margin-right: 5px;
}
.ts-mw-tips-manager {
    font-size: 14px;
    padding: 5px 15px;
    color: #000;
}
.ts-mw-tips-close {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}
.ts-mw-button.open .ts-mw-tips {
    display: none;
}

@media only screen and (max-width: 768px) {
    .ts-mw-button.open .ts-mw-block.mw-no-bg.mw-tips li .ts-link-text:after, .ts-mw-button.open .ts-mw-block.mw-no-bg.mw-tips li .ts-link-text {
        opacity: 1;
        visibility: visible;
    }
}
@keyframes tossing {
    0% {
        transform: rotate(-20deg);
    }
    50% {
        transform: rotate(20deg);
    }
    100% {
        transform: rotate(-20deg);
    }
}
@-webkit-keyframes tossing {
    0% {
        -webkit-transform: rotate(-20deg);
    }
    50% {
        -webkit-transform: rotate(20deg);
    }
    100% {
        -webkit-transform: rotate(-20deg);
    }
}
@keyframes pulse
{
    0%
    {
        transform: scale(0.5);
        opacity: 0;
    }
    50%
    {
        opacity: 1;
    }
    100%
    {
        transform: scale(1);
        opacity: 0;
    }
}
@keyframes tips-fade
{
    0%
    {
        visibility: hidden;
        opacity: 0;
    }
    100%
    {
        visibility: visible;
        opacity: 1;
    }
}



.ts-mw-button.open .ts-mw-icon .slides {
    opacity: 1;
    z-index: 1;
    transform: scale(1);
}
/* Stack icons vertically only when widget is open and animation_2 is off */
.ts-mw-button.open .ts-mw-icon {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 10px;
}

.ts-mw-button.open .ts-mw-icon .slides {
    position: static;
    opacity: 1 !important;
    transform: scale(1) !important;
    z-index: 1;
    height: auto;
    width: auto;
}


/* Disable click on mail icons before open */
.ts-mw-button .mail-icon-link {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}
.ts-mw-button .ts-mw-icon-close{
    visibility: hidden;
}


/* Enable mail icon click after open */
.ts-mw-button.open .mail-icon-link {
    pointer-events: auto;
    cursor: pointer;
    opacity: 1;
}
.ts-mw-button.open .ts-mw-icon-close{
    visibility: visible;
}