.passport-badges {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-4);
	margin-bottom: var(--space-6);
}

.passport-badge {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--space-1);
	width: 84px;
	text-decoration: none;
	color: var(--color-text);
	font-family: var(--font-display);
	font-weight: 700;
}

.passport-badge img {
	width: 64px;
	height: 64px;
	object-fit: contain;
}

.passport-badge--locked img {
	filter: grayscale(1) opacity(0.4);
}

.passport-badge--earned img {
	filter: drop-shadow(0 3px 0 rgba(15, 27, 61, 0.15));
}