.demo-messenger-container{background-color:#fff;flex-direction:column;width:100%;height:100%;min-height:320px;display:flex}.pure-composer-wrapper{padding:8px}.pure-composer-container{background-color:#fff;border:2px solid #e4e4e7;border-radius:999px;flex-shrink:0;padding:4px 4px 4px 12px}.pure-composer-row{flex-direction:row;align-items:center;gap:8px;display:flex}.pure-composer-input{flex:1;align-items:center;display:flex}.pure-composer-button{background-color:#27272a;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.composer-cursor{vertical-align:middle;background-color:#27272a;width:2px;height:16px;margin-left:1px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.thinking-indicator{flex-direction:row;align-items:center;gap:4px;padding:8px 0;display:flex}.thinking-dot{background-color:#a1a1aa;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite thinking-bounce}.thinking-dot:first-child{animation-delay:0s}.thinking-dot:nth-child(2){animation-delay:.2s}.thinking-dot:nth-child(3){animation-delay:.4s}@keyframes thinking-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.thinking-shimmer{letter-spacing:-.4px;color:#71717a;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#71717a 0% 40%,#c8c8d2 50%,#71717a 60% 100%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;margin:0;padding:0;font-size:14px;line-height:24px;animation:1.5s ease-in-out infinite shimmer;display:block}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.typing-cursor{vertical-align:text-bottom;background-color:#71717a;width:2px;height:14px;margin-left:2px;animation:.6s step-end infinite blink;display:inline-block}.lotics-wave-avatar{color:#27272a;flex-shrink:0;width:24px;height:24px}.lotics-wave-svg{width:100%;height:100%;overflow:hidden}.lotics-wave-path{transform:translate(0)}.lotics-wave-path.animated{animation:1s linear infinite loticsWaveScroll}@keyframes loticsWaveScroll{0%{transform:translate(0)}to{transform:translate(-20px)}}@media (width<=768px){.demo-messenger-container{min-height:240px}}