.docs .page{min-height:100vh;display:flex;flex-direction:column}#app .docs{display:block}@media screen and (min-width:720px){#app .docs{display:flex;flex:1}}.docs aside{padding:2rem 0}@media screen and (min-width:720px){.docs aside{position:sticky;top:0;height:100vh;border-right:1px solid var(--border-color);width:260px;overflow-y:auto;flex-shrink:0}}.docs aside .version-select{padding:0 1rem;margin-bottom:1.5rem}@media screen and (min-width:720px){.docs aside .version-select{padding:0 1.5rem}}.docs aside .version-select select{background:var(--color-neutral-950);border-radius:.25rem;border:1px solid var(--color-neutral-700);color:var(--color-neutral-200);font-family:var(--font-family);width:100%;padding:.5rem}.docs aside ul,.docs aside ul li{margin:0;padding:0;list-style-type:none}.docs aside ul li ul{padding:0;margin-bottom:1rem;margin-left:0}.docs aside ul li ul li a{padding-left:2rem}@media screen and (min-width:720px){.docs aside ul li ul li a{padding-left:2.5rem}}.docs aside a,.docs aside span{color:var(--font-color);display:block;padding:.5rem 1rem}@media screen and (min-width:720px){.docs aside a,.docs aside span{padding:.5rem 1.5rem}}.docs aside span:hover,.docs aside a:hover{color:var(--primary-accent-color);text-decoration:none;cursor:pointer}.docs aside .active>span,.docs aside .active>a{background:var(--color-neutral-900);border-right:3px solid var(--primary-accent-color)}.docs aside ul li ul a,.docs aside ul li ul span{font-size:.95rem}.docs main{flex:1;min-width:0}.docs main .inner{padding:2rem 1rem;width:100%;max-width:1024px;margin:0 auto}@media screen and (min-width:720px){.docs main .inner{padding:2rem 1.5rem}}.docs .toc{margin-bottom:2rem}.docs .toc h2{font-size:1.25rem}.docs .toc ul{padding-left:1.5rem}.docs .toc a{color:var(--font-color);display:block;padding:.125rem 0}.docs main section{transition:all linear .2s}.docs main section section{margin-bottom:4rem}.docs main section section section{margin-bottom:2rem}.docs main div[data-type=code-inline]{display:inline-block;background:var(--color-neutral-900)!important;border-radius:.5rem;font-family:monospace;padding:.5rem}.docs main pre{margin-bottom:2rem}.docs main .tabs pre{margin:0}.docs .tabs{margin-bottom:2rem}:root{scroll-behavior:smooth;--color-pure-white: #ffffff;--color-white: #fafcff;--color-neutral-50: #f8f9fc;--color-neutral-100: #f1f3f9;--color-neutral-200: #e2e6f0;--color-neutral-300: #cbd1e1;--color-neutral-400: #94a0b8;--color-neutral-500: #64708b;--color-neutral-600: #475269;--color-neutral-700: #334055;--color-neutral-800: #1e253b;--color-neutral-900: #0f152a;--color-neutral-950: #020617;--color-primary: #577c8e;--color-primary-50: #f0f7ff;--color-primary-100: #e0f0ff;--color-primary-200: #b3e0ff;--color-primary-300: #66c2ff;--color-primary-400: #1a9fff;--color-primary-500: #0077cc;--color-primary-600: #005c99;--color-primary-700: #004166;--color-primary-800: #002633;--color-primary-900: #001319;--color-primary-950: #000a0d;--background-color: #010616;--card-background-color: #0a0f1c;--code-window-background-color: var(--background-color);--border-color: var(--color-neutral-800);--font-color: var(--color-neutral-200);--font-family: -apple-system, "system-ui", "segoe ui", Helvetica, Arial, sans-serif, "apple color emoji", "segoe ui emoji";--subtle-font-color: var(--color-neutral-400);--heading-color: var(--color-neutral-200);--code-highlight-background-color: var(--color-neutral-800);--primary-accent-color: var(--color-primary-300);--secondary-accent-color: #b392f0}*{box-sizing:border-box}html,body{padding:0;margin:0}body{background:var(--background-color);color:var(--font-color);line-height:1.4em;font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:300}h1,h2,h3,h4{color:var(--heading-color);line-height:2rem;margin-bottom:1rem}h1{margin:0 0 1rem;font-size:2rem;font-weight:700;letter-spacing:-1px;line-height:3rem}h1 em:first-of-type{color:var(--primary-accent-color)}h1 em:last-of-type{color:var(--secondary-accent-color)}h2{align-items:center;display:flex;gap:.5rem;padding:.75rem 0;border-bottom:1px solid var(--border-color);font-size:1.5rem;font-weight:400}.home h2{border-bottom:0;padding:0}h2 svg{width:1.25rem;height:1.25rem;vertical-align:middle}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem;margin-top:1rem;margin-bottom:1rem}p{line-height:1.6rem;margin-bottom:1rem}a{color:var(--primary-accent-color);text-decoration:none}a:hover{text-decoration:underline}em{color:var(--primary-accent-color)}strong{font-weight:700}pre,code{margin:0}.table-wrapper{border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:1.5rem}.responsive-table{display:table;width:100%;border-collapse:collapse}.table-header{display:table-row;font-weight:700}.table-row{display:table-row}.table-cell{display:table-cell;padding:.5rem 1rem;vertical-align:top}.table-header .table-cell{border-bottom:1px solid var(--border-color)}@media(max-width:720px){.responsive-table{display:block}.table-header{display:none}.table-row{border-bottom:1px solid var(--border-color);display:block;padding-bottom:.5rem;padding:1rem}.table-row:last-of-type{border:none}.table-cell{display:block;padding:.5rem 0;border-bottom:none}.table-row .table-cell:first-of-type{padding-top:0}.table-row .table-cell:last-of-typer{padding-bottom:0}.table-cell:last-child{padding-bottom:0}.table-cell:before{content:attr(data-label);font-weight:700;display:block;margin-bottom:4px}}nav{align-items:center;background:var(--background-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;height:65px;position:sticky;width:100%;padding:.5rem 1rem;z-index:20}nav ul,nav ul li{margin:0;padding:0;list-style-type:none}nav ul{align-items:center;display:flex}nav .primary li:first-child a{padding-left:0}nav a{color:var(--font-color);display:block;padding:.5rem 1rem;text-decoration:none}nav a:hover{text-decoration:underline}nav .active a{color:var(--primary-accent-color)}nav .logo{align-items:center;display:flex;gap:1rem;font-weight:700}nav .logo:hover{text-decoration:none}nav .logo img{max-width:45px;vertical-align:middle}nav .secondary{align-items:center;display:flex;gap:1rem}nav .secondary .icons a{padding:0 .5rem}nav .sponsor-icon a,nav .github-icon a,nav .jsr-icon a{padding:0}nav .sponsor-icon svg{color:var(--color-neutral-400);width:1.5rem;height:1.5rem;vertical-align:middle}nav .sponsor-icon svg:hover{color:var(--color-neutral-300)}nav .github-icon svg{fill:var(--color-neutral-400);width:1.5rem;height:1.5rem;vertical-align:middle}nav .jsr-icon svg{fill:var(--color-neutral-400);width:2.5rem;vertical-align:middle}nav .github-icon svg:hover,nav .jsr-icon svg:hover{fill:var(--color-neutral-300)}.home h1{font-size:2.5rem}@media screen and (max-width:720px){.home h1{font-size:2rem;line-height:2.5rem}}.home .container{width:100%;max-width:calc(1280px + 4rem);margin:0 auto;padding:4rem 1rem 2rem}.home footer.container{padding:0}@media screen and (min-width:720px){.home main.container{padding:6rem 2rem 2rem}}.home .banner{align-items:start;display:grid;grid-template-columns:repeat(2,1fr);gap:6rem}@media screen and (max-width:1024px){.home .banner{display:block}.home .banner .tabs{margin-bottom:2rem}}.home .banner .example h2{margin-top:0}.banner .title p{margin-bottom:2rem}.banner .links{align-items:center;display:flex;font-weight:600;gap:1rem}@media screen and (max-width:1024px){.home .banner .tabs{margin-bottom:4rem}}.banner .links a{align-items:center;background:var(--color-neutral-800);border-radius:.25rem;color:var(--font-color);display:flex;padding:.375rem 1rem;gap:.5rem;transition:all linear .1s}.banner .links a svg{color:var(--color-neutral-100);width:1.5rem;height:1.5rem}.banner .links .github-icon svg{fill:var(--color-neutral-100)}.banner .links a:hover{background:var(--primary-accent-color);color:var(--color-neutral-900);text-decoration:none}.banner .links a.github-icon:hover svg{fill:var(--color-neutral-900)}.banner .links a.featured{background:var(--primary-accent-color);color:var(--color-neutral-900)}.banner .links a.featured svg{color:var(--color-neutral-900)}code.inline{color:var(--secondary-accent-color);font-size:.9rem}pre.shiki,.defaultStyles pre.shiki{border:2px solid var(--color-neutral-700);background:var(--color-neutral-900)!important;border-radius:.5rem;padding:1rem;overflow:scroll}.tabs{width:100%}.tab-list{display:flex;gap:.5rem}.tab-button{padding:.75rem 2rem;border:none;border-radius:.5rem .5rem 0 0;background:transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--color-pure-white);border-top:2px solid var(--color-neutral-800);border-left:2px solid var(--color-neutral-800);border-right:2px solid var(--color-neutral-800);transition:all .2s}.tab-button:hover{border-color:var(--primary-accent-color);color:var(--primary-accent-color)}.tab-button.active{border-color:var(--primary-accent-color);border-radius:.5rem .5rem 0 0;background:var(--primary-accent-color);color:var(--color-neutral-950)}.tabs.featured .tab-content{border-radius:0 .5rem .5rem;border:2px solid var(--primary-accent-color)}.tabs pre.shiki,.tabs .defaultStyles pre.shiki{border:0;border-radius:0 .5rem .5rem}footer{border-top:1px solid var(--border-color);color:var(--color-neutral-400);padding:2rem 1rem;width:100%}@media screen and (min-width:720px){footer{padding:2rem 1.5rem}}.home footer>*{width:100%;max-width:1200px;margin:0 auto}footer .logo img{width:100px}footer .slogan{color:var(--font-color)}footer a{color:var(--font-color)}