body{margin:0;padding:0;font-family:Lato,sans-serif;background-color:#f6f7f9}h1{margin:0;font-size:16px;line-height:1}button{color:inherit;background-color:transparent;border:0;outline:0!important;cursor:pointer}button.chatbox-open{position:fixed;bottom:0;right:0;width:52px;height:52px;color:#fff;background-color:#1976d2;background-position:center center;background-repeat:no-repeat;box-shadow:12px 15px 20px #2e3d4926;border:0;border-radius:50%;cursor:pointer;margin:16px}button.chatbox-close{position:fixed;bottom:0;right:0;width:52px;height:52px;color:#fff;background-color:#1976d2;background-position:center center;background-repeat:no-repeat;box-shadow:12px 15px 20px #2e3d4926;border:0;border-radius:50%;cursor:pointer;margin:16px 84px 16px 16px}textarea{box-sizing:border-box;width:100%;margin:0;height:24px;padding:0 8px;font-family:inherit;font-size:16px;line-height:24px;color:#888;background-color:none;border:0;outline:0!important;resize:none;overflow:hidden}textarea::placeholder{color:#888}.chatbox-popup{display:flex!important;position:fixed;box-shadow:5px 5px 25px #2e3d4933;flex-direction:column;bottom:84px;right:16px;width:377px;height:auto;background-color:#fff;border-radius:16px}.chatbox-popup .chatbox-popup__header{box-sizing:border-box;display:flex;width:100%;padding:16px;color:#fff;background-color:#1976d2;align-items:center;justify-content:space-around;border-top-right-radius:12px;border-top-left-radius:12px}.chatbox-popup .chatbox-popup__header .chatbox-popup__avatar{margin-top:-32px;background-color:#1976d2;border:5px solid rgba(0,0,0,.1);border-radius:50%}.chatbox-popup .chatbox-popup__main{box-sizing:border-box;width:100%;padding:10px;line-height:24px;color:#888;text-align:center}.chatbox-popup .chatbox-popup__footer{box-sizing:border-box;display:flex;width:100%;padding:16px;border-top:1px solid #ddd;align-items:center;justify-content:space-around;border-bottom-right-radius:12px;border-bottom-left-radius:12px}.chatbox-panel{display:flex!important;position:absolute;box-shadow:5px 5px 25px #2e3d4933;flex-direction:column;top:0;right:0;bottom:0;width:377px;background-color:#fff}.chatbox-panel .chatbox-panel__header{box-sizing:border-box;display:flex;width:100%;padding:16px;color:#fff;background-color:#1976d2;align-items:center;justify-content:space-around;flex:0 0 auto}.chatbox-panel .chatbox-panel__main{box-sizing:border-box;width:100%;padding:10px;line-height:24px;color:#888;text-align:center;flex:1 1 auto}.chatbox-panel .chatbox-panel__footer{box-sizing:border-box;display:flex;width:100%;padding:16px;border-top:1px solid #ddd;align-items:center;justify-content:space-around;flex:0 0 auto}.message-container{display:flex;align-items:flex-end;margin-bottom:10px}.user{justify-content:flex-end}.chatbot{justify-content:flex-start}.message-bubble{background-color:#eee;border-radius:40px;padding:10px 15px;max-width:70%}.user .message-bubble{border-top-right-radius:0;background-color:#1976d2;color:#fff}.chatbot .message-bubble{border-top-left-radius:0}.chatbot-container{max-height:400px;overflow-y:scroll;padding:5px}.chatbot-container::-webkit-scrollbar{width:10px;background-color:#f5f5f5}.chatbot-container::-webkit-scrollbar-thumb{border-radius:8px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#eee}.chatbot-typing-indicator{display:flex;align-items:center;justify-content:center;height:20px;width:80px;margin:10px 0}.chatbot-typing-indicator span{background-color:#ccc;border-radius:50%;display:inline-block;height:8px;margin:0 5px;width:8px;animation:typing 1s infinite}.chatbot-typing-indicator span:nth-of-type(2){animation-delay:.2s}.chatbot-typing-indicator span:nth-of-type(3){animation-delay:.4s}@keyframes typing{0%{opacity:1}50%{opacity:0}to{opacity:1}}.bot-title{flex:10;text-align:center}.bot-header-icon{flex:1}.bot-footer{flex:10}.bot-footer-icon{flex:1;color:#1976d2;text-align:center;cursor:pointer}.chat-button{background-color:#eee;border:1px solid #888;color:#888;border-radius:8px;padding:10px 20px;text-decoration:none}.chat-button:hover{background-color:#1976d2;color:#fff}.display-top{z-index:999999999}