.search {
	position: relative;
	// width: 490px;
	display: block;
	margin: 0 auto;
	max-width: 100%;
	& * {
		box-sizing: border-box;
	}

	&__wrapper {
		display: flex;
		align-items: center;
	}
	&__input {
		background: white;
		margin: 0 auto;
		width: 100%;
		height: 45px;
		padding: 0 20px;
		font-size: 1rem;
		border: 1px solid #d0cfce;
		outline: none;
		&:focus {
			border: 1px solid #008abf;
			transition: 0.35s ease;
			color: #008abf;
			&::-webkit-input-placeholder {
				transition: opacity 0.45s ease;
				opacity: 0;
			}
			&::-moz-placeholder {
				transition: opacity 0.45s ease;
				opacity: 0;
			}
			&:-ms-placeholder {
				transition: opacity 0.45s ease;
				opacity: 0;
			}
		}
	}

	&__icon {
		position: absolute;
		right: 10px;
		box-shadow: none;
		display: flex;
		align-items: center;

		& .svg-icon--search {
			display: inline-block;
			width: 23px;
			height: 23px;
		}
	}

	&__message {
		&__content {
			text-align: center;
		}
	}
}