.fade-in-1 {
    animation: fadein 1s;
}
.fade-in-2 {
    animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


.thinking {
    background: repeating-linear-gradient(
        45deg,
        rgba(0, 0, 0, 0.2),
        rgba(0, 0, 0, 0.2) 10px,
        rgba(0, 0, 0, 0.3) 10px,
        rgba(0, 0, 0, 0.3) 20px
    );
    background-size: 200% 200%;
    animation: thinkingBars 8s linear infinite;
}

@keyframes thinkingBars {
    100% {
        background-position: 100% 100%;
    }
}