@font-face{font-family:Hack;src:url(/fonts/Hack-Regular.woff2)format("woff2");font-style:normal;font-display:swap}html{box-sizing:border-box;font-size:16px}*,:before,:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}img{max-width:100%;height:auto}button,[type=button],[type=reset],[type=submit]{appearance:none;cursor:pointer;color:inherit;font:inherit;background:0 0;border:none;padding:0}dialog{border:none;padding:0}:root{--header-footer-height:75px;--button-hover-translate:3px;--space-between-words:.35em;--background-colour:black;--normal-character-colour:white;--incorrect-character-colour:red;--correct-character-colour:yellow;--caret-colour:yellow;background-color:var(--background-colour);font-family:Hack,monospace,Arial}#root{flex-direction:column;min-height:100dvh;display:flex}._header_1w2hn_1,._footer_1we2t_1{min-height:var(--header-footer-height)}._main_10mdp_1{flex:1;justify-content:center;align-items:center;display:flex}._typingTestContainer_15p03_1{--line-height:60px;--num-lines:3;--lines-scrolled:0;--typing-test-width:1200px;--above-below-margin:20px;max-width:var(--typing-test-width);width:100%;margin:0 60px;font-size:30px;position:relative}._wordsOverflowContainer_15p03_17{position:relative;overflow:hidden}._wordsContainer_15p03_22{line-height:var(--line-height);max-height:calc(var(--line-height) * var(--num-lines));min-height:calc(var(--line-height) * var(--num-lines));transform:translateY(calc(-1 * var(--lines-scrolled) * var(--line-height)));flex-wrap:wrap;align-content:flex-start;align-items:flex-start;transition:transform .15s;display:flex}@keyframes _bounce_15p03_1{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}._input_15p03_48{opacity:0;position:absolute}._wordContainer_15p03_53{margin:0px var(--space-between-words) 0px var(--space-between-words);overflow:hidden}._incorrectWord_15p03_61{text-decoration:underline;-webkit-text-decoration-color:var(--incorrect-character-colour);text-decoration-color:var(--incorrect-character-colour);animation:.2s ease-out _bounce_15p03_1}._char_15p03_67{color:var(--normal-character-colour)}._correctChar_15p03_74{color:var(--correct-character-colour)}._incorrectChar_15p03_78{color:var(--incorrect-character-colour)}._results_15p03_82{color:var(--normal-character-colour);margin-bottom:var(--above-below-margin);bottom:100%;left:var(--space-between-words);gap:40px;display:flex;position:absolute}._resultsTestSettings_15p03_92{color:var(--correct-character-colour);left:var(--space-between-words);margin-top:var(--above-below-margin);flex-direction:column;gap:5px;display:flex;position:absolute}._resultsSpan_15p03_102{color:var(--correct-character-colour)}._resetButtonContainer_15p03_106{width:fit-content;color:var(--normal-character-colour);margin-inline:auto;margin-top:var(--above-below-margin);transition:transform .2s;position:absolute;left:0;right:0}._resetButton_15p03_106{border-radius:5px;align-items:center;padding:5px;display:flex}._resetButtonContainer_15p03_106:hover{transform:translateY(var(--button-hover-translate))}._testInfo_15p03_129{color:var(--correct-character-colour);margin-bottom:var(--above-below-margin);bottom:100%;left:var(--space-between-words);position:absolute}._testOptionsContainer_15p03_137{margin-bottom:var(--above-below-margin);width:fit-content;color:var(--normal-character-colour);align-items:center;gap:1.5em;margin-inline:auto;font-size:.8em;display:flex;position:absolute;bottom:100%;left:0;right:0}._invisible_15p03_153{opacity:0;pointer-events:none;transition:opacity .15s}._visible_15p03_159{opacity:1;transition:opacity .3s}._testOption_15p03_137{flex-shrink:1;align-items:center;padding:5px;transition:transform .2s;display:flex}._testOption_15p03_137:hover{transform:translateY(calc(-1 * var(--button-hover-translate)))}@keyframes _sizeUp_15p03_1{0%{scale:1}50%{scale:1.05}to{scale:1}}._selectedOption_15p03_192{color:var(--correct-character-colour);transition:color .3s,transform .2s;animation:.2s _sizeUp_15p03_1}._resetAnimation_15p03_200{animation:.25s _pulse_15p03_1}@keyframes _pulse_15p03_1{0%{scale:1}50%{scale:.99}to{scale:1}}._wordsSkeletonContainer_15p03_216{line-height:var(--line-height);max-height:calc(var(--line-height) * var(--num-lines));min-height:calc(var(--line-height) * var(--num-lines));flex-direction:column;justify-content:space-between;align-items:center;display:flex}._caretContainer_15p03_227{top:0;left:var(--space-between-words);--caret-width:3px;width:var(--caret-width);height:var(--line-height);z-index:1;align-items:center;transition:left 60ms ease-out;display:flex;position:absolute;right:0}._caret_15p03_227{background-color:var(--caret-colour);width:var(--caret-width);border-radius:5px;height:80%}._blinkingCaret_15p03_253{animation:1s infinite _blink_15p03_253}@keyframes _blink_15p03_253{0%,49%{opacity:1}50%,to{opacity:0}}@media (width<=1100px){._typingTestContainer_15p03_1{font-size:24px}}@media (width<=800px){._typingTestContainer_15p03_1{margin:0 30px;font-size:24px}}@media (width<=680px){._typingTestContainer_15p03_1{font-size:20px}._testOptionsContainer_15p03_137{gap:1em;font-size:.7em}._results_15p03_82{gap:20px}}@media (width<=480px){._typingTestContainer_15p03_1{margin:0 10px;font-size:16px}._testOptionsContainer_15p03_137{gap:1em;font-size:.7em}}@media (width<=360px){._testOptionsContainer_15p03_137{gap:.8em;font-size:.6em}}._sectionTitle_sxmdc_1{margin-bottom:5px;font-size:25px;text-decoration:underline}._section_sxmdc_1{flex-direction:column;align-items:center;display:flex}._wordlistsContainer_sxmdc_13{flex-direction:column;align-items:flex-start;display:flex}._dialogOptionButton_sxmdc_19{padding:5px;font-size:22px;transition:transform .2s}._dialogOptionButton_sxmdc_19:hover{transform:translateY(calc(-1 * var(--button-hover-translate)))}._selectedOption_sxmdc_29{color:var(--correct-character-colour);transition:color .3s,transform .2s;animation:.2s _sizeUp_sxmdc_1}@keyframes _sizeUp_sxmdc_1{0%{scale:1}50%{scale:1.05}to{scale:1}}._dialog_arl1r_1{background-color:var(--background-colour);color:var(--normal-character-colour);border:2px solid var(--normal-character-colour);opacity:.95;scrollbar-color:var(--normal-character-colour) transparent;border-radius:8px;width:100%;max-width:400px;height:100%;max-height:500px}._dialogContent_arl1r_17{width:100%;height:100%;padding:20px;font-size:30px}._topBar_arl1r_24{background-color:var(--background-colour);justify-content:space-between;align-items:center;margin-left:20px;margin-right:20px;padding-top:20px;display:flex;position:sticky;top:0}._dialogTitle_arl1r_37{font-size:30px;text-decoration:underline}._closeButton_arl1r_42{transition:transform .2s}._closeButton_arl1r_42:hover{transform:translateY(calc(-1 * var(--button-hover-translate)))}._section_1wsq2_1{flex-direction:column;align-items:center;display:flex}._colourOption_1wsq2_7{justify-content:space-between;align-items:center;width:80%;padding:5px;font-size:18px;display:flex}._colourOption_1wsq2_7,._colourOption_1wsq2_7 *{cursor:pointer}._colourInput_1wsq2_21{min-height:40px;transition:transform .2s}._colourInput_1wsq2_21:hover{transform:translateY(calc(-1 * var(--button-hover-translate)))}._skeletonLine_12gtg_1{background-color:var(--normal-character-colour);border-radius:20px;flex:1;width:95%;margin:10px;animation:1.2s infinite _load_12gtg_1}@keyframes _load_12gtg_1{0%{opacity:.05}50%{opacity:.2}to{opacity:.05}}