#keyboard [data-v-5d293848]{box-sizing:content-box!important;box-sizing:initial!important}pre[data-v-5d293848]{margin:0!important}.bottomDiv[data-v-5d293848]{bottom:50px;position:relative}ul[data-v-5d293848]{list-style-type:none}#keyboard[data-v-5d293848]{background-color:#d1d5d7;clear:both;height:262px;margin:0 auto;transform:rotateX(30deg);width:750px}.ul-style[data-v-5d293848]{padding:5px}.key1[data-v-5d293848]{background-color:#e3e3e3;height:40px;line-height:29px;margin-bottom:2px}.key1[data-v-5d293848],.key[data-v-5d293848]{border-radius:2px;cursor:pointer;float:left;margin-left:2px;padding-bottom:15px;padding-left:8px;text-align:left;width:40px}.key[data-v-5d293848]{background:#fff;border-radius:4px;border-top:1px solid #f5f5f5;box-shadow:inset 0 0 25px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;color:#000;height:30px;line-height:40px;font:700 11pt arial;line-height:20px;margin-bottom:5px;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-shadow:0 1px 0 #f5f5f5}.backspace[data-v-5d293848]{width:80px}.backspace1[data-v-5d293848],.backspace[data-v-5d293848]{font-size:12px;line-height:40px}.backspace1[data-v-5d293848]{width:76px}.tab[data-v-5d293848]{font-size:13px;line-height:40px;width:65px}.backslash[data-v-5d293848]{width:55px}.capslock[data-v-5d293848]{font-size:12px;width:75px}.enter[data-v-5d293848]{line-height:40px;padding-left:0;text-align:center;width:102px}.shift-left[data-v-5d293848]{width:96px}.shift-left[data-v-5d293848],.shift-right[data-v-5d293848]{font-size:13px;line-height:40px}.shift-right[data-v-5d293848]{width:123px}.ctrl[data-v-5d293848]{font-size:13px;width:50px}.ctrl[data-v-5d293848],.spacebar[data-v-5d293848]{line-height:40px}.spacebar[data-v-5d293848]{width:260px}.key-def[data-v-5d293848]{line-height:40px}.finger[data-v-5d293848]{background-color:#fff;border-bottom-width:0;border-style:solid;border-top-left-radius:20px;border-top-right-radius:20px;float:left;width:20px}.hand .fin-1_[data-v-5d293848]{height:70px;margin-top:60px}.hand .fin-2_[data-v-5d293848]{height:100px;margin-top:30px}.hand .fin-3_[data-v-5d293848]{height:130px;margin-top:0}.hand .fin-4_[data-v-5d293848]{height:115px;margin-top:15px}.hand .fin-5_[data-v-5d293848],.hand .fin-6_[data-v-5d293848]{height:60px;margin-top:90px}.hand .fin-7_[data-v-5d293848]{height:115px;margin-top:15px}.hand .fin-8_[data-v-5d293848]{height:130px;margin-top:0}.hand .fin-9_[data-v-5d293848]{height:100px;margin-top:30px}.hand .fin-10_[data-v-5d293848]{height:70px;margin-top:60px}.myhands[data-v-5d293848]{margin:0 auto;position:relative;width:250px}.hand[data-v-5d293848]{float:left;margin:0 5px}.dorsal[data-v-5d293848]{background-color:#fff;border-radius:80px;border-style:solid;border-top-left-radius:0;border-top-right-radius:0;border-top-width:0;height:80px;margin-top:130px;width:100px}.activeFinger[data-v-5d293848]{background-color:#4d7ebf;opacity:1}.activeSmallFinger[data-v-5d293848]{background-color:#6ea1e5;opacity:1}.focus[data-v-5d293848]{background-color:#ecffc6!important;opacity:1}.activeKey[data-v-5d293848]{background-color:#4d7ebf!important;color:#fff;opacity:1}#keyboard [data-v-0d291bb6]{box-sizing:content-box!important;box-sizing:initial!important}pre[data-v-0d291bb6]{margin:0!important}.bottomDiv[data-v-0d291bb6]{bottom:50px;position:relative}ul[data-v-0d291bb6]{list-style-type:none}#keyboard[data-v-0d291bb6]{clear:both;height:262px;margin:0 auto;transform:rotateX(30deg);width:750px}.ul-style[data-v-0d291bb6]{padding:5px}.key[data-v-0d291bb6]{border-radius:2px;border-radius:4px;border-top:1px solid #f5f5f5;box-shadow:inset 0 0 3px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;cursor:pointer;float:left;height:30px;line-height:40px;font:700 11pt arial;line-height:20px;margin-bottom:5px;margin-left:2px;padding-bottom:15px;padding-left:8px;text-align:left;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-shadow:0 1px 0 #f5f5f5;width:40px}.backspace[data-v-0d291bb6]{width:80px}.backspace1[data-v-0d291bb6],.backspace[data-v-0d291bb6]{font-size:12px;line-height:40px}.backspace1[data-v-0d291bb6]{width:76px}.tab[data-v-0d291bb6]{font-size:13px;line-height:40px;width:65px}.backslash[data-v-0d291bb6]{width:55px}.capslock[data-v-0d291bb6]{font-size:12px;width:75px}.enter[data-v-0d291bb6]{line-height:40px;padding-left:0;text-align:center;width:102px}.shift-left[data-v-0d291bb6]{width:96px}.shift-left[data-v-0d291bb6],.shift-right[data-v-0d291bb6]{font-size:13px;line-height:40px}.shift-right[data-v-0d291bb6]{width:123px}.ctrl[data-v-0d291bb6]{font-size:13px;width:50px}.ctrl[data-v-0d291bb6],.spacebar[data-v-0d291bb6]{line-height:40px}.spacebar[data-v-0d291bb6]{width:260px}.key-def[data-v-0d291bb6]{line-height:40px}.finger[data-v-0d291bb6]{background-color:#000;border-bottom-width:0;border-style:solid;border-top-left-radius:20px;border-top-right-radius:20px;float:left;width:20px}.hand .fin-1_[data-v-0d291bb6]{height:70px;margin-top:60px}.hand .fin-2_[data-v-0d291bb6]{height:100px;margin-top:30px}.hand .fin-3_[data-v-0d291bb6]{height:130px;margin-top:0}.hand .fin-4_[data-v-0d291bb6]{height:115px;margin-top:15px}.hand .fin-5_[data-v-0d291bb6],.hand .fin-6_[data-v-0d291bb6]{height:60px;margin-top:90px}.hand .fin-7_[data-v-0d291bb6]{height:115px;margin-top:15px}.hand .fin-8_[data-v-0d291bb6]{height:130px;margin-top:0}.hand .fin-9_[data-v-0d291bb6]{height:100px;margin-top:30px}.hand .fin-10_[data-v-0d291bb6]{height:70px;margin-top:60px}.myhands[data-v-0d291bb6]{margin:0 auto;position:relative;width:250px}.hand[data-v-0d291bb6]{float:left;margin:0 5px}.dorsal[data-v-0d291bb6]{background-color:#000;border-radius:80px;border-style:solid;border-top-left-radius:0;border-top-right-radius:0;border-top-width:0;height:80px;margin-top:130px;width:100px}.activeFinger[data-v-0d291bb6]{background-color:#4d7ebf;opacity:1}.activeSmallFinger[data-v-0d291bb6]{background-color:#6ea1e5;opacity:1}.focus[data-v-0d291bb6]{background-color:#363636!important;opacity:1}.activeKey[data-v-0d291bb6]{background-color:#4d7ebf!important;color:#fff;opacity:1}:root{--wordBackground:#4d4d4d;--wordColor:#fff;--currCharBackground:#fb8c00;--currCharOutline:1px solid #727272;--visitedChar:#82ff62;--textAreaBackground:#000;--textAreaColor:#fff;--smoothCurrTop:32px;--smoothCurrWidth:14px;--smoothCurrHeight:29px}#textAreaEl:focus{border:1px solid #43aaff;outline:none!important}#textAreaEl::-webkit-scrollbar{display:none}.char{position:relative;transition:.12s;z-index:3}.highlightWordProgramming{transition:.2s}#smoothHighlight,.highlightWordProgramming{background:#4d4d4d;background:var(--wordBackground);color:#fff;color:var(--wordColor)}#smoothHighlight{left:10px;opacity:1;position:absolute;top:29px;transition:.12s;z-index:2}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background-color:#121212}body::-webkit-scrollbar-thumb{background-color:#5c5c5c;border:1px solid #000;border-radius:35px}.word{padding:5px 3px}.correct{background-color:green;color:#fff}.incorrect{background-color:#e63d3d;color:#fff}.redcolor{background-color:rgba(255,0,0,.1);color:red}span.ret:before{content:"\23CE";font-weight:700}span.ret{font-weight:700;visibility:visible}span.ret.current{color:#fff;visibility:visible}span.ret1:before{color:#fff;content:"\23CE";font-weight:700;padding:0 .1em}span.ret1{font-weight:700;visibility:hidden}span.ret1.current{visibility:visible}span.ret2:before{background-color:rgba(255,0,0,.16);color:red;content:"\23CE";font-weight:700;padding:0 .1em}span.ret2{font-weight:700}span.ret2,span.ret2.current{visibility:visible}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.visitedSpan{color:#82ff62;color:var(--visitedChar)}.lowerOpacity{opacity:.3}#textAreaEl{background:#000;background:var(--textAreaBackground);border:1px solid gray;box-shadow:inset 4px 4px rgba(0,0,0,.1);color:#fff;color:var(--textAreaColor);margin-top:2px;padding:4px 10px;width:100%;word-spacing:11px}#textAreaEl,.textBoxBlock{display:block;font-family:monospace;font-size:22px;font-weight:700;white-space:pre-wrap}.textBoxBlock{background:#f5f5f5;border:1px solid #ccc;height:100px;padding:29px 20px 32px 5px;position:relative;text-align:left}#settingButton{bottom:10px;left:10px;position:fixed}#main::-webkit-scrollbar{display:none}#main{scrollbar-width:none}pre::-webkit-scrollbar{height:7px;width:7px}pre::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}pre::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.5)}#smoothCurrent{background-color:#fb8c00;background-color:var(--currCharBackground);height:29px;height:var(--smoothCurrHeight);left:10px;opacity:1;position:absolute;top:32px;top:var(--smoothCurrTop);transition:.12s;width:14px;width:var(--smoothCurrWidth);z-index:3}.status-cell{align-items:center;border-right:1px solid #3a3a3a;display:flex;flex-direction:column;justify-content:center}.status-cell:last-child{border-right:none}.status-label{color:#6b6a6a;font-size:.85rem;margin-bottom:3px}.status-value{color:#979797;font-size:1rem}.status-time{color:#888;font-size:1.4rem;font-weight:700}.v-card,.v-container{padding:0!important}