.config{position:absolute;display:flex;justify-content:center;align-items:center;top:0;left:0;right:0;bottom:0}.config DIV{flex:0 0 auto;text-align:center;z-index:9999;color:var(--settings-color);background:var(--settings-bg);border:2px solid var(--settings-border);border-radius:1em;box-shadow:var(--settings-border) 0 0 1em;padding:1em}.config DIV H2{margin:0}.config DIV INPUT[type=text],.config DIV BUTTON{width:100%}MAIN.login ARTICLE .loading{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.qr_container{display:block;width:100%;text-align:center}.qr_code{border:1em solid white;width:75%;height:auto}@media print{.printableContent P{font-size:20pt;text-align:center;padding:3cm 3cm 1cm}}MAIN.queue ARTICLE .readme H1{text-align:center;font-size:max(6vw,2em);margin:.1em}MAIN.queue ARTICLE .readme LI{margin:.5em;font-size:max(2vw,1em)}MAIN.queue ARTICLE .progress_bar{margin:1em 0;height:1em;border:1px solid #444;overflow:hidden;white-space:nowrap}MAIN.queue ARTICLE .progress_bar DIV{display:inline-block;height:100%}MAIN.queue ARTICLE .progress_bar .played{background:var(--notification-error)}MAIN.queue ARTICLE .progress_bar .queued{background:var(--notification-warning)}MAIN.queue ARTICLE .progress_bar .space{background:var(--notification-ok)}MAIN.queue ARTICLE .me{background:var(--notification-warning)}MAIN.queue ARTICLE UL LI.drop_source{opacity:.5}MAIN.queue ARTICLE UL LI.drop_target{border-top:5px solid var(--drop-target)}MAIN.queue ARTICLE UL LI.drop_last{text-align:center;padding:1em}MAIN.queue ARTICLE UL LI.public{background:var(--notification-warning)}MAIN.queue ARTICLE UL LI SPAN.lyrics{font-weight:400}MAIN.queue ARTICLE UL LI SPAN.queue_info .performer{font-weight:400}MAIN.queue ARTICLE .coming_later{text-align:center}MAIN.queue ARTICLE .coming_later SPAN:after{content:", "}MAIN.queue ARTICLE .coming_later SPAN:last-child:after{content:""}MAIN.track ARTICLE VIDEO{margin-top:1rem;border:1px solid var(--list-border);width:100%}MAIN.track ARTICLE DIV.tags{display:flex;flex-wrap:wrap}MAIN.track ARTICLE DIV.tags DIV.tag{flex:0 0 30%;justify-content:space-between;margin-bottom:1em}MAIN.track ARTICLE DIV.tags DIV.tag .tag_key{font-size:.75em;font-weight:700}MAIN.track ARTICLE DIV.tags DIV.tag .tag_value{padding-left:.5em}MAIN.track ARTICLE DIV.lyrics{-webkit-user-select:text;user-select:text;margin-bottom:3em}MAIN.track FOOTER .already_queued{text-align:center}MAIN.tracks ARTICLE .search{margin-top:1em}MAIN.tracks ARTICLE DIV.active_filter_list{display:flex;flex-wrap:wrap;margin:.5em 0}MAIN.tracks ARTICLE DIV.active_filter_list .active_filter{border:1px solid var(--list-border);background-color:var(--list-bg);border-radius:1em;padding:.5em;margin-right:.5em;margin-bottom:.5em;max-width:10em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}MAIN.tracks ARTICLE DIV.active_filter_list .active_filter .remove{margin-right:.3em}MAIN.tracks ARTICLE UL .filter_list_group{border-bottom:1px solid var(--list-border);background:var(--list-shadow)}MAIN.tracks ARTICLE UL .filter_list_group LI{background:var(--list-bg)}MAIN.tracks ARTICLE UL .filter_list_group UL{margin:0 0 0 1em;border-radius:0;border-top:0;border-bottom:0;border-right:0;box-shadow:none}MAIN.tracks ARTICLE UL .filter_list_group LI.add_filter{padding-left:1em}MAIN.tracks ARTICLE UL LI SPAN.track_info .info{font-weight:400}INPUT[type=text],INPUT[type=search],INPUT[type=password],SELECT,BUTTON,.button{font-size:1rem;width:100%;border-radius:5px;padding:.5rem}A.button{text-align:center;text-decoration:none;font-weight:700}INPUT[type=checkbox]{margin:.5rem}INPUT[type=text],INPUT[type=search],INPUT[type=password]{color:var(--input-fg);font-weight:700;background:var(--input-bg);box-shadow:var(--input-shade) 0 1px 3px 0 inset;border:1px solid;border-color:var(--input-shade) var(--input-light) var(--input-light) var(--input-shade)}SELECT,BUTTON,.button{color:var(--button-fg);font-weight:700;background:var(--button-bg);border:1px solid;border-color:var(--input-light) var(--input-shade) var(--input-shade) var(--input-light)}SELECT:active,BUTTON:active,.button:active{background:var(--button-bg-active);border-color:var(--input-shade) var(--input-light) var(--input-light) var(--input-shade)}SELECT:disabled,BUTTON:disabled,.button:disabled{color:var(--input-fg-disabled)}.x2{font-size:2em}::cue(v[voice="active"]){color:#ff0}::cue(v[voice="next"]){color:#fff}::cue{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;font-size:1.5em}*{box-sizing:border-box}:root{color-scheme:light dark}BODY{color:var(--page-fg);background:var(--page-bg);margin:0;padding:0;font-family:arial,sans-serif;-webkit-user-select:none;user-select:none}A{color:inherit}.widescreen{background:#000;position:fixed;top:0;left:0;right:0;bottom:0;display:flex}.widescreen MAIN:nth-child(1){position:relative;flex:0 0 50%;max-width:50%;border-right:2px solid black}.widescreen MAIN:nth-child(1) .main-only{display:none}.widescreen MAIN:nth-child(2){position:relative;flex:0 0 50%;max-width:50%;border-left:2px solid black}MAIN{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-flow:column;justify-content:flex-start;background:var(--page-bg)}MAIN HEADER{flex:0 0 auto;display:flex;align-items:center;background-color:var(--header-bg);border-bottom:1px solid var(--header-border);padding:0 5%}MAIN HEADER>A,MAIN HEADER>DIV{display:block;flex:0 0 auto;width:2em;height:2em}MAIN HEADER H1{width:100%;font-size:1.5em;flex:0 1 auto;text-align:center;margin:.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}MAIN .upnext{background:var(--notification-warning);border-bottom:1px solid var(--notification-warning-border);padding:1em;margin:0}MAIN .notification{position:absolute;left:2em;right:2em;top:4em;display:flex;align-items:center;border-radius:1em;padding:1em;z-index:2}MAIN .notification SPAN{flex:1 1 auto}MAIN .notification I{flex:0 0 auto;padding:0 .5em}MAIN .notification.ok{background-color:var(--notification-ok);border:1px solid var(--notification-ok-border)}MAIN .notification.warning{background-color:var(--notification-warning);border:1px solid var(--notification-warning-border)}MAIN .notification.error{background-color:var(--notification-error);border:1px solid var(--notification-error-border)}MAIN ARTICLE{flex:1 1 auto;overflow-x:hidden;overflow-y:auto;padding-left:5%;padding-right:5%}MAIN FOOTER{flex:0 0 auto;display:flex;flex-flow:column;gap:.5em;border-top:1px solid var(--header-border);background-color:var(--header-bg);padding-top:.5em}MAIN FOOTER .buttons{display:flex;flex-flow:row;gap:.5em;justify-content:space-between}MAIN FOOTER .buttons>*{flex:1 0}.flex-center{display:flex;flex-flow:column;justify-content:center;height:100%}H2{text-align:center;margin-bottom:.5em;font-size:1.2em}UL{border:1px solid var(--list-border);background-color:var(--list-bg);margin:.5em 0;border-radius:.5em;overflow:hidden;box-shadow:var(--list-shadow) 2px 2px 4px;padding:0}UL LI{display:flex;border-bottom:1px solid var(--list-border);padding:.75em;font-weight:700;align-items:center}UL LI .thumb{height:4em;width:6em;margin:-.75em .75em -.75em -.75em;background-size:cover;background-position:center;border-right:1px solid var(--list-border);flex:0 0 auto;position:relative}UL LI .thumb IMG{object-fit:cover;position:absolute;top:0;left:0;width:100%;height:100%}UL LI .thumb .drag-handle{position:absolute;top:1em;left:0;bottom:1em;background:var(--drag-handle-bg);border:1px solid var(--list-border);border-radius:0 .5em .5em 0;padding:.4em .4em .5em .2em}UL LI SPAN.text{flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:.4em}UL LI SPAN.count{flex:0 0 auto;margin-right:.5em;border:1px solid var(--list-border);background:var(--page-bg);font-size:.75em;padding:.2em .4em;border-radius:.2em}UL LI SPAN.go_arrow{flex:0 0 auto}UL LI:last-child{border-bottom:0}MAIN HEADER,MAIN ARTICLE,MAIN FOOTER{padding-left:max(5%,env(safe-area-inset-left));padding-right:max(5%,env(safe-area-inset-right))}MAIN HEADER{padding-top:env(safe-area-inset-top)}MAIN ARTICLE:last-child{padding-bottom:max(.5em,env(safe-area-inset-bottom))}MAIN FOOTER{padding-bottom:max(.5em,env(safe-area-inset-bottom))}:root{--page-fg: #000;--page-bg: #f9f9f9;--header-bg: #e9e9e9;--header-border: #ddd;--input-fg: #000;--input-fg-disabled: #aaa;--input-bg: #fff;--input-light: #eee;--input-shade: #999;--button-fb: #000;--button-bg: #e9e9e9;--button-bg-active: #d0d0d0;--list-bg: #f9f9f9;--list-border: #ddd;--list-shadow: #e9e9e9;--drag-handle-bg: #f9f9f9a0;--notification-ok: #afa;--notification-ok-border: #0d0;--notification-warning: #ffa;--notification-warning-border: #dd0;--notification-error: #faa;--notification-error-border: #d00;--settings-bg: #fff;--settings-border: #000;--settings-color: #000;--drop-target: #f00}@media (prefers-color-scheme: dark){:root{--page-fg: #fff;--page-bg: #111;--header-bg: #333;--header-border: #222;--input-fg: #000;--input-fg-disabled: #888;--input-bg: #ddd;--input-light: #555;--input-shade: #222;--button-fg: #ddd;--button-bg: #444;--button-bg-active: #333;--list-bg: #333;--list-border: #222;--list-shadow: #222;--drag-handle-bg: #444;--notification-ok: #060;--notification-ok-border: #020;--notification-warning: #762;--notification-warning-border: #220;--notification-error: #600;--notification-error-border: #200;--settings-bg: #222;--settings-border: #444;--settings-color: #fff;--drop-target: #600}}