#contato.smooth-scroll__panel {
  background-color: #1e1e1e;
}

.light-rays {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  border-radius: inherit;
  background-color: #1e1e1e;
}

.light-rays__inner {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.light-rays__glow {
  position: absolute;
  inset: 0;
  opacity: 0.52;
  pointer-events: none;
}

.light-rays__glow--left {
  background: radial-gradient(
    circle at 20% 15%,
    color-mix(in srgb, var(--light-rays-color) 40%, transparent),
    transparent 70%
  );
}

.light-rays__glow--right {
  background: radial-gradient(
    circle at 80% 10%,
    color-mix(in srgb, var(--light-rays-color) 32%, transparent),
    transparent 76%
  );
}

.light-rays__rays {
  position: absolute;
  inset: 0;
  opacity: 0.72;
}

.light-rays__ray {
  position: absolute;
  top: -12%;
  left: var(--ray-left);
  width: var(--ray-width);
  height: var(--light-rays-length);
  border-radius: 9999px;
  background: linear-gradient(
    to bottom,
    color-mix(in srgb, var(--light-rays-color) 62%, transparent),
    transparent
  );
  filter: blur(var(--light-rays-blur));
  mix-blend-mode: screen;
  opacity: 0;
  transform: translateX(-50%) rotate(var(--ray-rotate-min));
  transform-origin: top center;
  animation: light-ray var(--ray-duration) ease-in-out infinite;
  animation-delay: var(--ray-delay);
  will-change: opacity, transform;
}

@keyframes light-ray {
  0% {
    opacity: 0;
    transform: translateX(-50%) rotate(var(--ray-rotate-min));
  }

  50% {
    opacity: var(--ray-intensity);
    transform: translateX(-50%) rotate(var(--ray-rotate-max));
  }

  100% {
    opacity: 0;
    transform: translateX(-50%) rotate(var(--ray-rotate-min));
  }
}

.light-rays--static::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      circle at 20% 15%,
      color-mix(in srgb, var(--light-rays-color) 40%, transparent),
      transparent 70%
    ),
    radial-gradient(
      circle at 80% 10%,
      color-mix(in srgb, var(--light-rays-color) 32%, transparent),
      transparent 76%
    );
}

@media (prefers-reduced-motion: reduce) {
  .light-rays__ray {
    animation: none;
    display: none;
  }
}