:is(body:has(.v2),body:has(.v2-source)){background-color:#08080b;background-image:none!important}.v2,.v2-nav{--bg:#08080b;--panel:#0e0e13;--panel-2:#14141b;--line:#ffffff17;--line-2:#ffffff29;--ink:#f2f1f6;--dim:#aeacbb;--faint:#8a8899;--tone:167 139 250;--page:80rem;--gutter:clamp(20px, 4vw, 48px);font-family:var(--font-sans);color:var(--ink)}.v2 [data-tone=mix],.v2[data-tone=mix]{--tone:167 139 250}.v2 [data-tone=naked]{--tone:125 190 255}.v2 [data-tone=remix]{--tone:94 226 154}.v2{padding-bottom:0;overflow-x:clip}.v2 :is(h1,h2,h3){text-wrap:balance}.v2 p,.v2 li,.v2 dd{text-wrap:pretty}.v2 button,.v2 label,.v2 summary{cursor:pointer}.v2 :is(a,button,summary,pre):focus-visible,.v2-nav :is(a,button,summary):focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid #c4b5fd}.v2 label:has(input:focus-visible){outline-offset:2px;outline:2px solid #c4b5fd}.v2 [id]{scroll-margin-top:88px}.v2-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.v2 :not(pre)>code{font-family:var(--font-mono);color:#e6e3f1;white-space:nowrap;background:#ffffff12;border-radius:5px;padding:.12em .36em;font-size:.88em}.v2 kbd{border:1px solid var(--line-2);min-width:1.7em;font-family:var(--font-mono);text-align:center;color:var(--ink);background:var(--panel-2);border-bottom-width:2px;border-radius:5px;padding:.1em .42em;font-size:.82em;display:inline-block}.v2-nav{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#08080be0;position:fixed;inset:0 0 auto}.v2-nav-inner{height:64px;max-width:var(--page);padding-inline:var(--gutter);align-items:center;gap:28px;margin-inline:auto;display:flex}.v2-brand{letter-spacing:-.03em;align-items:center;gap:9px;min-height:44px;font-size:20px;font-weight:650;display:inline-flex}.v2-brand img{width:22px;height:25px}.v2-nav-links{gap:4px;display:flex}.v2-nav-links a,.v2-docs-menu summary,.v2-nav-start{min-height:44px;color:var(--dim);white-space:nowrap;border-radius:8px;align-items:center;padding-inline:12px;font-size:14.5px;display:flex}.v2-nav-links a:hover,.v2-docs-menu summary:hover{color:#fff;background:#ffffff0d}.v2-nav-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.v2-nav-start{min-height:36px;color:var(--ink);border:1px solid var(--line-2)}.v2-nav-start:hover{background:#ffffff12}.v2-docs-menu{position:relative}.v2-docs-menu summary{gap:8px;list-style:none}.v2-docs-menu summary::-webkit-details-marker{display:none}.v2-docs-menu summary>span{font-size:16px;transition:transform .15s}.v2-docs-menu[open] summary>span{transform:rotate(180deg)}.v2-docs-panel{border:1px solid var(--line-2);background:#121218;border-radius:12px;width:270px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 44px #00000073}.v2-docs-panel a{border-radius:8px;justify-content:space-between;align-items:center;gap:20px;padding:12px 14px;display:flex}.v2-docs-panel a:hover{background:#ffffff0f}.v2-docs-panel strong,.v2-docs-panel small{display:block}.v2-docs-panel strong{font-size:15px;font-weight:600}.v2-docs-panel small{color:var(--dim);margin-top:2px;font-size:13px}.v2-docs-panel svg{width:16px;height:16px;color:var(--faint)}.v2-search{width:44px;height:44px;color:var(--dim);border-radius:8px;place-items:center;display:grid}.v2-search:hover{color:#fff;background:#ffffff0f}.v2-search svg{width:18px;height:18px}.v2-skip{color:#121217;background:#fff;border-radius:8px;padding:10px 16px;position:absolute;top:-60px;left:20px}.v2-skip:focus{top:12px}.v2-hero,.v2-part{max-width:var(--page);padding-inline:var(--gutter);margin-inline:auto}.v2-hero{padding-top:clamp(104px,13vh,136px)}.v2-part{margin-top:clamp(96px,12vw,168px);padding-top:clamp(48px,6vw,72px);position:relative}.v2-part:before{content:"";top:0;left:var(--gutter);right:var(--gutter);border-top:1px solid var(--line);position:absolute}.v2-exhibit{margin-top:clamp(72px,8vw,112px)}.v2-part>.v2-exhibit:first-of-type,.v2-part>.v2-heading+.v2-exhibit{margin-top:40px}.v2-kicker{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--tone));font-size:12.5px;font-weight:500}.v2-hero h1{letter-spacing:-.045em;max-width:24ch;margin-top:18px;font-size:clamp(36px,4.5vw,62px);font-weight:600;line-height:1.03}.v2-hero-lede{max-width:46rem;color:var(--dim);margin-top:26px;font-size:clamp(17px,1.45vw,20px);line-height:1.62}.v2-hero-lede strong{color:var(--ink);font-weight:550}.v2-cta{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.v2-button{border:1px solid var(--line-2);min-height:46px;color:var(--ink);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-size:14.5px;font-weight:550;transition:background .15s,border-color .15s;display:inline-flex}.v2-button:hover{background:#ffffff12;border-color:#ffffff42}.v2-button[data-kind=primary]{background:var(--ink);border-color:var(--ink);color:#0c0c10}.v2-button[data-kind=primary]:hover{background:#fff}.v2-button[data-size=small]{min-height:40px;padding-inline:14px;font-size:13.5px}.v2-button svg{width:16px;height:16px}.v2-hero .v2-bench{margin-top:clamp(44px,5vw,68px)}.v2-heading{max-width:47rem}.v2-heading h2{letter-spacing:-.04em;margin-top:16px;font-size:clamp(30px,3.6vw,50px);font-weight:600;line-height:1.07}.v2-heading h3{letter-spacing:-.03em;margin-top:14px;font-size:clamp(23px,2.3vw,31px);font-weight:600;line-height:1.15}.v2-lede{margin-top:18px}.v2-lede p{color:var(--dim);font-size:17px;line-height:1.68}.v2-heading[data-level="2"] .v2-lede p{font-size:18px}.v2-lede p+p{margin-top:12px}.v2-bench{gap:24px;margin-top:32px;display:grid}.v2-bench[data-layout=split]{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}.v2-bench-main{gap:12px;min-width:0;display:grid}.v2-bench-tabs{display:none}.v2-bench-side{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:18px;min-width:0;max-height:calc(100svh - 100px);display:flex;position:sticky;top:84px;overflow-y:auto}.v2-bench-side>.v2-preview{flex:none}.v2-bench-rest{flex:none;align-content:start;gap:18px;display:grid}.v2-code{border:1px solid var(--line);background:#0b0b10;border-radius:14px;min-width:0;overflow:hidden}.v2-code figure+figure{border-top:1px solid var(--line)}.v2-code figcaption{border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 12px;min-height:48px;padding:7px 8px 7px 18px;display:grid}.v2-code-about{flex-wrap:wrap;align-items:baseline;gap:2px 14px;min-width:0;padding-block:4px;display:flex}.v2-code figcaption strong{font-size:13.5px;font-weight:600}.v2-code figcaption[data-tabs]{border-bottom:0;grid-template-areas:"tabs copy""file file";gap:0;min-height:0;padding:0}.v2-code figcaption[data-tabs] .v2-copy{grid-area:copy;margin:0 8px 0 12px}.v2-code figcaption[data-tabs]>.v2-code-file{border-top:1px solid var(--line);background:#0b0b10;grid-area:file;padding:10px 18px 0;position:relative}.v2-code-tabs{scrollbar-width:none;border:0;grid-area:tabs;align-self:end;min-width:0;margin:0;padding:0;display:flex;overflow-x:auto}.v2-code-tabs label{z-index:1;border-right:1px solid var(--line);height:44px;font-family:var(--font-mono);color:var(--dim);cursor:pointer;flex:none;align-items:center;margin-bottom:-1px;padding:0 18px;font-size:12.5px;transition:color .15s,background .15s;display:inline-flex;position:relative}.v2-code-tabs label:hover{color:#fff}.v2-code-tabs label[data-checked=true]{color:#fff;box-shadow:inset 0 2px 0 rgb(var(--tone));background:#0b0b10}.v2-code-tabs label[data-lit]:after{content:"";background:rgb(var(--tone));border-radius:50%;width:6px;height:6px;margin-left:8px}.v2-code-tabs input{opacity:0;pointer-events:none;position:absolute}.v2-code-file{font-family:var(--font-mono);color:var(--faint);flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-size:12px;display:inline-flex}.v2-code-file a{color:var(--dim);text-underline-offset:3px;-webkit-text-decoration:underline #ffffff38;text-decoration:underline #ffffff38}.v2-code-file a:hover{color:#fff}.v2-code-file span{color:#6f6d7e;font-size:11.5px}.v2-copy{min-height:34px;color:var(--dim);border-radius:7px;align-items:center;gap:7px;padding-inline:10px;font-size:12.5px;display:inline-flex}.v2-copy:hover{color:#fff;background:#ffffff12}.v2-copy svg{width:14px;height:14px}.v2-code pre{font-family:var(--font-mono);tab-size:2;margin:0;padding:14px 0;font-size:13px;line-height:1.72;overflow-x:auto}@media (min-width:47.5rem){.v2-code pre{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;max-height:clamp(320px,100svh - 230px,760px);overflow:auto}}.v2-code code{min-width:max-content;font:inherit;display:grid}.v2-line{border-left:2px solid #0000;padding-right:20px;transition:background .18s,opacity .18s,border-color .18s;display:flex}.v2-ln{text-align:right;color:#5d5b6c;-webkit-user-select:none;user-select:none;flex:none;width:3.6em;padding-right:1.3em}.v2-lc{white-space:pre}.v2-line[data-elided] .v2-lc{color:var(--faint)}.v2-line[data-on]{background:rgb(var(--tone) / 13%);border-left-color:rgb(var(--tone))}.v2-line[data-on] .v2-ln{color:rgb(var(--tone))}.v2-code figure[data-dim=true] .v2-line:not([data-on]){opacity:.42}.v2-code-more{display:none}.v2-preview{border:1px solid var(--line);background:var(--panel);border-radius:14px;min-width:0;overflow:hidden}.v2-preview-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:4px 8px 4px 16px;display:flex}.v2-live{font-family:var(--font-mono);color:var(--dim);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:inline-flex}.v2-live i{background:#5ee29a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #5ee29a29}.v2-view{height:var(--view,300px);background:#0d0b14;transition:background .26s ease-out;position:relative}.v2-view[data-demo=tokens]{background:var(--v2-canvas,#0d0b14)}.v2-view-host{position:absolute;inset:0;overflow:hidden}.v2-view-canvas{height:400px;position:absolute;top:calc(50% - 200px);left:0;right:0}.v2-view-host flutter-view{touch-action:pan-y!important}.v2-view-host flutter-view:focus-visible{outline-offset:-2px;outline:2px solid #c4b5fd}.v2-view-status{text-align:center;color:#c9c7d6;pointer-events:none;place-content:center;justify-items:center;gap:8px;padding:20px;font-size:14px;display:grid;position:absolute;inset:0}.v2-view[data-state=failed] .v2-view-status{pointer-events:auto;background:var(--panel-2)}.v2-view-status strong{color:var(--ink);font-size:15px}.v2-view-noscript{background:var(--panel-2)}.v2-view-status button{text-underline-offset:4px;margin-top:6px;text-decoration:underline}.v2-view-status i{border:2px solid #80808059;border-top-color:#808080e6;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite v2-spin}@keyframes v2-spin{to{transform:rotate(360deg)}}.v2-view[data-demo=button],.v2-view[data-demo=states],.v2-view[data-demo=motion]{--view:220px}.v2-view[data-demo=style]{--view:290px}.v2-view[data-demo=tokens]{--view:330px}.v2-view[data-demo=naked]{--view:300px}.v2-view[data-demo=remix]{--view:400px}.v2-view[data-demo=responsive]{--view:290px}.v2-preview-hint{border-top:1px solid var(--line);color:var(--dim);padding:12px 16px;font-size:14px;line-height:1.55}.v2-preview-controls{border-top:1px solid var(--line);gap:12px;padding:14px 16px 16px;display:grid}.v2-control-note{color:var(--dim);font-size:13.5px;line-height:1.6}.v2-control-note strong{color:var(--ink);font-weight:600}.v2 :is(.v2-notes,.v2-control-note) code{color:#e6e3f1;background:0 0;padding:0}.v2-fineprint{color:var(--faint);font-size:13.5px;line-height:1.6}.v2-segmented{border:0;min-width:0;margin:0;padding:0}.v2-segmented legend,.v2-themes legend{float:left;color:var(--dim);margin-right:12px;padding:0;font-size:13px;line-height:40px}.v2-segmented>div{border:1px solid var(--line);background:var(--bg);border-radius:10px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.v2-segmented label{min-height:34px;color:var(--dim);border-radius:7px;align-items:center;padding:0 13px;font-size:13.5px;transition:background .15s,color .15s;display:inline-flex;position:relative}.v2-segmented label:hover{color:#fff}.v2-segmented label[data-checked=true]{background:rgb(var(--tone) / 18%);color:#fff;box-shadow:inset 0 0 0 1px rgb(var(--tone) / 55%)}.v2-segmented input,.v2-themes input,.v2-start-pick input{opacity:0;pointer-events:none;position:absolute}.v2-bench-main>.v2-segmented>div{padding:4px}.v2-bench-main>.v2-segmented label{min-height:38px;padding-inline:16px;font-size:14px}.v2-themes{border:0;align-items:center;margin:0;padding:0;display:flex}.v2-themes legend{font-size:12px;line-height:36px;font-family:var(--font-mono);color:var(--faint)}.v2-themes>div{gap:2px;display:flex}.v2-themes label{min-width:36px;min-height:36px;color:var(--dim);border-radius:8px;align-items:center;gap:8px;padding:0 9px;font-size:13px;display:inline-flex;position:relative}.v2-themes label:hover{background:#ffffff0f}.v2-themes i{border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #ffffff47}.v2-themes label[data-checked=true] i{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px #fff}.v2-themes[data-names=true]{flex-wrap:wrap}.v2-themes[data-names=true] legend{color:var(--dim);font-family:inherit;font-size:13px}.v2-themes[data-names=true]>div{flex-wrap:wrap;gap:6px}.v2-themes[data-names=true] label{border:1px solid var(--line);padding:0 12px 0 9px}.v2-themes[data-names=true] label[data-checked=true]{color:#fff;border-color:#ffffff73}.v2-toggles i{background:#45434f;border-radius:50%;width:7px;height:7px;transition:background .15s,box-shadow .15s}.v2-toggles button[data-live] i{background:rgb(var(--tone));box-shadow:0 0 0 3px rgb(var(--tone) / 22%)}.v2-toggles{flex-wrap:wrap;gap:8px;display:flex}.v2-toggles button,.v2-presets button,.v2-check{border:1px solid var(--line-2);min-height:40px;color:var(--dim);border-radius:9px;align-items:center;gap:8px;padding:0 13px;font-size:13.5px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.v2-toggles button:hover,.v2-presets button:hover,.v2-check:hover{color:#fff;border-color:#ffffff4d}.v2-toggles button[aria-pressed=true],.v2-presets button[aria-pressed=true]{color:#fff;background:rgb(var(--tone) / 18%);border-color:rgb(var(--tone) / 60%)}.v2-check:has(input:checked){color:#fff;background:rgb(var(--tone) / 18%);border-color:rgb(var(--tone) / 60%)}.v2-check input{width:15px;height:15px;accent-color:rgb(var(--tone))}.v2-notes{gap:11px;display:grid}.v2-notes li{color:var(--dim);padding-left:18px;font-size:14.5px;line-height:1.62;position:relative}.v2-notes li:before{content:"";background:rgb(var(--tone));width:6px;height:1.5px;position:absolute;top:.72em;left:2px}.v2-doc{min-height:44px;color:rgb(var(--tone));justify-self:start;align-items:center;gap:8px;font-size:14.5px;font-weight:550;display:inline-flex}.v2-doc:hover{color:#fff}.v2-doc svg{width:15px;height:15px;transition:transform .15s}.v2-doc:hover svg{transform:translate(3px)}.v2-keys{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:10px;padding:14px 16px;display:grid}.v2-keys-title{color:var(--ink);font-size:13px;font-weight:600}.v2-keys dl{gap:8px;display:grid}.v2-keys dl>div{grid-template-columns:minmax(104px,auto) 1fr;align-items:baseline;gap:12px;font-size:13.5px;line-height:1.5;display:grid}.v2-keys dt{color:var(--ink);white-space:nowrap}.v2-keys dd{color:var(--dim)}.v2-readout{font-family:var(--font-mono);color:var(--dim);white-space:nowrap;font-size:12.5px}.v2-readout strong{color:#fff;font-weight:600}.v2-range{color:var(--dim);grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:4px 12px;font-size:13px;display:grid}.v2-range input{width:100%;min-height:32px;accent-color:rgb(var(--tone));grid-column:1/-1}.v2-range input:focus-visible{outline-offset:2px;outline:2px solid #c4b5fd}.v2-presets{flex-wrap:wrap;gap:6px;display:flex}.v2-layers{grid-template-columns:1fr 1fr;gap:10px;margin-top:36px;display:grid}.v2-layer{border:1px solid var(--line);background:linear-gradient(180deg, rgb(var(--tone) / 9%), rgb(var(--tone) / 2%) 70%), var(--panel);border-radius:14px;align-content:start;gap:6px;padding:22px 24px;transition:border-color .15s;display:grid}a.v2-layer:hover{border-color:rgb(var(--tone) / 60%)}.v2-layer[data-row=top],.v2-layer[data-row=base]{grid-column:1/-1}.v2-layer[data-row=base]{--tone:150 148 165;background:0 0;border-style:dashed;padding-block:16px}.v2-layer-role{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--tone));font-size:12px}.v2-layer strong{letter-spacing:-.03em;font-size:24px;font-weight:600}.v2-layer[data-row=base] strong{font-size:18px}.v2-layer p{max-width:44rem;color:var(--dim);font-size:15px;line-height:1.6}.v2-choose{grid-template-columns:repeat(3,1fr);gap:0 32px;margin-top:36px;display:grid}.v2-choose>div{border-top:1px solid var(--line);align-content:space-between;gap:10px;padding-top:18px;display:grid}.v2-choose dt{font-size:16px;line-height:1.5}.v2-choose a{min-height:44px;color:var(--dim);align-items:center;gap:8px;font-size:14.5px;font-weight:550;display:inline-flex}.v2-choose a:hover{color:#fff}.v2-choose svg{width:15px;height:15px}.v2-index{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.v2-index a{border:1px solid var(--line);min-height:40px;color:var(--dim);border-radius:999px;align-items:center;gap:10px;padding:0 14px 0 6px;font-size:14px;display:inline-flex}.v2-index a:hover{color:#fff;border-color:rgb(var(--tone) / 60%)}.v2-index span{width:26px;height:26px;font-family:var(--font-mono);color:rgb(var(--tone));background:rgb(var(--tone) / 14%);border-radius:50%;place-items:center;font-size:12px;display:grid}.v2-more{margin-top:48px}.v2-more h3{color:var(--dim);font-size:15px;font-weight:600}.v2-more ul{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.v2-more a{border:1px solid var(--line);color:#d6d4e2;border-radius:9px;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:14px;display:inline-flex}.v2-more a:hover{color:#fff;border-color:rgb(var(--tone) / 60%);background:rgb(var(--tone) / 8%)}.v2-more li:last-child a{color:rgb(var(--tone));border-color:#0000;font-weight:550}.v2-more svg{width:14px;height:14px}.v2-steps{border:1px solid var(--line);background:#0b0b10;border-radius:14px;padding:22px 24px 24px}.v2-steps p{color:var(--dim);font-size:15px;line-height:1.65}.v2-steps p a,.v2-control-note a{color:var(--ink);text-underline-offset:3px;-webkit-text-decoration:underline #ffffff4d;text-decoration:underline #ffffff4d}.v2-steps ol,.v2-start-steps{counter-reset:step;gap:22px;margin-block:22px;display:grid}.v2-start-steps{gap:30px;margin-block:0}.v2-steps li,.v2-start-steps>li{counter-increment:step;min-width:0;padding-left:40px;position:relative}.v2-steps li:before,.v2-start-steps>li:before{content:counter(step);width:26px;height:26px;font-family:var(--font-mono);color:rgb(var(--tone));background:rgb(var(--tone) / 14%);border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;top:-2px;left:0}.v2-steps h4,.v2-start-steps h3{margin-bottom:10px;font-size:15.5px;font-weight:600}.v2 :is(.v2-steps,.v2-start-steps) .lx-terminal{align-items:flex-start;padding-block:10px}.v2 :is(.v2-steps,.v2-start-steps) .lx-terminal-cmd{white-space:normal;overflow-wrap:anywhere;line-height:1.6}.v2 :is(.v2-steps,.v2-start-steps) .lx-terminal button{margin-block:-6px}.v2-start-steps>li>.lx-copy-status+.lx-terminal{margin-top:10px}.v2-steps ol:first-child{margin-top:0}.v2-steps li>:not(h4)+:not(.lx-copy-status){margin-top:10px}.v2-snippet{border:1px solid var(--line);background:var(--bg);font-family:var(--font-mono);color:var(--ink);border-radius:10px;margin:0;padding:12px 14px;font-size:13px;line-height:1.6;overflow-x:auto}.v2 .lx-terminal{border:1px solid var(--line);min-height:48px;box-shadow:none;font-family:var(--font-mono);background:#0b0b10;border-radius:10px;align-items:center;gap:10px;margin:0;padding:4px 6px 4px 14px;font-size:13px;display:flex}.v2 .lx-terminal-prompt{color:var(--faint)}.v2 .lx-terminal-cmd{white-space:nowrap;min-width:0;color:var(--ink);background:0 0;flex:1;padding:0;font-size:13px;overflow-x:auto}.v2 .lx-terminal button{width:40px;height:40px;color:var(--dim);border-radius:8px;flex:none;place-items:center;display:grid}.v2 .lx-terminal button:hover{color:#fff;background:#ffffff12}.v2 .lx-terminal svg{width:15px;height:15px}.v2 .lx-copy-status{min-height:0;color:var(--dim);margin:0;font-size:12.5px}.v2 .lx-copy-status:empty{display:none}.v2-start-grid{grid-template-columns:minmax(260px,1fr) minmax(0,2.1fr);align-items:start;gap:clamp(24px,4vw,56px);margin-top:40px;display:grid}.v2-start-pick{gap:10px;display:grid;position:sticky;top:84px}.v2-start-pick label{border:1px solid var(--line);border-radius:12px;gap:6px;padding:16px 18px;transition:border-color .15s,background .15s;display:grid;position:relative}.v2-start-pick label:hover{border-color:rgb(var(--tone) / 50%)}.v2-start-pick label[data-checked=true]{border-color:rgb(var(--tone) / 75%);background:rgb(var(--tone) / 9%)}.v2-start-name{align-items:baseline;gap:10px;display:flex}.v2-start-name strong{letter-spacing:-.02em;font-size:19px;font-weight:600}.v2-start-name em{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:rgb(var(--tone));font-size:12px;font-style:normal}.v2-start-when{color:var(--dim);font-size:14px;line-height:1.55}.v2-start-body{min-width:0}.v2-start-ai{color:var(--dim);margin-bottom:16px}.v2-start-steps .v2-fineprint{margin-top:10px}.v2-start-next{border-top:1px solid var(--line);margin-top:34px;padding-top:22px}.v2-start-next h3{color:var(--dim);font-size:14px;font-weight:600}.v2-start-next ul{flex-wrap:wrap;gap:4px 26px;margin-top:6px;display:flex}.v2-start-next a{min-height:44px;color:rgb(var(--tone));align-items:center;gap:8px;font-size:15px;font-weight:550;display:inline-flex}.v2-start-next a:hover{color:#fff}.v2-start-next svg{width:15px;height:15px}.v2-source-callout{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px;margin-top:72px;padding:26px 28px;display:flex}.v2-source-callout h3{letter-spacing:-.02em;font-size:19px;font-weight:600}.v2-source-callout p{max-width:38rem;color:var(--dim);margin-top:8px;font-size:15px;line-height:1.6}.v2-footer{border-top:1px solid var(--line);color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:88px;padding-block:26px;font-size:14px;display:flex}.v2-footer a{min-height:44px;color:var(--dim);align-items:center;gap:8px;margin-block:-12px;display:inline-flex}.v2-footer a:hover{color:#fff}.v2-footer svg{width:15px;height:15px}@media (max-width:64rem){.v2-bench[data-layout=split]{grid-template-columns:minmax(0,1fr)}.v2-bench[data-layout=split]>.v2-bench-side{display:contents}.v2-bench[data-layout=split]>.v2-bench-side>.v2-preview{order:-1}.v2-bench[data-layout=split]>.v2-bench-main{display:contents}.v2-bench[data-layout=split]>.v2-bench-main>.v2-segmented{order:-3}@media (scripting:enabled){.v2-bench[data-layout=split]>.v2-bench-tabs{border:1px solid var(--line);background:var(--panel);scrollbar-width:none;border-radius:12px;order:-2;min-width:0;margin:0 0 -12px;padding:0;display:flex;overflow-x:auto}.v2-bench-tabs label{border-right:1px solid var(--line);height:44px;font-family:var(--font-mono);color:var(--dim);cursor:pointer;flex:none;align-items:center;padding:0 16px;font-size:12.5px;display:inline-flex;position:relative}.v2-bench-tabs label:first-of-type{font-family:inherit;font-size:13.5px;font-weight:600}.v2-bench-tabs label[data-checked=true]{color:#fff;box-shadow:inset 0 -2px 0 rgb(var(--tone));background:#0b0b10}.v2-bench-tabs input{opacity:0;pointer-events:none;position:absolute}.v2-bench[data-show=preview]>.v2-code,.v2-bench[data-show=preview]>.v2-bench-main>:not(.v2-segmented),.v2-bench[data-show=code]>.v2-bench-side>.v2-preview{display:none}}.v2-code figcaption[data-tabs]{grid-template-areas:"file copy"}.v2-code figcaption[data-tabs] .v2-code-tabs{display:none}.v2-code figcaption[data-tabs]>.v2-code-file{background:0 0;border-top:0;padding-block:12px}.v2-bench-rest{overflow:visible}.v2-start-grid{grid-template-columns:minmax(0,1fr)}.v2-start-pick{position:static}.v2-choose{grid-template-columns:1fr;gap:0}.v2-choose>div{grid-template-columns:1fr auto;align-items:center;gap:4px 20px;padding-block:10px}}@media (max-width:47.5rem){.v2-nav-inner{gap:12px;height:60px}.v2-nav-links{display:none}.v2-nav-start{padding-inline:10px;font-size:13.5px}.v2-docs-menu summary{padding-inline:8px}.v2-layers{grid-template-columns:1fr}.v2-layer{padding:18px}.v2-choose>div{grid-template-columns:1fr}.v2-code pre{font-size:12.5px;overflow-x:visible}.v2-code code{min-width:0}.v2-ln{width:2.9em;padding-right:.9em}.v2-lc{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;padding-left:calc((var(--indent) + 4) * 1ch);text-indent:-4ch}.v2-indent{display:none}.v2-line{padding-right:12px}.v2-code figcaption{padding-left:14px}.v2-code figcaption[data-tabs]{padding-left:0}.v2-code figcaption[data-tabs] .v2-copy{margin-inline:4px;padding-inline:8px}.v2-code figcaption[data-tabs] .v2-copy span{display:none}.v2-bench-tabs label{padding-inline:12px}.v2-code figcaption[data-tabs]>.v2-code-file,.v2-code-tabs label{padding-inline:14px}@media (scripting:enabled){.v2-code figure[data-long]:not([data-open]) .v2-line[data-folded]{display:none}}.v2-code-more{border-top:1px solid var(--line);width:100%;min-height:48px;color:rgb(var(--tone));background:var(--panel);justify-content:center;align-items:center;font-size:13.5px;font-weight:550;display:flex}.v2-preview-bar{flex-wrap:wrap;row-gap:0}.v2-segmented legend:not(.v2-sr),.v2-themes[data-names=true] legend{float:none;margin:0 0 8px;line-height:1.4;display:block}.v2-keys dl>div{grid-template-columns:1fr;gap:3px}.v2-source-callout{padding:20px}.v2-segmented label{min-height:42px;padding-inline:15px}.v2-themes label{min-width:42px;min-height:42px}.v2-copy{min-height:42px}.v2-toggles button,.v2-presets button,.v2-check{min-height:44px}}@media (prefers-reduced-motion:reduce){.v2 *,.v2-nav *{transition:none!important}.v2-view-status i{animation:none}}@media (hover:none){.v2-hint-pointer{display:none}}@media (hover:hover){.v2-hint-touch{display:none}}
