body{margin:0;margin-bottom:100px;-webkit-tap-highlight-color:transparent}.btn-next2{display:none}#menu{height:100px;display:flex;justify-content:center;align-items:center;padding-left:20px;padding-right:20px}.deck-repeat{font-style:italic;user-select:none}#opties{width:50px;height:50px;background:#eee;border-radius:100%}#menu .left{margin-right:auto}#menu .right{margin-left:auto}#main{max-width:1000px;margin:0 auto}#list>.row{text-align:center;line-height:40px;border-bottom:1px solid #eee;cursor:pointer;font-size:26px;user-select:none}#list>.row.ignore{cursor:default}#cards{display:none;user-select:none}#cards>.row{display:none;text-align:center;font-size:26px}#cards>.row .front{position:relative}#cards>.row>.back{display:none;margin-top:20px;padding-top:20px;border-top:1px solid #eee}#cards>.row>.back>.text{display:none}#cards>.row>div>img{max-width:100%}.show{display:block !important}.dropblock{font-size:26px}#turbo{position:fixed;left:0;line-height:40px;font-style:italic;user-select:none;display:flex;gap:5px}#turbo.flex-reverse{flex-direction:row-reverse}#turbo>.menu>.holder{background-color:#eee;border-radius:20px;overflow:hidden}#turbo .btn{width:60px;text-align:center;background-color:#eee;color:#000;cursor:pointer;touch-action:none}#turbo .btn:last-child{margin-right:0}#turbo .btn:hover{touch-action:none}#turbo .btn:active{touch-action:none}#submenu{position:fixed;bottom:0;left:0;width:100%;display:flex;flex-direction:column}#answer{font-size:26px;text-transform:uppercase;text-align:center;line-height:60px;cursor:pointer;background-color:#fff;user-select:none;background-color:#eee}#answer>.inner{background-color:#eee}#rate{font-size:26px;background-color:#eee}#rate .inner{display:flex;background-color:#fff}#rate .inner>div{flex-grow:1;text-align:center;user-select:none;cursor:pointer;text-transform:uppercase;line-height:60px}#rate>.inner>div.wrong{background-color:#fb0000;color:#fff}#rate>.inner>div.neutral{background-color:#00b7fa;color:#fff}#rate>.inner>div.good{background-color:#00fb20;color:#fff}#rate-number{font-size:26px;background-color:#eee}#rate-number .inner{display:flex;background-color:#fff}#rate-number .inner>div{flex-grow:1;text-align:center;user-select:none;cursor:pointer;text-transform:uppercase;line-height:60px;border-radius:100%}#rate-number[data-style=Fout] .inner>div.active{color:#fff;background-color:#fb0000}#rate-number[data-style=Goed] .inner>div.active{color:#fff;background-color:#00b7fa}#back{width:50px;height:50px;background:#eee;border-radius:100%}#back,#fullscreen{cursor:pointer}.disabled{opacity:.2;cursor:default !important}.choose[data-soort=cijfers]>span>span{border:1px solid #ddd;display:inline-block;padding:0 5px;min-width:25px;text-align:center;border-radius:5px;border-top-left-radius:0;border-top-right-radius:0;margin-bottom:10px}#login{text-align:center}#login .row{margin-bottom:10px}#login button{font-size:16px;text-align:center;cursor:pointer}body>.dropdown{background:#fff;box-shadow:0 0 5px #8b8b8b;border-radius:5px;overflow:hidden;z-index:50}body>.dropdown>.option{color:#000;text-align:center;line-height:40px;padding:0 10px;cursor:pointer;white-space:nowrap;user-select:none}.btn-next{color:#00b7fa !important}#turbo .btn:active{background-color:#ccc !important}.btn-next2{background-image:url(/media/svg/fire.svg);background-position:center;background-size:20px 20px;background-repeat:no-repeat}.btn-prev{background-image:url(/media/svg/prev.svg?v=2);background-position:center;background-size:20px 20px;background-repeat:no-repeat}#back{background-image:url(/media/svg/back.svg?v=5);background-position:center;background-size:20px 20px;background-repeat:no-repeat}#opties{background-image:url(/media/svg/opties.svg?v=8);background-position:center;background-size:20px 20px;background-repeat:no-repeat}@media(max-width:620px){#menu .left{z-index:9999}#list{box-sizing:border-box;max-height:calc(100% - 100px);overflow-y:scroll;position:fixed;width:100%;bottom:10%;padding-bottom:200px;padding-top:200px;bottom:0}}.rateNumberFast{max-width:200px !important}.rateNumberFast .inner>div{display:inline-block;width:30px;height:30px;text-align:center;user-select:none;cursor:pointer;text-transform:uppercase;border-radius:100%}.rateNumberFast .inner>div.active{text-decoration:underline}.disabled{opacity:.2;cursor:default}.front div.img{display:inline-block;position:relative}div.img .circle{display:flex;justify-content:center;align-items:center;position:absolute;border-radius:100%;background-color:red;mix-blend-mode:hard-light}div.img .circle>.inner{width:80%;height:80%;background-color:gray;border-radius:100%}.learning_state{display:inline-block;width:30px;height:30px;background-color:blue;border-radius:100%;margin-right:10px;cursor:pointer}.learning_state:last-child{margin-right:0}#submenu{background-color:#eee}#submenu-uitklap .btn{background-color:#eee;font-size:26px;text-align:center;line-height:60px}#answer{display:none !important}.menu[data-soort=bucket]>.holder{display:grid;grid-template-columns:repeat(3,1fr)}.menu[data-soort=bucket]>.holder>div{width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer;user-select:none}.menu[data-soort=bucket]>.holder>div.actief{text-decoration:underline;font-weight:bold}.menu[data-soort=rate]>.holder>div{display:block;width:30px;height:30px;border-radius:100%;margin-bottom:2px;border:3px solid transparent;cursor:pointer;user-select:none}.menu[data-soort=rate]>.holder>div.actief{border-color:#000}#menu #visual-progress{width:100px;height:5px;background-color:#eeee;border-radius:5px;overflow:hidden}#menu .percentbar{height:5px;background-color:#ddd}