.message-list::-webkit-scrollbar{width:6px}.message-list::-webkit-scrollbar-thumb{background-color:var(--greyscale-500);border-radius:4px}.message-list::-webkit-scrollbar-track{background-color:var(--greyscale-100);border-radius:4px}.chat{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.chat-left{align-items:flex-start!important}.chat-right{align-items:flex-end}.bubble-chat{display:inline-flex;padding:10px 15px;max-width:min(600px,100%);word-wrap:break-word;overflow-wrap:anywhere;word-break:break-word;display:inline-block;white-space:normal;overflow:hidden;box-sizing:border-box}.bubble-chat-user{background:var(--Primary-0,#EFFFE6);border-radius:15px 0 15px 15px;color:var(--greyscale-900)}.bubble-chat-other{background:var(--Greyscale-25,#F8F9FB);border-radius:0 15px 15px 15px;color:var(--greyscale-900)}.div-4{display:flex;align-items:center;gap:5px}.text-wrapper-3{color:var(--greyscale-500);text-align:right}.icon-instance-node{color:var(--primary100-base)}.audio-message-player{width:100%;max-width:250px;margin-top:5px}.image-message{max-width:100%;height:auto;border-radius:0 15px 15px 15px;margin-top:5px}.image-attachments-scroll{max-height:380px;overflow-y:auto;overflow-x:hidden;padding-right:4px;align-content:flex-start}.message-time{font-size:12px}.message-html-content{max-width:100%;overflow-x:auto;overflow-wrap:anywhere;word-break:break-word}.message-html-content table{max-width:100%;border-collapse:collapse}.message-html-content img{max-width:100%;height:auto}.ai-typing-indicator{display:inline-flex;gap:4px;align-items:center;padding:2px 0}.ai-typing-indicator span{width:8px;height:8px;background:var(--primary100-base);border-radius:50%;animation:ai-bounce 1.2s infinite;opacity:.4}.ai-typing-indicator span:nth-child(2){animation-delay:.2s}.ai-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes ai-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.customer-typing-indicator{display:inline-flex;gap:4px;align-items:center;padding:2px 0}.customer-typing-indicator span{width:8px;height:8px;background:var(--greyscale-500);border-radius:50%;animation:customer-bounce 1.2s infinite;opacity:.4}.customer-typing-indicator span:nth-child(2){animation-delay:.2s}.customer-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes customer-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}