:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--text-display: clamp(3rem, 14vw, 11rem);--text-h1: clamp(1.9rem, 4.5vw, 2.75rem);--text-h2: clamp(1.5rem, 3.5vw, 2.25rem);--text-h3: 1.125rem;--text-body: 1rem;--text-small: .875rem;--text-label: .72rem;--track-tight: -.03em;--track-heading: -.02em;--track-label: .16em;--track-caps: .02em;--leading-heading: 1.15;--leading-body: 1.65;--ink: #fafafa;--ink-soft: rgba(255, 255, 255, .65);--ink-muted: rgba(255, 255, 255, .42)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background:#111;color:#fff}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-body);line-height:var(--leading-body);background:#111;color:#fff;overflow-x:hidden}h1,h2,h3,h4{line-height:var(--leading-heading);letter-spacing:var(--track-heading);font-weight:500}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}button{border:none;background:none;cursor:pointer;font-family:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto}*:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::selection{background:#ffffff1a;color:#fff}*{transition:background-color .3s ease,color .3s ease}#root{display:flex;flex-direction:column;min-height:100vh;width:100%;margin:0;padding:0;text-align:left}.AppContent{flex:1;display:flex;flex-direction:column;min-height:100vh;width:100%}.AppRoutes{flex:1 1 auto;display:flex;flex-direction:column;min-height:100vh;width:100%}.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}