.main[data-v-383390e1]{flex-grow:1}.progress[data-v-383390e1]{text-align:right;margin:16px 0}.guesses[data-v-383390e1]{list-style:none;margin:0;padding:0}.guesses li[data-v-383390e1]{position:relative;margin:8px 0;padding:12px 12px 12px 48px;border:2px solid var(--outline-colour);border-radius:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1;font-size:20px}.guesses li.guess-skipped[data-v-383390e1]{color:var(--guess-skip-colour)}.guesses li.guess-partial .svg-inline--fa[data-v-383390e1]{color:var(--guess-partial-colour)}.guesses li.guess-incorrect .svg-inline--fa[data-v-383390e1]{color:var(--guess-incorrect-colour)}.guesses li.guess-correct[data-v-383390e1]{color:var(--guess-correct-colour)}.guesses li.guess-active[data-v-383390e1]{box-shadow:0 0 0 1px var(--outline-colour),inset 0 0 0 1px var(--outline-colour)}.guesses li .svg-inline--fa[data-v-383390e1]{position:absolute;font-size:24px;left:24px;top:50%;transform:translate(-50%,-50%)}.track-title[data-v-383390e1]{background:var(--result-incorrect-colour);padding:16px;border-radius:3px}.track-title.correct[data-v-383390e1]{background:var(--result-correct-colour)}.track-title h3[data-v-383390e1],.track-title p[data-v-383390e1]{margin:0}.guess-blocks[data-v-383390e1]{list-style:none;margin:48px 0 0;padding:0;display:flex;justify-content:center;gap:4px}.guess-blocks li[data-v-383390e1]{flex:20px 0 0;height:10px;background:hsla(0,0%,53%,.267);border-radius:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1;font-size:20px}.guess-blocks li.guess-skipped[data-v-383390e1]{background:var(--guess-skip-colour)}.guess-blocks li.guess-partial[data-v-383390e1]{background:var(--guess-partial-colour)}.guess-blocks li.guess-incorrect[data-v-383390e1]{background:var(--guess-incorrect-colour)}.guess-blocks li.guess-correct[data-v-383390e1]{background:var(--guess-correct-colour)}.result-text[data-v-383390e1],.volume-note[data-v-383390e1]{text-align:center}.volume-note .svg-inline--fa[data-v-383390e1]{margin:10px}.progress-bar-container[data-v-383390e1]{background:var(--header-bg-colour)}.progress-bar[data-v-383390e1]{height:12px;position:relative;display:flex;border-radius:6px;overflow:hidden}.progress-bar.bg[data-v-383390e1]{background:hsla(0,0%,53%,.4)}.progress-position[data-v-383390e1]{position:absolute;top:0;left:0;bottom:0;background:var(--guess-correct-colour);opacity:.5;z-index:5;border-radius:0 6px 6px 0}.progress-step[data-v-383390e1]{border-right:1px solid var(--outline-colour);position:relative}.progress-step.available[data-v-383390e1]{background:hsla(0,0%,53%,.4)}.buttons[data-v-383390e1],.player[data-v-383390e1],.search[data-v-383390e1]{margin-top:10px;margin-bottom:10px}.player[data-v-383390e1]{display:grid;align-items:center;grid-template-columns:1fr 64px 1fr}.player .current-time[data-v-383390e1]{text-align:left}.player .total-time[data-v-383390e1]{text-align:right}.player .play[data-v-383390e1]{width:64px;height:64px;border:2px solid var(--outline-colour);border-radius:100%;background:none;cursor:pointer;padding:0;display:flex;justify-content:center;align-items:center}.player .play[data-v-383390e1]:focus-visible{outline:2px solid var(--outline-colour);outline-offset:2px}.player .play .svg-inline--fa[data-v-383390e1]{color:var(--text-colour);font-size:24px;margin-left:4px}.player .play span[data-v-383390e1],.player .play span[data-v-383390e1]:after,.player .play span[data-v-383390e1]:before{content:"";display:block;position:relative;width:2px;height:24px;-webkit-animation:play-bar-383390e1 1.3s ease infinite alternate;animation:play-bar-383390e1 1.3s ease infinite alternate}.player .play span[data-v-383390e1]:before{position:absolute;left:-8px;-webkit-animation-delay:-2.4s;animation-delay:-2.4s}.player .play span[data-v-383390e1]:after{position:absolute;right:-8px;-webkit-animation-delay:-3.7s;animation-delay:-3.7s}@-webkit-keyframes play-bar-383390e1{0%,to{box-shadow:inset 0 -4px 0 var(--text-colour)}10%{box-shadow:inset 0 -8px 0 var(--text-colour)}30%{box-shadow:inset 0 -20px 0 var(--text-colour)}60%{box-shadow:inset 0 -12px 0 var(--text-colour)}80%{box-shadow:inset 0 -16px 0 var(--text-colour)}}@keyframes play-bar-383390e1{0%,to{box-shadow:inset 0 -4px 0 var(--text-colour)}10%{box-shadow:inset 0 -8px 0 var(--text-colour)}30%{box-shadow:inset 0 -20px 0 var(--text-colour)}60%{box-shadow:inset 0 -12px 0 var(--text-colour)}80%{box-shadow:inset 0 -16px 0 var(--text-colour)}}.search[data-v-383390e1]{position:relative}.search input[data-v-383390e1]{display:block;width:100%;height:48px;border:2px solid var(--outline-colour);border-radius:3px;background:none;color:var(--text-colour);font:inherit;font-size:20px;line-height:1;padding:8px 48px}.search input[data-v-383390e1]:focus{border-color:var(--guess-correct-colour);outline:none}.search .svg-inline--fa.icon[data-v-383390e1]{position:absolute;font-size:16px;left:32px;top:50%;transform:translate(-50%,-50%);pointer-events:none}.search button.clear[data-v-383390e1]{width:48px;height:48px;margin:0;padding:0;background:none;border:none;font-size:16px;cursor:pointer;text-align:center;color:inherit;position:absolute;top:0;right:8px}.search button.clear[data-v-383390e1]:focus,.search button.clear[data-v-383390e1]:hover{background:hsla(0,0%,53%,.267)}.search button.clear[data-v-383390e1]:active{background:hsla(0,0%,53%,.533)}.buttons[data-v-383390e1]{display:flex;justify-content:space-between;flex-direction:row-reverse;margin-bottom:20px}.buttons .lc[data-v-383390e1]{text-transform:lowercase}.v-enter-active[data-v-f5ae32ac],.v-leave-active[data-v-f5ae32ac]{transition:opacity .3s ease}.v-enter-from[data-v-f5ae32ac],.v-leave-to[data-v-f5ae32ac]{opacity:0}.backdrop[data-v-f5ae32ac]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;padding:20px;align-content:center;align-items:center;justify-content:space-around;background:rgba(34,34,34,.533);z-index:1000}.popup[data-v-f5ae32ac]{width:100%;max-width:480px;max-height:90%;overflow:auto;background:var(--bg-colour);border:2px solid var(--outline-colour);border-radius:3px;padding:24px;position:relative;box-shadow:0 5px 15px rgba(0,0,0,.333)}.v-enter-active .popup[data-v-f5ae32ac]{transition:transform .3s ease-out}.v-leave-active .popup[data-v-f5ae32ac]{transition:transform .3s ease-in}.v-enter-from .popup[data-v-f5ae32ac],.v-leave-to .popup[data-v-f5ae32ac]{transform:translateY(80px)}button.close[data-v-f5ae32ac]{width:48px;height:48px;flex:64px 0 0;margin:0;padding:0;background:none;border:none;font-size:32px;cursor:pointer;text-align:center;color:inherit;position:absolute;top:0;right:0}button.close[data-v-f5ae32ac]:focus,button.close[data-v-f5ae32ac]:hover{background:hsla(0,0%,53%,.267)}button.close[data-v-f5ae32ac]:active{background:hsla(0,0%,53%,.533)}h2[data-v-3ee65abe]{margin:0;font-size:24px;text-align:center}ul.icon-list[data-v-3ee65abe]{margin:0;padding:0;list-style:none}ul.icon-list li[data-v-3ee65abe]{padding-left:48px;margin-top:20px;position:relative}ul.icon-list .svg-inline--fa[data-v-3ee65abe]{position:absolute;font-size:32px;left:16px;top:50%;transform:translate(-50%,-50%)}.close[data-v-3ee65abe]{text-align:center;margin-top:20px}.svg-inline--fa[data-v-393884b5]{font-size:16px}header[data-v-78fea013]{background:var(--header-bg-colour);color:var(--header-text-colour)}header .centre[data-v-78fea013]{padding:0;display:flex;justify-content:space-between;align-items:center}header .centre h1[data-v-78fea013]{margin:0;font-size:32px;line-height:1;padding:4px 0 4px 12px;flex-grow:1}header .centre button[data-v-78fea013]{width:56px;height:56px;flex:56px 0 0;margin:0;padding:0;background:none;border:none;font-size:32px;cursor:pointer;text-align:center;color:inherit}header .centre button[data-v-78fea013]:focus,header .centre button[data-v-78fea013]:hover{background:hsla(0,0%,53%,.267)}header .centre button[data-v-78fea013]:active{background:hsla(0,0%,53%,.533)}.main[data-v-4a6987ae]{flex-grow:1}h3[data-v-4a6987ae],p[data-v-4a6987ae]{text-align:center}.results[data-v-4a6987ae]{list-style:none;margin:20px 0;padding:0}.results>li[data-v-4a6987ae]{display:flex;align-items:center;gap:8px;padding:8px;line-height:1}.results>li[data-v-4a6987ae]:not(:last-child){border-bottom:1px solid var(--outline-colour)}.results>li.correct[data-v-4a6987ae],.results>li.partial small[data-v-4a6987ae]{color:var(--guess-correct-colour)}.results>li.partial .icon[data-v-4a6987ae]{color:var(--guess-partial-colour)}.guess-blocks[data-v-4a6987ae]{list-style:none;padding:0;display:flex;justify-content:center;gap:3px}.guess-blocks li[data-v-4a6987ae]{width:10px;height:10px;background:hsla(0,0%,53%,.267);border-radius:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1;font-size:20px}.guess-blocks li.guess-skipped[data-v-4a6987ae]{background:var(--guess-skip-colour)}.guess-blocks li.guess-partial[data-v-4a6987ae]{background:var(--guess-partial-colour)}.guess-blocks li.guess-incorrect[data-v-4a6987ae]{background:var(--guess-incorrect-colour)}.guess-blocks li.guess-correct[data-v-4a6987ae]{background:var(--guess-correct-colour)}.icon[data-v-4a6987ae]{width:40px;font-size:24px}.name[data-v-4a6987ae]{flex:1}.buttons[data-v-4a6987ae]{display:flex;justify-content:space-between;flex-direction:row-reverse;margin-bottom:20px;gap:5px}.buttons .svg-inline--fa[data-v-4a6987ae]{font-size:24px;vertical-align:center}.main[data-v-193bcb5a]{flex-grow:1}h3[data-v-193bcb5a],p[data-v-193bcb5a]{text-align:center;text-wrap-style:balance}.buttons[data-v-193bcb5a]{display:flex;justify-content:center;margin:20px 0;gap:5px}:root{--bg-colour:#eee;--text-colour:#222;--header-bg-colour:#fff;--header-text-colour:#ee3123;--outline-colour:#222;--guess-skip-colour:#bbb;--guess-partial-colour:#d60;--guess-incorrect-colour:#d00;--guess-correct-colour:#0c0;--result-incorrect-colour:#ccc;--result-correct-colour:#7f7}@media(prefers-color-scheme:dark){:root{--bg-colour:#000;--text-colour:#ddd;--header-bg-colour:#222;--outline-colour:#888;--guess-skip-colour:#666;--guess-partial-colour:#f80;--guess-incorrect-colour:red;--guess-correct-colour:#0d0;--result-incorrect-colour:#444;--result-correct-colour:#080}}*,:after,:before{box-sizing:border-box}#app,body,html{height:100%}html{font:normal 125%/1.25 Play,sans-serif;background:var(--bg-colour);color:var(--text-colour)}body{margin:0}#app{display:flex;flex-direction:column}a{color:inherit;text-decoration:underline}h2{margin:0;font-size:24px;text-align:center;line-height:1}p{margin:20px 0 0}.centre{width:100%;max-width:768px;margin:auto;padding:0 8px}.btn{background:#555;color:#fff;border:none;border-radius:3px;font:700 24px/1 Play,sans-serif;text-transform:uppercase;padding:10px 16px;cursor:pointer}.btn:focus,.btn:hover{background:#333}.btn:focus-visible{outline:2px solid var(--outline-colour);outline-offset:1px}.btn:active{background:#222}.btn.btn-primary{background:#090}.btn.btn-primary:focus,.btn.btn-primary:hover{background:#070}.btn.btn-primary:active{background:#040}.autoComplete_wrapper{position:relative}.autocomplete-list{position:absolute;bottom:calc(100% - 2px);z-index:20;left:0;right:0;margin:0;padding:0;list-style:none;border:2px solid var(--outline-colour);border-bottom-color:var(--guess-correct-colour);background:var(--bg-colour);border-radius:3px 3px 0 0}.autocomplete-list li{padding:5px 10px}.autocomplete-list li:not(:last-child){border-bottom:1px solid var(--outline-colour)}.autocomplete-list li.selected{background:hsla(0,0%,53%,.533)}.autocomplete-list li mark{background:hsla(0,0%,67%,.467);color:inherit}