@-webkit-keyframes uil-default-anim {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes uil-default-anim {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
  .ui-loading__spinner > div:nth-of-type(1) {
    -webkit-animation: uil-default-anim 2s linear infinite;
    animation: uil-default-anim 2s linear infinite;
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}  
    .ui-loading__spinner > div:nth-of-type(2) {
        -webkit-animation: uil-default-anim 2s linear infinite;
        animation: uil-default-anim 2s linear infinite;
        -webkit-animation-delay: -0.8333333333333334s;
        animation-delay: -0.8333333333333334s;
    }

    .ui-loading__spinner > div:nth-of-type(3) {
        -webkit-animation: uil-default-anim 2s linear infinite;
        animation: uil-default-anim 2s linear infinite;
        -webkit-animation-delay: -0.6666666666666667s;
        animation-delay: -0.6666666666666667s;
    }

    .ui-loading__spinner > div:nth-of-type(4) {
        -webkit-animation: uil-default-anim 2s linear infinite;
        animation: uil-default-anim 2s linear infinite;
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .ui-loading__spinner > div:nth-of-type(5) {
        -webkit-animation: uil-default-anim 2s linear infinite;
        animation: uil-default-anim 2s linear infinite;
        -webkit-animation-delay: -0.33333333333333337s;
        animation-delay: -0.33333333333333337s;
    }

    .ui-loading__spinner > div:nth-of-type(6) {
        -webkit-animation: uil-default-anim 2s linear infinite;
        animation: uil-default-anim 2s linear infinite;
        -webkit-animation-delay: -0.16666666666666663s;
        animation-delay: -0.16666666666666663s;
    }

    .ui-loading__spinner > div:nth-of-type(7) {
        -webkit-animation: uil-default-anim 2s linear infinite;
        animation: uil-default-anim 2s linear infinite;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .ui-loading__spinner > div:nth-of-type(8) {
        -webkit-animation: uil-default-anim 2s linear infinite;
        animation: uil-default-anim 2s linear infinite;
        -webkit-animation-delay: 0.16666666666666674s;
        animation-delay: 0.16666666666666674s;
    }

    .ui-loading__spinner > div:nth-of-type(9) {
        -webkit-animation: uil-default-anim 2s linear infinite;
        animation: uil-default-anim 2s linear infinite;
        -webkit-animation-delay: 0.33333333333333326s;
        animation-delay: 0.33333333333333326s;
    }

    .ui-loading__spinner > div:nth-of-type(10) {
        -webkit-animation: uil-default-anim 2s linear infinite;
        animation: uil-default-anim 2s linear infinite;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

    .ui-loading__spinner > div:nth-of-type(11) {
        -webkit-animation: uil-default-anim 2s linear infinite;
        animation: uil-default-anim 2s linear infinite;
        -webkit-animation-delay: 0.6666666666666667s;
        animation-delay: 0.6666666666666667s;
    }

    .ui-loading__spinner > div:nth-of-type(12) {
        -webkit-animation: uil-default-anim 2s linear infinite;
        animation: uil-default-anim 2s linear infinite;
        -webkit-animation-delay: 0.8333333333333333s;
        animation-delay: 0.8333333333333333s;
    }