.pmflow-workspace {
	background-size: 20px 20px;
	background-image:
		linear-gradient(to right, #dadae7 1px, transparent 1px),
		linear-gradient(to bottom, #dadae7 1px, transparent 1px);
}

@media (prefers-color-scheme: dark) {
	.pmflow-workspace {
		background-size: 20px 20px;
		background-image:
			linear-gradient(to right, #101010 1px, transparent 1px),
			linear-gradient(to bottom, #101010 1px, transparent 1px);
	}
}
.pmflow-zoombox {
	position: absolute;
	right: 15px;
	bottom: 10px;
	z-index: 100;
	display: flex;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

.pmflow-zoombox > button {
	border: 1px solid #808080;
	background: #eeeeff;
	color: #555;
	border-radius: 10px 10px;
	width: 20px;
	height: 20px;
	padding: 0 0 2px 0;
	opacity: 0.5;
	font-weight: 600;
	line-height: 17px;
}

.pmflow-zoombox > button:hover {
	background: #fff;
	color: #000;
	cursor: pointer;
	opacity: 1;
}

.pmflow-zoombox > button:active {
	background: #ff8;
	color: #000;
	cursor: pointer;
	opacity: 1;
	transform: translate(0px, 1px);
}

.pmflow-zoombox > div {
	color: #888;
	width: 46px;
	text-align: center;
	font-size: 13px;
	margin-top: 2px;
}

svg text {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pmflow-element-shadow {
	fill: transparent;
	stroke: #808080;
	stroke-width: 2px;
	opacity: 0.5;
}

.pmflow-drag {
	cursor: all-scroll;
}
.pmflow-drag > rect.pmflow-element-shadow {
	opacity: 1;
}

.pmflow-element-input {
	pointer-events: visible;
	stroke: #A0A0A0;
	stroke-width: 2px;
	fill: #f0f080;
}
.pmflow-element-input:hover {
	fill: #59d86f;
}

.pmflow-element-output {
	pointer-events: visible;
	stroke: #A0A0A0;
	stroke-width: 2px;
	fill: #d0f0f0;
}
.pmflow-element-output:hover {
	fill: #59d86f;
}

.pmflow-line {
	fill: none;
	stroke: #596fd8;
	stroke-width: 3px;
}

.pmflow-line-queue-members {
	fill: none;
	stroke: #a959d8;
	stroke-width: 3px;
}

.pmflow-line-group-members {
	fill: none;
	stroke: #d88159;
	stroke-width: 3px;
}

.pmflow-newline {
	fill: none;
	stroke: #59d86f;
	stroke-width: 3px;
}

.pmflow-element-output-label {
	text-anchor: end;
	font-size: 10px;
	fill: rgb(85, 136, 170);
}

.pmflow-workspace-drag {
	cursor: all-scroll;
}