.load-wrapp {
    width: 390px;
    height: 190px;
    text-align: center;
    position: fixed;
    justify-content: center;
    align-items: center;
    vertical-align:middle;
    text-align: center;
}

    .load-wrapp p {
        padding: 0 0px 10px;
    }

    .load-wrapp:last-child {
        margin-right: 0;
    }

.line {
    display: inline-block;
    width: 15px;
    height: 30px;
    border-radius: 15px;
    background-color: var(--select-primary-color);
}

/* =Animate the stuff
------------------------ */
.load-1 .line:nth-last-child(1) {
    animation: loadingA 1.1s 1s infinite;
}

.load-1 .line:nth-last-child(2) {
    animation: loadingA 1.2s 1.2s infinite;
}

.load-1 .line:nth-last-child(3) {
    animation: loadingA 1.1s 1s infinite;
}

.load-1 .line:nth-last-child(4) {
    animation: loadingA 1.2s 1.2s infinite;
}

.load-1 .line:nth-last-child(5) {
    animation: loadingA 1.1s 1s infinite;
}
.l-1 {
    animation-delay: 0.48s;
}

@keyframes loadingA {
    0 {
        height: 15px;
    }

    50% {
        height: 35px;
    }

    100% {
        height: 15px;
    }
}