.spacer hr {
  margin: 0;
}

.spacer.spacer--black hr {
  background-color: var(--si-color-black);
}
.spacer.spacer--gray hr {
  background-color: var(--si-color-medium-gray);
}

.spacer.spacer--12 {
  padding-block: 6px;
}
.spacer.spacer--24 {
  padding-block: calc(var(--si-space-24) / 2);
}
.spacer.spacer--60 {
  padding-block: calc(var(--si-space-60) / 2);
}
.spacer.spacer--120 {
  padding-block: calc(var(--si-space-120) / 2);
}

#storybook-root .spacer {
  border: dashed 1px lightblue;
}