@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbit&display=swap";@import"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";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter}::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{margin:auto;flex-grow:1;max-width:100%}.button{width:fit-content;margin:auto;cursor:pointer}.button .button-text{display:block;text-decoration:none;color:#111;-webkit-user-select:none;user-select:none;padding:7px 14px;background-color:#f4f4f4;border:1px solid #d8d8d8;border-radius:5px;font-weight:500;font-size:15px}.button .button-text:hover{background-color:#fafafa}.button.fill-button .button-text{background-color:#1362c8;color:#fff;border-color:#000;border:1px solid #5396ee}.button.outline-button .button-text{background-color:transparent;color:#1362c8;border:2px solid #297dea}header{position:relative;min-height:20px;flex-wrap:wrap;gap:0px;z-index:998;background-color:#fefefe;max-width:100%}header #left-nav{position:absolute;left:40px;top:50%;translate:0 -50%}header #left-nav #header-logo{font-size:16px;text-decoration:underline;font-weight:600;color:#000;text-underline-offset:1px}header #center-nav{display:flex;height:100%;width:100%;justify-content:center;gap:30px;background-color:#fefefe}header #center-nav .nav-element{font-size:16px;color:#000c;text-decoration:none;white-space:nowrap;text-align:center;transition:all .3s ease;font-weight:600;display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding-top:18px;padding-bottom:15px}header #center-nav .nav-element+.nav-dropdown-container{display:flex;position:absolute;bottom:0;height:210px;background-color:#333;width:100%;justify-content:center;padding:40px 0 50px;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{font-size:12px;color:#ffffff80}header #center-nav .nav-element+.nav-dropdown-container .nav-dropdown-column .nav-dropdown-link{display:flex;align-items:center;gap:2px;text-decoration:none;font-size:16px;color:#fff}header #center-nav .nav-element+.nav-dropdown-container .nav-dropdown-column .nav-dropdown-link svg{width:20px;height:auto;fill:#fff}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{position:absolute;right:40px;top:50%;translate:0 -50%;display:flex;gap:20px}header #right-nav a{color:#000000b3;text-decoration:none;display:flex;justify-content:center;align-items:center;font-weight:600;gap:4px;font-size:16px}header #right-nav a svg{width:23px;height:auto;fill:#000000b3}header #mobile-nav{display:none}header #mobile-nav *{color:#fff}header #mobile-nav * svg{fill:#fff;width:26px;height:auto}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{position:relative;left:0;top:0;translate:0;padding-left:20px;padding-top:18px;padding-bottom:15px}header #center-nav{display:none}header #right-nav{display:none}header #mobile-nav{display:block;padding-right:20px;margin:auto 0}header #mobile-nav .mobile-nav-open-close-label{display:block;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:999}header #mobile-nav .mobile-nav-open-close-label svg{width:26px;height:auto;fill:#000;vertical-align:bottom}header #mobile-nav .mobile-nav-overlay-and-block{position:fixed;top:0;left:0;width:100%;height:100%;z-index:998;visibility:hidden;-webkit-user-select:none;user-select:none}header #mobile-nav .mobile-nav-overlay-and-block .mobile-nav-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003;opacity:0;transition:.3s ease all}header #mobile-nav .mobile-nav-overlay-and-block .mobile-nav-block{position:absolute;width:800px;max-width:85vw;height:100%;background-color:#333;border-top-left-radius:10px;border-bottom-left-radius:10px;right:-100%;transition:.3s ease all}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{display:inline-flex;width:fit-content;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none}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;margin-left:15px;height:0;overflow:hidden;transition:.3s ease all}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{display:none;fill:#fff}header #mobile-nav .mobile-nav-open-close-input:checked~.mobile-nav-open-close-label{position:fixed;top:16px;right:30px}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{visibility:visible;-webkit-user-select:all;user-select:all}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:0}}footer{position:relative;margin:auto;padding:10px;font-size:12px;display:flex;flex-flow:column;text-align:center;width:100%;background-color:r}footer nav{display:flex;list-style:none;gap:16px;margin:auto auto 10px}footer nav .nav-link{display:block;position:relative;color:#000;white-space:nowrap;text-decoration:none}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{content:"";position:absolute;width:1px;height:90%;background-color:#000;top:50%;right:-8px;translate:0 -50%}footer #copyright a{color:#000;text-decoration:none}footer .language-select-button{position:absolute;cursor:pointer;top:50%;right:80px;translate:0 -50%;width:24px;height:24px;border-radius:50%}@media only screen and (max-width: 1024px){footer .language-select-button{right:30px}}footer .language-select-button #language-icon{position:absolute;width:24px;height:auto;fill:#000c;cursor:pointer}footer .language-select-button .language-select{position:absolute;width:24px;height:24px;border-radius:50%;opacity:0;cursor:pointer}#home-page{display:flex;flex-direction:column;width:100%;max-width:100%;margin-bottom:100px;padding:0 15px;overflow:hidden}#home-page .content-paragraph{font-size:20px;text-align:center}#home-page .image-container{width:100%}#home-page .image-container .home-image-placeholder{max-width:100%;width:750px;aspect-ratio:16/9;background-color:#0000004d;margin:auto;border-radius:20px}@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{display:block;max-width:100%;width:750px;height:auto;margin:auto;box-shadow:#0000004d 1px 3px 8px;border-radius:20px}@media only screen and (max-width: 1024px){#home-page .image-container .home-image-placeholder .home-image{border-radius:15px}}#home-page .hero-section{display:flex;gap:10px;width:100%;max-width:1440px;margin:80px auto 150px}@media only screen and (max-width: 1024px){#home-page .hero-section{flex-direction:column}}#home-page .hero-section .hero-left-side{width:40%}@media only screen and (max-width: 1024px){#home-page .hero-section .hero-left-side{width:100%}}#home-page .hero-section .hero-left-side .hero-block{background-color:#1362c8;border-radius:40px;padding:50px 40px 70px;box-shadow:#00000026 1.95px 1.95px 2.6px}@media only screen and (max-width: 1024px){#home-page .hero-section .hero-left-side .hero-block{padding:45px 15px 60px}}@media only screen and (max-width: 480px){#home-page .hero-section .hero-left-side .hero-block{padding:45px 15px 55px}}#home-page .hero-section .hero-left-side .hero-heading{font-weight:600;font-size:58px;margin-bottom:20px;color:#fff}#home-page .hero-section .hero-left-side .hero-paragraph{margin-bottom:50px;font-size:18px;color:#fdfdfd}#home-page .hero-section .hero-left-side .hero-button-container{display:flex;gap:35px}@media only screen and (max-width: 1024px){#home-page .hero-section .hero-left-side .hero-button-container{gap:20px}}#home-page .hero-section .hero-left-side .hero-button-container .button-82-button{position:relative;border:none;background:transparent;padding:0;cursor:pointer;outline-offset:4px;transition:filter .25s;user-select:none;-webkit-user-select:none;touch-action:manipulation}#home-page .hero-section .hero-left-side .hero-button-container .button-82-shadow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;background:#00000040;will-change:transform;transform:translateY(2px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}#home-page .hero-section .hero-left-side .hero-button-container .button-82-edge{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px}#home-page .hero-section .hero-left-side .hero-button-container .button-82-edge.test-button{background:linear-gradient(to left,#522d00,#a35a00 8% 92%,#522d00)}#home-page .hero-section .hero-left-side .hero-button-container .button-82-edge.practice-button{background:linear-gradient(to left,#292929,#525252 8% 92%,#292929)}#home-page .hero-section .hero-left-side .hero-button-container .button-82-front{display:block;position:relative;padding:12px 24px;border-radius:12px;font-size:20px;color:#fff;will-change:transform;transform:translateY(-4px);transition:transform .6s cubic-bezier(.3,.7,.4,1);text-decoration:none;font-weight:600}@media only screen and (max-width: 480px){#home-page .hero-section .hero-left-side .hero-button-container .button-82-front{padding:10px 24px;font-size:18px}}#home-page .hero-section .hero-left-side .hero-button-container .button-82-front.test-button{background:#f08400}#home-page .hero-section .hero-left-side .hero-button-container .button-82-front.practice-button{background:#787878}#home-page .hero-section .hero-left-side .hero-button-container .button-82-button:hover{filter:brightness(110%);-webkit-filter:brightness(110%)}#home-page .hero-section .hero-left-side .hero-button-container .button-82-button:hover .button-82-front{transform:translateY(-6px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}#home-page .hero-section .hero-left-side .hero-button-container .button-82-button:active .button-82-front{transform:translateY(-2px);transition:transform 34ms}#home-page .hero-section .hero-left-side .hero-button-container .button-82-button:hover .button-82-shadow{transform:translateY(4px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}#home-page .hero-section .hero-left-side .hero-button-container .button-82-button:active .button-82-shadow{transform:translateY(1px);transition:transform 34ms}#home-page .hero-section .hero-left-side .hero-button-container .button-82-button:focus:not(:focus-visible){outline:none}#home-page .hero-section .hero-right-side{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;width:60%;margin-top:50px;cursor:pointer}#home-page .hero-section .hero-right-side:before{content:"";bottom:0;right:0;position:absolute;width:160px;height:60px;background-color:#fafafa;border-top-left-radius:10px}@media only screen and (max-width: 1024px){#home-page .hero-section .hero-right-side:before{content:none}}@media only screen and (max-width: 1024px){#home-page .hero-section .hero-right-side{width:100%;height:250px}}#home-page .hero-section .hero-right-side #spline-placeholder{top:0;left:0;width:100%;height:auto;grid-row:1/2;grid-column:1/2;object-fit:contain}@media only screen and (max-width: 1024px){#home-page .hero-section .hero-right-side #spline-placeholder{width:100%;height:250px}}#home-page .hero-section .hero-right-side div{grid-row:1/2;grid-column:1/2}#home-page .content-section{display:flex;flex-direction:column}#home-page .content-section .content-wrapper{position:relative;width:100%;max-width:1440px;margin:auto;border-radius:30px}#home-page .content-section .content-wrapper#importance-speed-wrapper{margin-bottom:150px}#home-page .content-section .content-wrapper#importance-speed-wrapper .sub-heading{font-size:38px;font-weight:600;margin-bottom:30px;text-align:center}#home-page .content-section .content-wrapper#middle-visual-wrapper{margin-bottom:150px}#home-page .content-section .content-wrapper#middle-visual-wrapper img{display:block;width:100%;max-width:500px;height:auto;margin:auto}#home-page .content-section .content-wrapper#improving-typing-speed-wrapper{z-index:1;background:linear-gradient(to bottom,#1362c81a,#26416305);margin-bottom:50px}#home-page .content-section .content-wrapper#improving-typing-speed-wrapper .text-wrapper{z-index:3;margin-right:50px}@media only screen and (max-width: 1024px){#home-page .content-section .content-wrapper#improving-typing-speed-wrapper .text-wrapper{margin-right:0}}#home-page .content-section .content-wrapper#improving-typing-speed-wrapper .sub-heading{font-size:38px;font-weight:600;margin-bottom:40px}#home-page .content-section .content-wrapper#improving-typing-speed-wrapper .icon-img{z-index:2;position:absolute;width:220px;right:50px;top:-140px;height:auto;margin:auto 0}@media only screen and (max-width: 1024px){#home-page .content-section .content-wrapper#improving-typing-speed-wrapper .icon-img{width:180px;right:30px;top:-100px}}@media only screen and (max-width: 480px){#home-page .content-section .content-wrapper#improving-typing-speed-wrapper .icon-img{width:160px;right:7px;top:-80px}}#home-page .content-section .content-wrapper#calculating-typing-speed-wrapper{background-color:#fff0e5}#home-page .content-section .content-wrapper#calculating-typing-speed-wrapper .content-block{display:flex;gap:100px}@media only screen and (max-width: 1024px){#home-page .content-section .content-wrapper#calculating-typing-speed-wrapper .content-block{flex-direction:column-reverse;gap:60px}}#home-page .content-section .content-wrapper#calculating-typing-speed-wrapper .block-wrapper{margin-bottom:30px}#home-page .content-section .content-wrapper#calculating-typing-speed-wrapper .block-wrapper:last-child{margin-bottom:0}#home-page .content-section .content-wrapper#calculating-typing-speed-wrapper .icon-img{max-width:250px;width:100%;height:auto;margin-left:auto;margin-top:auto;margin-bottom:auto}@media only screen and (max-width: 1024px){#home-page .content-section .content-wrapper#calculating-typing-speed-wrapper .icon-img{margin-right:auto}}#home-page .content-section .content-wrapper#calculating-typing-speed-wrapper .sub-heading{font-size:38px;font-weight:600;margin-bottom:10px}#home-page .content-section .content-wrapper .content-block{display:flex;justify-content:space-between;width:100%;max-width:1110px;margin:auto;padding:60px 30px}#home-page .content-section .content-wrapper .content-paragraph{text-align:left;color:#000c;font-size:16px}#home-page .content-section .content-wrapper .content-list-wrapper{margin-bottom:10px;color:#000c}#home-page .content-section .content-wrapper .content-list-wrapper .content-list{font-size:16px;list-style-position:inside}#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::marker{font-weight:700}#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 h1{text-align:center;margin-top:60px;margin-bottom:40px}#about-page h2{font-size:20px;font-weight:400;margin-bottom:25px}#about-page p{line-height:1.6rem;margin-bottom:15px}#ranking-page{width:100%}#ranking-page .ranking-heading{max-width:1310px;padding:0 15px;margin:70px auto 40px;font-weight:600;font-size:38px;color:#000000e6}#ranking-page .ranking-language-section{width:100%;border-bottom:1px solid rgba(0,0,0,.5);margin-bottom:50px}#ranking-page .ranking-language-section .ranking-language-wrapper{display:flex;max-width:1310px;margin:auto;gap:30px;padding:0 15px}#ranking-page .ranking-language-section .ranking-language-wrapper .ranking-language-element{font-weight:600;cursor:pointer;padding-bottom:3px;font-size:16px;color:#00000080}#ranking-page .ranking-language-section .ranking-language-wrapper .ranking-language-element.selected{color:#000;border-bottom:4px solid #000}#ranking-page .ranking-period-section .ranking-period-wrapper{display:flex;max-width:1310px;margin:auto auto 50px;justify-content:center;gap:50px}@media only screen and (max-width: 1024px){#ranking-page .ranking-period-section .ranking-period-wrapper{gap:5%}}#ranking-page .ranking-period-section .ranking-period-wrapper .ranking-period-element{padding:7px 24px;background-color:#d9d9d9;border-radius:8px;font-size:18px;cursor:pointer}#ranking-page .ranking-period-section .ranking-period-wrapper .ranking-period-element.selected{color:#fff;background-color:#297dea}#ranking-page .ranking-leaderboard-section{padding:15px;margin-bottom:100px}#ranking-page .ranking-table{width:100%;max-width:1310px;border-collapse:collapse;margin:auto;border-collapse:separate;border-spacing:0 8px}#ranking-page thead{font-size:14px;color:#00000080}#ranking-page thead thead tr{background-color:transparent}#ranking-page tbody{text-align:center}#ranking-page tbody td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}#ranking-page tbody td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}#ranking-page tbody .photo-cell{border-radius:50%;width:30px}#ranking-page tbody#name-data{display:flex;align-items:center;height:100%;gap:5px}#ranking-page tbody svg{width:20px;height:auto}#login-page{margin-top:70px;padding-left:15px;padding-right:15px}#login-page .login-block{display:flex;flex-direction:column;justify-content:space-between;background-color:#222;box-shadow:#0000001a 0 1px 3px;width:480px;max-width:100%;height:600px;border-radius:30px;padding:50px 30px 20px;margin:auto auto 20px}@media only screen and (max-width: 1024px){#login-page .login-block{padding:40px 15px 20px}}#login-page .login-block .oauth-button{display:flex;flex-direction:column;width:100%}#login-page .login-block .oauth-button .oauth-logo-wrapper{display:grid;place-items:center;width:100%;max-width:190px;aspect-ratio:1/1;background-color:#fff;border-radius:50%;margin:auto auto 20px}@media only screen and (max-width: 480px){#login-page .login-block .oauth-button .oauth-logo-wrapper{max-width:170px}}#login-page .login-block .oauth-button .oauth-logo-wrapper svg{height:60%;width:auto}#login-page .login-block .oauth-button .oauth-text-wrapper{display:inline-block;margin:auto;white-space:nowrap;text-decoration:none}#login-page .login-block .oauth-button .oauth-text-wrapper .oauth-span{text-decoration:none;color:#fff;font-size:20px;font-weight:600}#login-page .login-block .oauth-button .oauth-text-wrapper .oauth-span.short{display:none}@media only screen and (max-width: 480px){#login-page .login-block .oauth-button .oauth-text-wrapper .oauth-span{display:none}#login-page .login-block .oauth-button .oauth-text-wrapper .oauth-span.short{display:block}}#login-page .login-agreement-span{display:block;margin:auto;text-align:center;max-width:700px;color:#fff;font-size:12px;word-break:keep-all}#login-page .login-agreement-span a{color:#ffffffb3}#account-page{width:100%;margin:auto}#account-page .account-heading-wrapper{width:100%;border-bottom:1px solid rgba(0,0,0,.4);margin-bottom:60px}#account-page .account-heading-wrapper .account-heading{font-size:38px;color:#000000e6;max-width:1310px;padding:0 15px;margin:70px auto 20px}#account-page .account-nav-block-wrapper{display:flex;gap:40px;width:100%;max-width:1310px;padding:0 15px;margin:auto auto 100px}@media only screen and (max-width: 1024px){#account-page .account-nav-block-wrapper{flex-direction:column}}#account-page .account-nav-block-wrapper .account-nav-wrapper{display:flex;flex-direction:column;gap:1px}@media only screen and (max-width: 1024px){#account-page .account-nav-block-wrapper .account-nav-wrapper{flex-direction:row}}#account-page .account-nav-block-wrapper .account-nav-wrapper .account-nav-button{padding:10px 15px;border-radius:10px;cursor:pointer;width:250px;color:#000c}@media only screen and (max-width: 1024px){#account-page .account-nav-block-wrapper .account-nav-wrapper .account-nav-button{flex-direction:row;width:150px;text-align:center}}#account-page .account-nav-block-wrapper .account-nav-wrapper .account-nav-button:hover{background-color:#efefef;color:#000}#account-page .account-nav-block-wrapper .account-nav-wrapper .account-nav-button.selected{font-weight:600;background-color:#efefef;color:#000}#account-page .account-nav-block-wrapper .account-block-wrapper{flex-grow:1}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block{position:relative;width:100%;background-color:#efefef;border:1px solid rgba(0,0,0,.1);border-radius:30px;padding:50px 50px 30px;margin-bottom:100px}@media only screen and (max-width: 480px){#account-page .account-nav-block-wrapper .account-block-wrapper .account-block{padding:30px 15px}}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block .other-span{position:absolute;display:inline-flex;align-items:center;cursor:pointer;font-size:16px;text-decoration:none;bottom:-25px;left:20px}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block .other-span svg{width:17px;height:auto}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block .other-span#delete-account-span{color:red}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block .other-span#delete-account-span svg{fill:red}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block .other-span#see-ranking-span{color:#000}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block .other-span#see-ranking-span svg{fill:#000}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block .account-grid{display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr;gap:60px 40px;padding-bottom:80px}@media only screen and (max-width: 480px){#account-page .account-nav-block-wrapper .account-block-wrapper .account-block .account-grid{display:flex;flex-direction:column;gap:10px;padding-bottom:50px}}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block .account-property{grid-column:1/2;color:#000000b3;font-size:14px;margin:auto auto auto 0;white-space:nowrap}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block .account-property.profile-picture-property{margin:0}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.profile-block .profile-picture-wrapper{display:flex;flex-direction:column;margin-right:auto;gap:10px}@media only screen and (max-width: 480px){#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.profile-block .profile-picture-wrapper{margin-left:20px;margin-bottom:30px}}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.profile-block .profile-picture-wrapper .profile-picture{width:100px;aspect-ratio:1/1;height:auto;border-radius:50%;margin:auto;background-color:#fff}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.profile-block .profile-picture-wrapper #profile-picture-change-button{display:inline-block;margin:auto;text-align:center;font-size:12px;color:#1362c8;cursor:pointer}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.profile-block .account-value-span-wrapper{display:flex;align-items:center;gap:30px}@media only screen and (max-width: 480px){#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.profile-block .account-value-span-wrapper{margin-left:20px;margin-bottom:30px;gap:10px}}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.profile-block .account-value-span-wrapper .account-value-span{display:inline-block;width:fit-content;background-color:transparent;padding:5px 10px;border-bottom:1px rgba(0,0,0,.2) solid;font-size:20px;font-weight:600;color:#000000e6}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.profile-block .account-logout-button{width:fit-content;background-color:#fdfdfd;margin:auto;display:flex;align-items:center;gap:5px;padding:6px 7px 6px 12px;border-radius:5px;cursor:pointer;border:1px solid rgba(0,0,0,.3)}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.profile-block .account-logout-button span{color:#838383;font-weight:500;font-size:16px}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.profile-block .account-logout-button svg{fill:#838383;width:20px;height:auto}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.record-block{padding-bottom:70px}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.record-block .account-grid{padding-bottom:10px}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.record-block .account-value{font-size:38px;font-weight:600}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.record-block .account-value#best-typing-speed{color:#297dea}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.record-block .account-record-property{grid-row:3/4;margin-top:0}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.record-block .account-record-value{grid-row:3/4;grid-column:1/3;margin-top:40px}@media only screen and (max-width: 480px){#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.record-block .account-record-value{margin-top:0}}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.record-block #test-record-outer-wrapper{overflow:hidden;margin-left:20px}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.record-block #test-record-inner-wrapper{width:fit-content;display:flex;gap:20px}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.record-block .test-record-block{position:relative;display:flex;flex-direction:column;width:180px;height:220px;background-color:#222;margin-bottom:1px;border-radius:20px;padding:20px 20px 40px;gap:15px}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.record-block .test-record-block .test-record-element{display:flex;flex-direction:column;gap:5px}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.record-block .test-record-block .test-record-element .test-record-property{font-weight:400;font-size:12px;color:#fff9}#account-page .account-nav-block-wrapper .account-block-wrapper .account-block.record-block .test-record-block .test-record-element .test-record-value{font-size:18px;font-weight:500;color:#fff;margin-left:15px}#account-page .account-delete-modal{max-width:420px;width:calc(100% - 30px);background-color:#333;position:fixed;top:calc(50% - 50px);left:50%;translate:-50% -50%;padding:30px 40px 40px;border-radius:30px;display:none}#account-page .account-delete-modal.open{display:block}#account-page .account-delete-modal svg{fill:red;width:70px;height:auto;margin-bottom:20px}#account-page .account-delete-modal span{display:block;font-size:28px;color:#fff;margin-bottom:20px}#account-page .account-delete-modal p{font-size:16px;color:#fffc;margin-bottom:50px}#account-page .account-delete-modal .modal-button-container{display:flex;gap:40px;justify-content:center}#account-page .account-delete-modal .modal-button-container .modal-button{padding:13px 28px;border-radius:10px;cursor:pointer;font-size:18px;word-break:keep-all}#account-page .account-delete-modal .modal-button-container #modal-button-back{background-color:#e3e3e3;color:#000}#account-page .account-delete-modal .modal-button-container #modal-button-delete{background-color:red;color:#fff}#tool-page{width:100%}#tool-page .heading-wrapper{width:100%;border-bottom:1px solid rgba(0,0,0,.6);margin-bottom:60px}#tool-page .heading-wrapper h1{width:100%;max-width:1010px;padding:0 15px;margin:100px auto 30px;color:#000000e6;font-size:38px;word-break:keep-all}#tool-page .tool-block-wrapper{width:100%;max-width:1010px;padding:0 15px;margin:auto}#tool-page .tool-block{max-width:980px;border-radius:20px;background-color:#efefef;border:1px solid rgba(0,0,0,.1);overflow:hidden;width:100%;margin:auto auto 200px;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;gap:40px 50px;justify-content:center;padding:60px 15px}@media only screen and (max-width: 480px){#tool-page .tool-block{display:flex;flex-direction:column;gap:30px;padding:40px 15px}}#tool-page .tool-block label{position:relative;width:100%}#tool-page .tool-block label span{font-size:20px;font-weight:600;position:absolute;color:#000;top:54%;translate:-50% -50%;font-family:IBM Plex Mono;right:-2px}#tool-page .tool-block input{font-size:28px;font-weight:600;color:#000;width:100%;height:100%;border:none;outline:none;border-radius:15px;text-align:right;padding-right:65px;font-family:IBM Plex Mono}#tool-page .tool-block #cpm-input-wrapper{grid-column:1;grid-row:1;width:100%;max-width:260px;height:60px;margin:auto}#tool-page .tool-block #equal-sign{grid-column:2;grid-row:1;position:relative;width:36px;min-width:36px;height:auto;aspect-ratio:1/1;margin:auto}#tool-page .tool-block #equal-sign i{position:absolute;background-color:#000c;width:100%;height:8px;border-radius:3px;left:50%;translate:-50% -50%}#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;width:100%;max-width:260px;height:60px;margin:auto}@media only screen and (max-width: 480px){#tool-page .tool-block #wpm-input-wrapper{margin-bottom:80px}}#tool-page .tool-block #cpm-text-wrapper{grid-column:1;grid-row:2;width:100%;max-width:260px;margin:auto;height:100%;display:flex;flex-direction:column}@media only screen and (max-width: 480px){#tool-page .tool-block #cpm-text-wrapper{margin-bottom:60px}}#tool-page .tool-block #cpm-text-wrapper li{margin:0 auto 10px;width:80%;color:#000c}#tool-page .tool-block #wpm-text-wrapper{grid-column:3;grid-row:2;width:100%;max-width:260px;margin:auto;height:100%;display:flex;flex-direction:column}#tool-page .tool-block #wpm-text-wrapper li{margin:0 auto 10px;width:80%;color:#000c}#notfound-page{display:flex;flex-direction:column;margin-top:200px;padding:0 15px}#notfound-page .notfound-heading{text-align:center;font-weight:400;font-size:45px;margin-bottom:50px}#notfound-page .notfound-message{margin-bottom:70px}@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{position:relative;padding:20px 15px 0;width:100%;max-width:100%;height:fit-content;margin-bottom:100px}.typing-page .overhead-display-container{display:flex;justify-content:center;align-items:center;margin-top:30px;margin-bottom:30px}.typing-page .overhead-display-container .overhead-display-value{position:relative;font-size:38px;font-weight:600;color:#0000004d}.typing-page .overhead-display-container .overhead-display-value#overhead-display-time.locked{color:#000}.typing-page .overhead-display-container .overhead-display-value#overhead-display-speed{color:#0000004d}.typing-page .overhead-display-container .overhead-display-value#overhead-display-speed.testing,.typing-page .overhead-display-container .overhead-display-value#overhead-display-speed.lost-focus,.typing-page .overhead-display-container .overhead-display-value#overhead-display-speed.error-pause{color:#000}.typing-page .overhead-display-container .overhead-display-button{position:absolute;right:-50px;top:50%;translate:0 -50%;cursor:pointer;padding:3px;border-radius:999px;-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{width:30px;aspect-ratio:1/1;height:auto;fill:#000;vertical-align:middle}.typing-page .typing-and-setting-container{display:flex;flex-direction:column;width:100%;max-width:1010px;margin:auto}.typing-page .typing-and-setting-container .current-text-title-container{padding-right:30px;text-align:right;margin-bottom:5px}.typing-page .typing-and-setting-container .current-text-title-container .current-text-title-span{margin:auto;font-size:12px}.typing-page .typing-and-setting-container .typing-container{margin-bottom:30px}.typing-page .typing-and-setting-container .text-setting-container{width:100%;max-width:980px;margin:auto}.typing-page .typing-container{position:relative;width:100%;max-width:980px;height:550px;padding:20px 30px;-webkit-user-select:none;user-select:none;margin:auto auto 5px;box-shadow:#0000001a 0 1px 3px;border-radius:20px;background-color:#fff}.typing-page .typing-container #target-text *{font-family:Daeojamjil;font-family:BookkMyungjo;font-family:Orbit}.typing-page .typing-container .underline:nth-child(1){position:absolute;width:calc(100% - 60px);height:2px;top:130px;background-color:#0000001a}.typing-page .typing-container .underline:nth-child(2){position:absolute;width:calc(100% - 60px);height:2px;top:260px;background-color:#0000001a}.typing-page .typing-container .underline:nth-child(3){position:absolute;width:calc(100% - 60px);height:2px;top:390px;background-color:#0000001a}.typing-page .typing-container .underline:nth-child(4){position:absolute;width:calc(100% - 60px);height:2px;top:520px;background-color:#0000001a}.typing-page .typing-container .underline:nth-child(5){position:absolute;width:calc(100% - 60px);height:2px;top:650px;background-color:#0000001a}.typing-page .typing-container .underline:nth-child(6){position:absolute;width:calc(100% - 60px);height:2px;top:780px;background-color:#0000001a}.typing-page .typing-container .underline:nth-child(7){position:absolute;width:calc(100% - 60px);height:2px;top:910px;background-color:#0000001a}.typing-page .typing-container .display-text-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;padding:20px 30px;overflow:hidden}.typing-page .typing-container .korean-display-text{position:absolute;width:calc(100% - 60px);height:calc(100% - 40px);font-size:24px;top:50%;left:50%;translate:-50% calc(-50% - 40px);transition:all ease .3s}.typing-page .typing-container .korean-display-text .text-word{display:inline-flex;height:130px;cursor:text}.typing-page .typing-container .korean-display-text .text-word .text-letter{position:relative;margin:auto;padding-right:1px}.typing-page .typing-container .korean-display-text .text-word .text-letter .input-letter{position:absolute;left:50%;top:45px;color:#000;cursor:text;translate:-50% 0}.typing-page .typing-container .korean-display-text .text-word .text-letter .input-letter.last-letter#just-text-cursor{display:block;width:1px;height:100%;left:0}.typing-page .typing-container .korean-display-text .text-word .text-letter .input-letter.last-letter:before{content:"";position:absolute;width:2px;height:100%;background-color:#000;top:0;right:-3px}.typing-page .typing-container .korean-display-text .text-word .text-letter:before{content:"";position:absolute;height:3px;width:100%;background-color:transparent;left:0;bottom:-2px}.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:#00f}.typing-page .typing-container .korean-display-text .text-word .text-letter.blue:before{background-color:#00f;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{position:absolute;width:100%;padding:0 30px;height:100%;left:0;font-size:24px;border:none;outline:none;word-break:break-all;resize:none;line-height:130px;max-height:130px;top:-200px;pointer-events:none;opacity:0}.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{position:absolute;top:-20px;left:40px;translate:-50% 0;background-color:#4d4d4d;color:#fff;padding:5px 10px;border-radius:5px;font-size:16px}.typing-page .typing-container .instruction-span:before{content:"";position:absolute;bottom:-11px;left:50%;translate:-50% 0;background-color:#4d4d4d;width:15px;height:12px;clip-path:polygon(50% 100%,0% 0%,100% 0%)}@media only screen and (max-width: 1024px){.typing-page .typing-container .instruction-span{font-size:14px;top:-10px;left:60px;padding:5px 8px}.typing-page .typing-container .instruction-span:before{left:calc(50% - 20px)}}.typing-page .typing-container .instruction-span.click-to-ready{background-color:#4d4d4d}.typing-page .typing-container .instruction-span.click-to-ready:before{background-color:#4d4d4d}.typing-page .typing-container .instruction-span.type-to-start{background-color:#999}.typing-page .typing-container .instruction-span.type-to-start:before{background-color:#999}.typing-page .typing-container .instruction-span.click-to-continue{background-color:#1a1a1a}.typing-page .typing-container .instruction-span.click-to-continue:before{background-color:#1a1a1a}.typing-page .test-result-overlay{top:0;left:0;position:fixed;width:100%;height:100%;background-color:#0003;z-index:999}.typing-page .test-result-overlay .test-result-modal{position:fixed;background-color:#333;box-shadow:0 2px 3px 1px #0003;border-radius:20px;max-width:calc(100% - 30px);width:500px;padding:30px;z-index:999;top:50%;left:50%;translate:-50% calc(-50% - 50px);color:#fff}.typing-page .test-result-overlay .test-result-modal .result-close-button{position:absolute;top:12px;right:12px;padding:5px;border-radius:50%;cursor:pointer}.typing-page .test-result-overlay .test-result-modal .result-close-button svg{fill:#fff;vertical-align:bottom;width:30px;height:auto}.typing-page .test-result-overlay .test-result-modal .result-heading{font-size:12px;font-weight:400;margin-bottom:30px;color:#fffc}.typing-page .test-result-overlay .test-result-modal .result-speed{display:flex;gap:10px;align-items:baseline;flex-wrap:nowrap}.typing-page .test-result-overlay .test-result-modal .result-speed #result-speed-cpm{font-size:68px;font-weight:600}.typing-page .test-result-overlay .test-result-modal .result-speed #result-speed-cpm #result-speed-cpm-unit{font-size:62px}.typing-page .test-result-overlay .test-result-modal .result-speed #result-speed-wpm{font-size:18px;font-weight:400}.typing-page .test-result-overlay .test-result-modal .result-accuracy{display:block;font-weight:600;font-size:38px;translate:0 -5px;margin-bottom:20px}.typing-page .test-result-overlay .test-result-modal .result-accuracy #result-accuracy-unit{font-size:32px}.typing-page .test-result-overlay .test-result-modal .result-message{font-size:16px;margin-bottom:40px}.typing-page .test-result-overlay .test-result-modal .share-button-container{margin-bottom:15px}.typing-page .test-result-overlay .test-result-modal .share-button-container .button-text{display:flex;align-items:center;gap:3px;background-color:#1362c8;border:#1362c8;padding:8px 30px;font-weight:500;font-size:14px}.typing-page .test-result-overlay .test-result-modal .share-button-container .button-text svg{fill:#fff;width:19px;height:auto}.typing-page .test-result-overlay .test-result-modal .button-container{display:flex;justify-content:center;gap:15px}.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{padding:12px 28px;font-weight:500;font-size:16px}.typing-page .test-result-overlay .test-result-modal .button-container .button .button-text#again-button-text{background-color:#757575;color:#fff;outline:none;border-color:#757575}.typing-page.word-typing-page .current-word-display,.typing-page.word-typing-page .user-word-input,.typing-page.word-typing-page .standby-word-span{font-family:Orbit}.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{position:relative;display:flex;margin:auto;text-align:center;align-items:center;width:100%;max-width:980px;border-radius:20px;padding:20px 30px;box-shadow:#0000001a 0 1px 3px;background-color:#fff;overflow:hidden}.typing-page.word-typing-page #current-word-block{font-size:28px;height:140px;-webkit-user-select:none;user-select:none;cursor:text}.typing-page.word-typing-page #current-word-block .current-word-user-input-wrapper{display:flex;flex-direction:column;width:100%;gap:10px}.typing-page.word-typing-page #current-word-block .current-word-user-input-wrapper .current-word-display{color:#00f}.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{display:none;top:50%;left:50%;translate:-50% -50%;position:absolute;overflow:hidden;color:#0003}.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{pointer-events:none;border:none;outline:none;font-size:28px;width:100%;text-align:center;height:40px}.typing-page.word-typing-page #current-word-block .ripple-effect-span{position:absolute;top:50%;left:50%;border-radius:50%;translate:-50% -50%;height:auto;aspect-ratio:1/1;pointer-events:none;background-color:green;opacity:0;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{width:990px;opacity:0}}.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;gap:140px;font-size:24px;padding:30px 0 30px 90px}.typing-page.word-typing-page #standby-word-block .standby-word-span{white-space:nowrap;color:#0009}.typing-page.word-typing-page #standby-word-block .standby-word-span:nth-child(1){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){color:#0000001a}.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{width:100%;max-width:980px;margin:auto}.typing-page.word-typing-page .word-typing-setting-block .word-typing-setting-wrapper{max-width:210px;margin-left:auto;box-shadow:#0000001a 0 1px 3px;background-color:#fefefe;padding:20px;border-radius:20px}.typing-page.word-typing-page .word-typing-setting-block .word-typing-setting-wrapper .setting-title{display:block;font-size:18px;font-weight:600;color:#000000e6;text-align:center;margin-bottom:25px}.typing-page.word-typing-page .word-typing-setting-block .word-typing-setting-wrapper .setting-element-wrapper{display:flex;justify-content:space-between;gap:30px;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{cursor:text}.typing-page#english-typing-page .typing-container #target-text *{font-family:IBM Plex Mono}.typing-page#english-typing-page .typing-container .underline:nth-child(1){position:absolute;width:calc(100% - 60px);height:2px;top:130px;background-color:#0000001a}.typing-page#english-typing-page .typing-container .underline:nth-child(2){position:absolute;width:calc(100% - 60px);height:2px;top:260px;background-color:#0000001a}.typing-page#english-typing-page .typing-container .underline:nth-child(3){position:absolute;width:calc(100% - 60px);height:2px;top:390px;background-color:#0000001a}.typing-page#english-typing-page .typing-container .underline:nth-child(4){position:absolute;width:calc(100% - 60px);height:2px;top:520px;background-color:#0000001a}.typing-page#english-typing-page .typing-container .underline:nth-child(5){position:absolute;width:calc(100% - 60px);height:2px;top:650px;background-color:#0000001a}.typing-page#english-typing-page .typing-container .underline:nth-child(6){position:absolute;width:calc(100% - 60px);height:2px;top:780px;background-color:#0000001a}.typing-page#english-typing-page .typing-container .underline:nth-child(7){position:absolute;width:calc(100% - 60px);height:2px;top:910px;background-color:#0000001a}.typing-page#english-typing-page .typing-container .english-display-text{position:absolute;width:calc(100% - 60px);height:calc(100% - 40px);font-size:24px;top:50%;left:50%;translate:-50% calc(-50% - 20px);transition:all ease .3s}.typing-page#english-typing-page .typing-container .english-display-text#input-text{top:calc(50% + 40px);height:fit-content;top:20px;left:50%;translate:-50% 0px}.typing-page#english-typing-page .typing-container .english-display-text .text-word{display:inline-flex;align-items:center;height:130px;height:80px;margin-bottom:50px}.typing-page#english-typing-page .typing-container .english-display-text .text-letter{position:relative;cursor:text;line-height:80px}.typing-page#english-typing-page .typing-container .english-display-text .text-letter .user-input-letter{position:absolute;top:50px;left:0;color:#000}.typing-page#english-typing-page .typing-container .english-display-text .text-letter .user-input-letter.last-letter:before{content:"";position:absolute;width:2px;height:40px;background-color:#000;top:50%;right:-3px;translate:0 -50%}.typing-page#english-typing-page .typing-container .english-display-text .text-letter:before{content:"";position:absolute;height:3px;width:100%;background-color:transparent;left:0;bottom:-2px}.typing-page#english-typing-page .typing-container .english-display-text .text-letter.blue{color:#00f;text-decoration:underline;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;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;text-decoration-color:#f00c;text-decoration-thickness:3px;text-underline-offset:7px}.typing-page#english-typing-page .typing-container .user-input-tracker{position:absolute;width:100%;padding:0 30px;top:5px;height:100%;left:0;font-size:24px;border:none;outline:none;word-break:break-all;resize:none;max-height:130px;line-height:130px;pointer-events:none;opacity:0;background-color:red}.typing-page#english-typing-page .typing-container .user-input-tracker::-webkit-scrollbar{display:none}.typing-page#english-typing-page .typing-container .instruction-span{position:absolute;top:-20px;left:37px;translate:-50% 0;background-color:#4d4d4d;color:#fff;padding:5px 10px;border-radius:5px}.typing-page#english-typing-page .typing-container .instruction-span:before{content:"";position:absolute;bottom:-11px;left:50%;translate:-50% 0;background-color:#4d4d4d;width:15px;height:12px;clip-path:polygon(50% 100%,0% 0%,100% 0%)}@media only screen and (max-width: 1024px){.typing-page#english-typing-page .typing-container .instruction-span{font-size:14px;top:-10px;left:57px;padding:5px 8px}.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{background-color:#4d4d4d}.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{background-color:#999}.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{background-color:#1a1a1a}.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 .user-word-input,.typing-page.word-practice-page#english-word-typing-page .standby-word-span{font-family:IBM Plex Mono}.breadcrumbs-container{display:flex;gap:6px;align-items:center;cursor:default;padding-left:45px}@media only screen and (max-width: 1024px){.breadcrumbs-container{padding-left:0}}.breadcrumbs-container *{font-size:12px;color:#000;text-decoration:none}.breadcrumbs-container .breadcrumbs-arrow{cursor:default}.text-setting-block{margin-left:auto;box-shadow:#0000001a 0 1px 3px;width:100%;max-width:240px;padding:20px 20px 30px;border-radius:20px;background-color:#fefefe}.text-setting-block.testing,.text-setting-block.lost-focus,.text-setting-block.error-pause{opacity:.4;pointer-events:none}.text-setting-block .text-setting-title{display:block;text-align:center;font-size:16px;font-weight:600;margin-bottom:20px}.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;align-items:center}.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{font-size:15px;outline:none;border:rgba(0,0,0,.5) 2px solid;border-radius:7px;cursor:pointer;width:130px}.text-setting-block .button.not-selected-yet{pointer-events:none;opacity:.3}.text-setting-block .button .button-text{font-weight:400}.legal-page{position:relative;width:1010px;max-width:100%;padding:0 15px 100px}.legal-page a{color:#1362c8}.legal-page .terms-text-container{margin-bottom:80px}.legal-page .terms-text-container h1{text-align:center;padding-top:60px;padding-bottom:40px}.legal-page .terms-text-container p{line-height:1.6rem;margin-bottom:40px}.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:20px}.legal-page#policy-page p{margin-top:40px}.legal-page#contact-page p{margin-bottom:20px}@font-face{font-family:Daeojamjil;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil1Thin.woff2) format("woff2");font-weight:100;font-display:swap}@font-face{font-family:BookkMyungjo;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/BookkMyungjo-Lt.woff2) format("woff2");font-weight:400;font-display:swap}