.progress-demo-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.progress-meaning-flow{align-items:center;gap:9px;display:flex}.progress-meaning-flow span,.progress-meaning-flow b{color:#64646e;text-align:center;background:#fafafa;border:1px solid #e2e3ea;border-radius:8px;flex:1;min-width:0;padding:12px;font-size:13px}.progress-meaning-flow b{border-color:color-mix(in srgb, var(--accent) 30%, #fff);background:color-mix(in srgb, var(--accent) 7%, #fff);color:var(--accent)}.progress-card-preview{align-content:center;gap:7px;padding:15px;display:grid}.progress-card-heading,.progress-card-summary{color:#74747e;justify-content:space-between;font-size:8px;display:flex}.progress-card-heading b{color:#555560}.progress-card-track{background:#e8e9ef;border-radius:99px;height:8px;overflow:hidden}.progress-card-track i,.progress-demo-bar i{border-radius:inherit;background:var(--ink);height:100%;display:block}.progress-demo-heading,.progress-demo-value{color:#64646e;justify-content:space-between;gap:8px;font-size:13px;display:flex}.progress-demo-bar{background:#e6e8f0;border-radius:99px;height:11px;overflow:hidden}.progress-demo-status{color:#6c6c76;background:#fff;border-radius:7px;margin:0;padding:9px 10px;font-size:13px;line-height:1.55}@media (max-width:780px){.progress-meaning-flow{flex-direction:column;align-items:stretch}}.term-interactive-demo.progress-demo{border:1px solid var(--line);background:var(--color-white);border-radius:10px;gap:12px;display:grid}.term-interactive-demo.progress-demo .progress-demo-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.term-interactive-demo.progress-demo .progress-demo-heading b{color:var(--ink);font-size:14px;font-weight:800}.term-interactive-demo.progress-demo .progress-demo-status-word{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:99px;padding:3px 9px;font-size:11.5px;font-weight:700}.term-interactive-demo.progress-demo .progress-mode{flex-wrap:wrap;gap:7px;display:flex}.term-interactive-demo.progress-demo .progress-mode-btn{border:1px solid var(--line);background:var(--color-white);min-height:32px;color:var(--muted);font:inherit;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.term-interactive-demo.progress-demo .progress-mode-btn:hover{border-color:var(--ink);color:var(--ink)}.term-interactive-demo.progress-demo .progress-mode-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.progress-demo .progress-mode-btn[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--color-white)}.term-interactive-demo.progress-demo .progress-demo-bar{background:var(--soft);border-radius:99px;height:14px;position:relative;overflow:hidden}.term-interactive-demo.progress-demo .progress-demo-bar.is-determinate i{border-radius:inherit;background:var(--ink);height:100%;transition:width .14s ease-out,background-color .14s ease-out;display:block}.term-interactive-demo.progress-demo .progress-demo-bar.is-determinate.is-failed i{background:color-mix(in srgb, var(--ink) 45%, var(--color-white))}.term-interactive-demo.progress-demo .progress-demo-bar.is-indeterminate i{border-radius:inherit;background:0 0;width:0;height:100%;display:block}.term-interactive-demo.progress-demo .progress-demo-bar.is-indeterminate.is-running i{background:repeating-linear-gradient(90deg, var(--ink) 0 14px, color-mix(in srgb, var(--ink) 30%, var(--color-white)) 14px 28px);width:100%;animation:.9s linear infinite progress-stripe}.term-interactive-demo.progress-demo .progress-demo-bar.is-indeterminate.is-complete i{background:var(--ink);width:100%;animation:none}.term-interactive-demo.progress-demo .progress-demo-bar.is-indeterminate.is-failed i{background:color-mix(in srgb, var(--ink) 35%, var(--color-white));width:100%;animation:none}@keyframes progress-stripe{0%{transform:translate(0)}to{transform:translate(-28px)}}.term-interactive-demo.progress-demo .progress-demo-value{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.term-interactive-demo.progress-demo .progress-demo-value strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.term-interactive-demo.progress-demo .progress-demo-value span{color:var(--muted);font-size:12.5px;font-weight:600}.term-interactive-demo.progress-demo .progress-demo-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.term-interactive-demo.progress-demo .progress-demo-lever{border:1px solid var(--line);background:var(--color-white);min-height:36px;color:var(--ink);font:inherit;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.term-interactive-demo.progress-demo .progress-demo-lever:hover:not(:disabled){border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.progress-demo .progress-demo-lever:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.progress-demo .progress-demo-lever:disabled{border-color:var(--line);background:var(--soft);color:var(--muted);cursor:not-allowed}.term-interactive-demo.progress-demo .progress-cta{border:1px solid var(--color-rausch-600);background:var(--color-rausch-600);min-height:36px;color:var(--color-white);font:inherit;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-left:auto;padding:7px 18px;font-size:13px;font-weight:800;transition:background-color .12s,border-color .12s,transform 80ms ease-out;display:inline-flex}.term-interactive-demo.progress-demo .progress-cta:hover{background:color-mix(in srgb, var(--color-rausch-600) 88%, #000);border-color:color-mix(in srgb, var(--color-rausch-600) 88%, #000)}.term-interactive-demo.progress-demo .progress-cta:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.progress-demo .progress-cta:active{transform:translateY(1px)}.term-interactive-demo.progress-demo .progress-demo-status{background:var(--soft);color:var(--ink);border-radius:7px;margin:0;padding:9px 11px;font-size:13px;line-height:1.55}.progress-example-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.progress-example-cell{border:1px solid var(--line);background:var(--color-white);border-radius:9px;gap:7px;padding:13px;display:grid}.progress-example-cell small{color:var(--muted);font-size:11.5px;font-weight:700}.progress-example-cell p{color:#54545e;margin:0;font-size:12.5px;line-height:1.5}.progress-example{gap:7px;display:grid}.progress-example-bar{background:var(--soft);border-radius:99px;height:10px;overflow:hidden}.progress-example-bar i{border-radius:inherit;background:var(--ink);height:100%;display:block}.progress-example.is-bad .progress-example-bar i{background:color-mix(in srgb, var(--ink) 35%, var(--color-white))}.progress-example-meta{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.progress-example-meta b{color:var(--ink);font-size:13px;font-weight:800}.progress-example-meta span{color:var(--muted);font-size:12px}@media (prefers-reduced-motion:reduce){.term-interactive-demo.progress-demo .progress-demo-bar.is-determinate i{transition:none}.term-interactive-demo.progress-demo .progress-demo-bar.is-indeterminate.is-running i{background:var(--ink);animation:1.6s ease-in-out infinite progress-pulse}}@keyframes progress-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (max-width:560px){.progress-example-pair{grid-template-columns:1fr}.term-interactive-demo.progress-demo .progress-cta{flex:100%;margin-left:0}}
