/*!************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/scss/block-spacer.scss ***!
  \************************************************************************************************************************/
.spacer-wrapper {
  overflow-x: clip;
  overflow-y: visible;
  position: relative;
  background: var(--spacer-bg-top, var(--wp--preset--color--grayscale-01, #0e0e0e));
}
.spacer-wrapper .spacer-curve {
  position: absolute;
  top: calc(54px + var(--spacer-limit, 50%));
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--spacer-bg-bottom, var(--wp--preset--color--grayscale-10, #ffffff));
  overflow-x: clip;
  overflow-y: visible;
}
.spacer-wrapper .spacer-curve .curve-inner {
  background: var(--spacer-bg-bottom, var(--wp--preset--color--grayscale-10, #ffffff));
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  position: absolute;
  height: 100%;
  top: -54px;
  height: 102px;
  left: -5%;
  right: -5%;
  backface-visibility: hidden;
}