<div class="tags has-addons" style="margin-top: 0.6rem; margin-bottom: 0;">
  <a
    class="tag {% if active_tab == 'graphs' %}is-dark{% else %}is-link is-light{% endif %}"
    href="{{ graphs_url }}">
    <span class="icon is-small"><i class="fa-solid fa-chart-line"></i></span>
    <span>Insight Graphs</span>
  </a>
  <a
    class="tag {% if active_tab == 'information' %}is-dark{% else %}is-link is-light{% endif %}"
    href="{{ information_url }}">
    <span class="icon is-small"><i class="fa-solid fa-circle-info"></i></span>
    <span>Information View</span>
  </a>
  <a
    class="tag {% if active_tab == 'help' %}is-dark{% else %}is-link is-light{% endif %}"
    href="{{ help_url }}">
    <span class="icon is-small"><i class="fa-solid fa-circle-question"></i></span>
    <span>Scoring Guide</span>
  </a>
</div>
