:root:where(.demo-frame){color-scheme:light dark;font-family:inter,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;font-size:16px;line-height:1.4;letter-spacing:-.01em}:where(.demo-frame) *{box-sizing:border-box}:where(.demo-frame) body{margin:0;padding:1rem;background:var(--background);color:var(--text)}:where(.demo-frame) button,:where(.demo-frame) input,:where(.demo-frame) select,:where(.demo-frame) textarea{font:inherit}:where(.demo-frame) a{color:var(--accent)}:where(.demo-frame) :focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){:where(.demo-frame) *,:where(.demo-frame) *::before,:where(.demo-frame) *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.code-demo{--demo-border:color-mix(in srgb, var(--text) 18%, var(--background));margin-block:1em;border:1px solid var(--demo-border)}.demo-source>summary{padding:.5rem 1rem}.code-demo>figcaption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.code-demo iframe{display:block;width:100%;aspect-ratio:auto;border:0;background:var(--background)}.demo-source{border-top:1px solid var(--demo-border)}.demo-source>summary{cursor:pointer}.demo-file{background:var(--surface)}.demo-file pre{margin:0}.code-demo .demo-file-heading{border-bottom-color:var(--demo-border)}.demo-file+.demo-file{border-top:1px solid var(--demo-border)}.demo-toolbar:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:1rem;min-block-size:calc(2.5rem + 2px);padding:.5rem 1rem;background:var(--surface);border:1px solid var(--demo-border);margin:-1px -1px 0;font-size:.875em;color:var(--muted)}.demo-copy:not([hidden]){display:flex;align-items:center;align-self:stretch}.demo-tabs{display:flex;align-self:stretch;align-items:stretch;gap:1rem;min-block-size:1.5rem}.demo-tabs>button{position:relative;display:flex;align-items:center;padding:0;border:0;background:0 0;color:var(--muted);font:inherit;font-weight:var(--fw);cursor:pointer}.demo-tabs>button:hover{color:var(--text)}.demo-tabs>button[aria-selected=true]{color:var(--text)}.demo-tabs>button[aria-selected=true]::after{content:"";position:absolute;inset-inline:0;bottom:calc(-.5rem - 1px);height:2px;background:var(--accent)}.code-demo.demo-enhanced{border:0}.demo-enhanced .demo-toolbar{margin:0}.demo-enhanced .demo-source{display:contents}.demo-enhanced .demo-source>summary,.demo-enhanced .demo-file-heading{display:none}.demo-enhanced [data-demo-panel]{border:1px solid var(--demo-border);border-top:0}.code-demo :is(button,[role=tabpanel],summary,pre):focus-visible{outline:2px solid var(--accent);outline-offset:-2px}