div.svelte-1d4qwy9{min-height:100%}.wrapper.svelte-1pvgyte{display:grid;grid-template-columns:34.5rem 1fr}.wrapper.svelte-1pvgyte .code:where(.svelte-1pvgyte){height:100vh;display:flex;flex-direction:column;justify-content:space-between}.wrapper.svelte-1pvgyte .code:where(.svelte-1pvgyte) .editor:where(.svelte-1pvgyte){height:calc(100vh - 2rem);display:none}.wrapper.svelte-1pvgyte .code:where(.svelte-1pvgyte) .editor.active:where(.svelte-1pvgyte){display:block}.wrapper.svelte-1pvgyte .code:where(.svelte-1pvgyte) .tabs:where(.svelte-1pvgyte){display:flex}.wrapper.svelte-1pvgyte .code:where(.svelte-1pvgyte) .tabs:where(.svelte-1pvgyte) button:where(.svelte-1pvgyte){width:100%;font-size:1rem;padding:.5rem 1rem;background:transparent;border:none;border-bottom:solid .1rem transparent;color:rgb(var(--text));cursor:pointer;transition:.25s}.wrapper.svelte-1pvgyte .code:where(.svelte-1pvgyte) .tabs:where(.svelte-1pvgyte) button:where(.svelte-1pvgyte):hover{border-bottom-color:rgba(var(--primary),.5)}.wrapper.svelte-1pvgyte .code:where(.svelte-1pvgyte) .tabs:where(.svelte-1pvgyte) button.active:where(.svelte-1pvgyte){border-bottom-color:rgba(var(--primary),1)}.wrapper.svelte-1pvgyte .preview:where(.svelte-1pvgyte){display:block;height:100vh;width:100%}nav.svelte-1pvgyte{height:3rem;padding:.5rem;display:flex;align-items:center;justify-content:space-between}nav.svelte-1pvgyte .brand:where(.svelte-1pvgyte){display:flex;align-items:center;gap:1rem}nav.svelte-1pvgyte .brand:where(.svelte-1pvgyte) img:where(.svelte-1pvgyte){height:3rem}nav.svelte-1pvgyte .brand:where(.svelte-1pvgyte) input:where(.svelte-1pvgyte){display:block;font-size:1.5rem;background-color:transparent;border:none;color:currentColor;outline:none;padding:0}nav.svelte-1pvgyte a:where(.svelte-1pvgyte){text-decoration-color:transparent;color:#00ade0}nav.svelte-1pvgyte a:where(.svelte-1pvgyte):hover{text-decoration-color:#00ade0}