*,:before,:after{box-sizing:border-box}html,body{height:100%;font-family:Lato,sans-serif}body{background-size:cover;font-family:Lato,sans-serif;line-height:1.3;overflow:hidden}.bg{width:100%;height:100%;z-index:1;filter:blur(80px);background:url(https://images.unsplash.com/photo-1451186859696-371d9477be93?crop=entropy&fit=crop&fm=jpg&h=975&ixjsv=2.1.0&ixlib=rb-0.3.5&q=80&w=1925) no-repeat;top:0;left:0;transform:scale(1.2)}.chat{width:300px;height:80vh;max-height:500px;z-index:2;background:#add8e6;border-radius:20px;flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 5px 30px #0003}.chat-title{z-index:2;color:#fff;text-transform:uppercase;text-align:left;background:gray;flex:0 45px;padding:10px 10px 10px 50px;position:relative}.chat-title h1,.chat-title h2{margin:0;padding:0;font-size:10px;font-weight:400}.chat-title h2{color:#ffffff80;letter-spacing:1px;font-size:8px}.chat-title .avatar{z-index:1;width:30px;height:30px;border:2px solid #ffffff3d;border-radius:30px;margin:0;padding:0;position:absolute;top:8px;left:9px;overflow:hidden}.chat-title .avatar img{width:100%;height:auto}.messages{color:#ffffff80;width:100%;flex:auto;position:relative;overflow:hidden}.messages .messages-content{height:101%;width:100%;position:absolute;top:0;left:0}.messages .message{clear:both;float:left;text-shadow:0 1px 1px #0003;background:#0000004d;border-radius:10px 10px 10px 0;margin:8px 0 8px 35px;padding:6px 10px 7px;font-size:11px;line-height:1.4;position:relative}.messages .message .timestamp{color:#ffffff4d;font-size:9px;position:absolute;bottom:-15px}.messages .message:before{content:"";border-top:6px solid #0000004d;border-right:7px solid #0000;position:absolute;bottom:-6px;left:0}.messages .message .avatar{z-index:1;width:30px;height:30px;border:2px solid #ffffff3d;border-radius:30px;margin:0;padding:0;position:absolute;bottom:-15px;left:-35px;overflow:hidden}.messages .message .avatar img{width:100%;height:auto}.messages .message.message-personal{float:right;color:#fff;text-align:right;background:linear-gradient(120deg,#248a52,#257287);border-radius:10px 10px 0}.messages .message.message-personal:before{border-top:4px solid #257287;border-left:5px solid #0000;border-right:none;bottom:-4px;left:auto;right:0}.messages .message:last-child{margin-bottom:30px}.messages .message.new{transform-origin:0 0;animation:.5s linear both bounce;transform:scale(0)}.messages .message.loading:before{content:"";width:3px;height:3px;z-index:2;background:#ffffff80;border:none;border-radius:50%;margin-top:4px;animation:.45s cubic-bezier(0,0,.15,1) .15s infinite alternate ball;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.messages .message.loading span{width:20px;height:10px;font-size:0;display:block;position:relative}.messages .message.loading span:before{content:"";width:3px;height:3px;z-index:2;background:#ffffff80;border-radius:50%;margin-top:4px;margin-left:-7px;animation:.45s cubic-bezier(0,0,.15,1) infinite alternate ball;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.messages .message.loading span:after{content:"";width:3px;height:3px;z-index:2;background:#ffffff80;border-radius:50%;margin-top:4px;margin-left:7px;animation:.45s cubic-bezier(0,0,.15,1) .3s infinite alternate ball;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.message-box{width:100%;flex:0 40px;padding:10px;position:relative}.message-box .message-input{resize:none;color:#000;height:17px;width:265px;background:0 0;border:none;margin:0;padding-right:20px;font-size:11px;outline:none!important}.message-box textarea:focus:-webkit-placeholder{color:#0000}.message-box .message-submit{z-index:1;color:#fff;text-transform:uppercase;background:#0ef12c;border:none;border-radius:10px;padding:6px 10px;font-size:10px;line-height:1;transition:background .2s;position:absolute;top:9px;right:10px;outline:none!important}.message-box .message-submit:hover{background:#1d7745}.mCSB_scrollTools{opacity:0;margin:1px -3px 1px 0}.mCSB_inside>.mCSB_container{margin-right:0;padding:0 10px}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#00000080!important}@keyframes bounce{0%{transform:matrix(0,0,0,0,0,0)}4.7%{transform:scale(.45)}9.41%{transform:scale(.883)}14.11%{transform:scale(1.141)}18.72%{transform:scale(1.212)}24.32%{transform:scale(1.151)}29.93%{transform:scale(1.048)}35.54%{transform:scale(.979)}41.04%{transform:scale(.961)}52.15%{transform:scale(.991)}63.26%{transform:scale(1.007)}85.49%{transform:scale(.999)}to{transform:matrix(1,0,0,1,0,0)}}@keyframes ball{0%{transform:scaleY(.8)}to{transform:translateY(-10px)}}
/*# sourceMappingURL=index.714ea931.css.map */