@media(max-width:749px){ .m-ai-panel #mAIInput{font-size:16px} }
#mAIBody{scrollbar-width:thin;scrollbar-color:rgba(14,36,36,.2) transparent}
#mAIBody::-webkit-scrollbar{width:6px}
#mAIBody::-webkit-scrollbar-thumb{background:rgba(14,36,36,.2);border-radius:99px}
@media(prefers-reduced-motion:no-preference){
  #mAIBody .m-ai-msg{animation:mAiIn .26s var(--mintu-ease,cubic-bezier(.22,1,.36,1)) both}
  @keyframes mAiIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
}
.m-ai-typing{display:inline-flex!important;gap:5px;align-items:center;padding:14px 16px!important}
.m-ai-typing span{width:7px;height:7px;border-radius:50%;background:#9FB4B2;display:inline-block;animation:mAiDot 1.2s infinite ease-in-out}
.m-ai-typing span:nth-child(2){animation-delay:.18s}
.m-ai-typing span:nth-child(3){animation-delay:.36s}
@keyframes mAiDot{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}
@media(prefers-reduced-motion:reduce){.m-ai-typing span{animation:none}}
#mAISend{transition:transform var(--mintu-fast,120ms) var(--mintu-ease,ease)}
#mAISend:active{transform:scale(.93)}
.m-ai-input.is-empty #mAISend{opacity:.55}
.m-ai-clear{display:none;flex:0 0 auto;width:30px;height:30px;border:0;border-radius:50%;background:rgba(14,36,36,.06);color:#4A5C5A;font-size:18px;line-height:1;cursor:pointer;transition:background var(--mintu-fast,120ms) var(--mintu-ease,ease)}
.m-ai-clear:hover{background:rgba(14,36,36,.12)}
.m-ai-input.has-text .m-ai-clear{display:inline-flex;align-items:center;justify-content:center}
.m-ai-sug>*{transition:transform var(--mintu-fast,120ms) var(--mintu-ease,ease)}
.m-ai-sug>*:active{transform:translateY(1px)}
@media(max-width:749px){
  .m-ai-sug{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .m-ai-sug::-webkit-scrollbar{display:none}
  .m-ai-sug>*{flex:0 0 auto}
}