.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-window{position:fixed;bottom:90px;right:2px;width:350px;max-height:500px;background-color:#fff;border-radius:12px;box-shadow:0 5px 25px #0003;display:none;flex-direction:column;z-index:1000;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chat-header{background-color:#4a6ee0;color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center}.chat-title{font-weight:600;font-size:16px}.close-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.chat-messages{flex:1;padding:15px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.message{max-width:75%;padding:10px 15px;border-radius:18px;font-size:14px;line-height:1.4}.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}.message audio{max-width:100%;width:200px;margin-top:4px;display:block}.chat-input-container{display:flex;padding:15px;border-top:1px solid #eaeaea;gap:10px}.chat-input{flex:1;padding:12px 15px;border:1px solid #ddd;border-radius:24px;outline:none}.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}.send-btn svg path,.record-btn svg path{fill:#fff!important}.send-btn:hover,.record-btn:hover{background-color:#3a5ecf}.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)}}#typingIndicatorContainer{position:sticky;bottom:0;background:#fff;padding:8px 12px;z-index:5}.typing-indicator{display:flex;align-items:center;gap:6px;color:#555;font-size:14px}.typing-indicator div{width:7px;height:7px;background:#777;border-radius:50%;animation:typingBlink 1s infinite ease-in-out}.typing-indicator div:nth-child(2){animation-delay:.15s}.typing-indicator div:nth-child(3){animation-delay:.3s}@keyframes typingBlink{0%{opacity:.3;transform:translateY(0)}20%{opacity:1;transform:translateY(-3px)}to{opacity:.3;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/chatbot.css.map */