:root{--primary:#a52a2a;--secondary:#cdcccc;--border-radius:10px;--bgcolor:#000000}body{font-family:"Roboto",sans-serif}#app{width:100%;box-sizing:content-box}.player{width:100%;display:flex;flex-direction:row;position:relative;background-color:var(--primary);background-image:linear-gradient(to bottom,rgba(0,0,0,.342),var(--bgcolor));box-shadow:0 4px 12px -5px rgba(0,0,0,.559);border-radius:var(--border-radius);overflow:hidden}.player #trackimage{display:flex;background-size:cover;position:relative;transition:all .5s ease-in-out;image-rendering:-webkit-optimize-contrast}.player #audiotrack{display:flex;flex-direction:column;color:#fff;padding-bottom:10px;position:relative;padding:0 5px}.player #audiotrack #currentTime,.player #audiotrack #duration{position:absolute;font-size:.8em;background-color:rgba(0,0,0,.837);padding:3px;border-radius:4px;z-index:5}.player #audiotrack #currentTime{bottom:10px;left:15px}.player #audiotrack #duration{bottom:10px;right:15px}.player .trackinfos{display:flex;flex-direction:row}.player .trackinfos .playbtn{text-align:center}.player .trackinfos .trackdata{width:100%;text-align:left}.player #audiotrack .trackinfos .trackdata #authoren{padding:3px 0;font-weight:100}.player #audiotrack .trackinfos .trackdata #colabs{padding:5px 0;font-weight:100}.player #audiovisualizer{width:100%;margin-top:auto}.player #authoren{color:#fff}.lyrics{padding:10px;line-height:1.2em;font-size:1.1em;font-weight:100;color:#fff;background-color:rgba(0,0,0,.7);opacity:0;transition:all .5s ease-in-out;text-align:left}.lyrics.active{transition:all .5s ease-in-out;opacity:1}.side_bar{overflow-y:scroll;overflow-x:hidden;max-height:260px}.side_bar::-webkit-scrollbar{width:5px}.side_bar::-webkit-scrollbar-track{box-shadow:inset 0 0 1px rgba(255,255,255,.42);border-radius:1px}.side_bar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.499);border-radius:10px}.side_bar::-webkit-scrollbar-thumb:hover{background:#009eb3}.lyrics b{font-size:1.3em}.playlist{margin:20px 0 20px;display:flex;flex-direction:column}.playlist .pl-track{position:relative;margin:5px 0 5px;background-color:rgba(0,0,0,.471);color:#fff;border-radius:var(--border-radius);transition:all .5s ease-in-out;cursor:pointer;image-rendering:-webkit-optimize-contrast}.playlist .trackstats{position:absolute;right:10px;bottom:10px;color:rgba(255,255,255,.573)}.playlist .trackstats>span{padding:2px 7px;border-radius:4px;background-color:rgba(0,0,0,.5)}.playlist .pl-track.active{background-color:var(--primary);box-shadow:0 4px 12px -5px rgba(0,0,0,.729);transition:all .5s ease-in-out;cursor:default}.playlist .pl-main{display:flex;flex-direction:row}.playlist .pl-trackimage{width:120px}.playlist .pl-trackimage img{width:100%;height:100%;border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.playlist .pl-infos{padding:10px 10px 0 10px;text-align:left}.playlist .pl-infos .pl-trackname{padding:10px 0}.playlist .pl-infos .pl-komposition{font-size:1em;font-weight:100}.container .buttons{width:100%}.btn{padding:16px;width:25px;height:25px;text-align:center;margin:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--primary)}.socbtns,.lyricsbtn{display:flex;flex-direction:row;align-items:flex-start;color:var(--secondary)}.lyricsbtn{position:absolute;top:10px;right:10px;z-index:10px;border:1px solid rgba(255,255,255,.414);border-radius:100%;background-color:rgba(0,0,0,.5);display:none}.lyricsbtn.active{display:block}.socbtns .socbtnsinner{display:flex;flex-direction:row;align-items:center}.socbtns .likes{display:flex;flex-direction:row;align-items:center}.socbtns .likecount,.socbtns .downloadcount,.socbtns .playcount{font-size:.8em;padding:0 3px}.socbtns .dl-link{color:inherit}.btn.small{width:20px;height:20px;padding:7px;margin:0;background-color:transparent}.autoplayBtn{color:#fff;margin:20px auto;transition:all .3s ease-in-out}.autoplayBtn.active{background-color:#fff;color:var(--primary);transition:all .3s ease-in-out}.btn.long{border-radius:10px;padding:7px 25px;height:35px;width:80px}.socbtns .fas{font-size:1.3em}.playbtn{opacity:0;transition:opacity .2s ease-in-out}.playbtn.active{transition:opacity .2s ease-in-out;opacity:1}.playbtn .fas{font-size:2em}.playbtn .fa-pause{display:none}.playbtn.playing .fa-pause{display:inline-block}.playbtn.playing .fa-play{display:none}.pulse{transform:scale(1);animation:pulse 1.5s infinite}.pulse:hover{animation:none}@keyframes pulse{0%{transform:scale(.98);box-shadow:0 0 0 0 rgba(255,255,255,.7)}70%{transform:scale(1);box-shadow:0 0 0 5px rgba(255,255,255,0)}100%{transform:scale(.98);box-shadow:0 0 0 0 rgba(0,0,0,0)}}.spinner{width:56px;height:56px;border-radius:50%;background:var(--primary);-webkit-mask:radial-gradient(circle closest-side at 50% 40%,#0000 94%,#000);transform-origin:50% 40%;animation:spinner 1s infinite linear}@keyframes spinner{100%{transform:rotate(1turn)}}