@import url('https : / / fonts.googleapis.com / css?') family = Pathway + Gothic + One;*{margin:0;padding:0}.smp{background:rgba(255,255,255,.5);color:#000;width:400px;height:100px;font-family:'Pathway Gothic One',sans-serif}.smp.black{background:rgba(0,0,0,.5);color:#fff}.smp>.uSc{width:100%;height:50px}.smp>.lSc{height:50px}.smp>.playlist{height:150px;white-space:nowrap}.smp>.uSc>div{height:100%;float:left}.smp>.uSc>.lSDe{width:55%;overflow:hidden}.smp>.uSc>.rSDe{width:45%;position:relative}.smp>.uSc>.lSDe>div{padding:4px 0 0 9px;white-space:nowrap}.smp>.uSc>.lSDe>.title{font-size:22px}.smp>.uSc>.lSDe>.artist{font-size:15px;padding-top:2px}.smp>.uSc>.rSDe>div div{width:22px;height:22px;float:right;margin:13px 9px 0 0;background-repeat:no-repeat;background-position:center}.smp>.uSc>.rSDe>div div>a{display:block;width:100%;height:100%}input[type=radio]{position:absolute;opacity:0}.smp>.uSc>.rSDe>div{position:absolute;right:0}.smp>.uSc>.rSDe>div div{display:none}.smp>.uSc>.rSDe>div input[type=radio]:checked~div{display:block}.smp>.uSc>.rSDe>div input[type=radio]:checked~.showing{opacity:0;transform:translate(-100%,0);animation:slideToRight .3s ease forwards}@keyframes slideToRight{to{opacity:1;transform:translate(0,0)}}.smp>.lSc>div{float:left}.smp>.lSc>.playButton{width:12%;height:100%;background-image:url(../img/play64.png);background-size:48px 48px;background-repeat:no-repeat}.smp>.lSc>.playButton.pause{background-image:url(../img/pause64.png)}.smp.black>.lSc>.playButton{background-image:url(../img/play64-w.png)}.smp.black>.lSc>.playButton.pause{background-image:url(../img/pause64-w.png)}.smp>.lSc>.skb{width:63%;height:100%;position:relative}.smp>.lSc>.panel{width:25%;height:100%}.smp>.lSc>.panel>label{width:32px;height:32px;float:right!important;margin:9px 1px 0 0;background-repeat:no-repeat;background-position:center}.smp>.lSc>.panel>.share{background-image:url(../img/share32.png)}.smp>.lSc>.panel>.resource{background-image:url(../img/cloud32.png);background-size:28px}.smp>.lSc>.panel>.settings{background-image:url(../img/settings32.png);background-size:20px}.smp.black>.lSc>.panel>.share{background-image:url(../img/share32-w.png)}.smp.black>.lSc>.panel>.resource{background-image:url(../img/cloud32-w.png)}.smp.black>.lSc>.panel>.settings{background-image:url(../img/settings32-w.png)}.smp>.lSc>.panel>.resource:hover,.smp>.lSc>.panel>.settings:hover,.smp>.lSc>.panel>.share:hover{background-color:rgba(255,255,255,.9)}.smp.black>.lSc>.panel>.resource:hover,.smp.black>.lSc>.panel>.settings:hover,.smp.black>.lSc>.panel>.share:hover{background-color:rgba(0,0,0,.9)}.smp>.lSc>.skb>.curT,.smp>.lSc>.skb>.dueT{margin-top:6px}.smp>.lSc>.skb>.curT{float:left;margin-left:2%}.smp>.lSc>.skb>.dueT{float:right;margin-right:2%}.smp>.lSc>.skb>.bar{float:left;position:absolute;width:96%;height:10px;bottom:10px;border:1px solid #000;margin-left:2%}.smp.black>.lSc>.skb>.bar{border:1px solid #fff}.smp>.lSc>.skb>.bar>.buffer{background:rgba(185,176,176,.8);box-shadow:inset 0 0 5px rgba(0,0,0,.5);width:0;height:100%}.smp>.lSc>.skb>.bar>.played{background:rgba(0,0,0,.6);width:0;height:100%;position:absolute;top:0}.smp.black>.lSc>.skb>.bar>.played{background:rgba(255,255,255,.6)}.smp>.lSc>.skb>.bar>.played>.handle{float:right;width:2px;height:16px;background:rgba(0,0,0,.6);margin-top:-3px}.smp.black>.lSc>.skb>.bar>.played>.handle{background:rgba(255,255,255,.6)}.smp>.lSc>.skb>.live{margin-left:5px}.smp>.lSc>.skb>.live::before{content:"";width:8px;height:8px;background:red;border-radius:50%;animation:blinker 1.5s linear infinite;position:absolute;margin:5px 0 0 -10px}@keyframes blinker{from{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}@-webkit-keyframes blinker{from{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}@-moz-keyframes blinker{from{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}@-ms-keyframes blinker{from{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.smp>.lSc>.skb>.bar>.meter{width:100%;height:100%;background-color:rgba(0,0,0,.6);opacity:1;animation:loading 3s ease-in-out infinite;-webkit-animation:loading 3s ease-in-out infinite;-moz-animation:loading 3s ease-in-out infinite;-ms-animation:loading 3s ease-in-out infinite;-o-animation:loading 3s ease-in-out infinite}@keyframes loading{from{opacity:.1}50%{opacity:.6}to{opacity:.1}}@-webkit-keyframes loading{from{opacity:.1}50%{opacity:.6}to{opacity:.1}}@-moz-keyframes loading{from{opacity:.1}50%{opacity:.6}to{opacity:.1}}@-ms-keyframes loading{from{opacity:.1}50%{opacity:.6}to{opacity:.1}}@-o-keyframes loading{from{opacity:.1}50%{opacity:.6}to{opacity:.1}}@font-face{font-family:ds;src:url(../font/fonts/ds.eot?lg4cxh);src:url(../font/fonts/ds.eot?lg4cxh#iefix) format("embedded-opentype"),url(../font/fonts/ds.ttf?lg4cxh) format("truetype"),url(../font/fonts/ds.woff?lg4cxh) format("woff"),url(../font/fonts/ds.svg?lg4cxh#ds) format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:ds!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px;padding:2px 0 0 4px}.icon-download:before{content:"\e90c"}.icon-spotify:before{content:"\e900"}.icon-soundcloud:before{content:"\e901"}.icon-apple:before{content:"\e902"}.icon-amazon:before{content:"\e903"}.icon-cart:before{content:"\e904"}.icon-twitter:before{content:"\e905"}.icon-email:before{content:"\e906"}.icon-facebook:before{content:"\e907"}.icon-mute:before{content:"\e908"!important}.icon-volume:before{content:"\e909"}.icon-shuffle:before{content:"\e90a"}.icon-shuffle2:before{content:"\e90d"!important}.icon-repeat:before{content:"\e90b"}.icon-repeat2:before{content:"\e90e"!important}.icon-audio:before{content:"\e90f"}.icon-facebook:hover{background-color:#3b5998;color:#fff}.icon-twitter:hover{background-color:#2598ed;color:#fff}.icon-email:hover{background-color:#1c82ef;color:#fff}.icon-apple:hover{color:#000}.icon-amazon:hover{color:#ff8701}.icon-download:hover{color:#1c82ef}.icon-cart:hover{color:#ff4e37}.icon-amazon:hover,.icon-apple:hover,.icon-cart:hover,.icon-download:hover,.icon-mute:hover,.icon-repeat2:hover,.icon-repeat:hover,.icon-shuffle2:hover,.icon-shuffle:hover,.icon-volume:hover{background-color:#fff}.black .icon-amazon:hover,.black .icon-apple:hover,.black .icon-cart:hover,.black .icon-download:hover,.black .icon-mute:hover,.black .icon-repeat2:hover,.black .icon-repeat:hover,.black .icon-shuffle2:hover,.black .icon-shuffle:hover,.black .icon-volume:hover{background-color:#000}.black .icon-apple:hover{color:#fff}.icon-email:hover{cursor:pointer}.overlapper{position:absolute;top:0}.branding{float:right;margin:5px 0 0;position:absolute;right:45px}a.branding{text-decoration:none;color:#000;font-size:15px}.black a.branding{color:#fff}.icon-soundcloud.branding:hover{color:#ff3a00}.icon-spotify.branding:hover{color:#1db954}.icon-apple.branding:hover{background:0 0}.smp>.playlist>.row{padding:0 0 0 5px;height:24px;line-height:24px;cursor:default!important}.smp>.playlist>.row.whiteBG,.smp>.playlist>.row:hover{background-color:rgba(255,255,255,.85)!important}.smp.black>.playlist>.row.whiteBG,.smp.black>.playlist>.row:hover{background-color:rgba(0,0,0,.5)!important}.smp>.playlist>.row>.left{width:90%;font-weight:700;text-overflow:ellipsis;overflow:hidden}.smp.black>.playlist>.row>.left{color:#fff;font-weight:400}.smp>.playlist>.row>.left>span{font-weight:400;font-size:15px}.smp.black>.playlist>.row>.left>span{color:rgba(255,255,255,.6)}.smp>.playlist>.row>.left,.smp>.playlist>.row>.right{float:left}.smp>.playlist>.row>.right{width:10%;position:relative}.smp>.playlist>.row>.right>span>a{display:block;width:100%;height:100%}.borderStyle{border-bottom:1px dashed rgba(0,0,0,.5)}.smp>.playlist>.row>.right>span::before{position:absolute;margin:2px 0 0 10px;opacity:.9}.smp>.playlist>.row>.right>span:hover{opacity:1}.smp>.playlist>.row>.right>span.icon-soundcloud:hover{color:#ff3a00}.smp>.playlist>.row>.right>span.icon-apple:hover{background:0 0}.smp>.playlist>.row>.right>span.icon-spotify:hover{color:#1db954}.smp>.playlist>.row>.right>span.icon-audio:hover{color:#da0656}.smp>.playlist.scroll{overflow-y:scroll;overflow-x:hidden}.smp.black>.playlist>.row>.right>span.icon-apple:hover{background:0 0}.smp ::-webkit-scrollbar{width:11px}.smp ::-webkit-scrollbar-track{-webkit-border-radius:5px;border-radius:5px;background:rgba(0,0,0,.15)}.smp ::-webkit-scrollbar-thumb{-webkit-border-radius:5px;border-radius:5px;background:rgba(0,0,0,.7)}.smp ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.6)}.smp ::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,.2)}.white_theme{background:#000!important}.smp{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;cursor:default}@media screen and (max-device-width:400px){.smp,.smp.black{width:100%}.smp>.lSc>.panel>.share{background-size:25px}.smp>.lSc>.panel>.settings{background-size:16px}.smp>.lSc>.panel>.resource{background-size:23px}.smp>.lSc>.panel>label{width:24px;height:24px;margin:20px 1px 0 0}.smp>.uSc>.rSDe>div div{width:18px;height:18px;margin:13px 9px 0 0}.smp>.lSc>.playButton{background-size:40px 40px;background-position:center}.icon-volume{display:none!important}}.smp{line-height:normal}.smp div{background-color:transparent;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial}.smp>.lSc>.panel{border:none;margin-bottom:0}.smp>.playlist>.row{margin:0}