.hero-code-block{--hcb-bg:#161616;--hcb-bg-hover:#242424;--hcb-border:#333;--hcb-fg:#eee;--hcb-fg-dim:#8f8f8f;--hcb-fg-muted:#bebebe;--hcb-gap:.5em;--hcb-pad-x:.85em;--hcb-pad-y:.5em;--hcb-radius:.375em;--hcb-radius-sheet:calc(.5em + var(--hcb-radius));--hcb-radius-control:calc(var(--hcb-radius-sheet) - 1px - var(--hcb-pad-y));--hcb-duration:.15s;--hcb-ease:ease;letter-spacing:-.01em;width:fit-content;max-width:100%;color:var(--hcb-fg);background:var(--hcb-bg);border:1px solid var(--hcb-border);border-radius:var(--hcb-radius-sheet);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:.875rem;display:block;overflow:hidden}@supports (color:lab(0% 0 0)){.hero-code-block{--hcb-bg:lab(7.22637% -.0000149012 0);--hcb-bg-hover:lab(14.16% 0 0);--hcb-border:lab(21.12% 0 0);--hcb-fg:lab(94.2% 0 0);--hcb-fg-dim:lab(59.4% 0 0);--hcb-fg-muted:lab(76.8% -.0000298023 0)}}.hero-code-block--center{margin-inline:auto}.hero-code-block__tabs{padding:var(--hcb-pad-y) var(--hcb-pad-x) 0;align-items:center;gap:.5em;display:flex}.hero-code-block__tabs-label{color:var(--hcb-fg-dim);-webkit-user-select:none;user-select:none;font-size:.85em;line-height:1.2}.hero-code-block__list{display:flex}.hero-code-block__tab{box-sizing:border-box;color:var(--hcb-fg-dim);cursor:pointer;border-radius:var(--hcb-radius-control);appearance:none;-webkit-tap-highlight-color:transparent;transition:color var(--hcb-duration) var(--hcb-ease), background var(--hcb-duration) var(--hcb-ease), border-color var(--hcb-duration) var(--hcb-ease);background:0 0;border:1px solid #0000;padding-block:.3em;padding-inline:.7em;font-family:inherit;font-size:.85em;line-height:1.2}.hero-code-block__tab:not([aria-selected=true]):hover{color:var(--hcb-fg)}.hero-code-block__tab[aria-selected=true]{color:var(--hcb-fg);background:var(--hcb-bg-hover);border-color:var(--hcb-border)}.hero-code-block__tab[aria-disabled=true]{pointer-events:none;cursor:not-allowed;opacity:.4}.hero-code-block__panels{display:grid}.hero-code-block__panels>*{grid-area:1/1;min-width:0}.hero-code-block__sizer{visibility:hidden;pointer-events:none}.hero-code-block__panel[hidden]{pointer-events:none}.hero-code-block__command{gap:var(--hcb-gap);width:100%;padding:var(--hcb-pad-y) var(--hcb-pad-y) var(--hcb-pad-y) var(--hcb-pad-x);align-items:center;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;display:flex}.hero-code-block__prompt{color:var(--hcb-fg-dim);-webkit-user-select:none;user-select:none;flex-shrink:0}.hero-code-block__code{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--hcb-fg-muted);flex:1;overflow:hidden}.hero-code-block__code strong{font-weight:inherit;color:var(--hcb-fg)}.hero-code-block__copy{box-sizing:border-box;width:2em;height:2em;color:var(--hcb-fg);cursor:pointer;border-radius:var(--hcb-radius-control);appearance:none;-webkit-tap-highlight-color:transparent;transition:background var(--hcb-duration) var(--hcb-ease);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:.25em;padding:0;display:inline-flex}.hero-code-block__copy:hover{background:var(--hcb-bg-hover)}.hero-code-block__copy svg{width:1em;height:1em;display:block}