@rhc-shared-components/packages-table 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/README.md +1533 -0
  2. package/dist/check-317f30b2.js +4 -0
  3. package/dist/check-ee7cdde5.js +5 -0
  4. package/dist/components/ExcludedPackagesTable.d.ts +6 -0
  5. package/dist/components/FilterInput.d.ts +6 -0
  6. package/dist/components/FilterableTable.d.ts +19 -0
  7. package/dist/components/Select.d.ts +9 -0
  8. package/dist/components/ToggleGroup.d.ts +10 -0
  9. package/dist/components/VulnerabilitiesTable.d.ts +6 -0
  10. package/dist/index.d.ts +14 -0
  11. package/dist/index.js +4930 -0
  12. package/dist/index.modern.js +4460 -0
  13. package/dist/index.test.d.ts +1 -0
  14. package/dist/inline-edit-320c12ad.js +5 -0
  15. package/dist/inline-edit-b186d03c.js +4 -0
  16. package/dist/table-817f1921.js +5 -0
  17. package/dist/table-ffd0513c.js +4 -0
  18. package/dist/table-grid-5d7f8359.js +4 -0
  19. package/dist/table-grid-6f46705c.js +5 -0
  20. package/dist/table-scrollable-01103545.js +4 -0
  21. package/dist/table-scrollable-423d12ef.js +5 -0
  22. package/dist/table-tree-view-ee6ac38a.js +4 -0
  23. package/dist/table-tree-view-eec85588.js +5 -0
  24. package/package.json +84 -0
