.zdcb-separator-block.has-appearance--line {
  border: 0;
}
.zdcb-separator-block.has-appearance--line.is-colour--1 {
  background-color: var(--bs-primary-500);
}
.zdcb-separator-block.has-appearance--line.is-colour--2 {
  background-color: var(--bs-primary-900);
}
.zdcb-separator-block.has-appearance--line.is-colour--3 {
  background-color: var(--bs-shades-100);
}
.zdcb-separator-block.has-appearance--line.is-height--thin {
  height: 1px;
}
.zdcb-separator-block.has-appearance--line.is-height--medium {
  height: 3px;
}
.zdcb-separator-block.has-appearance--line.is-height--thick {
  height: 10px;
}

.zdcb-separator-block.has-appearance--pattern {
  overflow: hidden;
}
.zdcb-separator-block.has-appearance--pattern.has-background-color--2 {
  background-color: var(--bs-shades-0);

}
.zdcb-separator-block.has-appearance--pattern.has-background-color--3 {
  background-color: var(--bs-shades-100);

}
.zdcb-separator-block.has-appearance--pattern.is-inverted-pattern {
  transform: rotate3d(0, 0, 1, 180deg);
}
.zdcb-separator-block.has-appearance--pattern hr {
  display: block;
  border: 0;
  margin: 0;
  height: 32px;
  background-repeat: repeat-x;
  background-position: 0 50%;
  width: 100%;
}
.zdcb-separator-block:not(.has-appearance--pattern) hr {
  display: none;
}