uuid: c80ab743-36ba-4793-835e-6d7d8dcc8e45
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: 'Accordion tabs solid'
id: 59942bd8
json_values: |
  {
      "preview": {
          "text": "<p style=\"color:black;text-decoration:underline;font-weight:bold;margin:30px 0\">ACCORDION MODE<\/p>\n\n<div class=\"coh-preview\">\n<div class=\"coh-accordion-title\"><a href=\"#\">Item 1 (default)<\/a><\/div>\n\n<div class=\"coh-accordion-title is-active\"><a href=\"#\">Item 2 (active)<\/a><\/div>\n<\/div>\n\n<p style=\"color:black;text-decoration:underline;font-weight:bold;margin:30px 0\">TAB MODE<\/p>\n\n<div class=\"coh-preview\">\n<ul class=\"coh-accordion-tabs-nav\" style=\"display:block\">\n\t<li><a href=\"#\">Item 1 (default)<\/a><\/li>\n\t<li class=\"is-active\"><a href=\"#\">Item 2 (active)<\/a><\/li>\n<\/ul>\n<\/div>\n",
          "textFormat": "cohesion",
          "background": {
              "value": {
                  "rgba": "rgba(255,255,255,1)"
              }
          }
      },
      "styles": {
          "settings": {
              "element": "div",
              "class": "",
              "combinator": "",
              "pseudo": ""
          },
          "styles": {
              "a683e181-6fc8-490c-914b-ff0e53d0a4f5": {
                  "styles": {
                      "xl": {
                          "box-shadow": [
                              {
                                  "boxshadowType": {
                                      "value": "null"
                                  }
                              }
                          ]
                      }
                  }
              },
              "875fa083-82d0-4881-94da-03fa13d1da38": {
                  "styles": {
                      "xl": {
                          "box-shadow": [
                              {
                                  "boxshadowType": {
                                      "value": "null"
                                  }
                              }
                          ]
                      }
                  }
              },
              "5b896fa3-3cbf-4380-ac90-e30206332638": {
                  "styles": {
                      "xl": {
                          "box-shadow": [
                              {
                                  "boxshadowType": {
                                      "value": "null"
                                  }
                              }
                          ]
                      }
                  }
              },
              "e9545565-b6a0-42df-8e58-3a608354bb97": {
                  "styles": {
                      "xl": {
                          "box-shadow": [
                              {
                                  "boxshadowType": {
                                      "value": "null"
                                  }
                              }
                          ]
                      }
                  }
              },
              "994ab124-4bca-4832-a287-8737308e8a0d": {
                  "styles": {
                      "xl": {
                          "box-shadow": [
                              {
                                  "boxshadowType": {
                                      "value": "null"
                                  }
                              }
                          ]
                      }
                  }
              },
              "738dda17-27d2-42f5-8734-e7f66e53fbe3": {
                  "styles": {
                      "xl": {
                          "box-shadow": [
                              {
                                  "boxshadowType": {
                                      "value": "null"
                                  }
                              }
                          ]
                      }
                  }
              },
              "c8ba9e66-440f-4acf-8487-0356362a2d60": {
                  "styles": {
                      "xl": {
                          "box-shadow": [
                              {
                                  "boxshadowType": {
                                      "value": "null"
                                  }
                              }
                          ]
                      }
                  }
              },
              "5614b1c8-fbf4-4fae-af3a-6ccc853e7c25": {
                  "styles": {
                      "xl": {
                          "box-shadow": [
                              {
                                  "boxshadowType": {
                                      "value": "null"
                                  }
                              }
                          ]
                      }
                  }
              },
              "23af754c-0a5e-404f-a0df-5a2cb271551f": {
                  "styles": {
                      "xl": {
                          "box-shadow": [
                              {
                                  "boxshadowType": {
                                      "value": "null"
                                  }
                              }
                          ]
                      }
                  }
              },
              "29b592eb-0e47-42e7-ad0e-0dec0a710256": {
                  "styles": {
                      "xl": {
                          "box-shadow": [
                              {
                                  "boxshadowType": {
                                      "value": "null"
                                  }
                              }
                          ]
                      }
                  }
              },
              "a338008b-64fe-4b0d-8494-ea2c54a74996": {
                  "styles": {
                      "xl": {
                          "box-shadow": [
                              {
                                  "boxshadowType": {
                                      "value": "null"
                                  }
                              }
                          ]
                      }
                  }
              },
              "55b50b9f-1c27-4d6d-be12-314eb4dbfab6": {
                  "styles": {
                      "xl": {
                          "box-shadow": [
                              {
                                  "boxshadowType": {
                                      "value": "null"
                                  }
                              }
                          ]
                      }
                  }
              },
              "c85e9403-eb37-435a-9384-6a5bd2038164": {
                  "styles": {
                      "xl": {
                          "box-shadow": [
                              {
                                  "boxshadowType": {
                                      "value": "null"
                                  }
                              }
                          ]
                      }
                  }
              },
              "7dedbea1-443d-4e8d-8c95-62960cf1f903": {
                  "styles": {
                      "xl": {
                          "box-shadow": [
                              {
                                  "boxshadowType": {
                                      "value": "null"
                                  }
                              }
                          ]
                      }
                  }
              },
              "0ed5f55c-1c46-4ed4-9074-bd890cb55cc8": {
                  "styles": {
                      "xl": {
                          "box-shadow": [
                              {
                                  "boxshadowType": {
                                      "value": "null"
                                  }
                              }
                          ]
                      }
                  }
              },
              "a95fb2db-3ab2-4383-b2c6-70caabb9897a": {
                  "styles": {
                      "xl": {
                          "box-shadow": [
                              {
                                  "boxshadowType": {
                                      "value": "null"
                                  }
                              }
                          ]
                      }
                  }
              }
          },
          "faecddfa-d3e2-4598-8bf4-d1d03840cf0e": {
              "settings": {
                  "element": ".coh-accordion-title",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "margin": {
                          "margin-bottom": {
                              "value": "1"
                          }
                      }
                  }
              }
          },
          "a683e181-6fc8-490c-914b-ff0e53d0a4f5": {
              "settings": {
                  "element": "a",
                  "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": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Color"
                              ]
                          }
                      },
                      "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"
                              ]
                          }
                      },
                      "transitions": [
                          {
                              "transitionProperty": {
                                  "value": "background-color"
                              },
                              "transitionDuration": {
                                  "value": 300
                              },
                              "transitionTimingFunction": {
                                  "value": "ease"
                              }
                          }
                      ],
                      "display": {
                          "value": "flex"
                      },
                      "font-size": {
                          "value": "14"
                      },
                      "line-height": {
                          "value": "16"
                      },
                      "padding": {
                          "padding-top": {
                              "value": "20"
                          },
                          "padding-bottom": {
                              "value": "20"
                          },
                          "padding-left": {
                              "value": "32"
                          },
                          "padding-right": {
                              "value": "32"
                          }
                      },
                      "font-weight": {
                          "value": "bold"
                      },
                      "flex-container": {
                          "align-items": {
                              "value": "center"
                          }
                      }
                  },
                  "md": {
                      "padding": {
                          "padding-left": {
                              "value": "24"
                          },
                          "padding-right": {
                              "value": "24"
                          }
                      }
                  },
                  "ps": {
                      "padding": {
                          "padding-top": {
                              "value": "16"
                          },
                          "padding-bottom": {
                              "value": "16"
                          },
                          "padding-left": {
                              "value": "24"
                          },
                          "padding-right": {
                              "value": "24"
                          }
                      }
                  }
              }
          },
          "5b896fa3-3cbf-4380-ac90-e30206332638": {
              "settings": {
                  "element": "a",
                  "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": true,
                              "tags": [
                                  "Color"
                              ]
                          }
                      }
                  }
              }
          },
          "0d2056b0-66b2-4a50-948a-90347d96a9f1": {
              "settings": {
                  "element": "",
                  "class": ".is-active",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "c85e9403-eb37-435a-9384-6a5bd2038164": {
              "settings": {
                  "element": ".coh-accordion-tabs-nav",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              }
          },
          "c8ba9e66-440f-4acf-8487-0356362a2d60": {
              "settings": {
                  "element": "a",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "transitions": [
                          {
                              "transitionProperty": {
                                  "value": "background-color"
                              },
                              "transitionDuration": {
                                  "value": 200
                              },
                              "transitionTimingFunction": {
                                  "value": "ease"
                              }
                          }
                      ],
                      "color": {
                          "value": {
                              "name": "White",
                              "uid": "white",
                              "value": {
                                  "hex": "#ffffff",
                                  "rgba": "rgba(255, 255, 255, 1)"
                              },
                              "wysiwyg": true,
                              "class": ".coh-color-white",
                              "variable": "$coh-color-white",
                              "inuse": true,
                              "link": true,
                              "tags": [
                                  "Light"
                              ]
                          }
                      },
                      "background-color": {
                          "value": {
                              "link": true,
                              "name": "Brand color",
                              "uid": "brand-color",
                              "class": ".coh-color-brand-color",
                              "variable": "$coh-color-brand-color",
                              "value": {
                                  "hex": "#26a3dd",
                                  "rgba": "rgba(38, 163, 221, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Color"
                              ]
                          }
                      },
                      "font-weight": {
                          "value": "bold"
                      },
                      "font-size": {
                          "value": "14"
                      },
                      "line-height": {
                          "value": "16"
                      },
                      "padding": {
                          "padding-top": {
                              "value": "20"
                          },
                          "padding-bottom": {
                              "value": "20"
                          },
                          "padding-left": {
                              "value": "32"
                          },
                          "padding-right": {
                              "value": "32"
                          }
                      },
                      "margin": {
                          "margin-bottom": {
                              "value": "1"
                          },
                          "margin-right": {
                              "value": "1"
                          }
                      }
                  },
                  "ps": {
                      "padding": {
                          "padding-top": {
                              "value": "16"
                          },
                          "padding-bottom": {
                              "value": "16"
                          }
                      }
                  },
                  "md": {
                      "padding": {
                          "padding-left": {
                              "value": "24"
                          },
                          "padding-right": {
                              "value": "24"
                          }
                      }
                  }
              }
          },
          "5614b1c8-fbf4-4fae-af3a-6ccc853e7c25": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":hover"
              },
              "styles": {
                  "xl": {
                      "color": {
                          "value": {
                              "name": "White",
                              "uid": "white",
                              "value": {
                                  "hex": "#ffffff",
                                  "rgba": "rgba(255, 255, 255, 1)"
                              },
                              "wysiwyg": true,
                              "class": ".coh-color-white",
                              "variable": "$coh-color-white",
                              "inuse": true,
                              "link": true,
                              "tags": [
                                  "Light"
                              ]
                          }
                      },
                      "background-color": {
                          "value": {
                              "link": true,
                              "name": "Brand color 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": true,
                              "tags": [
                                  "Color"
                              ]
                          }
                      }
                  }
              }
          },
          "671257e5-fa0d-4324-8545-cefb20143ec4": {
              "settings": {
                  "element": "",
                  "class": ".is-active",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "23af754c-0a5e-404f-a0df-5a2cb271551f": {
              "settings": {
                  "element": "a",
                  "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": true,
                              "tags": [
                                  "Color"
                              ]
                          }
                      }
                  }
              }
          },
          "a95fb2db-3ab2-4383-b2c6-70caabb9897a": {
              "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": true,
                              "tags": [
                                  "Color"
                              ]
                          }
                      },
                      "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"
                              ]
                          }
                      }
                  }
              }
          },
          "8250dc85-8ec2-4fd2-862e-efc054bb6b6c": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":after"
              },
              "styles": {
                  "xl": {
                      "margin": {
                          "margin-left": {
                              "value": "auto"
                          }
                      },
                      "content-icon": {
                          "contentIcon": {
                              "value": {
                                  "iconName": "61560",
                                  "fontFamily": "icomoon"
                              }
                          }
                      },
                      "transform": {
                          "transformRotateZ": {
                              "value": "0"
                          }
                      },
                      "transitions": [
                          {
                              "transitionProperty": {
                                  "value": "custom"
                              },
                              "transitionCustomProperty": {
                                  "value": "transform"
                              },
                              "transitionDuration": {
                                  "value": 300
                              },
                              "transitionTimingFunction": {
                                  "value": "ease"
                              }
                          }
                      ]
                  }
              }
          },
          "26ab9063-3ce0-4c40-83e0-1e967e6a793b": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":after"
              },
              "styles": {
                  "xl": {
                      "transform": {
                          "transformRotateZ": {
                              "value": "180"
                          }
                      }
                  }
              }
          },
          "dac20e85-a654-4c19-869f-400f9d70ab2e": {
              "settings": {
                  "element": "li",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "margin": {
                          "margin-bottom": {
                              "value": "0"
                          },
                          "margin-left": {
                              "value": "0"
                          }
                      }
                  }
              }
          },
          "172f5f1f-0261-4056-9bdf-598d4f1559d2": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":hover"
              },
              "styles": {
                  "xl": {
                      "background-color": {
                          "value": {
                              "link": true,
                              "name": "Brand color dark",
                              "uid": "brand-color-dark",
                              "class": ".coh-color-brand-color-dark",
                              "variable": "$coh-color-brand-color-dark",
                              "value": {
                                  "hex": "#1a89c9",
                                  "rgba": "rgba(26, 137, 201, 1)"
                              },
                              "wysiwyg": true,
                              "inuse": true,
                              "tags": [
                                  "Color"
                              ]
                          }
                      }
                  }
              }
          },
          "6bf35d4a-c182-431d-9dcd-dd21f6870f16": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":hover"
              },
              "styles": {
                  "xl": {
                      "background-color": {
                          "value": {
                              "link": true,
                              "name": "Brand color dark",
                              "uid": "brand-color-dark",
                              "class": ".coh-color-brand-color-dark",
                              "variable": "$coh-color-brand-color-dark",
                              "value": {
                                  "hex": "#1a89c9",
                                  "rgba": "rgba(26, 137, 201, 1)"
                              },
                              "wysiwyg": true,
                              "inuse": true,
                              "tags": [
                                  "Color"
                              ]
                          }
                      }
                  }
              }
          }
      },
      "variableFields": []
  }
