uuid: 215b6aab-5f8c-40fc-8670-f00888e128ce
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.brand-color-light
    - cohesion_website_settings.cohesion_color.white
    - cohesion_website_settings.cohesion_icon_library.icomoon
  enforced:
    module:
      - acquia_cms_site_studio
label: Video
id: c2e2ecc6
json_values: |
  {
      "styles": {
          "settings": {
              "element": "div",
              "class": "",
              "combinator": "",
              "pseudo": ""
          },
          "styles": {
              "children": [
                  {
                      "children": [
                          {
                              "modifiers": [
                                  {
                                      "children": [
                                          {
                                              "styles": {
                                                  "xl": {
                                                      "styles,styles,xl,background-image-settings": [
                                                          {
                                                              "backgroundLayerType": {
                                                                  "value": "image"
                                                              },
                                                              "backgroundImageSize": {
                                                                  "value": "auto"
                                                              },
                                                              "backgroundImageRepeat": {
                                                                  "value": "no-repeat"
                                                              },
                                                              "backgroundImagePositionX": {
                                                                  "value": "left"
                                                              },
                                                              "backgroundImagePositionY": {
                                                                  "value": "top"
                                                              }
                                                          }
                                                      ]
                                                  }
                                              }
                                          }
                                      ]
                                  }
                              ]
                          }
                      ]
                  }
              ]
          },
          "101e5b7e-9e91-41da-acf5-aecdeee62867": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":before"
              },
              "styles": {
                  "xl": {
                      "content-icon": {
                          "contentIcon": {}
                      },
                      "color": {},
                      "font-size": {}
                  }
              }
          },
          "cab20fa7-1ce0-4298-b90d-3a029db651e2": {
              "settings": {
                  "element": ".mejs__overlay-loading-bg-img",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "custom-css": [
                          {
                              "customCssProperty": {
                                  "value": "background"
                              },
                              "customCss": {
                                  "value": "none"
                              }
                          }
                      ],
                      "transform": {
                          "transformOriginX": {},
                          "transformOriginY": {}
                      },
                      "border-width": {
                          "value": "10"
                      },
                      "border-radius": {
                          "value": "50"
                      },
                      "border-style": {
                          "value": "solid"
                      },
                      "border-top-color": {
                          "value": {
                              "value": {
                                  "hex": "#000000",
                                  "rgba": "rgba(0, 0, 0, 0.2)"
                              }
                          }
                      },
                      "border-bottom-color": {
                          "value": {
                              "value": {
                                  "hex": "#000000",
                                  "rgba": "rgba(0, 0, 0, 0.2)"
                              }
                          }
                      },
                      "border-left-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": false,
                              "wysiwyg": true,
                              "tags": [
                                  "Dark"
                              ]
                          }
                      },
                      "border-right-color": {
                          "value": {
                              "value": {
                                  "hex": "#000000",
                                  "rgba": "rgba(0, 0, 0, 0.2)"
                              }
                          }
                      }
                  }
              }
          },
          "c16a19b5-d913-48fe-b3f5-8f3aad3b001e": {
              "settings": {
                  "element": ".mejs__overlay-loading",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {}
              }
          },
          "d5566260-8099-4a6b-97da-dbb4212da20b": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":before"
              },
              "styles": {
                  "xl": {
                      "content-icon": {
                          "contentIcon": {
                              "value": {
                                  "fontFamily": "icomoon",
                                  "iconName": "61515"
                              }
                          }
                      },
                      "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": "24"
                      },
                      "position": {
                          "value": "absolute"
                      },
                      "top": {
                          "value": "50%"
                      },
                      "left": {
                          "value": "55%"
                      },
                      "transform": {
                          "transformTranslateX": {
                              "value": "-50%"
                          },
                          "transformTranslateY": {
                              "value": "-50%"
                          }
                      }
                  }
              }
          },
          "330e2a3c-7d69-468e-ae31-5cff75b232fd": {
              "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": false,
                              "tags": [
                                  "Dark"
                              ]
                          }
                      }
                  }
              }
          },
          "bdb7212c-7497-4422-91b1-ae7508dd09a1": {
              "settings": {
                  "element": ".mejs__overlay-button",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "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": false,
                              "wysiwyg": true,
                              "tags": [
                                  "Dark"
                              ]
                          }
                      },
                      "border-radius": {
                          "value": "50%"
                      },
                      "position": {
                          "value": "relative"
                      },
                      "transitions": [
                          {
                              "transitionProperty": {
                                  "value": "background-color"
                              },
                              "transitionDuration": {
                                  "value": 300
                              },
                              "transitionTimingFunction": {
                                  "value": "ease-in-out"
                              }
                          }
                      ],
                      "custom-css": [
                          {
                              "customCssProperty": {
                                  "value": "background-image"
                              },
                              "customCss": {
                                  "value": "none"
                              }
                          }
                      ]
                  }
              }
          },
          "ce251cf0-529f-4a27-94ed-5178764dea3d": {
              "settings": {
                  "element": "",
                  "class": ".mejs__overlay-play",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "941708df-7bfe-4e58-8356-776f38236228": {
              "settings": {
                  "element": ".mejs__overlay",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "ab52f49c-4716-4278-b1ac-9833ec0bfa5e": {
              "settings": {
                  "element": ".mejs__layers",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "d40e814c-f5b7-41b5-9759-4d9e93fe4abb": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":before"
              },
              "styles": {}
          },
          "3c013133-19f8-4f38-80e8-730d5cf143fb": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":hover"
              },
              "styles": {
                  "xl": {
                      "background-color": {
                          "value": {
                              "link": true,
                              "name": "Brand color light",
                              "uid": "brand-color-light",
                              "class": ".coh-color-brand-color-light",
                              "variable": "$coh-color-brand-color-light",
                              "value": {
                                  "hex": "#70c3e9",
                                  "rgba": "rgba(112, 195, 233, 1)"
                              },
                              "wysiwyg": true,
                              "inuse": false,
                              "tags": [
                                  "Dark"
                              ]
                          }
                      }
                  }
              }
          },
          "8dad97ab-0a30-4052-a7c0-0bd994a795e1": {
              "settings": {
                  "element": "button",
                  "class": "",
                  "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"
                              ]
                          }
                      },
                      "font-size": {
                          "value": "30"
                      },
                      "display": {
                          "value": "flex"
                      },
                      "flex-container": {
                          "justify-content": {
                              "value": "center"
                          },
                          "align-items": {
                              "value": "center"
                          }
                      },
                      "height": {
                          "value": "40"
                      },
                      "width": {
                          "value": "40"
                      },
                      "custom-css": [
                          {
                              "customCssProperty": {
                                  "value": "background-image"
                              },
                              "customCss": {
                                  "value": "none"
                              }
                          }
                      ],
                      "background-color": {
                          "value": {
                              "value": {
                                  "hex": "#000000",
                                  "rgba": "rgba(0, 0, 0, 0)"
                              },
                              "name": "DX8 transparent",
                              "wysiwyg": true,
                              "uid": "dx8-transparent",
                              "class": ".dx8-transparent",
                              "variable": "$coh-dx8-transparent",
                              "inuse": true
                          }
                      },
                      "transitions": [
                          {
                              "transitionProperty": {
                                  "value": "background-color"
                              },
                              "transitionDuration": {
                                  "value": 300
                              },
                              "transitionTimingFunction": {
                                  "value": "ease-in-out"
                              }
                          }
                      ],
                      "margin": {
                          "margin-equal": {
                              "value": "0"
                          }
                      }
                  }
              }
          },
          "0fbfa559-b096-408e-94aa-9dd070a5d7ae": {
              "settings": {
                  "element": ".mejs__volume-current",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "c0ccd79b-5148-484b-96af-abb21e393c70": {
              "settings": {
                  "element": ".mejs__volume-handle",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "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": false,
                              "tags": [
                                  "Dark"
                              ]
                          }
                      }
                  }
              }
          },
          "e489bcfe-9844-4907-b204-c0f867ceed3f": {
              "settings": {
                  "element": ".mejs__volume-total",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "background-color": {}
                  }
              }
          },
          "2079430d-e074-4c6d-a66e-5711419b976f": {
              "settings": {
                  "element": ".mejs__volume-slider",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "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": false,
                              "wysiwyg": true,
                              "tags": [
                                  "Dark"
                              ]
                          }
                      }
                  }
              }
          },
          "52fa610d-0cdb-4e49-833d-0afa81b88a73": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":before"
              },
              "styles": {
                  "xl": {
                      "content-icon": {
                          "contentIcon": {
                              "value": {
                                  "fontFamily": "icomoon",
                                  "iconName": "61515"
                              }
                          }
                      },
                      "font-size": {
                          "value": "16"
                      }
                  }
              }
          },
          "9fad56e7-63bd-413f-9555-717ab4f37a76": {
              "settings": {
                  "element": "button",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "1bd3e6b4-9613-4267-8092-66297ec1e7b7": {
              "settings": {
                  "element": "",
                  "class": ".mejs__play",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "add8ea2c-71f3-4241-a233-704003f32781": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":before"
              },
              "styles": {
                  "xl": {
                      "content-icon": {
                          "contentIcon": {
                              "value": {
                                  "fontFamily": "icomoon",
                                  "iconName": "61516"
                              }
                          }
                      },
                      "font-size": {
                          "value": "16"
                      }
                  }
              }
          },
          "fd85a1cb-5211-4923-95eb-a63aab227b15": {
              "settings": {
                  "element": "button",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "6ef02e40-ce6a-4823-b5bd-03598739262a": {
              "settings": {
                  "element": "",
                  "class": ".mejs__pause",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "c1d79d96-5edf-4d50-b457-24f69ee68fc7": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":before"
              },
              "styles": {
                  "xl": {
                      "content-icon": {
                          "contentIcon": {
                              "value": {
                                  "fontFamily": "icomoon",
                                  "iconName": "61470"
                              }
                          }
                      },
                      "font-size": {
                          "value": "16"
                      }
                  }
              }
          },
          "6bd43211-7824-496e-8c30-e7071a14031c": {
              "settings": {
                  "element": "button",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "bbfd5bd8-f008-4f1b-87e2-c4d69a0c5f43": {
              "settings": {
                  "element": "",
                  "class": ".mejs__replay",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "6973c404-166b-4a22-8995-a0bfc663db2b": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":before"
              },
              "styles": {
                  "xl": {
                      "content-icon": {
                          "contentIcon": {
                              "value": {
                                  "fontFamily": "icomoon",
                                  "iconName": "61478"
                              }
                          }
                      },
                      "font-size": {
                          "value": "20"
                      }
                  }
              }
          },
          "fb79d9f4-eb9a-4828-bd10-4c8c7535d664": {
              "settings": {
                  "element": "button",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "0c6ee394-b120-4cb0-adc9-7d7fd34e08a4": {
              "settings": {
                  "element": "",
                  "class": ".mejs__mute",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "19f9776d-b5b0-4a68-97b5-b0ea7435bacd": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":before"
              },
              "styles": {
                  "xl": {
                      "content-icon": {
                          "contentIcon": {
                              "value": {
                                  "fontFamily": "icomoon",
                                  "iconName": "61480"
                              }
                          }
                      },
                      "font-size": {
                          "value": "20"
                      }
                  }
              }
          },
          "acd96fdb-3dc3-4758-a8c4-425d760c31a9": {
              "settings": {
                  "element": "button",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "5f3099b9-56a1-4205-a179-c5fdc30eae9b": {
              "settings": {
                  "element": "",
                  "class": ".mejs__unmute",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "6ae961aa-6c7c-4ea2-ac91-796dfa6e0d9b": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":before"
              },
              "styles": {
                  "xl": {
                      "content-icon": {
                          "contentIcon": {
                              "value": {
                                  "fontFamily": "icomoon",
                                  "iconName": "61541"
                              }
                          }
                      },
                      "font-size": {
                          "value": "16"
                      }
                  }
              }
          },
          "aef7bf8c-1597-4c51-8be1-8a597654d539": {
              "settings": {
                  "element": "button",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "f62a1456-88de-4004-957c-4130344b2fb5": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":before"
              },
              "styles": {
                  "xl": {
                      "content-icon": {
                          "contentIcon": {
                              "value": {
                                  "fontFamily": "icomoon",
                                  "iconName": "61541"
                              }
                          }
                      },
                      "font-size": {
                          "value": "16"
                      }
                  }
              }
          },
          "501eb5e1-51b2-4a38-b014-a9d1283632ca": {
              "settings": {
                  "element": "button",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "5e36f638-f42f-44f3-a87e-bfded2585252": {
              "settings": {
                  "element": "",
                  "class": ".mejs__unfullscreen",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "23573f37-fbc0-4a1f-a661-643ef2cc9ba3": {
              "settings": {
                  "element": "",
                  "class": ".mejs__fullscreen-button",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "36c066cb-b5e2-47ee-aecd-0e75881df26b": {
              "settings": {
                  "element": ".mejs__button",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "line-height": {
                          "value": "normal"
                      },
                      "height": {
                          "value": "40"
                      },
                      "width": {
                          "value": "40"
                      }
                  }
              }
          },
          "3d1672d4-c980-4adc-8529-715c98d4beac": {
              "settings": {
                  "element": ".mejs__currenttime",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "c886cee8-7da0-4b83-86d3-2edbae11a015": {
              "settings": {
                  "element": "",
                  "class": ".mejs__currenttime-container",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "5a813281-edfb-464a-b06c-d83e9255295c": {
              "settings": {
                  "element": ".mejs__duration",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "395ae816-e291-4698-b500-4db2d02b9b11": {
              "settings": {
                  "element": "",
                  "class": ".mejs__duration-container",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "69c7c637-75c1-4f47-aba7-45bcaa1f71f2": {
              "settings": {
                  "element": ".mejs__time",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "display": {
                          "value": "flex"
                      },
                      "flex-container": {
                          "justify-content": {
                              "value": "center"
                          },
                          "align-items": {
                              "value": "center"
                          }
                      },
                      "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"
                              ]
                          }
                      },
                      "height": {
                          "value": "40"
                      },
                      "width": {
                          "value": "40"
                      },
                      "font-size": {
                          "value": "12"
                      },
                      "padding": {
                          "padding-equal": {
                              "value": "0"
                          }
                      }
                  }
              }
          },
          "c6e6d469-75ac-47e5-b4b2-73ecf1a1de84": {
              "settings": {
                  "element": ".mejs__time-buffering",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "5a4eb917-cd6b-453f-a334-bde4f2438ec4": {
              "settings": {
                  "element": ".mejs__time-loaded",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "bd86862c-7e95-4cdd-89ba-0128d613638b": {
              "settings": {
                  "element": ".mejs__time-current",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "4b2b63b0-ffc2-46c6-b5bf-a38834ec6b82": {
              "settings": {
                  "element": "",
                  "class": ".no-hover",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "24c03809-18ea-4526-b23a-0fb95d5349a5": {
              "settings": {
                  "element": ".mejs__time-hovered",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "1785088b-b832-4112-b3a9-2841165c7de7": {
              "settings": {
                  "element": ".mejs__time-handle-content",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "f40cbca8-fe6f-46d7-9607-7a85ea56f08a": {
              "settings": {
                  "element": ".mejs__time-handle",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "789b195f-b583-4a62-ae20-dd060968e8c8": {
              "settings": {
                  "element": ".mejs__time-float-current",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "0323116e-26a7-4538-ab40-568452ab3e4c": {
              "settings": {
                  "element": ".mejs__time-float-corner",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "cdfe549e-ca62-42c5-87d8-e97b99659e1c": {
              "settings": {
                  "element": ".mejs__time-float",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "39da5587-7a05-4fb0-be64-b09b07292bf2": {
              "settings": {
                  "element": ".mejs__time-total",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "background-color": {},
                      "margin": {
                          "margin-equal": {
                              "value": "0"
                          }
                      }
                  }
              }
          },
          "faf1f351-c548-4efe-9590-ef068a354b9b": {
              "settings": {
                  "element": ".mejs__time-rail",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "display": {
                          "value": "flex"
                      },
                      "flex-container": {
                          "align-items": {
                              "value": "center"
                          }
                      },
                      "height": {
                          "value": "40"
                      },
                      "padding": {
                          "padding-equal": {
                              "value": "0"
                          }
                      },
                      "margin": {
                          "margin-equal": {
                              "value": "0"
                          }
                      }
                  }
              }
          },
          "2c70d5a8-967b-465c-962f-434e2bc2e091": {
              "settings": {
                  "element": ".mejs__controls",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "z-index": {
                          "value": "2"
                      },
                      "display": {
                          "value": "flex"
                      },
                      "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": false,
                              "wysiwyg": true,
                              "tags": [
                                  "Dark"
                              ]
                          }
                      },
                      "custom-css": [
                          {
                              "customCssProperty": {
                                  "value": "background-image"
                              },
                              "customCss": {
                                  "value": "none"
                              }
                          }
                      ],
                      "padding": {
                          "padding-equal": {
                              "value": "0"
                          }
                      }
                  }
              }
          }
      },
      "preview": {
          "text": "<div class=\"coh-preview coh-video coh-style-video-play-button\"><span class=\"mejs__offscreen\">Video Player<\/span>\n<div aria-label=\"Video Player\" class=\"mejs__container coh-video-inner mejs__video\" role=\"application\" style=\"width: 711px;height: 400px;\" tabindex=\"0\">\n<div class=\"mejs__inner\">\n<div class=\"mejs__layers\">\n<div class=\"mejs__poster mejs__layer\" style=\"background:#EEE; width: 100%; height: 100%;\">&nbsp;<\/div>\n\n<div class=\"mejs__overlay mejs__layer\" style=\"width: 100%; height: 100%; display: none;\">\n<div class=\"mejs__overlay-loading\">&nbsp;<\/div>\n<\/div>\n\n<div class=\"mejs__overlay mejs__layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs__overlay-error\">&nbsp;<\/div>\n<\/div>\n\n<div class=\"mejs__overlay mejs__layer mejs__overlay-play\" style=\"width: 100%; height: 100%;\">\n<div aria-label=\"Play\" aria-pressed=\"false\" class=\"mejs__overlay-button\" role=\"button\" tabindex=\"0\">&nbsp;<\/div>\n<\/div>\n<\/div>\n\n<div class=\"mejs__controls mejs__offscreen\" style=\"opacity: 1;clip: unset;clip-path: unset;overflow: visible;\">\n<div class=\"mejs__button mejs__playpause-button mejs__play\"><button aria-controls=\"mep_0\" aria-label=\"Play\" tabindex=\"0\" title=\"Play\" type=\"button\"><\/button><\/div>\n\n<div aria-live=\"off\" class=\"mejs__time mejs__currenttime-container\" role=\"timer\"><span class=\"mejs__currenttime\">00:00<\/span><\/div>\n\n<div class=\"mejs__time-rail\" style=\"\n\"><span aria-label=\"Time Slider\" aria-valuemax=\"39.16\" aria-valuemin=\"0\" aria-valuenow=\"0\" aria-valuetext=\"00:00\" class=\"mejs__time-total mejs__time-slider\" role=\"slider\" tabindex=\"0\"><span class=\"mejs__time-float\" style=\"display: none; left: 70.7031px;\"><span class=\"mejs__time-float-current\">00:05<\/span><\/span><\/span><\/div>\n\n<div class=\"mejs__time mejs__duration-container\"><span class=\"mejs__duration\">00:39<\/span><\/div>\n\n<div class=\"mejs__button mejs__volume-button mejs__mute\"><button aria-controls=\"mep_1\" aria-label=\"Mute\" tabindex=\"0\" title=\"Mute\" type=\"button\"><\/button>\n\n<div aria-label=\"Volume Slider\" aria-orientation=\"vertical\" aria-valuemax=\"100\" aria-valuemin=\"0\" aria-valuenow=\"39\" aria-valuetext=\"39%\" class=\"mejs__volume-slider\" href=\"javascript:void(0);\" role=\"slider\" style=\"display: block;\"><span class=\"mejs__offscreen\">Use Up\/Down Arrow keys to increase or decrease volume.<\/span>\n\n<div class=\"mejs__volume-total\">\n<div class=\"mejs__volume-current\" style=\"bottom: 0px; height: 39.7656%;\">&nbsp;<\/div>\n\n<div class=\"mejs__volume-handle\" style=\"bottom: 39.7656%; margin-bottom: -3px;\">&nbsp;<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"mejs__button mejs__fullscreen-button\"><button aria-controls=\"mep_0\" aria-label=\"Fullscreen\" tabindex=\"0\" title=\"Fullscreen\" type=\"button\"><\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n",
          "textFormat": "cohesion",
          "background": {
              "value": {
                  "rgba": "rgba(255,255,255,1)"
              }
          }
      },
      "variableFields": []
  }
json_mapper: |
  {
      "styles": {
          "title": "Media",
          "selectorType": "topLevel",
          "items": [
              {
                  "title": ".mejs__layers",
                  "type": "container",
                  "items": [
                      {
                          "title": ".mejs__overlay",
                          "type": "container",
                          "items": [
                              {
                                  "title": ".mejs__overlay-loading",
                                  "type": "container",
                                  "items": [
                                      {
                                          "title": ".mejs__overlay-loading-bg-img",
                                          "type": "container",
                                          "items": [
                                              {
                                                  "title": ":before",
                                                  "type": "container",
                                                  "items": [],
                                                  "selectorType": "pseudo",
                                                  "formDefinition": [],
                                                  "uuid": "101e5b7e-9e91-41da-acf5-aecdeee62867",
                                                  "form": null,
                                                  "allowedTypes": [
                                                      "child",
                                                      "pseudo"
                                                  ]
                                              }
                                          ],
                                          "selectorType": "child",
                                          "model": ".mejs__overlay-loading-bg-img",
                                          "originalLabel": "Child selector",
                                          "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": "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": false
                                                              },
                                                              {
                                                                  "name": "border-top-color",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "border-bottom-color",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "border-left-color",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "border-right-color",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "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
                                                              }
                                                          ]
                                                      }
                                                  ]
                                              }
                                          ],
                                          "collapsed": false,
                                          "uuid": "cab20fa7-1ce0-4298-b90d-3a029db651e2",
                                          "form": null,
                                          "allowedTypes": [
                                              "child",
                                              "pseudo",
                                              "modifier"
                                          ]
                                      }
                                  ],
                                  "selectorType": "child",
                                  "model": ".mejs__overlay-loading",
                                  "originalLabel": "Child selector",
                                  "formDefinition": [],
                                  "collapsed": false,
                                  "uuid": "c16a19b5-d913-48fe-b3f5-8f3aad3b001e",
                                  "form": null,
                                  "allowedTypes": [
                                      "child",
                                      "pseudo",
                                      "modifier"
                                  ]
                              },
                              {
                                  "title": ".mejs__overlay-play",
                                  "type": "container",
                                  "items": [
                                      {
                                          "title": ".mejs__overlay-button",
                                          "type": "container",
                                          "items": [
                                              {
                                                  "title": ":before",
                                                  "type": "container",
                                                  "items": [],
                                                  "selectorType": "pseudo",
                                                  "formDefinition": [
                                                      {
                                                          "formKey": "content",
                                                          "children": [
                                                              {
                                                                  "formKey": "icon",
                                                                  "breakpoints": [
                                                                      {
                                                                          "name": "xl"
                                                                      }
                                                                  ],
                                                                  "activeFields": [
                                                                      {
                                                                          "name": "contentIcon",
                                                                          "active": true
                                                                      }
                                                                  ]
                                                              }
                                                          ]
                                                      },
                                                      {
                                                          "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
                                                                      }
                                                                  ]
                                                              },
                                                              {
                                                                  "formKey": "font-and-color",
                                                                  "breakpoints": [
                                                                      {
                                                                          "name": "xl"
                                                                      }
                                                                  ],
                                                                  "activeFields": [
                                                                      {
                                                                          "name": "font-family",
                                                                          "active": false
                                                                      },
                                                                      {
                                                                          "name": "font-weight",
                                                                          "active": false
                                                                      },
                                                                      {
                                                                          "name": "color",
                                                                          "active": true
                                                                      }
                                                                  ]
                                                              }
                                                          ]
                                                      },
                                                      {
                                                          "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": "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": true
                                                                      },
                                                                      {
                                                                          "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
                                                                      }
                                                                  ]
                                                              }
                                                          ]
                                                      }
                                                  ],
                                                  "uuid": "d5566260-8099-4a6b-97da-dbb4212da20b",
                                                  "form": null,
                                                  "allowedTypes": [
                                                      "child",
                                                      "pseudo"
                                                  ]
                                              },
                                              {
                                                  "title": ":hover",
                                                  "type": "container",
                                                  "items": [],
                                                  "selectorType": "pseudo",
                                                  "formDefinition": [
                                                      {
                                                          "formKey": "background",
                                                          "children": [
                                                              {
                                                                  "formKey": "background-color",
                                                                  "breakpoints": [
                                                                      {
                                                                          "name": "xl"
                                                                      }
                                                                  ],
                                                                  "activeFields": [
                                                                      {
                                                                          "name": "background-color",
                                                                          "active": true
                                                                      }
                                                                  ]
                                                              }
                                                          ]
                                                      }
                                                  ],
                                                  "uuid": "330e2a3c-7d69-468e-ae31-5cff75b232fd",
                                                  "form": null,
                                                  "allowedTypes": [
                                                      "child",
                                                      "pseudo"
                                                  ]
                                              }
                                          ],
                                          "selectorType": "child",
                                          "model": ".mejs__overlay-button",
                                          "originalLabel": "Child selector",
                                          "formDefinition": [
                                              {
                                                  "formKey": "background",
                                                  "children": [
                                                      {
                                                          "formKey": "background-color",
                                                          "breakpoints": [
                                                              {
                                                                  "name": "xl"
                                                              }
                                                          ],
                                                          "activeFields": [
                                                              {
                                                                  "name": "background-color",
                                                                  "active": true
                                                              }
                                                          ]
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "border-and-outline",
                                                  "children": [
                                                      {
                                                          "formKey": "border-radius",
                                                          "breakpoints": [
                                                              {
                                                                  "name": "xl"
                                                              }
                                                          ],
                                                          "activeFields": [
                                                              {
                                                                  "name": "border-radius",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "border-top-left-radius",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "border-top-right-radius",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "border-bottom-left-radius",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "border-bottom-right-radius",
                                                                  "active": true
                                                              }
                                                          ]
                                                      }
                                                  ]
                                              },
                                              {
                                                  "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": "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
                                                              }
                                                          ]
                                                      }
                                                  ]
                                              }
                                          ],
                                          "uuid": "bdb7212c-7497-4422-91b1-ae7508dd09a1",
                                          "form": null,
                                          "allowedTypes": [
                                              "child",
                                              "pseudo",
                                              "modifier"
                                          ]
                                      }
                                  ],
                                  "selectorType": "modifier",
                                  "model": ".mejs__overlay-play",
                                  "originalLabel": "Modifier",
                                  "collapsed": false,
                                  "formDefinition": [],
                                  "uuid": "ce251cf0-529f-4a27-94ed-5178764dea3d",
                                  "form": null,
                                  "allowedTypes": [
                                      "child",
                                      "pseudo",
                                      "modifier"
                                  ]
                              }
                          ],
                          "selectorType": "child",
                          "model": ".mejs__overlay",
                          "originalLabel": "Child selector",
                          "collapsed": false,
                          "formDefinition": [],
                          "uuid": "941708df-7bfe-4e58-8356-776f38236228",
                          "form": null,
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ]
                      }
                  ],
                  "selectorType": "child",
                  "model": ".mejs__layers",
                  "originalLabel": "Child selector",
                  "collapsed": false,
                  "formDefinition": [],
                  "uuid": "ab52f49c-4716-4278-b1ac-9833ec0bfa5e",
                  "form": null,
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ]
              },
              {
                  "title": ".mejs__controls",
                  "type": "container",
                  "items": [
                      {
                          "title": ".mejs__button",
                          "type": "container",
                          "items": [
                              {
                                  "title": "button",
                                  "type": "container",
                                  "items": [
                                      {
                                          "title": ":before",
                                          "type": "container",
                                          "items": [],
                                          "selectorType": "pseudo",
                                          "formDefinition": [],
                                          "uuid": "d40e814c-f5b7-41b5-9759-4d9e93fe4abb",
                                          "form": null,
                                          "allowedTypes": [
                                              "child",
                                              "pseudo"
                                          ]
                                      },
                                      {
                                          "title": ":hover",
                                          "type": "container",
                                          "items": [],
                                          "selectorType": "pseudo",
                                          "formDefinition": [
                                              {
                                                  "formKey": "background",
                                                  "children": [
                                                      {
                                                          "formKey": "background-color",
                                                          "breakpoints": [
                                                              {
                                                                  "name": "xl"
                                                              }
                                                          ],
                                                          "activeFields": [
                                                              {
                                                                  "name": "background-color",
                                                                  "active": true
                                                              }
                                                          ]
                                                      }
                                                  ]
                                              }
                                          ],
                                          "uuid": "3c013133-19f8-4f38-80e8-730d5cf143fb",
                                          "form": null,
                                          "allowedTypes": [
                                              "child",
                                              "pseudo"
                                          ]
                                      }
                                  ],
                                  "selectorType": "child",
                                  "model": "button",
                                  "originalLabel": "Child selector",
                                  "collapsed": false,
                                  "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": "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": "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": "margin",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "margin-equal",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "margin-top",
                                                          "active": false
                                                      },
                                                      {
                                                          "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": "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
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "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
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ],
                                  "uuid": "8dad97ab-0a30-4052-a7c0-0bd994a795e1",
                                  "form": null,
                                  "allowedTypes": [
                                      "child",
                                      "pseudo",
                                      "modifier"
                                  ]
                              },
                              {
                                  "title": ".mejs__play",
                                  "type": "container",
                                  "items": [
                                      {
                                          "title": "button",
                                          "type": "container",
                                          "items": [
                                              {
                                                  "title": ":before",
                                                  "type": "container",
                                                  "items": [],
                                                  "selectorType": "pseudo",
                                                  "formDefinition": [
                                                      {
                                                          "formKey": "content",
                                                          "children": [
                                                              {
                                                                  "formKey": "icon",
                                                                  "breakpoints": [
                                                                      {
                                                                          "name": "xl"
                                                                      }
                                                                  ],
                                                                  "activeFields": [
                                                                      {
                                                                          "name": "contentIcon",
                                                                          "active": true
                                                                      }
                                                                  ]
                                                              }
                                                          ]
                                                      },
                                                      {
                                                          "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
                                                                      }
                                                                  ]
                                                              }
                                                          ]
                                                      }
                                                  ],
                                                  "uuid": "52fa610d-0cdb-4e49-833d-0afa81b88a73",
                                                  "form": null,
                                                  "allowedTypes": [
                                                      "child",
                                                      "pseudo"
                                                  ]
                                              }
                                          ],
                                          "selectorType": "child",
                                          "model": "button",
                                          "originalLabel": "Child selector",
                                          "formDefinition": [],
                                          "uuid": "9fad56e7-63bd-413f-9555-717ab4f37a76",
                                          "form": null,
                                          "allowedTypes": [
                                              "child",
                                              "pseudo",
                                              "modifier"
                                          ]
                                      }
                                  ],
                                  "selectorType": "modifier",
                                  "model": ".mejs__play",
                                  "originalLabel": "Modifier",
                                  "collapsed": false,
                                  "formDefinition": [],
                                  "uuid": "1bd3e6b4-9613-4267-8092-66297ec1e7b7",
                                  "form": null,
                                  "allowedTypes": [
                                      "child",
                                      "pseudo",
                                      "modifier"
                                  ]
                              },
                              {
                                  "title": ".mejs__pause",
                                  "type": "container",
                                  "items": [
                                      {
                                          "title": "button",
                                          "type": "container",
                                          "items": [
                                              {
                                                  "title": ":before",
                                                  "type": "container",
                                                  "items": [],
                                                  "selectorType": "pseudo",
                                                  "formDefinition": [
                                                      {
                                                          "formKey": "content",
                                                          "children": [
                                                              {
                                                                  "formKey": "icon",
                                                                  "breakpoints": [
                                                                      {
                                                                          "name": "xl"
                                                                      }
                                                                  ],
                                                                  "activeFields": [
                                                                      {
                                                                          "name": "contentIcon",
                                                                          "active": true
                                                                      }
                                                                  ]
                                                              }
                                                          ]
                                                      },
                                                      {
                                                          "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
                                                                      }
                                                                  ]
                                                              }
                                                          ]
                                                      }
                                                  ],
                                                  "uuid": "add8ea2c-71f3-4241-a233-704003f32781",
                                                  "form": null,
                                                  "allowedTypes": [
                                                      "child",
                                                      "pseudo"
                                                  ]
                                              }
                                          ],
                                          "selectorType": "child",
                                          "model": "button",
                                          "originalLabel": "Child selector",
                                          "formDefinition": [],
                                          "uuid": "fd85a1cb-5211-4923-95eb-a63aab227b15",
                                          "form": null,
                                          "allowedTypes": [
                                              "child",
                                              "pseudo",
                                              "modifier"
                                          ]
                                      }
                                  ],
                                  "selectorType": "modifier",
                                  "model": ".mejs__pause",
                                  "originalLabel": "Modifier",
                                  "collapsed": false,
                                  "formDefinition": [],
                                  "uuid": "6ef02e40-ce6a-4823-b5bd-03598739262a",
                                  "form": null,
                                  "allowedTypes": [
                                      "child",
                                      "pseudo",
                                      "modifier"
                                  ]
                              },
                              {
                                  "title": ".mejs__replay",
                                  "type": "container",
                                  "items": [
                                      {
                                          "title": "button",
                                          "type": "container",
                                          "items": [
                                              {
                                                  "title": ":before",
                                                  "type": "container",
                                                  "items": [],
                                                  "selectorType": "pseudo",
                                                  "formDefinition": [
                                                      {
                                                          "formKey": "content",
                                                          "children": [
                                                              {
                                                                  "formKey": "icon",
                                                                  "breakpoints": [
                                                                      {
                                                                          "name": "xl"
                                                                      }
                                                                  ],
                                                                  "activeFields": [
                                                                      {
                                                                          "name": "contentIcon",
                                                                          "active": true
                                                                      }
                                                                  ]
                                                              }
                                                          ]
                                                      },
                                                      {
                                                          "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
                                                                      }
                                                                  ]
                                                              }
                                                          ]
                                                      }
                                                  ],
                                                  "uuid": "c1d79d96-5edf-4d50-b457-24f69ee68fc7",
                                                  "form": null,
                                                  "allowedTypes": [
                                                      "child",
                                                      "pseudo"
                                                  ]
                                              }
                                          ],
                                          "selectorType": "child",
                                          "model": "button",
                                          "originalLabel": "Child selector",
                                          "formDefinition": [],
                                          "uuid": "6bd43211-7824-496e-8c30-e7071a14031c",
                                          "form": null,
                                          "allowedTypes": [
                                              "child",
                                              "pseudo",
                                              "modifier"
                                          ]
                                      }
                                  ],
                                  "selectorType": "modifier",
                                  "model": ".mejs__replay",
                                  "originalLabel": "Modifier",
                                  "formDefinition": [],
                                  "collapsed": false,
                                  "uuid": "bbfd5bd8-f008-4f1b-87e2-c4d69a0c5f43",
                                  "form": null,
                                  "allowedTypes": [
                                      "child",
                                      "pseudo",
                                      "modifier"
                                  ]
                              },
                              {
                                  "title": ".mejs__mute",
                                  "type": "container",
                                  "items": [
                                      {
                                          "title": "button",
                                          "type": "container",
                                          "items": [
                                              {
                                                  "title": ":before",
                                                  "type": "container",
                                                  "items": [],
                                                  "selectorType": "pseudo",
                                                  "formDefinition": [
                                                      {
                                                          "formKey": "content",
                                                          "children": [
                                                              {
                                                                  "formKey": "icon",
                                                                  "breakpoints": [
                                                                      {
                                                                          "name": "xl"
                                                                      }
                                                                  ],
                                                                  "activeFields": [
                                                                      {
                                                                          "name": "contentIcon",
                                                                          "active": true
                                                                      }
                                                                  ]
                                                              }
                                                          ]
                                                      },
                                                      {
                                                          "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
                                                                      }
                                                                  ]
                                                              }
                                                          ]
                                                      }
                                                  ],
                                                  "uuid": "6973c404-166b-4a22-8995-a0bfc663db2b",
                                                  "form": null,
                                                  "allowedTypes": [
                                                      "child",
                                                      "pseudo"
                                                  ]
                                              }
                                          ],
                                          "selectorType": "child",
                                          "model": "button",
                                          "originalLabel": "Child selector",
                                          "formDefinition": [],
                                          "uuid": "fb79d9f4-eb9a-4828-bd10-4c8c7535d664",
                                          "form": null,
                                          "allowedTypes": [
                                              "child",
                                              "pseudo",
                                              "modifier"
                                          ]
                                      }
                                  ],
                                  "selectorType": "modifier",
                                  "model": ".mejs__mute",
                                  "originalLabel": "Modifier",
                                  "formDefinition": [],
                                  "collapsed": false,
                                  "uuid": "0c6ee394-b120-4cb0-adc9-7d7fd34e08a4",
                                  "form": null,
                                  "allowedTypes": [
                                      "child",
                                      "pseudo",
                                      "modifier"
                                  ]
                              },
                              {
                                  "title": ".mejs__unmute",
                                  "type": "container",
                                  "items": [
                                      {
                                          "title": "button",
                                          "type": "container",
                                          "items": [
                                              {
                                                  "title": ":before",
                                                  "type": "container",
                                                  "items": [],
                                                  "selectorType": "pseudo",
                                                  "formDefinition": [
                                                      {
                                                          "formKey": "content",
                                                          "children": [
                                                              {
                                                                  "formKey": "icon",
                                                                  "breakpoints": [
                                                                      {
                                                                          "name": "xl"
                                                                      }
                                                                  ],
                                                                  "activeFields": [
                                                                      {
                                                                          "name": "contentIcon",
                                                                          "active": true
                                                                      }
                                                                  ]
                                                              }
                                                          ]
                                                      },
                                                      {
                                                          "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
                                                                      }
                                                                  ]
                                                              }
                                                          ]
                                                      }
                                                  ],
                                                  "uuid": "19f9776d-b5b0-4a68-97b5-b0ea7435bacd",
                                                  "form": null,
                                                  "allowedTypes": [
                                                      "child",
                                                      "pseudo"
                                                  ]
                                              }
                                          ],
                                          "selectorType": "child",
                                          "model": "button",
                                          "originalLabel": "Child selector",
                                          "formDefinition": [],
                                          "uuid": "acd96fdb-3dc3-4758-a8c4-425d760c31a9",
                                          "form": null,
                                          "allowedTypes": [
                                              "child",
                                              "pseudo",
                                              "modifier"
                                          ]
                                      }
                                  ],
                                  "selectorType": "modifier",
                                  "model": ".mejs__unmute",
                                  "originalLabel": "Modifier",
                                  "formDefinition": [],
                                  "collapsed": false,
                                  "uuid": "5f3099b9-56a1-4205-a179-c5fdc30eae9b",
                                  "form": null,
                                  "allowedTypes": [
                                      "child",
                                      "pseudo",
                                      "modifier"
                                  ]
                              },
                              {
                                  "title": ".mejs__volume-slider",
                                  "type": "container",
                                  "items": [
                                      {
                                          "title": ".mejs__volume-total",
                                          "type": "container",
                                          "items": [
                                              {
                                                  "title": ".mejs__volume-current",
                                                  "type": "container",
                                                  "items": [],
                                                  "selectorType": "child",
                                                  "model": ".mejs__volume-current",
                                                  "originalLabel": "Child selector",
                                                  "formDefinition": [],
                                                  "uuid": "0fbfa559-b096-408e-94aa-9dd070a5d7ae",
                                                  "form": null,
                                                  "allowedTypes": [
                                                      "child",
                                                      "pseudo",
                                                      "modifier"
                                                  ]
                                              },
                                              {
                                                  "title": ".mejs__volume-handle",
                                                  "type": "container",
                                                  "items": [],
                                                  "selectorType": "child",
                                                  "model": ".mejs__volume-handle",
                                                  "originalLabel": "Child selector",
                                                  "formDefinition": [
                                                      {
                                                          "formKey": "background",
                                                          "children": [
                                                              {
                                                                  "formKey": "background-color",
                                                                  "breakpoints": [
                                                                      {
                                                                          "name": "xl"
                                                                      }
                                                                  ],
                                                                  "activeFields": [
                                                                      {
                                                                          "name": "background-color",
                                                                          "active": true
                                                                      }
                                                                  ]
                                                              }
                                                          ]
                                                      }
                                                  ],
                                                  "uuid": "c0ccd79b-5148-484b-96af-abb21e393c70",
                                                  "form": null,
                                                  "allowedTypes": [
                                                      "child",
                                                      "pseudo",
                                                      "modifier"
                                                  ]
                                              }
                                          ],
                                          "selectorType": "child",
                                          "model": ".mejs__volume-total",
                                          "originalLabel": "Child selector",
                                          "formDefinition": [],
                                          "uuid": "e489bcfe-9844-4907-b204-c0f867ceed3f",
                                          "form": null,
                                          "allowedTypes": [
                                              "child",
                                              "pseudo",
                                              "modifier"
                                          ]
                                      }
                                  ],
                                  "selectorType": "child",
                                  "model": ".mejs__volume-slider",
                                  "originalLabel": "Child selector",
                                  "collapsed": false,
                                  "formDefinition": [
                                      {
                                          "formKey": "background",
                                          "children": [
                                              {
                                                  "formKey": "background-color",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "background-color",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ],
                                  "uuid": "2079430d-e074-4c6d-a66e-5711419b976f",
                                  "form": null,
                                  "allowedTypes": [
                                      "child",
                                      "pseudo",
                                      "modifier"
                                  ]
                              },
                              {
                                  "title": ".mejs__fullscreen-button",
                                  "type": "container",
                                  "items": [
                                      {
                                          "title": "button",
                                          "type": "container",
                                          "items": [
                                              {
                                                  "title": ":before",
                                                  "type": "container",
                                                  "items": [],
                                                  "selectorType": "pseudo",
                                                  "formDefinition": [
                                                      {
                                                          "formKey": "content",
                                                          "children": [
                                                              {
                                                                  "formKey": "icon",
                                                                  "breakpoints": [
                                                                      {
                                                                          "name": "xl"
                                                                      }
                                                                  ],
                                                                  "activeFields": [
                                                                      {
                                                                          "name": "contentIcon",
                                                                          "active": true
                                                                      }
                                                                  ]
                                                              }
                                                          ]
                                                      },
                                                      {
                                                          "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
                                                                      }
                                                                  ]
                                                              }
                                                          ]
                                                      }
                                                  ],
                                                  "uuid": "6ae961aa-6c7c-4ea2-ac91-796dfa6e0d9b",
                                                  "form": null,
                                                  "allowedTypes": [
                                                      "child",
                                                      "pseudo"
                                                  ]
                                              }
                                          ],
                                          "selectorType": "child",
                                          "model": "button",
                                          "originalLabel": "Child selector",
                                          "formDefinition": [],
                                          "uuid": "aef7bf8c-1597-4c51-8be1-8a597654d539",
                                          "form": null,
                                          "allowedTypes": [
                                              "child",
                                              "pseudo",
                                              "modifier"
                                          ]
                                      },
                                      {
                                          "title": ".mejs__unfullscreen",
                                          "type": "container",
                                          "items": [
                                              {
                                                  "title": "button",
                                                  "type": "container",
                                                  "items": [
                                                      {
                                                          "title": ":before",
                                                          "type": "container",
                                                          "items": [],
                                                          "selectorType": "pseudo",
                                                          "formDefinition": [
                                                              {
                                                                  "formKey": "content",
                                                                  "children": [
                                                                      {
                                                                          "formKey": "icon",
                                                                          "breakpoints": [
                                                                              {
                                                                                  "name": "xl"
                                                                              }
                                                                          ],
                                                                          "activeFields": [
                                                                              {
                                                                                  "name": "contentIcon",
                                                                                  "active": true
                                                                              }
                                                                          ]
                                                                      }
                                                                  ]
                                                              },
                                                              {
                                                                  "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
                                                                              }
                                                                          ]
                                                                      }
                                                                  ]
                                                              }
                                                          ],
                                                          "uuid": "f62a1456-88de-4004-957c-4130344b2fb5",
                                                          "form": null,
                                                          "allowedTypes": [
                                                              "child",
                                                              "pseudo"
                                                          ]
                                                      }
                                                  ],
                                                  "selectorType": "child",
                                                  "model": "button",
                                                  "originalLabel": "Child selector",
                                                  "formDefinition": [],
                                                  "uuid": "501eb5e1-51b2-4a38-b014-a9d1283632ca",
                                                  "form": null,
                                                  "allowedTypes": [
                                                      "child",
                                                      "pseudo",
                                                      "modifier"
                                                  ]
                                              }
                                          ],
                                          "selectorType": "modifier",
                                          "model": ".mejs__unfullscreen",
                                          "originalLabel": "Modifier",
                                          "formDefinition": [],
                                          "collapsed": false,
                                          "uuid": "5e36f638-f42f-44f3-a87e-bfded2585252",
                                          "form": null,
                                          "allowedTypes": [
                                              "child",
                                              "pseudo",
                                              "modifier"
                                          ]
                                      }
                                  ],
                                  "selectorType": "modifier",
                                  "model": ".mejs__fullscreen-button",
                                  "originalLabel": "Modifier",
                                  "collapsed": false,
                                  "formDefinition": [],
                                  "uuid": "23573f37-fbc0-4a1f-a661-643ef2cc9ba3",
                                  "form": null,
                                  "allowedTypes": [
                                      "child",
                                      "pseudo",
                                      "modifier"
                                  ]
                              }
                          ],
                          "selectorType": "child",
                          "model": ".mejs__button",
                          "originalLabel": "Child selector",
                          "collapsed": false,
                          "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": "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
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "uuid": "36c066cb-b5e2-47ee-aecd-0e75881df26b",
                          "form": null,
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ]
                      },
                      {
                          "title": ".mejs__time",
                          "type": "container",
                          "items": [
                              {
                                  "title": ".mejs__currenttime-container",
                                  "type": "container",
                                  "items": [
                                      {
                                          "title": ".mejs__currenttime",
                                          "type": "container",
                                          "items": [],
                                          "selectorType": "child",
                                          "model": ".mejs__currenttime",
                                          "originalLabel": "Child selector",
                                          "formDefinition": [],
                                          "uuid": "3d1672d4-c980-4adc-8529-715c98d4beac",
                                          "form": null,
                                          "allowedTypes": [
                                              "child",
                                              "pseudo",
                                              "modifier"
                                          ]
                                      }
                                  ],
                                  "selectorType": "modifier",
                                  "model": ".mejs__currenttime-container",
                                  "originalLabel": "Modifier",
                                  "collapsed": false,
                                  "formDefinition": [],
                                  "uuid": "c886cee8-7da0-4b83-86d3-2edbae11a015",
                                  "form": null,
                                  "allowedTypes": [
                                      "child",
                                      "pseudo",
                                      "modifier"
                                  ]
                              },
                              {
                                  "title": ".mejs__duration-container",
                                  "type": "container",
                                  "items": [
                                      {
                                          "title": ".mejs__duration",
                                          "type": "container",
                                          "items": [],
                                          "selectorType": "child",
                                          "model": ".mejs__duration",
                                          "originalLabel": "Child selector",
                                          "formDefinition": [],
                                          "uuid": "5a813281-edfb-464a-b06c-d83e9255295c",
                                          "form": null,
                                          "allowedTypes": [
                                              "child",
                                              "pseudo",
                                              "modifier"
                                          ]
                                      }
                                  ],
                                  "selectorType": "modifier",
                                  "model": ".mejs__duration-container",
                                  "originalLabel": "Modifier",
                                  "collapsed": false,
                                  "formDefinition": [],
                                  "uuid": "395ae816-e291-4698-b500-4db2d02b9b11",
                                  "form": null,
                                  "allowedTypes": [
                                      "child",
                                      "pseudo",
                                      "modifier"
                                  ]
                              }
                          ],
                          "selectorType": "child",
                          "model": ".mejs__time",
                          "originalLabel": "Child selector",
                          "collapsed": false,
                          "formDefinition": [
                              {
                                  "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": "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": "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": "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
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "uuid": "69c7c637-75c1-4f47-aba7-45bcaa1f71f2",
                          "form": null,
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ]
                      },
                      {
                          "title": ".mejs__time-rail",
                          "type": "container",
                          "items": [
                              {
                                  "title": ".mejs__time-total",
                                  "type": "container",
                                  "items": [
                                      {
                                          "title": ".mejs__time-buffering",
                                          "type": "container",
                                          "items": [],
                                          "selectorType": "child",
                                          "model": ".mejs__time-buffering",
                                          "originalLabel": "Child selector",
                                          "formDefinition": [],
                                          "uuid": "c6e6d469-75ac-47e5-b4b2-73ecf1a1de84",
                                          "form": null,
                                          "allowedTypes": [
                                              "child",
                                              "pseudo",
                                              "modifier"
                                          ]
                                      },
                                      {
                                          "title": ".mejs__time-loaded",
                                          "type": "container",
                                          "items": [],
                                          "selectorType": "child",
                                          "model": ".mejs__time-loaded",
                                          "originalLabel": "Child selector",
                                          "formDefinition": [],
                                          "uuid": "5a4eb917-cd6b-453f-a334-bde4f2438ec4",
                                          "form": null,
                                          "allowedTypes": [
                                              "child",
                                              "pseudo",
                                              "modifier"
                                          ]
                                      },
                                      {
                                          "title": ".mejs__time-current",
                                          "type": "container",
                                          "items": [],
                                          "selectorType": "child",
                                          "model": ".mejs__time-current",
                                          "originalLabel": "Child selector",
                                          "formDefinition": [],
                                          "uuid": "bd86862c-7e95-4cdd-89ba-0128d613638b",
                                          "form": null,
                                          "allowedTypes": [
                                              "child",
                                              "pseudo",
                                              "modifier"
                                          ]
                                      },
                                      {
                                          "title": ".mejs__time-hovered",
                                          "type": "container",
                                          "items": [
                                              {
                                                  "title": ".no-hover",
                                                  "type": "container",
                                                  "items": [],
                                                  "selectorType": "modifier",
                                                  "model": ".no-hover",
                                                  "originalLabel": "Modifier",
                                                  "formDefinition": [],
                                                  "uuid": "4b2b63b0-ffc2-46c6-b5bf-a38834ec6b82",
                                                  "form": null,
                                                  "allowedTypes": [
                                                      "child",
                                                      "pseudo",
                                                      "modifier"
                                                  ]
                                              }
                                          ],
                                          "selectorType": "child",
                                          "model": ".mejs__time-hovered",
                                          "originalLabel": "Child selector",
                                          "collapsed": false,
                                          "formDefinition": [],
                                          "uuid": "24c03809-18ea-4526-b23a-0fb95d5349a5",
                                          "form": null,
                                          "allowedTypes": [
                                              "child",
                                              "pseudo",
                                              "modifier"
                                          ]
                                      },
                                      {
                                          "title": ".mejs__time-handle",
                                          "type": "container",
                                          "items": [
                                              {
                                                  "title": ".mejs__time-handle-content",
                                                  "type": "container",
                                                  "items": [],
                                                  "selectorType": "child",
                                                  "model": ".mejs__time-handle-content",
                                                  "originalLabel": "Child selector",
                                                  "formDefinition": [],
                                                  "uuid": "1785088b-b832-4112-b3a9-2841165c7de7",
                                                  "form": null,
                                                  "allowedTypes": [
                                                      "child",
                                                      "pseudo",
                                                      "modifier"
                                                  ]
                                              }
                                          ],
                                          "selectorType": "child",
                                          "model": ".mejs__time-handle",
                                          "originalLabel": "Child selector",
                                          "collapsed": false,
                                          "formDefinition": [],
                                          "uuid": "f40cbca8-fe6f-46d7-9607-7a85ea56f08a",
                                          "form": null,
                                          "allowedTypes": [
                                              "child",
                                              "pseudo",
                                              "modifier"
                                          ]
                                      },
                                      {
                                          "title": ".mejs__time-float",
                                          "type": "container",
                                          "items": [
                                              {
                                                  "title": ".mejs__time-float-current",
                                                  "type": "container",
                                                  "items": [],
                                                  "selectorType": "child",
                                                  "model": ".mejs__time-float-current",
                                                  "originalLabel": "Child selector",
                                                  "formDefinition": [],
                                                  "uuid": "789b195f-b583-4a62-ae20-dd060968e8c8",
                                                  "form": null,
                                                  "allowedTypes": [
                                                      "child",
                                                      "pseudo",
                                                      "modifier"
                                                  ]
                                              },
                                              {
                                                  "title": ".mejs__time-float-corner",
                                                  "type": "container",
                                                  "items": [],
                                                  "selectorType": "child",
                                                  "model": ".mejs__time-float-corner",
                                                  "originalLabel": "Child selector",
                                                  "formDefinition": [],
                                                  "uuid": "0323116e-26a7-4538-ab40-568452ab3e4c",
                                                  "form": null,
                                                  "allowedTypes": [
                                                      "child",
                                                      "pseudo",
                                                      "modifier"
                                                  ]
                                              }
                                          ],
                                          "selectorType": "child",
                                          "model": ".mejs__time-float",
                                          "originalLabel": "Child selector",
                                          "collapsed": false,
                                          "formDefinition": [],
                                          "uuid": "cdfe549e-ca62-42c5-87d8-e97b99659e1c",
                                          "form": null,
                                          "allowedTypes": [
                                              "child",
                                              "pseudo",
                                              "modifier"
                                          ]
                                      }
                                  ],
                                  "selectorType": "child",
                                  "model": ".mejs__time-total",
                                  "originalLabel": "Child selector",
                                  "formDefinition": [
                                      {
                                          "formKey": "layout",
                                          "children": [
                                              {
                                                  "formKey": "margin",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "margin-equal",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "margin-top",
                                                          "active": false
                                                      },
                                                      {
                                                          "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
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ],
                                  "collapsed": false,
                                  "uuid": "39da5587-7a05-4fb0-be64-b09b07292bf2",
                                  "form": null,
                                  "allowedTypes": [
                                      "child",
                                      "pseudo",
                                      "modifier"
                                  ]
                              }
                          ],
                          "selectorType": "child",
                          "model": ".mejs__time-rail",
                          "originalLabel": "Child selector",
                          "collapsed": false,
                          "formDefinition": [
                              {
                                  "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": "margin",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "margin-equal",
                                                  "active": true
                                              },
                                              {
                                                  "name": "margin-top",
                                                  "active": false
                                              },
                                              {
                                                  "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": "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": true
                                              },
                                              {
                                                  "name": "justify-content",
                                                  "active": true
                                              },
                                              {
                                                  "name": "justify-content-safety",
                                                  "active": true
                                              },
                                              {
                                                  "name": "align-content",
                                                  "active": true
                                              },
                                              {
                                                  "name": "align-content-safety",
                                                  "active": true
                                              },
                                              {
                                                  "name": "align-items",
                                                  "active": true
                                              },
                                              {
                                                  "name": "align-items-safety",
                                                  "active": true
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "height",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "min-height",
                                                  "active": false
                                              },
                                              {
                                                  "name": "max-height",
                                                  "active": false
                                              },
                                              {
                                                  "name": "height",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "uuid": "faf1f351-c548-4efe-9590-ef068a354b9b",
                          "form": null,
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ]
                      }
                  ],
                  "selectorType": "child",
                  "model": ".mejs__controls",
                  "originalLabel": "Child selector",
                  "collapsed": false,
                  "formDefinition": [
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "display",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "display",
                                          "active": true
                                      },
                                      {
                                          "name": "visibility",
                                          "active": true
                                      },
                                      {
                                          "name": "overflow",
                                          "active": true
                                      },
                                      {
                                          "name": "overflow-x",
                                          "active": true
                                      },
                                      {
                                          "name": "overflow-y",
                                          "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": "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": "background",
                          "children": [
                              {
                                  "formKey": "background-color",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "background-color",
                                          "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
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "uuid": "2c70d5a8-967b-465c-962f-434e2bc2e091",
                  "form": null,
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ]
              }
          ],
          "formDefinition": [],
          "form": null
      }
  }
last_entity_update: entityupdate_0042
locked: false
modified: true
selectable: true
class_name: .coh-style-video
custom_style_type: media
available_in_wysiwyg: false
available_in_wysiwyg_inline: false
parent: null
weight: 78
