.input-text {
	appearance: none;
	padding: 0 1em;
	width: 100%;
	height: 42px;
	line-height: 42px;
	font-family: $roboto;
	background-color: lighten($background, 2%);
	border: 1px solid $smoke-blue;
	font-size: 1rem;
	border-radius: 3px;
	transition: border-color 0.3s;

	@include placeholder() {
		color: $text-gray;
	}

	&:focus,
	&.focused {
		outline: none;
		border-color: $soft-blue;
	}

	&.input-small {
		height: 32px;
		line-height: 32px;
		font-size: 0.75rem;
	}

	&:disabled {
		color: $text-gray;
		pointer-events: none;
    opacity: 0.4;
	}
}


.input-pseudo {
	appearance: none;
	background-color: transparent;
	font-family: $roboto;
	font-size: 1rem;
	border: 0;

	&:focus,
	&.focused {
		outline: none;
  	}
}
