{
  "namespace": "csb_banner",

  "csb_banner": {
    "type": "panel",
    "size": [ "100% -8px", "100%cm + 8px" ],
    "controls": [
      {
        "button@csb_banner.promo_banner_csb_button": {
          "offset": [ "4px", 0 ]
        }
      }
    ]
  },

  "promo_banner_csb_button@common.button": {
    "size": [ "100%", "8.08%x" ],
    "hover_control": "hover",
    "pressed_control": "hover",
    "default_control": "default",
    "$pressed_button_name": "button.promotion_page",
    "controls": [
      {
        "default@csb_banner.csb_banner_content": {
          "$banner_texture_name": "#banner_texture_name",
          "$banner_texture_filepath": "#banner_texture_filepath"
        }
      },
      {
        "hover@csb_banner.csb_banner_content": {
          "$banner_texture_name": "#banner_hover_texture_name",
          "$banner_texture_filepath": "#banner_hover_texture_filepath"
        }
      }
    ]
  },

  "csb_banner_content": {
    "type": "panel",
    "size": [ "100%", "100%" ],
    "controls": [
      {
        "banner": {
          "type": "image",
          "size": [ "100%", "100%" ],
          "keep_ratio": true,
          "bindings": [
            {
              "binding_type": "$store_factory_collection_details",
              "binding_collection_name": "$store_factory_collection_name",
              "binding_collection_prefix": "$store_factory_collection_prefix"
            },
            {
              "binding_name": "$banner_texture_name",
              "binding_name_override": "#texture"
            },
            {
              "binding_name": "$banner_texture_filepath",
              "binding_name_override": "#texture_file_system"
            }
          ]
        }
      },
      {
        "text": {
          "type": "stack_panel",
          "orientation": "horizontal",
          "size": [ "100% - 8px", "100%" ],
          "layer": 1,
          "controls": [
            {
              "logo_panel": {
                "type": "panel",
                "size": [ 90, "100%" ],
                "controls": [
                  {
                    "logo@common_csb.csb_header": {
                      "$font_scale_factor": 1.0,
                      "$font_size": "medium",
                      "offset": [ 0, -2 ]
                    }
                  }
                ]
              }
            },
            {
              "offer_panel": {
                "type": "panel",
                "size": [ "fill", "100%" ],
                "controls": [
                  {
                    "offer": {
                      "type": "label",
                      "size": [ "default", "default" ],
                      "anchor_from": "center",
                      "anchor_to": "center",
                      "color": "$store_white_text_color",
                      "font_scale_factor": 0.7,
                      "text": "store.csb.banner.offer"
                    }
                  }
                ]
              }
            },
            {
              "learn_more_panel": {
                "type": "panel",
                "size": [ "100%c", "100%" ],
                "anchor_from": "right_middle",
                "anchor_to": "right_middle",
                "controls": [
                  {
                    "learn_more": {
                      "type": "stack_panel",
                      "orientation": "horizontal",
                      "size": [ "100%c", "100%cm" ],
                      "controls": [
                        {
                          "more": {
                            "type": "label",
                            "color": "$store_csb_gold_text_color",
                            "font_scale_factor": 0.7,
                            "text": "store.csb.banner.learnMore"
                          }
                        },
                        {
                          "more_chevron": {
                            "type": "label",
                            "color": "$store_csb_gold_text_color",
                            "font_scale_factor": 0.7,
                            "tts_skip_message": true,
                            "text": " >"
                          }
                        }
                      ]
                    }
                  }
                ]
              }
            }
          ]
        }
      }
    ]
  }
}
