@keyframes flashCaret{0%,100%{opacity:1}50%{opacity:0}}*{scrollbar-width:thin!important;scrollbar-color:var(--accent-half) transparent!important;transition-duration:.1s;transition-timing-function:ease-in-out;outline:0;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:7px!important;height:7px!important}::-webkit-scrollbar-thumb{background:var(--accent-half)!important}::-webkit-scrollbar-track{background:rgba(0,0,0,0)!important}*,::after,::before{box-sizing:border-box}::-moz-selection{color:var(--background);background:var(--accent-half)}::selection{color:var(--background);background:var(--accent-half)}footer,header,menubar,sidebar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}html{font-family:"Radio Canada",sans-serif;font-size:10px}@media screen and (max-width:1280px) and (orientation:portrait){html{font-size:9.5px}}@media screen and (max-width:1024px) and (orientation:portrait){html{font-size:9px}}@media screen and (max-width:768px) and (orientation:portrait){html{font-size:8px}}@media screen and (max-width:620px) and (orientation:portrait){html{font-size:7px}}@media screen and (max-width:440px) and (orientation:portrait){html{font-size:6px}}@media screen and (max-width:360px) and (orientation:portrait){html{font-size:5px}}@media screen and (max-height:768px) and (orientation:landscape){html{font-size:9.5px}}@media screen and (max-height:620px) and (orientation:landscape){html{font-size:9px}}@media screen and (max-height:440px) and (orientation:landscape){html{font-size:8px}}@media screen and (max-height:360px) and (orientation:landscape){html{font-size:7px}}html,html body{line-height:1.3;height:100%;width:100%}body{background-color:var(--background);color:var(--text-color);overflow:hidden;margin:0;padding:0;font-size:1.6rem}body,body *{font-family:inherit}a{text-decoration:none}content{height:100%;width:100%;display:grid;grid-template-columns:9.5rem var(--_menubarwidth) 1fr;grid-template-rows:7.5rem 1fr 4.5rem;grid-template-areas:"sidebar menubar header" "sidebar menubar content" "sidebar menubar footer";position:relative}content:not(.hidemenu){--_menubarwidth:32rem}content:not(.hidemenu) menubar{box-shadow:0 0 .9rem .4rem var(--nav-shadow)}content.hidemenu{--_menubarwidth:0}content.hidemenu menubar{box-shadow:0}@media screen and (max-height:620px) and (orientation:landscape){content{grid-template-columns:19rem var(--_menubarwidth) 1fr}}content sidebar{grid-area:sidebar;z-index:2}content menubar{grid-area:menubar;z-index:1}content header{grid-area:header;position:relative;z-index:2}content main{grid-area:content;z-index:1}content footer{grid-area:footer;z-index:1}content .contain{width:100%;max-width:1440px;margin-left:auto;margin-right:auto;padding:.5rem 2rem}header{display:flex;align-items:center;justify-content:space-between;height:7.5rem;width:100%}header left,header right{height:100%;display:flex;align-items:center}header left{gap:.6rem;fill:var(--text-color);color:var(--accent-half);cursor:pointer}header left:hover{fill:var(--text-stark);color:var(--accent-lite)}header left:active{transform:scale(.95)}header left .logo{height:3.5rem;width:auto}@media screen and (max-width:640px){header left .logo{display:none}}header left .fa-logo{font-size:3.25rem;line-height:1}header right{gap:2rem;flex-direction:row-reverse}header right btn{height:100%;cursor:pointer;font-size:1.6rem;display:flex;align-items:center;gap:.5rem;background:var(--headbtn-bg);padding:0 2rem}header right btn>.fa{font-size:1rem;margin-left:1rem;line-height:1}header right btn label{cursor:inherit}header right btn:hover{color:var(--text-stark);background:var(--headbtn-fg)}header right btn:active{transform:translateY(3px)}header right btn:active .fa{margin-top:3px}header right list{position:absolute;top:100%;left:0;width:100%;display:grid;grid-template-rows:1fr}header right list.close{grid-template-rows:0fr}header right list.hide{display:none}header right list ul{grid-row:1/2;list-style-type:none;padding:0;margin:2px 0 0 0;background:var(--headbtn-bg);overflow:hidden}header right list ul gr li{padding:1.2rem 2rem;background:var(--headbtn-bg);cursor:pointer}header right list ul gr li:hover{color:var(--text-stark);background:var(--headbtn-fg)}header right list ul gr:not(:last-child) li:last-child{border-bottom:1px solid var(--headbtn-br)}header right #selectors{--_selector-height:4.5rem;display:flex;gap:2px;height:var(--_selector-height)}header right #selectors>div{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;position:relative}header right #selectors #layout btn{border-radius:2.4rem 2px 2px 2.4rem}header right #selectors #layout ul{border-radius:2.4rem 2px 2.4rem 2.4rem}header right #selectors #keyboard btn{border-radius:2px 2.4rem 2.4rem 2px}header right #selectors #keyboard ul{border-radius:2px 2.4rem 2.4rem 2.4rem}header right #selectors #keymapping{--_toggle-width:calc((var(--_selector-height) * 1.5));margin-left:1rem}header right #selectors #keymapping btn{transform:none;height:var(--_selector-height);border-radius:2.4rem;padding:0}header right #selectors #keymapping btn label{margin:0 .5rem 0 2rem}header right #selectors #keymapping btn span{height:calc(100% + 4px);width:calc(var(--_toggle-width) + 4px);border-radius:2.4rem;border:2px solid var(--background);overflow:hidden}header right #selectors #keymapping btn toggle{--_toggle-size:1.25rem;--_toggle-padding:.6rem;display:block;height:100%;width:100%;border-radius:2.4rem;padding:var(--_toggle-padding);box-shadow:1px 1px 3px var(--nav-shadow) inset,-1px -1px 3px var(--nav-shadow) inset}header right #selectors #keymapping btn toggle .fa{--_switch:calc((var(--_toggle-width) - (var(--_toggle-padding) * 2) - var(--_toggle-size) - (var(--_fa-padding) * 2)));--_fa-padding:calc(((var(--_selector-height) - var(--_toggle-size) - (var(--_toggle-padding) * 2))) / 2);margin:0;line-height:1;font-size:var(--_toggle-size);padding:var(--_fa-padding);color:var(--headbtn-bg);background:var(--text-color);border-radius:100%;box-shadow:1px 1px 3px var(--nav-shadow),-1px -1px 3px var(--nav-shadow)}header right #selectors #keymapping:active .fa{transform:scale(.85)}header right #selectors #keymapping:hover toggle .fa{color:var(--headbtn-fg);background:var(--text-stark)}header right #selectors #keymapping[data-value=on] toggle{background:var(--accent-half)}header right #selectors #keymapping[data-value=on] toggle .fa{color:var(--text-color);background:var(--headbtn-bg);margin-left:var(--_switch)}header right #selectors #keymapping[data-value=on]:hover toggle{background:var(--accent-lite)}header right #selectors #keymapping[data-value=on]:hover toggle .fa{color:var(--text-stark);background:var(--headbtn-fg)}@media screen and (max-width:980px){header right #selectors label{display:none}}sidebar{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:var(--sidebar-bg);width:9.5rem;height:100%;padding:2rem 1rem}sidebar ul{flex-direction:column}#sub .customInput ul,sidebar ul{--_sidebar-gap:1.5rem;list-style-type:none;padding:0;margin:0;display:flex;gap:var(--_sidebar-gap);width:100%}sidebar .nav li{width:100%}#sub .customInput .customLevels li,sidebar .nav li{cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:0;margin:0;border:0;color:var(--text-color)}#sub .customInput .customLevels li:not(.lvl8),sidebar .nav li:not(.lvl8){display:flex}#sub .customInput .customLevels li span,sidebar .nav li span{display:flex;align-items:center;justify-content:center;background:0 0;height:3.4rem;width:5.6rem;border-radius:2.4rem;font-family:Fontasm;font-size:1.6rem;line-height:1}#sub .customInput .customLevels li label,sidebar .nav li label{cursor:inherit;text-align:center;font-size:1.1rem;font-family:"Cascadia Code",monospace}#sub .customInput .customLevels li.visible,sidebar .nav li.visible{display:flex}#sub .customInput .customLevels li:hover,sidebar .nav li:hover{color:var(--text-stark)}#sub .customInput .customLevels li:hover span,sidebar .nav li:hover span{font-size:2rem;background:var(--sidebar-fg)}#sub .customInput .customLevels li.currentCustomLevel,#sub .customInput .customLevels li.currentLevel,sidebar .nav li.currentCustomLevel,sidebar .nav li.currentLevel{color:var(--text-color)}#sub .customInput .customLevels li.currentCustomLevel span,#sub .customInput .customLevels li.currentLevel span,sidebar .nav li.currentCustomLevel span,sidebar .nav li.currentLevel span{color:var(--sidebar-bg);background:var(--accent-half);animation:levelChange .2s ease-in-out;animation-fill-mode:forwards}sidebar .config{--_button-size:4.5rem;--_button-padding:1rem;align-items:center}sidebar .config .fa{line-height:1;font-size:calc(var(--_button-size) - var(--_button-padding) * 2);padding:var(--_button-padding);background:var(--sidebar-bg);border-radius:.9rem}sidebar .config li{border-radius:1.2rem;overflow:hidden;border:1px solid transparent;width:-moz-fit-content;width:fit-content;cursor:pointer}sidebar .config li:hover .fa{color:var(--text-stark);background:var(--sidebar-fg)}sidebar .config li:active .fa{transform:scale(.8)}sidebar .config li.settings{display:flex;align-items:center;justify-content:center}sidebar .config li.settings.active{border-color:var(--nav-shadow)}sidebar .config li.settings.active .fa{background:var(--background)}sidebar .config li.theme{display:grid;grid-template-columns:0 0 0}sidebar .config li.theme.auto{grid-template-columns:var(--_button-size) 0 0}sidebar .config li.theme.day{grid-template-columns:0 var(--_button-size) 0}sidebar .config li.theme.night{grid-template-columns:0 0 var(--_button-size)}sidebar .config li.theme span{display:flex;align-items:center;justify-content:center;height:100%;width:100%;overflow:hidden}sidebar .config li.theme span.theme-auto{grid-column:1/2}sidebar .config li.theme span.theme-day{grid-column:2/3}sidebar .config li.theme span.theme-night{grid-column:3/4}@media screen and (max-height:620px) and (orientation:landscape){sidebar{width:19rem}sidebar ul.nav{flex-direction:row;flex-wrap:wrap}sidebar ul.nav li{width:calc(50% - var(--_sidebar-gap)/ 2)}sidebar ul.config{flex-direction:row-reverse;justify-content:space-evenly}}menubar{height:100%;width:var(--_menubarwidth);background:var(--menubar-bg);border-radius:0 2.4rem 2.4rem 0;overflow-x:hidden;position:relative}menubar ul{list-style-type:none;padding:0;margin:0}menubar mcontent{--_padding:2rem;position:absolute;height:100%;width:32rem;padding:var(--_padding);display:flex;flex-direction:column;align-items:center;gap:var(--_padding)}menubar mhead{display:flex;width:100%}menubar mhead .menu-nav{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.8rem;gap:calc(var(--_padding)/ 1.5)}menubar mhead .menu-nav .grow{flex-grow:1}menubar mhead .menu-nav .fa{line-height:1}menubar mhead .menu-nav li{display:flex;align-items:center;justify-content:center;height:3.4rem;width:3.4rem;border:1px solid transparent;border-radius:.9rem;overflow:hidden;cursor:pointer}menubar mhead .menu-nav li:not(:last-child){background:var(--menubar-fg)}menubar mhead .menu-nav li:hover{transform:scale(1.2);color:var(--text-stark);background:var(--menubar-fg)}menubar mhead .menu-nav li:active{transform:scale(.9)}menubar mhead .menu-nav li.active{transform:scale(1);color:var(--text-stark);background:var(--background);border-color:var(--nav-shadow);cursor:default}menubar mbody{height:100%;width:100%;position:relative;overflow:hidden;background:var(--menubar-bg);display:grid;grid-template-columns:0 0}menubar mbody.configure{grid-template-columns:calc(32rem - var(--_padding) * 2) 0}menubar mbody.accentuate{grid-template-columns:0 calc(32rem - var(--_padding) * 2)}menubar mbody cloak{width:100%;overflow:hidden}menubar mbody cloak.cloak-preferences{grid-column:1/2}menubar mbody cloak.cloak-appearance{grid-column:2/3}menubar mbody ul{overflow:hidden;display:flex;flex-direction:column;width:calc(32rem - var(--_padding) * 2);background:var(--menubar-bg);gap:calc(var(--_padding)/ 2)}menubar mbody ul mtitle{display:flex;align-items:center;padding:calc(var(--_padding)/ 2);gap:calc(var(--_padding)/ 2);border-radius:.9rem;color:var(--accent-half);border:1px solid var(--menubar-fg)}menubar mbody ul hr{height:1px;width:100%;background:var(--menubar-fg);margin:0;border:0}menubar mbody ul hr:first-of-type{height:0}menubar mbody ul li{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--_padding)/ 2);border-radius:.9rem;cursor:pointer}menubar mbody ul li input{height:100%;width:1px;flex-grow:1;margin:0 0 0 auto;padding:0 2rem;font-size:1.6rem;text-align:right;border:0;color:var(--text-color);background:0 0;font-family:"Cascadia Code",monospace}menubar mbody ul li:hover{color:var(--text-stark);background:var(--menubar-fg)}menubar mbody ul li:not(.limit):not(.active) .fa{opacity:.2}menubar mbody ul li:not(.limit):not(.active):hover .fa{opacity:.5}menubar mbody ul li:not(.limit):active{transform:scale(.96)}menubar mbody .appearance li{padding:0 calc(var(--_padding)/ 4) 0 calc(var(--_padding)/ 2);gap:1rem}menubar mbody .appearance li[data-accent] .fa-dot{opacity:1!important}menubar mbody .appearance li[data-accent] .fa-dot:nth-child(1){color:var(--accent-lite)}menubar mbody .appearance li[data-accent] .fa-dot:nth-child(2){color:var(--accent-half)}menubar mbody .appearance li[data-accent] .fa-dot:nth-child(3){color:var(--accent-deep)}menubar mbody .appearance li.active-day .fa-day{opacity:1!important}menubar mbody .appearance li.active-night .fa-night{opacity:1!important}menubar mbody .appearance li .fa-day,menubar mbody .appearance li .fa-edit,menubar mbody .appearance li .fa-night{padding:calc(var(--_padding)/ 2) calc(var(--_padding)/ 4)}menubar mbody .appearance li .fa-day:hover,menubar mbody .appearance li .fa-edit:hover,menubar mbody .appearance li .fa-night:hover{transform:scale(1.2)}menubar mbody .appearance .grow,menubar mbody .appearance li>span:first-child{flex-grow:1}footer{height:4.5rem;display:flex;align-items:center;justify-content:space-between;font-size:1.4rem}footer about,footer about a,footer github,footer github a{display:flex;gap:.75rem}footer about a{gap:.6rem}footer a{color:var(--text-color)}footer a:hover{color:var(--text-stark)}footer .fa{line-height:inherit}main{display:flex;align-items:center;height:100%;width:100%}select{width:8vmax;color:var(--text-color);background-color:var(--background)}#main{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.lvl8{display:none;font-size:1.1vh;color:var(--orange);border-color:var(--orange)}.typingArea{display:flex;flex-direction:column;width:calc(100% - 2 * var(--_rem));max-width:calc(112 * var(--_rem));font-family:"Cascadia Code",monospace}.typingArea #fakeInput{height:calc(8 * var(--_rem));font-size:calc(4 * var(--_rem));width:calc(86 * var(--_rem));margin:0 auto;background:var(--foreground);border:0;color:var(--text-color);border-radius:1.2rem;padding:0 2rem;display:flex;align-items:center;overflow:hidden}.typingArea #fakeInput.showCaret::after{content:" ";height:calc(4 * var(--_rem));width:.2rem;background:var(--accent-half);opacity:1;animation:flashCaret 1s infinite}.typingArea #fakeInput.showCaret:not([data-hits="0"])::after{animation:none}.typingArea #fakeInput.red{color:var(--red)}.typingArea #fakeInput.red.showCaret::after{background:var(--red)}.typingArea #userInput{height:10px;width:10px;position:fixed;left:-100vw;top:-100vh}.typingArea .fade{-webkit-mask-image:linear-gradient(to right,#000 75%,rgba(0,0,0,0));mask-image:linear-gradient(to right,#000 75%,rgba(0,0,0,0))}.typingArea .prompt{position:relative;font-size:calc(4.5 * var(--_rem));margin:0 0 calc(3 * var(--_rem)) 0;letter-spacing:1px;transition-duration:0s;left:0;top:0}.typingArea .prompt.smoothScroll{transition:left .1s linear,top .1s linear}.typingArea .prompt.paragraph{word-wrap:break-word;width:100%;display:flex;flex-direction:column;align-items:center;height:calc(6 * var(--_lines) * var(--_rem))}.typingArea .prompt.paragraph .line{display:block}.typingArea .prompt.paragraph .line.new{opacity:0}.typingArea .prompt .line{white-space:nowrap;transition:opacity .1s linear;opacity:1}.typingArea .prompt .line.done{opacity:0}.typingArea #resetButton{margin:6vmin auto 4vmin auto;width:30%;font-size:4.5vh}.typingArea #scoreAndClock{display:flex;justify-content:space-around;font-size:calc(5 * var(--_rem))}.typingArea #testResults{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:.8 1 7vh}.typingArea span.grey{color:var(--grey)}.typingArea span.red{color:var(--red)}.cheatsheetContainer,.customInput{--_key-height:calc(3.75 * var(--_rem));--_key-width:calc(3.75 * var(--_rem));--_key-gap:calc(1.75 * var(--_rem));--_row-width:calc(82.75 * var(--_rem));display:flex;gap:var(--_key-gap);position:relative}.cheatsheetContainer{--_rem:.5rem}@media screen and (min-width:481px) and (orientation:portrait){.cheatsheetContainer{--_rem:0.55rem}}@media screen and (min-width:521px) and (orientation:portrait){.cheatsheetContainer{--_rem:0.6rem}}@media screen and (min-width:561px) and (orientation:portrait){.cheatsheetContainer{--_rem:0.65rem}}@media screen and (min-width:601px) and (orientation:portrait){.cheatsheetContainer{--_rem:0.7rem}}@media screen and (min-width:741px) and (orientation:portrait){.cheatsheetContainer{--_rem:0.75rem}}@media screen and (min-width:769px) and (orientation:portrait){.cheatsheetContainer{--_rem:0.7rem}}@media screen and (min-width:821px) and (orientation:portrait){.cheatsheetContainer{--_rem:0.75rem}}@media screen and (min-width:861px) and (orientation:portrait){.cheatsheetContainer{--_rem:0.8rem}}@media screen and (min-width:901px) and (orientation:portrait){.cheatsheetContainer{--_rem:0.85rem}}@media screen and (min-width:941px) and (orientation:portrait){.cheatsheetContainer{--_rem:0.9rem}}@media screen and (min-width:1021px) and (orientation:portrait){.cheatsheetContainer{--_rem:0.95rem}}@media screen and (min-width:1121px) and (orientation:portrait){.cheatsheetContainer{--_rem:1rem}}@media screen and (min-width:1161px) and (orientation:portrait){.cheatsheetContainer{--_rem:1.05rem}}@media screen and (min-width:1201px) and (orientation:portrait){.cheatsheetContainer{--_rem:1.1rem}}@media screen and (min-height:281px) and (orientation:landscape){.cheatsheetContainer{--_rem:0.4rem}}@media screen and (min-height:321px) and (orientation:landscape){.cheatsheetContainer{--_rem:0.6rem}}@media screen and (min-height:361px) and (orientation:landscape){.cheatsheetContainer{--_rem:0.5rem}}@media screen and (min-height:401px) and (orientation:landscape){.cheatsheetContainer{--_rem:0.6rem}}@media screen and (min-height:481px) and (orientation:landscape){.cheatsheetContainer{--_rem:0.7rem}}@media screen and (min-height:521px) and (orientation:landscape){.cheatsheetContainer{--_rem:0.75rem}}@media screen and (min-height:561px) and (orientation:landscape){.cheatsheetContainer{--_rem:0.8rem}}@media screen and (min-height:601px) and (orientation:landscape){.cheatsheetContainer{--_rem:0.85rem}}@media screen and (min-height:621px) and (orientation:landscape){.cheatsheetContainer{--_rem:0.8rem}}@media screen and (min-height:661px) and (orientation:landscape){.cheatsheetContainer{--_rem:0.85rem}}@media screen and (min-height:901px) and (orientation:landscape){.cheatsheetContainer{--_rem:0.9rem}}@media screen and (min-height:941px) and (orientation:landscape){.cheatsheetContainer{--_rem:0.95rem}}@media screen and (min-height:1021px) and (orientation:landscape){.cheatsheetContainer{--_rem:1rem}}@media screen and (min-height:1121px) and (orientation:landscape){.cheatsheetContainer{--_rem:1.05rem}}@media screen and (min-height:1161px) and (orientation:landscape){.cheatsheetContainer{--_rem:1.1rem}}@media screen and (min-height:1201px) and (orientation:landscape){.cheatsheetContainer{--_rem:1.15rem}}.customInput{--_rem:.5rem}@media screen and (min-width:481px) and (orientation:portrait){.customInput{--_rem:0.55rem}}@media screen and (min-width:521px) and (orientation:portrait){.customInput{--_rem:0.6rem}}@media screen and (min-width:561px) and (orientation:portrait){.customInput{--_rem:0.65rem}}@media screen and (min-width:601px) and (orientation:portrait){.customInput{--_rem:0.7rem}}@media screen and (min-width:741px) and (orientation:portrait){.customInput{--_rem:0.75rem}}@media screen and (min-width:769px) and (orientation:portrait){.customInput{--_rem:0.7rem}}@media screen and (min-width:821px) and (orientation:portrait){.customInput{--_rem:0.75rem}}@media screen and (min-width:861px) and (orientation:portrait){.customInput{--_rem:0.8rem}}@media screen and (min-width:901px) and (orientation:portrait){.customInput{--_rem:0.85rem}}@media screen and (min-width:941px) and (orientation:portrait){.customInput{--_rem:0.9rem}}@media screen and (min-width:1021px) and (orientation:portrait){.customInput{--_rem:0.95rem}}@media screen and (min-width:1121px) and (orientation:portrait){.customInput{--_rem:1rem}}@media screen and (min-width:1161px) and (orientation:portrait){.customInput{--_rem:1.05rem}}@media screen and (min-width:1201px) and (orientation:portrait){.customInput{--_rem:1.1rem}}@media screen and (min-height:281px) and (orientation:landscape){.customInput{--_rem:0.4rem}}@media screen and (min-height:321px) and (orientation:landscape){.customInput{--_rem:0.6rem}}@media screen and (min-height:361px) and (orientation:landscape){.customInput{--_rem:0.5rem}}@media screen and (min-height:401px) and (orientation:landscape){.customInput{--_rem:0.6rem}}@media screen and (min-height:481px) and (orientation:landscape){.customInput{--_rem:0.7rem}}@media screen and (min-height:521px) and (orientation:landscape){.customInput{--_rem:0.75rem}}@media screen and (min-height:561px) and (orientation:landscape){.customInput{--_rem:0.8rem}}@media screen and (min-height:601px) and (orientation:landscape){.customInput{--_rem:0.85rem}}@media screen and (min-height:621px) and (orientation:landscape){.customInput{--_rem:0.8rem}}@media screen and (min-height:901px) and (orientation:landscape){.customInput{--_rem:0.9rem}}@media screen and (min-height:941px) and (orientation:landscape){.customInput{--_rem:0.95rem}}@media screen and (min-height:1021px) and (orientation:landscape){.customInput{--_rem:1rem}}@media screen and (min-height:1121px) and (orientation:landscape){.customInput{--_rem:1.05rem}}@media screen and (min-height:1161px) and (orientation:landscape){.customInput{--_rem:1.1rem}}@media screen and (min-height:1201px) and (orientation:landscape){.customInput{--_rem:1.15rem}}.typingArea{--_rem:.4rem}@media screen and (min-width:481px) and (orientation:portrait){.typingArea{--_rem:0.45rem}}@media screen and (min-width:521px) and (orientation:portrait){.typingArea{--_rem:0.5rem}}@media screen and (min-width:561px) and (orientation:portrait){.typingArea{--_rem:0.55rem}}@media screen and (min-width:601px) and (orientation:portrait){.typingArea{--_rem:0.6rem}}@media screen and (min-width:741px) and (orientation:portrait){.typingArea{--_rem:0.65rem}}@media screen and (min-width:769px) and (orientation:portrait){.typingArea{--_rem:0.6rem}}@media screen and (min-width:821px) and (orientation:portrait){.typingArea{--_rem:0.65rem}}@media screen and (min-width:861px) and (orientation:portrait){.typingArea{--_rem:0.7rem}}@media screen and (min-width:901px) and (orientation:portrait){.typingArea{--_rem:0.75rem}}@media screen and (min-width:941px) and (orientation:portrait){.typingArea{--_rem:0.8rem}}@media screen and (min-width:1021px) and (orientation:portrait){.typingArea{--_rem:0.85rem}}@media screen and (min-width:1121px) and (orientation:portrait){.typingArea{--_rem:0.9rem}}@media screen and (min-width:1161px) and (orientation:portrait){.typingArea{--_rem:0.95rem}}@media screen and (min-width:1201px) and (orientation:portrait){.typingArea{--_rem:1rem}}@media screen and (min-height:281px) and (orientation:landscape){.typingArea{--_rem:0.3rem}}@media screen and (min-height:321px) and (orientation:landscape){.typingArea{--_rem:0.5rem}}@media screen and (min-height:361px) and (orientation:landscape){.typingArea{--_rem:0.4rem}}@media screen and (min-height:401px) and (orientation:landscape){.typingArea{--_rem:0.5rem}}@media screen and (min-height:481px) and (orientation:landscape){.typingArea{--_rem:0.6rem}}@media screen and (min-height:521px) and (orientation:landscape){.typingArea{--_rem:0.65rem}}@media screen and (min-height:561px) and (orientation:landscape){.typingArea{--_rem:0.7rem}}@media screen and (min-height:601px) and (orientation:landscape){.typingArea{--_rem:0.75rem}}@media screen and (min-height:621px) and (orientation:landscape){.typingArea{--_rem:0.7rem}}@media screen and (min-height:661px) and (orientation:landscape){.typingArea{--_rem:0.75rem}}@media screen and (min-height:901px) and (orientation:landscape){.typingArea{--_rem:0.8rem}}@media screen and (min-height:941px) and (orientation:landscape){.typingArea{--_rem:0.85rem}}@media screen and (min-height:1021px) and (orientation:landscape){.typingArea{--_rem:0.9rem}}@media screen and (min-height:1121px) and (orientation:landscape){.typingArea{--_rem:0.95rem}}@media screen and (min-height:1161px) and (orientation:landscape){.typingArea{--_rem:1rem}}@media screen and (min-height:1201px) and (orientation:landscape){.typingArea{--_rem:1.05rem}}row{display:flex;align-items:center;justify-content:center;height:calc(var(--_key-height) + var(--_key-gap));gap:var(--_key-gap);width:var(--_row-width)}row.custom>key{background:var(--foreground);border-color:var(--accent-deep);cursor:pointer}row.custom>key span{z-index:-1;text-transform:none;font-size:calc(2 * var(--_rem))}row.custom>key.grey{border-color:var(--headbtn-br)}row.custom>key.selectedInputKey{animation:keyPulse 1s linear infinite;opacity:.9}row.custom>key.pseudoHover,row.custom>key:hover{border-color:var(--text-stark)}row.custom>key,row>key{display:flex;justify-content:center;align-items:center;background:var(--background);border:1px solid var(--accent-half);height:var(--_key-height);width:var(--_key-width)}row.custom>key span,row>key span{display:block;font-size:calc(2 * var(--_rem));font-weight:700}row.custom>key.index,row>key.index{text-decoration-line:underline;text-underline-offset:.4rem}row.custom>key.active,row>key.active{border-color:var(--accent-lite);color:var(--accent-lite);filter:brightness(1)}row>key span{text-transform:uppercase}.inactive{border-color:var(--accent-deep);background:var(--keyground);filter:brightness(1)}.currentLevelKeys{border-color:var(--green);color:var(--green);filter:brightness(1.2)}.homeRow{border-color:var(--orange);color:var(--orange)}.punctuation{border-color:var(--text-color);color:var(--text-stark);filter:brightness(1.5)}.cheatsheetContainer,.customInput{--_key-two:calc(var(--_key-width) * 1.6)}.cheatsheetContainer.ansi row:nth-child(1) key:last-child,.customInput.ansi row:nth-child(1) key:last-child{flex-grow:1}.cheatsheetContainer.ansi row:nth-child(2) key:first-child,.cheatsheetContainer.ansi row:nth-child(2) key:last-child,.cheatsheetContainer.ansi row:nth-child(3) key:first-child,.cheatsheetContainer.ansi row:nth-child(3) key:last-child,.cheatsheetContainer.ansi row:nth-child(4) key:first-child,.cheatsheetContainer.ansi row:nth-child(4) key:last-child,.customInput.ansi row:nth-child(2) key:first-child,.customInput.ansi row:nth-child(2) key:last-child,.customInput.ansi row:nth-child(3) key:first-child,.customInput.ansi row:nth-child(3) key:last-child,.customInput.ansi row:nth-child(4) key:first-child,.customInput.ansi row:nth-child(4) key:last-child{flex-grow:1}.cheatsheetContainer.iso row:nth-child(1) key:last-child,.customInput.iso row:nth-child(1) key:last-child{flex-grow:1}.cheatsheetContainer.iso row:nth-child(2) key:first-child,.cheatsheetContainer.iso row:nth-child(2) key:last-child,.customInput.iso row:nth-child(2) key:first-child,.customInput.iso row:nth-child(2) key:last-child{flex-grow:1}.cheatsheetContainer.iso row:nth-child(3) key:first-child,.customInput.iso row:nth-child(3) key:first-child{flex-grow:1}.cheatsheetContainer.iso row:nth-child(3) key:last-child,.customInput.iso row:nth-child(3) key:last-child{width:var(--_key-two);border-top:0;margin-bottom:calc(var(--_key-gap)/ 2);height:calc(var(--_key-height) + var(--_key-gap)/ 2);position:relative}.cheatsheetContainer.iso row:nth-child(3) key:last-child::before,.customInput.iso row:nth-child(3) key:last-child::before{content:"";position:absolute;background:inherit;border-left:inherit;border-right:inherit;right:0;bottom:0;height:calc(100% + var(--_key-gap)/ 2 + 1px);width:calc(100% + 2px);margin-right:-1px}.cheatsheetContainer.iso row:nth-child(4) key:first-child,.customInput.iso row:nth-child(4) key:first-child{width:var(--_key-two)}.cheatsheetContainer.iso row:nth-child(4) key:last-child,.customInput.iso row:nth-child(4) key:last-child{flex-grow:1}.cheatsheetContainer.ansi row:nth-child(5) key,.cheatsheetContainer.iso row:nth-child(5) key,.customInput.ansi row:nth-child(5) key,.customInput.iso row:nth-child(5) key{width:var(--_key-two)}.cheatsheetContainer.ansi row:nth-child(5) key:nth-child(4),.cheatsheetContainer.iso row:nth-child(5) key:nth-child(4),.customInput.ansi row:nth-child(5) key:nth-child(4),.customInput.iso row:nth-child(5) key:nth-child(4){flex-grow:1}.cheatsheetContainer.ortho row key:first-child,.cheatsheetContainer.ortho row key:last-child,.cheatsheetContainer.ortho row key:nth-child(7),.customInput.ortho row key:first-child,.customInput.ortho row key:last-child,.customInput.ortho row key:nth-child(7){visibility:hidden}.cheatsheetContainer.ortho row:nth-child(4) key:nth-child(11),.cheatsheetContainer.ortho row:nth-child(4) key:nth-child(12),.cheatsheetContainer.ortho row:nth-child(4) key:nth-child(2),.cheatsheetContainer.ortho row:nth-child(4) key:nth-child(3),.customInput.ortho row:nth-child(4) key:nth-child(11),.customInput.ortho row:nth-child(4) key:nth-child(12),.customInput.ortho row:nth-child(4) key:nth-child(2),.customInput.ortho row:nth-child(4) key:nth-child(3){visibility:hidden}.cheatsheetContainer.ansi,.cheatsheetContainer.iso,.customInput.ansi,.customInput.iso{--_uibtn-pos:calc((var(--_key-width) * -1) - var(--_key-gap))}.cheatsheetContainer.ortho,.customInput.ortho{--_uibtn-pos:calc((var(--_key-width) * 2) - (var(--_key-gap) / 2))}.cheatsheetContainer .openUIButton{display:flex;justify-content:center;align-items:center;background:var(--background);border:1px solid var(--accent-half);height:var(--_key-height);width:var(--_key-width);line-height:1;color:var(--text-color);border-color:var(--foreground);margin-top:calc(var(--_key-gap)/ 2);cursor:pointer;position:absolute;top:0;right:var(--_uibtn-pos)}.cheatsheetContainer .openUIButton:hover{filter:brightness(1.15);color:var(--text-stark)}.cheatsheetContainer .openUIButton:active{transform:scale(.85)}#sub{display:flex;align-items:center;justify-content:center;z-index:100;position:relative}#sub .customInput{align-items:center;flex-direction:column;opacity:0;z-index:1;background:var(--background);padding:5rem 6rem;box-shadow:0 0 .9rem .4rem var(--nav-shadow);border-radius:1.2rem;width:1px;min-width:-moz-fit-content;min-width:fit-content;gap:5rem}#sub .customInput.show{animation:sweetAlert .3s linear;opacity:1;will-change:transform}#sub .customInput .customLevels{align-items:center;justify-content:center}#sub,#sub backdrop{position:fixed;left:0;top:0;height:100%;width:100%}#sub backdrop{background-color:var(--nav-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:0}#sub #customUIKeyInput{position:absolute;left:-100svw;top:-100svh}#sub ul.customButtons{align-items:center;justify-content:center;gap:2.5rem}#sub ul.customButtons li{color:var(--background);padding:.75rem 0;text-align:center;width:9rem;border-radius:.5rem;cursor:pointer}#sub ul.customButtons li:hover{color:var(--keyground);filter:brightness(1.1);transform:scale(1.05)}#sub ul.customButtons li:active{transform:scale(.9)}#sub ul.customButtons .saveButton{background:var(--green)}#sub ul.customButtons .discardButton{background:var(--red)}.pulse{animation:pulse .8s infinite}.dispose{display:none!important}.visible{display:block}.transparent{opacity:0}.mark-red{color:var(--red)!important}.mark-green{color:var(--green)!important}.mark-normal{color:var(--text-color)!important}.slideLeft{position:relative;color:#00f;animation:slideLeft .2s 1 linear;animation-fill-mode:forwards}.slideOff{position:relative;color:#00f;animation:slideOff .2s 1 linear;animation-fill-mode:forwards}@keyframes keyPulse{0%{color:var(--text-stark);border-color:var(--text-stark)}60%{color:var(--text-stark);border-color:var(--text-stark)}100%{color:var(--headbtn-br);border-color:var(--headbtn-br)}}@keyframes levelChange{0%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 50%,var(--accent-half) 50%,var(--accent-lite) 50%,var(--accent-lite) 100%)}4%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 48%,var(--accent-half) 50%,var(--accent-lite) 52%,var(--accent-lite) 100%)}8%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 46%,var(--accent-half) 50%,var(--accent-lite) 54%,var(--accent-lite) 100%)}12%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 44%,var(--accent-half) 50%,var(--accent-lite) 56%,var(--accent-lite) 100%)}16%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 42%,var(--accent-half) 50%,var(--accent-lite) 58%,var(--accent-lite) 100%)}20%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 40%,var(--accent-half) 50%,var(--accent-lite) 60%,var(--accent-lite) 100%)}24%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 38%,var(--accent-half) 50%,var(--accent-lite) 62%,var(--accent-lite) 100%)}28%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 36%,var(--accent-half) 50%,var(--accent-lite) 64%,var(--accent-lite) 100%)}32%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 34%,var(--accent-half) 50%,var(--accent-lite) 66%,var(--accent-lite) 100%)}36%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 32%,var(--accent-half) 50%,var(--accent-lite) 68%,var(--accent-lite) 100%)}40%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 30%,var(--accent-half) 50%,var(--accent-lite) 70%,var(--accent-lite) 100%)}44%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 28%,var(--accent-half) 50%,var(--accent-lite) 72%,var(--accent-lite) 100%)}48%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 26%,var(--accent-half) 50%,var(--accent-lite) 74%,var(--accent-lite) 100%)}52%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 24%,var(--accent-half) 50%,var(--accent-lite) 76%,var(--accent-lite) 100%)}56%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 22%,var(--accent-half) 50%,var(--accent-lite) 78%,var(--accent-lite) 100%)}60%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 20%,var(--accent-half) 50%,var(--accent-lite) 80%,var(--accent-lite) 100%)}64%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 18%,var(--accent-half) 50%,var(--accent-lite) 82%,var(--accent-lite) 100%)}68%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 16%,var(--accent-half) 50%,var(--accent-lite) 84%,var(--accent-lite) 100%)}72%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 14%,var(--accent-half) 50%,var(--accent-lite) 86%,var(--accent-lite) 100%)}76%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 12%,var(--accent-half) 50%,var(--accent-lite) 88%,var(--accent-lite) 100%)}80%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 10%,var(--accent-half) 50%,var(--accent-lite) 90%,var(--accent-lite) 100%)}84%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 8%,var(--accent-half) 50%,var(--accent-lite) 92%,var(--accent-lite) 100%)}88%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 6%,var(--accent-half) 50%,var(--accent-lite) 94%,var(--accent-lite) 100%)}92%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 4%,var(--accent-half) 50%,var(--accent-lite) 96%,var(--accent-lite) 100%)}96%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 2%,var(--accent-half) 50%,var(--accent-lite) 98%,var(--accent-lite) 100%)}100%{background:linear-gradient(-45deg,var(--accent-deep) 0,var(--accent-deep) 0,var(--accent-half) 50%,var(--accent-lite) 100%,var(--accent-lite) 100%)}}@keyframes sweetAlert{0%{transform:scale(1)}1%{transform:scale(.5)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}#inputShiftKeyboard{display:none}.tippy-box[data-theme~=camptip]{background-color:var(--keyground);color:var(--text-color);border:1px solid var(--accent-deep)}.tippy-box[data-theme~=camptip] .tippy-arrow{color:var(--accent-deep)}.tippy-box[data-theme~=camptip][data-placement^=top] .tippy-arrow::before{bottom:-9px}.tippy-box[data-theme~=camptip][data-placement^=right] .tippy-arrow::before{left:-9px}.tippy-box[data-theme~=camptip][data-placement^=bottom] .tippy-arrow::before{top:-9px}.tippy-box[data-theme~=camptip][data-placement^=left] .tippy-arrow::before{right:-9px}