.sys-live {

  position: absolute;

  inset: 0;

  width: 100%;

  height: 100%;

  pointer-events: none;

  z-index: 2;

}

.sys-pin:not(.has-film) .sys-live { display: none; }



.sys-live .lg,

.sys-live .cl { opacity: 0; transition: opacity .3s ease; }

.sys-live .lg.on { opacity: 1; }



.sys-live .cl.on { opacity: .055; }



@media (prefers-reduced-motion: reduce) {

  .sys-live { display: none; }

}