.typing-indicator {
    position: fixed;
    /*bottom: 20px;*/
    right: 60px;
    font-size: 24px;
    opacity: 0;
    transition: opacity 0.3s;
}

.typing-indicator.visible {
    opacity: 1;
}
/*
.typing-indicator.blink {
    animation: blink 1s infinite;
}


.typing-indicator {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 24px;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 1000;
}
*/

.typing-indicator.visible {
    opacity: 1;
    transform: translateY(0);
}

.typing-indicator.blink {
    animation: blink-animation 1s infinite;
}

@keyframes blink-animation {
    0% { opacity: 0.3; }
    50% { opacity: 1; transform: scale(1.1); }
    100% { opacity: 0.3; }
}