:root{--background:#fcfcfc;--foreground:#171717;--muted:#737373;--sidebar:#f5f5f5;--border:#e5e5e5;--accent:#2563eb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--foreground);background:var(--background);font-family:ui-sans-serif,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{height:100%}body{min-width:20rem;margin:0}button,a{font:inherit}button:not(:disabled),a{cursor:pointer}[data-sidebar-layout-part=root]{--sidebar-layout-focus-outline:2px solid var(--accent);height:100%;color:var(--foreground);background:var(--background)}[data-sidebar-layout-part=address-chrome]{border-bottom:1px solid var(--border);background:var(--background)}[data-sidebar-layout-part=pane-header]{border-bottom:1px solid var(--border);background:var(--background);height:2.5rem}[data-sidebar-layout-part=pane][data-pane-side=left],[data-sidebar-layout-part=pane][data-pane-side=right]{border-color:var(--border);background:var(--sidebar)}[data-sidebar-layout-part=pane][data-pane-side=main],[data-sidebar-layout-part=pane-surface],[data-sidebar-layout-part=pane-frame]{background:var(--background)}[data-sidebar-layout-part=pane]:before,[data-sidebar-layout-part=pane]:after{background:var(--border)}[data-sidebar-layout-part=resize-grip-indicator]{color:var(--muted)}[data-sidebar-layout-part=resize-grip-indicator]:before{content:"";background:currentColor;width:1px;height:1.5rem}[data-sidebar-layout-part=resize-handle][data-resizing] [data-sidebar-layout-part=resize-grip-indicator]{color:var(--accent)}.example-address-chrome{align-items:center;gap:.25rem;min-width:0;height:3rem;padding-inline:.75rem;display:flex}.example-wordmark{letter-spacing:-.02em;flex:1;font-size:.875rem;font-weight:650}.example-sidebar-actions{gap:.125rem;display:flex}.example-sidebar-toggle{width:2rem;height:2rem;color:var(--muted);background:0 0;border:0;border-radius:.375rem;place-items:center;padding:0;display:grid}.example-sidebar-toggle:hover,.example-sidebar-toggle[aria-pressed=true]{color:var(--foreground);background:var(--sidebar)}.example-sidebar-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.example-sidebar-toggle svg{width:1rem;height:1rem}.example-pane-header{align-items:center;height:100%;padding-inline:.875rem;font-size:.75rem;font-weight:600;display:flex}.example-links,.example-details{padding:.75rem}.example-links{flex-direction:column;gap:.125rem;display:flex}.example-links a{min-height:2.25rem;color:var(--foreground);border-radius:.375rem;justify-content:space-between;align-items:center;gap:.75rem;padding-inline:.5rem;font-size:.8125rem;text-decoration:none;display:flex}.example-links a:hover{background:var(--background)}.example-links a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.example-main-content{align-content:center;width:min(100%,48rem);min-height:100%;margin-inline:auto;padding:clamp(2rem,8cqw,6rem);display:grid}.example-main-content code{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}.example-main-content h1{letter-spacing:-.06em;margin-block:.75rem 0;font-size:clamp(2.5rem,8cqw,5rem);font-weight:650;line-height:.95}.example-main-content p{max-width:34rem;color:var(--muted);margin-block:1.25rem 0;font-size:1rem;line-height:1.65}.example-details{flex-direction:column;gap:0;margin:0;display:flex}.example-details div{border-bottom:1px solid var(--border);padding-block:.75rem}.example-details div:last-child{border-bottom:0}.example-details dt,.example-details dd{margin:0;font-size:.75rem}.example-details dt{color:var(--muted)}.example-details dd{color:var(--foreground);margin-top:.25rem}@media (width<=430px){.example-address-chrome{padding-inline:.5rem}}@media (prefers-color-scheme:dark){:root{--background:#171717;--foreground:#f5f5f5;--muted:#a3a3a3;--sidebar:#1f1f1f;--border:#363636;--accent:#60a5fa}}