.sectionTitle {
	font-size: var(--font-xl);
	border-bottom: 2px solid var(--color-bg-high);
	margin-bottom: var(--s-4);
}

.componentRow {
	display: grid;
	align-items: center;
	grid-template-columns: 200px 1fr;
	gap: var(--s-4);

	&:last-child {
		border-bottom: none;
	}
}

.componentLabel {
	color: var(--color-text-high);
	font-size: var(--font-sm);
}

.componentContent {
	width: 100%;
}

.trophyExample {
	width: 140px;
}

.trophyExampleSmall {
	width: 90px;
}

.trophyExampleLarge {
	width: 200px;
}