.header_serach { position: relative; }

.hs-results {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1050;
  margin: 4px 0 0;
  padding: 6px 0;
  list-style: none;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
  max-height: 360px;
  overflow-y: auto;
}
.hs-results[hidden] { display: none; }

.hs-link {
  display: flex;
  flex-direction: column;
  padding: 8px 16px;
  color: #181818;
  text-decoration: none;
}
.hs-link:hover,
.hs-link.is-active { background: #f4f4f4; }

.hs-name { font-size: 14px; font-weight: 500; }
.hs-parent { font-size: 12px; color: #777; }
.hs-empty { padding: 10px 16px; font-size: 13px; color: #777; }