.code-panel[data-astro-cid-wim2yuxu]{background:#22272e;border-radius:12px;border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;overflow:hidden;min-width:0;contain:inline-size;min-height:260px}@media(min-height:600px){.code-panel[data-astro-cid-wim2yuxu]{min-height:400px}}.titlebar[data-astro-cid-wim2yuxu]{display:flex;align-items:stretch;gap:0;border-bottom:1px solid rgba(255,255,255,.07);background:#1a1e24;border-radius:12px 12px 0 0;flex-shrink:0;overflow:hidden}.icon[data-astro-cid-wim2yuxu]{width:14px;height:14px;flex-shrink:0;align-self:center;margin-left:14px;margin-right:6px}.file-tabs[data-astro-cid-wim2yuxu]{display:flex;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.file-tabs[data-astro-cid-wim2yuxu]::-webkit-scrollbar{display:none}.file-tab[data-astro-cid-wim2yuxu]{flex-shrink:0;font-size:12px;font-weight:500;font-family:Menlo,Monaco,Cascadia Code,monospace;color:#5a5a5a;background:transparent;border:none;border-right:1px solid rgba(255,255,255,.06);border-bottom:2px solid transparent;padding:0 14px;height:40px;cursor:pointer;transition:color .15s,background .15s,border-bottom-color .15s;white-space:nowrap}.file-tab[data-astro-cid-wim2yuxu]:hover:not(.file-tab-active){color:#adbac7;background:#ffffff08}.file-tab-active[data-astro-cid-wim2yuxu]{color:#e2e2e2;background:#ffffff0a;border-bottom-color:#4a9eff}.lang-toggle[data-astro-cid-wim2yuxu]{display:flex;align-items:center;gap:2px;background:#ffffff0f;border-radius:6px;padding:2px;margin:6px 14px 6px 8px;flex-shrink:0}.lang-btn[data-astro-cid-wim2yuxu]{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;border:none;background:transparent;color:#5a5a5a;cursor:pointer;transition:background .15s,color .15s;font-family:Menlo,Monaco,Cascadia Code,monospace;letter-spacing:.03em}.lang-btn[data-astro-cid-wim2yuxu]:hover{color:silver}.lang-btn-active[data-astro-cid-wim2yuxu]{background:#ffffff1f;color:#e2e2e2}.scroll-area[data-astro-cid-wim2yuxu]{flex:1;overflow-x:hidden;overflow-y:auto;min-height:0;min-width:0;border-radius:0 0 12px 12px}.step-pane-hidden{display:none!important}.scroll-area[data-astro-cid-wim2yuxu] pre{margin:0!important;padding:1.125rem!important;background:transparent!important;font-size:13px!important;line-height:1.65!important;tab-size:2;white-space:pre;overflow-x:auto!important;max-width:100%}.scroll-area[data-astro-cid-wim2yuxu] code{font-family:Menlo,Monaco,Cascadia Code,monospace!important}.terminal-panel[data-astro-cid-p3twa37b]{background:#111;border-radius:12px;border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;overflow:hidden;min-width:0;contain:inline-size;min-height:260px}@media(min-height:600px){.terminal-panel[data-astro-cid-p3twa37b]{min-height:400px}}.titlebar[data-astro-cid-p3twa37b]{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.07);background:#0b0b0b;border-radius:12px 12px 0 0;flex-shrink:0}.icon[data-astro-cid-p3twa37b]{width:14px;height:14px;flex-shrink:0}.label[data-astro-cid-p3twa37b]{font-size:12px;font-weight:500;color:#7a7a7a;font-family:Menlo,Monaco,Cascadia Code,monospace}.output[data-astro-cid-p3twa37b]{flex:1;overflow-x:auto;overflow-y:auto;padding:1rem;font-family:Menlo,Monaco,Cascadia Code,monospace;font-size:13px;line-height:1.6;color:#e2e2e2;min-height:0}.placeholder[data-astro-cid-p3twa37b]{color:#5a5a5a}.prompt[data-astro-cid-p3twa37b]{color:#4a9eff;margin-right:8px}.output[data-astro-cid-p3twa37b] .terminal-line{white-space:pre;margin-bottom:1px}.output[data-astro-cid-p3twa37b] .terminal-info{color:#8b8b8b}.output[data-astro-cid-p3twa37b] .terminal-step{color:#c9c9c9}.output[data-astro-cid-p3twa37b] .terminal-pass{color:#57e472}.output[data-astro-cid-p3twa37b] .terminal-summary{color:#57e472;font-weight:600}.controls[data-astro-cid-p3twa37b]{display:flex;gap:8px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.run-btn[data-astro-cid-p3twa37b]{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;border:none;background:var(--color-primary, #0058bd);color:var(--color-on-primary, #ffffff);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.run-btn[data-astro-cid-p3twa37b]:hover{background:var(--color-primary-container, #0c70ea)}.run-btn[data-astro-cid-p3twa37b]:disabled{opacity:.5;cursor:not-allowed}.reset-btn[data-astro-cid-p3twa37b]{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0a;color:#e2e2e2;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.reset-btn[data-astro-cid-p3twa37b]:hover{background:#ffffff14;border-color:#ffffff40}.btn-icon[data-astro-cid-p3twa37b]{width:16px;height:16px;flex-shrink:0}.is-hidden[data-astro-cid-p3twa37b]{display:none!important}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-tracking:initial;--tw-border-style:solid;--tw-font-weight:initial}}}.page-main[data-astro-cid-prwxh6m4]{z-index:1;padding-inline:var(--spacing-margin-mobile);flex:1;padding-block:2rem 4rem;position:relative}@media(min-width:48rem){.page-main[data-astro-cid-prwxh6m4]{padding-inline:var(--spacing-margin-desktop)}}.demo-hero[data-astro-cid-prwxh6m4]{margin-bottom:calc(var(--spacing,.25rem) * 8);padding-top:calc(var(--spacing,.25rem) * 4)}.demo-hero-label[data-astro-cid-prwxh6m4]{margin-bottom:calc(var(--spacing,.25rem) * 2);font-family:var(--font-label-md,"Plus Jakarta Sans", sans-serif);letter-spacing:.05em;--tw-tracking:.15em;letter-spacing:.15em;color:var(--color-primary,#0058bd);text-transform:uppercase;font-size:14px;font-weight:600;line-height:20px}.demo-hero-heading[data-astro-cid-prwxh6m4]{margin-bottom:calc(var(--spacing,.25rem) * 3);font-family:var(--font-headline-lg,"Outfit", sans-serif);letter-spacing:-.01em;color:var(--color-on-surface,#1a1a1a);font-size:32px;font-weight:600;line-height:40px}.demo-hero-body[data-astro-cid-prwxh6m4]{font-family:var(--font-body-md,"Plus Jakarta Sans", sans-serif);color:var(--color-on-surface-variant,#414754);font-size:16px;font-weight:400;line-height:24px}.step-nav[data-astro-cid-prwxh6m4]{margin-bottom:calc(var(--spacing,.25rem) * 5);align-items:center;display:flex}.step-pill[data-astro-cid-prwxh6m4]{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:#c1c6d64d;border-radius:3.40282e38px;flex-shrink:0;display:flex}@supports (color:color-mix(in lab,red,red)){.step-pill[data-astro-cid-prwxh6m4]{border-color:color-mix(in oklab,var(--color-outline-variant,#c1c6d6) 30%,transparent)}}.step-pill[data-astro-cid-prwxh6m4]{padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1.5);color:var(--color-on-surface-variant,#414754);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));font-size:13px;font-weight:500}.step-pill[data-astro-cid-prwxh6m4]:hover:not(.step-pill-active):not(.step-pill-done){border-color:#c1c6d699}@supports (color:color-mix(in lab,red,red)){.step-pill[data-astro-cid-prwxh6m4]:hover:not(.step-pill-active):not(.step-pill-done){border-color:color-mix(in oklab,var(--color-outline-variant,#c1c6d6) 60%,transparent)}}.step-pill[data-astro-cid-prwxh6m4]:hover:not(.step-pill-active):not(.step-pill-done){color:var(--color-on-surface,#1a1a1a)}.step-pill-active[data-astro-cid-prwxh6m4]{border-color:var(--color-primary,#0058bd);background-color:var(--color-primary,#0058bd);color:var(--color-on-primary,#fff)}.step-pill-done[data-astro-cid-prwxh6m4]{border-color:#4566494d}@supports (color:color-mix(in lab,red,red)){.step-pill-done[data-astro-cid-prwxh6m4]{border-color:color-mix(in oklab,var(--color-secondary,#456649) 30%,transparent)}}.step-pill-done[data-astro-cid-prwxh6m4]{color:var(--color-secondary,#456649);background:#45664914}@supports (color:color-mix(in lab,red,red)){.step-pill-done[data-astro-cid-prwxh6m4]{background:color-mix(in srgb,var(--color-secondary) 8%,transparent)}}.step-num[data-astro-cid-prwxh6m4]{height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 5);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);background:currentColor;border-radius:3.40282e38px;justify-content:center;align-items:center;font-size:11px;display:flex}@supports (color:color-mix(in lab,red,red)){.step-num[data-astro-cid-prwxh6m4]{background:color-mix(in srgb,currentColor 15%,transparent)}}.step-label-text[data-astro-cid-prwxh6m4]{display:none}@media(min-width:40rem){.step-label-text[data-astro-cid-prwxh6m4]{display:inline}}.step-line[data-astro-cid-prwxh6m4]{background:var(--color-outline-variant);opacity:.3;flex:1;min-width:10px;height:1px;transition:background .3s,opacity .3s}.step-line-done[data-astro-cid-prwxh6m4]{background:var(--color-secondary);opacity:.5}.annotation-bar[data-astro-cid-prwxh6m4]{margin-bottom:calc(var(--spacing,.25rem) * 5)}.annot-hidden[data-astro-cid-prwxh6m4]{display:none!important}.annotation-body[data-astro-cid-prwxh6m4]{margin-bottom:calc(var(--spacing,.25rem) * 0);font-family:var(--font-body-md,"Plus Jakarta Sans", sans-serif);color:var(--color-on-surface-variant,#414754);font-size:16px;font-weight:400;line-height:24px}.annotation-body[data-astro-cid-prwxh6m4] em[data-astro-cid-prwxh6m4]{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-on-surface,#1a1a1a);font-style:normal}.annotation-callout[data-astro-cid-prwxh6m4]{margin-top:calc(var(--spacing,.25rem) * 3);font-family:var(--font-body-md,"Plus Jakarta Sans", sans-serif);background:#f0f5fb;padding:.75rem 1rem;font-size:14px;font-weight:400;line-height:24px}@supports (color:color-mix(in lab,red,red)){.annotation-callout[data-astro-cid-prwxh6m4]{background:color-mix(in srgb,var(--color-primary) 6%,var(--color-background))}}.annotation-callout[data-astro-cid-prwxh6m4]{border-left:2px solid #0058bd59}@supports (color:color-mix(in lab,red,red)){.annotation-callout[data-astro-cid-prwxh6m4]{border-left:2px solid color-mix(in srgb,var(--color-primary) 35%,transparent)}}.annotation-callout[data-astro-cid-prwxh6m4]{color:#0d55a8;border-radius:0 6px 6px 0}@supports (color:color-mix(in lab,red,red)){.annotation-callout[data-astro-cid-prwxh6m4]{color:color-mix(in srgb,var(--color-primary) 80%,var(--color-on-surface-variant))}}.annotation-code[data-astro-cid-prwxh6m4]{color:var(--color-primary,#0058bd);background:#0058bd1a;font-family:Menlo,Monaco,Cascadia Code,monospace;font-size:12px}@supports (color:color-mix(in lab,red,red)){.annotation-code[data-astro-cid-prwxh6m4]{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}}.annotation-code[data-astro-cid-prwxh6m4]{border-radius:3px;padding:1px 5px}.demo-shell[data-astro-cid-prwxh6m4]{display:block}.terminal-section[data-astro-cid-prwxh6m4]{margin-top:1rem}.step-pane-hidden[data-astro-cid-prwxh6m4]{display:none!important}.bottom-nav[data-astro-cid-prwxh6m4]{margin-top:calc(var(--spacing,.25rem) * 4);padding-top:calc(var(--spacing,.25rem) * 4);justify-content:space-between;align-items:center;display:flex}.nav-step-btn[data-astro-cid-prwxh6m4]{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:#c1c6d64d;display:flex}@supports (color:color-mix(in lab,red,red)){.nav-step-btn[data-astro-cid-prwxh6m4]{border-color:color-mix(in oklab,var(--color-outline-variant,#c1c6d6) 30%,transparent)}}.nav-step-btn[data-astro-cid-prwxh6m4]{padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);font-family:var(--font-label-md,"Plus Jakarta Sans", sans-serif);letter-spacing:.05em;color:var(--color-on-surface-variant,#414754);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));font-size:14px;font-weight:600;line-height:20px}@media(hover:hover){.nav-step-btn[data-astro-cid-prwxh6m4]:hover{border-color:#c1c6d699}@supports (color:color-mix(in lab,red,red)){.nav-step-btn[data-astro-cid-prwxh6m4]:hover{border-color:color-mix(in oklab,var(--color-outline-variant,#c1c6d6) 60%,transparent)}}.nav-step-btn[data-astro-cid-prwxh6m4]:hover{color:var(--color-on-surface,#1a1a1a)}}.nav-step-btn[data-astro-cid-prwxh6m4]{background-color:#fafcfe}@supports (color:color-mix(in lab,red,red)){.nav-step-btn[data-astro-cid-prwxh6m4]{background-color:color-mix(in srgb,var(--color-primary) 2%,var(--color-background))}}.nav-step-btn[data-astro-cid-prwxh6m4]:disabled{cursor:not-allowed;opacity:.4}.step-display[data-astro-cid-prwxh6m4]{display:none}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}