#chat-app{position:fixed;z-index:999;bottom:0;right:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}#chat-app .chat__minimised{opacity:0;margin:40px;height:4.5rem;width:4.5rem;border-radius:50%;background-size:cover;box-shadow:0 14px 28px rgba(0,0,0,.15),0 10px 10px rgba(0,0,0,.22)}#chat-app .chat__minimised::before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}@media(max-width: 440px){#chat-app .chat__minimised{position:absolute;bottom:-10px;right:-10px}}#chat-app .chat__minimised:hover{cursor:pointer}#chat-app .chat__minimised__alert{opacity:0;width:1.3rem;height:1.3rem;display:inline-block;border-radius:50%;background-color:#3cb371;color:#fff;text-align:center;padding:0 4px 8px 4px;transform:translate(-5px, -5px)}#chat-app .chat__window{margin:40px;color:#000;border-radius:10px;background-color:#fff;width:350px;box-shadow:0 14px 28px rgba(0,0,0,.05),0 10px 10px rgba(0,0,0,.08)}@media(max-width: 440px){#chat-app .chat__window{margin:0;height:100%;width:100%;border-radius:0;position:fixed;top:0;left:0}}#chat-app .chat__window .header{border-radius:10px 10px 0 0;background-color:#f0f0f0;padding:10px 20px 3px}@media(max-width: 440px){#chat-app .chat__window .header{border-radius:0}}#chat-app .chat__window .header .image{height:45px;width:45px;border-radius:50%;background-size:cover;display:inline-block}#chat-app .chat__window .header .image::before{content:"";position:absolute;height:45px;width:45px;border-radius:50%;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}#chat-app .chat__window .header .image:hover{cursor:pointer}#chat-app .chat__window .header .details{vertical-align:.45rem;display:inline-block;padding:0 0 0 12px}#chat-app .chat__window .header .details:hover{cursor:pointer}#chat-app .chat__window .header .details>span{display:block;font-size:15pt;margin:0 0 -10px;text-transform:none;font-weight:normal}#chat-app .chat__window .header .details small{font-size:8pt;text-transform:uppercase;font-weight:bold;padding-top:0;display:inline-block}#chat-app .chat__window .header .details small img{height:13px;width:13px;vertical-align:-0.13rem;margin-right:3px}#chat-app .chat__window .header .details small.online{color:#3cb371}#chat-app .chat__window .header .details small.offline{color:#c2a858}#chat-app .chat__window .header .details small span.typing{transition:opacity .25s}#chat-app .chat__window .header .close{vertical-align:-0.5rem;color:#888;font-size:17.5pt;right:0;margin:.5rem .7rem 0 0;top:0;position:absolute;padding:0 .8rem 5px .8rem}#chat-app .chat__window .header .close:hover{color:#000;background-color:#dfdfdf;border-radius:50%;cursor:pointer}#chat-app .chat__window>.offline{position:absolute;width:100%;text-align:center;top:50%;transform:translateY(-50%);font-size:10pt;color:#999}#chat-app .chat__window>.offline a{color:#222;text-decoration:underline}#chat-app .chat__window>.offline a:hover{color:#000;text-decoration:none}#chat-app .chat__window>.offline a:focus,#chat-app .chat__window>.offline a:active{opacity:.8}#chat-app .chat__window .chat{padding:20px 20px;height:35rem;overflow:auto}@media(max-width: 440px){#chat-app .chat__window .chat{height:calc(100vh - 160px);padding-bottom:100px}}#chat-app .chat__window .chat::-webkit-scrollbar{width:8px}#chat-app .chat__window .chat::-webkit-scrollbar-track{background:#f5f5f5}#chat-app .chat__window .chat::-webkit-scrollbar-thumb{background:#888}#chat-app .chat__window .chat::-webkit-scrollbar-thumb:hover{background:#555}#chat-app .chat__window .chat .message{border-radius:5px;display:block;margin:0;padding:5px 8px;overflow:hidden;font-size:12pt}#chat-app .chat__window .chat .message.own{background-color:#1e90ff;display:inline-block;color:#fff;float:right;max-width:80%}#chat-app .chat__window .chat .message.status{border-radius:0;padding:0;display:block;color:#fff;float:right;max-width:80%;color:gray;pointer-events:none}#chat-app .chat__window .chat .message.status img{vertical-align:-0.35rem;height:12px;padding:0 0 0 8px}#chat-app .chat__window .chat .message.theirs{background-color:#dfdfdf;display:inline-block;color:#000;float:left;max-width:80%}#chat-app .chat__window .chat .message.theirs a{color:inherit;text-decoration:none}#chat-app .chat__window .chat .message.theirs a:hover{text-decoration:underline}#chat-app .chat__window .chat .message.theirs.signup{background-color:#fff;border:1px solid #dfdfdf;display:block;width:100%;max-width:calc(80% + 16px);padding:0}#chat-app .chat__window .chat .message.theirs.signup.sticky{position:fixed;color:red;bottom:60px;z-index:199;margin-left:-2px}#chat-app .chat__window .chat .message.theirs.signup .signup__header{padding:10px 15px;background-size:cover;background-position:center}#chat-app .chat__window .chat .message.theirs.signup .signup__header h6{margin:0;font-size:11pt;text-align:center;color:#fff;font-weight:bold;padding:10px 5px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);text-transform:uppercase}#chat-app .chat__window .chat .message.theirs.signup .signup__header h6:hover{cursor:pointer}#chat-app .chat__window .chat .message.theirs.signup .signup__body{padding:5px 15px 15px}#chat-app .chat__window .chat .message.theirs.signup .signup__body label{color:#888;font-size:9pt;display:block;padding:8px 0 4px 0}#chat-app .chat__window .chat .message.theirs.signup .signup__body input{display:block;width:calc(100% - 24px - 2px);background-color:#fff;border:1px solid #dfdfdf;padding:8px 12px;color:#444}#chat-app .chat__window .chat .message.theirs.signup .signup__body input:focus,#chat-app .chat__window .chat .message.theirs.signup .signup__body input:active{outline:none;border:1px solid #1e90ff}#chat-app .chat__window .chat .message.theirs.signup .signup__body .disclaimer{display:block;position:relative;padding:0 0 0 35px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:15px}#chat-app .chat__window .chat .message.theirs.signup .signup__body .disclaimer a{text-decoration:underline}#chat-app .chat__window .chat .message.theirs.signup .signup__body .disclaimer a:hover{text-decoration:none}#chat-app .chat__window .chat .message.theirs.signup .signup__body .disclaimer input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}#chat-app .chat__window .chat .message.theirs.signup .signup__body .disclaimer .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;cursor:pointer}#chat-app .chat__window .chat .message.theirs.signup .signup__body .disclaimer .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg);margin:4px 0 0 8px}#chat-app .chat__window .chat .message.theirs.signup .signup__body .disclaimer:after{content:"";position:absolute;display:none}#chat-app .chat__window .chat .message.theirs.signup .signup__body .disclaimer:hover input~.checkmark{background-color:#ccc}#chat-app .chat__window .chat .message.theirs.signup .signup__body .disclaimer input:checked~.checkmark{background-color:#1e90ff}#chat-app .chat__window .chat .message.theirs.signup .signup__body .disclaimer input:checked~.checkmark::after{display:block;content:""}#chat-app .chat__window .chat .message.theirs.signup .signup__body button{display:block;width:100%;color:#fff;text-align:center;text-transform:uppercase;padding:10px 0;font-weight:bold;margin:20px 0 0;background-color:#1e90ff;border:1px solid #1e90ff}#chat-app .chat__window .chat .message.theirs.signup .signup__body button:hover{cursor:pointer;opacity:.8}#chat-app .chat__window .chat .message.theirs.signup .signup__body button:disabled{opacity:.5}#chat-app .chat__window .chat .message.theirs.signup.processing{opacity:.5 !important;pointer-events:none}#chat-app .chat__window>.typing{font-style:italic;color:#999;font-size:9pt;position:fixed;bottom:55px;padding:5px 20px}@media(max-width: 440px){#chat-app .chat__window>.typing{border-radius:0;bottom:60px}}#chat-app .chat__window .input{height:50px;background-color:#fff;border-radius:0 0 10px 10px;border-top:1px solid #dfdfdf}@media(max-width: 440px){#chat-app .chat__window .input{border-radius:0;position:absolute;bottom:0;height:55px;width:100%}}#chat-app .chat__window .input input{border-radius:0 0 10px 10px;height:100%;border:none;color:#555;background-color:#fff;padding:0 20px;width:calc(100% - 40px - 30px);font-size:10.5pt;border-top:1px solid #dfdfdf;position:relative;bottom:1px}@media(max-width: 440px){#chat-app .chat__window .input input{border-radius:0;font-size:16px}}#chat-app .chat__window .input input:focus,#chat-app .chat__window .input input:active{outline:none}#chat-app .chat__window .input input:disabled{cursor:not-allowed}#chat-app .chat__window .input input:disabled::placeholder{color:#999}#chat-app .chat__window .input .send{height:30px;width:30px;display:inline-block;position:absolute;right:7px;bottom:7px;background-repeat:no-repeat;opacity:.7}@media(max-width: 440px){#chat-app .chat__window .input .send{bottom:72px;position:static;margin:0 0 -10px -8px}}#chat-app .chat__window .input .send:hover{opacity:.5;cursor:pointer}.tooltip{visibility:hidden;width:240px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px 10px;position:absolute;z-index:1;margin-left:-123px;margin-top:7px;text-transform:none}.tooltip::after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #000 rgba(0,0,0,0)}.tooltip.active{visibility:visible}.animated{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(25px)}100%{opacity:1;transform:translateY(0px)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(25px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}