@import '../common/index.wxss';

.van-search {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	padding: var(--search-padding, 10px 12px)
}

.van-search__content {
	background-color: var(--search-background-color, #f7f8fa);
	border-radius: 2px;
	display: flex;
	flex: 1;
	padding-left: var(--padding-sm, 12px)
}

.van-search__content--round {
	border-radius: 999px
}

.van-search__label {
	color: var(--search-label-color, #323233);
	font-size: var(--search-label-font-size, 14px);
	line-height: var(--search-input-height, 34px);
	padding: var(--search-label-padding, 0 5px)
}

.van-search__field {
	flex: 1
}

.van-search__field__left-icon {
	color: var(--search-left-icon-color, #969799)
}

.van-search--withaction {
	padding-right: 0
}

.van-search__action {
	color: var(--search-action-text-color, #323233);
	font-size: var(--search-action-font-size, 14px);
	line-height: var(--search-input-height, 34px)
}

.van-search__action--hover {
	background-color: #f2f3f5
}

.van-search__action-button {
	padding: var(--search-action-padding, 0 8px)
}