div.svelte-1ktnnyx{font-size:14px;font-weight:400;height:100%;letter-spacing:normal;line-height:1.4;-moz-tab-size:2;tab-size:2;display:grid}@media screen and (max-width: 25.875em){div.svelte-1ktnnyx{font-size:12px}}main.svelte-1s87hva.svelte-1s87hva{--darken:#101e26;--dark:#1b2e37;--dark-hover:#17262f;--light:#d5f1ff;--dark-border:#2c4049;--light-border:#bdd8e4}main.svelte-1s87hva.svelte-1s87hva{display:grid;height:100%;grid-template-columns:200px 1fr 1fr}.example-list.svelte-1s87hva.svelte-1s87hva{background:var(--darken);color:var(--light);display:grid;place-items:center;padding:2em 0;overflow:auto;scrollbar-color:#fff0 #fff0}.example-list.svelte-1s87hva.svelte-1s87hva:hover{scrollbar-color:#fff3 #fff0}.example-list.svelte-1s87hva ul.svelte-1s87hva{width:100%;list-style:none;margin:0;padding:0}.example-list.svelte-1s87hva a.svelte-1s87hva{display:block;padding:.5rem 1rem;opacity:.5;transition:.2s}.example-list.svelte-1s87hva a.active.svelte-1s87hva{background:var(--dark);color:var(--light);opacity:1;position:relative}.example-list.svelte-1s87hva a.active.svelte-1s87hva:after{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:var(--light)}.example-list.svelte-1s87hva a.svelte-1s87hva:not(.active):hover{opacity:.85;background:var(--dark-hover)}.editor.svelte-1s87hva.svelte-1s87hva,.preview.svelte-1s87hva.svelte-1s87hva{height:100%;overflow:auto}h1.svelte-1s87hva.svelte-1s87hva{margin:0;font-size:1em;padding-right:.5em}a.svelte-1s87hva.svelte-1s87hva{color:var(--light);text-decoration:none;display:flex;align-items:center}a.svelte-1s87hva.svelte-1s87hva:hover{text-decoration:underline}.editor.svelte-1s87hva.svelte-1s87hva{display:flex;flex-direction:column;position:relative}.editor-container.svelte-1s87hva.svelte-1s87hva{flex:1;overflow:auto;background:var(--dark);scrollbar-color:#fff3 #fff0}select.svelte-1s87hva.svelte-1s87hva{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-1s87hva.svelte-1s87hva{font-size:14px}}.nav.svelte-1s87hva.svelte-1s87hva{margin-left:auto;display:flex;align-items:center}.nav.svelte-1s87hva svg.svelte-1s87hva{width:24px;height:24px;margin-left:.8em}.preview.svelte-1s87hva.svelte-1s87hva{display:flex;flex-direction:column;background:var(--light)}.preview-graph.svelte-1s87hva.svelte-1s87hva{flex:1;display:grid;place-items:center;padding:5vmax;overflow:auto}.preview-graph.full.svelte-1s87hva.svelte-1s87hva{padding:0}.preview-graph.full.svelte-1s87hva pre.svelte-1s87hva{padding:1.6rem}.preview-graph.svelte-1s87hva svg{max-width:100%;max-height:100%}.preview-graph.full.svelte-1s87hva svg{width:100%;height:100%}.svg.svelte-1s87hva.svelte-1s87hva{display:block;place-items:normal;padding:1.6em}pre.svelte-1s87hva.svelte-1s87hva{white-space:pre-wrap;-webkit-user-select:all;user-select:all;margin:0}header.svelte-1s87hva.svelte-1s87hva{width:100%;display:flex;align-items:center;padding:10px;height:48px}.editor-header.svelte-1s87hva.svelte-1s87hva{border-bottom:1px solid var(--dark-border);background:var(--dark);color:var(--light)}.preview.svelte-1s87hva.svelte-1s87hva{position:relative}.preview-header.svelte-1s87hva.svelte-1s87hva{border-bottom:1px solid var(--light-border);justify-content:center}.preview-header.svelte-1s87hva button.svelte-1s87hva{margin:0;padding:5px 4px;background:transparent;border:1px solid var(--dark);min-width:5em;font-size:1em}.preview-header.svelte-1s87hva button.active.svelte-1s87hva{background:var(--dark);color:var(--light)}.preview-header.svelte-1s87hva button.svelte-1s87hva:first-child{border-radius:3px 0 0 3px}.preview-header.svelte-1s87hva button.svelte-1s87hva:last-child{border-radius:0 3px 3px 0;margin-left:-1px}.actions.svelte-1s87hva.svelte-1s87hva{position:absolute;bottom:1em;right:1em;font-size:.85em}.actions.svelte-1s87hva button.svelte-1s87hva{background:rgba(0,0,0,.2);border:1px solid var(--dark);padding:.75rem;font-size:inherit;color:var(--light);cursor:pointer;border-radius:3px}@media screen and (max-width: 67.5em){main.svelte-1s87hva.svelte-1s87hva{grid-template:auto / 1fr 1fr}.example-list.svelte-1s87hva.svelte-1s87hva{display:none;position:absolute}.editor.svelte-1s87hva select.svelte-1s87hva{display:block}}@media screen and (max-width: 51.25em){main.svelte-1s87hva.svelte-1s87hva{grid-template:1fr 1fr / auto}.preview-graph.svelte-1s87hva pre.svelte-1s87hva{padding-right:1.6em}.preview-header.svelte-1s87hva.svelte-1s87hva{border-bottom:none;position:absolute;padding:0;opacity:.9;top:10px;right:10px;z-index:2;height:auto;width:auto;transform-origin:100% 0;transform:rotate(90deg) translate(100%)}.preview-header.svelte-1s87hva button.svelte-1s87hva{background:#D5F1FF}.preview-header.svelte-1s87hva button.svelte-1s87hva:first-child,.preview-header.svelte-1s87hva button.svelte-1s87hva:last-child{min-width:4.5em}}