/*! UX by Example — © 2026 Chris Daniels. All rights reserved. */
/*!r:1788163997313*/
.iab__lead{font-size:var(--step-1);line-height:var(--leading-snug);max-inline-size:62ch;margin-block-end:var(--space-m)}.iab__stage{position:relative;inline-size:100%;max-inline-size:30rem;block-size:11rem;border-radius:var(--radius-m);background:var(--surface-2);border:1px solid var(--line);overflow:hidden}.iab__dot{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);inline-size:3rem;block-size:3rem;border-radius:50%;background:var(--surface);border:2px solid var(--line)}.iab__dot.is-blue{background:var(--accent);border-color:var(--accent)}.iab__dot.is-grey{background:var(--muted);border-color:var(--muted)}.iab__intruder{position:absolute;inset-block-start:38%;inset-inline-start:-4rem;inline-size:2.4rem;block-size:2.4rem;background:var(--status-unsupported-fg);border-radius:6px;opacity:0;transform:rotate(12deg)}.iab__intruder.is-crossing{opacity:.92;inset-inline-start:calc(100% + 4rem);transition:inset-inline-start 2.8s linear}.iab__intruder.is-revealed{opacity:.92;inset-inline-start:50%;transform:translateX(-50%) rotate(12deg);transition:none}.iab__controls{margin-block-start:var(--space-m)}.iab__ask{margin-block-start:var(--space-l)}.iab__q{font-weight:600;margin-block-end:var(--space-s)}.iab__btns{display:flex;gap:var(--space-s)}.iab__readout{font-size:var(--step-0);line-height:var(--leading-snug);min-block-size:1.6em;margin-block-start:var(--space-m);padding:var(--space-s);background:var(--accent-soft);border-radius:var(--radius-s);max-inline-size:64ch}.iab__alt{margin-block-start:var(--space-l);border-block-start:1px solid var(--line);padding-block-start:var(--space-m)}.iab__alt summary{cursor:pointer;font-weight:600;color:var(--accent-strong)}.iab__alt[open] summary{margin-block-end:var(--space-s)}