<turbo-stream action="replace" target="search-form"><template>
  <form id="search-form" class="contents" data-controller="search-filter multiselect" data-action="submit-&gt;search-filter#submit" data-search-filter-target="form" data-search-filter="form" action="/load_commanders" accept-charset="UTF-8" data-remote="true" method="get">
  <!-- Search Field -->
  <div class="flex-1 w-full md:min-w-[200px] md:max-w-[400px]">
    <div class="flex flex-col">
      <h3 class="mb-2 text-grey-text">Search</h3>

      <div class="flex flex-row space-x-0">
        <input placeholder="Enter card name or type" onfocus="this.select();" class="w-full border text-grey-text rounded-l-md bg-background border-highlight focus:border-accent-50 focus:ring-accent-50" type="text" name="search" id="search" />

        <input autocomplete="off" type="hidden" name="username" id="username" />
        <input autocomplete="off" type="hidden" name="code" id="code" />
        <input autocomplete="off" type="hidden" name="collection_id" id="collection_id" />
        <input autocomplete="off" type="hidden" name="valuable_only" id="valuable_only" />
        <input autocomplete="off" type="hidden" name="owned_only" id="owned_only" />
        <input autocomplete="off" type="hidden" name="sort" id="sort" />
        <input autocomplete="off" value="asc" type="hidden" name="direction" id="direction" />
        <input autocomplete="off" type="hidden" name="view_mode" id="view_mode" />
        <input autocomplete="off" type="hidden" name="grouping" id="grouping" />
        <input autocomplete="off" type="hidden" name="exact_color_match" id="exact_color_match" />
        <input autocomplete="off" value="true" type="hidden" name="hide_proxies" id="hide_proxies" />

        <input type="submit" name="commit" value="Search" class="p-2 bg-background text-grey-text rounded-r-md border border-highlight hover:cursor-pointer hover:bg-gray-700" data-disable-with="Search" />
      </div>

      <p class="mt-2 text-xs text-grey-text">Search for a card</p>
    </div>
  </div>

  <!-- Mana Filter -->
  <div class="w-auto">
    <div class="flex flex-col">
      <h3 class="mb-2 text-grey-text">Mana</h3>

      <div class="flex flex-row flex-wrap items-center gap-2">
        <div class="flex flex-row flex-wrap">
            <button
              type="button"
              data-action="click->multiselect#toggle"
              data-multiselect-target="item"
              data-multiselect-group="mana"
              data-value="B"
              class="
                cursor-pointer rounded-full p-1 transition border-2
                border-transparent data-selected:border-accent-50
                data-selected:bg-accent-50/20
              "
            >
              <i class="no-tailwind ms ms-cost ml-0 ms-b"></i>
            </button>
            <button
              type="button"
              data-action="click->multiselect#toggle"
              data-multiselect-target="item"
              data-multiselect-group="mana"
              data-value="U"
              class="
                cursor-pointer rounded-full p-1 transition border-2
                border-transparent data-selected:border-accent-50
                data-selected:bg-accent-50/20
              "
            >
              <i class="no-tailwind ms ms-cost ml-0 ms-u"></i>
            </button>
            <button
              type="button"
              data-action="click->multiselect#toggle"
              data-multiselect-target="item"
              data-multiselect-group="mana"
              data-value="W"
              class="
                cursor-pointer rounded-full p-1 transition border-2
                border-transparent data-selected:border-accent-50
                data-selected:bg-accent-50/20
              "
            >
              <i class="no-tailwind ms ms-cost ml-0 ms-w"></i>
            </button>
            <button
              type="button"
              data-action="click->multiselect#toggle"
              data-multiselect-target="item"
              data-multiselect-group="mana"
              data-value="R"
              class="
                cursor-pointer rounded-full p-1 transition border-2
                border-transparent data-selected:border-accent-50
                data-selected:bg-accent-50/20
              "
            >
              <i class="no-tailwind ms ms-cost ml-0 ms-r"></i>
            </button>
            <button
              type="button"
              data-action="click->multiselect#toggle"
              data-multiselect-target="item"
              data-multiselect-group="mana"
              data-value="G"
              class="
                cursor-pointer rounded-full p-1 transition border-2
                border-transparent data-selected:border-accent-50
                data-selected:bg-accent-50/20
              "
            >
              <i class="no-tailwind ms ms-cost ml-0 ms-g"></i>
            </button>
            <button
              type="button"
              data-action="click->multiselect#toggle"
              data-multiselect-target="item"
              data-multiselect-group="mana"
              data-value="C"
              class="
                cursor-pointer rounded-full p-1 transition border-2
                border-transparent data-selected:border-accent-50
                data-selected:bg-accent-50/20
              "
            >
              <i class="no-tailwind ms ms-cost ml-0 ms-c"></i>
            </button>
        </div>

        <button
          type="button"
          data-action="click->search-filter#toggleExactColor"
          data-search-filter-target="exactColorButton"
          class="cursor-pointer px-3 py-1 text-xs rounded-lg transition border-2 border-transparent bg-background text-grey-text hover:bg-menu"
        >
          Exact
        </button>
      </div>

      <p class="mt-2 text-xs text-grey-text">Select color to filter by</p>
    </div>
  </div>

  <!-- Rarity Filter -->
  <div class="w-auto">
    <div class="flex flex-col">
      <h3 class="mb-2 text-grey-text">Rarity</h3>

      <div class="flex flex-row flex-wrap">
          <button
            type="button"
            data-action="click->multiselect#toggle"
            data-multiselect-target="item"
            data-multiselect-group="rarity"
            data-value="mythic"
            class="
              cursor-pointer rounded-full p-1 transition border-2
              border-transparent data-selected:border-accent-50
              data-selected:bg-accent-50/20
            "
          >
            <i class="no-tailwind ml-0 ss ss-mythic ms-2x"></i>
          </button>
          <button
            type="button"
            data-action="click->multiselect#toggle"
            data-multiselect-target="item"
            data-multiselect-group="rarity"
            data-value="rare"
            class="
              cursor-pointer rounded-full p-1 transition border-2
              border-transparent data-selected:border-accent-50
              data-selected:bg-accent-50/20
            "
          >
            <i class="no-tailwind ml-0 ss ss-rare ms-2x"></i>
          </button>
          <button
            type="button"
            data-action="click->multiselect#toggle"
            data-multiselect-target="item"
            data-multiselect-group="rarity"
            data-value="uncommon"
            class="
              cursor-pointer rounded-full p-1 transition border-2
              border-transparent data-selected:border-accent-50
              data-selected:bg-accent-50/20
            "
          >
            <i class="no-tailwind ml-0 ss ss-uncommon ms-2x"></i>
          </button>
          <button
            type="button"
            data-action="click->multiselect#toggle"
            data-multiselect-target="item"
            data-multiselect-group="rarity"
            data-value="common"
            class="
              cursor-pointer rounded-full p-1 transition border-2
              border-transparent data-selected:border-accent-50
              data-selected:bg-accent-50/20
            "
          >
            <i class="no-tailwind ml-0 ss ss-common ms-2x"></i>
          </button>
      </div>

      <p class="mt-2 text-xs text-grey-text">Select rarity to filter by</p>
    </div>
  </div>


  <!-- Hidden fields for selected filters -->
  <div id="filter-hidden-fields" class="hidden"></div>
