/*! JsonFlow v4.0.0 (2023-03-29)
*/
.joint-viewport {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.joint-paper-background,
.joint-paper-grid,
.joint-paper > svg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
[magnet='true']:not(.joint-element) {
	cursor: crosshair;
}
[magnet='true']:not(.joint-element):hover {
	opacity: 0.7;
}
.joint-element {
	cursor: move;
}
.joint-element * {
	-webkit-user-drag: none;
}
.joint-element .scalable * {
	vector-effect: non-scaling-stroke;
}
.marker-source,
.marker-target {
	vector-effect: non-scaling-stroke;
}
.joint-paper {
	position: relative;
}
.joint-highlight-opacity {
	opacity: 0.3;
}
.joint-link .connection,
.joint-link .connection-wrap {
	fill: none;
}
.marker-vertices {
	opacity: 0;
	cursor: move;
}
.marker-arrowheads {
	opacity: 0;
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
}
.link-tools {
	opacity: 0;
	cursor: pointer;
}
.link-tools .tool-options {
	display: none;
}
.joint-link:hover .link-tools,
.joint-link:hover .marker-arrowheads,
.joint-link:hover .marker-vertices {
	opacity: 1;
}
.marker-vertex-remove {
	cursor: pointer;
	opacity: 0.1;
}
.marker-vertex-group:hover .marker-vertex-remove {
	opacity: 1;
}
.marker-vertex-remove-area {
	opacity: 0.1;
	cursor: pointer;
}
.marker-vertex-group:hover .marker-vertex-remove-area {
	opacity: 1;
}
.joint-element .fobj {
	overflow: hidden;
}
.joint-element .fobj body {
	background-color: transparent;
	margin: 0;
	position: static;
}
.joint-element .fobj div {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	padding: 0 5px 0 5px;
}
.joint-paper.joint-theme-dark {
	background-color: #18191b;
}
.joint-link.joint-theme-dark .connection-wrap {
	stroke: #8f8ff3;
	stroke-width: 15;
	stroke-linecap: round;
	stroke-linejoin: round;
	opacity: 0;
	cursor: move;
}
.joint-link.joint-theme-dark .connection-wrap:hover {
	opacity: 0.4;
	stroke-opacity: 0.4;
}
.joint-link.joint-theme-dark .connection {
	stroke-linejoin: round;
}
.joint-link.joint-theme-dark .link-tools .tool-remove circle {
	fill: #f33636;
}
.joint-link.joint-theme-dark .link-tools .tool-remove path {
	fill: #fff;
}
.joint-link.joint-theme-dark .link-tools [event='link:options'] circle {
	fill: green;
}
.joint-link.joint-theme-dark .marker-vertex {
	fill: #5652db;
}
.joint-link.joint-theme-dark .marker-vertex:hover {
	fill: #8e8ce1;
	stroke: none;
}
.joint-link.joint-theme-dark .marker-arrowhead {
	fill: #5652db;
}
.joint-link.joint-theme-dark .marker-arrowhead:hover {
	fill: #8e8ce1;
	stroke: none;
}
.joint-link.joint-theme-dark .marker-vertex-remove-area {
	fill: green;
	stroke: #006400;
}
.joint-link.joint-theme-dark .marker-vertex-remove {
	fill: #fff;
	stroke: #fff;
}
.joint-paper.joint-theme-default {
	background-color: #fff;
}
.joint-link.joint-theme-default .connection-wrap {
	stroke: #000;
	stroke-width: 15;
	stroke-linecap: round;
	stroke-linejoin: round;
	opacity: 0;
	cursor: move;
}
.joint-link.joint-theme-default .connection-wrap:hover {
	opacity: 0.4;
	stroke-opacity: 0.4;
}
.joint-link.joint-theme-default .connection {
	stroke-linejoin: round;
}
.joint-link.joint-theme-default .link-tools .tool-remove circle {
	fill: red;
}
.joint-link.joint-theme-default .link-tools .tool-remove path {
	fill: #fff;
}
.joint-link.joint-theme-default .marker-vertex {
	fill: #1abc9c;
}
.joint-link.joint-theme-default .marker-vertex:hover {
	fill: #34495e;
	stroke: none;
}
.joint-link.joint-theme-default .marker-arrowhead {
	fill: #1abc9c;
}
.joint-link.joint-theme-default .marker-arrowhead:hover {
	fill: #f39c12;
	stroke: none;
}
.joint-link.joint-theme-default .marker-vertex-remove {
	fill: #fff;
}
@font-face {
	font-family: lato-light;
	src: url(data:application/font-woff;charset=utf-8;base64,[encoded data, 41088 characters])
		format('woff');
	font-weight: 400;
	font-style: normal;
}
.joint-link.joint-theme-material .connection-wrap {
	stroke: #000;
	stroke-width: 15;
	stroke-linecap: round;
	stroke-linejoin: round;
	opacity: 0;
	cursor: move;
}
.joint-link.joint-theme-material .connection-wrap:hover {
	opacity: 0.4;
	stroke-opacity: 0.4;
}
.joint-link.joint-theme-material .connection {
	stroke-linejoin: round;
}
.joint-link.joint-theme-material .link-tools .tool-remove circle {
	fill: #c64242;
}
.joint-link.joint-theme-material .link-tools .tool-remove path {
	fill: #fff;
}
.joint-link.joint-theme-material .marker-vertex {
	fill: #d0d8e8;
}
.joint-link.joint-theme-material .marker-vertex:hover {
	fill: #5fa9ee;
	stroke: none;
}
.joint-link.joint-theme-material .marker-arrowhead {
	fill: #d0d8e8;
}
.joint-link.joint-theme-material .marker-arrowhead:hover {
	fill: #5fa9ee;
	stroke: none;
}
.joint-link.joint-theme-material .marker-vertex-remove-area {
	fill: #5fa9ee;
}
.joint-link.joint-theme-material .marker-vertex-remove {
	fill: #fff;
}
.joint-link.joint-theme-modern .connection-wrap {
	stroke: #000;
	stroke-width: 15;
	stroke-linecap: round;
	stroke-linejoin: round;
	opacity: 0;
	cursor: move;
}
.joint-link.joint-theme-modern .connection-wrap:hover {
	opacity: 0.4;
	stroke-opacity: 0.4;
}
.joint-link.joint-theme-modern .connection {
	stroke-linejoin: round;
}
.joint-link.joint-theme-modern .link-tools .tool-remove circle {
	fill: red;
}
.joint-link.joint-theme-modern .link-tools .tool-remove path {
	fill: #fff;
}
.joint-link.joint-theme-modern .marker-vertex {
	fill: #1abc9c;
}
.joint-link.joint-theme-modern .marker-vertex:hover {
	fill: #34495e;
	stroke: none;
}
.joint-link.joint-theme-modern .marker-arrowhead {
	fill: #1abc9c;
}
.joint-link.joint-theme-modern .marker-arrowhead:hover {
	fill: #f39c12;
	stroke: none;
}
.joint-link.joint-theme-modern .marker-vertex-remove {
	fill: #fff;
}
