.loader-dots {
    height: 100%;
}

.loader-dots>div {
    width: 5.8px;
    height: 5.8px;
    border-radius: 50%;
    clip-path: inset(-21.6px);
    color: #ffffff;
    box-shadow: -28.8px 7.2px,-28.8px 7.2px,-28.8px 7.2px;
    transform: translateY(-7.2px);
    animation: dots-ejq2atmn 1.4s infinite linear;
}

@keyframes dots-ejq2atmn {
    16.67% {
        box-shadow: -28.8px 7.2px,-28.8px 7.2px,9.1px 7.2px;
    }

    33.33% {
        box-shadow: -28.8px 7.2px,  0px 7.2px,9.1px 7.2px;
    }

    40%, 60% {
        box-shadow: -9.1px 7.2px,  0px 7.2px,9.1px 7.2px;
    }

    66.67% {
        box-shadow: -9.1px 7.2px,  0px 7.2px,28.8px 7.2px;
    }

    83.33% {
        box-shadow: -9.1px 7.2px, 28.8px 7.2px,28.8px 7.2px;
    }

    100% {
        box-shadow: 28.8px 7.2px, 28.8px 7.2px,28.8px 7.2px;
    }
}