.media-audio {
  background-color: #333;
  display: flex;
  flex-wrap: wrap;
  margin: 1em 0;
  position: relative;
  border-radius: var(--border-radius-top-left) var(--border-radius-top-right) var(--border-radius-bottom-right) var(--border-radius-bottom-left);
  padding: 3em 10px 2em 10px; }

@container (width > 800px) {
  .media-audio {
    padding-top: 2em; } }
  .media-audio.with-audio-description {
    padding-bottom: 3em; }
  .media-audio audio {
    display: none !important; }
    .media-audio audio + .img-description {
      display: none !important; }
  .media-audio a {
    text-decoration: none; }
  .media-audio .audio-controls {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 1em; }
    .media-audio .audio-controls a,
    .media-audio .audio-controls a:visited,
    .media-audio .audio-controls a:hover {
      color: #ddd;
      border-bottom: none !important;
      padding: 0 10px; }
      .media-audio .audio-controls a i,
      .media-audio .audio-controls a:visited i,
      .media-audio .audio-controls a:hover i {
        color: #ddd; }
  .media-audio .audio-time {
    width: 100%; }
    .media-audio .audio-time input[type="range"] {
      width: calc(100% -  110px); }
    .media-audio .audio-time .label-wrapper {
      color: #ddd;
      font-size: 14px;
      width: 100px;
      margin-left: 10px;
      display: flex;
      justify-content: center; }
  .media-audio .audio-sound {
    width: 50%;
    display: flex;
    margin: 0 auto; }
    @media screen and (min-width: 800px) {
      .media-audio .audio-sound {
        margin-top: 10px;
        width: 30%; } }
    .media-audio .audio-sound .audio-volume {
      width: 36px;
      min-width: 36px;
      height: 36px;
      margin-right: 10px;
      color: #ddd;
      border-bottom: none; }
      @media screen and (min-width: 1501px) {
        .media-audio .audio-sound .audio-volume {
          margin-left: 20px; } }
      .media-audio .audio-sound .audio-volume:visited, .media-audio .audio-sound .audio-volume:hover {
        color: #ddd; }
      .media-audio .audio-sound .audio-volume i.fa {
        font-size: 20px;
        line-height: 36px;
        margin-left: 6px; }
    .media-audio .audio-sound .slider-wrapper input[type="range"] {
      width: 100%; }
  .media-audio i.fa {
    font-size: 30px;
    line-height: 20px; }
    .media-audio i.fa.fa-play {
      margin-left: 11px; }
    .media-audio i.fa.fa-pause {
      margin-left: 10px; }
    .media-audio i.fa.fa-stop {
      margin-left: 9px; }
  .media-audio .slider-wrapper {
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 0 10px; }
    .media-audio .slider-wrapper input[type="range"] {
      border: none !important; }
  .media-audio .audio-description {
    color: #ddd;
    font-size: 75%;
    margin: 0;
    position: absolute;
    bottom: 10px;
    width: calc(100% - 20px);
    text-align: center; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .media-audio input[type='range']::-webkit-slider-thumb {
      background: #ddd; } }

/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiYXVkaW8uY3NzIiwKCSJzb3VyY2VzIjogWwoJCSJhdWRpby5zY3NzIgoJXSwKCSJuYW1lcyI6IFtdLAoJIm1hcHBpbmdzIjogIkFBQUEsQUFBQSxZQUFZLENBQUM7RUFDWCxnQkFBZ0IsRUFBRSxJQUFJO0VBQ3RCLE9BQU8sRUFBRSxJQUFJO0VBQ2IsU0FBUyxFQUFFLElBQUk7RUFDZixNQUFNLEVBQUUsS0FBSztFQUNiLFFBQVEsRUFBRSxRQUFRO0VBQ2xCLGFBQWEsRUFBRSw2QkFBNkIsQ0FBQyw4QkFBOEIsQ0FBQyxpQ0FBaUMsQ0FBQyxnQ0FBZ0M7RUFDOUksT0FBTyxFQUFFLGlCQUFpQixHQXdIM0I7O0FBdkhDLFVBQVUsQ0FBVixlQUFVO0VBUlosQUFBQSxZQUFZLENBQVo7SUFTSSxXQUFXLEVBQUUsR0FBRyxHQXNIbkI7RUEvSEQsQUFXRSxZQVhVLEFBV1QsdUJBQXVCLENBQUM7SUFDdkIsY0FBYyxFQUFFLEdBQUcsR0FDcEI7RUFiSCxBQWNFLFlBZFUsQ0FjVixLQUFLLENBQUM7SUFDSixPQUFPLEVBQUUsSUFBSSxDQUFBLFVBQVUsR0FJeEI7SUFuQkgsQUFnQkksWUFoQlEsQ0FjVixLQUFLLEdBRUQsZ0JBQWdCLENBQUM7TUFDakIsT0FBTyxFQUFFLElBQUksQ0FBQSxVQUFVLEdBQ3hCO0VBbEJMLEFBb0JFLFlBcEJVLENBb0JWLENBQUMsQ0FBQztJQUNBLGVBQWUsRUFBRSxJQUFJLEdBQ3RCO0VBdEJILEFBdUJFLFlBdkJVLENBdUJWLGVBQWUsQ0FBQztJQUNkLEtBQUssRUFBRSxJQUFJO0lBQ1gsT0FBTyxFQUFFLElBQUk7SUFDYixlQUFlLEVBQUUsTUFBTTtJQUN2QixhQUFhLEVBQUUsR0FBRyxHQVduQjtJQXRDSCxBQTRCSSxZQTVCUSxDQXVCVixlQUFlLENBS2IsQ0FBQztJQTVCTCxZQUFZLENBdUJWLGVBQWUsQ0FNYixDQUFDLEFBQUEsUUFBUTtJQTdCYixZQUFZLENBdUJWLGVBQWUsQ0FPYixDQUFDLEFBQUEsTUFBTSxDQUFDO01B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 */