#hype-chatline aside{position:fixed;width:60px;height:60px;max-height:100%;right:2vw;bottom:1vw;z-index:98;transition:all .5s ease-in-out;border-radius:100px;transform-origin:100% 100%}#hype-chatline aside.expanded{position:fixed;width:350px;height:600px;z-index:1000;box-sizing:border-box}#hype-chatline span.chat-bg{position:absolute;width:100%;height:100%;background-color:#00ff7a;z-index:-1;border-radius:10px;border:solid 2px #00ff7a;box-sizing:border-box}#hype-chatline aside.expanded span.chat-bg{background-color:#fff}#hype-chatline aside:not(.expanded) span.chat-bg{animation:rotating 3s ease-in-out 300s 1}@keyframes rotating{0%{transform:rotate(0) scale(1)}100%{transform:rotate(1800deg) scale(1)}}#hype-chatline aside iframe{position:absolute;width:100%;height:100%;max-height:0%;bottom:0;left:0;border:0;margin:0;padding:0;opacity:0;transition:all .5s ease-in-out}#hype-chatline aside.expanded iframe{max-height:100%;opacity:1}#hype-chatline .char{position:absolute;width:60px;height:60px;top:0;right:0;background-image:url(/assets/images/icons/chatline.png);background-repeat:no-repeat;background-size:800%;background-position-x:71.4%;background-position-y:center;transition:position .3s ease-in-out;cursor:pointer}#hype-chatline .char:hover{background-position-x:14.3%}#hype-chatline span.dialogue{position:absolute;justify-content:center;width:200px;max-width:0;height:100%;top:0;right:60px;background-color:#1f2c32;transition:ease-in-out all .3s;overflow:hidden}#hype-chatline span.dialogue:before{content:'';position:absolute;display:flex;align-items:center;justify-content:center;width:200px;height:100%;padding:10px;top:0;left:0;box-sizing:border-box;color:#698678;font-size:1rem;font-family:Roboto,sans-serif}#hype-chatline aside.expanded .char{width:30px;height:30px;top:-10px;right:-10px;background-color:#00ff7a;background-position-x:100%;border-radius:100%}#hype-chatline aside.expanded .char:hover{background-position-x:100%}@media(max-width:1400px){#hype-chatline aside.expanded{transform:scale(.8)}#hype-chatline span.dialogue{width:160px}#hype-chatline span.dialogue:before{width:160px;font-size:.9rem}}@media(min-width:800px){#hype-chatline a.char{display:none}}@media(max-width:800px){#hype-chatline span.char{display:none}}@media(max-height:600px){#hype-chatline aside.expanded{width:300px;height:500px}}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.'}}