@charset "UTF-8";
.chatbot-header { background: url('https://chatbot.ecbeing.io/data/design/chatbot-icon-w.png') center left 15px / 32px auto no-repeat; }
.chatbot-header { background-color: #006450; }
.chatbot-title, .chatbot-title * { color: #ffffff; }
.chatbot-disclaimer { color: #ffffff; }
@media screen and (max-width: 800px) {
.chatbot-header { background-position: top 8px center; }
}
.chatbot-message-bot-icon { background: url('https://chatbot.ecbeing.io/data/design/chatbot-icon-b.png') center center / 32px auto no-repeat; }
.feedback-button.good { background: url('https://chatbot.ecbeing.io/data/design/feedback-good.png'); background-size: contain; background-repeat: no-repeat; background-position: center; }
.feedback-button.bad { background: url('https://chatbot.ecbeing.io/data/design/feedback-bad.png'); background-size: contain; background-repeat: no-repeat; background-position: center; }
.chatbot-message-bot { background-color: #f8f7f2; }
.chatbot-message-bot { color: #333333; }
.chatbot-message-bot.message-error { background-color: #ffffff; }
.chatbot-message-user { background-color: #f5f5f5; }
.chatbot-message-user { color: #333333; }
.chatbot-answer-reference-url a { color: #006450; }
.chatbot-content { background-color: #ffffff; }
.send-chat { background: url('https://chatbot.ecbeing.io/data/design/chatbot-send-black.png') center center / 20px auto no-repeat; }
.chatbot-footer { background-color: #f5f5f5; }
.chatbot-container { left: 20px; }
@media screen and (max-width: 800px) {
.chatbot-container { position: fixed; left: 10px; bottom: 0; z-index: 9999; }
.chatbot-icon { position: relative; top: 0; }
.message-user { margin: 10px 0 10px 80px; }
}
.chatbot-container { overflow: visible; }
.hide-chatbot { position: absolute; top: -20px; right: -20px; background: #DEDEDE; border: none; border-radius: 50%; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 1; }
.hide-chatbot-icon { width: 20px; height: 20px; background: url('https://chatbot.ecbeing.io/data/design/chatbot-hide.svg') center center / 23px auto no-repeat; }
.chatbot-header { border-radius: 8px 8px 0 0; }
@media screen and (max-width: 800px) {
.hide-chatbot { right: -10px; }
.chatbot-header { border-radius: 5px 5px 0 0; }
.chatbot-container .chatbot-frame { transform: scale(0.5); transition: inherit; transform-origin: bottom left; }
.chatbot-container.is-open .chatbot-frame { transform: scale(1.0); }
}