.terminal-illustration{color:var(--illustration-ink,currentColor);min-width:0;margin:0;position:relative}.terminal-illustration__viewport{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.terminal-illustration .terminal-illustration__screen{border:0;width:auto;min-width:0;margin:0;padding:0;overflow:visible}.terminal-illustration__screen{color:inherit;font-variant-ligatures:none;white-space:pre;flex:none;font-family:Berkeley Mono,ui-monospace,monospace}.terminal-illustration__row{height:var(--terminal-illustration-row,1.5em);line-height:var(--terminal-illustration-row,1.5em);display:block}.terminal-illustration__row span{height:100%;line-height:inherit;vertical-align:top;display:inline-block}.terminal-illustration__controls{color:inherit;pointer-events:auto;z-index:1;flex-direction:column;align-items:flex-end;gap:8px;font-family:inherit;display:flex;position:absolute;bottom:.75rem;right:.75rem}.terminal-illustration__buttons{align-items:center;gap:8px;display:flex}.terminal-illustration[data-illustration-controls=hidden] .terminal-illustration__controls{display:none}.terminal-illustration[data-illustration-controls=hover] .terminal-illustration__controls{opacity:0;pointer-events:none;transition:opacity .2s}.terminal-illustration[data-illustration-controls=hover]:hover .terminal-illustration__controls,.terminal-illustration[data-illustration-controls=hover]:focus-within .terminal-illustration__controls{opacity:1;pointer-events:auto}@media (prefers-reduced-motion:reduce){.terminal-illustration[data-illustration-controls=hover] .terminal-illustration__controls{transition:none}}.terminal-illustration[data-illustration-controls=below] .terminal-illustration__controls{align-items:flex-start;gap:.5rem;margin-block-start:.75rem;position:static}.terminal-illustration[data-illustration-controls=below] .terminal-illustration__caption{color:var(--muted-color);opacity:1;text-align:left;order:-1;width:auto;font-size:.8125rem}.terminal-illustration[data-illustration-controls=below] .terminal-illustration__segments{background:0 0;border:0;height:auto;padding:0}.terminal-illustration[data-illustration-controls=below] .terminal-illustration__toggle{background:0 0;border:0;height:auto;padding:0;font-size:.8125rem}.terminal-illustration[data-illustration-controls=below] .terminal-illustration__toggle:hover{background:0 0;text-decoration:underline}.terminal-illustration__segments{background:color-mix(in srgb, currentColor 8%, transparent);border:1px solid color-mix(in srgb, currentColor 22%, transparent);align-items:center;gap:6px;height:22px;padding:0 9px;display:flex}.terminal-illustration[data-segment-count="1"] .terminal-illustration__segments{display:none}.terminal-illustration__segment{--progress:0;appearance:none;background:color-mix(in srgb, currentColor 30%, transparent);color:inherit;cursor:pointer;border:0;flex:none;width:5px;height:5px;padding:0;transition:width .24s;position:relative;overflow:hidden}.terminal-illustration__segment:after{content:"";transform:scaleX(var(--progress));transform-origin:0;background:currentColor;position:absolute;inset:0}.terminal-illustration__segment[aria-current=step]{width:20px}@media (prefers-reduced-motion:reduce){.terminal-illustration__segment{transition:none}}.terminal-illustration__toggle{appearance:none;background:color-mix(in srgb, currentColor 8%, transparent);border:1px solid color-mix(in srgb, currentColor 22%, transparent);color:inherit;cursor:pointer;font:inherit;flex:none;justify-content:center;align-items:center;height:22px;padding-inline:6px;font-size:11px;display:inline-flex}.terminal-illustration__toggle:hover{background:color-mix(in srgb, currentColor 16%, transparent)}.terminal-illustration__segment:focus-visible,.terminal-illustration__toggle:focus-visible{outline-offset:2px;outline:1px solid}.terminal-illustration__caption{letter-spacing:.01em;opacity:.85;text-align:right;width:26ch;font-size:11px;line-height:1.4}.terminal-illustration__caption:empty{display:none}.scrollback-recording[data-astro-cid-ubziwzq2]{margin-block:1.5rem}.scrollback-recording[data-astro-cid-ubziwzq2] .terminal-illustration{width:100%}.scrollback-recording[data-astro-cid-ubziwzq2] .terminal-illustration__viewport{justify-content:flex-start}
