.chatbot-btn{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background-color:#4a6ee0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000026;z-index:1000;transition:all .3s ease}.chatbot-btn:hover{transform:scale(1.05);background-color:#3a5ecf}.chatbot-btn svg{width:30px;height:30px;fill:#fff}.chat-title{font-weight:600;font-size:16px}.close-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.user-message{align-self:flex-end;background-color:#4a6ee0;color:#fff;border-bottom-right-radius:5px}.bot-message{align-self:flex-start;background-color:#f0f2f5;color:#333;border-bottom-left-radius:5px;width:100%}.chat-window{max-width:400px;height:500px;display:flex;flex-direction:column;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a}.chat-header{flex-shrink:0;padding:10px;background-color:#f1f1f1;border-bottom:1px solid #ccc}.chat-messages{flex-grow:1;overflow-y:auto;padding:10px;min-height:0}.message audio{width:100%;outline:none;border-radius:6px;margin-top:4px}.chat-input-container{flex-shrink:0;padding:10px;border-top:1px solid #ccc;display:flex;align-items:center}.message{min-height:min-content;max-width:70%;padding:8px 12px;margin:6px 0;border-radius:12px;word-wrap:break-word;overflow-wrap:break-word;overflow-y:auto}.chat-input{flex:1;padding:12px 15px;border:1px solid #ddd;border-radius:24px;outline:none;font-size:14px}.chat-input:focus{border-color:#4a6ee0}.send-btn,.record-btn{background-color:#4a6ee0;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.send-btn:hover,.record-btn:hover{background-color:#3a5ecf}.send-btn svg,.record-btn svg{width:18px;height:18px;fill:#fff}.record-btn.recording{background-color:#e74c3c;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.typing-indicator{display:flex;align-items:center;margin-bottom:10px}.typing-dot{width:8px;height:8px;border-radius:50%;background-color:#a6a6a6;margin:0 2px;animation:typing 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/chatbot.css.map */