:root {
	--mns-navasan-primary: #0bc0a9;
	--mns-navasan-secondary: #198CAC;
}

:root {
	--mnswmc-green: #00796b;
	--mnswmc-red: #d32f2f;
	--mnswmc-gray: #8c8c8c;
}

.mnswmc * {
	box-sizing: border-box;
}

.mnswmc .valid {
	color: var(--mnswmc-green);
}

.mnswmc .error {
	color: var(--mnswmc-red);
}

.mnswmc-inline-ltr {
	display: inline-block;
	direction: ltr !important;
}

.mnswmc-icon svg {
	display: inline-block;
	fill: currentColor;
	width: 1em;
	aspect-ratio: 1/1;
	vertical-align: middle;
}

.mnswmc-percentage-change {
	display: inline-flex;
	justify-content: start;
	align-items: center;
	vertical-align: middle;
	direction: ltr;
	gap: 5px;
}

.mnswmc-percentage-change svg {
	display: inline-block;
	fill: currentColor;
	width: 1em;
	aspect-ratio: 1/1;
	vertical-align: middle;
}

.mnswmc-percentage-change.mnswmc-change-up {
	color: var(--mnswmc-green);
}

.mnswmc-percentage-change.mnswmc-change-down {
	color: var(--mnswmc-red);
}

.mnswmc-percentage-change.mnswmc-change-none {
	color: var(--mnswmc-gray);
}