.fanIconLabel {
	fill: var(--line-color);
	font-size: var(--label-2cm);
	pointer-events: none;
	dominant-baseline22: middle;
	text-anchor2: middle;
}
.fanDisabledLabel {
	fill: var(--line-color75);
	font-size: var(--label-2cm);
	pointer-events: none;
	dominant-baseline22: middle;
	text-anchor2: middle;
}
.fanIconLabelSize0 {
	font-size: var(--label-025cm);
}
.fanIconLabelSize1 {
	font-size: var(--label-04cm);
}
.fanIconLabelSize2 {
	font-size: var(--label-075cm);
}
.fanIconLabelSize3 {
	font-size: var(--label-1cm);
}
.fanIconLabelSize4{
	font-size: var(--label-2cm);
}
.fanIconLabelSize5 {
	font-size: var(--label-3cm);
}


.fanSamplerMoveIconBase {
	fill: var(--drag-color);
	font-size: calc(0.25*var(--tapSize));
	cursor: move;
	stroke: var(--line-color);
	stroke-width: calc(0.125*var(--tapSize));
	stroke-linejoin: round;
	paint-order: stroke fill;
}
.fanSamplerMoveIconDisabled {
	fill: var(--disable-drag-color);
	font-size: calc(0.25*var(--tapSize));
	cursor: move;
	stroke: var(--line-color75);
	stroke-width: calc(0.125*var(--tapSize));
	stroke-linejoin: round;
	paint-order: stroke fill;
}
.fanSamplerMoveIcon0 {stroke-width: calc(0.02*var(--tapSize));}
.fanSamplerMoveIcon1 {stroke-width: calc(0.04*var(--tapSize));}
.fanSamplerMoveIcon2 {stroke-width: calc(0.08*var(--tapSize));}
.fanSamplerMoveIcon3 {stroke-width: calc(0.16*var(--tapSize));}
.fanSamplerMoveIcon4 {stroke-width: calc(0.32*var(--tapSize));}
.fanSamplerMoveIcon5 {stroke-width: calc(0.64*var(--tapSize));}
.fanSamplerMoveIcon6 {stroke-width: calc(1.28*var(--tapSize));}
.fanSamplerMoveIcon7 {stroke-width: calc(2.56*var(--tapSize));}
.fanSamplerMoveIcon8 {stroke-width: calc(5.12*var(--tapSize));}
.fanSamplerMoveIcon9 {stroke-width: calc(10.24*var(--tapSize));}
.fanSamplerMoveIcon10 {stroke-width: calc(10.24*var(--tapSize));}
/*
.fanSamplerUpIcon0 {stroke-width: calc(0.08*var(--tapSize));}
.fanSamplerUpIcon1 {stroke-width: calc(0.16*var(--tapSize));}
.fanSamplerUpIcon2 {stroke-width: calc(0.32*var(--tapSize));}
.fanSamplerUpIcon3 {stroke-width: calc(0.64*var(--tapSize));}
.fanSamplerUpIcon4 {stroke-width: calc(1.28*var(--tapSize));}
.fanSamplerUpIcon5 {stroke-width: calc(2.56*var(--tapSize));}
.fanSamplerUpIcon6 {stroke-width: calc(5.12*var(--tapSize));}
.fanSamplerUpIcon7 {stroke-width: calc(7.68*var(--tapSize));}
.fanSamplerUpIcon8 {stroke-width: calc(10.24*var(--tapSize));}
.fanSamplerUpIcon9 {stroke-width: calc(20.48*var(--tapSize));}
*/
.fanSamplerInteractionIcon {
	fill: var(--click-color);
	font-size: calc(0.25*var(--tapSize));
	cursor: pointer;
	stroke: var(--line-color);
	stroke-width2: calc(0.125*var(--tapSize));
	stroke-linejoin: round;
	paint-order: stroke fill;
}
.fanSamplerInterDisabledIcon {
	fill: var(--disable-click-color);
	font-size: calc(0.25*var(--tapSize));
	cursor: pointer;
	stroke: var(--line-color90);
	stroke-width2: calc(0.125*var(--tapSize));
	stroke-linejoin: round;
	paint-order: stroke fill;
}
.fanButton0 {stroke-width: calc(0.02*var(--tapSize));}
.fanButton1 {stroke-width: calc(0.04*var(--tapSize));}
.fanButton2 {stroke-width: calc(0.08*var(--tapSize));}
.fanButton3 {stroke-width: calc(0.16*var(--tapSize));}
.fanButton4 {stroke-width: calc(0.32*var(--tapSize));}

