/* Ключевые кадры для эффекта пульсации */
@keyframes pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3; /* Пульсация до 30% прозрачности */
    }
    100% {
        opacity: 1;
    }
}

/* Класс, который будет добавляться к вашему SVG-элементу во время записи */
.mic_icon.is-pulsing {
    animation: pulse 1s infinite ease-in-out;
    color: red; /* Применяет анимацию пульсации бесконечно */
}

/* Анимация пульсации бордера */
@keyframes botBorderPulse {
    0% {
        border-left-color: rgba(0, 0, 0, 1);
    }
    50% {
        border-left-color: rgba(0, 0, 0, 0);
    }
    100% {
        border-left-color: rgba(0, 0, 0, 1);
    }
}

.bot-msg-container {
    position: relative;
    border-left: .3rem solid rgba(0, 0, 0, 1);
    transition: border-left-color 0.4s ease;
}

/* Пока сообщение пустое (ожидание стриминга) */
.bot-msg-container.is-loading {
    animation: botBorderPulse 0.3s ease-in-out infinite;
}

/* Как только стриминг начался — бордер исчезает */
.bot-msg-container:not(.is-loading) {
    border-left-color: rgba(0, 0, 0, 0);
}
/* Hide Webflow badge - comprehensive protection */
.w-webflow-badge,
a[href*="webflow.com"][class*="badge"],
a[href*="webflow.com?utm_campaign=brandjs"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

.w-webflow-badge-wrapper,
.webflow-badge-container {
    display: none !important;
}