:root,body{background:radial-gradient(circle,#111,#000 500px) center no-repeat}#player>figcaption,body{flex-flow:column wrap;display:flex}body,figure,ul{padding:0;margin:0}#player>figcaption,main{box-shadow:0 3px 10px rgba(0,0,0,.5);z-index:5;position:relative}#tracklist,main{overflow:hidden}#controls>#mute,#player>#cover,main{position:relative}#controls>#volume,button{outline:0;cursor:pointer}:root{height:100%}*{transition:.4s ease}body{min-height:100%;justify-content:center;align-items:center;-moz-user-select:none;-webkit-user-select:none;font:11px Roboto,sans-serif;color:#666}a,a:hover{color:inherit;text-decoration:none}button{background-color:transparent;width:20px;height:20px;border:none}header,header>#banner{width:auto;height:100px}header>#banner{-webkit-filter:drop-shadow(0 0 2px #000)}main{width:420px;margin:20px;border-radius:5px}main>#player{display:flex;flex-direction:row}#player>#cover{width:120px;height:120px;-moz-box-sizing:border-box;box-sizing:border-box}#player>figcaption{background:#FEFEFE;width:260px;height:90px;padding:15px 20px;justify-content:space-between}#tracklist{display:flex;flex-flow:column wrap;color:#111;text-align:left;list-style:none;line-height:20px;white-space:nowrap}#tracklist>#track{order:1;font-size:18px;font-weight:600}#tracklist>#artist{order:2;font-size:16px;font-weight:400}#controls{display:flex;justify-content:space-between;align-items:center}#controls>*{background-repeat:no-repeat}#controls>#playpause{width:30px;height:30px;transition:none}#controls>.play{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+ICA8cGF0aCBmaWxsPSIjMTExIiBkPSJNMCAwdjIwbDIwLTEwIi8+PC9zdmc+)}#controls>.pause{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+ICA8cGF0aCBkPSJNMCAyMFYwaDh2MjBtNCAwVjBoOHYyMCIgZmlsbD0iIzExMSIvPjwvc3ZnPg==)}#controls>#mute.over~#volume,#controls>#mute:hover~#volume,#controls>#volume:hover,main>#overlay.on{opacity:1;visibility:visible}main>#overlay.on{left:0}#controls>#mute{z-index:10}#controls>#mute,#controls>#mute.out{margin-right:0}#controls>#mute.over,#controls>#mute:hover{margin-right:105px}#controls>#mute.on{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+ICA8cGF0aCBmaWxsPSIjMTExIiBkPSJNMiA2SDB2OGgybDggNlYwbTIgMTR2LTJjMSAwIDItMSAyLTJzLTEtMi0yLTJWNmMyLjIgMCA0IDEuOCA0IDRzLTEuOCA0LTQgNHoiLz4gIDxwYXRoIGZpbGw9IiMxMTEiIGQ9Ik0xMyAxOHYtMmMyLjggMCA1LTIuNyA1LTZzLTIuMi02LTUtNlYyYzQgMCA3IDMuNiA3IDhzLTMgOC03IDh6Ii8+PC9zdmc+)}#controls>#mute.off{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+ICA8cGF0aCBkPSJNMiA2SDB2OGgybDggNlYwbTEwIDcuNEwxOC42IDYgMTYgOC42IDEzLjQgNiAxMiA3LjRsMi42IDIuNi0yLjYgMi42IDEuNCAxLjQgMi42LTIuNiAyLjYgMi42IDEuNC0xLjQtMi42LTIuNiIgZmlsbD0iIzExMSIvPjwvc3ZnPg==)}#controls>#volume{-webkit-appearance:none;background:0 0;width:145px;height:40px;opacity:0;visibility:hidden;position:absolute;bottom:8px;left:18px}#controls>#volume::-webkit-slider-runnable-track{background:#111;width:100px;height:4px;margin:0 15px 0 40px}#controls>#volume::-webkit-slider-thumb{-webkit-appearance:none;background:#111;width:14px;height:14px;border-radius:50%;position:relative;top:-5px}#controls>#goteam{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+ICA8cGF0aCBmaWxsPSIjMTExIiBkPSJNOC4wMjUgMjBsLjAwMi0uMTZjLjAzNC0uMDcuMDU3LS4xMzYuMDk3LS4xOS4wNC0uMDU1LjA5Ni0uMDk3LjE1NS0uMTUyLS4wMy0uMjIuMDctLjQ0LjA0LS42Ny0uMDEtLjA0NS4wMy0uMDk0LjA0LS4xNGwtLjI3LS40MTVjLS4yNy4wNy0uNTQuMDc4LS44MS0uMDU3TDUuODUgMTYuMThsLS41MTYtLjA1NmMtLjE4Ni0uMTc4LS4zOTQtLjUwNC0uNDU2LS43MThsLS4wNTguMDZjMCAuMjQ1LS4xMjMuNDQyLS4yOC42MjQtLjA1LjA1Ni0uMTAzLjExLS4xNjQuMTU0LS4wOS4wNjYtLjE0LjE2LS4xNzIuMjUyLS4xMTUuMzQtLjMwNS42NTMtLjM5IDEuMDAzLS4xMDIuMTEtLjA5NC4yNi0uMTYuMzktLjAwNy4wMS0uMDA3LjA0LS4wMDcuMDUuMDAzLjE3LS4wNTQuMzQtLjA4LjUtLjAyNS4xNi0uMTIzLjI3LS4yNjIuMzQtLjEzNi4wNi0uMjE2LjE2LS4yNjQuMjgtLjA1LjE0LS4xMi4yNi0uMjIuMzcuMDEuMDktLjA5LjA3LS4xMy4xMi0uMDUuMDYtLjEzLjEtLjE5LjE0LS4wMi4xLS4wNS4xOS0uMDkuMjhIMGMuMDY3LS4xMi4xNTYtLjMyLjIyMi0uNDQuMDg0LS4xNi4xOTItLjI5LjMzLS40Mi0uMDA2LS4xOC4xMjYtLjMuMjEyLS40NS4wNDItLjA3LjEwMi0uMTMuMTMyLS4yMS4wNDItLjExLjA0LS4yMi4wMzQtLjMzLS4wMDUtLjEuMDA3LS4yLS4wMjgtLjMxLS4wNC0uMTItLjAxLS4yNy0uMDEyLS40LjA3Mi0uMDYuMDQzLS4xNC4wNC0uMjEtLjAwNi0uMS4wMjctLjE4LjA0NC0uMjcuMDE4LS4wOS0uMDM3LS4xOS4wNDItLjI3LS4wMjMtLjExLjAyNC0uMjIuMDQ0LS4zMi4wMjMtLjEzLjA0NC0uMjYuMDcyLS4zOS4wMjItLjExLjAzNS0uMjEuMDUtLjMyLjAxNy0uMTEuMDMtLjIyLjA0Ny0uMzIgMC0uMDIuMDMtLjA0LjA0LS4wNkwxLjA1IDE1bC4wNS0uMjgtLjE0LS4yLjE5LS4zMTVjLS4wNS0uMDYtLjA5LS4xMi0uMTgtLjEzLS4wMi0uMTQtLjAxLS4yNjUuMDUtLjM5LjAyLS4wNS4wMS0uMTEuMDMtLjE1LjA0LS4wNzMuMTEtLjE0LjE3LS4yMmwuMjMuMDVjLS4wMi0uMDMtLjAzLS4wNi0uMDQtLjA5LS4wMS0uMDQgMC0uMDggMC0uMTIuMDEtLjMxLS4wNy0uNjEtLjA0LS45Mi0uMDctLjE1LS4wNi0uMzItLjEyLS40NzQtLjAxLS4wMy0uMDEtLjA2LS4wMS0uMDktLjAxLS4yNyAwLS41NCAwLS44MnYtLjE1Yy4wOC0uMDYuMTgtLjEzLjI2LS4yLjA3LS4wNi4xNS0uMDguMjMtLjA4LjA4IDAgLjE0LS4wNC4yNS0uMDVsLS41OC0uMTFjLS4xNy0uMDMtLjM1LS4wMy0uNTItLjEzLjAyLS4yLjAxLS40LjA2LS41OC4wNC0uMTYuMDItLjMzLjExMy0uNDcuMDAyIDAgMC0uMDEgMC0uMDIuMDEzLS4xOC4wNDUtLjM3LjAzNi0uNTYtLjAxLS4zMS4wNy0uNjEuMDQtLjkybC4xLS4wOWMuMDYtLjA1LjEzLS4wOS4yMS0uMDguMTIuMDIuMjQtLjAzLjM2LjAzLjAyLjAxLjA2LS4wMS4xLS4wMi4xMy0uMDQuMjctLjAzLjM5LS4xNS0uMDItLjEyLS4wMy0uMjUtLjA3LS4zNjItLjA1LS4xMyAwLS4yNy0uMDMtLjQtLjA0LS4xNC0uMDctLjI2IDAtLjM5LjAyLS4wNS4wMS0uMTIgMC0uMTgtLjAyLS4xMy4wMi0uMjYuMDQtLjM4NC4wMi0uMTIuMDYtLjIzNC4wNy0uMzUuMDItLjE0LjA5LS4yNjIuMS0uNC4wMS0uMDguMDUtLjE1Ny4wOC0uMjMuMTMtLjI3LjI3LS41MzYuNDYtLjc3Ny4xNi0uMi4zMy0uMzcuNTQtLjUuMTUtLjEuMzMtLjE4NS41MS0uMjMuMjUtLjA2NC41MS0uMTIuNzctLjA4bC4zMS4yMzZjLjA3LS4wMi4xMS0uMS4xOC0uMTVsLS4wMy0uMTNjLS4wNS0uMTUtLjEyLS4yOS0uMTQtLjQ0LS4wMy0uMTktLjAzLS4zODIgMC0uNTguMDItLjE4LjA3LS4zNi4xMi0uNTUuMDQtLjE1LjEyLS4zLjItLjQzLjE5LS4zMS40Ni0uNTUuOC0uNzEzLjE1LS4wNy4zMS0uMTIuNDYtLjE4LjA0LS4wMS4wOSAwIC4xNC0uMDEuMDIgMCAuMDMyLS4wMjcuMDUtLjA0aC41OGMuMDEuMDEzLjAyLjA0LjAzMi4wNC4yNC4wMi40NC4wOTMuNjQuMjIuMTMuMDguMjYuMTUuMzguMjQuMDkyLjA3LjIyLjA5LjMzLjE0LjA4LjAzMi4xNDQuMDgyLjIyLjEzLS4wNjYuMjUuMDcyLjQ0LjEyNC42Ni4wMy4xMS4wNzUuMjEuMDcuMzN2LjVjLjAwNi4wOC0uMDE0LjE2LS4wNC4yNC0uMDMuMTEtLjA5LjE4LS4yMi4yMS0uMDY0LjAxMy0uMTMuMDUtLjE5LjA4LS4wNTUuMDItLjEwOC4wNC0uMTcuMDQtLjAyOCAwLS4wNTYuMDMtLjA3NC4wNC0uMDYuMjMuMDUuNDQuMDcuNjVsLS4wOS4wNGMuMDE3LjAwNS4wMjguMDIuMDQuMDIuMDk3IDAgLjE5LS4wMDUuMjkgMCAuMDkgMCAuMTYtLjA2Ny4yNTUtLjA0LjAxIDAgLjAyMi0uMDEuMDM0LS4wMTUuMDUtLjAyLjEwNC0uMDUuMTYtLjA2My4wNS0uMDEuMTEgMCAuMTY2IDBsLjAzLS4wOGguMzlsLjExLS42M2MuMDYtLjAzLjExLS4wMS4xNS4wNS4wNC4xMzYtLjA0LjI4Ny4wNC40bC4zMy4wNi4wMS4xNWMuMDIuMDA3LjA0LjAxLjA2LjAxIDEuODcgMCAzLjc0IDAgNS42MTYuMDA2LjA3IDAgLjE1Ny0uMDQuMjE0LjA4di4xOWguMTZ2LTFoLjIwN3YuOGwuMS4xdi4wOWguMWwuMDQtLjA3aC4xNGMuMDEzLjA2LjA2NC4xNC4wNC4xNy0uMDcuMDktLjAxLjE4LS4wNS4yN2gxLjYzbC4wMS0uMDVjLjA0LS4wMi4wOS0uMDQuMTQtLjA1LjAyIDAgLjA2LS4wMS4wOCAwIC4wNy4wNy4xNS4wNC4yMy4wNC4yLjAxLjQwNi4wMS42Mi4wMS4wMi4wNi4wNDcuMTMuMDUuMiAwIC4wNjUtLjAyNi4xMy0uMDQuMTk1LS4zMDQuMDQtLjYtLjAzLS45Mi4wNWwtLjIxLS4xMmgtMS41bC0uMDkuMDktLjcyLS4wM3YuMjZoLTIuNDFsLS4wOTYuMTEtLjI0My4wN3YuMTYyYy0uMDkuMDgtLjE4LjE0Ny0uMjYuMjItLjA4LjA4LS4xNS4xNi0uMjIuMjM2bC0uMTEuMDEtLjAyLjAxYy4wMS4wOC0uMDQuMTQtLjA0LjIxIDAgLjExLS4wNS4yMjcuMDQuMzI2LjAwNS4yMS4wNzYuNC4xMjYuNjEuMDIuMDcuMDUuMTQuMDcuMjEuMDEuMDMuMDEuMDYuMDIuMWwtLjQyLjExLS4wNy4wNi0uMTIuNTFjLS4wMi4xLS4wNS4yLS4wNi4zLS4wMjIuMzEtLjIuNTMtLjQ3LjY4LS4wODIuMDUtLjE2My4wOS0uMjMuMTgtLjE0LjE4LS4zNTUuMjctLjU3Mi4zNS0uMDc0LjAyLS4xNjYgMC0uMjUgMGwtLjE4NC0uMTJjLS4wNDggMC0uMTE3LS4wMDgtLjE4IDAtLjE5LjAxLS4zNS0uMDU3LS41MTgtLjEyLS4yNzgtLjExLS41NDctLjIyNy0uODA2LS4zNi0uMTgtLjEtLjM4LS4xOS0uNTUtLjMwOC0uMDYtLjA0Ny0uMTQ1LS4wNy0uMjQtLjExNS4wNC4yMy0uMS40LS4xNzYuNTkuMTMuMDcuMjQ2LjE0LjM3LjE5LjA4LjAzLjEzLjA4LjE2LjE1Mi4wNTcuMTUuMTM1LjI5LjExMy40Ni0uMDIuMTEtLjAxLjIyNSAwIC4zNC4wMS4yOS0uMDguNTctLjA1Ljg2LS4wNy4xNTYtLjAyLjMyMy0uMDQ2LjQ4LS4wMi4xNS0uMDMuMzEtLjA0LjQ2IDAgLjA5LS4wNy4xNy0uMTEuMjYtLjA5LjE5LS4xOS4zNzUtLjM4LjUybC0uNTMtLjE3Yy0uMDkuMDY0LS4xLjE5NS0uMTcuMjg0bC4xNy43NDNjLjQuMzguNzUuODMgMS4wNiAxLjMuMjEuMzEuMzcuNjUuNTQuOTgzLjEzLjI2LjI0LjUzLjM1LjguMTIuMzEuMjUuNjEuMzYuOTIuMDE1LjA0LjA0NS4wNzYuMDcuMTJoLjE5Yy4wMi4xOC4wNDYuMzYuMDY4LjU1LjEuMS4xNS4yMy4xNTQuMzguMDEuMjgtLjA3LjU2LS4wNC44NC0uMDc0LjE2LS4wMS4zMy0uMDUuNDgtLjAzLjE1LS4wMTIuMjktLjAzLjQzSDh6bTIuOTAyLTE0LjQ0N2wtLjEwNi4xNTJjLjAxLjAyNSAwIC4wODMuMDIuMTEuMTUuMTcuMjQuMzc0LjM0LjU3LjI2LS4yMzcuMzgtLjU2Ni42NS0uNzc4bC0uMDYtLjA1NWgtLjg0em0uOTU4LS41MjRoLS40MTRsLS4xLjA5Yy4wOC4wNS4wMy4xMy4wNC4yLS4wMy4wMy0uMDcuMDYtLjExLjFoLS4yMWMuMjUuMTIuNDcuMDUuNjguMDdsLjE5LS4xNGMwLS4xMi4wMi0uMjQtLjA2LS4zNXoiLz48L3N2Zz4=)}#controls>#gosettings{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+ICA8ZyBmaWxsPSIjMTExIj4gICAgPHBhdGggZD0iTTcuNyAxNS40OEw0LjUyIDEyLjNsLTIuNTUgMy44MiAxLjkgMS45TTcuNyA0LjUyTDQuNTIgNy43IDEuOTcgMy44OGwxLjktMS45bTExLjYgMTAuMzJsLTMuMTcgMy4xOCAzLjgyIDIuNTUgMS45LTEuOU0xNS40OCA3LjdMMTIuMyA0LjUybDMuODItMi41NSAxLjkgMS45TTQuNSAxMi4yNXYtNC41bC00LjUuOXYyLjdtMTIuMjUgNC4xNWgtNC41bC45IDQuNWgyLjdtNC4xNS03Ljc1di00LjVsNC41Ljl2Mi43TTEyLjI1IDQuNWgtNC41bC45LTQuNWgyLjciLz4gICAgPHBhdGggZD0iTTEwIDIuNWMtNC4xNCAwLTcuNSAzLjM2LTcuNSA3LjVzMy4zNiA3LjUgNy41IDcuNSA3LjUtMy4zNiA3LjUtNy41LTMuMzYtNy41LTcuNS03LjV6bTAgMTFjLTEuOTMgMC0zLjUtMS41Ny0zLjUtMy41UzguMDcgNi41IDEwIDYuNXMzLjUgMS41NyAzLjUgMy41LTEuNTcgMy41LTMuNSAzLjV6Ii8+ICA8L2c+PC9zdmc+);width:10px;height:10px;position:absolute;top:10px;right:10px}main>#overlay{background:rgba(254,254,254,.9);width:380px;height:80px;padding:20px;display:flex;justify-content:center;align-items:center;visibility:hidden;position:absolute;top:0;left:420px;right:0;bottom:0;z-index:15}#overlay>#close{background:#111;width:10px;height:10px;padding:5px;border-radius:50%;position:absolute;top:5px;right:5px;cursor:pointer;z-index:99;font-size:20px;line-height:10px;color:#FFF;text-align:center}#overlay h2{width:auto;height:auto;margin:5px;flex-basis:100%;font-size:20px;color:#111}#settings,#team{display:flex;flex-flow:row wrap;justify-content:center}#team>a>.member,.member>.memberimg{width:60px;height:60px}#team>a{margin:5px}#team>a>.member{border:1px solid #111;border-radius:3px;box-shadow:0 0 3px #000;position:relative}#team>a>.member.state_online{box-shadow:0 0 10px #4C58AE}#team>a>.member.state_ingame{box-shadow:0 0 10px #90BA3C}.member>.memberimg{border-radius:2px}.member>.pseudo{background:linear-gradient(to top,rgba(0,0,0,.8) 0,rgba(0,0,0,.6) 50%,rgba(0,0,0,.4) 80%,rgba(0,0,0,0) 100%);padding:2px;position:absolute;left:0;right:0;bottom:0;font-size:10px;color:#FFF;text-align:center}footer{line-height:14px}footer>img{width:auto;height:14px;vertical-align:bottom}@media (max-width:460px){header{position:relative;top:40px;z-index:10}main{width:300px}main>#player{flex-direction:column}#player>#cover{width:300px;height:300px}#player>figcaption{height:90px;box-shadow:0 5px 20px #000}#tracklist>#artist,#tracklist>#track{text-align:center}#tracklist>#track{font-size:16px}#tracklist>#artist{font-size:14px}#controls>#mute,#controls>#mute.out,#controls>#mute.over,#controls>#mute:hover{margin-right:0}#controls>#volume{background:rgba(254,254,254,.9);border-radius:5px;bottom:70px;left:-45px;transform:rotate(-90deg)}main>#overlay{width:260px;height:380px;left:300px}#overlay>#close{width:16px;height:16px;font-size:26px;line-height:16px}#team>h2{flex-basis:112px;font-size:28px}#team>a>.member,#team>h2,.member>.memberimg{width:110px;height:110px}.member>.pseudo{padding:5px;font-size:14px}}