.steps-card-preview{align-content:center;gap:7px;padding:13px;display:grid}.steps-card-meta{justify-content:space-between;align-items:center;gap:6px;display:flex}.steps-card-meta small{color:#6f6f7a;font-size:9px;font-weight:700}.steps-card-meta b{color:#2f2f37;font-size:9px;font-weight:800}.steps-card-track{align-items:center;gap:3px;display:flex}.steps-card-node{flex:1 1 0;place-items:center;gap:2px;min-width:0;padding:2px 0;display:grid}.steps-card-node i{color:#8a8a93;background:#fff;border:1.5px solid #d6d7de;border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;font-style:normal;font-weight:800;display:grid}.steps-card-node span{color:#6f6f7a;text-align:center;font-size:8px;font-weight:700;line-height:1.2}.steps-card-node.is-done i{color:#fff;background:#2f7a4a;border-color:#2f7a4a}.steps-card-node.is-done span{color:#2f7a4a}.steps-card-node.is-current i{color:#fff;background:#2f2f37;border-color:#2f2f37}.steps-card-node.is-current span{color:#2f2f37;font-weight:800}.steps-card-link{background:#d6d7de;border-radius:2px;flex:0 0 12px;height:2px}.steps-card-link.is-filled{background:#2f7a4a}.steps-card-progress{background:#e6e7ec;border-radius:99px;height:5px;overflow:hidden}.steps-card-progress i{border-radius:inherit;background:#2f2f37;height:100%;display:block}.steps-card-preview .steps-card-conclusion{color:#54545e;margin:0;font-size:8.5px;line-height:1.5}.steps-card-preview .steps-card-conclusion b{color:#2f2f37;font-weight:800}@media (max-width:780px){.steps-lab-navigation{flex-wrap:wrap}}.steps-card-preview>p{color:#69758d;margin:0;font-size:9px;line-height:1.35}.steps-card-preview .steps-card-heading{color:#7a86a0;justify-content:space-between;align-items:center;gap:6px;font-size:9px;display:flex}.steps-card-preview .steps-card-heading b{color:#4b60b5;font-size:9px}.steps-card-preview ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.steps-card-preview li{color:#76819a;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #dfe5f2;border-radius:5px;justify-content:center;align-items:center;min-width:0;min-height:25px;padding:4px 3px;font-size:9px;font-weight:800;display:flex;overflow:hidden}.steps-card-preview li.is-done{color:#3e835f;background:#eff9f2;border-color:#c5e4d1}.steps-card-preview li.is-current{color:#415dbf;background:#edf1ff;border-color:#bdcdfb;box-shadow:inset 0 -2px #536bd2}@media (max-width:780px){.steps-card-preview ol{gap:3px}}.term-interactive-demo.steps-lab-demo{border-color:var(--line);background:var(--color-white);gap:14px}.steps-lab-navigation{align-items:stretch;gap:0;margin:0;padding:0;list-style:none;display:flex}.steps-lab-navigation>li{flex:1 1 0;align-items:center;gap:6px;min-width:0;display:flex}.steps-lab-navigation>li:not(:last-child):after{content:"";background:var(--line);border-radius:2px;flex:auto;min-width:14px;height:2px}.steps-lab-navigation>li.is-done:not(:last-child):after{background:var(--ink)}.term-interactive-demo.steps-lab-demo .steps-lab-node{border:1px solid var(--line);background:var(--color-white);width:100%;min-width:0;max-width:150px;color:var(--muted);font:inherit;text-align:center;border-radius:10px;flex:0 auto;place-items:center;gap:4px;padding:9px 6px;font-size:12px;font-weight:700;transition:border-color .12s,background-color .12s,color .12s,box-shadow .12s;display:grid}.term-interactive-demo.steps-lab-demo .steps-lab-node:hover:not(:disabled){border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.steps-lab-demo .steps-lab-node:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.steps-lab-demo .steps-lab-node:disabled{border-color:var(--line);background:var(--soft);color:var(--muted);cursor:not-allowed}.steps-lab-badge{border:1.5px solid var(--line);background:var(--color-white);width:26px;height:26px;color:var(--muted);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.term-interactive-demo.steps-lab-demo .steps-lab-node[aria-current=step]{border-color:var(--ink);background:var(--color-white);box-shadow:inset 0 0 0 2px var(--ink)}.term-interactive-demo.steps-lab-demo .steps-lab-node[aria-current=step] .steps-lab-badge{border-color:var(--ink);background:var(--ink);color:var(--color-white)}.term-interactive-demo.steps-lab-demo .steps-lab-node[aria-current=step] .steps-lab-title{color:var(--ink)}.term-interactive-demo.steps-lab-demo .steps-lab-node[aria-current=step] .steps-lab-state{color:var(--ink);font-weight:800}.term-interactive-demo.steps-lab-demo .is-done .steps-lab-badge{color:var(--color-white);background:#2f7a4a;border-color:#2f7a4a}.term-interactive-demo.steps-lab-demo .is-done .steps-lab-title{color:var(--ink)}.term-interactive-demo.steps-lab-demo .is-done .steps-lab-state{color:#2f7a4a}.steps-lab-title{font-size:12px;font-weight:800;line-height:1.2}.term-interactive-demo.steps-lab-demo .is-upcoming .steps-lab-title{color:var(--muted)}.steps-lab-state{color:var(--muted);font-size:10px;font-weight:700}.steps-lab-progress{background:var(--soft);border-radius:99px;align-items:center;height:18px;display:flex;position:relative}.steps-lab-progress i{border-radius:inherit;background:var(--ink);height:100%;transition:width .18s;display:block}.steps-lab-progress-text{color:var(--ink);font-size:10px;font-weight:800;position:absolute;right:8px}.steps-lab-panel{border:1px solid var(--line);background:var(--color-white);border-radius:8px;padding:12px}.steps-lab-panel-content{gap:5px;display:grid}.steps-lab-panel-content small{color:var(--muted);font-size:11px;font-weight:700}.steps-lab-panel-content b{color:var(--ink);font-size:15px;font-weight:800}.steps-lab-panel-content p{color:#54545e;margin:0;font-size:13px;line-height:1.55}.steps-lab-panel-content.is-finish b{color:#2f7a4a}.steps-lab-fields{gap:8px;margin-top:4px;display:grid}.steps-lab-field{color:var(--muted);gap:4px;font-size:12px;font-weight:700;display:grid}.steps-lab-field input{border:1px solid var(--line);background:var(--color-white);width:100%;color:var(--ink);font:inherit;border-radius:6px;padding:7px 9px;font-size:13px;font-weight:500}.steps-lab-field input::placeholder{color:var(--muted)}.steps-lab-summary{gap:4px;margin-top:4px;display:grid}.steps-lab-summary p{color:#54545e;margin:0;font-size:13px;line-height:1.5}.steps-lab-summary b{color:var(--ink);font-weight:800}.steps-lab-final-note{color:var(--muted)!important;font-size:12px!important}.steps-lab-confirm{color:var(--ink);align-items:center;gap:7px;margin-top:6px;font-size:13px;font-weight:700;display:flex}.term-interactive-demo.steps-lab-demo .steps-lab-confirm input[type=checkbox]{accent-color:var(--ink);width:16px;min-width:16px;height:16px;min-height:16px;margin:0}.steps-lab-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.term-interactive-demo.steps-lab-demo .steps-lab-prev,.term-interactive-demo.steps-lab-demo .steps-lab-reset{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.steps-lab-demo .steps-lab-prev:hover:not(:disabled),.term-interactive-demo.steps-lab-demo .steps-lab-reset:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.steps-lab-demo .steps-lab-prev:focus-visible,.term-interactive-demo.steps-lab-demo .steps-lab-reset:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.steps-lab-demo .steps-lab-prev:disabled{border-color:var(--line);background:var(--soft);color:var(--muted);cursor:not-allowed}.term-interactive-demo.steps-lab-demo .steps-lab-next-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.steps-lab-demo .steps-lab-next-cta:hover:not(:disabled){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.steps-lab-demo .steps-lab-next-cta:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.steps-lab-demo .steps-lab-next-cta:disabled{border-color:var(--line);background:var(--soft);color:var(--muted);cursor:not-allowed}.term-card .steps-card-preview{--ink:#273b70;--muted:#596a94;--line:#a8b7d7;--soft:#e8edf9;--color-white:#fbfcff;color:#273b70;background:#e9eef9}.term-interactive-demo.steps-lab-demo{--ink:#273b70;--muted:#53658e;--line:#a7b6d4;--soft:#e7edf9;--color-white:#fbfcff;--color-rausch-600:#304e96;color:#273b70;background:#e8eef9;border-color:#7d91bf}.term-interactive-demo.steps-lab-demo .steps-lab-next-cta:focus-visible,.term-interactive-demo.steps-lab-demo .steps-lab-prev:focus-visible,.term-interactive-demo.steps-lab-demo .steps-lab-reset:focus-visible{outline-color:#d69a2d}.steps-lab-edge-note{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.steps-lab-status{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.steps-example-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.steps-example-card{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:8px;padding:12px;display:grid}.steps-example-card.is-bad{background:#fafafa}.steps-example-tag{border-radius:99px;justify-self:start;padding:2px 8px;font-size:11px;font-weight:800}.steps-example-tag.is-good{color:#2f7a4a;background:#eef7f1;border:1px solid #c5e4d1}.steps-example-tag.is-bad{color:#54545e;background:#f4f4f5;border:1px solid #d9d9d9}.steps-example-goal{color:var(--ink);margin:0;font-size:13px;font-weight:700;line-height:1.45}.steps-example-rail{align-items:center;gap:4px;padding:6px 0;display:flex}.steps-example-segment{flex:1 1 0;align-items:center;gap:4px;min-width:0;display:flex}.steps-example-node{flex:none;place-items:center;gap:2px;padding:4px 2px;display:grid}.steps-example-node i{border:1.5px solid var(--line);background:var(--color-white);width:22px;height:22px;color:var(--muted);border-radius:50%;place-items:center;font-size:10px;font-style:normal;font-weight:800;display:grid}.steps-example-node span{color:var(--muted);text-align:center;font-size:9px;font-weight:700}.steps-example-node.is-done i{color:var(--color-white);background:#2f7a4a;border-color:#2f7a4a}.steps-example-node.is-done span{color:#2f7a4a}.steps-example-node.is-current i{border-color:var(--ink);background:var(--ink);color:var(--color-white)}.steps-example-node.is-current span{color:var(--ink);font-weight:800}.steps-example-link{background:var(--line);border-radius:2px;flex:auto;min-width:8px;height:2px}.steps-example-link.is-filled{background:#2f7a4a}.steps-example-cta{border:1px solid var(--ink);background:var(--ink);min-height:32px;color:var(--color-white);font:inherit;cursor:default;border-radius:7px;justify-self:start;align-items:center;padding:6px 13px;font-size:12px;font-weight:800;display:inline-flex}.steps-example-cta.is-warn{background:var(--color-white);color:var(--ink);border-style:dashed}.steps-example-note{color:var(--muted);margin:0;font-size:12px;line-height:1.5}@media (max-width:560px){.steps-lab-navigation{flex-direction:column;align-items:stretch}.steps-lab-navigation>li{width:100%}.term-interactive-demo.steps-lab-demo .steps-lab-node{max-width:none}.steps-lab-navigation>li:not(:last-child):after{place-self:center;width:2px;min-width:0;height:12px}.term-interactive-demo.steps-lab-demo .steps-lab-next-cta{flex:auto;margin-left:0}}