{
  "namespace": "csb_upsell",

  "csb_upsell_screen@common.base_screen": {
    "force_render_below": true,
    "$fill_alpha": 1,
    "button_mappings": [
      {
        "from_button_id": "button.menu_cancel",
        "to_button_id": "button.menu_exit",
        "mapping_type": "global"
      }
    ],
    "$screen_content": "csb_upsell.csb_upsell_compare_dialog"
  },

  "csb_upsell_compare_dialog": {
    "type": "panel",
    "controls": [
      {
        "csb_upsell_compare_main_screen@common_dialogs.main_panel_no_buttons": {
          "$child_control": "csb_upsell.csb_upsell_popup_content",
          "size": "$csb_upsell_screen_size",
          "max_size": [ "100%", "100%" ],
          "min_size": [ "default", "60%" ]
        }
      }
    ]
  },

  "csb_upsell_popup_content": {
    "type": "panel",
    "size": [ "100% + 64px", "100%" ],
    "controls": [
      {
        "two_side_panels": {
          "type": "stack_panel",
          "orientation": "horizontal",
          "size": [ "80%", "100%" ],
          "controls": [
            {
              "border_panel_left": {
                "type": "panel",
                "size": [ "50% - 1px", "100%" ],
                "controls": [
                  {
                    "border": {
                      "type": "image",
                      "size": [ "100%", "100%-8px" ],
                      "texture": "textures/ui/square_image_border_white",
                      "color": "$csb_border_color",
                      "layer": 3
                    }
                  },
                  {
                    "background_panel": {
                      "type": "image",
                      "size": [ "100%", "100%-8px" ],
                      "keep_ratio": false,
                      "color": "$csb_upsell_offer_background",
                      "layer": 0,
                      "texture": "textures/ui/White"
                    }
                  },
                  {
                    "left_side_panel@csb_upsell_left_side_panel": {
                      "layer": 1,
                      "$header_first_line": "store.csb.upsell.csb.1",
                      "$header_first_line_color": "$store_csb_gold_text_color",
                      "$show_header_second_line": true,
                      "$header_second_line": "store.csb.upsell.csb.2",
                      "$header_second_line_color": "$store_white_text_color",
                      "$bullet_text_one": "store.csb.upsell.leftBullet.1",
                      "$bullet_text_two": "store.csb.upsell.leftBullet.2",
                      "$bullet_text_three": "store.csb.upsell.leftBullet.3",
                      "$price": "#csb_left_price",
                      "$price_color": "$store_white_text_color"
                    }
                  },
                  {
                    "button_centering": {
                      "type": "panel",
                      "size": [ "100%", "100% - 20px" ],
                      "controls": [
                        {
                          "learn_more_left@common_csb.csb_gold_button": {
                            "$button_content": "csb_upsell.csb_learn_more",
                            "$pressed_button_name": "button.left_learn_more",
                            "size": [ "65%", 20 ]
                          }
                        }
                      ]
                    }
                  }
                ]
              }
            },
            {
              "middle_spacer": {
                "type": "panel",
                "size": [ "2px", "100%sm" ]
              }
            },
            {
              "border_panel_right": {
                "type": "panel",
                "size": [ "50%-1px", "100%" ],
                "controls": [
                  {
                    "border": {
                      "type": "image",
                      "size": [ "100%", "100%-8px" ],
                      "texture": "textures/ui/square_image_border_white",
                      "color": "$csb_upsell_pink-1",
                      "layer": 3
                    }
                  },
                  {
                    "background_panel": {
                      "type": "image",
                      "size": [ "100%", "100%-8px" ],
                      "keep_ratio": false,
                      "color": "$store_realms-guidelines-deep-blue-6",
                      "layer": 0,
                      "texture": "textures/ui/White"
                    }
                  },
                  {
                    "right_side_panel@csb_upsell_right_side_panel": {
                      "layer": 1,
                      "$marketing_banner_text": "store.csb.upsell.bestValue",
                      "$header_first_line": "store.csb.upsell.realmsPlus",
                      "$header_first_line_color": "$csb_upsell_pink-3",
                      "$bullet_text_one": "store.csb.upsell.rightBullet.1",
                      "$bullet_text_two": "store.csb.upsell.rightBullet.2",
                      "$bullet_text_three": "store.csb.upsell.rightBullet.3",
                      "$bullet_text_three_two": "store.csb.upsell.rightBullet.3.2",
                      "$price": "#csb_right_price",
                      "$price_color": "$csb_upsell_pink-1"
                    }
                  },
                  {
                    "button_centering": {
                      "type": "panel",
                      "size": [ "100%", "100% - 20px" ],
                      "controls": [
                        {
                          "learn_more_right@common_buttons.dark_content_button": {
                            "type": "button",
                            "anchor_from": "bottom_middle",
                            "anchor_to": "bottom_middle",
                            "$button_text": "store.csb.upsell.learn_more",
                            "$button_content": "csb_upsell.csb_learn_more",
                            "$pressed_button_name": "button.right_learn_more",
                            "$default_button_texture": "textures/ui/realmsContent",
                            "$hover_button_texture": "textures/ui/realmsContentHover",
                            "$pressed_button_texture": "textures/ui/realmsContentPressed",
                            "$default_text_color": "$store_white_text_color",
                            "size": [ "65%", 20 ]
                          }
                        }
                      ]
                    }
                  }
                ]
              }
            }
          ]
        }
      }
    ]
  },

  "csb_upsell_left_side_panel": {
    "type": "stack_panel",
    "orientation": "vertical",
    "size": [ "100% - 8px", "100%" ],
    "$header_first_line": "$header_first_line",
    "$header_first_line_color": "$header_first_line_color",
    "$header_second_line": "$header_second_line",
    "$header_second_line_color|default": "$store_white_text_color",
    "$bullet_text_one": "$bullet_text_one",
    "$bullet_text_two": "$bullet_text_two",
    "$bullet_text_three": "$bullet_text_three",
    "$price": "$price",
    "$price_color": "$price_color",
    "controls": [
      {
        "upper_half": {
          "type": "stack_panel",
          "orientation": "vertical",
          "size": [ "100%", "50% -10px" ],
          "controls": [
            {
              "header_panel": {
                "type": "stack_panel",
                "orientation": "vertical",
                "size": [ "100%", "fill" ],
                "controls": [
                  {
                    "blank_space": {
                      "type": "panel",
                      "size": [ "100%", "8px" ]
                    }
                  },
                  {
                    "top_header@common_csb.csb_header_two_lines": {
                      "$font_size": "large"
                    }
                  },
                  {
                    "price_amount@csb_price": {
                      "$price": "$price",
                      "$color": "$price_color"
                    }
                  }
                ]
              }
            }
          ]
        }
      },
      {
        "middle_spacer": {
          "type": "panel",
          "size": [ "100%", "6px" ]
        }
      },
      {
        "bottom_half": {
          "type": "stack_panel",
          "orientation": "vertical",
          "size": [ "100%", "50% -8px" ],
          "controls": [
            {
              "padding_b@csb_big_padding": {}
            },
            {
              "bullet_one@csb_bullet_point": {
                "$bullet_color": "$header_first_line_color",
                "$bullet_text": "$bullet_text_one"
              }
            },
            {
              "padding_0@csb_bullet_padding": {}
            },
            {
              "bullet_two@csb_bullet_point": {
                "$bullet_color": "$header_first_line_color",
                "$bullet_text": "$bullet_text_two",
                "$max_size": [ "100%", 10 ]
              }
            },
            {
              "padding_1@csb_bullet_padding": {}
            },
            {
              "bullet_three@csb_bullet_point": {
                "$bullet_color": "$header_first_line_color",
                "$bullet_text": "$bullet_text_three"
              }
            }
          ]
        }
      }
    ]
  },

  "csb_upsell_right_side_panel": {
    "type": "stack_panel",
    "orientation": "vertical",
    "size": [ "100% - 8px", "100%" ],
    "$marketing_banner_text|default": "",
    "$header_first_line": "$header_first_line",
    "$header_first_line_color": "$header_first_line_color",
    "$bullet_text_one": "$bullet_text_one",
    "$bullet_text_two": "$bullet_text_two",
    "$bullet_text_three": "$bullet_text_three",
    "$bullet_text_three_two": "$bullet_text_three_two",
    "$price": "$price",
    "$price_color": "$price_color",
    "controls": [
      {
        "upper_half": {
          "type": "stack_panel",
          "orientation": "vertical",
          "size": [ "100%", "50% -10px" ],
          "controls": [
            {
              "marketing_banner": {
                "type": "panel",
                "size": [ "100%", "100%c" ],
                "controls": [
                  {
                    "background_color": {
                      "type": "image",
                      "texture": "textures/ui/White",
                      "size": [ "100%+6px", 20 ],
                      "color": "$csb_upsell_pink-1"
                    }
                  },
                  {
                    "marketing_banner_label": {
                      "type": "label",
                      "text": "$marketing_banner_text",
                      "text_alignment": "center",
                      "color": "$store_realms-guidelines-deep-blue-5",
                      "layer": 1
                    }
                  }
                ]
              }
            },
            {
              "header_panel": {
                "type": "stack_panel",
                "orientation": "vertical",
                "size": [ "100%", "fill" ],
                "controls": [
                  {
                    "top_header": {
                      "type": "label",
                      "text": "$header_first_line",
                      "color": "$header_first_line_color",
                      "font_type": "MinecraftTen",
                      "font_size": "large",
                      "font_scale_factor": 1,
                      "text_alignment": "center",
                      "size": [ "100%", "default" ],
                      "max_size": [ "100%", "default" ]
                    }
                  },
                  {
                    "price_amount@csb_price": {
                      "$price": "$price",
                      "$color": "$price_color"
                    }
                  }
                ]
              }
            }
          ]
        }
      },
      {
        "middle_spacer": {
          "type": "panel",
          "size": [ "100%", "6px" ]
        }
      },
      {
        "bottom_half": {
          "type": "stack_panel",
          "orientation": "vertical",
          "size": [ "100%", "50% -8px" ],
          "controls": [
            {
              "padding_b@csb_big_padding": {}
            },
            {
              "bullet_one@csb_bullet_point": {
                "$bullet_color": "$header_first_line_color",
                "$bullet_text": "$bullet_text_one"
              }
            },
            {
              "padding_1@csb_bullet_padding": {}
            },
            {
              "bullet_two@csb_bullet_point": {
                "$bullet_color": "$header_first_line_color",
                "$bullet_text": "$bullet_text_two"
              }
            },
            {
              "padding_0@csb_bullet_padding": {}
            },
            {
              "bullet_three@csb_bullet_split_point": {
                "$bullet_text_first": "$bullet_text_three",
                "$bullet_text_second": "$bullet_text_three_two",
                "$bullet_color": "$header_first_line_color"
              }
            }
          ]
        }
      }
    ]
  },

  "csb_big_padding": {
    "type": "panel",
    "size": [ "100%", "5px" ]
  },

  "csb_bullet_padding": {
    "type": "panel",
    "size": [ "100%", "100%c" ],
    "controls": [
      {
        "desktop@csb_bullet_desktop_padding": {
          "ignored": "$pocket_screen"
        }
      },
      {
        "pocket@csb_bullet_pocket_padding": {
          "ignored": "$desktop_screen"
        }
      }
    ]
  },

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

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

  "csb_bullet": {
    "type": "stack_panel",
    "orientation": "horizontal",
    "$bullet_color": "$bullet_color",
    "size": [ "100%c", "100%cm" ],
    "controls": [
      {
        "padding_icon_left": {
          "type": "panel",
          "size": [ 4, "100%sm" ]
        }
      },
      {
        "padding_icon_vertical": {
          "type": "stack_panel",
          "orientation": "vertical",
          "size": [ 4, "fill" ],
          "controls": [
            {
              "padding_vertical": {
                "type": "panel",
                "size": [ "100%", 3 ]
              }
            },
            {
              "label_icon": {
                "type": "image",
                "texture": "textures/ui/white",
                "size": [ 4, 4 ],
                "color": "$bullet_color"
              }
            }
          ]
        }
      },
      {
        "padding_icon_right": {
          "type": "panel",
          "size": [ 3, 7 ]
        }
      }
    ]
  },

  "csb_bullet_point": {
    "type": "stack_panel",
    "orientation": "horizontal",
    "$bullet_color": "$bullet_color",
    "$bullet_text": "$bullet_text",
    "$font_type|default": "smooth",
    "size": [ "90%", "100%cm" ],
    "$max_size|default": [ "100%", 20 ],
    "controls": [
      {
        "bullet_icon@csb_bullet": {
          "$bullet_color": "$bullet_color"
        }
      },
      {
        "label_text": {
          "type": "label",
          "text": "$bullet_text",
          "color": "$store_white_text_color",
          "font_type": "$font_type",
          "font_size": "medium",
          "max_size": "$max_size"
        }
      }
    ]
  },

  "csb_bullet_split_point": {
    "type": "stack_panel",
    "orientation": "horizontal",
    "$bullet_color": "$bullet_color",
    "$font_type|default": "smooth",
    "$bullet_text_first": "$bullet_text_first",
    "$bullet_text_second": "$bullet_text_second",
    "size": [ "100%", "100%cm" ],
    "controls": [
      {
        "bullet_icon@csb_bullet": {
          "$bullet_color": "$bullet_color"
        }
      },
      {
        "label_text": {
          "type": "label",
          "text": "$bullet_text_first",
          "color": "$store_white_text_color",
          "font_type": "$font_type",
          "font_size": "medium",
          "anchor_to": "bottom_left",
          "anchor_from": "bottom_left"
        }
      },
      {
        "space": {
          "type": "panel",
          "size": [ "100%c", 10 ],
          "controls": [
            {
              "label_text_csb": {
                "type": "label",
                "text": " ",
                "color": "$store_white_text_color",
                "font_type": "MinecraftTen",
                "font_size": "medium",
                "offset": [ 0, -2 ]
              }
            }
          ]
        }
      },
      {
        "csb_name": {
          "type": "panel",
          "size": [ "100%", 10 ],
          "controls": [
            {
              "csb_name_string@common_csb.csb_header": {
                "offset": [ 0, -1.5 ]
              }
            }
          ]
        }
      }
    ]
  },

  "csb_price": {
    "type": "panel",
    "size": [ "100%", "fill" ],
    "$price": "$price",
    "controls": [
      {
        "price_details@csb_price_details": {
          "$price": "$price",
          "$color": "$color",
          "anchor_to": "bottom_middle",
          "anchor_from": "bottom_middle"
        }
      }
    ]
  },

  "csb_price_details": {
    "type": "stack_panel",
    "orientation": "vertical",
    "size": [ "100%", "100%c" ],
    "$color|default": "$store_white_text_color",
    "$price": "$price",
    "controls": [
      {
        "price_panel_1": {
          "type": "panel",
          "size": [ "100%", "100%c" ],
          "controls": [
            {
              "amount": {
                "type": "label",
                "text": "$price",
                "color": "$color",
                "max_size": [ "100%", 10 ],
                "bindings": [
                  {
                    "binding_name": "$price"
                  }
                ]
              }
            }
          ]
        }
      },
      {
        "price_panel_first_period": {
          "type": "panel",
          "size": [ "100%", "100%c" ],
          "controls": [
            {
              "second_line": {
                "type": "label",
                "text": "store.csb.upsell.firstPeriodFree",
                "max_size": [ "100%", 10 ],
                "color": "$color"
              }
            }
          ]
        }
      }
    ]
  },

  "csb_learn_more": {
    "type": "panel",
    "controls": [
      {
        "learn_more": {
          "type": "label",
          "text": "store.csb.upsell.learnMore",
          "color": "$text_color",
          "max_size": [ "100%", "100%" ]
        }
      }
    ]
  }
}
