.loader3 {
    display: none;
    justify-content: center;
    align-items: center;
}

.bars {
    width: 10px;
    height: 20px;
    margin: 0 2px;
    border-radius: 4px;
    animation: loader3 3s ease-in-out infinite;
}

.bar1 {
    background-color: #4285F4;
    animation-delay: -0.8s;
}

.bar2 {
    background-color: #4285F4;
    animation-delay: -0.7s;
}

.bar3 {
    background-color: #4285F4;
    animation-delay: -0.6s;
}

.bar4 {
    background-color: #4285F4;
    animation-delay: -0.5s;
}

.bar5 {
    background-color: #4285F4;
    animation-delay: -0.4s;
}

.bar6 {
    background-color: #4285F4;
    animation-delay: -0.3s;
}

.bar7 {
    background-color: #4285F4;
    animation-delay: -0.2s;
}

.bar8 {
    background-color: #4285F4;
    animation-delay: -0.1s;
}

.bar9 {
    background-color: #4285F4;
    animation-delay: 0s;
}

.bar10 {
    background-color: #4285F4;
    animation-delay: 0.1s;
}

@keyframes loader3 {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(1, 2.32);
    }

    40% {
        transform: scale(1);
    }
}