:root{background-color:var(--c-bg);color:var(--c-fg);font-synthesis:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}[data-theme=light]{--c-fg:#202124;--c-fg-muted:#8b8d98;--c-bg:#fff;--c-bg-accent:#f7f9fe;--c-border:#e7e8ec;--c-primary:#ff725c;--c-hover:#f26651;--c-link:#ce4633;--c-button:var(--c-bg);--kbd-shadow:0 -.05em .5em #00005506, inset 0 .05em #fff, inset 0 .25em .5em #00005506, inset 0 -.05em #00073527, 0 0 0 .05em #0009321f, 0 .08em .17em #00063332}[data-theme=dark]{--c-fg:#eeeef0;--c-fg-muted:#6c6e79;--c-bg:#19191b;--c-bg-accent:#111113;--c-border:#393a40;--c-primary:#ce4633;--c-hover:#f26651;--c-link:#ff725c;--c-button:var(--c-fg);--kbd-shadow:0 -.05em .5em #cbcbf90b, inset 0 .05em #fffffff2, inset 0 .25em .5em #cbcbf90b, inset 0 -.05em #d9defc33, 0 0 0 .05em #d7ddfd28, 0 .08em .17em #dae2fd43}*,:before,:after{box-sizing:border-box}:focus-visible{outline:2px dashed var(--c-primary);outline-offset:3px}body{margin:0}a{color:var(--c-fg)}a:hover,a:focus-visible{color:var(--c-link)}header,main,footer{max-inline-size:70rem;margin-inline:auto;padding-inline:1rem}header{justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;display:flex}main{margin-block:1rem}footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:3rem;display:flex}nav{align-items:center;gap:1.5rem;display:flex}section+:is(section){margin-block-start:4rem}h1,h2,h3{margin:1em 0 1rem;line-height:1}h1{font-size:2.5rem}h2{font-size:1.5rem}h3{font-size:1.25rem}button{appearance:none;background-color:var(--c-primary);color:var(--c-button);cursor:pointer;text-align:center;border:0;border-radius:.25em;justify-content:center;align-items:center;gap:.5em;margin:0;padding:.5em 1em;font-family:inherit;font-size:1rem;line-height:1;display:inline-flex}button:hover,button:focus-visible{background-color:var(--c-hover)}kbd{background-color:var(--c-bg);box-shadow:var(--kbd-shadow);text-align:center;border-radius:.375em;justify-content:center;align-items:center;padding-inline:.5em;font-family:inherit;display:inline-flex}.icon-link{display:inline-flex}.logos{align-items:center;gap:1rem;font-size:2rem;display:inline-flex}.lang{align-items:center;gap:.25rem;line-height:1rem;display:flex}.lang a[aria-current=page]{color:var(--c-fg-muted);text-decoration:none}.theme{color:var(--c-fg);background-color:#0000;padding:.25em}.theme:hover,.theme:focus-visible{background-color:var(--c-bg-accent);color:var(--c-link)}[data-theme=light] .theme [data-light],[data-theme=dark] .theme [data-dark]{display:none}.code{background-color:var(--c-bg-accent);border-radius:.25rem;max-inline-size:100%;padding:2rem 1.5rem;position:relative;overflow:auto}.code button{font-size:.75rem;position:absolute;inset-block-start:0;inset-inline-end:0}.code button[aria-pressed=false] [data-path=copy]{opacity:1}.code button[aria-pressed=false] [data-path=check]{opacity:0}.code button[aria-pressed=true] [data-path=copy]{opacity:0}.code button[aria-pressed=true] [data-path=check]{opacity:1}.code pre{white-space:normal;word-break:break-all;margin:0;padding:0;font-family:Courier New,Courier,monospace;font-size:1rem;line-height:1.25rem;display:block}.demo{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.demo button{inline-size:9.25rem}.demo button[aria-pressed=true] [data-path=play]{opacity:0}.demo button[aria-pressed=true] [data-path=pause]{opacity:1}.demo button[aria-pressed=false] [data-path=pause]{opacity:0}.demo button[aria-pressed=false] [data-path=play]{opacity:1}.instruction{background-color:var(--c-bg-accent);border-radius:.25rem;flex-wrap:wrap;justify-content:stretch;align-items:stretch;gap:1.5rem;margin:0;padding:1.5rem;list-style:none;display:flex}.instruction>li{background-color:var(--c-bg);border-radius:inherit;border:thin solid var(--c-border);flex:calc(50% - 1.25rem);margin:0;padding:1.5rem 1rem 1rem}.instruction>li>h3{margin:0 0 1em}.instruction>li>ul{margin:0;padding:0;list-style:none}.instruction>li>ul li{margin:0;padding:0}.instruction>li>ul li+li{margin-block-start:1.25rem}