.ide[data-astro-cid-uaha5cr3]{--ide-bg:#0d1222;--ide-panel:#111829;--ide-raised:#18213a;--ide-line:#222c47;--ide-fg:#e6e9f2;--ide-muted:#8c97b2;border:1px solid var(--ide-line);background:var(--ide-bg);height:calc(100dvh - 5.5rem);min-height:30rem;max-height:60rem;color:var(--ide-fg);border-radius:1rem;grid-template-columns:4.75rem minmax(0,1fr);display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 24px 60px -24px #312e8173}.ide-rail[data-astro-cid-uaha5cr3]{border-right:1px solid var(--ide-line);scrollbar-width:none;background:linear-gradient(#0a0f1d,#0d1222);flex-direction:column;gap:.25rem;padding:.625rem .375rem;display:flex;overflow-y:auto}.ide-lang[data-astro-cid-uaha5cr3]{color:var(--ide-muted);transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;border-radius:.75rem;justify-items:center;gap:.25rem;padding:.5rem .25rem;font-size:.6875rem;font-weight:600;text-decoration:none;display:grid;position:relative}.ide-lang[data-astro-cid-uaha5cr3]:hover{background:var(--ide-raised);color:var(--ide-fg)}.ide-lang[data-astro-cid-uaha5cr3][aria-current]{background:color-mix(in srgb, var(--lang) 16%, transparent);color:#fff}.ide-lang[data-astro-cid-uaha5cr3][aria-current]:before{content:"";background:var(--lang);border-radius:0 3px 3px 0;width:3px;position:absolute;top:.625rem;bottom:.625rem;left:-.375rem}.ide-lang[data-astro-cid-uaha5cr3]:focus-visible,.ide-icon[data-astro-cid-uaha5cr3]:focus-visible,.ide-run[data-astro-cid-uaha5cr3]:focus-visible,.ide-chip[data-astro-cid-uaha5cr3]:focus-visible{outline-offset:2px;outline:2px solid #a5b4fc}.ide-badge[data-astro-cid-uaha5cr3]{background:color-mix(in srgb, var(--lang) 22%, #0d1222);width:2.25rem;height:2.25rem;color:color-mix(in srgb, var(--lang) 70%, #fff);font:800 .8125rem/1 var(--font-mono,ui-monospace, monospace);letter-spacing:-.02em;border-radius:.625rem;place-items:center;display:grid}.ide-lang[data-astro-cid-uaha5cr3][aria-current] .ide-badge[data-astro-cid-uaha5cr3]{background:var(--lang);color:#0b1020;box-shadow:0 6px 18px -6px var(--lang)}.ide-badge-sm[data-astro-cid-uaha5cr3]{background:var(--lang);color:#0b1020;border-radius:.5rem;width:1.75rem;height:1.75rem;font-size:.6875rem}.ide-main[data-astro-cid-uaha5cr3]{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.ide-top[data-astro-cid-uaha5cr3]{border-bottom:1px solid var(--ide-line);background:linear-gradient(90deg,#121a30,#0f1527 60%,#141533);align-items:center;gap:.75rem;min-height:3.25rem;padding:.5rem .75rem .5rem 1rem;display:flex}.ide-title[data-astro-cid-uaha5cr3]{color:#fff;white-space:nowrap;align-items:center;gap:.5rem;min-width:0;margin:0;font-size:.9375rem;font-weight:700;display:flex;overflow:hidden}.ide-title[data-astro-cid-uaha5cr3]>span[data-astro-cid-uaha5cr3]:last-child{text-overflow:ellipsis;overflow:hidden}.ide-file[data-astro-cid-uaha5cr3]{border:1px solid var(--ide-line);color:var(--ide-muted);font:.75rem/1.2 var(--font-mono,ui-monospace, monospace);border-radius:.375rem;padding:.1875rem .5rem}.ide-actions[data-astro-cid-uaha5cr3]{flex:none;align-items:center;gap:.25rem;margin-left:auto;display:flex}.ide-icon[data-astro-cid-uaha5cr3]{width:2rem;height:2rem;color:var(--ide-muted);cursor:pointer;background:0 0;border:0;border-radius:.5rem;place-items:center;display:grid}.ide-icon[data-astro-cid-uaha5cr3]:hover{background:var(--ide-raised);color:#fff}.ide-wide[data-astro-cid-uaha5cr3] .ide-wide-off[data-astro-cid-uaha5cr3],.ide-wide[data-astro-cid-uaha5cr3][aria-pressed=true] .ide-wide-on[data-astro-cid-uaha5cr3]{display:none}.ide-wide[data-astro-cid-uaha5cr3][aria-pressed=true] .ide-wide-off[data-astro-cid-uaha5cr3]{display:contents}@media (width<=1199px){.ide-wide[data-astro-cid-uaha5cr3]{display:none}}.ide-run[data-astro-cid-uaha5cr3]{color:#1a1204;cursor:pointer;height:2.125rem;transition:transform var(--duration-fast) ease;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:0;border-radius:.625rem;align-items:center;gap:.4375rem;margin-left:.375rem;padding:0 .875rem 0 .75rem;font-size:.875rem;font-weight:700;display:inline-flex;box-shadow:0 6px 18px -8px #f59e0b}.ide-run[data-astro-cid-uaha5cr3][hidden]{display:none}.ide-run[data-astro-cid-uaha5cr3]:hover{transform:translateY(-1px)}.ide-run[data-astro-cid-uaha5cr3]:active{transform:translateY(0)}.ide-play[data-astro-cid-uaha5cr3]{border-top:.3125rem solid #0000;border-bottom:.3125rem solid #0000;border-left:.5rem solid;width:0;height:0}.ide-stop[data-astro-cid-uaha5cr3]{color:#fff;background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 6px 18px -8px #ef4444}.ide-square[data-astro-cid-uaha5cr3]{background:currentColor;border-radius:2px;width:.5625rem;height:.5625rem}.ide-split[data-astro-cid-uaha5cr3]{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:0;display:grid}.ide-pane[data-astro-cid-uaha5cr3]{flex-direction:column;min-width:0;min-height:0;display:flex}.ide-out[data-astro-cid-uaha5cr3]{border-left:1px solid var(--ide-line);background:var(--ide-panel)}.ide-out-head[data-astro-cid-uaha5cr3]{border-bottom:1px solid var(--ide-line);align-items:center;gap:.5rem;min-height:2.5rem;padding:.25rem .5rem .25rem 1rem;display:flex}.ide-out-title[data-astro-cid-uaha5cr3]{color:#fff;letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:700}.ide-state[data-astro-cid-uaha5cr3]{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ide-muted);flex:1;font-size:.75rem;overflow:hidden}.ide-state[data-astro-cid-uaha5cr3][data-kind=ok]{color:#4ade80}.ide-state[data-astro-cid-uaha5cr3][data-kind=error]{color:#f87171}.ide-chip[data-astro-cid-uaha5cr3]{border:1px solid var(--ide-line);height:1.75rem;color:var(--ide-muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.25rem;padding:0 .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.ide-chip[data-astro-cid-uaha5cr3]:hover,.ide-chip[data-astro-cid-uaha5cr3][aria-expanded=true]{color:#fff;background:#6366f126;border-color:#6366f1}.ide-stdin[data-astro-cid-uaha5cr3]{border-bottom:1px solid var(--ide-line);background:var(--ide-raised);gap:.25rem;padding:.5rem .75rem;display:grid}.ide-stdin[data-astro-cid-uaha5cr3][hidden]{display:none}.ide-stdin[data-astro-cid-uaha5cr3] label[data-astro-cid-uaha5cr3]{color:var(--ide-muted);font-size:.75rem}.ide-stdin[data-astro-cid-uaha5cr3] textarea[data-astro-cid-uaha5cr3]{border:1px solid var(--ide-line);background:var(--ide-bg);width:100%;color:var(--ide-fg);font:13px/1.5 var(--font-mono,ui-monospace, monospace);resize:vertical;border-radius:.375rem;padding:.375rem .5rem}.ide-stdin[data-astro-cid-uaha5cr3] textarea[data-astro-cid-uaha5cr3]:focus{border-color:#6366f1;outline:none}.ce[data-astro-cid-uaha5cr3]{--ce-font:13.5px/1.65 var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);--ce-pad:.875rem;background:var(--ide-bg);flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.ce-gutter[data-astro-cid-uaha5cr3]{min-width:2.75rem;padding:var(--ce-pad) .625rem var(--ce-pad) .25rem;color:#4b5675;font:var(--ce-font);text-align:right;user-select:none;flex:none;overflow:hidden}.ce-lines[data-astro-cid-uaha5cr3]>.ce-err{color:#fecaca;background:#ef444459;border-radius:3px;font-weight:700}.ce-body[data-astro-cid-uaha5cr3]{flex:1;min-width:0;position:relative;overflow:hidden}.ce-hl[data-astro-cid-uaha5cr3],.ce-input[data-astro-cid-uaha5cr3]{padding:var(--ce-pad) var(--ce-pad) var(--ce-pad) .25rem;font:var(--ce-font);tab-size:4;white-space:pre;font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0;letter-spacing:normal;word-spacing:normal;border:0;margin:0}.ce-hl[data-astro-cid-uaha5cr3]{min-width:100%;color:var(--ide-fg);pointer-events:none;position:absolute;inset:0 auto auto 0}.ce-input[data-astro-cid-uaha5cr3]{resize:none;color:#0000;caret-color:#fbbf24;background:0 0;outline:none;width:100%;height:100%;position:absolute;inset:0;overflow:auto}.ce-input[data-astro-cid-uaha5cr3]::selection{color:#0000;background:#6366f166}.ide[data-astro-cid-uaha5cr3] .tk-c{color:#64708f;font-style:italic}.ide[data-astro-cid-uaha5cr3] .tk-s{color:#86efac}.ide[data-astro-cid-uaha5cr3] .tk-n{color:#fdba74}.ide[data-astro-cid-uaha5cr3] .tk-k{color:#c4b5fd;font-weight:600}.ide[data-astro-cid-uaha5cr3] .tk-b{color:#67e8f9}.ide[data-astro-cid-uaha5cr3] .tk-f{color:#93c5fd}.ide[data-astro-cid-uaha5cr3] .tk-d{color:#f9a8d4}.cr-out[data-astro-cid-uaha5cr3],.ide-console[data-astro-cid-uaha5cr3]{min-height:0;font:13px/1.6 var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);flex-direction:column;flex:1;gap:.5rem;padding:.875rem 1rem;display:flex;overflow:auto}.cr-out[data-astro-cid-uaha5cr3]:focus-visible,.ide-console[data-astro-cid-uaha5cr3]:focus-visible{outline-offset:-2px;outline:2px solid #a5b4fc}.cr-placeholder[data-astro-cid-uaha5cr3]{color:var(--ide-muted);font-family:var(--font-sans);font-size:.875rem}.cr-placeholder[data-astro-cid-uaha5cr3] strong[data-astro-cid-uaha5cr3]{color:#fbbf24}.ide[data-astro-cid-uaha5cr3] .cr-out pre,.ide[data-astro-cid-uaha5cr3] .ide-console pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ide-fg);margin:0}.ide[data-astro-cid-uaha5cr3] pre.err{color:#fca5a5}.ide[data-astro-cid-uaha5cr3] .cr-info{color:var(--ide-muted);font-family:var(--font-sans);font-size:.8125rem}.ide[data-astro-cid-uaha5cr3] .cr-error{background:#ef44441a;border-left:3px solid #ef4444;border-radius:.5rem;gap:.375rem;padding:.625rem .75rem;display:grid}.ide[data-astro-cid-uaha5cr3] .cr-error pre{color:#fca5a5}.ide[data-astro-cid-uaha5cr3] .cr-error p{color:var(--ide-fg);font-family:var(--font-sans);font-size:.8125rem}.ide[data-astro-cid-uaha5cr3] .cr-goto{color:#fecaca;font:600 .75rem/1.2 var(--font-sans);cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:.375rem;justify-self:start;padding:.25rem .625rem}.ide[data-astro-cid-uaha5cr3] .cr-goto:hover{background:#ef444433}.ide-html[data-astro-cid-uaha5cr3]{flex:1;grid-template-rows:minmax(0,1fr) minmax(4.5rem,30%);min-height:0;display:grid}.ide-html[data-astro-cid-uaha5cr3] iframe[data-astro-cid-uaha5cr3]{background:#fff;border:0;width:100%;height:100%}.ide-console[data-astro-cid-uaha5cr3]{border-top:1px solid var(--ide-line);gap:.25rem;font-size:12px}.ide-console[data-astro-cid-uaha5cr3]:empty:before{content:"Console — console.log() and errors from your page appear here.";color:var(--ide-muted);font-family:var(--font-sans);font-size:.75rem}@media (width<=767px){.ide[data-astro-cid-uaha5cr3]{border-radius:.875rem;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:calc(100dvh - 5rem);min-height:32rem}.ide-rail[data-astro-cid-uaha5cr3]{border-right:0;border-bottom:1px solid var(--ide-line);flex-direction:row;padding:.375rem;overflow:auto hidden}.ide-lang[data-astro-cid-uaha5cr3]{flex:none;align-items:center;gap:.375rem;padding:.25rem .625rem .25rem .25rem;font-size:.75rem;display:flex}.ide-lang[data-astro-cid-uaha5cr3][aria-current]:before{display:none}.ide-badge[data-astro-cid-uaha5cr3]{border-radius:.5rem;width:1.75rem;height:1.75rem;font-size:.6875rem}.ide-top[data-astro-cid-uaha5cr3]{gap:.5rem;min-height:2.875rem;padding:.375rem .5rem .375rem .75rem}.ide-title[data-astro-cid-uaha5cr3] .ide-badge-sm[data-astro-cid-uaha5cr3],.ide-file[data-astro-cid-uaha5cr3]{display:none}.ide-title[data-astro-cid-uaha5cr3]{font-size:.875rem}.ide-split[data-astro-cid-uaha5cr3]{grid-template-rows:minmax(0,1.1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.ide-out[data-astro-cid-uaha5cr3]{border-left:0;border-top:1px solid var(--ide-line)}.ce[data-astro-cid-uaha5cr3]{--ce-font:16px/1.5 var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);--ce-pad:.625rem}.ce-gutter[data-astro-cid-uaha5cr3]{min-width:2.25rem}.ide-stdin[data-astro-cid-uaha5cr3] textarea[data-astro-cid-uaha5cr3]{font-size:16px}}@media (width<=400px){.ide-icon[data-astro-cid-uaha5cr3][data-cr-copy]{display:none}}.cr-intro[data-astro-cid-rb6bpcqq]{max-width:60rem;color:var(--gtv-fg-muted);align-items:flex-start;gap:.5rem;font-size:.9375rem;display:flex}.cr-intro[data-astro-cid-rb6bpcqq] svg{flex:none;margin-top:.25rem}