.notie-container{background:#f8f8f8;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;box-sizing:border-box;box-shadow:0 0 5px 0 rgba(0,0,0,.5)}.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:#b2ff00;--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);--metal-gradient:linear-gradient(90deg,#7a7a7a,#ededed,#7a7a7a);--audioMotion-gradient:linear-gradient(-45deg,#ffdf43,#fa5476,#c63bf3,#8550ff,#4a68f7,#23d2ff)}*{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 0}input[type=number]{margin:2px 0;padding:4px;width:50px}.button,button{background:#f3f3f3;border:1px solid #adadad;border-radius:999px;padding:6px 16px}.button:not([data-active="1"]):hover,.thin-button:not(.active):hover,button:not([disabled]):hover{background:#f2ffd3!important;border:1px solid #72aa00}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;background-color:rgba(0,0,0,.53);color:transparent;font:32px Orbitron;margin:0;text-shadow:1px 1px 1px hsla(0,0%,100%,.5);-webkit-background-clip:text}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}.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 rgba(0,0,0,.53);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(--accent-color);text-shadow:0 0 6px}.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:hsla(0,0%,94.1%,.94);border-bottom-left-radius:20px;border-bottom-right-radius:20px;border:1px solid #888;border-top:0 solid #888;margin-top:-301px;padding:10px;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{display:grid;font-size:11px;grid-auto-flow:column;grid-gap:5px 15px;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);padding:0 5px}.controls input,.controls select{margin:4px 0;width:100%}.controls input[type=range]{height:16px;margin-top:8px}.player-area{background:inherit;box-shadow:0 1px 3px rgba(0,0,0,.53);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{background:#000;height:calc(100vh - 570px);overflow:hidden}.analyzer canvas{background-position:50%;background-repeat:no-repeat;background-size:auto 100%;display:block;width:100%}.analyzer canvas:-webkit-full-screen{height:auto}.analyzer canvas.repeat{background-repeat:repeat-x}.analyzer canvas.cover{background-size:cover}#playlists{margin-right:10px;width:100%}.config-panel{background:#f5f5f5!important;font-size:12px;padding-top:0!important;width:880px}.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]{margin:4px 0;vertical-align:sub}.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{margin-left:50px;justify-self:start}.controls-right{margin-right:25px;justify-self:end}.player-controls .button{background:var(--glass-gradient);border-radius:0;display:inline-block;margin:5px 0;padding:0 10px;font-size:30px}.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-left-width:1px;border-bottom-left-radius:12px;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 rgba(0,0,0,.53);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-radius:3px;border:1px solid #b4b4b4;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 rgba(0,0,0,.53);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 rgba(0,0,0,.27);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{outline:1px dashed #c5e2ff;background:#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{width:400px}.credits li,.credits p{line-height:2}.credits a:not([class]){color:#090}.credits h1{background:var(--audioMotion-gradient);background-clip:text;display:inline;font:30px Orbitron,sans-serif;margin:0;text-shadow:none;-webkit-background-clip:text;-webkit-text-fill-color:transparent}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:10px 0;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{width:.5em;height:.5em;left:6em;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(--accent-color);top:1.25em}.slider-off,.slider-on{bottom:-13px;color:#444;font-size:10px;position:absolute;transition:.25s ease-in-out}.slider-on{left:4em}.slider-off{left:-2.4em}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(--accent-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,.5)}input.slider:checked+.slider .slider-on,input.slider:not(:checked)+.slider .slider-off{text-shadow:0 0 5px;color:var(--accent-color)}.modal-window{background-color:rgba(0,0,0,.87);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:#fff;left:50%;max-height:80%;max-width:90%;overflow:auto;padding:2em;position:absolute;top:50%;transform:translate(-50%,-50%)}.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 rgba(17,17,17,.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:60px;margin:-10px 20px 0 10px;position:relative;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[data-value="0"]:before,.knob[data-value="1"]:after{color:var(--accent-color);text-shadow:0 0 5px}.knob label{left:-100%;position:absolute;top:20px}.knob .marker{background-color:var(--accent-color);border-radius:2px;box-shadow:inset 1px -1px 0 0 rgba(17,17,17,.3),0 0 5px 0 var(--accent-color);height:4px;left:75%;margin-top:-2px;position:absolute;top:50%;transition:all .2s ease-in-out;transform-origin:-100% 50%;width:25%}@media screen and (max-width:1000px){#file_explorer,#playlist_panel{margin:0 5px}.controls-left{margin-left:30px}.controls-right{margin-right:5px}.file-panel{grid-template-columns:1fr 110px 1fr}}