/* SEARCH BAR STYLINGS */
form.itdb-search--form {
	--itdb-height: 3rem;
	--itdb-box-shadow-1: inset 0px 0px 5px 3px rgba(0, 0, 0, 0.25);
	background: white;
	width: 20rem;
	display: flex;
	flex-flow: row nowrap;
	justify-content: stretch;
	align-items: center;
	gap: 0;
	border-radius: 10px;
	box-shadow: var(--itdb-box-shadow-1);
	-moz-box-shadow: var(--itdb-box-shadow-1);
	-webkit-box-shadow: var(--itdb-box-shadow-1);
	transition: 0.2s linear;

	label {
		border: 0;
		clip-path: inset(50%);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	input {
		background: none;
		border-radius: inherit;
		padding: 0.25rem 1rem;
		font-size: 1.2rem;
		border: none;
		height: var(--itdb-height);
	}
	button {
		--itdb-searchBar_button--shadow: inset 0 0 1px 1px grey;
		margin: 0.5rem 0.5rem 0.5rem 0;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		cursor: pointer;
		height: var(--itdb-height);
		width: var(--itdb-height);
		background: var(--itdb-searchBar_button--color);
		box-shadow: var(--itdb-searchBar-shadow);
		-moz-box-shadow: var(--itdb-searchBar-shadow);
		-webkit-box-shadow: var(--itdb-searchBar-shadow);
		border: none;
		border-radius: inherit;
	}
}