Stock Preview

Listed

Charizard VSTAR

Crown Zenith: Galarian Gallery

Listed

Black Lotus

Unlimited Edition (BGS 8.5)

Listed

Pikachu Illustrator

Japanese Promo (PSA 9)

Listed

Mew ex 151

Special Illustration Rare

bg-primary #131313 dark

Listed

Charizard VSTAR

Crown Zenith: Galarian Gallery

Listed

Black Lotus

Unlimited Edition (BGS 8.5)

Listed

Pikachu Illustrator

Japanese Promo (PSA 9)

Listed

Mew ex 151

Special Illustration Rare

bg-dark #0e0e0e dark

Listed

Charizard VSTAR

Crown Zenith: Galarian Gallery

Listed

Black Lotus

Unlimited Edition (BGS 8.5)

Listed

Pikachu Illustrator

Japanese Promo (PSA 9)

Listed

Mew ex 151

Special Illustration Rare

bg-raised #1c1b1b dark

Listed

Charizard VSTAR

Crown Zenith: Galarian Gallery

Listed

Black Lotus

Unlimited Edition (BGS 8.5)

Listed

Pikachu Illustrator

Japanese Promo (PSA 9)

Listed

Mew ex 151

Special Illustration Rare

bg-card #2a2a2a dark

Listed

Charizard VSTAR

Crown Zenith: Galarian Gallery

Listed

Black Lotus

Unlimited Edition (BGS 8.5)

Listed

Pikachu Illustrator

Japanese Promo (PSA 9)

Listed

Mew ex 151

Special Illustration Rare

bg-accent #266038 dark

<div class="stock-preview">

		<div class="stock-preview__header">

			<div class="stock-preview__header-content">
				<span class="eyebrow">Live Marketplace</span>
				<h2 class="title title__secondary">Active Consignments</h2>
			</div>

			<div class="stock-preview__live">
				<span class="stock-preview__live-dot"></span>
				Live Data
			</div>

		</div>

		<div class="stock-preview__grid grid grid--4">

			<div class="stock-card">
				<div class="stock-card__image">
					<img src="https://camcom.dev/wp-content/themes/theme-factory/devhub/projects/nerdworks/images/trading-cards-pokemon-stack.jpg" alt="Pokémon TCG Charizard VSTAR card">
					<span class="stock-card__status">Listed</span>
				</div>
				<div class="stock-card__body">
					<h5 class="stock-card__name">Charizard VSTAR</h5>
					<p class="stock-card__set">Crown Zenith: Galarian Gallery</p>
					<div class="stock-card__footer">
						<span class="stock-card__price">$185.00</span>
						<span class="stock-card__identifier">ID: NW-4421</span>
					</div>
				</div>
			</div>

			<div class="stock-card">
				<div class="stock-card__image">
					<img src="https://camcom.dev/wp-content/themes/theme-factory/devhub/projects/nerdworks/images/trading-cards-mtg.jpg" alt="Vintage Magic the Gathering Black Lotus card">
					<span class="stock-card__status">Listed</span>
				</div>
				<div class="stock-card__body">
					<h5 class="stock-card__name">Black Lotus</h5>
					<p class="stock-card__set">Unlimited Edition (BGS 8.5)</p>
					<div class="stock-card__footer">
						<span class="stock-card__price">$12,450.00</span>
						<span class="stock-card__identifier">ID: NW-0092</span>
					</div>
				</div>
			</div>

			<div class="stock-card">
				<div class="stock-card__image">
					<img src="https://camcom.dev/wp-content/themes/theme-factory/devhub/projects/nerdworks/images/trading-cards-mtg-display.jpg" alt="Pikachu Illustrator card Japanese Promo PSA 9">
					<span class="stock-card__status">Listed</span>
				</div>
				<div class="stock-card__body">
					<h5 class="stock-card__name">Pikachu Illustrator</h5>
					<p class="stock-card__set">Japanese Promo (PSA 9)</p>
					<div class="stock-card__footer">
						<span class="stock-card__price">$95,000.00</span>
						<span class="stock-card__identifier">ID: NW-0001</span>
					</div>
				</div>
			</div>

			<div class="stock-card">
				<div class="stock-card__image">
					<img src="https://camcom.dev/wp-content/themes/theme-factory/devhub/projects/nerdworks/images/trading-cards-pokemon-stack.jpg" alt="Mew ex 151 Special Illustration Rare">
					<span class="stock-card__status">Listed</span>
				</div>
				<div class="stock-card__body">
					<h5 class="stock-card__name">Mew ex 151</h5>
					<p class="stock-card__set">Special Illustration Rare</p>
					<div class="stock-card__footer">
						<span class="stock-card__price">$210.00</span>
						<span class="stock-card__identifier">ID: NW-5102</span>
					</div>
				</div>
			</div>

		</div>

	</div>

.stock-preview {
max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 45px;
  padding-right: 45px;
}

.stock-preview__header {
display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 45px;
}

.stock-preview__header .eyebrow {
display: block;
  margin-bottom: 5px;
  color: #217E52;
}

.stock-preview__live {
display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  color: #CC2222;
  font-size: 14px;
}

.stock-preview__live-dot {
width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #CC2222;
  flex-shrink: 0;
  animation: stock-preview-pulse 1.5s ease-in-out infinite;
}

.stock-preview__grid {
gap: 30px;
}

Active Consignments

Charizard VSTAR

Black Lotus

Pikachu Illustrator

Mew ex 151

Active Consignments

Charizard VSTAR

Black Lotus

Pikachu Illustrator

Mew ex 151

Active Consignments

Charizard VSTAR

Black Lotus

Pikachu Illustrator

Mew ex 151

Active Consignments

Charizard VSTAR

Black Lotus

Pikachu Illustrator

Mew ex 151

Active Consignments

Charizard VSTAR

Black Lotus

Pikachu Illustrator

Mew ex 151

Origin