@layer components{:root{--c-progressbar--base:var(--base);--c-progressbar--border-radius:var(--border-radius);--c-progressbar--color--success:var(--color--success);--c-progressbar--color--background-border:var(--color--background-border);--c-progressbar--corner-shape:var(--corner-shape);--c-progressbar--color--background-contrast-muted:var(--color--background-contrast-muted)}.c-progressbar{corner-shape:var(--c-progressbar--corner-shape,var(--corner-shape));background-color:var(--c-progressbar--color--background-border,var(--color--background-border));border-radius:calc((var(--c-progressbar--border-radius, var(--border-radius)))*var(--base)*1);height:calc((var(--c-progressbar--base, var(--base)))*1.5);width:100%}.c-progressbar .c-progressbar__value{background-color:var(--c-progressbar--color--success,var(--color--success));border-radius:inherit;height:100%}.c-progressbar.c-progressbar--cancelled .c-progressbar__value{background-color:var(--c-progressbar--color--background-contrast-muted,var(--color--background-contrast-muted))}}