.search {

}

.search details {

}

.search details summary {
	display: flex;
	--size: 2rem;
	width: var(--size);
	height: var(--size);
	align-items: center;
	justify-content: center;
	padding: 0.5em;
}

.search details[open] summary {
	display: none;
}

.search details summary img {
	width: 100%;
	height: 100%;
}

.search form {
	display: grid;
	grid-template-columns: auto 2rem;
	align-items: center;
}

.search form label {
	grid-row: 1;
	grid-column: 1 / -1;
}

.search form input {
	padding: 0.25em 0.5em;
	padding-right: 2.5em;
}

.search form button {
	--size: 2rem;
	display: flex;
	width: var(--size);
	height: var(--size);
	grid-row: 1;
	grid-column: 2;
	cursor: pointer;
}

.search form button img {
	width: 100%;
	height: 100%;
}