.hidden {
    display: none;
}

.line {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: white;
}

.load-3 .line:nth-last-child(1) {
    animation: loadingC 0.6s 0.1s linear infinite;
}

.load-3 .line:nth-last-child(2) {
    animation: loadingC 0.6s 0.2s linear infinite;
}

.load-3 .line:nth-last-child(3) {
    animation: loadingC 0.6s 0.3s linear infinite;
}

@keyframes loadingC {
    0% {
        transform: translate(0, -6px);
    }

    50% {
        transform: translate(0, 6px);
    }

    100% {
        transform: translate(0, -6px);
    }
}