/* Shared pending feedback inherits the active section's style class. */
.ecms-runtime-loading {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.4em;
	min-height: 3.5em;
	width: 100%;
	pointer-events: none;
}
.ecms-runtime-loading > span {
	display: block;
	width: 1.8em;
	height: 0.3em;
	border-radius: 2px;
	background: currentColor;
	opacity: 0.2;
	animation: ecms-runtime-pulse 1.8s ease-in-out infinite;
}
.ecms-runtime-loading > span:nth-child(2) { animation-delay: 0.15s; }
.ecms-runtime-loading > span:nth-child(3) { animation-delay: 0.3s; }
.ecms-runtime-loading--compact {
	display: inline-flex;
	width: 2.2em;
	min-height: 0;
	height: 1em;
	margin-inline-start: 0.5em;
	vertical-align: middle;
	gap: 0.15em;
}
.ecms-runtime-loading--compact > span { width: 0.5em; height: 0.2em; }
@keyframes ecms-runtime-pulse {
	0%, 100% { opacity: 0.2; }
	50% { opacity: 0.55; }
}
@media (prefers-reduced-motion: reduce) {
	.ecms-runtime-loading > span { animation: none; opacity: 0.35; }
}
