#chatbot-container{display:none;position:fixed;bottom:20px;right:20px;width:300px;max-width:100%;z-index:9999;font-family:Arial,sans-serif}#chatbot{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden;display:flex;flex-direction:column;height:400px;width:100%}#chat-header{background-color:#18c9c9;color:#fff;padding:12px;text-align:center;font-size:16px;font-weight:700;border-bottom:2px solid #18c9c9}#chat-messages{flex-grow:1;padding:10px;overflow-y:auto;background-color:#fff;border-bottom:2px solid #f4f4f4;font-size:14px;color:#333}#chat-messages .bot-message,#chat-messages .user-message{display:flex;margin-bottom:12px;padding:10px;border-radius:8px;max-width:75%}#chat-messages .bot-message{background-color:#e5e5e5;align-self:flex-start}#chat-messages .user-message{background-color:#f4f4f4;color:#000;align-self:flex-end}#chat-input-container{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#fff;border-top:2px solid #ffffff}#chat-input{flex:1;padding:10px;font-size:14px;border:1px solid #ddd;border-radius:20px;outline:none;margin-right:10px;transition:border-color .3s ease}#chat-input:focus{border-color:#18c9c9}#send-button{padding:10px 20px;background-color:#18c9c9;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;transition:background-color .3s ease;flex-shrink:0;margin-top:10px}#send-button:hover{background-color:#0056b3}#send-button:focus{outline:none}@media (max-width: 480px){#chatbot-container{width:90%;bottom:10px;right:10px}#chat-header{font-size:14px}#chat-input,#send-button{font-size:12px}}#chatbot.minimized{height:50px;width:300px;overflow:hidden;border-radius:10px}#chat-messages,#chat-input-container{display:none}#chatbot.minimized #chat-header{border-radius:10px;padding:10px}#chatbot:not(.minimized) #chat-messages,#chatbot:not(.minimized) #chat-input-container{display:block}#toggle-chat{position:absolute;top:10px;right:10px;font-size:18px;background:transparent;border:none;color:#fff;cursor:pointer;font-weight:700;transition:color .3s ease}#toggle-chat:hover{color:#323841}
/*# sourceMappingURL=/cdn/shop/t/22/assets/openaichatbot.css.map */