.shimmer {
	width: 220px;
	height: 80px;
}

.shimmer .avatar {
	float: left;
	width: 52px;
	height: 52px;
	background-color: #ccc;
	border-radius: 25%;
	margin: 8px;
	background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
	background-size: 600px;
	animation: shine-avatar 1.6s infinite linear;
}

.shimmer .line {
	float: left;
	width: 140px;
	height: 16px;
}

.shimmer .avatar + .line {
	margin-top: 11px;
	width: 100px;
}

.shimmer .line ~ .line {
	background-color: #ddd;
}

@keyframes shine-lines {
	0% {
		background-position: -100px;
	}

	40%, 100% {
		background-position: 140px;
	}
}

@keyframes shine-avatar {
	0% {
		background-position: -32px;
	}

	40%, 100% {
		background-position: 208px;
	}
}