json_mapper: |
  {
      "styles": {
          "items": [
              {
                  "title": ".coh-accordion-title",
                  "type": "container",
                  "items": [
                      {
                          "title": "a",
                          "type": "container",
                          "items": [
                              {
                                  "title": ":hover",
                                  "type": "container",
                                  "items": [],
                                  "form": null,
                                  "selectorType": "pseudo",
                                  "uuid": "a95fb2db-3ab2-4383-b2c6-70caabb9897a",
                                  "allowedTypes": [
                                      "child",
                                      "pseudo"
                                  ],
                                  "formDefinition": [
                                      {
                                          "formKey": "background",
                                          "children": [
                                              {
                                                  "formKey": "background-color",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "background-color",
                                                          "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
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ]
                              },
                              {
                                  "title": ":after",
                                  "type": "container",
                                  "items": [],
                                  "form": null,
                                  "selectorType": "pseudo",
                                  "uuid": "8250dc85-8ec2-4fd2-862e-efc054bb6b6c",
                                  "allowedTypes": [
                                      "child",
                                      "pseudo"
                                  ],
                                  "formDefinition": [
                                      {
                                          "formKey": "layout",
                                          "children": [
                                              {
                                                  "formKey": "margin",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "margin-equal",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "margin-top",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "margin-bottom",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "margin-left",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "margin-right",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "margin-block-start",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "margin-block-end",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "margin-inline-start",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "margin-inline-end",
                                                          "active": false
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "content",
                                          "children": [
                                              {
                                                  "formKey": "icon",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "contentIcon",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "transform-and-transition",
                                          "children": [
                                              {
                                                  "formKey": "transform",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "transformRotateX",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformRotateY",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformRotateZ",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "transformTranslateX",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformTranslateY",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformScaleX",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformScaleY",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformSkewX",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformSkewY",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformOriginX",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "transformOriginY",
                                                          "active": false
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "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": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "form": null,
                          "selectorType": "child",
                          "model": "a",
                          "uuid": "a683e181-6fc8-490c-914b-ff0e53d0a4f5",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "background",
                                  "children": [
                                      {
                                          "formKey": "background-color",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "background-color",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              },
                              {
                                  "formKey": "font",
                                  "children": [
                                      {
                                          "formKey": "font-and-color",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "font-family",
                                                  "active": false
                                              },
                                              {
                                                  "name": "font-weight",
                                                  "active": true
                                              },
                                              {
                                                  "name": "color",
                                                  "active": true
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "font-sizing-and-alignment",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "font-size",
                                                  "active": true
                                              },
                                              {
                                                  "name": "line-height",
                                                  "active": true
                                              },
                                              {
                                                  "name": "text-align",
                                                  "active": false
                                              },
                                              {
                                                  "name": "letter-spacing",
                                                  "active": false
                                              },
                                              {
                                                  "name": "word-spacing",
                                                  "active": false
                                              },
                                              {
                                                  "name": "text-indent",
                                                  "active": false
                                              }
                                          ]
                                      }
                                  ]
                              },
                              {
                                  "formKey": "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": "padding",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              },
                                              {
                                                  "name": "md"
                                              },
                                              {
                                                  "name": "ps"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "padding-equal",
                                                  "active": false
                                              },
                                              {
                                                  "name": "padding-top",
                                                  "active": true
                                              },
                                              {
                                                  "name": "padding-bottom",
                                                  "active": true
                                              },
                                              {
                                                  "name": "padding-left",
                                                  "active": true
                                              },
                                              {
                                                  "name": "padding-right",
                                                  "active": true
                                              },
                                              {
                                                  "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": "flex-container",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "flex-direction",
                                                  "active": false
                                              },
                                              {
                                                  "name": "flex-wrap",
                                                  "active": false
                                              },
                                              {
                                                  "name": "justify-content",
                                                  "active": false
                                              },
                                              {
                                                  "name": "justify-content-safety",
                                                  "active": true
                                              },
                                              {
                                                  "name": "align-content",
                                                  "active": false
                                              },
                                              {
                                                  "name": "align-content-safety",
                                                  "active": true
                                              },
                                              {
                                                  "name": "align-items",
                                                  "active": true
                                              },
                                              {
                                                  "name": "align-items-safety",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              },
                              {
                                  "formKey": "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
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "collapsed": true
                      },
                      {
                          "title": ".is-active",
                          "type": "container",
                          "items": [
                              {
                                  "title": "a",
                                  "type": "container",
                                  "items": [
                                      {
                                          "title": ":after",
                                          "type": "container",
                                          "items": [],
                                          "form": null,
                                          "selectorType": "pseudo",
                                          "uuid": "26ab9063-3ce0-4c40-83e0-1e967e6a793b",
                                          "allowedTypes": [
                                              "child",
                                              "pseudo"
                                          ],
                                          "formDefinition": [
                                              {
                                                  "formKey": "transform-and-transition",
                                                  "children": [
                                                      {
                                                          "formKey": "transform",
                                                          "breakpoints": [
                                                              {
                                                                  "name": "xl"
                                                              }
                                                          ],
                                                          "activeFields": [
                                                              {
                                                                  "name": "transformRotateX",
                                                                  "active": false
                                                              },
                                                              {
                                                                  "name": "transformRotateY",
                                                                  "active": false
                                                              },
                                                              {
                                                                  "name": "transformRotateZ",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "transformTranslateX",
                                                                  "active": false
                                                              },
                                                              {
                                                                  "name": "transformTranslateY",
                                                                  "active": false
                                                              },
                                                              {
                                                                  "name": "transformScaleX",
                                                                  "active": false
                                                              },
                                                              {
                                                                  "name": "transformScaleY",
                                                                  "active": false
                                                              },
                                                              {
                                                                  "name": "transformSkewX",
                                                                  "active": false
                                                              },
                                                              {
                                                                  "name": "transformSkewY",
                                                                  "active": false
                                                              },
                                                              {
                                                                  "name": "transformOriginX",
                                                                  "active": false
                                                              },
                                                              {
                                                                  "name": "transformOriginY",
                                                                  "active": false
                                                              }
                                                          ]
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "title": ":hover",
                                          "type": "container",
                                          "items": [],
                                          "form": null,
                                          "selectorType": "pseudo",
                                          "uuid": "6bf35d4a-c182-431d-9dcd-dd21f6870f16",
                                          "allowedTypes": [
                                              "child",
                                              "pseudo"
                                          ],
                                          "formDefinition": [
                                              {
                                                  "formKey": "background",
                                                  "children": [
                                                      {
                                                          "formKey": "background-color",
                                                          "breakpoints": [
                                                              {
                                                                  "name": "xl"
                                                              }
                                                          ],
                                                          "activeFields": [
                                                              {
                                                                  "name": "background-color",
                                                                  "active": true
                                                              }
                                                          ]
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ],
                                  "form": null,
                                  "selectorType": "child",
                                  "model": "a",
                                  "uuid": "5b896fa3-3cbf-4380-ac90-e30206332638",
                                  "allowedTypes": [
                                      "child",
                                      "pseudo",
                                      "modifier"
                                  ],
                                  "formDefinition": [
                                      {
                                          "formKey": "background",
                                          "children": [
                                              {
                                                  "formKey": "background-color",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "background-color",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "form": null,
                          "selectorType": "modifier",
                          "model": ".is-active",
                          "uuid": "0d2056b0-66b2-4a50-948a-90347d96a9f1",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [],
                          "collapsed": false
                      }
                  ],
                  "form": null,
                  "selectorType": "child",
                  "model": ".coh-accordion-title",
                  "uuid": "faecddfa-d3e2-4598-8bf4-d1d03840cf0e",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "formDefinition": [
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "margin",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "margin-equal",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-top",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-bottom",
                                          "active": true
                                      },
                                      {
                                          "name": "margin-left",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-right",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-block-start",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-block-end",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-inline-start",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-inline-end",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "collapsed": false
              },
              {
                  "title": ".coh-accordion-tabs-nav",
                  "type": "container",
                  "items": [
                      {
                          "title": "li",
                          "type": "container",
                          "items": [
                              {
                                  "title": "a",
                                  "type": "container",
                                  "items": [
                                      {
                                          "title": ":hover",
                                          "type": "container",
                                          "items": [],
                                          "form": null,
                                          "selectorType": "pseudo",
                                          "uuid": "5614b1c8-fbf4-4fae-af3a-6ccc853e7c25",
                                          "allowedTypes": [
                                              "child",
                                              "pseudo"
                                          ],
                                          "formDefinition": [
                                              {
                                                  "formKey": "background",
                                                  "children": [
                                                      {
                                                          "formKey": "background-color",
                                                          "breakpoints": [
                                                              {
                                                                  "name": "xl"
                                                              }
                                                          ],
                                                          "activeFields": [
                                                              {
                                                                  "name": "background-color",
                                                                  "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
                                                              }
                                                          ]
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ],
                                  "form": null,
                                  "selectorType": "child",
                                  "model": "a",
                                  "uuid": "c8ba9e66-440f-4acf-8487-0356362a2d60",
                                  "allowedTypes": [
                                      "child",
                                      "pseudo",
                                      "modifier"
                                  ],
                                  "formDefinition": [
                                      {
                                          "formKey": "font",
                                          "children": [
                                              {
                                                  "formKey": "font-and-color",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "font-family",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "font-weight",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "color",
                                                          "active": true
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "font-sizing-and-alignment",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "font-size",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "line-height",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "text-align",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "letter-spacing",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "word-spacing",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "text-indent",
                                                          "active": false
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "background",
                                          "children": [
                                              {
                                                  "formKey": "background-color",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "background-color",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "layout",
                                          "children": [
                                              {
                                                  "formKey": "padding",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      },
                                                      {
                                                          "name": "md"
                                                      },
                                                      {
                                                          "name": "ps"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "padding-equal",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "padding-top",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "padding-bottom",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "padding-left",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "padding-right",
                                                          "active": true
                                                      },
                                                      {
                                                          "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": false
                                                      },
                                                      {
                                                          "name": "margin-top",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "margin-bottom",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "margin-left",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "margin-right",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "margin-block-start",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "margin-block-end",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "margin-inline-start",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "margin-inline-end",
                                                          "active": false
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "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
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ]
                              },
                              {
                                  "title": ".is-active",
                                  "type": "container",
                                  "items": [
                                      {
                                          "title": "a",
                                          "type": "container",
                                          "items": [
                                              {
                                                  "title": ":hover",
                                                  "type": "container",
                                                  "items": [],
                                                  "form": null,
                                                  "selectorType": "pseudo",
                                                  "uuid": "172f5f1f-0261-4056-9bdf-598d4f1559d2",
                                                  "allowedTypes": [
                                                      "child",
                                                      "pseudo"
                                                  ],
                                                  "formDefinition": [
                                                      {
                                                          "formKey": "background",
                                                          "children": [
                                                              {
                                                                  "formKey": "background-color",
                                                                  "breakpoints": [
                                                                      {
                                                                          "name": "xl"
                                                                      }
                                                                  ],
                                                                  "activeFields": [
                                                                      {
                                                                          "name": "background-color",
                                                                          "active": true
                                                                      }
                                                                  ]
                                                              }
                                                          ]
                                                      }
                                                  ]
                                              }
                                          ],
                                          "form": null,
                                          "selectorType": "child",
                                          "model": "a",
                                          "uuid": "23af754c-0a5e-404f-a0df-5a2cb271551f",
                                          "allowedTypes": [
                                              "child",
                                              "pseudo",
                                              "modifier"
                                          ],
                                          "formDefinition": [
                                              {
                                                  "formKey": "background",
                                                  "children": [
                                                      {
                                                          "formKey": "background-color",
                                                          "breakpoints": [
                                                              {
                                                                  "name": "xl"
                                                              }
                                                          ],
                                                          "activeFields": [
                                                              {
                                                                  "name": "background-color",
                                                                  "active": true
                                                              }
                                                          ]
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ],
                                  "form": null,
                                  "selectorType": "modifier",
                                  "model": ".is-active",
                                  "uuid": "671257e5-fa0d-4324-8545-cefb20143ec4",
                                  "allowedTypes": [
                                      "child",
                                      "pseudo",
                                      "modifier"
                                  ],
                                  "formDefinition": []
                              }
                          ],
                          "form": null,
                          "selectorType": "child",
                          "model": "li",
                          "uuid": "dac20e85-a654-4c19-869f-400f9d70ab2e",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "layout",
                                  "children": [
                                      {
                                          "formKey": "margin",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "margin-equal",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-top",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-bottom",
                                                  "active": true
                                              },
                                              {
                                                  "name": "margin-left",
                                                  "active": true
                                              },
                                              {
                                                  "name": "margin-right",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-block-start",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-block-end",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-inline-start",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-inline-end",
                                                  "active": false
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "collapsed": false
                      }
                  ],
                  "form": null,
                  "selectorType": "child",
                  "model": ".coh-accordion-tabs-nav",
                  "uuid": "c85e9403-eb37-435a-9384-6a5bd2038164",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "formDefinition": [],
                  "collapsed": false
              }
          ],
          "formDefinition": [],
          "selectorType": "topLevel",
          "form": null
      }
  }
last_entity_update: entityupdate_0042
locked: false
modified: true
selectable: true
class_name: .coh-style-accordion-tabs-solid
custom_style_type: generic
available_in_wysiwyg: false
available_in_wysiwyg_inline: false
parent: null
weight: 30
