.topbar{-webkit-app-region:drag;width:100%;background:#231f20;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-user-select:none;overflow:hidden}.topbar>*{-webkit-app-region:no-drag}.topbar .q-btn{font-size:1em;width:3em;height:3em}.topbar .title{display:inline-block;padding:.6em .5em;height:3em;font-weight:700}.topbar .title span{font-size:1.2em;position:relative;top:.1em}.q-popover{background:#231f20}.q-popover .q-list{padding:0}.q-popover .q-item{cursor:pointer;-webkit-transition:all .5s;transition:all .5s;padding:.75em 1em}.q-popover .q-item:hover{background:#3e3739}.mediaData{height:5.5em}.player{width:100%;background:#231f20;color:#ddd;overflow:hidden}.progressBar{width:100%;height:.5em;position:relative}.progressBar div{background:hsla(0,0%,100%,.1);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;-webkit-transition:all .5s;transition:all .5s;position:absolute;height:.5em;width:100%;top:0;left:0}.mediaData{padding:.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:5.6em}.mediaData>div:first-child i{font-size:2em;margin-right:.75em;margin-left:.5em}.mediaData>div:nth-child(2){font-size:1.3em}.mediaData>div:nth-child(2) div{height:1.1em;overflow:hidden;margin:.15em 0}.mediaData>div:nth-child(2) div:first-child{font-size:1.3em}.mediaData>div:nth-child(2) div:last-child{font-weight:700}@media (max-width:768px){.mediaData>div:first-child i{font-size:1.5em;margin-right:.45em;margin-left:0}.mediaData>div:nth-child(2){font-size:.9em}.mediaData>div:nth-child(2) div{line-height:1.2em}.mediaData>div:nth-child(2) div:first-child{font-size:1.3em}.mediaData>div:nth-child(2) div:last-child{font-size:1.2em;font-weight:700}}.q-notification-list-top{top:50px}.progressBar.offline{width:100%;height:.5em;position:absolute;top:48px}.progressBar.offline div{background:rgba(0,0,0,.5);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;-webkit-transition:all .5s;transition:all .5s;position:absolute;height:.5em;width:100%;top:0;left:0}.settings .q-layout-drawer{overflow-y:auto;background:#333}.settings .q-layout-drawer img.logo_drawer{width:auto;margin:20px;max-width:80%}.settings .q-layout-drawer ::-webkit-scrollbar{width:3px}.settings .q-layout-drawer ::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2)}.settings .q-layout-drawer ::-webkit-scrollbar-button,.settings .q-layout-drawer ::-webkit-scrollbar-corner,.settings .q-layout-drawer ::-webkit-scrollbar-track,.settings .q-layout-drawer ::-webkit-scrollbar-track-piece{opacity:0}.settings .q-layout-drawer .q-card{border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;max-width:506px;position:relative;margin:0 auto;background:hsla(0,0%,100%,.08);-webkit-box-shadow:none;box-shadow:none;-webket-box-shadow:none}.settings .q-layout-drawer .q-card .q-card-primary{padding:0}.settings .q-layout-drawer .q-card .q-card-title{padding:5px 10px;background-color:rgba(0,0,0,.5)}.settings .q-layout-drawer .q-card .q-icon{color:#dedede}.settings .q-layout-drawer .q-card .q-list{padding:0}.settings .q-layout-drawer .q-card .q-list .q-toggle .relative-position{width:auto}.settings .q-layout-drawer .caption{color:#fbfbfb}.settings .q-layout-drawer .relative-position{width:100%}.settings .q-layout-drawer .q-item{cursor:pointer}.settings .q-layout-drawer .q-item:hover{background:#333}.settings .q-layout-drawer .q-item-side{color:#fff}.settings .q-layout-drawer i.q-icon{margin-right:10px}.settings .q-layout-drawer .bullhorn-low{color:#737373}body{background:#231f20;color:#fff}