<div class="control-icon" data-action="prism-loss-hp-hud">
  <img class="prism-hp-loss-hud" src="systems/fvtt-prism-rpg/assets/icons/broken-heart.svg"
    width="36" height="36" title="Open token journal" />

    <div class="hp-loss-wrap hp-loss-wrap-col1 hp-loss-hud-disabled">
      {{#for -10 0 1}}
      <button class="hud-loss-hp-button-select loss-hp-hud-click " data-hp-value="{{this}}" >
        <span class="">{{this}}</span>
      </button>
      {{/for}}
    </div>

    <div class="hp-loss-wrap hp-loss-wrap-col2 hp-loss-hud-disabled">
      {{#for -20 -10 1}}
      <button class="hud-loss-hp-button-select loss-hp-hud-click " data-hp-value="{{this}}" >
        <span class="">{{this}}</span>
      </button>
      {{/for}}
    </div>

    <div class="hp-loss-wrap hp-loss-wrap-col3 hp-loss-hud-disabled">
      {{#for -30 -20 1}}
      <button class="hud-loss-hp-button-select loss-hp-hud-click " data-hp-value="{{this}}" >
        <span class="">{{this}}</span>
      </button>
      {{/for}}
    </div>

</div>
