.progress{--_progress-color:var(--clr-neutral-700)}.progress__bar{height:8px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:20rem}.progress__bar::-webkit-progress-bar{background-color:hsl(from var(--_progress-color) h s 90);border-radius:20rem}.progress__bar::-webkit-progress-value{background-color:var(--_progress-color);border-radius:20rem}.progress[data-progress-color=blue]{--_progress-color:var(--clr-blue-400);--_accent-contrast-color:var(--clr-neutral-100)}.progress[data-progress-color=green]{--_progress-color:var(--clr-green-400);--_accent-contrast-color:var(--clr-neutral-100)}.progress[data-progress-color=red]{--_progress-color:var(--clr-red-400);--_accent-contrast-color:var(--clr-neutral-100)}.progress[data-progress-color=yellow]{--_progress-color:var(--clr-yellow-400);--_accent-contrast-color:var(--clr-neutral-900)}