.intro.svelte-j9rmyt.svelte-j9rmyt{padding-top:48px}.crumbs.svelte-j9rmyt.svelte-j9rmyt{font-size:.8rem;color:#888;margin-bottom:.6rem}.crumbs.svelte-j9rmyt span.svelte-j9rmyt{color:#888}.demo.svelte-j9rmyt.svelte-j9rmyt{padding:.9rem 1rem 1rem}.codes.svelte-j9rmyt.svelte-j9rmyt{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:.9rem}.codes.svelte-j9rmyt button.svelte-j9rmyt,.segment-picker.svelte-j9rmyt button.svelte-j9rmyt{font:600 .9rem ui-monospace,SFMono-Regular,Menlo,monospace;min-width:2.2rem;color:#ddd;background:#1d1e20;border:1px solid rgba(255,255,255,.3);border-radius:3px;padding:.3rem .4rem;cursor:pointer}.codes.svelte-j9rmyt button.dc.svelte-j9rmyt{color:#999;border-style:dashed}.codes.svelte-j9rmyt button.on.svelte-j9rmyt,.segment-picker.svelte-j9rmyt button.on.svelte-j9rmyt{border-color:#5db65d;color:#fff;background:#163116}.demo-body.svelte-j9rmyt.svelte-j9rmyt{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start}.display.svelte-j9rmyt.svelte-j9rmyt{width:120px;background:#0d0d0f;border-radius:4px;padding:6px 4px}.how.svelte-j9rmyt.svelte-j9rmyt{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:flex-start}.how.svelte-j9rmyt p.svelte-j9rmyt{flex:1 1 380px;margin:0}.reference.svelte-j9rmyt.svelte-j9rmyt{width:130px;background:#0d0d0f;border-radius:4px;padding:6px 4px 2px}.caption.svelte-j9rmyt.svelte-j9rmyt{color:#999;font-size:.75rem;text-align:center;margin:.3rem 0 0}.shows.svelte-j9rmyt.svelte-j9rmyt{color:#fff}.glyph.svelte-j9rmyt.svelte-j9rmyt{width:18px;padding:.15rem .3rem}.glyph.svelte-j9rmyt svg{width:14px}.which.svelte-j9rmyt.svelte-j9rmyt{display:inline-flex;align-items:center;gap:.5rem}.mini.svelte-j9rmyt.svelte-j9rmyt{display:inline-block;width:16px}.readout.svelte-j9rmyt.svelte-j9rmyt{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.4rem .9rem;align-content:start}.readout.svelte-j9rmyt dt.svelte-j9rmyt{color:#999;font-size:.85rem}.readout.svelte-j9rmyt dd.svelte-j9rmyt{margin:0;display:flex;flex-wrap:wrap;gap:.4rem}.readout.svelte-j9rmyt .note.svelte-j9rmyt{grid-column:1 / -1;color:#bbb;font-size:.85rem;max-width:420px}.bit.svelte-j9rmyt.svelte-j9rmyt{display:inline-block;border:1px solid #f23;border-radius:2px;padding:0 .35rem;color:#fff;font-size:.85rem}.bit.on.svelte-j9rmyt.svelte-j9rmyt{border-color:#5db65d}.decoder-table.svelte-j9rmyt th.svelte-j9rmyt,.decoder-table.svelte-j9rmyt td.svelte-j9rmyt{text-align:center;padding:.25rem .55rem}.decoder-table.svelte-j9rmyt .var.svelte-j9rmyt{display:block;color:#8ede8e;font-weight:400;font-size:.75rem}.decoder-table.svelte-j9rmyt tbody th.svelte-j9rmyt{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.first-out.svelte-j9rmyt.svelte-j9rmyt{border-left:1px solid rgba(255,255,255,.25)}tr.live.svelte-j9rmyt td.svelte-j9rmyt{box-shadow:inset 0 0 0 1px #fff}.dc-row.svelte-j9rmyt td.svelte-j9rmyt{color:#999}.dc-cell.svelte-j9rmyt.svelte-j9rmyt{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.segments.svelte-j9rmyt.svelte-j9rmyt{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.segment.svelte-j9rmyt.svelte-j9rmyt{padding:.8rem .9rem .9rem}.segment.lit.svelte-j9rmyt.svelte-j9rmyt{border-color:#5db65d99}.segment.svelte-j9rmyt h3.svelte-j9rmyt{margin:0 0 .4rem;display:flex;justify-content:space-between;align-items:baseline}.segment.svelte-j9rmyt h3 .mono.svelte-j9rmyt{color:#8ede8e;font-size:1.2rem}.count.svelte-j9rmyt.svelte-j9rmyt{color:#999;font-size:.8rem}.expr.svelte-j9rmyt.svelte-j9rmyt{color:#fff;margin:0 0 .5rem}.links.svelte-j9rmyt.svelte-j9rmyt{display:flex;flex-wrap:wrap;gap:1rem;margin:0;font-size:.82rem}.link.svelte-j9rmyt.svelte-j9rmyt{font:inherit;color:#8ede8e;background:none;border:none;padding:0;cursor:pointer;text-decoration:underline}.diagram-card.svelte-j9rmyt.svelte-j9rmyt{padding:.8rem .9rem .9rem}.segment-picker.svelte-j9rmyt.svelte-j9rmyt{display:flex;gap:4px;margin-bottom:.7rem}.canvas.svelte-j9rmyt.svelte-j9rmyt{overflow-x:auto;background-color:#1d1e20;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:.5rem}.canvas.svelte-j9rmyt svg{display:block;width:100%;height:auto;max-width:100%}