.st-search-form {
	position: relative;
	width: 100%;
}

input.st-search-input {
	height: 33px;
	width: 100%;
  	font-size: 16px;
  	padding: 5px 9px 5px 27px;
  	margin: 0;
  	color: #666;
  	border: 1px solid #ccc;
  	outline: none;
  	background: #fcfcfc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUFJREFUeNqU0j0oRWEcx/Hj3ifvlMHL7C1lY7mDwUBKkoksBjKJxWIQu7xlOybDLVGukhhMZDFbxGBS8nIjKR3E96nf0dPjuuVfn+6tc35P//P8/yYMw8CpbgygGQlcYw8H+Ai8MvotxQImgt81hk1M4cEPF2IV43jCGo7wjk5MYhhlGMKbG+7BKO4wiGPn8DO1vIN+jGA9fpjQaUksecG4zjGPL3VQ5IZb9OAw+LtO1FkjatxwUuEoTzjSbRu9/xO+0W97nnArqvXuoxve1/9p1OUIlmNGU7EX9+KGt3GKNuyiC5WoQAe2NJFP3PpzzmoR0khpxle6h3pnkeKJPCPjbtglerVFfWhSVxfqJtK4qrChTMY4XdjVm9O21aIA92LrFcv6HHtAsclxQVnxa0WfsqgDUib4X9muStCA2W8BBgDJ0EeGeFZ8WAAAAABJRU5ErkJggg==) no-repeat 7px 7px;
}

button.st-search-submit {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: unset;
}

button.st-search-submit img {
	height: 50%;
}

.st-search-suggestions-box {
	position: absolute;
	top: 100%;
	width: 100%;
	background-color: #EAEFF4;
	overflow-y: auto;
	z-index: 1000;
}

html[data-theme='dark'] .st-search-suggestions-box {
	background-color: var(--color-background1);
}

.suggestion-item {
	padding: 10px;
	cursor: pointer;
}

.suggestion-item a {
	padding: 0 !important;
	border-bottom: unset !important;
}

html[data-theme='light'] .suggestion-item a {
	color: #323232 !important;
}

.suggestion-item:hover {
	background-color: #f1f1f1;
}

html[data-theme='dark'] .suggestion-item:hover {
	background-color: var(--color-background2);
}