hype-chatline aside:not(.verified) .char {
    animation: face-welcome steps(1,end) 10s 5s 1, face-remember steps(1,end) 10s 180s 1;

}

hype-chatline aside:not(.verified) span.dialogue {
    animation: help-chat-welcome 10s 5s 1, help-chat-remember 10s 180s 1;
}

hype-chatline aside:not(.verified)  span.dialogue:before {
    animation: help-chat-text-welcome 10s 5s 1, help-chat-text-remember 10s 180s 1;
}

/*============================*/

@keyframes face-welcome {
    0% {background-position-x: 71.5%}
    2% {background-position-x: 42.8%;}
    98% {background-position-x: 42.8%;}
    100% {background-position-x: 71.5%}
}

@keyframes help-chat-welcome {
    0% {max-width:0;}
    5% {max-width:200px;}
    95% {max-width:200px;}
    100% {max-width:0;}
}

@keyframes help-chat-text-welcome {
    0% {content:'Olá! Se precisar de ajuda, chama a gente aqui.'}
    100% {content:'Olá! Se precisar de ajuda, chama a gente aqui.'}
}



/*============================*/

@keyframes face-remember {
    0% {background-position-x: 71.5%}
    2% {background-position-x: 57.1%;}
    98% {background-position-x: 57.1%;}
    100% {background-position-x: 71.5%}
}

@keyframes help-chat-remember {
    0% {max-width:0;}
    5% {max-width:200px;}
    95% {max-width:200px;}
    100% {max-width:0;}
}

@keyframes help-chat-text-remember {
    0% {content:'Não esqueça que estamos aqui caso precise de ajuda.'}
    100% {content:'Não esqueça que estamos aqui caso precise de ajuda.'}
}

/*"Ayuda Button"*/
iframe#launcher, iframe#webWidget {
    left: auto !important;
    right: 0px !important;
}
