.content.svelte-1jjtbe9{grid-area:content;justify-self:center;align-self:start;display:flex;flex-direction:column;overflow-x:hidden;background-color:#fff;margin-top:.75rem;border-radius:16px;padding:8px;box-shadow:var(--shadow-high)}.phonemes.svelte-1jjtbe9{display:flex;flex-wrap:wrap;gap:16px 24px;padding:8px;justify-content:center;align-items:center}h1.svelte-1jjtbe9{margin:5px;font-size:1.75rem;align-self:center;font-weight:500;font-family:var(--font-family-base)}.instructions.svelte-1jjtbe9{margin:5px;font-size:1.25rem;align-self:center;font-family:var(--font-family-smooth);padding-bottom:16px}h2.svelte-1jjtbe9{display:flex;gap:16px;font-size:1.5rem;color:var(--gray-50);font-weight:500;font-family:var(--font-family-smooth)}button.svelte-1jjtbe9{width:45px;font-size:1.5rem;border-radius:16px;padding-bottom:4px;margin-bottom:4px;text-align:center;box-shadow:var(--shadow-med);background-color:var(--toolsCorrActive)}button.svelte-1jjtbe9:hover{transform:scale(1.01);box-shadow:var(--shadow-high)}button.svelte-1jjtbe9:active{transform:translateY(4px);box-shadow:var(--shadow-low)}.digraph.svelte-1jjtbe9{display:flex;flex-direction:column;align-items:center}@media(min-width:1024px){.phonemes.svelte-1jjtbe9{max-width:900px;gap:16px 8px}h1.svelte-1jjtbe9{font-size:3rem}h2.svelte-1jjtbe9{font-size:1.75rem}button.svelte-1jjtbe9{width:55px;font-size:2rem}}