:root {
	--msc-icon-size-xs: 14px;
	--msc-icon-size-sm: 18px;
	--msc-icon-size-md: 24px;
	--msc-icon-size-lg: 32px;
	--msc-icon-stroke-width: 1.8;
}
.msc-icon {
	display: inline-block;
	width: var(--msc-icon-size, var(--msc-icon-size-md));
	height: var(--msc-icon-size, var(--msc-icon-size-md));
	flex: 0 0 auto;
	color: inherit;
	fill: none;
	stroke: currentColor;
	stroke-width: var(--msc-icon-stroke-width);
	stroke-linecap: round;
	stroke-linejoin: round;
	vertical-align: -0.2em;
}
.msc-icon--xs { --msc-icon-size: var(--msc-icon-size-xs); }
.msc-icon--sm { --msc-icon-size: var(--msc-icon-size-sm); }
.msc-icon--lg { --msc-icon-size: var(--msc-icon-size-lg); }
.msc-icon--success { color: var(--msc-green, #28ba6a); }
.msc-icon--warning { color: #e6a700; }
.msc-icon--danger { color: var(--msc-red, #ef3e46); }
.msc-icon--brand { color: var(--msc-blue, #0099ff); }
@media (forced-colors: active) {
	.msc-icon { color: ButtonText; forced-color-adjust: auto; }
}