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