.notie-container{background:#f8f8f8;box-shadow:0 0 5px 0 rgba(0,0,0,.5);box-sizing:border-box;color:#444;font-size:1.2rem;height:auto;left:0;margin:0 auto;max-width:100%;position:fixed;right:0;text-align:center;width:600px;z-index:1000}.notie-background-overlay{background:#000}.notie-alert{background:#666;color:#f0f0f0}.notie-textbox{padding:40px 20px}.notie-textbox-inner{line-height:1.8}.notie-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:999}.notie-button{cursor:pointer;padding:16px 10px}.notie-element{padding:10px}.notie-element-half{border-color:#ccc;border-style:solid;border-width:1px 1px 0 0;width:50%}.notie-element-half,.notie-element-third{box-sizing:border-box;display:inline-block}.notie-element-third{width:33.3333%}.notie-alert{cursor:pointer}.notie-input-field{background-color:#fff;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:inherit;margin:0 auto 30px;outline:0;padding:10px;text-align:center;width:calc(100% - 20px)}:root{--accent-color:#6c9700;--audioMotion-gradient:linear-gradient(-45deg,#ffdf43,#fa5476,#c63bf3,#8550ff,#4a68f7,#23d2ff);--background-image:none;--glass-gradient:linear-gradient(180deg,#fff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6);--glass-gradient-hover:linear-gradient(180deg,#f2ffd3 0%,#e4f1c5 50%,#d4e1b5 51%,#e9f6ca);--glass-gradient-active:linear-gradient(180deg,#bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d);--light-color:#b2ff00;--metal-gradient:linear-gradient(90deg,#7a7a7a,#ededed,#7a7a7a)}*{box-sizing:border-box;font-size:inherit}body{background:var(--metal-gradient);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;margin:0}audio{display:none}input[type=text],select{padding:4px}input[type=number]{margin:2px 0;padding:4px;width:50px}.button,button{background:#f3f3f3;border:1px solid #adadad;border-radius:999px;cursor:pointer;padding:6px 16px}.button:not([data-active="1"]):hover,.thin-button:not(.active):not(.disabled):hover,button:not([disabled]):hover{background:#f2ffd3!important;border:1px solid #72aa00}canvas{display:block;width:100%}header{margin:15px auto 0;max-width:960px}header ul:first-child{justify-self:left}header ul:last-child{justify-self:right}h1{background-clip:text;-webkit-background-clip:text;background-color:#0008;color:transparent;font:32px Orbitron;margin:0;text-shadow:1px 1px 1px hsla(0,0%,100%,.5)}h2{font-size:1.4em;margin:0 0 1em;text-align:left}h3{font-size:1.2em;margin:1em 0}ul{list-style:none;margin:0;padding:0}table{border-collapse:collapse;width:100%}.button{display:inline-block;text-align:center}a.button{text-decoration:none}a.button,a.button:visited{color:#000}.thin-button{background:linear-gradient(rgba(0,0,0,.07),hsla(0,0%,100%,0)),#eee;border:1px solid #777;border-radius:10px;box-shadow:1px 1px 2px #0008;color:#444;display:inline-block;font-size:10px;margin:0 5px;position:relative;text-transform:uppercase;transition:.15s ease-in;width:80px}.thin-button a{color:inherit;display:block;padding:3px 6px;text-decoration:none}.thin-button.active{background:#888;border-color:rgba(0,0,0,.2);box-shadow:inset 1px 1px 1px 0 rgba(0,0,0,.3);color:var(--light-color);text-shadow:0 0 6px}.thin-button.disabled{opacity:.5}.thin-button.warning:before{background:#c00;border-radius:50%;box-shadow:0 0 4px red;content:" ";display:block;height:1px;padding:3px;position:absolute;right:5px;top:6px;width:1px}.abs-center{left:50%;transform:translateX(-50%)}.settings{background:#f0f0f0f0;border:1px solid #888;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top:0 solid #888;margin-top:-301px;padding:10px 10px 20px;position:absolute;transition:margin-top .5s;width:700px;z-index:1}.settings.active{box-shadow:0 5px 10px rgba(0,0,0,.3);margin-top:0}.settings-close{bottom:0;cursor:pointer;padding:0 20px;position:absolute}.settings-close:before{color:#666;content:"\276e";display:inline-block;font-size:18px;transform:rotate(90deg)}.controls{grid-gap:5px 15px;display:grid;font-size:11px;grid-auto-flow:column;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);padding:0 5px}.controls input,.controls select{margin:4px 0;padding:4px 0;width:100%}.controls input[type=range]{accent-color:var(--accent-color);height:16px;margin-top:8px}.player-area{background:inherit;box-shadow:0 1px 3px #0008;color:#222;display:inline-block;position:relative;width:100%;z-index:2}.player-area .config-label{font-size:11px}.player-area .config-label.help{color:#222}.analyzer{left:0;overflow:hidden;position:absolute;top:0;width:100%}.bg-container{background:#000;background-image:var(--background-image);background-position:50%;background-repeat:no-repeat;background-size:auto 100%;height:calc(100vh - 570px);min-height:270px;overflow:hidden;position:relative;text-align:center}.bg-container.repeat{background-repeat:repeat-x}.bg-container.cover{background-size:cover}.bg-container:fullscreen{position:relative!important}.bg-container:fullscreen .analyzer{top:50%;transform:translateY(-50%)}.bg-container:not(:fullscreen) .analyzer{height:100%!important}.bg-container video,.bg-dim{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.bg-container.pip{background-image:none}.bg-container.pip:after{color:#fff;content:"Showing in PIP"}.bg-container.pip .analyzer,.bg-container.pip .bg-dim,.bg-container.pip .warp,.bg-container.pip video{display:none}.bg-container:-webkit-full-screen{height:100%;position:relative!important;width:100%}.bg-container:-webkit-full-screen .analyzer{top:50%;transform:translateY(-50%)}.bg-container:not(:-webkit-full-screen) .analyzer{height:100%!important}.osd{left:0;position:absolute;top:0}#playlists{margin-right:10px;width:100%}.config-panel,.file-panel,.player-area,.settings{user-select:none}.config-panel{font-size:12px;width:650px}.config-panel table td,.config-panel table th{border-bottom:1px solid #ccc;border-top:1px solid #ccc;padding:6px;text-align:center}.config-panel input[type=checkbox]{accent-color:var(--accent-color);margin:4px 0;vertical-align:sub}.config-panel p{margin:.5em 0}.config-panel>div:last-child{padding-bottom:2em}.flex{display:flex;justify-content:space-between}.space-around{justify-content:space-around}.justify-left{justify-content:start}.align-center{align-items:center}.align-start{align-items:start}.align-end{align-items:end}.grid{align-content:start;display:grid}.grid-2-cols{grid-template-columns:repeat(2,1fr)}.grid-3-cols{grid-template-columns:repeat(3,1fr)}.colspan-2{grid-column:span 2}.rowspan-2{grid-row:span 2}.rowspan-3{grid-row:span 3}.config-label{font-size:10px;text-transform:uppercase}.config-label.help{border-bottom:1px dotted;color:#080;cursor:help}.playlist-bar{padding:10px 10px 0}.playqueue-bar{padding:6px 10px 0}.playqueue-bar button{min-width:100px}.playlist-bar button{font-size:18px;margin-left:5px;padding:4px;width:45px}.playqueue-bar strong{align-self:center;font-size:16px}.file-panel{grid-template-columns:1fr 150px 1fr;margin:0 auto;max-width:1400px;padding:20px 0}.button-column{display:flex;flex-direction:column;justify-content:center}.button-column .button,.button-column button{border-radius:20px;margin:10px 0;padding:10px;width:100%}#local_file{display:none}div.value{float:right}.center{text-align:center}.player-panel{grid-template-columns:1fr minmax(350px,1fr) 1fr;margin:10px auto 15px;max-width:1400px}.controls-left{display:flex;justify-self:start;margin-left:40px}.controls-left>div:not(:last-child){margin-right:4em}.controls-right{justify-self:end;margin-right:25px}.player-controls .button{background:var(--glass-gradient);border-radius:0;display:inline-block;font-size:30px;margin:5px 0;padding:0 10px}.player-controls .button:first-child{border-bottom-left-radius:20px;border-top-left-radius:20px;padding-left:15px}.player-controls .button:last-child{border-bottom-right-radius:20px;border-top-right-radius:20px;padding-right:15px}.player-controls .button:not(:last-child){border-right-width:0}.player-controls .button:not([data-active="1"]):hover{background:var(--glass-gradient-hover)!important}.player-controls .button:not(:last-child):not([data-active="1"]):hover{border-right-width:1px!important;margin-right:-1px;z-index:1}.help{position:relative;text-decoration:none}.help:hover>.tooltip,.switch:hover>.tooltip{display:block}.switch input{display:none}.switch-bar{position:relative}.switch-bar .switch{background:var(--glass-gradient);border:1px solid #ccc;border-left-width:0;cursor:pointer;display:inline-block;font-size:11px;margin-bottom:2px;padding:4px;text-align:center;text-transform:uppercase;width:50%}.switch-bar .switch:not([data-active="1"]):hover{background:var(--glass-gradient-hover);border-color:#72aa00}.switch-bar .switch:nth-child(odd){border-bottom-left-radius:12px;border-left-width:1px;border-top-left-radius:12px}.switch-bar .switch:last-child:nth-child(odd){width:100%}.switch-bar .switch:last-child:nth-child(odd),.switch-bar .switch:nth-child(2n){border-bottom-right-radius:12px;border-top-right-radius:12px}.switch-bar .switch:nth-child(2n):not([data-active="1"]):hover{border-left-width:1px;margin-left:-1px;padding-left:5px}.switch-bar .switch:last-child,.switch-bar .switch:nth-last-child(2):nth-child(odd){border-bottom-width:1px}.player-controls .button[data-active="1"],.switch-bar .switch[data-active="1"]{background:var(--glass-gradient-active);box-shadow:inset 1px 1px 1px 0 rgba(0,0,0,.3);color:#fff;text-shadow:0 0 6px}.config-label+.switch-bar{margin-top:4px}.tooltip{background-color:#fffce0;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 10px #0008;color:#444;display:none;font-size:11px;padding:10px;position:absolute;text-align:center;text-shadow:none;text-transform:none;top:25px;width:220px;z-index:10}.tooltip.center{left:50%;transform:translateX(-50%)}.tooltip.right{right:0}.tooltip.shortcuts{left:-270px;top:-50px}.button-column .tooltip{left:calc(100% + 10px);top:50%;transform:translateY(-50%)}.controls .tooltip{left:110%;top:0}.player-controls .tooltip{left:50%;top:50px;transform:translateX(-50%)}.playlist-bar .tooltip{margin-top:10px;right:0}.shortcuts{width:600px}.kbd-table{width:100%}.kbd-table tr:nth-child(2n){background:#f5f5f5}.kbd-table td{border:1px solid #ddd;padding:4px}kbd{background-color:#eee;border:1px solid #b4b4b4;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.2),inset 0 2px 0 0 hsla(0,0%,100%,.7);color:#333;display:inline-block;font-family:consolas,Liberation Mono,courier,monospace;font-size:12px;font-weight:700;height:20px;line-height:1.2;min-width:20px;padding:2px 4px;text-align:center;white-space:nowrap}kbd.big{font-size:14px;line-height:1;width:20px}kbd.wide{width:50px}#file_explorer,#playlist_panel{background:#eee;border-radius:6px;box-shadow:inset 0 1px 3px #0008;height:390px;margin:0 25px}#file_explorer{grid-template-rows:45px 1fr 40px}#playlist_panel{grid-template-rows:40px 40px 1fr 40px}#file_explorer p{order:3}#file_explorer .filelist{background-position:100% 0;background-repeat:no-repeat;background-size:auto 100%}.breadcrumb{align-self:end;margin-bottom:5px;padding:0 10px}.breadcrumb:before{content:"\f117";font-family:audioMotion;font-size:16px;margin-right:.25em;vertical-align:middle}.breadcrumb li{cursor:pointer;display:inline}.breadcrumb li:hover{text-decoration:underline}.breadcrumb li:last-child{cursor:default;font-weight:500}.breadcrumb li:last-child:hover{text-decoration:none}.filelist{background:#fff;border:1px solid #ccc;box-shadow:inset 0 0 3px #0004;overflow:auto;padding:0;vertical-align:top}.filelist li{cursor:pointer;line-height:1.6;padding:0 .75em;white-space:nowrap}.filelist li.current{color:#06c}.filelist li.selected{background:#c5e2ff;outline:1px dashed #c5e2ff}.filelist li:hover{background:#06c;color:#fff}.filelist [data-type]:before{font-family:audioMotion;margin-right:10px}.filelist [data-type=dir]:before{content:"\f116"}.filelist [data-path=".."]:before{content:"\f119"}.filelist [data-type=mount]:before{content:"\f115"}.filelist [data-type=file]:before{content:"\f118"}.filelist [data-type=list]:before{content:"\f102"}#playlist li{position:relative}#playlist li:before{content:attr(data-title);display:inline-block;overflow:hidden;vertical-align:text-bottom;width:calc(100% - 4em)}#playlist li:after{content:attr(data-duration);position:absolute;right:.75em}#playlist li.current{padding-left:.25em}#playlist li.current:before{content:"\25b8"" " attr(data-title)}#console{background:#1c231a;bottom:-250px;color:#0b0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:13px;height:250px;left:0;line-height:1.4;position:fixed;right:0;transition:bottom .5s}#console.active{bottom:0}#console .error{color:#f33}#console-content{height:100%;overflow-y:scroll;padding:10px;scrollbar-color:#080 #333;scrollbar-width:thin}#console-content::-webkit-scrollbar-track{background-color:#333}#console-content::-webkit-scrollbar{width:6px}#console-content::-webkit-scrollbar-thumb{background-color:#080}#console-clear,#console-close{background:#1c231a;border:1px solid #0c0;bottom:220px;color:#0c0;cursor:pointer;font-size:12px;padding:2px 6px;position:absolute;text-transform:uppercase}#console-clear{right:70px}#console-close{right:20px}#console-clear:hover,#console-close:hover{background:#0c0;color:#000}.credits{margin-bottom:2em}.credits a:not([class]){color:#090}.credits h1{-webkit-text-fill-color:transparent;background:var(--audioMotion-gradient);background-clip:text;-webkit-background-clip:text;display:inline;font:36px Orbitron,sans-serif;margin:0;text-shadow:none}.credits li,.credits p{line-height:2}.credits li{display:inline-block;margin:0 .5em}.credits li:not(:last-child):after{content:"\22c5";margin-left:1em}input.slider{display:none}label.slider{background:linear-gradient(rgba(0,0,0,.6),transparent),rgba(0,0,0,.3);border-radius:1.5em;box-shadow:inset 0 .07em .1em -.1em rgba(0,0,0,.4),0 .05em .08em -.01em hsla(0,0%,100%,.7);cursor:pointer;display:inline-block;font-size:8px;height:3em;margin:5px 0 10px;position:relative;transition:.35s;vertical-align:middle;width:5.5em}label.slider:before{background:url(img/brushed-knob.png);background-size:100%;box-shadow:inset 0 .1em .15em -.05em hsla(0,0%,100%,.5),0 .5em .3em -.1em rgba(0,0,0,.25);height:2em;left:.5em;top:.5em;width:2em}label.slider:after,label.slider:before{border-radius:50%;content:"";position:absolute;transition:.25s ease-in-out}label.slider:after{background:linear-gradient(rgba(0,0,0,.07),hsla(0,0%,100%,.1)),#444;box-shadow:0 .08em .15em -.1em rgba(0,0,0,.5) inset,0 .05em .08em -.01em hsla(0,0%,100%,.7),-7em 0 0 0 var(--light-color),-7em .05em .08em -.01em hsla(0,0%,100%,.5);height:.5em;left:6em;top:1.25em;width:.5em}label.slider.on-off:after{background:transparent;box-shadow:0 .08em .15em -.1em transparent,0 .05em .08em -.01em transparent,-7em 0 0 0 var(--light-color),-7em .05em .08em -.01em hsla(0,0%,100%,.5)}.slider-off,.slider-on{bottom:-1.5em;color:#444;font-size:10px;position:absolute;transition:.25s ease-in-out}.slider-off{left:4em}.slider-on{left:-1.3em}input.slider:checked+.slider:before{left:3em}input.slider:checked+.slider:after{background:linear-gradient(rgba(0,0,0,.07),hsla(0,0%,100%,.1)),var(--light-color);box-shadow:inset 0 .08em .15em -.1em rgba(0,0,0,.5),0 .05em .08em -.01em hsla(0,0%,100%,.7),-7em 0 0 0 rgba(0,0,0,.7),-7em .05em .08em -.01em hsla(0,0%,100%,.5)}input.slider:checked+.slider.on-off:after{background:transparent;box-shadow:0 .08em .15em -.1em transparent,0 .05em .08em -.01em transparent,-7em 0 0 0 rgba(0,0,0,.7),-7em .05em .08em -.01em hsla(0,0%,100%,.5)}input.slider:checked+.slider:not(.on-off) .slider-off,input.slider:not(:checked)+.slider .slider-on{color:var(--light-color);text-shadow:0 0 5px}.modal-window{background-color:#000a;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:all .3s;visibility:hidden;z-index:999}.modal-window:target{opacity:1;pointer-events:auto;visibility:visible}.modal-window>div{background:#fffe;box-shadow:-5px 0 10px #0008;height:100%;max-width:90%;overflow:auto;padding:2em;position:absolute;right:-100%;top:0;transition:all .3s}.modal-window:target>div{right:0}.modal-close:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.modal-close-internal{background:#444;color:#fff;padding:6px 10px;position:absolute;right:1px;text-decoration:none;top:1px}.modal-close-internal:before{content:"\2715"}.modal-close-internal:hover{background:#c00}.knob{background:url(img/brushed-knob.png);background-size:100%;border-radius:50%;box-shadow:inset -1px 1px 0 0 hsla(0,0%,100%,.1),inset 1px -1px 0 0 hsla(0,0%,7%,.2),4px 4px 10px 0 #222,0 10px 10px -5px #222,0 0 0 1px #666;cursor:url(img/icons/mousescroll.png) 16 16,ns-resize;display:inline-block;height:35px;position:relative;width:35px}.knob-vol{height:60px;margin:-10px 20px 0 70px;width:60px}.knob:after,.knob:before{bottom:-1em;color:#444;font-size:10px;position:absolute;transition:all .2s ease-in-out}.knob:after{content:"MAX";right:-1.5em}.knob:before{content:"MIN";left:-1.5em}.knob-bal:after{content:"R";right:-.5em}.knob-bal:before{content:"L";left:-.5em}.knob-bal[data-value="-1"]:before,.knob-vol[data-value="0"]:before,.knob[data-value="1"]:after{color:var(--light-color);text-shadow:0 0 5px}.knob label{position:absolute;top:-20px}.knob-vol label{left:-65%;top:-5px}.knob .marker{background-color:var(--light-color);border-radius:2px;box-shadow:inset 1px -1px 0 0 hsla(0,0%,7%,.3),0 0 5px 0 var(--light-color);height:4px;left:75%;margin-top:-2px;position:absolute;top:50%;transform-origin:-100% 50%;transition:all .2s ease-in-out;width:25%}.mt-1{margin-top:1rem}.mt-5px{margin-top:5px}.grad-color-row td{padding:5px 10px 5px 0}.grad-color-row td:first-child{padding:5px 5px 5px 0}.grad-color-row td:last-child{padding:5px 0}.grad-add-stop,.grad-remove-stop{background:#444;border:none;border-radius:10px;color:#fff;height:35px;padding:0;text-align:center;width:35px}button.grad-remove-stop[disabled]{opacity:.8}button.grad-remove-stop:hover:not([disabled]){background-color:#c00!important;border:none}button.grad-add-stop:hover{background-color:#34a800!important;border:none}.grad-add-stop:before{content:"\FF0B"}.grad-remove-stop:before{content:"\2212"}.grad-color-stop,.grad-color-value{text-align:center}#grad-color-table-template{display:none}:root{--warp-duration:12s;--warp-size:1000px}.bg-container:before{content:"";height:100%}.bg-container:before,.warp{display:inline-block;vertical-align:middle}.warp{perspective:15px;perspective-origin:50% 50%;position:relative}.warp.rotating{animation:warp-rotate 30s linear infinite}.warp-block{animation:warp-move var(--warp-duration) infinite linear;animation-fill-mode:forwards;height:var(--warp-size);left:calc(var(--warp-size)/-2);position:absolute;top:calc(var(--warp-size)/-2);transform-style:preserve-3d;width:var(--warp-size)}.warp-block:nth-child(2){animation:warp-move var(--warp-duration) infinite linear;animation-delay:calc(var(--warp-duration)/2)}.warp-wall{animation:warp-fade var(--warp-duration) infinite linear;background:var(--background-image);background-size:cover;height:100%;opacity:0;position:absolute;width:100%}.warp-block:nth-child(2) .warp-wall{animation-delay:calc(var(--warp-duration)/2)}.warp-wall-right{transform:rotateY(90deg) translateZ(calc(var(--warp-size)/2))}.warp-wall-left{transform:rotateY(-90deg) translateZ(calc(var(--warp-size)/2))}.warp-wall-top{transform:rotateX(90deg) translateZ(calc(var(--warp-size)/2))}.warp-wall-bottom{transform:rotateX(-90deg) translateZ(calc(var(--warp-size)/2))}.warp-wall-back{transform:rotateX(180deg) scaleY(-1) translateZ(calc(var(--warp-size)/2))}.paused .warp-block,.paused .warp-wall,.warp.paused{animation:none;opacity:1}@keyframes warp-fade{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes warp-move{0%{transform:translateZ(calc(var(--warp-size)/-2)) rotate(0deg)}to{transform:translateZ(calc(var(--warp-size)/2)) rotate(0deg)}}@keyframes warp-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:1000px){#file_explorer,#playlist_panel{margin:0 5px}.controls-left{margin-left:20px}.controls-right{margin-right:5px}.file-panel{grid-template-columns:1fr 110px 1fr}}