<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="99361"
          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-mythic ss-fw ss-2x mr-4"></i>

              Omnath, Locus of the Roil


          </td>

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

              Omo, Queen of Vesuva

              <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 — Shapeshifter 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-gu'></i>
            </div>
          </td>

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

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

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

              Oona, Queen of the Fae


          </td>

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

              Opal-Eye, Konda&#39;s Yojimbo


          </td>

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

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

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

              Optimus Prime, Hero 


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Artifact Creature — Robot
          </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-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">
              9,122
          </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="80026"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_80026" src="/boxset_card/80026"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="16"
          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>

              Optimus Prime, Inspiring Leader


          </td>

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

              Orah, Skyclave Hierophant


          </td>

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

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

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

              Orca, Siege Demon

              <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 — 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-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">
              13,321
          </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="19531"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_19531" src="/boxset_card/19531"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="1184"
          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-rare ss-fw ss-2x mr-4"></i>

              Orcus, Prince of Undeath


          </td>

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

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

              Orim, Samite Healer


          </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-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">
              25,235
          </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="71263"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_71263" src="/boxset_card/71263"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="31635"
          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-fut ss-rare ss-fw ss-2x mr-4"></i>

              Oriss, Samite Guardian


          </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-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">
              23,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="31635"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_31635" src="/boxset_card/31635"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="96787"
          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>

              Ormacar, Relic Wraith


          </td>

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

              Ormos, Archive Keeper


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Sphinx
          </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><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">
              13,118
          </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="74198"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_74198" src="/boxset_card/74198"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="108658"
          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-tmt ss-common ss-fw ss-2x mr-4"></i>

              Oroku Saki, Shredder Rising


          </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-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">
              15,684
          </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="108658"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_108658" src="/boxset_card/108658"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="7647"
          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-cmd ss-rare ss-fw ss-2x mr-4"></i>

              Oros, the Avenger


          </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-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">
              18,033
          </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="7647"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_7647" src="/boxset_card/7647"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="46834"
          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>

              Orthion, Hero of Lavabrink


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

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

              Orvar, the All-Form


          </td>

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

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

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

              Orysa, Tide Choreographer


          </td>

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

              Osgir, the Reconstructor


          </td>

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

              Osgood, Operation Double


          </td>

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

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

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

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

              Oskar, Rubbish Reclaimer


          </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-3'></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">
              10,236
          </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="53912"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_53912" src="/boxset_card/53912"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="151"
          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-rare ss-fw ss-2x mr-4"></i>

              Oswald Fiddlebender


          </td>

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

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

              Otharri, Suns&#39; Glory


          </td>

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

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

              Othelm, Sigardian Outcast


          </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-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">
              15,551
          </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="81714"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_81714" src="/boxset_card/81714"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="10114"
          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>

              Otrimi, the Ever-Playful


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Nightmare Beast
          </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-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">
              9,549
          </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="10114"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_10114" src="/boxset_card/10114"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="26313"
          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>

              Overseer of Vault 76


          </td>

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

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

              Ovika, Enigma Goliath


          </td>

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

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

              Oviya Pashiri, Sage Lifecrafter


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

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

              Oviya, Automech Artisan


          </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-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">
              3,642
          </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="92109"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_92109" src="/boxset_card/92109"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="39116"
          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>

              Owen Grady, Raptor Trainer


          </td>

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

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

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

              Oyobi, Who Split the Heavens


          </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-6'></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">
              11,859
          </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="16447"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_16447" src="/boxset_card/16447"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="98389"
          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-mythic ss-fw ss-2x mr-4"></i>

              Ozai, the Phoenix King


          </td>

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

              Ozox, the Clattering King


          </td>

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

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

              Padeem, Consul of Innovation


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Vedalken 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-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">
              885
          </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="40019"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_40019" src="/boxset_card/40019"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="109913"
          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-sos ss-common ss-fw ss-2x mr-4"></i>

              Page, Loose Leaf


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

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

              Pako, Arcane Retriever


          </td>

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

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

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

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

              Paladin Danse, Steel Maverick


          </td>

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

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

              Paladin Elizabeth Taggerdy


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

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

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

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

              Palladia-Mors


          </td>

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

              Palladia-Mors, the Ruiner


          </td>

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

              Pang Tong, &quot;Young Phoenix&quot;


          </td>

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

              Pantlaza, Sun-Favored

              <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 — Dinosaur
          </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><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,373
          </td>

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

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

              Papalymo Totolymo


          </td>

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

              Parhelion II


          </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-6'></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,036
          </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="84460"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_84460" src="/boxset_card/84460"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="92429"
          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>

              Parhelion II 


          </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-6'></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,036
          </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="92429"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_92429" src="/boxset_card/92429"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="53997"
          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>

              Parnesse, the Subtle Brush


          </td>

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

              Pashalik Mons


          </td>

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

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

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

              Patron of the Akki


          </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-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">
              25,248
          </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="79749"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_79749" src="/boxset_card/79749"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="4664"
          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-bok ss-rare ss-fw ss-2x mr-4"></i>

              Patron of the Kitsune


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

              Patron of the Moon


          </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-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">
              10,824
          </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="4746"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_4746" src="/boxset_card/4746"></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 1951-2000 of 3292 in total</span>
    <nav class="pagy series-nav" aria-label="Pages"><a href="/load_commanders?direction=asc&page=39" 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=39" rel="prev">39</a><a role="link" aria-disabled="true" aria-current="page">40</a><a href="/load_commanders?direction=asc&page=41" rel="next">41</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=41" rel="next" aria-label="Next">&gt;</a></nav>
  </div>
</div>

</template></turbo-stream>