.sjx-wrapper {
	position: static;
	width: 0;
	height: 0;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none
}

.sjx-controls {
	display: inline-block;
	top: 0;
	left: 0;
	z-index: 2147483647;
	border: 1px dashed #32b5fe;
	background-color: rgba(0, 168, 255, .1)
}

.sjx-hdl {
	border-radius: 50%;
	width: 12px;
	height: 12px;
	border: 1px solid #fff;
	background-color: #00a8ff
}

.sjx-hdl-tl, .sjx-hdl-br {
    cursor: nw-resize;
}

.sjx-hdl-tr, .sjx-hdl-bl {
    cursor: ne-resize;
}

.sjx-hdl-tc, .sjx-hdl-bc {
    cursor: n-resize;
}

.sjx-hdl-ml, .sjx-hdl-mr {
    cursor: e-resize;
}

.sjx-hdl-t {
	top: -6px
}

.sjx-hdl-m {
	top: calc(50% - 6px)
}

.sjx-hdl-b {
	top: calc(100% - 6px)
}

.sjx-hdl-l {
	left: -6px
}

.sjx-hdl-c {
	left: calc(50% - 6px)
}

.sjx-hdl-r {
	left: calc(100% - 6px)
}

.sjx-hdl-mc {
	background-color: #fe3232
}

.sjx-rotator {
    left: calc(100% + 45px);
    cursor: alias;
}

.sjx-normal {
	display: inline-block;
	border: .5px dashed #00a8ff;
	top: 50%;
	left: 100%;
	width: 50px;
	height: 0
}

.sjx-controls,
.sjx-hdl,
.sjx-normal {
	position: absolute;
	box-sizing: border-box
}

.sjx-hidden {
	display: none
}