- type: custom:stack-in-card
        cards:
          - type: custom:mushroom-template-card
            primary: Salon
            secondary: >-
              {{ states('sensor.czujnik_cgg1_1_temperature') | round(2) }} °C |
              {{ states('sensor.czujnik_cgg1_1_humidity') | round(0) }} %
            icon: mdi:sofa
            tap_action:
              action: navigate
              navigation_path: /config/logs
            icon_color: '#a37208'
            fill_container: true
            layout: horizontal
            badge_icon: |
              {% if is_state('light.tasma_led_rgbww', 'on') %}
                mdi:led-strip-variant
              {% endif %}
            multiline_secondary: false
            entity: light.tasma_led_rgbww
            card_mod:
              style: |
                mushroom-badge-icon {
                  {% set r = state_attr('light.tasma_led_rgbww', 'rgb_color')[0] %}
                  {% set g = state_attr('light.tasma_led_rgbww', 'rgb_color')[1] %}
                  {% set b = state_attr('light.tasma_led_rgbww', 'rgb_color')[2] %}
                  {% if is_state('light.tasma_led_rgbww', 'on') %}
                    {% set bri = state_attr('light.tasma_led_rgbww', 'brightness') / 255 %}
                    --main-color: rgba({{r}}, {{g}}, {{b}}, {{bri}}) ;
                  {% endif %}
                }
                :host([dark-mode]) {
                  background: rgba(var(--rgb-primary-background-color), 0.2);
                } 
                :host {
                  background: rgba(var(--rgb-primary-text-color), 0.05);
                  --mush-icon-size: 55px;
                  height: 66px;
                  margin-left: -8px !important;
                  --mush-card-secondary-font-size: 14px;
                  --mush-card-primary-font-size: 15px;
                }
                ha-card {
                  --badge-size: 30px;
                )
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                entity: media_player.sony_bravia_tv
                icon_color: |
                  {% if is_state(entity, 'off') %}
                    grey
                  {% elif is_state(entity, 'unavailable') %}
                    black
                  {% else %}
                    green
                  {% endif %}
                primary: Canal+
                layout: vertical
                icon: |
                  {% if is_state(entity, 'off') %}
                    mdi:remote-tv-off
                  {% elif is_state(entity, 'unavailable') %}
                    mdi:remote-tv-off
                  {% else %}
                    mdi:remote-tv
                  {% endif %}
                tap_action:
                  action: navigate
                  navigation_path: /lovelace-mushroom/remote
              - type: template
                entity: media_player.sony_bravia_tv
                icon: |
                  {% if is_state(entity, 'off') %}
                    mdi:television-classic-off
                  {% elif is_state(entity, 'unavailable') %}
                    mdi:television-classic-off
                  {% else %}
                    mdi:television-classic
                  {% endif %}
                icon_color: |
                  {% if is_state(entity, 'off') %}
                    grey
                  {% elif is_state(entity, 'unavailable') %}
                    black
                  {% else %}
                    indigo
                  {% endif %}
                tap_action:
                  action: more-info
              - type: template
                icon: |
                  {% if is_state(entity, 'on') %}
                    mdi:floor-lamp
                  {% else %}
                    mdi:floor-lamp-outline
                  {% endif %}
                icon_color: |
                  {% if is_state(entity, 'on') %}
                    yellow
                  {% elif is_state(entity, 'off') %}
                    grey
                  {% else %}
                    black
                  {% endif %}
                entity: light.yeelight_white
                content_info: none
                tap_action:
                  action: more-info
              - type: template
                icon: |
                  {% if is_state(entity, 'on') %}
                    mdi:lightbulb-spot
                  {% else %}
                    mdi:lightbulb-spot-off
                  {% endif %}
                icon_color: |
                  {% if is_state(entity, 'on') %}
                    yellow
                  {% elif is_state(entity, 'off') %}
                    grey
                  {% else %}
                    black
                  {% endif %}
                entity: light.kitchen_led
                content_info: none
                card_mod: null
                style: |
                  ha-card {
                      box-shadow: 0px 0px;
                  }
                tap_action:
                  action: more-info
              - type: template
                entity: climate.saswell_gtz03
                icon: |
                  {% if is_state(entity, 'off') %}
                    mdi:radiator-off
                  {% elif is_state(entity, 'auto') %}
                    mdi:radiator
                  {% else %}
                    mdi:radiator
                  {% endif %}
                icon_color: |
                  {% if is_state(entity, 'off') %}
                    grey
                  {% elif is_state(entity, 'auto') %}
                    orange
                  {% else %}
                    red
                  {% endif %}
              - type: template
                icon: |
                  {% if is_state(entity, 'on') %}
                    mdi:window-open-variant
                  {% else %}
                    mdi:window-closed-variant
                  {% endif %}
                icon_color: |
                  {% if is_state(entity, 'on') %}
                    light-green
                  {% else %}
                    grey
                  {% endif %}
                entity: binary_sensor.tuya_wifi_doorwindow
                content_info: none
                card_mod: null
                style: |
                  ha-card {
                      box-shadow: 0px 0px;
                  }
                tap_action:
                  action: more-info
            alignment: end
            card_mod:
              style:
                mushroom-template-chip:nth-child(5)$: |
                  ha-icon {
                    {% if is_state('climate.saswell_gtz03', 'auto') %}
                       animation: clip 1s linear infinite
                    {% elif is_state('climate.saswell_gtz03', 'heat') %}
                       animation: clip 1s linear infinite
                    {% endif %}                 
                    }
                  @keyframes clip {
                    0% {
                      clip-path: inset(50% 0 0 0);
                    }
                    100% {
                      clip-path: inset(0 0 0 0);
                    }
                  }
                .: |
                  ha-card {
                    --chip-box-shadow: none;
                    --chip-background: none;
                    --chip-size: 40px;
                    --chip-height: 40px;
                    --chip-spacing: -8px;
                  }
        card_mod:
          style: |
            ha-card {
              height: 112px;
            }