<div class="card clipped-top" style="margin: 0px;">
  <div class="lancer-header lancer-primary struct-stress clipped-top">
    <i class="cci cci-reactor i--4"></i>
    {{#if reroll_data}}<span class="spacer"></span>{{/if}}
    <div class="flexcol">
      <span>{{localize "lancer.chat-card.title.overheating"}}</span>
      <span style="align-self: center;">
        {{localize "lancer.chat-card.remaining" total=val max=max}}
      </span>
    </div>
    {{! TODO: reroll button }}
  </div>
  {{#with result}}
    {{#if roll}}
      {{! Not using the dice roll helper because `total` is a special case here }}
      <div class="dice-roll lancer-dice-roll" data-action="expandRoll">
        <div class="dice-result">
          <div class="dice-formula flexrow">
            {{roll.formula}}
            <span class="dice-total major">{{total}} <i class="cci cci-reactor i--4"></i></span>
          </div>
          {{#if tt}}
            {{{tt}}}
          {{/if}}
        </div>
      </div>
    {{/if}}
  {{/with}}
  <div class="lancer-header submajor">{{title}}</div>
  <div class="effect-text">{{{desc}}}</div>
  {{#if embedButtons}}
    {{#each embedButtons}}
      {{{this}}}
    {{/each}}
  {{/if}}
</div>
