.gedit-selector {
    position: absolute;
    overflow: visible;
    left: 0;
    top: 0;
}
.gedit-selector-node {
    position: absolute;
    cursor: grab;
}

.gedit-selector-node.selected:active {
    cursor: grabbing;
}
.gedit-selector-node.multiple {
    z-index: 50
}
.gedit-selector-node.selected .gedit-selector-bound,
.gedit-selector-node.hovered .gedit-selector-bound,
.gedit-selector-node.selected.circle,
.gedit-selector-node.hovered.circle
{
    border-color: var(--g-playground-blur);
}

.gedit-selector-node.hovered {
  /*background-color: var(--g-playground-select-hover-background);*/
  z-index: 50;
}
.gedit-selector-node.selected {
  z-index: 52;
}
.gedit-selector-node.focused.hovered .gedit-selector-bound,
.gedit-selector-node.focused.hovered.circle
{
    border-color: var(--g-playground-hover);
}
.gedit-selector-node.focused.selected .gedit-selector-bound,
.gedit-selector-node.focused.selected.circle
{
    border-color: var(--g-playground-select);
}
.gedit-selector-node.focused .gedit-selector-control,
.gedit-selector-node.focused .gedit-selector-control.rotate
{
    border-color: var(--g-playground-select);
}

.gedit-selector-control {
    position: absolute;
    width: var(--g-playground-select-control-size);
    height: var(--g-playground-select-control-size);
    border-radius: calc(var(--g-playground-select-control-size) / 2);
    background-color: white;
    border: 2px solid var(--g-playground-blur);
    z-index: 60;
    transition: transform .3s;
    /*box-shadow: 0 3px 3px 0px #333;*/
}
.gedit-selector-control:hover {
    transform: scale(1.1);
}
.gedit-selector-control.left {
    left: calc(var(--g-playground-select-control-size) / 2 * -1);
    top: 50%;
    margin-top: calc(var(--g-playground-select-control-size) / 2 * -1);
    cursor: ew-resize;
    /*box-shadow: 3px 0px 6px 0px #333*/
}
.gedit-selector-control.right {
    right: calc(var(--g-playground-select-control-size) / 2 * -1);
    margin-top: calc(var(--g-playground-select-control-size) / 2 * -1);
    top: 50%;
    cursor: ew-resize;
}
.gedit-selector-control.bottom {
    left: 50%;
    margin-left: calc(var(--g-playground-select-control-size) / 2 * -1);
    bottom: calc(var(--g-playground-select-control-size) / 2 * -1);
    cursor: ns-resize;
}
.gedit-selector-control.top {
    left: 50%;
    margin-left: calc(var(--g-playground-select-control-size) / 2 * -1);
    top: calc(var(--g-playground-select-control-size) / 2 * -1);
    cursor: ns-resize;
}
.gedit-selector-control.leftTop {
    left: calc(var(--g-playground-select-control-size) / 2 * -1);
    top: calc(var(--g-playground-select-control-size) / 2 * -1);
    cursor: nwse-resize;
}
.gedit-selector-control.leftBottom {
    left: calc(var(--g-playground-select-control-size) / 2 * -1);
    bottom: calc(var(--g-playground-select-control-size) / 2 * -1);
    cursor: nesw-resize;
}
.gedit-selector-control.rightTop {
    right: calc(var(--g-playground-select-control-size) / 2 * -1);
    top: calc(var(--g-playground-select-control-size) / 2 * -1);
    cursor: nesw-resize;
}
.gedit-selector-control.rightBottom {
    right: calc(var(--g-playground-select-control-size) / 2 * -1);
    bottom: calc(var(--g-playground-select-control-size) / 2 * -1);
    cursor: nwse-resize;
}

.gedit-selector-control.origin {
    left: 50%;
    top: 50%;
    margin-left: calc(16px / 2 * -1);
    margin-top: calc(16px / 2 * -1);
    -webkit-mask: var(--g-playground-icon-origin);
    mask: var(--g-playground-icon-origin);
    background-color: var(--g-playground-select);
    opacity: 0.8;
    border: none;
    cursor: default;
    width: 16px;
    height: 16px;
    border-radius: 0px;
    -webkit-mask-size: contain;
    cursor: move;
}

.gedit-selector-control.rotate {
    left: 50%;
    margin-left: -11px;
    top: -34px;
    background-image: var(--g-playground-icon-rotate) !important;
    width: 22px;
    height: 22px;
    border-radius: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.gedit-selector-ruler {
    position: absolute;
    background-color: var(--g-playground-ruler-select);
    z-index: 102;
    opacity: 0.3;
}

.gedit-selector-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    z-index: 33;
    outline: 1px dashed var(--g-playground-selectBox-outline);
    background-color: var(--g-playground-selectBox-background);
}

.gedit-selector-bounds {
    position: absolute;
    /* box-sizing: content-box !important; */
    border-color: transparent;
    z-index: 50;
}
.gedit-selector-bounds.circle {
    z-index: 51;
    border-radius: 50%;
}
.gedit-selector-bounds.circle .gedit-selector-bound {
    display: none;
}
.gedit-selector-bounds-rotate {
    z-index: 50
}

.gedit-selector-bound {
    position: absolute;
    border-color: transparent;
    box-sizing: border-box;
    z-index: 51
}