- type: custom:mod-card
  style:
    layout-card:
      .: |
        * {
          --primary-color: #0040A0
        }

      $:
        horizontal-layout:
          $:
            .: |
              #columns {
                margin: 0 20px;
                grid-gap: 20px;
              }
  card:
    type: custom:layout-card
    layout_type: custom:horizontal-layout
    layout:
      max_cols: 3
    cards:
      - type: vertical-stack
        cards:
          - type: custom:decluttering-card
            template: v3_title
            variables:
              - title: 🐍 Terrarium
          - type: horizontal-stack
            cards:
              - type: custom:button-card
                template: v3_badge_temp
                entity: sensor.terrarium_weather_temperature
              - type: custom:button-card
                template: v3_badge_humidity
                entity: sensor.terrarium_weather_humidity
              - type: custom:button-card
                template: v3_badge_icon
                entity: binary_sensor.terrarium_cam_motion
          - type: custom:decluttering-card
            template: v3_section_title
            variables:
              - title: Climate
          - type: custom:decluttering-card
            template: climate_card
            variables:
              - main_entity: sensor.terrarium_weather_humidity
              - main_name: Humidity
              - left_entity: sensor.terrarium_weather_temperature
              - left_name: Temperature
              - right_entity: sensor.terrarium_weather_pressure
      - type: vertical-stack
        cards:
          - type: custom:decluttering-card
            template: v3_section_title
            variables:
              - title: Camera
          - type: picture-glance
            camera_image: camera.terrarium_cam_sd
            entities:
              - camera.terrarium_cam_hd