/* B"H
 * The Awtsmoos gives every search control a clear name, a full touch path, and a visible state.
 */
.library-search-form {
	align-items: end;
	background: #0a111c;
	border: 1px solid rgba(126, 215, 229, .2);
	border-radius: .95rem;
	display: grid;
	gap: .75rem;
	grid-template-columns: minmax(0, 1.5fr) minmax(13rem, .65fr) auto;
	padding: .8rem;
	position: sticky;
	top: 5.15rem;
	z-index: 30;
}
.library-search-form label {
	color: #cbd6e3;
	display: grid;
	font-size: .78rem;
	font-weight: 780;
	gap: .38rem;
	min-width: 0;
}
.library-search-form label > span {
	align-items: center;
	display: flex;
	gap: .42rem;
}
.library-search-form label > span::before {
	background: #55d0e7;
	border-radius: 50%;
	content: "";
	height: .38rem;
	width: .38rem;
}
.library-search-form :where(input, select) {
	appearance: none;
	background: #060c15;
	border: 1px solid rgba(151, 178, 205, .2);
	border-radius: .72rem;
	color: #f4f1e8;
	font: inherit;
	font-size: max(16px, 1rem);
	min-height: 3.25rem;
	min-width: 0;
	padding: .72rem .85rem;
	width: 100%;
}
.library-search-form select {
	background-image: linear-gradient(45deg, transparent 50%, #8fa2b8 50%), linear-gradient(135deg, #8fa2b8 50%, transparent 50%);
	background-position: calc(100% - 1rem) 50%, calc(100% - .72rem) 50%;
	background-repeat: no-repeat;
	background-size: .3rem .3rem;
	padding-inline-end: 2rem;
}
.library-search-form :where(input, select):focus-visible {
	border-color: #55d0e7;
	box-shadow: 0 0 0 3px rgba(85, 208, 231, .17);
	outline: 0;
}
.library-search-form input::placeholder {
	color: #728398;
}
.library-search-button {
	align-items: center;
	background: linear-gradient(135deg, #50d6eb, #2da4e4);
	border: 0;
	border-radius: .72rem;
	color: #03101a;
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-weight: 850;
	gap: .5rem;
	justify-content: center;
	min-height: 3.25rem;
	min-width: 10rem;
	padding: .72rem 1rem;
}
.library-search-button:hover {
	filter: brightness(1.06);
}
.library-search-button:focus-visible {
	box-shadow: 0 0 0 3px #050811, 0 0 0 6px #55d0e7;
	outline: 0;
}
.library-search-button:disabled {
	cursor: progress;
	opacity: .7;
}
