/* Authored component stylesheet; no generated bundle or build is required. */
.listing-search {
	margin-block-end: var(--wp--preset--spacing--40);
	color: var(--wp--preset--color--contrast);
}
.listing-search label {
	display: block;
	font-weight: 700;
	margin-block-end: var(--wp--preset--spacing--20);
}
.listing-search__controls {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--preset--spacing--20);
}
.listing-search input[type="search"] {
	box-sizing: border-box;
	flex: 1 1 18rem;
	min-width: 0;
	max-width: 100%;
	padding: 0.85rem 1rem;
	border: 1px solid var(--wp--preset--color--contrast);
	border-radius: var(--wp--custom--radius--regular);
	background: var(--wp--preset--color--base);
	color: inherit;
	font: inherit;
}
.listing-search button {
	cursor: pointer;
	font-family: inherit;
	min-height: 44px;
}
.listing-search__clear {
	padding-block: 0.75rem;
}
.listing-search :is(input, button, a):focus-visible {
	outline: 3px solid var(--wp--preset--color--contrast);
	outline-offset: 3px;
}
.listing-search__empty {
	padding-block: var(--wp--preset--spacing--30);
}
@media (max-width: 480px) {
	.listing-search input[type="search"] {
		flex-basis: 100%;
	}
}