:root{--gray-0:#fff;--gray-50:#f7f8fa;--gray-100:#eef0f3;--gray-200:#dee1e6;--gray-300:#c3c7d0;--gray-400:#9ba1ad;--gray-500:#767c89;--gray-600:#565c68;--gray-700:#3d414b;--gray-800:#282b33;--gray-900:#16181d;--gray-950:#0a0b0e;--brand-100:#ffeee9;--brand-200:#ffd7ca;--brand-300:#ffb199;--brand-400:#ff7d5c;--brand-500:#ff5a36;--brand-600:#e8431f;--brand-700:#c2340f;--green-100:#edf9f1;--green-300:#a7d9bc;--green-700:#15803d;--red-100:#fdecec;--red-300:#f5b5b5;--red-700:#dc2626;--font-ui-name:"Figtree";--font-mono-name:"JetBrains Mono";--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:40px;--leading-xs:16px;--leading-sm:20px;--leading-base:24px;--leading-lg:28px;--leading-xl:32px;--leading-2xl:40px;--leading-3xl:48px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px;--space-96:96px;--icon-size-16:16px;--icon-size-20:20px;--icon-size-24:24px;--icon-size-32:32px;--icon-size-40:40px;--icon-size-48:48px;--icon-size-64:64px;--icon-size-96:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:9999px;--ink:var(--gray-950);--ink-strong:var(--gray-800);--ink-soft:var(--gray-600);--ink-muted:var(--gray-500);--ink-subtle:var(--gray-400);--ink-faint:var(--gray-300);--ink-inverse:var(--gray-0);--surface:var(--gray-0);--surface-muted:var(--gray-50);--surface-sunken:var(--gray-100);--border:var(--gray-200);--border-soft:var(--gray-100);--border-strong:var(--gray-300);--border-accent:var(--brand-400);--accent:var(--brand-500);--accent-strong:var(--brand-600);--accent-surface:var(--brand-100);--accent-border:var(--brand-300);--accent-ink:var(--brand-700);--success:var(--green-700);--success-surface:var(--green-100);--success-border:var(--green-300);--warning:var(--brand-500);--warning-surface:var(--brand-100);--warning-border:var(--brand-300);--danger:var(--red-700);--danger-surface:var(--red-100);--danger-border:var(--red-300);--icon-color:var(--gray-950);--icon-accent:var(--brand-500);--filter-ink:invert(2%) sepia(4%) saturate(4817%) hue-rotate(193deg) brightness(114%) contrast(96%);--filter-ink-soft:invert(33%) sepia(18%) saturate(323%) hue-rotate(182deg) brightness(100%) contrast(90%);--filter-ink-muted:invert(55%) sepia(23%) saturate(191%) hue-rotate(181deg) brightness(84%) contrast(89%);--filter-ink-subtle:invert(70%) sepia(11%) saturate(284%) hue-rotate(181deg) brightness(91%) contrast(86%);--filter-ink-faint:invert(76%) sepia(17%) saturate(99%) hue-rotate(184deg) brightness(99%) contrast(100%);--filter-ink-inverse:invert(100%);--filter-accent:invert(49%) sepia(65%) saturate(3508%) hue-rotate(337deg) brightness(106%) contrast(113%);--filter-accent-strong:invert(29%) sepia(85%) saturate(1790%) hue-rotate(350deg) brightness(94%) contrast(93%);--filter-success:invert(38%) sepia(22%) saturate(2045%) hue-rotate(94deg) brightness(92%) contrast(84%);--filter-warning:var(--filter-accent);--filter-danger:invert(48%) sepia(74%) saturate(7139%) hue-rotate(343deg) brightness(84%) contrast(105%);--font-ui:var(--font-ui-name), "Figtree fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:var(--font-mono-name), ui-monospace, SFMono-Regular, Menlo, monospace;--gutter:clamp(var(--space-16), 5vw, var(--space-48));--shadow-sm:0 0 7.5px color-mix(in srgb, var(--gray-400) 20%, transparent);--shadow-accent:0 0 7.5px color-mix(in srgb, var(--accent-strong) 40%, transparent)}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(./figtree-latin-D_ZTVpCC.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(./figtree-latin-ext-DCwSJGxG.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree fallback;src:local(Arial),local(Liberation Sans);size-adjust:100.3%;ascent-override:94.7%;descent-override:24.9%;line-gap-override:0%}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--surface);color:var(--ink);--icon-filter:var(--filter-ink);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-base);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{-webkit-user-select:none;user-select:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}lord-icon{width:var(--icon-size-32);height:var(--icon-size-32);display:inline-block}lord-icon:not(:defined)>img{width:100%;height:100%;display:block}lord-icon>img{filter:var(--icon-filter)}.demo{min-height:100dvh;padding:var(--space-64) var(--gutter);place-items:center;display:grid}.progress{width:100%;max-width:360px;padding:var(--space-16);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 1px 1.5px #0000000a}.progress__title{font-size:var(--text-base);margin:0;font-weight:600}.steps{padding:var(--space-16) 0 0;margin:0;list-style:none}.step{padding:var(--space-12) 0;color:var(--ink-strong);font-size:var(--text-sm);line-height:var(--leading-sm);align-items:center;gap:10px;display:flex}.step+.step{border-top:1px solid var(--border-soft)}.step__mark{flex:none;display:grid}.step__mark>lord-icon{width:var(--icon-size-24);height:var(--icon-size-24)}.step__retry{padding:1px var(--space-8);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-size:var(--text-sm);cursor:pointer;margin-left:auto;font-weight:500}.step__retry:hover{background:var(--surface-muted)}.step__mark>*{visibility:hidden;grid-area:1/1}.step[data-status=pending] .step__spinner,.step[data-status=active] .step__spinner,.step[data-status=done] .step__done,.step[data-status=failed] .step__failed{visibility:visible}.step__spinner{color:var(--ink-muted);--icon-filter:var(--filter-ink-muted)}.step[data-status=pending] .step__label{color:var(--ink-faint)}.step[data-status=pending] .step__spinner{color:var(--ink-faint);--icon-filter:var(--filter-ink-faint)}.step__done{color:var(--success)}.step__failed{color:var(--danger)}