.keyboard.svelte-1rven2v{--key-width: min(32px, 10vw );--key-height: 45px;--key-gap: min(8px, 1vw);display:flex;flex-direction:column;gap:var(--key-gap);max-width:min(100vw - 1rem,600px);font-size:1rem}@media (min-width: 400px){.keyboard.svelte-1rven2v{font-size:1.1rem}}@media (min-width: 600px){.keyboard.svelte-1rven2v{--key-width: 45px;--key-height: 60px;font-size:1.5rem}}.row.svelte-1rven2v{display:flex;align-items:center;justify-content:center;width:100%;gap:var(--key-gap)}button.key.svelte-1rven2v{-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:var(--key-width);height:var(--key-height);color:#ddd;border-radius:.25rem;background-color:#ffffff0d;border:none;outline:none;cursor:pointer;font-size:1em;transition:color .1s ease,background-color .1s ease;font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal}button.key.svelte-1rven2v:hover{background-color:#ffffff1a;color:#fff}button.key.enter.svelte-1rven2v,button.key.backspace.svelte-1rven2v{width:calc(var(--key-width) * 1.5);font-size:.6em}button.key.svelte-1rven2v:focus-visible{outline:solid 1px #ffffff;outline-offset:1px}