.waiting-overlay-dark {
    background-color: rgba(98, 108, 135, .9)
}

.waiting-overlay-dark .ball-pulse>div {
    background-color: transparent;
}

.waiting-overlay-dark p {
    color: #fff
}

.ball-pulse-sync>div,
.ball-pulse>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px
}

@keyframes scale {
    0%,
    80% {
        transform: scale(1);
        opacity: 1
    }
    45% {
        transform: scale(.1);
        opacity: .7
    }
}

.ball-pulse>div:nth-child(0) {
    animation: scale .75s -.36s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.ball-pulse>div:nth-child(1) {
    animation: scale .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.ball-pulse>div:nth-child(2) {
    animation: scale .75s -.12s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.ball-pulse>div:nth-child(3) {
    animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.ball-pulse>div {
    animation-fill-mode: both;
    display: inline-block
}

.ball-pulse-sync>div:nth-child(0) {
    animation: ball-pulse-sync .6s -.21s infinite ease-in-out
}

.ball-pulse-sync>div:nth-child(1) {
    animation: ball-pulse-sync .6s -.14s infinite ease-in-out
}

.ball-pulse-sync>div:nth-child(2) {
    animation: ball-pulse-sync .6s -70ms infinite ease-in-out
}

.ball-pulse-sync>div:nth-child(3) {
    animation: ball-pulse-sync .6s 0s infinite ease-in-out
}

.ball-pulse-sync>div {
    animation-fill-mode: both;
}

.waiting-overlay-dark .ball-pulse > div { color: black; background-color: black }
.waiting-overlay-dark p { color: black }
.waiting-overlay-dark { color: black; background-color:transparent; }