Button-card avec des mushroom-card : probleme animation

Oui j’ai bien lu les parametrages et il semblerait que lorsqu’on utilise template c’est un peu different que le reste. Je met un exemple pour les personnes qui chercherait comment les parametrer :grin:

type: custom:mushroom-chips-card
chips:
- type: template
  entity: input_boolean.cycle_lave_linge_en_cours
  tap_action:
	action: none
  icon: mdi:washing-machine
  card_mod:
	style: |
	  ha-card {
		border: 0px;
	  }
- type: template
  entity: input_boolean.cycle_seche_linge_en_cours
  tap_action:
	action: none
  icon: phu:rooms-laundry-room
  card_mod:
	style: |
	  ha-card {
		border: 0px;
	  }
card_mod:
style:
  mushroom-template-chip:nth-child(1)$: |
	{% if is_state('input_boolean.cycle_lave_linge_en_cours','on') %}
	  ha-state-icon {
		--color: #00ced1;
		animation: wobbling 0.4s linear infinite alternate;
	  }
	  @keyframes wobbling {
		0% {transform: rotate(-20deg);}
		100% {transform: rotate(20deg);}
	  }
	{% else %}
	  ha-state-icon {
		
		--color: #393939;
	  }
	{%endif%}          
  mushroom-template-chip:nth-child(2)$: |
	{% if is_state('input_boolean.cycle_seche_linge_en_cours','on') %}
	  ha-state-icon {
		--color: #00ced1;
		trasnform: scale(0.5,0.5);
		animation: wobbling 0.4s linear infinite alternate;
	  }
	  @keyframes wobbling {
		0% {transform: rotate(-20deg);}
		100% {transform: rotate(20deg);}
	  }
	{% else %}
	  ha-state-icon {
		--color: #393939;
	  }
	{%endif%}
  .: |
	ha-card {
	  --chip-background: transparent;
	  --chip-icon-size: 28px;
	  border: 0px;
	  color: grey;
	  width: 10px;
	  padding: 0px 50px 0px -0px;
	  opacity: 0.8
	}