.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;
}