body{background-color:#efeae2;justify-content:center;height:100vh;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;overflow:hidden}#root{justify-content:center;width:100%;height:100%;display:flex}.chat-container{background-color:#efeae2;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);flex-direction:column;width:100%;max-width:800px;height:100vh;display:flex;box-shadow:0 0 10px #0000001a}.chat-header{color:#fff;z-index:10;background-color:#075e54;flex-shrink:0;align-items:center;padding:10px 20px;display:flex;box-shadow:0 1px 3px #0003}.avatar{background-color:#128c7e;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:15px;font-size:18px;font-weight:700;display:flex}.contact-info{flex-direction:column;display:flex}.contact-name{margin:0;font-size:16px;font-weight:700}.contact-status{color:#fffc;font-size:13px}.messages-list{flex-direction:column;flex-grow:1;gap:8px;padding:20px;display:flex;overflow-y:auto}.message-row{width:100%;display:flex}.message-row.me{justify-content:flex-end}.message-row.other{justify-content:flex-start}.message-bubble{word-wrap:break-word;color:#000;border-radius:8px;max-width:65%;padding:8px 12px;font-size:15px;line-height:1.4;position:relative;box-shadow:0 1px .5px #00000021}.message-row.other .message-bubble{background-color:#fff;border-top-left-radius:0;align-self:flex-start}.message-row.me .message-bubble{background-color:#dcf8c6;border-top-right-radius:0;align-self:flex-end}.message-text{white-space:pre-wrap}.message-time{color:#999;float:right;margin-top:8px;margin-left:10px;font-size:11px}.chat-footer{background-color:#f0f0f0;flex-shrink:0;align-items:center;gap:10px;padding:10px;display:flex}.chat-input{border:none;border-radius:24px;outline:none;flex:1;padding:12px 15px;font-family:inherit;font-size:15px}.send-button{color:#fff;cursor:pointer;background-color:#00a884;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.send-button:hover{background-color:#008f6f}.send-button svg{width:20px;height:20px;margin-left:2px}.messages-list::-webkit-scrollbar{width:6px}.messages-list::-webkit-scrollbar-track{background:0 0}.messages-list::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}