[data-forms='classic'] select,
[data-forms='classic'] textarea,
[data-forms='classic'] .selectr-selected,
[data-forms='classic'] input[type='url'],
[data-forms='classic'] input[type='tel'],
[data-forms='classic'] input[type='text'],
[data-forms='classic'] input[type='date'],
[data-forms='classic'] input[type='email'],
[data-forms='classic'] input[type='number'],
[data-forms='classic'] input[type='password'],
[data-forms='classic'] input[type='search']:not(.modal-field) {
	border-radius: var(--formBorderRadius, 3px);
	border: var(--formBorderSize) var(--formBorderStyle, solid)
		var(--formBorderInitialColor);

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

[data-forms='classic'] .selectr-container.open .selectr-selected {
	border-color: var(--formBorderFocusColor);
}

[data-forms='classic'] textarea {
	--formPadding: 15px;
}

[data-forms='classic'] select {
	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-position: right 15px top 50%, 0 0;
	background-size: 8px auto, 100%;
}