.resizable-div>.resizable-div-higne>.resizable-div-resizer {
    visibility: hidden;
}

.resizable-div.resizable>.resizable-div-higne>.resizable-div-resizer {
    visibility: visible;
}

.resizable-div {
    box-sizing: border-box;
    -webkit-user-select: none;
    /* Safari 3.1+ */
    -moz-user-select: none;
    /* Firefox 2+ */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Standard syntax */
}

.resizable-div-higne {
    position: relative;
    width: 100%;
    height: 100%;
}

.resizable-div-resizer {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 3px;
    border: solid 1px black;
    z-index: 1;
}

.resizable-div-resizer.move {
    top: 8px;
    left: calc(50% - 4px);
    background-color: rgb(42, 255, 191);
    cursor: move;
}

.resizable-div-resizer.nw {
    top: -4px;
    left: -4px;
    cursor: nw-resize;
}

.resizable-div-resizer.n {
    top: -4px;
    left: calc(50% - 4px);
    cursor: n-resize;
}

.resizable-div-resizer.ne {
    top: -4px;
    right: -4px;
    cursor: ne-resize;
}

.resizable-div-resizer.e {
    top: calc(50% - 4px);
    right: -4px;
    cursor: e-resize;
}

.resizable-div-resizer.se {
    bottom: -4px;
    right: -4px;
    cursor: se-resize;
}

.resizable-div-resizer.s {
    bottom: -4px;
    left: calc(50% - 4px);
    cursor: s-resize;
}

.resizable-div-resizer.sw {
    bottom: -4px;
    left: -4px;
    cursor: sw-resize;
}

.resizable-div-resizer.w {
    top: calc(50% - 4px);
    left: -4px;
    cursor: w-resize;
}

.resizable-div-content {
    position: absolute;
    z-index: 0;
}