.loader,
.loader::before,
.loader::after {
    border-radius: 50%;
    width        : 2.5em;
    height       : 2.5em;

    animation: anim-load 1.8s infinite ease-in-out;
}

.loader::before {
    display : block;
    position: absolute;
    left    : -3.5em;
    content : '';

    animation-delay: -0.32s;
}

.loader {
    position: relative;
    margin  : -2.5em 3.5em 2.5em 3.5em;

    animation-delay: -0.16s;
}

.loader::after {
    display : block;
    position: absolute;
    right   : -3.5em;
    content : '';

    animation-delay: 0s;
}

@keyframes anim-load {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em var(--loader-color, var(--iq-foreground-color));
    }

    40% {
        box-shadow: 0 2.5em 0 0 var(--loader-color, var(--iq-foreground-color));
    }
}