*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--l1)transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;background:var(--bg1);color:var(--fg1);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit;background:0 0;border:0;padding:0;outline:none}button{cursor:pointer;transition:box-shadow var(--dur0)var(--ease1)}textarea{resize:vertical}img,svg,video,canvas,picture{display:block;max-width:100%}:where(img,svg,video,canvas,picture):not(:where(svg[height])){height:auto}a{color:inherit;text-decoration:none}ul,ol,li{list-style:none}table{border-collapse:collapse;border-spacing:0}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--gl1)}input:where(:not([type=checkbox],[type=radio])):focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:none}::selection{background:var(--p2);color:var(--p5)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--l1);border-radius:var(--r1);&:hover{background:var(--l3)}}@font-face{font-family:figtree mx;src:url(/assets/fonts/figtree.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap;size-adjust:102%;ascent-override:100%;descent-override:36.6%}:root,button,input,textarea,select{font-family:avenir next,Avenir,figtree mx,system-ui,-apple-system,segoe ui,sans-serif;font-size:14px;font-weight:500;letter-spacing:0}:root{color-scheme:dark;--p1:light-dark(#a32600, #ffb648);--p2:light-dark(#ff3e00, #ff9c1b);--p3:light-dark(#ed3800, #f08d0a);--p4:light-dark(#d93000, #d87e00);--p5:light-dark(#ffffff, #17100a);--a1:light-dark(#bf2d00, var(--p2));--a3:color-mix(in srgb, var(--p2) 12%, transparent);--a4:color-mix(in srgb, var(--p2) 6%, transparent);--fg1:light-dark(#201d29, #f5efe2);--fg2:light-dark(rgb(0 0 0 / 74%), #ddd3c0);--fg3:light-dark(rgb(0 0 0 / 63%), #9d9888);--fg4:light-dark(rgb(0 0 0 / 59%), #8b8577);--bg1:light-dark(#f7f7fa, #080a0b);--sf1:light-dark(#ffffff, #101214);--sf2:light-dark(#fffffff2, #101214e6);--sf3:light-dark(#eeedf3, #1a1c1e);--sf4:light-dark(#f2f1f6, #050607);--sf5:light-dark(#fcfbfd, #191b1d);--slider-thumb:light-dark(var(--sf1), var(--fg1));--nav-tint:var(--a3);--tag-tint:var(--a3);--table-hover:light-dark(color-mix(in srgb, var(--sf3) 60%, var(--sf1)), var(--sf5));--table-highlight:var(--a4);--code-bg:light-dark(#fcfbfd, #1a1c20);--code-well:#24262b;--code-keyword:light-dark(#6d28d9, #b39dff);--code-function:light-dark(#1d5fb4, #4db2ff);--code-string:light-dark(#0f7a5c, #2ee0a8);--code-number:light-dark(#b0166e, #ff5cc8);--code-comment:light-dark(#686f79, #8a93a3);--l1:light-dark(#d6d3cf, #282422);--l2:light-dark(#e6e3df, #1c1a18);--l3:color-mix(in srgb, var(--p2) 45%, transparent);--input-border:light-dark(#d6d3cf, #4a4845);--hl:inset 0 0 0 1px light-dark(#ffffff00, #ffffff08);--s1:light-dark(#027534, #58d747);--w1:light-dark(#7e6100, #ffd02e);--e1:light-dark(#b8003f, #ff453a);--i1:light-dark(#0165bb, #3da8ff);--s2:light-dark(#19bd5b80, #58d74766);--w2:light-dark(#e6ad0080, #ffd02e66);--e2:light-dark(color-mix(in srgb, var(--e1) 50%, transparent), #ff453a66);--i2:light-dark(#1685ed80, #3da8ff66);--s3:light-dark(#19bd5b1a, #58d74714);--w3:light-dark(#e6ad001a, #ffd02e14);--e3:light-dark(color-mix(in srgb, var(--e1) 10%, transparent), #ff453a14);--i3:light-dark(#1685ed1a, #3da8ff14);--gl1:0 0 2px 1px color-mix(in srgb, var(--p2) 80%, transparent);--gl2a:light-dark(color-mix(in srgb, var(--p2) 15%, transparent), color-mix(in srgb, var(--p2) 35%, transparent));--gl2b:light-dark(color-mix(in srgb, var(--p2) 6%, transparent), color-mix(in srgb, var(--p2) 15%, transparent));--gl2:0 0 24px var(--gl2a), 0 0 96px var(--gl2b);--core:light-dark(#ffd9c7, #fff0a8);--hot:light-dark(var(--p2), #ff9a1a);--ember:light-dark(var(--p2), #e2521a);--copper:light-dark(var(--p2), #e46a20);--seam:light-dark(var(--p2), #f7923a);--gle:0 0 5px color-mix(in srgb, var(--e1) 60%, transparent);--gls:0 0 5px color-mix(in srgb, var(--s1) 60%, transparent);--sh1:0 16px 48px light-dark(#00000024, #00000059);--sh2:0 8px 24px light-dark(#00000012, #00000040);--scrim:light-dark(#00000052, #00000099);--grid:linear-gradient(var(--l2) 1px, transparent 1px),
            linear-gradient(90deg, var(--l2) 1px, transparent 1px);--grid-size:42px 42px;--r1:4px;--r2:5px;--r3:7px;--r4:10px;--r5:14px;--r6:20px;--r7:44px;--pill:999px;--mono:ui-monospace, "SF Mono", Menlo, "Cascadia Code", "Roboto Mono", Consolas, "SFMono-Regular", monospace;--t1:11px;--t2:12px;--t3:14px;--t4:16px;--t5:20px;--t6:28px;--t7:40px;--t8:60px;--th:clamp(56px, 6vw, 92px);--dur-backdrop:200ms;--dur-popup-backdrop:160ms;--dur0:50ms;--dur1:80ms;--dur2:120ms;--dur3:160ms;--dur4:240ms;--ease1:cubic-bezier(.2, .7, .2, 1)}:root[data-theme=light]{color-scheme:light}[hidden]{display:none!important}@media(max-width:640px){[show~=md],[show~=lg]{display:none!important}}@media(min-width:641px) and (max-width:960px){[show~=sm],[show~=lg]{display:none!important}}@media(min-width:961px){[show~=sm],[show~=md]{display:none!important}}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px;&[width=wide]{max-width:1360px}&[width=narrow]{max-width:960px}}@media(max-width:640px){.container{padding:0 16px}}h1,h2,h3,h4,h5,h6{color:var(--fg1);font-weight:600}h1{font-size:var(--t7);line-height:1.2;letter-spacing:-.025em}h2{font-size:var(--t6);line-height:1.29;letter-spacing:-.02em}h3{font-size:var(--t5);line-height:1.4;letter-spacing:-.01em}h4{font-size:var(--t4);line-height:1.5}h5{font-size:var(--t3);line-height:1.43}h6{color:var(--fg3);font-family:var(--mono);font-size:var(--t2);line-height:16px;letter-spacing:.12em;text-transform:uppercase}:is(h1,h2,h3,h4)[id]>[part=anchor]{margin-left:8px;padding:0 4px;border-radius:var(--r1);color:var(--fg4);font-weight:500;text-decoration:none;opacity:0;transition:opacity var(--dur2)var(--ease1),color var(--dur2)var(--ease1);&:hover{color:var(--a1)}&:focus-visible{opacity:1;color:var(--a1);box-shadow:var(--gl1)}}:is(h1,h2,h3,h4)[id]:hover>[part=anchor]{opacity:1}@media(hover:none){:is(h1,h2,h3,h4)[id]>[part=anchor]{opacity:.6}}em{font-style:italic}:is(h1,h2,h3,[ui~=display]) em,em[hot]{color:var(--a1);font-style:normal}em[plain]{color:inherit;font-style:italic}[ui~=prose],[ui~=prose]>section,:where([ui~=prose])>:where(section,div):not([class],[part],[grid],[layout]),:where([ui~=prose]>:is(section,div):not([class],[part]))>:where(section,div):not([class],[part],[grid],[layout]),:where([ui~=prose]>:is(section,div):not([class],[part])>:is(section,div):not([class],[part]))>:where(section,div):not([class],[part],[grid],[layout]),:where([ui~=prose]>:is(section,div):not([class],[part])>:is(section,div):not([class],[part])>:is(section,div):not([class],[part]))>:where(section,div):not([class],[part],[grid],[layout]){& > * + *{margin-top:16px}& > * + :is(h2, section){margin-top:48px}& > * + h3{margin-top:32px}& > * + h4{margin-top:24px}& > :is(h2, h3, h4) + *{margin-top:12px}& > p, & > ul, & > ol{color:var(--fg2);font-size:var(--t3);line-height:24px}}[ui~=prose],[ui~=prose]>section,:where([ui~=prose])>:where(section,div):not([class],[part],[grid],[layout]),:where([ui~=prose]>:is(section,div):not([class],[part]))>:where(section,div):not([class],[part],[grid],[layout]),:where([ui~=prose]>:is(section,div):not([class],[part])>:is(section,div):not([class],[part]))>:where(section,div):not([class],[part],[grid],[layout]),:where([ui~=prose]>:is(section,div):not([class],[part])>:is(section,div):not([class],[part])>:is(section,div):not([class],[part]))>:where(section,div):not([class],[part],[grid],[layout]),:where( a-card>[part=body],a-card>[part=link]>[part=body],a-card>[part=foot],an-alert>[part=body]>[part=desc],empty-state>:is([part=desc],[part=content]),a-drawer>[part=panel]>[part=body],a-popover>[part=panel]>[part=text],an-accordion>details>[part=panel],confirm-dialog>[part=body],gotcha-pair>[part=head]>[part=text]>[part=desc],key-ideas ){& > :is(ul, ol):where(:not([part])){padding-left:24px}& > ol:where(:not([part])):has(> li:nth-child(10)){padding-left:32px}& > :is(ul, ol):where(:not([part])) :is(li + li, li > ul, li > ol){margin-top:8px}& > :is(ul, ol):where(:not([part])) li > :is(ul, ol){padding-left:24px}& > ol:where(:not([part])) > li, & > :is(ul, ol):where(:not([part])) ol > li{list-style:decimal}& > :is(ul, ol):where(:not([part])) ul > li{position:relative}& > :is(ul, ol):where(:not([part])) ul > li::before, & > ul:where(:not([part])) > li::before{content:"";position:absolute;top:calc(.5lh - 3px);left:-16px;width:6px;height:6px;border-radius:var(--pill);background:var(--a1)}& > ul:where(:not([part])) > li{position:relative}& > ol:where(:not([part])) > li::marker, & > :is(ul, ol):where(:not([part])) ol > li::marker{color:var(--fg3);font-family:var(--mono);font-size:var(--t2)}& > blockquote:where(:not([part])){padding:4px 0 4px 20px;border-left:2px solid var(--a1);color:var(--fg2);font-size:var(--t4);line-height:28px}& > hr:where(:not([part])){margin-block:32px;border:0;border-top:1px solid var(--l1)}& > :is(p, ul, ol, blockquote, table):where(:not([part])) a:where(:not([part])){color:var(--a1);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;&:hover{color:var(--p1)}&:focus-visible{border-radius:var(--r1);box-shadow:var(--gl1)}}& > table:where(:not([part])){display:block;max-width:100%;width:max-content;overflow-x:auto;font-size:var(--t3);line-height:20px;& th{padding:8px 16px 8px 0;border-bottom:1px solid var(--l1);color:var(--fg3);font-size:var(--t2);font-weight:600;text-align:left}& td{padding:8px 16px 8px 0;border-bottom:1px solid var(--l2);color:var(--fg2);vertical-align:top}}}strong{color:var(--fg1);font-weight:700}hr{height:0;margin:16px 0;border:0;border-top:1px solid var(--l2);&[variant=dashed], &[variant=dotted]{border-top-color:var(--l1)}&[variant=dashed]{border-top-style:dashed}&[variant=dotted]{border-top-style:dotted}}mark{padding:0 4px;border-radius:var(--r1);background:var(--a3);color:var(--a1)}kbd{display:inline-flex;flex:none;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border:1px solid var(--l1);border-radius:var(--r1);background:var(--sf5);box-shadow:var(--hl);color:var(--fg3);font-family:var(--mono);font-size:var(--t1);line-height:1}@supports(text-box:trim-both cap alphabetic){a-button [part=label],button-group [part=label],a-chip [part=lbl],a-badge [part=lbl],select-field [part=value],date-picker [part=value],a-menu [part=mlabel],a-command [part=item]>[part=label],a-nav-list [part=text],code-block :is([part=lang],[part=file],[part=note],:is([part=copy],[part=play]) [part=text]),version-switcher [part=version],an-alert [part=title],.site-search-text{text-box:trim-both cap alphabetic;padding-top:calc(max(.3em,(1lh - 1cap)/2) + round(.5cap,1px) - .5cap + .008px);padding-bottom:calc(max(.3em,(1lh - 1cap)/2) - round(.5cap,1px) + .5cap - .008px)}kbd,a-tab-rail [part=tab],a-toc[variant=tabs] [part=link],search-bar [part=action]{padding-top:max(0px,2 * (round(.5cap,1px) - .5cap) + .01px);padding-bottom:max(0px,2 * (.5cap - round(.5cap,1px)) - .01px);text-box:trim-both cap alphabetic}kbd{display:inline-block;align-content:center;text-align:center}}@keyframes a-btn-spin{to{transform:rotate(360deg)}}a-button{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;gap:8px;height:34px;--pad:16px;padding:0 var(--pad);border:1px solid var(--input-border);border-radius:var(--r3);background:var(--sf1);color:var(--fg1);box-shadow:var(--hl);font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;user-select:none;transition:background var(--dur0)var(--ease1),border-color var(--dur0)var(--ease1),color var(--dur2)var(--ease1),box-shadow var(--dur0)var(--ease1);&[size=lg]{height:40px;--pad:20px;font-size:var(--t3)}&[size=sm]{height:28px;--pad:12px;font-size:var(--t2)}&[size=xs]{height:24px;--pad:8px;gap:4px;border-radius:var(--r2);font-size:var(--t1)}&[size=xxs]{height:20px;--pad:6px;gap:4px;border-radius:var(--r1);font-size:var(--t1)}&[block]{display:flex;width:100%}&[variant=tertiary]{--pad:8px}&[icon-only]{--pad:0;aspect-ratio:1}&[variant=primary]{font-weight:700}&[variant=primary][aria-pressed=true]{background:var(--p4);border-color:var(--p4);color:var(--p5)} [part="label"] { overflow: hidden; text-overflow: ellipsis; line-height: 1.25; } [part="spinner"] { width: 14px; height: 14px; border: 2px solid currentColor; border-right-color: transparent; border-radius: var(--pill); opacity: .7; animation: a-btn-spin .6s linear infinite; } &[size="xs"] [part="spinner"] { width: 12px; height: 12px; } [part="link"] { display: inherit; flex: 1; align-self: stretch; align-items: center; justify-content: center; gap: inherit; min-width: 0; margin: 0 calc(-1 * var(--pad)); padding: 0 var(--pad); border-radius: inherit; box-shadow: none; }}a-button,icon-button{&[variant=primary]{background:var(--p2);border-color:var(--p2);color:var(--p5);&:hover, &[state=hover]{background:var(--p3);border-color:var(--p3)}&:active, &[state=active]{background:var(--p4);border-color:var(--p4);box-shadow:none}}&[variant=secondary]{&:hover, &[state=hover]{border-color:var(--l3)}&:active, &[state=active]{border-color:var(--p3);background:var(--sf3)}}&[variant=tertiary]{border-color:transparent;background:0 0;box-shadow:none;color:var(--a1);&:hover, &[state=hover]{background:var(--sf3);color:var(--p1)}&:active, &[state=active]{border-color:var(--l3);background:var(--sf3);color:var(--a1)}}&[variant=ghost]{background:0 0;border-color:transparent;box-shadow:none;color:var(--fg2);&:hover, &[state=hover]{background:var(--sf3);color:var(--fg1)}&:active, &[state=active]{border-color:var(--l3);background:var(--sf3);color:var(--fg1)}}&[variant=destructive]{background:var(--e3);border-color:var(--e2);color:var(--e1);&:hover, &[state=hover]{border-color:var(--e1)}&:active, &[state=active]{border-color:var(--e1);box-shadow:inset 0 0 0 1px var(--e2)}&:focus-visible, &:has(> [part=link]:focus-visible){border-color:var(--e1);box-shadow:var(--gle)}}&[variant=success]{background:var(--s3);border-color:var(--s2);color:var(--s1);&:hover, &[state=hover]{border-color:var(--s1)}&:active, &[state=active]{border-color:var(--s1);box-shadow:inset 0 0 0 1px var(--s2)}&:focus-visible, &:has(> [part=link]:focus-visible){border-color:var(--s1);box-shadow:var(--gls)}}&[aria-pressed=true]{border-color:var(--l3);color:var(--a1);box-shadow:var(--hl)}&[join=l]{border-top-right-radius:0;border-bottom-right-radius:0}&[join=m]{border-radius:0;margin-left:-1px}&[join=r]{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}&[join]:hover, &[join]:focus-visible{position:relative;z-index:1}&:focus-visible, &:has(> [part=link]:focus-visible){border-color:var(--sf1);box-shadow:var(--gl1)}&[variant=primary]:focus-visible, &[variant=primary]:has(> [part=link]:focus-visible){border-color:var(--p2);box-shadow:0 0 0 2px var(--bg1),0 0 0 4px var(--p2)}&:is([variant=tertiary], [variant=ghost]):is(:focus-visible, :has(> [part=link]:focus-visible)){border-color:transparent}&[pill]{border-radius:var(--pill)}&[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none;box-shadow:var(--hl)}&[aria-disabled=true]:is([variant=ghost], [variant=tertiary]){box-shadow:none}&[aria-busy=true]{opacity:1;cursor:progress}}an-icon{display:inline-block;width:20px;height:20px;flex-shrink:0;&[size=xs]{width:12px;height:12px}&[size=sm]{width:14px;height:14px}&[size=lg]{width:32px;height:32px}svg{width:100%;height:100%;path{vector-effect:non-scaling-stroke}}}icon-button{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:34px;height:34px;border:1px solid var(--input-border);border-radius:var(--r3);background:var(--sf1);color:var(--fg1);box-shadow:var(--hl);cursor:pointer;user-select:none;transition:background var(--dur0)var(--ease1),border-color var(--dur0)var(--ease1),color var(--dur2)var(--ease1),box-shadow var(--dur0)var(--ease1);&[size=lg]{width:40px;height:40px}&[size=sm]{width:28px;height:28px;border-radius:var(--r2)}&[size=xs]{width:24px;height:24px;border-radius:var(--r2)}&[size=xxs]{width:20px;height:20px;border-radius:var(--r1)}&[pill]{border-radius:var(--pill)}}icon-button:is([selected],[aria-pressed=true]){&, &:hover, &:active{color:var(--a1);background:var(--sf1);border-color:var(--l3);box-shadow:var(--hl)}&:hover{background:var(--sf3)}&:focus-visible{border-color:var(--p2);box-shadow:var(--gl1)}}@keyframes skeleton-pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes accordion-in{from{opacity:0;translate:0 -4px}}@property --fade-start{syntax: "<length>"; inherits: false; initial-value: 0px; }@property --fade-end{syntax: "<length>"; inherits: false; initial-value: 0px; }@keyframes tab-rail-fade{0%{--fade-start:0px;--fade-end:32px}10%,90%{--fade-start:32px;--fade-end:32px}100%{--fade-start:32px;--fade-end:0px}}a-tab-rail[variant=underline],a-toc[variant=tabs]{display:flex;gap:4px;margin-top:-4px;padding:4px 4px 0;box-shadow:inset 0 -1px 0 var(--l1)}a-nav-list{display:flex;flex-direction:column;gap:16px; [part="group"] { display: flex; flex-direction: column; gap: 4px; } [part="heading"] { display: flex; align-items: center; gap: 8px; height: 24px; padding: 0 12px; border-radius: var(--r2); color: var(--fg4); font-size: var(--t1); font-weight: 600; letter-spacing: .12em; text-align: left; text-transform: uppercase; transition: color var(--dur2) var(--ease1); } button[part="heading"]:hover { color: var(--fg1); } [part="items"], [part="sub"] { display: flex; flex-direction: column; gap: 2px; } [part="sub"] { margin: 2px 0 4px 20px; padding-left: 8px; border-left: 1px solid var(--l2); } [part="row"] { position: relative; } [part="item"][kids] { padding-right: 40px; } [part="toggle"] { position: absolute; top: 4px; right: 4px; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: var(--r2); color: var(--fg4); transition: color var(--dur2) var(--ease1), background var(--dur2) var(--ease1); &:hover { background: var(--sf3); color: var(--fg1); } } button[part="item"], button[part="heading"] { padding-right: 9px; } [aria-expanded] > an-icon:last-child { transition: transform var(--dur2) var(--ease1); } [aria-expanded]:not([part="toggle"]) > an-icon:last-child { margin-left: auto; } [aria-expanded="true"] > an-icon:last-child { transform: rotate(90deg); } [part="text"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }}a-nav-list [part=item]{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 12px;border-radius:var(--r3);color:var(--fg3);font-size:var(--t3);line-height:1;text-align:left;cursor:pointer;transition:color var(--dur2)var(--ease1),background var(--dur2)var(--ease1);&:hover{background:var(--sf3);color:var(--fg1)}&[state~=parent]{color:var(--fg1)}&[aria-current=page]{background:var(--nav-tint);color:var(--a1)}&[depth]{height:28px;padding-left:8px}> an-icon:first-child{width:16px;height:16px}}a-toc{display:flex;flex-direction:column;&[hidden]{display:none} [part="title"] { margin-bottom: 12px; color: var(--fg4); font-size: var(--t1); font-weight: 600; letter-spacing: .12em; text-transform: uppercase; } [part="link"] { padding: 4px 0 4px 12px; color: var(--fg3); font-size: var(--t2); line-height: 1.4; box-shadow: inset 1px 0 0 var(--l1); transition: color var(--dur2) var(--ease1), box-shadow var(--dur2) var(--ease1); &[level] { padding-left: 24px; } @supports (text-box: trim-both cap alphabetic) { padding-top: calc(4px + round(.5lh + .5cap, 1px) - 1cap + .01px); padding-bottom: calc(4px + 1lh - round(.5lh + .5cap, 1px) - .01px); text-box: trim-both cap alphabetic; } &:hover { color: var(--fg1); } &[aria-current] { color: var(--a1); box-shadow: inset 2px 0 0 var(--a1); } &:focus-visible { border-radius: var(--r1); box-shadow: var(--gl1); } }}a-toc[variant=tabs]{flex-direction:row;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none} [part="link"] { flex: none; display: inline-flex; align-items: center; height: 36px; padding-inline: 12px; border-radius: var(--r2) var(--r2) 0 0; font-size: var(--t3); white-space: nowrap; box-shadow: none; @supports (text-box: trim-both cap alphabetic) { display: inline-block; align-content: center; } &[aria-current] { box-shadow: inset 0 -2px 0 var(--a1); } &:focus-visible { box-shadow: var(--gl1); } &[aria-current]:focus-visible { box-shadow: inset 0 -2px 0 var(--a1), var(--gl1); } }}a-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; [part="card"] { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 12px 16px; border: 1px solid var(--l1); border-radius: var(--r3); background: var(--sf1); box-shadow: var(--hl); color: var(--fg3); transition: border-color var(--dur2) var(--ease1), color var(--dur2) var(--ease1); &:hover { border-color: var(--l3); color: var(--fg1); } &:focus-visible { border-color: var(--p2); box-shadow: var(--gl1); } } [rel="next"] { grid-column: 2; flex-direction: row-reverse; text-align: right; } [part="meta"] { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1; } [part="kicker"] { color: var(--fg4); font-size: var(--t1); } [part="title"] { color: var(--fg1); font-size: var(--t3); font-weight: 600; overflow-wrap: anywhere; } &[variant="next"] { grid-template-columns: minmax(0, 1fr); [part="card"] { grid-column: 1; flex-direction: row; gap: 16px; padding: 20px 24px; border-radius: var(--r4); text-align: left; &:hover [part="go"] { background: var(--p3); transform: translateX(2px); } &:active [part="go"] { background: var(--p4); } } [part="tile"] { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 48px; height: 48px; border: 1px solid var(--l3); border-radius: var(--r3); background: var(--a4); color: var(--a1); } [part="kicker"] { color: var(--a1); font-size: var(--t2); font-weight: 600; } [part="title"] { font-size: var(--t5); line-height: 1.3; white-space: normal; } [part="desc"] { color: var(--fg3); font-size: var(--t3); line-height: 1.5; } [part="go"] { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: var(--pill); background: var(--p2); color: var(--p5); transition: background var(--dur2) var(--ease1), transform var(--dur2) var(--ease1); } @media (max-width: 480px) { [part="card"] { gap: 12px; padding: 16px; } [part="tile"] { width: 40px; height: 40px; } [part="title"] { font-size: var(--t4); } } } @media (max-width: 400px) { gap: 8px; }}.site-topbar{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--l1);isolation:isolate;&::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--sf2);backdrop-filter:blur(12px)}nav{display:flex;align-items:center;gap:8px;min-width:0}nav a{padding:8px 12px;border-radius:var(--r2);color:var(--fg3);font-size:var(--t4);line-height:1;white-space:nowrap;transition:color var(--dur2)var(--ease1);@supports(text-box:trim-both cap alphabetic){padding-top: calc(8px+round(.5lh+.5cap,1px) - 1cap+.01px); padding-bottom: calc(8px+1lh - round(.5lh+.5cap,1px) - .01px); text-box: trim-both cap alphabetic;}&:hover{color:var(--fg1)}&[aria-current=page]{color:var(--a1)}}}a-chip[tone]>an-icon,a-chip[tone] [part=dismiss]{color:inherit;opacity:.75}a-chip[tone] a-button{border-color:initial;background:0 0;box-shadow:none;color:inherit}a-chip[tone=error] a-button:hover{border-color:initial;background:var(--e3)}a-chip[tone=success] a-button:hover{border-color:initial;background:var(--s3)}a-chip[tone=warning] a-button:hover{border-color:initial;background:var(--w3)}a-chip[tone=info] a-button:hover{border-color:initial;background:var(--i3)}a-chip[tone=amber] a-button:hover{border-color:initial;background:var(--a3)}a-chip[tone=error] a-button:active,a-chip[tone=error] a-button[state=active],a-chip[tone=error] a-button:focus-visible{border-color:initial;background:0 0;box-shadow:var(--gle)}a-chip[tone=success] a-button:active,a-chip[tone=success] a-button[state=active],a-chip[tone=success] a-button:focus-visible{border-color:initial;background:0 0;box-shadow:var(--gls)}@keyframes dot-pulse{0%,100%{box-shadow:0 0 currentColor;opacity:1}50%{box-shadow:0 0 0 5px transparent;opacity:.55}}a-badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border:1px solid var(--l1);border-radius:var(--r1);background:var(--sf3);color:var(--fg2);font-size:var(--t2);font-weight:600;white-space:nowrap; [part="dot"] { flex: none; width: 6px; height: 6px; border-radius: var(--pill); background: currentColor; }}a-badge[tone=success]{color:var(--s1);border-color:var(--s2);background:var(--s3)}a-badge[tone=warning]{color:var(--w1);border-color:var(--w2);background:var(--w3)}a-badge[tone=error]{color:var(--e1);border-color:var(--e2);background:var(--e3)}a-badge[tone=info]{color:var(--i1);border-color:var(--i2);background:var(--i3)}a-badge[tone=amber]{color:var(--a1);border-color:var(--l3);background:var(--a3)}a-badge[tone=neutral]{color:var(--fg3);border-color:var(--l1);background:var(--sf3)}a-badge[variant=tag]{font-family:var(--mono);font-size:var(--t1);font-weight:500;color:var(--a1);border-color:var(--l3);background:var(--tag-tint)}a-badge[variant=tag][size=lg]{font-size:var(--t2);font-weight:700}a-badge[variant=dot]{gap:8px;height:auto;padding:0;border:0;background:0 0;color:var(--fg2);font-weight:500}a-badge[variant=dot][tone=neutral] [part=dot]{background:var(--fg3);color:var(--fg3)}a-badge[variant=dot][tone=success] [part=dot]{background:var(--s1);color:var(--s1)}a-badge[variant=dot][tone=warning] [part=dot]{background:var(--w1);color:var(--w1)}a-badge[variant=dot][tone=error] [part=dot]{background:var(--e1);color:var(--e1)}a-badge[variant=dot][tone=info] [part=dot]{background:var(--i1);color:var(--i1)}a-badge[variant=dot][state~=live] [part=dot]{animation:dot-pulse 1.6s var(--ease1)infinite}a-badge[variant=counter]{justify-content:center;min-width:22px;border-color:var(--l1);background:var(--sf1);box-shadow:var(--hl);color:var(--fg1);font-variant-numeric:tabular-nums;> an-icon{color:var(--fg3)}}a-badge[variant=counter][tone=amber]>an-icon{color:var(--a1)}a-badge[variant=link]{height:auto;padding:0;border:0;background:0 0;max-width:100%; [part="link"] { display: inline-flex; align-items: center; gap: 8px; min-width: 0; max-width: 100%; height: 28px; padding: 0 12px 0 4px; border: 1px solid var(--l3); border-radius: var(--pill); background: var(--sf1); color: var(--fg2); font-size: var(--t2); font-weight: 500; text-decoration: none; transition: background var(--dur0) var(--ease1), color var(--dur2) var(--ease1); &:hover { background: var(--sf3); color: var(--fg1); } &:hover > an-icon { transform: translateX(2px); } &:focus-visible { outline: none; box-shadow: var(--gl1); } &:not(:has([part="tag"])) { padding-left: 12px; } } [part="tag"] { display: inline-flex; align-items: center; flex: none; height: 20px; padding: 0 8px; border-radius: var(--pill); background: var(--a3); color: var(--a1); font-family: var(--mono); font-size: var(--t1); font-weight: 700; @supports (text-box: trim-both cap alphabetic) { display: inline-block; padding-top: max(0px, 2 * (round(.5cap, 1px) - .5cap) + .01px); padding-bottom: max(0px, 2 * (.5cap - round(.5cap, 1px)) - .01px); align-content: center; text-box: trim-both cap alphabetic; } } [part="lbl"] { overflow: hidden; text-overflow: ellipsis; } an-icon { flex: none; color: var(--a1); transition: transform var(--dur2) var(--ease1); }}@keyframes progress-sweep{from{transform:translateX(-100%)}to{transform:translateX(250%)}}code{padding:1px 6px;border-radius:var(--r1);background:var(--code-bg);color:var(--a1);font-family:var(--mono);font-size:.92em}pre code{padding:0;border-radius:0;background:0 0;color:inherit;font-size:inherit}:root[data-theme=light] :is(code-block,[ui~=code-wrap],[ui~=prose] pre:not(code-block pre),.pg-code,a-console){color-scheme:dark;--code-bg:var(--code-well)}a-menu{ [part="backdrop"] { z-index: 70; } [part="menu"] { position: fixed; z-index: 80; display: flex; flex-direction: column; gap: 2px; min-width: 184px; max-width: calc(100vw - 16px); padding: 4px; overflow-y: auto; overscroll-behavior: contain; } [part="menu"]:focus-visible { box-shadow: var(--hl), var(--sh2); } [part="mi"] { display: flex; flex: none; align-items: center; gap: 8px; width: 100%; height: 28px; padding: 0 8px; border: 0; border-radius: var(--r2); background: transparent; font: inherit; font-size: var(--t2); text-align: left; white-space: nowrap; & an-icon { flex: none; color: var(--fg4); } &:is(:hover, :focus) an-icon { color: var(--fg2); } &[aria-checked="true"] an-icon { color: var(--a1); } &[tone="error"] { color: var(--e1); & an-icon { color: var(--e1); } &:is(:hover, :focus):not(:disabled) { background: var(--e3); color: var(--e1); } } } [part="mlabel"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; } [part="mhint"] { flex: none; color: var(--fg4); font-family: var(--mono); font-size: var(--t1); } [part="msub"] { flex: none; color: var(--fg4); } [part="mi"][aria-expanded="true"] { background: var(--sf3); color: var(--fg1); }}@keyframes command-enter{from{opacity:0;transform:translateX(-50%)translateY(-8px)}}@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}:is(select-field [part=listbox],date-picker [part=panel],a-menu [part=menu],a-popover>[part=panel]){border:1px solid var(--l1);border-radius:var(--r3);background:var(--sf2);box-shadow:var(--hl),var(--sh2);backdrop-filter:blur(12px)}:is(select-field,date-picker,a-menu)>[part=backdrop]{position:fixed;inset:0;background:color-mix(in srgb,var(--scrim) 50%,transparent);backdrop-filter:blur(2px);animation:backdrop-enter var(--dur-popup-backdrop)var(--ease1)}:is(select-field[open] [part=listbox],date-picker[open] [part=panel],a-menu:not([static]) [part=menu],a-popover:not([static])>[part=panel]){animation:popup-enter var(--dur2)var(--ease1)}:is(select-field,date-picker,a-menu,a-popover)[placement=top] :is([part=listbox],[part=panel],[part=menu]){--popup-shift:4px}@keyframes popup-enter{from{opacity:0;transform:translateY(var(--popup-shift,-4px))}}:is(select-field [part=option],a-menu [part~=mi],a-command [part=item]){color:var(--fg2);cursor:pointer;transition:background var(--dur1)var(--ease1),color var(--dur1)var(--ease1);&[highlight]{background:var(--sf3);color:var(--fg1)}&:is([aria-selected=true], [aria-checked=true]){background:var(--a3);color:var(--a1)}&:is([aria-selected=true], [aria-checked=true])[highlight]{background:linear-gradient(var(--a3),var(--a3))var(--sf3)}&:is([aria-disabled=true], :disabled){background:0 0;color:var(--fg4);cursor:not-allowed}}a-menu [part~=mi]{&:is(:hover, :focus):not(:disabled){background:var(--sf3);color:var(--fg1)}&[aria-checked=true]:is(:hover, :focus){background:linear-gradient(var(--a3),var(--a3))var(--sf3);color:var(--a1)}&:focus-visible{box-shadow:none}}:is(select-field [part=group],a-menu [part=mtitle],a-command [part=group]){padding:8px 8px 4px;color:var(--fg4);font-family:var(--mono);font-size:var(--t1);font-weight:600;letter-spacing:.08em;line-height:1.4;text-transform:uppercase;cursor:default}:is(select-field [part=sep],a-menu [part=msep]){flex:none;height:1px;margin:4px 0;background:var(--l1)}:root[scroll-lock]{overflow:hidden}:root[scroll-lock=gutter]{scrollbar-gutter:stable}side-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:16px;border:1px solid var(--l1);border-radius:var(--r3);background:var(--sf1);box-shadow:var(--hl);color:var(--fg1);& > [part=eyebrow]{color:var(--a1);font-family:var(--mono);font-size:var(--t1);font-weight:600;line-height:16px;letter-spacing:.12em;text-transform:uppercase}& > [part=title]{color:var(--fg1);font-size:var(--t3);font-weight:700;line-height:20px}& > [part=value]{margin-top:8px;color:var(--a1);font-size:var(--t6);font-weight:700;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}& > [part=value] > [part=unit]{margin-left:4px;font-size:.6em;font-weight:600;letter-spacing:0}& > [part=sub]{color:var(--fg3);font-size:var(--t2)}& > [part=desc]{margin:0;color:var(--fg3);font-size:var(--t2);line-height:1.5}& > [part=note]{margin-top:12px;color:var(--fg3);font-size:var(--t2);line-height:1.5}& > [part=action]{max-width:100%;margin-top:12px}}version-switcher{display:inline-flex;min-width:0; [part="trigger"] { display: inline-flex; align-items: center; gap: 4px; min-width: 0; padding: 4px; border: 0; border-radius: var(--r3); background: transparent; color: var(--a1); font: inherit; cursor: pointer; transition: background var(--dur1) var(--ease1), color var(--dur1) var(--ease1); &:hover { background: var(--a4); } &:focus-visible { outline: 0; box-shadow: var(--gl1); } } &[variant="row"] { display: flex; [part="trigger"] { flex: 1; gap: 8px; height: 34px; padding: 0 12px; border: 1px solid var(--l1); background: var(--sf1); box-shadow: var(--hl); color: var(--fg4); &:hover { background: var(--sf3); color: var(--fg2); } &:focus-visible { border-color: var(--p2); box-shadow: var(--gl1); } > an-icon { margin-left: auto; } } &[open] [part="trigger"] { border-color: var(--l3); color: var(--fg2); } } [part="version"] { color: var(--fg1); font-family: var(--mono); font-size: var(--t2); }}mx-logo{--tile:var(--sf3), var(--sf1) 68%, var(--bg1);--edge:var(--p1) .31%, var(--p2) 43.73%, var(--p3) 94.69%;--m:#fffdf2 6.53%, var(--fg1) 92.96%;--x:#f99614;display:block;position:relative;flex:none;isolation:isolate;will-change:transform;svg{display:block;background:linear-gradient(125.72deg,var(--m))26.79% 49.66%/68.18% 49.43% no-repeat,linear-gradient(136.38deg,var(--edge));clip-path:inset(0 .57% round 18.18%)}& [part=face]{fill:var(--bg1);fill-rule:evenodd}& [part=x]{fill:var(--x)}&::after{content:'';position:absolute;inset:0;background:radial-gradient(58% 58%,var(--tile))50%/96.59% 97.73% no-repeat;clip-path:inset(2.27% 2.84% round 15.91%);mix-blend-mode:lighten;pointer-events:none}&[glow]{--edge:var(--core), var(--core);--tile:var(--sf1), var(--bg1) 75%, var(--bg1);filter:drop-shadow(0 0 .6px var(--hot))drop-shadow(0 0 1.2px var(--hot))drop-shadow(0 0 3px var(--hot))drop-shadow(0 1px 6px var(--ember))drop-shadow(0 4px 14px color-mix(in srgb,var(--ember) 50%,transparent));svg{clip-path:inset(1.93% 2.5% round 16.25%)}}}:root[data-theme=light] mx-logo{--tile:var(--sf1), var(--bg1) 68%, var(--sf3);--edge:#ff602d .31%, var(--p2) 43.73%, var(--p3) 94.69%;--m:#474150 6.53%, var(--fg1) 92.96%;--x:#f83c00;& [part=face]{fill:var(--sf1)}&::after{mix-blend-mode:darken}}:root{--topbar-h:64px}html{scroll-padding-top:calc(var(--topbar-h) + 16px)}.skip-link{position:fixed;top:8px;left:8px;z-index:51;padding:8px 16px;border:1px solid var(--l3);border-radius:var(--r3);background:var(--sf1);color:var(--a1);font-weight:700;transform:translateY(-200%);&:focus-visible{transform:none}}#content:focus{outline:0}.site-topbar{position:sticky;top:0;z-index:50;width:100%;height:var(--topbar-h);padding:0;> .container{display:flex;align-items:center;gap:24px;width:100%;height:100%;max-width:1440px;padding:0 24px;margin:0 auto}.site-nav{flex:1;min-width:0;margin:-4px;padding:4px;overflow:clip}.site-nav a{font-size:var(--t3)}.site-section{display:none}.site-nav an-icon{margin-left:4px;vertical-align:-1px}.site-nav a[aria-current=true]{color:var(--a1)}.site-tools{display:flex;align-items:center;gap:8px} #menu-btn { display: none; }}:root[data-theme=light] .site-theme[mode=dark],:root:not([data-theme=light]) .site-theme[mode=light]{display:none}.site-logo{display:flex;flex:none;width:40px;height:40px;border-radius:var(--r3);&:focus-visible{box-shadow:var(--gl1)}}.site-search{display:flex;align-items:center;gap:8px;width:240px;height:34px;padding:0 8px 0 12px;border:1px solid var(--input-border);border-radius:var(--r3);background:var(--sf5);box-shadow:var(--hl);color:var(--fg4);cursor:pointer;transition:border-color var(--dur2)var(--ease1),color var(--dur2)var(--ease1);.site-search-text{flex:1;text-align:left}&:hover{border-color:var(--l3);color:var(--fg2)}&:focus-visible{border-color:var(--l3);box-shadow:var(--gl1)}}@media(max-width:1100px){.site-search{width:180px}.site-topbar .site-nav a[target]{display:none}}@media(max-width:800px){.site-topbar{> .container{gap:12px;padding:0 16px}.site-nav, version-switcher{display:none}.site-section{display:block;flex:1;color:var(--fg2);font-size:var(--t4)}.site-tools{margin-left:auto} #menu-btn { display: inline-flex; }}.site-search{width:34px;padding:0;justify-content:center;border-color:transparent;background:0 0;box-shadow:none;.site-search-text, kbd{display:none}}}.docs-shell{display:grid;grid-template-columns:256px minmax(0,1fr)240px;max-width:1440px;min-height:calc(100vh - var(--topbar-h));margin:0 auto}@media(max-width:1100px){.docs-shell{grid-template-columns:240px minmax(0,1fr)}.docs-sidebar{grid-row:span 2}}@media(max-width:800px){.docs-shell{grid-template-columns:minmax(0,1fr);align-content:start}}.docs-sidebar{position:sticky;top:var(--topbar-h);align-self:start;height:calc(100vh - var(--topbar-h));padding:24px 16px 32px 24px;border-right:1px solid var(--l2);overflow-y:auto;overscroll-behavior:contain}@media(max-width:800px){.docs-sidebar{display:none}}.docs-content{min-width:0;width:100%;max-width:880px;margin:0 auto;padding:48px 48px 64px}.docs-pager{margin-top:64px}.docs-pager:empty{display:none}@media(max-width:800px){.docs-content{padding:32px 16px 48px}.docs-pager{margin-top:48px}}.docs-toc{position:sticky;top:var(--topbar-h);align-self:start;display:flex;flex-direction:column;gap:24px;max-height:calc(100vh - var(--topbar-h));padding:48px 24px 24px 8px;overflow-y:auto}@media(max-width:1100px){.docs-toc{position:static;grid-column:-2;width:100%;max-width:880px;max-height:none;padding:0 48px 64px;margin:0 auto;overflow:visible;> a-toc{display:none}&:not(:has(> :not(a-toc))){display:none}}}@media(max-width:800px){.docs-toc{padding:0 16px 48px}}.site-foot{padding:48px 24px 32px;border-top:1px solid var(--l2);color:var(--fg4);font-size:var(--t2);> .container{display:flex;flex-direction:column;gap:32px;max-width:1392px;margin:0 auto}.foot-cols{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:32px}.foot-brand{display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:280px;.site-logo{width:36px;height:36px}p{color:var(--fg3);line-height:1.6}}.foot-col{display:flex;flex-direction:column;gap:8px}.foot-label{color:var(--fg1);font-weight:700}.foot-links{display:flex;flex-wrap:wrap;gap:16px}a{color:var(--fg3);transition:color var(--dur2)var(--ease1);&:hover{color:var(--fg1)}}.foot-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:24px;border-top:1px solid var(--l2)}}@media(max-width:800px){.site-foot{padding:32px 16px 24px;.foot-cols{grid-template-columns:repeat(3,1fr)}.foot-brand{grid-column:1/-1;max-width:none}}}[ui~=prose] :is(h1,h2,h3,h4,:not(pre)>code){overflow-wrap:anywhere}[ui~=prose] :is(td,th) code{overflow-wrap:break-word}[ui~=prose] pre:not(code-block pre){padding:16px 20px;border:1px solid var(--l1);border-radius:var(--r3);background:var(--code-bg);color:var(--fg2);font-family:var(--mono);font-size:var(--t2);line-height:20px;overflow-x:auto}@keyframes hx-rise-left{to{transform:translate(-256px,-256px)}}@keyframes hx-rise-right{to{transform:translate(256px,-512px)}}