@import "https://fonts.googleapis.com/css?family=Noto+Sans";.floating-chat{cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;position:fixed;bottom:31px;right:30px;height:50px;font-size:31px;transform:translateY(70px);transition:all 250ms ease-out;border-radius:23px;padding:0 10px 0 0;opacity:0;font-size:15px;background:#ffffffe3;color:#4a4a4a;background-repeat:no-repeat;background-attachment:fixed}.floating-chat.enter:hover{box-shadow:0 10px 20px #00000030 0 6px 6px #0000003b;opacity:1}.floating-chat.enter{transform:translateY(0);opacity:1;box-shadow:0 1px 3px #0000001f 0 1px 2px #00000024;z-index:9999999999}.floating-chat.expand{background-color:#fff;width:250px;max-height:400px;height:217px;border-radius:5px;cursor:auto;opacity:1}.floating-chat :focus{outline:0;box-shadow:0 0 3pt 2pt #0ec8794d}.floating-chat button{background:transparent;border:0;color:#fff;text-transform:uppercase;border-radius:3px;cursor:pointer}.floating-chat .chat{display:flex;flex-direction:column;position:absolute;opacity:0;width:1px;height:1px;border-radius:50%;transition:all 250ms ease-out;margin:auto;top:0;left:0;right:0;bottom:0}.floating-chat .chat.enter{opacity:1;border-radius:0;margin:10px;width:auto;height:auto}.floating-chat .chat .header{flex-shrink:0;padding-bottom:10px;display:flex;background:transparent}.floating-chat .chat .header .title{flex-grow:1;flex-shrink:1;padding:0 5px}.floating-chat .chat .header button{flex-shrink:0;padding:1px}.floating-chat .chat .messages{padding:10px;margin:0;list-style:none;overflow-y:scroll;overflow-x:hidden;flex-grow:1;border-radius:4px;background:transparent}.floating-chat .chat .messages::-webkit-scrollbar{width:5px}.floating-chat .chat .messages::-webkit-scrollbar-track{border-radius:5px;background-color:#1993931a}.floating-chat .chat .messages::-webkit-scrollbar-thumb{border-radius:5px;background-color:#19939333}.floating-chat .chat .messages li{position:relative;clear:both;display:inline-block;padding:14px;margin:0 0 20px;font:12px/16px;border-radius:10px;background-color:#19939333;word-wrap:break-word}.floating-chat .chat .messages li:before{position:absolute;top:0;width:25px;height:25px;border-radius:25px;content:'';background-size:cover}.floating-chat .chat .messages li:after{position:absolute;top:10px;content:'';width:0;height:0;border-top:10px solid #19939333}.floating-chat .chat .messages li.other{animation:show-chat-odd .15s 1 ease-in;-moz-animation:show-chat-odd .15s 1 ease-in;-webkit-animation:show-chat-odd .15s 1 ease-in;float:right;margin-right:45px;font-size:16px;line-height:20px}.floating-chat .chat .messages li.other:before{right:-45px}.floating-chat .chat .messages li.other:after{border-right:10px solid transparent;right:-10px}.floating-chat .chat .messages li.self{animation:show-chat-even .15s 1 ease-in;-moz-animation:show-chat-even .15s 1 ease-in;-webkit-animation:show-chat-even .15s 1 ease-in;float:left;margin-left:45px;color:#0EC879}.floating-chat .chat .messages li.self:before{left:-45px;background-image:url(https://github.com/ortichon.png)}.floating-chat .chat .messages li.self:after{border-left:10px solid transparent;left:-10px}.floating-chat .chat .footer{flex-shrink:0;display:flex;padding-top:10px;max-height:90px;background:transparent}.floating-chat .chat .footer .text-box{border-radius:3px;background:#19939333;min-height:100%;width:100%;margin-right:5px;color:#0EC879;overflow-y:auto;font-size:16px!important;padding:2px 5px}.floating-chat .chat .footer .text-box::-webkit-scrollbar{width:5px}.floating-chat .chat .footer .text-box::-webkit-scrollbar-track{border-radius:5px;background-color:#1993931a}.floating-chat .chat .footer .text-box::-webkit-scrollbar-thumb{border-radius:5px;background-color:#19939333}@keyframes show-chat-even{0%{margin-left:-480px}100%{margin-left:0}}@-moz-keyframes show-chat-even{0%{margin-left:-480px}100%{margin-left:0}}@-webkit-keyframes show-chat-even{0%{margin-left:-480px}100%{margin-left:0}}@keyframes show-chat-odd{0%{margin-right:-480px}100%{margin-right:0}}@-moz-keyframes show-chat-odd{0%{margin-right:-480px}100%{margin-right:0}}@-webkit-keyframes show-chat-odd{0%{margin-right:-480px}100%{margin-right:0}}