Custom:card-modder animation not working

HI, I use the custom Lovelace card card-modder and tried to add the sample with the animation, but I do not get it working.

type: 'custom:card-modder'
style:
  animation: blink 2s linear infinite;
extra_styles: |
  @keyframes blink {
    50% {
      background: red;
    }
  }
card:
  type: entity-button
  entity: switch.kitchen_desk_switch_switch
  hold_action:
    action: none
  tap_action:
    action: toggle

I do not get any errors, card-fodder is correct installed and line for loading added to head. I get styling normal added like covers or border. But the background color is not animation, or anything else I tried.

Here is the GitHub site for the card.

Hope someone has an idea why it is not working. Tried in Safari on Mac and Chrome, both support animation.

change the pipe to >

extra_styles: >
  @keyframes blink {
    50% {
      background: red;
    }
  }

I can not save it with “>”, it automatically changes it to “|”

Did you find any way to solve this? Having the same problem :confused:

Just did an update to 88.x, since then I still see the “|-” but the animation is working