.interactive-chat>[hidden]{display:none!important}.demo-composing{padding:16px 20px;border:1px solid #5a7c8955;border-radius:8px;background:#1d3441;align-self:flex-start;max-width:95%;min-width:160px;flex-shrink:0}.composing-label{font-size:10px;color:#b9d8d5;display:block;margin-bottom:9px}.composing-text{font-size:14px;line-height:1.7;color:#deedef;white-space:pre-wrap}.demo-composing:not(.is-agent) .composing-text:after{content:'▍';color:#bce7d1;animation:demo-caret .9s steps(1) infinite}.composing-dots{display:none;gap:5px;padding:9px 0}.is-agent .composing-dots{display:flex}.demo-composing.is-agent{align-self:flex-end;background:#28463e;min-width:185px}.composing-dots i{width:6px;height:6px;border-radius:50%;background:#badfcf;animation:demo-dots 1.1s ease-in-out infinite}.composing-dots i:nth-child(2){animation-delay:.15s}.composing-dots i:nth-child(3){animation-delay:.3s}[data-playback=paused] .demo-composing *{animation-play-state:paused!important}@keyframes demo-caret{50%{opacity:0}}@keyframes demo-dots{0%,70%,100%{opacity:.4;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.demo-composing{display:none}.demo-composing *{animation:none!important}}