.loading-bg:empty{
    position: relative;
    overflow: hidden;
    }
.loading-bg:empty::before{
    content: "";
    background-color: #f6f7f8;
    background-size: 800px 104px;
    height: 100%;
    width: 100%;
    min-width: 800px;
    position: absolute;
    margin: auto;
    left: 0px;
    top: 0px;
    bottom: 0px;
    }
.loading-bg.pure:empty::before{
    background-color: #eee;
    }
.loading-bg.active:empty::before{
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: linear-gradient(to right, #eeeeee 8%, #dfdfdf 18%, #eeeeee 33%);
    }
@keyframes placeHolderShimmer {
    0% {
        background-position: -800px 0
        }
    100% {
        background-position: 800px 0
        }
    }