:root{--brand: #0B5CAB;--brand-hover: #014486;--border: #dddbda;--bg: #f3f2f2;--text: #080707;--muted: #706e6b;--radius: 10px;--shadow: 0 2px 0 rgba(0,0,0,.06);font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;min-width:320px;min-height:100vh;background:var(--bg);overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:var(--radius);border:1px solid var(--border);padding:.6em 1em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9fafb;cursor:pointer;transition:border-color .2s,background-color .2s}button:hover{border-color:var(--brand)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}h2{font-size:1.25rem}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.btn-outline-pill{background:#fff;color:var(--brand);border:1px solid var(--border);border-radius:9999px;padding:6px 12px;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow)}.btn-outline-pill:hover{border-color:var(--brand);background:#0b5cab0a}.btn-outline-pill:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn-primary-pill{background:#0176d3;color:#fff;border:1px solid #0176D3;border-radius:9999px;padding:4px 10px;display:inline-flex;align-items:center;gap:6px;line-height:1;font-size:13px;box-shadow:var(--shadow);white-space:nowrap}.btn-primary-pill:hover{background:#005fb2;border-color:#005fb2}.btn-primary-pill:focus-visible{outline:2px solid #005fb2;outline-offset:2px}#root{width:100%;margin:0;padding:0;text-align:left}.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}