.divider {
  position: relative;
  z-index: 10;
  height: 1.25rem;
  background-color: var(--divider-bg-color, transparent);
}
.divider::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--divider-color, #bf2a2f);
  -webkit-mask-image: url("../../../_images/divider-wavy.svg");
          mask-image: url("../../../_images/divider-wavy.svg");
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
}
.divider--rectangles {
  height: 2.5rem;
}
.divider--rectangles::after {
  -webkit-mask-image: url("../../../_images/divider-rectangles.svg");
          mask-image: url("../../../_images/divider-rectangles.svg");
}
.divider--crooked {
  height: 0.25rem;
  margin-top: -0.25rem;
}
.divider--crooked::after {
  -webkit-mask-image: url("../../../_images/divider-crooked.svg");
          mask-image: url("../../../_images/divider-crooked.svg");
}