.spider-legs.svelte-14kklvk{width:100%;margin-top:1.5cqw;display:block;position:relative;overflow:visible}circle.svelte-14kklvk{fill:color-mix(in srgb, var(--key-color) 40%, var(--surface));stroke:var(--key-color);stroke-width:.15px}path.svelte-14kklvk{fill:none;stroke:#4a4259;stroke-linecap:round;stroke-width:.9px}circle.svelte-14kklvk,path.svelte-14kklvk{transition:transform .1s ease-out}.active.svelte-14kklvk{transform:translateY(-.45px)}circle.active.svelte-14kklvk{fill:var(--key-color);stroke:var(--text)}.keyboard-panel.svelte-1lsokxf{-webkit-user-select:none;user-select:none;justify-self:center;width:min(100%,43rem);container-type:inline-size}.keyboard.svelte-1lsokxf{--unit:calc(100cqw / 43);--gap:calc(.25 * var(--unit));gap:var(--gap);width:100%;padding:calc(.55 * var(--unit));border-radius:var(--unit);display:grid}.row.svelte-1lsokxf{--key-size:calc((100cqw - 1.1 * var(--unit) - .25rem - 13 * var(--gap)) / 14.5);gap:var(--gap);display:flex}.key.svelte-1lsokxf{--key-fill:color-mix(in srgb, var(--key-color) 40%, var(--surface));min-width:0;height:var(--key-size);flex-basis:calc(var(--key-size) * var(--key-size-factor));border:calc(.0625 * var(--unit)) solid color-mix(in srgb, var(--key-color) 32%, var(--border));border-bottom:calc(.18 * var(--unit)) solid var(--key-color);border-radius:calc(.3 * var(--unit));color:var(--text);background:var(--key-fill);font-size:calc(.8 * var(--unit));text-align:center;white-space:pre-line;flex-shrink:0;place-items:center;font-weight:650;line-height:1.15;display:grid;position:relative;overflow:hidden}.key.active.svelte-1lsokxf{--key-fill:var(--key-color);border-color:var(--text);color:var(--key-text)}.spacebar-mark.svelte-1lsokxf{width:min(35%, calc(5 * var(--unit)));border-bottom:calc(.125 * var(--unit)) solid currentColor}.home.svelte-1lsokxf:after{bottom:calc(.25 * var(--unit));border-bottom:calc(.1 * var(--unit)) solid currentColor;content:"";width:.7em;position:absolute;left:50%;transform:translate(-50%)}.key.enter-top.svelte-1lsokxf{padding-top:calc(.3 * var(--unit));border-bottom-color:#0000;border-end-end-radius:0}.enter-foot.svelte-1lsokxf{background:0 0;border:0;overflow:visible}.enter-foot.svelte-1lsokxf:before{top:calc(-1 * var(--gap));width:100%;height:calc(100% + var(--gap));border-bottom:calc(.18 * var(--unit)) solid var(--key-color);border-radius:0 0 calc(.3 * var(--unit)) calc(.3 * var(--unit));background:var(--key-fill);content:"";position:absolute;right:0}.enter-foot.svelte-1lsokxf:after{top:calc(-1 * var(--gap));left:calc(-1 * var(--gap));width:var(--gap);height:var(--gap);background:radial-gradient(circle at 0 100%, transparent calc(var(--gap) - .0625 * var(--unit)), var(--key-fill) var(--gap));content:"";position:absolute}.arrows.svelte-1lsokxf{gap:var(--gap);background:0 0;border:0;flex-direction:column;display:flex;overflow:visible}.arrows.svelte-1lsokxf i:where(.svelte-1lsokxf){border:calc(.0625 * var(--unit)) solid var(--border);border-radius:calc(.3 * var(--unit));background:color-mix(in srgb, var(--border) 40%, var(--surface));flex:1;width:100%;min-height:0}