/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/icon-picker/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.
 */
.rfipdropdown {
  width: 100%;
  position: initial;
}

.rfipicons__cp {
  width: 45px !important;
}

.fipicon-angle-down {
  display: none;
}

#wens-haelo-pro-template-icon .custom-svg-icon svg path,
#wens-haelo-pro-template-icon .custom-svg-icon svg {
  fill: var(--var-svg-color) !important;
}

#wens-haelo-pro-template-icon a:hover .custom-svg-icon svg path,
#wens-haelo-pro-template-icon a:hover .custom-svg-icon svg {
  fill: var(--wp--preset--color--secondary) !important;
}

#wens-haelo-pro-template-icon .custom-svg-icon svg {
  height: var(--var-svg-font-size) !important;
  width: var(--var-svg-font-size) !important;
}

.custom-svg-icon {
  line-height: 0; /* Remove extra space below inline SVG */
  padding: 0;
}

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