<section class="dnc-chat-card dnc-chat-card-favor">
  <header class="chat-card-header">
    <div class="chat-card-heading">
      <p class="chat-card-kicker">{{localize "DNC.Chat.Kicker.Network"}}</p>
      <h2>{{title}}</h2>
      {{#if subtitle}}<p class="chat-card-subtitle">{{subtitle}}</p>{{/if}}
    </div>
    <div class="chat-card-seal {{#if autoSpent}}failure{{else}}success{{/if}}">
      {{kindLabel}}
    </div>
  </header>
  <div class="chat-pill-row">
    <span class="chat-pill">{{localize "DNC.Chat.Before"}} {{before}}</span>
    <span class="chat-pill">{{localize "DNC.Chat.After"}} {{after}}</span>
  </div>
  <p class="chat-note">{{note}}</p>
</section>
