/* -48px because visual bug in Chrome, doesn't make sense */
.shape-divider-spirule {
    height: 50px;
    clip-path: polygon(0 50px, 100% 0, 100% 100%, 0 100%);
    margin-top: -50px;

    &.reversed {
        transform: scaleX(-1);
    }

    &-compensate {
        height: 50px;
    }
}