@layer starlight.components{.sl-steps{--bullet-size:calc(var(--sl-line-height) * 1rem);--bullet-margin:.375rem;counter-reset:steps-counter var(--sl-steps-start,0);padding-inline-start:0;list-style:none}.sl-steps>li{counter-increment:steps-counter;padding-inline-start:calc(var(--bullet-size) + 1rem);min-height:calc(var(--bullet-size) + var(--bullet-margin));padding-bottom:1px;position:relative}.sl-steps>li+li{margin-top:0}.sl-steps>li:before{content:counter(steps-counter);top:0;width:var(--bullet-size);height:var(--bullet-size);line-height:var(--bullet-size);font-size:var(--sl-text-xs);text-align:center;color:var(--sl-color-white);background-color:var(--sl-color-gray-6);box-shadow:inset 0 0 0 1px var(--sl-color-gray-5);border-radius:99rem;font-weight:600;position:absolute;inset-inline-start:0}.sl-steps>li:after{--guide-width:1px;content:"";top:calc(var(--bullet-size) + var(--bullet-margin));bottom:var(--bullet-margin);width:var(--guide-width);background-color:var(--sl-color-hairline-light);position:absolute;inset-inline-start:calc((var(--bullet-size) - var(--guide-width)) / 2)}}@layer starlight.content{.sl-steps>li>:first-child{--lh:calc(1em * var(--sl-line-height));--shift-y:calc(.5 * (var(--bullet-size) - var(--lh)));transform:translateY(var(--shift-y));margin-bottom:var(--shift-y)}.sl-steps>li>:first-child:where(h1,h2,h3,h4,h5,h6){--lh:calc(1em * var(--sl-line-height-headings))}@supports (--prop:1lh){.sl-steps>li>:first-child{--lh:1lh}}}.kw{--kw-bg:#0a0d12;--kw-card:#121821;--kw-line:#1f2833;--kw-line-strong:#2c3846;--kw-fg:#e8edf3;--kw-muted:#8b97a6;--kw-accent:#f28c3a;--kw-accent-fg:#160b02;--kw-tint:#f28c3a1f;--kw-ok:#4ade9b;--kw-ok-tint:#4ade9b1f;--kw-warn:#ffb86b;--kw-warn-tint:#ffb86b1f;border:1px solid var(--sl-color-hairline-light);background:var(--sl-color-bg-nav);border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2rem;margin:1.5rem 0 0;padding:1.5rem;display:grid}:root[data-theme=light] .kw{--kw-bg:#f6f8fa;--kw-card:#fff;--kw-line:#e4e8ee;--kw-line-strong:#d3d9e1;--kw-fg:#0b1220;--kw-muted:#5a6675;--kw-accent:#b45309;--kw-accent-fg:#fff;--kw-tint:#b453091a;--kw-ok:#0f7a4c;--kw-ok-tint:#15965f1a;--kw-warn:#b45309;--kw-warn-tint:#b453091a;background:var(--sl-color-gray-7,#f6f8fa)}@media (width<=40rem){.kw{grid-template-columns:minmax(0,1fr);justify-items:center;padding:1rem}}.kw-stage{position:relative}.kw-scr{opacity:0;flex-direction:column;gap:9px;padding:30px 13px 14px;transition:opacity .35s,transform .35s;display:flex;position:absolute;inset:0;transform:translate(12px)}.kw-scr.on{opacity:1;transform:none}.kw-fade{opacity:0;transition:opacity .35s}.kw-fade.on{opacity:1}.kw-card{background:var(--kw-card);border:1px solid var(--kw-line);border-radius:12px;margin:0;padding:10px}.kw-kick{color:var(--kw-accent);letter-spacing:.08em;text-transform:uppercase;font-size:9.5px;font-weight:600}.kw-h{text-align:center;margin:0;font-size:14px;font-weight:700}.kw-muted{color:var(--kw-muted);text-align:center;margin:0;font-size:10px}.kw-mono{font-family:var(--sl-font-mono)}.kw-grow{flex:1}.kw-btn{background:var(--kw-accent);min-height:36px;color:var(--kw-accent-fg);border-radius:11px;place-items:center;font-size:11px;font-weight:700;display:grid;position:relative}.kw-ghost{border:1px solid var(--kw-line-strong);color:var(--kw-fg);background:0 0;font-weight:600}.kw-tick{fill:none;stroke:var(--kw-ok);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.kw-side{width:100%;min-width:0}.kw-steps{gap:4px;margin:0;padding:0;list-style:none;display:grid}.kw-steps li{margin:0}.kw-steps button{width:100%;color:var(--sl-color-gray-3);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;column-gap:.75rem;padding:.6rem .75rem;display:grid;position:relative;overflow:hidden}.kw-steps button:hover{background:var(--knura-card)}.kw-steps button:focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}.kw-n{border:1px solid var(--sl-color-hairline-light);border-radius:50%;grid-row:span 2;place-items:center;width:1.6rem;height:1.6rem;font-size:.8rem;font-weight:600;display:grid}.kw-steps b{color:var(--sl-color-white);font-size:.95rem;font-weight:600}.kw-steps small{grid-column:2;font-size:.875rem;line-height:1.5;display:none}.kw-steps li.active button{background:var(--knura-card);border-color:var(--sl-color-hairline-light)}.kw-steps li.active small{display:block}.kw-steps li.active .kw-n{background:var(--sl-color-accent);border-color:var(--sl-color-accent);color:var(--sl-color-black)}.kw-steps li.done .kw-n{color:var(--sl-color-accent);border-color:var(--sl-color-accent)}.kw-bar{background:var(--sl-color-accent);transform-origin:0;width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.kw:not(.paused) .kw-steps li.active .kw-bar{animation:kw-progress var(--dur,4s) linear both}@keyframes kw-progress{to{transform:scaleX(1)}}.kw-controls{color:var(--sl-color-gray-3);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.9rem;font-size:.85rem;display:flex}.kw-controls button{border:1px solid var(--sl-color-hairline-light);color:var(--sl-color-white);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:.35rem .9rem;font-weight:600}.kw.paused .kw-stage .on,.kw.paused .kw-stage .on *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.kw *,.kw-scr{transition:none!important;animation:none!important}}