/* #region TYPEAHEAD */

.twitter-typeahead .tt-input,
.twitter-typeahead .tt-hint {
	width: 100%;
	height: 100%;
}

.tt-dataset {
	display: grid;

	background-color: var(--header);

	border-radius: 0 0 var(--borderRadius) var(--borderRadius);

	border: 1px solid var(--muted);

	box-shadow: 0px 8px 12px -4px var(--shadow);
}

.tt-menu {
	background-color: var(--background);
}

.typeaheadSuggestion {
	padding: 1rem;
	cursor: pointer;
}

.typeaheadSuggestion:last-child {
	border-radius: 0 0 var(--borderRadius) var(--borderRadius);
}

.typeaheadSuggestion:hover {
	background-color: var(--primaryColor);
	color: var(--white);
}

.typeaheadSuggestion:active {
	filter: brightness(95%);
	box-shadow: inset 0px 0px 12px var(--shadow);
}

.tt-highlight {
	color: var(--primaryColor);
}

.typeaheadSuggestion:hover .tt-highlight {
	color: var(--white);
}