vv-shell[vv-page="/search"] {
	display: flex;
	flex-direction: column;
}

/* # Search */

section.search {
	display: flex;
	gap: var(--padding);
	border-radius: 6px;
	padding: var(--padding);
	background-color: rgba(255, 255, 255, .1);
}

section.search form {
	display: contents;
}

section.search input {
	flex: 1 1 auto;
	border-radius: 6px;
	padding: 0 var(--padding);
	border: solid 2px rgba(255, 255, 255, .1);
	background-color: rgba(255, 255, 255, .1);
}

section.search input:focus {
	outline: none;
	border-color: white;
}

section.search select {
	padding: 5px;
	border: none;
	background-color: transparent;
}

section.search select :is(option, optgroup) {
	color: black;
}

/* # Start search */

section.start-search {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	fill: var(--color-accent);
	gap: calc(var(--padding) / 2);
}

section.start-search svg {
	width: 60px;
}