.fbb-section-target {
  position: relative !important;
  isolation: isolate !important;
  scroll-margin-top: 112px !important;
}

.fbb-target-flash-overlay {
  position: absolute !important;
  z-index: 20 !important;
  inset: 0 !important;

  display: block !important;
  overflow: hidden !important;
  pointer-events: none !important;

  border: 2px solid rgba(0, 255, 135, .92) !important;
  border-radius: inherit !important;

  background:
    radial-gradient(
      circle at 85% 10%,
      rgba(0, 255, 135, .42),
      transparent 38%
    ),
    radial-gradient(
      circle at 10% 90%,
      rgba(0, 177, 255, .40),
      transparent 42%
    ),
    linear-gradient(
      135deg,
      rgba(0, 177, 255, .18),
      rgba(0, 255, 135, .16)
    ) !important;

  box-shadow:
    0 0 0 3px rgba(0, 177, 255, .36),
    0 0 32px rgba(0, 177, 255, .48),
    0 0 52px rgba(0, 255, 135, .36),
    inset 0 0 30px rgba(0, 255, 135, .14) !important;

  opacity: 0;
  animation: fbbDestinationFlash 2.1s ease-out forwards !important;
}

@keyframes fbbDestinationFlash {
  0% {
    opacity: 0;
  }

  12% {
    opacity: .92;
  }

  30% {
    opacity: .16;
  }

  46% {
    opacity: .78;
  }

  68% {
    opacity: .20;
  }

  100% {
    opacity: 0;
  }
}

@media (max-width: 760px) {
  .fbb-section-target {
    scroll-margin-top: 88px !important;
  }

  .fbb-target-flash-overlay {
    box-shadow:
      0 0 0 2px rgba(0, 177, 255, .34),
      0 0 24px rgba(0, 177, 255, .42),
      0 0 38px rgba(0, 255, 135, .28) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fbb-target-flash-overlay {
    animation-duration: .7s !important;
  }
}
