/**
 * Text Chat Demo
 * Animation styles for the landing page text chat demo.
 * Reuses .message / .message-content from chat-bubbles.css.
 */

.js-demo-text-chat {
    pointer-events: none;
    user-select: none;
}

.js-demo-text-chat .message-content {
    font-size: 0.8rem;
    padding: 0.6rem 0.8rem;
    max-width: 85%;
}

.js-demo-text-chat .js-chat-cursor {
    animation: demoCursorBlink 0.8s step-end infinite;
    font-weight: 300;
    color: var(--brand-primary, #143CFF);
}

@keyframes demoCursorBlink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}

.js-demo-text-chat .js-chat-send-btn.js-active {
    opacity: 1 !important;
}