body{background:linear-gradient(90deg,#e2cfe6,#ff6b3500 81%,#fff0);font-family:Arial,Helvetica,sans-serif;margin:0}.user-chat{display:flex;margin:.5rem;justify-content:end;align-items:start}.bot-chat{display:flex;margin:.5rem;align-items:start}.chat-message-text{display:flex;padding:1rem;background-color:#eee;flex-direction:column;border-radius:.8rem;margin:0rem .5rem .5rem;max-width:60vh}.chat-message-profile{width:2.9rem}.loading-spinner{height:40px;margin:-15px}.chat-message-time{display:flex;justify-content:end;padding-top:.6rem;color:#818181;font-size:small}.chat-message-container{margin-top:3rem;flex-grow:1;overflow:scroll;scrollbar-width:none}.chat-message-container.empty{margin-top:5rem;display:flex;height:100vh;justify-content:center}.welcome-message{font-size:2rem;color:#9303e7d5}.send-button{background-color:#a200ff;color:#fff;padding:.8rem 1.5rem;border-radius:.7rem;margin-left:.5rem;font-size:1rem;border:none;cursor:pointer}.clear-button{background-color:#cc2a2a;color:#fff;padding:.8rem 1.5rem;border-radius:.7rem;margin-left:.5rem;font-size:1rem;border:none;cursor:pointer}.clear-button:hover{background-color:#b43232}.send-button:hover{background-color:#9303e7}.chat-input{padding:.8rem 1rem;font-size:1rem;border-radius:.7rem;border:1px solid;flex-grow:1}.chat-input:focus{border:1.7px solid #ba5dca;outline:none}.chat-input-container{display:flex;margin-bottom:2rem}.app-container{display:flex;flex-direction:column;max-width:120vh;margin-left:auto;margin-right:auto;height:100vh}