.shape-divider {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 1
}

.shape-divider[data-position=bottom] {
    top: auto;
    bottom: -1px
}

.shape-divider[data-front=true] {
    z-index: 4
}

.shape-divider svg {
    position: relative;
    width: 100%;
    width: calc(100% + 1.3px);
    height: 50px;
    left: 50%;
    transform: translateX(-50%);
    /*opacity: 0*/
}

.shape-divider[data-flip-vertical=true],.shape-divider[data-position=bottom] {
    transform: rotate(180deg)
}

.shape-divider[data-position=bottom][data-flip-vertical=true] {
    transform: rotate(0)
}

.shape-divider[data-flip=true] svg {
    transform: translateX(-50%) rotateY(180deg)
}

.shape-divider-fill {
    fill: white;
    transform-origin: center;
    transform: rotateY(0)
}

#shape-divider-5750.shape-divider svg { width: calc( 100% + 1.5px );height: 150px; } #shape-divider-5750.shape-divider .shape-divider-fill { fill: null; }