body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f5f5f5;height:100vh;overflow:auto}.chat-container{position:fixed;bottom:0;right:0;margin-right:10px;width:350px;max-width:100%;height:500px;background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;transform:translateY(calc(100% + 10px));transition:transform .3s ease;margin-bottom:10px}.chat-container.open{transform:translateY(0)}.chat-header{padding:10px;background-color:#36c08f;color:#fff;text-align:center;border-radius:10px 10px 0 0;cursor:pointer}.chat-messages{flex:1;padding:10px;overflow-y:auto;background-color:#f9f9f9;font-size:14px}.chat-input{display:flex;padding:10px;background-color:#fff;border-top:1px solid #ddd;border-radius:0 0 10px 10px}.chat-input input{flex:1;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px}.chat-input button{padding:10px 20px;border:none;background-color:#36c08f;color:#fff;margin-left:10px;border-radius:5px;cursor:pointer;font-size:14px}.chat-message{margin-bottom:10px}.chat-message.bot{text-align:left}.chat-message.user{text-align:right}.chat-message p{display:inline-block;padding:10px;border-radius:5px;max-width:70%;font-size:14px;overflow-wrap:break-word;word-wrap:break-word;text-align:center}.chat-message.bot p{background-color:#e0e0e0}.chat-message.user p{background-color:#36c08f;color:#fff}.chat-toggle{position:fixed;bottom:40px;right:40px;background-color:#36c08f;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;display:none}.chat-toggle.hidden{display:none}.chat-toggle.visible{display:block}@media (max-width: 600px){.chat-container{width:85%;margin-right:5px;border-radius:10px;transform:translateY(calc(100% + 5px));transition:transform .3s ease;margin-bottom:5px}.chat-header,.chat-messages,.chat-input input,.chat-input button{padding:8px}.chat-messages,.chat-input input,.chat-input button{font-size:12px}.chat-toggle{padding:8px 16px;font-size:14px;bottom:20px;right:20px}}.typing-dots{display:flex;justify-content:center;align-items:center;padding:20px;background-color:#e0e0e0;border-radius:5px;max-width:30%}.typing-dot{width:4px;height:4px;margin:0 2px;background-color:#888;border-radius:50%;animation:jump 1.4s infinite}.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 jump{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/styles.css.map */