.module-divider {
    height: calc(249 * var(--base-unit));
  }
  
  .module-divider > div {
    background-color: var(--color, transparent);
    clip-path: polygon(0% calc(0% + (var(--slant-angle) * 0.495)), 100% 0%, 100% 100%, 0% calc(100% - (var(--slant-angle) * 0.495)));
    height: 100%;
    width: 49.5%;
    margin-left: auto;
  }
  
  .module-divider[data-alignment="left"] > div {
    margin-left: 0;
    margin-right: auto;
    clip-path: polygon(0% 0%, 100% calc(0% + (var(--slant-angle) * 0.495)), 100% calc(100% - (var(--slant-angle) * 0.495)), 0% 100%);
  }
  
  .module-divider.is-transparent > div {
    background: var(--hero-background-image) no-repeat center top / cover;
    background-attachment: fixed;
  }
  
  html.touchevents .module-divider.is-transparent > div {
    background-image: none;
    background-color: var(--color, transparent);
  }