*{-webkit-tap-highlight-color:transparent}.cd__main{padding:5px 0 10px;background:#f1f1f1!important;font:20px/24px Helvetica,Arial,sans-serif;color:#787878}.playlist-wrap a[href],.playlist-wrap a[href]:active,.playlist-wrap a[href]:visited{font-size:1em;color:#545454;outline:0;display:block;width:100%}.ellipsis,.playlist-wrap a[href]:focus,.playlist-wrap a[href]:hover,.playlist-wrap li.sel a{color:#ff0b9b}.page,.player-wrap .info{padding:10px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:20px}.player-wrap{position:relative;margin:0 0 1em;padding:0;background-color:#fff}.player-wrap.enabled{padding-bottom:4em}.player-wrap .button{float:left;display:none;margin:1.5em 2em;width:5em;height:5em;background-color:#ff3a3a;line-height:5em;text-align:center;border-radius:25%}.player-wrap .button:hover{background-color:#444;cursor:pointer}.player-wrap.enabled .button,.player-wrap.enabled .player{display:block}.player-wrap .infodetails{text-align:right}.player-wrap h1{padding:1.5em 0}.player-wrap .action{font-style:italic}.player-wrap .player{position:absolute;display:none;left:0;bottom:0;padding:0 1em 0 6em;width:100%;height:1em;background-color:#fff;font-size:2em;box-sizing:border-box}.player-wrap .player svg{margin:.25em;width:.5em;height:.5em;fill:currentColor}.player-wrap .player div{display:block;height:1em}.player-wrap .player .pause,.player-wrap audio{display:none}.player-wrap .next,.player-wrap .playpause,.player-wrap .prev,.player-wrap .timer{position:absolute;left:0;bottom:0;display:block;height:1em;line-height:1em;vertical-align:top;text-align:center}.player-wrap .next,.player-wrap .playpause,.player-wrap .prev{width:1em;cursor:pointer}.player-wrap .playpause{left:1em}.player-wrap .next{left:auto;right:0}.player-wrap .next:hover,.player-wrap .playpause:hover,.player-wrap .prev:hover,.playlist-wrap li:hover{background-color:#f7f7f7}.player-wrap .next::-moz-focus-inner,.player-wrap .pause,.player-wrap .play,.player-wrap .playpause,.player-wrap .prev::-moz-focus-inner{border:0;padding:0}.player-wrap .timer{left:2em;width:4em}.player-wrap .timer div{display:inline-block;height:100%;vertical-align:top;font-size:.45em}.player-wrap .seek{box-sizing:border-box;margin:0;padding:0;width:100%;height:100%}
.playlist-wrap{background-color:#fff; max-height: 500px; overflow-x: scroll;}.playlist-wrap li{padding:10px;border-bottom:1px solid #e5e5e5;width:100%}.player-wrap .seekbar{width:98%;position:absolute;left:1%;top:-39px}input.seek[type=range]{box-sizing:border-box;background-color:transparent;vertical-align:top;font-size:.5em;-webkit-appearance:none}input.seek[type=range]:focus{outline:0}input.seek[type=range]::-webkit-slider-runnable-track{box-sizing:border-box;width:98%;height:.17em;background-color:#eee;cursor:pointer;border-radius:.1em;transition:.2s}input.seek[type=range]::-webkit-slider-thumb{box-sizing:border-box;width:.17em;height:.7em;margin-top:-.27em;border-radius:.1em;background-color:#eee;cursor:pointer;-webkit-appearance:none}input.seek[type=range]:focus::-webkit-slider-runnable-track{background-color:#eee}input.seek[type=range]::-moz-range-track{box-sizing:border-box;border:0 solid #eee;width:98%;height:.17em;background-color:#eee;cursor:pointer;border-radius:.1em;transition:.2s}input.seek[type=range]::-moz-range-thumb{box-sizing:border-box;border:0 solid #eee;width:.17em;height:.7em;background-color:#eee;cursor:pointer;border-radius:.1em}input.seek[type=range]::-ms-track{box-sizing:border-box;border:0;width:98%;height:.17em;background-color:transparent;color:transparent;cursor:pointer;transition:.2s}input.seek[type=range]::-ms-fill-lower{background-color:#eee;border-radius:.1em}input.seek[type=range]::-ms-fill-upper{background-color:#eee;border-radius:.1em}input.seek[type=range]::-ms-thumb{margin-top:-.01em;box-sizing:border-box;width:.17em;height:.7em;background-color:#eee;cursor:pointer;border-radius:.1em}input.seek[type=range]:focus::-ms-fill-lower{background-color:#eee}input.seek[type=range]:focus::-ms-fill-upper{background-color:#eee}
input[type='range']::-webkit-slider-thumb {
  width: 6px;
  -webkit-appearance: none;
  height: 12px;
  background: black;
  border-radius: 2px;
}