/* Element: search */
.mhb-el--search .mhb-search {
  display: flex;
  gap: 0;
  min-width: var(--mhb-search-minw, 160px);
  max-width: var(--mhb-search-maxw, 280px);
  width: 100%;
  border-radius: var(--mhb-el-radius, 0);
  overflow: hidden;
}
.mhb-el--search .mhb-search input {
  flex: 1;
  min-width: 0;
  height: var(--mhb-search-h, 40px);
  border: 1px solid var(--mhb-search-border, var(--mhb-line, #d9dde3));
  padding: 0 12px;
  background: var(--mhb-el-bg, var(--mhb-paper, #fff));
  color: var(--mhb-el-color, var(--mhb-ink, #12161f));
  font-size: var(--mhb-el-fs, 14px);
  border-radius: 0;
}
.mhb-el--search .mhb-search button {
  height: var(--mhb-search-h, 40px);
  padding: 0 12px;
  border: 1px solid var(--mhb-search-btn-bg, var(--mhb-ink, #12161f));
  background: var(--mhb-search-btn-bg, var(--mhb-ink, #12161f));
  color: var(--mhb-search-btn-color, #fff);
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
}
.mhb-el--search .mhb-search--overlay {
  position: relative;
}