/* CSS Document */

.live-search {
	position: relative;
}
.live-search input {
	position: relative;
	background-color: white !important;
}
.live-search .live-results-wrapper {
	padding: 0;
		padding: 15px 5px;
	opacity: 0;
	display:none;
	pointer-events: none;
	position: absolute;
	background-color: #fff;
	width: 100%;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
}
.live-search.active .live-results-wrapper {
	display:block;
	opacity: 1;
}


.live-results{
	pointer-events: auto;
	max-height: 280px;
	overflow-y: auto;
	
	overflow-y: overlay;
  /*scrollbar-color: hsl(224, 6%, 56%) hsl(224, 14%, 16%);*/
  	scrollbar-width: thin;
}
.live-results li {
	list-style: none;
	padding: 8px 12px;
	width: 100%;
	cursor: default;
	border-radius: 3px;
}
.live-results li mark {
	padding: 0;
	font-weight: 500;
}
.live-search.active .live-results li {
	display: block;
	border-left: 2px solid white;
}
.live-search li:hover, 
.live-search li.active {
	background: #818b9826;
	cursor: pointer;
	border-left: 2px solid var(--primary-bg-color) !important;
}
.live-results li a {
	display: block;
	color: black;
	letter-spacing: 0.5px;
	line-height: 18px;
}

.live-search-footer {
	padding:5px 8px;
}

.live-search-commands {
  color:hsl(224, 6%, 56%);
  display:flex;
  list-style:none;
  margin:0;
  padding:0
}
.live-search-commands li {
  align-items:center;
  display:flex
}
.live-search-command-key {
  align-items:center;
  background:linear-gradient( hsl(224, 20%, 94%) 0%, hsl(224, 20%, 94%) 100% );
  border-radius:2px;
  display:flex;
  height:18px;
  justify-content:center;
  margin-right:.4em;
  padding:0 0 1px;
  color:hsl(224, 6%, 56%);
  border:0;
  width:20px
}
.live-search-label {
  font-size:.75em;
  line-height:1.6em;
	color:hsl(224, 6%, 56%);
}
.live-search-commands li:not(:last-of-type) {
  margin-right:.8em
}