// when search box is inside middle column
[data-middle='search-input'] {
	--middle-column-width: var(--search-box-max-width, 50%);
}

// search box
.ct-search-box {
	width: 100%;
	max-width: var(--max-width, 25%);
	// max-width: var(--max-width, 250px);
}

[data-middle="search-input"] {

	[data-column="middle"] {
		[data-items] {
			width: 100%;

			.ct-search-box {
				--max-width: 100%;
			}
		}
	}
}