*{box-sizing:border-box;font-family:Noto Sans,sans-serif;color:#333}#app,body,html{min-height:100%!important;height:100%}body{margin:0;background-color:#eee}#app,body{min-height:100vh}#app{position:relative}#quiz-term{font-size:200px;display:flex;align-items:center;justify-content:center}#quiz-term div{font-size:200px;margin-bottom:15px;color:#fff}#quiz-term.radical{background-color:#00a1f1}#quiz-term.radical img{padding-top:30px}#quiz-term.kanji{background-color:#f100a1}#quiz-term.vocab{background-color:#a100f1}#quiz-prompt{text-transform:capitalize;text-align:center;font-size:30px;padding:15px 0}#quiz-prompt.meaning,#quiz-prompt.meaning>*{color:#333}#quiz-prompt.reading{background-color:#333}#quiz-prompt.reading,#quiz-prompt.reading>*{color:#fff}#quiz-response div{width:100%;font-size:50px;text-align:center;padding:20px 0;background-color:#fff;box-sizing:content-box;height:68px;border:1px solid #ccc}#quiz-response div.selected{box-shadow:inset 0 0 20px 0 #cafe10}.fullscreen-flex-center{width:100%;height:100vh;flex-direction:column}.fullscreen-flex-center,.learn-symbol{display:flex;justify-content:center;align-items:center}.learn-symbol{border-radius:15px;font-size:50px;min-width:100px;white-space:nowrap;height:100px}.learn-symbol>div{padding:20px}.learn-symbol,.learn-symbol>*{color:#fff}.learn-symbol.radical{background-color:#00a1f1}.learn-symbol.radical img{height:50px}.learn-symbol.kanji{background-color:#f100a1}.learn-symbol.vocab{background-color:#a100f1}.learn-symbol.small{height:50px;min-width:50px;padding:10px;border-radius:7px;font-size:25px}.learn-symbol.small img{height:25px}.bg-radical{background-color:#00a1f1}.bg-kanji{background-color:#f100a1}.bg-vocab{background-color:#a100f1}.learn-key{padding-left:20px;text-transform:capitalize;font-size:50px}.learn-key.small{font-size:25px}button{outline-offset:4px;outline-color:#ccc}.learn-row{display:flex;justify-content:center;align-items:center}.learn-alternate-meanings{position:relative;left:10px;top:11px;font-size:20px}.learn-alternate-meanings.small{font-size:15px}svg{height:1.5em}#pattern-table{width:100%}#pattern-table th{vertical-align:top;text-align:left}audio{width:100px}audio::-webkit-media-controls-current-time-display,audio::-webkit-media-controls-mute-button,audio::-webkit-media-controls-time-remaining-display,audio::-webkit-media-controls-timeline{display:none}[class*=-highlight]{cursor:help;padding:1px 4px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);white-space:nowrap;border-radius:3px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.2)}.kanji-highlight{background-color:#f100a1;background-image:linear-gradient(180deg,#f0a,#dd0093);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFF00AA",endColorstr="#FFDD0093",GradientType=0)}.radical-highlight{background-color:#00a1f1;background-image:linear-gradient(180deg,#0af,#0093dd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF00AAFF",endColorstr="#FF0093DD",GradientType=0)}.vocabulary-highlight{background-color:#a100f1;background-image:linear-gradient(180deg,#a0f,#9300dd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFAA00FF",endColorstr="#FF9300DD",GradientType=0)}.reading-highlight{background-color:#474747;background-image:linear-gradient(180deg,#555,#333);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF555555",endColorstr="#FF333333",GradientType=0);box-shadow:inset 0 -2px 0 rgba(0,0,0,.8)}.meaning-highlight{background-color:#ccc;background-image:linear-gradient(180deg,#eee,#999);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FF999999",GradientType=0)}