html{height:100%}body{background:#2b3a4a;flex-direction:column;height:100dvh;margin:0;padding:0;font-family:Segoe UI,system-ui,sans-serif;display:flex;overflow:hidden}#desktop{touch-action:none;outline:none;flex:auto;width:100%;min-height:0;display:block}#unsupported{color:#e8eef5;text-align:center;flex:auto;place-content:center;justify-items:center;gap:12px;min-height:0;padding:40px;display:none}#unsupported h1{margin:0;font-size:20px;font-weight:600}#unsupported p{color:#a9bacb;max-width:46ch;margin:0;line-height:1.5}body.no-webgpu #desktop{display:none}body.no-webgpu #unsupported{display:grid}#demo-nav{box-sizing:border-box;z-index:2;background:linear-gradient(#16263a,#101c2b);border-bottom:1px solid #ffffff1a;flex:none;align-items:center;gap:4px;height:46px;padding:0 8px;font-size:13px;display:flex}#demo-nav .nav-brand{color:#f1e9d2;letter-spacing:.2px;white-space:nowrap;border-radius:8px;flex:none;align-items:center;gap:8px;padding:3px 8px 3px 4px;font-size:14px;font-weight:600;text-decoration:none;display:flex}#demo-nav .nav-brand img{width:32px;height:32px;display:block}#demo-nav .nav-brand:hover{background:#ffffff14}#demo-nav .nav-brand:focus-visible,#demo-nav .nav-arrow:focus-visible,#demo-nav .nav-items a:focus-visible{outline-offset:1px;outline:2px solid #7fb6ff}#demo-nav .nav-rule{background:#ffffff24;flex:none;width:1px;height:22px;margin:0 4px}#demo-nav .nav-pages{flex:auto;align-items:center;min-width:0;display:flex;position:relative}#demo-nav .nav-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:auto;min-width:0;overflow:auto hidden}#demo-nav .nav-scroll::-webkit-scrollbar{display:none}#demo-nav.can-scroll-left .nav-scroll{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 30px);mask-image:linear-gradient(90deg,#0000 0,#000 30px)}#demo-nav.can-scroll-right .nav-scroll{-webkit-mask-image:linear-gradient(270deg,#0000 0,#000 30px);mask-image:linear-gradient(270deg,#0000 0,#000 30px)}#demo-nav.can-scroll-left.can-scroll-right .nav-scroll{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 30px calc(100% - 30px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 30px calc(100% - 30px),#0000 100%)}#demo-nav .nav-items{gap:4px;width:max-content;padding:0 2px;display:flex}#demo-nav.is-scrollable .nav-items{padding:0 30px}#demo-nav .nav-items a{white-space:nowrap;color:#dbe6f2;border:1px solid #0000;border-radius:999px;padding:6px 12px;text-decoration:none;display:block}#demo-nav .nav-items a:hover{color:#fff;background:#ffffff17}#demo-nav .nav-items a[aria-current=page]{color:#04121f;background:#4c9affe6;font-weight:600}#demo-nav .nav-arrow{z-index:1;color:#dbe6f2;width:26px;height:30px;font:inherit;cursor:pointer;background:#0c1623eb;border:1px solid #ffffff29;border-radius:7px;padding:0;font-size:15px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}#demo-nav .nav-arrow[data-nav-scroll="-1"]{left:0}#demo-nav .nav-arrow[data-nav-scroll="1"]{right:0}#demo-nav .nav-arrow:hover:not(:disabled){color:#04121f;background:#4c9affd9}#demo-nav .nav-arrow:disabled{opacity:.35;cursor:default}#demo-nav .nav-arrow[hidden]{display:none}#demo-nav .nav-copyright{color:#7f93a8;white-space:nowrap;flex:none;padding-left:10px;font-size:11px}@media (width<=900px){#demo-nav .nav-copyright .rights{display:none}}@media (width<=640px){#demo-nav .nav-brand span{display:none}#demo-nav .nav-items a{padding:6px 10px}}.doc-main{display:none}body.doc .doc-main{display:block}body.doc{color:#dbe6f2;height:auto;min-height:100%;line-height:1.55;display:block;overflow:auto}body.doc #demo-nav{position:sticky;top:0}body.doc #unsupported{text-align:left;justify-items:start;max-width:68ch;margin:0 auto;padding:24px 20px 0;display:grid}.doc-main{max-width:68ch;margin:0 auto;padding:8px 20px 72px}.doc-main h1{margin:12px 0 4px;font-size:26px}.doc-main h2{border-bottom:1px solid #ffffff1f;margin:32px 0 8px;padding-bottom:6px;font-size:16px;font-weight:600}.doc-main p,.doc-main li{color:#a9bacb}.doc-main .lede{color:#c3d1e0;font-size:15px}.doc-main a{color:#7fb6ff}.doc-main code{color:#e8eef5;background:#08101a80;border:1px solid #ffffff1a;border-radius:4px;padding:1px 5px;font-family:Cascadia Mono,Consolas,monospace;font-size:12.5px}.doc-main pre{background:#08101a8c;border:1px solid #ffffff1f;border-radius:8px;margin:0 0 12px;padding:12px 14px;overflow-x:auto}.doc-main pre code{background:0 0;border:0;padding:0;line-height:1.5}.doc-main table{border-collapse:collapse;width:100%;margin-bottom:12px;font-size:13px}.doc-main th,.doc-main td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff17;padding:6px 10px 6px 0}.doc-main th{color:#dbe6f2;font-weight:600}.doc-main td{color:#a9bacb}.doc-note{background:#4c9aff1a;border:1px solid #4c9aff4d;border-radius:8px;margin:16px 0;padding:10px 14px;font-size:13px}