.chat-preview{border-radius:10px;box-shadow:0 4px 8px #0000001a;font-family:Impulse!important;margin-left:auto;margin-right:auto;margin-top:15px;max-width:300px;overflow:hidden;width:100%}.chat-conversation{border-radius:10px;display:flex;flex-direction:column;font-size:14px;height:400px;overflow-y:auto;position:relative}.chat-conversation.dark{background-color:#151921}.chat-conversation.light{background-color:#fff}.chat-conversation.light .chat-header{color:#fff}.chat-conversation.dark .chat-header,.chat-conversation.light .chat-header{background-color:#4dc1b8;cursor:pointer;height:auto;left:0;padding:15px;position:relative;right:0;top:0}.chat-conversation.dark .chat-header{color:#000}.chat-messages{flex:1 1 auto;overflow-y:auto;overflow:none;overflow-y:scroll;padding:10px;scrollbar-width:thin}@supports selector(::-webkit-scrollbar){.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-thumb{background:var(--thumb);border-radius:4px}.chat-messages::-webkit-scrollbar-track{background:var(--track)}}.chat-messages::-webkit-scrollbar-track{background:none}.chat-messages::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px}.chat-messages::-webkit-scrollbar{height:10px;width:10px}.message{background-color:#f1f1f1;border-radius:20px;margin-bottom:10px;padding:10px 10px 10px 15px}.message p{margin:0}.user-message{align-self:flex-end;background-color:#4dc1b8}.chat-conversation.light .bot-message,.user-message{box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;color:#384357}.chat-conversation.light .bot-message{align-self:flex-start;background-color:#fff}.chat-conversation.dark .bot-message{align-self:flex-start;background-color:#384357;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;color:#fff}.bot-preview-container{min-width:300px;overflow:hidden;z-index:1000!important}.typing-indicator{margin:10px}.typing-indicator .dot{animation:bounce 1s infinite alternate;background-color:#aaa;border-radius:50%;height:8px;width:8px}@keyframes bounce{to{transform:translateY(-50%)}}.chat-input{display:flex;padding:10px}.chat-input::-webkit-scrollbar-track{background:none}.chat-input::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px}.chat-input::-webkit-scrollbar{height:10px;width:10px}.chat-conversation.light .chat-input textarea{border:1px solid #ccc;border-radius:5px;margin-bottom:0}.chat-conversation.dark .chat-input textarea,.chat-conversation.light .chat-input textarea{flex-grow:1;margin-right:10px;max-height:50px;min-height:30px;padding:10px;transition:border-color .3s ease;width:217px}.chat-conversation.dark .chat-input textarea{background-color:#384357;border:1px solid #384357;border-radius:5px;color:#fff}.chat-input textarea:focus{border:2px solid #4dc1b8;outline:none}.chat-input button{background-color:#4dc1b8;border:none;border-radius:5px;color:#fff;cursor:pointer;height:50px;padding:10px 20px}@media screen and (max-width:900px){.bot-preview-container{min-width:90vw}.chat-preview{max-width:80vw}.chat-input{width:80vw}.chat-conversation{border-radius:10px;height:80vh;overflow-y:auto}}