body[a="dark"]{background-color:#151719;color:#f1eee7}body[a="dark"] a{color:#8eb8f0}body[a="dark"] a:visited{color:#d9a7d1}body[a="dark"] details{border:thin solid #f1eee7}body[a="dark"] details summary{color:#f1eee7}body[a="dark"] details[open] summary{border-bottom:1px solid #f1eee7}body[a="dark"] pre{background:#151719}body[a="dark"] code:not(pre>code){background-color:#f1eee7;color:#151719}body[a="dark"] *:target{background:#29394d;color:#f1eee7}body[a="dark"] table,body[a="dark"] th,body[a="dark"] td{border:thin solid #f1eee7}body[a="dark"] .toc{border:thin solid #f1eee7;padding:1rem}body[a="dark"] figcaption{color:#a8aaa5}body[a="dark"] blockquote{border:thin solid #f1eee7}body[a="light"]{background-color:#f8f6f1;color:#242729}body[a="light"] a{color:#285e9b}body[a="light"] a:visited{color:#75446e}body[a="light"] details{border:thin solid #242729}body[a="light"] details summary{color:#242729}body[a="light"] details[open] summary{border-bottom:1px solid #242729}body[a="light"] pre{background:#f8f6f1}body[a="light"] code:not(pre>code){background-color:#242729;color:#f8f6f1}body[a="light"] *:target{background:#dce8f2;color:#242729}body[a="light"] table,body[a="light"] th,body[a="light"] td{border:thin solid #242729}body[a="light"] .toc{border:thin solid #242729;padding:1rem}body[a="light"] figcaption{color:#676b6d}body[a="light"] blockquote{border:thin solid #242729}@media (prefers-color-scheme: dark){body[a="auto"]{background-color:#151719;color:#f1eee7}body[a="auto"] a{color:#8eb8f0}body[a="auto"] a:visited{color:#d9a7d1}body[a="auto"] details{border:thin solid #f1eee7}body[a="auto"] details summary{color:#f1eee7}body[a="auto"] details[open] summary{border-bottom:1px solid #f1eee7}body[a="auto"] pre{background:#151719}body[a="auto"] code:not(pre>code){background-color:#f1eee7;color:#151719}body[a="auto"] *:target{background:#29394d;color:#f1eee7}body[a="auto"] table,body[a="auto"] th,body[a="auto"] td{border:thin solid #f1eee7}body[a="auto"] .toc{border:thin solid #f1eee7;padding:1rem}body[a="auto"] figcaption{color:#a8aaa5}body[a="auto"] blockquote{border:thin solid #f1eee7}}@media (prefers-color-scheme: light){body[a="auto"]{background-color:#f8f6f1;color:#242729}body[a="auto"] a{color:#285e9b}body[a="auto"] a:visited{color:#75446e}body[a="auto"] details{border:thin solid #242729}body[a="auto"] details summary{color:#242729}body[a="auto"] details[open] summary{border-bottom:1px solid #242729}body[a="auto"] pre{background:#f8f6f1}body[a="auto"] code:not(pre>code){background-color:#242729;color:#f8f6f1}body[a="auto"] *:target{background:#dce8f2;color:#242729}body[a="auto"] table,body[a="auto"] th,body[a="auto"] td{border:thin solid #242729}body[a="auto"] .toc{border:thin solid #242729;padding:1rem}body[a="auto"] figcaption{color:#676b6d}body[a="auto"] blockquote{border:thin solid #242729}}html{height:100%}body{display:flex;flex-direction:column;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;font-size:17px;line-height:1.68;margin:0;min-height:100vh;overflow-wrap:break-word}.page-content{flex:1 0 auto}h1,h2,h3,h4,h5,h6{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;line-height:1.25}h1{font-size:clamp(2rem, 6vw, 3rem);letter-spacing:-0.035em}h2{font-size:1.45rem;margin:2.75rem 0 1rem;padding-bottom:0.45rem;border-bottom:1px solid currentColor}h3,h4,h5,h6{margin-top:2rem}p{margin:1.15rem 0}li{margin:0.4rem 0}a{text-underline-offset:0.18em;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:4px}hr{text-align:center;border:0;margin:2rem 0}hr:before{content:'/////'}hr:after{content:attr(data-content) "/////"}pre{border:1px solid rgba(127,127,127,0.28);border-radius:8px;padding:1.1rem 1.25rem;overflow-x:auto}.highlight{position:relative}.highlight code[data-lang]::before{color:#b8b8b8;content:attr(data-lang);display:block;font-size:0.68rem;letter-spacing:0.08em;margin-bottom:0.75rem;text-transform:uppercase}table{width:100%}table,th,td{border-collapse:collapse;padding:0.4rem}code{font-family:ui-monospace, "SFMono-Regular", Consolas, monospace;text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}code:not(pre>code){padding:0.1em 0.2em;font-size:90%}code.has-jax{-webkit-font-smoothing:antialiased;background:inherit !important;border:none !important;font-size:100%}blockquote{border-left-width:3px !important;margin:1.75rem 0;padding:0.2rem 1.25rem}blockquote p{margin:0}img{max-width:100%;display:block;margin:0 auto}figcaption{text-align:center;opacity:0.5}details{padding:1rem}details summary{text-decoration:none}details[open] summary{margin-bottom:0.5em;padding-bottom:0.5em}.post-meta{display:flex;justify-content:space-between;align-items:center;color:#777;font-family:ui-monospace, "SFMono-Regular", Consolas, monospace;font-size:0.78rem;letter-spacing:0.02em;text-transform:uppercase}.w{box-sizing:border-box;width:100%;max-width:760px;margin:0 auto;padding:3.5rem 2rem 5rem}.site-footer{border-top:1px solid rgba(127,127,127,0.3);box-sizing:border-box;color:#777;flex-shrink:0;font-family:ui-monospace, "SFMono-Regular", Consolas, monospace;font-size:0.78rem;width:100%;max-width:760px;margin:0 auto;padding:1.25rem 2rem 2rem}.site-header{align-items:center;border-bottom:1px solid rgba(127,127,127,0.3);box-sizing:border-box;display:flex;font-family:ui-monospace, "SFMono-Regular", Consolas, monospace;font-size:0.82rem;justify-content:space-between;margin:0 auto;max-width:760px;padding:1.15rem 2rem;width:100%}.site-brand{color:inherit !important;font-weight:700}.site-nav{align-items:center;display:flex;gap:1rem}.theme-toggle{background:transparent;border:1px solid rgba(127,127,127,0.45);border-radius:999px;color:inherit;cursor:pointer;font:inherit;height:1.8rem;line-height:1;padding:0;width:1.8rem}.theme-toggle:hover{border-color:currentColor}article>p,article>ul,article>ol{max-width:68ch}article>h1{margin-bottom:1.5rem}.home-intro{margin-bottom:3rem}.home-intro h1{margin-bottom:0.4rem}.home-intro p{color:#777;font-size:1.08rem;margin:0.35rem 0 0}.home-menu>ul{list-style:none;padding:0}.home-menu>ul>li:not(:first-child){font-family:ui-monospace, "SFMono-Regular", Consolas, monospace;font-weight:700;margin-top:2.5rem}.home-menu>ul>li:first-child{font-family:ui-monospace, "SFMono-Regular", Consolas, monospace;font-weight:700}.home-menu>ul>ul{padding-left:0}.home-menu>ul>ul:not(.post-list){display:grid;gap:0.35rem;list-style:none}.home-menu>ul>ul:not(.post-list) li{margin:0;padding:0.35rem 0}.post-list{list-style:none;margin:1.25rem 0;padding:0}.post-list li{margin:0;padding:1.15rem 0 1.4rem}.post-list-title{font-size:1.08rem;font-weight:650}.post-list-title span{display:inline-block;transition:transform 150ms ease}.post-list-title:hover span{transform:translateX(0.2rem)}.post-list .post-list-meta{color:#777;font-family:ui-monospace, "SFMono-Regular", Consolas, monospace;font-size:0.74rem;line-height:1.4;margin:0.3rem 0 0}.post-list .post-list-summary{color:#777;font-size:0.91rem;line-height:1.5;margin:0.45rem 0 0;max-width:62ch}.post-list .post-list-more{display:block;font-family:ui-monospace, "SFMono-Regular", Consolas, monospace;font-size:0.85rem}.demo-heading{align-items:center;display:flex;justify-content:space-between;margin-top:2.5rem}.demo-label,.demo-link{font-family:ui-monospace, "SFMono-Regular", Consolas, monospace;font-size:0.78rem;font-weight:700;text-transform:uppercase}.demo-label{background:#285e9b;border-radius:999px;color:#fff;padding:0.3rem 0.65rem}.post-navigation{border-top:1px solid rgba(127,127,127,0.3);display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:4rem;padding-top:1.5rem}.post-navigation div{display:flex;flex-direction:column}.post-navigation span{color:#777;font-family:ui-monospace, "SFMono-Regular", Consolas, monospace;font-size:0.72rem;text-transform:uppercase}.post-navigation-next{text-align:right}.comments{border-top:1px solid rgba(127,127,127,0.3);margin-top:4rem;padding-top:1.5rem}.comments h2{font-size:1.2rem;margin:0 0 1.5rem}.comments .giscus,.comments .giscus-frame{width:100%}.copy-code-button{border-radius:5px !important;font-family:ui-monospace, "SFMono-Regular", Consolas, monospace !important}.toc{border-radius:8px;font-family:ui-monospace, "SFMono-Regular", Consolas, monospace;font-size:0.86rem;margin:2rem 0;padding:1rem 1.25rem}@media (max-width: 600px){body{font-size:16px}.site-header{align-items:flex-start;gap:1rem;padding:1rem}.site-nav{flex-wrap:wrap;gap:0.75rem;justify-content:flex-end}.w{padding:2.5rem 1rem 4rem}.site-footer{padding:1.25rem 1rem 2rem}.demo-heading{align-items:flex-start;flex-direction:column;gap:0.75rem}}