.search-container_desktop {
	position: relative;
	display: flex;
	align-items: stretch;
	flex: 1;
	margin-left: 2rem;
	margin-right: 3rem;
}

.header__downbox-searchbox {
	flex: 1;
	height: 40px;
	border: 1px solid #fec111;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	border-radius: 5px;
	position: relative;
	z-index: 1;
}
.header__downbox-searchbox > input {
	flex: 1;
	height: 100%;
	outline: none;
	border: none;
	box-shadow: none;
	background: transparent;
	padding-left: 1rem;
}
.header__downbox-searchbox > button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 88px;
	height: 100%;
	border: none;
	outline: none;
	box-shadow: none;
	background: linear-gradient(to top, #ffcc00, #fee300);
	transition: opacity 0.3s ease;
}
.header__downbox-searchbox > button:hover {
	opacity: 0.75;
}
.header__downbox-searchbox > button > img {
	width: 17px;
	height: 18px;
}


@media screen and (max-width: 1279px) {
	.header__downbox-searchbox {
		height: 37px;
	}

	.search-container_desktop {
		margin-left: 2rem;
		margin-right: 2rem;
	}
}

@media screen and (max-width: 1149px) {
	.header__downbox-searchbox > input {
		font-size: 0.875rem;
	}
	.search-container_desktop {
		margin-right: 0;
	}
	.header__downbox-searchbox > button {
		width: 70px;
	}
}


@media screen and (max-width: 1023px) {
	.header__downbox-searchbox {
		display: none;
	}
	.header__downbox-searchbox {
		display: none;
	}

	.header__downbox-searchbox {
		display: block;
		border: 0;
		height: initial;
		margin: 0;
		padding: 0;
	}

	.header__downbox-searchbox input,
	.header__downbox-searchbox button {
		display: none;
	}
}

.search-modal .fb-link {
}

.search-input-top-actions {
	display: flex;
	align-items: center;
	padding: 0 1.2em;
}

.search-input-top-actions > * {
	display: inline-block;
	vertical-align: middle
}

.search-input-top-actions i {
	display: inline-flex;
	position: relative
}

.search-input-top-actions i:first-child {
	padding-left: 0
}

.search-input-top-actions i:first-child::after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	width: 1px;
	height: auto;
	top: .5em;
	bottom: .5em;
	background-color: rgba(115, 124, 143, 0.1);
	background-color: var(--s-color-border);
}

.search-input-top-actions i:last-child {
	padding-right: 0;
	border-right: none
}

.search-input-icon {
	padding: 0 1.4em 0 0;
	box-sizing: content-box;
	opacity: .5;
	cursor: pointer;
	transition: all .15s ease-in-out
}

.search-input-icon:hover {
	opacity: 1
}

.search-input-icon-close {
	margin-right: 0
}