<div class="hg-ss-wrap">
  {{#each sounds}}
  <div class="hg-ss-row">
    <button type="button" class="hg-ss-play" data-sound="{{this.id}}">&#9654;</button>
    <span class="hg-ss-label">{{this.label}}</span>
    <div class="hg-ss-controls">
      <input type="range" class="hg-ss-slider" name="vol-{{this.id}}" min="0" max="100" value="{{this.volume}}" data-sound="{{this.id}}">
      <span class="hg-ss-val" data-sound="{{this.id}}">{{this.volume}}%</span>
    </div>
  </div>
  {{/each}}
</div>
