/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.wp-forblock-search {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  border: var(--border-width, 1px) solid var(--border-color, #ccc);
  border-radius: var(--border-radius, 6px);
  background-color: var(--bg-color, #000);
  color: var(--text-color, #fff);
  padding: 3px 3px 3px 16px;
}

.wp-forblock-search input {
  background: transparent;
  color: inherit;
  border: none;
  flex-grow: 1;
  outline: none;
  height: 46px;
  font-size: 16px;
  font-family: "Montserrat";
}

.wp-forblock-search ul {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 100;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
  border-top: none;
}

.wp-forblock-search ul li {
  padding: 6px 10px;
  cursor: pointer;
}

.wp-forblock-search ul li:hover {
  background-color: #eee;
}

.wp-forblock-search .search-button {
  background: var(--button-bg, #111);
  color: var(--button-text-color, #ddd);
  padding: 6px 12px;
  border: none;
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  height: 48px;
  min-width: 210px;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  font-family: "Montserrat";
  gap: 12px;
}

.wp-forblock-search {
  position: relative;
}
.wp-forblock-search ul.autocomplete-list {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: #1b1b1d;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
  padding: 0px 0;
  margin: 0;
  list-style: none;
  z-index: 999;
}
.wp-forblock-search ul.autocomplete-list.visible {
  display: block;
}
.wp-forblock-search ul.autocomplete-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 16px;
  font-size: 14px;
  color: #eaeaea;
  cursor: pointer;
  transition: 0.2s;
  border-radius: 12px;
}
.wp-forblock-search ul.autocomplete-list li::before {
  content: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M19.8804 19.1438L15.0221 14.2558C15.9276 13.1713 16.4734 11.776 16.4734 10.2525C16.4734 6.80078 13.6751 4.00253 10.2234 4.00253C6.77164 4.00253 3.97339 6.80078 3.97339 10.2525C3.97339 13.7043 6.77164 16.5025 10.2234 16.5025C11.7916 16.5025 13.2241 15.9235 14.3216 14.969L19.1731 19.851C19.3684 20.0463 19.6852 20.0463 19.8804 19.851C20.0754 19.6558 20.0754 19.3393 19.8804 19.1438H19.8804ZM10.2234 15.5108C7.31939 15.5108 4.96514 13.1565 4.96514 10.2525C4.96514 7.34853 7.31939 4.99428 10.2234 4.99428C13.1274 4.99428 15.4816 7.34853 15.4816 10.2525C15.4816 13.1565 13.1274 15.5108 10.2234 15.5108Z%27 fill=%27%23EFEDED%27/%3E%3C/svg%3E");
  opacity: 0.5;
  font-size: 13px;
}
.wp-forblock-search ul.autocomplete-list li:hover {
  background: rgba(255, 255, 255, 0.05);
}

.search-clear {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  color: #aaa;
  font-size: 16px;
  cursor: pointer;
  padding: 4px;
  z-index: 10;
}
.search-clear:hover {
  color: #fff;
}

/*# sourceMappingURL=style-index.css.map*/