.editor-image-croper{
    // background: #FFF;
    position: absolute;
    z-index: 2;

    &:before,
    &:after{
        content: "";
        box-sizing: border-box;
        border: 1px solid #FFF;
        cursor: move;
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

    &:after{
        border: 1px dashed #666;
    }

    .editor-image-croper-mask{
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        opacity: .5;
    }

    .editor-image-croper-inner{
        background-repeat: no-repeat;
        position: absolute;
        z-index: 2;
        overflow: hidden;

        img {
            display: block;
        }
    }

    // .editor-image-croper-grid{}
}