.chat-mock{--cm-dir:1}[dir=rtl] .chat-mock{--cm-dir:-1}@keyframes cm-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@keyframes cm-thinking{0%{opacity:0;transform:translateY(6px)}12%,85%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes cm-dot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes cm-pointer{0%{opacity:0;transform:translate(calc(var(--cm-dir) * 64px), 72px)}20%{opacity:1}68%{opacity:1;transform:translate(0)scale(1)}78%{transform:translate(0)scale(.82)}88%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(0)}}@keyframes cm-press{0%,to{transform:none;box-shadow:0 0 #c6f43200}40%{transform:scale(.94);box-shadow:0 0 0 6px #c6f43247}}@keyframes cm-mute{0%{color:var(--color-slate-300);border-color:var(--color-navy-800)}to{color:var(--color-slate-400);border-color:#0000}}.cm-thinking,.cm-pointer{opacity:0}.cm-cancel{color:var(--color-slate-400);border-color:#0000}.js .chat-mock .cm-user{animation:.45s ease-out .5s both cm-in}.js .chat-mock .cm-thinking{animation:1.7s ease-out 1.3s both cm-thinking}.js .chat-mock .cm-dot{animation:.8s ease-in-out 1.3s 2 cm-dot}.js .chat-mock .cm-dot:nth-child(2){animation-delay:1.45s}.js .chat-mock .cm-dot:nth-child(3){animation-delay:1.6s}.js .chat-mock .cm-card{animation:.5s ease-out 3s both cm-in}.js .chat-mock .cm-pointer{animation:1.1s ease-in-out 3.8s both cm-pointer}.js .chat-mock .cm-confirm{animation:.35s ease-out 4.55s both cm-press}.js .chat-mock .cm-cancel{animation:.3s ease-out 5s both cm-mute}.js .chat-mock .cm-done{animation:.5s ease-out 5.3s both cm-in}.js .chat-mock:not(.is-playing) *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.chat-mock *{animation:none!important}}