.code-demo-module__yBkNwa__panel{border:var(--line-thin) solid var(--color-terminal-line);border-radius:var(--radius-panel);background:var(--color-terminal-bg);min-inline-size:0;color:var(--color-terminal-ink);box-shadow:var(--shadow-panel);overflow:hidden}.code-demo-module__yBkNwa__chrome{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-block-end:var(--line-thin) solid var(--color-terminal-line);display:flex}.code-demo-module__yBkNwa__label,.code-demo-module__yBkNwa__outputLabel{font-size:var(--text-small);color:var(--color-terminal-muted)}.code-demo-module__yBkNwa__windowMarks{gap:var(--space-2);display:flex}.code-demo-module__yBkNwa__windowMarks i{inline-size:var(--space-2);block-size:var(--space-2);border:var(--line-thin) solid var(--color-terminal-muted);border-radius:var(--radius-control)}.code-demo-module__yBkNwa__file{inline-size:fit-content;margin-inline:var(--space-6);border-block-end:var(--line-strong) solid var(--color-terminal-accent);color:var(--color-terminal-ink);font-family:var(--font-mono), var(--font-sans-arabic);font-size:var(--text-small);margin-block-start:var(--space-5);padding-block-end:var(--space-3)}.code-demo-module__yBkNwa__editor{padding:var(--space-6);font-family:var(--font-mono), var(--font-sans-arabic);font-size:var(--text-code);line-height:var(--leading-code);overflow-x:auto}.code-demo-module__yBkNwa__line{align-items:baseline;gap:var(--space-5);opacity:1;min-inline-size:max-content;display:flex}.code-demo-module__yBkNwa__number{inline-size:var(--space-3);color:var(--color-terminal-muted);text-align:end;flex-shrink:0}.code-demo-module__yBkNwa__code{white-space:pre;display:block}.code-demo-module__yBkNwa__code[data-token=comment]{color:var(--color-terminal-muted)}.code-demo-module__yBkNwa__code[data-token=string]{color:var(--color-terminal-accent)}.code-demo-module__yBkNwa__code[data-token=keyword]{color:var(--color-terminal-ink)}.code-demo-module__yBkNwa__code[data-token=keyword]:after{content:"";inline-size:var(--line-strong);block-size:1em;background:var(--color-terminal-accent);opacity:0;margin-inline-start:var(--space-1);display:inline-block}.code-demo-module__yBkNwa__output{margin:var(--space-2) var(--space-6) var(--space-6);border-block-start:var(--line-thin) solid var(--color-terminal-line);padding-block-start:var(--space-5)}.code-demo-module__yBkNwa__outputLabel{margin-block-end:var(--space-3)}.code-demo-module__yBkNwa__result{align-items:center;gap:var(--space-3);color:var(--color-terminal-accent);font-size:var(--text-body);opacity:1;display:flex}.code-demo-module__yBkNwa__resultMark{inline-size:var(--space-2);block-size:var(--space-2);background:var(--color-terminal-accent);border-radius:var(--radius-control)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.code-demo-module__yBkNwa__code,.code-demo-module__yBkNwa__result{animation:code-demo-module__yBkNwa__type-line var(--motion-stage) steps(24, end) both;animation-delay:calc(var(--demo-line) * var(--motion-stage));animation-iteration-count:1}.code-demo-module__yBkNwa__code[data-token=keyword]:after{animation:code-demo-module__yBkNwa__caret var(--motion-stage) steps(2, end) 1;animation-delay:calc(var(--demo-line) * var(--motion-stage))}}@keyframes code-demo-module__yBkNwa__type-line{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes code-demo-module__yBkNwa__caret{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.code-demo-module__yBkNwa__line,.code-demo-module__yBkNwa__code,.code-demo-module__yBkNwa__result,.code-demo-module__yBkNwa__code:after{clip-path:none;opacity:1;animation:none}.code-demo-module__yBkNwa__code:after{display:none}}