/* CSS Animation for Box Shadow - Single Run */
@keyframes pulseBoxShadow {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--shadow-color-rgb), 0);
  }
  100% {
    box-shadow: 0 0 0 3px rgba(var(--shadow-color-rgb), 0.2);
  }
}

/* Utility class to apply the animation */
.animate-box-shadow {
  --shadow-color-rgb: var(--lbaic-settings-primary-rgb);
  animation: pulseBoxShadow 1s ease-in-out 1 forwards;
  animation-delay: 300ms;
}