.ui-draggable--container {
	position: relative;
}

.ui-draggable--disable-user-select {
	user-select: none;
}

.ui-draggable--type-move .ui-draggable--source,
.ui-draggable--type-clone .ui-draggable--source,
.ui-draggable--type-drop-preview .ui-draggable--source {
	visibility: hidden;
}

.ui-draggable--type-move,
.ui-draggable--type-clone,
.ui-draggable--type-drop-preview {
	cursor: grabbing;
}

@keyframes rotateDraggableElement {
	from {
		transform: rotate(0deg) translateZ(0);
	}

	to {
		transform: rotate(2deg) translateZ(0);
	}
}

@keyframes rotateDraggableSecondElement {
	from {
		transform: rotate(0deg) translateZ(0);
	}

	to {
		transform: rotate(-1deg) translateX(5px) translateZ(0);
	}
}

.ui-draggable--draggable {
	position: fixed;
	pointer-events: none;
	transform: translateZ(0);
	margin: 0!important;
	z-index: 9999;
	will-change: left, top;
}

.ui-draggable--draggable > *:nth-child(1),
.ui-draggable--draggable > *:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}

.ui-draggable--draggable > *:nth-child(1) {
	transform: translateZ(0);
	transform-origin: center;
	animation: 100ms rotateDraggableElement both;
}

.ui-draggable--draggable > *:nth-child(2) {
	transform: translateZ(0);
	transform-origin: center;
	z-index: -1;
	animation: 100ms rotateDraggableSecondElement both;
}



.ui-draggable--drop-preview {
	position: absolute;
	top: 0;
	pointer-events: none;
	transform: translateZ(0);
	will-change: left, top;
	margin: 0!important;
}

.ui-draggable--drop-preview-clone {
	opacity: .4;
}

.ui-draggable--drop-preview:not(.ui-draggable--drop-preview-clone) {
	border: 2px rgba(0, 0, 0, .1) dashed;
	background: rgba(0, 0, 0, .03);
	border-radius: 2px;
	box-sizing: border-box;
}