/**
 * Shape Divider Block Styles
 */

.zonkey-shape-divider {
    position: relative;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    pointer-events: none;
}

.zonkey-shape-divider svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 100%;
}

/* Position variants */
.zonkey-shape-divider.position-bottom {
    margin-bottom: -1px;
}

.zonkey-shape-divider.position-top {
    margin-top: -1px;
}

/* Editor specific styles */
.block-editor-block-list__layout .zonkey-shape-divider {
    background: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 10px,
        rgba(0, 0, 0, 0.03) 10px,
        rgba(0, 0, 0, 0.03) 20px
    );
}