.uniform-loader{
    font-size:2em;
    line-height:1em;
    display:inline-block;
    .uniform-loader-container{
        letter-spacing:-.05em;
        white-space:nowrap;
        span{
            color:rgba(black, 1);
            text-shadow:-1px -1px 0 rgba(#FFFFFF, .2);
            animation: uniform-loader-light 1s infinite linear;
            animation-delay: 0.2s;
        }
        span:first-of-type{
            animation-delay: 0s;
        }
        span:last-of-type{
            animation-delay: 0.4s;
        }
    }
    &.light{
        .uniform-loader-container{
            span{
                color:rgba(white, 1);
                text-shadow:-1px -1px 0 rgba(black, .2);
                animation: uniform-loader 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;
        .uniform-loader-container{
            position:absolute;
            @include align-middle;
        }
        &.light{
            background:rgba(black, .5);
        }
    }
    &.top{
        .uniform-loader-container{
            top: 20px;
        }
    }
}
@keyframes uniform-loader {
  0% {
    color: rgba(255, 255, 255, 0);
  }
  25% {
    color: white;
  }
  100% {
    color: white;
  }
}

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