</form>
</template></turbo-stream>
<turbo-stream action="update" target="table-container"><template>
  
<div class="mb-24 overflow-hidden border rounded-3xl border-highlight">
  <table class="min-w-full divide-y table-auto divide-background">
    <thead class="bg-background">
      <tr>
        <th
          class="
            px-4 py-3 text-xs font-normal tracking-wider text-left
            normal-case text-grey-text
          "
        >
          <a data-turbo-stream="true" class="flex items-center gap-1 hover:text-white" href="/load_commanders?direction=desc&amp;sort=name">
            Name
              <span class="text-accent-50">
                ▲
              </span>
</a>        </th>

        <th
          class="
            hidden px-4 py-2 text-xs font-normal tracking-wider text-left
            normal-case text-grey-text lg:table-cell
          "
        >
          <a data-turbo-stream="true" class="flex items-center gap-1 hover:text-white" href="/load_commanders?direction=asc&amp;sort=card_type">
            Type
</a>        </th>

        <th
          class="
            hidden px-4 py-2 text-xs font-normal tracking-wider text-left
            normal-case text-grey-text md:table-cell
          "
        >
          <a data-turbo-stream="true" class="flex items-center gap-1 hover:text-white" href="/load_commanders?direction=asc&amp;sort=mana_value">
            Mana
</a>        </th>

        <th
          class="
            hidden px-4 py-2 text-xs font-normal tracking-wider text-left
            normal-case text-grey-text md:table-cell
          "
        >
          <a data-turbo-stream="true" class="flex items-center gap-1 hover:text-white" href="/load_commanders?direction=asc&amp;sort=edhrec_rank">
            EDHREC Rank
