@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@700&family=Poppins:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Raleway:wght@400;700&family=Roboto:wght@300;400&display=swap);*{border:none;margin:0;padding:0}*,:after,:before{box-sizing:border-box}a,a:hover,a:link,a:visited{text-decoration:none}aside,footer,header,main,nav,section{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{height:auto;max-width:100%}address{font-style:normal}button,input,select,textarea{background-color:initial;color:inherit;font-family:inherit;font-size:inherit}input::-ms-clear{display:none}button,input[type=submit]{background-color:initial;background:none;box-shadow:none;cursor:pointer;display:inline-block}button:active,button:focus,input:active,input:focus{outline:none}button::-moz-focus-inner{border:0;padding:0}label{cursor:pointer}legend{display:block}#root,.App{min-height:100vh}.App{background-color:#4b4b4b;display:flex;flex-direction:column}.container{margin:0 auto;max-width:1240px;padding:0 15px}.inputText-section{flex-direction:row;font-size:30px;margin-top:50px}.capsLock-warning,.inputText-section{align-items:center;display:flex;font-family:Roboto;justify-content:center}.capsLock-warning{background-color:#c7a900;border-radius:12px;color:#fff;font-size:20px;padding:10px;text-align:center;z-index:10000}.count-wrapper{color:#c7a900;font-family:Roboto;font-size:20px;font-weight:600;padding-top:10px}.top-bar-row{-webkit-column-gap:10px;column-gap:10px;height:40px;justify-content:space-between;margin-bottom:20px}.top-bar-row,.top-bar-row-row{display:flex;flex-direction:row}.top-bar-row-row{-webkit-column-gap:30px;column-gap:30px}.restart-hint{align-items:center;color:#999;display:flex;font-family:Roboto;font-size:18px;justify-content:center;opacity:.8;padding-top:10px;text-align:center}.focus-button-wrapper{position:relative}.focus-button{bottom:0;color:#fff;font-family:Roboto;font-size:20px;left:0;margin:auto;position:absolute;right:0;text-align:center;top:0;z-index:9999}.typingText-input{background-color:initial;caret-color:transparent;color:transparent;display:flex;max-width:1000px;position:absolute}.typingText-wrapper::-webkit-scrollbar{width:0}.typingText-wrapper{align-content:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;height:144px;max-width:1000px;overflow-y:auto;row-gap:10px;scroll-behavior:smooth;white-space:pre-wrap}.blur{-webkit-filter:blur(5px);filter:blur(5px)}.typingLetter{border-left:1.4px solid transparent;color:#a1a1a1;transition:color .1s ease-in;width:20px}.typingLetterCorrect{color:#f6eeee}.typingLetterCorrect,.typingLetterIncorrect{border-left:1.4px solid transparent;transition:color .1s linear;width:20px}.typingLetterIncorrect{color:#ab1111}.typingLetterCaret,.typingLetterCaretAnim{-webkit-animation:cursor-blink 1s infinite;animation:cursor-blink 1s infinite;border-left:2px solid;border-color:rgba(199,184,3,.7);color:#a1a1a1;transition:color .1s linear;width:20px}.typingLetter:empty,.typingLetterCaret,.typingLetterCaretAnim,.typingLetterIncorrect{border-bottom:none}@-webkit-keyframes cursor-blink{0%{border-color:rgba(199,184,3,0)}}@keyframes cursor-blink{0%{border-color:rgba(199,184,3,0)}}.word{opacity:.5}.word,.wordActive{border-bottom:2px solid transparent;height:38px;margin-right:7px}.wordActive{opacity:1}.wordWrong{border-bottom:2px solid #d22a2a}.wordComplete,.wordWrong{height:38px;margin-right:7px}.wordComplete{border-bottom:2px solid transparent}.toolbar-wrapper{-webkit-column-gap:10px;column-gap:10px;display:flex;flex-direction:row;justify-content:center}.restartButton-wrapper{align-items:center;display:flex}.toolbar{margin-bottom:50px;margin-top:30px}.toolCard{background-color:#5d5d5d;border-radius:24px;-webkit-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;padding:12px}.toolCard__button{color:#c2c2c1}.toolCard__button,.toolCard__button__active{align-items:center;display:flex;font-family:Roboto;font-size:20px;font-weight:600}.toolCard__button__active{color:#c7a900}.toolCard__button:hover,.toolCard__button__active:hover{opacity:.6;transition:opacity .2s ease-in}.keyboard{align-items:center;display:flex;justify-content:center;margin-top:10px}.keyboard-wrapper{display:flex;flex-direction:column;row-gap:15px}.row{align-items:center;-webkit-column-gap:10px;column-gap:10px;display:flex;flex-direction:row;justify-content:center}.key{font-family:Roboto;font-size:18px;width:50px}.key,.space{border-radius:3px;height:50px;justify-self:center;padding:6px 12px}.space{font-size:16px;width:300px}.defaultKey{background-color:#333232;opacity:.7}.activeKey,.defaultKey{box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);color:#fff}.activeKey{background-color:#c7a900;opacity:.9}.incorrectKey{background-color:#9c1919;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);color:#fff;opacity:.7}.section-analysis{display:flex;justify-content:center;margin-top:30px}.analysis-title{color:#8b8b8b;font-family:Roboto;font-size:24px;font-weight:600;padding-top:10px;text-align:center}.analysis-wrapper{background-color:#5d5d5d;border-radius:24px;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);display:flex;flex-direction:column;padding:12px;row-gap:10px}.itemValue{align-items:center;background-color:#333232;border:2px solid #333232;border-radius:10px;box-shadow:inset 0 30px 60px -12px rgba(50,50,93,.25),inset 0 18px 36px -18px rgba(0,0,0,.3);color:#ffcd4b;display:flex;font-family:Roboto;font-size:20px;font-weight:600;min-height:40px;opacity:.8;padding:20px;transition:all .4 ease-in-out}.itemValue:hover{border:2px solid #ffcd4b}.button{align-items:center;-webkit-column-gap:20px;column-gap:20px;display:flex;flex-direction:row;justify-content:center;padding:20px 20px 0}.hint{color:#999;display:flex;font-family:Roboto;font-size:18px;opacity:.8;padding:5px}.header{background-color:#363636;min-height:120px}.header-row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:20px 0}.header-links{display:flex;flex-direction:column}.nav-list__item{list-style-type:none}.nav-list__item:hover{opacity:.6;transition:opacity .2s ease-in}.nav-list{-webkit-column-gap:30px;column-gap:30px;display:flex;flex-direction:row;padding:20px 0}.auth-wrapper{display:flex;justify-content:center;margin-top:250px}.auth-warning{display:flex;flex-direction:column}.auth-warning-text{color:#ababab;font-family:Microsoft YaHei UI;font-size:28px;max-width:700px;text-align:center}.auth-warning-buttons{display:flex;flex-direction:row;gap:20px;justify-content:center;margin-top:50px}.auth-warning-btn{background-color:#c7a900;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);color:#fff;font-family:Microsoft YaHei UI;font-size:24px;height:60px;opacity:.8;transition:all .2s ease-in;width:180px}.auth-warning-btn:hover{opacity:1}.modal-form{background-color:#3f3f3f;border-radius:12px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);font-family:Roboto;left:50%;max-width:440px;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal-form,.overlay{position:fixed;width:100%}.overlay{background:rgba(1,1,1,.33);height:100%;left:0;top:0;transition:opacity .2s ease}.form-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;row-gap:20px}.form-title-wrapper{background-color:#282828;border-top-left-radius:12px;border-top-right-radius:12px;height:60px;margin-bottom:20px;width:100%}.form-title{color:#c7a900;font-size:32px;margin-top:10px;text-align:center}.form-col,.form-title{align-items:center;justify-content:center}.form-col{display:flex;flex-direction:column}.form-input{align-items:center;border:2px solid;border-radius:4px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);color:#939393;-webkit-column-gap:10px;column-gap:10px;display:flex;flex-direction:row;font-size:20px;height:50px;opacity:.8;padding:10px;text-align:center;transition:all .2s ease-in;width:260px}.form-input:hover{opacity:1}.form-btn{background-color:#c7a900;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;margin-bottom:20px;opacity:.8;padding:4px;text-align:center;transition:all .2s ease-in;width:180px;width:240px}.form-btn:hover{opacity:1}.form-placeholder{color:#939393;font-size:20px;opacity:.8;transition:all .2s ease-in}.form-placeholder:hover{opacity:1}.email-error,.password-error,.repeat-password-error,.username-error{color:#ab1111;font-size:18px;margin-top:10px;text-align:center}
/*# sourceMappingURL=main.26e529c6.css.map*/