package/dist/table-tree-view-ee6ac38a.js ADDED
@@ -0,0 +1,4 @@
1
+ var css_248z = ".pf-c-table {\n --pf-c-table__tree-view-main--indent--base: calc(var(--pf-global--spacer--md) * 2 + var(--pf-c-table__tree-view-icon--MinWidth));\n --pf-c-table__tree-view-main--nested-indent--base: calc(var(--pf-c-table__tree-view-main--indent--base) - var(--pf-global--spacer--md));\n --pf-c-table__tree-view-main--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table__tree-view-main--MarginLeft: calc(var(--pf-c-table--cell--PaddingLeft) * -1);\n --pf-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table__tree-view-main--c-table__check--PaddingLeft: var(--pf-global--spacer--sm);\n --pf-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-global--spacer--sm);\n --pf-c-table__tree-view-icon--MinWidth: var(--pf-global--FontSize--md);\n --pf-c-table__tree-view-icon--MarginRight: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view__toggle--Position: absolute;\n --pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);\n --pf-c-table--m-tree-view__toggle--TranslateX: -100%;\n --pf-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-global--FontSize--md);\n}\n.pf-c-table.pf-m-tree-view > tbody > tr {\n --pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"2\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"3\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"4\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"5\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"6\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"7\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"8\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"9\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"10\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n}\n\n.pf-c-table__tree-view-main {\n position: relative;\n display: flex;\n align-items: baseline;\n min-width: 0;\n padding-left: var(--pf-c-table__tree-view-main--PaddingLeft);\n margin-left: var(--pf-c-table__tree-view-main--MarginLeft);\n text-align: left;\n cursor: pointer;\n}\n.pf-c-table__tree-view-main > .pf-c-table__toggle {\n position: var(--pf-c-table--m-tree-view__toggle--Position);\n left: var(--pf-c-table--m-tree-view__toggle--Left);\n transform: translateX(var(--pf-c-table--m-tree-view__toggle--TranslateX));\n}\n.pf-c-table__tree-view-main > .pf-c-table__toggle .pf-c-table__toggle-icon {\n min-width: var(--pf-c-table--m-tree-view__toggle__toggle-icon--MinWidth);\n}\n.pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table__tree-view-main--c-table__check--MarginRight);\n}\n.pf-c-table__tree-view-main > .pf-c-table__check label {\n padding-right: var(--pf-c-table__tree-view-main--c-table__check--PaddingRight);\n padding-left: var(--pf-c-table__tree-view-main--c-table__check--PaddingLeft);\n margin: 0 calc(var(--pf-c-table__tree-view-main--c-table__check--MarginRight) * -1) 0 0;\n}\n\n.pf-c-table__tree-view-text {\n display: flex;\n}\n\n.pf-c-table__tree-view-icon {\n min-width: var(--pf-c-table__tree-view-icon--MinWidth);\n margin-right: var(--pf-c-table__tree-view-icon--MarginRight);\n}\n\n.pf-c-table__tree-view-details-toggle {\n display: none;\n visibility: hidden;\n}\n\n.pf-m-tree-view-grid.pf-c-table {\n --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;\n --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);\n --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);\n --pf-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);\n --pf-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);\n}\n.pf-m-tree-view-grid.pf-c-table tbody tr {\n position: relative;\n outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);\n border: none;\n}\n.pf-m-tree-view-grid.pf-c-table tbody tr::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n content: \"\";\n}\n.pf-m-tree-view-grid.pf-c-table tr:not([hidden]) {\n display: grid;\n grid-template-columns: 1fr -webkit-max-content;\n grid-template-columns: 1fr max-content;\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);\n}\n.pf-m-tree-view-grid.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);\n padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-text {\n padding-right: var(--pf-c-table__tree-view-text--PaddingRight);\n}\n.pf-m-tree-view-grid.pf-c-table thead th {\n display: none;\n visibility: none;\n}\n.pf-m-tree-view-grid.pf-c-table td {\n display: none;\n}\n.pf-m-tree-view-grid.pf-c-table td[data-label] {\n grid-column: 1;\n grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);\n grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);\n align-items: start;\n}\n.pf-m-tree-view-grid.pf-c-table td[data-label] > * {\n grid-column: 2;\n}\n.pf-m-tree-view-grid.pf-c-table td[data-label]::before {\n font-weight: bold;\n text-align: left;\n content: attr(data-label);\n}\n.pf-m-tree-view-grid.pf-c-table tr.pf-m-tree-view-details-expanded {\n padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);\n}\n.pf-m-tree-view-grid.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {\n display: grid;\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-title-header-cell {\n display: block;\n visibility: visible;\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-details-toggle,\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__action {\n display: inline-block;\n visibility: visible;\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__action {\n --pf-c-table--cell--Width: auto;\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);\n grid-column: 2;\n grid-row: 1;\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__action > .pf-c-dropdown {\n margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);\n margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom);\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);\n margin-left: auto;\n order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-details-toggle {\n margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);\n margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"2\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"3\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"4\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"5\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"6\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"7\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"8\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"9\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"10\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n}\n\n@media screen and (max-width: 768px) {\n .pf-m-tree-view-grid-md.pf-c-table {\n --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;\n --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);\n --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);\n --pf-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);\n --pf-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);\n }\n .pf-m-tree-view-grid-md.pf-c-table tbody tr {\n position: relative;\n outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);\n border: none;\n }\n .pf-m-tree-view-grid-md.pf-c-table tbody tr::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n content: \"\";\n }\n .pf-m-tree-view-grid-md.pf-c-table tr:not([hidden]) {\n display: grid;\n grid-template-columns: 1fr -webkit-max-content;\n grid-template-columns: 1fr max-content;\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);\n }\n .pf-m-tree-view-grid-md.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);\n padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-text {\n padding-right: var(--pf-c-table__tree-view-text--PaddingRight);\n }\n .pf-m-tree-view-grid-md.pf-c-table thead th {\n display: none;\n visibility: none;\n }\n .pf-m-tree-view-grid-md.pf-c-table td {\n display: none;\n }\n .pf-m-tree-view-grid-md.pf-c-table td[data-label] {\n grid-column: 1;\n grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);\n grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);\n align-items: start;\n }\n .pf-m-tree-view-grid-md.pf-c-table td[data-label] > * {\n grid-column: 2;\n }\n .pf-m-tree-view-grid-md.pf-c-table td[data-label]::before {\n font-weight: bold;\n text-align: left;\n content: attr(data-label);\n }\n .pf-m-tree-view-grid-md.pf-c-table tr.pf-m-tree-view-details-expanded {\n padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);\n }\n .pf-m-tree-view-grid-md.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {\n display: grid;\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-title-header-cell {\n display: block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle,\n.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {\n display: inline-block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {\n --pf-c-table--cell--Width: auto;\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);\n grid-column: 2;\n grid-row: 1;\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action > .pf-c-dropdown {\n margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);\n margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom);\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);\n margin-left: auto;\n order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle {\n margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);\n margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"2\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"3\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"4\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"5\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"6\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"7\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"8\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"9\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"10\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n }\n}\n\n@media screen and (max-width: 992px) {\n .pf-m-tree-view-grid-lg.pf-c-table {\n --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;\n --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);\n --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);\n --pf-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);\n --pf-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);\n }\n .pf-m-tree-view-grid-lg.pf-c-table tbody tr {\n position: relative;\n outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);\n border: none;\n }\n .pf-m-tree-view-grid-lg.pf-c-table tbody tr::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n content: \"\";\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr:not([hidden]) {\n display: grid;\n grid-template-columns: 1fr -webkit-max-content;\n grid-template-columns: 1fr max-content;\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);\n }\n .pf-m-tree-view-grid-lg.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);\n padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-text {\n padding-right: var(--pf-c-table__tree-view-text--PaddingRight);\n }\n .pf-m-tree-view-grid-lg.pf-c-table thead th {\n display: none;\n visibility: none;\n }\n .pf-m-tree-view-grid-lg.pf-c-table td {\n display: none;\n }\n .pf-m-tree-view-grid-lg.pf-c-table td[data-label] {\n grid-column: 1;\n grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);\n grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);\n align-items: start;\n }\n .pf-m-tree-view-grid-lg.pf-c-table td[data-label] > * {\n grid-column: 2;\n }\n .pf-m-tree-view-grid-lg.pf-c-table td[data-label]::before {\n font-weight: bold;\n text-align: left;\n content: attr(data-label);\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr.pf-m-tree-view-details-expanded {\n padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {\n display: grid;\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-title-header-cell {\n display: block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle,\n.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {\n display: inline-block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {\n --pf-c-table--cell--Width: auto;\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);\n grid-column: 2;\n grid-row: 1;\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action > .pf-c-dropdown {\n margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);\n margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom);\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);\n margin-left: auto;\n order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle {\n margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);\n margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"2\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"3\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"4\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"5\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"6\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"7\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"8\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"9\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"10\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n }\n}\n\n@media screen and (max-width: 1200px) {\n .pf-m-tree-view-grid-xl.pf-c-table {\n --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;\n --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);\n --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);\n --pf-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);\n --pf-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);\n }\n .pf-m-tree-view-grid-xl.pf-c-table tbody tr {\n position: relative;\n outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);\n border: none;\n }\n .pf-m-tree-view-grid-xl.pf-c-table tbody tr::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n content: \"\";\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr:not([hidden]) {\n display: grid;\n grid-template-columns: 1fr -webkit-max-content;\n grid-template-columns: 1fr max-content;\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);\n }\n .pf-m-tree-view-grid-xl.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);\n padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-text {\n padding-right: var(--pf-c-table__tree-view-text--PaddingRight);\n }\n .pf-m-tree-view-grid-xl.pf-c-table thead th {\n display: none;\n visibility: none;\n }\n .pf-m-tree-view-grid-xl.pf-c-table td {\n display: none;\n }\n .pf-m-tree-view-grid-xl.pf-c-table td[data-label] {\n grid-column: 1;\n grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);\n grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);\n align-items: start;\n }\n .pf-m-tree-view-grid-xl.pf-c-table td[data-label] > * {\n grid-column: 2;\n }\n .pf-m-tree-view-grid-xl.pf-c-table td[data-label]::before {\n font-weight: bold;\n text-align: left;\n content: attr(data-label);\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr.pf-m-tree-view-details-expanded {\n padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {\n display: grid;\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-title-header-cell {\n display: block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle,\n.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {\n display: inline-block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {\n --pf-c-table--cell--Width: auto;\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);\n grid-column: 2;\n grid-row: 1;\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action > .pf-c-dropdown {\n margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);\n margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom);\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);\n margin-left: auto;\n order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle {\n margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);\n margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"2\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"3\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"4\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"5\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"6\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"7\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"8\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"9\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"10\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n }\n}\n\n@media screen and (max-width: 1450px) {\n .pf-m-tree-view-grid-2xl.pf-c-table {\n --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;\n --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);\n --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);\n --pf-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);\n --pf-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tbody tr {\n position: relative;\n outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);\n border: none;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tbody tr::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n content: \"\";\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr:not([hidden]) {\n display: grid;\n grid-template-columns: 1fr -webkit-max-content;\n grid-template-columns: 1fr max-content;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);\n padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-text {\n padding-right: var(--pf-c-table__tree-view-text--PaddingRight);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table thead th {\n display: none;\n visibility: none;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table td {\n display: none;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table td[data-label] {\n grid-column: 1;\n grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);\n grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);\n align-items: start;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table td[data-label] > * {\n grid-column: 2;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table td[data-label]::before {\n font-weight: bold;\n text-align: left;\n content: attr(data-label);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr.pf-m-tree-view-details-expanded {\n padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {\n display: grid;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-title-header-cell {\n display: block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle,\n.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {\n display: inline-block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {\n --pf-c-table--cell--Width: auto;\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);\n grid-column: 2;\n grid-row: 1;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action > .pf-c-dropdown {\n margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);\n margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);\n margin-left: auto;\n order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle {\n margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);\n margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"2\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"3\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"4\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"5\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"6\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"7\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"8\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"9\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"10\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n }\n}";
2
+ var stylesheet=".pf-c-table {\n --pf-c-table__tree-view-main--indent--base: calc(var(--pf-global--spacer--md) * 2 + var(--pf-c-table__tree-view-icon--MinWidth));\n --pf-c-table__tree-view-main--nested-indent--base: calc(var(--pf-c-table__tree-view-main--indent--base) - var(--pf-global--spacer--md));\n --pf-c-table__tree-view-main--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table__tree-view-main--MarginLeft: calc(var(--pf-c-table--cell--PaddingLeft) * -1);\n --pf-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table__tree-view-main--c-table__check--PaddingLeft: var(--pf-global--spacer--sm);\n --pf-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-global--spacer--sm);\n --pf-c-table__tree-view-icon--MinWidth: var(--pf-global--FontSize--md);\n --pf-c-table__tree-view-icon--MarginRight: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view__toggle--Position: absolute;\n --pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);\n --pf-c-table--m-tree-view__toggle--TranslateX: -100%;\n --pf-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-global--FontSize--md);\n}\n.pf-c-table.pf-m-tree-view > tbody > tr {\n --pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"2\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"3\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"4\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"5\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"6\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"7\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"8\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"9\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"10\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n}\n\n.pf-c-table__tree-view-main {\n position: relative;\n display: flex;\n align-items: baseline;\n min-width: 0;\n padding-left: var(--pf-c-table__tree-view-main--PaddingLeft);\n margin-left: var(--pf-c-table__tree-view-main--MarginLeft);\n text-align: left;\n cursor: pointer;\n}\n.pf-c-table__tree-view-main > .pf-c-table__toggle {\n position: var(--pf-c-table--m-tree-view__toggle--Position);\n left: var(--pf-c-table--m-tree-view__toggle--Left);\n transform: translateX(var(--pf-c-table--m-tree-view__toggle--TranslateX));\n}\n.pf-c-table__tree-view-main > .pf-c-table__toggle .pf-c-table__toggle-icon {\n min-width: var(--pf-c-table--m-tree-view__toggle__toggle-icon--MinWidth);\n}\n.pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table__tree-view-main--c-table__check--MarginRight);\n}\n.pf-c-table__tree-view-main > .pf-c-table__check label {\n padding-right: var(--pf-c-table__tree-view-main--c-table__check--PaddingRight);\n padding-left: var(--pf-c-table__tree-view-main--c-table__check--PaddingLeft);\n margin: 0 calc(var(--pf-c-table__tree-view-main--c-table__check--MarginRight) * -1) 0 0;\n}\n\n.pf-c-table__tree-view-text {\n display: flex;\n}\n\n.pf-c-table__tree-view-icon {\n min-width: var(--pf-c-table__tree-view-icon--MinWidth);\n margin-right: var(--pf-c-table__tree-view-icon--MarginRight);\n}\n\n.pf-c-table__tree-view-details-toggle {\n display: none;\n visibility: hidden;\n}\n\n.pf-m-tree-view-grid.pf-c-table {\n --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;\n --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);\n --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);\n --pf-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);\n --pf-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);\n}\n.pf-m-tree-view-grid.pf-c-table tbody tr {\n position: relative;\n outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);\n border: none;\n}\n.pf-m-tree-view-grid.pf-c-table tbody tr::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n content: \"\";\n}\n.pf-m-tree-view-grid.pf-c-table tr:not([hidden]) {\n display: grid;\n grid-template-columns: 1fr -webkit-max-content;\n grid-template-columns: 1fr max-content;\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);\n}\n.pf-m-tree-view-grid.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);\n padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-text {\n padding-right: var(--pf-c-table__tree-view-text--PaddingRight);\n}\n.pf-m-tree-view-grid.pf-c-table thead th {\n display: none;\n visibility: none;\n}\n.pf-m-tree-view-grid.pf-c-table td {\n display: none;\n}\n.pf-m-tree-view-grid.pf-c-table td[data-label] {\n grid-column: 1;\n grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);\n grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);\n align-items: start;\n}\n.pf-m-tree-view-grid.pf-c-table td[data-label] > * {\n grid-column: 2;\n}\n.pf-m-tree-view-grid.pf-c-table td[data-label]::before {\n font-weight: bold;\n text-align: left;\n content: attr(data-label);\n}\n.pf-m-tree-view-grid.pf-c-table tr.pf-m-tree-view-details-expanded {\n padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);\n}\n.pf-m-tree-view-grid.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {\n display: grid;\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-title-header-cell {\n display: block;\n visibility: visible;\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-details-toggle,\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__action {\n display: inline-block;\n visibility: visible;\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__action {\n --pf-c-table--cell--Width: auto;\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);\n grid-column: 2;\n grid-row: 1;\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__action > .pf-c-dropdown {\n margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);\n margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom);\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);\n margin-left: auto;\n order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-details-toggle {\n margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);\n margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"2\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"3\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"4\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"5\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"6\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"7\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"8\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"9\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"10\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n}\n\n@media screen and (max-width: 768px) {\n .pf-m-tree-view-grid-md.pf-c-table {\n --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;\n --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);\n --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);\n --pf-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);\n --pf-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);\n }\n .pf-m-tree-view-grid-md.pf-c-table tbody tr {\n position: relative;\n outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);\n border: none;\n }\n .pf-m-tree-view-grid-md.pf-c-table tbody tr::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n content: \"\";\n }\n .pf-m-tree-view-grid-md.pf-c-table tr:not([hidden]) {\n display: grid;\n grid-template-columns: 1fr -webkit-max-content;\n grid-template-columns: 1fr max-content;\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);\n }\n .pf-m-tree-view-grid-md.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);\n padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-text {\n padding-right: var(--pf-c-table__tree-view-text--PaddingRight);\n }\n .pf-m-tree-view-grid-md.pf-c-table thead th {\n display: none;\n visibility: none;\n }\n .pf-m-tree-view-grid-md.pf-c-table td {\n display: none;\n }\n .pf-m-tree-view-grid-md.pf-c-table td[data-label] {\n grid-column: 1;\n grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);\n grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);\n align-items: start;\n }\n .pf-m-tree-view-grid-md.pf-c-table td[data-label] > * {\n grid-column: 2;\n }\n .pf-m-tree-view-grid-md.pf-c-table td[data-label]::before {\n font-weight: bold;\n text-align: left;\n content: attr(data-label);\n }\n .pf-m-tree-view-grid-md.pf-c-table tr.pf-m-tree-view-details-expanded {\n padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);\n }\n .pf-m-tree-view-grid-md.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {\n display: grid;\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-title-header-cell {\n display: block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle,\n.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {\n display: inline-block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {\n --pf-c-table--cell--Width: auto;\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);\n grid-column: 2;\n grid-row: 1;\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action > .pf-c-dropdown {\n margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);\n margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom);\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);\n margin-left: auto;\n order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle {\n margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);\n margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"2\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"3\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"4\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"5\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"6\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"7\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"8\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"9\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"10\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n }\n}\n\n@media screen and (max-width: 992px) {\n .pf-m-tree-view-grid-lg.pf-c-table {\n --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;\n --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);\n --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);\n --pf-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);\n --pf-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);\n }\n .pf-m-tree-view-grid-lg.pf-c-table tbody tr {\n position: relative;\n outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);\n border: none;\n }\n .pf-m-tree-view-grid-lg.pf-c-table tbody tr::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n content: \"\";\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr:not([hidden]) {\n display: grid;\n grid-template-columns: 1fr -webkit-max-content;\n grid-template-columns: 1fr max-content;\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);\n }\n .pf-m-tree-view-grid-lg.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);\n padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-text {\n padding-right: var(--pf-c-table__tree-view-text--PaddingRight);\n }\n .pf-m-tree-view-grid-lg.pf-c-table thead th {\n display: none;\n visibility: none;\n }\n .pf-m-tree-view-grid-lg.pf-c-table td {\n display: none;\n }\n .pf-m-tree-view-grid-lg.pf-c-table td[data-label] {\n grid-column: 1;\n grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);\n grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);\n align-items: start;\n }\n .pf-m-tree-view-grid-lg.pf-c-table td[data-label] > * {\n grid-column: 2;\n }\n .pf-m-tree-view-grid-lg.pf-c-table td[data-label]::before {\n font-weight: bold;\n text-align: left;\n content: attr(data-label);\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr.pf-m-tree-view-details-expanded {\n padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {\n display: grid;\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-title-header-cell {\n display: block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle,\n.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {\n display: inline-block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {\n --pf-c-table--cell--Width: auto;\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);\n grid-column: 2;\n grid-row: 1;\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action > .pf-c-dropdown {\n margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);\n margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom);\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);\n margin-left: auto;\n order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle {\n margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);\n margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"2\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"3\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"4\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"5\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"6\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"7\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"8\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"9\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"10\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n }\n}\n\n@media screen and (max-width: 1200px) {\n .pf-m-tree-view-grid-xl.pf-c-table {\n --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;\n --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);\n --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);\n --pf-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);\n --pf-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);\n }\n .pf-m-tree-view-grid-xl.pf-c-table tbody tr {\n position: relative;\n outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);\n border: none;\n }\n .pf-m-tree-view-grid-xl.pf-c-table tbody tr::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n content: \"\";\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr:not([hidden]) {\n display: grid;\n grid-template-columns: 1fr -webkit-max-content;\n grid-template-columns: 1fr max-content;\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);\n }\n .pf-m-tree-view-grid-xl.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);\n padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-text {\n padding-right: var(--pf-c-table__tree-view-text--PaddingRight);\n }\n .pf-m-tree-view-grid-xl.pf-c-table thead th {\n display: none;\n visibility: none;\n }\n .pf-m-tree-view-grid-xl.pf-c-table td {\n display: none;\n }\n .pf-m-tree-view-grid-xl.pf-c-table td[data-label] {\n grid-column: 1;\n grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);\n grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);\n align-items: start;\n }\n .pf-m-tree-view-grid-xl.pf-c-table td[data-label] > * {\n grid-column: 2;\n }\n .pf-m-tree-view-grid-xl.pf-c-table td[data-label]::before {\n font-weight: bold;\n text-align: left;\n content: attr(data-label);\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr.pf-m-tree-view-details-expanded {\n padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {\n display: grid;\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-title-header-cell {\n display: block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle,\n.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {\n display: inline-block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {\n --pf-c-table--cell--Width: auto;\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);\n grid-column: 2;\n grid-row: 1;\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action > .pf-c-dropdown {\n margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);\n margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom);\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);\n margin-left: auto;\n order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle {\n margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);\n margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"2\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"3\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"4\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"5\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"6\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"7\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"8\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"9\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"10\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n }\n}\n\n@media screen and (max-width: 1450px) {\n .pf-m-tree-view-grid-2xl.pf-c-table {\n --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;\n --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);\n --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);\n --pf-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);\n --pf-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tbody tr {\n position: relative;\n outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);\n border: none;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tbody tr::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n content: \"\";\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr:not([hidden]) {\n display: grid;\n grid-template-columns: 1fr -webkit-max-content;\n grid-template-columns: 1fr max-content;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);\n padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-text {\n padding-right: var(--pf-c-table__tree-view-text--PaddingRight);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table thead th {\n display: none;\n visibility: none;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table td {\n display: none;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table td[data-label] {\n grid-column: 1;\n grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);\n grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);\n align-items: start;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table td[data-label] > * {\n grid-column: 2;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table td[data-label]::before {\n font-weight: bold;\n text-align: left;\n content: attr(data-label);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr.pf-m-tree-view-details-expanded {\n padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {\n display: grid;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-title-header-cell {\n display: block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle,\n.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {\n display: inline-block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {\n --pf-c-table--cell--Width: auto;\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);\n grid-column: 2;\n grid-row: 1;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action > .pf-c-dropdown {\n margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);\n margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);\n margin-left: auto;\n order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle {\n margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);\n margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"2\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"3\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"4\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"5\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"6\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"7\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"8\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"9\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"10\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n }\n}";
3
+
4
+ export { css_248z as default, stylesheet };
package/dist/table-tree-view-eec85588.js ADDED
@@ -0,0 +1,5 @@
1
+ var css_248z = ".pf-c-table {\n --pf-c-table__tree-view-main--indent--base: calc(var(--pf-global--spacer--md) * 2 + var(--pf-c-table__tree-view-icon--MinWidth));\n --pf-c-table__tree-view-main--nested-indent--base: calc(var(--pf-c-table__tree-view-main--indent--base) - var(--pf-global--spacer--md));\n --pf-c-table__tree-view-main--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table__tree-view-main--MarginLeft: calc(var(--pf-c-table--cell--PaddingLeft) * -1);\n --pf-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table__tree-view-main--c-table__check--PaddingLeft: var(--pf-global--spacer--sm);\n --pf-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-global--spacer--sm);\n --pf-c-table__tree-view-icon--MinWidth: var(--pf-global--FontSize--md);\n --pf-c-table__tree-view-icon--MarginRight: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view__toggle--Position: absolute;\n --pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);\n --pf-c-table--m-tree-view__toggle--TranslateX: -100%;\n --pf-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-global--FontSize--md);\n}\n.pf-c-table.pf-m-tree-view > tbody > tr {\n --pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"2\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"3\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"4\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"5\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"6\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"7\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"8\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"9\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"10\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n}\n\n.pf-c-table__tree-view-main {\n position: relative;\n display: flex;\n align-items: baseline;\n min-width: 0;\n padding-left: var(--pf-c-table__tree-view-main--PaddingLeft);\n margin-left: var(--pf-c-table__tree-view-main--MarginLeft);\n text-align: left;\n cursor: pointer;\n}\n.pf-c-table__tree-view-main > .pf-c-table__toggle {\n position: var(--pf-c-table--m-tree-view__toggle--Position);\n left: var(--pf-c-table--m-tree-view__toggle--Left);\n transform: translateX(var(--pf-c-table--m-tree-view__toggle--TranslateX));\n}\n.pf-c-table__tree-view-main > .pf-c-table__toggle .pf-c-table__toggle-icon {\n min-width: var(--pf-c-table--m-tree-view__toggle__toggle-icon--MinWidth);\n}\n.pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table__tree-view-main--c-table__check--MarginRight);\n}\n.pf-c-table__tree-view-main > .pf-c-table__check label {\n padding-right: var(--pf-c-table__tree-view-main--c-table__check--PaddingRight);\n padding-left: var(--pf-c-table__tree-view-main--c-table__check--PaddingLeft);\n margin: 0 calc(var(--pf-c-table__tree-view-main--c-table__check--MarginRight) * -1) 0 0;\n}\n\n.pf-c-table__tree-view-text {\n display: flex;\n}\n\n.pf-c-table__tree-view-icon {\n min-width: var(--pf-c-table__tree-view-icon--MinWidth);\n margin-right: var(--pf-c-table__tree-view-icon--MarginRight);\n}\n\n.pf-c-table__tree-view-details-toggle {\n display: none;\n visibility: hidden;\n}\n\n.pf-m-tree-view-grid.pf-c-table {\n --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;\n --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);\n --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);\n --pf-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);\n --pf-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);\n}\n.pf-m-tree-view-grid.pf-c-table tbody tr {\n position: relative;\n outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);\n border: none;\n}\n.pf-m-tree-view-grid.pf-c-table tbody tr::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n content: \"\";\n}\n.pf-m-tree-view-grid.pf-c-table tr:not([hidden]) {\n display: grid;\n grid-template-columns: 1fr -webkit-max-content;\n grid-template-columns: 1fr max-content;\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);\n}\n.pf-m-tree-view-grid.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);\n padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-text {\n padding-right: var(--pf-c-table__tree-view-text--PaddingRight);\n}\n.pf-m-tree-view-grid.pf-c-table thead th {\n display: none;\n visibility: none;\n}\n.pf-m-tree-view-grid.pf-c-table td {\n display: none;\n}\n.pf-m-tree-view-grid.pf-c-table td[data-label] {\n grid-column: 1;\n grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);\n grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);\n align-items: start;\n}\n.pf-m-tree-view-grid.pf-c-table td[data-label] > * {\n grid-column: 2;\n}\n.pf-m-tree-view-grid.pf-c-table td[data-label]::before {\n font-weight: bold;\n text-align: left;\n content: attr(data-label);\n}\n.pf-m-tree-view-grid.pf-c-table tr.pf-m-tree-view-details-expanded {\n padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);\n}\n.pf-m-tree-view-grid.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {\n display: grid;\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-title-header-cell {\n display: block;\n visibility: visible;\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-details-toggle,\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__action {\n display: inline-block;\n visibility: visible;\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__action {\n --pf-c-table--cell--Width: auto;\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);\n grid-column: 2;\n grid-row: 1;\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__action > .pf-c-dropdown {\n margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);\n margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom);\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);\n margin-left: auto;\n order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-details-toggle {\n margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);\n margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"2\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"3\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"4\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"5\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"6\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"7\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"8\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"9\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"10\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n}\n\n@media screen and (max-width: 768px) {\n .pf-m-tree-view-grid-md.pf-c-table {\n --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;\n --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);\n --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);\n --pf-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);\n --pf-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);\n }\n .pf-m-tree-view-grid-md.pf-c-table tbody tr {\n position: relative;\n outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);\n border: none;\n }\n .pf-m-tree-view-grid-md.pf-c-table tbody tr::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n content: \"\";\n }\n .pf-m-tree-view-grid-md.pf-c-table tr:not([hidden]) {\n display: grid;\n grid-template-columns: 1fr -webkit-max-content;\n grid-template-columns: 1fr max-content;\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);\n }\n .pf-m-tree-view-grid-md.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);\n padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-text {\n padding-right: var(--pf-c-table__tree-view-text--PaddingRight);\n }\n .pf-m-tree-view-grid-md.pf-c-table thead th {\n display: none;\n visibility: none;\n }\n .pf-m-tree-view-grid-md.pf-c-table td {\n display: none;\n }\n .pf-m-tree-view-grid-md.pf-c-table td[data-label] {\n grid-column: 1;\n grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);\n grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);\n align-items: start;\n }\n .pf-m-tree-view-grid-md.pf-c-table td[data-label] > * {\n grid-column: 2;\n }\n .pf-m-tree-view-grid-md.pf-c-table td[data-label]::before {\n font-weight: bold;\n text-align: left;\n content: attr(data-label);\n }\n .pf-m-tree-view-grid-md.pf-c-table tr.pf-m-tree-view-details-expanded {\n padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);\n }\n .pf-m-tree-view-grid-md.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {\n display: grid;\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-title-header-cell {\n display: block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle,\n.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {\n display: inline-block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {\n --pf-c-table--cell--Width: auto;\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);\n grid-column: 2;\n grid-row: 1;\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action > .pf-c-dropdown {\n margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);\n margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom);\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);\n margin-left: auto;\n order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle {\n margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);\n margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"2\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"3\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"4\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"5\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"6\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"7\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"8\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"9\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"10\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n }\n}\n\n@media screen and (max-width: 992px) {\n .pf-m-tree-view-grid-lg.pf-c-table {\n --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;\n --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);\n --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);\n --pf-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);\n --pf-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);\n }\n .pf-m-tree-view-grid-lg.pf-c-table tbody tr {\n position: relative;\n outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);\n border: none;\n }\n .pf-m-tree-view-grid-lg.pf-c-table tbody tr::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n content: \"\";\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr:not([hidden]) {\n display: grid;\n grid-template-columns: 1fr -webkit-max-content;\n grid-template-columns: 1fr max-content;\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);\n }\n .pf-m-tree-view-grid-lg.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);\n padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-text {\n padding-right: var(--pf-c-table__tree-view-text--PaddingRight);\n }\n .pf-m-tree-view-grid-lg.pf-c-table thead th {\n display: none;\n visibility: none;\n }\n .pf-m-tree-view-grid-lg.pf-c-table td {\n display: none;\n }\n .pf-m-tree-view-grid-lg.pf-c-table td[data-label] {\n grid-column: 1;\n grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);\n grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);\n align-items: start;\n }\n .pf-m-tree-view-grid-lg.pf-c-table td[data-label] > * {\n grid-column: 2;\n }\n .pf-m-tree-view-grid-lg.pf-c-table td[data-label]::before {\n font-weight: bold;\n text-align: left;\n content: attr(data-label);\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr.pf-m-tree-view-details-expanded {\n padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {\n display: grid;\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-title-header-cell {\n display: block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle,\n.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {\n display: inline-block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {\n --pf-c-table--cell--Width: auto;\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);\n grid-column: 2;\n grid-row: 1;\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action > .pf-c-dropdown {\n margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);\n margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom);\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);\n margin-left: auto;\n order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle {\n margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);\n margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"2\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"3\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"4\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"5\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"6\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"7\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"8\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"9\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"10\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n }\n}\n\n@media screen and (max-width: 1200px) {\n .pf-m-tree-view-grid-xl.pf-c-table {\n --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;\n --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);\n --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);\n --pf-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);\n --pf-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);\n }\n .pf-m-tree-view-grid-xl.pf-c-table tbody tr {\n position: relative;\n outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);\n border: none;\n }\n .pf-m-tree-view-grid-xl.pf-c-table tbody tr::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n content: \"\";\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr:not([hidden]) {\n display: grid;\n grid-template-columns: 1fr -webkit-max-content;\n grid-template-columns: 1fr max-content;\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);\n }\n .pf-m-tree-view-grid-xl.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);\n padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-text {\n padding-right: var(--pf-c-table__tree-view-text--PaddingRight);\n }\n .pf-m-tree-view-grid-xl.pf-c-table thead th {\n display: none;\n visibility: none;\n }\n .pf-m-tree-view-grid-xl.pf-c-table td {\n display: none;\n }\n .pf-m-tree-view-grid-xl.pf-c-table td[data-label] {\n grid-column: 1;\n grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);\n grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);\n align-items: start;\n }\n .pf-m-tree-view-grid-xl.pf-c-table td[data-label] > * {\n grid-column: 2;\n }\n .pf-m-tree-view-grid-xl.pf-c-table td[data-label]::before {\n font-weight: bold;\n text-align: left;\n content: attr(data-label);\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr.pf-m-tree-view-details-expanded {\n padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {\n display: grid;\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-title-header-cell {\n display: block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle,\n.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {\n display: inline-block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {\n --pf-c-table--cell--Width: auto;\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);\n grid-column: 2;\n grid-row: 1;\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action > .pf-c-dropdown {\n margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);\n margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom);\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);\n margin-left: auto;\n order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle {\n margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);\n margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"2\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"3\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"4\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"5\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"6\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"7\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"8\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"9\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"10\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n }\n}\n\n@media screen and (max-width: 1450px) {\n .pf-m-tree-view-grid-2xl.pf-c-table {\n --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;\n --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);\n --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);\n --pf-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);\n --pf-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tbody tr {\n position: relative;\n outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);\n border: none;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tbody tr::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n content: \"\";\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr:not([hidden]) {\n display: grid;\n grid-template-columns: 1fr -webkit-max-content;\n grid-template-columns: 1fr max-content;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);\n padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-text {\n padding-right: var(--pf-c-table__tree-view-text--PaddingRight);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table thead th {\n display: none;\n visibility: none;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table td {\n display: none;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table td[data-label] {\n grid-column: 1;\n grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);\n grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);\n align-items: start;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table td[data-label] > * {\n grid-column: 2;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table td[data-label]::before {\n font-weight: bold;\n text-align: left;\n content: attr(data-label);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr.pf-m-tree-view-details-expanded {\n padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {\n display: grid;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-title-header-cell {\n display: block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle,\n.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {\n display: inline-block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {\n --pf-c-table--cell--Width: auto;\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);\n grid-column: 2;\n grid-row: 1;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action > .pf-c-dropdown {\n margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);\n margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);\n margin-left: auto;\n order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle {\n margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);\n margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"2\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"3\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"4\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"5\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"6\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"7\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"8\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"9\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"10\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n }\n}";
2
+ var stylesheet=".pf-c-table {\n --pf-c-table__tree-view-main--indent--base: calc(var(--pf-global--spacer--md) * 2 + var(--pf-c-table__tree-view-icon--MinWidth));\n --pf-c-table__tree-view-main--nested-indent--base: calc(var(--pf-c-table__tree-view-main--indent--base) - var(--pf-global--spacer--md));\n --pf-c-table__tree-view-main--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table__tree-view-main--MarginLeft: calc(var(--pf-c-table--cell--PaddingLeft) * -1);\n --pf-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table__tree-view-main--c-table__check--PaddingLeft: var(--pf-global--spacer--sm);\n --pf-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-global--spacer--sm);\n --pf-c-table__tree-view-icon--MinWidth: var(--pf-global--FontSize--md);\n --pf-c-table__tree-view-icon--MarginRight: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view__toggle--Position: absolute;\n --pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);\n --pf-c-table--m-tree-view__toggle--TranslateX: -100%;\n --pf-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-global--FontSize--md);\n}\n.pf-c-table.pf-m-tree-view > tbody > tr {\n --pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"2\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"3\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"4\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"5\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"6\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"7\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"8\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"9\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-c-table.pf-m-tree-view tr[aria-level=\"10\"] {\n --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n}\n\n.pf-c-table__tree-view-main {\n position: relative;\n display: flex;\n align-items: baseline;\n min-width: 0;\n padding-left: var(--pf-c-table__tree-view-main--PaddingLeft);\n margin-left: var(--pf-c-table__tree-view-main--MarginLeft);\n text-align: left;\n cursor: pointer;\n}\n.pf-c-table__tree-view-main > .pf-c-table__toggle {\n position: var(--pf-c-table--m-tree-view__toggle--Position);\n left: var(--pf-c-table--m-tree-view__toggle--Left);\n transform: translateX(var(--pf-c-table--m-tree-view__toggle--TranslateX));\n}\n.pf-c-table__tree-view-main > .pf-c-table__toggle .pf-c-table__toggle-icon {\n min-width: var(--pf-c-table--m-tree-view__toggle__toggle-icon--MinWidth);\n}\n.pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table__tree-view-main--c-table__check--MarginRight);\n}\n.pf-c-table__tree-view-main > .pf-c-table__check label {\n padding-right: var(--pf-c-table__tree-view-main--c-table__check--PaddingRight);\n padding-left: var(--pf-c-table__tree-view-main--c-table__check--PaddingLeft);\n margin: 0 calc(var(--pf-c-table__tree-view-main--c-table__check--MarginRight) * -1) 0 0;\n}\n\n.pf-c-table__tree-view-text {\n display: flex;\n}\n\n.pf-c-table__tree-view-icon {\n min-width: var(--pf-c-table__tree-view-icon--MinWidth);\n margin-right: var(--pf-c-table__tree-view-icon--MarginRight);\n}\n\n.pf-c-table__tree-view-details-toggle {\n display: none;\n visibility: hidden;\n}\n\n.pf-m-tree-view-grid.pf-c-table {\n --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;\n --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);\n --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);\n --pf-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);\n --pf-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);\n}\n.pf-m-tree-view-grid.pf-c-table tbody tr {\n position: relative;\n outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);\n border: none;\n}\n.pf-m-tree-view-grid.pf-c-table tbody tr::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n content: \"\";\n}\n.pf-m-tree-view-grid.pf-c-table tr:not([hidden]) {\n display: grid;\n grid-template-columns: 1fr -webkit-max-content;\n grid-template-columns: 1fr max-content;\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);\n}\n.pf-m-tree-view-grid.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);\n padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-text {\n padding-right: var(--pf-c-table__tree-view-text--PaddingRight);\n}\n.pf-m-tree-view-grid.pf-c-table thead th {\n display: none;\n visibility: none;\n}\n.pf-m-tree-view-grid.pf-c-table td {\n display: none;\n}\n.pf-m-tree-view-grid.pf-c-table td[data-label] {\n grid-column: 1;\n grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);\n grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);\n align-items: start;\n}\n.pf-m-tree-view-grid.pf-c-table td[data-label] > * {\n grid-column: 2;\n}\n.pf-m-tree-view-grid.pf-c-table td[data-label]::before {\n font-weight: bold;\n text-align: left;\n content: attr(data-label);\n}\n.pf-m-tree-view-grid.pf-c-table tr.pf-m-tree-view-details-expanded {\n padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);\n}\n.pf-m-tree-view-grid.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {\n display: grid;\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-title-header-cell {\n display: block;\n visibility: visible;\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-details-toggle,\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__action {\n display: inline-block;\n visibility: visible;\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__action {\n --pf-c-table--cell--Width: auto;\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);\n grid-column: 2;\n grid-row: 1;\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__action > .pf-c-dropdown {\n margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);\n margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom);\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);\n margin-left: auto;\n order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);\n}\n.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-details-toggle {\n margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);\n margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"2\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"3\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"4\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"5\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"6\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"7\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"8\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"9\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n}\n.pf-m-tree-view-grid.pf-c-table tr[aria-level=\"10\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n}\n\n@media screen and (max-width: 768px) {\n .pf-m-tree-view-grid-md.pf-c-table {\n --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;\n --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);\n --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);\n --pf-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);\n --pf-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);\n }\n .pf-m-tree-view-grid-md.pf-c-table tbody tr {\n position: relative;\n outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);\n border: none;\n }\n .pf-m-tree-view-grid-md.pf-c-table tbody tr::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n content: \"\";\n }\n .pf-m-tree-view-grid-md.pf-c-table tr:not([hidden]) {\n display: grid;\n grid-template-columns: 1fr -webkit-max-content;\n grid-template-columns: 1fr max-content;\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);\n }\n .pf-m-tree-view-grid-md.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);\n padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-text {\n padding-right: var(--pf-c-table__tree-view-text--PaddingRight);\n }\n .pf-m-tree-view-grid-md.pf-c-table thead th {\n display: none;\n visibility: none;\n }\n .pf-m-tree-view-grid-md.pf-c-table td {\n display: none;\n }\n .pf-m-tree-view-grid-md.pf-c-table td[data-label] {\n grid-column: 1;\n grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);\n grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);\n align-items: start;\n }\n .pf-m-tree-view-grid-md.pf-c-table td[data-label] > * {\n grid-column: 2;\n }\n .pf-m-tree-view-grid-md.pf-c-table td[data-label]::before {\n font-weight: bold;\n text-align: left;\n content: attr(data-label);\n }\n .pf-m-tree-view-grid-md.pf-c-table tr.pf-m-tree-view-details-expanded {\n padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);\n }\n .pf-m-tree-view-grid-md.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {\n display: grid;\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-title-header-cell {\n display: block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle,\n.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {\n display: inline-block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {\n --pf-c-table--cell--Width: auto;\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);\n grid-column: 2;\n grid-row: 1;\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action > .pf-c-dropdown {\n margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);\n margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom);\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);\n margin-left: auto;\n order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);\n }\n .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle {\n margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);\n margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"2\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"3\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"4\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"5\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"6\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"7\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"8\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"9\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-md.pf-c-table tr[aria-level=\"10\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n }\n}\n\n@media screen and (max-width: 992px) {\n .pf-m-tree-view-grid-lg.pf-c-table {\n --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;\n --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);\n --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);\n --pf-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);\n --pf-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);\n }\n .pf-m-tree-view-grid-lg.pf-c-table tbody tr {\n position: relative;\n outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);\n border: none;\n }\n .pf-m-tree-view-grid-lg.pf-c-table tbody tr::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n content: \"\";\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr:not([hidden]) {\n display: grid;\n grid-template-columns: 1fr -webkit-max-content;\n grid-template-columns: 1fr max-content;\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);\n }\n .pf-m-tree-view-grid-lg.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);\n padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-text {\n padding-right: var(--pf-c-table__tree-view-text--PaddingRight);\n }\n .pf-m-tree-view-grid-lg.pf-c-table thead th {\n display: none;\n visibility: none;\n }\n .pf-m-tree-view-grid-lg.pf-c-table td {\n display: none;\n }\n .pf-m-tree-view-grid-lg.pf-c-table td[data-label] {\n grid-column: 1;\n grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);\n grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);\n align-items: start;\n }\n .pf-m-tree-view-grid-lg.pf-c-table td[data-label] > * {\n grid-column: 2;\n }\n .pf-m-tree-view-grid-lg.pf-c-table td[data-label]::before {\n font-weight: bold;\n text-align: left;\n content: attr(data-label);\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr.pf-m-tree-view-details-expanded {\n padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {\n display: grid;\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-title-header-cell {\n display: block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle,\n.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {\n display: inline-block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {\n --pf-c-table--cell--Width: auto;\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);\n grid-column: 2;\n grid-row: 1;\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action > .pf-c-dropdown {\n margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);\n margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom);\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);\n margin-left: auto;\n order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);\n }\n .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle {\n margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);\n margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"2\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"3\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"4\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"5\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"6\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"7\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"8\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"9\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level=\"10\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n }\n}\n\n@media screen and (max-width: 1200px) {\n .pf-m-tree-view-grid-xl.pf-c-table {\n --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;\n --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);\n --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);\n --pf-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);\n --pf-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);\n }\n .pf-m-tree-view-grid-xl.pf-c-table tbody tr {\n position: relative;\n outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);\n border: none;\n }\n .pf-m-tree-view-grid-xl.pf-c-table tbody tr::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n content: \"\";\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr:not([hidden]) {\n display: grid;\n grid-template-columns: 1fr -webkit-max-content;\n grid-template-columns: 1fr max-content;\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);\n }\n .pf-m-tree-view-grid-xl.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);\n padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-text {\n padding-right: var(--pf-c-table__tree-view-text--PaddingRight);\n }\n .pf-m-tree-view-grid-xl.pf-c-table thead th {\n display: none;\n visibility: none;\n }\n .pf-m-tree-view-grid-xl.pf-c-table td {\n display: none;\n }\n .pf-m-tree-view-grid-xl.pf-c-table td[data-label] {\n grid-column: 1;\n grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);\n grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);\n align-items: start;\n }\n .pf-m-tree-view-grid-xl.pf-c-table td[data-label] > * {\n grid-column: 2;\n }\n .pf-m-tree-view-grid-xl.pf-c-table td[data-label]::before {\n font-weight: bold;\n text-align: left;\n content: attr(data-label);\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr.pf-m-tree-view-details-expanded {\n padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {\n display: grid;\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-title-header-cell {\n display: block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle,\n.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {\n display: inline-block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {\n --pf-c-table--cell--Width: auto;\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);\n grid-column: 2;\n grid-row: 1;\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action > .pf-c-dropdown {\n margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);\n margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom);\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);\n margin-left: auto;\n order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);\n }\n .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle {\n margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);\n margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"2\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"3\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"4\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"5\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"6\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"7\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"8\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"9\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level=\"10\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n }\n}\n\n@media screen and (max-width: 1450px) {\n .pf-m-tree-view-grid-2xl.pf-c-table {\n --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);\n --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;\n --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;\n --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);\n --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);\n --pf-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);\n --pf-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);\n --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tbody tr {\n position: relative;\n outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);\n border: none;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tbody tr::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n content: \"\";\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr:not([hidden]) {\n display: grid;\n grid-template-columns: 1fr -webkit-max-content;\n grid-template-columns: 1fr max-content;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);\n padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-text {\n padding-right: var(--pf-c-table__tree-view-text--PaddingRight);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table thead th {\n display: none;\n visibility: none;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table td {\n display: none;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table td[data-label] {\n grid-column: 1;\n grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);\n grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);\n align-items: start;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table td[data-label] > * {\n grid-column: 2;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table td[data-label]::before {\n font-weight: bold;\n text-align: left;\n content: attr(data-label);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr.pf-m-tree-view-details-expanded {\n padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {\n display: grid;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-title-header-cell {\n display: block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle,\n.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {\n display: inline-block;\n visibility: visible;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {\n --pf-c-table--cell--Width: auto;\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);\n --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);\n grid-column: 2;\n grid-row: 1;\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action > .pf-c-dropdown {\n margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);\n margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check {\n margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);\n margin-left: auto;\n order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle {\n margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);\n margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"2\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"3\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"4\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"5\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"6\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"7\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"8\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"9\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-c-table__tree-view-main--indent--base));\n }\n .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level=\"10\"] {\n --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-c-table__tree-view-main--indent--base));\n }\n}";
3
+
4
+ exports["default"] = css_248z;
5
+ exports.stylesheet = stylesheet;
package/package.json ADDED
@@ -0,0 +1,84 @@
1
+ {
2
+ "name": "@rhc-shared-components/packages-table",
3
+ "version": "0.1.0",
4
+ "description": "project description",
5
+ "author": "redhatofficial",
6
+ "license": "MIT",
7
+ "repository": "https://gitlab.cee.redhat.com/customer-platform/rhc-shared-components/",
8
+ "main": "dist/index.js",
9
+ "module": "dist/index.modern.js",
10
+ "source": "src/index.tsx",
11
+ "engines": {
12
+ "node": ">=10"
13
+ },
14
+ "scripts": {
15
+ "build": "microbundle --css inline --no-sourcemap --no-compress --format modern,cjs --jsx React.createElement",
16
+ "start": "microbundle watch --css inline --no-compress --format modern,cjs --jsx React.createElement",
17
+ "clean": "rimraf dist",
18
+ "prepare": "run-s clean build",
19
+ "test": "run-s test:unit test:lint test:build",
20
+ "test:build": "run-s build",
21
+ "test:lint": "eslint .",
22
+ "test:unit": "cross-env CI=1 react-scripts test --env=jsdom",
23
+ "test:watch": "react-scripts test --env=jsdom",
24
+ "predeploy": "cd example && yarn install && yarn run build"
25
+ },
26
+ "peerDependencies": {
27
+ "@patternfly/react-core": ">=4.101.3",
28
+ "date-fns": ">=2.13.0",
29
+ "formik": ">=2.1.4",
30
+ "react": ">=16.13.1",
31
+ "react-dom": ">=16.13.1"
32
+ },
33
+ "devDependencies": {
34
+ "@patternfly/pfe-icon": "^1.12.3",
35
+ "@patternfly/pfe-progress-indicator": "^1.12.3",
36
+ "@patternfly/pfe-tabs": "^1.12.3",
37
+ "@patternfly/react-table": "^4.75.2",
38
+ "@testing-library/jest-dom": "^4.2.4",
39
+ "@testing-library/react": "^9.5.0",
40
+ "@testing-library/user-event": "^7.2.1",
41
+ "@types/jest": "^25.1.4",
42
+ "@types/node": "^12.12.38",
43
+ "@types/react": "^16.9.27",
44
+ "@types/react-dom": "^16.9.7",
45
+ "@typescript-eslint/eslint-plugin": "^2.26.0",
46
+ "@typescript-eslint/parser": "^2.26.0",
47
+ "babel-eslint": "^10.0.3",
48
+ "cross-env": "^7.0.2",
49
+ "eslint": "^6.8.0",
50
+ "eslint-config-prettier": "^6.7.0",
51
+ "eslint-config-standard": "^14.1.0",
52
+ "eslint-config-standard-react": "^9.2.0",
53
+ "eslint-plugin-import": "^2.18.2",
54
+ "eslint-plugin-node": "^11.0.0",
55
+ "eslint-plugin-prettier": "^3.1.1",
56
+ "eslint-plugin-promise": "^4.2.1",
57
+ "eslint-plugin-react": "^7.17.0",
58
+ "eslint-plugin-standard": "^4.0.1",
59
+ "microbundle": "^0.13.3",
60
+ "node-sass": "^4.0.0",
61
+ "npm-run-all": "^4.1.5",
62
+ "prettier": "^2.0.4",
63
+ "react": "^16.13.1",
64
+ "react-dom": "^16.13.1",
65
+ "react-scripts": "^3.4.1",
66
+ "rimraf": "^3.0.2",
67
+ "typescript": "^3.7.5"
68
+ },
69
+ "dependencies": {
70
+ "@patternfly/react-core": "^4.101.3",
71
+ "date-fns": "^2.13.0",
72
+ "formik": "^2.1.4",
73
+ "lodash": "^4.17.21",
74
+ "react": "^16.13.1",
75
+ "react-dom": "^16.13.1"
76
+ },
77
+ "files": [
78
+ "dist"
79
+ ],
80
+ "publishConfig": {
81
+ "access": "public"
82
+ },
83
+ "gitHead": "1d1f82d6e45768295f57f6badd013088c578b662"
84
+ }