.pb-divider-block {
  position: relative;
  width: 100vw;
  max-width: 99vw;
  height: var(--pb-divider-height, 64px);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  pointer-events: none;
  overflow: hidden;
}

.pb-divider-block::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: var(--pb-divider-start, 0%);
  height: 100%;
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-image: var(--pb-divider-image);
  filter: var(--pb-divider-filter, none);
}

.pb-divider-block--bar-1 {
  --pb-divider-image: url("../../../img/pb-bar.svg");
  opacity: .33;
}

.pb-divider-block--bar-2 {
  --pb-divider-image: url("../../../img/pb-bar-2.svg");
}

.pb-divider-block--white {
  --pb-divider-filter: brightness(0) invert(1);
}