div.svelte-147cdpy{justify-content:center;gap:1em;font-size:.6em;display:flex}section.svelte-147cdpy{white-space:nowrap;border:thin solid green;margin:.5rem 0;padding:.2rem}section.svelte-147cdpy.out-range{background-color:var(--error-color)}section.svelte-147cdpy.abs{background-color:green}:root{--width:100px}svg.svelte-10o4f79{fill:#fff;height:1rem}.box.svelte-10o4f79{width:var(--width);height:2rem;position:relative;overflow:hidden}.letter.svelte-10o4f79{color:#fff;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}main.svelte-1uha8ag{flex-flow:column;align-items:center;min-height:100dvh;padding:.5rem;display:flex}.message.svelte-1uha8ag{background-color:var(--error-color);border:2px solid #fff;padding:.5rem;font-size:.8rem}footer.svelte-1uha8ag{font-size:.3rem}.canvas-container.svelte-1uha8ag{border:6px solid var(--error-color);flex-grow:1;justify-content:center;align-items:center;display:flex}.canvas-container.svelte-1uha8ag.level{border-color:#0000}canvas.svelte-1uha8ag{pointer-events:none;z-index:1;aspect-ratio:1;object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}