.code-tile.svelte-16q0q8y{border:2.5px solid var(--brand-border-heavy);background:var(--brand-white);text-align:center;text-transform:uppercase;width:3.25rem;min-width:0;max-width:4.25rem;height:4rem;color:var(--brand-text);caret-color:var(--brand-accent);border-radius:12px;outline:none;flex:1 1 0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:1.75rem;font-weight:700;transition:border-color .15s,transform 80ms,box-shadow .15s;box-shadow:0 4px #0000002e,inset 0 1.5px #fffc}.code-tile.svelte-16q0q8y:focus,.code-tile.svelte-16q0q8y:focus-visible{border-color:var(--brand-accent);box-shadow:0 4px 0 var(--brand-accent), inset 0 1.5px 0 #fffc}.code-tile.svelte-16q0q8y:not(:placeholder-shown){background:var(--brand-white)}@media (width<=420px){.code-tile.svelte-16q0q8y{height:3.5rem;font-size:1.5rem}}