.editor-host.svelte-dhvvsb{--color-text: #d5f1ff;--color-text-muted: #d5f1ff99;--color-text-faint: #d5f1ff33;--color-hover-bg: #233b49;--color-scrollbar: #ffffff33;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--cm-keyword: #8d7cff;--cm-selector: #11b0ff;--cm-fn: #eb5eff;--cm-cssfn: #11b0ff;--cm-property: #11b0ff;--cm-number: #e9e91e;--cm-string: #e9e91e;--cm-variable: #eb5eff;--cm-comment: #66787f;--cm-punct: #d5f1ffaa;--cm-operator: #d5f1ffaa;--cm-fn-unknown: #66787f;--cm-selection: #233b49;font-size:14px;font-weight:400;height:100%;letter-spacing:normal;line-height:1.4;tab-size:2;display:grid}.editor-host.svelte-dhvvsb .cm-editor{height:100%;min-height:0}.editor-host.svelte-dhvvsb .cm-gutters{background-color:#1b2e37;color:#d5f1ff33}.editor-host.svelte-dhvvsb .cm-content{caret-color:#ff0;padding-bottom:1.6rem}@media screen and (max-width:25.875em){.editor-host.svelte-dhvvsb{font-size:12px}}main.svelte-izrkav{--darken: #101e26;--dark: #1b2e37;--dark-hover: #17262f;--light: #d5f1ff;--dark-border: #2c4049;--light-border: #bdd8e4}main.svelte-izrkav{display:grid;height:100%;min-height:0;overflow:hidden;grid-template-columns:200px 1fr 1fr;font-family:sans-serif;box-sizing:border-box}main.svelte-izrkav *,main.svelte-izrkav *:before,main.svelte-izrkav *:after{box-sizing:border-box}.example-list.svelte-izrkav{background:var(--darken);color:var(--light);display:grid;place-items:center;padding:2em 0;overflow:auto;scrollbar-color:#fff0 #fff0}.example-list.svelte-izrkav:hover{scrollbar-color:#fff3 #fff0}.example-list.svelte-izrkav ul:where(.svelte-izrkav){width:100%;list-style:none;margin:0;padding:0}.example-list.svelte-izrkav a:where(.svelte-izrkav){display:block;padding:.5rem 1rem;opacity:.5;transition:.2s}.example-list.svelte-izrkav a.active:where(.svelte-izrkav){background:var(--dark);color:var(--light);opacity:1;position:relative}.example-list.svelte-izrkav a.active:where(.svelte-izrkav):after{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:var(--light)}.example-list.svelte-izrkav a:where(.svelte-izrkav):not(.active):hover{opacity:.85;background:var(--dark-hover)}.editor.svelte-izrkav,.preview.svelte-izrkav,.example-list.svelte-izrkav{min-height:0}.editor.svelte-izrkav,.preview.svelte-izrkav{height:100%;min-width:0;overflow:hidden}.preview.svelte-izrkav{overflow:visible}h1.svelte-izrkav{margin:0;font-size:1em;padding-right:.5em;min-width:0;overflow:hidden}h1.svelte-izrkav a:where(.svelte-izrkav){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}a.svelte-izrkav{color:var(--light);text-decoration:none;display:flex;align-items:center}a.svelte-izrkav:hover{text-decoration:underline}.editor.svelte-izrkav{display:flex;flex-direction:column;position:relative}.editor-container.svelte-izrkav{flex:1;min-height:0;overflow:auto;background:var(--dark);scrollbar-color:#fff3 #fff0}select.svelte-izrkav{font-size:16px;background:transparent;border:1px solid var(--light);color:var(--light);padding:4px;border-radius:3px;display:none}@media screen and (max-width:27em){select.svelte-izrkav{font-size:14px}}.nav.svelte-izrkav{margin-left:auto;display:flex;align-items:center;gap:.8em;flex-shrink:0}.nav.svelte-izrkav svg:where(.svelte-izrkav){width:24px;height:24px}.preview.svelte-izrkav{display:flex;flex-direction:column;background:var(--light);color:var(--dark);color-scheme:light}.preview-graph.svelte-izrkav{flex:1;min-height:0;min-width:0;display:grid;place-items:center;padding:5vmax;overflow:auto}.preview-graph.full.svelte-izrkav{padding:0}.preview-graph.full.svelte-izrkav pre:where(.svelte-izrkav){padding:1.6rem}.preview-graph.svelte-izrkav svg{max-width:100%;max-height:100%;min-width:0;min-height:0}.preview-graph.full.svelte-izrkav svg{width:100%;height:100%}.svg.svelte-izrkav{display:block;place-items:normal;padding:1.6em}pre.svelte-izrkav{white-space:pre-wrap;user-select:all;margin:0}header.svelte-izrkav{width:100%;display:flex;align-items:center;gap:.5em;padding:10px;height:48px;box-sizing:border-box}.editor-header.svelte-izrkav{border-bottom:1px solid var(--dark-border);background:var(--dark);color:var(--light)}.preview.svelte-izrkav{position:relative}.preview-header.svelte-izrkav{border-bottom:1px solid var(--light-border);justify-content:center}.preview-header.svelte-izrkav button:where(.svelte-izrkav){margin:0;padding:5px 4px;background:transparent;border:1px solid var(--dark);min-width:5em;font-size:1em;font-family:inherit;color:var(--dark);cursor:pointer}.preview-header.svelte-izrkav button.active:where(.svelte-izrkav){background:var(--dark);color:var(--light)}.preview-header.svelte-izrkav button:where(.svelte-izrkav):first-child{border-radius:3px 0 0 3px}.preview-header.svelte-izrkav button:where(.svelte-izrkav):last-child{border-radius:0 3px 3px 0;margin-left:-1px}.actions.svelte-izrkav{position:absolute;bottom:1em;right:1em;font-size:.85em}.actions.svelte-izrkav button:where(.svelte-izrkav){background:#0003;border:1px solid var(--dark);padding:.75rem;font-size:inherit;font-family:inherit;color:var(--light);cursor:pointer;border-radius:3px}@media screen and (max-width:67.5em){main.svelte-izrkav{grid-template:auto / 1fr 1fr}.example-list.svelte-izrkav{display:none;position:absolute}.editor.svelte-izrkav select:where(.svelte-izrkav){display:block;max-width:9em}}@media screen and (max-width:51.25em){main.svelte-izrkav{grid-template:1fr 1fr / auto}.preview-graph.svelte-izrkav pre:where(.svelte-izrkav){padding-right:1.6em}.preview-header.svelte-izrkav{border-bottom:none;position:absolute;padding:0;opacity:.9;top:10px;right:10px;z-index:5;height:auto;width:auto;transform-origin:100% 0;transform:rotate(90deg) translate(100%)}.preview-header.svelte-izrkav button:where(.svelte-izrkav){background:#d5f1ff}.preview-header.svelte-izrkav button:where(.svelte-izrkav):first-child,.preview-header.svelte-izrkav button:where(.svelte-izrkav):last-child{min-width:4.5em}.actions.svelte-izrkav{position:static;padding:.5em .75em .75em;text-align:right}}