.uniformLoader{
    line-height:1em;
    display:inline-block;
    white-space:nowrap;
    letter-spacing:-.05em;
    span{
        color:rgba(black, 1);
        text-shadow:-1px -1px 0 rgba(#FFFFFF, .2);
        animation: uniformLoader-light 1s infinite linear;
        animation-delay: 0.2s;
    }
    span:first-of-type{
        animation-delay: 0s;
    }
    span:last-of-type{
        animation-delay: 0.4s;
    }
    .uniformLoader-container{
        white-space:nowrap;
    }
    &.-light{
        span{
            color:rgba(white, 1);
            text-shadow:-1px -1px 0 rgba(black, .2);
            animation: uniformLoader 1s infinite linear;
            animation-delay: 0.2s;
        }
        span:first-of-type{
            animation-delay: 0s;
        }
        span:last-of-type{
            animation-delay: 0.4s;
        }
    }
    &.-cover{
        display:block;
        background:rgba(white, 0.5);
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index:999999999;
        .uniformLoader-container{
            position:absolute;
            @include position-center;
        }
        &.light{
            background:rgba(black, .5);
        }
    }
    &.-top{
        .uniformLoader-container{
            top: 20px;
        }
    }
}
@keyframes uniformLoader {
  0% {
    color: rgba(255, 255, 255, 0);
  }
  25% {
    color: white;
  }
  100% {
    color: white;
  }
}

@keyframes uniformLoader-light {
  0% {
    color: black;
  }
  25% {
    color: rgba(0, 0, 0, 0.2);
  }
  100% {
    color: rgba(0, 0, 0, 0.2);
  }
}