@font-face{font-family:Atkinson Hyperlegible;src:url(/assets/fonts/atkinson-hyperlegible-400.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/assets/fonts/atkinson-hyperlegible-700.woff)format("woff");font-weight:700;font-display:swap}:root{--ink:#111;--paper:#fff;--mark:#ffd400;--bg:#fff;--band:#f5f5f2;--text:#111;--muted:#3d3d3d;--line:#d4d4d0;--link:#0a47a3;--rule:#1111110b;--focus:#111;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1117;--band:#151b23;--text:#f0f0f0;--muted:#c9ced6;--line:#30363d;--link:#8ab4ff;--rule:#ffffff0a;--focus:#ffd400;color-scheme:dark}}:root[data-theme=dark]{--bg:#0d1117;--band:#151b23;--text:#f0f0f0;--muted:#c9ced6;--line:#30363d;--link:#8ab4ff;--rule:#ffffff0a;--focus:#ffd400;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:8rem}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);color:var(--text);overflow-wrap:break-word;margin:0;font:400 1.125rem/1.65 Atkinson Hyperlegible,system-ui,sans-serif}img,svg{max-width:100%}.wrap{max-width:68rem;margin:0 auto;padding:0 1rem}@media (width>=48rem){.wrap{padding:0 2rem}}a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:.08em}a:hover{text-decoration-thickness:.16em}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}.skip{background:var(--ink);color:var(--paper);z-index:10;padding:.6rem 1rem;position:absolute;top:.5rem;left:-999px}.skip:focus{left:.5rem}.vh{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.logo-dark,:root[data-theme=dark] .logo-light{display:none}:root[data-theme=dark] .logo-dark{display:inline}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-light{display:none}:root:not([data-theme=light]) .logo-dark{display:inline}}.site-header{z-index:5;background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{grid-template-columns:1fr auto auto;align-items:center;column-gap:.5rem;min-height:4.25rem;padding-top:.4rem;padding-bottom:.4rem;display:grid}.brand{grid-area:1/1;justify-self:start;padding:.3rem 0;display:inline-flex;overflow:hidden}.brand img{flex:none;width:auto;max-width:none;height:2rem}.menu-toggle{grid-area:1/2}.theme-control{grid-area:1/3}.site-nav{grid-area:2/1/auto/-1}.site-nav ul{flex-wrap:wrap;gap:0 1.1rem;margin:0;padding:0;font-size:1rem;list-style:none;display:flex}.site-nav a{color:var(--text);white-space:nowrap;padding:.55rem 0 .7rem;font-weight:700;text-decoration:none;display:inline-block;position:relative}.site-nav a:hover{text-decoration:underline}.site-nav a[aria-current=page]:after{content:"";background:var(--text);border-radius:2px;height:.22rem;position:absolute;bottom:.2rem;left:0;right:0}.site-nav a[aria-current=page]:hover{text-decoration:none}.menu-toggle,.theme-button{min-height:2.75rem;font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.95rem;font-weight:700;line-height:1.2;display:inline-flex}.menu-toggle:hover,.theme-button:hover{border-color:var(--text)}.menu-toggle svg,.theme-button svg{flex:none;width:1.15rem;height:1.15rem}.menu-toggle[aria-expanded=true],.theme-button[aria-expanded=true]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.menu-toggle{display:none}.js .menu-toggle{display:inline-flex}@media (width<=22.99rem){.brand{width:1.5rem}}.js .site-nav{display:none}.js .site-nav.open{max-height:calc(100vh - 4.5rem);padding:.25rem 0 .5rem;display:block;overflow-y:auto}.js .site-nav ul{flex-direction:column;font-size:1.1rem}.js .site-nav li{border-top:1px solid var(--line)}.js .site-nav a{padding:.75rem 0 .75rem 1rem;display:block}.js .site-nav a[aria-current=page]:after{width:.25rem;height:auto;inset:.65rem auto .65rem 0}.nav-app svg{vertical-align:-.05em;width:.85em;height:.85em;margin-left:.2rem}@media (width>=68rem){.header-inner{grid-template-columns:1fr auto 1fr;column-gap:1rem}.brand img{height:2.25rem}.js .menu-toggle{display:none}.site-nav,.js .site-nav{grid-area:1/2;max-height:none;padding:0;display:block;overflow:visible}.site-nav ul,.js .site-nav ul{flex-flow:row;gap:0 1.2rem;font-size:1.05rem}.js .site-nav li{border-top:0}.js .site-nav a{padding:.55rem 0 .7rem;display:inline-block}.js .site-nav a[aria-current=page]:after{width:auto;height:.22rem;inset:auto 0 .2rem}.theme-control{justify-self:end}}.theme-control{display:none;position:relative}.js .theme-control{display:block}.theme-button .ti{display:none}.theme-button[data-mode=system] .ti-system,.theme-button[data-mode=light] .ti-light,.theme-button[data-mode=dark] .ti-dark{display:block}.theme-button .chev{width:.9rem;height:.9rem;margin-left:-.1rem}.theme-menu{z-index:10;background:var(--bg);border:1px solid var(--text);border-radius:10px;min-width:9.5rem;padding:.3rem;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 .5rem 1.5rem #0000002e}.theme-menu[hidden]{display:none}.theme-menu button{width:100%;min-height:2.75rem;font:inherit;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:.5rem;padding:.35rem .6rem;font-size:1rem;font-weight:700;display:flex}.theme-menu button:hover{background:var(--band)}.theme-menu button:focus-visible{outline-offset:-3px}.theme-menu svg{flex:none;width:1.15rem;height:1.15rem}.theme-menu .tick{visibility:hidden;margin-left:auto}.theme-menu [aria-checked=true] .tick{visibility:visible}.hero,.page-head{background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 2.45rem, var(--rule) 2.45rem, var(--rule) 2.5rem)}.hero{padding:4.5rem 0 4rem}.page-head{border-bottom:1px solid var(--line);padding:3.5rem 0 3rem}.status{color:var(--muted);align-items:center;gap:.6rem;margin:0 0 1.25rem;font-weight:700;display:inline-flex}.dot{background:var(--mark);outline:2px solid var(--ink);border-radius:50%;flex:none;width:.7rem;height:.7rem}:root[data-theme=dark] .dot{outline-color:var(--paper)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .dot{outline-color:var(--paper)}}h1{letter-spacing:-.02em;max-width:14ch;margin:0 0 1.25rem;font-size:clamp(2.4rem,7vw,4.4rem);line-height:1.08}.page-head h1{max-width:22ch;font-size:clamp(2.1rem,5.5vw,3.2rem)}.eyebrow{color:var(--muted);margin:0 0 .75rem;font-weight:700}mark{background:linear-gradient(transparent 12%, var(--mark) 12%, var(--mark) 88%, transparent 88%);color:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .12em}.lead{max-width:40rem;margin:0 0 .75rem;font-size:clamp(1.2rem,2.4vw,1.4rem)}.said{color:var(--muted);margin:0 0 2rem}.actions{flex-wrap:wrap;gap:.75rem;display:flex}.actions-note{max-width:40rem;color:var(--muted);margin:.9rem 0 0;font-size:1rem}.button{border:2px solid var(--text);color:var(--text);background:0 0;border-radius:8px;padding:.8rem 1.3rem;font-weight:700;text-decoration:none;display:inline-block}.button.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}:root[data-theme=dark] .button.primary{background:var(--mark);color:var(--ink);border-color:var(--mark)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .button.primary{background:var(--mark);color:var(--ink);border-color:var(--mark)}}.button:hover{text-decoration:underline}section{padding:4rem 0}.band{background:var(--band);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.band+.band{border-top:0}h2{margin:0 0 .75rem;font-size:clamp(1.75rem,3.6vw,2.25rem);line-height:1.2}h3{margin:0 0 .4rem;font-size:1.2rem;line-height:1.3}h4{margin:1rem 0 .3rem;font-size:1.05rem;line-height:1.3}.intro{color:var(--muted);max-width:44rem;margin:0 0 2rem}.prose,.prose>p,.prose li{max-width:46rem}.prose h3{margin-top:1.75rem}.prose li{margin-bottom:.4rem}.features{grid-template-columns:repeat(auto-fit,minmax(min(100%,16.5rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.features>li{background:var(--bg);border:1px solid var(--line);border-top:4px solid var(--text);border-radius:10px;padding:1.25rem 1.25rem 1rem}.features p,.steps p,.roadmap p,.note p{margin:0 0 .5rem}.features ul{margin:.25rem 0 .75rem;padding-left:1.2rem}.features ul li{margin-bottom:.3rem}.more{font-weight:700}.state{color:var(--muted);align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex;margin:0 0 .6rem!important}.state:before{content:"";border:2px solid var(--text);border-radius:2px;flex:none;width:.75rem;height:.75rem}.state.built:before{background:var(--text)}.state.browser:before{background:linear-gradient(to right, var(--text) 50%, transparent 50%)}@media (forced-colors:active){.state:before{forced-color-adjust:none;border-color:canvastext}.state.built:before{background:canvastext}.state.browser:before{background:linear-gradient(90deg,canvastext 50%,#0000 50%)}}.legend{flex-wrap:wrap;gap:.5rem 2rem;margin:0 0 2rem;padding:0;list-style:none;display:flex}.legend li{margin:0}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1.5rem;margin:1.5rem 0 2rem;padding:0;list-style:none;display:grid}.steps>li{counter-increment:step;padding-left:3.25rem;position:relative}.steps>li:before{content:counter(step);background:var(--mark);width:2.4rem;height:2.4rem;color:var(--ink);border-radius:6px;place-items:center;font-weight:700;display:grid;position:absolute;top:0;left:0}.steps.single{grid-template-columns:1fr;max-width:46rem}.steps ul{margin:.25rem 0 .5rem;padding-left:1.2rem}.note{border-left:4px solid var(--text);max-width:46rem;margin:2rem 0 0;padding:.25rem 0 .25rem 1.25rem}.roadmap{grid-template-columns:repeat(auto-fit,minmax(min(100%,16.5rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.roadmap>li{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:1.25rem}.roadmap.wide{grid-template-columns:1fr}.roadmap ul{margin:.25rem 0 .75rem;padding-left:1.2rem}.roadmap ul li{margin-bottom:.3rem}.when{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.85rem;font-weight:700}.roadmap>li.current{border:2px solid var(--text)}.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:2.5rem;display:grid}.two p{max-width:36rem}.toc{margin:2rem 0 0}.toc h2{margin:0 0 .5rem;font-size:1.1rem}.toc ul{flex-wrap:wrap;gap:.25rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.toc a{padding:.2rem 0;font-weight:700;display:inline-block}.pipeline{counter-reset:stage;max-width:46rem;margin:1.5rem 0 0;padding:0;list-style:none}.pipeline>li{counter-increment:stage;border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:1rem 1.25rem 1rem 4rem;position:relative}.pipeline>li+li{margin-top:2rem}.pipeline>li+li:after{content:"";border-left:3px solid var(--text);height:2rem;position:absolute;top:-2rem;left:1.95rem}.pipeline>li:before{content:counter(stage);background:var(--mark);width:2.2rem;height:2.2rem;color:var(--ink);border-radius:6px;place-items:center;font-weight:700;display:grid;position:absolute;top:1rem;left:1rem}.pipeline h3{margin-top:.2rem}.pipeline p{margin:0 0 .4rem}table{border-collapse:collapse;width:100%;margin:1rem 0 1.5rem;font-size:1rem}caption{text-align:left;padding-bottom:.5rem;font-weight:700}th,td{text-align:left;vertical-align:top;border:1px solid var(--line);padding:.6rem .75rem}thead th{background:var(--band)}.table-scroll{max-width:100%;overflow-x:auto}.table-scroll:focus-visible{outline-offset:2px}.faq{max-width:46rem}.faq details{border:1px solid var(--line);background:var(--bg);border-radius:10px;margin:0 0 .75rem}.faq summary{cursor:pointer;margin-left:1.25rem;padding:1rem 1.25rem;font-weight:700;list-style-position:outside}.faq details>div{padding:0 1.25rem 1rem 2.5rem}.faq details>div>p:first-child{margin-top:0}.faq h2{margin-top:2.5rem}.faq h2:first-child{margin-top:0}.contact-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.contact-list>li{border:1px solid var(--line);border-top:4px solid var(--text);background:var(--bg);border-radius:10px;padding:1.25rem}.contact-list p{margin:0 0 .5rem}.big-link{font-size:1.25rem;font-weight:700}.site-footer{border-top:1px solid var(--line);padding:3rem 0 2rem}.footer-grid{grid-template-columns:1fr;gap:2.25rem 3rem;display:grid}@media (width>=64rem){.footer-grid{grid-template-columns:minmax(16rem,1.3fr) 3fr}}.footer-brand p{color:var(--muted);max-width:24rem;margin:.35rem 0 0}.footer-brand .footer-tagline{color:var(--text);margin-top:.75rem;font-weight:700}.footer-nav{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:1.75rem 2rem;display:grid}.footer-col h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .7rem;font-size:.85rem}.footer-col ul{margin:0;padding:0;list-style:none}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;margin-top:2.5rem;padding-top:1.25rem;font-size:.95rem;display:flex}.footer-bottom p{margin:0}.doc{padding:3rem 0 4rem}.doc .wrap{max-width:46rem}.doc h1{max-width:none;font-size:clamp(2rem,5vw,2.8rem)}.doc h2{margin-top:2.25rem;font-size:1.5rem}.doc li{margin-bottom:.4rem}.h3-size{margin:0 0 .5rem;font-size:1.2rem}.page-head .note{margin-top:2rem}.legend .state{margin:0!important}.tagline{margin:0 0 .75rem;font-size:clamp(1.15rem,2.2vw,1.3rem);font-weight:700}.tagline .w{border-radius:3px;padding:0 .1em}.read-toggle{vertical-align:middle;min-width:2.75rem;min-height:2.75rem;font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;margin-left:.5rem;padding:0 .8rem;font-size:.85rem;font-weight:700}.read-toggle:hover{text-decoration:underline}@media (prefers-reduced-motion:no-preference){.tagline .w{transition:background-color .2s,color .2s}.tagline.reading .w{color:var(--muted)}.tagline.reading .w.done{color:var(--text)}.tagline.reading .w.now{background-color:var(--mark);color:var(--ink)}}.more a,.footer-nav a,.toc a{background-image:linear-gradient(var(--mark), var(--mark));-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0;background-repeat:no-repeat;background-size:0% 100%;border-radius:3px;margin:0 -.2em;padding:0 .2em}.more a:hover,.more a:focus-visible,.footer-nav a:hover,.footer-nav a:focus-visible,.toc a:hover,.toc a:focus-visible{color:var(--ink);background-size:100% 100%}@media (prefers-reduced-motion:no-preference){.more a,.footer-nav a,.toc a{transition:background-size .25s,color .25s}.js .rise{opacity:0;transition:opacity .35s ease-out,transform .35s ease-out;transform:translateY(.75rem)}.js .rise.in{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.rise{opacity:1!important;transform:none!important}}@media print{.rise{opacity:1!important;transition:none!important;transform:none!important}.tagline .w{color:inherit!important;background:0 0!important}.more a,.footer-nav a,.toc a{background:0 0!important;transition:none!important}}.footer-brand img{width:auto;height:2rem}.js .site-nav a:focus-visible{outline-offset:-3px}@media (width>=68rem){.js .site-nav a:focus-visible{outline-offset:3px}}.more a,.toc a,.footer-col a,.footer-bottom a,.big-link a,.contact-list p>a,.roadmap p>a[href^=\#]{background-clip:content-box;min-width:2.75rem;min-height:2.75rem;padding-top:.45rem;padding-bottom:.45rem;display:inline-block}.footer-col li{margin:0}.toc ul{gap:0 1.5rem}.brand{align-items:center;min-height:2.75rem}@media (width<=22.99rem){.brand{width:auto;min-width:2.75rem;overflow:visible}.brand img{object-fit:cover;object-position:left center;width:1.5rem;height:2rem}}.wrap{padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right))}@media (width>=48rem){.wrap{padding-left:max(2rem, env(safe-area-inset-left));padding-right:max(2rem, env(safe-area-inset-right))}}.site-header{padding-top:env(safe-area-inset-top)}.site-footer{padding-bottom:max(2rem, env(safe-area-inset-bottom))}.js .site-nav.open{max-height:calc(100dvh - 4.5rem - env(safe-area-inset-top))}@media (width<=29.99rem){.actions{flex-direction:column}.actions .button{text-align:center}}@media (width<=26.99rem){.read-toggle{margin:.5rem 0 0;display:block}}.header-inner{container:header/inline-size}@container header (width<=18.5em){.brand{width:auto;min-width:2.75rem;overflow:visible}.brand img{object-fit:cover;object-position:left center;width:1.5rem;height:2rem}}@container header (width<=15em){.theme-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@container header (width<=11em){.menu-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.theme-button .chev{display:none}.menu-toggle,.theme-button{justify-content:center;min-width:2.75rem;padding-left:.5rem;padding-right:.5rem}}.big-link a,.contact-list p>a{overflow-wrap:anywhere;max-width:100%}.doc li>a:only-child,.prose li>a:only-child{min-height:2.75rem;padding-top:.45rem;padding-bottom:.45rem;display:inline-block}.themes-status{max-width:46rem;margin:1rem 0 0}.playground{padding:3rem 0}.pg-controls{flex-wrap:wrap;gap:1rem 1.5rem;margin:0 0 1.25rem;display:none}.js .pg-controls{display:flex}.pg-field{flex-direction:column;flex:15rem;gap:.3rem;min-width:min(100%,15rem);max-width:22rem;display:flex}.pg-field label{font-weight:700}.pg-field select{min-height:2.75rem;font:inherit;color:var(--text);background:var(--bg);border:2px solid var(--text);border-radius:8px;max-width:100%;padding:.4rem .75rem}.frame{border:2px solid;border-radius:10px;min-width:0;margin:0;overflow:hidden}.frame-bar{border-bottom:1px solid;margin:0;padding:.5rem 1rem;font-weight:700}.frame .code-block{tab-size:4;scrollbar-width:auto;margin:0;padding:.9rem 1rem;font:400 .95rem/1.6 ui-monospace,SF Mono,Menlo,Consolas,DejaVu Sans Mono,monospace;overflow-x:auto}.frame-large .code-block{font-size:1.05rem}.frame .code-block code{font:inherit}.frame .code-block:focus-visible{outline-offset:-5px;border-radius:0;outline:3px solid}.frame .code-block::-webkit-scrollbar{height:.75rem}.frame .code-block::-webkit-scrollbar-thumb{border-radius:6px}.frame-note{margin:0;padding:.5rem 1rem .75rem;font-size:.95rem}.pg-facts{margin:1rem 0 0}.pg-info{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.5rem 2rem;margin:0 0 1rem;display:grid}.pg-info[hidden]{display:none}.pg-info dt{color:var(--muted);font-size:.95rem;font-weight:700}.pg-info dd{align-items:center;gap:.5rem;margin:0;display:flex}.swatch{border:1px solid var(--text);border-radius:4px;flex:none;width:1.4rem;height:1.4rem;display:inline-block}.pg-copy-row{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:0;display:none}.js .pg-copy-row{display:flex}#pg-copy{min-height:2.75rem;font:inherit;cursor:pointer;font-weight:700}.pg-copied{color:var(--muted)}.theme-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}.theme-grid[hidden]{display:none}@media (width>=60rem){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.install-status{color:var(--muted);margin:0 0 .4rem;font-weight:700}@media (forced-colors:active){.frame,.frame-bar{border-color:canvastext}}