.header .header-block-search {
	$line-height: $header-height - 30px;
	margin-right: auto;

	// float: left;
	padding-left: $content-padding-x-md;

	@include media-down(sm) {
		padding-left: $content-padding-x-xs;
		display: none;
	}

	@include media(md) {
		padding-left: $content-padding-x-sm;
	}

	@include media(lg) {
		padding-left: $content-padding-x-md;
	}

	@include media-up(xl) {
		padding-left:  $content-padding-x-lg;
	}

	& > form {
		float: right;

		@include media-down(sm) {
			padding-left: 0;
		}
	} 

	.input-container {
		position: relative;
		color: $color-text-light;

		i {
			position: absolute;
			pointer-events: none;
			display: block;
			height: $line-height;
			line-height: $line-height;
			left: 0;
		}

		input {
			background-color: transparent;
			border: none;
			padding-left: 25px;
			height: 40px;
			max-width: 150px;

			@include media-down(sm) {
				max-width: 140px;
			}
		}

		// .underline {
		// 	&:extend(.underline-animation);
		// }


		input:focus + .underline {
			transform: scaleX(1);
		}

	}
}