@use '../utilities/colors' as *;
@use '../base/merlin' as *;

.main-input {
	min-height: 46px;
	padding-inline: 1rem;
	width: 100%;
	border: 1px solid rgba($primary-color, .5);
	border-radius: 35px;

	&::placeholder {
		color: var(--primary-color);
		@extend .font-12;
	}
}

.input-search {
	position: relative;
	border-radius: 35px;
	overflow: hidden;
	border: 1px solid rgba($primary-color, .5);
	display: inline-flex;
	align-items: center;

	input {
		min-height: 46px;
		padding-inline: 1rem;
		width: 100%;

		~i {
			position: absolute;
			right: 1rem;
			color: var(--primary-color);
			opacity: .5;
		}
	}
}