{
  "namespace": "mashup",

  //--------------------------------------------------------------------------------
  // Floating Controls
  //--------------------------------------------------------------------------------

  "download_progress": {
    "type": "image",
    "texture": "textures/ui/Banners",
    "layer": 1,
    "$baseLayer|default": 2,
    "bindings": [
      {
        "binding_name": "#download_info_visible",
        "binding_name_override": "#visible"
      }
    ],
    "controls": [
      {
        "stacker": {
          "type": "stack_panel",
          "orientation": "vertical",
          "size": [ "100%", "100%" ],
          "controls": [
            {
              "sizer_text": {
                "type": "panel",
                "size": [ "100%", "50%" ],
                "controls": [
                  {
                    "download_progress_text": {
                      "type": "label",
                      "layer": "($baseLayer + 1)",
                      "size": [ "70%", "100%" ],
                      "offset": [ 0, "50%" ],
                      "color": "$body_text_color",
                      "text": "#text",
                      "bindings": [
                        {
                          "binding_name": "#download_info_text",
                          "binding_name_override": "#text"
                        }
                      ]
                    }
                  }
                ]
              }
            },
            {
              "sizer_bar": {
                "type": "panel",
                "size": [ "100%", "50%" ],
                "bindings": [
                  {
                    "binding_name": "#download_progress_bar_visible",
                    "binding_name_override": "#visible"
                  }
                ],
                "controls": [
                  {
                    "download_progress_bar@common_store.store_progress_bar_icon": {
                      "size": [ "70%", 5 ],
                      "layer": "($baseLayer + 1)",
                      "anchor_from": "center",
                      "anchor_to": "center",
                      "$progress_bindings": [
                        {
                          "binding_name": "#download_progress_bar_percentage",
                          "binding_name_override": "#clip_ratio"
                        }
                      ]
                    }
                  }
                ]
              }
            }
          ]
        }
      }
    ]
  },

  "summary_box_button_panel": {
    "type": "panel",
    "size": [ "100%", 30 ],
    "$button_text_bind_name|default": "#main_button_text",
    "$button_action|default": "button.defaultNoAction",
    "$interact_button_id|default": "interact_button",
    "$progress_loading_focus_precedence|default": 0,
    "controls": [
      {
        "buttons_panel@mashup.smooth_buttons_panel": {}
      },
      {
        "download_buttons_panel@mashup.download_buttons_panel": {}
      },
      {
        "focus_border@mashup.focus_border": {}
      }
    ]
  },

  "interaction_button_panel": {
    "type": "panel",
    "size": [ "100%", 30 ],
    "$button_text_bind_name|default": "#main_button_text",
    "$button_action|default": "button.defaultNoAction",
    "$interact_button_id|default": "interact_button",
    "$progress_loading_focus_precedence|default": 0,
    "$font_type": "default",
    "controls": [
      {
        "purchase_buttons_panel@mashup.purchase_buttons_panel": {
          "size": [ "100%", "100%" ]
        }
      },
      {
        "content_action_button@common_buttons.light_content_button": {
          "$button_focus_precedence|default": 9,
          "$pressed_button_name": "$button_action",
          "$focus_id": "$interact_button_id",
          "$action_button_enabled_binding|default": "#item_meets_requirements",
          "bindings": [
            {
              "binding_name": "$action_button_enabled_binding",
              "binding_name_override": "#enabled"
            },
            {
              "binding_name": "#action_button_visible",
              "binding_name_override": "#visible"
            }
          ],
          "variables": [
            {
              "requires": "$is_mashup",
              "$button_content": "mashup.mashup_button_content"
            },
            {
              "requires": "(not $is_mashup)",
              "$button_content": "mashup.non_mashup_button_content"
            }
          ]
        }
      },
      {
        "progress_bar@mashup.download_progress": {}
      },
      {
        "focus_border@mashup.focus_border": {}
      }
    ]
  },

  "download_progress_small@purchase_common.banner_fill": {
    "$baseLayer|default": 2,
    "bindings": [
      {
        "binding_name": "#download_info_visible",
        "binding_name_override": "#visible"
      }
    ],
    "controls": [
      {
        "stacker": {
          "type": "stack_panel",
          "orientation": "vertical",
          "size": [ "100%", "100%" ],
          "controls": [
            {
              "sizer_text": {
                "type": "panel",
                "size": [ "100%", "50%" ],
                "controls": [
                  {
                    "download_progress_text": {
                      "type": "label",
                      "layer": "($baseLayer +2)",
                      "anchor_from": "top_middle",
                      "anchor_to": "top_middle",
                      "size": [ "90%", 10 ],
                      "offset": [ 0, "25%" ],
                      "color": "$body_text_color",
                      "font_type": "smooth",
                      "font_scale_factor": 0.8,
                      "text": "#text",
                      "bindings": [
                        {
                          "binding_name": "#download_info_text",
                          "binding_name_override": "#text"
                        }
                      ]
                    }
                  }
                ]
              }
            },
            {
              "sizer_bar": {
                "type": "panel",
                "size": [ "100%", "50%" ],
                "bindings": [
                  {
                    "binding_name": "#download_progress_bar_visible",
                    "binding_name_override": "#visible"
                  }
                ],
                "controls": [
                  {
                    "download_progress_bar@common_store.store_progress_bar_icon": {
                      "size": [ "90%", 5 ],
                      "layer": "($baseLayer + 1)",
                      "anchor_from": "center",
                      "anchor_to": "center",
                      "$progress_bindings": [
                        {
                          "binding_name": "#download_progress_bar_percentage",
                          "binding_name_override": "#clip_ratio"
                        }
                      ]
                    }
                  }
                ]
              }
            }
          ]
        }
      }
    ]
  },

  "progress_loading_anim@common_store.progress_loading": {
    "$hide_failure_text": true,
    "$hide_progress_loading_outline": true,
    "size": [ "800%y", "100% - 2px" ],
    "layer": 3,
    "anchor_from": "center",
    "anchor_to": "center",
    "bindings": [
      {
        "binding_name": "#progress_loading_anim_visible",
        "binding_name_override": "#visible"
      }
    ]
  },

  "focus_border@common.button": {
    "default_focus_precedence": "$progress_loading_focus_precedence",
    "$pressed_button_name": "",
    "layer": 6,
    "controls": [
      {
        "default": {
          "type": "image",
          "texture": "textures/ui/Banners",
          "controls": [
            {
              "loading_anim@mashup.progress_loading_anim": {}
            }
          ]
        }
      },
      {
        "hover@common_buttons.focus_border": {
          "controls": [
            {
              "loading_anim@mashup.progress_loading_anim": {}
            }
          ]
        }
      },
      {
        "pressed@common_buttons.focus_border": {
          "controls": [
            {
              "loading_anim@mashup.progress_loading_anim": {}
            }
          ]
        }
      }
    ],
    "bindings": [
      {
        "binding_name": "#progress_loading_anim_visible",
        "binding_name_override": "#visible"
      }
    ]
  },

  "purchase_buttons_panel": {
    "type": "stack_panel",
    "layer": 3,
    "size": [ "100%", "100%" ],
    "anchor_from": "left_middle",
    "anchor_to": "left_middle",
    "orientation": "horizontal",
    "$button_action|default": "button.defaultNoAction",
    "$interact_button_id|default": "interact_button",
    "variables": [
      {
        "requires": "$is_on_sale",
        "$hover_button_texture": "textures/ui/sale_button_borderless_lighthover",
        "$pressed_button_texture": "textures/ui/sale_button_borderless_lightpressed"
      }
    ],
    "controls": [
      {
        // used in currency purchase treatment - don't rename until the AB test is done
        "purchase_with_coins_button@common_buttons.light_content_button": {
          "type": "button",
          "size": [ "fill", "100%" ],
          "$pressed_button_name": "$button_action",
          "$button_text_bind_name": "#purchase_with_coins_button_text",
          "$interact_button_id|default": "button.purchase_with_coins",
          "$focus_id": "$interact_button_id",
          "$button_content": "mashup.large_button_coin_purchase_label"
        }
      }
    ],
    "bindings": [
      {
        "binding_name": "#purchase_panel_visible",
        "binding_name_override": "#visible"
      },
      {
        "binding_name": "#purchase_panel_enabled",
        "binding_name_override": "#enabled"
      }
    ]
  },

  "download_buttons_panel": {
    "type": "stack_panel",
    "layer": 3,
    "size": [ "100%", "100%" ],
    "max_size": [ "100%", "100%" ],
    "anchor_from": "left_middle",
    "anchor_to": "left_middle",
    "orientation": "horizontal",
    "$button_action|default": "button.defaultNoAction",
    "$interact_button_id|default": "interact_button",
    "bindings": [
      {
        "binding_name": "#download_info_visible",
        "binding_name_override": "#visible"
      }
    ],
    "controls": [
      {
        "progress_panel": {
          "type": "stack_panel",
          "layer": 3,
          "size": [ "fill", "100%" ],
          "max_size": [ "fill", "100%" ],
          "anchor_from": "left_middle",
          "anchor_to": "left_middle",
          "orientation": "horizontal",
          "$button_action|default": "button.defaultNoAction",
          "$interact_button_id|default": "interact_button",
          "controls": [
            {
              "progress_bar@mashup.download_progress_small": {}
            }
          ]
        }
      },
      {
        "download_share_button_panel@mashup.smooth_share_button_panel": {}
      }
    ]
  },

  "smooth_buttons_panel": {
    "type": "stack_panel",
    "layer": 3,
    "size": [ "100%", "100%" ],
    "max_size": [ "100%", "100%" ],
    "anchor_from": "left_middle",
    "anchor_to": "left_middle",
    "orientation": "horizontal",
    "$button_action|default": "button.defaultNoAction",
    "$interact_button_id|default": "interact_button",
    "bindings": [
      {
        "binding_name": "#buttons_panel_visible",
        "binding_name_override": "#visible"
      },
      {
        "binding_name": "#buttons_panel_visible",
        "binding_name_override": "#enabled"
      }
    ],
    "controls": [
      {
        "purchase_buttons_panel@mashup.smooth_purchase_buttons_panel": {}
      },
      {
        "interact_filling_button@common_buttons.light_text_button": {
          "layer": 3,
          "$button_focus_precedence": 9,
          "$pressed_button_name": "$button_action",
          "$button_text": "#interact_button_text",
          "$button_action": "button.interact_button",
          "$focus_id": "$interact_button_id",
          "$button_binding_condition": "visible",
          "$button_text_binding_type": "global",
          "$button_text_max_size": [ "100%", "100%" ],
          "size": [ "fill", "100%" ],
          "max_size": [ "fill", "100%" ],
          "anchor_from": "left_middle",
          "anchor_to": "left_middle",
          "$font_type": "smooth",
          "bindings": [
            {
              "binding_name": "#action_button_visible",
              "binding_name_override": "#visible"
            },
            {
              "binding_name": "#action_button_enabled",
              "binding_name_override": "#enabled"
            }
          ]
        }
      },
      {
        "share_button_panel@mashup.smooth_share_button_panel": {}
      }
    ]
  },

  "smooth_purchase_buttons_panel": {
    "type": "stack_panel",
    "layer": 3,
    "size": [ "50%", "100%" ],
    "anchor_from": "left_middle",
    "anchor_to": "left_middle",
    "orientation": "horizontal",
    "$button_action|default": "button.defaultNoAction",
    "$interact_button_id|default": "interact_button",
    "variables": [
      {
        "requires": "$is_on_sale",
        "$hover_button_texture": "textures/ui/sale_button_borderless_lighthover",
        "$pressed_button_texture": "textures/ui/sale_button_borderless_lightpressed"
      }
    ],
    "controls": [
      {
        // used in currency purchase treatment - don't rename until the AB test is done
        "smooth_purchase_with_coins_button@common_buttons.light_content_button": {
          "type": "button",
          "size": [ "fill", "100%" ],
          "$button_focus_precedence": 8,
          "$pressed_button_name": "$button_action",
          "$interact_button_id|default": "button.purchase_with_coins",
          "$focus_id": "$interact_button_id",
          "$button_content": "mashup.smooth_coin_purchase_label"
        }
      }
    ],
    "bindings": [
      {
        "binding_name": "#purchase_panel_visible",
        "binding_name_override": "#visible"
      },
      {
        "binding_name": "#purchase_panel_enabled",
        "binding_name_override": "#enabled"
      }
    ]
  },

  "smooth_share_button_panel": {
    "ignored": "(not $supports_clipboard and not $supports_share)",
    "type": "stack_panel",
    "layer": 3,
    "size": [ 26, "100%" ],
    "anchor_from": "left_middle",
    "anchor_to": "left_middle",
    "orientation": "horizontal",
    "$button_action|default": "button.defaultNoAction",
    "$interact_button_id|default": "interact_button",
    "controls": [
      {
        "padding@mashup.horizontal_padding_2px": {}
      },
      {
        "share_button@common_buttons.light_content_button": {
          "type": "button",
          "size": [ 24, "100%" ],
          "$button_focus_precedence": 7,
          "$pressed_button_name": "button.share",
          "$interact_button_id|default": "button.share",
          "$focus_id": "$interact_button_id",
          "$button_content": "mashup.share_label"
        }
      }
    ]
  },

  "currency_purchase_label": {
    "type": "panel",
    "controls": [
      {
        "currency_purchase_label_text": {
          "type": "label",
          "color": "$light_button_default_text_color",
          "size": [ "100%", "default" ],
          "anchor_from": "center",
          "anchor_to": "center",
          "text_alignment": "center",
          "font_type": "smooth",
          "text": "#purchase_with_currency_button_text",
          "bindings": [
            {
              "binding_name": "#purchase_with_currency_button_text"
            }
          ]
        }
      }
    ]
  },

  "coin_image@common_store.coin_icon": {
    "bindings": [
      {
        "binding_name": "#coin_visible",
        "binding_name_override": "#visible"
      }
    ]
  },

  "smooth_currency_purchase_label": {
    "type": "panel",
    "controls": [
      {
        "currency_purchase_label_text": {
          "type": "label",
          "color": "$light_button_default_text_color",
          "size": [ "100%", "default" ],
          "anchor_from": "center",
          "anchor_to": "center",
          "text_alignment": "center",
          "text": "#purchase_with_currency_button_text",
          "font_type": "smooth",
          "bindings": [
            {
              "binding_name": "#purchase_with_currency_button_text"
            }
          ]
        }
      }
    ]
  },

  "large_button_markdown_background": {
    "type": "stack_panel",
    "orientation": "horizontal",
    "size": [ "100%", "100%" ],
    "$markdown_label|default": "common.empty_panel",
    "$banner_size|default": [ "100%", "100%" ],
    "controls": [
      {
        "banner_panel": {
          "type": "stack_panel",
          "orientation": "horizontal",
          "size": [ "fill", "100%" ],
          "controls": [
            {
              "banner@common_store.markdown_banner": {
                "size": "$banner_size",
                "layer": 1,
                "$banner_offset|default": [ 0, 1 ],
                "offset": "$banner_offset",
                "controls": [
                  {
                    "banner_content_stack_panel": {
                      "type": "stack_panel",
                      "orientation": "horizontal",
                      "size": [ "100%", "100%" ],
                      "controls": [
                        {
                          "padding": {
                            "type": "panel",
                            "size": [ "fill", "100%" ]
                          }
                        },
                        {
                          "markdown_panel": {
                            "type": "panel",
                            "size": [ "100%c", "100%" ],
                            "controls": [
                              {
                                "markdown_label@$markdown_label": {}
                              }
                            ]
                          }
                        }
                      ]
                    }
                  }
                ]
              }
            }
          ]
        }
      },
      {
        "triangle_panel": {
          "type": "panel",
          "size": [ "100%c", "100%" ],
          "$triangle_offset|default": [ -1, 0 ],
          "controls": [
            {
              "triangle@common_store.markdown_triangle": {
                "size": [ "50%y", "100%" ],
                "offset": "$triangle_offset",
                "layer": 2
              }
            }
          ]
        }
      }
    ]
  },

  "discount_label": {
    "type": "label",
    "size": [ "default", 10 ],
    "font_type": "smooth",
    "text": "#markdown_percentage",
    "color": "$store_sales_banner_text_color",
    "$discount_label_offset|default": [ 1, 0 ],
    "offset": "$discount_label_offset",
    "layer": 1,
    "bindings": [
      {
        "binding_name": "#markdown_percentage"
      }
    ]
  },

  "coin_purchase_label_text": {
    "type": "label",
    "size": [ "default", "default" ],
    "inherit_max_sibling_height": true,
    "text_alignment": "right",
    "text": "#purchase_with_coins_button_text",
    "font_type": "smooth",
    "color": "$text_color",
    "$coin_label_visibility_binding|default": "(not #is_on_sale)",
    "bindings": [
      {
        "binding_name": "#purchase_with_coins_button_text"
      },
      {
        "binding_name": "$coin_label_visibility_binding",
        "binding_name_override": "#visible"
      }
    ]
  },

  "smooth_coin_purchase_label": {
    "type": "stack_panel",
    "size": [ "100%", 12 ],
    "offset": [ 0, 1 ],
    "orientation": "horizontal",
    "controls": [
      {
        "sales_banner_panel": {
          "type": "panel",
          "size": [ "100%c", "100% + 6px" ],
          "controls": [
            {
              "markdown_banner@common_store.markdown_background": {
                "$markdown_label": "mashup.discount_label",
                "offset": [ -2, -4 ],
                "$triangle_offset": [ 0, 0 ],
                "ignored": "(not $default_state)",
                "layer": 9,
                "$triangle_texture": "textures/ui/saleflagtrianglebeveldefault",
                "$banner_texture": "textures/ui/sale_button_borderless_lighthoverflag"
              }
            },
            {
              "discount_panel": {
                "type": "panel",
                "size": [ "100%c + 13px", "100%" ],
                "ignored": "$default_state",
                "controls": [
                  {
                    "discount_label@mashup.discount_label": {
                      "anchor_from": "left_middle",
                      "anchor_to": "left_middle",
                      "offset": [ 1, -4 ],
                      "layer": 9
                    }
                  }
                ]
              }
            }
          ],
          "bindings": [
            {
              "binding_name": "#is_on_sale",
              "binding_name_override": "#visible"
            }
          ]
        }
      },
      {
        "sales_padding_0": {
          "type": "panel",
          "size": [ "fill", "100%" ]
        }
      },
      {
        "markdown_panel": {
          "type": "panel",
          "size": [ "100%c", "100%" ],
          "controls": [
            {
              "markdown_label@mashup.price_markdown_panel": {
                "size": [ "100%c + 4px", "100%" ],
                "$strike_thru_offset": [ 0, -1 ]
              }
            }
          ],
          "bindings": [
            {
              "binding_name": "#is_on_sale",
              "binding_name_override": "#visible"
            }
          ]
        }
      },
      {
        "coin_purchase_label_text@mashup.coin_purchase_label_text": {}
      },
      {
        "sales_coin_purchase_label_text@mashup.coin_purchase_label_text": {
          "color": "$light_button_default_text_color",
          "$coin_label_visibility_binding|default": "#is_on_sale"          
        }
      },
      {
        "coin_image_offset_panel": {
          "type": "panel",
          "size": [ "100%c", "100%c" ],
          "controls": [
            {
              "coin@mashup.coin_image": {
                "offset": [ -2, -0.25 ]
              }
            }
          ]
        }
      },
      {
        "fill_padding_1": {
          "type": "panel",
          "size": [ "fill", "100%" ],
          "ignored": "$is_on_sale"
        }
      }
    ]
  },

  "share_icon": {
    "type": "image",
    "layer": 2,
    "size": "$share_icon_size",
    "texture": "$share_icon_texture",
    "offset": "$share_icon_offset"
  },

  "share_label": {
    "type": "stack_panel",
    "size": [ "100%", "100%" ],
    "offset": [ 0, 1 ],
    "orientation": "horizontal",
    "controls": [
      {
        "share_image_offset_panel": {
          "type": "panel",
          "size": [ "100%c", "100%c" ],
          "variables": [
            {
              "requires": "($apple_os and $supports_share)",
              "$share_icon_texture": "textures/ui/share_apple",
              "$share_icon_offset": [ 3.5, -1.5 ],
              "$share_icon_size": [ 11, 15 ]
            },
            {
              "requires": "(($microsoft_os or (not $apple_os and not $google_os)) and $supports_share)",
              "$share_icon_texture": "textures/ui/share_microsoft",
              "$share_icon_offset": [ 2.5, -0.5 ],
              "$share_icon_size": [ 15, 13 ]
            },
            {
              "requires": "($google_os and $supports_share)",
              "$share_icon_texture": "textures/ui/share_google",
              "$share_icon_offset": [ 2.0, -0.5 ],
              "$share_icon_size": [ 14, 13 ]
            },
            {
              "requires": "($supports_clipboard and not $supports_share)",
              "$share_icon_texture": "textures/ui/copy",
              "$share_icon_offset": [ 2.5, -1.0 ],
              "$share_icon_size": [ 13, 14 ]
            }
          ],
          "controls": [
            {
              "link_share@share_icon": {
              }
            }
          ]
        }
      }
    ]
  },

  "large_button_coin_purchase_label": {
    "type": "stack_panel",
    "size": [ "50% + 24px", "100%" ],
    "offset": [ 0, 1 ],
    "orientation": "horizontal",
    "anchor_from": "left_middle",
    "anchor_to": "left_middle",
    "controls": [
      {
        "sales_banner_panel": {
          "type": "panel",
          "size": [ "fill", "100% + 4px" ],
          "controls": [
            {
              "markdown_banner@mashup.large_button_markdown_background": {
                "$markdown_label": "mashup.discount_label",
                "offset": [ -2, -3 ],
                "$discount_label_offset": [ 1, 1 ],
                "$triangle_offset": [ 0, 0 ],
                "ignored": "(not $default_state)",
                "layer": 9,
                "$triangle_texture": "textures/ui/saleflagtrianglebeveldefault_large",
                "$triangle_size": [ "%36y + 1px", "100%" ],
                "$banner_texture": "textures/ui/sale_button_borderless_lighthoverflag",
                "bindings": [
                  {
                    "binding_name": "#is_on_sale",
                    "binding_name_override": "#visible"
                  }
                ]
              }
            },
            {
              "discount_panel": {
                "type": "panel",
                "size": [ "100%c + 13px", "100%" ],
                "ignored": "$default_state",
                "anchor_from": "right_middle",
                "anchor_to": "right_middle",
                "controls": [
                  {
                    "discount_label@mashup.discount_label": {
                      "anchor_from": "right_middle",
                      "anchor_to": "right_middle",
                      "offset": [ -15, -2 ],
                      "layer": 9
                    }
                  }
                ],
                "bindings": [
                  {
                    "binding_name": "#is_on_sale",
                    "binding_name_override": "#visible"
                  }
                ]
              }
            }
          ]
        }
      },
      {
        "sales_padding_0": {
          "type": "panel",
          "size": [ 4, "100%" ],
          "bindings": [
            {
              "binding_name": "#is_on_sale",
              "binding_name_override": "#visible"
            }
          ]
        }
      },
      {
        "markdown_panel": {
          "type": "panel",
          "size": [ "100%c", "100%" ],
          "controls": [
            {
              "markdown_label@mashup.price_markdown_panel": {}
            }
          ],
          "bindings": [
            {
              "binding_name": "#is_on_sale",
              "binding_name_override": "#visible"
            }
          ]
        }
      },
      {
        "sales_padding_1": {
          "type": "panel",
          "size": [ 6, "100%" ]
        }
      },
      {
        "coin_purchase_label_panel": {
          "type": "panel",
          "size": [ "100%c", "100%" ],
          "controls": [
            {
              "coin_purchase_label_text@mashup.coin_purchase_label_text": {}
            }
          ]
        }
      },
      {
        "sales_coin_purchase_label_panel": {
          "type": "panel",
          "size": [ "100%c", "100%" ],
          "controls": [
            {
              "coin_purchase_label_text@mashup.coin_purchase_label_text": {
                "color": "$light_button_default_text_color",
                "$coin_label_visibility_binding|default": "#is_on_sale"
              }
            }
          ],
          "bindings": [
            {
              "binding_name": "#is_on_sale",
              "binding_name_override": "#visible"
            }
          ]
        }
      },
      {
        "coin_image_offset_panel": {
          "type": "panel",
          "size": [ "100%c", "100%" ],
          "controls": [
            {
              "coin@mashup.coin_image": {
                "offset": [ -2, -0.25 ]
              }
            }
          ]
        }
      }
    ]
  },

  "price_markdown_panel": {
    "type": "panel",
    "size": [ "100%c + 4px", "100%" ],
    "controls": [
      {
        "offer_price": {
          "type": "label",
          "color": "$store_product_detail_strikethru_color",
          "size": [ "default", 10 ],
          "$strike_thru_offset|default": [ 0, 0 ],
          "offset": "$strike_thru_offset",
          "text": "#full_price",
          "font_type": "smooth",
          "layer": 4,
          "bindings": [
            {
              "binding_name": "#full_price"
            },
            {
              "binding_name": "#is_on_sale",
              "binding_name_override": "#visible"
            }
          ],
          "controls": [
            {
              "text_strike_through@common_store.text_strike_through": {
                "size": [ "100% + 1px", 1 ],
                "offset": [ -0.5, 0 ],
                "color": "$store_product_detail_strikethru_color",
                "layer": 5
              }
            }
          ]
        }
      }
    ]
  },

  "vertical_padding_2px": {
    "type": "panel",
    "size": [ "100%", 2 ]
  },

  "vertical_padding_8px": {
    "type": "panel",
    "size": [ "100%", 8 ]
  },

  "horizontal_padding_2px": {
    "type": "panel",
    "size": [ 2, "100%" ]
  },

  "empty_content_panel": {
    "type": "panel",
    "size": [ 0, 0 ]
  },

  "content_section_bg": {
    "type": "stack_panel",
    "orientation": "vertical",
    "size": [ "100%", "100%c" ],
    "$content_name|default": "",
    "$content|default": "mashup.empty_content_panel",
    "$content_title_bind_name|default": "",    
    "controls": [
      { "pad@mashup.vertical_padding_2px": {} },
      {
        "title_panel": {
          "type": "panel",
          "size": [ "100%", "100%c" ],          
          "controls": [
            {
              "title": {
                "type": "label",
                "size": [ "100% - 4px", "default" ],
                "text": "$content_title_bind_name",
                "color": "$body_text_color",
                "bindings": [
                  {
                    "binding_name": "$content_title_bind_name"
                  }
                ]
              }
            }
          ],
          "bindings": [
            {
              "binding_name": "#section_title_visible",
              "binding_name_override": "#visible",
              "binding_type": "collection",
              "binding_collection_name": "buttons"
            }
          ]
        }
      },
      {
        "bg_and_content": {
          "type": "panel",
          "size": [ "100%", "100%c" ],
          "controls": [
            {
              "bg": {
                "type": "image",
                "size": [ "100% - 4px", "100%c" ],
                "texture": "textures/ui/Banners",
                "$section_bg_alpha|default": 1.0,
                "alpha": "$section_bg_alpha",
                "controls": [
                  { "$content@$content": {} }
                ]
              }
            }
          ]
        }
      }
    ],
    "bindings": [
      {
        "binding_name": "$content_name",
        "binding_name_override": "#visible"
      }
    ]
  },

  "summary_factory_object": {
    "type": "panel",
    "size": [ "100%", "100%c" ],
    "controls": [
      {
        "summary@mashup.summary_content_panel": {
          "$content_name": "#summary_content_visible",
          "$content_title_bind_name": "#summary_title"          
        }
      }
    ]
  },

  "resource_pack_factory_object@mashup.resource_pack_content_panel": {
    "$content_name": "#resource_pack_content_visible",
    "$content_title_bind_name": "#resource_pack_title"
  },

  "skin_pack_factory_object@mashup.skin_pack_content_panel": {
    "$content_name": "#skin_pack_content_visible",
    "$content_title_bind_name": "#skin_pack_title"
  },

  "world_view_factory_object@mashup.world_view_content_panel": {
    "$content_name": "#world_view_content_visible",
    "$content_title_bind_name": "#world_view_title"
  },

  "ratings_factory_object@mashup.ratings_content_panel": {
    "$content_name": "#ratings_content_visible",
    "$content_title_bind_name": "#ratings_title"
  },


  "recently_viewed_factory_object@common_store.store_row_panel": {
    "$store_factory_clipping_event": "recently_viewed_panel_shown",
    "$store_factory_collection_details": "collection_details",
    "$store_factory_binding_type": "collection",
    "$store_factory_collection_prefix": "",
    "$store_factory_collection_name": "buttons",
    "$store_section_header_label_text": "#recently_viewed_title",
    "$row_header_offset": [ 0, -1 ],
    "$store_row_size": [ "100% - 4px", "100%c" ],
    "$store_row_offset": [ 2, 0 ]
  },

  "related_items_factory_object@common_store.store_row_panel": {
    "$store_factory_clipping_event": "related_items_panel_shown",
    "$store_factory_collection_details": "collection_details",
    "$store_factory_binding_type": "collection",
    "$store_factory_collection_prefix": "",
    "$store_factory_collection_name": "buttons",
    "$store_section_header_label_text": "#related_items_title",
    "$row_header_offset": [ 0, -1 ],
    "$store_row_size": [ "100% - 4px", "100%c" ],
    "$store_row_offset": [ 2, 0 ]
  },

  "scrolling_content_stack": {
    "type": "stack_panel",
    "anchor_from": "top_middle",
    "anchor_to": "top_middle",
    "orientation": "vertical",
    "size": [ "100%", "100%c" ],
    "factory": {
      "name": "factory",
      "control_ids": {
        "summary": "@mashup.summary_factory_object",
        "screenshots": "@mashup.resource_pack_factory_object",
        "skin_pack": "@mashup.skin_pack_factory_object",
        "world_view": "@mashup.world_view_factory_object",
        "ratings": "@mashup.ratings_factory_object",
        "recently_viewed": "@mashup.recently_viewed_factory_object",
        "related_items": "@mashup.related_items_factory_object",
        "pad": "@mashup.vertical_padding_2px"
      },
      "factory_variables": [
        "$ratings_visible_after_x_reviews"
      ]
    },
    "collection_name": "buttons",
    "bindings": [
      {
        "binding_name": "#item_page_section_content",
        "binding_name_override": "#collection_length"
      }
    ]
  },

  //--------------------------------------------------------------------------------
  // Ratings Section
  //--------------------------------------------------------------------------------

  "scaling_rating": {
    "type": "panel",
    "size": [ 55, 11 ],
    "$rating_bind_name|default": "#content_rating",
    "controls": [
      {
        "empty_rating": {
          "type": "image",
          "texture": "textures/ui/5stars_empty",
          "bilinear": true,
          "controls": [
            {
              "full_rating": {
                "type": "image",
                "texture": "textures/ui/5stars_full",
                "bilinear": true,
                "layer": 1,
                "clip_direction": "left",
                "clip_pixelperfect": false,
                "property_bag": {
                  "#visible_after_x_ratings": "$ratings_visible_after_x_reviews"
                },
                "bindings": [
                  {
                    "binding_name": "$rating_bind_name",
                    "binding_name_override": "#clip_ratio"
                  }
                ]
              }
            }
          ]
        }
      }
    ]
  },

  "chart_section": {
    "type": "panel",
    "size": [ "100%", 10 ],
    "$section_offset|default": [ 0, 0 ],
    "controls": [
      {
        "stack": {
          "type": "stack_panel",
          "orientation": "horizontal",
          "size": [ "100%", 11 ],
          "offset": "$section_offset",
          "$star_number|default": "-1",
          "controls": [
            {
              "star_number_panel": {
                "type": "panel",
                "size": [ "100%c", "100%" ],
                "controls": [
                  {
                    "star_number": {
                      "type": "label",
                      "size": [ "default", "100%" ],
                      "text": "$star_number",
                      "font_type": "smooth",
                      "color": "$body_text_color"
                    }
                  }
                ]
              }
            },
            {
              "star_panel": {
                "type": "panel",
                "size": [ "100%c", "100%" ],
                "controls": [
                  {
                    "star_img": {
                      "type": "image",
                      "size": [ "112.727%y", 8 ],
                      "offset": [ 0, -0.5 ],
                      "texture": "textures/ui/ratings_fullstar",
                      "bilinear": true
                    }
                  }
                ]
              }
            },
            {
              "pad_0": {
                "type": "panel",
                "size": [ 1, 1 ]
              }
            },
            {
              "bar": {
                "type": "image",
                "texture": "textures/ui/Banners",
                "size": [ "fill", "100%" ],
                "controls": [
                  {
                    "full_bar": {
                      "type": "image",
                      "texture": "textures/ui/Grey",
                      "size": [ "100% - 2px", "100% - 2px" ],
                      "layer": 1,
                      "clip_direction": "left",
                      "clip_pixelperfect": false,
                      "property_bag": {
                        "#visible_after_x_ratings": "$ratings_visible_after_x_reviews"
                      },
                      "bindings": [
                        {
                          "binding_name": "$progress_bar_name",
                          "binding_name_override": "#clip_ratio"
                        }
                      ]
                    }
                  }
                ]
              }
            },
            {
              "pad_1": {
                "type": "panel",
                "size": [ 2, 1 ]
              }
            },
            {
              "percent": {
                "type": "label",
                "size": [ 20, "100%" ],
                "font_type": "smooth",
                "color": "$body_text_color",
                "text": "$rating_percentage",
                "property_bag": {
                  "#visible_after_x_ratings": "$ratings_visible_after_x_reviews"
                },
                "bindings": [
                  {
                    "binding_name": "$rating_percentage"
                  }
                ]
              }
            }
          ]
        }
      }
    ]
  },

  "ratings_chart": {
    "type": "stack_panel",
    "orientation": "vertical",
    "size": [ "100%", "100%c" ],
    "controls": [
      {
        "5_star@mashup.chart_section": {
          "$star_number": "5",
          "$progress_bar_name": "#5_star_percent_normalized",
          "$rating_percentage": "#5_star_percent"
        }
      },
      {
        "4_star@mashup.chart_section": {
          "$star_number": "4",
          "$progress_bar_name": "#4_star_percent_normalized",
          "$rating_percentage": "#4_star_percent"
        }
      },
      {
        "3_star@mashup.chart_section": {
          "$star_number": "3",
          "$progress_bar_name": "#3_star_percent_normalized",
          "$rating_percentage": "#3_star_percent"
        }
      },
      {
        "2_star@mashup.chart_section": {
          "$star_number": "2",
          "$progress_bar_name": "#2_star_percent_normalized",
          "$rating_percentage": "#2_star_percent"
        }
      },
      {
        "1_star@mashup.chart_section": {
          "$star_number": "1",
          "$progress_bar_name": "#1_star_percent_normalized",
          "$rating_percentage": "#1_star_percent"
        }
      }
    ]
  },

  "ratings_chart_panel": {
    "type": "panel",
    "layer": 1,
    "size": [ "100%", "fill" ],
    "controls": [
      {
        "ratings_chart_content": {
          "type": "stack_panel",
          "orientation": "vertical",
          "anchor_from": "center",
          "anchor_to": "center",
          "size": [ "60%", "100%c" ],
          "controls": [
            {
              "pad_0": {
                "type": "panel",
                "size": [ 1, 2 ]
              }
            },
            {
              "rating_panel": {
                "type": "panel",
                "size": [ "100%", "100%c" ],
                "controls": [
                  {
                    "rating": {
                      "type": "stack_panel",
                      "orientation": "horizontal",
                      "anchor_from": "top_middle",
                      "anchor_to": "top_middle",
                      "size": [ "100%c", "100%cm" ],
                      "controls": [
                        { "rating_bar@mashup.scaling_rating": {} },
                        {
                          "pad": {
                            "type": "panel",
                            "size": [ 2, 1 ]
                          }
                        }
                      ]
                    }
                  }
                ],
                "property_bag": {
                  "#visible_after_x_ratings": "$ratings_visible_after_x_reviews"
                },
                "bindings": [
                  {
                    "binding_name": "#ratings_panel_5stars_visible",
                    "binding_name_override": "#visible"
                  }
                ]
              }
            },
            {
              "rating_text_panel": {
                "type": "panel",
                "size": [ "100%", "100%c" ],
                "controls": [
                  {
                    "rating_text": {
                      "type": "label",
                      "size": [ "default", "default" ],
                      "anchor_from": "top_middle",
                      "anchor_to": "top_middle",
                      "text": "#rating_text",
                      "font_type": "smooth",
                      "color": "$body_text_color",
                      "property_bag": {
                        "#visible_after_x_ratings": "$ratings_visible_after_x_reviews"
                      },
                      "bindings": [
                        {
                          "binding_name": "#rating_text"
                        }
                      ]
                    }
                  }
                ]
              }
            },
            {
              "count_panel": {
                "type": "panel",
                "size": [ "100%", "100%c" ],
                "controls": [
                  {
                    "count": {
                      "type": "label",
                      "size": [ "default", "default" ],
                      "anchor_from": "top_middle",
                      "anchor_to": "top_middle",
                      "text": "#number_of_ratings",
                      "offset": [ 0, -1 ],
                      "font_type": "smooth",
                      "color": "$body_text_color",
                      "property_bag": {
                        "#visible_after_x_ratings": "$ratings_visible_after_x_reviews"
                      },
                      "bindings": [
                        {
                          "binding_name": "#number_of_ratings"
                        }
                      ]
                    }
                  }
                ]
              }
            },
            { "chart@mashup.ratings_chart": {} },
            { "pad_1@mashup.vertical_padding_2px": {} },
            {
              "player_rating": {
                "type": "panel",
                "size": [ "100%c", 11 ],
                "controls": [
                  {
                    "stack": {
                      "type": "stack_panel",
                      "anchor_from": "top_middle",
                      "anchor_to": "top_middle",
                      "orientation": "horizontal",
                      "controls": [
                        {
                          "your_rating": {
                            "type": "label",
                            "color": "$body_text_color",
                            "font_type": "smooth",
                            "text": "store.ratings.yourRating"
                          }
                        },
                        {
                          "rating@mashup.scaling_rating": {
                            "$rating_bind_name": "#player_rating"
                          }
                        },
                        {
                          "rating_text": {
                            "type": "label",
                            "color": "$body_text_color",
                            "font_type": "smooth",
                            "text": "#player_rating_number",
                            "bindings": [
                              {
                                "binding_name": "#player_rating_number"
                              }
                            ]
                          }
                        }
                      ]
                    }
                  }
                ],
                "bindings": [
                  {
                    "binding_name": "#player_rating_visible",
                    "binding_name_override": "#visible",
                    "binding_condition": "always"
                  }
                ]
              }
            }
          ]
        }
      }
    ]
  },

  "ratings_box": {
    "type": "panel",
    "controls": [
      {
        "ratings_full_panel": {
          "type": "panel",
          "size": [ "100% - 4px", "100%" ],
          "visible": false,
          "controls": [
            {
              "ratings_chart_and_button": {
                "type": "stack_panel",
                "orientation": "vertical",
                "size": [ "100%", "100%" ],
                "controls": [
                  { "pad_0@mashup.vertical_padding_2px": {} },
                  { "chart@mashup.ratings_chart_panel": {} },
                  { "pad_1@mashup.vertical_padding_2px": {} }
                ]
              }
            }
          ],
          "bindings": [
            {
              "binding_name": "#ratings_summary_valid",
              "binding_name_override": "#visible",
              "binding_condition": "always"
            }
          ]
        }
      },
      {
        "progress_loading@common_store.progress_loading": {
          "layer": 3,
          "$source_control_name": "ratings_full_panel",
          "$source_property_name": "(not #visible)",
          "$hide_failure_text": true,
          "$hide_progress_loading_outline": true
        }
      }
    ]
  },

  "ratings_info_panel": {
    "type": "panel",
    "size": [ "100%", "100%cm" ],
    "anchor_from": "center",
    "anchor_to": "center",
    "controls": [
      {
        "image_bg": {
          "type": "image",
          "size": [ "50%", "56.25%x + 1px" ],
          "anchor_from": "right_middle",
          "anchor_to": "right_middle",
          "$image_bg_texture|default": "textures/ui/Banners",
          "texture": "$image_bg_texture",
          "layer": 1,
          "controls": [
            {
              "image": {
                "type": "image",
                "size": [ "100% - 2px", "100%" ],
                "bilinear": true,
                "layer": 2,
                "bindings": [
                  {
                    "binding_name": "#main_mashup_key_art_texture",
                    "binding_name_override": "#texture"
                  },
                  {
                    "binding_name": "#main_mashup_key_art_file_system",
                    "binding_name_override": "#texture_file_system"
                  }
                ]
              }
            }
          ]
        }
      },
      {
        "ratings@mashup.ratings_box": {
          "size": [ "50%", 1 ],
          "inherit_max_sibling_height": true,
          "anchor_from": "left_middle",
          "anchor_to": "left_middle"
        }
      }
    ]
  },

  "ratings_button_content_panel": {
    "type": "panel",
    "size": [ "100%", "100%c" ],
    "controls": [
      {
        "ratings_content_button": {
          "type": "button",
          "size": [ "100%", "100%cm" ],
          "anchor_from": "center",
          "anchor_to": "center",
          "default_control": "default",
          "hover_control": "hover",
          "bindings": [
            {
              "binding_name": "#ratings_hover_button_focus_enabled",
              "binding_name_override": "#focus_enabled"
            }
          ],
          "button_mappings": [],
          "controls": [
            {
              "hover": {
                "type": "panel",
                "size": [ "100% + 2px", "100%c" ],
                "controls": [
                  { "hover_ratings_info_panel@mashup.ratings_info_panel": {} }
                ]
              }
            },
            {
              "default": {
                "type": "panel",
                "size": [ "100% + 2px", "100%c" ],
                "controls": [
                  { "default_ratings_info_panel@mashup.ratings_info_panel": {} }
                ]
              }
            }
          ]
        }
      }
    ]
  },

  "ratings_content": {
    "type": "panel",
    "size": [ "100% - 2px", "100%c" ],
    "clip_state_change_event": "ratings_panel_shown",
    "controls": [
      {
        "content_and_button": {
          "type": "stack_panel",
          "orientation": "vertical",
          "controls": [
            { "ratings_content_panel@mashup.ratings_button_content_panel": {} },
            {
              "ratings_interact_panel": {
                "type": "panel",
                "size": [ "100%", "100%c" ],
                "controls": [
                  {
                    "ratings_interact@mashup.interaction_button_panel": {
                      "$button_text_bind_name": "#ratings_button_text",
                      "$button_action": "button.rateContent",
                      "$focus_override_left": "FOCUS_OVERRIDE_STOP",
                      "$focus_override_right": "FOCUS_OVERRIDE_STOP",
                      "$focus_override_down": "FOCUS_OVERRIDE_STOP",
                      "bindings": [
                        {
                          "binding_name": "#rate_button_visible",
                          "binding_name_override": "#visible"
                        }
                      ]
                    }
                  }
                ]
              }
            }
          ]
        }
      }
    ]
  },

  "ratings_content_panel@mashup.content_section_bg": {
    "$content": "mashup.ratings_content"
  },

  //--------------------------------------------------------------------------------
  // World View Section
  //--------------------------------------------------------------------------------

  "world_view_content": {
    "type": "stack_panel",
    "orientation": "vertical",
    "size": [ "100%", "100%c" ],
    "controls": [
      {
        "pano_panel": {
          "type": "panel",
          "size": [ "100%", 150 ],
          "controls": [
            { "pano@world_panorama.map_pack_tab_content": {} }
          ]
        }
      },
      {
        "interact_panel": {
          "type": "panel",
          "size": [ "100%", "100%c" ],
          "controls": [
            {
              "world_interact@mashup.interaction_button_panel": {
                "$button_text_bind_name": "#world_view_button_text",
                "$button_action": "button.createWorld",
                "$action_button_enabled_binding": "#action_button_enabled"
              }
            }
          ]
        }
      }
    ]
  },

  "world_view_content_panel@mashup.content_section_bg": {
    "size": [ "100%", "100%c" ],
    "$content": "mashup.world_view_content"
  },

  //--------------------------------------------------------------------------------
  // Skin Pack Section
  //--------------------------------------------------------------------------------

  "skins@skin_pack_purchase.skins_panel": {
    "size": [ "100%", 150 ]
  },

  "skin_pack_content_panel@mashup.content_section_bg": {
    "size": [ "100%", "100%c" ],
    "$content": "mashup.skins",
    "$section_bg_alpha": 0.5,
    "$grid_size": [ "100%", "100%" ],
    "$skins_grid_size": [ "100% - 40px", "100% - 2px" ],
    "$skins_grid_item_size": [ "20%", "100%" ],
    "$skin_model_size": [ "100%", "100%" ],
    "$skin_model_offset": [ 0, -15 ],
    "$skin_model_anchor_from": "top_middle",
    "$skin_model_anchor_to": "top_middle",
    "$skin_lock_offset": [ -3, -4.0 ]
  },

  //--------------------------------------------------------------------------------
  // Resource Pack Section
  //--------------------------------------------------------------------------------

  "resource_pack_content": {
    "type": "stack_panel",
    "orientation": "vertical",
    "size": [ "100%", "100%c" ],
    "controls": [
      {
        "screenshots@mashup_home.screenshot_carousel": {
          "size": [ "100%", "100%cm" ],
          "anchor_from": "top_right",
          "anchor_to": "top_right"
        }
      },
      {
        "interact_panel": {
          "type": "panel",
          "size": [ "100%", "100%c" ],
          "controls": [
            {
              "resource_interact@mashup.interaction_button_panel": {
                "$button_text_bind_name": "#texture_pack_button_text",
                "$button_action": "button.activateTexturePack",
                "$interact_button_id": "screenshot_interact_button"
              }
            }
          ],
          "bindings": [
            {
              "binding_name": "#resource_pack_interact_visible",
              "binding_name_override": "#visible",
              "binding_condition": "once"
            }
          ]
        }
      }
    ]
  },

  "resource_pack_content_panel@mashup.content_section_bg": {
    "$section_bg_alpha": 0.5,
    "$content": "mashup.resource_pack_content"
  },

  //--------------------------------------------------------------------------------
  // Summary Section
  //--------------------------------------------------------------------------------

  "author_label": {
    "type": "stack_panel",
    "orientation": "vertical",
    "controls": [
      {
        "see_more": {
          "type": "label",
          "color": "$body_text_color",
          "size": [ "100%", "default" ],
          "anchor_from": "center",
          "anchor_to": "center",
          "text_alignment": "center",
          "text": "#author_button_text",
          "font_type": "smooth",
          "bindings": [
            {
              "binding_name": "#author_button_text",
              "binding_condition": "once"
            }
          ]
        }
      }
    ]
  },

  "rating_label": {
    "type": "panel",
    "controls": [
      {
        "rating_label_content": {
          "type": "panel",
          "property_bag": {
            "#visible_after_x_ratings": "$ratings_visible_after_x_reviews"
          },
          "bindings": [
            {
              "binding_name": "#rating_status_valid"
            },
            {
              "binding_name": "#player_rating_visible",
              "binding_condition": "always"
            }
          ],
          "controls": [
            {
              "ratings_display": {
                "type": "stack_panel",
                "orientation": "horizontal",
                "size": [ "100%", "100%cm" ],
                "anchor_from": "center",
                "anchor_to": "center",
                "controls": [
                  {
                    "left_padding": {
                      "type": "panel",
                      "size": [ "fill", 10 ]
                    }
                  },
                  {
                    "rating_stars_panel": {
                      "type": "panel",
                      "size": [ "100%c", "100%c" ],
                      "controls": [
                        {
                          "rating@mashup.scaling_rating": {
                            "$rating_bind_name": "#rating_button_stars",
                            "offset": [ 0, -0.5 ]
                          }
                        }
                      ]
                    }
                  },
                  {
                    "padding_middle": {
                      "type": "panel",
                      "size": [ 1, 10 ]
                    }
                  },
                  {
                    "text": {
                      "type": "label",
                      "max_size": [ "100% - 55px", 12 ],
                      "font_type": "smooth",
                      "color": "$body_text_color",
                      "text": "#rating_button_text",
                      "property_bag": {
                        "#visible_after_x_ratings": "$ratings_visible_after_x_reviews"
                      },
                      "bindings": [
                        {
                          "binding_name": "#rating_button_text"
                        }
                      ]
                    }
                  },
                  {
                    "right_padding": {
                      "type": "panel",
                      "size": [ "fill", 10 ]
                    }
                  }
                ],
                "bindings": [
                  {
                    "binding_type": "view",
                    "source_control_name": "rating_label_content",
                    "source_property_name": "(#player_rating_visible or #rating_status_valid)",
                    "target_property_name": "#visible"
                  }
                ]
              }
            },
            {
              "first_to_rate": {
                "type": "label",
                "size": [ "100%", "default" ],
                "text": "store.mashup.title.ratings",
                "color": "$body_text_color",
                "text_alignment": "center",
                "font_type": "smooth",
                "bindings": [
                  {
                    "binding_type": "view",
                    "source_control_name": "ratings_display",
                    "source_property_name": "(not #visible)",
                    "target_property_name": "#visible",
                    "resolve_sibling_scope": true
                  }
                ]
              }
            }
          ]
        }
      }
    ]
  },

  "summary_author_button@common_buttons.dark_content_button": {
    "$button_size_override": [ "100%", "100%" ],
    "$button_content_size": [ "100% - 6px", "100% - 4px" ],
    "$pressed_button_name": "button.authorName",
    "$button_content": "mashup.author_label"
  },

  "summary_rating_button@common_buttons.dark_content_button": {
    "$button_size_override": [ "100%", "100%" ],
    "$button_content_size": [ "100% - 6px", "100% - 4px" ],
    "$pressed_button_name": "button.scrollToRateContent",
    "$button_content": "mashup.rating_label"
  },

  "summary_content_left_side": {
    "type": "panel",
    "controls": [
      {
        "image": {
          "type": "panel",
          "size": [ "100%", "100% - 30px" ],
          "anchor_from": "top_left",
          "anchor_to": "top_left",
          "controls": [
            {
              "key_image": {
                "type": "image",
                "layer": 1,
                "size": [ "100% - 2px", "56.25%x" ],
                "offset": [ 1, 1 ],
                "anchor_from": "top_left",
                "anchor_to": "top_left",
                "bilinear": true,
                "controls": [
                  {
                    "border@common.focus_border_white": {
                      "size": [ "100% + 2px", "100% + 2px" ],
                      "color": "$light_border_default_color",
                      "layer": 1
                    }
                  },
                  {
                    "summary_buttons@mashup.summary_content_panel_buttons": {
                      "size": [ "100% + 2px", 30 ],
                      "anchor_from": "bottom_middle",
                      "anchor_to": "top_middle"
                    }
                  }
                ],
                "bindings": [
                  {
                    "binding_name": "#main_mashup_key_art_texture",
                    "binding_name_override": "#texture"
                  },
                  {
                    "binding_name": "#main_mashup_key_art_file_system",
                    "binding_name_override": "#texture_file_system"
                  }
                ]
              }
            }
          ]
        }
      }
    ]
  },

  "summary_text_panel": {
    "type": "stack_panel",
    "size": [ "100%", "100%" ],
    "orientation": "vertical",
    "controls": [
      {
        "title_panel": {
          "type": "panel",
          "size": [ "100%", "100%c + 2px" ],
          "controls": [
            {
              "pack_title": {
                "type": "label",
                "size": [ "100% - 2px", "default" ],
                "offset": [ 2, 1 ],
                "layer": 1,
                "font_scale_factor": 1.3,
                "font_type": "smooth",
                "color": "$body_text_color",
                "text_alignment": "left",
                "text": "#pack_title",
                "bindings": [
                  {
                    "binding_name": "#pack_title",
                    "binding_condition": "once"
                  }
                ]
              }
            }
          ]
        }
      },
      {
        "author_panel": {
          "type": "panel",
          "size": [ "100%", "100%c" ],
          "controls": [
            {
              "author_label": {
                "type": "label",
                "size": [ "100% - 2px", "default" ],
                "offset": [ 2, 0 ],
                "layer": 1,
                "color": "$body_text_color",
                "font_type": "smooth",
                "text": "#author_label",
                "bindings": [
                  {
                    "binding_name": "#author_label",
                    "binding_condition": "once"
                  }
                ]
              }
            }
          ]
        }
      },
      {
        "glyph_top_padding@mashup.vertical_padding_2px": {}
      },
      {
        "item_skin_count_panel": {
          "type": "stack_panel",
          "size": [ "100%", "100%cm" ],
          "orientation": "horizontal",
          "controls": [
            {
              "button_top_padding@mashup.horizontal_padding_2px": {
                "size": [ 2, 0 ] // y = 0, not 100% because 100%cm has a hard time with y = "100%"
              }
            },
            {
              "skin_icon": {
                "type": "image",
                "texture": "textures/ui/glyph_skin_pack",
                "size": [ 9, 9 ],
                "layer": 2
              }
            },
            {
              "item_skin_count_panel_label": {
                "type": "label",
                "size": [ "100% - 2px", "default" ],
                "layer": 1,
                "color": "$body_text_color",
                "text_alignment": "left",
                "font_type": "smooth",
                "text": "#item_skin_count",
                "bindings": [
                  {
                    "binding_name": "#item_skin_count"
                  }
                ]
              }
            }
          ],
          "bindings": [
            {
              "binding_name": "#item_skin_count_visible",
              "binding_name_override": "#visible"
            }
          ]
        }
      },
      {
        "item_world_template_panel": {
          "type": "stack_panel",
          "size": [ "100%", "100%cm" ],
          "orientation": "horizontal",
          "controls": [
            {
              "button_top_padding@mashup.horizontal_padding_2px": {
                "size": [ 2, 0 ] // y = 0, not 100% because 100%cm has a hard time with y = "100%"
              }
            },
            {
              "world_template_icon": {
                "type": "image",
                "texture": "textures/ui/glyph_world_template",
                "size": [ 9, 9 ],
                "layer": 2
              }
            },
            {
              "item_world_template_panel_label": {
                "type": "label",
                "size": [ "100% - 2px", "default" ],
                "layer": 1,
                "color": "$body_text_color",
                "text_alignment": "left",
                "font_type": "smooth",
                "text": "#item_world_template_count",
                "bindings": [
                  {
                    "binding_name": "#item_world_template_count"
                  }
                ]
              }
            }
          ],
          "bindings": [
            {
              "binding_name": "#item_world_template_count_visible",
              "binding_name_override": "#visible"
            }
          ]
        }
      },
      {
        "item_resource_pack_count_panel": {
          "type": "stack_panel",
          "size": [ "100%", "100%cm" ],
          "orientation": "horizontal",
          "controls": [
            {
              "button_top_padding@mashup.horizontal_padding_2px": {
                "size": [ 2, 0 ] // y = 0, not 100% because 100%cm has a hard time with y = "100%"
              }
            },
            {
              "resource_pack_icon": {
                "type": "image",
                "texture": "textures/ui/glyph_resource_pack",
                "size": [ 9, 9 ],
                "layer": 2
              }
            },
            {
              "item_resource_pack_count_panel_label": {
                "type": "label",
                "size": [ "100% - 2px", "default" ],
                "layer": 1,
                "color": "$body_text_color",
                "text_alignment": "left",
                "font_type": "smooth",
                "text": "#item_resource_pack_count",
                "bindings": [
                  {
                    "binding_name": "#item_resource_pack_count"
                  }
                ]
              }
            }
          ],
          "bindings": [
            {
              "binding_name": "#item_resource_pack_count_visible",
              "binding_name_override": "#visible"
            }
          ]
        }
      },
      { "button_top_padding@mashup.vertical_padding_2px": {} },
      {
        "sale_timer_panel": {
          "type": "panel",
          "size": [ "100%c", 10 ],
          "controls": [
            {
              "timer_label": {
                "type": "label",
                "size": [ "default", "100%" ],
                "font_type": "smooth",
                "text": "#time_until_sale_expires",
                "color": "$coin_color",
                "offset": [ 2, 0 ],
                "layer": 1,
                "bindings": [
                  {
                    "binding_name": "#time_until_sale_expires"
                  }
                ]
              }
            }
          ],
          "bindings": [
            {
              "binding_name": "#is_on_sale",
              "binding_name_override": "#visible"
            }
          ]
        }
      },
      {
        // used in currency purchase treatment - don't rename until the AB test is done
        "top_interact_button_stack": {
          "type": "stack_panel",
          "orientation": "horizontal",
          "size": [ "100%", "100%cm + 1px" ],
          "controls": [
            {
              "pad_0": {
                "type": "panel",
                "size": [ 2, 0 ] // y = 0, not 100% because 100%cm has a hard time with y = "100%"
              }
            },
            {
              "top_interact@mashup.summary_box_button_panel": {
                "$button_action": "button.homeButton",
                "$button_focus_precedence": 11,
                "$progress_loading_focus_precedence": 12,
                "size": [ "100%", "20 px" ],
                "offset": [ 2, 0 ]
              }
            }
          ]
        }
      },
      {
        "progress_loading_anim_panel": {
          "type": "panel",
          "size": [ "100%", 10 ],
          "controls": [
            {
              "progress_loading_anim@common_store.progress_loading": {
                "$hide_failure_text": true,
                "$use_sibling_scope": false,
                "$hide_progress_loading_outline": true,
                "size": [ 36, "100%" ],
                "offset": [ 2, 0 ],
                "layer": 3,
                "anchor_from": "left_middle",
                "anchor_to": "left_middle",
                "bindings": [
                ]
              }
            }
          ],
          "bindings": [
            {
              "binding_name": "#progress_loading_anim_visible",
              "binding_name_override": "#visible"
            }
          ]
        }
      },
      {
        "description_panel": {
          "type": "panel",
          "size": [ "100%", "fill" ],
          "controls": [
            {
              "contents_description": {
                "type": "label",
                "size": [ "100% - 2px", "100%" ],
                "offset": [ 2, 0 ],
                "layer": 1,
                "color": "$body_text_color",
                "font_type": "smooth",
                "text": "#pack_description",
                "notify_on_ellipses": [
                  "read_more_button_text",
                  "read_more_button"
                ],
                "bindings": [
                  {
                    "binding_name": "#pack_description",
                    "binding_condition": "once"
                  },
                  {
                    "binding_name": "#contents_description_visible",
                    "binding_name_override": "#visible"
                  }
                ]
              }
            },
            {
              "read_more_button@mashup.read_more_button": {
                "size": [ "100% + 4px", "100% + 12px" ],
                "anchor_from": "top_left",
                "anchor_to": "top_left",
                "layer": 8,
                "visible": false,
                "bindings": [
                  {
                    "binding_type": "view",
                    "source_property_name": "#using_ellipses",
                    "target_property_name": "#visible"
                  }
                ]
              }
            }
          ]
        }
      },
      { "bottom_padding@mashup.vertical_padding_2px": {} },
      {
        "read_more_panel": {
          "type": "panel",
          "size": [ "100%", "100%c" ],
          "controls": [
            {
              "read_more_button_text": {
                "type": "label",
                "size": [ "100% - 6px", 10 ],
                "text": "store.mashup.readMore",
                "font_type": "smooth",
                "visible": false,
                "color": "$body_text_color",
                "layer": 2,
                "bindings": [
                  {
                    "binding_type": "view",
                    "source_property_name": "#using_ellipses",
                    "target_property_name": "#visible"
                  }
                ]
              }
            }
          ]
        }
      }
    ]
  },

  "read_more_button@common.button": {
    "$pressed_button_name": "button.read_more",
    "controls": [
      {
        "default@common.empty_panel": {}
      },
      {
        "hover@common.focus_border_white": {
          "color": "$dark_border_hover_color"
        }
      },
      {
        "pressed@common.focus_border_white": {
          "color": "$dark_border_pressed_color"
        }
      }
    ]
  },

  "summary_content_panel_buttons": {
    "type": "stack_panel",
    "orientation": "horizontal",
    "size": [ "100%", 30 ],
    "layer": 3,
    "controls": [
      {
        "rating_panel": {
          "type": "panel",
          "size": [ "50%", "100%" ],
          "controls": [
            {
              "rating@mashup.summary_rating_button": {
                "size": [ "100%", "100%" ]
              }
            }
          ]
        }
      },
      {
        "author_panel": {
          "type": "panel",
          "size": [ "50%", "100%" ],
          "controls": [
            {
              "author@mashup.summary_author_button": {
                "size": [ "100%", "100%" ]
              }
            }
          ]
        }
      }
    ]
  },

  "summary_content_right_side": {
    "type": "stack_panel",
    "orientation": "vertical",
    "size": [ "100%", "100%" ],
    "controls": [
      {
        "text@mashup.summary_text_panel": {
          "size": [ "100% - 4px", "100%" ],
          "anchor_from": "top_right",
          "anchor_to": "top_left"
        }
      }
    ]
  },

  "summary_content_whole_stack_panel": {
    "type": "stack_panel",
    "orientation": "horizontal",
    "size": [ "100% + 2 px", "28.125%x + 30px" ], // Half the Y ratio of the keyart in the left panel + the lower buttons
    "anchor_from": "right_middle",
    "anchor_to": "right_middle",
    "controls": [
      {
        "pad_0": {
          "type": "panel",
          "size": [ 2, "100%" ]
        }
      },
      {
        "left_side@mashup.summary_content_left_side": {
          "size": [ "50%", "100%" ]
        }
      },
      {
        "right_side@mashup.summary_content_right_side": {
          "inherit_max_sibling_height": true,
          "size": [ "50% - 2 px", "100%" ]
        }
      },
      {
        "pad_1": {
          "type": "panel",
          "size": [ 2, "100%" ]
        }
      }
    ]
  },

  "summary_content_panel@mashup.content_section_bg": {
    "size": [ "100%", "100%c" ],
    "$content": "mashup.summary_content_whole_stack_panel"
  },

  //--------------------------------------------------------------------------------
  // Screen
  //--------------------------------------------------------------------------------

  "mashup_screen@common_store.store_base_screen": {
    "$screen_content": "mashup.mashup_screen_content",
    "$screen_header_title_visible": false,
    "$header_safezone_control": "common_store.store_top_bar_filler",
    "$header_bar_control": "common_store.store_top_bar",
    "$screen_background_control": "common_store.store_background",
    "$is_full_screen_layout": true,
    "$fill_alpha": 0.75,
    "size": [ "100%", "100%" ],
    "button_mappings": [
      {
        "from_button_id": "button.menu_cancel",
        "to_button_id": "button.menu_exit",
        "mapping_type": "global"
      },
      {
        "from_button_id": "button.controller_secondary_select",
        "to_button_id": "button.search",
        "mapping_type": "global",
        "ignored": "$is_on_3p_server"
      },
      {
        "from_button_id": "button.controller_select",
        "to_button_id": "button.coin_wallet",
        "mapping_type": "global"
      }
    ]
  },

  "mashup_screen_content": {
    "type": "panel",
    "controls": [
      {
        "header@common_store.store_header_with_coins": {
          "$child_control": "mashup.mashup_screen_main",
          "$button_text": "store.itemDetail.back",
          "$back_button_has_title": true
        }
      },
      {
        "popup_dialog_factory": {
          "type": "factory",
          "size": [ 0, 0 ],
          "control_ids": {
            "no_store_connection": "@common_store.popup_dialog__no_store_connection",
            "restore_popup": "@common_store.popup_dialog__restore_popup",
            "restore_failed": "@common_store.popup_dialog__restore_failed"
          }
        }
      }
    ]
  },

  "mashup_screen_main": {
    "type": "input_panel",
    "anchor_from": "top_left",
    "anchor_to": "top_left",
    "size": [ "100%", "100%" ],
    "controls": [
      {
        "pack_content@common.scrolling_panel": {
          "anchor_from": "top_left",
          "anchor_to": "top_left",
          "$scrolling_pane_size": [ "100%", "100%" ],
          "$scrolling_pane_offset": [ 0, 0 ],
          "$scroll_size": [ 5, "100% - 4px" ],
          "$scrolling_content": "mashup.scrolling_content_stack",
          "$scroll_bar_left_padding_size": [ 0, 0 ],
          "$show_background": false,
          "$bar_visible": false,
          "$space_to_add_on_focus_change_left": 0,
          "$space_to_add_on_focus_change_right": 0,
          "$space_to_add_on_focus_change_down": 0,
          "$space_to_add_on_focus_change_up": 0,
          "bindings": [
            {
              "binding_name": "(not #page_loading_visible)",
              "binding_name_override": "#visible"
            }
          ]
        }
      }
    ]
  },

  //--------------------------------------------------------------------------------
  // Content
  //--------------------------------------------------------------------------------

  "mashup_button_content": {
    "type": "stack_panel",
    "size": [ "100%", "100%c" ],
    "controls": [
      {
        "line1_panel": {
          "type": "panel",
          "size": [ "100%", "100%c" ],
          "controls": [
            {
              "upsell_text": {
                "type": "label",
                "size": [ "100%", "default" ],
                "max_size": [ "100%", "default" ],
                "anchor_from": "center",
                "anchor_to": "center",
                "text_alignment": "center",
                "text": "$button_text_bind_name",
                "color": "$text_color",
                "bindings": [
                  {
                    "binding_name": "$button_text_bind_name",
                    "binding_type": "global"
                  }
                ]
              }
            }
          ]
        }
      }
    ]
  },

  "non_mashup_button_content": {
    "type": "stack_panel",
    "size": [ "100%", "100%c" ],
    "orientation": "horizontal",
    "controls": [
      {
        "line1_panel": {
          "type": "panel",
          "size": [ "100%", "100%c" ],
          "controls": [
            {
              "upsell_text": {
                "type": "label",
                "size": [ "100%", "default" ],
                "anchor_from": "center",
                "anchor_to": "center",
                "text": "$button_text_bind_name",
                "text_alignment": "center",
                "color": "$text_color",
                "bindings": [
                  {
                    "binding_name": "$button_text_bind_name",
                    "binding_type": "global"
                  }
                ]
              }
            }
          ]
        }
      }
    ]
  }
}