.viewer-header.svelte-5up3iw{margin-bottom:1rem}.viewer-title.svelte-5up3iw{font-size:2.5rem;font-weight:300}.viewer-description.svelte-5up3iw{color:hsl(var(--muted-foreground));max-width:30rem}.tabs_container.svelte-5up3iw{display:flex;flex-direction:column;gap:1rem;background-color:hsl(var(--card));border:.1rem solid hsl(var(--border));padding:1rem;border-radius:.5rem;width:100%}.controls.svelte-5up3iw{display:flex;gap:1rem;justify-content:end}.tab_button.svelte-5up3iw{display:flex;align-items:center;gap:.5rem;font-size:.85rem;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:0;padding:.35rem .7rem;border-radius:.25rem;cursor:pointer;transition:.3s ease}.tab_button.svelte-5up3iw:is(:where(.svelte-5up3iw):focus-visible,:where(.svelte-5up3iw):hover,:where(.svelte-5up3iw):active){translate:0 -.1rem}.preview_area.svelte-5up3iw{display:flex;min-height:22rem;width:100%;align-items:center;justify-content:center}@layer shiki{.code_area.svelte-5up3iw .shiki{background-color:transparent!important;border-radius:.5rem;padding:1rem;overflow-x:auto}}.page.svelte-3qgrhe{padding-block:2rem;height:100%;overflow:hidden}.error_block.svelte-3qgrhe{display:grid;place-items:center;color:hsl(var(--destructive));height:100%;font-size:4rem}