html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{text-decoration:underline;border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}
*{box-sizing:border-box}html,body{-webkit-tap-highlight-color:transparent;background:#111;width:100%;height:100%;font-family:helvetica,sans-seif;font-size:100%}body{font-family:helvetica,sans-seif;font-size:16px}.decks{align-items:center;display:flex}.decks .player-with-controls:nth-of-type(2n) .mixer{order:-1}.player-with-controls{display:flex}.player{background:#9eacad;border:3px solid #9eacad;outline:0;width:100%;padding:5px;font-size:14px;overflow:hidden}.player:focus{border-color:#00ffec}input[type=range]::-moz-range-track{background:#000;border-radius:0}.mixer{background:#222;width:81px;padding:.5em}.mixer .slider{width:250px;margin-left:-125px;position:relative;top:40px;left:50%}.mixer input[type=range]::-webkit-slider-thumb{background:linear-gradient(270deg,#fff 44%,#000 44% 54%,#fff 54%);border:0;border-radius:0;width:20px;height:54px;appearance:none!important}.mixer input[type=range]::-moz-range-thumb{background:linear-gradient(270deg,#fff 44%,#000 44% 54%,#fff 54%);border:0;border-radius:0;width:20px;height:54px;appearance:none!important}.cue{cursor:pointer;background:#ffffffbf;border:0;outline:0;width:100%;padding:.4em;font-size:13px}.cue:hover{background:#ffffffe6}.cue.active{background:orange}.header{color:#fff;background:#111214;margin-bottom:2px;padding:4px;display:flex;overflow:hidden}.album{background:#555;background:linear-gradient(#999,#555) 0 0/cover;width:48px;height:48px}.deck{text-align:center;width:48px;height:48px;color:rgba(white, .75);background:orange;font-size:2em;font-weight:700;line-height:1.8}.header-body{flex:2;margin:0 10px}.player-table{table-layout:fixed;white-space:nowrap;border:0;width:100%;margin-top:3px}.player-table td{vertical-align:top;white-space:nowrap;text-overflow:ellipsis;padding:.1em;overflow:hidden}.body{display:flex}.screen{background:#000;flex:2;height:200px;overflow:hidden}.screen>wave{margin:1rem 0}.screen.loading{position:relative}.screen.loading:before{content:"Analyzing...";color:#fff;opacity:.5;text-align:center;width:100%;height:auto;font-size:1em;line-height:14;position:absolute;top:0;left:0}.tempo{background:#333;width:55px;position:relative}.tempo input{position:relative;top:4px}.tempo:hover .bend{display:block}.bend{width:100%;display:none;position:absolute;bottom:0}.bend button{color:#fff;cursor:pointer;opacity:.5;background:#000;border:0;outline:0;width:50%}.bend button:hover{opacity:1}.slider-vertical{margin:95px 0 0 -72px;transform:rotate(-90deg)}input[type=range]{background:#000;outline:0;width:199px;height:3px;display:inline-block;appearance:none!important}input[type=range]::-webkit-slider-thumb{background:linear-gradient(270deg,#656565 44%,#fff 44% 54%,#656565 54%);border:0;border-radius:0;width:20px;height:54px;appearance:none!important}input[type=range]::-moz-range-thumb{background:linear-gradient(270deg,#656565 44%,#fff 44% 54%,#656565 54%);border:0;border-radius:0;width:20px;height:54px;appearance:none!important}.footer{margin-top:5px;display:flex;overflow:hidden}.btn{color:#fff;float:left;cursor:pointer;background:#1c2723;border:0;border-radius:3px;outline:0;margin:0;padding:.5em 1em;font-size:13px}@media (min-width:1250px){.btn{padding:.75em 1.5em}}.btn:hover{background:#333}.btn:active{background:#555}.btn.active{color:#111;background:#98ea62}.btn .btn-lg{padding:.75em 2.25em}.btn+.btn{margin-left:5px}.btn-group{border-radius:2px;display:inline-block;overflow:hidden}.btn-group .btn{float:left;border-radius:0;margin-left:0}.btn-group .btn.active{animation:.5s linear infinite alternate blink}@keyframes blink{to{background:#e3e3e3}}.hot-cue{display:none}@media (min-width:800px){.hot-cue{margin-left:5px;display:block}}@media (min-width:1250px){.hot-cue{margin-left:1em}}.hot-cue .active{background:#0ff}.loop{flex:2}@media (min-width:740px){.loop{flex:1}}.loop .btn-group{float:right}.fader{background:#222;align-items:center;padding:1em;display:flex}.fader .item{width:33.3334%}.fader .xfader{width:240px;margin:16px auto 0;display:flex}.fader .xfader span{color:#ffffff26;padding:0 5px;position:relative;top:-7px}.fader .xfader input::-webkit-slider-thumb{background:linear-gradient(270deg,#fff 44%,#000 44% 54%,#fff 54%);border:0;border-radius:0;width:20px;height:54px;appearance:none!important}.fader .xfader input::-moz-range-thumb{background:linear-gradient(270deg,#fff 44%,#000 44% 54%,#fff 54%);border:0;border-radius:0;width:20px;height:54px;appearance:none!important}.search{font-size:12px;font-weight:300}.search input{appearance:none;color:#fff;background:#333;border:0;border-radius:2px 0 0 2px;outline:0;padding:.75em}.search input:focus{background:#444}.search button{color:#fff;background:#333;border:0;border-radius:0 2px 2px 0;margin-left:1px;padding:.75em 1em}.search button:hover,.search button:focus{background:#444}.search .searchStatus{color:#fff;margin-left:1em;display:inline-block}.service-brand{float:right;color:#fff;margin-top:-5px}.table-scroll{-webkit-overflow-scrolling:touch;height:calc(100vh - 395px);overflow-y:scroll}.table{color:#fff;table-layout:fixed;white-space:nowrap;background:#333;width:100%;font-size:12px}.table td{white-space:nowrap;text-overflow:ellipsis;background:#111;padding:5px 1em;overflow:hidden}.table tbody tr:nth-of-type(odd) td{background:#151515}.table tbody tr:hover td{background:#222}.table thead td{background:#333}.table button{cursor:pointer;background:#9eacad;border:0;border-radius:2px;width:45%;padding:2px;line-height:1}.table button:hover,.table button:focus{background:#ccc}.table button:active{background:#0ff}.artwork-strip{background-position:50%;background-size:cover;width:30px;height:30px}.clearfix{overflow:hidden}.text-right{text-align:right}.muted{opacity:.7}input[disabled]{cursor:not-allowed;opacity:.5}