/* Autocomplete styles for multiple authors */

.tag-container {
  display: flex;
  cursor: text;
  flex-direction: column;
  width: 50%;
}

.tag-input {
  border: none;
  outline: none;
  min-width: 100%;
}

.tag {
  font-size: 0.75rem;
  width: 100%;
  padding: 0.5rem 1rem;
  margin: 0.25rem 0;
  background-color: var(--color-background);
  border: 0.063rem solid #ccc;
  border-radius: 0.25rem;
}
.tag span {
  margin-left: 5px;
  cursor: pointer;
}
.suggestions {
  font-size: 0.75rem;
  border: 0.063rem solid #ccc;
  border-radius: 0.25rem;
  max-height: 150px;
  overflow-y: auto;
  position: absolute;
  background-color: var(--color-background);
  z-index: 100;
}
.suggestion {
  padding: 5px;
  cursor: pointer;
}
.suggestion:hover {
  background: #eee;
}

/* <fieldset id=\"other_authors_fieldset_$thesis_id\" class=\"form__fieldset other_authors\">
				<label>". thesis::language ($output, "other_authors") 	."</label>
				<div class=\"tag-container\">
				$tag
				<input type=\"text\" id=\"other_authors_$thesis_id\" disabled=\"disabled\" class=\"tag-input\" placeholder=\"". thesis::language ($output, "search_authors") 	."\">
				<input type=\"hidden\" class=\"thesis_id\" value=\"$thesis_id\">
				</div>
				<div class=\"suggestions\" style=\"display:none;\"></div>
				$hidden
			</fieldset> */