body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}form{display:flex;width:100%;background:white;box-shadow:0 1px 4px #0000001a;border-radius:10px}input{font-size:16px;border:0;outline:none;flex-grow:1;padding:20px;border-radius:10px}button{padding:12px 14px;font-size:16px;background-color:#6363bf;color:#fff;border:none;border-radius:8px;margin:14px;cursor:pointer}.app{display:flex;flex-direction:column;align-items:center;height:100vh;background-color:#6363bf12}.upsell{background:#6363bf;color:#fff;text-decoration:none;align-self:center;border-radius:12px;font-size:14px;line-height:24px;padding:0 12px;font-weight:500;margin:10px 0;box-shadow:0 1px 4px #0000001a}.appContent{width:100%;max-width:900px;height:100%;display:flex;flex-direction:column;box-sizing:border-box;padding:0 10px}.messagesList{list-style:none;padding-left:0;flex-grow:1;overflow:auto}.messagesMessage{display:flex;margin-top:10px}.messagesMessage.currentMember{flex-direction:row-reverse;text-align:right}.avatar{height:35px;width:35px;border-radius:50%}.messagesMessage>.avatar{margin:0 10px -10px}.username{color:gray;font-size:14px}.messageContent>.username{padding-bottom:4px}.messageContent>.text{padding:10px;max-width:400px;margin:0;border-radius:12px;background-color:#6363bf;color:#fff;display:inline-block}.members{border-bottom:solid #6363bf1c;background:white;padding:8px}.membersCount{margin-bottom:8px}.membersList{display:flex;flex-direction:row;flex-wrap:wrap}.membersList>.member{display:flex;flex-direction:row;align-items:center;margin-right:8px}.member>.avatar{margin-right:5px;height:24px;width:24px}.currentMember>.messageContent .text{background-color:#fff;border-top-right-radius:0;color:#000}.typingIndicator{color:gray;font-size:14px}