/* Контейнер индикатора печати */
.typing-indicator {
    /* Фон индикатора */
    background-color: #e6e7ed;
    /* Отступы */
    padding: 15px 20px;
    /* Скругленные углы */
    border-radius: 20px;
    /* Выравнивание точек */
    display: flex;
    align-items: center;
    /* Отступы от других элементов */
    margin: 10px 0;
    /* Максимальная ширина */
    max-width: 80%;
}

/* Контейнер для точек */
.typing-dots {
    display: flex;
    gap: 4px;
}

/* Стили для каждой точки */
.typing-dot {
    width: 8px;
    height: 8px;
    background-color: #90909f;
    border-radius: 50%;
    /* Анимация "прыгающих" точек */
    animation: typing-bounce 1.4s infinite ease-in-out;
}

/* Задержка анимации для каждой точки */
.typing-dot:nth-child(1) { animation-delay: -0.32s; }
.typing-dot:nth-child(2) { animation-delay: -0.16s; }

/* Анимация "прыгающих" точек */
@keyframes typing-bounce {
    0%, 80%, 100% { transform: scale(0); }
    40% { transform: scale(1); }
}

/* Стили для темной темы */
.theme-dark .typing-indicator {
    background-color: #2c2c2e;
}