@import "https://fonts.googleapis.com/css2?family=Parkinsans:wght@300..800&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap";@import "https://fonts.googleapis.com/css2?family=WindSong:wght@400;500&display=swap";#debugOverlay{z-index:2;flex-direction:column;gap:2px;font-family:JetBrains Mono,monospace;font-size:14px;line-height:100%;display:flex;position:absolute;top:20px;left:20px}#testCaret{background:#a3f8ce;width:40px;height:1mm;transition:all .5s cubic-bezier(.2,1,0,1);position:absolute;top:500px;left:500px}#testResetNotice{z-index:1;color:#ffffff40;justify-content:center;margin-top:3rem;font-size:18px;font-weight:500;transition:opacity .5s cubic-bezier(.2,1,0,1);display:flex;position:relative}#testResetNotice span{color:#a3f8ce80}#testResetNotice[data-visible=false]{opacity:0}#app .writingAreaBox{justify-content:center;width:50vw;display:flex}#app #testWritingArea{flex-wrap:wrap;row-gap:25px;display:flex}#app #testWritingArea[data-visible=false]{opacity:0}#app #testWritingArea span{color:#a3f8ce40;font-family:Parkinsans,Helvetica,sans-serif;font-size:3rem;font-weight:400;line-height:100%;transition:color .25s cubic-bezier(.2,1,0,1)}#app #testWritingArea span[data-state=typed]{color:#a3f8ce}#testResultsOverlay{--ranking-color:#b7f7a3;opacity:0;z-index:-1;width:100%;min-height:100%;transition:opacity .5s cubic-bezier(.2,1,0,1);position:absolute;top:0;left:0}#testResultsOverlay[data-visible=true]{opacity:1;z-index:1}#testResultsOverlay .resultsBox{grid-column-gap:4rem;grid-template-columns:repeat(2,1fr);display:grid}#testResultsOverlay .resultsBox .ranking{width:fit-content;color:hsl(from var(--ranking-color) h s 90);flex-direction:column;place-self:flex-end;gap:30px;display:flex}#testResultsOverlay .resultsBox .ranking .rankBox{flex-direction:column;width:fit-content;display:flex}#testResultsOverlay .resultsBox .ranking .rankBox .rank{width:fit-content;color:var(--ranking-color);margin-top:1rem;font-family:WindSong,serif;font-size:86px;font-weight:500;line-height:61px}#testResultsOverlay .resultsBox .ranking .rankBox .comment{width:fit-content;font-style:italic;font-weight:600}#testResultsOverlay .resultsBox .ranking .progressBox{flex-direction:column;gap:5px;width:15vw;display:flex}#testResultsOverlay .resultsBox .ranking .progressBox .achievedProgressBox{text-align:right;flex-direction:column;gap:5px;width:0;transition:width 6s cubic-bezier(.2,1,0,1);display:flex}#testResultsOverlay .resultsBox .ranking .progressBox .achievedProgressBox p{font-size:16px;font-style:italic;font-weight:600}#testResultsOverlay .resultsBox .ranking .progressBox .achievedProgressBox .achievedProgressBar{content:"1010px";background:hsl(from var(--ranking-color) h s 90);width:100%;height:5px;transform:skew(-25deg)}#testResultsOverlay .resultsBox .ranking .progressBox .progressRankingBar{width:15vw;display:flex;transform:skew(-25deg)}#testResultsOverlay .resultsBox .ranking .progressBox .progressRankingBar div{height:20px;transition:width 1s cubic-bezier(.2,1,0,1)}#testResultsOverlay .resultsBox .ranking .progressBox .progressRankingBar .rankSS{background:#ddd;width:0;transform:translate(-6px)}#testResultsOverlay .resultsBox .ranking .progressBox .progressRankingBar .rankS{background:#bbb;width:0;transform:translate(-5px)}#testResultsOverlay .resultsBox .ranking .progressBox .progressRankingBar .rankA{background:#999;width:0;transform:translate(-3px)}#testResultsOverlay .resultsBox .ranking .progressBox .progressRankingBar .rankB{background:#777;width:0;transform:translate(-2px)}#testResultsOverlay .resultsBox .ranking .progressBox .progressRankingBar .rankC{background:#555;width:0;transform:translate(-1px)}#testResultsOverlay .resultsBox .ranking .progressBox .progressRankingBar .rankD{background:#333;width:0}#testResultsOverlay .stats{--text-color:hsl(from var(--ranking-color) h s 90);flex-direction:column;justify-content:center;display:flex}#testResultsOverlay .stats h2{color:var(--text-color);white-space:nowrap;font-size:24px;font-style:italic;font-weight:600}#testResultsOverlay .stats p{color:rgb(from var(--text-color) r g b/.5);margin-top:10px;font-size:16px;font-style:italic;font-weight:600}#testResultsOverlay .resetNotice{--text-color:hsl(from var(--ranking-color) h s 90);text-align:center;color:rgb(from var(--text-color) r g b/.5);margin:30px 0 0;font-size:18px;font-weight:600}#testResultsOverlay .resetNotice span{color:var(--text-color)}#currentTest{position:relative}#currentTest #testWritingArea{transition:opacity .5s cubic-bezier(.2,1,0,1)}#currentTest[data-testVisible="false"] #testCaret,#currentTest[data-testVisible="false"] #testWritingArea{opacity:0}#testHeader{position:absolute;transform:translateY(-100%)}#testHeader #testOptions{margin-bottom:1rem;transition:opacity .5s cubic-bezier(.2,1,0,1)}#testHeader #testOptions[data-locked=true]{opacity:0}#testHeader #testOptions #difficultyOptionIndicator{z-index:2;-webkit-backdrop-filter:blur(100px)brightness(0%);backdrop-filter:blur(100px)brightness(0%);background:#a3f8ce40;transition:all .5s cubic-bezier(.2,1,0,1);position:absolute;top:0;left:0;transform:skew(-25deg)}#testHeader #testOptions #testDifficultySelection{gap:24px;display:flex}#testHeader #testOptions #testDifficultySelection .difficultyOption{-webkit-user-select:none;user-select:none;z-index:auto;color:#a3f8ce40;font-size:24px;font-style:italic;font-weight:500;transition:color .5s cubic-bezier(.2,1,0,1)}#testHeader #testOptions #testDifficultySelection .difficultyOption:hover{color:#a3f8cebf;cursor:default}#testHeader #testOptions #testDifficultySelection .difficultyOption[data-selected=true]{z-index:3;color:#a3f8ce}#app #pageContent #currentTestInfo{z-index:1}#app #pageContent #currentTestInfo #testProgressBar{background:#a3f8ce40;width:10vw;height:20px;margin-bottom:1.75rem;transform:skew(-25deg)}#app #pageContent #currentTestInfo #testProgressBar .progressValue{background:#a3f8ce;width:50%;height:100%;transition:width .5s cubic-bezier(.2,1,0,1)}#app #pageContent{flex-direction:column;width:fit-content;height:fit-content;padding:2rem;display:flex}::selection{color:#000;background:#fff}@keyframes indicatorSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes overlayFade{0%{opacity:1}to{opacity:0;z-index:-10000000}}#loaderOverlay{z-index:1000000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:center;align-items:center;width:100vw;height:100vh;transition:all 1s cubic-bezier(.2,1,0,1);display:flex;position:fixed;top:0;left:0}#loaderOverlay img{animation:2.5s cubic-bezier(.5,0,0,.8) infinite indicatorSpinner}#loaderOverlay[data-loading=false]{animation:1s cubic-bezier(.2,1,0,1) forwards overlayFade}*{box-sizing:border-box}h1,h2,h3,h4,p{margin:0;font-weight:500;line-height:100%}body{color:#fff;background:#000;margin:0;font-family:Instrument Sans,Helvetica,sans-serif}#app{justify-content:center;align-items:center;height:100vh;display:flex}