</a>        </th>

        <th
          class="
            hidden px-4 py-2 text-xs font-normal tracking-wider text-left
            normal-case lg:table-cell text-grey-text
          "
        >
          <a data-turbo-stream="true" class="flex items-center gap-1 hover:text-white" href="/load_commanders?direction=asc&amp;sort=edhrec_saltiness">
            Salt
</a>        </th>
      </tr>
    </thead>

    <tbody class="bg-background" data-controller="expandable-row">
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="12503"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-clb ss-uncommon ss-fw ss-2x mr-4"></i>

              Halsin, Emerald Archdruid


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Elf Druid
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              12,703
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.07
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="12503"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_12503" src="/boxset_card/12503"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="40158"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-khm ss-mythic ss-fw ss-2x mr-4"></i>

              Halvar, God of Battle 


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — God
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              2,318
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.32
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="40158"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_40158" src="/boxset_card/40158"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="1043"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-afr ss-uncommon ss-fw ss-2x mr-4"></i>

              Hama Pashar, Ruin Seeker


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Wizard
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-1'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              8,356
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.21
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="1043"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_1043" src="/boxset_card/1043"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="98384"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-tla ss-uncommon ss-fw ss-2x mr-4"></i>

              Hama, the Bloodbender


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Warlock
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-ub'></i><i class='no-tailwind ms ms-cost ml-0 ms-ub'></i><i class='no-tailwind ms ms-cost ml-0 ms-ub'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              17,522
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.00
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="98384"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_98384" src="/boxset_card/98384"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="13180"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-cmr ss-uncommon ss-fw ss-2x mr-4"></i>

              Hamza, Guardian of Arashin

              <span
                class="
                  ml-2 px-1.5 py-0.5 text-xs rounded bg-purple-900/30
                  text-purple-400 border border-purple-500/30
                "
                title="Etched finish"
              >
                E
              </span>

          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Elephant Warrior
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-4'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              3,226
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.29
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="13180"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_13180" src="/boxset_card/13180"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="27989"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-pip ss-rare ss-fw ss-2x mr-4"></i>

              Hancock, Ghoulish Mayor


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Zombie Mutant Advisor
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              6,311
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.67
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="27989"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_27989" src="/boxset_card/27989"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="37823"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-inv ss-rare ss-fw ss-2x mr-4"></i>

              Hanna, Ship&#39;s Navigator


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Artificer
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-1'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              5,183
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.18
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="37823"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_37823" src="/boxset_card/37823"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="85146"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-mb1 ss-rare ss-fw ss-2x mr-4"></i>

              Hans Eriksson


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Scout
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              17,150
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.27
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="85146"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_85146" src="/boxset_card/85146"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="81766"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-pmei ss-mythic ss-fw ss-2x mr-4"></i>

              Hansk, Slayer Zealot


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Archer
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              12,600
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.38
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="81766"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_81766" src="/boxset_card/81766"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="99347"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-ecc ss-rare ss-fw ss-2x mr-4"></i>

              Hapatra, Vizier of Poisons


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Cleric
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-b'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              4,364
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.50
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="99347"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_99347" src="/boxset_card/99347"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="41134"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-khm ss-uncommon ss-fw ss-2x mr-4"></i>

              Harald, King of Skemfar


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Elf Warrior
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-1'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              8,341
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.22
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="41134"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_41134" src="/boxset_card/41134"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="73210"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-bro ss-rare ss-fw ss-2x mr-4"></i>

              Harbin, Vanguard Aviator


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Soldier
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-w'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              14,139
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.55
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="73210"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_73210" src="/boxset_card/73210"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="81705"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-unf ss-rare ss-fw ss-2x mr-4"></i>

              Hardy of Myra&#39;s Marvels


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Elf Performer
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              29,543
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.00
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="81705"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_81705" src="/boxset_card/81705"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="65414"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-pmei ss-rare ss-fw ss-2x mr-4"></i>

              Hargilde, Kindly Runechanter


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              16,270
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.00
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="65414"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_65414" src="/boxset_card/65414"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="27467"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-pip ss-rare ss-fw ss-2x mr-4"></i>

              Harold and Bob, First Numens


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Treefolk Mutant
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              8,327
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.24
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="27467"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_27467" src="/boxset_card/27467"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="97499"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-tla ss-uncommon ss-fw ss-2x mr-4"></i>

              Haru, Hidden Talent


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Peasant Ally
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-1'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              4,802
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.00
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="97499"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_97499" src="/boxset_card/97499"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="91497"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-drc ss-mythic ss-fw ss-2x mr-4"></i>

              Hashaton, Scarab&#39;s Fist


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Zombie Wizard
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-w'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              3,593
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.67
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="91497"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_91497" src="/boxset_card/91497"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="3366"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-acr ss-rare ss-fw ss-2x mr-4"></i>

              Havi, the All-Father


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — God Warrior
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              7,388
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.55
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="3366"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_3366" src="/boxset_card/3366"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="3640"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-acr ss-rare ss-fw ss-2x mr-4"></i>

              Haytham Kenway


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Knight
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              8,544
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.50
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="3640"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_3640" src="/boxset_card/3640"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="33158"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-hml ss-rare ss-fw ss-2x mr-4"></i>

              Hazduhr the Abbot


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Cleric
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              29,354
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.42
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="33158"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_33158" src="/boxset_card/33158"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="5277"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-blc ss-mythic ss-fw ss-2x mr-4"></i>

              Hazel of the Rootbloom


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Squirrel Druid
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              3,135
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.31
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="5277"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_5277" src="/boxset_card/5277"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="42538"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-leg ss-rare ss-fw ss-2x mr-4"></i>

              Hazezon Tamar


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Warrior
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-4'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              21,417
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.07
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="42538"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_42538" src="/boxset_card/42538"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="19445"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-dmc ss-rare ss-fw ss-2x mr-4"></i>

              Hazezon, Shaper of Sand


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Warrior
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-r'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              6,878
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.53
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="19445"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_19445" src="/boxset_card/19445"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="2130"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-akh ss-mythic ss-fw ss-2x mr-4"></i>

              Hazoret the Fervent


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — God
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              14,496
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.33
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="2130"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_2130" src="/boxset_card/2130"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="91837"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-dft ss-mythic ss-fw ss-2x mr-4"></i>

              Hazoret, Godseeker


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — God
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-1'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              10,204
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.16
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="91837"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_91837" src="/boxset_card/91837"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="6415"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-chk ss-rare ss-fw ss-2x mr-4"></i>

              He Who Hungers


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Spirit
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-4'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              17,140
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.60
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="6415"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_6415" src="/boxset_card/6415"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="60981"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-clu ss-rare ss-fw ss-2x mr-4"></i>

              Headliner Scarlett


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Warlock
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              8,257
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.62
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="60981"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_60981" src="/boxset_card/60981"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="1301"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-aer ss-mythic ss-fw ss-2x mr-4"></i>

              Heart of Kiran


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Artifact — Vehicle
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              13,636
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.14
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="1301"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_1301" src="/boxset_card/1301"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="96043"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-eoc ss-mythic ss-fw ss-2x mr-4"></i>

              Hearthhull, the Worldseed


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Artifact — Spacecraft
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-1'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              3,979
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.46
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="96043"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_96043" src="/boxset_card/96043"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="14488"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-cns ss-rare ss-fw ss-2x mr-4"></i>

              Heartless Hidetsugu


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Ogre Shaman
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              2,964
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.97
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="14488"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_14488" src="/boxset_card/14488"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="98366"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-tle ss-mythic ss-fw ss-2x mr-4"></i>

              Hei Bai, Forest Guardian


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Bear Spirit
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              10,437
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.00
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="98366"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_98366" src="/boxset_card/98366"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="97525"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-tla ss-uncommon ss-fw ss-2x mr-4"></i>

              Hei Bai, Spirit of Balance


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Bear Spirit
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-wb'></i><i class='no-tailwind ms ms-cost ml-0 ms-wb'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              17,468
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.00
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="97525"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_97525" src="/boxset_card/97525"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="6791"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-csp ss-rare ss-fw ss-2x mr-4"></i>

              Heidar, Rimewind Master


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Wizard
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-4'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              15,795
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.25
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="6791"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_6791" src="/boxset_card/6791"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="94977"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-fic ss-rare ss-fw ss-2x mr-4"></i>

              Heidegger, Shinra Executive


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Soldier
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              12,960
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.41
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="94977"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_94977" src="/boxset_card/94977"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="41537"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-neo ss-uncommon ss-fw ss-2x mr-4"></i>

              Heiko Yamazaki, the General


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Samurai
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              9,133
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.06
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="41537"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_41537" src="/boxset_card/41537"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="5535"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-blb ss-mythic ss-fw ss-2x mr-4"></i>

              Helga, Skittish Seer


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Frog Druid
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-g'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              4,375
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.28
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="5535"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_5535" src="/boxset_card/5535"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="14492"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-cmm ss-mythic ss-fw ss-2x mr-4"></i>

              Heliod, God of the Sun


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Enchantment Creature — God
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              3,235
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.32
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="14492"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_14492" src="/boxset_card/14492"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="65063"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-pmei ss-mythic ss-fw ss-2x mr-4"></i>

              Heliod, Sun-Crowned


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Enchantment Creature — God
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              992
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.90
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="65063"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_65063" src="/boxset_card/65063"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="46537"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-mom ss-rare ss-fw ss-2x mr-4"></i>

              Heliod, the Radiant Dawn 


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Enchantment Creature — God
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              3,092
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.45
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="46537"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_46537" src="/boxset_card/46537"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="35146"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-vow ss-mythic ss-fw ss-2x mr-4"></i>

              Henrika Domnathi 


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Vampire
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              7,257
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.18
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="35146"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_35146" src="/boxset_card/35146"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="39105"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-rex ss-rare ss-fw ss-2x mr-4"></i>

              Henry Wu, InGen Geneticist


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Scientist
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-b'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              19,168
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.57
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="39105"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_39105" src="/boxset_card/39105"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="53690"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-ncc ss-mythic ss-fw ss-2x mr-4"></i>

              Henzie &quot;Toolbox&quot; Torre


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Devil Rogue
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-b'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              6,755
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.69
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="53690"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_53690" src="/boxset_card/53690"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="50206"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-mh3 ss-mythic ss-fw ss-2x mr-4"></i>

              Herigast, Erupting Nullkite


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Eldrazi Dragon
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-9'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              5,963
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.22
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="50206"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_50206" src="/boxset_card/50206"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="94713"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-fic ss-rare ss-fw ss-2x mr-4"></i>

              Hermes, Overseer of Elpis


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Elder Wizard
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              4,306
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.27
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="94713"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_94713" src="/boxset_card/94713"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="108403"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-tmc ss-mythic ss-fw ss-2x mr-4"></i>

              Heroes in a Half Shell


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Mutant Ninja Turtle
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-w'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              10,718
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.00
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="108403"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_108403" src="/boxset_card/108403"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="38"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-pmei ss-mythic ss-fw ss-2x mr-4"></i>

              Heroes of Kamigawa


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Planeswalker — Kaito Wanderer
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-1'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="38"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_38" src="/boxset_card/38"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="46609"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-mom ss-rare ss-fw ss-2x mr-4"></i>

              Hidetsugu and Kairi


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Ogre Demon Dragon
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              7,647
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.30
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="46609"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_46609" src="/boxset_card/46609"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="42409"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-neo ss-rare ss-fw ss-2x mr-4"></i>

              Hidetsugu, Devouring Chaos


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Ogre Demon
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              9,881
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.13
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="42409"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_42409" src="/boxset_card/42409"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="108176"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-ecl ss-rare ss-fw ss-2x mr-4"></i>

              High Perfect Morcant


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Elf Noble
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              5,292
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.00
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="108176"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_108176" src="/boxset_card/108176"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="108550"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-pmei ss-rare ss-fw ss-2x mr-4"></i>

              Higure, the Still Wind


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Ninja
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              5,369
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.67
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="108550"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_108550" src="/boxset_card/108550"></turbo-frame>
          </td>
        </tr>
    </tbody>
  </table>

  <div class="flex flex-row items-center justify-between w-full p-6 space-x-4">
    <span class="pagy info">Displaying items 1001-1050 of 3292 in total</span>
    <nav class="pagy series-nav" aria-label="Pages"><a href="/load_commanders?direction=asc&page=20" rel="prev" aria-label="Previous">&lt;</a><a href="/load_commanders?direction=asc&page=1">1</a><a role="separator" aria-disabled="true">&hellip;</a><a href="/load_commanders?direction=asc&page=20" rel="prev">20</a><a role="link" aria-disabled="true" aria-current="page">21</a><a href="/load_commanders?direction=asc&page=22" rel="next">22</a><a role="separator" aria-disabled="true">&hellip;</a><a href="/load_commanders?direction=asc&page=66">66</a><a href="/load_commanders?direction=asc&page=22" rel="next" aria-label="Next">&gt;</a></nav>
  </div>
</div>

</template></turbo-stream>