:root {
	--sc-feature-icon-container-size: 1rem;
	--sc-feature-icon-border-color: white;
	--sc-feature-icon-image-size: .8em;
}

.sc-features-list {
}
.sc-features-list.horizontal {
	flex-direction: row;
}
.sc-features-list.vertical {
	flex-direction: column;
	align-items: start;
}

.sc-features-list .sc-feature-item {
	display: flex;
	flex-direction: row;
	gap: 0.5em;
	justify-content: center;
	align-items: center;
	font-size: var(--sc-font-size);
}

.sc-features-list .sc-feature-item .sc-feature-icon-container {
	display: flex;
	flex-wrap: wrap;
	line-height: inherit;
	border-radius: var(--sc-icon-border-radius);
	width: var(--sc-feature-icon-container-size);
	height: var(--sc-feature-icon-container-size);
	justify-content: center;
	align-items: center;
	position: relative;
}

.sc-features-list .sc-feature-item .sc-feature-icon-container .sc-feature-icon {
	background-color: var(--sc-feature-icon-border-color);
	mask-position: center;
	-webkit-mask-position: center;
	mask-size: var(--sc-mask-size);
	-webkit-mask-size: var(--sc-mask-size);
	position: relative;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	width: var(--sc-feature-icon-image-size);
	height: var(--sc-feature-icon-image-size);
}