Extra_styles concurrent animations on different entities within the same card?

[Tzundoku]

Hello! I can't figure if this is not possible or I'm messing something up.

In the following configuration I have 2 entities that I'd like to animate depending on their state.

• entity: media_player.nvidia_shield_lab, where I'd like to have its icon "wave" through predefined colors as designated in extra_styles, and
• entity: switch.lab_door, which I'd like to blink while colored coral when the door is open.

My issue is that having either entity within the config by itself works as expected, while when one is placed after another as shown in the following config, the first one listed doesn't run as expected (i.e. no animation).

header_switch_menu:
  card:
    type: entities
    entities:
      - type: custom:paper-buttons-row
        extra_styles: |
          /* define blink animation */ 
          @keyframes blink {
            0% { opacity: 1.0; }
            50% { opacity: 0.0; }
            100% { opacity: 1.0; }     
          }
          /* define wave animation */ 
          @keyframes wave {
            0% { color: #00FF00; } /* Green */
            25% { color: #FFFF00; } /* Yellow */
            50% { color: #FF0000; } /* Red */
            75% { color: #0000FF; } /* Blue */
            100% { color: #00FF00; } /* Green */
          } 
          /* other custom styles can be added here */
        buttons:
          - entity: switch.seasonal_thermostat
            layout: icon
            name: Thermostat
            state_color: false
            style:
              button:
                width: 42px
                height: 42px
              icon:
                color: |
                  {% if is_state('switch.switchbot_thermostat', 'off') %}
                    gray
                  {% elif is_state('sensor.season', 'summer') %}
                    #A5F2F3
                  {% elif is_state('sensor.season', 'winter') %}
                    #FB6304
                  {% else %}
                    palegreen
                  {% endif %}
          - entity: media_player.nvidia_shield_lab
            layout: icon
            name: Nvidia Shield
            state_color: false
            icon: mdi:google-play
            tap_action:
              action: toggle
            style:
              button:
                width: 42px
                height: 42px
              icon:
                animation: |
                  {% if is_state('media_player.nvidia_shield_lab', 'on') %}
                    wave 2s linear infinite
                  {% endif %}
                color: |
                  {% if is_state('media_player.nvidia_shield_lab', 'off') %}
                    gray
                  {% elif is_state('media_player.nvidia_shield_lab', 'on') %}
                    #00FF00
                  {% endif %}  
          - entity: switch.lab_door
            layout: icon
            name: Door Relay
            state_color: false
            style:
              button:
                width: 42px
                height: 42px
              icon:
                animation: >
                  {% if is_state('binary_sensor.main_door_sensor_access_control_window_door_is_open', 'on') %} 
                    blink 2s ease infinite 
                  {% endif %} 
                color: >
                  {% if is_state('binary_sensor.main_door_sensor_access_control_window_door_is_open', 'off') %}
                    gray
                  {% elif is_state('binary_sensor.main_door_sensor_access_control_window_door_is_open', 'on') %}
                    lightcoral
                  {% endif %}         
        style: |
          div.flex-box {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: -14px !important;   
          }
    style: |
      ha-card { 
        margin-bottom: 10px !important;
        padding: 0 16px;
        border-radius: 34px !important;
        margin-left: 20px;
        margin-right: 20px;
      }