uuid: 1e7f6524-3285-4b30-9a56-1c63258684f5
langcode: en
status: true
dependencies:
  config:
    - cohesion_website_settings.cohesion_color.brand-color
    - cohesion_website_settings.cohesion_color.brand-color-dark
    - cohesion_website_settings.cohesion_color.gray-10
    - cohesion_website_settings.cohesion_color.gray-20
    - cohesion_website_settings.cohesion_color.gray-30
    - cohesion_website_settings.cohesion_color.white
    - cohesion_website_settings.cohesion_icon_library.icomoon
label: Form
id: base_form
json_values: |
  {
      "preview": {
          "text": "<form class=\"coh-preview\">\n<div class=\"js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-name form-item-name\"><label class=\"js-form-required form-required\" for=\"edit-name\">Your Name<\/label> <input aria-required=\"true\" class=\"form-text required\" data-drupal-selector=\"edit-name\" id=\"edit-name\" maxlength=\"255\" name=\"name\" required=\"required\" size=\"60\" type=\"text\" value=\"Name\" \/>\n<div class=\"description\">\n<div class=\"webform-element-description\" id=\"edit-full-name--description\">I'm a webform element description<\/div>\n<\/div>\n<\/div>\n\n<div class=\"js-form-item form-item js-form-type-email form-type-email js-form-item-email form-item-email\"><label class=\"js-form-required form-required\" for=\"edit-email\">Your Email<\/label> <input aria-required=\"true\" class=\"form-email required\" data-drupal-selector=\"edit-email\" id=\"edit-email\" maxlength=\"254\" name=\"email\" required=\"required\" size=\"60\" type=\"email\" value=\"abc@123.com\" \/><\/div>\n\n<div class=\"js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-subject form-item-subject\"><label class=\"js-form-required form-required\" for=\"edit-subject\">Subject<\/label> <input aria-required=\"true\" class=\"form-text required\" data-drupal-selector=\"edit-subject\" id=\"edit-subject\" maxlength=\"255\" name=\"subject\" required=\"required\" size=\"60\" type=\"text\" value=\"Subject\" \/><\/div>\n\n<div class=\"js-form-item form-item js-form-type-textarea form-type-textarea js-form-item-message form-item-message\"><label class=\"js-form-required form-required\" for=\"edit-message\">Message<\/label>\n\n<div><textarea aria-required=\"true\" class=\"form-textarea required\" cols=\"60\" data-drupal-selector=\"edit-message\" id=\"edit-message\" name=\"message\" required=\"required\" rows=\"5\">Lorem ipsum dolar sit amet<\/textarea><\/div>\n<\/div>\n\n<div class=\"js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkbox form-item-checkbox\"><input class=\"form-checkbox\" data-drupal-selector=\"edit-checkbox\" id=\"edit-checkbox\" name=\"checkbox\" type=\"checkbox\" value=\"1\" \/> <label class=\"option\" for=\"edit-checkbox\">checkbox<\/label><\/div>\n\n<fieldset class=\"js-webform-checkboxes-other webform-checkboxes-other webform-checkboxes-other--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-webform-checkboxes-other webform-type-webform-checkboxes-other js-form-item form-item js-form-wrapper form-wrapper\" data-drupal-selector=\"edit-checkbox-multi\" id=\"edit-checkbox-multi\"><legend> <span class=\"fieldset-legend\">checkbox multi<\/span> <\/legend>\n\n<div class=\"fieldset-wrapper\">\n<div class=\"js-webform-checkboxes webform-options-display-one-column form-checkboxes\" id=\"edit-checkbox-multi-checkboxes\">\n<div class=\"js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkbox-multi-checkboxes-one form-item-checkbox-multi-checkboxes-one\"><input class=\"form-checkbox\" data-drupal-selector=\"edit-checkbox-multi-checkboxes-one\" id=\"edit-checkbox-multi-checkboxes-one\" name=\"checkbox_multi[checkboxes][one]\" type=\"checkbox\" value=\"one\" \/> <label class=\"option\" for=\"edit-checkbox-multi-checkboxes-one\">one<\/label><\/div>\n\n<div class=\"js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkbox-multi-checkboxes-two form-item-checkbox-multi-checkboxes-two\"><input class=\"form-checkbox\" data-drupal-selector=\"edit-checkbox-multi-checkboxes-two\" id=\"edit-checkbox-multi-checkboxes-two\" name=\"checkbox_multi[checkboxes][two]\" type=\"checkbox\" value=\"two\" \/> <label class=\"option\" for=\"edit-checkbox-multi-checkboxes-two\">two<\/label><\/div>\n\n<div class=\"js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkbox-multi-checkboxes-three form-item-checkbox-multi-checkboxes-three\"><input class=\"form-checkbox\" data-drupal-selector=\"edit-checkbox-multi-checkboxes-three\" id=\"edit-checkbox-multi-checkboxes-three\" name=\"checkbox_multi[checkboxes][three]\" type=\"checkbox\" value=\"three\" \/> <label class=\"option\" for=\"edit-checkbox-multi-checkboxes-three\">three<\/label><\/div>\n\n<div class=\"js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-checkbox-multi-checkboxes--other- form-item-checkbox-multi-checkboxes--other-\"><input class=\"form-checkbox\" data-drupal-selector=\"edit-checkbox-multi-checkboxes-other-\" id=\"edit-checkbox-multi-checkboxes-other-\" name=\"checkbox_multi[checkboxes][_other_]\" type=\"checkbox\" value=\"_other_\" \/> <label class=\"option\" for=\"edit-checkbox-multi-checkboxes-other-\">Other\u2026<\/label><\/div>\n<\/div>\n\n<div class=\"js-webform-checkboxes-other-input webform-checkboxes-other-input js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-checkbox-multi-other form-item-checkbox-multi-other form-no-label\" style=\"display: none;\"><label class=\"visually-hidden\" for=\"edit-checkbox-multi-other\">Enter other\u2026<\/label> <input class=\"form-text\" data-drupal-selector=\"edit-checkbox-multi-other\" id=\"edit-checkbox-multi-other\" maxlength=\"255\" name=\"checkbox_multi[other]\" placeholder=\"Enter other\u2026\" size=\"60\" type=\"text\" value=\"\" \/><\/div>\n<\/div>\n<\/fieldset>\n\n<fieldset class=\"radios--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-radios webform-type-radios js-form-item form-item js-form-wrapper form-wrapper\" data-drupal-selector=\"edit-radio\" id=\"edit-radio--wrapper\"><legend> <span class=\"fieldset-legend\">radio<\/span> <\/legend>\n\n<div class=\"fieldset-wrapper\">\n<div class=\"js-webform-radios webform-options-display-one-column form-radios\" id=\"edit-radio\">\n<div class=\"js-form-item form-item js-form-type-radio form-type-radio js-form-item-radio form-item-radio\"><input class=\"form-radio\" data-drupal-selector=\"edit-radio-one\" id=\"edit-radio-one\" name=\"radio\" type=\"radio\" value=\"one\" \/> <label class=\"option\" for=\"edit-radio-one\">one<\/label><\/div>\n\n<div class=\"js-form-item form-item js-form-type-radio form-type-radio js-form-item-radio form-item-radio\"><input class=\"form-radio\" data-drupal-selector=\"edit-radio-two\" id=\"edit-radio-two\" name=\"radio\" type=\"radio\" value=\"two\" \/> <label class=\"option\" for=\"edit-radio-two\">two<\/label><\/div>\n\n<div class=\"js-form-item form-item js-form-type-radio form-type-radio js-form-item-radio form-item-radio\"><input class=\"form-radio\" data-drupal-selector=\"edit-radio-three\" id=\"edit-radio-three\" name=\"radio\" type=\"radio\" value=\"three\" \/> <label class=\"option\" for=\"edit-radio-three\">three<\/label><\/div>\n<\/div>\n<\/div>\n<\/fieldset>\n\n<div class=\"form-actions webform-actions js-form-wrapper form-wrapper\" data-drupal-selector=\"edit-actions\" id=\"edit-actions\"><input class=\"webform-button--submit button button--primary js-form-submit form-submit\" data-drupal-selector=\"edit-actions-submit\" id=\"edit-actions-submit\" name=\"op\" type=\"submit\" value=\"Send message\" \/><\/div>\n<\/form>\n",
          "textFormat": "cohesion",
          "background": {
              "value": {
                  "rgba": "rgba(255,255,255,1)"
              }
          }
      },
      "styles": {
          "settings": {
              "element": "form"
          },
          "152406ce-990d-4512-aaf6-aaf6c4104ef9": {
              "settings": {
                  "element": "input",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              }
          },
          "dfdc9ab4-1279-47a3-a226-babde79e124d": {
              "settings": {
                  "element": "label",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "font-weight": {
                          "value": "bold"
                      },
                      "margin": {
                          "margin-bottom": {
                              "value": "8"
                          }
                      }
                  }
              }
          },
          "c7b0d5f6-9c4c-4211-a387-0cfea40b8b87": {
              "settings": {
                  "element": "",
                  "class": ".form-required",
                  "combinator": "",
                  "pseudo": ""
              }
          },
          "32965aa9-b988-4eda-b4c8-b1ad4a01b484": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":after"
              },
              "styles": {
                  "xl": {
                      "custom-css": [
                          {
                              "customCssProperty": {
                                  "value": "content"
                              },
                              "customCss": {
                                  "value": "\"*\""
                              }
                          }
                      ],
                      "margin": {
                          "margin-left": {
                              "value": "4"
                          }
                      },
                      "color": {
                          "value": {
                              "value": {
                                  "hex": "#ff0000",
                                  "rgba": "rgba(255, 0, 0, 1)"
                              }
                          }
                      }
                  }
              }
          },
          "85bd41be-8ff4-4502-b1ec-047159b38f63": {
              "settings": {
                  "element": ".form-type-select",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "ef73e4e5-9fb2-4fde-8a5e-0f8be153db15": {
              "settings": {
                  "element": "",
                  "class": ".form-item-field-multi-select-list",
                  "combinator": "",
                  "pseudo": ""
              }
          },
          "3d6d7b6e-2ce4-4ec0-b9ed-d77f94891a7f": {
              "settings": {
                  "element": "label",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              }
          },
          "0e1ac829-7a92-4eb9-8589-773dcf87d994": {
              "settings": {
                  "element": "legend",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "font-weight": {
                          "value": "bold"
                      },
                      "margin": {
                          "margin-bottom": {
                              "value": "8"
                          }
                      }
                  }
              }
          },
          "59b5aeb7-33e4-4c50-9239-2a081612c08d": {
              "settings": {
                  "element": "> *",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "padding": {
                          "padding-top": {
                              "value": "16"
                          },
                          "padding-bottom": {
                              "value": "16"
                          }
                      }
                  }
              }
          },
          "686aa67e-3f48-441a-9abb-aa6dfbd027e5": {
              "settings": {
                  "element": ".form-item",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "flex-container": {
                          "flex-direction": {
                              "value": "column"
                          }
                      },
                      "display": {
                          "value": "flex"
                      }
                  }
              }
          },
          "f61df388-e07a-42de-a2de-904e0a9ac17a": {
              "settings": {
                  "element": "",
                  "class": ".form-item-copy",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "padding": {
                          "padding-top": {
                              "value": "0"
                          }
                      }
                  }
              }
          },
          "9217ed95-720e-45d4-9abb-76d3c518242b": {
              "settings": {
                  "element": ".form-type-checkbox",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "position": {
                          "value": "relative"
                      },
                      "flex-container": {
                          "flex-direction": {
                              "value": "row"
                          },
                          "align-items": {
                              "value": "center"
                          }
                      }
                  }
              }
          },
          "5cfbbc68-9182-4c92-bab6-996b4b5be9b1": {
              "settings": {
                  "element": "+ .form-type-checkbox",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "margin": {
                          "margin-top": {
                              "value": "8"
                          }
                      }
                  }
              }
          },
          "56d0c1ea-35b5-4339-8e5f-c2f33f8f03ec": {
              "settings": {
                  "element": ".form-checkbox",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "051f9298-84d9-4060-9826-b5f77ff5fa6d": {
              "settings": {
                  "element": "+ label",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "92ca8821-ce85-4784-b5f2-592099a1e979": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":after"
              },
              "styles": {
                  "xl": {
                      "opacity": {
                          "value": "1"
                      }
                  }
              }
          },
          "405fb9cd-664a-43dd-813a-cbc6832464ce": {
              "settings": {
                  "element": "label",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "font-weight": {
                          "value": "normal"
                      },
                      "margin": {
                          "margin-bottom": {
                              "value": "0"
                          }
                      }
                  }
              }
          },
          "4e84d544-d446-4a67-abad-0da608f78ae8": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":before"
              },
              "styles": {
                  "xl": {
                      "custom-css": [
                          {
                              "customCssProperty": {
                                  "value": "pointer-events"
                              },
                              "customCss": {
                                  "value": "none"
                              }
                          }
                      ],
                      "background-color": {
                          "value": {
                              "link": true,
                              "name": "Gray 10",
                              "uid": "gray-10",
                              "class": ".coh-color-gray-10",
                              "variable": "$coh-color-gray-10",
                              "value": {
                                  "hex": "#f2f2f2",
                                  "rgba": "rgba(242, 242, 242, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Light"
                              ]
                          }
                      },
                      "height": {
                          "value": "26"
                      },
                      "width": {
                          "value": "26"
                      },
                      "position": {
                          "value": "absolute"
                      },
                      "top": {
                          "value": "50%"
                      },
                      "left": {
                          "value": "0"
                      },
                      "border-width": {
                          "value": "1"
                      },
                      "border-style": {
                          "value": "solid"
                      },
                      "border-color": {
                          "value": {
                              "link": true,
                              "name": "Gray 30",
                              "uid": "gray-30",
                              "class": ".coh-color-gray-30",
                              "variable": "$coh-color-gray-30",
                              "value": {
                                  "hex": "#bfbfbf",
                                  "rgba": "rgba(191, 191, 191, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Light"
                              ]
                          }
                      },
                      "transform": {
                          "transformTranslateY": {
                              "value": "-50%"
                          }
                      },
                      "content-string": {
                          "contentType": {
                              "value": "custom"
                          },
                          "customString": {
                              "value": "\"\""
                          }
                      }
                  }
              }
          },
          "a55970d8-0281-46f8-b944-89588bbe1bcc": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":after"
              },
              "styles": {
                  "xl": {
                      "custom-css": [
                          {
                              "customCssProperty": {
                                  "value": "pointer-events"
                              },
                              "customCss": {
                                  "value": "none"
                              }
                          }
                      ],
                      "color": {
                          "value": {
                              "link": true,
                              "name": "Brand color",
                              "uid": "brand-color",
                              "class": ".coh-color-brand-color",
                              "variable": "$coh-color-brand-color",
                              "value": {
                                  "hex": "#26a3dd",
                                  "rgba": "rgba(38, 163, 221, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Color"
                              ]
                          }
                      },
                      "font-size": {
                          "value": "20"
                      },
                      "height": {
                          "value": "28"
                      },
                      "width": {
                          "value": "28"
                      },
                      "position": {
                          "value": "absolute"
                      },
                      "top": {
                          "value": "50%"
                      },
                      "left": {
                          "value": "0"
                      },
                      "opacity": {
                          "value": "0"
                      },
                      "display": {
                          "value": "flex"
                      },
                      "flex-container": {
                          "justify-content": {
                              "value": "center"
                          },
                          "align-items": {
                              "value": "center"
                          }
                      },
                      "transform": {
                          "transformTranslateY": {
                              "value": "-50%"
                          }
                      },
                      "content-icon": {
                          "contentIcon": {
                              "value": {
                                  "iconName": "61452",
                                  "fontFamily": "icomoon"
                              }
                          }
                      }
                  }
              }
          },
          "735a193d-93b2-4cb8-9cc4-dbb56b7e2787": {
              "settings": {
                  "element": ".form-type-radio",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "flex-container": {
                          "flex-direction": {
                              "value": "row"
                          },
                          "align-items": {
                              "value": "center"
                          }
                      },
                      "position": {
                          "value": "relative"
                      }
                  }
              }
          },
          "3438bd65-a340-4d89-99fb-ac3f267afd75": {
              "settings": {
                  "element": "+ .form-type-radio",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "margin": {
                          "margin-top": {
                              "value": "8"
                          }
                      }
                  }
              }
          },
          "5214d108-3ef7-47ff-b19e-36cb9f37aeb0": {
              "settings": {
                  "element": ".form-radio",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "2861d5af-f086-4846-b690-a3d0cc0e6f26": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":checked"
              },
              "styles": {}
          },
          "6ebc142f-3aee-4186-8a70-80a14d12ab53": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":checked"
              },
              "styles": {}
          },
          "b8022e6c-c33e-461a-b614-6f3d67f81edd": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":after"
              },
              "styles": {
                  "xl": {
                      "opacity": {
                          "value": "1"
                      }
                  }
              }
          },
          "0fb6a027-b267-4583-8fa4-cf624793f4cb": {
              "settings": {
                  "element": "+ label",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "81542f8b-8f02-434e-b7d2-41b585c2e461": {
              "settings": {
                  "element": "label",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "margin": {
                          "margin-bottom": {
                              "value": "0"
                          }
                      },
                      "font-weight": {
                          "value": "normal"
                      }
                  }
              }
          },
          "de2d6b90-e57b-49eb-878a-8f36f479e4c2": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":before"
              },
              "styles": {
                  "xl": {
                      "custom-css": [
                          {
                              "customCssProperty": {
                                  "value": "pointer-events"
                              },
                              "customCss": {
                                  "value": "none"
                              }
                          }
                      ],
                      "background-color": {
                          "value": {
                              "link": true,
                              "name": "Gray 10",
                              "uid": "gray-10",
                              "class": ".coh-color-gray-10",
                              "variable": "$coh-color-gray-10",
                              "value": {
                                  "hex": "#f2f2f2",
                                  "rgba": "rgba(242, 242, 242, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Light"
                              ]
                          }
                      },
                      "height": {
                          "value": "26"
                      },
                      "width": {
                          "value": "26"
                      },
                      "position": {
                          "value": "absolute"
                      },
                      "top": {
                          "value": "0"
                      },
                      "left": {
                          "value": "0"
                      },
                      "border-width": {
                          "value": "1"
                      },
                      "border-radius": {
                          "value": "50%"
                      },
                      "border-style": {
                          "value": "solid"
                      },
                      "border-color": {
                          "value": {
                              "link": true,
                              "name": "Gray 30",
                              "uid": "gray-30",
                              "class": ".coh-color-gray-30",
                              "variable": "$coh-color-gray-30",
                              "value": {
                                  "hex": "#bfbfbf",
                                  "rgba": "rgba(191, 191, 191, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Light"
                              ]
                          }
                      },
                      "content-string": {
                          "contentType": {
                              "value": "custom"
                          },
                          "customString": {
                              "value": "\"\""
                          }
                      }
                  }
              }
          },
          "50f47f5a-a576-4e1c-8fe0-c62b5a72f020": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":after"
              },
              "styles": {
                  "xl": {
                      "custom-css": [
                          {
                              "customCssProperty": {
                                  "value": "pointer-events"
                              },
                              "customCss": {
                                  "value": "none"
                              }
                          }
                      ],
                      "color": {
                          "value": {
                              "link": true,
                              "name": "Brand color",
                              "uid": "brand-color",
                              "class": ".coh-color-brand-color",
                              "variable": "$coh-color-brand-color",
                              "value": {
                                  "hex": "#26a3dd",
                                  "rgba": "rgba(38, 163, 221, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Color"
                              ]
                          }
                      },
                      "font-size": {
                          "value": "16"
                      },
                      "height": {
                          "value": "28"
                      },
                      "width": {
                          "value": "28"
                      },
                      "position": {
                          "value": "absolute"
                      },
                      "top": {
                          "value": "0"
                      },
                      "left": {
                          "value": "0"
                      },
                      "display": {
                          "value": "flex"
                      },
                      "opacity": {
                          "value": "0"
                      },
                      "flex-container": {
                          "justify-content": {
                              "value": "center"
                          },
                          "align-items": {
                              "value": "center"
                          }
                      },
                      "content-icon": {
                          "contentIcon": {
                              "value": {
                                  "iconName": "61713",
                                  "fontFamily": "icomoon"
                              }
                          }
                      }
                  }
              }
          },
          "44fc3030-4adf-45b0-b857-5e49fc57b3ed": {
              "settings": {
                  "element": "label",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "b762ef98-4afc-4210-980c-6d9414ecfab0": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":before"
              },
              "styles": {
                  "xl": {
                      "transitions": [
                          {
                              "transitionProperty": {
                                  "value": "background-color"
                              },
                              "transitionDuration": {
                                  "value": 300
                              },
                              "transitionTimingFunction": {
                                  "value": "ease"
                              }
                          }
                      ],
                      "custom-css": [
                          {
                              "customCssProperty": {
                                  "value": "pointer-events"
                              },
                              "customCss": {
                                  "value": "none"
                              }
                          }
                      ],
                      "background-color": {
                          "value": {
                              "link": true,
                              "name": "Brand color",
                              "uid": "brand-color",
                              "class": ".coh-color-brand-color",
                              "variable": "$coh-color-brand-color",
                              "value": {
                                  "hex": "#26a3dd",
                                  "rgba": "rgba(38, 163, 221, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Color"
                              ]
                          }
                      },
                      "height": {
                          "value": "50"
                      },
                      "width": {
                          "value": "50"
                      },
                      "bottom": {
                          "value": "0"
                      },
                      "right": {
                          "value": "0"
                      },
                      "content-string": {
                          "contentType": {
                              "value": "custom"
                          },
                          "customString": {
                              "value": "\"\""
                          }
                      }
                  }
              }
          },
          "45f0f9af-7ffc-4c14-95a3-d29e3c0cca1a": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":after"
              },
              "styles": {
                  "xl": {
                      "custom-css": [
                          {
                              "customCssProperty": {
                                  "value": "pointer-events"
                              },
                              "customCss": {
                                  "value": "none"
                              }
                          }
                      ],
                      "color": {
                          "value": {
                              "name": "White",
                              "uid": "white",
                              "value": {
                                  "hex": "#ffffff",
                                  "rgba": "rgba(255, 255, 255, 1)"
                              },
                              "wysiwyg": true,
                              "class": ".coh-color-white",
                              "variable": "$coh-color-white",
                              "inuse": true,
                              "link": true,
                              "tags": [
                                  "Light"
                              ]
                          }
                      },
                      "font-size": {
                          "value": "20"
                      },
                      "height": {
                          "value": "50"
                      },
                      "width": {
                          "value": "50"
                      },
                      "position": {
                          "value": "absolute"
                      },
                      "bottom": {
                          "value": "0"
                      },
                      "right": {
                          "value": "0"
                      },
                      "display": {
                          "value": "flex"
                      },
                      "flex-container": {
                          "align-items": {
                              "value": "center"
                          },
                          "justify-content": {
                              "value": "center"
                          }
                      },
                      "content-icon": {
                          "contentIcon": {
                              "value": {
                                  "iconName": "61560",
                                  "fontFamily": "icomoon"
                              }
                          }
                      }
                  }
              }
          },
          "db909852-b7db-45ea-a944-dad9cf0816c6": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":before"
              },
              "styles": {
                  "xl": {
                      "content-string": {
                          "contentType": {
                              "value": "none"
                          }
                      }
                  }
              }
          },
          "6b369333-4a5c-480b-9b76-4ec53f5c4b3d": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":after"
              },
              "styles": {
                  "xl": {
                      "content-string": {
                          "contentType": {
                              "value": "none"
                          }
                      }
                  }
              }
          },
          "1e53475c-1679-4525-854c-62b7244ef790": {
              "settings": {
                  "element": ".form-checkbox",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "custom-css": [
                          {
                              "customCssProperty": {
                                  "value": "appearance"
                              },
                              "customCss": {
                                  "value": "none"
                              }
                          }
                      ],
                      "height": {
                          "value": "28"
                      },
                      "width": {
                          "value": "28"
                      },
                      "margin": {
                          "margin-right": {
                              "value": "8"
                          }
                      },
                      "opacity": {
                          "value": "0"
                      }
                  }
              }
          },
          "210e6c68-9ac5-456c-9df2-bcd7d3cdb57d": {
              "settings": {
                  "element": ".form-radio",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "custom-css": [
                          {
                              "customCssProperty": {
                                  "value": "appearance"
                              },
                              "customCss": {
                                  "value": "none"
                              }
                          }
                      ],
                      "height": {
                          "value": "28"
                      },
                      "width": {
                          "value": "28"
                      },
                      "margin": {
                          "margin-right": {
                              "value": "8"
                          }
                      },
                      "opacity": {
                          "value": "0"
                      }
                  }
              }
          },
          "b160b6e8-0994-48e6-b861-f55768f8674c": {
              "settings": {
                  "element": ".form-search",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "custom-css": [
                          {
                              "customCssProperty": {
                                  "value": "appearance"
                              },
                              "customCss": {
                                  "value": "none"
                              }
                          }
                      ],
                      "line-height": {
                          "value": "1.5"
                      },
                      "background-color": {
                          "value": {
                              "link": true,
                              "name": "Gray 10",
                              "uid": "gray-10",
                              "class": ".coh-color-gray-10",
                              "variable": "$coh-color-gray-10",
                              "value": {
                                  "hex": "#f2f2f2",
                                  "rgba": "rgba(242, 242, 242, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Light"
                              ]
                          }
                      },
                      "padding": {
                          "padding-equal": {
                              "value": "12"
                          }
                      },
                      "border-width": {
                          "value": "1"
                      },
                      "border-style": {
                          "value": "solid"
                      },
                      "border-color": {
                          "value": {
                              "link": true,
                              "name": "Gray 30",
                              "uid": "gray-30",
                              "class": ".coh-color-gray-30",
                              "variable": "$coh-color-gray-30",
                              "value": {
                                  "hex": "#bfbfbf",
                                  "rgba": "rgba(191, 191, 191, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Light"
                              ]
                          }
                      }
                  }
              }
          },
          "c2beed15-cfc8-44c0-ba3b-8a59d9dcab87": {
              "settings": {
                  "element": ".form-select:not(.editor)",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "custom-css": [
                          {
                              "customCssProperty": {
                                  "value": "appearance"
                              },
                              "customCss": {
                                  "value": "none"
                              }
                          }
                      ],
                      "line-height": {
                          "value": "1.5"
                      },
                      "background-color": {
                          "value": {
                              "link": true,
                              "name": "Gray 10",
                              "uid": "gray-10",
                              "class": ".coh-color-gray-10",
                              "variable": "$coh-color-gray-10",
                              "value": {
                                  "hex": "#f2f2f2",
                                  "rgba": "rgba(242, 242, 242, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Light"
                              ]
                          }
                      },
                      "padding": {
                          "padding-equal": {
                              "value": "12"
                          }
                      },
                      "border-width": {
                          "value": "1"
                      },
                      "border-style": {
                          "value": "solid"
                      },
                      "border-color": {
                          "value": {
                              "link": true,
                              "name": "Gray 30",
                              "uid": "gray-30",
                              "class": ".coh-color-gray-30",
                              "variable": "$coh-color-gray-30",
                              "value": {
                                  "hex": "#bfbfbf",
                                  "rgba": "rgba(191, 191, 191, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Light"
                              ]
                          }
                      }
                  }
              }
          },
          "7da43801-8c82-4223-ae40-d7f689b3e71a": {
              "settings": {
                  "element": ".form-submit",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "transitions": [
                          {
                              "transitionProperty": {
                                  "value": "background-color"
                              },
                              "transitionDuration": {
                                  "value": 300
                              },
                              "transitionTimingFunction": {
                                  "value": "ease"
                              }
                          }
                      ],
                      "custom-css": [
                          {
                              "customCssProperty": {
                                  "value": "appearance"
                              },
                              "customCss": {
                                  "value": "none"
                              }
                          }
                      ],
                      "color": {
                          "value": {
                              "link": true,
                              "name": "Brand color",
                              "uid": "brand-color",
                              "class": ".coh-color-brand-color",
                              "variable": "$coh-color-brand-color",
                              "value": {
                                  "hex": "#26a3dd",
                                  "rgba": "rgba(38, 163, 221, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Color"
                              ]
                          }
                      },
                      "font-weight": {
                          "value": "bold"
                      },
                      "line-height": {
                          "value": "1.25"
                      },
                      "font-size": {
                          "value": "14"
                      },
                      "background-color": {
                          "value": {
                              "link": true,
                              "name": "Gray 10",
                              "uid": "gray-10",
                              "class": ".coh-color-gray-10",
                              "variable": "$coh-color-gray-10",
                              "value": {
                                  "hex": "#f2f2f2",
                                  "rgba": "rgba(242, 242, 242, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Light"
                              ]
                          }
                      },
                      "padding": {
                          "padding-equal": {
                              "value": "16"
                          }
                      },
                      "border-style": {
                          "value": "none"
                      }
                  }
              }
          },
          "58917073-0b8f-4cf6-a871-4d05b2411abd": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":hover"
              },
              "styles": {
                  "xl": {
                      "background-color": {
                          "value": {
                              "link": true,
                              "name": "Gray 20",
                              "uid": "gray-20",
                              "class": ".coh-color-gray-20",
                              "variable": "$coh-color-gray-20",
                              "value": {
                                  "hex": "#dbdbdc",
                                  "rgba": "rgba(219, 219, 220, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Light"
                              ]
                          }
                      }
                  }
              }
          },
          "c895f6f8-2bc0-4f5b-931e-c8de81593913": {
              "settings": {
                  "element": "",
                  "class": ".button--primary",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "color": {
                          "value": {
                              "name": "White",
                              "uid": "white",
                              "value": {
                                  "hex": "#ffffff",
                                  "rgba": "rgba(255, 255, 255, 1)"
                              },
                              "wysiwyg": true,
                              "class": ".coh-color-white",
                              "variable": "$coh-color-white",
                              "inuse": true,
                              "link": true,
                              "tags": [
                                  "Light"
                              ]
                          }
                      },
                      "background-color": {
                          "value": {
                              "link": true,
                              "name": "Brand color",
                              "uid": "brand-color",
                              "class": ".coh-color-brand-color",
                              "variable": "$coh-color-brand-color",
                              "value": {
                                  "hex": "#26a3dd",
                                  "rgba": "rgba(38, 163, 221, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Color"
                              ]
                          }
                      }
                  }
              }
          },
          "e9cfc367-f2a8-4054-8517-486e395bd828": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":hover"
              },
              "styles": {
                  "xl": {
                      "background-color": {
                          "value": {
                              "link": true,
                              "name": "Brand color dark",
                              "uid": "brand-color-dark",
                              "class": ".coh-color-brand-color-dark",
                              "variable": "$coh-color-brand-color-dark",
                              "value": {
                                  "hex": "#1a89c9",
                                  "rgba": "rgba(26, 137, 201, 1)"
                              },
                              "wysiwyg": true,
                              "inuse": true,
                              "tags": [
                                  "Color"
                              ]
                          }
                      }
                  }
              }
          },
          "5fe1bd70-04bc-4f07-bfd9-d410a2b24754": {
              "settings": {
                  "element": ".form-text",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "custom-css": [
                          {
                              "customCssProperty": {
                                  "value": "appearance"
                              },
                              "customCss": {
                                  "value": "none"
                              }
                          }
                      ],
                      "line-height": {
                          "value": "1.5"
                      },
                      "width": {
                          "value": "100%"
                      },
                      "padding": {
                          "padding-equal": {
                              "value": "12"
                          }
                      },
                      "border-width": {
                          "value": "1"
                      },
                      "border-style": {
                          "value": "solid"
                      },
                      "border-color": {
                          "value": {
                              "link": true,
                              "name": "Gray 30",
                              "uid": "gray-30",
                              "class": ".coh-color-gray-30",
                              "variable": "$coh-color-gray-30",
                              "value": {
                                  "hex": "#bfbfbf",
                                  "rgba": "rgba(191, 191, 191, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Light"
                              ]
                          }
                      },
                      "background-color": {
                          "value": {
                              "link": true,
                              "name": "Gray 10",
                              "uid": "gray-10",
                              "class": ".coh-color-gray-10",
                              "variable": "$coh-color-gray-10",
                              "value": {
                                  "hex": "#f2f2f2",
                                  "rgba": "rgba(242, 242, 242, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Light"
                              ]
                          }
                      }
                  }
              }
          },
          "fed20583-62f8-4059-819c-23bf8503f61c": {
              "settings": {
                  "element": ".form-textarea",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "line-height": {
                          "value": "1.5"
                      },
                      "background-color": {
                          "value": {
                              "link": true,
                              "name": "Gray 10",
                              "uid": "gray-10",
                              "class": ".coh-color-gray-10",
                              "variable": "$coh-color-gray-10",
                              "value": {
                                  "hex": "#f2f2f2",
                                  "rgba": "rgba(242, 242, 242, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Light"
                              ]
                          }
                      },
                      "width": {
                          "value": "100%"
                      },
                      "padding": {
                          "padding-equal": {
                              "value": "12"
                          }
                      },
                      "border-width": {
                          "value": "1"
                      },
                      "border-style": {
                          "value": "solid"
                      },
                      "border-color": {
                          "value": {
                              "link": true,
                              "name": "Gray 30",
                              "uid": "gray-30",
                              "class": ".coh-color-gray-30",
                              "variable": "$coh-color-gray-30",
                              "value": {
                                  "hex": "#bfbfbf",
                                  "rgba": "rgba(191, 191, 191, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Light"
                              ]
                          }
                      }
                  }
              }
          },
          "659e0d9a-b009-4ea4-9001-29e0e44f2e39": {
              "settings": {
                  "element": ".field--name-field-wysiwyg",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "f3a39345-eea3-4bee-a909-9f3f114ec9aa": {
              "settings": {
                  "element": ".form-type-select",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "position": {
                          "value": "static"
                      },
                      "display": {
                          "value": "block"
                      }
                  }
              }
          },
          "11ad5903-0b49-49b4-92e9-d4be0fe35513": {
              "settings": {
                  "element": "label",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "b16eb5e5-eac2-4621-bf9e-0485a01d0169": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":before"
              },
              "styles": {
                  "xl": {
                      "content-string": {
                          "contentType": {
                              "value": "none"
                          }
                      }
                  }
              }
          },
          "2f86edcc-d307-4b48-b3b2-50e94a3fa80b": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":after"
              },
              "styles": {
                  "xl": {
                      "content-string": {
                          "contentType": {
                              "value": "none"
                          }
                      }
                  }
              }
          },
          "54bec54c-4593-4b0d-8d9d-eece0f342973": {
              "settings": {
                  "element": ".form-email",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "line-height": {
                          "value": "1.5"
                      },
                      "background-color": {
                          "value": {
                              "link": true,
                              "name": "Gray 10",
                              "uid": "gray-10",
                              "class": ".coh-color-gray-10",
                              "variable": "$coh-color-gray-10",
                              "value": {
                                  "hex": "#f2f2f2",
                                  "rgba": "rgba(242, 242, 242, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Light"
                              ]
                          }
                      },
                      "width": {
                          "value": "100%"
                      },
                      "padding": {
                          "padding-equal": {
                              "value": "12"
                          }
                      },
                      "border-width": {
                          "value": "1"
                      },
                      "border-style": {
                          "value": "solid"
                      },
                      "border-color": {
                          "value": {
                              "link": true,
                              "name": "Gray 30",
                              "uid": "gray-30",
                              "class": ".coh-color-gray-30",
                              "variable": "$coh-color-gray-30",
                              "value": {
                                  "hex": "#bfbfbf",
                                  "rgba": "rgba(191, 191, 191, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Light"
                              ]
                          }
                      }
                  }
              }
          },
          "b9fa0b2f-3983-4a7d-9d1c-4c98542852db": {
              "settings": {
                  "element": ".webform-element-description",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "margin": {
                          "margin-top": {
                              "value": "8"
                          }
                      },
                      "font-size": {
                          "value": "12"
                      }
                  }
              }
          }
      },
      "variableFields": []
  }
