.ambh-fundraising-progress-block {
	color: inherit;
}

/* When a foreground color is set via the block color settings, use it as the progress color */
.ambh-fundraising-progress-block[style*="color:"],
.ambh-fundraising-progress-block[style*="color: "] {
	--ambh-color-progress: currentColor;
}

.ambh-fundraising-progress-block__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	margin-bottom: 0.625rem;
}

.ambh-fundraising-progress-block__label {
	font-size: var(--ambh-font-base, 1rem);
	font-weight: 600;
	color: var(--ambh-text-color, #1e1e1e);
}

.ambh-fundraising-progress-block__percent {
	font-size: var(--ambh-font-base, 1rem);
	font-weight: 700;
	color: var(--ambh-text-color, #1e1e1e);
}

.ambh-fundraising-progress-block__bar {
	height: 0.875rem;
	background: color-mix(in srgb, var(--ambh-color-progress, #27ae60) 18%, #fff);
	border-radius: 999px;
	overflow: hidden;
}

.ambh-fundraising-progress-block__fill {
	height: 100%;
	min-width: 2px;
	background: var(--ambh-color-progress, #27ae60);
	border-radius: 999px;
	transition: width 0.6s ease;
}

.ambh-fundraising-progress-block__footer {
	margin-top: 5px;
	font-size: var(--ambh-font-sm, 0.875rem);
	color: var(--ambh-text-muted, #646970);
	text-align: center;
}