.shimmerValue {
	border-radius: var(--component-radii-sm);
	background: linear-gradient(
		90deg,
		var(--color-neutral-surface-minimal-idle-bg) 25%,
		var(--color-neutral-surface-minimal-active-bg) 50%,
		var(--color-neutral-surface-minimal-idle-bg) 75%
	);
	background-size: 200% 100%;
	animation: shimmer 1.5s infinite;
}

.inline {
	display: inline-block;
}

.circle {
	border-radius: var(--component-radii-pill);
	aspect-ratio: 1;
}

.shimmerTextPlaceholder {
	visibility: hidden;
}

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