/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/block-compare/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.compare-blocks {
  margin-bottom: 2rem;
  border: 1px solid #ddd;
}
.compare-blocks .compare-header {
  display: flex;
  gap: 20px;
  background: #f0f0f0;
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
}
.compare-blocks .compare-header .view-toggle {
  cursor: pointer;
  padding: 4px 8px;
  margin-left: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: bold;
}
.compare-blocks .compare-header .view-toggle:hover:not(.active) {
  background-color: #005177;
  color: #fff;
  border-color: #005177;
}
.compare-blocks .compare-header .view-toggle.active {
  background-color: #0073aa;
  color: #fff;
  border-color: #0073aa;
  cursor: default;
}
.compare-blocks .blocks-compare-wrapper {
  position: relative;
  margin: 20px;
  min-height: 100px;
}
.compare-blocks .blocks-compare-wrapper .wp-block-group {
  border: 1px solid transparent;
}
/* Mode: Compare (Overlay) */
.compare-blocks.compare .blocks-compare-wrapper .new-block {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  opacity: 0.5;
  background-color: #fff;
  filter: invert(1);
}
/* Mode: Legacy Only */
.compare-blocks.legacy .blocks-compare-wrapper .new-block {
  display: none;
}
/* Mode: New Only */
.compare-blocks.new .blocks-compare-wrapper .legacy-block {
  display: none;
}

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