.editor-background,
.editor-background__main {
    position: absolute;
    width: 100%;
    height: 100%;
    // transition: 0.4s transform;
}

.editor-background {
    img {
        position: absolute;
        left: 0;
        top: 0;
    }
}

.editor-background-editor {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    &::after,
    &::before {
        cursor: move;
    }

    &__light,
    &__main,
    &__main-inner,
    &__image {
        cursor: move;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    &__light {
        overflow: hidden;
        &-inner {
            position: absolute;
            box-sizing: content-box;
            box-shadow: 0 0 0 10000px rgba(255, 255, 255, 0.5);
        }
    }
}

.editor-background--selected .editor-background__border {
    pointer-events: none;
}
.editor-background--selected .editor-background__border,
.editor-background-editor::after, 
.editor-background-editor::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    border-width: 1px;
    z-index: 2;
}
.editor-background-editor::before,
.editor-background--selected .editor-background__border--before{
    display: block;
    border-color: #666;
    border-style: solid;
}

.editor-background-editor::after,
.editor-background--selected .editor-background__border--after{
    display: block;
    border-style: dashed;
    border-color: #FFF;
}