@layer components{:where(.setup-hero){--setup-dots:color-mix(in oklch, var(--action) 30%, transparent);background:linear-gradient(180deg, var(--surface), var(--bg))}:where(.setup-steps){background:var(--line);border:1px solid var(--line);gap:1px;max-width:38rem;display:grid}@media (width>=40rem){:where(.setup-steps){grid-template-columns:1fr 1fr}}:where(.setup-step){background:var(--surface);min-height:24px;transition:background-color var(--ma-duration-fast) var(--ma-ease-out);grid-template-rows:auto auto;grid-template-columns:2rem 1fr;align-items:baseline;column-gap:.25rem;padding:.75rem 1rem;display:grid}:where(.setup-step:hover){background:color-mix(in oklch, var(--action) 7%, var(--surface))}:where(.setup-step__n){font-family:var(--font-mono);font-size:var(--t-kicker);letter-spacing:.12em;color:var(--action);grid-row:span 2}:where(.setup-step__t){letter-spacing:-.01em;font-size:.9375rem;font-weight:600}:where(.setup-step__note){font-family:var(--font-mono);font-size:var(--t-kicker);letter-spacing:.035em;color:var(--muted-fg)}:where(.setup-term){border:1px solid color-mix(in oklch, var(--on-ink) 12%, var(--ink));box-shadow:0 1px 0 color-mix(in oklch, var(--fg) 6%, transparent), 0 24px 48px -24px color-mix(in oklch, var(--ink) 55%, transparent);border-radius:.875rem;position:relative;overflow:hidden}:where(.setup-term__bar){border-bottom:1px solid var(--line);align-items:center;gap:.4rem;padding:.7rem 1rem;display:flex}:where(.setup-term__bar span){background:color-mix(in oklch, var(--on-ink) 22%, var(--ink));border-radius:50%;width:.6rem;height:.6rem}:where(.setup-term__bar em){font-style:normal;font-family:var(--font-mono);font-size:var(--t-kicker);letter-spacing:.035em;color:var(--muted-fg);margin-left:.6rem}:where(.setup-term__screen){font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:1.1rem 1.1rem 1.25rem;font-size:.8125rem;line-height:1.7}:where(.setup-term__screen code){display:block}:where(.setup-term__prompt){color:var(--muted-fg)}:where(.setup-type){vertical-align:top;white-space:pre;width:calc(var(--setup-n) * 1ch);animation:setup-type calc(var(--setup-n) * 45ms) steps(var(--setup-n), end) .6s both;display:inline-block;overflow:hidden}:where(.setup-caret){vertical-align:-.2em;background:var(--fg);width:.55em;height:1.1em;margin-left:.1em;animation:1s step-end infinite setup-blink;display:inline-block}@keyframes setup-type{0%{width:0}}@keyframes setup-blink{50%{opacity:0}}:where(.setup-term__line){animation:setup-line var(--ma-duration-fast) var(--ma-ease-out) var(--setup-d,0s) both}:where(.setup-term__line[data-kind=ok]){color:var(--fg)}:where(.setup-term__line[data-kind=dim]){color:var(--muted-fg)}:where(.setup-term__line[data-kind=add]){color:var(--action)}:where(.setup-term__line[data-kind=success]){margin-top:.5rem}:where(.setup-term__badge){background:var(--on-ink);color:var(--ink);border-radius:.2rem;padding:0 .4em;font-weight:600;display:inline-block}:where(.setup-term__cap){border-top:1px solid var(--line);color:var(--muted-fg);padding:.75rem 1.1rem;font-size:.8125rem;line-height:1.5}:where(.setup-term__cap code){font-family:var(--font-mono);color:var(--fg)}@keyframes setup-line{0%{opacity:0;translate:0 .25rem}}@media (prefers-reduced-motion:reduce){:where(.setup-term__line,.setup-type,.setup-caret){animation:none}}:where([data-ma-motion=reduce]) :where(.setup-term__line,.setup-type,.setup-caret){animation:none}:where(.setup-strip){border-top:1px solid var(--line);background:color-mix(in oklch, var(--surface) 70%, transparent);position:relative}:where(.setup-num){font-family:var(--font-mono);color:var(--signal)}:where(.setup-html code){font-family:var(--font-mono);font-size:.9em}:where(.setup-html p.font-medium code){font-size:.875rem}.setup-wrap pre{white-space:pre-wrap;overflow-wrap:anywhere}:where(.setup-aside){display:grid}:where(.setup-band){background:color-mix(in oklch, var(--surface) 60%, var(--bg))}:where(.setup-h3){letter-spacing:-.015em;font-size:1.0625rem;font-weight:650}:where(.setup-fact){grid-template-columns:1.75rem 1fr;gap:.75rem;padding:1rem 1.25rem;display:grid}:where(.setup-fact__n){font-family:var(--font-mono);font-size:var(--t-kicker);color:var(--action);padding-top:.2rem}:where(.setup-codetabs){--ma-codetabs-radius:.75rem}:where(.setup-details){border:1px solid var(--line);background:var(--surface)}:where(.setup-details>summary){cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1.25rem;font-weight:500;list-style:none;display:flex}:where(){display:none}:where(.setup-details>summary svg){color:var(--muted-fg);transition:rotate var(--ma-duration-fast) var(--ma-ease-out)}:where(.setup-details[open]>summary svg){rotate:180deg}:where(.setup-details>summary:focus-visible){outline:2px solid var(--action);outline-offset:-2px}:where(.setup-details__body){padding:0 1.25rem 1.25rem}:where(.setup-ex){display:none}:where(.setup-examples:has(#setup-ex-headline:checked) [data-ex=headline]),:where(.setup-examples:has(#setup-ex-stats:checked) [data-ex=stats]),:where(.setup-examples:has(#setup-ex-marquee:checked) [data-ex=marquee]){display:grid}:where(.setup-result__stage){background-image:radial-gradient(color-mix(in oklch, var(--fg) 9%, transparent) 1px, transparent 1px);background-size:18px 18px;min-height:13rem}:where(.setup-demo-h){letter-spacing:-.035em;text-align:center;text-wrap:balance;font-size:clamp(1.5rem,3.2vw,2.25rem);font-weight:700;line-height:1.15}:where(.setup-demo-stat){letter-spacing:-.04em;font-variant-numeric:tabular-nums;gap:.25rem;font-size:clamp(2.25rem,5vw,3.25rem);font-weight:700;line-height:1;display:grid}:where(.setup-demo-stat>span:last-child){letter-spacing:0;color:var(--muted-fg);font-size:.875rem;font-weight:400;line-height:1.4}:where(.setup-demo-chip){border:1px solid var(--line);background:var(--surface);font-family:var(--font-mono);white-space:nowrap;border-radius:999px;padding:.4rem .85rem;font-size:.8125rem;display:inline-block}:where(.setup-q){border:0;min-width:0;margin:0;padding:0}:where(.setup-rows){display:grid}:where(.setup-row){grid-template-columns:2.25rem minmax(0,1fr);gap:.5rem;padding:1.25rem;display:grid}:where(.setup-row+.setup-row){border-top:1px solid var(--line)}:where(.setup-row__n){font-family:var(--font-mono);font-size:var(--t-kicker);letter-spacing:.12em;color:var(--muted-fg);padding-top:.25rem}:where(.setup-branch){display:none}:where(.setup-branch__body code){font-family:var(--font-mono);color:var(--fg)}:where(.setup-chip){font-family:var(--font-mono);font-size:var(--t-kicker);letter-spacing:.02em;text-transform:none;color:var(--muted-fg);background:color-mix(in oklch, var(--fg) 7%, transparent);border-radius:999px;align-items:center;padding:.1em .6em;line-height:1.5;display:inline-flex}:where(.setup-chip[data-status=optional]){color:var(--action);background:color-mix(in oklch, var(--action) 12%, transparent)}:where(.setup-checks){background:var(--line);border:1px solid var(--line);gap:1px;display:grid}:where(.setup-check){background:var(--surface);grid-template-columns:1.75rem minmax(0,1fr);gap:.75rem;padding:1.1rem 1.25rem;display:grid}:where(.setup-check__mark){background:color-mix(in oklch, var(--action) 14%, transparent);width:1.5rem;height:1.5rem;color:var(--action);border-radius:50%;place-items:center;display:grid}.setup-fixes{border:1px solid var(--line);background:var(--surface)}.setup-fixes .ma-accordion__item{border-color:var(--line)}.setup-fixes .ma-accordion__item:first-child{border-top:0}.setup-fixes .ma-accordion__item:last-child{border-bottom:0}.setup-fixes .ma-accordion__summary{min-height:24px;padding:1rem 1.25rem}.setup-fixes .ma-accordion__summary:hover{background:color-mix(in oklch, var(--action) 5%, var(--surface))}.setup-fixes .ma-accordion__body{color:var(--muted-fg);padding-inline:1.25rem;font-size:.875rem;line-height:1.6}.setup-fixes .ma-accordion__body code{color:var(--fg)}:where(.setup-fixes .ma-accordion__body code){font-family:var(--font-mono);font-size:.8125rem}:where(.setup-fixes .ma-accordion__body a){text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}:where(.setup-fixes .ma-accordion__body a:hover){text-decoration-color:var(--fg)}:where(.setup-fixes .ma-accordion__body p+p){margin-top:.5rem}:where(.setup-next){background:var(--surface)}:where(.setup-next__link){height:100%;transition:background-color var(--ma-duration-fast) var(--ma-ease-out);padding:1.5rem 1.25rem;display:block}:where(.setup-next__link:hover){background:color-mix(in oklch, var(--action) 6%, var(--surface))}:where(.setup-next__arrow){color:var(--muted-fg);transition:translate var(--ma-duration-fast) var(--ma-ease-out), color var(--ma-duration-fast) var(--ma-ease-out);display:inline-block}:where(.setup-next__link:hover .setup-next__arrow){color:var(--fg);translate:.25rem}:where(.setup-project:has(#setup-css-plain:checked) [data-branch=css-plain]),:where(.setup-project:has(#setup-css-tw4:checked) [data-branch=css-tw4]),:where(.setup-project:has(#setup-css-tw3:checked) [data-branch=css-tw3]),:where(.setup-project:has(#setup-nav-mpa:checked) [data-branch=nav-mpa]),:where(.setup-project:has(#setup-nav-router:checked) [data-branch=nav-router]),:where(.setup-project:has(#setup-out-static:checked) [data-branch=out-static]),:where(.setup-project:has(#setup-out-server:checked) [data-branch=out-server]),:where(.setup-project:has(#setup-theme-defaults:checked) [data-branch=theme-defaults]),:where(.setup-project:has(#setup-theme-shadcn:checked) [data-branch=theme-shadcn]),:where(.setup-project:has(#setup-theme-brand:checked) [data-branch=theme-brand]){display:block}}