.franquinet-metals-inline {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.franquinet-metals-inline--column {
	display: grid;
}

.franquinet-metals-inline__item {
	display: flex;
	align-items: center;
	gap: 8px;
}

.franquinet-metals-inline__label {
	font-weight: 700;
	text-transform: uppercase;
}

.franquinet-metals-inline__meta {
	opacity: 0.72;
}

.franquinet-metals-inline__trend {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-weight: 700;
	white-space: nowrap;
}

.franquinet-metals-inline__trend-icon {
	display: inline-grid;
	place-items: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #7a8792;
	color: #fff;
	font-size: 17px;
	line-height: 1;
}

.franquinet-metals-inline__trend-text {
	display: grid;
	gap: 1px;
	line-height: 1.1;
}

.franquinet-metals-inline__trend-text strong {
	font: inherit;
	font-weight: 700;
}

.franquinet-metals-inline__trend-text small {
	font: inherit;
	font-size: 0.95em;
}

.franquinet-metals-inline__trend--up {
	color: #3f941b;
}

.franquinet-metals-inline__trend--up .franquinet-metals-inline__trend-icon {
	background: #3f941b;
}

.franquinet-metals-inline__trend--down {
	color: #a50f0f;
}

.franquinet-metals-inline__trend--down .franquinet-metals-inline__trend-icon {
	background: #a50f0f;
}

.franquinet-metals-inline__trend--flat {
	color: currentColor;
	opacity: 0.72;
}

.franquinet-metals-inline__trend--flat .franquinet-metals-inline__trend-icon {
	background: #7a8792;
}