/* Ключевые кадры для эффекта пульсации */
@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: var(--loading-border-color, rgba(0, 0, 0, 1));
    }
    50% {
        border-left-color: rgba(0, 0, 0, 0);
    }
    100% {
        border-left-color: var(--loading-border-color, rgba(0, 0, 0, 1));
    }
}


/* Пока сообщение пустое (ожидание стриминга) - caret пульсирует */
.caret.is-loading {
    border-left: .05em solid var(--loading-border-color, rgba(0, 0, 0, 1));
    animation: botBorderPulse 0.3s ease-in-out infinite;
}


/* Стили для некликабельных чипсов */
.var-chips.disabled {
  pointer-events: none;
  opacity: 0.6;
  cursor: default;
}

/* Сохраняем фон textarea при disabled только через класс .inactive */
.textarea:disabled {
  background-color: inherit !important;
}

.textarea.inactive:disabled {
  background-color: var(--bg_input_inacive) !important;
}

.w-webflow-badge {

  margin: -200% !important;
}