/*lightAnimations.css*/



/*--------------------CLASSES--------------------*/

.lights-on .light-on.light{
	animation-duration: 2s;
}
.lights-on .light-on.light-1{ animation-name: light-flicker-1; }
.lights-on .light-on.light-2{ animation-name: light-flicker-2; }


/*-------------------KEYFRAMES-------------------*/

@keyframes light-flicker-1{
	0%  { background-image: radial-gradient(var(--lightColorInner), var(--lightColorOuter)); }
	15% { background-image: radial-gradient(var(--lightColorInner), var(--lightColorOuter)); }
	16% { background: #bbb; }
	18% { background-image: radial-gradient(var(--lightColorInner), var(--lightColorOuter)); }
	46% { background-image: radial-gradient(var(--lightColorInner), var(--lightColorOuter)); }
	47% { background: #bbb; }
	50% { background-image: radial-gradient(var(--lightColorInner), var(--lightColorOuter)); }
}
@keyframes light-flicker-2{
	0%  { background-image: radial-gradient(var(--lightColorInner), var(--lightColorOuter)); }
	9%  { background-image: radial-gradient(var(--lightColorInner), var(--lightColorOuter)); }
	10% { background: #bbb; }
	12% { background-image: radial-gradient(var(--lightColorInner), var(--lightColorOuter)); }
	14% { background: #bbb; }
	35% { background-image: radial-gradient(var(--lightColorInner), var(--lightColorOuter)); }
	36% { background: #bbb; }
	50% { background-image: radial-gradient(var(--lightColorInner), var(--lightColorOuter)); }
}