.chatbot-ui{position:absolute;top:0;width:100%}.chatbot-ui .show-btn{position:absolute;top:10px;right:10px}.chatbot-ui .btn{cursor:pointer;color:#fff;background-color:#385d52;padding:5px 10px;border-radius:5px;text-align:center}.chatbot-ui .dialog{display:none;position:fixed;top:0;left:0;right:0;bottom:0;align-items:center;justify-content:center}.chatbot-ui .dialog .bg{background:#000000a0;width:100%;height:100%}.chatbot-ui .dialog .content{position:absolute;display:flex;flex-direction:column;background-color:wheat;padding:20px;border-radius:15px}.chatbot-ui .dialog .content .btn{display:block;margin:5px}.chatbot-ui .chat-panel{display:none;background-color:#385d5290;background-color:#f0f0f0;position:absolute;top:10px;right:10px;width:350px;height:60vh}.chatbot-ui .chat-panel .chat-log{height:calc(100% - 80px);overflow-y:auto;padding:10px}.chatbot-ui .chat-panel .chat-log .msg .msg-txt{padding:5px;border-radius:5px;display:inline-block;margin-bottom:10px;white-space:pre-wrap}.chatbot-ui .chat-panel .chat-log .msg .msg-txt .btn{display:block}.chatbot-ui .chat-panel .chat-log .msg-user{text-align:right}.chatbot-ui .chat-panel .chat-log .msg-user .msg-txt{background-color:#def}.chatbot-ui .chat-panel .chat-log .msg-bot .msg-txt{background-color:#fff}.chatbot-ui .chat-panel .chat-input{padding:0 25px;position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;box-sizing:border-box}.chatbot-ui .chat-panel .chat-input input{position:relative;flex:1 1 auto;width:1%;min-width:0}.chatbot-ui .chat-panel .chat-input input{margin:0;display:block;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.chatbot-ui .chat-panel .chat-input input:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.chatbot-ui .chat-panel .chat-input input:before,.chatbot-ui .chat-panel .chat-input input:after{box-sizing:border-box}.chatbot-ui .chat-panel .chat-input .mic-btn{padding:.5rem;border-radius:50%;z-index:2}.chatbot-ui .chat-panel .chat-input .mic-btn:hover{background-color:#d9d9d9;border-top-left-radius:50%;border-bottom-left-radius:50%}.chatbot-ui .chat-panel .chat-input .mic-btn.active{padding:.25rem;border:.25rem solid #86b7fe;box-shadow:0 0 0 .25rem #0d6efd40}.chatbot-ui .chat-panel .chat-input .mic-btn.active path{fill:#1967d2}.chatbot-ui .mic-status{position:absolute;display:none;top:10px;right:10px;width:30px;height:30px;border-radius:50%;animation:pulse-animation 2s infinite;background-color:#00f}body{margin:0}@keyframes pulse-animation{0%{box-shadow:0 0 #1967d266}to{box-shadow:0 0 0 30px #1967d200}}.app{width:100vw;height:100vh}.app .mic-btn{position:absolute;bottom:50px;left:50%;border-radius:50%;background-color:#1967d2;display:flex;transform:translate(-50%)}.app .mic-btn svg{fill:#fff;padding:10px}.app .mic-btn.active{background-color:#1967d2;animation:pulse-animation 2s infinite}