.suggestionss_result {
	position: absolute;
	background-color: #fff;
	z-index: 40;
	padding: 0;
	border: 1px solid #adadad;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: rgb(173, 173, 173);
	border-top: 0;
	border-radius: 5px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	width: 100%;
}

.suggestionss_result.hidden {
	height: 0;
}

.suggestionss_result.mobile {
	width: calc(100% - 30px);
	margin: -8px 5px;
}

.result_items {
	overflow: scroll;
	max-height: 300px;
	height: auto;
	width: 100%;
	display: inline-block;
  	line-height: 1em;
}

.suggestionss_item {
	padding: .75em 1em;
	display: flex;
	flex-direction: row;
}

.suggestionss_item:nth-of-type(2n) {
	background-color: #f7f7f7;
	box-shadow: 0 0 2px #bfbfbf;
  }

.suggestionss_item .suggestionss_link {
	flex: 1 1 auto;
	line-height: 1.5em;
}

.suggestionss_item img {
	border: 1px solid #bfbfbf;
	margin-left: 10px;
	overflow: hidden;
	max-width: 50px;
	min-width: 50px;
}

.suggestionss_item .loader {
    border: 5px solid #f7f7f7; /* Light grey background */
    border-top: 5px solid #bfbfbf; /* Blue color for the spinner */
    border-radius: 50%; /* Circular shape */
    width: 20px; /* Size of the spinner */
    height: 20px; /* Size of the spinner */
    animation: spin 1.5s linear infinite; /* Animation applied to the spinner */
	margin: auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.suggestionss_headline {
	color: #000;
	padding: 10px;
	box-shadow: 0 1px 2px #bfbfbf;
  }

  .suggestionss_headline .keyword {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 8ch;
	display: inline-block;
	line-height: 1em;
  }

  .suggestionss_headline .close-button {
	display: flex;
	border: 1px solid #62a3c3;
	background-color: #62a3c3;
	color: #fff;
	height: 1.5em;
	width: 1.5em;
	align-items: center;
	text-align: center;
	transform: translateY(-0.3em);
  	border-radius: 5px;
  }

  .suggestionss_headline .close-button:hover {
	background-color: #62a3c3; /* Darkens the button color on hover for better interaction feedback */
  }
  .suggestionss_headline .close-button span {
	flex: 1 1 auto;
	margin-top: -4px;
  }

  .suggestionss_result img:hover {
	box-shadow: 0 0 1px #62a3c3;
	cursor: zoom-in;
  }

  .suggestionss_result .zoom_img {
	position: absolute;
	width: 250px;
	height: auto;
	top: 56px;
	max-width: 300px;
	/* left: 15px; */
	right: calc(15px + 50px + 15px);
	box-shadow: 0 0 1px #62a3c3;
  	border: 1px solid #bfbfbf;
  }

  .suggestionss_result .zoom_img img {
	width: 100%;
  }