body{margin:0;font-family:"Roboto","Helvetica","Arial",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#5e5e5e;overflow-x:hidden;overflow-y:scroll;text-align:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.page-container{display:flex;flex-direction:column;height:110vh;min-height:800px}.content-wrap{flex:1 1}.progress-flex-container{display:flex;flex-direction:column;height:100vh}.progress-flex-item1{flex:1 1}.progress-flex-item2{flex:5 1;max-width:80%;align-self:center}.word-card{padding:0 1vh 1vh}.survey-link{color:#5e5e5e}.survey-link:hover{color:#1cb0f6}.audio-control{top:calc(160px + 8vh)}.message-control{top:calc(120px + 8vh)}.blue-button-visibility-control{top:280px}.switch-control{position:absolute;right:70px}.input-box{margin-top:2vh}.module-level{color:#1cb0f6;font-weight:700}.progress-bar{width:calc(170px + 17vh);margin:10px auto 0}.word-skeleton{margin-top:3vh;margin-bottom:3vh;padding:0 10px;box-sizing:border-box;border:calc(.75px + .15vh) solid #fff}.char{font-size:calc(30px + 3vh);margin:0}.card{padding:0 1px}.card,.card2{border-radius:calc(5px + 1vh);margin-top:3vh;margin-bottom:3vh;box-sizing:border-box;border:calc(.75px + .15vh) solid #fff}.card2{padding:0 10px}.card-button{border:calc(.75px + .15vh) solid #dad1d1;box-shadow:0 calc(1px + .15vh) #dad1d1}.card-button:hover{cursor:pointer;background-color:#f5f5f5;opacity:1!important}.card-button:active{transform:translateY(calc(1px + .15vh));box-shadow:none!important}.correct.completed{color:green}.incorrect{color:red!important}.current-hinted,.hinted.completed{color:#f2b50c}.highlighted{color:#1cb0f6}.clicked{border:calc(.75px + .15vh) solid #1cb0f6;background-color:#ddf4ff!important;color:#1cb0f6!important;box-shadow:0 calc(1px + .15vh) #1cb0f6!important}.o-30{opacity:.3}.o-60{opacity:.6}.o-100{opacity:1}.navbar-button-text{font-size:calc(10px + .5vh)}.navbar-title{font-size:calc(15px + .5vh)}#alert-dialog-description{text-align:left}#alert-dialog-title{padding-top:30px}.music-button{height:calc(20px + 1.5vh)}.button-text{color:#1cb0f6;font-size:calc(10px + .5vh)}.hint-card-content{width:calc(170px + 15vh);padding-bottom:3vh;padding-left:1vh;padding-right:1vh}.hint-card-image{width:calc(150px + 15vh)}.hint-text{font-size:calc(10px + .7vh);word-wrap:break-word}.hint-card-romaji{color:#1cb0f6;font-size:calc(10px + 2vh);margin:18px}.hint-card{margin-top:4vh}hr{margin-left:0;margin-right:0;border:2px solid red}.flex-container{background:#1cb0f6;height:100vh;display:flex;flex-direction:column;justify-content:center}.flex-container>div{min-height:0}.signin-box{flex:5 1;width:1250px;display:flex;flex-direction:row;justify-content:space-evenly;align-self:center;align-items:center}.header{width:545px;color:#fff}.signin{width:545px;height:auto}.title{font-size:40px;margin-top:0;margin-bottom:0}.subtitle{font-size:20px;margin-top:10px}.info-panel{flex:3 1;background:#fff;color:#717475;display:flex;justify-content:center}.info-panel-inner{min-width:1250px;height:250px;display:flex;flex-direction:row;align-items:stretch;justify-content:space-evenly;flex-wrap:wrap;align-self:center}.router{margin-top:10px;margin-bottom:40px}.form-title{margin-bottom:20px}.text-block{padding:10px;height:200px;width:250px}.loading-text{margin:15px}.loading-circle{margin-top:10px}.wordcard-pos{font-size:calc(10px + 1vh)}.wordcard-subtext{font-size:calc(5px + 1vh);padding-top:calc(5px + .5vh)}.vocab-word{color:#1cb0f6}.word-card{margin-top:3vh}.wordcard-kana{font-size:calc(20px + 1vh);color:#5e5e5e;margin-top:20px;font-weight:400}.bolded-style{color:#1cb0f6;font-size:calc(10px + 2vh);margin:0;padding-bottom:10px}.subtext-meaning{padding-top:10px}.subtext-pos{padding-bottom:0;padding-top:20px}.main-footer{background:#1cb0f6;color:#fff;position:relative;bottom:0;width:100%;font-size:calc(10px + .3vh)}a{color:#fff}a:hover{color:#5d5d5d}.sources{text-align:left;padding-left:200px}.row{display:flex}.col{flex:50% 1}.list-unstyled{list-style-type:none}.container{text-align:left;padding-left:1%}.copyright2{margin-top:auto;padding-bottom:1em;text-align:right;padding-right:1%}.copyright{padding-bottom:.5em}hr{border:1px solid #0dabf5}.message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:calc(10px + 1vh)}.message-box{border:1.5px solid #dad1d1;width:96vw;height:calc(10px + 7vh);margin:5px auto;border-radius:10px;padding:calc(5px + .5vh);position:relative;color:"#5D5D5D"}.dot{height:calc(6px + .5vh);width:calc(6px + .5vh);border-radius:50%;display:inline-block}.correct-color{background:green}.hinted-color{background:#f2b50c}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flipcard-front{display:table;text-align:center;font-size:calc(20px + 2vh);color:#fff}.flipcard-back{font-size:calc(10px + .4vh);background:#fff;box-sizing:border-box;border:2px solid #1cb0f6;color:#1cb0f6;transform:rotateY(180deg)}.flipcard-back,.flipcard-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20%}.flipcard{width:calc(5vh + 28px);height:calc(5vh + 35px);max-width:75px;max-height:80px;text-align:center;cursor:pointer;perspective:300px}.flipcard-content{position:relative;transition:transform .5s;width:100%;height:100%;text-align:center;transform-style:preserve-3d}.flipcard:hover .flipcard-content{transform:rotateY(180deg)}span{display:table-cell;vertical-align:middle}.noselect2{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flipcard-front2{display:table;font-size:calc(20px + 2vh);color:#fff}.flipcard-back2{display:table;font-size:30px;color:#fff;transform:rotateY(180deg)}.flipcard-back2,.flipcard-front2{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20%}.flipcard2{width:calc(5vh + 28px);height:calc(5vh + 35px);max-width:75px;max-height:80px;text-align:center;perspective:300px}.flipcard-content2{position:relative;transition:transform .5s;width:100%;height:100%;text-align:center;transform-style:preserve-3d;border-radius:1rem}.flipcard2:hover .flipcard-content2{transform:rotateY(180deg)}.characters-list{margin-top:3vh;margin-bottom:3vh}
/*# sourceMappingURL=main.a83fd9d7.chunk.css.map */