:root{--c-pinky:#b48cf6;--c-ring:#62acf5;--c-middle:#6fd492;--c-index:#f2b862;--c-thumb:#a3aec0}.f-left-pinky,.f-right-pinky{--finger:var(--c-pinky)}.f-left-ring,.f-right-ring{--finger:var(--c-ring)}.f-left-middle,.f-right-middle{--finger:var(--c-middle)}.f-left-index,.f-right-index{--finger:var(--c-index)}.f-thumb{--finger:var(--c-thumb)}.hands[data-v-e841e782]{width:100%;max-width:20rem;margin:0 auto;display:block}.palm[data-v-e841e782]{fill:var(--panel-2);stroke:var(--line)}rect[data-v-e841e782]:not(.palm),ellipse[data-v-e841e782]{fill:color-mix(in srgb, var(--finger) 35%, var(--panel-2));stroke:color-mix(in srgb, var(--finger) 60%, transparent);stroke-width:1.5px;transition:fill .15s}.on[data-v-e841e782]{filter:drop-shadow(0 0 6px var(--finger));fill:var(--finger)!important;stroke:var(--ink)!important;stroke-width:2.5px!important}.keyboard[data-v-6a83ada9]{-webkit-user-select:none;user-select:none;gap:.3em;width:100%;max-width:46rem;margin:0 auto;font-size:clamp(.55rem,1.6vw,.85rem);display:grid}.row[data-v-6a83ada9]{gap:.3em;display:flex}.key[data-v-6a83ada9]{min-width:0;height:2.6em;color:var(--ink);background:color-mix(in srgb, var(--finger) 30%, var(--panel));border:1px solid color-mix(in srgb, var(--finger) 55%, transparent);white-space:nowrap;border-bottom-width:3px;border-radius:.4em;flex:1 1 0;place-items:center;font-weight:600;transition:transform 80ms,background .15s;display:grid;overflow:hidden}.gap[data-v-6a83ada9]{visibility:hidden;flex:1 1 0}.mod[data-v-6a83ada9]{--finger:var(--muted);color:var(--muted);background:var(--panel);opacity:.5;font-size:.85em;font-weight:400}.dim[data-v-6a83ada9]{opacity:.35}.bump[data-v-6a83ada9]{text-underline-offset:.25em;text-decoration:underline}.next[data-v-6a83ada9]{opacity:1;background:var(--finger);color:var(--on-finger);box-shadow:0 0 0 2px var(--ink), 0 0 1.2em var(--finger);transform:translateY(-1px)}