#wrapper{width:100vw;height:100vh}.player-container{min-width:300px; height:fit-content; margin: 15px;}.player-container i.fa.play-btn{font-size:36px;margin-right:0;margin-top: 5px;}.play-btn{color:#000;}.header span.title{font-weight:700;font-size:22px}.player-container i.fa{font-size:22px;margin-right:30px}.btn.p-0.btn-play{margin-right:19px;background: transparent;}.player-container i{cursor:pointer}button.btn.p-0.btn-play:focus{box-shadow:none;}.player-container i.fa.fa-check-square-o.btn-volume.fa-square-o{margin-right: 33px;}span {user-select: none;}
.list-group-item{
    background-color: transparent;
}
.progress-container {
    width: 100%;
    height: 10px;
    background: #f5f5f5;
    border-radius: 5px;
    margin-top: 10px;
    position: relative;
    cursor: pointer;
}

.progress-bar {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    width: 0%;
    border-radius:5px;
    background: #5f5f5f;
}

.show-time {
    position: absolute;
    right: 0;
    bottom: 100%;
}