.step[data-astro-cid-5zo3q5qv]{align-items:baseline;gap:.9rem;display:flex}.n[data-astro-cid-5zo3q5qv]{color:var(--accent);font-weight:600}.body[data-astro-cid-5zo3q5qv]{flex-direction:column;gap:.15rem;display:flex}.verb[data-astro-cid-5zo3q5qv]{font-size:var(--step-1);font-weight:600}.desc[data-astro-cid-5zo3q5qv]{font-size:var(--step--1)}.loopdemo[data-astro-cid-7nbytfhd]{margin:1.4rem 0 0}.split2[data-astro-cid-7nbytfhd]{align-items:flex-start;gap:14px;display:flex}.pane[data-astro-cid-7nbytfhd]{background:#10141b;border:1px solid #222c38;border-radius:8px;overflow:hidden}.term[data-astro-cid-7nbytfhd]{flex:1.5;min-width:0}.app[data-astro-cid-7nbytfhd]{flex:.58;min-width:0}.pane-h[data-astro-cid-7nbytfhd]{color:#7a8699;font:600 11px/1.4 var(--font-mono,monospace);background:#161c25;border-bottom:1px solid #222c38;justify-content:space-between;padding:5px 9px;display:flex}.lines[data-astro-cid-7nbytfhd]{font:14px/1.65 var(--font-mono,monospace);margin:0;padding:11px 13px;list-style:none}.line[data-astro-cid-7nbytfhd]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.c[data-astro-cid-7nbytfhd]{color:var(--accent)}.arg[data-astro-cid-7nbytfhd]{color:#7a8699}.r[data-astro-cid-7nbytfhd]{color:#9aa7b8}.r[data-astro-cid-7nbytfhd].warn{color:#f85149}.r[data-astro-cid-7nbytfhd].good{color:#7fd18b}.canvas[data-astro-cid-7nbytfhd]{background:#10141b;width:100%;position:relative}.layer[data-astro-cid-7nbytfhd]{opacity:0;transition:opacity .25s linear;position:absolute;inset:0}.layer[data-astro-cid-7nbytfhd].is-last{opacity:1}.frame[data-astro-cid-7nbytfhd]{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.mark[data-astro-cid-7nbytfhd]{opacity:0;background:#c978001a;border:2px solid #c97800;border-radius:4px;transition:opacity .2s;position:absolute}.mark[data-astro-cid-7nbytfhd] .chip[data-astro-cid-7nbytfhd]{color:#0a0c10;font:700 10px/1 var(--font-mono,monospace);background:#c97800;border-radius:3px;padding:2px 4px;position:absolute;top:-15px;left:-2px}.mark[data-astro-cid-7nbytfhd].active{background:#c9780038;border-color:#e8930a;box-shadow:0 0 0 3px #c9780040}.loopdemo[data-astro-cid-7nbytfhd].is-playing .mark[data-astro-cid-7nbytfhd].on{opacity:1}.loopdemo[data-astro-cid-7nbytfhd].is-playing .mark[data-astro-cid-7nbytfhd].on.active{animation:1.1s ease-in-out infinite markpulse}@keyframes markpulse{50%{box-shadow:0 0 0 6px #c978001a}}.codecard[data-astro-cid-7nbytfhd]{opacity:0;visibility:hidden;background:#0d1117;flex-direction:column;transition:opacity .55s;display:flex;position:absolute;inset:0}.loopdemo[data-astro-cid-7nbytfhd].is-playing .codecard[data-astro-cid-7nbytfhd].show{opacity:1;visibility:visible}.cc-h[data-astro-cid-7nbytfhd]{color:#7a8699;font:600 10px/1.4 var(--font-mono,monospace);background:#161c25;border-bottom:1px solid #222c38;flex:none;padding:4px 8px}.cc-body[data-astro-cid-7nbytfhd]{font:10.5px/1.7 var(--font-mono,monospace);color:#9aa7b8;margin:0;padding:8px;list-style:none;overflow:hidden}.cl[data-astro-cid-7nbytfhd]{white-space:pre;text-overflow:ellipsis;overflow:hidden}.cl[data-astro-cid-7nbytfhd] .g[data-astro-cid-7nbytfhd]{color:#566173;width:1ch;display:inline-block}.cl[data-astro-cid-7nbytfhd].add{color:#b7ecc0;opacity:0;border-radius:3px;max-height:0}.cl[data-astro-cid-7nbytfhd].add .g[data-astro-cid-7nbytfhd]{color:#7fd18b;font-weight:700}.loopdemo[data-astro-cid-7nbytfhd].is-playing .codecard[data-astro-cid-7nbytfhd].show .cl[data-astro-cid-7nbytfhd].add{animation:1.1s .65s forwards insertline}@keyframes insertline{0%{opacity:0;background:#7fd18b00;max-height:0}18%{opacity:1;background:#7fd18b7a;max-height:1.7em}to{opacity:1;background:#7fd18b1f;max-height:1.7em}}.cap[data-astro-cid-7nbytfhd]{font-size:var(--step--1);justify-content:space-between;align-items:center;gap:1rem;margin-top:10px;display:flex}.replay[data-astro-cid-7nbytfhd]{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:1px solid #3a4250;border-radius:5px;padding:2px 9px}.replay[data-astro-cid-7nbytfhd]:hover{border-color:var(--accent)}.loopdemo[data-astro-cid-7nbytfhd].is-playing .layer[data-astro-cid-7nbytfhd]{opacity:0}.loopdemo[data-astro-cid-7nbytfhd].is-playing .layer[data-astro-cid-7nbytfhd].shown{opacity:1}.loopdemo[data-astro-cid-7nbytfhd].is-playing .line[data-astro-cid-7nbytfhd]{opacity:0}.loopdemo[data-astro-cid-7nbytfhd].is-playing .line[data-astro-cid-7nbytfhd].shown{opacity:1}@media (width<=640px){.split2[data-astro-cid-7nbytfhd]{flex-direction:column}}@media (prefers-reduced-motion:reduce){.layer[data-astro-cid-7nbytfhd],.line[data-astro-cid-7nbytfhd],.mark[data-astro-cid-7nbytfhd]{transition:none!important}.codecard[data-astro-cid-7nbytfhd] .cl[data-astro-cid-7nbytfhd].add{animation:none!important}}.cap[data-astro-cid-h3f3et43]{border-top:1px solid var(--border);padding-top:.9rem}.captitle[data-astro-cid-h3f3et43]{font-size:var(--step-0);font-weight:600;font-family:var(--font-mono)}.cap[data-astro-cid-h3f3et43] p[data-astro-cid-h3f3et43]{font-size:var(--step--1);margin-top:.3rem}.hero[data-astro-cid-oxupcmi3]{flex-direction:column;gap:1rem;display:flex}.lede[data-astro-cid-oxupcmi3]{font-size:var(--step-1)}.cta[data-astro-cid-oxupcmi3]{flex-wrap:wrap;gap:.8rem;margin-top:.4rem;display:flex}.loop[data-astro-cid-oxupcmi3]{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1.1rem;margin-bottom:1.4rem;list-style:none;display:grid}.caps[data-astro-cid-oxupcmi3]{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1.2rem;display:grid}.closing[data-astro-cid-oxupcmi3]{flex-wrap:wrap;gap:.8rem;display:flex}