/* ============================================================
   AUTOCOMPLETE DROPDOWN
============================================================ */

.autocomplete{
  position:absolute;
  top:100%;
  left:0;
  margin-top:4px;

  background:#050505;
  border:1px solid #333;
  border-radius:8px;

  width:100%;
  max-height:260px;
  overflow-y:auto;

  z-index:var(--z-dropdown);

  box-shadow:0 18px 35px rgba(0,0,0,0.85);

  scroll-behavior:smooth;
}

.autocomplete.hidden {
  display: none;
}

.ac-item {
  padding: 8px 10px;
  cursor: pointer;
  border-bottom: 1px solid #222;
}

.ac-item:last-child {
  border-bottom: none;
}

.ac-item strong {
  color: #f5f5f5;
  font-size: 0.9rem;
}

.ac-item small {
  color: #aaa;
  font-size: 0.78rem;
}

.ac-item:hover{
  background:#171717;
  transition:background .12s ease;
}

mark.hl{
  background:rgba(var(--global),0.45);
  color:#000;
  padding:0 2px;
  border-radius:3px;
}

.autocomplete::-webkit-scrollbar{
  width:6px;
}

.autocomplete::-webkit-scrollbar-thumb{
  background:rgba(var(--global),.35);
  border-radius:4px;
}