.form-input {
	font-family: Roboto, sans-serif;
	padding: .15rem;
	font-size: .8rem;
	text-align: center;
	border-radius: 0;
	border: 1px solid #dadada;
	-moz-appearance: textfield;

	&:focus {
		outline: none;
	}

	&::-webkit-outer-spin-button,
	&::-webkit-inner-spin-button {
		appearance: none;
	}

	&[readonly] {
		background-color: #f5f5f5;

		&:focus {
			border: 1px solid #dadada;
		}
	}

	&:invalid {
		box-shadow: none;
	}

	&--short {
		width: 0;
		min-width: 3.5rem;
	}
}