@rhc-shared-components/packages-table 0.3.6 → 1.0.1
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.
- package/dist/index.js +1519 -1295
- package/dist/index.modern.js +1369 -1185
- package/package.json +4 -4
- package/dist/check-293a8689.js +0 -5
- package/dist/check-8277bc89.js +0 -4
- package/dist/inline-edit-aba2c28a.js +0 -5
- package/dist/inline-edit-dea85160.js +0 -4
- package/dist/table-68d022f9.js +0 -4
- package/dist/table-ee2a086b.js +0 -5
- package/dist/table-grid-5f08beb3.js +0 -4
- package/dist/table-grid-be1510e7.js +0 -5
- package/dist/table-scrollable-08a401e0.js +0 -4
- package/dist/table-scrollable-8d506d50.js +0 -5
- package/dist/table-tree-view-248a6705.js +0 -5
- package/dist/table-tree-view-c9374e2e.js +0 -4
|
@@ -1,5 +0,0 @@
|
|
|
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;
|
|
@@ -1,4 +0,0 @@
|
|
|
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 };
|