.mkt-install{--install-bg:var(--surface-background);--install-border:var(--border-muted);--install-fg:var(--text-primary);--install-muted-fg:var(--text-muted);--install-accent:var(--color-primary);--install-accent-fg:var(--color-primary-foreground);--install-glow:var(--mkt-glow-lava-500);--install-glow-bleed-y:30%;--install-glow-bleed-x:5%;display:flex;align-items:center;gap:var(--spacing-sm-md);padding:calc(var(--spacing-xl) * 3) calc(var(--spacing-xl) + var(--spacing-sm));background:var(--install-bg);border-bottom:var(--border-width-thin) solid var(--install-border);font-family:var(--system-mono-font);color:var(--install-fg);position:relative;isolation:isolate}.mkt-install:after{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(circle var(--mkt-glow-radius) at var(--mouse-x,50%) var(--mouse-y,50%),rgb(var(--install-glow)/.22),transparent 100%);transition:opacity calc(var(--system-transition) * 2.5) ease;pointer-events:none}.mkt-install:hover:after{opacity:1}@media (prefers-reduced-motion:reduce){.mkt-install:after{transition:none}}.mkt-install-side,.mkt-install-steps{flex:1 1 0;min-width:0}.mkt-install-side{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mkt-install-note{margin:0;font-family:var(--font-family-sans);font-size:var(--type-meta);line-height:var(--line-height-tight);color:var(--install-muted-fg)}.mkt-install-note a{color:var(--install-accent);text-underline-offset:var(--spacing-xs)}.mkt-install-steps{display:flex;flex-direction:column;gap:var(--spacing-sm-md)}.mkt-install-eyebrow{margin:0;font-family:var(--font-family-sans);font-size:var(--type-meta);line-height:var(--line-height-md);text-transform:uppercase;color:var(--install-muted-fg)}.mkt-install-list{display:flex;flex-direction:column;gap:var(--spacing-sm-md);margin:0;padding:0;list-style:none}.mkt-install-step{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.mkt-install-step-number{display:flex;align-items:center;justify-content:center;flex:none;width:var(--spacing-md);height:var(--spacing-md);background:var(--install-accent);color:var(--install-accent-fg);font-size:var(--type-meta);letter-spacing:var(--tracking-normal)}.mkt-install-step-text{font-size:var(--type-body);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-normal)}.mkt-install-terminal{position:relative;isolation:isolate;background:var(--install-bg);border:var(--border-width-thin) solid var(--install-border)}.mkt-install-terminal:before{content:"";position:absolute;inset:calc(-1 * var(--install-glow-bleed-y)) calc(-1 * var(--install-glow-bleed-x));z-index:-1;background:radial-gradient(ellipse at center,rgb(var(--install-glow)/.3),transparent 70%);pointer-events:none}.mkt-install .mkt-install-tabs{display:flex;flex-wrap:wrap;width:auto;gap:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-sm-md);background:var(--install-bg);border-bottom:var(--border-width-thin) solid var(--install-border)}.mkt-install .mkt-install-tab{height:auto;margin:0;padding:0;background:none;border:none;font-family:inherit;font-size:var(--type-meta);font-weight:var(--font-weight-normal);line-height:var(--line-height-snug);letter-spacing:var(--tracking-normal);color:var(--install-muted-fg);cursor:pointer;transition:none}.mkt-install .mkt-install-tab:hover{color:var(--install-muted-fg)}.mkt-install .mkt-install-tab[data-state=active]{font-weight:var(--font-weight-bold);color:var(--install-accent)}.mkt-install-command-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-sm-md);background:var(--install-bg)}.mkt-install-command{min-width:0;overflow-x:auto;font-family:inherit;font-size:var(--type-meta);line-height:var(--line-height-snug);letter-spacing:var(--tracking-normal);color:var(--install-fg);white-space:nowrap}.mkt-install-prompt{color:var(--install-accent)}.mkt-install-command[data-mode=prompt]{display:flex;flex-direction:column;white-space:normal}.mkt-install-command-line{display:block}.mkt-install-command-code{color:var(--install-accent)}.mkt-install-panels{display:grid}.mkt-install .mkt-install-panel{grid-area:1/1;margin:0;display:flex;align-items:center;min-width:0;visibility:hidden}.mkt-install .mkt-install-panel[data-state=active]{visibility:visible}.mkt-install-copy-labels{display:inline-grid}.mkt-install-copy-labels>*{grid-area:1/1;visibility:hidden}.mkt-install-copy-labels>[data-active]{visibility:visible}.mkt-install .mkt-install-tab:focus-visible{box-shadow:none;outline:var(--border-width-thick) solid var(--system-focus-ring);outline-offset:var(--border-width-thick)}.mkt-install-works{font-family:var(--font-family-sans);font-size:var(--type-caption);color:var(--install-muted-fg)}.mkt-install-copy{flex:none}.mkt-install-copy-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (max-width:768px){.mkt-install{flex-direction:column;align-items:stretch;gap:var(--spacing-xl);padding:calc(var(--spacing-lg) * 2) var(--spacing-md)}.mkt-install .mkt-install-tabs{gap:var(--spacing-md)}}.tab-list{border-bottom:1px solid var(--system-border);width:100%}.tab-list,.tab-trigger{display:inline-flex;align-items:center}.tab-trigger{--tab-height:36px;--tab-p-x:var(--space-50);--tab-border-width:2px;--tab-font-family:var(--system-font);--tab-font-size:var(--system-font-size);--tab-font-weight:var(--system-font-weight);--tab-fg:var(--system-muted-fg);--tab-active-fg:var(--system-fg);--tab-active-weight:var(--font-weight-medium);--tab-active-border:var(--color-primary);--tab-disabled-fg:var(--text-disabled);justify-content:center;white-space:nowrap;padding:0 var(--tab-p-x);font-family:var(--tab-font-family);font-size:var(--tab-font-size);font-weight:var(--tab-font-weight);color:var(--tab-fg);background:transparent;border:none;border-bottom:var(--tab-border-width) solid transparent;cursor:pointer;transition:color var(--system-transition),border-color var(--system-transition);outline:none;margin-bottom:-1px;height:var(--tab-height)}.tab-trigger[data-size=sm]{--tab-height:28px;--tab-font-size:var(--font-size-xs)}.tab-trigger:hover{color:var(--tab-active-fg)}.tab-trigger[data-state=active]{color:var(--tab-active-fg);font-weight:var(--tab-active-weight);border-bottom-color:var(--tab-active-border)}.tab-trigger:disabled{color:var(--tab-disabled-fg);cursor:not-allowed;pointer-events:none}.tab-trigger:focus-visible{box-shadow:0 0 0 2px var(--system-focus-ring)}.tab-content{--tab-content-margin:var(--system-gap);margin-top:var(--tab-content-margin);outline:none}.tab-content:focus-visible{box-shadow:0 0 0 2px var(--system-focus-ring)}