State Filter to control border color on Picture Entity card

[benm7 (Ben M)]

Hi there,

I am trying to change the border color of a picture entity card when my vacuum changes state, but can’t seem to get the code right. Appreciate any assistance as to what the right CSS might be for this?

          - type: picture-entity
            style: |
              ha-card {
                border-radius: 12px;
                overflow: hidden;
                border-style: solid;
            camera_image: camera.xiaomi_cloud_map_extractor
            entity: vacuum.robomac
            title: Robomac
            camera_view: live
            show_name: false
            show_state: false
            state_filter:
              "cleaning": border(#57B263)
              "Cleaning": border(#57B263)
              "Docked": border(gray)
              "docked": border(gray)