.thinking {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.5rem;
    margin-right: 0.625rem;
    margin-bottom: 1rem;
}

    .thinking div {
        width: 0.75rem;
        height: 0.75rem;
        margin: 0.125rem;
        background-color: #F8485E;
        border-radius: 50%;
        animation: wave 0.6s infinite alternate;
    }

    .thinking div:nth-child(2) {
        animation-delay: 0.2s;
    }

    .thinking div:nth-child(3) {
        animation-delay: 0.4s;
    }

@keyframes wave {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-10px);
    }
}