@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbit&display=swap);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}::selection{background-color:#73a8f8b3}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa}body.no-scroll{overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{display:flex;flex-direction:column;min-height:100vh}.main-page{flex-grow:1;margin:auto;max-width:100%}.button{cursor:pointer;margin:auto;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.button .button-text{background-color:#f4f4f4;border:1px solid #d8d8d8;border-radius:5px;color:#111;display:block;font-size:15px;font-weight:500;padding:7px 14px;text-decoration:none;-webkit-user-select:none;user-select:none}.button .button-text:hover{background-color:#fafafa}.button.fill-button .button-text{background-color:#1362c8;border:1px solid #5396ee;color:#fff}.button.outline-button .button-text{background-color:initial;border:2px solid #297dea;color:#1362c8}header{background-color:#fefefe;flex-wrap:wrap;gap:0;max-width:100%;min-height:20px;position:relative;z-index:998}header #left-nav{left:60px;position:absolute;top:50%;translate:0 -50%}header #left-nav #header-logo{color:#000;font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:1px}header #center-nav{background-color:#fefefe;display:flex;gap:30px;height:100%;justify-content:center;width:100%}header #center-nav .nav-element{align-items:center;color:#000c;cursor:pointer;display:flex;font-size:16px;font-weight:600;padding-bottom:15px;padding-top:18px;text-align:center;text-decoration:none;transition:all .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}header #center-nav .nav-element+.nav-dropdown-container{background-color:#333;bottom:0;display:flex;height:210px;justify-content:center;padding:40px 0 50px;position:absolute;width:100%;z-index:-1}header #center-nav .nav-element+.nav-dropdown-container:hover{bottom:-210px}header #center-nav .nav-element+.nav-dropdown-container .nav-dropdown-wrapper{display:flex;gap:60px}header #center-nav .nav-element+.nav-dropdown-container .nav-dropdown-column{display:flex;flex-direction:column;gap:5px}header #center-nav .nav-element+.nav-dropdown-container .nav-dropdown-column .nav-dropdown-label{color:#ffffff80;font-size:12px}header #center-nav .nav-element+.nav-dropdown-container .nav-dropdown-column .nav-dropdown-link{align-items:center;color:#fff;display:flex;font-size:16px;gap:2px;text-decoration:none}header #center-nav .nav-element+.nav-dropdown-container .nav-dropdown-column .nav-dropdown-link svg{fill:#fff;height:auto;width:20px}header #center-nav .nav-element#korean-nav-element+#korean-dropdown-container .nav-dropdown-wrapper{padding-right:80px}header #center-nav .nav-element#korean-nav-element+#korean-dropdown-container.hide-dropdown{display:none}header #center-nav .nav-element#korean-nav-element:hover+#korean-dropdown-container{bottom:-210px;transition:.3s ease}header #center-nav .nav-element#english-nav-element+#english-dropdown-container .nav-dropdown-wrapper{padding-left:80px}header #center-nav .nav-element#english-nav-element+#english-dropdown-container.hide-dropdown{display:none}header #center-nav .nav-element#english-nav-element:hover~#english-dropdown-container{bottom:-210px;transition:.3s ease}header #right-nav{display:flex;gap:30px;position:absolute;right:60px;top:50%;translate:0 -50%}header #right-nav a{align-items:center;color:#000000b3;display:flex;font-size:16px;font-weight:600;gap:4px;justify-content:center;text-decoration:none}header #right-nav a svg{fill:#000000b3;height:auto;width:23px}header #mobile-nav{display:none}header #mobile-nav *{color:#fff}header #mobile-nav * svg{fill:#fff;height:auto;width:26px}header #mobile-nav span{font-size:21px}header #mobile-nav a{text-decoration:none}@media only screen and (max-width:1024px){header{display:flex;justify-content:space-between}header #left-nav{left:0;padding-bottom:15px;padding-left:30px;padding-top:18px;position:relative;top:0;translate:0}header #center-nav,header #right-nav{display:none}header #mobile-nav{display:block;margin:auto 0;padding-right:30px}header #mobile-nav .mobile-nav-open-close-label{cursor:pointer;display:block;-webkit-user-select:none;user-select:none;z-index:999}header #mobile-nav .mobile-nav-open-close-label svg{fill:#000;height:auto;vertical-align:bottom;width:26px}header #mobile-nav .mobile-nav-overlay-and-block{height:100%;left:0;position:fixed;top:0;-webkit-user-select:none;user-select:none;visibility:hidden;width:100%;z-index:998}header #mobile-nav .mobile-nav-overlay-and-block .mobile-nav-overlay{background-color:#0003;height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;width:100%}header #mobile-nav .mobile-nav-overlay-and-block .mobile-nav-block{background-color:#333;border-bottom-left-radius:10px;border-top-left-radius:10px;height:100%;max-width:85vw;position:absolute;right:0;right:-100%;transition:all .3s ease;width:800px}header #mobile-nav .mobile-nav-overlay-and-block .mobile-nav-block .mobile-nav-block-content{display:flex;flex-direction:column;margin-left:60px;margin-top:100px}header #mobile-nav .mobile-nav-overlay-and-block .mobile-nav-block .mobile-nav-block-content .mobile-nav-element{align-items:center;cursor:pointer;display:inline-flex;gap:4px;-webkit-user-select:none;user-select:none;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}header #mobile-nav .mobile-nav-overlay-and-block .mobile-nav-block .mobile-nav-block-content .mobile-nav-element.mobile-nav-menu-element{margin-bottom:15px}header #mobile-nav .mobile-nav-overlay-and-block .mobile-nav-block .mobile-nav-block-content .mobile-nav-dropdown-group{margin-bottom:30px}header #mobile-nav .mobile-nav-overlay-and-block .mobile-nav-block .mobile-nav-block-content .mobile-nav-dropdown-group .mobile-nav-dropdown-open-close-element.opened span{color:#fff9}header #mobile-nav .mobile-nav-overlay-and-block .mobile-nav-block .mobile-nav-block-content .mobile-nav-dropdown-group .mobile-nav-dropdown-open-close-element.opened svg{fill:#fff9;rotate:180deg}header #mobile-nav .mobile-nav-overlay-and-block .mobile-nav-block .mobile-nav-block-content .mobile-nav-dropdown-group .mobile-nav-dropdown-hidden-group{display:flex;flex-direction:column;height:0;margin-left:15px;overflow:hidden;transition:all .3s ease}header #mobile-nav .mobile-nav-overlay-and-block .mobile-nav-block .mobile-nav-block-content .mobile-nav-dropdown-group .mobile-nav-dropdown-hidden-group .mobile-nav-element{margin-top:15px}header #mobile-nav .mobile-nav-overlay-and-block .mobile-nav-block .mobile-nav-block-content .mobile-nav-dropdown-group .mobile-nav-dropdown-hidden-group.open{height:225px}header #mobile-nav .mobile-nav-open-close-input{display:none}header #mobile-nav .mobile-nav-open-close-input~.mobile-nav-open-close-label #menu-icon{display:block}header #mobile-nav .mobile-nav-open-close-input~.mobile-nav-open-close-label #close-icon{fill:#fff;display:none}header #mobile-nav .mobile-nav-open-close-input:checked~.mobile-nav-open-close-label{position:fixed;right:30px;top:16px}header #mobile-nav .mobile-nav-open-close-input:checked~.mobile-nav-open-close-label #menu-icon{display:none}header #mobile-nav .mobile-nav-open-close-input:checked~.mobile-nav-open-close-label #close-icon{display:block}header #mobile-nav .mobile-nav-open-close-input:checked~.mobile-nav-overlay-and-block{-webkit-user-select:all;user-select:all;visibility:visible}header #mobile-nav .mobile-nav-open-close-input:checked~.mobile-nav-overlay-and-block .mobile-nav-overlay{opacity:1}header #mobile-nav .mobile-nav-open-close-input:checked~.mobile-nav-overlay-and-block .mobile-nav-block{right:-100%;right:0}}footer{display:flex;flex-flow:column;font-size:12px;margin:auto;max-width:100%;padding:10px;text-align:center;width:980px}footer nav{display:flex;gap:16px;list-style:none;margin:auto auto 10px}footer nav .nav-link{color:#000;display:block;position:relative;text-decoration:none;white-space:nowrap}footer nav .nav-link.active{color:#000000b3}footer nav .nav-link.active:hover{cursor:default}footer nav .nav-link:hover{color:#000000b3;cursor:pointer}footer nav .nav-link:not(:last-child):before{background-color:#000;content:"";height:90%;position:absolute;right:-8px;top:50%;translate:0 -50%;width:1px}footer #copyright a{color:#000;text-decoration:none}#home-page{display:flex;flex-direction:column;margin-bottom:100px;max-width:100%;padding:0 15px;width:1010px}#home-page .content-paragraph{font-size:20px;text-align:center}#home-page .image-container{width:100%}#home-page .image-container .home-image-placeholder{aspect-ratio:16/9;background-color:#0000004d;border-radius:20px;margin:auto;max-width:100%;width:750px}@media only screen and (max-width:1024px){#home-page .image-container .home-image-placeholder{border-radius:15px}}#home-page .image-container .home-image-placeholder .home-image{border-radius:20px;box-shadow:0 1px 2px 0 #0000000d;display:block;height:auto;margin:auto;max-width:100%;width:750px}@media only screen and (max-width:1024px){#home-page .image-container .home-image-placeholder .home-image{border-radius:15px}}#home-page .hero-section{margin-bottom:150px;margin-top:70px}#home-page .hero-section .main-heading{font-size:38px;font-weight:600;margin-bottom:50px;text-align:center}#home-page .hero-section .content-paragraph{font-size:18px;margin-bottom:50px;text-align:center}#home-page .hero-section .hero-button-container{display:flex;gap:100px;justify-content:center;margin-bottom:60px}@media only screen and (max-width:1024px){#home-page .hero-section .hero-button-container{gap:60px}}#home-page .hero-section .hero-button-container .button{margin:0}#home-page .hero-section .hero-button-container .button .button-text{background-color:#0009;color:#fff;font-size:17px}#home-page .hero-section .hero-button-container .button#test-button .button-text{background-color:#1362c8;border:1px solid #5396ee}#home-page .content-section .content-wrapper{margin-bottom:100px}#home-page .content-section .content-wrapper:last-child{margin-bottom:0}#home-page .content-section .content-wrapper .sub-heading{font-size:20px;font-weight:600;margin-bottom:15px}#home-page .content-section .content-wrapper .sub-sub-heading{font-size:16px;font-weight:600;margin-bottom:10px}#home-page .content-section .content-wrapper .content-paragraph{color:#000c;font-size:16px;margin-bottom:10px;text-align:left}#home-page .content-section .content-wrapper .content-list-wrapper{color:#000c;margin-bottom:10px}#home-page .content-section .content-wrapper .content-list-wrapper .content-list{font-size:16px;list-style-position:inside;margin-bottom:10px}#home-page .content-section .content-wrapper .small-text{display:block;font-size:12px;margin-bottom:20px}#home-page .content-section .content-wrapper ol{list-style-position:inside}#home-page .content-section .content-wrapper ol li{margin-bottom:20px}#home-page .content-section .content-wrapper ol li h3{display:inline-block;font-size:16px}#home-page .content-section .content-wrapper ol li p{display:inline-block}#about-page{max-width:100%;padding:0 15px 70px;position:relative;width:1010px}#about-page h1{margin-bottom:40px;margin-top:60px;text-align:center}#about-page h2{font-size:20px;font-weight:400;margin-bottom:20px}#about-page p{line-height:1.8rem}#about-page p .terms-element{padding:0 20px}@media only screen and (max-width:1024px){#about-page p .terms-element{padding:0 10px}}#about-page p span{display:block;margin-bottom:1.5rem}#login-page{margin-top:70px}#login-page .login-container{background-color:#222;border-radius:30px;height:650px;margin:auto auto 20px;max-width:100%;padding:0 min(5%,30px);width:450px}#login-page .login-container .login-heading{margin-bottom:60px;padding-top:40px;text-align:center}@media only screen and (max-width:1024px){#login-page .login-container .login-heading{margin-bottom:40px}}#login-page .login-container .oauth-login-container{display:flex;flex-direction:column;width:100%}#login-page .login-container .oauth-login-container .oauth-link{align-items:center;border-radius:999px;display:flex;gap:10px;margin-bottom:30px;text-decoration:none}#login-page .login-container .oauth-login-container .oauth-link#google-oauth-link{background-color:#fff;color:#000}#login-page .login-container .oauth-login-container .oauth-link#facebook-oauth-link{background-color:#4267b2}#login-page .login-container .oauth-login-container .oauth-link .logo-wrapper{aspect-ratio:1/1}#login-page .login-container .oauth-login-container .oauth-link .logo-wrapper svg{height:100%;width:auto}#login-page .login-container .oauth-login-container .oauth-link .oauth-span{display:block;flex-grow:1;text-align:center;white-space:nowrap}#login-page .login-container .oauth-login-container .oauth-link .oauth-span.short{display:none}@media only screen and (max-width:480px){#login-page .login-container .oauth-login-container .oauth-link .oauth-span{display:none}#login-page .login-container .oauth-login-container .oauth-link .oauth-span.short{display:block}}#login-page .login-agreement-span{display:block;margin:auto;max-width:700px;text-align:center}#tool-page{width:100%}#tool-page .heading-wrapper{border-bottom:1px solid #0009;margin-bottom:60px;width:100%}#tool-page .heading-wrapper h1{color:#000000e6;font-size:38px;margin:100px auto 30px;max-width:1010px;padding:0 15px;width:100%;word-break:keep-all}#tool-page .tool-block-wrapper{margin:auto;max-width:1010px;padding:0 15px;width:100%}#tool-page .tool-block{grid-gap:40px 50px;background-color:#f4f4f4;border:1px solid #0000001a;border-radius:20px;display:grid;gap:40px 50px;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;justify-content:center;margin:auto auto 200px;max-width:980px;overflow:hidden;padding:60px 15px;width:100%}@media only screen and (max-width:1024px){#tool-page .tool-block{display:flex;gap:20px}}@media only screen and (max-width:480px){#tool-page .tool-block{flex-direction:column;padding:40px 15px}}#tool-page .tool-block label{position:relative;width:100%}#tool-page .tool-block label span{color:#000;font-family:IBM Plex Mono,monospace;font-size:20px;font-weight:600;position:absolute;right:-2px;top:54%;translate:-50% -50%}#tool-page .tool-block input{border:none;border-radius:15px;color:#000;font-family:IBM Plex Mono,monospace;font-size:28px;font-weight:600;height:100%;outline:none;padding-right:65px;text-align:right;width:100%}#tool-page .tool-block #cpm-input-wrapper{grid-column:1;grid-row:1;height:60px;margin:auto;max-width:260px;width:100%}#tool-page .tool-block #equal-sign{aspect-ratio:1/1;grid-column:2;grid-row:1;height:auto;margin:auto;min-width:38px;position:relative;width:38px}#tool-page .tool-block #equal-sign i{background-color:#000c;border-radius:3px;height:8px;left:50%;position:absolute;translate:-50% -50%;width:100%}#tool-page .tool-block #equal-sign i:first-child{top:calc(50% - 8px)}#tool-page .tool-block #equal-sign i:last-child{top:calc(50% + 8px)}#tool-page .tool-block #wpm-input-wrapper{grid-column:3;grid-row:1;height:60px;margin:auto;max-width:260px;width:100%}#tool-page .tool-block #cpm-text-wrapper{grid-column:1;grid-row:2;margin:auto;width:260px}@media only screen and (max-width:1024px){#tool-page .tool-block #cpm-text-wrapper{display:none}}#tool-page .tool-block #cpm-text-wrapper li{color:#000c;margin:auto auto 10px;width:80%}#tool-page .tool-block #wpm-text-wrapper{grid-column:3;grid-row:2;margin:auto;width:260px}@media only screen and (max-width:1024px){#tool-page .tool-block #wpm-text-wrapper{display:none}}#tool-page .tool-block #wpm-text-wrapper li{color:#000c;margin:auto auto 10px;width:80%}#notfound-page{display:flex;flex-flow:column;justify-content:center;margin-bottom:100px;margin-top:200px;padding:0 15px}#notfound-page .notfound-message{font-size:45px;font-weight:400;margin-bottom:50px;text-align:center}@media only screen and (max-width:480px){#notfound-page{margin-top:150px}#notfound-page .notfound-message span{display:block}#notfound-page .notfound-message span#error-code{font-size:65px}#notfound-page .notfound-message span#divider{display:none}#notfound-page .notfound-message span#text{font-size:40px}}.typing-page{height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;margin-bottom:100px;max-width:100%;padding:20px 15px 0;position:relative;width:100%}.typing-page .overhead-display-container{align-items:center;display:flex;justify-content:center;margin-bottom:30px;margin-top:30px;position:relative}.typing-page .overhead-display-container .overhead-display-value{color:#0000004d;font-size:38px;font-weight:600}.typing-page .overhead-display-container .overhead-display-value.locked{color:#000}.typing-page .overhead-display-container#overhead-display-speed-container .overhead-display-value{color:#0000004d}.typing-page .overhead-display-container#overhead-display-speed-container .overhead-display-value.error-pause,.typing-page .overhead-display-container#overhead-display-speed-container .overhead-display-value.lost-focus,.typing-page .overhead-display-container#overhead-display-speed-container .overhead-display-value.testing{color:#000}.typing-page .overhead-display-container .overhead-display-button{border-radius:999px;cursor:pointer;left:calc(150px + 50%);padding:3px;position:absolute;top:50%;translate:-50% -50%;-webkit-user-select:none;user-select:none}@media only screen and (max-width:1024px){.typing-page .overhead-display-container .overhead-display-button{left:calc(100px + 50%)}}.typing-page .overhead-display-container .overhead-display-button:hover svg{fill:#000000b3}.typing-page .overhead-display-container .overhead-display-button:active svg{fill:#0006}.typing-page .overhead-display-container .overhead-display-button svg{fill:#000;aspect-ratio:1/1;height:auto;vertical-align:middle;width:30px}.typing-page .typing-and-setting-container{display:flex;flex-direction:column;margin:auto;max-width:1010px;width:100%}.typing-page .typing-and-setting-container .current-text-title-container{margin-bottom:5px;padding-right:30px;text-align:right}.typing-page .typing-and-setting-container .current-text-title-container .current-text-title-span{font-size:12px;margin:auto}.typing-page .typing-and-setting-container .typing-container{margin-bottom:30px}.typing-page .typing-and-setting-container .text-setting-container{margin:auto;max-width:980px;width:100%}.typing-page .typing-container{background-color:#fff;border-radius:20px;box-shadow:0 1px 3px #0000001a;height:550px;margin:auto auto 5px;max-width:980px;padding:20px 30px;position:relative;-webkit-user-select:none;user-select:none;width:100%}.typing-page .typing-container #hidden-text,.typing-page .typing-container #hidden-text *,.typing-page .typing-container #input-text,.typing-page .typing-container #input-text *,.typing-page .typing-container #original-text,.typing-page .typing-container #original-text *{font-family:Orbit,sans-serif}.typing-page .typing-container .underline:first-child{background-color:#0000001a;height:2px;position:absolute;top:130px;width:calc(100% - 60px)}.typing-page .typing-container .underline:nth-child(2){background-color:#0000001a;height:2px;position:absolute;top:260px;width:calc(100% - 60px)}.typing-page .typing-container .underline:nth-child(3){background-color:#0000001a;height:2px;position:absolute;top:390px;width:calc(100% - 60px)}.typing-page .typing-container .underline:nth-child(4){background-color:#0000001a;height:2px;position:absolute;top:520px;width:calc(100% - 60px)}.typing-page .typing-container .underline:nth-child(5){background-color:#0000001a;height:2px;position:absolute;top:650px;width:calc(100% - 60px)}.typing-page .typing-container .underline:nth-child(6){background-color:#0000001a;height:2px;position:absolute;top:780px;width:calc(100% - 60px)}.typing-page .typing-container .underline:nth-child(7){background-color:#0000001a;height:2px;position:absolute;top:910px;width:calc(100% - 60px)}.typing-page .typing-container .display-text-wrapper{height:100%;left:0;overflow:hidden;padding:20px 30px;position:absolute;top:0;width:100%}.typing-page .typing-container .korean-display-text{font-size:24px;height:calc(100% - 40px);left:50%;position:absolute;top:50%;transition:all .3s ease;translate:-50% calc(-50% - 40px);width:calc(100% - 60px)}.typing-page .typing-container .korean-display-text#input-text{height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:50%;top:calc(50% + 40px);top:20px;translate:-50% 0}.typing-page .typing-container .korean-display-text#input-text .text-word{flex-grow:0;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;line-height:0px;margin:0;padding:0}.typing-page .typing-container .korean-display-text#input-text .text-word .text-letter{line-height:130px;margin:0;min-width:24px;padding:0}.typing-page .typing-container .korean-display-text#input-text .last-word .last-letter{position:relative}.typing-page .typing-container .korean-display-text#input-text .last-word .last-letter:before{background-color:#000;content:"";height:100%;left:0;position:absolute;top:0;width:2px}.typing-page .typing-container .korean-display-text#input-text .last-word .last-letter.left-bar:before{left:0}.typing-page .typing-container .korean-display-text .text-word.blue .text-letter{color:blue;text-decoration:underline;-webkit-text-decoration-color:#00fc;text-decoration-color:#00fc;text-decoration-thickness:3px;text-underline-offset:5px}.typing-page .typing-container .korean-display-text .text-word.green .text-letter{color:green;text-decoration:underline;-webkit-text-decoration-color:#008000cc;text-decoration-color:#008000cc;text-decoration-thickness:3px;text-underline-offset:5px}.typing-page .typing-container .korean-display-text .text-word.red .text-letter{color:red;text-decoration:underline;-webkit-text-decoration-color:#f00c;text-decoration-color:#f00c;text-decoration-thickness:3px;text-underline-offset:5px}.typing-page .typing-container .korean-display-text .text-word .text-letter{cursor:text;line-height:130px;margin-bottom:0;position:relative}.typing-page .typing-container .korean-display-text .text-word .text-letter:before{background-color:initial;bottom:-2px;content:"";height:3px;left:0;position:absolute;width:100%}.typing-page .typing-container .korean-display-text .text-word .text-letter.green{color:green}.typing-page .typing-container .korean-display-text .text-word .text-letter.green:before{background-color:green;opacity:.8}.typing-page .typing-container .korean-display-text .text-word .text-letter.blue{color:blue}.typing-page .typing-container .korean-display-text .text-word .text-letter.blue:before{background-color:blue;opacity:.8}.typing-page .typing-container .korean-display-text .text-word .text-letter.red{color:red}.typing-page .typing-container .korean-display-text .text-word .text-letter.red:before{background-color:red;opacity:.8}.typing-page .typing-container .user-input-tracker{border:none;font-size:24px;height:100%;left:0;line-height:130px;max-height:130px;opacity:0;outline:none;padding:0 30px;pointer-events:none;position:absolute;resize:none;top:-200px;width:100%;word-break:break-all}.typing-page .typing-container .user-input-tracker::-webkit-scrollbar{display:none}.typing-page .typing-container .distraction-input{opacity:0;pointer-events:none}.typing-page .typing-container .instruction-span{background-color:#4d4d4d;border-radius:5px;color:#fff;font-size:16px;left:40px;padding:5px 10px;position:absolute;top:-20px;translate:-50% 0}.typing-page .typing-container .instruction-span:before{background-color:#4d4d4d;bottom:-11px;-webkit-clip-path:polygon(50% 100%,0 0,100% 0);clip-path:polygon(50% 100%,0 0,100% 0);content:"";height:12px;left:50%;position:absolute;translate:-50% 0;width:15px}@media only screen and (max-width:1024px){.typing-page .typing-container .instruction-span{font-size:14px;left:60px;padding:5px 8px;top:-10px}.typing-page .typing-container .instruction-span:before{left:calc(50% - 20px)}}.typing-page .typing-container .instruction-span.click-to-ready,.typing-page .typing-container .instruction-span.click-to-ready:before{background-color:#4d4d4d}.typing-page .typing-container .instruction-span.type-to-start,.typing-page .typing-container .instruction-span.type-to-start:before{background-color:#999}.typing-page .typing-container .instruction-span.click-to-continue,.typing-page .typing-container .instruction-span.click-to-continue:before{background-color:#1a1a1a}.typing-page .test-result-overlay{background-color:#0003;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.typing-page .test-result-overlay .test-result-modal{background-color:#333;border-radius:20px;box-shadow:0 2px 3px 1px #0003;color:#fff;left:50%;max-width:calc(100% - 30px);padding:30px;position:fixed;top:50%;translate:-50% calc(-50% - 50px);width:500px;z-index:999}.typing-page .test-result-overlay .test-result-modal .modal-close-button{border-radius:50%;cursor:pointer;padding:5px;position:absolute;right:12px;top:12px}.typing-page .test-result-overlay .test-result-modal .modal-close-button svg{fill:#fff;height:auto;vertical-align:bottom;width:30px}.typing-page .test-result-overlay .test-result-modal h2{font-size:12px;font-weight:400;margin-bottom:20px}.typing-page .test-result-overlay .test-result-modal h3{font-size:68px;margin-bottom:10px}.typing-page .test-result-overlay .test-result-modal p{font-size:16px;margin-bottom:10px}.typing-page .test-result-overlay .test-result-modal p:last-of-type{margin-bottom:60px}.typing-page .test-result-overlay .test-result-modal .share-button-container{margin-bottom:20px}.typing-page .test-result-overlay .test-result-modal .share-button-container .button-text{align-items:center;background-color:#297dea;border:#1362c8;display:flex;font-size:14px;font-weight:500;gap:3px;padding-left:35px;padding-right:35px}.typing-page .test-result-overlay .test-result-modal .share-button-container .button-text svg{fill:#fff;height:auto;width:19px}.typing-page .test-result-overlay .test-result-modal .button-container{display:flex;gap:20px;justify-content:center}.typing-page .test-result-overlay .test-result-modal .button-container .button{margin:0}.typing-page .test-result-overlay .test-result-modal .button-container .button .button-text{font-weight:500;padding:15px 25px}.typing-page .test-result-overlay .test-result-modal .button-container .button .button-text#again-button-text{background-color:#757575;border-color:#757575;color:#fff;outline:none}.typing-page.word-typing-page .current-word-display,.typing-page.word-typing-page .standby-word-span,.typing-page.word-typing-page .user-word-input{font-family:Orbit,sans-serif}.typing-page.word-typing-page .overhead-display-value{color:#000!important}.typing-page.word-typing-page .word-typing-block-wrapper{display:flex;flex-direction:column;gap:20px}.typing-page.word-typing-page .word-typing-block{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 1px 3px #0000001a;display:flex;margin:auto;max-width:980px;overflow:hidden;padding:20px 30px;position:relative;text-align:center;width:100%}.typing-page.word-typing-page #current-word-block{cursor:text;font-size:28px;height:140px;-webkit-user-select:none;user-select:none}.typing-page.word-typing-page #current-word-block .current-word-user-input-wrapper{display:flex;flex-direction:column;gap:10px;width:100%}.typing-page.word-typing-page #current-word-block .current-word-user-input-wrapper .current-word-display{color:blue}.typing-page.word-typing-page #current-word-block .current-word-user-input-wrapper .user-word-form{position:relative}.typing-page.word-typing-page #current-word-block .current-word-user-input-wrapper .user-word-form .click-instruction-span{color:#0003;display:none;left:50%;overflow:hidden;position:absolute;top:50%;translate:-50% -50%}.typing-page.word-typing-page #current-word-block .current-word-user-input-wrapper .user-word-form .click-instruction-span.is-visible{display:block}.typing-page.word-typing-page #current-word-block .current-word-user-input-wrapper .user-word-input{border:none;font-size:28px;height:40px;outline:none;pointer-events:none;text-align:center;width:100%}.typing-page.word-typing-page #current-word-block .ripple-effect-span{aspect-ratio:1/1;background-color:green;border-radius:50%;height:auto;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;translate:-50% -50%;width:70px}.typing-page.word-typing-page #current-word-block .ripple-effect-span.ripple-animate{animation:ripple-grow .65s ease-out forwards}@keyframes ripple-grow{0%{opacity:.2}to{opacity:0;width:990px}}.typing-page.word-typing-page #standby-word-block{height:auto;padding:0}.typing-page.word-typing-page #standby-word-block .standby-word-wrapper{display:flex;font-size:24px;gap:140px;padding:30px 0 30px 90px}.typing-page.word-typing-page #standby-word-block .standby-word-span{color:#0009;white-space:nowrap}.typing-page.word-typing-page #standby-word-block .standby-word-span:first-child{color:#000}.typing-page.word-typing-page #standby-word-block .standby-word-span:nth-child(2){color:#000c}.typing-page.word-typing-page #standby-word-block .standby-word-span:nth-child(3){color:#0009}.typing-page.word-typing-page #standby-word-block .standby-word-span:nth-child(4){color:#0006}.typing-page.word-typing-page #standby-word-block .standby-word-span:nth-child(5){color:#0003}.typing-page.word-typing-page #standby-word-block .standby-word-span:nth-child(6),.typing-page.word-typing-page #standby-word-block .standby-word-span:nth-child(7){color:#0000001a}.typing-page.word-typing-page .word-typing-setting-block{margin:auto;max-width:980px;width:100%}.typing-page.word-typing-page .word-typing-setting-block .word-typing-setting-wrapper{background-color:#fefefe;border-radius:20px;box-shadow:0 1px 3px #0000001a;margin-left:auto;max-width:210px;padding:20px}.typing-page.word-typing-page .word-typing-setting-block .word-typing-setting-wrapper .setting-title{color:#000000e6;display:block;font-size:18px;font-weight:600;margin-bottom:25px;text-align:center}.typing-page.word-typing-page .word-typing-setting-block .word-typing-setting-wrapper .setting-element-wrapper{display:flex;gap:30px;justify-content:space-between;margin-bottom:10px}.typing-page.word-typing-page .word-typing-setting-block .word-typing-setting-wrapper .setting-element-wrapper .setting-element-span{font-size:16px}.typing-page#english-typing-page .typing-container #hidden-text,.typing-page#english-typing-page .typing-container #hidden-text *,.typing-page#english-typing-page .typing-container #input-text,.typing-page#english-typing-page .typing-container #input-text *,.typing-page#english-typing-page .typing-container #original-text,.typing-page#english-typing-page .typing-container #original-text *{font-family:IBM Plex Mono,monospace}.typing-page#english-typing-page .typing-container .underline:first-child{background-color:#0000001a;height:2px;position:absolute;top:130px;width:calc(100% - 60px)}.typing-page#english-typing-page .typing-container .underline:nth-child(2){background-color:#0000001a;height:2px;position:absolute;top:260px;width:calc(100% - 60px)}.typing-page#english-typing-page .typing-container .underline:nth-child(3){background-color:#0000001a;height:2px;position:absolute;top:390px;width:calc(100% - 60px)}.typing-page#english-typing-page .typing-container .underline:nth-child(4){background-color:#0000001a;height:2px;position:absolute;top:520px;width:calc(100% - 60px)}.typing-page#english-typing-page .typing-container .underline:nth-child(5){background-color:#0000001a;height:2px;position:absolute;top:650px;width:calc(100% - 60px)}.typing-page#english-typing-page .typing-container .underline:nth-child(6){background-color:#0000001a;height:2px;position:absolute;top:780px;width:calc(100% - 60px)}.typing-page#english-typing-page .typing-container .underline:nth-child(7){background-color:#0000001a;height:2px;position:absolute;top:910px;width:calc(100% - 60px)}.typing-page#english-typing-page .typing-container .english-display-text{font-size:24px;height:calc(100% - 40px);left:50%;position:absolute;top:50%;transition:all .3s ease;translate:-50% calc(-50% - 20px);width:calc(100% - 60px)}.typing-page#english-typing-page .typing-container .english-display-text#input-text{height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:50%;top:calc(50% + 40px);top:20px;translate:-50% 0}.typing-page#english-typing-page .typing-container .english-display-text .text-word{align-items:center;display:inline-flex;height:130px;height:80px;margin-bottom:50px}.typing-page#english-typing-page .typing-container .english-display-text .text-letter{cursor:text;line-height:80px;position:relative}.typing-page#english-typing-page .typing-container .english-display-text .text-letter .user-input-letter{color:#000;left:0;position:absolute;top:50px}.typing-page#english-typing-page .typing-container .english-display-text .text-letter .user-input-letter.last-letter:before{background-color:#000;content:"";height:40px;position:absolute;right:-3px;top:50%;translate:0 -50%;width:2px}.typing-page#english-typing-page .typing-container .english-display-text .text-letter .user-input-letter.last-letter.left-bar:before{left:0}.typing-page#english-typing-page .typing-container .english-display-text .text-letter:before{background-color:initial;bottom:-2px;content:"";height:3px;left:0;position:absolute;width:100%}.typing-page#english-typing-page .typing-container .english-display-text .text-letter.blue{color:blue;text-decoration:underline;-webkit-text-decoration-color:#00fc;text-decoration-color:#00fc;text-decoration-thickness:3px;text-underline-offset:7px}.typing-page#english-typing-page .typing-container .english-display-text .text-letter.green{color:green;text-decoration:underline;-webkit-text-decoration-color:#008000cc;text-decoration-color:#008000cc;text-decoration-thickness:3px;text-underline-offset:7px}.typing-page#english-typing-page .typing-container .english-display-text .text-letter.red{color:red;text-decoration:underline;-webkit-text-decoration-color:#f00c;text-decoration-color:#f00c;text-decoration-thickness:3px;text-underline-offset:7px}.typing-page#english-typing-page .typing-container .user-input-tracker{background-color:red;border:none;font-size:24px;height:100%;left:0;line-height:130px;max-height:130px;opacity:0;outline:none;padding:0 30px;pointer-events:none;position:absolute;resize:none;top:5px;width:100%;word-break:break-all}.typing-page#english-typing-page .typing-container .user-input-tracker::-webkit-scrollbar{display:none}.typing-page#english-typing-page .typing-container .instruction-span{background-color:#4d4d4d;border-radius:5px;color:#fff;left:37px;padding:5px 10px;position:absolute;top:-20px;translate:-50% 0}.typing-page#english-typing-page .typing-container .instruction-span:before{background-color:#4d4d4d;bottom:-11px;-webkit-clip-path:polygon(50% 100%,0 0,100% 0);clip-path:polygon(50% 100%,0 0,100% 0);content:"";height:12px;left:50%;position:absolute;translate:-50% 0;width:15px}@media only screen and (max-width:1024px){.typing-page#english-typing-page .typing-container .instruction-span{font-size:14px;left:57px;padding:5px 8px;top:-10px}.typing-page#english-typing-page .typing-container .instruction-span:before{left:calc(50% - 20px)}}.typing-page#english-typing-page .typing-container .instruction-span.click-to-ready,.typing-page#english-typing-page .typing-container .instruction-span.click-to-ready:before{background-color:#4d4d4d}.typing-page#english-typing-page .typing-container .instruction-span.type-to-start,.typing-page#english-typing-page .typing-container .instruction-span.type-to-start:before{background-color:#999}.typing-page#english-typing-page .typing-container .instruction-span.click-to-continue,.typing-page#english-typing-page .typing-container .instruction-span.click-to-continue:before{background-color:#1a1a1a}.typing-page.word-practice-page#english-word-typing-page .current-word-display,.typing-page.word-practice-page#english-word-typing-page .standby-word-span,.typing-page.word-practice-page#english-word-typing-page .user-word-input{font-family:IBM Plex Mono,monospace}.breadcrumbs-container{align-items:center;cursor:default;display:flex;gap:6px;padding-left:45px}@media only screen and (max-width:1024px){.breadcrumbs-container{padding-left:0}}.breadcrumbs-container *{color:#000;font-size:12px;text-decoration:none}.breadcrumbs-container .breadcrumbs-arrow{cursor:default}.text-setting-block{background-color:#fefefe;border-radius:20px;box-shadow:0 1px 3px #0000001a;margin-left:auto;max-width:240px;padding:20px 20px 30px;width:100%}.text-setting-block.error-pause,.text-setting-block.lost-focus,.text-setting-block.testing{opacity:.4;pointer-events:none}.text-setting-block .text-setting-title{display:block;font-size:16px;font-weight:600;margin-bottom:20px;text-align:center}.text-setting-block .text-setting-select-container{display:flex;flex-direction:column;gap:20px;margin-bottom:25px}.text-setting-block .text-setting-select-container .text-setting-select-wrapper{display:flex;gap:15px}.text-setting-block .text-setting-select-container .text-setting-select-wrapper .text-setting-label{font-size:15px}.text-setting-block .text-setting-select-container .text-setting-select-wrapper .text-setting-select{border:2px solid #00000080;border-radius:7px;cursor:pointer;font-size:15px;outline:none;width:130px}.text-setting-block .button.not-selected-yet{opacity:.3;pointer-events:none}.text-setting-block .button .button-text{font-weight:400}.legal-page{max-width:100%;padding:0 15px 70px;position:relative;width:1010px}.legal-page a{color:#1362c8}.legal-page .terms-text-container{margin-bottom:80px}.legal-page .terms-text-container h1{padding-bottom:40px;padding-top:60px;text-align:center}.legal-page .terms-text-container p{line-height:1.6rem}.legal-page .terms-text-container p .terms-element{padding:0 20px}@media only screen and (max-width:1024px){.legal-page .terms-text-container p .terms-element{padding:0 10px}}.legal-page .terms-text-container p span{display:block;margin-bottom:1.5rem}