@use '../base/functions' as *;

// Background classes
.bg-skeleton {
	position: relative;
	overflow: hidden;
	background-color: var(--default);

	&::after {
		content: '';
		position: absolute;
		inset: 0;
		transform: translateX(-100%);
		background: linear-gradient(
			90deg,
			with-opacity(var(--neutral-6), 0) 0,
			with-opacity(var(--neutral-6), 20) 20%,
			with-opacity(var(--neutral-6), 50) 60%,
			with-opacity(var(--neutral-6), 0)
		);
		animation: shimmer 3s infinite;
	}
}