@keyframes -fade-out{0%{opacity:1}to{opacity:0}}@keyframes -fade-in{0%{opacity:0}to{opacity:1}}@keyframes -blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes -blink-double{0%{opacity:1}25%{opacity:0}50%{opacity:1}75%{opacity:0}to{opacity:1}}.x{position:absolute;left:50%;transform:translate(-50%)}.y{position:absolute;top:50%;transform:translateY(-50%)}.xy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.x0y0{position:absolute;top:0;left:0}.fxy{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.unset-input{background:0 0;border:none;border-radius:0;outline:none;padding:0}#x{z-index:9999999;background:red;width:100vw;height:2px;position:fixed;top:50%;transform:translateY(-50%)}#y{z-index:9999999;background:#00f;width:2px;height:100vh;position:fixed;left:50%;transform:translate(-50%)}#DevRulers #custom{border-left:1px solid #32cd32;border-right:1px solid #32cd32}#DevRulers #drag-me{justify-content:space-between;width:22px;height:100vh;display:flex;position:absolute;top:0;left:.5rem}#DevRulers #drag-me .rule{background:#ff0;width:2px;height:100%}.cursor-default{cursor:default!important}.pointer{cursor:pointer}.no-select{-webkit-user-select:none;user-select:none}body{margin:0}img,svg{display:block}.inline-block{display:inline-block}.posrel{position:relative}.fit-content{width:fit-content}.inherit-w{width:inherit}.m0{margin:0}.mt0,.firstelm-mt0{margin-top:0}.mb0,.lastelm-mb0{margin-bottom:0}.mv0{margin-top:0;margin-bottom:0}a{display:contents}.hyperlink,.hlink,.h-link{cursor:pointer;font-weight:400;color:#00f!important}.hyperlink:hover,.hlink:hover,.h-link:hover{text-decoration:underline}.rlink{cursor:pointer}.rlink:hover,.underline{text-decoration:underline}.italic{font-style:italic}.bold{font-weight:700}.bolder{font-weight:bolder}.txt-u{text-decoration:underline}.pre{white-space:pre}.nowrap{white-space:nowrap}[class*=ps-]:hover:after{visibility:visible}[class*=ps-]:after{visibility:hidden;white-space:nowrap;z-index:999;width:max-content}[class*=ps-][class*=-static]:after{border-radius:4px!important;transition:none!important}[class*=ps-][class*=ps-left]:after{transition:right .3s ease-out;position:absolute;top:50%;right:calc(100% + 1.5rem);transform:translateY(-50%)}[class*=ps-][class*=ps-left]:hover:after{right:calc(100% + 1rem)}[class*=ps-][class*=ps-right]:after{transition:left .3s ease-out;position:absolute;top:50%;left:calc(100% + 1.5rem);transform:translateY(-50%)}[class*=ps-][class*=ps-right]:hover:after{left:calc(100% + 1rem)}[class*=ps-][class*=ps-top]:after{transition:bottom .3s ease-out;position:absolute;bottom:calc(100% + 1.5rem);left:50%;transform:translate(-50%)}[class*=ps-][class*=ps-top]:hover:after{bottom:calc(100% + 1rem)}[class*=ps-][class*=ps-bottom]:after{transition:top .3s ease-out;position:absolute;top:calc(100% + 1rem);left:50%;transform:translate(-50%)}[class*=ps-][class*=ps-bottom]:hover:after{top:calc(100% + 1.5rem)}[class*=ps-][class*=ps-top-mini]:after{transition:bottom .3s ease-out;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}[class*=ps-][class*=ps-top-mini]:hover:after{bottom:calc(100% + 1rem)}[class*=ps-][class*=ps-bottom-mini]:after{transition:top .3s ease-out;position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%)}[class*=ps-][class*=ps-bottom-mini]:hover:after{top:calc(100% + .1rem)}[class*=pseudo-]:hover .pseudo{visibility:visible}[class*=pseudo-][class*=pseudo-top]:hover .pseudo{bottom:calc(100% + 1rem)}[class*=pseudo-][class*=pseudo-top] .pseudo{transition:bottom .3s ease-out;position:absolute;bottom:calc(100% + 1.5rem);left:50%;transform:translate(-50%)}[class*=pseudo-][class*=pseudo-top-mini]:hover .pseudo{bottom:calc(100% + 1rem)}[class*=pseudo-][class*=pseudo-top-mini] .pseudo{transition:bottom .3s ease-out;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}[class*=pseudo-][class*=pseudo-bottom]:hover .pseudo{top:calc(100% + 1rem)}[class*=pseudo-][class*=pseudo-bottom] .pseudo{transition:top .3s ease-out;position:absolute;top:calc(100% + 1.5rem);left:50%;transform:translate(-50%)}[class*=pseudo-] .pseudo{visibility:hidden;white-space:nowrap}.ps-opacity:hover .ps-elem{opacity:1}.ps-opacity .ps-elem{opacity:0}.no-overflow{overflow:hidden}.devices-no-tap,.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@font-face{font-family:Fira Code;src:url(/assets/FiraCode-VariableFont_wght-CO-WD2kz.ttf)format("truetype");font-weight:300 700}:root{--bg:white;--width:700px}.f-a{align-items:center;display:flex}.container{justify-content:center;width:100vw;display:flex}.content{width:100%;max-width:var(--width)}.modal{opacity:.9;z-index:99;background-color:#fff;width:100vw;height:100vh;position:fixed}.profile-img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:50%;overflow:hidden}.Profile{z-index:999;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Profile .ctr-profile-img:not(:first-of-type){margin-left:11vmin}.Profile .ctr-profile-img .profile-img{width:33vmin;max-width:200px}.Home{background-color:var(--bg);grid-template-rows:30vh auto auto;grid-template-areas:"header""progress""lessons_menu";padding-top:2rem;display:grid;position:relative}.home-profile{z-index:9;position:fixed;bottom:1rem;left:1rem}.home-profile .profile-img{width:4rem}.ctr-sentence .handle-language{color:gray;cursor:pointer;width:fit-content;font-family:Fira Code}.ctr-sentence .line{color:purple;font-family:Fira Code;font-size:1.125rem}.ctr-quizes{grid-gap:1rem;grid-template-columns:1fr 1fr;width:100%;margin:0 auto;display:grid}.ctr-quizes .ctr-quiz{cursor:pointer;border:1px solid #00bfff;border-radius:8px;align-items:center;height:fit-content;padding:8px;display:flex}.ctr-quizes .ctr-quiz:hover{border-color:#87ceeb}.ctr-quizes .ctr-quiz p.quiz{color:purple;margin:0;font-family:Fira Code}.ctr-quizes .ctr-quiz .ctr-graduates{z-index:1;margin-left:8px;display:flex}.ctr-quizes .ctr-quiz .ctr-graduates .profile-img{width:1.5rem}.Lesson{padding-top:1rem}.Lesson .lesson-grid{grid-gap:1rem;grid-template-columns:1fr 1fr;width:fit-content;display:grid}.Lesson .lesson-grid p{margin:0;font-family:Fira Code;font-size:1.125rem;font-weight:400}.Lesson .lesson-grid .english{color:purple}.Lesson .lesson-grid .romaji{color:#1e90ff}.lesson-id{color:gray;font-family:Fira Code}.test{z-index:9;cursor:pointer;justify-content:center;align-items:center;display:flex;position:fixed;bottom:1rem;right:1rem}.test img{width:5rem}.Quiz{box-sizing:border-box;height:100vh;padding-top:1rem;position:relative}.Quiz .progress-bar{background-color:#1e90ff;height:3px;position:fixed;top:0;left:0}.Quiz .ctr-user-win{flex-direction:column;align-items:center;display:flex}.Quiz .ctr-user-win .you-win{color:gold;font-family:Fira Code;font-size:2.5rem}.Quiz .ctr-user-win .ctr-buttons{align-items:center;display:flex}.Quiz .ctr-user-win .ctr-buttons .button{cursor:pointer;background-color:#d3d3d3;border:1px solid #2f4f4f;border-radius:1px;padding:8px;font-family:Fira Code}.Quiz .ctr-user-win .ctr-buttons .button:hover{background:#00bfff}.Quiz .question{color:#696969;text-align:center;font-family:Fira Code;font-size:1.25rem;font-weight:400}.Quiz .ctr-input{align-items:center;width:100%;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.Quiz input{color:#1e90ff;background:0 0;border:none;border-radius:0;outline:none;flex:1;padding:0;font-family:Fira Code;font-size:1.25rem;font-weight:400;text-transform:lowercase!important}