main.svelte-1uha8ag{display:grid;max-width:500px;margin:auto;padding:1rem;text-align:center}.close-button.svelte-1uha8ag,.help-button.svelte-1uha8ag button:where(.svelte-1uha8ag){background-color:var(--orange);border:2px solid var(--orange);border-radius:5px;color:var(--white);padding:8px 15px;font-size:inherit;line-height:inherit}.help-button.svelte-1uha8ag button:where(.svelte-1uha8ag){margin-bottom:2.5rem;margin-top:1.5rem}.close-button.svelte-1uha8ag:hover,.help-button.svelte-1uha8ag button:where(.svelte-1uha8ag):hover{background-color:var(--white);border:2px solid var(--orange);color:var(--orange)}.visualizer-list.svelte-1uha8ag{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.visualizer-list-item.svelte-1uha8ag:hover{background-color:oklch(from var(--char) l c h / .03)}.visualizer-list-item.svelte-1uha8ag{padding:1rem;text-decoration:none;border:1px solid oklch(from var(--char) l c h / .3);border-radius:3px}.visualizer-list-image.svelte-1uha8ag img:where(.svelte-1uha8ag){display:block;max-height:100px;object-fit:contain}.visualizer-list-text.svelte-1uha8ag h2:where(.svelte-1uha8ag){color:var(--orange);font-size:1.1em;margin-bottom:.5rem;margin-top:.5em;line-height:1.2}.visualizer-list-text.svelte-1uha8ag h3:where(.svelte-1uha8ag){color:var(--blue);display:block;font-weight:300;margin-bottom:0;line-height:1.2;display:none}.tutorial-modal[open].svelte-1uha8ag{max-width:100%;max-height:100%;width:100%;height:100%;padding:0;border:none;box-shadow:0 4px 24px #0000004d;background:var(--tan);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.video-container.svelte-1uha8ag{aspect-ratio:16 / 9;margin:1rem;max-width:1200px;width:100%}.video-container.svelte-1uha8ag iframe:where(.svelte-1uha8ag){width:100%;height:100%}@media (min-width: 800px){main.svelte-1uha8ag{max-width:1600px;padding:1.4rem}.visualizer-list-item.svelte-1uha8ag{align-items:center;display:grid;gap:1rem;grid-template-columns:40% auto}.visualizer-list-image.svelte-1uha8ag img:where(.svelte-1uha8ag){max-height:140px}.visualizer-list-text.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:1.3em}.visualizer-list-text.svelte-1uha8ag h3:where(.svelte-1uha8ag){display:block}}@media (min-width: 1100px){.visualizer-list.svelte-1uha8ag{grid-template-columns:1fr 1fr 1fr;gap:1.4rem}}