.so-walkthrough:where(.astro-ezrx4mnr){margin-block:1.5rem 2rem;display:block}.so-walkthrough:where(.astro-ezrx4mnr) figure:where(.astro-ezrx4mnr){margin:0}.so-walkthrough__window:where(.astro-ezrx4mnr){border:1px solid var(--sl-color-hairline-shade);background:#0c0c0c;border-radius:2px;overflow:hidden}.so-walkthrough:where(.astro-ezrx4mnr)[data-look=light] .so-walkthrough__window:where(.astro-ezrx4mnr){background:#fafafa}.so-walkthrough__bar:where(.astro-ezrx4mnr){background:var(--so-panel);border-bottom:1px solid var(--sl-color-hairline-shade);font-family:var(--so-font-ui);align-items:center;gap:.75rem;padding:.35rem .6rem;font-size:.8rem;display:flex}.so-walkthrough__lights:where(.astro-ezrx4mnr){gap:.35rem;display:inline-flex}.so-walkthrough__lights:where(.astro-ezrx4mnr) i:where(.astro-ezrx4mnr){background:var(--sl-color-gray-4);border-radius:50%;width:.6rem;height:.6rem}.so-walkthrough__command:where(.astro-ezrx4mnr){text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--sl-color-gray-2);background:0 0;flex:1;font-size:.8rem;overflow:hidden}.so-walkthrough__full:where(.astro-ezrx4mnr){color:var(--sl-color-gray-2);align-items:center;gap:.3rem;font-size:.75rem;text-decoration:none;display:inline-flex}.so-walkthrough__full:where(.astro-ezrx4mnr):hover{color:var(--sl-color-text-accent)}.so-walkthrough__looks:where(.astro-ezrx4mnr){border:1px solid var(--sl-color-hairline-shade);border-radius:2px;display:inline-flex}.so-walkthrough__looks:where(.astro-ezrx4mnr) button:where(.astro-ezrx4mnr),.so-walkthrough__nav:where(.astro-ezrx4mnr) button:where(.astro-ezrx4mnr){font:inherit;font-family:var(--so-font-ui);color:var(--sl-color-text);cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;display:inline-flex}.so-walkthrough__looks:where(.astro-ezrx4mnr) button:where(.astro-ezrx4mnr){padding:.15rem .5rem;font-size:.75rem}.so-walkthrough__looks:where(.astro-ezrx4mnr) button:where(.astro-ezrx4mnr)[aria-pressed=true]{background:var(--sl-color-accent-low);color:var(--sl-color-text-accent)}.so-walkthrough__viewport:where(.astro-ezrx4mnr){aspect-ratio:1020/594;position:relative;overflow:hidden}.so-walkthrough__viewport:where(.astro-ezrx4mnr)[style*=height]{aspect-ratio:auto}.so-walkthrough__viewport:where(.astro-ezrx4mnr) iframe:where(.astro-ezrx4mnr){transform-origin:0 0;pointer-events:none;border:0;position:absolute;inset:0 auto auto 0}.so-walkthrough:where(.astro-ezrx4mnr) figcaption:where(.astro-ezrx4mnr){font-family:var(--so-font-ui);color:var(--sl-color-gray-2);min-height:3em;margin-top:.75rem;font-size:.9rem;line-height:1.5}.so-walkthrough:where(.astro-ezrx4mnr) figcaption:where(.astro-ezrx4mnr) strong:where(.astro-ezrx4mnr){color:var(--sl-color-text);margin-inline:.35rem .25rem}.so-walkthrough__count:where(.astro-ezrx4mnr){font-variant-numeric:tabular-nums;color:var(--sl-color-gray-3)}.so-walkthrough__nav:where(.astro-ezrx4mnr){justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.so-walkthrough__step-button:where(.astro-ezrx4mnr){border-radius:2px;padding:.35rem .75rem;font-size:.85rem;font-weight:600;border:1px solid var(--sl-color-gray-4)!important}.so-walkthrough__step-button:where(.astro-ezrx4mnr):disabled{opacity:.4;cursor:default}.so-walkthrough__step-button:where(.astro-ezrx4mnr):not(:disabled):hover{color:var(--sl-color-text-accent);border-color:var(--sl-color-accent)!important}.so-walkthrough__steps:where(.astro-ezrx4mnr){flex-wrap:wrap;justify-content:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.so-walkthrough__steps:where(.astro-ezrx4mnr) li:where(.astro-ezrx4mnr){margin:0}.so-walkthrough__steps:where(.astro-ezrx4mnr) button:where(.astro-ezrx4mnr){font-variant-numeric:tabular-nums;min-width:1.6rem;height:1.6rem;color:var(--sl-color-gray-3);border-radius:2px;justify-content:center;font-size:.75rem}.so-walkthrough__steps:where(.astro-ezrx4mnr) button:where(.astro-ezrx4mnr):hover{color:var(--sl-color-text)}.so-walkthrough__steps:where(.astro-ezrx4mnr) button:where(.astro-ezrx4mnr)[aria-current=step]{background:var(--so-button-bg);color:var(--so-button-fg);font-weight:600}.so-walkthrough:where(.astro-ezrx4mnr) button:where(.astro-ezrx4mnr):focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}@media (width<=40rem){.so-walkthrough__steps:where(.astro-ezrx4mnr),.so-walkthrough__label:where(.astro-ezrx4mnr){display:none}}