.cl-skeleton {
	&__inner {
		height: 100%;
		width: 100%;
	}

	&.is-loading {
		border-radius: $cl-border-radius;
		background: linear-gradient(90deg, #f0f2f5 25%, #e6e8eb 37%, #f0f2f5 63%);
		background-size: 400% 100%;
		animation: cl-skeleton-loading 1.4s ease infinite;
	}
}

@keyframes cl-skeleton-loading {
	0% {
		background-position: 100% 50%;
	}

	to {
		background-position: 0 50%;
	}
}