/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.box {
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.box:hover {
	border: 2px solid #00bcd4;
}

.box-wrapper {
	position: absolute;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid currentColor;
}

.dot {
	height: 10px;
	width: 10px;
	background-color: #1e88e5;
	position: absolute;
	border-radius: 100px;
	border: 1px solid white;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

svg {
	overflow: visible;
}

ellipse {
	cursor: url("https://findicons.com/files/icons/1620/crystal_project/16/rotate_ccw.png"), auto;
	opacity: 0;
	color: red;
}

path {
	cursor: move;
}
rect {
	cursor: move;
	opacity: 0.75;
	color: red;
}

g:hover rect {
	opacity: 1;
}

g:hover ellipse {
	opacity: 1;
}