.calc-stepper__label {
	display: block;
	margin-bottom: 8px;
	color: var(--color-gray-675);
	font-size: 16px;
	line-height: 25px;
}

.calc-stepper__control {
	display: flex;
	height: 53px;
	overflow: hidden;
	border: 1px solid var(--color-gray-675);
	border-radius: 4px;
	background-color: var(--color-white);
	transition: border-color .2s;
}

.calc-stepper__control:focus-within {
	border-color: var(--color-accent);
}

.calc-stepper__input {
	flex: 1 1 auto;
	min-width: 0;
	padding: 0 12px 0 19px;
	border: 0;
	background-color: transparent;
	color: var(--color-gray-900);
	font-family: var(--font-1);
	font-size: 16px;
	line-height: 25px;
	-moz-appearance: textfield;
	appearance: textfield;
}

.calc-stepper__input:focus {
	outline: none;
}

.calc-stepper__input::-webkit-outer-spin-button,
.calc-stepper__input::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

.calc-stepper__btn {
	flex: 0 0 45px;
	padding: 0;
	border: 0;
	border-left: 1px solid var(--color-gray-300);
	background-color: transparent;
	color: var(--color-gray-900);
	font-size: 18px;
	cursor: pointer;
	transition: color .2s;
}

.calc-stepper__btn:hover {
	color: var(--color-accent);
}

.calc-stepper__btn:focus-visible {
	outline: 2px solid var(--color-accent);
	outline-offset: -2px;
}

.calc-stepper__input[aria-invalid="true"] {
	color: var(--color-accent-dark);
}

.calc-stepper__control:has(.calc-stepper__input[aria-invalid="true"]) {
	border-color: var(--color-accent-dark);
}

.calc-stepper__error {
	margin: 8px 0 0;
	color: var(--color-accent-dark);
	font-size: 14px;
	line-height: 20px;
}

.calc-stepper__error:empty {
	display: none;
}