/* audio */
 
 .audio-player {
    box-shadow: none!important;
    background-color: transparent!important;
    width: 190px!important;
    padding: 0px!important;
    min-width: 190px!important;
    height: auto;
    align-items: baseline!important;
 }

 .class-audios .audio-player {
    min-height: 45px;
 }

 .green-audio-player {
    width: auto;
    background-color: transparent;

 }

 .audio-player.big .media-name {
    text-align: left;
 }

 .class-audios .green-audio-player {
    background-color: transparent!important;
    padding: 0px;
 }

 .class-audios  .green-audio-player .controls {
   bottom: -10px;
 }
 
 .green-audio-player .controls {
    position: relative;
    bottom: -10px;
 }
 
 .green-audio-player .controls span {
    font-size: 12px;
 }
 
 .green-audio-player img, .green-audio-player svg {
    background-color: #22DB7F;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    padding: 10px;
    overflow: visible;
 }

 .green-audio-player .volume {
    display: none!important;
 }
 
 .green-audio-player .slider .gap-progress .pin {
    background-color: #22DB7F!important;
 }
 
 .audio-player .volume .volume__button,
 .audio-player .controls span.controls__total-time,
 .audio-player .controls span.controls__current-time {
    display: none!important;
 }
 
 .audio-player .holder .play-pause-btn {
    margin-bottom: -6px;
 }
 
 .audio-player .controls .controls__slider .controls__progress .progress__pin {
    width: 10px!important;
    height: 10px!important;
    right: -5px!important;
    top: -3px!important;
 }
 
 .audio-player .controls .controls__slider {
    margin: 0px!important;
 }
 
 .audio-player .media-name {
   font-size: 13px;
   color: var(--text-color);
   position: absolute;
   top: -7px;
   left: 0;
   line-height: 100%;
   transform: translateY(-100%);
 }

 .audio-player.big {
     width: 300px!important;
     margin: 10px;
 }

 .audio-player.full {
   width: 100%!important;
   margin: 10px;
}

 .audio-player.big .media-name {
     font-size: 13px;    
 }

 .audio-container {
    position: relative;
    display: block;
 }

 .audio-container.audio-single {
   position: relative;
   display: block;
}

.audio-container.audio-normal {
   position: relative;
   display: block;
}

.audio-container.audio-normal .controls {
  bottom: 0px;
}