html,body{margin:0;padding:0}html{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}body,#app{width:80px;max-width:100vw;height:80px;max-height:100vh}body.open,body.open #app{width:370px;height:670px}#app{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}#app #open-button{color:#fff;cursor:pointer;background:url(/live-smart-connect-logo.png) 50%/cover no-repeat;border:0;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0;padding:0;transition:all .3s;display:flex}#app #chat-window{background:linear-gradient(#ca56d3 0%,#d88642 100%);flex-flow:column wrap;width:100%;height:100%;transition:all .5s;display:none}#app #chat-window #header{box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:20px 80px;display:flex;position:relative}#app #chat-window #header #title{color:#fff;text-align:center;font-size:14px;font-weight:900}#app #chat-window #header #close-button{color:#fff;cursor:pointer;background-color:#0000;border:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;transition:all .3s;display:flex;position:absolute;top:10px;right:10px}#app #chat-window #header #close-button:hover{background-color:#ffffff4d}#app #chat-window #message-area{background-color:#fff;flex-flow:column wrap;flex-grow:1;display:flex}#app #chat-window #message-area #message-display{flex-grow:1;height:1px;padding:20px;position:relative;overflow:auto}#app #chat-window #message-area #message-display .message{box-sizing:border-box;text-align:left;background-color:red;border-radius:25px;width:fit-content;max-width:75%;margin-bottom:10px;padding:15px}#app #chat-window #message-area #message-display .message.from-user{background-color:#ca56d380;margin-left:auto}#app #chat-window #message-area #message-display .message.from-api{background-color:#0003}#app #chat-window #message-area #message-display .message>*{word-break:break-word;max-width:100%}#app #chat-window #message-area #message-input-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;padding:10px;display:flex;position:relative}#app #chat-window #message-area #message-input-wrapper #message-input{resize:none;border:none;flex-grow:1;padding:10px 0}#app #chat-window #message-area #message-input-wrapper #message-input:focus{box-shadow:none;outline:none}#app #chat-window #message-area #message-input-wrapper #message-send-button{cursor:pointer;background-color:#0000;border:none;border-radius:50%;margin-left:20px;transition:all .3s}#app #chat-window #message-area #message-input-wrapper #message-send-button svg{fill:#000;width:20px;padding:5px;position:relative;bottom:-2px;left:-2px;transform:rotate(45deg)}#app #chat-window #message-area #message-input-wrapper #message-send-button:hover{background-color:#0000004d}#app #chat-window #message-area #message-input-wrapper:before{content:"";background-color:#fff;border-bottom:1px solid #0003;width:100%;height:20px;position:absolute;top:-20px;left:0}#app #chat-window #footer{text-align:center;padding:5px 20px}#app #chat-window #footer a{color:#fff;font-size:75%;text-decoration:none}body.open #app #open-button{display:none}body.open #app #chat-window{display:flex}