.demo-stage{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:4px}.demo-stage:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.stage-hint{margin-top:8px;font-family:var(--mono);font-size:10px;color:var(--muted)}.step-text{min-height:calc(3 * 1.6em + 32px);margin-top:16px;padding:16px 18px;border-left:2px solid var(--blue);background:var(--paper)}.inspector{min-height:1.6em;margin-top:10px;font-family:var(--mono);font-size:11px;color:var(--muted)}.scrubber{display:flex;align-items:center;min-height:44px}.scrubber input{width:100%;accent-color:var(--blue)}.segmented{margin:0;padding:0;border:0;min-width:0}.segmented legend{margin-bottom:6px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.segmented-options{display:inline-flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:4px}.segmented-options label{position:relative;display:flex}.segmented-options input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.segmented-options span{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:44px;padding:0 12px;font-size:12px}.segmented-options span:after{content:attr(data-label);content:attr(data-label) / "";height:0;overflow:hidden;visibility:hidden;font-weight:600}.segmented-options label+label span{border-left:1px solid var(--line)}.segmented-options input:checked+span{background:var(--blue-wash);color:var(--blue-wash-ink);box-shadow:inset 0 0 0 2px var(--blue);font-weight:600}@media (forced-colors: active){.segmented-options input:checked+span{outline:2px solid Highlight;outline-offset:-4px}}.segmented-options input:focus-visible+span{outline:2px solid var(--blue);outline-offset:-2px}.segmented:disabled{opacity:.5}