.m-support-chat{
    background: white;
    box-shadow: 0 0 6px rgba(0,0,0,0.1);
}

.m-support-chat__header{
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    background: linear-gradient(90deg, #645cb1 0%, #92498f 100%);
}

.m-support-chat__title{
    font-size: 17px;
    color: white;
}

.m-support-chat__input{
    background: #f2f2f2;
    color: #2d2d2d;
    border: 15px solid #f2f2f2;
}

.m-support-chat__button{
    color: #cacaca;
}

.m-support-chat__button:hover{
    color: #8c8c8c;
}

.m-support-chat__close-icon{
    color: white;
}

.m-support-chat__close:hover .m-support-chat__close-icon{
    color: black;
}

.m-support-trigger{
    color: white;
    background: #6dd76d;
    box-shadow: 0 0px 0 9px rgba(175, 223, 175, 0.2);
}

.m-support-trigger:hover{
    background: #5dbe5d;
    box-shadow: 0 0px 0 9px rgba(0, 255, 0, 0.2);
}

.m-support-trigger__icon{
    color: white;
}

.m-support-chat__message--client{
    background: #08080a;
    color: white;
}

.m-support-chat__message--client:after{
    border-color: transparent transparent transparent #08080a;
}


.m-support-chat__message--operator{
    background: #e3e3e3;
    color: black;
}


.m-support-chat__message--operator:after{
    border-color: transparent transparent #e3e3e3 transparent;
}

.m-support-chat__loader{
    background: white;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
}

.m-support-chat__loader-icon{
    color: #864e98;
}

.m-support-chat__issues-item{
    color: #864e98;
    border-color: #864e98;
}

.m-support-chat__issues-item:hover{
    color: white;
    background-color: #864e98;
    text-decoration: none;
}


.m-support-chat__issues{
    background: #fcfcfc;
}

.m-support-trigger__unread{
    background: tomato;
    color: white;
    line-height: 21px;
}