#crazy-sphere-visualizer .canvas-container{width:100%;height:100%}#trapcity-new-visualizer .canvas-container{width:100%;height:100%}#speakers-visualizer{position:relative}#speakers-visualizer .canvas-container{width:100%;height:100%}#speakers-visualizer .copyright-info{font-family:Arial,Helvetica,sans-serif;position:absolute;right:2px;bottom:2px;font-size:12px;color:grey}#speakers-visualizer .copyright-info a,#speakers-visualizer .copyright-info a:active{color:grey}body,html{margin:0;overflow:hidden;height:100%;font-family:bignoodletitlingregular,sans-serif;color:#fff}body{z-index:-101;background-color:#212129}main{height:100%}#vignette{z-index:-100;position:fixed;top:0;left:0;height:100vh;width:100vw;background:radial-gradient(ellipse at center,rgba(0,0,0,.33) 0,rgba(0,0,0,.75) 100%)}.background-wrapper{z-index:-120;position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.background-wrapper .background{object-fit:cover;min-width:100%;min-height:100%}#suspension-overlay{z-index:1000;position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:rgba(0,0,0,.75);color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:2em;text-align:center;padding-top:25vh;box-sizing:border-box;cursor:pointer}#center-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}#center-wrapper #center{position:relative;top:150px;transition:transform 3s;transform:rotate(0) translate(0,0)}.help-text{cursor:pointer;position:fixed;font-size:2.5em;transition:top .2s,left .2s,opacity .2s;transform:matrix3d(0,0,0);animation:moving-help 1s linear infinite;opacity:1}.help-text.hidden{opacity:0;animation:none!important;top:-50px!important}.help-text .fa{position:relative;top:-2px}#help-text1{top:3px;left:40px}#help-text1.pos-2{top:37px;left:309px}#help-text2{top:1px;left:380px;animation-delay:-.5s}@keyframes moving-help{0%{transform:translateX(0)}50%{transform:translateX(10px)}100%{transform:translateX(0)}}#clock{font-size:3em;position:absolute;top:-35px;left:60px;text-shadow:0 0 3px #fff}#customizer-menu{position:absolute;width:300px;right:20px;top:20px;background-color:#222;padding:20px;box-shadow:0 0 6px #000}#customizer-menu.visible{display:block}#customizer-menu h1{margin:0;font-size:2em;text-align:center}#customizer-menu table{width:100%;margin-bottom:10px}#customizer-menu table input{width:100%}#customizer-menu table td[align=left]{cursor:help}#customizer-menu button,#customizer-menu input[type=submit]{float:right;margin-left:10px;cursor:pointer}#trackname-wrapper{position:absolute;right:40px;top:20px;width:70%}#trackname-wrapper #trackname{width:100%;position:absolute;bottom:0;text-align:right;font-size:4em}.visualizer{width:100%;height:100%}#side-menu{width:300px;height:100%;background-color:#222;position:fixed;top:0;left:-300px;z-index:100;transition:left .3s,box-shadow .3s;transform:matrix3d(0,0,0)}#side-menu.extended{left:0;box-shadow:0 0 6px #000}#side-menu.extended #settings-button{display:block!important}#side-menu.extended #settings-button,#side-menu.extended #side-menu-button,#side-menu.extended #side-menu-button.clicked{opacity:.5}#side-menu #settings-button,#side-menu #side-menu-button{position:absolute;top:5px;opacity:1;cursor:pointer;transition:opacity .1s}#side-menu #settings-button.clicked,#side-menu #side-menu-button.clicked{opacity:.1}#side-menu #settings-button#side-menu-button,#side-menu #side-menu-button#side-menu-button{right:-35px}#side-menu #settings-button#settings-button,#side-menu #side-menu-button#settings-button{display:none;right:-70px}#side-menu #settings-button:hover,#side-menu #side-menu-button:hover{opacity:1!important}#side-menu #input-selector{display:flex;justify-content:space-around;align-items:center;height:40px}#side-menu #input-selector .input{display:inline-block;width:40%;height:30px;line-height:30px;text-align:center;border-style:solid;border-color:#fff;border-width:2px;cursor:pointer;border-radius:10px}#side-menu #input-selector .input.pressed{color:#add8e6}#side-menu #mic-display{display:flex;height:calc(100% - 40px);justify-content:flex-start;align-items:center;flex-direction:column}#side-menu #mic-display .desktop-info,#side-menu #mic-display .forwarder-info,#side-menu #mic-display .mic-info{text-align:center;margin-top:50px}#side-menu #mic-display .desktop-info i,#side-menu #mic-display .forwarder-info i,#side-menu #mic-display .mic-info i{margin-bottom:10px}#side-menu #mic-display .desktop-info .button,#side-menu #mic-display .forwarder-info .button,#side-menu #mic-display .mic-info .button{height:30px;line-height:30px;text-align:center;border-style:solid;border-color:#fff;border-width:2px;cursor:pointer;border-radius:10px;margin-top:15px}#side-menu #mic-display .desktop-info .button.pressed,#side-menu #mic-display .forwarder-info .button.pressed,#side-menu #mic-display .mic-info .button.pressed{color:#add8e6}#side-menu #mic-display .desktop-info .button.disabled,#side-menu #mic-display .forwarder-info .button.disabled,#side-menu #mic-display .mic-info .button.disabled{opacity:.5}#side-menu #mic-display .forwarder-info{padding:0 10px}#side-menu #mic-display .source-selector{margin-top:50px;display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column}#side-menu #mic-display .source-selector .button{height:30px;line-height:30px;text-align:center;border-style:solid;border-color:#fff;border-width:2px;cursor:pointer;border-radius:10px;margin-top:15px}#side-menu #mic-display .source-selector .button.pressed{color:#add8e6}#side-menu #queue-display{height:calc(100% - 40px)}#side-menu #queue-display #input-container{margin-top:5px;position:relative}#side-menu #queue-display #input-container input{padding-top:5px;padding-bottom:5px;padding-left:52px;padding-right:26px;border-style:none;border-color:#111;border-width:1px;border-radius:15px;margin-left:5px;width:211px}#side-menu #queue-display #input-container .fa{position:absolute;color:#111;display:inline}#side-menu #queue-display #input-container .fa-soundcloud{top:4px;left:11px}#side-menu #queue-display #input-container .fa-youtube-play{top:4px;left:35px}#side-menu #queue-display #input-container .fa-plus{top:5px;right:15px;cursor:pointer}#side-menu #queue-display #playercontrols-container{position:absolute;left:0;bottom:0;height:50px;width:100%;background-color:#111}#side-menu #queue-display #playercontrols-container .player-element{position:absolute;text-align:center}#side-menu #queue-display #playercontrols-container #play-button{width:40px;height:40px;line-height:40px;top:5px;left:40px;font-size:25px}#side-menu #queue-display #playercontrols-container #next-button,#side-menu #queue-display #playercontrols-container #prev-button{width:30px;height:30px;line-height:30px;top:10px}#side-menu #queue-display #playercontrols-container #prev-button{left:5px}#side-menu #queue-display #playercontrols-container #next-button{left:85px}#side-menu #queue-display #playercontrols-container #next-button:hover,#side-menu #queue-display #playercontrols-container #play-button:hover,#side-menu #queue-display #playercontrols-container #prev-button:hover{color:#add8e6;cursor:pointer}#side-menu #queue-display #playercontrols-container #volume-slider-container{position:absolute;right:20px;top:13px}#side-menu #queue-display #queue-container{height:calc(100% - 75px);position:relative;overflow-x:hidden;overflow-y:auto}#side-menu #queue-display #queue-container .item{position:relative;height:50px;width:270px;padding-left:20px;overflow-x:hidden;margin-top:10px;transition:opacity .5s;z-index:1000}#side-menu #queue-display #queue-container .item.loaded{opacity:1}#side-menu #queue-display #queue-container .item.loaded>.cover,#side-menu #queue-display #queue-container .item.loaded>.cover:hover::after,#side-menu #queue-display #queue-container .item.loaded>.duration,#side-menu #queue-display #queue-container .item.loaded>.name{opacity:1}#side-menu #queue-display #queue-container .item.loaded>.loading-indicator{display:none}#side-menu #queue-display #queue-container .item.placeholder{visibility:hidden}#side-menu #queue-display #queue-container .item.placeholder>.loading-indicator{display:none}#side-menu #queue-display #queue-container .item.moving{position:absolute;background-color:#222;z-index:2000;cursor:move;pointer-events:none}#side-menu #queue-display #queue-container .item.insert-above{margin-top:4px;padding-top:5px;border-top-style:solid;border-top-color:#fff;border-top-width:1px}#side-menu #queue-display #queue-container .item.insert-above .name{top:7px}#side-menu #queue-display #queue-container .item.insert-above .duration{top:35px}#side-menu #queue-display #queue-container .item.insert-below{padding-bottom:4px;margin-bottom:-5px;border-bottom-style:solid;border-bottom-color:#fff;border-bottom-width:1px}#side-menu #queue-display #queue-container .item .handle{width:10px;position:absolute;left:0;top:15px;content:'....';width:10px;height:20px;display:inline-block;overflow:hidden;line-height:5px;padding:3px 4px;cursor:move;vertical-align:middle;margin-top:-.7em;margin-right:.3em;font-size:12px;font-family:sans-serif;letter-spacing:2px;color:#ccc;text-shadow:1px 0 1px #000}#side-menu #queue-display #queue-container .item .handle::after{content:'.. .. .. ..'}#side-menu #queue-display #queue-container .item .loading-indicator{position:absolute;width:40px;height:40px;left:calc(50% - 20px);top:calc(50% - 20px);opacity:1;text-align:center;line-height:40px}#side-menu #queue-display #queue-container .item .cover{opacity:.5;position:relative;height:48px;width:48px;border-style:solid;border-width:1px;border-color:#fff;text-align:center;line-height:56px;cursor:pointer;background-size:cover;background-position:center center}#side-menu #queue-display #queue-container .item .cover:hover::after{opacity:0;z-index:1000;height:26px;width:26px;position:absolute;top:9px;left:9px;border-color:#fff;border-width:2px;border-style:solid;background-color:#fff;color:#000;border-radius:20px;content:"\f04b";font-family:FontAwesome;line-height:26px;letter-spacing:-3px}#side-menu #queue-display #queue-container .item .name{opacity:.5;position:absolute;top:2px;left:75px;text-decoration:underline;font-size:1.5em;white-space:nowrap;user-select:none}#side-menu #queue-display #queue-container .item .name.current{color:#add8e6}#side-menu #queue-display #queue-container .item .duration{opacity:.5;position:absolute;top:30px;left:75px;user-select:none}#side-menu #queue-display #queue-container .item .hover-controls{position:absolute;height:30px;width:65px;top:calc(50% - 15px);left:calc(50% - 32.5px);background-color:#555;border-radius:15px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;opacity:0;transition:opacity .1s}#side-menu #queue-display #queue-container .item .hover-controls .move,#side-menu #queue-display #queue-container .item .hover-controls .remove{position:absolute;top:6px}#side-menu #queue-display #queue-container .item .hover-controls .remove{left:15px;color:#ff2424;cursor:pointer}#side-menu #queue-display #queue-container .item .hover-controls .move{right:15px;color:#add8e6;cursor:move}#side-menu #queue-display #queue-container .item .hover-controls:hover{opacity:1}input[type=range]{-webkit-appearance:none;width:100%}input[type=range]:focus{outline:0}input[type=range]::-ms-track{width:100%;cursor:pointer;background:0 0;border-color:transparent;color:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#add8e6;width:15px;height:15px;border-radius:10px;margin-top:-5px}input[type=range]::-moz-range-thumb,input[type=range]::-ms-thumb{background-color:#add8e6;width:15px;height:15px;border-radius:10px}input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;background:#222;border-style:none}input[type=range]::-moz-range-track,input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;background:#222;border-style:none}