@container form-condensed (width > 400px) {
	form {
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		gap: 0;
	}

	.form_row:not(.form_buttons) {
		flex-grow: 1;
		max-inline-size: 100%;
	}

	.form_buttons button {
		margin-inline-start: calc(var(--border-radius-s) * -1);
		border-radius: 0 var(--button-border-radius) var(--button-border-radius) 0;
		white-space: nowrap;
	}
}

.form_search {
	--form-search-button-dimension: 1.5rem;
	--form-search-button-gap: 0.75rem;
	position: relative;
}

.form_search .form_row {
	margin: 0;
	max-inline-size: 100%;
}

.form_search .form_field {
	margin: 0;
}

.form_search [type="search"] {
	padding-inline-end: calc(var(--form-search-button-gap) + var(--form-search-button-dimension) + var(--form-search-button-gap));
	border-top-right-radius: 2rem !important;
	border-bottom-right-radius: 2rem !important;
}

.form_search .form_buttons {
	position: absolute;
	inset-block-start: 50%;
	inset-inline-end: var(--form-search-button-gap);
	transform: translateY(-50%);
}