.audio-player,.audio-player .time {
display: flex;
width: 100%;
height: auto;
align-items: center;
justify-content: flex-start;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

.audio-player {
overflow: hidden;
min-height: 47px
}

.audio-player img {
cursor: pointer;
height: 47px;
width: auto
}

.audio-player .time,.audio-player p {
transition: width .2s ease-in-out
}

.audio-player .time.hidden,.audio-player p.hidden {
width: 0;
opacity: 0;
}

.audio-player .timeline {
width: 90%;
height: 4px;
display: block;
border-radius: 20px
}

.audio-player .time .dot,.audio-player .timeline {
content: "";
cursor: pointer;
position: relative;
background-color: #fff
}

.audio-player .time .dot {
left: 0;
top: -4px;
width: 2px;
height: 12px;
border-radius: 10px
}

.audio-player .audio-player img {
height: 25px;
margin: 5px 0;
}

p.audio-label {
font-size: 21px;
font-family: "Din-Medium";
color: #ffffff;
margin: -4px 0 0 15px;
}