.vboard-key.svelte-1fuav3o{position:relative;font-size:1.5rem;display:flex;justify-content:flex-start;align-items:flex-start;border-radius:8px;border:2px solid var(--vboard-key-border-color, rgba(255, 255, 255, .4));box-shadow:0 4px 2px .04px #0000001a,0 2px 8px .04px #00000014;flex:1;max-width:6.25%;border-bottom-width:4px;background:var(--vboard-key-background, #fff);color:var(--vboard-key-color, rgb(100, 100, 100));margin:4px 4px 6px;transition:all .1s ease-in-out;-webkit-user-select:none;user-select:none}.vboard-key.svelte-1fuav3o button:where(.svelte-1fuav3o){padding:12px 12px 22px}.vboard-context-wrapper.svelte-1fuav3o .vboard-key:where(.svelte-1fuav3o){padding:12px 12px 22px;height:4.75rem;width:4.75rem;flex:0 0 auto;max-width:unset;border:1px solid var(--color-gray-400, #d1d5db);box-shadow:0}.vboard-key-shifted.svelte-1fuav3o{text-transform:uppercase}@media(hover:hover){.vboard-key.svelte-1fuav3o:hover{box-shadow:0 2px 1px .04px #0000001a,0 1px 4px .04px #0000000f}}.vboard-key.svelte-1fuav3o:active{box-shadow:0 0 0 .04px #0000001a,0 0 0 1px #0000000a}.vboard-key-context.svelte-1fuav3o{box-shadow:0 8px 12px -1px #0000001a,0 2px 4px -2px #0000000d!important}.vboard-context-wrapper.svelte-1fuav3o{max-width:16rem;background:#ffffff80}.vboard-container.svelte-3mm5t4{display:flex;background:var(--vboard-container-background, #fff);flex-direction:column}.vboard-container-fixed.svelte-3mm5t4{position:fixed;bottom:0;left:0;right:0}.vboard-row.svelte-3mm5t4{display:flex;justify-content:center}.vboard-key.svelte-3mm5t4{position:relative;font-size:1.5rem;display:flex;justify-content:flex-start;align-items:flex-start;border-radius:8px;border:2px solid var(--vboard-key-border-color, rgba(255, 255, 255, .4));box-shadow:0 4px 2px .04px #0000001a,0 2px 8px .04px #00000014;flex:1;max-width:6.25%;border-bottom-width:4px;background:var(--vboard-key-background, #fff);color:var(--vboard-key-color, rgb(100, 100, 100));margin:4px 4px 6px;padding:12px 12px 22px;transition:all .1s ease-in-out}.vboard-key-shifted.svelte-3mm5t4{text-transform:uppercase}.vboard-key-special.svelte-3mm5t4{max-width:14%}.vboard-key-space.svelte-3mm5t4{max-width:70%}@media(hover:hover){.vboard-key.svelte-3mm5t4:hover{box-shadow:0 2px 1px .04px #0000001a,0 1px 4px .04px #0000000f}}.vboard-key.svelte-3mm5t4:active{box-shadow:0 0 0 .04px #0000001a,0 0 0 1px #0000000a}.vboard-shift-indicator.svelte-3mm5t4{position:absolute;top:8px;right:8px;width:12px;height:12px;border-radius:50%;background:var(--vboard-shift-indicator-background, #ccc)}.vboard-shift-indicator--active.svelte-3mm5t4{background:var(--vboard-shift-indicator-active-background, #3f3)}