/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/search-icon/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-acpresse-search-icon {
  position: relative;
}
.wp-block-acpresse-search-icon .search-icon-toggle {
  display: flex;
  align-items: center;
}
.wp-block-acpresse-search-icon .search-icon-toggle img {
  width: 24px;
  height: auto;
}
.wp-block-acpresse-search-icon .search-form-container {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 8px;
  z-index: 2;
  background: #fff;
  border: 1px solid #d4d4d4;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 6px;
  color: black;
}
.wp-block-acpresse-search-icon .search-form-container.fullscreen {
  left: 50%;
  transform: translateX(-50%);
}
.wp-block-acpresse-search-icon .search-form-container.fullscreen .search-form input[type=search] {
  width: calc(100vw - 40px);
  max-width: 400px;
}
.wp-block-acpresse-search-icon .search-form-container.medium .search-form input[type=search] {
  width: 285px;
}
.wp-block-acpresse-search-icon .search-form-container.large .search-form input[type=search] {
  width: 400px;
}
.wp-block-acpresse-search-icon .search-form-container .search-form {
  display: flex;
  flex-direction: row;
}
.wp-block-acpresse-search-icon .search-form-container .search-form input[type=search] {
  padding: 10px;
  border-radius: 6px;
  font-size: 16px;
  border: none;
}
.wp-block-acpresse-search-icon .search-form-container .search-form input[type=search]::-moz-placeholder {
  color: #adaebc;
}
.wp-block-acpresse-search-icon .search-form-container .search-form input[type=search]::placeholder {
  color: #adaebc;
}
.wp-block-acpresse-search-icon .search-form-container .search-form button {
  background: none;
  border: none;
}
.wp-block-acpresse-search-icon .search-form-container .search-form button img {
  width: auto;
  height: 30px;
}

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