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

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

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

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

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

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

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

.arzbama-percentage-change {
	display: inline-flex;
	justify-content: start;
	align-items: center;
	vertical-align: middle;
	direction: ltr;
	font-size: 14px;
	gap: 5px;
	color: white;
	border-radius: 20px;
	padding: 3px 8px;
}

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

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

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

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