body{display:flex;justify-content:center;font-family:sans-serif}.infobox{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffa;display:flex;font-size:1.1em;inset:0;justify-content:center;line-height:1.8em;position:fixed;z-index:15}.infos{background:#fff;border:2px solid #ccc;border-radius:1cqw;height:auto;padding:1cqh 2cqw 8cqh 2cqw;position:relative;width:40cqw}.infos h1{text-align:center}.infos h2{margin-top:1.5cqh}.infos li{margin-bottom:1cqh}.button-ok{background-color:#768cdf;position:absolute;right:6%}.button-ok:hover{background-color:#8098f2}.button-ok:active{background-color:#6c80cc}app-root{width:96%}.app-header{align-items:center;background-color:#9bc5e5;display:flex;justify-content:center;min-height:18vh;max-height:20vh}div.header{color:#fff;display:inline}div.random{color:#799ab2;margin:0 1cqw}.header.random span{font-size:4cqw}.header.static span{font-size:10cqw}#img2{transform:scaleX(-1)}.navbar{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;padding:1vh 0 2vh;position:relative}.nav-pills{align-items:center;--head: 1.2cqw;clip-path:polygon(0 0,calc(100% - var(--head)) 0,100% 50%,calc(100% - var(--head)) 100%,0 100%,var(--head) 50%);display:inline-flex;-webkit-user-select:none;user-select:none;padding:.5vh clamp(1cqw,var(--head) + 4cqw,6cqw)}.nav-pills .material-symbols-outlined{margin-right:1cqw}.nav-pills.passed{background:#8f9bcc;color:#fff6}.nav-pills.active{background:#768cdf;color:#fff}.nav-pills.upcoming{background:#e4e4e4;color:#aaa;cursor:pointer}.nav-pills.inactive{background:#e4e4e4;color:#aaa}.nav-pills span{font-size:clamp(.5rem,2cqw,2rem)}.container-controlbar{width:100%;justify-content:space-between;display:flex;align-items:center}.controls-left,.controls-right{display:flex;align-items:center}.col-auto{margin:0 1em}.checkbox_label{display:inline-flex;cursor:pointer;align-items:center;gap:.5cqw}.checkbox_label input{appearance:none;width:2cqh;height:2cqh;border:.2cqh solid #ccc;border-radius:.5cqh;position:relative;display:inline-block}.checkbox_label input:checked{background-color:#768cdf;border-color:#6b7499}.select-all{font-size:2cqh}.spanbutton.autoprompt{background-color:#9a0e13;width:auto}.autoprompt:hover{background-color:#a60f14}.autoprompt:active{background-color:#800b0f}.spanbutton{--head: 1em;display:inline-flex;width:5cqh;padding:.3vw 2vw;border-radius:.375rem;justify-content:center;text-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;font-weight:500;font-size:2cqh}.spanbutton.back{color:#666;background-color:#fff96f;clip-path:polygon(calc(var(--head)) 0,100% 0,100% 50%,100% 100%,calc(var(--head)) 100%,0 50%)}.back:hover{background-color:#fffb99}.back:active{background-color:#fff733}.spanbutton.next{background-color:#76df9a;clip-path:polygon(0 0,calc(100% - var(--head)) 0,100% 50%,calc(100% - var(--head)) 100%,0 100%,0 50%)}.next:hover{background-color:#79e59e}.next:active{background-color:#6ccc8d}.container-content{display:flex;justify-content:center;gap:2rem;margin:3vh 0}