.itlu-search--modal .itlu-search__trigger:not([hidden]),
.itlu-search--modal .itlu-search__close {
	display: grid;
	place-items: center;
	inline-size: 3rem;
	block-size: 3rem;
	padding: 0.7rem;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: inherit;
	cursor: pointer;
}

.itlu-search__trigger:hover,
.itlu-search__close:hover {
	background: #edf4f9;
}

.itlu-search__dialog {
	box-sizing: border-box;
	inline-size: min(40rem, calc(100% - 2rem));
	max-block-size: calc(100% - 2rem);
	padding: clamp(1.5rem, 5vw, 3rem);
	border: 0;
	border-radius: 0.75rem;
	background: #fff;
	color: #263c48;
	box-shadow: 0 1.5rem 5rem #112f4540;
}

.itlu-search__dialog::backdrop {
	background: #112f45b3;
}

.itlu-search__close {
	position: absolute;
	inset-block-start: 0.5rem;
	inset-inline-end: 0.5rem;
}

.itlu-search__dialog h2 {
	margin: 0 2rem 1.5rem 0;
	font-size: 1.75rem;
	line-height: 1.2;
}

.itlu-search__form label {
	display: block;
	margin-block-end: 0.5rem;
}

.itlu-search__fields {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.itlu-search__fields input {
	flex: 1 1 12rem;
	min-inline-size: 0;
	inline-size: 100%;
	min-block-size: 3rem;
}

.itlu-search__fields button {
	min-block-size: 3rem;
	padding-inline: 1.25rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
	background: var(--itlu-color-primary, #1261a0);
	color: #fff;
}

.itlu-search__fields button:hover {
	filter: brightness(0.9);
}

.itlu-search--modal .itlu-search__close svg {
	inline-size: 1.5rem;
	block-size: 1.5rem;
}

@media print {

	.itlu-search--modal { display: none; }
}