#navbar-container{height:auto;position:fixed;top:0;left:0;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;z-index:1}#navbar,#navbar-container{width:100vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}#navbar{height:64px;background-color:#326291;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#first{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 8px}#first>#name{vertical-align:center;text-align:start;line-height:64px;font-size:32px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:0}#search{height:100%;width:100%}.md-field.md-theme-default label{color:var(--solid-grey-100)!important}.md-field.md-theme-default:after,.md-field.md-theme-default:before{background-color:var(--solid-grey-100)!important}.md-input{color:#cfd6d2!important;-webkit-text-fill-color:var(--solid-grey-50)!important;color:#fff;font-size:24px!important;font-weight:200}.name-enter-active,.name-leave-active{-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out}.name-enter,.name-leave-to{-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}.search-enter-active,.search-leave-active{-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out}.search-enter,.search-leave-to{-webkit-transform:translateX(100vw);transform:translateX(100vw)}#spacer{position:relative;width:100vw;top:0;left:0;height:16px}#navicon{height:64px;width:64px;-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:#326291}#navicon>img{width:48px;height:48px;margin:8px;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out}#navicon>img.cancel{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#results{width:auto;max-width:800px;margin:0 auto;overflow:scroll;position:relative;left:8px}#results,body{background-color:var(--solid-grey-900)}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#queue{position:relative;top:64px;width:auto;max-width:800px;margin:0 auto;padding:0 8px;overflow:scroll;-webkit-overflow-scrolling:touch;z-index:0;-webkit-transition:-webkit-filter .5s ease-out;transition:-webkit-filter .5s ease-out;transition:filter .5s ease-out;transition:filter .5s ease-out,-webkit-filter .5s ease-out}.blur{filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius="3");-webkit-filter:url(#blur-filter);filter:url(#blur-filter);-webkit-filter:blur(3px);filter:blur(3px);pointer-events:none}.clear{-webkit-filter:none;filter:none}.blur-svg{display:none}:root{--solid-blue-50:#bfe9ff;--solid-blue-100:#9fc9ff;--solid-blue-200:#84b0e3;--solid-blue-300:#6995c7;--solid-blue-400:#4e7bac;--solid-blue-500:#326291;--solid-blue-600:#114b77;--solid-blue-700:#00345e;--solid-blue-800:#001e45;--solid-blue-900:#00002c;--solid-green-50:#aaffa0;--solid-green-100:#8dfb85;--solid-green-200:#70de6a;--solid-green-300:#52c150;--solid-green-400:#31a636;--solid-green-500:#008c1c;--solid-green-600:#007000;--solid-green-700:#050;--solid-green-800:#003c00;--solid-green-900:#002400;--solid-grey-50:#ebf2ef;--solid-grey-100:#cfd6d2;--solid-grey-200:#b3bab7;--solid-grey-300:#999f9c;--solid-grey-400:#7f8582;--solid-grey-500:#666c69;--solid-grey-600:#4e5451;--solid-grey-700:#373d3a;--solid-grey-800:#222724;--solid-grey-900:#0b120f}.jkbx-list-container{padding:16px 0;position:relative;top:-8px}.jkbx-list-element{height:64px;margin:2px 0;width:calc(100vw - 16px);max-width:800px;float:left;background-color:var(--solid-grey-800);display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:2px;overflow:hidden}.jkbx-list-element>img{-webkit-box-flex:0;-ms-flex:none;flex:none;height:100%;width:64px}.jkbx-list-element>#info{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:4px 8px;min-width:0}.jkbx-list-element>#info>#title{color:#fff;font-size:24px;font-weight:100;min-width:0}.jkbx-list-element>#info>#artist,.jkbx-list-element>#info>#title{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jkbx-list-element>#info>#artist{color:var(--solid-blue-400);font-size:16px;font-weight:500}.jkbx-list-element>#additional{-webkit-box-flex:0;-ms-flex:none;flex:none;height:100%;width:64px}.jkbx-list-element>#additional>img{margin:20px 16px;height:24px;width:24px;cursor:pointer}.jkbx-list-element>#additional>#count{margin:-24px 8px;vertical-align:top;text-align:end;font-size:12px;font-weight:500;color:#fff}.jkbx-list-element-move{-webkit-transition:-webkit-transform .5s cubic-bezier(.55,0,.1,1);transition:-webkit-transform .5s cubic-bezier(.55,0,.1,1);transition:transform .5s cubic-bezier(.55,0,.1,1);transition:transform .5s cubic-bezier(.55,0,.1,1),-webkit-transform .5s cubic-bezier(.55,0,.1,1)}