:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}h2{font-size:2.4em;line-height:1.2}h3{color:#7fff00;font-size:1.8em;line-height:1.3}h4{color:#dc143c;border:2px solid #213547;width:100%;padding:.5em 0;font-size:1.4em;line-height:1.4}p{color:#e9a695}button{cursor:pointer;background-color:#085a08cc;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{filter:drop-shadow(0 0 2em #61dafbaa);border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.home{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3rem;width:100%;min-height:100vh;padding:4rem 1.5rem;display:flex}.home__header{flex-direction:column;gap:.75rem;display:flex}.home__name{letter-spacing:-.02em;color:#fff;margin:0;font-size:clamp(2.5rem,6vw,4rem);font-weight:700}.home__tagline{color:#a0a0a8;margin:0;font-size:1.05rem;font-weight:400}.home__links{flex-direction:column;gap:.75rem;width:100%;max-width:32rem;display:flex}.home__link{color:inherit;text-align:left;background-color:#18181b;border:1px solid #2a2a32;border-radius:12px;grid-template:"label arrow""desc arrow"/1fr auto;align-items:center;column-gap:1rem;padding:1rem 1.25rem;text-decoration:none;transition:border-color .2s,background-color .2s,transform .2s;display:grid}.home__link:hover,.home__link:focus-visible{background-color:#1f1f24;border-color:#646cff;transform:translateY(-1px)}.home__link:focus-visible{outline-offset:2px;outline:2px solid #646cff}.home__link-label{color:#fff;grid-area:label;font-size:1.05rem;font-weight:600}.home__link-desc{color:#8a8a93;grid-area:desc;margin-top:.2rem;font-size:.9rem}.home__link-arrow{color:#646cff;grid-area:arrow;align-self:start;font-size:1.1rem}.home__footer{margin-top:1rem}.home__lab-link{color:#6a6a73;border-bottom:1px dashed #3a3a42;padding-bottom:2px;font-size:.9rem;text-decoration:none;transition:color .2s,border-color .2s}.home__lab-link:hover,.home__lab-link:focus-visible{color:#a0a0a8;border-bottom-color:#6a6a73}@media (width<=480px){.home{gap:2.25rem;padding:2.5rem 1.25rem}.home__link{padding:.9rem 1rem}}@media (prefers-reduced-motion:reduce){.home__link{transition:none}.home__link:hover,.home__link:focus-visible{transform:none}}.lab{box-sizing:border-box;text-align:left;width:100%;max-width:50rem;margin:0 auto;padding:3rem 1.5rem 5rem}.lab__back{color:#a0a0a8;margin-bottom:2.5rem;font-size:.9rem;text-decoration:none;transition:color .2s;display:inline-block}.lab__back:hover,.lab__back:focus-visible{color:#fff}.lab__title{letter-spacing:-.02em;color:#fff;margin:0 0 .5rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.lab__subtitle{color:#8a8a93;margin:0 0 2rem;font-size:1rem;font-style:italic}.lab__lede{color:#c8c8d0;margin:0 0 2rem;font-size:1.05rem;line-height:1.65}.lab__section{color:#fff;margin:0 0 1rem;font-size:1.25rem;font-weight:600}.lab__list{flex-direction:column;gap:.6rem;margin:0 0 2rem;padding-left:1.25rem;display:flex}.lab__list li{color:#c8c8d0;line-height:1.55}.lab__list code,.lab__lede code{color:#e4e4ea;background-color:#2a2a32;border-radius:4px;padding:.1rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.lab__note{color:#8a8a93;border-left:3px solid #3a3a42;margin:0 0 2rem;padding-left:1rem;font-size:.95rem;font-style:italic}.lab__divider{border:none;border-top:1px solid #2a2a32;margin:0 0 3rem}@media (width<=480px){.lab{padding:2rem 1.25rem 4rem}.lab__list{padding-left:1rem}}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:first-of-type .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}