.trilay-order-search__form {
	width: 100% !important;
	max-width: 34rem !important;
}

.trilay-order-search__fields {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: .85rem !important;
	width: 100% !important;
}

.trilay-order-search__field {
	display: block !important;
	float: none !important;
	clear: both !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.trilay-order-search__field--name {
	max-width: 30rem !important;
}

.trilay-order-search__field--mpg,
.trilay-order-search__field--order {
	max-width: 22rem !important;
}

.trilay-order-search__field label {
	display: block !important;
	float: none !important;
	width: auto !important;
	margin: 0 0 .35rem !important;
}

.trilay-order-search__field input[type="search"] {
	display: block !important;
	box-sizing: border-box !important;
	float: none !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
}

.trilay-order-search__hint {
	max-width: 34rem;
	font-size: .9em;
	opacity: .8;
}

.trilay-search-scope {
	padding: .75rem 1rem;
	border-left: 4px solid currentColor;
	background: rgba(0, 0, 0, .04);
}

.trilay-search-scope--all {
	font-weight: 600;
}

.trilay-order-search__table-wrap {
	overflow-x: auto;
}

.trilay-order-search__table small {
	opacity: .75;
}

@media (max-width: 700px) {
	.trilay-order-search__form,
	.trilay-order-search__field,
	.trilay-order-search__field--name,
	.trilay-order-search__field--mpg,
	.trilay-order-search__field--order,
	.trilay-order-search__hint {
		max-width: none !important;
		width: 100% !important;
	}
}
