<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();" data-search-filter-target="searchInput" 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="desc" 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 — press / to focus</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=asc&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="76800"
          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-ths ss-rare ss-fw ss-2x mr-4"></i>

              Tymaret, the Murder King


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Zombie 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-b'></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">
              19,440
          </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="76800"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_76800" src="/boxset_card/76800"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="51704"
          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-mul ss-uncommon ss-fw ss-2x mr-4"></i>

              Tymaret, Chosen from Death

              <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 Enchantment Creature — Demigod
          </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-b'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              10,287
          </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="51704"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_51704" src="/boxset_card/51704"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="98307"
          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-rare ss-fw ss-2x mr-4"></i>

              Ty Lee, Chi Blocker


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Performer 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-2'></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">
              6,850
          </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="98307"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_98307" src="/boxset_card/98307"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="98346"
          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>

              Ty Lee, Artful Acrobat


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human 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-r'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              11,620
          </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="98346"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_98346" src="/boxset_card/98346"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="13093"
          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-uncommon ss-fw ss-2x mr-4"></i>

              Tuya Bearclaw


          </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-1'></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,475
          </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="13093"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_13093" src="/boxset_card/13093"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="91375"
          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>

              Tuvasa the Sunlit 


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Merfolk 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-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">
              8,251
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="91375"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_91375" src="/boxset_card/91375"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="9324"
          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-c18 ss-mythic ss-fw ss-2x mr-4"></i>

              Tuvasa the Sunlit


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Merfolk 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-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">
              8,251
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="9324"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_9324" src="/boxset_card/9324"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="80702"
          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-uncommon ss-fw ss-2x mr-4"></i>

              Tusk and Whiskers


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Elephant Mouse 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-3'></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">
              28,351
          </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="80702"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_80702" src="/boxset_card/80702"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="18829"
          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-dmu ss-uncommon ss-fw ss-2x mr-4"></i>

              Tura Kennerüd, Skyknight


          </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><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,882
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="18829"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_18829" src="/boxset_card/18829"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="20413"
          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-2xm ss-rare ss-fw ss-2x mr-4"></i>

              Tuktuk the Explorer


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Goblin
          </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>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              14,952
          </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="20413"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_20413" src="/boxset_card/20413"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="42655"
          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>

              Tuknir Deathlock


          </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-r'></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-g'></i>
            </div>
          </td>

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

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

        <tr
          data-expandable-row-target="content"
          data-card-id="42655"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_42655" src="/boxset_card/42655"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="98854"
          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-rare ss-fw ss-2x mr-4"></i>

              Tui and La, Moon and Ocean


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Fish 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-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              12,730
          </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="98854"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_98854" src="/boxset_card/98854"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="113073"
          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-mbc ss-rare ss-fw ss-2x mr-4"></i>

              Tsagan, Raider Warlord


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Dinosaur Berserker
          </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-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">
              22,605
          </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="113073"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_113073" src="/boxset_card/113073"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="85170"
          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>

              Tsabo Tavoc


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Phyrexian Horror
          </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-5'></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>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              23,698
          </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="85170"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_85170" src="/boxset_card/85170"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="99388"
          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>

              Trystan, Callous Cultivator 


          </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-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">
              12,618
          </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="99388"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_99388" src="/boxset_card/99388"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="10078"
          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-c20 ss-mythic ss-fw ss-2x mr-4"></i>

              Trynn, Champion of Freedom


          </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">
              16,835
          </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="10078"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_10078" src="/boxset_card/10078"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="81826"
          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>

              Truss, Chief Engineer


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Vedalken Rogue Employee
          </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-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">
              30,485
          </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="81826"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_81826" src="/boxset_card/81826"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="86553"
          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-woe ss-uncommon ss-fw ss-2x mr-4"></i>

              Troyan, Gutsy Explorer


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Vedalken 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-1'></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">
              5,596
          </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="86553"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_86553" src="/boxset_card/86553"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="52592"
          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-mkm ss-mythic ss-fw ss-2x mr-4"></i>

              Trostani, Three Whispers


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Dryad
          </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-gw'></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">
              9,942
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="52592"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_52592" src="/boxset_card/52592"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="10427"
          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-c19 ss-mythic ss-fw ss-2x mr-4"></i>

              Trostani, Selesnya&#39;s Voice


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Dryad
          </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-g'></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,330
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="10427"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_10427" src="/boxset_card/10427"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="61621"
          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-mythic ss-fw ss-2x mr-4"></i>

              Trostani Discordant


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Dryad
          </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><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">
              9,435
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="61621"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_61621" src="/boxset_card/61621"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="12389"
          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-uncommon ss-fw ss-2x mr-4"></i>

              Tromokratis


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Kraken
          </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-5'></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">
              4,944
          </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="12389"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_12389" src="/boxset_card/12389"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="95033"
          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>

              Tromell, Seymour&#39;s Butler


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Elf 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-g'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              4,089
          </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="95033"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_95033" src="/boxset_card/95033"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="76797"
          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-ths ss-rare ss-fw ss-2x mr-4"></i>

              Triad of Fates


          </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-2'></i><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">
              21,391
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="76797"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_76797" src="/boxset_card/76797"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="112125"
          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-msc ss-rare ss-fw ss-2x mr-4"></i>

              Tri-Sentinel, Act of Vengeance


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Artifact Creature — Robot Villain
          </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-7'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              14,567
          </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="112125"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_112125" src="/boxset_card/112125"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="37918"
          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>

              Treva, the Renewer


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — 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-3'></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><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">
              21,377
          </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="37918"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_37918" src="/boxset_card/37918"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="113072"
          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-mbc ss-rare ss-fw ss-2x mr-4"></i>

              Tresserhorn&#39;s Lord, Returned


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Zombie 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-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>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              28,231
          </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="113072"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_113072" src="/boxset_card/113072"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="744"
          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>

              Trelasarra, Moon Dancer


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Elf 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-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,015
          </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="744"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_744" src="/boxset_card/744"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="112394"
          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-trc ss-rare ss-fw ss-2x mr-4"></i>

              Trelane, Squire of Gothos


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Q
          </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-5'></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">
              32,001
          </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="112394"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_112394" src="/boxset_card/112394"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="33"
          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>

              Treizeci, Sun of Serra


          </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-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">
          </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="33"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_33" src="/boxset_card/33"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="70451"
          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-ltc ss-rare ss-fw ss-2x mr-4"></i>

              Treebeard, Gracious Host


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Treefolk
          </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-w'></i>
            </div>
          </td>

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

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

        <tr
          data-expandable-row-target="content"
          data-card-id="70451"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_70451" src="/boxset_card/70451"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="85348"
          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-40k ss-rare ss-fw ss-2x mr-4"></i>

              Trazyn the Infinite


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Artifact Creature — Necron
          </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><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">
              10,115
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="85348"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_85348" src="/boxset_card/85348"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="18019"
          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-dom ss-rare ss-fw ss-2x mr-4"></i>

              Traxos, Scourge of Kroog


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Artifact Creature — Construct
          </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>
            </div>
          </td>

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

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

        <tr
          data-expandable-row-target="content"
          data-card-id="18019"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_18019" src="/boxset_card/18019"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="97017"
          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>

              Tragda, the Burner


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Dragon 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-4'></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><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">
          </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="97017"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_97017" src="/boxset_card/97017"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="36799"
          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>

              Toxrill, the Corrosive


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Slug Horror
          </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-5'></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">
              2,358
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="36799"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_36799" src="/boxset_card/36799"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="36252"
          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>

              Tovolar, Dire Overlord 


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Werewolf
          </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><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">
              7,059
          </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="36252"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_36252" src="/boxset_card/36252"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="86423"
          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-mythic ss-fw ss-2x mr-4"></i>

              Tourach, Dread Cantor


          </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-1'></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,193
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="86423"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_86423" src="/boxset_card/86423"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="86550"
          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-woe ss-uncommon ss-fw ss-2x mr-4"></i>

              Totentanz, Swarm Piper


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Warlock Bard
          </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>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              8,866
          </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="86550"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_86550" src="/boxset_card/86550"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="92906"
          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>

              Toski, Bearer of Secrets


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Squirrel
          </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">
              381
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="92906"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_92906" src="/boxset_card/92906"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="65194"
          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>

              Toshiro Umezawa


          </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-1'></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">
              12,827
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="65194"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_65194" src="/boxset_card/65194"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="19491"
          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-mythic ss-fw ss-2x mr-4"></i>

              Torsten, Founder of Benalia


          </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-5'></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">
              13,366
          </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="19491"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_19491" src="/boxset_card/19491"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="42652"
          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-uncommon ss-fw ss-2x mr-4"></i>

              Torsten Von Ursus


          </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-g'></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">
              28,117
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="42652"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_42652" src="/boxset_card/42652"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="94196"
          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>

              Tormod, the Desecrator


          </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-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">
              3,599
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="94196"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_94196" src="/boxset_card/94196"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="19118"
          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-dmu ss-uncommon ss-fw ss-2x mr-4"></i>

              Tori D&#39;Avenant, Fury Rider


          </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-1'></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><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,122
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="19118"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_19118" src="/boxset_card/19118"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="95346"
          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-fin ss-uncommon ss-fw ss-2x mr-4"></i>

              Torgal, A Fine Hound


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Wolf
          </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">
              5,541
          </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="95346"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_95346" src="/boxset_card/95346"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="17641"
          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-dom ss-rare ss-fw ss-2x mr-4"></i>

              Torgaar, Famine Incarnate


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Avatar
          </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-6'></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">
              11,820
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="17641"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_17641" src="/boxset_card/17641"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="35304"
          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-rare ss-fw ss-2x mr-4"></i>

              Torens, Fist of the Angels


          </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-1'></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">
              4,390
          </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="35304"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_35304" src="/boxset_card/35304"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="78024"
          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-eld ss-rare ss-fw ss-2x mr-4"></i>

              Torbran, Thane of Red Fell


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Dwarf 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-1'></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><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">
              996
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="78024"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_78024" src="/boxset_card/78024"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="40584"
          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>

              Toralf, God of Fury 


          </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-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">
              4,814
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="40584"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_40584" src="/boxset_card/40584"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="19556"
          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-uncommon ss-fw ss-2x mr-4"></i>

              Tor Wauki the Younger

              <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 — 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-3'></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>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              6,215
          </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="19556"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_19556" src="/boxset_card/19556"></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 351-400 of 3811 in total</span>
    <nav class="pagy series-nav" aria-label="Pages"><a href="/load_commanders?direction=desc&amp;page=7" rel="prev" aria-label="Previous">&lt;</a><a href="/load_commanders?direction=desc&amp;page=1">1</a><a role="separator" aria-disabled="true">&hellip;</a><a href="/load_commanders?direction=desc&amp;page=7" rel="prev">7</a><a role="link" aria-disabled="true" aria-current="page">8</a><a href="/load_commanders?direction=desc&amp;page=9" rel="next">9</a><a role="separator" aria-disabled="true">&hellip;</a><a href="/load_commanders?direction=desc&amp;page=77">77</a><a href="/load_commanders?direction=desc&amp;page=9" rel="next" aria-label="Next">&gt;</a></nav>
  </div>
</div>

</template></turbo-stream>