@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);.chat-input,.chatbot-container,.chatbot-title,.chatbox,.message,.message-bubble,.send-button,.suggestion-tag,.suggestions-container,.suggestions-title,body{font-family:Roboto,sans-serif}.chatbot-container{padding:10px;height:500px;overflow-y:scroll;position:relative;border:1px solid #ccc;border-radius:8px;width:auto;max-height:500px;display:flex;flex-direction:column;background:#fff;margin:10px}.chatbox{position:relative;height:200px;border:1px solid #ccc;border-radius:5px}.send-button{width:auto;border:none;background-color:#6072e2;color:#fff;padding:10px;border-radius:4px;cursor:pointer;margin:5px}.chatbot-title,.chatbox{padding:10px;border-bottom:1px solid #ccc}.thinking-animation{display:inline-block;margin-left:5px;font-size:1.2em;color:#888;animation:1s infinite blink}@keyframes blink{0%,100%{opacity:1}50%{opacity:.5}}.chatbot-container.widget{width:auto}.chatbot-title{font-size:1.2em}.chatbot-title.widget,.loading-dots{font-size:1em}.message.user{text-align:right;color:#007bff}.message.bot{text-align:left;color:#333}.chatbox{flex:1;overflow-y:auto;background:#fafafa}.message{margin:5px 0;padding:5px;display:flex;justify-content:flex-start}.message.user{justify-content:flex-end}.message-bubble.user{background:#007bff;color:#fff}.message-bubble.bot{background:#f1f1f1;color:#333}.loading-dots{display:inline-block;margin-left:5px;color:#888;animation:1.5s infinite dots}@keyframes dots{0%,100%,20%,80%{opacity:0}50%{opacity:1}}.chat-input{width:auto;border:1px solid #ccc;border-radius:4px;padding:5px;margin:5px}.send-button:disabled{background-color:#ddd;cursor:not-allowed}.message-bubble{max-width:80%;background:#e0e0e0;line-height:1.4;padding:10px;border-radius:10px;margin-bottom:10px;position:relative}.message-sender{font-weight:700;font-size:.9em;margin-bottom:5px}.message.user .message-bubble{background-color:#3c7ac0;text-align:right}.message.bot .message-bubble{background-color:#f1f1f1;text-align:left}.suggestions-container{display:flex;flex-direction:column;gap:8px;margin-top:10px}.suggestions-title{font-weight:400;font-size:.8em;margin-bottom:5px;color:#555}.suggestion-tag{background-color:#e0e0e0;border-radius:15px;padding:8px 12px;cursor:pointer;font-size:.9em;transition:background-color .2s}.suggestion-tag:hover{background-color:#ccc}