.virtual-keyboard.svelte-q8hksm{position:relative;display:flex;flex-direction:column;gap:6px;width:fit-content;margin:0 auto;-webkit-user-select:none;user-select:none;transform:scale(var(--keyboard-zoom, .75));transform-origin:top center;transition:transform .2s ease}.keyboard-row.svelte-q8hksm{display:flex;gap:6px;justify-content:flex-start}.key.svelte-q8hksm{position:relative;width:calc(var(--key-width) * 50px);height:50px;background:var(--color-virtual-keyboard-key);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Space Mono,monospace;font-size:16px;font-weight:400;color:var(--color-virtual-keyboard-primary-text);transition:all .08s ease;cursor:default}.key.hidden.svelte-q8hksm{opacity:0!important}.key.non-functional.svelte-q8hksm{background:var(--color-virtual-keyboard-modifier-key);font-size:11px;color:var(--color-virtual-keyboard-secondary-text)}.key.pressed.svelte-q8hksm:not(.non-functional){background:var(--color-virtual-keyboard-pressed);color:var(--color-page-bg);transform:translateY(2px);box-shadow:0 2px 8px #0003}.key.pressed.non-functional.svelte-q8hksm{background:var(--color-toggle-active-bg);transform:translateY(1px)}.key.spacebar.svelte-q8hksm{color:transparent}.key-top.svelte-q8hksm{position:absolute;top:6px;font-family:Space Mono,monospace;font-size:11.2px;font-weight:400;opacity:.6}.key-bottom.svelte-q8hksm{position:absolute;bottom:6px;font-family:Space Mono,monospace;font-size:14px;font-weight:400}.key-label.svelte-q8hksm{font-family:Space Mono,monospace;font-size:14px;font-weight:400}.key.shift-active.svelte-q8hksm .key-top:where(.svelte-q8hksm){position:static;font-size:16px;opacity:1}.key.shift-active.svelte-q8hksm .key-bottom:where(.svelte-q8hksm){opacity:0}@media (max-width: 1200px){.key.svelte-q8hksm{width:calc(var(--key-width) * 45px);height:45px}}@media (max-width: 900px){.key.svelte-q8hksm{width:calc(var(--key-width) * 40px);height:40px}.key-top.svelte-q8hksm{font-size:9.6px}.key-bottom.svelte-q8hksm,.key-label.svelte-q8hksm{font-size:13px}.key.non-functional.svelte-q8hksm{font-size:11px}.key.shift-active.svelte-q8hksm .key-top:where(.svelte-q8hksm){font-size:13px}}.l-shaped-enter.svelte-q8hksm{position:absolute;top:56px;right:0;width:75px;height:106px;pointer-events:none}@media (max-width: 1200px){.l-shaped-enter.svelte-q8hksm{top:51px;width:67.5px;height:96px}}@media (max-width: 900px){.l-shaped-enter.svelte-q8hksm{top:46px;width:60px;height:86px}}