json_mapper: |
  {
      "styles": {
          "title": "Layout",
          "selectorType": "topLevel",
          "formDefinition": [],
          "items": [
              {
                  "title": "> *",
                  "type": "container",
                  "items": [],
                  "form": null,
                  "selectorType": "child",
                  "model": "> *",
                  "uuid": "59b5aeb7-33e4-4c50-9239-2a081612c08d",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "formDefinition": [
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "padding",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "padding-equal",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-top",
                                          "active": true
                                      },
                                      {
                                          "name": "padding-bottom",
                                          "active": true
                                      },
                                      {
                                          "name": "padding-left",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-right",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-block-start",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-block-end",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-inline-start",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-inline-end",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      }
                  ]
              },
              {
                  "title": "label",
                  "type": "container",
                  "items": [
                      {
                          "title": ".form-required",
                          "type": "container",
                          "items": [
                              {
                                  "title": ":after",
                                  "type": "container",
                                  "items": [],
                                  "form": null,
                                  "selectorType": "pseudo",
                                  "uuid": "32965aa9-b988-4eda-b4c8-b1ad4a01b484",
                                  "allowedTypes": [
                                      "child",
                                      "pseudo"
                                  ],
                                  "formDefinition": [
                                      {
                                          "formKey": "custom-css",
                                          "children": [
                                              {
                                                  "formKey": "css-property-and-css-value",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "custom-css",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "customCssProperty",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "customCss",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "layout",
                                          "children": [
                                              {
                                                  "formKey": "margin",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "margin-equal",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "margin-top",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "margin-bottom",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "margin-left",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "margin-right",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "margin-block-start",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "margin-block-end",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "margin-inline-start",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "margin-inline-end",
                                                          "active": false
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "font",
                                          "children": [
                                              {
                                                  "formKey": "font-and-color",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "font-family",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "font-weight",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "color",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "form": null,
                          "selectorType": "modifier",
                          "model": ".form-required",
                          "uuid": "c7b0d5f6-9c4c-4211-a387-0cfea40b8b87",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": []
                      }
                  ],
                  "form": null,
                  "selectorType": "child",
                  "model": "label",
                  "uuid": "dfdc9ab4-1279-47a3-a226-babde79e124d",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "formDefinition": [
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "margin",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "margin-equal",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-top",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-bottom",
                                          "active": true
                                      },
                                      {
                                          "name": "margin-left",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-right",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-block-start",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-block-end",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-inline-start",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-inline-end",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "font",
                          "children": [
                              {
                                  "formKey": "font-and-color",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "font-family",
                                          "active": false
                                      },
                                      {
                                          "name": "font-weight",
                                          "active": true
                                      },
                                      {
                                          "name": "color",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "collapsed": false
              },
              {
                  "title": "legend",
                  "type": "container",
                  "items": [],
                  "form": null,
                  "selectorType": "child",
                  "model": "legend",
                  "uuid": "0e1ac829-7a92-4eb9-8589-773dcf87d994",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "formDefinition": [
                      {
                          "formKey": "font",
                          "children": [
                              {
                                  "formKey": "font-and-color",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "font-family",
                                          "active": false
                                      },
                                      {
                                          "name": "font-weight",
                                          "active": true
                                      },
                                      {
                                          "name": "color",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "margin",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "margin-equal",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-top",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-bottom",
                                          "active": true
                                      },
                                      {
                                          "name": "margin-left",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-right",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-block-start",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-block-end",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-inline-start",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-inline-end",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      }
                  ]
              },
              {
                  "title": ".form-item",
                  "type": "container",
                  "items": [
                      {
                          "title": ".form-item-copy",
                          "type": "container",
                          "items": [],
                          "form": null,
                          "selectorType": "modifier",
                          "model": ".form-item-copy",
                          "uuid": "f61df388-e07a-42de-a2de-904e0a9ac17a",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "layout",
                                  "children": [
                                      {
                                          "formKey": "padding",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "padding-equal",
                                                  "active": false
                                              },
                                              {
                                                  "name": "padding-top",
                                                  "active": true
                                              },
                                              {
                                                  "name": "padding-bottom",
                                                  "active": false
                                              },
                                              {
                                                  "name": "padding-left",
                                                  "active": false
                                              },
                                              {
                                                  "name": "padding-right",
                                                  "active": false
                                              },
                                              {
                                                  "name": "padding-block-start",
                                                  "active": false
                                              },
                                              {
                                                  "name": "padding-block-end",
                                                  "active": false
                                              },
                                              {
                                                  "name": "padding-inline-start",
                                                  "active": false
                                              },
                                              {
                                                  "name": "padding-inline-end",
                                                  "active": false
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "form": null,
                  "selectorType": "child",
                  "model": ".form-item",
                  "uuid": "686aa67e-3f48-441a-9abb-aa6dfbd027e5",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "collapsed": true,
                  "formDefinition": [
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "display",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "display",
                                          "active": true
                                      },
                                      {
                                          "name": "visibility",
                                          "active": false
                                      },
                                      {
                                          "name": "overflow",
                                          "active": false
                                      },
                                      {
                                          "name": "overflow-x",
                                          "active": false
                                      },
                                      {
                                          "name": "overflow-y",
                                          "active": false
                                      }
                                  ]
                              },
                              {
                                  "formKey": "flex-container",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "flex-direction",
                                          "active": true
                                      },
                                      {
                                          "name": "flex-wrap",
                                          "active": false
                                      },
                                      {
                                          "name": "justify-content",
                                          "active": false
                                      },
                                      {
                                          "name": "justify-content-safety",
                                          "active": true
                                      },
                                      {
                                          "name": "align-content",
                                          "active": false
                                      },
                                      {
                                          "name": "align-content-safety",
                                          "active": true
                                      },
                                      {
                                          "name": "align-items",
                                          "active": false
                                      },
                                      {
                                          "name": "align-items-safety",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ]
              },
              {
                  "title": ".form-type-checkbox",
                  "type": "container",
                  "items": [
                      {
                          "title": "+ .form-type-checkbox",
                          "type": "container",
                          "items": [],
                          "form": null,
                          "selectorType": "child",
                          "model": "+ .form-type-checkbox",
                          "uuid": "5cfbbc68-9182-4c92-bab6-996b4b5be9b1",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "layout",
                                  "children": [
                                      {
                                          "formKey": "margin",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "margin-equal",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-top",
                                                  "active": true
                                              },
                                              {
                                                  "name": "margin-bottom",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-left",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-right",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-block-start",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-block-end",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-inline-start",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-inline-end",
                                                  "active": false
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "title": ".form-checkbox",
                          "type": "container",
                          "items": [
                              {
                                  "title": ":checked",
                                  "type": "container",
                                  "items": [
                                      {
                                          "title": "+ label",
                                          "type": "container",
                                          "items": [
                                              {
                                                  "title": ":after",
                                                  "type": "container",
                                                  "items": [],
                                                  "form": null,
                                                  "selectorType": "pseudo",
                                                  "uuid": "92ca8821-ce85-4784-b5f2-592099a1e979",
                                                  "allowedTypes": [
                                                      "child",
                                                      "pseudo"
                                                  ],
                                                  "formDefinition": [
                                                      {
                                                          "formKey": "layout",
                                                          "children": [
                                                              {
                                                                  "formKey": "opacity",
                                                                  "breakpoints": [
                                                                      {
                                                                          "name": "xl"
                                                                      }
                                                                  ],
                                                                  "activeFields": [
                                                                      {
                                                                          "name": "opacity",
                                                                          "active": true
                                                                      }
                                                                  ]
                                                              }
                                                          ]
                                                      }
                                                  ]
                                              }
                                          ],
                                          "form": null,
                                          "selectorType": "child",
                                          "model": "+ label",
                                          "uuid": "051f9298-84d9-4060-9826-b5f77ff5fa6d",
                                          "allowedTypes": [
                                              "child",
                                              "pseudo",
                                              "modifier"
                                          ],
                                          "formDefinition": []
                                      }
                                  ],
                                  "form": null,
                                  "selectorType": "pseudo",
                                  "subType": "custom-pseudo",
                                  "model": ":checked",
                                  "uuid": "2861d5af-f086-4846-b690-a3d0cc0e6f26",
                                  "allowedTypes": [
                                      "child",
                                      "pseudo"
                                  ],
                                  "formDefinition": []
                              }
                          ],
                          "form": null,
                          "selectorType": "child",
                          "model": ".form-checkbox",
                          "uuid": "56d0c1ea-35b5-4339-8e5f-c2f33f8f03ec",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "collapsed": true,
                          "formDefinition": []
                      },
                      {
                          "title": "label",
                          "type": "container",
                          "items": [
                              {
                                  "title": ":before",
                                  "type": "container",
                                  "items": [],
                                  "form": null,
                                  "selectorType": "pseudo",
                                  "uuid": "4e84d544-d446-4a67-abad-0da608f78ae8",
                                  "allowedTypes": [
                                      "child",
                                      "pseudo"
                                  ],
                                  "formDefinition": [
                                      {
                                          "formKey": "background",
                                          "children": [
                                              {
                                                  "formKey": "background-color",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "background-color",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "layout",
                                          "children": [
                                              {
                                                  "formKey": "width",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "min-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "max-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "width",
                                                          "active": true
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "height",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "min-height",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "max-height",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "height",
                                                          "active": true
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "position",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "position",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "top",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "bottom",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "left",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "right",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "z-index",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "border-and-outline",
                                          "children": [
                                              {
                                                  "formKey": "border-width",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "border-width",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "border-top-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-bottom-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-left-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-right-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-block-start-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-block-end-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-inline-start-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-inline-end-width",
                                                          "active": false
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "border-style",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "border-style",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "border-top-style",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-bottom-style",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-left-style",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-right-style",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-block-start-style",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-block-end-style",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-inline-start-style",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-inline-end-style",
                                                          "active": false
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "border-color",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "border-color",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "border-top-color",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-bottom-color",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-left-color",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-right-color",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-block-start-color",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-block-end-color",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-inline-start-color",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-inline-end-color",
                                                          "active": false
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "transform-and-transition",
                                          "children": [
                                              {
                                                  "formKey": "transform",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "transformRotateX",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformRotateY",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformRotateZ",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformTranslateX",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformTranslateY",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "transformScaleX",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformScaleY",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformSkewX",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformSkewY",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformOriginX",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformOriginY",
                                                          "active": false
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "content",
                                          "children": [
                                              {
                                                  "formKey": "strings-counters-quotes-urls-and-attributes",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "contentType",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "contentString",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "counterString",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "customString",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "custom-css",
                                          "children": [
                                              {
                                                  "formKey": "css-property-and-css-value",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "custom-css",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "customCssProperty",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "customCss",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ]
                              },
                              {
                                  "title": ":after",
                                  "type": "container",
                                  "items": [],
                                  "form": null,
                                  "selectorType": "pseudo",
                                  "uuid": "a55970d8-0281-46f8-b944-89588bbe1bcc",
                                  "allowedTypes": [
                                      "child",
                                      "pseudo"
                                  ],
                                  "formDefinition": [
                                      {
                                          "formKey": "font",
                                          "children": [
                                              {
                                                  "formKey": "font-and-color",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "font-family",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "font-weight",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "color",
                                                          "active": true
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "font-sizing-and-alignment",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "font-size",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "line-height",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "text-align",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "letter-spacing",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "word-spacing",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "text-indent",
                                                          "active": false
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "layout",
                                          "children": [
                                              {
                                                  "formKey": "width",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "min-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "max-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "width",
                                                          "active": true
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "height",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "min-height",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "max-height",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "height",
                                                          "active": true
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "position",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "position",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "top",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "bottom",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "left",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "right",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "z-index",
                                                          "active": true
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "display",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "display",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "visibility",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "overflow",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "overflow-x",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "overflow-y",
                                                          "active": false
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "opacity",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "opacity",
                                                          "active": true
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "flex-container",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "flex-direction",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "flex-wrap",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "justify-content",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "justify-content-safety",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "align-content",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "align-content-safety",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "align-items",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "align-items-safety",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "transform-and-transition",
                                          "children": [
                                              {
                                                  "formKey": "transform",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "transformRotateX",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformRotateY",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformRotateZ",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformTranslateX",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformTranslateY",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "transformScaleX",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformScaleY",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformSkewX",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformSkewY",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformOriginX",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformOriginY",
                                                          "active": false
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "content",
                                          "children": [
                                              {
                                                  "formKey": "icon",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "contentIcon",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "custom-css",
                                          "children": [
                                              {
                                                  "formKey": "css-property-and-css-value",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "custom-css",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "customCssProperty",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "customCss",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "form": null,
                          "selectorType": "child",
                          "model": "label",
                          "uuid": "405fb9cd-664a-43dd-813a-cbc6832464ce",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "font",
                                  "children": [
                                      {
                                          "formKey": "font-and-color",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "font-family",
                                                  "active": false
                                              },
                                              {
                                                  "name": "font-weight",
                                                  "active": true
                                              },
                                              {
                                                  "name": "color",
                                                  "active": false
                                              }
                                          ]
                                      }
                                  ]
                              },
                              {
                                  "formKey": "layout",
                                  "children": [
                                      {
                                          "formKey": "margin",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "margin-equal",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-top",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-bottom",
                                                  "active": true
                                              },
                                              {
                                                  "name": "margin-left",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-right",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-block-start",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-block-end",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-inline-start",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-inline-end",
                                                  "active": false
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "collapsed": false
                      }
                  ],
                  "form": null,
                  "selectorType": "child",
                  "model": ".form-type-checkbox",
                  "uuid": "9217ed95-720e-45d4-9abb-76d3c518242b",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "formDefinition": [
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "position",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "position",
                                          "active": true
                                      },
                                      {
                                          "name": "top",
                                          "active": true
                                      },
                                      {
                                          "name": "bottom",
                                          "active": true
                                      },
                                      {
                                          "name": "left",
                                          "active": true
                                      },
                                      {
                                          "name": "right",
                                          "active": true
                                      },
                                      {
                                          "name": "z-index",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "flex-container",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "flex-direction",
                                          "active": true
                                      },
                                      {
                                          "name": "flex-wrap",
                                          "active": false
                                      },
                                      {
                                          "name": "justify-content",
                                          "active": false
                                      },
                                      {
                                          "name": "justify-content-safety",
                                          "active": true
                                      },
                                      {
                                          "name": "align-content",
                                          "active": false
                                      },
                                      {
                                          "name": "align-content-safety",
                                          "active": true
                                      },
                                      {
                                          "name": "align-items",
                                          "active": true
                                      },
                                      {
                                          "name": "align-items-safety",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "collapsed": true
              },
              {
                  "title": ".form-checkbox",
                  "type": "container",
                  "items": [],
                  "form": null,
                  "selectorType": "child",
                  "model": ".form-checkbox",
                  "uuid": "1e53475c-1679-4525-854c-62b7244ef790",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "formDefinition": [
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "width",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "min-width",
                                          "active": false
                                      },
                                      {
                                          "name": "max-width",
                                          "active": false
                                      },
                                      {
                                          "name": "width",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "height",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "min-height",
                                          "active": false
                                      },
                                      {
                                          "name": "max-height",
                                          "active": false
                                      },
                                      {
                                          "name": "height",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "opacity",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "opacity",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "margin",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "margin-equal",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-top",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-bottom",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-left",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-right",
                                          "active": true
                                      },
                                      {
                                          "name": "margin-block-start",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-block-end",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-inline-start",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-inline-end",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "custom-css",
                          "children": [
                              {
                                  "formKey": "css-property-and-css-value",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "custom-css",
                                          "active": true
                                      },
                                      {
                                          "name": "customCssProperty",
                                          "active": true
                                      },
                                      {
                                          "name": "customCss",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ]
              },
              {
                  "title": ".form-type-radio",
                  "type": "container",
                  "items": [
                      {
                          "title": "+ .form-type-radio",
                          "type": "container",
                          "items": [],
                          "form": null,
                          "selectorType": "child",
                          "model": "+ .form-type-radio",
                          "uuid": "3438bd65-a340-4d89-99fb-ac3f267afd75",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "layout",
                                  "children": [
                                      {
                                          "formKey": "margin",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "margin-equal",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-top",
                                                  "active": true
                                              },
                                              {
                                                  "name": "margin-bottom",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-left",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-right",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-block-start",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-block-end",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-inline-start",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-inline-end",
                                                  "active": false
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "title": ".form-radio",
                          "type": "container",
                          "items": [
                              {
                                  "title": ":checked",
                                  "type": "container",
                                  "items": [
                                      {
                                          "title": "+ label",
                                          "type": "container",
                                          "items": [
                                              {
                                                  "title": ":after",
                                                  "type": "container",
                                                  "items": [],
                                                  "form": null,
                                                  "selectorType": "pseudo",
                                                  "uuid": "b8022e6c-c33e-461a-b614-6f3d67f81edd",
                                                  "allowedTypes": [
                                                      "child",
                                                      "pseudo"
                                                  ],
                                                  "formDefinition": [
                                                      {
                                                          "formKey": "layout",
                                                          "children": [
                                                              {
                                                                  "formKey": "opacity",
                                                                  "breakpoints": [
                                                                      {
                                                                          "name": "xl"
                                                                      }
                                                                  ],
                                                                  "activeFields": [
                                                                      {
                                                                          "name": "opacity",
                                                                          "active": true
                                                                      }
                                                                  ]
                                                              }
                                                          ]
                                                      }
                                                  ]
                                              }
                                          ],
                                          "form": null,
                                          "selectorType": "child",
                                          "model": "+ label",
                                          "uuid": "0fb6a027-b267-4583-8fa4-cf624793f4cb",
                                          "allowedTypes": [
                                              "child",
                                              "pseudo",
                                              "modifier"
                                          ],
                                          "formDefinition": []
                                      }
                                  ],
                                  "form": null,
                                  "selectorType": "pseudo",
                                  "subType": "custom-pseudo",
                                  "model": ":checked",
                                  "uuid": "6ebc142f-3aee-4186-8a70-80a14d12ab53",
                                  "allowedTypes": [
                                      "child",
                                      "pseudo"
                                  ],
                                  "formDefinition": [],
                                  "collapsed": false
                              }
                          ],
                          "form": null,
                          "selectorType": "child",
                          "model": ".form-radio",
                          "uuid": "5214d108-3ef7-47ff-b19e-36cb9f37aeb0",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [],
                          "collapsed": true
                      },
                      {
                          "title": "label",
                          "type": "container",
                          "items": [
                              {
                                  "title": ":before",
                                  "type": "container",
                                  "items": [],
                                  "form": null,
                                  "selectorType": "pseudo",
                                  "uuid": "de2d6b90-e57b-49eb-878a-8f36f479e4c2",
                                  "allowedTypes": [
                                      "child",
                                      "pseudo"
                                  ],
                                  "formDefinition": [
                                      {
                                          "formKey": "background",
                                          "children": [
                                              {
                                                  "formKey": "background-color",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "background-color",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "layout",
                                          "children": [
                                              {
                                                  "formKey": "width",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "min-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "max-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "width",
                                                          "active": true
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "height",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "min-height",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "max-height",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "height",
                                                          "active": true
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "position",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "position",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "top",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "bottom",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "left",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "right",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "z-index",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "border-and-outline",
                                          "children": [
                                              {
                                                  "formKey": "border-width",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "border-width",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "border-top-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-bottom-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-left-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-right-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-block-start-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-block-end-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-inline-start-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-inline-end-width",
                                                          "active": false
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "border-radius",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "border-radius",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "border-top-left-radius",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-top-right-radius",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-bottom-left-radius",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-bottom-right-radius",
                                                          "active": false
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "border-style",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "border-style",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "border-top-style",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-bottom-style",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-left-style",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-right-style",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-block-start-style",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-block-end-style",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-inline-start-style",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-inline-end-style",
                                                          "active": false
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "border-color",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "border-color",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "border-top-color",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-bottom-color",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-left-color",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-right-color",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-block-start-color",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-block-end-color",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-inline-start-color",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "border-inline-end-color",
                                                          "active": false
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "custom-css",
                                          "children": [
                                              {
                                                  "formKey": "css-property-and-css-value",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "custom-css",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "customCssProperty",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "customCss",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "content",
                                          "children": [
                                              {
                                                  "formKey": "strings-counters-quotes-urls-and-attributes",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "contentType",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "contentString",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "counterString",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "customString",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ]
                              },
                              {
                                  "title": ":after",
                                  "type": "container",
                                  "items": [],
                                  "form": null,
                                  "selectorType": "pseudo",
                                  "uuid": "50f47f5a-a576-4e1c-8fe0-c62b5a72f020",
                                  "allowedTypes": [
                                      "child",
                                      "pseudo"
                                  ],
                                  "formDefinition": [
                                      {
                                          "formKey": "font",
                                          "children": [
                                              {
                                                  "formKey": "font-and-color",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "font-family",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "font-weight",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "color",
                                                          "active": true
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "font-sizing-and-alignment",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "font-size",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "line-height",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "text-align",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "letter-spacing",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "word-spacing",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "text-indent",
                                                          "active": false
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "layout",
                                          "children": [
                                              {
                                                  "formKey": "height",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "min-height",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "max-height",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "height",
                                                          "active": true
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "width",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "min-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "max-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "width",
                                                          "active": true
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "position",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "position",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "top",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "bottom",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "left",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "right",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "z-index",
                                                          "active": true
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "flex-container",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "flex-direction",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "flex-wrap",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "justify-content",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "justify-content-safety",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "align-content",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "align-content-safety",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "align-items",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "align-items-safety",
                                                          "active": true
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "display",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "display",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "visibility",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "overflow",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "overflow-x",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "overflow-y",
                                                          "active": false
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "opacity",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "opacity",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "content",
                                          "children": [
                                              {
                                                  "formKey": "icon",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "contentIcon",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "custom-css",
                                          "children": [
                                              {
                                                  "formKey": "css-property-and-css-value",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "custom-css",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "customCssProperty",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "customCss",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "form": null,
                          "selectorType": "child",
                          "model": "label",
                          "uuid": "81542f8b-8f02-434e-b7d2-41b585c2e461",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "font",
                                  "children": [
                                      {
                                          "formKey": "font-and-color",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "font-family",
                                                  "active": false
                                              },
                                              {
                                                  "name": "font-weight",
                                                  "active": true
                                              },
                                              {
                                                  "name": "color",
                                                  "active": false
                                              }
                                          ]
                                      }
                                  ]
                              },
                              {
                                  "formKey": "layout",
                                  "children": [
                                      {
                                          "formKey": "margin",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "margin-equal",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-top",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-bottom",
                                                  "active": true
                                              },
                                              {
                                                  "name": "margin-left",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-right",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-block-start",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-block-end",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-inline-start",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-inline-end",
                                                  "active": false
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "collapsed": true
                      }
                  ],
                  "form": null,
                  "selectorType": "child",
                  "model": ".form-type-radio",
                  "uuid": "735a193d-93b2-4cb8-9cc4-dbb56b7e2787",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "formDefinition": [
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "flex-container",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "flex-direction",
                                          "active": true
                                      },
                                      {
                                          "name": "flex-wrap",
                                          "active": false
                                      },
                                      {
                                          "name": "justify-content",
                                          "active": false
                                      },
                                      {
                                          "name": "justify-content-safety",
                                          "active": true
                                      },
                                      {
                                          "name": "align-content",
                                          "active": false
                                      },
                                      {
                                          "name": "align-content-safety",
                                          "active": true
                                      },
                                      {
                                          "name": "align-items",
                                          "active": true
                                      },
                                      {
                                          "name": "align-items-safety",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "position",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "position",
                                          "active": true
                                      },
                                      {
                                          "name": "top",
                                          "active": true
                                      },
                                      {
                                          "name": "bottom",
                                          "active": true
                                      },
                                      {
                                          "name": "left",
                                          "active": true
                                      },
                                      {
                                          "name": "right",
                                          "active": true
                                      },
                                      {
                                          "name": "z-index",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "collapsed": true
              },
              {
                  "title": ".form-radio",
                  "type": "container",
                  "items": [],
                  "form": null,
                  "selectorType": "child",
                  "model": ".form-radio",
                  "uuid": "210e6c68-9ac5-456c-9df2-bcd7d3cdb57d",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "formDefinition": [
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "width",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "min-width",
                                          "active": false
                                      },
                                      {
                                          "name": "max-width",
                                          "active": false
                                      },
                                      {
                                          "name": "width",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "height",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "min-height",
                                          "active": false
                                      },
                                      {
                                          "name": "max-height",
                                          "active": false
                                      },
                                      {
                                          "name": "height",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "opacity",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "opacity",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "margin",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "margin-equal",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-top",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-bottom",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-left",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-right",
                                          "active": true
                                      },
                                      {
                                          "name": "margin-block-start",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-block-end",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-inline-start",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-inline-end",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "custom-css",
                          "children": [
                              {
                                  "formKey": "css-property-and-css-value",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "custom-css",
                                          "active": true
                                      },
                                      {
                                          "name": "customCssProperty",
                                          "active": true
                                      },
                                      {
                                          "name": "customCss",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ]
              },
              {
                  "title": ".form-type-select",
                  "type": "container",
                  "items": [
                      {
                          "title": "label",
                          "type": "container",
                          "items": [
                              {
                                  "title": ":before",
                                  "type": "container",
                                  "items": [],
                                  "form": null,
                                  "selectorType": "pseudo",
                                  "uuid": "b762ef98-4afc-4210-980c-6d9414ecfab0",
                                  "allowedTypes": [
                                      "child",
                                      "pseudo"
                                  ],
                                  "formDefinition": [
                                      {
                                          "formKey": "background",
                                          "children": [
                                              {
                                                  "formKey": "background-color",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "background-color",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "layout",
                                          "children": [
                                              {
                                                  "formKey": "width",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "min-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "max-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "width",
                                                          "active": true
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "height",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "min-height",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "max-height",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "height",
                                                          "active": true
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "position",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "position",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "top",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "bottom",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "left",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "right",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "z-index",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "transform-and-transition",
                                          "children": [
                                              {
                                                  "formKey": "transition",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "transitions",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "transitionProperty",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "transitionCustomProperty",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "transitionDuration",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "transitionTimingFunction",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "transitionDelay",
                                                          "active": false
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "content",
                                          "children": [
                                              {
                                                  "formKey": "strings-counters-quotes-urls-and-attributes",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "contentType",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "contentString",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "counterString",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "customString",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "custom-css",
                                          "children": [
                                              {
                                                  "formKey": "css-property-and-css-value",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "custom-css",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "customCssProperty",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "customCss",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ]
                              },
                              {
                                  "title": ":after",
                                  "type": "container",
                                  "items": [],
                                  "form": null,
                                  "selectorType": "pseudo",
                                  "uuid": "45f0f9af-7ffc-4c14-95a3-d29e3c0cca1a",
                                  "allowedTypes": [
                                      "child",
                                      "pseudo"
                                  ],
                                  "formDefinition": [
                                      {
                                          "formKey": "font",
                                          "children": [
                                              {
                                                  "formKey": "font-and-color",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "font-family",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "font-weight",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "color",
                                                          "active": true
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "font-sizing-and-alignment",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "font-size",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "line-height",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "text-align",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "letter-spacing",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "word-spacing",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "text-indent",
                                                          "active": false
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "layout",
                                          "children": [
                                              {
                                                  "formKey": "width",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "min-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "max-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "width",
                                                          "active": true
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "height",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "min-height",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "max-height",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "height",
                                                          "active": true
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "position",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "position",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "top",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "bottom",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "left",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "right",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "z-index",
                                                          "active": true
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "display",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "display",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "visibility",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "overflow",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "overflow-x",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "overflow-y",
                                                          "active": false
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "flex-container",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "flex-direction",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "flex-wrap",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "justify-content",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "justify-content-safety",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "align-content",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "align-content-safety",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "align-items",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "align-items-safety",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "custom-css",
                                          "children": [
                                              {
                                                  "formKey": "css-property-and-css-value",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "custom-css",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "customCssProperty",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "customCss",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "content",
                                          "children": [
                                              {
                                                  "formKey": "icon",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "contentIcon",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "form": null,
                          "selectorType": "child",
                          "model": "label",
                          "uuid": "44fc3030-4adf-45b0-b857-5e49fc57b3ed",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [],
                          "collapsed": true
                      },
                      {
                          "title": ".form-item-field-multi-select-list",
                          "type": "container",
                          "items": [
                              {
                                  "title": "label",
                                  "type": "container",
                                  "items": [
                                      {
                                          "title": ":before",
                                          "type": "container",
                                          "items": [],
                                          "form": null,
                                          "selectorType": "pseudo",
                                          "uuid": "db909852-b7db-45ea-a944-dad9cf0816c6",
                                          "allowedTypes": [
                                              "child",
                                              "pseudo"
                                          ],
                                          "formDefinition": [
                                              {
                                                  "formKey": "content",
                                                  "children": [
                                                      {
                                                          "formKey": "strings-counters-quotes-urls-and-attributes",
                                                          "breakpoints": [
                                                              {
                                                                  "name": "xl"
                                                              }
                                                          ],
                                                          "activeFields": [
                                                              {
                                                                  "name": "contentType",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "contentString",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "counterString",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "customString",
                                                                  "active": true
                                                              }
                                                          ]
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "title": ":after",
                                          "type": "container",
                                          "items": [],
                                          "form": null,
                                          "selectorType": "pseudo",
                                          "uuid": "6b369333-4a5c-480b-9b76-4ec53f5c4b3d",
                                          "allowedTypes": [
                                              "child",
                                              "pseudo"
                                          ],
                                          "formDefinition": [
                                              {
                                                  "formKey": "content",
                                                  "children": [
                                                      {
                                                          "formKey": "strings-counters-quotes-urls-and-attributes",
                                                          "breakpoints": [
                                                              {
                                                                  "name": "xl"
                                                              }
                                                          ],
                                                          "activeFields": [
                                                              {
                                                                  "name": "contentType",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "contentString",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "counterString",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "customString",
                                                                  "active": true
                                                              }
                                                          ]
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ],
                                  "form": null,
                                  "selectorType": "child",
                                  "model": "label",
                                  "uuid": "3d6d7b6e-2ce4-4ec0-b9ed-d77f94891a7f",
                                  "allowedTypes": [
                                      "child",
                                      "pseudo",
                                      "modifier"
                                  ],
                                  "formDefinition": []
                              }
                          ],
                          "form": null,
                          "selectorType": "modifier",
                          "model": ".form-item-field-multi-select-list",
                          "uuid": "ef73e4e5-9fb2-4fde-8a5e-0f8be153db15",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [],
                          "collapsed": true
                      }
                  ],
                  "form": null,
                  "selectorType": "child",
                  "model": ".form-type-select",
                  "uuid": "85bd41be-8ff4-4502-b1ec-047159b38f63",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "formDefinition": [],
                  "collapsed": true
              },
              {
                  "title": ".form-select:not(.editor)",
                  "type": "container",
                  "items": [],
                  "form": null,
                  "selectorType": "child",
                  "model": ".form-select:not(.editor)",
                  "uuid": "c2beed15-cfc8-44c0-ba3b-8a59d9dcab87",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "formDefinition": [
                      {
                          "formKey": "font",
                          "children": [
                              {
                                  "formKey": "font-sizing-and-alignment",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "font-size",
                                          "active": false
                                      },
                                      {
                                          "name": "line-height",
                                          "active": true
                                      },
                                      {
                                          "name": "text-align",
                                          "active": false
                                      },
                                      {
                                          "name": "letter-spacing",
                                          "active": false
                                      },
                                      {
                                          "name": "word-spacing",
                                          "active": false
                                      },
                                      {
                                          "name": "text-indent",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "background",
                          "children": [
                              {
                                  "formKey": "background-color",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "background-color",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "padding",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "padding-equal",
                                          "active": true
                                      },
                                      {
                                          "name": "padding-top",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-bottom",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-left",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-right",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-block-start",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-block-end",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-inline-start",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-inline-end",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "custom-css",
                          "children": [
                              {
                                  "formKey": "css-property-and-css-value",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "custom-css",
                                          "active": true
                                      },
                                      {
                                          "name": "customCssProperty",
                                          "active": true
                                      },
                                      {
                                          "name": "customCss",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "border-and-outline",
                          "children": [
                              {
                                  "formKey": "border-width",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "border-width",
                                          "active": true
                                      },
                                      {
                                          "name": "border-top-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-bottom-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-left-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-right-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-start-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-end-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-start-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-end-width",
                                          "active": false
                                      }
                                  ]
                              },
                              {
                                  "formKey": "border-style",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "border-style",
                                          "active": true
                                      },
                                      {
                                          "name": "border-top-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-bottom-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-left-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-right-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-start-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-end-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-start-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-end-style",
                                          "active": false
                                      }
                                  ]
                              },
                              {
                                  "formKey": "border-color",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "border-color",
                                          "active": true
                                      },
                                      {
                                          "name": "border-top-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-bottom-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-left-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-right-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-start-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-end-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-start-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-end-color",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      }
                  ]
              },
              {
                  "title": ".form-search",
                  "type": "container",
                  "items": [],
                  "form": null,
                  "selectorType": "child",
                  "model": ".form-search",
                  "uuid": "b160b6e8-0994-48e6-b861-f55768f8674c",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "formDefinition": [
                      {
                          "formKey": "font",
                          "children": [
                              {
                                  "formKey": "font-sizing-and-alignment",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "font-size",
                                          "active": false
                                      },
                                      {
                                          "name": "line-height",
                                          "active": true
                                      },
                                      {
                                          "name": "text-align",
                                          "active": false
                                      },
                                      {
                                          "name": "letter-spacing",
                                          "active": false
                                      },
                                      {
                                          "name": "word-spacing",
                                          "active": false
                                      },
                                      {
                                          "name": "text-indent",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "background",
                          "children": [
                              {
                                  "formKey": "background-color",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "background-color",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "padding",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "padding-equal",
                                          "active": true
                                      },
                                      {
                                          "name": "padding-top",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-bottom",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-left",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-right",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-block-start",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-block-end",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-inline-start",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-inline-end",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "border-and-outline",
                          "children": [
                              {
                                  "formKey": "border-width",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "border-width",
                                          "active": true
                                      },
                                      {
                                          "name": "border-top-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-bottom-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-left-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-right-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-start-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-end-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-start-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-end-width",
                                          "active": false
                                      }
                                  ]
                              },
                              {
                                  "formKey": "border-style",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "border-style",
                                          "active": true
                                      },
                                      {
                                          "name": "border-top-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-bottom-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-left-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-right-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-start-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-end-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-start-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-end-style",
                                          "active": false
                                      }
                                  ]
                              },
                              {
                                  "formKey": "border-color",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "border-color",
                                          "active": true
                                      },
                                      {
                                          "name": "border-top-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-bottom-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-left-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-right-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-start-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-end-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-start-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-end-color",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "custom-css",
                          "children": [
                              {
                                  "formKey": "css-property-and-css-value",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "custom-css",
                                          "active": true
                                      },
                                      {
                                          "name": "customCssProperty",
                                          "active": true
                                      },
                                      {
                                          "name": "customCss",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ]
              },
              {
                  "title": ".form-submit",
                  "type": "container",
                  "items": [
                      {
                          "title": ":hover",
                          "type": "container",
                          "items": [],
                          "form": null,
                          "selectorType": "pseudo",
                          "uuid": "58917073-0b8f-4cf6-a871-4d05b2411abd",
                          "allowedTypes": [
                              "child",
                              "pseudo"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "background",
                                  "children": [
                                      {
                                          "formKey": "background-color",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "background-color",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "title": ".button--primary",
                          "type": "container",
                          "items": [
                              {
                                  "title": ":hover",
                                  "type": "container",
                                  "items": [],
                                  "form": null,
                                  "selectorType": "pseudo",
                                  "uuid": "e9cfc367-f2a8-4054-8517-486e395bd828",
                                  "allowedTypes": [
                                      "child",
                                      "pseudo"
                                  ],
                                  "formDefinition": [
                                      {
                                          "formKey": "background",
                                          "children": [
                                              {
                                                  "formKey": "background-color",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "background-color",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "form": null,
                          "selectorType": "modifier",
                          "model": ".button--primary",
                          "uuid": "c895f6f8-2bc0-4f5b-931e-c8de81593913",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "font",
                                  "children": [
                                      {
                                          "formKey": "font-and-color",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "font-family",
                                                  "active": false
                                              },
                                              {
                                                  "name": "font-weight",
                                                  "active": false
                                              },
                                              {
                                                  "name": "color",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              },
                              {
                                  "formKey": "background",
                                  "children": [
                                      {
                                          "formKey": "background-color",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "background-color",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "form": null,
                  "selectorType": "child",
                  "model": ".form-submit",
                  "uuid": "7da43801-8c82-4223-ae40-d7f689b3e71a",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "collapsed": true,
                  "formDefinition": [
                      {
                          "formKey": "font",
                          "children": [
                              {
                                  "formKey": "font-and-color",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "font-family",
                                          "active": false
                                      },
                                      {
                                          "name": "font-weight",
                                          "active": true
                                      },
                                      {
                                          "name": "color",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "font-sizing-and-alignment",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "font-size",
                                          "active": true
                                      },
                                      {
                                          "name": "line-height",
                                          "active": true
                                      },
                                      {
                                          "name": "text-align",
                                          "active": false
                                      },
                                      {
                                          "name": "letter-spacing",
                                          "active": false
                                      },
                                      {
                                          "name": "word-spacing",
                                          "active": false
                                      },
                                      {
                                          "name": "text-indent",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "background",
                          "children": [
                              {
                                  "formKey": "background-color",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "background-color",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "padding",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "padding-equal",
                                          "active": true
                                      },
                                      {
                                          "name": "padding-top",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-bottom",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-left",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-right",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-block-start",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-block-end",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-inline-start",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-inline-end",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "border-and-outline",
                          "children": [
                              {
                                  "formKey": "border-style",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "border-style",
                                          "active": true
                                      },
                                      {
                                          "name": "border-top-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-bottom-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-left-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-right-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-start-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-end-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-start-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-end-style",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "transform-and-transition",
                          "children": [
                              {
                                  "formKey": "transition",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "transitions",
                                          "active": true
                                      },
                                      {
                                          "name": "transitionProperty",
                                          "active": true
                                      },
                                      {
                                          "name": "transitionCustomProperty",
                                          "active": true
                                      },
                                      {
                                          "name": "transitionDuration",
                                          "active": true
                                      },
                                      {
                                          "name": "transitionTimingFunction",
                                          "active": true
                                      },
                                      {
                                          "name": "transitionDelay",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "custom-css",
                          "children": [
                              {
                                  "formKey": "css-property-and-css-value",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "custom-css",
                                          "active": true
                                      },
                                      {
                                          "name": "customCssProperty",
                                          "active": true
                                      },
                                      {
                                          "name": "customCss",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ]
              },
              {
                  "title": ".form-text",
                  "type": "container",
                  "items": [],
                  "form": null,
                  "selectorType": "child",
                  "model": ".form-text",
                  "uuid": "5fe1bd70-04bc-4f07-bfd9-d410a2b24754",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "formDefinition": [
                      {
                          "formKey": "font",
                          "children": [
                              {
                                  "formKey": "font-sizing-and-alignment",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "font-size",
                                          "active": false
                                      },
                                      {
                                          "name": "line-height",
                                          "active": true
                                      },
                                      {
                                          "name": "text-align",
                                          "active": false
                                      },
                                      {
                                          "name": "letter-spacing",
                                          "active": false
                                      },
                                      {
                                          "name": "word-spacing",
                                          "active": false
                                      },
                                      {
                                          "name": "text-indent",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "width",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "min-width",
                                          "active": false
                                      },
                                      {
                                          "name": "max-width",
                                          "active": false
                                      },
                                      {
                                          "name": "width",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "padding",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "padding-equal",
                                          "active": true
                                      },
                                      {
                                          "name": "padding-top",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-bottom",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-left",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-right",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-block-start",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-block-end",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-inline-start",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-inline-end",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "border-and-outline",
                          "children": [
                              {
                                  "formKey": "border-width",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "border-width",
                                          "active": true
                                      },
                                      {
                                          "name": "border-top-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-bottom-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-left-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-right-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-start-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-end-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-start-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-end-width",
                                          "active": false
                                      }
                                  ]
                              },
                              {
                                  "formKey": "border-style",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "border-style",
                                          "active": true
                                      },
                                      {
                                          "name": "border-top-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-bottom-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-left-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-right-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-start-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-end-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-start-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-end-style",
                                          "active": false
                                      }
                                  ]
                              },
                              {
                                  "formKey": "border-color",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "border-color",
                                          "active": true
                                      },
                                      {
                                          "name": "border-top-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-bottom-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-left-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-right-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-start-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-end-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-start-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-end-color",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "custom-css",
                          "children": [
                              {
                                  "formKey": "css-property-and-css-value",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "custom-css",
                                          "active": true
                                      },
                                      {
                                          "name": "customCssProperty",
                                          "active": true
                                      },
                                      {
                                          "name": "customCss",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "background",
                          "children": [
                              {
                                  "formKey": "background-color",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "background-color",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ]
              },
              {
                  "title": ".form-email",
                  "type": "container",
                  "items": [],
                  "form": null,
                  "selectorType": "child",
                  "model": ".form-email",
                  "uuid": "54bec54c-4593-4b0d-8d9d-eece0f342973",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "formDefinition": [
                      {
                          "formKey": "font",
                          "children": [
                              {
                                  "formKey": "font-sizing-and-alignment",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "font-size",
                                          "active": false
                                      },
                                      {
                                          "name": "line-height",
                                          "active": true
                                      },
                                      {
                                          "name": "text-align",
                                          "active": false
                                      },
                                      {
                                          "name": "letter-spacing",
                                          "active": false
                                      },
                                      {
                                          "name": "word-spacing",
                                          "active": false
                                      },
                                      {
                                          "name": "text-indent",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "background",
                          "children": [
                              {
                                  "formKey": "background-color",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "background-color",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "border-and-outline",
                          "children": [
                              {
                                  "formKey": "border-width",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "border-width",
                                          "active": true
                                      },
                                      {
                                          "name": "border-top-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-bottom-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-left-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-right-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-start-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-end-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-start-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-end-width",
                                          "active": false
                                      }
                                  ]
                              },
                              {
                                  "formKey": "border-style",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "border-style",
                                          "active": true
                                      },
                                      {
                                          "name": "border-top-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-bottom-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-left-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-right-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-start-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-end-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-start-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-end-style",
                                          "active": false
                                      }
                                  ]
                              },
                              {
                                  "formKey": "border-color",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "border-color",
                                          "active": true
                                      },
                                      {
                                          "name": "border-top-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-bottom-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-left-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-right-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-start-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-end-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-start-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-end-color",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "padding",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "padding-equal",
                                          "active": true
                                      },
                                      {
                                          "name": "padding-top",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-bottom",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-left",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-right",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-block-start",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-block-end",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-inline-start",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-inline-end",
                                          "active": false
                                      }
                                  ]
                              },
                              {
                                  "formKey": "width",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "min-width",
                                          "active": false
                                      },
                                      {
                                          "name": "max-width",
                                          "active": false
                                      },
                                      {
                                          "name": "width",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ]
              },
              {
                  "title": ".form-textarea",
                  "type": "container",
                  "items": [],
                  "form": null,
                  "selectorType": "child",
                  "model": ".form-textarea",
                  "uuid": "fed20583-62f8-4059-819c-23bf8503f61c",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "formDefinition": [
                      {
                          "formKey": "background",
                          "children": [
                              {
                                  "formKey": "background-color",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "background-color",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "font",
                          "children": [
                              {
                                  "formKey": "font-sizing-and-alignment",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "font-size",
                                          "active": false
                                      },
                                      {
                                          "name": "line-height",
                                          "active": true
                                      },
                                      {
                                          "name": "text-align",
                                          "active": false
                                      },
                                      {
                                          "name": "letter-spacing",
                                          "active": false
                                      },
                                      {
                                          "name": "word-spacing",
                                          "active": false
                                      },
                                      {
                                          "name": "text-indent",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "border-and-outline",
                          "children": [
                              {
                                  "formKey": "border-width",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "border-width",
                                          "active": true
                                      },
                                      {
                                          "name": "border-top-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-bottom-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-left-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-right-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-start-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-end-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-start-width",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-end-width",
                                          "active": false
                                      }
                                  ]
                              },
                              {
                                  "formKey": "border-style",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "border-style",
                                          "active": true
                                      },
                                      {
                                          "name": "border-top-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-bottom-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-left-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-right-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-start-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-end-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-start-style",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-end-style",
                                          "active": false
                                      }
                                  ]
                              },
                              {
                                  "formKey": "border-color",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "border-color",
                                          "active": true
                                      },
                                      {
                                          "name": "border-top-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-bottom-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-left-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-right-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-start-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-block-end-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-start-color",
                                          "active": false
                                      },
                                      {
                                          "name": "border-inline-end-color",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "padding",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "padding-equal",
                                          "active": true
                                      },
                                      {
                                          "name": "padding-top",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-bottom",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-left",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-right",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-block-start",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-block-end",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-inline-start",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-inline-end",
                                          "active": false
                                      }
                                  ]
                              },
                              {
                                  "formKey": "width",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "min-width",
                                          "active": false
                                      },
                                      {
                                          "name": "max-width",
                                          "active": false
                                      },
                                      {
                                          "name": "width",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ]
              },
              {
                  "title": ".field--name-field-wysiwyg",
                  "type": "container",
                  "items": [
                      {
                          "title": ".form-type-select",
                          "type": "container",
                          "items": [
                              {
                                  "title": "label",
                                  "type": "container",
                                  "items": [
                                      {
                                          "title": ":before",
                                          "type": "container",
                                          "items": [],
                                          "form": null,
                                          "selectorType": "pseudo",
                                          "uuid": "b16eb5e5-eac2-4621-bf9e-0485a01d0169",
                                          "allowedTypes": [
                                              "child",
                                              "pseudo"
                                          ],
                                          "formDefinition": [
                                              {
                                                  "formKey": "content",
                                                  "children": [
                                                      {
                                                          "formKey": "strings-counters-quotes-urls-and-attributes",
                                                          "breakpoints": [
                                                              {
                                                                  "name": "xl"
                                                              }
                                                          ],
                                                          "activeFields": [
                                                              {
                                                                  "name": "contentType",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "contentString",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "counterString",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "customString",
                                                                  "active": true
                                                              }
                                                          ]
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "title": ":after",
                                          "type": "container",
                                          "items": [],
                                          "form": null,
                                          "selectorType": "pseudo",
                                          "uuid": "2f86edcc-d307-4b48-b3b2-50e94a3fa80b",
                                          "allowedTypes": [
                                              "child",
                                              "pseudo"
                                          ],
                                          "formDefinition": [
                                              {
                                                  "formKey": "content",
                                                  "children": [
                                                      {
                                                          "formKey": "strings-counters-quotes-urls-and-attributes",
                                                          "breakpoints": [
                                                              {
                                                                  "name": "xl"
                                                              }
                                                          ],
                                                          "activeFields": [
                                                              {
                                                                  "name": "contentType",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "contentString",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "counterString",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "customString",
                                                                  "active": true
                                                              }
                                                          ]
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ],
                                  "form": null,
                                  "selectorType": "child",
                                  "model": "label",
                                  "uuid": "11ad5903-0b49-49b4-92e9-d4be0fe35513",
                                  "allowedTypes": [
                                      "child",
                                      "pseudo",
                                      "modifier"
                                  ],
                                  "formDefinition": []
                              }
                          ],
                          "form": null,
                          "selectorType": "child",
                          "model": ".form-type-select",
                          "uuid": "f3a39345-eea3-4bee-a909-9f3f114ec9aa",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "layout",
                                  "children": [
                                      {
                                          "formKey": "position",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "position",
                                                  "active": true
                                              },
                                              {
                                                  "name": "top",
                                                  "active": true
                                              },
                                              {
                                                  "name": "bottom",
                                                  "active": true
                                              },
                                              {
                                                  "name": "left",
                                                  "active": true
                                              },
                                              {
                                                  "name": "right",
                                                  "active": true
                                              },
                                              {
                                                  "name": "z-index",
                                                  "active": true
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "display",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "display",
                                                  "active": true
                                              },
                                              {
                                                  "name": "visibility",
                                                  "active": false
                                              },
                                              {
                                                  "name": "overflow",
                                                  "active": false
                                              },
                                              {
                                                  "name": "overflow-x",
                                                  "active": false
                                              },
                                              {
                                                  "name": "overflow-y",
                                                  "active": false
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "form": null,
                  "selectorType": "child",
                  "model": ".field--name-field-wysiwyg",
                  "uuid": "659e0d9a-b009-4ea4-9001-29e0e44f2e39",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "collapsed": true,
                  "formDefinition": []
              },
              {
                  "title": ".webform-element-description",
                  "type": "container",
                  "items": [],
                  "form": null,
                  "selectorType": "child",
                  "model": ".webform-element-description",
                  "uuid": "b9fa0b2f-3983-4a7d-9d1c-4c98542852db",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "formDefinition": [
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "margin",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "margin-equal",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-top",
                                          "active": true
                                      },
                                      {
                                          "name": "margin-bottom",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-left",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-right",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-block-start",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-block-end",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-inline-start",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-inline-end",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "font",
                          "children": [
                              {
                                  "formKey": "font-sizing-and-alignment",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "font-size",
                                          "active": true
                                      },
                                      {
                                          "name": "line-height",
                                          "active": false
                                      },
                                      {
                                          "name": "text-align",
                                          "active": false
                                      },
                                      {
                                          "name": "letter-spacing",
                                          "active": false
                                      },
                                      {
                                          "name": "word-spacing",
                                          "active": false
                                      },
                                      {
                                          "name": "text-indent",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      }
                  ]
              }
          ],
          "form": null
      }
  }
last_entity_update: entityupdate_0042
locked: false
modified: true
selectable: true
custom: null
