.keyboard-wrapper[data-v-c8488d62]{--keyboard-scale:1.235;align-items:center;display:flex;flex-direction:column;width:100%}.info-toolbar[data-v-c8488d62]{align-items:center;display:flex;justify-content:flex-end;margin-bottom:8px;width:min(800px,calc(100vw - 32px))}.info-toolbar__stats[data-v-c8488d62]{color:#969696;display:flex;font-size:15px;gap:24px}.info-toolbar__item strong[data-v-c8488d62]{color:#282828;font-size:18px;font-weight:600;margin-right:2px}.container[data-v-c8488d62]{background:#efefef;border:1px solid #d1d1d1;border-radius:3px;color:#000;display:flex;flex-direction:column;font-family:Varela,sans-serif;gap:2px;margin-bottom:60px;padding:4px;position:relative;transform:scale(var(--keyboard-scale));transform-origin:top center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:648px}.row[data-v-c8488d62]{display:grid;gap:2px}.row1[data-v-c8488d62]{grid-template-columns:repeat(13,42px) 66px}.row2[data-v-c8488d62]{grid-template-columns:66px repeat(13,42px)}.row3[data-v-c8488d62]{grid-template-columns:76px repeat(11,42px) 76px}.row4[data-v-c8488d62]{grid-template-columns:98px repeat(10,42px) 98px}.row5[data-v-c8488d62]{grid-template-columns:42px 42px 74px 310px 74px 42px 42px}.hands[data-v-c8488d62]{height:345px;pointer-events:none;transform:scale(1.4);width:666px;z-index:3}.hands[data-v-c8488d62],.hands .hand[data-v-c8488d62]{position:absolute}.hands .hand#Right[data-v-c8488d62]{right:170px;top:120px}.hands .hand#Left[data-v-c8488d62]{left:120px;top:120px}.hands .hand#KeyQ[data-v-c8488d62]{left:80px;top:90px}.hands .hand#KeyW[data-v-c8488d62]{left:90px;top:90px}.hands .hand#KeyE[data-v-c8488d62],.hands .hand#KeyR[data-v-c8488d62]{left:105px;top:90px}.hands .hand#KeyT[data-v-c8488d62]{left:120px;top:90px}.hands .hand#KeyY[data-v-c8488d62]{right:185px;top:90px}.hands .hand#KeyI[data-v-c8488d62],.hands .hand#KeyU[data-v-c8488d62]{right:175px;top:90px}.hands .hand#KeyO[data-v-c8488d62]{right:165px;top:90px}.hands .hand#KeyP[data-v-c8488d62]{right:120px;top:90px}.hands .hand#KeyA[data-v-c8488d62]{left:85px;top:125px}.hands .hand#KeyD[data-v-c8488d62],.hands .hand#KeyS[data-v-c8488d62]{left:88px;top:125px}.hands .hand#KeyF[data-v-c8488d62]{left:90px;top:125px}.hands .hand#KeyG[data-v-c8488d62]{left:120px;top:125px}.hands .hand#KeyH[data-v-c8488d62]{right:185px;top:125px}.hands .hand#KeyJ[data-v-c8488d62]{right:180px;top:125px}.hands .hand#KeyK[data-v-c8488d62]{right:175px;top:125px}.hands .hand#KeyL[data-v-c8488d62]{right:170px;top:125px}.hands .hand#KeyZ[data-v-c8488d62]{left:130px;top:120px}.hands .hand#KeyC[data-v-c8488d62],.hands .hand#KeyX[data-v-c8488d62]{left:140px;top:120px}.hands .hand#KeyB[data-v-c8488d62],.hands .hand#KeyV[data-v-c8488d62]{left:100px;top:120px}.hands .hand#KeyM[data-v-c8488d62],.hands .hand#KeyN[data-v-c8488d62]{right:160px;top:120px}.hands .hand#Backquote[data-v-c8488d62]{left:8px;top:60px}.hands .hand#Quote[data-v-c8488d62]{right:160px;top:120px}.hands .hand#Digit0[data-v-c8488d62]{right:60px;top:62px}.hands .hand#Digit1[data-v-c8488d62]{left:13px;top:62px}.hands .hand#Digit2[data-v-c8488d62],.hands .hand#Digit3[data-v-c8488d62]{left:76px;top:62px}.hands .hand#Digit4[data-v-c8488d62]{left:94px;top:62px}.hands .hand#Digit5[data-v-c8488d62]{left:100px;top:62px}.hands .hand#Digit6[data-v-c8488d62]{right:210px;top:62px}.hands .hand#Digit7[data-v-c8488d62]{right:190px;top:62px}.hands .hand#Digit8[data-v-c8488d62],.hands .hand#Digit9[data-v-c8488d62]{right:130px;top:62px}.hands .hand#Minus[data-v-c8488d62]{right:80px;top:60px}.hands .hand#Equal[data-v-c8488d62]{right:70px;top:60px}.hands .hand#BracketLeft[data-v-c8488d62]{right:155px;top:90px}.hands .hand#BracketRight[data-v-c8488d62]{right:95px;top:90px}.hands .hand#Semicolon[data-v-c8488d62]{right:170px;top:125px}.hands .hand#Comma[data-v-c8488d62]{right:157px;top:120px}.hands .hand#Period[data-v-c8488d62]{right:130px;top:120px}.hands .hand#Slash[data-v-c8488d62]{right:180px;top:120px}.hands .hand#Backslash[data-v-c8488d62]{right:20px;top:114px}.hands .hand#Space[data-v-c8488d62]{left:320px;top:120px}.hands .hand#ShiftLeft[data-v-c8488d62]{left:120px;top:120px}.hands .hand#ShiftRight[data-v-c8488d62]{right:146px;top:120px}.hands .hand#Tab[data-v-c8488d62]{left:89px;top:114px}.hands .hand#Enter[data-v-c8488d62]{right:142px;top:120px}@media(max-width:1023px){.keyboard-wrapper[data-v-c8488d62]{--keyboard-scale:min(1, calc(.15432vw - .06173px) );overflow:visible}.info-toolbar[data-v-c8488d62]{justify-content:center}.info-toolbar__stats[data-v-c8488d62]{gap:12px;justify-content:space-between;width:100%}.container[data-v-c8488d62]{margin-bottom:calc(28px*var(--keyboard-scale))}.hands[data-v-c8488d62]{transform:scale(calc(var(--keyboard-scale)*1.12));transform-origin:top center}}@media(max-width:767px){.keyboard-wrapper[data-v-c8488d62]{--keyboard-scale:min(.58, calc(.15432vw - .03704px) )}.info-toolbar[data-v-c8488d62]{margin-bottom:6px}.info-toolbar__stats[data-v-c8488d62]{flex-wrap:wrap;font-size:13px}.info-toolbar__item strong[data-v-c8488d62]{font-size:16px}.container[data-v-c8488d62]{margin-bottom:0}.hands[data-v-c8488d62]{display:none}}.typing-container[data-v-1f04440f]{background:#f7f7f7;display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 60px);overflow:hidden;position:relative}.typing-container__content[data-v-1f04440f]{flex-direction:row;height:min(360px,38dvh);justify-content:center;margin-top:30px;max-width:100%;overflow-y:auto;overscroll-behavior:contain}.typing-container__content[data-v-1f04440f],.typing-container__keyboard[data-v-1f04440f]{align-items:center;display:flex;flex-shrink:0;padding:0 16px}.typing-container__keyboard[data-v-1f04440f]{flex-direction:column;justify-content:flex-start;margin-top:clamp(18px,4dvh,40px);width:100%}.typing-container__progress[data-v-1f04440f]{height:4px;width:min(800px,100%)}.typing-container__hands[data-v-1f04440f]{margin-top:12px;max-height:345px;min-height:200px;position:relative}.typing-container.with-buttons[data-v-1f04440f]{min-height:calc(100vh - 160px)}.typing-container.with-buttons .typing-container__content[data-v-1f04440f]{height:min(300px,34dvh);max-height:360px;min-height:160px}.typing-container.with-buttons .typing-container__hands[data-v-1f04440f]{height:345px;max-height:345px;min-height:300px}@media(max-width:1023px){.typing-container[data-v-1f04440f]{min-height:calc(100dvh - 50px);overflow-y:auto}.typing-container__content[data-v-1f04440f]{align-items:flex-start;height:min(320px,34dvh);margin-top:16px;padding:0 12px}.typing-container__keyboard[data-v-1f04440f]{margin-top:18px;padding:0 12px 24px}.typing-container__hands[data-v-1f04440f]{max-height:280px;min-height:160px}.typing-container.with-buttons[data-v-1f04440f]{min-height:calc(100dvh - 120px)}.typing-container.with-buttons .typing-container__content[data-v-1f04440f]{height:min(260px,32dvh)}.typing-container.with-buttons .typing-container__hands[data-v-1f04440f]{height:auto;max-height:260px;min-height:170px}}@media(max-width:767px){.typing-container[data-v-1f04440f]{min-height:calc(100dvh - 50px)}.typing-container__content[data-v-1f04440f]{height:auto;margin-top:12px;max-height:42dvh;min-height:150px;padding:0 10px}.typing-container__keyboard[data-v-1f04440f]{margin-top:14px;padding:0 10px calc(18px + env(safe-area-inset-bottom))}.typing-container__hands[data-v-1f04440f]{max-height:none;min-height:0;width:100%}.typing-container.with-buttons[data-v-1f04440f]{min-height:calc(100dvh - 96px)}.typing-container.with-buttons .typing-container__content[data-v-1f04440f]{height:auto;max-height:38dvh;min-height:132px}.typing-container.with-buttons .typing-container__hands[data-v-1f04440f]{height:auto;min-height:0}}@media(max-height:900px){.typing-container.with-buttons .typing-container__content[data-v-1f04440f],.typing-container__content[data-v-1f04440f]{height:min(360px,38dvh)}}@media(max-height:800px){.typing-container.with-buttons .typing-container__content[data-v-1f04440f],.typing-container__content[data-v-1f04440f]{height:250px}}@media(max-height:700px){.typing-container.with-buttons .typing-container__content[data-v-1f04440f],.typing-container__content[data-v-1f04440f]{height:180px}}@media(max-height:600px){.typing-container.with-buttons .typing-container__content[data-v-1f04440f],.typing-container__content[data-v-1f04440f]{height:160px}}@media(max-width:1023px){.typing-container__content[data-v-1f04440f]{height:min(320px,34dvh)}.typing-container.with-buttons .typing-container__content[data-v-1f04440f]{height:min(260px,32dvh)}}@media(max-width:767px){.typing-container.with-buttons .typing-container__content[data-v-1f04440f],.typing-container__content[data-v-1f04440f]{height:auto}}