.chatbot-window{position:fixed;bottom:20px;right:20px;width:300px;height:400px;background-color:#fff;border:1px solid #ccc;font-family:sans-serif;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}.chat-window{overflow-y:auto;padding:10px;flex:1}.chat-rounded,.chatbot-window{z-index:999 !important}.message{margin-bottom:10px;display:flex;flex-direction:row;align-items:center}.received{justify-content:flex-start}.sent{justify-content:flex-end}.message pre{background-color:#eee;padding:10px;border-radius:10px;max-width:75%;white-space:break-spaces;font-family:sans-serif !important;line-height:1.4;font-size:15px}.input-container{display:flex;flex-direction:row;align-items:center;padding:10px}input[type="text"]{flex:1;padding:10px;margin-right:10px;border:0;border-radius:5px;font-size:16px;outline:0}button{background-color:#007bff;color:#fff;padding:10px;border:0;border-radius:5px;font-size:16px;cursor:pointer}.chat-header{background-color:#007bff;padding:10px;color:#fff;font-weight:bold;display:flex;justify-content:space-between;align-items:center}.show{display:flex}.hide{display:none}button.chat-rounded{border-radius:50%;padding:10;position:absolute;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}.chat-icon{font-size:30px !important}div.typing-animation span{width:10px;height:10px;background-color:#d1cfcf;display:inline-block;margin:1px;border-radius:50%}div.typing-animation span:nth-child(1){animation:bounce 1s infinite}div.typing-animation span:nth-child(2){animation:bounce 1s infinite .2s}div.typing-animation span:nth-child(3){animation:bounce 1s infinite .4s}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(5px)}100%{transform:translateY(0)}}