.audio-player{font-family:arial;font-size:12pt;text-align:left}.audio-player .controls{align-items:center;border-radius:12px;display:flex;margin:0 auto 1em;max-width:400px;padding:.5em;text-align:left}.audio-player .controls .native-audio{display:block;width:100%}.audio-player .controls .ap-btn{cursor:pointer;margin-right:1em}.audio-player .controls .progress-container{background:#00000080;border-radius:5px;cursor:pointer;height:10px;position:relative;width:100%}.audio-player .controls .progress{background:#0080ff;border-radius:5px;height:100%}.audio-player .playlist{border-bottom:1px solid rgba(0,0,0,.1);border-top:1px solid rgba(0,0,0,.15);display:block;margin:0 auto;max-width:500px;padding:1em}.audio-player .playlist li{border-bottom:2px solid #000;cursor:pointer;display:flex;justify-content:space-between;line-height:1em;list-style:none;margin:0;overflow:hidden;padding:1em;position:relative}.audio-player .playlist li .duration{display:inline-block;opacity:.5;text-align:right}.audio-player .playlist li .name{opacity:.5}.audio-player .playlist li.active .duration,.audio-player .playlist li.active .name{opacity:1}.audio-player #scroll-icon{margin-top:.5em;opacity:.25}.audio-player .audio-empty{color:#bba995;margin:0;text-align:center}