:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fafafa;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;background:#0a0a0a}a{color:#fafafa;text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}button{font-family:inherit;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;border:1px solid #27272a;background-color:#fafafa;color:#0a0a0a;cursor:pointer;transition:all .2s}button:hover{background-color:#f4f4f5}button:active{transform:scale(.98)}button.secondary{background-color:transparent;color:#fafafa;border:1px solid #27272a}button.secondary:hover{background-color:#18181b;border-color:#3f3f46}button.destructive{background-color:#dc2626;color:#fafafa;border:none}button.destructive:hover{background-color:#b91c1c}h1{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:1rem}h2{font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:.75rem}h3{font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}p{margin-bottom:1rem;color:#a1a1aa}code{background-color:#18181b;padding:.125rem .375rem;border-radius:.25rem;font-size:.875rem;font-family:SF Mono,Monaco,Cascadia Code,monospace;border:1px solid #27272a}pre{background-color:#18181b;border:1px solid #27272a;border-radius:.375rem;padding:1rem;overflow-x:auto;font-size:.875rem;line-height:1.5}pre code{background:transparent;border:none;padding:0}.card{background-color:#18181b;border:1px solid #27272a;border-radius:.5rem;padding:1.5rem;margin-bottom:1rem}.card:hover{border-color:#3f3f46}input[type=radio]{margin-right:.5rem}label{display:flex;align-items:center;color:#fafafa;font-size:.875rem}ul{margin:.5rem 0 1rem 1.5rem;color:#a1a1aa}li{margin:.25rem 0}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}