/* Google Material Symbols SVGs are bundled locally; labels remain visible. */
.pkcp-section-icon {
	display: inline-block;
	width: 1.15em;
	height: 1.15em;
	flex: 0 0 1.15em;
	margin-inline-end: .35em;
	vertical-align: -.18em;
	background-color: currentColor;
	-webkit-mask-image: var(--pkcp-icon);
	mask-image: var(--pkcp-icon);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.pkcp-icon-company { --pkcp-icon: url('../icons/company.svg'); }
.pkcp-icon-products { --pkcp-icon: url('../icons/products.svg'); }
.pkcp-icon-pricebook { --pkcp-icon: url('../icons/pricebook.svg'); }
.pkcp-icon-checkout { --pkcp-icon: url('../icons/checkout.svg'); }
.pkcp-icon-users { --pkcp-icon: url('../icons/users.svg'); }
.pkcp-icon-portal { --pkcp-icon: url('../icons/portal.svg'); }
.pkcp-icon-settings { --pkcp-icon: url('../icons/settings.svg'); }

.pkcp-tab-preview .pkcp-section-icon {
	border: 0;
	border-radius: 0;
	padding: 0;
	background-color: currentColor;
}

.pkcp-progress-item .pkcp-section-icon {
	font-size: 16px;
	color: inherit;
}