/*
  IMPORTANT: This CSS code CANNOT be placed inline within the style attribute of the <summary> tag.
  It needs to be in a <style> block in the <head> of your HTML document, or in an external .css file.
*/

.fab-trigger-summary.flashing-ambulance {
  /* The initial background-color is already set inline in the HTML,
     but the animation will override it. You can also set it here. */
  /* background-color: #13C5DD; */ /* Blue */
  animation: ambulanceFlash 1s infinite step-end; /* 'step-end' makes changes abrupt like a blink */
}

@keyframes ambulanceFlash {
  0%, 100% {
    background-color: #13C5DD; /* Blue */
    /* If you want the icon (text) color to also change, add: color: white; */
  }
  50% {
    background-color: red;
    /* If you want the icon (text) color to also change with red, add: color: white; or another contrasting color */
  }
}a