#player{position:fixed;width:100%;z-index:8000;left:0;bottom:0;display:flex;justify-content:center}#player #playerVisuals{flex-grow:1;display:flex;align-items:center}#player #playerVisuals div{width:100%;height:45px}#player #playerDetails,#playerDetailsContainer{display:flex;gap:.5em;align-items:center}#player #playerDetails{justify-content:flex-end}#player input[type=range]{writing-mode:vertical-lr;direction:rtl;vertical-align:middle}#player #platePic{width:45px;height:45px;border-radius:50%;cursor:pointer}#player .inner{padding:10px 0;width:1280px}#playerDiv,#playerDivhtml5{position:relative;height:100%}#playerDiv{display:block}#playerDivhtml5{gap:.5em;flex-wrap:wrap;justify-content:space-between}#player #miniPlaylist #newPl,#player .playerlist,#player .playerlist .article,#playerDivhtml5{display:flex;align-items:center}#player .playerlist .article{flex-grow:1;gap:.5em}#player .playerlist .article .articleData span{display:block;font-size:.8em;max-height:33px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#player #playerBuy{margin-left:auto;background:#fff;color:#000;border-radius:3px;min-width:95px;height:32px}#player #playerBuy .buy{color:#fff}#player #playerBuy .price{font-size:.8em;font-weight:100;text-align:center;white-space:nowrap;width:54px}#player #playerBuy .price b{color:#666;font-weight:200}#player .playerlist .playlist{display:flex;align-items:center;height:100%;padding:0 10px;background-color:#ccc;border-radius:0 3px;font-weight:700}.playlistBtn img{width:26px}#player .playerlist .watchlist a{float:right;background:url(../img/sprite.png)no-repeat -358px -72px;width:25px;height:18px;margin-left:10px;color:transparent}#player .playerlist .watchlist a.aktiv{background-position:-383px -72px}#player #miniPlaylist{font-size:.9em;line-height:1.2;text-align:left;width:278px;padding:0 1px 5px}#player b:after{content:"|";font-size:.8em;margin:0 5px}#player #playerBuy .price b:after{content:"";margin:0}#player p a,#player p label{margin:0;padding:0;text-decoration:underline}#player p{margin:0;padding:10px}#player strong{color:#000;display:block}#player #miniPlaylist #newPl{padding:5px 10px}#player #miniPlaylist #newPl input,#player #miniPlaylist select{flex-grow:1;height:20px;font-size:12px}#player #miniPlaylist .kopfzeile{display:flex;align-items:center;height:40px;padding:0 10px}#player #miniPlaylist select{margin:0 10px}#controlsArea #btnNext svg,#controlsArea #btnPrev svg,#player #miniPlaylist .add,#player #miniPlaylist .pause,#player #miniPlaylist .playme,#volumeArea #speakerMuted,#volumeArea #speakerNormal{width:22px}#player .playtrack{background:#e3e3e3;clear:both;margin:0;padding:0;max-height:300px;overflow-y:auto}#player .playtrack div{background:#e3e3e3;border-bottom:1px solid #fff;padding:5px 0;margin:0 13px;vertical-align:middle}#player .playtrack div.played,#player .playtrack div.played a,#player .playtrack div.played b,#player .playtrack div.played strong{color:#999}#player .playtrack div:last-child{border-bottom:none}#player .playtrack div input[type=checkbox]{float:right;margin:0;padding:0;vertical-align:middle}#player .left,#player .right{float:left;padding:0;width:40%}#player .right{float:right;text-align:right}#player ul.playtrack .right label{display:inline}#player #miniPlaylist p{margin:5px 13px;padding:0}#player #miniPlaylist .miniPlaylistFooter{display:flex;align-items:center;padding:10px 10px 5px}#player #miniPlaylist .miniPlaylistFooter .actions{flex-grow:1}#player #miniPlaylist p input[type=checkbox]{margin:0 0 0 5px;padding:0;vertical-align:-2px}#volumeArea{position:relative}#volumeArea #speakerMuted{display:none}#controlsArea,#controlsArea #playControlsArea,#volumeArea{display:flex;align-items:center}#controlsArea #btnPlayPause #btnPlay{position:relative;left:1px;width:40px}#controlsArea #btnPlayPause #btnPause{width:40px;display:none}#controlsArea #btnPlayPause.playing #btnPause{display:inline-block}#controlsArea #btnPlayPause.playing #btnPlay{display:none}#playerBPM{display:flex;flex-direction:column;font-weight:400;font-size:12px}#playerBPM span{font-weight:700}#pitchArea{position:relative;display:flex;align-items:center}#pitchArea #pitchVal{width:25px}#isWrapper{width:198px;height:46px;overflow:auto}#rowList,#scroller{width:100%;padding:0}#scroller{z-index:1}#rowList{position:relative;margin:0;list-style:none;text-align:left}#rowList li{padding:0;height:22px;line-height:21px}#rowList li div{width:100%;height:21px;padding-left:4px;background-color:#ccc;overflow:hidden;white-space:nowrap;cursor:pointer}.pausedAnimation,.runningAnimation{animation:2s roty infinite linear;animation-play-state:paused}.runningAnimation{animation-play-state:running}#currentPlaylist .currentTrack span:first-child{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;justify-content:flex-start}#currentPlaylist .trackList{max-width:300px;max-height:400px;overflow-x:auto}#currentPlaylist:is(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .trackList{display:block}#currentPlaylist .trackList li{display:block}#currentPlaylist .trackList li span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1280px){#player .inner{margin:0 10px}#player #platePic{width:33px;height:33px}#player .playlists{display:none}#player #playerDetailsContainer{order:-1;flex-basis:100%;justify-content:center}#player .playerlist .article .articleData span{max-width:500px}}@media (max-width:750px){#player #playerBuy{min-width:auto}#player .playerlist .article .articleData span{max-width:200px}}@media (max-width:550px){#player #platePic{display:none}#player .playerlist .article .articleData span{max-width:100px}#currentPlaylist .currentTrack span:first-child{max-width:90px}}