.showcase.svelte-170zegj{gap:var(--wordplay-spacing);flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.controls.svelte-170zegj{justify-content:center;align-items:center;gap:var(--wordplay-spacing-half);flex-flow:wrap;flex-shrink:0;display:flex}.picker.svelte-170zegj{justify-content:center;gap:var(--wordplay-spacing-half);flex-flow:wrap;display:flex}.picker.svelte-170zegj button:where(.svelte-170zegj){background:var(--wordplay-alternating-color);block-size:2.2em;inline-size:2.2em;color:var(--wordplay-foreground);font-family:Noto Emoji;font-size:var(--wordplay-font-size);cursor:pointer;transition:transform calc(var(--animation-factor) * .15s) ease-out;border:none;border-radius:50%;padding:0;line-height:1}.picker.svelte-170zegj button:where(.svelte-170zegj):hover{transform:scale(1.1)}.picker.svelte-170zegj button.selected:where(.svelte-170zegj){background:var(--wordplay-foreground);color:var(--wordplay-background);box-shadow:0 0 0 calc(var(--wordplay-focus-width) / 2) var(--wordplay-highlight-color)}.picker.svelte-170zegj button:where(.svelte-170zegj):focus-visible{outline:var(--wordplay-focus-width) solid var(--wordplay-focus-color);outline-offset:2px}.restart.svelte-170zegj{z-index:2;position:absolute;inset-block-start:var(--wordplay-spacing-half);inset-inline-end:var(--wordplay-spacing-half)}.panel.svelte-170zegj{gap:var(--wordplay-spacing);flex-direction:row-reverse;flex:1;align-items:stretch;min-height:0;display:flex}.output.svelte-170zegj{border-radius:var(--wordplay-border-radius);border:var(--wordplay-border-width) solid var(--wordplay-border-color);flex:2;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.code.svelte-170zegj{align-items:flex-start;gap:var(--wordplay-spacing-half);flex-direction:column;flex:1;min-width:0;max-width:34%;min-height:0;display:flex}.source.svelte-170zegj{max-width:100%;min-height:0;overflow:auto}.mode.svelte-170zegj{border-block-start:var(--wordplay-border-width) solid var(--wordplay-border-color);flex-shrink:0;width:100%;padding-block-start:var(--wordplay-spacing-half)}@container (width<=900px){.panel.svelte-170zegj{flex-direction:column}.output.svelte-170zegj{flex:none;height:18em}.code.svelte-170zegj{flex:none;width:100%;max-width:100%}.source.svelte-170zegj{overflow:auto visible}}