@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap";.bot-message{clear:both;border-radius:10px;padding:10px;margin:10px;display:block;text-align:left}.user-message{clear:both;border-radius:10px;padding:10px;margin:10px;display:block;text-align:right}.bot-message span{background-color:#343541;width:fit-content}.user-message span{background-color:#6d6e76;width:fit-content;float:right}.chat-messages{flex:1;overflow-y:auto;height:70vh;max-height:70vh}.input-area{position:fixed;bottom:0;display:flex;padding:20px 10px;justify-content:center;max-width:800px;width:100%;align-items:flex-end}.input-area textarea{resize:none;height:55px;width:100%;border:1px gray;padding:15px 45px 15px 20px;color:var(--text-color);font-size:1rem;border-radius:4px;max-height:250px;overflow-y:auto;background:var(--incoming-chat-bg);outline:1px solid var(--incoming-chat-border)}.input-area span{margin-left:7px;font-size:1.4rem;background:var(--incoming-chat-bg);outline:1px solid var(--incoming-chat-border)}.chat-container{display:flex;flex-direction:column;height:80vh;max-height:80vh;justify-content:center;overflow-y:scroll}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:#1d1e20;color:#dadadb;max-width:800px;margin:0 auto}.header{text-align:center}:root{--text-color: #FFFFFF;--icon-color: #ACACBE;--icon-hover-bg: #5b5e71;--placeholder-color: #dcdcdc;--outgoing-chat-bg: #343541;--incoming-chat-bg: #444654;--outgoing-chat-border: #343541;--incoming-chat-border: #444654}