.typing-input[data-v-9c31f7e0]{position:fixed;left:0;top:0;opacity:0;overflow:hidden;pointer-events:none}@font-face{font-family:Sarabun;font-weight:700;src:url(../kcdata/font/Sarabun-SemiBold-2.1.290.woff2) format("woff2"),url(../kcdata/font/Sarabun-SemiBold-2.1.290.woff) format("woff");font-display:swap}.typing-backspace[data-v-745963ba]{opacity:0;transition:all .5s;z-index:2;position:relative;text-align:center}.typing-backspace.typing-backspace-show[data-v-745963ba]{opacity:1}.typing-backspace .el-icon-back[data-v-745963ba]{font-size:48px}.typing-backspace .el-icon-close[data-v-745963ba]{color:red;transform:translate(-10%,-20%);font-size:32px;font-weight:700;position:absolute;left:50%;top:25%}.typing-engine-view[data-v-745963ba]{position:relative;min-height:100px;border-radius:15px;margin:auto;padding:10px;box-shadow:0 0 5px rgba(0,0,0,.01);color:#2c3e50}.typing-engine-view>.inner[data-v-745963ba]{height:calc(100vh - 180px)}.typing-engine-view .status[data-v-745963ba]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);border-radius:15px;color:#fff}.typing-engine-view .status .txt[data-v-745963ba]{position:absolute;top:50%;left:0;width:100%;text-align:center;transform:translateY(-50%)}.typing-engine-view .status .tip[data-v-745963ba]{padding:40px 0 0 15px;font-size:16px}.typing-engine-view .status .tip .iconfont[data-v-745963ba]{font-size:26px}.typing-engine-view .row[data-v-745963ba]{display:flex;margin-top:10px;overflow:hidden}.typing-engine-view .row[data-v-745963ba]:first-child{margin-top:-5px}.typing-engine-view .row>.word[data-v-745963ba]{display:flex}.typing-engine-view .row>.word .char[data-v-745963ba]{font-family:Sarabun;position:relative;padding:5px 0;text-align:center;display:flex;align-items:flex-end;box-sizing:content-box}.typing-engine-view .row>.word .keyb-icon[data-v-745963ba]{font-size:inherit}.typing-engine-view .row>.word .keyb-icon[data-v-745963ba]:before{opacity:.3}.typing-engine-view .row>.word .recite[data-v-745963ba]{opacity:.01}.typing-engine-view .row>.word .err[data-v-745963ba]{color:#8b0000;background:pink}.typing-engine-view .row>.word .pass[data-v-745963ba]{color:#0e630e;background:#e7fbd3}.typing-engine-view .row>.word .ret[data-v-745963ba]{opacity:1;background:#ffe9b2;color:green}.typing-engine-view .row>.word .focus[data-v-745963ba]{animation:border-color-animation-745963ba 1s infinite;border-radius:0;min-width:1px}.typing-engine-view .input[data-v-745963ba]{border:1px solid #ccc;box-shadow:0 0 0 5px rgba(0,0,0,.05);background-color:#fff;border-radius:5px}.typing-engine-view .input>.word .char[data-v-745963ba]{transition:none}.typing-engine-view .input>.word .err[data-v-745963ba]{color:inherit;background:transparent}.typing-engine-view .input>.word .focus[data-v-745963ba]{border-right:2px solid transparent}.typing-engine-view .input>.word .focus.err[data-v-745963ba]{border-right:0;border-left:2px solid transparent}.typing-engine-view .input>.word .zanWei[data-v-745963ba]{opacity:0;width:1px;min-width:1px;overflow:hidden;padding-left:0;padding-right:0;margin-left:-1px}.typing-view-en .keyb-icon-space[data-v-745963ba]:before{font-size:1rem}.typing-fontSize-large[data-v-745963ba]{font-size:38px}.typing-fontSize-large .char[data-v-745963ba]{height:38px}.typing-fontSize-default[data-v-745963ba]{font-size:32px}.typing-fontSize-default .char[data-v-745963ba]{height:32px}.typing-fontSize-medium[data-v-745963ba]{font-size:26px}.typing-fontSize-medium .char[data-v-745963ba]{height:26px}.typing-fontSize-small[data-v-745963ba]{font-size:20px}.typing-fontSize-small .char[data-v-745963ba]{height:20px}.typing-fontSize-mini[data-v-745963ba]{font-size:16px}.typing-fontSize-mini .char[data-v-745963ba]{height:16px}.typing-theme-dark .typing-engine-view[data-v-745963ba]{color:hsla(0,0%,100%,.5)}.typing-theme-dark .typing-engine-view .input[data-v-745963ba]{border:1px solid hsla(0,0%,100%,.2);background-color:hsla(0,0%,100%,.2)}.typing-theme-dark .typing-engine-view .row>.word .err[data-v-745963ba]{background-color:rgba(255,192,203,.7)}.typing-theme-dark .typing-engine-view .row>.word .pass[data-v-745963ba]{background-color:rgba(231,251,211,.7)}@keyframes border-color-animation-745963ba{0%{border-color:#000}50%{border-color:transparent}to{border-color:#000}}@keyframes bounce-up-745963ba{25%{transform:translateX(10px)}50%,to{transform:translateX(0)}75%{transform:translateX(-10px)}}.typing-backspace[data-v-7933266e]{opacity:0;transition:all .5s;position:relative;z-index:2;text-align:center}.typing-backspace img[data-v-7933266e]{width:67px;height:48px;margin:auto;display:block;position:absolute;left:50%;transform:translateX(-50%)}.typing-backspace.typing-backspace-show[data-v-7933266e]{opacity:1}.typing-backspace .el-icon-back[data-v-7933266e]{font-size:48px}.typing-backspace .el-icon-close[data-v-7933266e]{color:red;transform:translate(-10%,-20%);font-size:32px;font-weight:700;position:absolute;left:50%;top:25%}.typing-word[data-v-7933266e]{padding:50px;text-align:center}.typing-word>.word.write .char[data-v-7933266e]{border-bottom:2px solid rgba(0,0,0,.3);color:transparent}.typing-word>.word[data-v-7933266e]{display:flex;align-items:center;justify-content:center;line-height:1}.typing-word>.word>.char[data-v-7933266e]{font-size:72px;position:relative;padding:0 3px;margin:0 3px}.typing-word>.word>.char[data-v-7933266e]:after{content:"";position:absolute;left:0;top:0;height:100%;border-left:2px solid transparent}.typing-word>.word .audioBtn[data-v-7933266e]{cursor:pointer}.typing-word>.word .keyb-icon[data-v-7933266e]{opacity:.2;color:inherit!important}.typing-word>.word .err[data-v-7933266e]{animation:bounce-up-7933266e .2s linear 2;color:#8b0000!important;background:pink}.typing-word>.word .pass[data-v-7933266e]{color:#0e630e!important;background:#e7fbd3}.typing-word>.word .ret[data-v-7933266e]{background:#ffe9b2;color:green}.typing-word>.word .focus[data-v-7933266e]:after{animation:border-color-animation-7933266e 1s infinite}.typing-word>.phone[data-v-7933266e]{padding:15px 0;font-size:24px;opacity:.5}.typing-word>.trans[data-v-7933266e]{padding:15px 0;font-size:24px}.typed-video[data-v-7933266e]{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}@keyframes border-color-animation-7933266e{0%{border-color:#000}50%{border-color:transparent}to{border-color:#000}}@keyframes bounce-up-7933266e{25%{transform:translateX(10px)}50%,to{transform:translateX(0)}75%{transform:translateX(-10px)}}@media screen and (max-width:430px){.typing-word[data-v-7933266e]{padding:15px}.typing-word>.word>.char[data-v-7933266e]{font-size:36px}.typing-word>.trans[data-v-7933266e],.typing-word>.word>i[data-v-7933266e]{font-size:18px}}.keyboard-box[data-v-6254a741]{width:685px;height:255px;position:relative;margin:auto;overflow:hidden;border:1px solid #eee;border-radius:10px;backdrop-filter:blur(35px);background:transparent}.keyboard-hand[data-v-6254a741]{position:absolute;pointer-events:none;height:363px;top:0;left:0;opacity:.8;transform:translateX(55px) scale(1.55)}.active-key-pointer[data-v-6254a741]{display:none;position:absolute}.active-key-pointer[data-v-6254a741]:before{animation:animate1-6254a741 3s steps(25,jump-none) infinite;animation-delay:.6s}.active-key-pointer[data-v-6254a741]:after,.active-key-pointer[data-v-6254a741]:before{content:"";display:block;background:radial-gradient(transparent 20%,#0383f2);opacity:0;position:absolute;top:0;left:50%;margin-left:-20px;width:40px;height:40px;border-radius:50%}.active-key-pointer[data-v-6254a741]:after{animation:animate2-6254a741 3s steps(25,jump-none) infinite;animation-delay:.6s}@keyframes animate1-6254a741{0%{transform:scale(1);opacity:0}25%{transform:scale(3);opacity:.2}80%{transform:scale(1)}to{opacity:0}}@keyframes animate2-6254a741{0%{transform:scale(1);opacity:0}35%{transform:scale(2);opacity:.3}85%{transform:scale(1);opacity:0}}@media screen and (max-width:430px){.keyboard-box[data-v-6254a741]{width:320px}.keyboard-hand[data-v-6254a741]{height:180px;transform:translateX(20px) scale(1.55)}.active-key-pointer[data-v-6254a741]:after,.active-key-pointer[data-v-6254a741]:before{width:10px;height:10px;margin-left:-5px}}@font-face{font-family:keyb-icon;src:url(data:font/woff2;base64,d09GMgABAAAAAAMUAAsAAAAABxAAAALHAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDHAqBOIE7ATYCJAMQCwoABCAFhHMHPRtEBsiemjyBhBAoxBpJ2sDgaIogWkNn7y4A4JgUcMGVLbGrjKokNqI1IspEFVBX///N6W95iOo2D0gKIUl/Wr686w2YjJhQAKTJzW+1PF64vAaci1dAAz4bAFXRPjo8aGATfsDRV9k/tfhA/gX5h7ELXMI1Ao0W5VIflFbXge8jgbsgkpblDtLReGQ1C2DkeUWBrXqhtu/aIt7QkZ6mJ+B16H/8kxhGkprMOuTcnRITnP1e+POZx6oxgHzCdwnwsoQaZMwChbjXXr9BI+pYjcbfaK0D9eolftb8vP5zUlVxkL3z+C+PkGSiljXcDFZhI/OzxuUIfl5zJP58tmT8Fas+HlgEtlnWcPipkER9aRg6Av/wTB150EvbeKe2vq6m0VfVduS58AG0zfHkU3Dd1lhI/fauStXy/FilKxyW3nX70fyx4TvVCms31uug7u7lYYX2P9zf76jrgNRkz9YUafU/z9ZMLS/TaGOUd9fESV3Vf2R9ZKC2CBSAiubCLQD5c9oAVY1F7QAV7je+dLUt+399UwFff3vaw1xFC/3FzyRqwkc123o6Fr1AKXWKa4vIGhpdTWi0Q3zFNp2+57C6eg8TGnSlSOoMI2swQhRmFjWarKFWgx00mlGxuUkXTiNKA8bNAoROB0haHSPr9EwU5gc1ev2hVmcY0OhKROzXZDxoEUOBo4mI/cQqUZfs9HA79osx6ngNmrsdApNKVGlA5rbCMkmIjS+3ytCFbJoF7h5zIucykRl1ktL5LkOHgxKFURtKPNbCuZIZFyfX3SVWok4owiABh0wIUT/CSkK5yH6Vs0OYFsVw/2ogs24OAtY2pUQ0RBk349F8RIJY8X2IMsPVb+KObnHrYZaI42SEjKGciNI9eiEHB4pQ6r1skISLZRlRVWSKs53kvkbsupbzG/JsBuvAEilylKhR81gRJNRwQdThVcYYAAA=) format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAASoAAsAAAAABxAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAARAAAAGA8Z0ysY21hcAAAAYgAAABjAAABnLg0KQFnbHlmAAAB7AAAALgAAAC4PkdC1mhlYWQAAAKkAAAALwAAADYo624BaGhlYQAAAtQAAAAcAAAAJAfeA4VobXR4AAAC8AAAAA4AAAAQEAAAAGxvY2EAAAMAAAAACgAAAAoAbgAwbWF4cAAAAwwAAAAeAAAAIAEQACduYW1lAAADLAAAAU0AAAJz4CAk6nBvc3QAAAR8AAAALAAAAD2w9q89eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGFhYJzAwMrAwNTJdIaBgaEfQjO+ZjBi5ACKMrAyM2AFAWmuKQwHngW9vMPc8L+BgYH5DgOQZGBEUcQEAIV1DZF4nO2QwQ2AQAgEB1FzMZbi01iIJfiy0evi3pdYhQLnwyJcMgQ2hMcCA6DGYvQgJ4LrMFfCV6bwezbbk1UHda/5Kvf9nUISFymmzj/LyK85+vpu6qk1POOaG57rVRroA8DhGQIAAAEAAP+4A8IAxwAHAAAlFSE1IxEhEQOG/PQ8A4TH0tL+8gEOAAIAAAAAA6oCkgADAAwAAAEzESMBNwkBJzchNSEDVlRU/pg8AQD/ADya/aICXgKR/gABxDz/AP8APJpUAAEAAP+8A2gCbAAaAAABIyIGFREhNTQmDwEGFB8BFjY9ASEyNjURNCYDYDwDBf4aCQSOAwOOBAkB8homBQJrBAT9+kkFBQNwAwgCcAMEBUsmGgISBAQAAHicY2BkYGAAYoHVj0/H89t8ZeBmYQCBR89EYxH0/x0sDEyTgFwOBiaQKAA+mArnAHicY2BkYGBu+N/AEMPCAAJAkpEBFbAAAEcKAm14nGNhYGBgQcIAALAAEQAAAAAAAAASADAAXAAAeJxjYGRgYGBhkGZgYgABEMkFhAwM/8F8BgALhwE4AAB4nG2PS2oCQRCG//ERUSELA4FAFg0BN4njA7JxFRCUbF2417HH1zgtPa0wJ8hpcoacIFdIzpAb5HeszMI4TTdffVVdXQOggS94OH033Cf2UGV04gIquBcu0j8Il8hPwmXU8Sx8Rf8iXMMjXoXr7OjYwStVGTXxJuxxhnfhAq7xIVyk/xQukb+Fy7jFj/AVGl5FuIaJdydcR9MzA6unTs/VLFWrwMShid1Gp7PWMRjrxT6a2jzOYaJtsjKx6vqd3I10rO1fq+Sw6DkXqtCarRqyp44io3bWrHXg/KVzu367HYr3A7PFABYaU/68xhwKM6Q8VwhgECPMTocNsylzrTwzpllgj4h37YX8fzOhsUgYHyOFLnx0LtSNaOKs9nyqBAe+2aN1nExxW97YkoYyp+Y8EVlhl+XWNAG9j2V2a4c+2lzhWb2fvb39Bd+qb8YAAAB4nGNgYoAALgbsgIWRiZGZkYWRlYG1uCAxOZW5JDGJNTWvJLWIgQEAOwUFkQ==) format("woff"),url(data:font/ttf;base64,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) format("truetype")}.keyb-icon{font-family:keyb-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.keyb-icon-space:before{content:"\e652"}.keyb-icon-tab:before{content:"\e6c5"}.keyb-icon-enter:before{content:"\e9dc"}#vkeyboardkeys>svg{direction:ltr;background:none}#vkeyboardkeys>svg.standard-kb .st0{fill:none;stroke:#777;stroke-width:.5;stroke-miterlimit:10}#vkeyboardkeys>svg.standard-kb .st1{opacity:0;font-family:ArialMT,Arial,Helvetica,"sans-serif";font-size:15px}#vkeyboardkeys>svg.standard-kb .st2{opacity:1;fill:#777}#vkeyboardkeys>svg.standard-kb .b{font-size:26px}#vkeyboardkeys>svg.standard-kb .b2{font-size:24px}#vkeyboardkeys>svg.standard-kb .s{font-size:12px}#vkeyboardkeys>svg.standard-kb path.active{fill:#79bbff}#vkeyboardkeys>svg.standard-kb path.deadkey{fill:orange}#vkeyboardkeys>svg.standard-kb path.correct{stroke:#c2ea9a;stroke-width:4}#vkeyboardkeys>svg.standard-kb path.incorrect{fill:#e97e7e}#vkeyboardkeys>svg.standard-kb path.clickable:hover{cursor:pointer;stroke-width:2px}#vkeyboardkeys>svg.standard-kb text{-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}#vkeyboardkeys>svg.standard-kb text.active,#vkeyboardkeys>svg.standard-kb text.incorrect{fill:#fff}#vkeyboardkeys>svg.theme-bone .st0{fill:#fff;stroke-width:1;stroke:#d1d1d1}#vkeyboardkeys>svg.theme-bone .st0.active{fill:#0383f2}#vkeyboardkeys>svg.theme-bone .st0.incorrect{transition:none;fill:#f5687c}#vkeyboardkeys>svg.theme-bone .st1{font-size:14px}#vkeyboardkeys>svg.theme-bone .st2{opacity:0}#vkeyboardkeys>svg.theme-bone .s{font-size:11px}#vkeyboardkeys>svg.theme-bone .b{font-size:24px}#vkeyboardkeys>svg.theme-bone .b.incorrect{opacity:1;transition:none}#vkeyboardkeys>svg.theme-bone .b.focus-row{opacity:1}#vkeyboardkeys>svg.theme-bone .hide-on-bone{opacity:0}#vkeyboardkeys>svg.theme-bone .st0,#vkeyboardkeys>svg.theme-bone text{transition:fill .5s,opacity 1.2s;transition-delay:.25s}#vkeyboardkeys>svg.is-blind .st0{fill:#272822;stroke:#858585}#vkeyboardkeys>svg.is-blind .st2{fill:#d7ff12}#vkeyboardkeys>svg.is-blind .b{font-size:30px}#vkeyboardkeys>svg.is-blind .b2{font-size:28px}#vkeyboardkeys>svg.is-blind path.active{fill:#79bbff}#vkeyboardkeys>svg.is-blind path.deadkey{fill:orange}#vkeyboardkeys>svg.is-blind path.incorrect{fill:#e97e7e}.farsi-font #vkeyboardkeys>svg .b{font-size:19px}.farsi-font #vkeyboardkeys>svg .st1{font-family:YekanBold}.typing-view-info[data-v-5fcd301e]{padding:10px 0}.typing-view-info .inner[data-v-5fcd301e]{display:flex;align-items:center;justify-content:space-between}.typing-view-info .title[data-v-5fcd301e]{font-size:32px}.typing-view-info .status[data-v-5fcd301e]{flex:1;display:flex;align-items:center;justify-content:center}.typing-view-info .status .item[data-v-5fcd301e]{display:flex;align-items:center;padding:0 10px}.typing-view-info .status .item .lb[data-v-5fcd301e]{font-size:12px;padding-right:5px;opacity:.5}.typing-view-info .status .item .val[data-v-5fcd301e]{font-size:24px}.typing-view-info .status .item .unit[data-v-5fcd301e]{font-size:12px;color:#999}.typing-view-info .status .item.fontcount .val[data-v-5fcd301e]{font-size:12px}[data-v-62794336] .el-dialog{border-radius:15px}[data-v-62794336] .el-button--small{padding:5px 10px;border-radius:100px}[data-v-62794336] .el-button--small [class*=" el-icon-"],[data-v-62794336] .el-button--small [class^=el-icon-]{font-size:20px}[data-v-62794336] .el-button--small *{vertical-align:middle}.typing-complate-pop[data-v-62794336]{text-align:center}.typing-complate-pop[data-v-62794336] .el-dialog{padding:5px}.typing-complate-pop[data-v-62794336] .el-dialog__header{border-radius:15px;background-color:rgba(255,102,0,.1607843137254902);padding:15px}.typing-complate-pop[data-v-62794336] .el-dialog__header .el-dialog__title{color:#f60}.typing-complate-pop[data-v-62794336] .el-dialog__body{padding:15px 0}.typing-complate-pop[data-v-62794336] .el-dialog__footer{text-align:center}.typing-complate-pop .speed-box[data-v-62794336]{display:flex;align-items:center;justify-content:center}.typing-complate-pop .speed-box .val[data-v-62794336]{font-size:36px;font-weight:700;margin:0 15px}.typing-complate-pop .content[data-v-62794336]{padding:20px;display:grid;grid-template-columns:1fr 1fr 1fr}.typing-complate-pop .content .item[data-v-62794336]{display:flex;align-items:center;padding:10px 0}.typing-complate-pop .content .item .lb[data-v-62794336]{font-size:12px;padding-right:5px;width:70px}.typing-complate-pop .content .item .val[data-v-62794336]{font-size:26px}.typing-complate-pop .content .item .warn[data-v-62794336]{color:#f60}.typing-complate-pop .content .item .unit[data-v-62794336]{padding-left:5px;font-size:12px}.driver-active *,.driver-active .driver-overlay{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px rgba(0,0,0,.4);z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:focus,.driver-popover-close-btn:hover{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:focus,.driver-popover-footer button:hover{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start,.driver-popover-arrow-side-top.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end,.driver-popover-arrow-side-top.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center,.driver-popover-arrow-side-top.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}.el-scrollbar__wrap[data-v-0ff24187]{overflow:hidden}.typing-train-header[data-v-0ff24187]{display:flex;justify-content:space-between;align-items:center}.typing-train-header>.title[data-v-0ff24187]{font-size:24px;font-weight:700}.typing-train-header>.setting[data-v-0ff24187]{padding:0 10px;white-space:nowrap}.typing-train-header>.setting .el-button[data-v-0ff24187]{padding:8px;margin:0;border-radius:0}.typing-train-header>.setting .el-button>i[data-v-0ff24187]{font-size:24px}.typing-train-header>.setting .el-button>i[data-v-0ff24187],.typing-train-header>.setting .el-button>span[data-v-0ff24187]{vertical-align:middle}.typing-train-header>.setting .el-button[data-v-0ff24187]:last-child{border-radius:0 5px 5px 0}.typing-train-header>.setting>span .el-button[data-v-0ff24187]{border-radius:0!important}.typing-train-header>.setting>span:first-child .el-button[data-v-0ff24187]{border-radius:5px 0 0 5px!important}.typing-train-input[data-v-0ff24187]{width:100%}.typing-train-input .el-input-group__append[data-v-0ff24187],.typing-train-input .el-input-group__prepend[data-v-0ff24187]{padding:0}.typing-train-input .el-button[data-v-0ff24187]{padding:0 5px;margin:0}.typing-train-tabs[data-v-0ff24187]{margin-top:10px;width:300px}.typing-train-tabs .el-tabs__header[data-v-0ff24187]{margin:0}.typing-train-tabs .el-tabs__item[data-v-0ff24187]{padding:0 5px!important;line-height:30px;height:30px}.typing-train-course[data-v-0ff24187]{max-height:200px;width:300px;overflow:auto}.typing-train-course>.item[data-v-0ff24187]{margin:3px 0;padding:5px 30px 5px 5px;border-radius:5px;cursor:pointer;position:relative;line-height:25px}.typing-train-course>.item[data-v-0ff24187]:hover{background:#f5f5f5}.typing-train-course>.item.active[data-v-0ff24187]{background:#85ce61;color:#fff}.typing-train-course>.item .tool[data-v-0ff24187]{position:absolute;right:0;top:0;line-height:25px;padding:5px 10px}.typing-train-course>.item .tool i[data-v-0ff24187]{margin:0 5px}.typing-setting-form[data-v-0ff24187]{min-width:200px}.typing-setting-form .el-form-item[data-v-0ff24187]{display:flex;justify-content:space-between}.typing-setting-form .el-form-item[data-v-0ff24187]:after,.typing-setting-form .el-form-item[data-v-0ff24187]:before{display:none}.typing-ad[data-v-0ff24187]{height:100px;text-align:center;background-color:#eee}@media screen and (max-width:430px){.typing-train-header[data-v-0ff24187],.typing-view-info[data-v-0ff24187]{display:block!important;text-align:center}}.typing-main[data-v-0ff24187]{min-height:calc(-200px + 100vh);height:100%;display:flex;flex-direction:column}.typing-main[data-v-0ff24187] .typing-engine{flex:1}