/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/hover-highlights/hover-highlights-container/editor.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied inside the editor only.
 *
 * Replace them with your own styles or remove the file completely.
 */
.hover-highlights2-editor {
  display: flex;
  align-items: center;
  gap: 40px;
}
.hover-highlights2-editor .left {
  display: flex;
  flex-direction: column;
  width: 30%;
  gap: 20px;
}
.hover-highlights2-editor .left .item-data .header {
  display: flex;
  align-items: center;
  gap: 20px;
}
.hover-highlights2-editor .left .item-data .header h2 {
  margin: 0;
}
.hover-highlights2-editor .left .item-data .header .hover-highlight-arrow {
  flex-shrink: 0;
  width: 20px;
  height: auto;
}
.hover-highlights2-editor .left .item-data .header .hover-highlight-arrow svg {
  display: block;
  width: 100%;
  height: auto;
}
.hover-highlights2-editor .left .item-data h3 {
  margin-top: 15px;
}
.hover-highlights2-editor .right {
  width: 70%;
}
.hover-highlights2-editor .right .block-list-appender {
  width: 100%;
  padding: 0;
  position: relative;
}
.hover-highlights2-editor .right .block-list-appender .custom-appender-wrapper {
  width: 100%;
  line-height: normal;
  padding: 20px;
  background: transparent;
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
  box-sizing: border-box;
}
.hover-highlights2-editor .right .block-list-appender .custom-appender-wrapper .custom-block-appender {
  position: relative;
  background: white !important;
  color: #1d2327 !important;
  border: 1px solid black !important;
  padding: 8px 16px;
  box-shadow: none;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  font-size: 13px;
}
.hover-highlights2-editor .right .block-list-appender .custom-appender-wrapper .custom-block-appender:hover {
  color: #007cba !important;
  border-color: #007cba !important;
}
.hover-highlights2-editor .right .block-list-appender .custom-appender-wrapper .custom-block-appender:hover svg path {
  fill: #007cba !important;
}
.hover-highlights2-editor .right .block-list-appender .custom-appender-wrapper .custom-block-appender:focus {
  box-shadow: 0 0 0 1px #1d2327, 0 0 0 3px #f3f4f6;
  outline: none;
}
.hover-highlights2-editor .right .block-list-appender .custom-appender-wrapper .custom-block-appender svg {
  display: block;
  width: 20px;
  height: auto;
}

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