*,:before,:after{box-sizing:border-box;margin:0}img,svg{vertical-align:middle}:root{font-family:system-ui;background-color:#242424;color:#eee}:root,body,#app{height:100%}.container.svelte-1xk6sl9{position:relative;background-color:#333}.sticky-header.svelte-1xk6sl9{position:sticky;z-index:1;top:0}.selection-location.svelte-1xk6sl9{position:absolute;right:0;padding:0 .5em;font-size:14px;color:#ccc;background-color:#3338;pointer-events:none;opacity:0;transition:opacity .1s}.container.svelte-1xk6sl9:focus-within .selection-location:where(.svelte-1xk6sl9){opacity:1}.code.svelte-1xk6sl9{font-family:Inconsolata,monospace;font-size:14px;padding:.6em .6em .6em 3.5em;line-break:anywhere}textarea.svelte-1xk6sl9{position:absolute;inset:0;padding:inherit;overflow:hidden;background-color:transparent;border:none;outline:none;appearance:none;font:inherit;color:transparent;text-align:inherit;text-indent:inherit;text-transform:inherit;letter-spacing:inherit;resize:none;white-space:pre-wrap;word-spacing:inherit;caret-color:#fff}.highlight.svelte-1xk6sl9{position:relative;min-height:1em;pointer-events:none;-webkit-user-select:none;user-select:none}.line-number.svelte-1xk6sl9{position:absolute;left:0;text-align:right;width:3em;padding-inline:.25em;border-right:1px solid #888;color:#ccc;overflow-wrap:normal}.line-number[data-error=true].svelte-1xk6sl9{background-color:#a22}.line-content.svelte-1xk6sl9{display:inline-block;white-space:pre-wrap}.line-content.svelte-1xk6sl9 [data-error=true]:where(.svelte-1xk6sl9){text-decoration:underline wavy red}.svelte-1xk6sl9::selection{background-color:#68ca}[data-token=ident].svelte-1xk6sl9{color:#dee}[data-token=keyword].svelte-1xk6sl9{color:#e64}[data-token=ns].svelte-1xk6sl9{color:#ca8}[data-token=num].svelte-1xk6sl9{color:#6ce}[data-token=str].svelte-1xk6sl9,[data-token=template].svelte-1xk6sl9{color:#8ca}[data-token=comment].svelte-1xk6sl9{color:#999}[data-token=delim].svelte-1xk6sl9{color:#8ac}[data-token=mark].svelte-1xk6sl9{color:#c8a}.playground.svelte-1ef3wtu{height:100%;display:flex;flex-direction:column;gap:1em}@container (min-width: 64em){.playground.svelte-1ef3wtu{flex-direction:row}}.panel.svelte-1ef3wtu{flex:1 1 0;overflow-y:auto;min-width:16em;min-height:0;max-height:100%}.error.svelte-1ef3wtu{padding:.6em;font-family:Inconsolata,monospace;font-size:14px;background-color:#a22}.error.svelte-1ef3wtu pre:where(.svelte-1ef3wtu){white-space:pre-wrap;line-break:anywhere}#root.svelte-1n46o8q{display:flex;flex-flow:column nowrap;height:100%;color-scheme:dark}header.svelte-1n46o8q{flex:0 0 auto;display:flex;flex-flow:row wrap;gap:.5em 2em;justify-content:space-between;align-items:center;padding:.25em 2em;background-color:#333}h1.svelte-1n46o8q{font-size:x-large;line-height:1.2}h2.svelte-1n46o8q{font-size:small;line-height:1.2}label.svelte-1n46o8q+label:where(.svelte-1n46o8q):before{content:"/";display:inline-block;margin-inline:.5em}input[type=number].svelte-1n46o8q{width:4em}input[type=checkbox].svelte-1n46o8q{vertical-align:middle}ul.svelte-1n46o8q{list-style:none;padding:0;display:inline-flex;gap:.75em}a.svelte-1n46o8q{color:currentColor;font-size:large;transition:color .25s}a.svelte-1n46o8q:hover{color:#1e9}main.svelte-1n46o8q{flex:1 1 0;padding:.75em 1em;min-height:0;container-type:inline-size}