<!-- AUDIO -->
  <style>
    span {
      background:#b31b1b; 
      color:#fff; 
      font-size:10px;
      border-radius:10px;
      padding: 2px 5px;
    }

    input{
      background:#b31b1b;
      color:#fff;
      font-size:10px;
      border: 1px #fff;
      border-radius: 10px;
    }

    input[type="range"] {
      -webkit-appearance: none;
      width: 200px;
      height: 2px;
      background: #b31b1b;
      background-position: center;
      background-repeat: no-repeat;
      margin:10px;
    }

    input[type="range"]::-webkit-slider-thumb {
      -webkit-appearance: none;
      width: 20px;
      height: 20px;
      border-radius: 100%;
      background: #ffffff;
      position: relative;
      border: 3px solid #0000AA;
      z-index: 3;
      cursor: pointer;
    }
  </style>
