.zypento-blocks-simple-slider-container{
    width: 90%;
    margin: 2em auto;
    background: rgba($color: #000000, $alpha: 0.05);
    border-radius: 6px;
    padding: 2em 1em;
}
.zypento-blocks-simple-slider-slide{
    position: relative;
    background: rgba($color: #000000, $alpha: 0.05);
    margin: 0 0 10px 0;
    &>.zypento-heading{
        padding: 10px 60px 10px 10px;
        margin: 0;
    }
    &>.zypento-menu{
        cursor: pointer;
        width: 16px;
        height: 16px;
        position: absolute;
        top: 10px;
        right: 10px;
        display: inline-block;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E") center no-repeat;
    }
    &>.zypento-delete{
        cursor: pointer;
        width: 16px;
        height: 16px;
        position: absolute;
        top: 10px;
        right: 40px;
        display: inline-block;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34m-6.489 5.8a1 1 0 0 0-1.218 1.567L10.585 12l-1.292 1.293l-.083.094a1 1 0 0 0 1.497 1.32L12 13.415l1.293 1.292l.094.083a1 1 0 0 0 1.32-1.497L13.415 12l1.292-1.293l.083-.094a1 1 0 0 0-1.497-1.32L12 10.585l-1.293-1.292l-.094-.083z'/%3E%3C/svg%3E") center no-repeat;
    }
    & .zypento-blocks-simple-slider-slide-content{
        padding: 10px;
        & .zypento-item{
            padding: 10px;
            background: rgba($color: #000000, $alpha: 0.05);
            border-radius: 4px;
            margin: 0 0 10px 0;
            &>label{
                margin: 0 0 10px 0;
            }
        }
    }
    & .zypento-colorpicker-wrap .components-color-picker {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        & .react-colorful{
            max-width: 100%;
        }
        & .react-colorful__hue{
            max-width: 100%;
        }
    }
}
.zypento-blocks-simple-slider-add-slide{
    margin: 10px 0 0 0;
    text-align: center;
    &>span{
        display: inline-block;
        padding: 5px 20px;
        background: #000000;
        border-radius: 2em;
        color: #ffffff;
        cursor: pointer;
    }
}