.pxg_geo_box.box {
            position: absolute;
            user-select: none;
            transform: translate(-50%, -50%);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center top;
}
.resize-handler.close{background-color:transparent!important;height:18px!important;width:18px!important;border:0px!important}
.resize-handler.name{background-color:transparent!important;height:18px!important;width:100%!important;border:0px!important;top:15px!important;left:0px!important;text-align: center;font-weight:600;color:red;}
.resize-handler {
                height: 13px;
                width: 13px;
                background-color: #000;
                position: absolute;
                border: 3px dashed #1bff00;
                user-select: none;
                display: none;
            }
}
.resize-handler:hover {background-color: #0000cc;}
.resize-handler.rotate {cursor: url('rotate_ccw.png'), auto;}
:root {
                /* id-1 */
                --left-1: 200px;
                --top-1: 200px;
                --width-1: 200px;
                --height-1: 200px;
                --bg-1: #ffff00cc;
                --zi-1: 1;
                /* id-2 */
                --left-2: 500px;
                --top-2: 200px;
                --width-2: 300px;
                --height-2: 200px;
                --bg-2: #0050ffcc;
                --zi-2: 2;
}