/*--VISUALISER--*/
  
    #visualizer {
      position:relative;
      z-index:1004;
      background-color: transparent;
      display:block;
    }

    .toggle-button {
      display: inline-block;
      width: 50px;
      height: 30px;
      background-color: #7334A3;
      border-radius: 15px;
      position: relative;
      cursor: pointer;
    }

    .toggle-button::before {
      content: '';
      position: absolute;
      width: 24px;
      height: 24px;
      background-color: pink;
      border-radius: 50%;
      top: 3px;
      left: 3px;
      transition: transform 0.2s ease-in-out;
    }

    .toggle-button.on {
      background-color: #5fc1f5;
    }

    .toggle-button.on::before {
      transform: translateX(20px);
    }

/*fade static effect for ???*/
      .staticFade {
      border:none;
      animation-name: staticFade;
      animation-duration: 10s;
      animation-iteration-count: infinite;
      animation-direction: alternate;
    }




@keyframes staticFade {
  0% {opacity:0.07;}
  25% {opacity:0.04;}
  30% {opacity:0.07;}
  50% {opacity:0.02;}
  55% {opacity:0.05;}
  75% {opacity:0.07;}
  80% {opacity:0.2;}
  90% {opacity:0.35;}
  100% {opacity:0.5;}
    }
/*END OF fade static effect for ??? */