/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./assets/scss/blocks/blockSpacer.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.block-spacer-block.is-spacer-xs {
  height: var(--space1);
}
.block-spacer-block.is-spacer-sm {
  height: var(--space2);
}
.block-spacer-block.is-spacer-normal {
  height: calc(var(--space4) - 2.89px);
}
.block-spacer-block.is-spacer-md {
  height: var(--space5);
}
.block-spacer-block.is-spacer-lg {
  height: var(--space6);
}
.block-spacer-block.is-spacer-xl {
  height: var(--space7);
}
.block-spacer-block.is-spacer-huge {
  height: var(--space8);
}

.editor-styles-wrapper .block-spacer-block {
  background: #f6f6f6;
  position: relative;
}
.editor-styles-wrapper .block-spacer-block::after {
  content: "Spacer";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 8px;
  text-transform: uppercase;
  color: #555;
  letter-spacing: 2px;
}