#finger-display[data-v-f43e7a61]{display:flex;flex:0 1 auto;flex-direction:column;justify-content:flex-end;text-align:center}.progress[data-v-f43e7a61]{padding:0 50px}.progress .tf-progress[data-v-f43e7a61]{align-items:center;display:flex;height:14.4px;line-height:16px;position:relative;width:100%}.progress .tf-progress-bar[data-v-f43e7a61]{height:6px;width:calc(100% - 55px)}.progress .tf-progress-bar__outer[data-v-f43e7a61]{background-color:#ebeef5;border-radius:100px;height:6px;overflow:hidden;position:relative;width:100%}.progress .tf-progress-bar__inner[data-v-f43e7a61]{background-color:#409eff;border-radius:100px;height:6px;left:0;position:absolute;top:0;transition:width .3s ease}.progress .tf-progress__text[data-v-f43e7a61]{color:#606266;font-size:14.4px;line-height:14.4px;margin-left:5px;white-space:nowrap}#js-keyboard-holder[data-v-f43e7a61]{margin:20px auto;max-width:800px;position:relative}#keyboard-setting[data-v-f43e7a61]{line-height:13.8px}.keyboard[data-v-f43e7a61]{background-color:#d9dadb;border:1px solid rgba(0,0,0,.07);border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;min-width:340px;padding:0 10px 5px;position:relative;z-index:1}@media screen and (min-width:375px){.keyboard[data-v-f43e7a61]{width:75vw}}@media screen and (min-width:640px) and (min-height:500px){.keyboard[data-v-f43e7a61]{width:520px}}@media screen and (min-width:640px) and (min-height:768px){.keyboard[data-v-f43e7a61]{border-radius:20px;padding:0 15px 10px;width:640px}}@media screen and (min-width:800px) and (min-height:900px){.keyboard[data-v-f43e7a61]{border-radius:20px;padding:0 15px 10px;width:800px}}.keyboard--hands[data-v-f43e7a61]{margin-bottom:33%}.keyboard-row[data-v-f43e7a61]{display:flex;flex:1;justify-content:space-between;margin-bottom:5px;max-height:50px}@media screen and (min-height:900px){.keyboard-row[data-v-f43e7a61]{margin-bottom:10px}}.keyboard-key[data-v-f43e7a61]{background-color:#fff;border-bottom:1px solid #a9a9a9;border-radius:5px;border-top:1px solid #ccc;box-sizing:border-box;color:#4a4a4a;flex:1;flex-basis:40px;line-height:1;margin-right:5px;max-height:30px;position:relative;text-transform:uppercase;transition:background-color .2s ease-out}@media screen and (min-height:600px){.keyboard-key[data-v-f43e7a61]{flex-basis:45px;max-height:40px}}@media screen and (min-height:900px){.keyboard-key[data-v-f43e7a61]{flex-basis:50px;max-height:50px}}@media screen and (max-width:768px){.keyboard-key[data-v-f43e7a61]{border:0}}.general-key[data-v-f43e7a61]{font-size:.7rem}@media screen and (min-width:500px){.general-key[data-v-f43e7a61]{font-size:.75rem}}@media screen and (min-width:650px){.general-key[data-v-f43e7a61]{font-size:1rem}}.general-key[data-v-f43e7a61]:after{content:"";display:block;margin-top:100%}.multi-key[data-v-f43e7a61]{flex-direction:column;font-size:.75rem}@media screen and (max-height:768px){.multi-key[data-v-f43e7a61]{font-size:.6rem}}.special-key[data-v-f43e7a61]{text-transform:lowercase}.keyboard-key[data-v-f43e7a61]:last-child{margin-right:0}.keyboard-key.is-active[data-v-f43e7a61]{background-color:#3295db;border-color:#3295db;color:#fff}.keyboard-key.is-error[data-v-f43e7a61]{background-color:red;color:#fff}.hands[data-v-f43e7a61]{height:123%;left:0;overflow:hidden;position:absolute;top:3%;width:100%}@media screen and (max-width:768px) and (min-height:768px){.hands[data-v-f43e7a61]{top:7%}}@media screen and (min-width:768px) and (min-height:500px){.hands[data-v-f43e7a61]{height:121%;top:-3%}}@media screen and (min-width:768px) and (min-height:900px){.hands[data-v-f43e7a61]{height:121%;top:0}}@media screen and (min-width:768px) and (min-height:992px){.hands[data-v-f43e7a61]{top:-3%}}.hands img[data-v-f43e7a61]{border:0;height:auto;max-width:none}.hand--left[data-v-f43e7a61]{left:-20.5%;top:-3%;width:74.3%}.hand[data-v-f43e7a61]{position:absolute;transition:transform .1s ease-out}.hand--active[data-v-f43e7a61]{transform:translateY(5px) scale(.98)}.hand--right[data-v-f43e7a61]{left:33.3%;top:0;width:84.2%}.key-label[data-v-f43e7a61]{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;white-space:nowrap;width:100%}.multi-key .key-label[data-v-f43e7a61]:first-child{height:0;overflow:hidden}@media screen and (min-width:500px){.multi-key .key-label[data-v-f43e7a61]:first-child{height:50%}.multi-key .key-label[data-v-f43e7a61]:last-child{height:50%;top:50%}}.special-key .key-label[data-v-f43e7a61]{align-items:flex-end;bottom:5px;display:none;font-size:.375rem;height:calc(100% - 5px);width:calc(100% - 5px)}@media screen and (min-width:640px){.special-key .key-label[data-v-f43e7a61]{display:flex}}@media screen and (min-width:650px){.special-key .key-label[data-v-f43e7a61]{font-size:.625rem}}@media screen and (min-width:1024px){.special-key .key-label[data-v-f43e7a61]{font-size:.75rem}}.special-key .key-label--1[data-v-f43e7a61],.special-key .key-label--2[data-v-f43e7a61]{margin-left:2px}.special-key-l .key-label[data-v-f43e7a61]{justify-content:flex-start;left:5px}.special-key-r .key-label[data-v-f43e7a61]{justify-content:flex-end;right:5px}#delete-key[data-v-f43e7a61]{flex-basis:74px}#tab-key[data-v-f43e7a61]{flex-basis:68px}#caps-key[data-v-f43e7a61],#enter-key[data-v-f43e7a61]{flex-basis:83px}#l-shift-key[data-v-f43e7a61],#r-shift-key[data-v-f43e7a61]{flex-basis:108px}#l-alt-key[data-v-f43e7a61],#l-ctrl-key[data-v-f43e7a61]{flex-basis:50px}#l-cmd-key[data-v-f43e7a61]{flex-basis:70px}#space-key[data-v-f43e7a61]{flex-basis:336px}#r-cmd-key[data-v-f43e7a61]{flex-basis:70px}#r-alt-key[data-v-f43e7a61],#r-ctrl-key[data-v-f43e7a61]{flex-basis:50px}