body.demo-page{color:var(--site-ink);background:var(--site-paper);margin:0;padding:0;font-family:ui-monospace,Consolas,monospace}.demo-page *{box-sizing:border-box}.demo-page>main,.demo-page #root>main,.demo-page .demo-content,.demo-page .sb-session-demo .sb-session-surface{max-width:1280px;margin:auto;padding:40px 40px 72px}.demo-return,.demo-page nav[aria-label=Documentation]{max-width:1280px;color:var(--site-muted);flex-wrap:wrap;gap:16px;margin:0 auto;padding:16px 40px 0;font-size:11px;display:flex}.demo-page a{color:var(--site-accent)}.demo-page .masthead-brand,.demo-page .site-masthead nav a{color:var(--site-ink)}.demo-page h1{letter-spacing:-.065em;color:var(--site-accent);margin:12px 0 20px;font-size:clamp(30px,4vw,48px);line-height:1.1}.demo-page p,.demo-page li{font-size:14px;line-height:1.8}.demo-page pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--site-card);color:var(--site-ink);border:1px solid var(--site-line);border-radius:6px;padding:20px}.demo-page .example-page{max-width:none;padding:0}.demo-page .example-navigation{display:none}.demo-page .example-host{color:var(--site-ink);background:var(--site-card);border:1px solid var(--site-line);border-radius:8px;padding:28px;font:15px/1.7 ui-monospace,Consolas,monospace}.demo-page .example-host header{border-bottom:1px solid var(--site-line);padding:0 0 18px;display:block}.demo-page .example-host h2{letter-spacing:-1px;margin:8px 0;font:700 26px/1.3 ui-monospace,Consolas,monospace}.demo-page .example-host p{margin:14px 0;font-size:14px}.demo-page .example-host details{border-top:1px solid var(--site-line);padding:16px 0}.demo-page .example-host summary{font-size:13px}.demo-page .example-host :is(input,select,button),.demo-page>main :is(button,select,input),.demo-page #root>main :is(button,select,input){color:var(--site-ink);background:var(--site-card);border:1px solid var(--site-line);font:inherit;border-radius:4px;max-width:100%;padding:10px 14px}.demo-page .example-host button,.demo-page>main button,.demo-page #root>main button{cursor:pointer;color:#34231c;background:#ffe45b;border-color:#34231c}.demo-page .example-host button[aria-current]{background:#c2eaa0}.demo-page .example-host :focus-visible,.demo-page>main :focus-visible{outline:3px solid var(--site-accent);outline-offset:4px}.demo-page .sb-session-demo .sb-session-surface{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.demo-intro{max-width:760px;margin-bottom:28px}.demo-intro small{color:var(--site-muted);letter-spacing:.08em;font-size:11px}.demo-intro p{color:var(--site-muted)}.demo-host{max-width:840px}.demo-page .demo-host.sb-host-slot{background:0 0;border:0;padding:0}.demo-page fieldset{border:1px solid var(--site-line);border-radius:6px;margin:24px 0;padding:20px}.demo-page .eyebrow{color:var(--site-muted)}.sample-report>main{max-width:1280px}.sample-report .run-report .brand-bar{display:none}.sample-report .run-report main{max-width:1280px;padding-inline:40px}.demo-page .report-prototype>.brand-bar{display:none}.demo-page .report-prototype>main{max-width:1280px}@media (max-width:700px){.demo-page>main,.demo-page #root>main,.demo-page .demo-content,.demo-page .sb-session-demo .sb-session-surface,.sample-report .run-report main{padding:28px 20px 48px}.demo-return,.demo-page nav[aria-label=Documentation]{padding:16px 20px 0}.demo-page .example-host{padding:20px}}