/* Effects available to signup notices via their custom class (admin:signupNotices) */

/* START PULSING CALLOUT DIV EFFECT (based on subsystems/student/assets/css/legacy.css) */
/* The pulse color follows the notice's alert class; --pulse-rgb is "r, g, b" so it can be used with and without alpha */
@keyframes pulse-border {
  0% {
    border-color: rgb(var(--pulse-rgb));
    box-shadow: 0 0 0 0 rgba(var(--pulse-rgb), 0.7);
  }
  70% {
    border-color: rgba(var(--pulse-rgb), 0.4);
    box-shadow: 0 0 0 10px rgba(var(--pulse-rgb), 0);
  }
  100% {
    border-color: rgb(var(--pulse-rgb));
    box-shadow: 0 0 0 0 rgba(var(--pulse-rgb), 0);
  }
}

/* default / alert-warning: original brown from legacy.css */
.pulsing-div {
  --pulse-rgb: 102, 77, 3;
  border: 3px solid rgb(var(--pulse-rgb));
  animation: pulse-border 2s 2 ease-in-out;
}

/* matches --bs-info-text-emphasis */
.alert-info.pulsing-div {
  --pulse-rgb: 5, 81, 96;
}

/* matches --bs-danger-text-emphasis */
.alert-danger.pulsing-div {
  --pulse-rgb: 88, 21, 28;
}
/* add alongside pulsing-div (eg, "pulsing-div pulse-loop") to keep pulsing instead of stopping after 2 */
.pulsing-div.pulse-loop {
  animation-iteration-count: infinite;
}
/* END PULSING CALLOUT DIV EFFECT */