Need help?
Canopy Spider (TMP-217) - Tempest
$0.27
Shipping calculated at checkout.
MTG-TMP-217-Y9HMCZ3MLM-1
Quantity
<div class="trove-card-description__details">
<div class="trove-card-detail">
<label>Casting Cost</label><div>
<img class="mtg-icon" src="https://c2.scryfall.com/file/scryfall-symbols/card-symbols/1.svg"><img class="mtg-icon" src="https://c2.scryfall.com/file/scryfall-symbols/card-symbols/G.svg">
</div>
</div>
<div class="trove-card-detail">
<label>Card Type</label>Creature — Spider</div>
<div class="trove-card-detail">
<label>Rarity</label>Common</div>
<div class="trove-card-detail">
<label>Artist</label>Christopher Rush</div>
<div class="trove-card-detail">
<label>Power/Toughness</label>1/3</div>
<div class="trove-card-detail" style="justify-content: space-between;}">
<label>Legalities</label>
<a href="#" onclick="toggleLegality()">
<svg class="legalities-closed d-block" style="width:24px;height:24px" viewbox="0 0 24 24"><path fill="currentColor" d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"></path></svg>
<svg class="legalities-open d-none" style="width:24px;height:24px" viewbox="0 0 24 24"><path fill="currentColor" d="M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z"></path></svg>
</a>
</div>
<div class="trove-card-detail d-none" id="trove-card-detail-legalities"><div class="row">
<div class="col-6">
<div class="badge badge-not-legal">NOT LEGAL</div>Standard</div>
<div class="col-6">
<div class="badge badge-not-legal">NOT LEGAL</div>Future</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Historic</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Timeless</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Gladiator</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Pioneer</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Modern</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Legacy</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Pauper</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Vintage</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Penny</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Commander</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Oathbreaker</div>
<div class="col-6">
<div class="badge badge-not-legal">NOT LEGAL</div>Standardbrawl</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Brawl</div>
<div class="col-6">
<div class="badge badge-not-legal">NOT LEGAL</div>Alchemy</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Pauper Commander</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Duel</div>
<div class="col-6">
<div class="badge badge-not-legal">NOT LEGAL</div>Oldschool</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Premodern</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Predh</div>
</div></div>
<div class="trove-card-detail trove-card-detail--summary"><div>Reach (This creature can block creatures with flying.)</div></div>
</div>
<script>
function toggleLegality(e) {
var element = document.getElementById("trove-card-detail-legalities")
var closed = document.querySelector(".legalities-closed")
var open = document.querySelector(".legalities-open")
if (element.classList.contains('d-none')) {
element.classList.add("d-block")
closed.classList.add("d-none")
open.classList.add("d-block")
element.classList.remove("d-none")
closed.classList.remove("d-block")
open.classList.remove("d-none")
}
else {
element.classList.add("d-none")
closed.classList.add("d-block")
open.classList.add("d-none")
element.classList.remove("d-block")
closed.classList.remove("d-none")
open.classList.remove("d-block")
}
}
</script>
<style>
.trove-card-description__details .d-none {
display: none!important;
}
.trove-card-description__details .d-block {
display: block!important;
}
.trove-card-description__details .row {
display: flex;
flex-wrap: wrap;
}
.trove-card-description__details .col-6 {
flex: 0 0 50%;
max-width: 50%;
display: flex;
}
.trove-card-description__details .badge {
display: inline-block;
padding: 0.25rem 0.5rem;
text-align: center;
margin: 0 0.5rem 0.5rem 0;
width: 130px;
flex: 0 0 130px;
border-radius: 0;
}
.trove-card-description__details a {
font-size: 1rem;
}
.trove-card-description__details .badge-legal {
background-color: #6B6B6B;
color: white;
}
.trove-card-description__details .badge-not-legal {
background-color: #BBBBBB;
color: white;
}
.trove-card-description__details .legality-status {
display: inline-block;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
height: 28px;
}
.trove-card-description__details .mtg-icon {
width: 16px;
height: 16px;
}
.trove-card-description__details .trove-card-detail {
display: flex;
align-items: center;
padding: 0.5rem 0.5rem 0.5rem 0;
margin: 0;
border-bottom: 1px solid #e5e5e5;
}
.trove-card-description__details .trove-card-detail trove-card-detail--summary {
display: flex;
flex-direction: column;
padding: 0.5rem 0.5rem 0.5rem 0;
margin: 0;
border-bottom: 1px solid #e5e5e5;
}
.trove-card-description__details .trove-card-detail label {
font-weight: 600;
width: 160px;
flex: 0 0 160px;
margin-bottom: 0;
}
</style>
Explore similar cards
Select a detail to search Trove’s catalog without leaving the website.
Canopy Spider (TMP-217) - Tempest
Near Mint
$0.27
