/* Componentes */

.ladder_component > .ladder_component_content {
	height: 100%;
	width: 100%;
}
.ladder_component > .ladder_component_content > img,
.ladder_component > .ladder_component_content > div {
	position: absolute;
}
.ui-draggable-handle {
	user-select: none;
}

.edit .ui-draggable-handle {
	cursor: grab;
}
.edit .ui-draggable-dragging {
	cursor: grabbing;
}
.edit .ui-draggable-handle.ladder_component[body] ~ .ui-draggable-handle {
	cursor: move;
}
.edit .ui-draggable-handle.ladder_component[body] ~ .ui-draggable-handle[block_y] {
	cursor: ew-resize;
}
.edit .ui-draggable-handle.ladder_component[body] ~ .ui-draggable-handle[block_x] {
	cursor: ns-resize;
}
.edit .ui-draggable-handle.ladder_component[body] ~ .ui-draggable-handle[top][left],
.edit .ui-draggable-handle.ladder_component[body] ~ .ui-draggable-handle[bottom][right] {
	cursor: nwse-resize;
}
.edit .ui-draggable-handle.ladder_component[body] ~ .ui-draggable-handle[top][right],
.edit .ui-draggable-handle.ladder_component[body] ~ .ui-draggable-handle[bottom][left] {
	cursor: nesw-resize;
}

/* Pines */

.edit .ladder_pin {
	width: 12px;
	height: 12px;
	margin-top: -6px;
	margin-left: -6px;
	border: 1px solid grey;
	background-color: lightgrey;
	opacity: 0.5;
}
.edit .ladder_pin[circle] {
	border-radius: 50%;
}
.edit:not(.ladder-link-dragging) .ladder_pin[output] {
	border: 1px solid blue;
	background-color: lightblue;
}
.edit.ladder-link-dragging .ladder_pin.ui-droppable-active {
	background-color: lightgreen;
	border: 1px solid green;
	opacity: 1;
}

/* Links */

.edit.ladder-link-dragging .ladder_pin:not(.ui-droppable-active) {
	cursor: no-drop;
}
.edit:not(.ladder-link-dragging) .ladder_pin:not([output]):not([flex]) {
	cursor: not-allowed;
}
.edit.ladder-link-dragging .ui-draggable-handle.ladder_pin.ladder-pin-dragging {
	cursor: move !important;
}
.edit.ladder-link-dragging,
.edit.ladder-link-dragging .ui-draggable-handle,
.edit .ladder_pin[output] {
	cursor: crosshair !important;
}
.edit .ladder_link path {
  pointer-events: visiblePainted;
}

/* Front / Back */

.edit .ladder_link.back,
.edit .ladder_object.back > .ladder_component {
	z-index: 0;
}
.edit .ladder_pin,
.edit .ladder_link {
	z-index: 1;
}
.edit .ladder_object.front > .ladder_component {
	z-index: 2;
}
.edit .ladder_link.front {
	z-index: 3;
}
.edit.ladder-link-dragging #ladder-link-dragging {
	z-index: 4;
}

/* Menús */

.edit .ui-menu {
	z-index: 10;
}
.edit .ui-menu .ui-menu-item-wrapper,
.edit #link-theme-menu .ui-menu-item {
	padding: 3px 0.5em;
}
.edit #link-theme-menu .ui-menu-item:hover {
	background-color: lightgrey;
}
.edit #edit-menu #edit-menu-remove {
	color: darkred;
}