@import (reference) '../../styles/variables.less';
@import (reference) '../../styles/mixins.less';

.@{prefix}-SearchField {
	position: relative;

	.@{prefix}-TextField {
		padding-right: 28px;
		border-radius: @size-standard-height / 2;
		color: @color-neutral-9;

		&::placeholder {
			color: @color-neutral-7;
		}
	}

	&-Icon-container {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		display: flex;
		align-items: center;
		margin-right: 10px;
	}

	&-Icon {
		stroke: @color-neutral-7;

		&-active {
			stroke: @color-primary;
		}
	}
}