.keyboard-wrapper[data-v-c36d86e3]{align-items:center;display:flex;flex-direction:column}.info-toolbar[data-v-c36d86e3]{align-items:center;display:flex;justify-content:flex-end;margin-bottom:8px;width:800px}.info-toolbar__stats[data-v-c36d86e3]{color:#969696;display:flex;font-size:15px;gap:24px}.info-toolbar__item strong[data-v-c36d86e3]{color:#282828;font-size:18px;font-weight:600;margin-right:2px}.container[data-v-c36d86e3]{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(1.235);transform-origin:top center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:648px}.row[data-v-c36d86e3]{display:grid;gap:2px}.row1[data-v-c36d86e3]{grid-template-columns:repeat(13,42px) 66px}.row2[data-v-c36d86e3]{grid-template-columns:66px repeat(13,42px)}.row3[data-v-c36d86e3]{grid-template-columns:76px repeat(11,42px) 76px}.row4[data-v-c36d86e3]{grid-template-columns:98px repeat(10,42px) 98px}.row5[data-v-c36d86e3]{grid-template-columns:42px 42px 74px 310px 74px 42px 42px}.hands[data-v-c36d86e3]{height:345px;pointer-events:none;transform:scale(1.4);width:666px;z-index:3}.hands[data-v-c36d86e3],.hands .hand[data-v-c36d86e3]{position:absolute}.hands .hand#Right[data-v-c36d86e3]{right:170px;top:120px}.hands .hand#Left[data-v-c36d86e3]{left:120px;top:120px}.hands .hand#KeyQ[data-v-c36d86e3]{left:80px;top:90px}.hands .hand#KeyW[data-v-c36d86e3]{left:90px;top:90px}.hands .hand#KeyE[data-v-c36d86e3],.hands .hand#KeyR[data-v-c36d86e3]{left:105px;top:90px}.hands .hand#KeyT[data-v-c36d86e3]{left:120px;top:90px}.hands .hand#KeyY[data-v-c36d86e3]{right:185px;top:90px}.hands .hand#KeyI[data-v-c36d86e3],.hands .hand#KeyU[data-v-c36d86e3]{right:175px;top:90px}.hands .hand#KeyO[data-v-c36d86e3]{right:165px;top:90px}.hands .hand#KeyP[data-v-c36d86e3]{right:120px;top:90px}.hands .hand#KeyA[data-v-c36d86e3]{left:85px;top:125px}.hands .hand#KeyD[data-v-c36d86e3],.hands .hand#KeyS[data-v-c36d86e3]{left:88px;top:125px}.hands .hand#KeyF[data-v-c36d86e3]{left:90px;top:125px}.hands .hand#KeyG[data-v-c36d86e3]{left:120px;top:125px}.hands .hand#KeyH[data-v-c36d86e3]{right:185px;top:125px}.hands .hand#KeyJ[data-v-c36d86e3]{right:180px;top:125px}.hands .hand#KeyK[data-v-c36d86e3]{right:175px;top:125px}.hands .hand#KeyL[data-v-c36d86e3]{right:170px;top:125px}.hands .hand#KeyZ[data-v-c36d86e3]{left:130px;top:120px}.hands .hand#KeyC[data-v-c36d86e3],.hands .hand#KeyX[data-v-c36d86e3]{left:140px;top:120px}.hands .hand#KeyB[data-v-c36d86e3],.hands .hand#KeyV[data-v-c36d86e3]{left:100px;top:120px}.hands .hand#KeyM[data-v-c36d86e3],.hands .hand#KeyN[data-v-c36d86e3]{right:160px;top:120px}.hands .hand#Backquote[data-v-c36d86e3]{left:8px;top:60px}.hands .hand#Quote[data-v-c36d86e3]{right:160px;top:120px}.hands .hand#Digit0[data-v-c36d86e3]{right:60px;top:62px}.hands .hand#Digit1[data-v-c36d86e3]{left:13px;top:62px}.hands .hand#Digit2[data-v-c36d86e3],.hands .hand#Digit3[data-v-c36d86e3]{left:76px;top:62px}.hands .hand#Digit4[data-v-c36d86e3]{left:94px;top:62px}.hands .hand#Digit5[data-v-c36d86e3]{left:100px;top:62px}.hands .hand#Digit6[data-v-c36d86e3]{right:210px;top:62px}.hands .hand#Digit7[data-v-c36d86e3]{right:190px;top:62px}.hands .hand#Digit8[data-v-c36d86e3],.hands .hand#Digit9[data-v-c36d86e3]{right:130px;top:62px}.hands .hand#Minus[data-v-c36d86e3]{right:80px;top:60px}.hands .hand#Equal[data-v-c36d86e3]{right:70px;top:60px}.hands .hand#BracketLeft[data-v-c36d86e3]{right:155px;top:90px}.hands .hand#BracketRight[data-v-c36d86e3]{right:95px;top:90px}.hands .hand#Semicolon[data-v-c36d86e3]{right:170px;top:125px}.hands .hand#Comma[data-v-c36d86e3]{right:157px;top:120px}.hands .hand#Period[data-v-c36d86e3]{right:130px;top:120px}.hands .hand#Slash[data-v-c36d86e3]{right:180px;top:120px}.hands .hand#Backslash[data-v-c36d86e3]{right:20px;top:114px}.hands .hand#Space[data-v-c36d86e3]{left:320px;top:120px}.hands .hand#ShiftLeft[data-v-c36d86e3]{left:120px;top:120px}.hands .hand#ShiftRight[data-v-c36d86e3]{right:146px;top:120px}.hands .hand#Tab[data-v-c36d86e3]{left:89px;top:114px}.hands .hand#Enter[data-v-c36d86e3]{right:142px;top:120px}.typing-container[data-v-12ab6792]{background:#f7f7f7;display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 60px);overflow:hidden;position:relative}.typing-container__content[data-v-12ab6792]{align-items:center;display:flex;flex-direction:row;flex-shrink:0;height:360px;justify-content:center;margin-top:30px;max-width:100%;padding:0 16px}.typing-container__keyboard[data-v-12ab6792]{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:flex-start;margin-top:40px}.typing-container__progress[data-v-12ab6792]{height:4px;width:min(800px,100%)}.typing-container__hands[data-v-12ab6792]{margin-top:12px;max-height:345px;min-height:200px;position:relative}.typing-container.with-buttons[data-v-12ab6792]{min-height:calc(100vh - 160px)}.typing-container.with-buttons .typing-container__content[data-v-12ab6792]{height:300px;max-height:360px;min-height:160px}.typing-container.with-buttons .typing-container__hands[data-v-12ab6792]{height:345px;max-height:345px;min-height:300px}@media(max-height:900px){.typing-container.with-buttons .typing-container__content[data-v-12ab6792],.typing-container__content[data-v-12ab6792]{height:360px}}@media(max-height:800px){.typing-container.with-buttons .typing-container__content[data-v-12ab6792],.typing-container__content[data-v-12ab6792]{height:250px}}@media(max-height:700px){.typing-container.with-buttons .typing-container__content[data-v-12ab6792],.typing-container__content[data-v-12ab6792]{height:180px}}@media(max-height:600px){.typing-container.with-buttons .typing-container__content[data-v-12ab6792],.typing-container__content[data-v-12ab6792]{height:160px}}