Cannot get my light blend to work

[jurr13n]

Hello, I have created a 3D model with Sweet Home 3D. I added different layers in Inkscape and included all the configuration files from the demo. Individually, the lights work, but I seem to have trouble getting them to blend together with multiple lights.

 `@keyframes fade-in {
	from {
		opacity: 0;
	}
	to: {
		opacity: 1;
	}
}
svg, svg * {
  pointer-events: all !important;
  cursor: auto !important;
}
A
svg path {
  fill: inherit;
  stroke: inherit;
  stroke-width: inherit;
}


#areas {
  fill: none;
}

#light-overlays image {
  display: none;
  mix-blend-mode: lighten;
  animation: 0.75s fade-in linear forwards;
}

#light-overlays image.light-on {
  display: block;
}

#areas .motion-on
{
 	fill: #ff00002e;
 	stroke: #ff000087;
 	stroke-width: 3px;
 	stroke-opacity: 1;
 	filter: unset;
 	animation: fade-in 1s infinite alternate;
}




#areas .light-on {
  stroke-width: 6px;
  stroke-opacity: 1;
  stroke: #a58ee1;
}

g path:active, g use:active, .light-on:active, g#entities > g:active path:not(.touch-area) {
	stroke: #9ed8ff99 !important;
	stroke-width: 4px;
	stroke-opacity: 0.7;
}

g#entites path, g#entites ellipse {
	stroke: var(--paper-item-icon-color);
	stroke-width: 1px;
	stroke-opacity: 1;
	fill: none;
}
g#entites .light-on {
	stroke: var(--paper-item-icon-active-color);
}

g#entites .media-player-tv.media-player-idle,
g#entites .media-player-tv.media-player-standby,
g#entites .media-player-tv.media-player-paused {
	stroke: var(--paper-item-icon-active-color);
	stroke-width: 2px;
}

[Trzinka]

You can check out #411 where I think I described the process in detail!