.prog{container:prog / inline-size;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.prog>*{flex:0 0 100%;min-inline-size:0}.prog-label{order:0;color:var(--ink);font-size:.8125rem;font-weight:700;line-height:1.45}.prog-bar{order:1}.prog-value{order:2;color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.75rem;line-height:1.45;font-variant-numeric:tabular-nums}.prog-status{order:3;display:flex;align-items:center;gap:.375rem;margin:0;color:var(--ink);font-size:.8125rem;font-weight:600;line-height:1.4}.prog-status[data-status=done]{color:var(--lilac)}.prog-status[data-status=failed]{color:var(--danger)}.prog>button,.prog-demo>button{order:4;flex:0 0 auto;box-sizing:border-box;min-block-size:2.75rem;min-inline-size:2.75rem;padding:0 1rem;border:var(--bw) solid var(--ink);border-radius:var(--radius);background-color:var(--white);color:var(--ink);font:inherit;font-size:.875rem;font-weight:700;cursor:pointer}.prog>button[aria-disabled=true],.prog-demo>button[aria-disabled=true]{border-style:dashed;border-color:#8c8c94;background-color:#f7f7fa;color:#8c8c94;cursor:not-allowed}.prog-bar{--prog-fill: var(--lilac);--prog-track: #ebebec;--prog-edge: var(--lilac);--prog-size: .75rem;-webkit-appearance:none;appearance:none;display:block;box-sizing:border-box;inline-size:100%;block-size:var(--prog-size);border:2px solid var(--prog-edge);border-radius:999px;background-color:var(--prog-track);accent-color:var(--prog-fill);-webkit-print-color-adjust:exact;print-color-adjust:exact}.prog-bar[data-small]{--prog-size: .5rem}.prog-bar::-webkit-progress-bar{background-color:var(--prog-track);border-radius:999px}.prog-bar::-webkit-progress-value{background-color:var(--prog-fill);border-radius:999px}.prog-bar::-moz-progress-bar{background-color:var(--prog-fill);border-radius:999px}@media(prefers-reduced-motion:no-preference){.prog-bar::-webkit-progress-value{transition:inline-size .3s ease-out}.prog-bar::-moz-progress-bar{transition:inline-size .3s ease-out}}.prog-bar:indeterminate{background-image:linear-gradient(90deg,transparent,var(--prog-fill),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:prog-slide 1.4s linear infinite}.prog-bar:indeterminate::-webkit-progress-bar,.prog-bar:indeterminate::-webkit-progress-value{background:transparent}.prog-bar:indeterminate::-moz-progress-bar{background:transparent}@keyframes prog-slide{0%{background-position:-100% 0}to{background-position:200% 0}}@media(prefers-reduced-motion:reduce){.prog-bar:indeterminate{animation:none;background-image:repeating-linear-gradient(45deg,var(--prog-fill) 0 .5rem,transparent .5rem 1rem);background-size:auto}}.prog-bar[data-still]:indeterminate{animation:none;background-image:repeating-linear-gradient(45deg,var(--prog-fill) 0 .5rem,transparent .5rem 1rem);background-size:auto}@media(forced-colors:active){.prog-bar{--prog-fill: Highlight;--prog-track: Canvas;--prog-edge: CanvasText}.prog-bar:indeterminate{forced-color-adjust:none}.prog-status{forced-color-adjust:auto}}.prog-dial{position:relative;flex:none;inline-size:4rem;block-size:4rem}.prog-ring{-webkit-appearance:none;appearance:none;display:block;box-sizing:border-box;inline-size:100%;block-size:100%;border:2px solid var(--lilac);border-radius:50%;background:conic-gradient(var(--lilac) calc(var(--pct, 0) * 1%),#ebebec 0);-webkit-print-color-adjust:exact;print-color-adjust:exact}.prog-ring::-webkit-progress-bar,.prog-ring::-webkit-progress-value{background:transparent}.prog-ring::-moz-progress-bar{background:transparent}.prog-number{position:absolute;inset:.5rem;display:grid;place-items:center;box-sizing:border-box;border:2px solid var(--lilac);border-radius:50%;background-color:var(--white);color:var(--ink);font-size:.875rem;font-weight:700;line-height:1}.prog[data-look=ring]>.prog-label{flex:0 0 100%}.prog[data-look=ring]>.prog-dial{flex:none}@media(forced-colors:active){.prog-ring{forced-color-adjust:none}}.prog[data-compact]{flex-wrap:nowrap}.prog[data-compact]>.prog-label{flex:0 0 4.5rem;color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.75rem;font-weight:400}.prog[data-compact]>.prog-bar{flex:1 1 0}.prog-list{display:grid;gap:1.5rem;margin:0;padding:0;list-style:none}.prog-list--tight{gap:.5rem}.prog-group{display:flex;justify-content:space-between;gap:.75rem;margin:0 0 .75rem;color:var(--ink);font-size:.8125rem;line-height:1.45}.prog-group>span{color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.75rem}.prog-icon{flex:none;inline-size:1rem;block-size:1rem}.prog-icon__track,.prog-icon__arc,.prog-icon__outline{fill:none;stroke-width:2}.prog-icon__track{stroke:#d7d7dc}.prog-icon__arc{stroke:var(--lilac);stroke-linecap:round}.prog-icon__mark{fill:none;stroke:var(--white);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.prog-icon__dot{fill:var(--white)}.prog-icon[data-status=done] .prog-icon__shape{fill:var(--lilac)}.prog-icon[data-status=failed] .prog-icon__shape{fill:var(--danger);stroke:var(--danger);stroke-width:1.4;stroke-linejoin:round}.prog-icon__outline{stroke:var(--ink);stroke-width:1.4}.prog-icon__cross{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round}@container prog (min-width: 30rem){.prog-label{flex:1 1 0}.prog-value{order:1;flex:0 0 auto;text-align:end}.prog-bar{order:2;flex:0 0 100%}.prog-status{flex:1 1 0}}@container prog (min-width: 48rem){.prog:not([data-look=ring]){flex-wrap:nowrap}.prog-label{flex:0 0 8rem}.prog-bar{order:1;flex:1 1 0}.prog-value{order:2;flex:0 0 3.5rem}.prog-status{order:3;flex:0 0 11rem}}.prog-demo{display:grid;justify-items:start;gap:.75rem}.prog-demo>.prog,.prog-demo>section{justify-self:stretch}.prog-sent{margin:0;color:var(--ink-soft);font-size:.8125rem;line-height:1.4}.prog-try{display:flex;align-items:center;gap:.5rem;color:var(--ink-soft);font-size:.8125rem;line-height:1.4}.prog-try input,.prog-steps input{accent-color:var(--lilac)}.prog-steps{display:grid;gap:.375rem;margin:0;padding:0;border:0;color:var(--ink);font-size:.8125rem}.prog-steps legend{padding:0;margin-block-end:.375rem;font-weight:700}.prog-steps label{display:flex;align-items:center;gap:.5rem;line-height:1.4}