.awesomplete [hidden] {
	display: none;
}

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

.awesomplete {
	width: 100%;
	height: 48px;
	color: #000;
	display: inline-block;
	/*position: relative;*/
}

.awesomplete > input {
	display: block;
}

.awesomplete > ul {
	position: absolute;
	left: 0;
	z-index: 10;
	min-width: 100%;
	box-sizing: border-box;
	list-style: none;
	overflow:hidden;overflow-y:auto;max-height:150px;
	max-height:150px;border:1px solid #dddddd;background:#fff;-webkit-overflow-scrolling:touch;
}

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


.awesomplete > ul {
	margin: .2em 0 0;
	border: 1px solid rgba(0,0,0,.3);
	box-shadow: .05em .2em .6em rgba(0,0,0,.2);
	text-shadow: none;
}


@supports (transform: scale(0)) {
	.awesomplete > ul {
		transition: .3s cubic-bezier(.4,.2,.5,1.4);
		transform-origin: 1.43em -.43em;
	}

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

.awesomplete > ul > li {

min-height:50px;padding:16px 16px 14px 16px;border-top:1px solid #dddddd;
}

.awesomplete > ul > li:hover {
	background: hsl(200, 40%, 80%);
	color: black;
}

.awesomplete > ul > li[aria-selected="true"] {
	background: hsl(205, 40%, 40%);
	color: white;
}

.awesomplete mark {
	background: hsl(65, 100%, 50%);
}

.awesomplete li:hover mark {
	background: hsl(68, 100%, 41%);
}

.awesomplete li[aria-selected="true"] mark {
	background: hsl(86, 100%, 21%);
	color: inherit;
}