.mpe-price-placeholder {
	position: relative;
	display: inline-flex;
	align-items: center;
	min-width: 5.5rem;
	min-height: 1.4em;
}

.mpe-price-placeholder__skeleton {
	display: none;
	width: 100%;
	height: 1.1em;
	border-radius: 4px;
	background: linear-gradient(90deg, #ececec 25%, #f6f6f6 50%, #ececec 75%);
	background-size: 200% 100%;
	animation: mpe-price-pulse 1.2s linear infinite;
	will-change: background-position;
}

.mpe-price-placeholder[data-mpe-price-state="loading"] .mpe-price-placeholder__skeleton {
	display: block;
}

.mpe-price-placeholder__content[hidden] {
	display: none !important;
}

@keyframes mpe-price-pulse {
	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: -200% 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mpe-price-placeholder__skeleton {
		animation: none;
	}
}