.example-docs{--docs-muted:#b4b0a9;--docs-accent:var(--site-accent,#ffdc58);--docs-border:#45423d;min-width:0;height:100%;min-height:0;display:flex}.kaykay-light .example-docs{--docs-muted:#65635f;--docs-accent:var(--site-accent,#806000);--docs-border:#dcdad5}.example-docs>.docs-panel{box-sizing:border-box;border-right:1px solid var(--docs-border);color:#f0eeea;overflow-wrap:anywhere;background:#161618;flex-shrink:0;width:clamp(340px,32vw,420px);min-width:0;min-height:0;padding:24px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-y:auto}.kaykay-light .example-docs>.docs-panel{color:#242321;background:#fff}.example-docs>.docs-stage{flex:1;min-width:0;min-height:0;position:relative}.example-docs .docs-panel :where(button,select,input){font-family:inherit}.example-docs .docs-panel :where(button,select){min-height:40px}.example-docs .docs-panel :where(code,pre){overflow-wrap:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.example-docs .docs-panel :where(a){color:var(--docs-accent);text-underline-offset:3px}.example-docs .docs-panel :where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--docs-accent);outline-offset:3px}@media (width<=1000px){.example-docs{flex-direction:column;height:auto;min-height:100%}.example-docs>.docs-panel{border-right:0;border-bottom:1px solid var(--docs-border);width:100%;overflow:visible}.example-docs>.docs-stage{flex:none;height:55dvh;min-height:400px}}@media (width<=768px){.example-docs>.docs-panel{padding:64px 20px 24px}}