.input-group {
	display: flex;
	margin: @input-margin;
	width: 100%;

	input {
		margin: 0;
		flex: 1 0 5em;

		+ input {
			.border-radiuses(0, @input-border-radius, 0, @input-border-radius);
		}

		+ .input-group-icon {
			border: @input-border;
			border-left: none;
		}

		+ button {
			margin-left: -1px;
		}
	}
}

.input-group-icon {
	flex: 0 0 @height-medium;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	text-align: center;
	border: @input-border;
	border-right: none;
	color: @grey-500;

	svg {
		.square(1.8rem);
		fill: currentcolor;
		vertical-align: middle;
		transition: all @transition-fast ease-in-out;
	}

	+ input {
		.border-radiuses(0, @input-border-radius, 0, @input-border-radius);
	}
}