.typing-indicator {
    \n display: flex;
    \n align-items: center;
    \n gap: 0.75rem;
    \n margin-bottom: 1.25rem;
    \n animation: slideUp 0.3s ease;
    \n
}

\n\n.typing-dots {
    \n background: rgba(255, 255, 255, 0.05);
    \n backdrop-filter: blur(10px);
    \n padding: 1rem 1.5rem;
    \n border-radius: 16px;
    \n display: flex;
    \n gap: 0.4rem;
    \n border: 1px solid rgba(255, 255, 255, 0.08);
    \n
}

\n\n.typing-dots span {
    \n width: 8px;
    \n height: 8px;
    \n border-radius: 50%;
    \n background: var(--text-secondary);
    \n animation: typingDot 1.4s infinite;
    \n
}

\n\n.typing-dots span:nth-child(2) {
    \n animation-delay: 0.2s;
    \n
}

\n\n.typing-dots span:nth-child(3) {
    \n animation-delay: 0.4s;
    \n
}

\n\n@keyframes typingDot {

    \n 0%,
    60%,
    100% {
        \n transform: translateY(0);
        \n opacity: 0.5;
        \n
    }

    \n 30% {
        \n transform: translateY(-10px);
        \n opacity: 1;
        \n
    }

    \n
}