*{box-sizing:border-box}.floating-chat{align-items:center;background:-webkit-linear-gradient(-45deg,#183850,#183850 25%,#192c46 50%,#22254c 75%,#22254c);background-attachment:fixed;background-repeat:no-repeat;border-radius:50%;bottom:10px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:0;position:fixed;right:10px;transform:translateY(70px);transition:all .25s ease-out;width:40px}.floating-chat.enter:hover{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);opacity:1}.floating-chat.enter{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.14);opacity:.6;transform:translateY(0)}.floating-chat.expand{border-radius:5px;cursor:auto;height:400px;max-height:400px;opacity:1;width:250px}.floating-chat :focus{box-shadow:0 0 3pt 2pt rgba(14,200,121,.3);outline:0}.floating-chat button{background:0 0;border:0;border-radius:3px;color:#fff;cursor:pointer;text-transform:uppercase}.floating-chat .chat{border-radius:50%;bottom:0;display:flex;flex-direction:column;height:1px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;transition:all .25s ease-out;width:1px}.floating-chat .chat.enter{border-radius:0;height:auto;margin:10px;opacity:1;width:auto}.floating-chat .chat .header{background:0 0;display:flex;flex-shrink:0;padding-bottom:10px}.floating-chat .chat .header .title{flex-grow:1;flex-shrink:1;padding:0 5px}.floating-chat .chat .header button{flex-shrink:0}.floating-chat .chat .messages{background:0 0;border-radius:4px;flex-grow:1;list-style:none;margin:0;overflow-x:hidden;overflow-y:scroll;padding:10px}.floating-chat .chat .messages::-webkit-scrollbar{width:5px}.floating-chat .chat .messages::-webkit-scrollbar-track{background-color:rgba(25,147,147,.1);border-radius:5px}.floating-chat .chat .messages::-webkit-scrollbar-thumb{background-color:rgba(25,147,147,.2);border-radius:5px}.floating-chat .chat .messages li{word-wrap:break-word;background-color:rgba(25,147,147,.2);border-radius:10px;clear:both;display:inline-block;font:12px/16px Noto Sans,sans-serif;margin:0 0 20px;max-width:81%;padding:14px;position:relative}.floating-chat .chat .messages li:before{background-size:cover;border-radius:25px;content:"";height:25px;position:absolute;top:0;width:25px}.floating-chat .chat .messages li:after{border-top:10px solid rgba(25,147,147,.2);content:"";height:0;position:absolute;top:10px;width:0}.floating-chat .chat .messages li.other{animation:show-chat-odd .15s ease-in 1;-moz-animation:show-chat-odd .15s ease-in 1;-webkit-animation:show-chat-odd .15s ease-in 1;color:#0ad5c1;float:right;margin-right:45px}.floating-chat .chat .messages li.other:before{background-image:url(https://github.com/Thatkookooguy.png);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 ease-in 1;-moz-animation:show-chat-even .15s ease-in 1;-webkit-animation:show-chat-even .15s ease-in 1;color:#0ec879;float:left;margin-left:45px}.floating-chat .chat .messages li.self:before{background-image:url(https://github.com/ortichon.png);left:-45px}.floating-chat .chat .messages li.self:after{border-left:10px solid transparent;left:-10px}.floating-chat .chat .footer{background:0 0;display:flex;flex-shrink:0;max-height:90px;padding-top:10px}.floating-chat .chat .footer .text-box{background:rgba(25,147,147,.2);border-radius:3px;color:#0ec879;margin-right:5px;min-height:100%;overflow-y:auto;padding:2px 5px;width:100%}.floating-chat .chat .footer .text-box::-webkit-scrollbar{width:5px}.floating-chat .chat .footer .text-box::-webkit-scrollbar-track{background-color:rgba(25,147,147,.1);border-radius:5px}.floating-chat .chat .footer .text-box::-webkit-scrollbar-thumb{background-color:rgba(25,147,147,.2);border-radius:5px}@keyframes show-chat-even{0%{margin-left:-480px}to{margin-left:0}}@-webkit-keyframes show-chat-even{0%{margin-left:-480px}to{margin-left:0}}@keyframes show-chat-odd{0%{margin-right:-480px}to{margin-right:0}}@-webkit-keyframes show-chat-odd{0%{margin-right:-480px}to{margin-right:0}}