/* ResizeHandleBottomLeft */
/* Dafür sollte das umschließende Element (Parent) "position: relative" sein.*/
.resize-handle-wrapper-bottom-left {
	height: 20px;
	width: 20px;
	cursor: nesw-resize;
	position: absolute;
	bottom: 4px;
	left: 4px;
	transform: rotate(90deg);
}

/* ResizeHandle – parent must have position: relative */
.resize-handle {
	position: absolute;
	z-index: 10;
	transition: box-shadow 1s ease;
}

.resize-handle--x {
	top: 0;
	width: 5px;
	height: 100%;
	cursor: ew-resize;
}

.resize-handle--y {
	left: 0;
	height: 5px;
	width: 100%;
	cursor: ns-resize;
}

.resize-handle--large {
	height: 46px;
	width: calc(100vw - 65px);
	cursor: grab;
}