.c-skeleton {
	animation: pulse-code-skeleton 1.2s ease-in-out infinite;
	background: color-mix(in srgb, var(--color-secondary-800) 10%, transparent);
	border-radius: var(--radius-1);

	&--line {
			width: 100%;
			height: 1.2em;
	}
}

.c-skeleton-lines {
	.c-skeleton:not(:last-child) {
		margin-bottom: var(--spacing-3);
	}
}

@keyframes pulse-code-skeleton {
	0% { opacity: 0.4; }
	50% { opacity: 1; }
	100% { opacity: 0.4; }
}
