/*!
 * progressively 1.1.2
 * https://github.com/thinker3197/progressively
 * @license MIT licensed
 *
 * Copyright (C) 2016-17 Ashish
 */

.progressive {
    background: #efefef;
}

.progressive__img {
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.progressive--not-loaded {
    filter: blur(30px);
    -webkit-filter: blur(30px);
    -ms-filter: blur(30px)
}

.progressive--is-loaded {
    filter: blur(20px);
    -webkit-filter: blur(20px);
    -ms-filter: blur(20px);
    -webkit-animation: sharpen .5s both;
    animation: sharpen .5s both
}

@-webkit-keyframes sharpen {
    from {
        filter: blur(20px);
        -webkit-filter: blur(20px);
        -ms-filter: blur(20px)
    }
    to {
        filter: blur(0);
        -webkit-filter: blur(0);
        -ms-filter: blur(0)
    }
}

@keyframes sharpen {
    from {
        filter: blur(20px);
        -webkit-filter: blur(20px);
        -ms-filter: blur(20px)
    }
    to {
        filter: blur(0);
        -webkit-filter: blur(0);
        -ms-filter: blur(0)
    }
}