@import '../../../styles/_partials/index';

.BasicInput {
	position: relative;
	display: block;
	margin-bottom: 15px;

	input {
		@include flywheelInput;
	}

	svg {
		display: inline-block;
		vertical-align: middle;
		margin-top: 10px;
		margin-right: 10px;
		max-width: 10%;
		path {
			@include theme-fill-red-dark50-else-red75;
		}
	}

	.__HelpText + div span {
		@include theme-color-gray-else-gray75;
	}

	.__Invalid + div span {
		@include theme-color-red-dark50-else-red75;
	}

	span {
		display: inline-block;
		vertical-align: middle;
		margin-top: 10px;
		max-width: 90%;
	}
}