.spacer__wrapper {
  --spacer-height: var(--spacer-height-mobile, 32px);
  height: var(--spacer-height);
  background: var(--background-primary, #fff);
}
@media (min-width: 992px) {
  .spacer__wrapper {
    --spacer-height: var(--spacer-height-desktop, 32px);
  }
}
.spacer__wrapper--preview {
  position: relative;
  margin: 16px;
  border-radius: var(--border-radius-block);
  background-image: repeating-linear-gradient(315deg, var(--background-primary, #fff), var(--background-primary, #fff) 6px, color-mix(in srgb, var(--color-primary) 15%, transparent) 6px, color-mix(in srgb, var(--color-primary) 15%, transparent) 7px) !important;
}
.spacer__wrapper--preview span {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translateY(-50%);
  padding: 4px 6px;
  background-color: var(--background-primary, #fff);
  color: var(--color-primary, #000);
}