@keyframes roty{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}#player{position:fixed;width:100%;height:67px;z-index:100000;left:0;bottom:0;display:flex;justify-content:center}#player #playerVisuals{flex-grow:1}#player #playerDetails,#player #playerVisuals{display:flex;align-items:center}#player input[type=range]{writing-mode:vertical-lr;direction:rtl;vertical-align:middle}#player #playerVisuals #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{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}#playerDivhtml5>:not(:first-child){margin-left:10px}#player #miniPlaylist #newPl,#player .playerlist,#player .playerlist .article{display:flex;align-items:center}#player .playerlist .article{flex-grow:1;margin-left:10px}#player .playerlist .article .articleTitle{max-height:33px;max-width:300px;overflow:hidden}#player #playerBuy{margin-left:auto;background:#fff;border-radius:3px;min-width:95px}#player #playerBuy .buy{background:#1a1a1a url(../img/cart-orange.png)no-repeat 50% 50%;color:#fff;float:left;width:36px;height:36px;border-radius:3px}#player #playerBuy .buy a{color:#fff;display:block}#player #playerBuy .price{float:left;font-size:.9em;font-weight:700;line-height:1;margin:0;text-align:center;padding:14px 5px 12px;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;display:flex;align-items:center}#volumeArea #speakerMuted{display:none}#progressArea{flex-grow:1;position:relative}#progressArea #soundpic{cursor:pointer}#progressArea #ctrlProgress{position:absolute;left:0;top:0;background-color:rgba(0,0,0,.2);cursor:pointer}#controlsArea,#controlsArea #playControlsArea{display:flex;align-items:center}#controlsArea #btnPlayPause #btnPlay{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{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;justify-content:flex-start}#currentPlaylist .trackList{display:block;max-width:360px;max-height:400px;overflow-x:auto}#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}}@media (max-width:1000px){#player{height:100px}#player #playerVisuals #platePic{width:33px;height:33px}#player .playlists{display:none}#player #playerDetails{order:999;flex-basis:100%;justify-content:center}}@media (max-width:650px){#player #playerBuy{min-width:auto}#player #playerBuy .price{display:none}}@media (max-width:460px){#player #playerVisuals #platePic{display:none}}