/**
 * Vellis Check Item widget styles.
 *
 * Spec: 20px green (#347C80) stroke check + Inter text with an optional bold
 * portion. Defaults render the line pixel-close to the design out of the box.
 */

.vellis-check-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
}

.vellis-check-item__icon {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	line-height: 1;
	color: #347C80;
}

.vellis-check-item__icon svg,
.vellis-check-item__icon img {
	display: block;
	width: 20px;
	height: 20px;
}

.vellis-check-item__icon svg {
	color: inherit;
}

/* Stroke-based default check follows the icon color via currentColor */
.vellis-icon--check path {
	stroke: currentColor;
}

.vellis-check-item__text {
	margin: 0;
	padding: 0;
	color: #113F42;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

.vellis-check-item__text strong {
	font-weight: 700;
	color: inherit;
}