select,
textarea,
.selectr-selected,
input[type='url'],
input[type='tel'],
input[type='text'],
input[type='date'],
input[type='email'],
input[type='number'],
input[type='search'],
input[type='password'] {
	width: var(--formWidth, 100%);
	height: var(--formInputHeight);
	color: var(--formTextInitialColor);
	font-family: inherit;
	font-size: var(--formFontSize);
	padding: var(--formPadding, 0 15px);
	appearance: none;
	border-radius: var(--formBorderRadius, 3px);
	border: var(--formBorderSize) var(--formBorderStyle, solid) var(--formBorderInitialColor);
	transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);

	&:focus {
		outline: none;
		color: var(--formTextFocusColor);
		border-color: var(--formBorderFocusColor);
	}

	@include input-placeholder {
		opacity: 0.6;
		color: inherit;
	}
}

select {
	// --formWidth: auto;
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5.379L20.621 2.5 10.5 12.621.379 2.5 2.5.379l8 8z' fill='%234F5D6D' fill-rule='nonzero'/%3E%3C/svg%3E");
	background-repeat: no-repeat, repeat;
	background-size: 8px auto, 100%;
}

textarea {
	--formPadding: 15px;
	line-height: 1.5;
}