/* Search style rules.

	* Table of contents

	- Search string

 */

/* Search string
------------------------------------------------------------------------------------------------- */

.search-string__container {
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 60px;
	border: 1px solid var( --ct-color-middle-gray );
	border-right-width: 0;
	border-left-width: 0;
}

.search-string__wrap {
	display: flex;
	column-gap: 20px;
	gap: 20px;
	align-items: center;
}

.search-string__button,
.search-string__input {
	padding: 0;
	border-width: 0;
}

.search-string__button {
	display: flex;
	column-gap: 15px;
	gap: 15px;
	align-items: center;
	line-height: 1;
	background-color: transparent;
}

.search-string__separator::before {
	content: '|';
	color: var( --ct-color-middle-gray );
}

.search-string__input-wrap {
	flex: 1;
}

.search-string__input {
	width: 100%;
}

.search-string__input:focus {
	outline: none;
}