.fanSamplerActionIconLabel {
	fill: var(--main-color);
	font-size: var(--label-075cm);
	pointer-events: none;
	text-anchor: middle;
	font-family: "Material-Design-Iconic-Font";
}

.fanPointLinker {
	fill: var(--drag-color);
	cursor: move;
	stroke: var(--line-color);
	stroke-width: calc(0.125*var(--tapSize));
	stroke-linejoin: round;
	paint-order: stroke fill;
}

.fanSamplerClickIcon {
	fill: var(--click-color);
	font-size: calc(0.25*var(--tapSize));
	cursor: pointer;
}

.fanPerformerIcon {

	fill: var(--line-color);
	stroke-dasharray: 15, 15;
	pointer-events: none;

}

.fanFilterIcon {

	fill: var(--line-color);
	stroke-dasharray: 45, 45;
	pointer-events: none;

}
.fanConnectionButton {
	cursor: ns-resize;
	stroke: var(--main-color);
	fill: var(--drag-color);
	stroke-width: calc(0.0256*var(--tapSize));
}
.fanSampleDrragger {
	cursor: ns-resize;
	stroke: var(--line-color);
	fill: var(--drag-color);
	stroke-width: calc(0.1024*var(--tapSize));
}
.fanFilterDrragger {
	cursor: ns-resize;
	stroke: var(--line-color);
	fill: var(--drag-color);
	stroke-width: calc(0.1024*var(--tapSize));
}

.fanConnectionBase {
	pointer-events: none;
	stroke: var(--line-color50);
	stroke-width2: 0.5cm;
	stroke-linejoin: round;
	paint-order: stroke;
	fill:none;
}
.fanConnectionSecondary{
	stroke: var(--line-color90);
}
.fanConnection0 {stroke-width: 0.02cm;}
.fanConnection1 {stroke-width: 0.04cm;}
.fanConnection2 {stroke-width: 0.08cm;}
.fanConnection3 {stroke-width: 0.16cm;}
.fanConnection4 {stroke-width: 0.32cm;}
.fanConnection5 {stroke-width: 0.5cm;}
.fanConnection6 {stroke-width: 0.75cm;}
.fanConnection7 {stroke-width: 1cm;}
.fanConnection8 {stroke-width: 2cm;}
.fanConnection9 {stroke-width: 2cm;}
.fanConnection10 {stroke-width: 2cm;}

.fanStream {
	pointer-events: none;
	stroke: var(--main-color);
	stroke-width: 2cm;
	stroke-linejoin: round;
	paint-order: stroke;
}

.fanDropConnection {
	cursor: pointer;
	stroke: var(--line-color);
	stroke-width: 0.5cm;
	stroke-linejoin: round;
	paint-order: stroke;
	fill: var(--click-color);
}
.fanDropConnection0 {stroke-width: 0.02cm;}
.fanDropConnection1 {stroke-width: 0.04cm;}
.fanDropConnection2 {stroke-width: 0.08cm;}
.fanDropConnection3 {stroke-width: 0.16cm;}
.fanDropConnection4 {stroke-width: 0.32cm;}


.fanDeleteIcon {
	fill: var(--main-color);
	text-anchor: middle;
	font-size: var(--icon-2cm);
	pointer-events: none;
	font-family: "Material-Design-Iconic-Font";
}


.fanSpeakerIcon {
	fill: var(--line-color);
	font-size: calc(4*var(--tapSize));
	pointer-events: none;
	border-color: var(--main-color);
	stroke: var(--main-color);
	stroke-width: 0.1cm;
	stroke-linejoin: round;
	paint-order: stroke;
}

.fanSpeakerLabel {
	fill: var(--line-color);
	font-size: calc(4*var(--tapSize));
	pointer-events: none;
	border-color: var(--main-color);
	stroke: var(--main-color);
	stroke-width: 0.1cm;
	stroke-linejoin: round;
	paint-order: stroke;
}

.fanSpeakerIconLabel {
	font-size: calc(24*var(--tapSize));
	pointer-events: none;
	fill: var(--line-color);
	font-family: 'Material-Design-Iconic-Font';
	text-align2: center;
}

.controlConnection {
	fill: var(--main-color);
	fill-opacity: 25%;
}

.fanSplitIconLabel {
	fill: var(--main-color);
	font-size: var(--label-025cm);
	pointer-events: none;
	text-anchor: middle;
	font-family: "Material-Design-Iconic-Font";
}