.chat-box{max-width:650px;margin:2rem auto;font-family:system-ui,sans-serif}.chat-messages{display:flex;flex-direction:column;gap:4rem}.chat-message{display:flex;align-items:flex-end;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;gap:8px;position:relative;z-index:1}.chat-message.visible{opacity:1;transform:translateY(0)}.chat-avatar{width:75px;height:75px;border-radius:50%;object-fit:cover;margin-bottom:-8px}.chat-bubble{background:#f1f0f0;padding:14px;border-radius:20px;min-width:60px;max-width:60%;position:relative}.chat-bubble p{margin:0;display:none}.typing-indicator{display:flex;justify-content:space-between;width:24px;margin:0 auto}.typing-indicator span{width:6px;height:6px;background-color:#999;border-radius:50%;opacity:.3;animation:blink 1.2s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.3}40%{opacity:1}}.chat-message:nth-child(2n){flex-direction:row;justify-content:flex-start}.chat-message:nth-child(2n) .chat-bubble{background:#f1f0f0;border-bottom-left-radius:.5rem}.chat-message:nth-child(odd){flex-direction:row-reverse;justify-content:flex-start}.chat-message:nth-child(odd) .chat-bubble{border-bottom-right-radius:.5rem}.chat-message:nth-child(2n) .typing-indicator span{background-color:#ffffffe6}.chat-message:nth-child(odd) .chat-avatar{margin-right:10px}.chat-message:nth-child(2n) .chat-avatar{margin-left:10px}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-chat-box.css.map */