.editor.svelte-1ntwrsp{flex:1;min-height:0;overflow:hidden}.sandbox-container.svelte-1iqyz7w{container-type:inline-size}.sandbox.svelte-1iqyz7w{--bg:#1b1e27;--border:#29303d;--accent:#52ffeb;--text-muted:#c2c7d6;--text:#e4f0fb;--tab-font-size:1rem;--radius:.5rem;--panel-ratio:50%;--border-w:1px;--font-family:"Atkinson Hyperlegible", sans-serif;--font-size:1rem;width:100%;height:100%;font-family:var(--font-family);font-size:var(--font-size);background:var(--bg);border:var(--border-w) solid var(--border);border-radius:var(--radius);flex-wrap:wrap;display:flex;overflow:hidden}.sandbox.svelte-1iqyz7w .sidebar:where(.svelte-1iqyz7w){background:var(--bg);border-bottom:var(--border-w) solid var(--border);flex-direction:column;width:100%;min-height:50%;max-height:50%;display:flex;overflow:hidden}@container (width>700px){.sandbox.svelte-1iqyz7w .sidebar:where(.svelte-1iqyz7w){width:var(--panel-ratio);border-right:var(--border-w) solid var(--border);border-bottom:none;min-height:auto;max-height:100%}}.sandbox.svelte-1iqyz7w .tabs:where(.svelte-1iqyz7w){border-bottom:var(--border-w) solid var(--border)}.sandbox.svelte-1iqyz7w .tabs:where(.svelte-1iqyz7w) button:where(.svelte-1iqyz7w){font-family:inherit;font-size:var(--tab-font-size);color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.6rem 1rem;transition:color .1s;position:relative}.sandbox.svelte-1iqyz7w .tabs:where(.svelte-1iqyz7w) button:where(.svelte-1iqyz7w):hover,.sandbox.svelte-1iqyz7w .tabs:where(.svelte-1iqyz7w) button:where(.svelte-1iqyz7w).active{color:var(--text)}.sandbox.svelte-1iqyz7w .tabs:where(.svelte-1iqyz7w) button:where(.svelte-1iqyz7w):after{content:"";background:var(--accent);opacity:0;width:100%;height:2px;position:absolute;bottom:0;left:0}.sandbox.svelte-1iqyz7w .tabs:where(.svelte-1iqyz7w) button:where(.svelte-1iqyz7w).active:after{opacity:1}.sandbox.svelte-1iqyz7w .preview:where(.svelte-1iqyz7w){width:100%;min-height:50%;max-height:50%;position:relative;overflow:hidden}@container (width>700px){.sandbox.svelte-1iqyz7w .preview:where(.svelte-1iqyz7w){width:var(--panel-ratio);min-height:auto;max-height:100%}}.sandbox.svelte-1iqyz7w .preview:where(.svelte-1iqyz7w) iframe{border:none;width:100%;height:100%;display:block}.preview-only:where(.svelte-1iqyz7w) :is(.sandbox.svelte-1iqyz7w .preview:where(.svelte-1iqyz7w)){width:100%;height:100%}.sandbox.svelte-1iqyz7w .reload-button:where(.svelte-1iqyz7w){color:var(--text-muted);background:var(--bg);border:var(--border-w) solid var(--border);border-radius:var(--radius);cursor:pointer;padding:.25rem;transition:color .1s;position:absolute;top:.5rem;right:.5rem}.sandbox.svelte-1iqyz7w .reload-button:where(.svelte-1iqyz7w):hover{color:var(--text)}.sandbox.svelte-1iqyz7w .reload-button:where(.svelte-1iqyz7w) svg:where(.svelte-1iqyz7w){width:1.25rem;height:1.25rem;display:block}.sandbox.svelte-1wse75o,.sandbox.svelte-cyayiv,.sandbox.svelte-krv4xr,.sandbox.svelte-1b4asbw,.sandbox.svelte-iss2fw,.sandbox.svelte-wniarl,.sandbox.svelte-plokgv{margin-bottom:var(--spacing-32)}