:root {
  --plyr-color-main: var(--colorBlack);
  --plyr-audio-range-track-background: var(--colorWhite);
  --plyr-tooltip-background: var(--colorBlack);
  --plyr-tooltip-color: var(--colorWhite);
  --plyr-audio-control-color: var(--colorBlack);
  --plyr-audio-control-color-hover: var(--colorBlack);
  --plyr-audio-control-background-hover: var(--colorGreys100);
  --plyr-control-radius: 0px;
  --plyr-menu-radius: 0px;
}
.plyr__menu__container:after{
  display: none;
}

.audio_wrapper .plyr--audio .plyr__control:hover {
  color: var(--colorTextBlack) !important;
  background-color: var(--colorWhite) !important;
}

.audio_wrapper .timer {
  display: flex;
  flex-direction: row;
  color: var(--colorTextBody);
  font-weight: 400;
  font-size: var(--fontSizeSmall);
  line-height: var(--lineHeightSm);
}

.audio_wrapper .plyr__progress__container input,
.audio_wrapper .plyr__volume input {
  border-color: var(--colorBlack);
  color: var(--colorBlack);
  border-radius: 0;
}

.audio_wrapper .plyr__progress__container input[type=range]::-webkit-slider-runnable-track,
.audio_wrapper .plyr__volume input[type=range]::-webkit-slider-runnable-track {
  background-color: var(--colorWhite);
  border: 1px solid var(--colorBlack);
  border-radius: 0;
}

.audio_wrapper .plyr__progress__container input[type=range]::-moz-range-track,
.audio_wrapper .plyr__volume input[type=range]::-moz-range-track {
  background-color: var(--colorWhite);
  border: 1px solid var(--colorBlack);
  border-radius: 0;
}

.audio_wrapper .plyr__progress__container input[type=range]::-webkit-slider-thumb,
.audio_wrapper .plyr__volume input[type=range]::-webkit-slider-thumb {
  background-color: var(--colorBlack);
  border: 1px solid var(--colorBlack);
}

.audio_wrapper .plyr__progress__container input[type=range] s::-moz-range-thumb,
.audio_wrapper .plyr__volume input[type=range] s::-moz-range-thumb {
  background-color: var(--colorBlack);
  border: 1px solid var(--colorBlack);
}

.audio_wrapper .plyr__progress__container progress,
.audio_wrapper .plyr__volume progress {
  background: var(--colorBlack);
  border-color: var(--colorBlack);
  color: var(--colorBlack);
}

.audio_wrapper .plyr__volume input {
  width: 100%;
  opacity: 1;
  transition: width 0.5s, opacity 0.5s;
  margin: 0;
}

.audio_wrapper .plyr__volume input.hide_volume {
  width: 0;
  opacity: 0;
  min-width: 0 !important;
}

.audio_wrapper .plyr--audio .plyr__control {
  border: 2px solid white;
  transition: none;
  height: 2.6em;
}

.audio_wrapper .plyr--audio .plyr__control:focus {
  outline: 2px solid var(--colorBlack);
}

.audio_wrapper .plyr--audio .plyr__progress__container:focus, .audio_wrapper .plyr--audio .plyr__progress__container:focus-visible, .audio_wrapper .plyr--audio .plyr__progress__container:focus-within {
  outline: 0;
  border: 0;
}

.audio_wrapper .plyr--audio .plyr__progress__container .plyr__progress input:focus-visible {
  outline: none;
  border: 0px;
}

.audio_wrapper .plyr__menu .plyr__control svg {
  transform: none;
}

.audio_wrapper .plyr__menu .plyr__control[aria-expanded=true] svg {
  transition: none;
}

.audio_wrapper .plyr__menu a.plyr__controls__item.plyr__control {
  margin: 0;
  border-top: 1px solid var(--plyr-menu-back-border-color, #dcdfe5);
}

.audio_wrapper .plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
  outline: 2px solid var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
}

@media (max-width: 47.9375rem) {
  .audio_wrapper .plyr__time + .plyr__time {
    display: block;
  }
}
.audio_wrapper .plyr__menu__container [role=menu] {
  padding: 0;
}

.audio_wrapper .plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: none;
}