:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#213547;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-blue:#2563eb;--primary-blue-hover:#1d4ed8;--text-gray:#6b7280;--text-gray-dark:#4b5563;--nav-inactive:#bababa;--success-bg:#f0fdf4;--success-bg-alt:#dcfce7;--success-border:#86efac;--success-text:#15803d;--success-heading:#166534;--error-bg:#fee2e2;--error-text:#991b1b;--error-heading:#dc2626;--info-bg:#e0f2fe;--neutral-bg:#f9fafb;--neutral-bg-medium:#e5e7eb;--neutral-bg-light:#f3f4f6;--neutral-border:#e5e7eb;--neutral-border-dark:#d1d5db;--neutral-border-light:#ccc;--white:#fff;--black:#000;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:20px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:40px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--font-size-sm:14px;--font-size-md:16px;--font-weight-medium:500;--transition-fast:.2s;--transition-normal:.25s;background-color:#fff;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#747bff}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#f9f9f9;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{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*{scrollbar-width:thin;scrollbar-color:var(--text-gray)var(--neutral-bg-light)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--neutral-bg-light);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--text-gray);border-radius:var(--radius-sm);border:2px solid var(--neutral-bg-light)}::-webkit-scrollbar-thumb:hover{background:var(--text-gray-dark)}::-webkit-scrollbar-corner{background:var(--neutral-bg-light)}#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)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}