#searchFruit {
	max-width: 30rem;
}

.searchButton {
	padding-top: 0;
	padding-bottom: 0;
	height: fit-content;
	width: fit-content;
}

.row {
	display: grid;
	width: (100% - 1rem);
	gap: 1rem;
	padding: 0.2rem;
}

.row:nth-child(even) {
	background-color: var(--darkGrey);
}

.row:nth-child(odd) {
	background-color: var(--mediumGrey);
}

.row:nth-child(odd) input {
	background-color: var(--darkGrey);
}

.row * {
	margin: 0;
}

.row a {
	width: fit-content;
}

#searchResultsTitleBar {
	font-weight: bold;
	margin-bottom: none;
	background-color: var(--darkGrey);
}

input[type=checkbox] {
	transform: translateX(0.3rem);
}

.rightAlign {
	text-align: right;
}

#searchResults {
	list-style-type: none;
}

.clickable {
	cursor: pointer;
}

.columnHeader {
	position: relative;
	user-select: none;
}

.columnHeader.sorted-asc::after {
	content: ' ↑';
	color: #b01414;
	font-size: 0.8em;
}

.columnHeader.sorted-desc::after {
	content: ' ↓';
	color: green;
	font-size: 0.8em;
}

.columnHeader.sortable::after {
	content: ' ↕';
	color: var(--mediumGrey);
	font-size: 0.8em;
}

#searchResults .fancyOval {
	background-color: var(--darkRed);
	width: fit-content;
	height: fit-content;
	border-radius: 1rem;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
}

#exportButton {
	position: absolute;
	right: 3rem;
	transform: translateY(-3rem);
}

#bulkActionButton {
	position: absolute;
	right: 8rem;
	transform: translateY(-3rem);
}

#bulkActionsDiv {
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: var(--darkGrey);
	z-index: 7;
	padding-left: 2rem;
	padding-right: 2rem;
}

#bulkActionsDiv button {
	margin-bottom: 0.5rem;
}

#exportDiv {
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: var(--darkGrey);
	z-index: 7;
	padding-left: 2rem;
	padding-right: 2rem;
}

#exportData {
	resize: none;
	height: calc(100% - 10rem);
	width: calc(100% - 4rem);
	display: block;
}

label {
	white-space: nowrap;
	user-select: none;
}

#sortOptions {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease;
}

#sortOptions.visible {
	max-height: 20rem;
}

#mixingWeights {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
	gap: 0.5rem;
}

#hiddenResolved {
	display: none;
}

#visibilityOptions {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
	gap: 0.5rem;
	margin-bottom: 1rem;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease;
}

#visibilityOptions.visible {
	max-height: 5rem;
}

#visibilityOptions label {
	width: fit-content;
}

#omnibox {
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
}