A tree view is a structure that displays data in a hierarchical view. It can be used in a dropdown , drawer , primary-detail , modal , or wizard .
Info alert: Beta featureThis Beta component is currently under review and is still open for further evolution. It is available for use in product. Beta components are considered for promotion on a quarterly basis. Please join in and give us your feedback or submit any questions on the
PatternFly forum or via
Slack . To learn more go to our
Beta components page on GitHub.
Expand all Really really really long folder name that overflows the container it is in
Really really really long folder name that overflows the container it is in
Really really really long folder name that overflows the container it is in
Really really really long folder name that overflows the container it is in
Really really really long folder name that overflows the container it is in 1
Application launcher 2 applications Cost management 1 applications Really really really long folder name that overflows the container it is in 1 application
Really really really long folder name that overflows the container it is in
Really really really long folder name that overflows the container it is in
apiVersion APIVersion defines the versioned schema of this representation of an object. Servers should convert recognized schemas to the latest internal value and may reject unrecognized values.
kind Kind is a string value representing the REST resource this object represents. Servers may infer this from the endpoint the client submits requests to. Cannot be updated is CamelCase. More info:
metadata Standard metadata object
spec Standard metadata object
apiVersion APIVersion defines the versioned schema of this representation of an object. Servers should convert recognized schemas to the latest internal value and may reject unrecognized values.
kind Kind is a string value representing the REST resource this object represents. Servers may infer this from the endpoint the client submits requests to. Cannot be updated is CamelCase. More info:
metadata Standard metadata object
spec Standard metadata object
Name Type Default Description data* required TreeViewDataItem []Data of the tree view activeItems TreeViewDataItem []Active items of tree view allExpanded boolean Sets the expanded state on all tree nodes, overriding default behavior and current internal state className string Class to add to add if not passed a parentItem compareItems (item: TreeViewDataItem , itemToCheck: TreeViewDataItem ) => boolean (item, itemToCheck) => item.id === itemToCheck.id Comparison function for determining active items defaultAllExpanded boolean false Sets the default expanded behavior expandedIcon React.ReactNode Icon for all expanded node items hasBadges boolean false Flag indicating if all nodes in the tree view should have badges hasChecks boolean false Flag indicating if all nodes in the tree view should have checkboxes hasGuides boolean false Flag indicating if tree view has guide lines. hasSelectableNodes boolean false Flag indicating that tree nodes should be independently selectable, even when having children icon React.ReactNode Icon for all leaf or unexpanded node items id string ID of the tree view isNested boolean false Flag indicating if the tree view is nested onCheck (event: React.ChangeEvent<HTMLInputElement>, item: TreeViewDataItem , parentItem: TreeViewDataItem ) => void Callback for item checkbox selection onSelect (event: React.MouseEvent, item: TreeViewDataItem , parentItem: TreeViewDataItem ) => void Callback for item selection parentItem TreeViewDataItem Internal. Parent item of a TreeViewListItem toolbar React.ReactNode Toolbar to display above the tree view useMemo boolean Flag indicating the TreeView should utilize memoization to help render large data sets. Setting this property requires that `activeItems` pass in an array containing every node in the selected item's path. variant 'default' | 'compact' | 'compactNoBackground' 'default' Variant presentation styles for the tree view.
Name Type Default Description name* required React.ReactNode Internal content of a tree view item action React.ReactNode Action of a tree view item, can be a Button or Dropdown badgeProps any Additional properties of the tree view item badge checkProps TreeViewCheckProps Additional properties of the tree view item checkbox children TreeViewDataItem []Child nodes of a tree view item customBadgeContent React.ReactNode Optional prop for custom badge defaultExpanded boolean Flag indicating if node is expanded by default expandedIcon React.ReactNode Expanded icon of a tree view item hasBadge boolean Flag indicating if a tree view item has a badge hasCheck boolean Flag indicating if a tree view item has a checkbox icon React.ReactNode Default icon of a tree view item id string ID of a tree view item title React.ReactNode Title a tree view item. Only used in Compact presentations.
Name Type Default Description aria-label string Accessible label for the search input className string Classes applied to the wrapper for the search input id string Id for the search input name string Name for the search input onSearch (event: React.ChangeEvent<HTMLInputElement>) => void Callback for search input
.pf-c-tree-view --pf-c-tree-view--PaddingTop --pf-c-tree-view--PaddingTop
.pf-c-tree-view --pf-c-tree-view--PaddingBottom --pf-c-tree-view--PaddingBottom
.pf-c-tree-view --pf-c-tree-view__node--indent--base --pf-c-tree-view__node--indent--base
calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) .pf-c-tree-view --pf-c-tree-view__node--nested-indent--base calc(calc(1rem * 2 + 1rem) - 1rem)
--pf-c-tree-view__node--nested-indent--base
calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) calc(calc(1rem * 2 + 1rem) - 1rem) .pf-c-tree-view --pf-c-tree-view__node--PaddingTop--base --pf-c-tree-view__node--PaddingTop--base
.pf-c-tree-view --pf-c-tree-view__node--PaddingTop --pf-c-tree-view__node--PaddingTop
--pf-c-tree-view__node--PaddingTop--base .pf-c-tree-view --pf-c-tree-view__node--PaddingRight --pf-c-tree-view__node--PaddingRight
.pf-c-tree-view --pf-c-tree-view__node--PaddingBottom --pf-c-tree-view__node--PaddingBottom
.pf-c-tree-view --pf-c-tree-view__node--PaddingLeft --pf-c-tree-view__node--PaddingLeft
--pf-c-tree-view__node--indent--base calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) .pf-c-tree-view --pf-c-tree-view__node--Color --pf-c-tree-view__node--Color
.pf-c-tree-view --pf-c-tree-view__node--m-current--Color --pf-c-tree-view__node--m-current--Color
$pf-global--primary-color--100 .pf-c-tree-view --pf-c-tree-view__node--m-current--FontWeight --pf-c-tree-view__node--m-current--FontWeight
--pf-global--FontWeight--bold $pf-global--FontWeight--bold .pf-c-tree-view --pf-c-tree-view__node-container--Display .pf-c-tree-view --pf-c-tree-view__node-content--RowGap --pf-c-tree-view__node-content--RowGap
.pf-c-tree-view --pf-c-tree-view__node-content--Overflow .pf-c-tree-view --pf-c-tree-view__node--hover--BackgroundColor --pf-c-tree-view__node--hover--BackgroundColor
--pf-global--BackgroundColor--200 $pf-global--BackgroundColor--200 .pf-c-tree-view --pf-c-tree-view__node--focus--BackgroundColor --pf-c-tree-view__node--focus--BackgroundColor
--pf-global--palette--black-200 .pf-c-tree-view --pf-c-tree-view__list-item__list-item__node-toggle--Top --pf-c-tree-view__list-item__list-item__node-toggle--Top
--pf-c-tree-view__node--PaddingTop--base .pf-c-tree-view --pf-c-tree-view__list-item__list-item__node-toggle--Left --pf-c-tree-view__list-item__list-item__node-toggle--Left
--pf-c-tree-view__node--PaddingLeft --pf-c-tree-view__node--indent--base calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) .pf-c-tree-view --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX .pf-c-tree-view --pf-c-tree-view__node-toggle--Position .pf-c-tree-view --pf-c-tree-view__node-toggle--Color--base --pf-c-tree-view__node-toggle--Color--base
.pf-c-tree-view --pf-c-tree-view__node-toggle--Color --pf-c-tree-view__node-toggle--Color
--pf-c-tree-view__node-toggle--Color--base .pf-c-tree-view --pf-c-tree-view__node-toggle--hover--Color --pf-c-tree-view__node-toggle--hover--Color
.pf-c-tree-view --pf-c-tree-view__node-toggle--focus--Color --pf-c-tree-view__node-toggle--focus--Color
.pf-c-tree-view --pf-c-tree-view__node-toggle--active--Color --pf-c-tree-view__node-toggle--active--Color
.pf-c-tree-view --pf-c-tree-view__list-item--m-expanded__node-toggle--Color --pf-c-tree-view__list-item--m-expanded__node-toggle--Color
.pf-c-tree-view --pf-c-tree-view__node-toggle-icon--MinWidth --pf-c-tree-view__node-toggle-icon--MinWidth
--pf-global--FontSize--md .pf-c-tree-view --pf-c-tree-view__node-toggle-icon--Transition transform 250ms cubic-bezier(.645, .045, .355, 1)
--pf-c-tree-view__node-toggle-icon--Transition
transform --pf-global--TransitionDuration --pf-global--TimingFunction transform $pf-global--TransitionDuration $pf-global--TimingFunction transform 250ms cubic-bezier(.645, .045, .355, 1) .pf-c-tree-view --pf-c-tree-view__node-toggle-button--PaddingTop --pf-c-tree-view__node-toggle-button--PaddingTop
--pf-global--spacer--form-element $pf-global--spacer--form-element .pf-c-tree-view --pf-c-tree-view__node-toggle-button--PaddingRight --pf-c-tree-view__node-toggle-button--PaddingRight
.pf-c-tree-view --pf-c-tree-view__node-toggle-button--PaddingBottom --pf-c-tree-view__node-toggle-button--PaddingBottom
--pf-global--spacer--form-element $pf-global--spacer--form-element .pf-c-tree-view --pf-c-tree-view__node-toggle-button--PaddingLeft --pf-c-tree-view__node-toggle-button--PaddingLeft
.pf-c-tree-view --pf-c-tree-view__node-toggle-button--MarginTop --pf-c-tree-view__node-toggle-button--MarginTop
calc(--pf-global--spacer--form-element * -1) calc($pf-global--spacer--form-element * -1) calc(pf-size-prem(6px) * -1) .pf-c-tree-view --pf-c-tree-view__node-toggle-button--MarginBottom --pf-c-tree-view__node-toggle-button--MarginBottom
calc(--pf-global--spacer--form-element * -1) calc($pf-global--spacer--form-element * -1) calc(pf-size-prem(6px) * -1) .pf-c-tree-view --pf-c-tree-view__node-check--MarginRight --pf-c-tree-view__node-check--MarginRight
.pf-c-tree-view --pf-c-tree-view__node-count--MarginLeft --pf-c-tree-view__node-count--MarginLeft
.pf-c-tree-view --pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor --pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor
--pf-global--disabled-color--200 $pf-global--disabled-color--200 .pf-c-tree-view --pf-c-tree-view__search--PaddingTop --pf-c-tree-view__search--PaddingTop
.pf-c-tree-view --pf-c-tree-view__search--PaddingRight --pf-c-tree-view__search--PaddingRight
.pf-c-tree-view --pf-c-tree-view__search--PaddingBottom --pf-c-tree-view__search--PaddingBottom
.pf-c-tree-view --pf-c-tree-view__search--PaddingLeft --pf-c-tree-view__search--PaddingLeft
.pf-c-tree-view --pf-c-tree-view__node-icon--PaddingRight --pf-c-tree-view__node-icon--PaddingRight
.pf-c-tree-view --pf-c-tree-view__node-icon--Color --pf-c-tree-view__node-icon--Color
--pf-global--icon--Color--light $pf-global--icon--Color--light .pf-c-tree-view --pf-c-tree-view__node-toggle-icon--base--Rotate .pf-c-tree-view --pf-c-tree-view__node-toggle-icon--Rotate --pf-c-tree-view__node-toggle-icon--Rotate
--pf-c-tree-view__node-toggle-icon--base--Rotate .pf-c-tree-view --pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate .pf-c-tree-view --pf-c-tree-view__node-text--max-lines .pf-c-tree-view --pf-c-tree-view__node-title--FontWeight --pf-c-tree-view__node-title--FontWeight
--pf-global--FontWeight--bold $pf-global--FontWeight--bold .pf-c-tree-view --pf-c-tree-view__action--MarginLeft --pf-c-tree-view__action--MarginLeft
.pf-c-tree-view --pf-c-tree-view__action--focus--BackgroundColor --pf-c-tree-view__action--focus--BackgroundColor
--pf-global--BackgroundColor--200 $pf-global--BackgroundColor--200 .pf-c-tree-view --pf-c-tree-view__action--Color --pf-c-tree-view__action--Color
--pf-global--icon--Color--light $pf-global--icon--Color--light .pf-c-tree-view --pf-c-tree-view__action--hover--Color --pf-c-tree-view__action--hover--Color
--pf-global--icon--Color--dark $pf-global--icon--Color--dark .pf-c-tree-view --pf-c-tree-view__action--focus--Color --pf-c-tree-view__action--focus--Color
--pf-global--icon--Color--dark $pf-global--icon--Color--dark .pf-c-tree-view --pf-c-tree-view--m-guides--guide--Left calc(calc(1rem * 2 + 1rem) - 1.5rem)
--pf-c-tree-view--m-guides--guide--Left
--pf-c-tree-view--m-guides--guide-left--base calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-guides__list-node--guide-width--base) calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--lg) calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--lg) calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--lg) calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--lg) calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(24px)) calc(calc(1rem * 2 + 1rem) - 1.5rem) .pf-c-tree-view --pf-c-tree-view--m-guides--guide-color--base --pf-c-tree-view--m-guides--guide-color--base
--pf-global--BorderColor--100 $pf-global--BorderColor--100 .pf-c-tree-view --pf-c-tree-view--m-guides--guide-width--base --pf-c-tree-view--m-guides--guide-width--base
--pf-global--BorderWidth--sm $pf-global--BorderWidth--sm .pf-c-tree-view --pf-c-tree-view--m-guides--guide-left--base calc(calc(1rem * 2 + 1rem) - 1.5rem)
--pf-c-tree-view--m-guides--guide-left--base
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-guides__list-node--guide-width--base) calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--lg) calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--lg) calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--lg) calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--lg) calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(24px)) calc(calc(1rem * 2 + 1rem) - 1.5rem) .pf-c-tree-view --pf-c-tree-view--m-guides--guide-left--base--offset calc(calc(1rem * 2 + 1rem) + 1rem / 2)
--pf-c-tree-view--m-guides--guide-left--base--offset
calc(--pf-c-tree-view__list-item__list-item__node-toggle--Left + --pf-c-tree-view__node-toggle-icon--MinWidth / 2) calc(--pf-c-tree-view__node--PaddingLeft + --pf-global--FontSize--md / 2) calc(--pf-c-tree-view__node--indent--base + $pf-global--FontSize--md / 2) calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) + $pf-global--FontSize--md / 2) calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) + $pf-global--FontSize--md / 2) calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) + $pf-global--FontSize--md / 2) calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) + pf-font-prem(16px) / 2) calc(calc(1rem * 2 + 1rem) + 1rem / 2) .pf-c-tree-view --pf-c-tree-view--m-guides__list-node--guide-width--base --pf-c-tree-view--m-guides__list-node--guide-width--base
.pf-c-tree-view --pf-c-tree-view--m-guides__list-item--before--Top .pf-c-tree-view --pf-c-tree-view--m-guides__list-item--before--Width --pf-c-tree-view--m-guides__list-item--before--Width
--pf-c-tree-view--m-guides--guide-width--base --pf-global--BorderWidth--sm $pf-global--BorderWidth--sm .pf-c-tree-view --pf-c-tree-view--m-guides__list-item--before--Height .pf-c-tree-view --pf-c-tree-view--m-guides__list-item--before--BackgroundColor --pf-c-tree-view--m-guides__list-item--before--BackgroundColor
--pf-c-tree-view--m-guides--guide-color--base --pf-global--BorderColor--100 $pf-global--BorderColor--100 .pf-c-tree-view --pf-c-tree-view--m-guides__list-item--last-child--before--Top --pf-c-tree-view--m-guides__list-item--last-child--before--Top
--pf-c-tree-view--m-guides__node--before--Top .pf-c-tree-view --pf-c-tree-view--m-guides__list-item--last-child--before--Height --pf-c-tree-view--m-guides__list-item--last-child--before--Height
--pf-c-tree-view--m-guides__list-item--last-child--before--Top --pf-c-tree-view--m-guides__node--before--Top .pf-c-tree-view --pf-c-tree-view--m-guides__list-item--ZIndex --pf-c-tree-view--m-guides__list-item--ZIndex
.pf-c-tree-view --pf-c-tree-view--m-guides__node--before--Width .pf-c-tree-view --pf-c-tree-view--m-guides__node--before--Height --pf-c-tree-view--m-guides__node--before--Height
--pf-c-tree-view--m-guides--guide-width--base --pf-global--BorderWidth--sm $pf-global--BorderWidth--sm .pf-c-tree-view --pf-c-tree-view--m-guides__node--before--Top .pf-c-tree-view --pf-c-tree-view--m-guides__node--before--BackgroundColor --pf-c-tree-view--m-guides__node--before--BackgroundColor
--pf-c-tree-view--m-guides--guide-color--base --pf-global--BorderColor--100 $pf-global--BorderColor--100 .pf-c-tree-view --pf-c-tree-view--m-compact--base-border--Left--offset --pf-c-tree-view--m-compact--base-border--Left--offset
.pf-c-tree-view --pf-c-tree-view--m-compact--base-border--Left calc(calc(1rem * 2 + 1rem) - 1rem)
--pf-c-tree-view--m-compact--base-border--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--base-border--Left--offset) calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) calc(calc(1rem * 2 + 1rem) - 1rem) .pf-c-tree-view --pf-c-tree-view--m-compact__node--indent--base --pf-c-tree-view--m-compact__node--indent--base
--pf-c-tree-view__node--indent--base calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) .pf-c-tree-view --pf-c-tree-view--m-compact__node--nested-indent--base --pf-c-tree-view--m-compact__node--nested-indent--base
.pf-c-tree-view --pf-c-tree-view--m-compact--border--Left calc(calc(1rem * 2 + 1rem) - 1rem)
--pf-c-tree-view--m-compact--border--Left
--pf-c-tree-view--m-compact--base-border--Left calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--base-border--Left--offset) calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) calc(calc(1rem * 2 + 1rem) - 1rem) .pf-c-tree-view --pf-c-tree-view--m-compact__node--PaddingTop .pf-c-tree-view --pf-c-tree-view--m-compact__node--PaddingBottom .pf-c-tree-view --pf-c-tree-view--m-compact__node--nested--PaddingTop --pf-c-tree-view--m-compact__node--nested--PaddingTop
.pf-c-tree-view --pf-c-tree-view--m-compact__node--nested--PaddingBottom --pf-c-tree-view--m-compact__node--nested--PaddingBottom
.pf-c-tree-view --pf-c-tree-view--m-compact__list-item__list-item__node-toggle--Top --pf-c-tree-view--m-compact__list-item__list-item__node-toggle--Top
calc(--pf-c-tree-view--m-compact__node-container--PaddingTop) calc(--pf-global--spacer--lg) calc($pf-global--spacer--lg) .pf-c-tree-view --pf-c-tree-view--m-compact__list-item--BorderBottomWidth --pf-c-tree-view--m-compact__list-item--BorderBottomWidth
--pf-global--BorderWidth--sm $pf-global--BorderWidth--sm .pf-c-tree-view --pf-c-tree-view--m-compact__list-item--BorderBottomColor --pf-c-tree-view--m-compact__list-item--BorderBottomColor
--pf-global--BorderColor--100 $pf-global--BorderColor--100 .pf-c-tree-view --pf-c-tree-view--m-compact__list-item--before--Top .pf-c-tree-view --pf-c-tree-view--m-compact__list-item--last-child--before--Height calc(1.5rem + 0.5rem + 0.25rem)
--pf-c-tree-view--m-compact__list-item--last-child--before--Height
--pf-c-tree-view--m-compact__node--before--Top calc(--pf-c-tree-view--m-compact__node-container--PaddingTop + --pf-c-tree-view--m-compact__node--nested--PaddingTop + 0.25rem) calc(--pf-global--spacer--lg + --pf-global--spacer--sm + 0.25rem) calc($pf-global--spacer--lg + $pf-global--spacer--sm + 0.25rem) calc(pf-size-prem(24px) + pf-size-prem(8px) + 0.25rem) calc(1.5rem + 0.5rem + 0.25rem) .pf-c-tree-view --pf-c-tree-view--m-compact__list-item--nested--before--Top --pf-c-tree-view--m-compact__list-item--nested--before--Top
calc(--pf-c-tree-view__node--PaddingTop--base * -1) calc(--pf-global--spacer--sm * -1) calc($pf-global--spacer--sm * -1) calc(pf-size-prem(8px) * -1) .pf-c-tree-view --pf-c-tree-view--m-compact__list-item--nested--last-child--before--Height calc(calc(1.5rem + 0.5rem + 0.25rem) + 0.5rem)
--pf-c-tree-view--m-compact__list-item--nested--last-child--before--Height
calc(--pf-c-tree-view--m-compact__node--before--Top + --pf-c-tree-view__node--PaddingTop--base) calc(calc(--pf-c-tree-view--m-compact__node-container--PaddingTop + --pf-c-tree-view--m-compact__node--nested--PaddingTop + 0.25rem) + --pf-global--spacer--sm) calc(calc(--pf-global--spacer--lg + --pf-global--spacer--sm + 0.25rem) + $pf-global--spacer--sm) calc(calc($pf-global--spacer--lg + $pf-global--spacer--sm + 0.25rem) + $pf-global--spacer--sm) calc(calc(pf-size-prem(24px) + pf-size-prem(8px) + 0.25rem) + pf-size-prem(8px)) calc(calc(1.5rem + 0.5rem + 0.25rem) + 0.5rem) .pf-c-tree-view --pf-c-tree-view--m-compact__node--PaddingLeft --pf-c-tree-view--m-compact__node--PaddingLeft
--pf-c-tree-view--m-compact__node--indent--base --pf-c-tree-view__node--indent--base calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) .pf-c-tree-view --pf-c-tree-view--m-compact__node--before--Top calc(1.5rem + 0.5rem + 0.25rem)
--pf-c-tree-view--m-compact__node--before--Top
calc(--pf-c-tree-view--m-compact__node-container--PaddingTop + --pf-c-tree-view--m-compact__node--nested--PaddingTop + 0.25rem) calc(--pf-global--spacer--lg + --pf-global--spacer--sm + 0.25rem) calc($pf-global--spacer--lg + $pf-global--spacer--sm + 0.25rem) calc(pf-size-prem(24px) + pf-size-prem(8px) + 0.25rem) calc(1.5rem + 0.5rem + 0.25rem) .pf-c-tree-view --pf-c-tree-view--m-compact__node--level-2--PaddingLeft --pf-c-tree-view--m-compact__node--level-2--PaddingLeft
--pf-c-tree-view--m-compact__node--indent--base --pf-c-tree-view__node--indent--base calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) .pf-c-tree-view --pf-c-tree-view--m-compact__node-toggle--nested--MarginRight --pf-c-tree-view--m-compact__node-toggle--nested--MarginRight
calc(--pf-c-tree-view__node-toggle-button--PaddingLeft * -.5) calc(--pf-global--spacer--md * -.5) calc($pf-global--spacer--md * -.5) calc(pf-size-prem(16px) * -.5) .pf-c-tree-view --pf-c-tree-view--m-compact__node-toggle--nested--MarginLeft --pf-c-tree-view--m-compact__node-toggle--nested--MarginLeft
calc(--pf-c-tree-view__node-toggle-button--PaddingLeft * -1.5) calc(--pf-global--spacer--md * -1.5) calc($pf-global--spacer--md * -1.5) calc(pf-size-prem(16px) * -1.5) .pf-c-tree-view --pf-c-tree-view--m-compact__node-container--Display .pf-c-tree-view --pf-c-tree-view--m-compact__node-container--PaddingBottom--base --pf-c-tree-view--m-compact__node-container--PaddingBottom--base
.pf-c-tree-view --pf-c-tree-view--m-compact__node-container--PaddingTop --pf-c-tree-view--m-compact__node-container--PaddingTop
.pf-c-tree-view --pf-c-tree-view--m-compact__node-container--PaddingRight --pf-c-tree-view--m-compact__node-container--PaddingRight
.pf-c-tree-view --pf-c-tree-view--m-compact__node-container--PaddingBottom --pf-c-tree-view--m-compact__node-container--PaddingBottom
--pf-c-tree-view--m-compact__node-container--PaddingBottom--base .pf-c-tree-view --pf-c-tree-view--m-compact__node-container--PaddingLeft --pf-c-tree-view--m-compact__node-container--PaddingLeft
.pf-c-tree-view --pf-c-tree-view--m-compact__node-container--nested--PaddingTop --pf-c-tree-view--m-compact__node-container--nested--PaddingTop
.pf-c-tree-view --pf-c-tree-view--m-compact__node-container--nested--PaddingRight --pf-c-tree-view--m-compact__node-container--nested--PaddingRight
.pf-c-tree-view --pf-c-tree-view--m-compact__node-container--nested--PaddingBottom --pf-c-tree-view--m-compact__node-container--nested--PaddingBottom
.pf-c-tree-view --pf-c-tree-view--m-compact__node-container--nested--PaddingLeft --pf-c-tree-view--m-compact__node-container--nested--PaddingLeft
.pf-c-tree-view --pf-c-tree-view--m-compact__node-container--nested--BackgroundColor --pf-c-tree-view--m-compact__node-container--nested--BackgroundColor
--pf-global--BackgroundColor--200 $pf-global--BackgroundColor--200 .pf-c-tree-view --pf-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom .pf-c-tree-view --pf-c-tree-view--m-no-background__node-container--BackgroundColor .pf-c-tree-view --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset
.pf-c-tree-view --pf-c-tree-view--m-compact--m-no-background--base-border--Left calc(calc(1rem * 2 + 1rem) - 0.5rem)
--pf-c-tree-view--m-compact--m-no-background--base-border--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset) calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--sm) calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--sm) calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--sm) calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--sm) calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(8px)) calc(calc(1rem * 2 + 1rem) - 0.5rem) .pf-c-tree-view --pf-c-tree-view--m-compact--m-no-background__node--indent--base --pf-c-tree-view--m-compact--m-no-background__node--indent--base
--pf-c-tree-view__node--indent--base calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) .pf-c-tree-view --pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base --pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base
.pf-c-tree-view --pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop .pf-c-tree-view --pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom .pf-c-tree-view --pf-c-tree-view--m-compact--m-no-background__node--before--Top calc(1rem + 0.5rem + 0.25rem)
--pf-c-tree-view--m-compact--m-no-background__node--before--Top
calc(--pf-c-tree-view--m-compact__node-container--nested--PaddingTop + --pf-c-tree-view--m-compact__node--nested--PaddingTop + 0.25rem) calc(--pf-global--spacer--md + --pf-global--spacer--sm + 0.25rem) calc($pf-global--spacer--md + $pf-global--spacer--sm + 0.25rem) calc(pf-size-prem(16px) + pf-size-prem(8px) + 0.25rem) calc(1rem + 0.5rem + 0.25rem) .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-guides--guide--Left calc(calc(1.5rem * 1 + calc(1rem * 2 + 1rem)) - calc(calc(1.5rem * 1 + calc(1rem * 2 + 1rem)) + 1rem / 2))
--pf-c-tree-view--m-guides--guide--Left
--pf-c-tree-view--m-guides--border--nested--Left calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-guides--guide-left--base--offset) calc(--pf-c-tree-view--m-compact__node--PaddingLeft - calc(--pf-c-tree-view__list-item__list-item__node-toggle--Left + --pf-c-tree-view__node-toggle-icon--MinWidth / 2)) calc(calc(--pf-c-tree-view--m-compact__node--nested-indent--base * 1 + --pf-c-tree-view--m-compact__node--indent--base) - calc(--pf-c-tree-view__node--PaddingLeft + --pf-global--FontSize--md / 2)) calc(calc(--pf-global--spacer--lg * 1 + --pf-c-tree-view__node--indent--base) - calc(--pf-c-tree-view--m-compact__node--PaddingLeft + $pf-global--FontSize--md / 2)) calc(calc($pf-global--spacer--lg * 1 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - calc(calc(--pf-c-tree-view--m-compact__node--nested-indent--base * 1 + --pf-c-tree-view--m-compact__node--indent--base) + $pf-global--FontSize--md / 2)) calc(calc($pf-global--spacer--lg * 1 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - calc(calc(--pf-global--spacer--lg * 1 + --pf-c-tree-view__node--indent--base) + $pf-global--FontSize--md / 2)) calc(calc($pf-global--spacer--lg * 1 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc($pf-global--spacer--lg * 1 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) + $pf-global--FontSize--md / 2)) calc(calc($pf-global--spacer--lg * 1 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc($pf-global--spacer--lg * 1 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc($pf-global--spacer--lg * 1 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc($pf-global--spacer--lg * 1 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(pf-size-prem(24px) * 1 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - calc(calc(pf-size-prem(24px) * 1 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) + pf-font-prem(16px) / 2)) calc(calc(1.5rem * 1 + calc(1rem * 2 + 1rem)) - calc(calc(1.5rem * 1 + calc(1rem * 2 + 1rem)) + 1rem / 2)) .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__node--PaddingLeft calc(1.5rem * 1 + calc(1rem * 2 + 1rem))
--pf-c-tree-view__node--PaddingLeft
--pf-c-tree-view--m-compact__node--PaddingLeft calc(--pf-c-tree-view--m-compact__node--nested-indent--base * 1 + --pf-c-tree-view--m-compact__node--indent--base) calc(--pf-global--spacer--lg * 1 + --pf-c-tree-view__node--indent--base) calc($pf-global--spacer--lg * 1 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc($pf-global--spacer--lg * 1 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc($pf-global--spacer--lg * 1 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(pf-size-prem(24px) * 1 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(1.5rem * 1 + calc(1rem * 2 + 1rem)) .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--border--Left calc(calc(1.5rem * 1 + calc(1rem * 2 + 1rem)) - 1rem)
--pf-c-tree-view--m-compact--border--Left
--pf-c-tree-view--m-compact--border--nested--Left calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--base-border--Left--offset) calc(--pf-c-tree-view--m-compact__node--PaddingLeft - --pf-global--spacer--md) calc(calc(--pf-c-tree-view--m-compact__node--nested-indent--base * 1 + --pf-c-tree-view--m-compact__node--indent--base) - $pf-global--spacer--md) calc(calc(--pf-global--spacer--lg * 1 + --pf-c-tree-view__node--indent--base) - $pf-global--spacer--md) calc(calc($pf-global--spacer--lg * 1 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - $pf-global--spacer--md) calc(calc($pf-global--spacer--lg * 1 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc($pf-global--spacer--lg * 1 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(pf-size-prem(24px) * 1 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - pf-size-prem(16px)) calc(calc(1.5rem * 1 + calc(1rem * 2 + 1rem)) - 1rem) .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact__list-item--before--Top --pf-c-tree-view--m-compact__list-item--before--Top
--pf-c-tree-view--m-compact__list-item--nested--before--Top calc(--pf-c-tree-view__node--PaddingTop--base * -1) calc(--pf-global--spacer--sm * -1) calc($pf-global--spacer--sm * -1) calc(pf-size-prem(8px) * -1) .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact__list-item--last-child--before--Height calc(calc(1.5rem + 0.5rem + 0.25rem) + 0.5rem)
--pf-c-tree-view--m-compact__list-item--last-child--before--Height
--pf-c-tree-view--m-compact__list-item--nested--last-child--before--Height calc(--pf-c-tree-view--m-compact__node--before--Top + --pf-c-tree-view__node--PaddingTop--base) calc(calc(--pf-c-tree-view--m-compact__node-container--PaddingTop + --pf-c-tree-view--m-compact__node--nested--PaddingTop + 0.25rem) + --pf-global--spacer--sm) calc(calc(--pf-global--spacer--lg + --pf-global--spacer--sm + 0.25rem) + $pf-global--spacer--sm) calc(calc($pf-global--spacer--lg + $pf-global--spacer--sm + 0.25rem) + $pf-global--spacer--sm) calc(calc(pf-size-prem(24px) + pf-size-prem(8px) + 0.25rem) + pf-size-prem(8px)) calc(calc(1.5rem + 0.5rem + 0.25rem) + 0.5rem) .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item:last-child --pf-c-tree-view--m-compact__list-item--BorderBottomWidth .pf-c-tree-view.pf-m-compact --pf-c-tree-view__node--PaddingTop --pf-c-tree-view__node--PaddingTop
--pf-c-tree-view--m-compact__node--PaddingTop .pf-c-tree-view.pf-m-compact --pf-c-tree-view__node--PaddingBottom --pf-c-tree-view__node--PaddingBottom
--pf-c-tree-view--m-compact__node--PaddingBottom .pf-c-tree-view.pf-m-compact --pf-c-tree-view__node-container--Display --pf-c-tree-view__node-container--Display
--pf-c-tree-view--m-compact__node-container--Display .pf-c-tree-view.pf-m-compact --pf-c-tree-view__node--hover--BackgroundColor .pf-c-tree-view.pf-m-compact --pf-c-tree-view__node--focus--BackgroundColor .pf-c-tree-view.pf-m-compact --pf-c-tree-view__list-item__list-item__node-toggle--Top --pf-c-tree-view__list-item__list-item__node-toggle--Top
--pf-c-tree-view--m-compact__list-item__list-item__node-toggle--Top calc(--pf-c-tree-view--m-compact__node-container--PaddingTop) calc(--pf-global--spacer--lg) calc($pf-global--spacer--lg) .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item.pf-m-expanded --pf-c-tree-view--m-compact__node-container--PaddingBottom --pf-c-tree-view--m-compact__node-container--PaddingBottom
--pf-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__node--PaddingTop --pf-c-tree-view__node--PaddingTop
--pf-c-tree-view--m-compact__node--nested--PaddingTop .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__node--PaddingBottom --pf-c-tree-view__node--PaddingBottom
--pf-c-tree-view--m-compact__node--nested--PaddingBottom .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__node-toggle--Position .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__node--PaddingLeft --pf-c-tree-view__node--PaddingLeft
--pf-c-tree-view--m-compact__node--level-2--PaddingLeft --pf-c-tree-view--m-compact__node--indent--base --pf-c-tree-view__node--indent--base calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact__list-item--BorderBottomWidth .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact__node-container--PaddingBottom --pf-c-tree-view--m-compact__node-container--PaddingBottom
--pf-c-tree-view--m-compact__node-container--PaddingBottom--base .pf-c-tree-view.pf-m-compact.pf-m-no-background --pf-c-tree-view--m-compact__node--before--Top calc(1rem + 0.5rem + 0.25rem)
--pf-c-tree-view--m-compact__node--before--Top
--pf-c-tree-view--m-compact--m-no-background__node--before--Top calc(--pf-c-tree-view--m-compact__node-container--nested--PaddingTop + --pf-c-tree-view--m-compact__node--nested--PaddingTop + 0.25rem) calc(--pf-global--spacer--md + --pf-global--spacer--sm + 0.25rem) calc($pf-global--spacer--md + $pf-global--spacer--sm + 0.25rem) calc(pf-size-prem(16px) + pf-size-prem(8px) + 0.25rem) calc(1rem + 0.5rem + 0.25rem) .pf-c-tree-view.pf-m-compact.pf-m-no-background .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__node--PaddingTop --pf-c-tree-view__node--PaddingTop
--pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop .pf-c-tree-view.pf-m-compact.pf-m-no-background .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__node--PaddingBottom --pf-c-tree-view__node--PaddingBottom
--pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom .pf-c-tree-view.pf-m-compact.pf-m-no-background .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--border--Left calc(calc(3rem * 1 + calc(1rem * 2 + 1rem)) - 0.5rem)
--pf-c-tree-view--m-compact--border--Left
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset) calc(--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft - --pf-global--spacer--sm) calc(calc(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base * 1 + --pf-c-tree-view--m-compact--m-no-background__node--indent--base) - $pf-global--spacer--sm) calc(calc(--pf-global--spacer--2xl * 1 + --pf-c-tree-view__node--indent--base) - $pf-global--spacer--sm) calc(calc($pf-global--spacer--2xl * 1 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - $pf-global--spacer--sm) calc(calc($pf-global--spacer--2xl * 1 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc($pf-global--spacer--2xl * 1 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(pf-size-prem(48px) * 1 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - pf-size-prem(8px)) calc(calc(3rem * 1 + calc(1rem * 2 + 1rem)) - 0.5rem) .pf-c-tree-view.pf-m-compact.pf-m-no-background .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__node--PaddingLeft calc(3rem * 1 + calc(1rem * 2 + 1rem))
--pf-c-tree-view__node--PaddingLeft
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft calc(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base * 1 + --pf-c-tree-view--m-compact--m-no-background__node--indent--base) calc(--pf-global--spacer--2xl * 1 + --pf-c-tree-view__node--indent--base) calc($pf-global--spacer--2xl * 1 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc($pf-global--spacer--2xl * 1 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc($pf-global--spacer--2xl * 1 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(pf-size-prem(48px) * 1 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(3rem * 1 + calc(1rem * 2 + 1rem)) .pf-c-tree-view.pf-m-no-background --pf-c-tree-view--m-compact__node-container--nested--BackgroundColor --pf-c-tree-view--m-compact__node-container--nested--BackgroundColor
--pf-c-tree-view--m-no-background__node-container--BackgroundColor .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__node-toggle-icon--Rotate --pf-c-tree-view__node-toggle-icon--Rotate
--pf-c-tree-view__node-toggle-icon--base--Rotate .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__node-toggle--Color --pf-c-tree-view__node-toggle--Color
--pf-c-tree-view__node-toggle--Color--base .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__list-item__list-item__node-toggle--Left calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 1 + calc(1rem * 2 + 1rem))
--pf-c-tree-view__list-item__list-item__node-toggle--Left
--pf-c-tree-view__node--PaddingLeft calc(--pf-c-tree-view__node--nested-indent--base * 1 + --pf-c-tree-view__node--indent--base) calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 1 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 1 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 1 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 1 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 1 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 1 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__node--PaddingLeft calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 1 + calc(1rem * 2 + 1rem))
--pf-c-tree-view__node--PaddingLeft
calc(--pf-c-tree-view__node--nested-indent--base * 1 + --pf-c-tree-view__node--indent--base) calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 1 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 1 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 1 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 1 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 1 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 1 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-guides--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 1 + calc(1rem * 2 + 1rem)) - calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 1 + calc(1rem * 2 + 1rem)) + 1rem / 2))
--pf-c-tree-view--m-guides--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-guides--guide-left--base--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 1 + --pf-c-tree-view__node--indent--base) - calc(--pf-c-tree-view__list-item__list-item__node-toggle--Left + --pf-c-tree-view__node-toggle-icon--MinWidth / 2)) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 1 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - calc(--pf-c-tree-view__node--PaddingLeft + --pf-global--FontSize--md / 2)) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 1 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - calc(calc(--pf-c-tree-view__node--nested-indent--base * 1 + --pf-c-tree-view__node--indent--base) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 1 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 1 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 1 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 1 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 1 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 1 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 1 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 1 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 1 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 1 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) + pf-font-prem(16px) / 2)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 1 + calc(1rem * 2 + 1rem)) - calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 1 + calc(1rem * 2 + 1rem)) + 1rem / 2)) .pf-c-tree-view__list-item.pf-m-expanded --pf-c-tree-view__node-toggle--Color --pf-c-tree-view__node-toggle--Color
--pf-c-tree-view__list-item--m-expanded__node-toggle--Color .pf-c-tree-view__list-item.pf-m-expanded --pf-c-tree-view__node-toggle-icon--Rotate --pf-c-tree-view__node-toggle-icon--Rotate
--pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate .pf-c-tree-view__node.pf-m-current --pf-c-tree-view__node--Color --pf-c-tree-view__node--Color
--pf-c-tree-view__node--m-current--Color $pf-global--primary-color--100 .pf-c-tree-view__node .pf-c-tree-view__node-count .pf-c-badge.pf-m-read --pf-c-badge--m-read--BackgroundColor --pf-c-badge--m-read--BackgroundColor
--pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor --pf-global--disabled-color--200 $pf-global--disabled-color--200 .pf-c-tree-view__node:not(.pf-m-selectable):hover --pf-c-tree-view__node-toggle--Color --pf-c-tree-view__node-toggle--Color
--pf-c-tree-view__node-toggle--hover--Color .pf-c-tree-view__node:not(.pf-m-selectable):focus --pf-c-tree-view__node-toggle--Color --pf-c-tree-view__node-toggle--Color
--pf-c-tree-view__node-toggle--focus--Color .pf-c-tree-view__node:not(.pf-m-selectable):active --pf-c-tree-view__node-toggle--Color --pf-c-tree-view__node-toggle--Color
--pf-c-tree-view__node-toggle--active--Color .pf-c-tree-view__node-title.pf-m-truncate --pf-c-tree-view__node-content--Overflow .pf-c-tree-view.pf-m-truncate .pf-c-tree-view__node-title --pf-c-tree-view__node-content--Overflow .pf-c-tree-view__action:hover --pf-c-tree-view__action--Color --pf-c-tree-view__action--Color
--pf-c-tree-view__action--hover--Color --pf-global--icon--Color--dark $pf-global--icon--Color--dark .pf-c-tree-view__action:focus --pf-c-tree-view__action--Color --pf-c-tree-view__action--Color
--pf-c-tree-view__action--focus--Color --pf-global--icon--Color--dark $pf-global--icon--Color--dark .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__list-item__list-item__node-toggle--Left calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 2 + calc(1rem * 2 + 1rem))
--pf-c-tree-view__list-item__list-item__node-toggle--Left
--pf-c-tree-view__node--PaddingLeft calc(--pf-c-tree-view__node--nested-indent--base * 2 + --pf-c-tree-view__node--indent--base) calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 2 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 2 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 2 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 2 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 2 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 2 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__node--PaddingLeft calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 2 + calc(1rem * 2 + 1rem))
--pf-c-tree-view__node--PaddingLeft
calc(--pf-c-tree-view__node--nested-indent--base * 2 + --pf-c-tree-view__node--indent--base) calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 2 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 2 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 2 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 2 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 2 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 2 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-guides--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 2 + calc(1rem * 2 + 1rem)) - calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 2 + calc(1rem * 2 + 1rem)) + 1rem / 2))
--pf-c-tree-view--m-guides--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-guides--guide-left--base--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 2 + --pf-c-tree-view__node--indent--base) - calc(--pf-c-tree-view__list-item__list-item__node-toggle--Left + --pf-c-tree-view__node-toggle-icon--MinWidth / 2)) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 2 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - calc(--pf-c-tree-view__node--PaddingLeft + --pf-global--FontSize--md / 2)) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 2 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - calc(calc(--pf-c-tree-view__node--nested-indent--base * 2 + --pf-c-tree-view__node--indent--base) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 2 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 2 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 2 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 2 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 2 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 2 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 2 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 2 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 2 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 2 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) + pf-font-prem(16px) / 2)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 2 + calc(1rem * 2 + 1rem)) - calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 2 + calc(1rem * 2 + 1rem)) + 1rem / 2)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact__node--PaddingLeft calc(1.5rem * 1 + calc(1rem * 2 + 1rem))
--pf-c-tree-view--m-compact__node--PaddingLeft
calc(--pf-c-tree-view--m-compact__node--nested-indent--base * 1 + --pf-c-tree-view--m-compact__node--indent--base) calc(--pf-global--spacer--lg * 1 + --pf-c-tree-view__node--indent--base) calc($pf-global--spacer--lg * 1 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc($pf-global--spacer--lg * 1 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc($pf-global--spacer--lg * 1 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(pf-size-prem(24px) * 1 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(1.5rem * 1 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 2 + calc(1rem * 2 + 1rem)) - 1rem)
--pf-c-tree-view--m-compact--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--base-border--Left--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 2 + --pf-c-tree-view__node--indent--base) - --pf-global--spacer--md) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 2 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - $pf-global--spacer--md) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 2 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 2 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 2 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 2 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - pf-size-prem(16px)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 2 + calc(1rem * 2 + 1rem)) - 1rem) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft calc(3rem * 1 + calc(1rem * 2 + 1rem))
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft
calc(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base * 1 + --pf-c-tree-view--m-compact--m-no-background__node--indent--base) calc(--pf-global--spacer--2xl * 1 + --pf-c-tree-view__node--indent--base) calc($pf-global--spacer--2xl * 1 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc($pf-global--spacer--2xl * 1 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc($pf-global--spacer--2xl * 1 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(pf-size-prem(48px) * 1 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(3rem * 1 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--m-no-background--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 2 + calc(1rem * 2 + 1rem)) - 0.5rem)
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 2 + --pf-c-tree-view__node--indent--base) - --pf-global--spacer--sm) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 2 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - $pf-global--spacer--sm) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 2 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 2 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 2 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 2 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - pf-size-prem(8px)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 2 + calc(1rem * 2 + 1rem)) - 0.5rem) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__list-item__list-item__node-toggle--Left calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 3 + calc(1rem * 2 + 1rem))
--pf-c-tree-view__list-item__list-item__node-toggle--Left
--pf-c-tree-view__node--PaddingLeft calc(--pf-c-tree-view__node--nested-indent--base * 3 + --pf-c-tree-view__node--indent--base) calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 3 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 3 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 3 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 3 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 3 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 3 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__node--PaddingLeft calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 3 + calc(1rem * 2 + 1rem))
--pf-c-tree-view__node--PaddingLeft
calc(--pf-c-tree-view__node--nested-indent--base * 3 + --pf-c-tree-view__node--indent--base) calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 3 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 3 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 3 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 3 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 3 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 3 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-guides--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 3 + calc(1rem * 2 + 1rem)) - calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 3 + calc(1rem * 2 + 1rem)) + 1rem / 2))
--pf-c-tree-view--m-guides--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-guides--guide-left--base--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 3 + --pf-c-tree-view__node--indent--base) - calc(--pf-c-tree-view__list-item__list-item__node-toggle--Left + --pf-c-tree-view__node-toggle-icon--MinWidth / 2)) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 3 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - calc(--pf-c-tree-view__node--PaddingLeft + --pf-global--FontSize--md / 2)) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 3 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - calc(calc(--pf-c-tree-view__node--nested-indent--base * 3 + --pf-c-tree-view__node--indent--base) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 3 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 3 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 3 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 3 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 3 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 3 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 3 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 3 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 3 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 3 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) + pf-font-prem(16px) / 2)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 3 + calc(1rem * 2 + 1rem)) - calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 3 + calc(1rem * 2 + 1rem)) + 1rem / 2)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact__node--PaddingLeft calc(1.5rem * 2 + calc(1rem * 2 + 1rem))
--pf-c-tree-view--m-compact__node--PaddingLeft
calc(--pf-c-tree-view--m-compact__node--nested-indent--base * 2 + --pf-c-tree-view--m-compact__node--indent--base) calc(--pf-global--spacer--lg * 2 + --pf-c-tree-view__node--indent--base) calc($pf-global--spacer--lg * 2 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc($pf-global--spacer--lg * 2 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc($pf-global--spacer--lg * 2 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(pf-size-prem(24px) * 2 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(1.5rem * 2 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 3 + calc(1rem * 2 + 1rem)) - 1rem)
--pf-c-tree-view--m-compact--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--base-border--Left--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 3 + --pf-c-tree-view__node--indent--base) - --pf-global--spacer--md) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 3 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - $pf-global--spacer--md) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 3 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 3 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 3 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 3 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - pf-size-prem(16px)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 3 + calc(1rem * 2 + 1rem)) - 1rem) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft calc(3rem * 2 + calc(1rem * 2 + 1rem))
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft
calc(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base * 2 + --pf-c-tree-view--m-compact--m-no-background__node--indent--base) calc(--pf-global--spacer--2xl * 2 + --pf-c-tree-view__node--indent--base) calc($pf-global--spacer--2xl * 2 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc($pf-global--spacer--2xl * 2 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc($pf-global--spacer--2xl * 2 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(pf-size-prem(48px) * 2 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(3rem * 2 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--m-no-background--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 3 + calc(1rem * 2 + 1rem)) - 0.5rem)
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 3 + --pf-c-tree-view__node--indent--base) - --pf-global--spacer--sm) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 3 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - $pf-global--spacer--sm) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 3 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 3 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 3 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 3 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - pf-size-prem(8px)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 3 + calc(1rem * 2 + 1rem)) - 0.5rem) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__list-item__list-item__node-toggle--Left calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 4 + calc(1rem * 2 + 1rem))
--pf-c-tree-view__list-item__list-item__node-toggle--Left
--pf-c-tree-view__node--PaddingLeft calc(--pf-c-tree-view__node--nested-indent--base * 4 + --pf-c-tree-view__node--indent--base) calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 4 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 4 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 4 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 4 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 4 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 4 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__node--PaddingLeft calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 4 + calc(1rem * 2 + 1rem))
--pf-c-tree-view__node--PaddingLeft
calc(--pf-c-tree-view__node--nested-indent--base * 4 + --pf-c-tree-view__node--indent--base) calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 4 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 4 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 4 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 4 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 4 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 4 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-guides--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 4 + calc(1rem * 2 + 1rem)) - calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 4 + calc(1rem * 2 + 1rem)) + 1rem / 2))
--pf-c-tree-view--m-guides--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-guides--guide-left--base--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 4 + --pf-c-tree-view__node--indent--base) - calc(--pf-c-tree-view__list-item__list-item__node-toggle--Left + --pf-c-tree-view__node-toggle-icon--MinWidth / 2)) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 4 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - calc(--pf-c-tree-view__node--PaddingLeft + --pf-global--FontSize--md / 2)) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 4 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - calc(calc(--pf-c-tree-view__node--nested-indent--base * 4 + --pf-c-tree-view__node--indent--base) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 4 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 4 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 4 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 4 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 4 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 4 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 4 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 4 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 4 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 4 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) + pf-font-prem(16px) / 2)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 4 + calc(1rem * 2 + 1rem)) - calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 4 + calc(1rem * 2 + 1rem)) + 1rem / 2)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact__node--PaddingLeft calc(1.5rem * 3 + calc(1rem * 2 + 1rem))
--pf-c-tree-view--m-compact__node--PaddingLeft
calc(--pf-c-tree-view--m-compact__node--nested-indent--base * 3 + --pf-c-tree-view--m-compact__node--indent--base) calc(--pf-global--spacer--lg * 3 + --pf-c-tree-view__node--indent--base) calc($pf-global--spacer--lg * 3 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc($pf-global--spacer--lg * 3 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc($pf-global--spacer--lg * 3 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(pf-size-prem(24px) * 3 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(1.5rem * 3 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 4 + calc(1rem * 2 + 1rem)) - 1rem)
--pf-c-tree-view--m-compact--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--base-border--Left--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 4 + --pf-c-tree-view__node--indent--base) - --pf-global--spacer--md) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 4 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - $pf-global--spacer--md) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 4 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 4 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 4 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 4 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - pf-size-prem(16px)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 4 + calc(1rem * 2 + 1rem)) - 1rem) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft calc(3rem * 3 + calc(1rem * 2 + 1rem))
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft
calc(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base * 3 + --pf-c-tree-view--m-compact--m-no-background__node--indent--base) calc(--pf-global--spacer--2xl * 3 + --pf-c-tree-view__node--indent--base) calc($pf-global--spacer--2xl * 3 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc($pf-global--spacer--2xl * 3 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc($pf-global--spacer--2xl * 3 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(pf-size-prem(48px) * 3 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(3rem * 3 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--m-no-background--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 4 + calc(1rem * 2 + 1rem)) - 0.5rem)
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 4 + --pf-c-tree-view__node--indent--base) - --pf-global--spacer--sm) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 4 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - $pf-global--spacer--sm) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 4 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 4 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 4 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 4 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - pf-size-prem(8px)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 4 + calc(1rem * 2 + 1rem)) - 0.5rem) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__list-item__list-item__node-toggle--Left calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 5 + calc(1rem * 2 + 1rem))
--pf-c-tree-view__list-item__list-item__node-toggle--Left
--pf-c-tree-view__node--PaddingLeft calc(--pf-c-tree-view__node--nested-indent--base * 5 + --pf-c-tree-view__node--indent--base) calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 5 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 5 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 5 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 5 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 5 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 5 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__node--PaddingLeft calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 5 + calc(1rem * 2 + 1rem))
--pf-c-tree-view__node--PaddingLeft
calc(--pf-c-tree-view__node--nested-indent--base * 5 + --pf-c-tree-view__node--indent--base) calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 5 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 5 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 5 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 5 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 5 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 5 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-guides--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 5 + calc(1rem * 2 + 1rem)) - calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 5 + calc(1rem * 2 + 1rem)) + 1rem / 2))
--pf-c-tree-view--m-guides--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-guides--guide-left--base--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 5 + --pf-c-tree-view__node--indent--base) - calc(--pf-c-tree-view__list-item__list-item__node-toggle--Left + --pf-c-tree-view__node-toggle-icon--MinWidth / 2)) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 5 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - calc(--pf-c-tree-view__node--PaddingLeft + --pf-global--FontSize--md / 2)) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 5 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - calc(calc(--pf-c-tree-view__node--nested-indent--base * 5 + --pf-c-tree-view__node--indent--base) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 5 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 5 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 5 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 5 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 5 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 5 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 5 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 5 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 5 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 5 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) + pf-font-prem(16px) / 2)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 5 + calc(1rem * 2 + 1rem)) - calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 5 + calc(1rem * 2 + 1rem)) + 1rem / 2)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact__node--PaddingLeft calc(1.5rem * 4 + calc(1rem * 2 + 1rem))
--pf-c-tree-view--m-compact__node--PaddingLeft
calc(--pf-c-tree-view--m-compact__node--nested-indent--base * 4 + --pf-c-tree-view--m-compact__node--indent--base) calc(--pf-global--spacer--lg * 4 + --pf-c-tree-view__node--indent--base) calc($pf-global--spacer--lg * 4 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc($pf-global--spacer--lg * 4 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc($pf-global--spacer--lg * 4 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(pf-size-prem(24px) * 4 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(1.5rem * 4 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 5 + calc(1rem * 2 + 1rem)) - 1rem)
--pf-c-tree-view--m-compact--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--base-border--Left--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 5 + --pf-c-tree-view__node--indent--base) - --pf-global--spacer--md) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 5 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - $pf-global--spacer--md) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 5 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 5 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 5 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 5 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - pf-size-prem(16px)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 5 + calc(1rem * 2 + 1rem)) - 1rem) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft calc(3rem * 4 + calc(1rem * 2 + 1rem))
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft
calc(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base * 4 + --pf-c-tree-view--m-compact--m-no-background__node--indent--base) calc(--pf-global--spacer--2xl * 4 + --pf-c-tree-view__node--indent--base) calc($pf-global--spacer--2xl * 4 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc($pf-global--spacer--2xl * 4 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc($pf-global--spacer--2xl * 4 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(pf-size-prem(48px) * 4 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(3rem * 4 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--m-no-background--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 5 + calc(1rem * 2 + 1rem)) - 0.5rem)
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 5 + --pf-c-tree-view__node--indent--base) - --pf-global--spacer--sm) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 5 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - $pf-global--spacer--sm) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 5 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 5 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 5 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 5 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - pf-size-prem(8px)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 5 + calc(1rem * 2 + 1rem)) - 0.5rem) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__list-item__list-item__node-toggle--Left calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 6 + calc(1rem * 2 + 1rem))
--pf-c-tree-view__list-item__list-item__node-toggle--Left
--pf-c-tree-view__node--PaddingLeft calc(--pf-c-tree-view__node--nested-indent--base * 6 + --pf-c-tree-view__node--indent--base) calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 6 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 6 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 6 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 6 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 6 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 6 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__node--PaddingLeft calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 6 + calc(1rem * 2 + 1rem))
--pf-c-tree-view__node--PaddingLeft
calc(--pf-c-tree-view__node--nested-indent--base * 6 + --pf-c-tree-view__node--indent--base) calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 6 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 6 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 6 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 6 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 6 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 6 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-guides--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 6 + calc(1rem * 2 + 1rem)) - calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 6 + calc(1rem * 2 + 1rem)) + 1rem / 2))
--pf-c-tree-view--m-guides--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-guides--guide-left--base--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 6 + --pf-c-tree-view__node--indent--base) - calc(--pf-c-tree-view__list-item__list-item__node-toggle--Left + --pf-c-tree-view__node-toggle-icon--MinWidth / 2)) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 6 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - calc(--pf-c-tree-view__node--PaddingLeft + --pf-global--FontSize--md / 2)) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 6 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - calc(calc(--pf-c-tree-view__node--nested-indent--base * 6 + --pf-c-tree-view__node--indent--base) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 6 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 6 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 6 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 6 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 6 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 6 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 6 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 6 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 6 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 6 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) + pf-font-prem(16px) / 2)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 6 + calc(1rem * 2 + 1rem)) - calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 6 + calc(1rem * 2 + 1rem)) + 1rem / 2)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact__node--PaddingLeft calc(1.5rem * 5 + calc(1rem * 2 + 1rem))
--pf-c-tree-view--m-compact__node--PaddingLeft
calc(--pf-c-tree-view--m-compact__node--nested-indent--base * 5 + --pf-c-tree-view--m-compact__node--indent--base) calc(--pf-global--spacer--lg * 5 + --pf-c-tree-view__node--indent--base) calc($pf-global--spacer--lg * 5 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc($pf-global--spacer--lg * 5 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc($pf-global--spacer--lg * 5 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(pf-size-prem(24px) * 5 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(1.5rem * 5 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 6 + calc(1rem * 2 + 1rem)) - 1rem)
--pf-c-tree-view--m-compact--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--base-border--Left--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 6 + --pf-c-tree-view__node--indent--base) - --pf-global--spacer--md) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 6 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - $pf-global--spacer--md) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 6 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 6 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 6 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 6 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - pf-size-prem(16px)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 6 + calc(1rem * 2 + 1rem)) - 1rem) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft calc(3rem * 5 + calc(1rem * 2 + 1rem))
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft
calc(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base * 5 + --pf-c-tree-view--m-compact--m-no-background__node--indent--base) calc(--pf-global--spacer--2xl * 5 + --pf-c-tree-view__node--indent--base) calc($pf-global--spacer--2xl * 5 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc($pf-global--spacer--2xl * 5 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc($pf-global--spacer--2xl * 5 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(pf-size-prem(48px) * 5 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(3rem * 5 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--m-no-background--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 6 + calc(1rem * 2 + 1rem)) - 0.5rem)
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 6 + --pf-c-tree-view__node--indent--base) - --pf-global--spacer--sm) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 6 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - $pf-global--spacer--sm) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 6 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 6 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 6 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 6 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - pf-size-prem(8px)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 6 + calc(1rem * 2 + 1rem)) - 0.5rem) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__list-item__list-item__node-toggle--Left calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 7 + calc(1rem * 2 + 1rem))
--pf-c-tree-view__list-item__list-item__node-toggle--Left
--pf-c-tree-view__node--PaddingLeft calc(--pf-c-tree-view__node--nested-indent--base * 7 + --pf-c-tree-view__node--indent--base) calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 7 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 7 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 7 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 7 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 7 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 7 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__node--PaddingLeft calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 7 + calc(1rem * 2 + 1rem))
--pf-c-tree-view__node--PaddingLeft
calc(--pf-c-tree-view__node--nested-indent--base * 7 + --pf-c-tree-view__node--indent--base) calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 7 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 7 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 7 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 7 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 7 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 7 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-guides--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 7 + calc(1rem * 2 + 1rem)) - calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 7 + calc(1rem * 2 + 1rem)) + 1rem / 2))
--pf-c-tree-view--m-guides--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-guides--guide-left--base--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 7 + --pf-c-tree-view__node--indent--base) - calc(--pf-c-tree-view__list-item__list-item__node-toggle--Left + --pf-c-tree-view__node-toggle-icon--MinWidth / 2)) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 7 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - calc(--pf-c-tree-view__node--PaddingLeft + --pf-global--FontSize--md / 2)) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 7 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - calc(calc(--pf-c-tree-view__node--nested-indent--base * 7 + --pf-c-tree-view__node--indent--base) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 7 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 7 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 7 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 7 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 7 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 7 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 7 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 7 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 7 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 7 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) + pf-font-prem(16px) / 2)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 7 + calc(1rem * 2 + 1rem)) - calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 7 + calc(1rem * 2 + 1rem)) + 1rem / 2)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact__node--PaddingLeft calc(1.5rem * 6 + calc(1rem * 2 + 1rem))
--pf-c-tree-view--m-compact__node--PaddingLeft
calc(--pf-c-tree-view--m-compact__node--nested-indent--base * 6 + --pf-c-tree-view--m-compact__node--indent--base) calc(--pf-global--spacer--lg * 6 + --pf-c-tree-view__node--indent--base) calc($pf-global--spacer--lg * 6 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc($pf-global--spacer--lg * 6 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc($pf-global--spacer--lg * 6 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(pf-size-prem(24px) * 6 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(1.5rem * 6 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 7 + calc(1rem * 2 + 1rem)) - 1rem)
--pf-c-tree-view--m-compact--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--base-border--Left--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 7 + --pf-c-tree-view__node--indent--base) - --pf-global--spacer--md) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 7 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - $pf-global--spacer--md) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 7 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 7 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 7 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 7 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - pf-size-prem(16px)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 7 + calc(1rem * 2 + 1rem)) - 1rem) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft calc(3rem * 6 + calc(1rem * 2 + 1rem))
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft
calc(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base * 6 + --pf-c-tree-view--m-compact--m-no-background__node--indent--base) calc(--pf-global--spacer--2xl * 6 + --pf-c-tree-view__node--indent--base) calc($pf-global--spacer--2xl * 6 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc($pf-global--spacer--2xl * 6 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc($pf-global--spacer--2xl * 6 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(pf-size-prem(48px) * 6 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(3rem * 6 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--m-no-background--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 7 + calc(1rem * 2 + 1rem)) - 0.5rem)
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 7 + --pf-c-tree-view__node--indent--base) - --pf-global--spacer--sm) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 7 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - $pf-global--spacer--sm) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 7 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 7 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 7 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 7 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - pf-size-prem(8px)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 7 + calc(1rem * 2 + 1rem)) - 0.5rem) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__list-item__list-item__node-toggle--Left calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 8 + calc(1rem * 2 + 1rem))
--pf-c-tree-view__list-item__list-item__node-toggle--Left
--pf-c-tree-view__node--PaddingLeft calc(--pf-c-tree-view__node--nested-indent--base * 8 + --pf-c-tree-view__node--indent--base) calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 8 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 8 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 8 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 8 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 8 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 8 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__node--PaddingLeft calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 8 + calc(1rem * 2 + 1rem))
--pf-c-tree-view__node--PaddingLeft
calc(--pf-c-tree-view__node--nested-indent--base * 8 + --pf-c-tree-view__node--indent--base) calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 8 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 8 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 8 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 8 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 8 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 8 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-guides--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 8 + calc(1rem * 2 + 1rem)) - calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 8 + calc(1rem * 2 + 1rem)) + 1rem / 2))
--pf-c-tree-view--m-guides--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-guides--guide-left--base--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 8 + --pf-c-tree-view__node--indent--base) - calc(--pf-c-tree-view__list-item__list-item__node-toggle--Left + --pf-c-tree-view__node-toggle-icon--MinWidth / 2)) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 8 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - calc(--pf-c-tree-view__node--PaddingLeft + --pf-global--FontSize--md / 2)) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 8 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - calc(calc(--pf-c-tree-view__node--nested-indent--base * 8 + --pf-c-tree-view__node--indent--base) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 8 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 8 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 8 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 8 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 8 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 8 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 8 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 8 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 8 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 8 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) + pf-font-prem(16px) / 2)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 8 + calc(1rem * 2 + 1rem)) - calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 8 + calc(1rem * 2 + 1rem)) + 1rem / 2)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact__node--PaddingLeft calc(1.5rem * 7 + calc(1rem * 2 + 1rem))
--pf-c-tree-view--m-compact__node--PaddingLeft
calc(--pf-c-tree-view--m-compact__node--nested-indent--base * 7 + --pf-c-tree-view--m-compact__node--indent--base) calc(--pf-global--spacer--lg * 7 + --pf-c-tree-view__node--indent--base) calc($pf-global--spacer--lg * 7 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc($pf-global--spacer--lg * 7 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc($pf-global--spacer--lg * 7 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(pf-size-prem(24px) * 7 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(1.5rem * 7 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 8 + calc(1rem * 2 + 1rem)) - 1rem)
--pf-c-tree-view--m-compact--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--base-border--Left--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 8 + --pf-c-tree-view__node--indent--base) - --pf-global--spacer--md) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 8 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - $pf-global--spacer--md) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 8 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 8 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 8 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 8 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - pf-size-prem(16px)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 8 + calc(1rem * 2 + 1rem)) - 1rem) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft calc(3rem * 7 + calc(1rem * 2 + 1rem))
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft
calc(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base * 7 + --pf-c-tree-view--m-compact--m-no-background__node--indent--base) calc(--pf-global--spacer--2xl * 7 + --pf-c-tree-view__node--indent--base) calc($pf-global--spacer--2xl * 7 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc($pf-global--spacer--2xl * 7 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc($pf-global--spacer--2xl * 7 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(pf-size-prem(48px) * 7 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(3rem * 7 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--m-no-background--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 8 + calc(1rem * 2 + 1rem)) - 0.5rem)
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 8 + --pf-c-tree-view__node--indent--base) - --pf-global--spacer--sm) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 8 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - $pf-global--spacer--sm) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 8 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 8 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 8 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 8 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - pf-size-prem(8px)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 8 + calc(1rem * 2 + 1rem)) - 0.5rem) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__list-item__list-item__node-toggle--Left calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 9 + calc(1rem * 2 + 1rem))
--pf-c-tree-view__list-item__list-item__node-toggle--Left
--pf-c-tree-view__node--PaddingLeft calc(--pf-c-tree-view__node--nested-indent--base * 9 + --pf-c-tree-view__node--indent--base) calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 9 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 9 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 9 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 9 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 9 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 9 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__node--PaddingLeft calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 9 + calc(1rem * 2 + 1rem))
--pf-c-tree-view__node--PaddingLeft
calc(--pf-c-tree-view__node--nested-indent--base * 9 + --pf-c-tree-view__node--indent--base) calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 9 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 9 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 9 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 9 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 9 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 9 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-guides--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 9 + calc(1rem * 2 + 1rem)) - calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 9 + calc(1rem * 2 + 1rem)) + 1rem / 2))
--pf-c-tree-view--m-guides--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-guides--guide-left--base--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 9 + --pf-c-tree-view__node--indent--base) - calc(--pf-c-tree-view__list-item__list-item__node-toggle--Left + --pf-c-tree-view__node-toggle-icon--MinWidth / 2)) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 9 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - calc(--pf-c-tree-view__node--PaddingLeft + --pf-global--FontSize--md / 2)) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 9 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - calc(calc(--pf-c-tree-view__node--nested-indent--base * 9 + --pf-c-tree-view__node--indent--base) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 9 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 9 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 9 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 9 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 9 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 9 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 9 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 9 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 9 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 9 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) + pf-font-prem(16px) / 2)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 9 + calc(1rem * 2 + 1rem)) - calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 9 + calc(1rem * 2 + 1rem)) + 1rem / 2)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact__node--PaddingLeft calc(1.5rem * 8 + calc(1rem * 2 + 1rem))
--pf-c-tree-view--m-compact__node--PaddingLeft
calc(--pf-c-tree-view--m-compact__node--nested-indent--base * 8 + --pf-c-tree-view--m-compact__node--indent--base) calc(--pf-global--spacer--lg * 8 + --pf-c-tree-view__node--indent--base) calc($pf-global--spacer--lg * 8 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc($pf-global--spacer--lg * 8 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc($pf-global--spacer--lg * 8 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(pf-size-prem(24px) * 8 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(1.5rem * 8 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 9 + calc(1rem * 2 + 1rem)) - 1rem)
--pf-c-tree-view--m-compact--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--base-border--Left--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 9 + --pf-c-tree-view__node--indent--base) - --pf-global--spacer--md) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 9 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - $pf-global--spacer--md) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 9 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 9 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 9 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 9 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - pf-size-prem(16px)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 9 + calc(1rem * 2 + 1rem)) - 1rem) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft calc(3rem * 8 + calc(1rem * 2 + 1rem))
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft
calc(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base * 8 + --pf-c-tree-view--m-compact--m-no-background__node--indent--base) calc(--pf-global--spacer--2xl * 8 + --pf-c-tree-view__node--indent--base) calc($pf-global--spacer--2xl * 8 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc($pf-global--spacer--2xl * 8 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc($pf-global--spacer--2xl * 8 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(pf-size-prem(48px) * 8 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(3rem * 8 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--m-no-background--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 9 + calc(1rem * 2 + 1rem)) - 0.5rem)
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 9 + --pf-c-tree-view__node--indent--base) - --pf-global--spacer--sm) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 9 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - $pf-global--spacer--sm) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 9 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 9 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 9 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 9 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - pf-size-prem(8px)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 9 + calc(1rem * 2 + 1rem)) - 0.5rem) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__list-item__list-item__node-toggle--Left calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 10 + calc(1rem * 2 + 1rem))
--pf-c-tree-view__list-item__list-item__node-toggle--Left
--pf-c-tree-view__node--PaddingLeft calc(--pf-c-tree-view__node--nested-indent--base * 10 + --pf-c-tree-view__node--indent--base) calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 10 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 10 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 10 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 10 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 10 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 10 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view__node--PaddingLeft calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 10 + calc(1rem * 2 + 1rem))
--pf-c-tree-view__node--PaddingLeft
calc(--pf-c-tree-view__node--nested-indent--base * 10 + --pf-c-tree-view__node--indent--base) calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 10 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 10 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 10 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 10 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 10 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 10 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-guides--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 10 + calc(1rem * 2 + 1rem)) - calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 10 + calc(1rem * 2 + 1rem)) + 1rem / 2))
--pf-c-tree-view--m-guides--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-guides--guide-left--base--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 10 + --pf-c-tree-view__node--indent--base) - calc(--pf-c-tree-view__list-item__list-item__node-toggle--Left + --pf-c-tree-view__node-toggle-icon--MinWidth / 2)) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 10 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - calc(--pf-c-tree-view__node--PaddingLeft + --pf-global--FontSize--md / 2)) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 10 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - calc(calc(--pf-c-tree-view__node--nested-indent--base * 10 + --pf-c-tree-view__node--indent--base) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 10 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 10 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 10 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 10 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 10 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 10 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 10 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 10 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) + $pf-global--FontSize--md / 2)) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 10 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 10 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) + pf-font-prem(16px) / 2)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 10 + calc(1rem * 2 + 1rem)) - calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 10 + calc(1rem * 2 + 1rem)) + 1rem / 2)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact__node--PaddingLeft calc(1.5rem * 9 + calc(1rem * 2 + 1rem))
--pf-c-tree-view--m-compact__node--PaddingLeft
calc(--pf-c-tree-view--m-compact__node--nested-indent--base * 9 + --pf-c-tree-view--m-compact__node--indent--base) calc(--pf-global--spacer--lg * 9 + --pf-c-tree-view__node--indent--base) calc($pf-global--spacer--lg * 9 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc($pf-global--spacer--lg * 9 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc($pf-global--spacer--lg * 9 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(pf-size-prem(24px) * 9 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(1.5rem * 9 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 10 + calc(1rem * 2 + 1rem)) - 1rem)
--pf-c-tree-view--m-compact--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--base-border--Left--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 10 + --pf-c-tree-view__node--indent--base) - --pf-global--spacer--md) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 10 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - $pf-global--spacer--md) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 10 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 10 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 10 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--md) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 10 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - pf-size-prem(16px)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 10 + calc(1rem * 2 + 1rem)) - 1rem) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft calc(3rem * 9 + calc(1rem * 2 + 1rem))
--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft
calc(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base * 9 + --pf-c-tree-view--m-compact--m-no-background__node--indent--base) calc(--pf-global--spacer--2xl * 9 + --pf-c-tree-view__node--indent--base) calc($pf-global--spacer--2xl * 9 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) calc($pf-global--spacer--2xl * 9 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) calc($pf-global--spacer--2xl * 9 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) calc(pf-size-prem(48px) * 9 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) calc(3rem * 9 + calc(1rem * 2 + 1rem)) .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item --pf-c-tree-view--m-compact--m-no-background--border--nested--Left calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 10 + calc(1rem * 2 + 1rem)) - 0.5rem)
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left
calc(--pf-c-tree-view__node--PaddingLeft - --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset) calc(calc(--pf-c-tree-view__node--nested-indent--base * 10 + --pf-c-tree-view__node--indent--base) - --pf-global--spacer--sm) calc(calc(calc(--pf-c-tree-view__node--indent--base - --pf-global--spacer--md) * 10 + calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth)) - $pf-global--spacer--sm) calc(calc(calc(calc(--pf-global--spacer--md * 2 + --pf-c-tree-view__node-toggle-icon--MinWidth) - $pf-global--spacer--md) * 10 + calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc($pf-global--spacer--md * 2 + --pf-global--FontSize--md) - $pf-global--spacer--md) * 10 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md) - $pf-global--spacer--md) * 10 + calc($pf-global--spacer--md * 2 + $pf-global--FontSize--md)) - $pf-global--spacer--sm) calc(calc(calc(calc(pf-size-prem(16px) * 2 + pf-font-prem(16px)) - pf-size-prem(16px)) * 10 + calc(pf-size-prem(16px) * 2 + pf-font-prem(16px))) - pf-size-prem(8px)) calc(calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 10 + calc(1rem * 2 + 1rem)) - 0.5rem)
View source on GitHub Copyright © 2022 Red Hat, Inc.
