.wpp-progress {
	color: inherit;
	margin: 1.25rem 0;
}

.wpp-progress__text {
	color: inherit;
	margin: 0 0 0.65rem;
}

.wpp-progress__note {
	color: inherit;
	margin: -0.25rem 0 0.65rem;
}

.wpp-progress__note .sm {
	font-size: 80%;
}

.wpp-progress__text strong {
	font-weight: 700;
}

.wpp-progress__track {
	background: color-mix(in srgb, currentColor 8%, transparent);
	border-radius: 999px;
	height: 0.45rem;
	overflow: hidden;
	width: 100%;
}

.wpp-progress__fill {
	background: currentColor;
	border-radius: inherit;
	display: block;
	height: 100%;
	min-width: 0.45rem;
	transition: width 200ms ease;
}

.wpp-progress--urgent .wpp-progress__fill {
	background: #c0392b;
}