.awesomplete [hidden] {
	display: none;
}

.awesomplete .visually-hidden {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}

.awesomplete {
	display: inline-block;
	position: relative;
}

.awesomplete > input {
	display: block;
}

.awesomplete > ul {
	position: absolute;
	left: 0;
	z-index: 1;
	min-width: 100%;
	box-sizing: border-box;
	list-style: none;
	padding: 0;
	margin: 0;
	background: #fff;
}

.awesomplete > ul:empty {
	display: none;
}

.awesomplete > ul {
	border-radius: 2px;
	margin: .2em 0 0;
	background: #FFF;
	border: 0;
	box-shadow: 0 5px 7px 2px rgba(26, 30, 33, 0.21);
	text-shadow: none;
	transition: all 240ms ease-out;
	max-height: 204px;
	opacity: 1;
	overflow-y: auto;
}

.awesomplete > ul[hidden], .awesomplete > ul:empty {
	opacity: 0;
	max-height: 0;
	display: block;
	transition-timing-function: ease;
	transform: scale(1);
	overflow-y: auto;
}

.awesomplete > ul > li {
	position: relative;
	padding: 8px 9px;
	cursor: pointer;
	font-size: 14px;
}

.awesomplete > ul > li:hover {
	background: #f8d343;
	box-shadow: inset -30px 0 48px -15px #f0c314;
	color: #000;
}

.awesomplete > ul > li[aria-selected="true"] {
	background: #ffde5f;
	box-shadow: inset -30px 0 48px -15px #f0c314;
	color: #333;
}

.awesomplete mark {
	background: hsl(4, 100%, 88%);
}

.awesomplete li:hover mark {
	background: hsl(17, 75%, 51%);
}

.awesomplete li[aria-selected="true"] mark {
	background: #ec1f1f;
	color: #FFF;
}