{
  "version": "3.0",
  "favicon": true,
  "colors": {
    "@color-black": "#000000",
    "@color-white": "#ffffff",
    "@color-text": "#2f363a",
    "@color1": "#0092bc",
    "@color2": "#5b6770",
    "@color3": "#f5f2ef",
    "@color4": "#ffcd00",
    "@color5": "#006f8f",
    "@color6": "#2f363a",
    "@color7": "#dfd6ce"
  },
  "fonts": {
    "Source Sans Pro": [
      400,
      "400i",
      600,
      700
    ],
    "Noto Sans Arabic": [
      400,
      600,
      700
    ],
    "Noto Sans KR": [
      400,
      600,
      700
    ]
  },
  "surf": {
    "hintLabels": {
      "en_GB": "Read on"
    },
    "styles": [
      {
        "name": "Cover",
        "positions": [
          "Top left",
          "Center left",
          "Bottom left"
        ],
        "colors": [
          {
            "optionId": "option-surf-1",
            "name": "Blue",
            "value": "#0092bc"
          },
          {
            "optionId": "option-surf-6",
            "name": "Gray 11",
            "value": "#2f363a"
          },
          {
            "optionId": "option-surf-3",
            "name": "Beige",
            "value": "#f5f2ef"
          },
          {
            "optionId": "option-surf-3-shape-a",
            "name": "Beige",
            "value": "#f5f2ef"
          },
          {
            "optionId": "option-surf-3-shape-b",
            "name": "Beige",
            "value": "#f5f2ef"
          },
          {
            "optionId": "option-surf-white",
            "name": "option-surf-white",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-black",
            "name": "option-surf-black",
            "value": "@color-black"
          }
        ],
        "buttons": [
          {
            "optionId": "option-surf-button-solid-1",
            "name": "Blue solid",
            "value": "#0092bc"
          },
          {
            "optionId": "option-surf-button-outline-1",
            "name": "Blue outline",
            "value": "#0092bc"
          },
          {
            "optionId": "option-surf-button-solid-2",
            "name": "Gray solid",
            "value": "#5b6770"
          },
          {
            "optionId": "option-surf-button-outline-2",
            "name": "Gray outline",
            "value": "#5b6770"
          },
          {
            "optionId": "option-surf-button-solid-3",
            "name": "Beige solid",
            "value": "#f5f2ef"
          },
          {
            "optionId": "option-surf-button-outline-3",
            "name": "Beige outline",
            "value": "#f5f2ef"
          },
          {
            "optionId": "option-surf-button-solid-4",
            "name": "Yellow solid",
            "value": "#ffcd00"
          },
          {
            "optionId": "option-surf-button-outline-4",
            "name": "Yellow outline",
            "value": "#ffcd00"
          },
          {
            "optionId": "option-surf-button-solid-5",
            "name": "Blue 11 solid",
            "value": "#006f8f"
          },
          {
            "optionId": "option-surf-button-outline-5",
            "name": "Blue 11 outline",
            "value": "#006f8f"
          },
          {
            "optionId": "option-surf-button-solid-6",
            "name": "Gray 11 solid",
            "value": "#2f363a"
          },
          {
            "optionId": "option-surf-button-outline-6",
            "name": "Gray 11 outline",
            "value": "#2f363a"
          },
          {
            "optionId": "option-surf-button-solid-7",
            "name": "Beige 4 solid",
            "value": "#dfd6ce"
          },
          {
            "optionId": "option-surf-button-outline-7",
            "name": "Beige 4 outline",
            "value": "#dfd6ce"
          },
          {
            "optionId": "option-surf-button-solid-white",
            "name": "White solid",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-button-outline-white",
            "name": "White outline",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-button-solid-black",
            "name": "Black solid",
            "value": "@color-black"
          },
          {
            "optionId": "option-surf-button-outline-black",
            "name": "Black outline",
            "value": "@color-black"
          },
          {
            "optionId": "option-surf-button-solid-text",
            "name": "Text solid",
            "value": "@color-text"
          },
          {
            "optionId": "option-surf-button-outline-text",
            "name": "Text outline",
            "value": "@color-text"
          }
        ]
      },
      {
        "name": "Banner",
        "positions": [
          "Bottom left"
        ],
        "colors": [
          {
            "optionId": "option-surf-1",
            "name": "Blue",
            "value": "#0092bc"
          },
          {
            "optionId": "option-surf-6",
            "name": "Gray 11",
            "value": "#2f363a"
          },
          {
            "optionId": "option-surf-3",
            "name": "Beige",
            "value": "#f5f2ef"
          }
        ],
        "buttons": [
          {
            "optionId": "option-surf-button-solid-1",
            "name": "Blue solid",
            "value": "#0092bc"
          },
          {
            "optionId": "option-surf-button-outline-1",
            "name": "Blue outline",
            "value": "#0092bc"
          },
          {
            "optionId": "option-surf-button-solid-2",
            "name": "Gray solid",
            "value": "#5b6770"
          },
          {
            "optionId": "option-surf-button-outline-2",
            "name": "Gray outline",
            "value": "#5b6770"
          },
          {
            "optionId": "option-surf-button-solid-3",
            "name": "Beige solid",
            "value": "#f5f2ef"
          },
          {
            "optionId": "option-surf-button-outline-3",
            "name": "Beige outline",
            "value": "#f5f2ef"
          },
          {
            "optionId": "option-surf-button-solid-4",
            "name": "Yellow solid",
            "value": "#ffcd00"
          },
          {
            "optionId": "option-surf-button-outline-4",
            "name": "Yellow outline",
            "value": "#ffcd00"
          },
          {
            "optionId": "option-surf-button-solid-5",
            "name": "Blue 11 solid",
            "value": "#006f8f"
          },
          {
            "optionId": "option-surf-button-outline-5",
            "name": "Blue 11 outline",
            "value": "#006f8f"
          },
          {
            "optionId": "option-surf-button-solid-6",
            "name": "Gray 11 solid",
            "value": "#2f363a"
          },
          {
            "optionId": "option-surf-button-outline-6",
            "name": "Gray 11 outline",
            "value": "#2f363a"
          },
          {
            "optionId": "option-surf-button-solid-7",
            "name": "Beige 4 solid",
            "value": "#dfd6ce"
          },
          {
            "optionId": "option-surf-button-outline-7",
            "name": "Beige 4 outline",
            "value": "#dfd6ce"
          },
          {
            "optionId": "option-surf-button-solid-white",
            "name": "White solid",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-button-outline-white",
            "name": "White outline",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-button-solid-black",
            "name": "Black solid",
            "value": "@color-black"
          },
          {
            "optionId": "option-surf-button-outline-black",
            "name": "Black outline",
            "value": "@color-black"
          },
          {
            "optionId": "option-surf-button-solid-text",
            "name": "Text solid",
            "value": "@color-text"
          },
          {
            "optionId": "option-surf-button-outline-text",
            "name": "Text outline",
            "value": "@color-text"
          }
        ]
      },
      {
        "name": "Sidebar",
        "positions": [
          "Left",
          "Right"
        ],
        "colors": [
          {
            "optionId": "option-surf-default",
            "name": "option-surf-default",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-1",
            "name": "Blue",
            "value": "#0092bc"
          },
          {
            "optionId": "option-surf-6",
            "name": "Gray 11",
            "value": "#2f363a"
          },
          {
            "optionId": "option-surf-3",
            "name": "Beige",
            "value": "#f5f2ef"
          }
        ],
        "buttons": [
          {
            "optionId": "option-surf-button-solid-1",
            "name": "Blue solid",
            "value": "#0092bc"
          },
          {
            "optionId": "option-surf-button-outline-1",
            "name": "Blue outline",
            "value": "#0092bc"
          },
          {
            "optionId": "option-surf-button-solid-2",
            "name": "Gray solid",
            "value": "#5b6770"
          },
          {
            "optionId": "option-surf-button-outline-2",
            "name": "Gray outline",
            "value": "#5b6770"
          },
          {
            "optionId": "option-surf-button-solid-3",
            "name": "Beige solid",
            "value": "#f5f2ef"
          },
          {
            "optionId": "option-surf-button-outline-3",
            "name": "Beige outline",
            "value": "#f5f2ef"
          },
          {
            "optionId": "option-surf-button-solid-4",
            "name": "Yellow solid",
            "value": "#ffcd00"
          },
          {
            "optionId": "option-surf-button-outline-4",
            "name": "Yellow outline",
            "value": "#ffcd00"
          },
          {
            "optionId": "option-surf-button-solid-5",
            "name": "Blue 11 solid",
            "value": "#006f8f"
          },
          {
            "optionId": "option-surf-button-outline-5",
            "name": "Blue 11 outline",
            "value": "#006f8f"
          },
          {
            "optionId": "option-surf-button-solid-6",
            "name": "Gray 11 solid",
            "value": "#2f363a"
          },
          {
            "optionId": "option-surf-button-outline-6",
            "name": "Gray 11 outline",
            "value": "#2f363a"
          },
          {
            "optionId": "option-surf-button-solid-7",
            "name": "Beige 4 solid",
            "value": "#dfd6ce"
          },
          {
            "optionId": "option-surf-button-outline-7",
            "name": "Beige 4 outline",
            "value": "#dfd6ce"
          },
          {
            "optionId": "option-surf-button-solid-white",
            "name": "White solid",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-button-outline-white",
            "name": "White outline",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-button-solid-black",
            "name": "Black solid",
            "value": "@color-black"
          },
          {
            "optionId": "option-surf-button-outline-black",
            "name": "Black outline",
            "value": "@color-black"
          },
          {
            "optionId": "option-surf-button-solid-text",
            "name": "Text solid",
            "value": "@color-text"
          },
          {
            "optionId": "option-surf-button-outline-text",
            "name": "Text outline",
            "value": "@color-text"
          }
        ]
      },
      {
        "name": "Flat",
        "positions": [
          "Top left",
          "Top right",
          "Center left",
          "Center",
          "Center right",
          "Bottom left",
          "Bottom right"
        ],
        "colors": [
          {
            "optionId": "option-surf-1",
            "name": "Blue",
            "value": "#0092bc"
          },
          {
            "optionId": "option-surf-6",
            "name": "Gray 11",
            "value": "#2f363a"
          },
          {
            "optionId": "option-surf-3",
            "name": "Beige",
            "value": "#f5f2ef"
          }
        ],
        "buttons": [
          {
            "optionId": "option-surf-button-solid-1",
            "name": "Blue solid",
            "value": "#0092bc"
          },
          {
            "optionId": "option-surf-button-outline-1",
            "name": "Blue outline",
            "value": "#0092bc"
          },
          {
            "optionId": "option-surf-button-solid-2",
            "name": "Gray solid",
            "value": "#5b6770"
          },
          {
            "optionId": "option-surf-button-outline-2",
            "name": "Gray outline",
            "value": "#5b6770"
          },
          {
            "optionId": "option-surf-button-solid-3",
            "name": "Beige solid",
            "value": "#f5f2ef"
          },
          {
            "optionId": "option-surf-button-outline-3",
            "name": "Beige outline",
            "value": "#f5f2ef"
          },
          {
            "optionId": "option-surf-button-solid-4",
            "name": "Yellow solid",
            "value": "#ffcd00"
          },
          {
            "optionId": "option-surf-button-outline-4",
            "name": "Yellow outline",
            "value": "#ffcd00"
          },
          {
            "optionId": "option-surf-button-solid-5",
            "name": "Blue 11 solid",
            "value": "#006f8f"
          },
          {
            "optionId": "option-surf-button-outline-5",
            "name": "Blue 11 outline",
            "value": "#006f8f"
          },
          {
            "optionId": "option-surf-button-solid-6",
            "name": "Gray 11 solid",
            "value": "#2f363a"
          },
          {
            "optionId": "option-surf-button-outline-6",
            "name": "Gray 11 outline",
            "value": "#2f363a"
          },
          {
            "optionId": "option-surf-button-solid-7",
            "name": "Beige 4 solid",
            "value": "#dfd6ce"
          },
          {
            "optionId": "option-surf-button-outline-7",
            "name": "Beige 4 outline",
            "value": "#dfd6ce"
          },
          {
            "optionId": "option-surf-button-solid-white",
            "name": "White solid",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-button-outline-white",
            "name": "White outline",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-button-solid-black",
            "name": "Black solid",
            "value": "@color-black"
          },
          {
            "optionId": "option-surf-button-outline-black",
            "name": "Black outline",
            "value": "@color-black"
          },
          {
            "optionId": "option-surf-button-solid-text",
            "name": "Text solid",
            "value": "@color-text"
          },
          {
            "optionId": "option-surf-button-outline-text",
            "name": "Text outline",
            "value": "@color-text"
          }
        ]
      },
      {
        "name": "Overlay",
        "positions": [
          "Top left",
          "Top right",
          "Center left",
          "Center",
          "Center right",
          "Bottom left",
          "Bottom right"
        ],
        "colors": [
          {
            "optionId": "option-surf-1",
            "name": "Blue",
            "value": "#0092bc"
          },
          {
            "optionId": "option-surf-6",
            "name": "Gray 11",
            "value": "#2f363a"
          }
        ],
        "buttons": [
          {
            "optionId": "option-surf-button-solid-1",
            "name": "Blue solid",
            "value": "#0092bc"
          },
          {
            "optionId": "option-surf-button-outline-1",
            "name": "Blue outline",
            "value": "#0092bc"
          },
          {
            "optionId": "option-surf-button-solid-2",
            "name": "Gray solid",
            "value": "#5b6770"
          },
          {
            "optionId": "option-surf-button-outline-2",
            "name": "Gray outline",
            "value": "#5b6770"
          },
          {
            "optionId": "option-surf-button-solid-3",
            "name": "Beige solid",
            "value": "#f5f2ef"
          },
          {
            "optionId": "option-surf-button-outline-3",
            "name": "Beige outline",
            "value": "#f5f2ef"
          },
          {
            "optionId": "option-surf-button-solid-4",
            "name": "Yellow solid",
            "value": "#ffcd00"
          },
          {
            "optionId": "option-surf-button-outline-4",
            "name": "Yellow outline",
            "value": "#ffcd00"
          },
          {
            "optionId": "option-surf-button-solid-5",
            "name": "Blue 11 solid",
            "value": "#006f8f"
          },
          {
            "optionId": "option-surf-button-outline-5",
            "name": "Blue 11 outline",
            "value": "#006f8f"
          },
          {
            "optionId": "option-surf-button-solid-6",
            "name": "Gray 11 solid",
            "value": "#2f363a"
          },
          {
            "optionId": "option-surf-button-outline-6",
            "name": "Gray 11 outline",
            "value": "#2f363a"
          },
          {
            "optionId": "option-surf-button-solid-7",
            "name": "Beige 4 solid",
            "value": "#dfd6ce"
          },
          {
            "optionId": "option-surf-button-outline-7",
            "name": "Beige 4 outline",
            "value": "#dfd6ce"
          },
          {
            "optionId": "option-surf-button-solid-white",
            "name": "White solid",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-button-outline-white",
            "name": "White outline",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-button-solid-black",
            "name": "Black solid",
            "value": "@color-black"
          },
          {
            "optionId": "option-surf-button-outline-black",
            "name": "Black outline",
            "value": "@color-black"
          },
          {
            "optionId": "option-surf-button-solid-text",
            "name": "Text solid",
            "value": "@color-text"
          },
          {
            "optionId": "option-surf-button-outline-text",
            "name": "Text outline",
            "value": "@color-text"
          }
        ]
      },
      {
        "name": "Fade",
        "positions": [
          "Top left",
          "Left",
          "Bottom left"
        ],
        "colors": [
          {
            "optionId": "option-surf-white",
            "name": "option-surf-white",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-black",
            "name": "option-surf-black",
            "value": "@color-black"
          }
        ],
        "buttons": [
          {
            "optionId": "option-surf-button-solid-1",
            "name": "Blue solid",
            "value": "#0092bc"
          },
          {
            "optionId": "option-surf-button-outline-1",
            "name": "Blue outline",
            "value": "#0092bc"
          },
          {
            "optionId": "option-surf-button-solid-2",
            "name": "Gray solid",
            "value": "#5b6770"
          },
          {
            "optionId": "option-surf-button-outline-2",
            "name": "Gray outline",
            "value": "#5b6770"
          },
          {
            "optionId": "option-surf-button-solid-3",
            "name": "Beige solid",
            "value": "#f5f2ef"
          },
          {
            "optionId": "option-surf-button-outline-3",
            "name": "Beige outline",
            "value": "#f5f2ef"
          },
          {
            "optionId": "option-surf-button-solid-4",
            "name": "Yellow solid",
            "value": "#ffcd00"
          },
          {
            "optionId": "option-surf-button-outline-4",
            "name": "Yellow outline",
            "value": "#ffcd00"
          },
          {
            "optionId": "option-surf-button-solid-5",
            "name": "Blue 11 solid",
            "value": "#006f8f"
          },
          {
            "optionId": "option-surf-button-outline-5",
            "name": "Blue 11 outline",
            "value": "#006f8f"
          },
          {
            "optionId": "option-surf-button-solid-6",
            "name": "Gray 11 solid",
            "value": "#2f363a"
          },
          {
            "optionId": "option-surf-button-outline-6",
            "name": "Gray 11 outline",
            "value": "#2f363a"
          },
          {
            "optionId": "option-surf-button-solid-7",
            "name": "Beige 4 solid",
            "value": "#dfd6ce"
          },
          {
            "optionId": "option-surf-button-outline-7",
            "name": "Beige 4 outline",
            "value": "#dfd6ce"
          },
          {
            "optionId": "option-surf-button-solid-white",
            "name": "White solid",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-button-outline-white",
            "name": "White outline",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-button-solid-black",
            "name": "Black solid",
            "value": "@color-black"
          },
          {
            "optionId": "option-surf-button-outline-black",
            "name": "Black outline",
            "value": "@color-black"
          },
          {
            "optionId": "option-surf-button-solid-text",
            "name": "Text solid",
            "value": "@color-text"
          },
          {
            "optionId": "option-surf-button-outline-text",
            "name": "Text outline",
            "value": "@color-text"
          }
        ]
      },
      {
        "name": "Clear",
        "positions": [
          "Top left",
          "Top right",
          "Center left",
          "Center",
          "Center right",
          "Bottom left",
          "Bottom right"
        ],
        "colors": [
          {
            "optionId": "option-surf-white",
            "name": "option-surf-white",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-black",
            "name": "option-surf-black",
            "value": "@color-black"
          }
        ],
        "buttons": [
          {
            "optionId": "option-surf-button-solid-1",
            "name": "Blue solid",
            "value": "#0092bc"
          },
          {
            "optionId": "option-surf-button-outline-1",
            "name": "Blue outline",
            "value": "#0092bc"
          },
          {
            "optionId": "option-surf-button-solid-2",
            "name": "Gray solid",
            "value": "#5b6770"
          },
          {
            "optionId": "option-surf-button-outline-2",
            "name": "Gray outline",
            "value": "#5b6770"
          },
          {
            "optionId": "option-surf-button-solid-3",
            "name": "Beige solid",
            "value": "#f5f2ef"
          },
          {
            "optionId": "option-surf-button-outline-3",
            "name": "Beige outline",
            "value": "#f5f2ef"
          },
          {
            "optionId": "option-surf-button-solid-4",
            "name": "Yellow solid",
            "value": "#ffcd00"
          },
          {
            "optionId": "option-surf-button-outline-4",
            "name": "Yellow outline",
            "value": "#ffcd00"
          },
          {
            "optionId": "option-surf-button-solid-5",
            "name": "Blue 11 solid",
            "value": "#006f8f"
          },
          {
            "optionId": "option-surf-button-outline-5",
            "name": "Blue 11 outline",
            "value": "#006f8f"
          },
          {
            "optionId": "option-surf-button-solid-6",
            "name": "Gray 11 solid",
            "value": "#2f363a"
          },
          {
            "optionId": "option-surf-button-outline-6",
            "name": "Gray 11 outline",
            "value": "#2f363a"
          },
          {
            "optionId": "option-surf-button-solid-7",
            "name": "Beige 4 solid",
            "value": "#dfd6ce"
          },
          {
            "optionId": "option-surf-button-outline-7",
            "name": "Beige 4 outline",
            "value": "#dfd6ce"
          },
          {
            "optionId": "option-surf-button-solid-white",
            "name": "White solid",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-button-outline-white",
            "name": "White outline",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-button-solid-black",
            "name": "Black solid",
            "value": "@color-black"
          },
          {
            "optionId": "option-surf-button-outline-black",
            "name": "Black outline",
            "value": "@color-black"
          },
          {
            "optionId": "option-surf-button-solid-text",
            "name": "Text solid",
            "value": "@color-text"
          },
          {
            "optionId": "option-surf-button-outline-text",
            "name": "Text outline",
            "value": "@color-text"
          }
        ]
      }
    ]
  },
  "immerse": {
    "grid": {
      "fontSize": 14,
      "lineHeight": 20
    },
    "styles": {
      "page": [
        {
          "optionId": "option-immerse-page-white",
          "name": "White",
          "value": "@color-white"
        },
        {
          "optionId": "option-immerse-page-3",
          "name": "Beige",
          "value": "#f5f2ef"
        }
      ],
      "heading": [
        {
          "optionId": "option-immerse-heading-extra-large-heading",
          "name": "Extra large heading",
          "value": "Extra large heading"
        },
        {
          "optionId": "option-immerse-heading-mid-large-heading",
          "name": "Mid large heading",
          "value": "Mid large heading"
        }
      ],
      "paragraph": [
        {
          "optionId": "option-immerse-extra-small-text",
          "name": "Extra small text",
          "value": "Extra small text"
        },
        {
          "optionId": "option-immerse-text-1-drop-cap",
          "name": "Blue drop cap",
          "value": "#0092bc"
        },
        {
          "optionId": "option-immerse-text-6-drop-cap",
          "name": "Gray 11 drop cap",
          "value": "#2f363a"
        },
        {
          "optionId": "option-immerse-text-3-drop-cap",
          "name": "Beige drop cap",
          "value": "#f5f2ef"
        }
      ],
      "featurebox": [
        {
          "optionId": "option-immerse-featurebox-plain",
          "name": "Plain",
          "value": "Plain"
        },
        {
          "optionId": "option-immerse-featurebox-plain-padded",
          "name": "Plain padded",
          "value": "Plain padded"
        },
        {
          "optionId": "option-immerse-featurebox-1",
          "name": "Blue",
          "value": "#0092bc"
        },
        {
          "optionId": "option-immerse-featurebox-2",
          "name": "Gray",
          "value": "#5b6770"
        },
        {
          "optionId": "option-immerse-featurebox-3",
          "name": "Beige",
          "value": "#f5f2ef"
        },
        {
          "optionId": "option-immerse-featurebox-4",
          "name": "Yellow",
          "value": "#ffcd00"
        },
        {
          "optionId": "option-immerse-featurebox-5",
          "name": "Blue 11",
          "value": "#006f8f"
        },
        {
          "optionId": "option-immerse-featurebox-6",
          "name": "Gray 11",
          "value": "#2f363a"
        },
        {
          "optionId": "option-immerse-featurebox-7",
          "name": "Beige 4",
          "value": "#dfd6ce"
        },
        {
          "optionId": "option-immerse-featurebox-gradient-blue",
          "name": "Blue gradient",
          "value": "#0092bc"
        },
        {
          "optionId": "option-immerse-featurebox-gradient-gray",
          "name": "Gray 11 gradient",
          "value": "#2f363a"
        },
        {
          "optionId": "option-immerse-featurebox-gradient-beige",
          "name": "Beige gradient",
          "value": "#f5f2ef"
        },
        {
          "optionId": "option-immerse-featurebox-white",
          "name": "White (Default)",
          "value": "@color-white"
        },
        {
          "optionId": "option-immerse-featurebox-leftline",
          "name": "Left line",
          "value": "Left line"
        },
        {
          "optionId": "option-immerse-featurebox-rightline",
          "name": "Right line",
          "value": "Right line"
        },
        {
          "optionId": "option-immerse-featurebox-overline",
          "name": "Overline",
          "value": "Overline"
        },
        {
          "optionId": "option-immerse-featurebox-underline",
          "name": "Underline",
          "value": "Underline"
        },
        {
          "optionId": "option-immerse-featurebox-outline",
          "name": "Outline",
          "value": "Outline"
        },
        {
          "optionId": "option-immerse-featurebox-leftline-1",
          "name": "Left line Blue",
          "value": "#0092bc left line"
        },
        {
          "optionId": "option-immerse-featurebox-rightline-1",
          "name": "Right line Blue",
          "value": "#0092bc right line"
        },
        {
          "optionId": "option-immerse-featurebox-overline-1",
          "name": "Overline Blue",
          "value": "#0092bc overline"
        },
        {
          "optionId": "option-immerse-featurebox-underline-1",
          "name": "Underline Blue",
          "value": "#0092bc underline"
        },
        {
          "optionId": "option-immerse-featurebox-outline-1",
          "name": "Outline Blue",
          "value": "#0092bc outline"
        }
      ],
      "soundbite": [
        {
          "optionId": "option-immerse-soundbite-1",
          "name": "Blue",
          "value": "#0092bc"
        },
        {
          "optionId": "option-immerse-soundbite-6",
          "name": "Gray 11",
          "value": "#2f363a"
        },
        {
          "optionId": "option-immerse-soundbite-3",
          "name": "Beige",
          "value": "#f5f2ef"
        },
        {
          "optionId": "Default medium",
          "name": "Default medium",
          "value": "#2f363a medium"
        },
        {
          "optionId": "option-immerse-soundbite-1-medium",
          "name": "Blue medium",
          "value": "#0092bc medium"
        },
        {
          "optionId": "option-immerse-soundbite-6-medium",
          "name": "Gray 11 medium",
          "value": "#2f363a medium"
        },
        {
          "optionId": "option-immerse-soundbite-3-medium",
          "name": "Beige medium",
          "value": "#f5f2ef medium"
        },
        {
          "optionId": "Default large",
          "name": "Default large",
          "value": "#2f363a large"
        },
        {
          "optionId": "option-immerse-soundbite-1-large",
          "name": "Blue large",
          "value": "#0092bc large"
        },
        {
          "optionId": "option-immerse-soundbite-6-large",
          "name": "Gray 11 large",
          "value": "#2f363a large"
        },
        {
          "optionId": "option-immerse-soundbite-3-large",
          "name": "Beige large",
          "value": "#f5f2ef large"
        }
      ],
      "simplepoll": [
        {
          "optionId": "option-immerse-poll-1",
          "name": "Blue",
          "value": "#0092bc"
        },
        {
          "optionId": "option-immerse-poll-6",
          "name": "Gray 11",
          "value": "#2f363a"
        },
        {
          "optionId": "option-immerse-poll-3",
          "name": "Beige",
          "value": "#f5f2ef"
        },
        {
          "optionId": "option-immerse-poll-white",
          "name": "White",
          "value": "@color-white"
        },
        {
          "optionId": "option-immerse-poll-transparent-dark",
          "name": "Transparent dark",
          "value": "@color-black"
        },
        {
          "optionId": "option-immerse-poll-transparent-light",
          "name": "Transparent light",
          "value": "@color-white"
        }
      ],
      "customlink": [
        {
          "optionId": "option-immerse-customlink-1",
          "name": "Blue button",
          "value": "#0092bc"
        },
        {
          "optionId": "option-immerse-customlink-6",
          "name": "Gray 11 button",
          "value": "#2f363a"
        },
        {
          "optionId": "option-immerse-customlink-white",
          "name": "White button (Default)",
          "value": "@color-white"
        }
      ],
      "customtable": [
        {
          "optionId": "option-immerse-table-1",
          "name": "Blue",
          "value": "#0092bc"
        },
        {
          "optionId": "option-immerse-table-6",
          "name": "Gray 11",
          "value": "#2f363a"
        },
        {
          "optionId": "option-immerse-table-3",
          "name": "Beige",
          "value": "#f5f2ef"
        }
      ],
      "colors": [
        {
          "optionId": "option-immerse-color-white",
          "name": "White (Default)",
          "value": "@color-white"
        },
        {
          "optionId": "option-immerse-color-text",
          "name": "Text (Default)",
          "value": "@color-text"
        },
        {
          "optionId": "option-immerse-color-1",
          "name": "Blue",
          "value": "@color1"
        },
        {
          "optionId": "option-immerse-color-2",
          "name": "Gray",
          "value": "@color2"
        },
        {
          "optionId": "option-immerse-color-3",
          "name": "Beige",
          "value": "@color3"
        },
        {
          "optionId": "option-immerse-color-4",
          "name": "Yellow",
          "value": "@color4"
        },
        {
          "optionId": "option-immerse-color-5",
          "name": "Blue 11",
          "value": "@color5"
        },
        {
          "optionId": "option-immerse-color-6",
          "name": "Gray 11",
          "value": "@color6"
        },
        {
          "optionId": "option-immerse-color-7",
          "name": "Beige 4",
          "value": "@color7"
        }
      ]
    }
  },
  "backcover": {
    "styles": [
      {
        "name": "Opaque",
        "colors": [
          {
            "optionId": "option-back-cover-white",
            "name": "White",
            "value": "@color-white"
          },
          {
            "optionId": "option-back-cover-1",
            "name": "Blue",
            "value": "#0092bc"
          },
          {
            "optionId": "option-back-cover-6",
            "name": "Gray 11",
            "value": "#2f363a"
          },
          {
            "optionId": "option-back-cover-3",
            "name": "Beige",
            "value": "#f5f2ef"
          }
        ]
      },
      {
        "name": "Solid",
        "colors": [
          {
            "optionId": "option-back-cover-white",
            "name": "White",
            "value": "@color-white"
          },
          {
            "optionId": "option-back-cover-1",
            "name": "Blue",
            "value": "#0092bc"
          },
          {
            "optionId": "option-back-cover-6",
            "name": "Gray 11",
            "value": "#2f363a"
          },
          {
            "optionId": "option-back-cover-3",
            "name": "Beige",
            "value": "#f5f2ef"
          }
        ]
      },
      {
        "name": "Clear",
        "colors": [
          {
            "optionId": "option-back-cover-white",
            "name": "White",
            "value": "@color-white"
          },
          {
            "optionId": "option-back-cover-black",
            "name": "Black",
            "value": "@color-black"
          }
        ]
      }
    ]
  },
  "customComponents": {
    "logo": [
      {
        "selector": ".ttl-surf-logo",
        "scale": {
          "default": 5,
          "min": 0,
          "max": 10
        }
      },
      {
        "selector": ".surf-style-cover .text:before"
      },
      {
        "selector": "toolbar .cta:after",
        "pages": "all"
      }
    ]
  },
  "contents": "left"
}