Größer/kleiner Gleich Operatoren im Code verwenden

Hallo,

Ich habe eine Strommess Steckdose für meine Waschmaschine. Ich hätte gerne das bei einem Verbrauch unter <= 12 Watt die Waschmaschine grün angezeigt wird und >= 12 Watt verbrauch dann rot im Sinne von belegt.

type:%20tile%0Aentity%3A%20switch.waschmaschine_keller_steckdose_1%0Aicon%3A%20mdi%3Awashing-machine%0Aname%3A%20Waschmaschine%0Avertical%3A%20false%0Ahide_state%3A%20true%0Acolor%3A%20white%0Acard_mod%3A%0A%20%20style%3A%20%7C%0A%20%20%20%20ha-card%20%7B%0A%20%20%20%20%7B%25%20if%20is_state(%22sensor.waschmaschine_keller_leistung%22,%20%228.7%22)%20%25%7D%0A%20%20%20%20%20%20border%3A%205px%20outset%20green%0A%20%20%20%20%7B%25%20elif%20is_state(%22sensor.waschmaschine_keller_leistung%22,%20%2210.0%22)%20%25%7D%0A%20%20%20%20%20%20border%3A%205px%20outset%20red%0A%20%20%20%20%7B%25%20endif%20%25%7D%0A%20%20%20%20

Das ist der Code, der funktioniert auch, die Wattangaben sind ja jetzt erstmal nur Platzhalter.

Aber wo genau und wie setzte ich da die =<> zeichen ein? Kann man da villeicht auchnoch ein delay einbauen das diese werte mindestens 2-3 minuten unter/ über dem wert sein sollen?

Mit den Farben und dem rahmen an sich funktioniert das gut.

Edit:

Der eingefügte code wird glaube ich nicht richtig dargestellt, daher ein 2. Screenshot von dem Code in dem man die Wattzahlen sieht

Hier ein Beispiel.

    card_mod:
      style: |
        ha-card {
            {% set washmaschine= states('sensor.deinesensor')|int %}
            {% if washmaschine <= 12 %}
                border: 0.3px;
            {% else % %}
                border: 12px;
            {% endif %}
        }