.typingIndicatorContainer{display:flex;flex:none;align-items:flex-end;margin:4px 0}.typingIndicatorBubble{display:flex;align-items:center;justify-content:center;width:52px;height:32px;margin:0 8px;border-radius:var(--radius-lg)}.typingIndicatorBubbleDot{width:4px;height:4px;margin-right:4px;background-color:var(--color-stone-500);border-radius:50%;animation-name:bounce;animation-duration:1.3s;animation-timing-function:linear;animation-iteration-count:infinite}.typingIndicatorBubbleDot:first-of-type{margin:0 4px}.typingIndicatorBubbleDot:nth-of-type(2){animation-delay:.15s}.typingIndicatorBubbleDot:nth-of-type(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes limeBorderFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes liquidLime{0%{background-position:0 0,100% 0,50% 100%;filter:blur(16px)}50%{background-position:50% 100%,0 50%,100% 0;filter:blur(22px)}to{background-position:100% 0,0 100%,50% 0;filter:blur(16px)}}.ai-wrapper{position:relative}.ai-wrapper:before{content:"";position:absolute;inset:0;border-radius:1.2rem;opacity:0;transition:opacity .6s ease-in-out;pointer-events:none;z-index:0}.ai-generating{position:relative;border-radius:1rem;overflow:hidden;z-index:1}.ai-generating:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;opacity:0;transition:opacity .6s ease-in-out;pointer-events:none;z-index:1}.ai-generating:after{content:"";position:absolute;inset:1.5px;background:white;border-radius:calc(1rem - 2px);z-index:0}.ai-wrapper.active:before{background:radial-gradient(circle at 25% 20%,#ecfccb 0,transparent 60%),radial-gradient(circle at 80% 40%,#bef264 0,transparent 65%),radial-gradient(circle at 50% 80%,#65a30d 0,transparent 65%),radial-gradient(circle at 70% 60%,#3f6212 0,transparent 70%);background-size:140% 140%,160% 160%,150% 150%,140% 140%;animation:liquidLime 4s ease-in-out infinite alternate;opacity:.5}.ai-generating.active:before{background:linear-gradient(270deg,#ecfccb,#d9f99d,#a3e635,#65a30d,#3f6212);background-size:300% 300%;animation:limeBorderFlow 3s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:1}