@-webkit-keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(46px);
    }
}

@keyframes MOVE-BG {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(46px);
    }
}

.loading {
    position: relative;
}
.loading--bg {
    display: none;
    position: absolute;
    left: -46px;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 555;
    opacity: .7;

    background: -webkit-repeating-linear-gradient(
        145deg,
        #f8e9db 1px,
        #fff5ed 2px,
        #fff5ed 11px,
        #f8e9db 12px,
        #f8e9db 20px
    );
    background: repeating-linear-gradient(
        -55deg,
        #f8e9db 1px,
        #fff5ed 2px,
        #fff5ed 11px,
        #f8e9db 12px,
        #f8e9db 20px
    );

    -webkit-animation-name: MOVE-BG;
    -webkit-animation-duration: .6s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    animation-name: MOVE-BG;
    animation-duration: .6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.loading > .loading--bg {
    display: block;
}