/* standalone search */
.standalone-search {
	position: fixed;
	bottom: 10%;
	left: 10%;
	z-index: 300;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 27vw;
	min-width: 280px;
	height: 2.35rem;
	overflow: visible;
}

.standalone-search input {
	width: 100%;
	height: 100%;
	padding: .25rem 2.75rem .25rem 1rem;
	font-family: inherit;
	font-size: 1rem;
	color: rgb(var(--n) / 1);
	border-radius: .25rem;
	background: rgb(var(--b) / .8);
	border: 1px solid rgb(var(--b) / 1);
	outline: none;
}

.standalone-search input::placeholder {
	color: rgb(var(--b) / .75);
	opacity: 1;
}

.standalone-search-toggle {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
}

.standalone-search-toggle::before {
	content: "\e910";
	font-family: "icomoon"!important;
	font-size: 1rem;
	color: rgb(var(--b) / 1);
	line-height: 1;
}

#standalone-search-results {
	position: absolute;
	top: calc(100% + .5rem);
	right: 0;
	left: auto;
	display: none;
	width: 100%;
	max-height: 60vh;
	overflow-y: auto;
	margin: 0;
	padding: 1rem;
	list-style: none;
	border-radius: 1rem;
	z-index: 300;
	background: rgb(var(--b) / 1);
}

#standalone-search-results.active {
	display: block;
}

#standalone-search-results li {
	display: block;
	padding: .75rem;
	cursor: pointer;
	color: rgb(var(--n) / 1);
	border: 0;
	border-radius: .5rem;
	list-style: none;
}

#standalone-search-results li:hover {
	background: rgb(var(--b) / 1);
}

#standalone-search-results strong {
	display: block;
	font-size: .95rem;
	font-weight: 800;
	color: rgb(var(--n) / 1);
}

#standalone-search-results span {
	display: block;
	margin-top: .15rem;
	font-size: .75rem;
	color: rgb(var(--n) / .65);
}

#standalone-search-results .standalone-search-empty {
	cursor: default;
	opacity: .65;
}

#standalone-search-results .standalone-search-empty:hover {
	background: transparent;
}

.standalone-search.results-below #standalone-search-results {
	top: calc(100% + .5rem);
	bottom: auto;
}

.standalone-search.results-above #standalone-search-results {
	top: auto;
	bottom: calc(100% + .5rem);
}