.player{overflow:hidden}.player .inner{height:100%;position:relative}.player .image{background-size:cover;background-position:center;position:absolute}.player .artist{position:absolute;width:calc(100% - 255px);overflow:hidden;text-overflow:ellipsis;left:60px;top:4px;font-size:14px;text-transform:uppercase;font-family:'Roboto Condensed';line-height:1em;white-space:nowrap}.player .artist a{color:rgba(255,255,255,0.6)}.player .artist a:hover{color:#02bd85}.player .title{position:absolute;left:60px;top:20px;font-size:24px;line-height:1em;font-weight:300;color:#fff}.player .title a{color:#fff}.player .title a:hover{color:#02bd85}.player .stats{position:absolute;top:0;right:0;color:#fff;opacity:.5;text-align:right}.player .stats .genre{font-size:12px;margin-bottom:6px;opacity:.5}.player .stats span{font-weight:500;display:inline-block;margin-left:20px}.player .stats span::before{margin-right:6px;content:'';background-image:url(../../assets/player-stats-da5cbb511cdfe72f65c9f5029360546f.svg);background-repeat:no-repeat;display:inline-block;width:12px;height:10px}.player .stats span.likes::before{background-position:0px 0}.player .stats span.plays::before{background-position:-14px 0}.player .stats span.comments::before{background-position:-28px 0}.player .stats span.downloads::before{background-position:-42px 0}.player .waveform{cursor:default;width:100%;background-color:#676d75;height:64px;position:absolute;top:96px;-webkit-mask-size:100% 64px}.player .waveform .position{height:100%;width:0;background-color:#ff7331;position:absolute;top:0;left:0}.player .waveform .progress{height:100%;width:0;background-color:rgba(255,255,255,0.75);top:0;left:0}.player .actions{position:absolute;top:22px;right:0;text-decoration:uppercase;font-family:'Roboto Condensed';font-size:12px;font-weight:700;text-transform:uppercase}.player .actions a{color:rgba(255,255,255,0.8);display:inline-block;margin-left:10px}.player .actions a:hover{color:#02bd85}.player .actions p{margin:0;text-align:right;color:rgba(255,255,255,0.5);font-weight:400}.player .time{font-family:'Roboto Condensed';line-height:1em;font-size:12px;position:absolute;top:70px;left:60px;color:rgba(255,255,255,0.6)}.player .time span{color:rgba(255,255,255,0.8)}.player button{position:absolute;top:0;left:0;display:block;width:48px;height:48px;border:none;background-color:transparent;background-image:url(../../assets/play-pause-button-5030d238277204c932cbebcd64cdbc9e.svg);outline:none;opacity:.6}.player button.play{background-position:0 0}.player button.pause{background-position:-50px 0}.player button:hover{opacity:.9}.player canvas{position:absolute;top:0;left:0;height:100%;width:100%}.player .share-sheet{display:none;background-color:rgba(0,0,0,0.5);position:fixed;top:0;left:0;width:100%;height:100%;z-index:10}.player .share-sheet>div{position:absolute;background-color:#fff;width:500px;height:400px;padding:50px;top:0;left:0;bottom:0;right:0;margin:auto;box-shadow:0 4px 8px -4px rgba(0,0,0,0.6)}.player .share-sheet>div h2{font-size:32px !important;line-height:40px !important;text-transform:none !important;font-family:'Roboto Slab' !important;margin-bottom:10px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.player .share-sheet>div h2 span{font-weight:400}.player .share-sheet>div h3{color:#02bd85;margin-bottom:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.player .share-sheet>div h3 span{font-weight:400}.player .share-sheet>div input,.player .share-sheet>div textarea{margin-bottom:30px}.player .share-sheet>div textarea{height:70px}.player .share-sheet>div label{display:block;margin-bottom:8px;font-weight:500}.player .share-sheet>div .social{font-size:0}.player .share-sheet>div .social a{display:inline-block;width:48px;height:48px;background-repeat:no-repeat;margin-right:8px}.player .share-sheet>div .social a:hover{opacity:.8}.player .share-sheet>div .social a.facebook{background-image:url(../../assets/share-facebook-d74c39c5eceba656ac6e23c7cad58ef5.svg)}.player .share-sheet>div .social a.twitter{background-image:url(../../assets/share-twitter-11b78185479139b9c3480c2677549041.svg)}.player .share-sheet>div .social a.google{background-image:url(../../assets/share-google-caaba558cbceed172044e90fb6fe13f8.svg)}.player .share-sheet>div .social a.tumblr{background-image:url(../../assets/share-tumblr-022b20a01b00f432a41be8e15f48c842.svg)}.player .share-sheet>div .close{font-size:0;position:absolute;display:block;width:28px;height:28px;top:10px;right:10px;background-image:url(../../assets/x-black-316cef5cd7c7c642fe2ebfd67b6b8742.svg);background-repeat:no-repeat;background-size:contain;opacity:.3}.player .share-sheet>div .close:hover{opacity:1}.player.hero{background-color:#1e2528;padding:50px 0;height:160px}.player.hero .image{width:160px;height:160px;top:0;left:20px}.player.hero .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 200px);line-height:30px}.player.hero .inner .container{margin-left:176px;position:relative}.player.medium{background-color:#fff;padding:0;height:130px}.player.medium .image{position:absolute;width:130px;height:130px;top:0;left:0}.player.medium .inner{padding:0}.player.medium .inner .container{margin-left:140px;position:relative}.player.medium button{background-image:url(../../assets/play-pause-button-dark-87e45bc9c0768a36dc2e645d6e9c9ada.svg)}.player.medium .artist a{color:rgba(0,0,0,0.4)}.player.medium .artist a:hover{color:#02bd85}.player.medium .title{color:#000;top:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 205px);line-height:30px;font-size:20px}.player.medium .title a{color:#444}.player.medium .title a:hover{color:#02bd85}.player.medium .waveform{top:78px;height:52px;-webkit-mask-size:100% 52px}.player.medium .waveform .progress{background-color:rgba(0,0,0,0.5)}.player.medium .stats{color:#000}.player.medium .stats span.likes::before{background-position:0px -12px}.player.medium .stats span.plays::before{background-position:-14px -12px}.player.medium .stats span.comments::before{background-position:-28px -12px}.player.medium .stats span.downloads::before{background-position:-42px -12px}.player.medium .actions a{color:rgba(0,0,0,0.8)}.player.medium .time{top:56px;color:rgba(0,0,0,0.6)}.player.medium .time span{color:rgba(0,0,0,0.8)}.player.medium.feed .title{font-size:20px;top:22px}.player.medium.feed .stats{font-size:10px}.player.medium.feed .stats span{margin-left:8px}.player.medium.feed .stats span::before{margin-right:4px;top:1px;position:relative}.player.medium.feed .actions{font-size:11px}.player.embed{background-color:#1e2528;padding:0;height:130px}.player.embed button{top:10px}.player.embed .image{position:absolute;width:130px;height:130px;top:0;left:0}.player.embed .inner{padding:0}.player.embed .inner .container{margin-left:140px;margin-right:10px;position:relative}.player.embed .artist{top:16px}.player.embed .title{top:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 150px);line-height:30px;font-size:18px}.player.embed .waveform{top:68px;height:52px;-webkit-mask-size:100% 52px}.player.embed .time{font-weight:700;top:30px;left:auto;right:0}.player.embed .actions{top:10px;font-size:0}.player.embed .actions a{font-size:12px;font-weight:400;color:rgba(255,255,255,0.5);text-transform:none}.player.embed .actions a:first-of-type{border-right:1px solid rgba(255,255,255,0.3);padding-right:10px}.player.embed .actions a:hover{color:#02bd85}.player.mini{background-color:#1e2528;padding:0;height:50px}.player.mini .image{width:50px;height:50px;top:0;left:0}.player.mini .inner{padding:0}.player.mini .inner .container{margin-left:50px;position:relative}.player.mini button{background-image:url(../../assets/play-pause-button-small-079fb3a06e43193611bbfedd4c6e9410.svg);top:1px;left:-49px}.player.mini .waveform{top:0;height:50px;-webkit-mask-size:100% 50px}.player.mini .time{font-size:10px;top:56px;background-color:rgba(0,0,0,0.5);bottom:-50px;padding:2px 4px;top:auto;right:0;left:auto}@media (max-width: 500px){.player.medium .image.missing{background-image:none !important;background-color:#333d45}.player.medium button{background-image:url(../../assets/play-pause-button-mobile-0adf751705b20b0492e2df3444ad5c24.svg) !important;top:42px !important;left:-99px !important}.player.medium .stats{display:none}.player.medium .actions{display:none}.player.medium .title,.player.medium .artist{left:0 !important;width:100% !important}.player.medium .time{left:0 !important}.player.hero{padding-top:70px}.player.hero .image.missing{background-image:none !important;background-color:#333d45}.player.hero button{background-image:url(../../assets/play-pause-button-mobile-0adf751705b20b0492e2df3444ad5c24.svg) !important;top:57px !important;left:-120px !important;opacity:.8 !important}.player.hero .title,.player.hero .artist{left:0 !important;width:100% !important}.player.hero .time{left:0 !important}.player.hero .stats{top:-30px;left:-175px;right:auto}.player.hero .stats span{margin-left:0;margin-right:10px}.player.hero .actions{top:-30px;right:0}}