/* Bounce loader */
.loaderWrapper-bounce {
    display: flex;
    justify-content: center;
}

.loader-container.loader-bounce {
    --block-size: 200px;
    --dot-size: 20px;

    width: var(--block-size);
    height: var(--block-size);
    position: relative;
}
.loader-bounce .loader-container-item,
.loader-bounce .loader-container-item .loader {
    width: 100%;
    height: 100%;
}
.loader-bounce .loader-container-item .loader .circle{
    width: var(--dot-size);
    height: var(--dot-size);
    position: absolute;
    top: 30%;
    border-radius: 50%;
    background-color: #fff;
    left:15%;
    transform-origin: 50%;
    animation: bounce .5s alternate infinite ease;
}

.loader-bounce .loader-container-item .loader .circle:nth-child(2){
    left:45%;
    animation-delay: .2s;
}
.loader-bounce .loader-container-item .loader .circle:nth-child(3){
    left:auto;
    right:15%;
    animation-delay: .3s;
}
.loader-bounce .loader-container-item .loader .shadow{
    width:20px;
    height:4px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top:106px;
    transform-origin: 50%;
    left:15%;
    filter: blur(1px);
    animation: shadow .5s alternate infinite ease;
}

.loader-bounce .loader-container-item .loader .shadow:nth-child(4){
    left: 45%;
    animation-delay: .2s
}
.loader-bounce .loader-container-item .loader .shadow:nth-child(5){
    left:auto;
    right:15%;
    animation-delay: .3s;
}

.loader-bounce .loader-container-item .loader span:hover{
    cursor: default;
}

.loader-bounce .loader-container-item .loader span{
    position: absolute;
    top: 60%;
    left:50%;
    letter-spacing: 12px;
    color: #fff;
    transform: translateX(-48%);
}

@keyframes bounce{
    0%{
        top: 50%;
        height:5px;
        border-radius: 50px 50px 25px 25px;
        transform: scaleX(1.7);
    }
    40%{
        height:20px;
        border-radius: 50%;
        transform: scaleX(1);
    }
    100%{
        top: 32%;
    }
}

@keyframes shadow{
    0%{
        transform: scaleX(1.5);
    }
    40%{
        transform: scaleX(1);
        opacity: .7;
    }
    100%{
        transform: scaleX(.2);
        opacity: .4;
    }
}