.vowel-square-container.svelte-16f9hhh{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:.1rem;box-sizing:border-box}.vowel-square.svelte-16f9hhh{display:flex;justify-content:center;align-items:center;flex-direction:column;width:90%;height:90%;border-radius:5px;color:#eee;transition:border-color .3s ease,box-shadow .3s ease,transform .2s ease;box-shadow:0 3px 8px #0000004d}.vowel-square.selected.svelte-16f9hhh{border-color:#fab917;background-color:#333;box-shadow:0 0 6px #fab91799}.symbol.svelte-16f9hhh{font-size:clamp(1rem,4vw,.8rem);line-height:1.1;text-align:center;overflow:hidden}.ipa.svelte-16f9hhh{font-size:clamp(.5rem,.8vw,1.3rem);margin-top:2px;white-space:nowrap;height:1.5em}@media screen and (max-width: 767px){.vowel-square.svelte-16f9hhh{width:100%;padding:0}.vowel-square-container.svelte-16f9hhh{width:100%;height:100%;padding:0;box-sizing:border-box}}.keyboard-wrapper.svelte-1i15eay.svelte-1i15eay{display:flex;flex-direction:column;align-items:center;width:20vw;max-width:400px;margin:0 auto;padding:0}.default-layout.svelte-1i15eay.svelte-1i15eay{width:100%;overflow-x:hidden}table.svelte-1i15eay.svelte-1i15eay{width:100%;border-collapse:collapse;table-layout:fixed}th.svelte-1i15eay.svelte-1i15eay,td.svelte-1i15eay.svelte-1i15eay{padding:1px;text-align:center;border:0;color:#f7b917;font-size:clamp(.3em,1.5vw,.4em)}td.svelte-1i15eay.svelte-1i15eay{width:calc(20vw / 6);height:calc(20vw / 6)}th.column-header.svelte-1i15eay.svelte-1i15eay{background-color:#333;font-weight:700;font-size:clamp(.3em,1.5vw,.4em)}th.sub-column-header.svelte-1i15eay.svelte-1i15eay{background-color:#3a3a3a;color:#f7b917;font-style:italic;font-size:clamp(.3em,1.5vw,.4em)}.full-row-header.svelte-1i15eay.svelte-1i15eay,.sub-row-header.svelte-1i15eay.svelte-1i15eay{font-weight:700;background-color:#333;color:#f7b917;text-align:left;padding:1px 3px;font-size:clamp(.3em,1.5vw,.4em)}.controls-container.svelte-1i15eay.svelte-1i15eay{display:flex;flex-direction:column;gap:.4rem;width:100%;align-items:center}.form-switcher.svelte-1i15eay.svelte-1i15eay,.layout-switcher.svelte-1i15eay.svelte-1i15eay{display:flex;flex-wrap:wrap;justify-content:center;gap:.15rem;width:100%;margin:.4rem 0}.form-switcher.svelte-1i15eay button.svelte-1i15eay,.layout-switcher.svelte-1i15eay button.svelte-1i15eay{padding:3px 6px;font-size:clamp(.5rem,1.5vw,.6rem);cursor:pointer;border:none;background-color:#444;color:#f7b917;border-radius:4px;transition:background-color .3s}.form-switcher.svelte-1i15eay button.active.svelte-1i15eay,.layout-switcher.svelte-1i15eay button.active.svelte-1i15eay{background-color:#f7b917;color:#444}.loading-indicator.svelte-1i15eay.svelte-1i15eay{font-size:.7rem;color:#f7b917}@media screen and (max-width: 767px){.keyboard-wrapper.svelte-1i15eay.svelte-1i15eay{width:35vw;max-width:150px}.form-switcher.svelte-1i15eay button.svelte-1i15eay,.layout-switcher.svelte-1i15eay button.svelte-1i15eay{padding:2px 4px;font-size:clamp(.4em,1.2vw,.5em)}th.svelte-1i15eay.svelte-1i15eay,td.svelte-1i15eay.svelte-1i15eay{font-size:clamp(.25em,1.2vw,.3em);margin:1px;padding:0}}