@layer components {
	:root[data-klt-js="enabled"] .klt-site-header [data-klt-search-toggle]:not([hidden]) {
		display: inline-flex;
	}

	.klt-site-search {
		color: var(--klt-color-text);
	}

	.klt-site-search__surface {
		color: var(--klt-color-text);
	}

	.klt-site-search__surface,
	.klt-site-search .klt-fullscreen-popup__content,
	.klt-site-search .klt-search,
	.klt-site-search .klt-search-form {
		min-inline-size: 0;
		inline-size: 100%;
	}

	.klt-site-search .klt-search--form .klt-search-form {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
	}

	@media (max-width: 30rem) {
		.klt-site-search .klt-search--form .klt-search-form {
			display: grid;
			grid-template-columns: minmax(0, 1fr);
		}

		.klt-site-search .klt-search-form .klt-button {
			width: 100%;
		}
	}

	.klt-site-search .klt-search-form__label {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	.klt-site-search .klt-search-form__field {
		inline-size: 100%;
		min-width: 0;
		color: var(--klt-color-text);
	}

	.klt-site-search .klt-search-form .klt-button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 auto;
		color: var(--klt-color-text);
	}

	.klt-site-search__dynamic,
	.klt-site-search__results {
		display: grid;
		gap: var(--klt-space-xs);
	}

	.klt-site-search__status {
		margin: 0;
		color: var(--klt-color-muted);
	}

	.klt-site-search__results {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.klt-site-search__result {
		display: block;
		min-height: 2.75rem;
		padding: var(--klt-space-xs);
		color: inherit;
	}

}