[v-cloak]{display:none}#vue-instance,body,html{margin:0}#vue-instance{position:absolute;top:0;bottom:0;width:100%;max-width:85vh;left:50%;transform:translateX(-50%);background:#fff}body,input{font-family:"Times New Roman";font-size:3vh;color:#006c6c;background:#fff;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#digit-board-input,input{font-size:inherit;box-sizing:border-box;margin:auto;flex-grow:1;width:2px}body{background:#f0f0f0}.color-ok{color:green}.color-ko{color:red}.color-action{color:#00f}#ad-question{font-style:italic}.digit-selected{background:#ff0}.digit-first-selected{border-top-left-radius:50%;border-bottom-left-radius:50%}.digit-last-selected{border-top-right-radius:50%;border-bottom-right-radius:50%}.digit-board{font-size:5.5vh;display:flex}.mnemo-digit{font-weight:700;font-size:larger}.icontainer{font-size:5.5vh;margin-top:auto;margin-bottom:auto}.message{flex-grow:1}.spacing{margin-top:10%}#cloak{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.8)}#lang-menu{position:absolute;z-index:1}#intro-page{display:flex;flex-direction:column;height:80%;width:100%;font-size:larger}.intro-page-logo{margin:auto;width:90%}.intro-page-continue,.intro-page-example,.intro-page-item,.intro-page-step{width:100%;padding:.75vh 0}.intro-page-continue{margin:auto}.intro-page-example{text-align:left;white-space:pre-line;font-size:medium;font-style:italic}.intro-page-step{margin-top:20%}.intro-step-count{font-size:larger;font-weight:700}.intro-page-example:first-line{font-style:normal}#animated-intro-solution{height:15%;display:flex;justify-content:center;align-items:center}#skip-intro{position:absolute;bottom:0;height:8vh;width:80%;margin-left:10%;color:#fff;background:#008c8c;font-weight:700;border-radius:4vh;display:flex;justify-content:center;align-items:center}#header{background:#008c8c;color:#fff;height:10vh;display:flex;justify-content:center;align-items:center}#current-lang{position:absolute;right:0;top:0}.flag{height:8vh;padding:1vh;border-radius:100%}.flag-logo{height:9vh}#back-to-main-menu{position:absolute;left:1vh;top:0}#back-to-main-menu div{font-size:8vh}#main-menu{height:89%;overflow:auto;display:flex;flex-direction:column}.main-menu-item{margin:auto;height:10vh;width:50%;color:#fff;background:#008c8c;font-weight:700;border-radius:5vh;display:flex;justify-content:center;align-items:center}#learn-page{height:89%;overflow:auto}.learn-element{display:flex;font-size:larger;justify-content:center;align-items:center}#learn-page .learn-element{height:10%}.learn-element-digit{position:absolute;left:2vh}.learn-element-explanation{margin:auto}.learn-element-letter{position:absolute;right:2vh}.rotate270{display:inline-block;transform:rotate(270deg)}.flipH{display:inline-block;transform:scale(-1,1)}.resembles{font-size:75%;font-style:italic}#exercises-page{height:89%;overflow:auto;display:flex;flex-direction:column}#answer-board{margin:auto 0 0}.answer-board-button{float:left;position:relative;overflow:hidden;border:.66vh solid #fff;border-radius:2.5vh;box-sizing:border-box;background:#006c6c;color:#fff}.answer-board-digit{width:25%}.answer-board-digit-none{width:50%}.answer-board-letter{width:14%}.answer-board-letter-none{width:28%}.button-label{display:inline-block;margin:1.33vh 0}#exercise-board{display:flex;font-size:xx-large;margin:10% 0 0}.exercise-board-element{margin:auto}#answer-explanations{margin:10% 0 0}.question{-webkit-animation:infiniteRotation 2s infinite linear;-moz-animation:infiniteRotation 2s infinite linear;-o-animation:infiniteRotation 2s infinite linear;animation:infiniteRotation 2s infinite linear;display:inline-block;font-weight:700}@-webkit-keyframes infiniteRotation{100%{transform:rotatey(360deg)}}@-moz-keyframes infiniteRotation{100%{transform:rotatey(360deg)}}@-o-keyframes infiniteRotation{100%{transform:rotatey(360deg)}}@keyframes infiniteRotation{100%{transform:rotatey(360deg)}}#converter-help-explanation{text-align:left;margin:1vh 1vh 1vh 0;font-size:medium}#to-converter-help{position:absolute;bottom:.66vh;left:.66vh;font-size:larger}#about-page{height:89%;overflow:auto;text-align:left}.about-label,.about-value{display:flex;align-items:center}.about-label{height:5%;margin:10% 0 0 5%}.about-value{height:10%;margin:0 0 0 10%;font-size:larger;font-weight:700}a:active,a:hover,a:link,a:visited{text-decoration:none;color:inherit}#digit-input::-webkit-input-placeholder{font-size:4vh}#digit-input::-moz-placeholder{font-size:4vh}#digit-input:-ms-input-placeholder{font-size:4vh}#digit-input:-moz-placeholder{font-size:4vh}#mnemo-input::-webkit-input-placeholder{font-size:3vh}#mnemo-input::-moz-placeholder{font-size:3vh}#mnemo-input:-ms-input-placeholder{font-size:3vh}#mnemo-input:-moz-placeholder{font-size:3vh}.mnemo-input-board{display:flex}#digit-board-input{overflow-x:auto;overflow-y:visible}.digit-board{height:18%;overflow:auto}#solution-string{height:10%;overflow:auto}#emphatized-solution-string{height:10%;overflow:auto}.mnemo-input-board{height:10%;overflow:auto}#emphatize-mnemo{height:6%;overflow:auto}#hint-container{height:35%;overflow:auto}.fade-enter-active{transition:opacity .5s}.fade-enter{opacity:0}.fade-slow-enter-active,.fade-slow-leave-active{transition:opacity 2s}.fade-slow-enter,.fade-slow-leave-to{opacity:0}.cloak-fade-enter-active,.cloak-fade-leave-active{transition:opacity .5s}.cloak-fade-enter,.cloak-fade-leave-to{opacity:0}