.editor.svelte-1tnh393{flex:1;min-height:0;overflow:hidden}.sandbox-container.svelte-q2xv3a{container-type:inline-size}.sandbox.svelte-q2xv3a,.sandbox.svelte-q2xv3a>:where(.svelte-q2xv3a){box-sizing:border-box}.sandbox.svelte-q2xv3a{--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-q2xv3a .sidebar:where(.svelte-q2xv3a){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-q2xv3a .sidebar:where(.svelte-q2xv3a){width:var(--panel-ratio);border-right:var(--border-w) solid var(--border);border-bottom:none;min-height:auto;max-height:100%}}.sandbox.svelte-q2xv3a .tabs:where(.svelte-q2xv3a){border-bottom:var(--border-w) solid var(--border)}.sandbox.svelte-q2xv3a .tabs:where(.svelte-q2xv3a) button:where(.svelte-q2xv3a){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-q2xv3a .tabs:where(.svelte-q2xv3a) button:where(.svelte-q2xv3a):hover,.sandbox.svelte-q2xv3a .tabs:where(.svelte-q2xv3a) button:where(.svelte-q2xv3a).active{color:var(--text)}.sandbox.svelte-q2xv3a .tabs:where(.svelte-q2xv3a) button:where(.svelte-q2xv3a):after{content:"";background:var(--accent);opacity:0;width:100%;height:2px;position:absolute;bottom:0;left:0}.sandbox.svelte-q2xv3a .tabs:where(.svelte-q2xv3a) button:where(.svelte-q2xv3a).active:after{opacity:1}.sandbox.svelte-q2xv3a .preview:where(.svelte-q2xv3a){width:100%;min-height:50%;max-height:50%;position:relative;overflow:hidden}@container (width>700px){.sandbox.svelte-q2xv3a .preview:where(.svelte-q2xv3a){width:var(--panel-ratio);min-height:auto;max-height:100%}}.sandbox.svelte-q2xv3a .preview:where(.svelte-q2xv3a) iframe{border:none;width:100%;height:100%;display:block}.preview-only:where(.svelte-q2xv3a) :is(.sandbox.svelte-q2xv3a .preview:where(.svelte-q2xv3a)){width:100%;height:100%}.sandbox.svelte-q2xv3a .reload-button:where(.svelte-q2xv3a){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-q2xv3a .reload-button:where(.svelte-q2xv3a):hover{color:var(--text)}.sandbox.svelte-q2xv3a .reload-button:where(.svelte-q2xv3a) svg:where(.svelte-q2xv3a){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:2rem}