:root {
	--arz-hamyararz-primary: #0bc0a9;
	--arz-hamyararz-secondary: #198CAC;
}

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

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

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

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

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

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

.hamyararz-darsad {
	display: inline-flex;
	justify-content: start;
	align-items: center;
	vertical-align: middle;
	direction: ltr;
	font-size: 13px;
	gap: 5px;
	border: 2px solid #ccc;
	border-radius: 10px;
	padding: 0px 4px;
}

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

.hamyararz-darsad.hamyararz-change-up {
	color: var(--hamyararz-green);
	border-color: var(--hamyararz-green);
}

.hamyararz-darsad.hamyararz-change-down {
	color: var(--hamyararz-red);
	border-color: var(--hamyararz-red);
}

.hamyararz-darsad.hamyararz-change-none {
	color: var(--hamyararz-gray);
	border-color: var(--hamyararz-gray);
}