/**
 * blurry-image-load (subset for post cards)
 * @source https://github.com/dombrant/blurry-image-load MIT
 */

.blurry-load {
	filter: blur(8px);
}

@keyframes blurOut {
	0% {
		filter: blur(20px);
	}

	50% {
		filter: blur(10px);
	}

	100% {
		filter: blur(0);
	}
}

.blur-out {
	animation: blurOut 0.5s ease-out;
}

@keyframes shimmer {
	0% {
		background-position: -100vw 0;
	}

	100% {
		background-position: 100vw 0;
	}
}

.no-blur {
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: shimmer;
	animation-timing-function: linear;
	background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
}