@fundamental-styles/theming-preview 0.24.0-rc.64 → 0.24.0-rc.67

package/fundamental-styles.css

@@ -1,7 +1,7 @@
 
 @charset "UTF-8";
 /*!
- * Fundamental Library Styles v0.24.0-rc.64
+ * Fundamental Library Styles v0.24.0-rc.67
  * Copyright (c) 2022 SAP SE or an SAP affiliate company.
  * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
  */
@@ -31873,27 +31873,27 @@ places the element far left of the screen. so it is not visible.
   border-bottom: none;
 }
 .fd-nested-list--popover .fd-nested-list__group-header {
-  border-top-left-radius: var(--sapElement_BorderCornerRadius);
-  border-top-right-radius: var(--sapElement_BorderCornerRadius);
+  border-top-left-radius: var(--fdNested_List_Border_Corner_Radius);
+  border-top-right-radius: var(--fdNested_List_Border_Corner_Radius);
   border-bottom: none;
 }
 .fd-nested-list--popover .fd-nested-list__item:first-child {
-  border-top-left-radius: var(--sapElement_BorderCornerRadius);
-  border-top-right-radius: var(--sapElement_BorderCornerRadius);
+  border-top-left-radius: var(--fdNested_List_Border_Corner_Radius);
+  border-top-right-radius: var(--fdNested_List_Border_Corner_Radius);
 }
 .fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__link,
 .fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__content {
-  border-top-left-radius: var(--sapElement_BorderCornerRadius);
-  border-top-right-radius: var(--sapElement_BorderCornerRadius);
+  border-top-left-radius: var(--fdNested_List_Border_Corner_Radius);
+  border-top-right-radius: var(--fdNested_List_Border_Corner_Radius);
 }
 .fd-nested-list--popover .fd-nested-list__item:last-child {
-  border-bottom-left-radius: var(--sapElement_BorderCornerRadius);
-  border-bottom-right-radius: var(--sapElement_BorderCornerRadius);
+  border-bottom-left-radius: var(--fdNested_List_Border_Corner_Radius);
+  border-bottom-right-radius: var(--fdNested_List_Border_Corner_Radius);
 }
 .fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__link,
 .fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__content {
-  border-bottom-left-radius: var(--sapElement_BorderCornerRadius);
-  border-bottom-right-radius: var(--sapElement_BorderCornerRadius);
+  border-bottom-left-radius: var(--fdNested_List_Border_Corner_Radius);
+  border-bottom-right-radius: var(--fdNested_List_Border_Corner_Radius);
 }
 .fd-nested-list__item {
   font-size: var(--sapFontSize);
@@ -33257,7 +33257,7 @@ places the element far left of the screen. so it is not visible.
   border: 0;
   min-width: 4rem;
   max-width: 100%;
-  padding: 1rem calc(0.625rem + 0.0625rem + 0.0625rem);
+  padding: 1rem calc((var(--fdSlider_Handle_Width) * 0.5) + 0.0625rem + 0.0625rem);
   position: relative;
 }
 .fd-slider::before, .fd-slider::after {
@@ -33268,9 +33268,51 @@ places the element far left of the screen. so it is not visible.
 .fd-slider[aria-disabled=true], .fd-slider.is-disabled, .fd-slider:disabled {
   cursor: not-allowed;
 }
+.fd-slider::before, .fd-slider::after {
+  font-size: var(--sapFontSize);
+  line-height: var(--sapContent_LineHeight);
+  color: var(--sapTextColor);
+  font-family: var(--sapFontFamily);
+  font-weight: normal;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  content: "";
+  width: var(--fdSlider_Endpoint_Size);
+  height: var(--fdSlider_Endpoint_Size);
+  position: absolute;
+  top: 50%;
+  left: 0.125rem;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+  border-radius: 50%;
+  border: var(--fdSlider_Endpoint_Active_Border);
+  background-color: var(--fdSlider_Endpoint_Active_Background);
+}
+.fd-slider::before::before, .fd-slider::before::after, .fd-slider::after::before, .fd-slider::after::after {
+  -webkit-box-sizing: inherit;
+          box-sizing: inherit;
+  font-size: inherit;
+}
+.fd-slider::after {
+  left: auto;
+  right: 0.125rem;
+  background-color: var(--fdSlider_Endpoint_Background);
+  border: var(--fdSlider_Endpoint_Border);
+}
+[dir=rtl] .fd-slider::before, .fd-slider[dir=rtl]::before {
+  background-color: var(--fdSlider_Endpoint_Background);
+  border: var(--fdSlider_Endpoint_Border);
+}
+[dir=rtl] .fd-slider::after, .fd-slider[dir=rtl]::after {
+  border: var(--fdSlider_Endpoint_Active_Border);
+  background-color: var(--fdSlider_Endpoint_Active_Background);
+}
 .fd-slider--lg {
-  padding-left: calc(0.8125rem + 0.0625rem + 0.0625rem);
-  padding-right: calc(0.8125rem + 0.0625rem + 0.0625rem);
+  padding-left: calc((var(--fdSlider_Mobile_Handle_Width) * 0.5) + 0.0625rem + 0.0625rem);
+  padding-right: calc((var(--fdSlider_Mobile_Handle_Width) * 0.5) + 0.0625rem + 0.0625rem);
 }
 .fd-slider__inner {
   font-size: var(--sapFontSize);
@@ -33303,10 +33345,12 @@ places the element far left of the screen. so it is not visible.
   border: 0;
   height: var(--fdSlider_Track_Height);
   width: 100%;
-  background-color: var(--sapField_BorderColor);
+  background-color: var(--fdSlider_Track_Background);
   border-radius: var(--fdSlider_Track_BorderRadius);
   position: relative;
   z-index: 1;
+  -webkit-box-shadow: inset 0 0 0 var(--fdSlider_Track_Border_Width) var(--fdSlider_Track_Border_Color);
+          box-shadow: inset 0 0 0 var(--fdSlider_Track_Border_Width) var(--fdSlider_Track_Border_Color);
 }
 .fd-slider__track::before, .fd-slider__track::after {
   -webkit-box-sizing: inherit;
@@ -33329,6 +33373,8 @@ places the element far left of the screen. so it is not visible.
   border-radius: 0.25rem;
   background-color: var(--fdSlider_Track_Active_Background);
   border: 0.0625rem solid var(--fdSlider_Track_Active_Border);
+  -webkit-box-shadow: var(--fdSlider_Track_Active_Box_Shadow);
+          box-shadow: var(--fdSlider_Track_Active_Box_Shadow);
 }
 .fd-slider__track-range::before, .fd-slider__track-range::after {
   -webkit-box-sizing: inherit;
@@ -33348,7 +33394,8 @@ places the element far left of the screen. so it is not visible.
   border: 0;
   position: absolute;
   width: 100%;
-  top: calc((-1rem + var(--fdSlider_Track_Height)) / 2);
+  top: calc((var(--fdSlider_Track_Height) - var(--fdSlider_Tick_Height)) / 2);
+  z-index: 2;
 }
 .fd-slider__tick-wrapper::before, .fd-slider__tick-wrapper::after {
   -webkit-box-sizing: inherit;
@@ -33424,7 +33471,7 @@ places the element far left of the screen. so it is not visible.
   margin: 0;
   border: 0;
   position: relative;
-  border-left: 0.0625rem solid var(--sapField_BorderColor);
+  border-left: 0.0625rem solid var(--fdSlider_Tick_Background);
   height: var(--fdSlider_Tick_Height);
 }
 .fd-slider__tick::before, .fd-slider__tick::after {
@@ -33433,7 +33480,7 @@ places the element far left of the screen. so it is not visible.
   font-size: inherit;
 }
 .fd-slider__tick--in-range {
-  border-color: var(--fdSlider_Track_Active_Border);
+  border-color: var(--fdSlider_Active_Tick_Background);
 }
 .fd-slider__label {
   font-size: var(--sapFontSize);
@@ -33477,17 +33524,19 @@ places the element far left of the screen. so it is not visible.
   padding: 0;
   margin: 0;
   border: 0;
-  width: 1.25rem;
-  height: 1.25rem;
+  width: var(--fdSlider_Handle_Width);
+  height: var(--fdSlider_Handle_Height);
   position: absolute;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);
   cursor: pointer;
-  border-radius: 50%;
-  z-index: 1;
-  background-color: var(--sapButton_Background);
-  border: 0.125rem solid var(--sapField_BorderColor);
+  border-radius: var(--fdSlider_Handle_Border_Radius);
+  background-color: var(--fdSlider_Handle_Background);
+  border: var(--fdSlider_Handle_Border);
+  -webkit-box-shadow: var(--fdSlider_Handle_Box_Shadow);
+          box-shadow: var(--fdSlider_Handle_Box_Shadow);
+  z-index: 3;
 }
 .fd-slider__handle::before, .fd-slider__handle::after {
   -webkit-box-sizing: inherit;
@@ -33496,35 +33545,50 @@ places the element far left of the screen. so it is not visible.
 }
 .fd-slider__handle::before {
   content: "";
-  width: 2rem;
-  height: 2rem;
+  width: var(--fdSlider_Handle_Active_Size);
+  height: var(--fdSlider_Handle_Active_Size);
   position: absolute;
-  -webkit-transform: translate(-25%, -25%);
-          transform: translate(-25%, -25%);
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  top: 50%;
+  left: 50%;
 }
-.fd-slider__handle:focus {
-  outline: 0.0625rem var(--sapContent_FocusStyle) var(--sapButton_Hover_BorderColor);
+.fd-slider__handle:focus, .fd-slider__handle.is-focus {
+  z-index: 5;
+  outline: 0.0625rem var(--sapContent_FocusStyle) var(--fdSlider_Focus_Handle_Outline_Color);
   outline-offset: 0.0625rem;
+  border: var(--fdSlider_Hover_Handle_Border);
 }
 .fd-slider__handle:hover, .fd-slider__handle.is-hover {
-  background: var(--sapButton_Hover_Background);
-  border-color: var(--sapButton_Hover_BorderColor);
+  background-color: var(--fdSlider_Hover_Handle_Background);
+  border: var(--fdSlider_Hover_Handle_Border);
+  -webkit-box-shadow: var(--fdSlider_Hover_Handle_Box_Shadow);
+          box-shadow: var(--fdSlider_Hover_Handle_Box_Shadow);
 }
 .fd-slider__handle:active, .fd-slider__handle.is-active {
-  background: var(--sapButton_Active_Background);
-  border-color: var(--sapButton_Active_BorderColor);
+  background-color: var(--fdSlider_Active_Handle_Background);
+  border: var(--fdSlider_Hover_Handle_Border);
+  -webkit-box-shadow: var(--fdSlider_Active_Handle_Box_Shadow);
+          box-shadow: var(--fdSlider_Active_Handle_Box_Shadow);
 }
 .fd-slider__handle--lg {
-  width: 1.625rem;
-  height: 1.625rem;
+  width: var(--fdSlider_Mobile_Handle_Width);
+  height: var(--fdSlider_Mobile_Handle_Height);
 }
 .fd-slider__handle--lg::before {
-  width: 2.75rem;
-  height: 2.75rem;
+  width: var(--fdSlider_Mobile_Handle_Active_Size);
+  height: var(--fdSlider_Mobile_Handle_Active_Size);
+}
+.fd-slider--range::before, .fd-slider--range::after {
+  background-color: var(--fdSlider_Endpoint_Background);
+  border: var(--fdSlider_Endpoint_Border);
 }
-[dir=rtl] .fd-slider .fd-slider__handle::before, .fd-slider[dir=rtl] .fd-slider__handle::before {
-  -webkit-transform: translate(25%, -25%);
-          transform: translate(25%, -25%);
+[dir=rtl] .fd-slider--range::before, [dir=rtl] .fd-slider--range::after, .fd-slider--range[dir=rtl]::before, .fd-slider--range[dir=rtl]::after {
+  background-color: var(--fdSlider_Endpoint_Background);
+  border: var(--fdSlider_Endpoint_Border);
+}
+.fd-slider--range .fd-slider__handle:active, .fd-slider--range .fd-slider__handle.is-active {
+  background-color: var(--fdSlider_Active_Range_Handle_Background);
 }
 /* Fully expanded pseudo element. Requires parent to have specified position */
 /* stylelint-disable */
@@ -39767,7 +39831,22 @@ places the element far left of the screen. so it is not visible.
 /* stylelint-enable */
 /* Fully expanded pseudo element. Requires parent to have specified position */
 /* Fully expanded pseudo element. Requires parent to have specified position */
+/* Fully expanded pseudo element. Requires parent to have specified position */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* Fully expanded pseudo element. Requires parent to have specified position */
+/* Fully expanded pseudo element. Requires parent to have specified position */
 .fd-tree {
+  --fdTree_Button_Spacing: var(--fdList_Button_Spacing);
+  --fdTree_Expander_Size: 2.75rem;
+  --fdTree_Expander_Icon_Font_Size: var(--sapFontLargeSize);
+  --fdTree_Item_Height: 2.75rem;
+  --fdTree_Item_Font_Size: var(--sapFontLargeSize);
+  --fdTree_Item_Wrap_Text_Line_Height: 1.4;
   font-size: var(--sapFontSize);
   line-height: var(--sapContent_LineHeight);
   color: var(--sapTextColor);
@@ -39781,1566 +39860,652 @@ places the element far left of the screen. so it is not visible.
   width: 100%;
   list-style-type: none;
 }
-.fd-tree::before, .fd-tree::after {
-  -webkit-box-sizing: inherit;
-          box-sizing: inherit;
-  font-size: inherit;
+.fd-tree--compact, .fd-tree--compact .fd-tree {
+  --fdTree_Expander_Size: 2rem;
+  --fdTree_Expander_Icon_Font_Size: var(--sapFontSmallSize);
+  --fdTree_Item_Height: 2rem;
+  --fdTree_Item_Font_Size: var(--sapFontSize);
+  --fdTree_Item_Wrap_Text_Line_Height: 1.4;
 }
-.fd-tree[aria-hidden=true] {
-  display: none;
+.fd-tree .has-highlight-indicator {
+  --fdTree_Item_Highlight_Color: var(--sapInformationBorderColor);
+  -webkit-box-shadow: inset 0.375rem 0 0 0 var(--fdTree_Item_Highlight_Color);
+          box-shadow: inset 0.375rem 0 0 0 var(--fdTree_Item_Highlight_Color);
 }
-.fd-tree.expanded-level-1 .fd-tree__item[aria-level="2"] .fd-tree__item-container {
-  padding-left: 4.25rem;
+.fd-tree .has-highlight-indicator--error {
+  --fdTree_Item_Highlight_Color: var(--sapErrorBorderColor);
 }
-[dir=rtl] .fd-tree.expanded-level-1 .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-1 .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.25rem;
+.fd-tree .has-highlight-indicator--warning {
+  --fdTree_Item_Highlight_Color: var(--sapWarningBorderColor);
 }
-.fd-tree.expanded-level-1.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container {
-  padding-left: 3.5rem;
+.fd-tree .has-highlight-indicator--success {
+  --fdTree_Item_Highlight_Color: var(--sapSuccessBorderColor);
 }
-[dir=rtl] .fd-tree.expanded-level-1.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-1.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.5rem;
+[dir=rtl] .fd-tree .has-highlight-indicator, .fd-tree .has-highlight-indicator[dir=rtl] {
+  -webkit-box-shadow: inset -0.375rem 0 0 0 var(--fdTree_Item_Highlight_Color);
+          box-shadow: inset -0.375rem 0 0 0 var(--fdTree_Item_Highlight_Color);
 }
-.fd-tree.expanded-level-2 .fd-tree__item[aria-level="2"] .fd-tree__item-container {
-  padding-left: 3.75rem;
+.fd-tree .has-highlight-indicator.is-navigated {
+  -webkit-box-shadow: inset -0.1875rem 0 0 0 var(--sapSelectedColor), inset 0.375rem 0 0 0 var(--fdTree_Item_Highlight_Color);
+          box-shadow: inset -0.1875rem 0 0 0 var(--sapSelectedColor), inset 0.375rem 0 0 0 var(--fdTree_Item_Highlight_Color);
 }
-[dir=rtl] .fd-tree.expanded-level-2 .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-2 .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.75rem;
+[dir=rtl] .fd-tree .has-highlight-indicator.is-navigated, .fd-tree .has-highlight-indicator.is-navigated[dir=rtl] {
+  -webkit-box-shadow: inset 0.1875rem 0 0 0 var(--sapSelectedColor), inset -0.375rem 0 0 0 var(--fdTree_Item_Highlight_Color);
+          box-shadow: inset 0.1875rem 0 0 0 var(--sapSelectedColor), inset -0.375rem 0 0 0 var(--fdTree_Item_Highlight_Color);
 }
-.fd-tree.expanded-level-2.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container {
-  padding-left: 3rem;
+.fd-tree .fd-tree__item .fd-tree__item-container .fd-tree__expander {
+  margin-left: var(--fdTree_Item_Level_Spacing);
 }
-[dir=rtl] .fd-tree.expanded-level-2.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-2.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3rem;
+[dir=rtl] .fd-tree .fd-tree__item .fd-tree__item-container .fd-tree__expander, .fd-tree .fd-tree__item .fd-tree__item-container .fd-tree__expander[dir=rtl] {
+  margin-right: var(--fdTree_Item_Level_Spacing);
+  margin-left: 0;
 }
-.fd-tree.expanded-level-2 .fd-tree__item[aria-level="3"] .fd-tree__item-container {
-  padding-left: 5.25rem;
+.fd-tree .fd-tree__item .fd-tree__item-container .fd-tree__content,
+.fd-tree .fd-tree__item .fd-tree__item-container .fd-form-item:first-child {
+  margin-left: calc(0rem + var(--fdTree_Expander_Size));
+  margin-left: calc(var(--fdTree_Item_Level_Spacing, 0rem) + var(--fdTree_Expander_Size));
 }
-[dir=rtl] .fd-tree.expanded-level-2 .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-2 .fd-tree__item[aria-level="3"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5.25rem;
+[dir=rtl] .fd-tree .fd-tree__item .fd-tree__item-container .fd-tree__content, .fd-tree .fd-tree__item .fd-tree__item-container .fd-tree__content[dir=rtl],
+[dir=rtl] .fd-tree .fd-tree__item .fd-tree__item-container .fd-form-item:first-child,
+.fd-tree .fd-tree__item .fd-tree__item-container .fd-form-item:first-child[dir=rtl] {
+  margin-right: calc(0rem + var(--fdTree_Expander_Size));
+  margin-right: calc(var(--fdTree_Item_Level_Spacing, 0rem) + var(--fdTree_Expander_Size));
+  margin-left: 0;
 }
-.fd-tree.expanded-level-2.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container {
-  padding-left: 4.5rem;
+.fd-tree .fd-tree__item .fd-tree__item-container .fd-tree__expander + .fd-tree__content,
+.fd-tree .fd-tree__item .fd-tree__item-container .fd-form-item + .fd-tree__content {
+  margin-left: 0;
 }
-[dir=rtl] .fd-tree.expanded-level-2.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-2.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.5rem;
+[dir=rtl] .fd-tree .fd-tree__item .fd-tree__item-container .fd-tree__expander + .fd-tree__content, .fd-tree .fd-tree__item .fd-tree__item-container .fd-tree__expander + .fd-tree__content[dir=rtl],
+[dir=rtl] .fd-tree .fd-tree__item .fd-tree__item-container .fd-form-item + .fd-tree__content,
+.fd-tree .fd-tree__item .fd-tree__item-container .fd-form-item + .fd-tree__content[dir=rtl] {
+  margin-right: 0;
+  margin-left: 0;
 }
-.fd-tree.expanded-level-3 .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-4 .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-5 .fd-tree__item[aria-level="2"] .fd-tree__item-container {
-  padding-left: 3.25rem;
+.fd-tree.fd-tree--independent-multi-selection .fd-tree__item .fd-tree__item-container .fd-form-item:first-child {
+  margin-left: 0;
 }
-[dir=rtl] .fd-tree.expanded-level-3 .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-3 .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl], [dir=rtl] .fd-tree.expanded-level-4 .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-4 .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl], [dir=rtl] .fd-tree.expanded-level-5 .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-5 .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.25rem;
+[dir=rtl] .fd-tree.fd-tree--independent-multi-selection .fd-tree__item .fd-tree__item-container .fd-form-item:first-child, .fd-tree.fd-tree--independent-multi-selection .fd-tree__item .fd-tree__item-container .fd-form-item:first-child[dir=rtl] {
+  margin-right: 0;
+  margin-left: 0;
 }
-.fd-tree.expanded-level-3.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-4.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-5.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container {
-  padding-left: 2.5rem;
+.fd-tree.fd-tree--independent-multi-selection .fd-tree__item .fd-tree__item-container .fd-form-item:first-child + .fd-tree__content {
+  margin-left: calc(0rem + var(--fdTree_Expander_Size));
+  margin-left: calc(var(--fdTree_Item_Level_Spacing, 0rem) + var(--fdTree_Expander_Size));
 }
-[dir=rtl] .fd-tree.expanded-level-3.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-3.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl], [dir=rtl] .fd-tree.expanded-level-4.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-4.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl], [dir=rtl] .fd-tree.expanded-level-5.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-5.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.5rem;
+[dir=rtl] .fd-tree.fd-tree--independent-multi-selection .fd-tree__item .fd-tree__item-container .fd-form-item:first-child + .fd-tree__content, .fd-tree.fd-tree--independent-multi-selection .fd-tree__item .fd-tree__item-container .fd-form-item:first-child + .fd-tree__content[dir=rtl] {
+  margin-right: calc(0rem + var(--fdTree_Expander_Size));
+  margin-right: calc(var(--fdTree_Item_Level_Spacing, 0rem) + var(--fdTree_Expander_Size));
+  margin-left: 0;
 }
-.fd-tree.expanded-level-3 .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-4 .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-5 .fd-tree__item[aria-level="3"] .fd-tree__item-container {
-  padding-left: 3.75rem;
+.fd-tree.expanded-level-1 .fd-tree__item[aria-level="2"] {
+  --fdTree_Item_Level_Spacing: 1.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-3 .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-3 .fd-tree__item[aria-level="3"] .fd-tree__item-container[dir=rtl], [dir=rtl] .fd-tree.expanded-level-4 .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-4 .fd-tree__item[aria-level="3"] .fd-tree__item-container[dir=rtl], [dir=rtl] .fd-tree.expanded-level-5 .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-5 .fd-tree__item[aria-level="3"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.75rem;
+.fd-tree.expanded-level-2 .fd-tree__item[aria-level="2"] {
+  --fdTree_Item_Level_Spacing: 1rem;
 }
-.fd-tree.expanded-level-3.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-4.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-5.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container {
-  padding-left: 3rem;
+.fd-tree.expanded-level-2 .fd-tree__item[aria-level="3"] {
+  --fdTree_Item_Level_Spacing: 2.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-3.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-3.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container[dir=rtl], [dir=rtl] .fd-tree.expanded-level-4.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-4.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container[dir=rtl], [dir=rtl] .fd-tree.expanded-level-5.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-5.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3rem;
+.fd-tree.expanded-level-3 .fd-tree__item[aria-level="2"], .fd-tree.expanded-level-4 .fd-tree__item[aria-level="2"], .fd-tree.expanded-level-5 .fd-tree__item[aria-level="2"] {
+  --fdTree_Item_Level_Spacing: 0.5rem;
 }
-.fd-tree.expanded-level-3 .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-4 .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-5 .fd-tree__item[aria-level="4"] .fd-tree__item-container {
-  padding-left: 4.25rem;
+.fd-tree.expanded-level-3 .fd-tree__item[aria-level="3"], .fd-tree.expanded-level-4 .fd-tree__item[aria-level="3"], .fd-tree.expanded-level-5 .fd-tree__item[aria-level="3"] {
+  --fdTree_Item_Level_Spacing: 1rem;
 }
-[dir=rtl] .fd-tree.expanded-level-3 .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-3 .fd-tree__item[aria-level="4"] .fd-tree__item-container[dir=rtl], [dir=rtl] .fd-tree.expanded-level-4 .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-4 .fd-tree__item[aria-level="4"] .fd-tree__item-container[dir=rtl], [dir=rtl] .fd-tree.expanded-level-5 .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-5 .fd-tree__item[aria-level="4"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.25rem;
+.fd-tree.expanded-level-3 .fd-tree__item[aria-level="4"], .fd-tree.expanded-level-4 .fd-tree__item[aria-level="4"], .fd-tree.expanded-level-5 .fd-tree__item[aria-level="4"] {
+  --fdTree_Item_Level_Spacing: 1.5rem;
 }
-.fd-tree.expanded-level-3.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-4.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-5.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container {
-  padding-left: 3.5rem;
+.fd-tree.expanded-level-3 .fd-tree__item[aria-level="5"], .fd-tree.expanded-level-4 .fd-tree__item[aria-level="5"], .fd-tree.expanded-level-5 .fd-tree__item[aria-level="5"] {
+  --fdTree_Item_Level_Spacing: 2rem;
 }
-[dir=rtl] .fd-tree.expanded-level-3.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-3.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container[dir=rtl], [dir=rtl] .fd-tree.expanded-level-4.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-4.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container[dir=rtl], [dir=rtl] .fd-tree.expanded-level-5.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-5.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.5rem;
+.fd-tree.expanded-level-3 .fd-tree__item[aria-level="6"], .fd-tree.expanded-level-4 .fd-tree__item[aria-level="6"], .fd-tree.expanded-level-5 .fd-tree__item[aria-level="6"] {
+  --fdTree_Item_Level_Spacing: 2.5rem;
 }
-.fd-tree.expanded-level-3 .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-4 .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-5 .fd-tree__item[aria-level="5"] .fd-tree__item-container {
-  padding-left: 4.75rem;
+.fd-tree.expanded-level-6 .fd-tree__item[aria-level="1"] {
+  --fdTree_Item_Level_Spacing: 0rem;
 }
-[dir=rtl] .fd-tree.expanded-level-3 .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-3 .fd-tree__item[aria-level="5"] .fd-tree__item-container[dir=rtl], [dir=rtl] .fd-tree.expanded-level-4 .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-4 .fd-tree__item[aria-level="5"] .fd-tree__item-container[dir=rtl], [dir=rtl] .fd-tree.expanded-level-5 .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-5 .fd-tree__item[aria-level="5"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.75rem;
+.fd-tree.expanded-level-6 .fd-tree__item[aria-level="2"] {
+  --fdTree_Item_Level_Spacing: 0.25rem;
 }
-.fd-tree.expanded-level-3.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-4.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-5.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container {
-  padding-left: 4rem;
+.fd-tree.expanded-level-6 .fd-tree__item[aria-level="3"] {
+  --fdTree_Item_Level_Spacing: 0.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-3.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-3.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container[dir=rtl], [dir=rtl] .fd-tree.expanded-level-4.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-4.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container[dir=rtl], [dir=rtl] .fd-tree.expanded-level-5.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-5.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4rem;
+.fd-tree.expanded-level-6 .fd-tree__item[aria-level="4"] {
+  --fdTree_Item_Level_Spacing: 0.75rem;
 }
-.fd-tree.expanded-level-3 .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-4 .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-5 .fd-tree__item[aria-level="6"] .fd-tree__item-container {
-  padding-left: 5.25rem;
+.fd-tree.expanded-level-6 .fd-tree__item[aria-level="5"] {
+  --fdTree_Item_Level_Spacing: 1rem;
 }
-[dir=rtl] .fd-tree.expanded-level-3 .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-3 .fd-tree__item[aria-level="6"] .fd-tree__item-container[dir=rtl], [dir=rtl] .fd-tree.expanded-level-4 .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-4 .fd-tree__item[aria-level="6"] .fd-tree__item-container[dir=rtl], [dir=rtl] .fd-tree.expanded-level-5 .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-5 .fd-tree__item[aria-level="6"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5.25rem;
+.fd-tree.expanded-level-6 .fd-tree__item[aria-level="6"] {
+  --fdTree_Item_Level_Spacing: 1.25rem;
 }
-.fd-tree.expanded-level-3.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-4.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-5.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container {
-  padding-left: 4.5rem;
+.fd-tree.expanded-level-6 .fd-tree__item[aria-level="7"] {
+  --fdTree_Item_Level_Spacing: 1.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-3.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-3.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container[dir=rtl], [dir=rtl] .fd-tree.expanded-level-4.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-4.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container[dir=rtl], [dir=rtl] .fd-tree.expanded-level-5.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-5.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.5rem;
+.fd-tree.expanded-level-6 .fd-tree__item[aria-level="8"] {
+  --fdTree_Item_Level_Spacing: 1.75rem;
 }
-.fd-tree.expanded-level-6 .fd-tree__item[aria-level="1"] .fd-tree__item-container {
-  padding-left: 2.75rem;
+.fd-tree.expanded-level-6 .fd-tree__item[aria-level="9"] {
+  --fdTree_Item_Level_Spacing: 2rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6 .fd-tree__item[aria-level="1"] .fd-tree__item-container, .fd-tree.expanded-level-6 .fd-tree__item[aria-level="1"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.75rem;
+.fd-tree.expanded-level-6 .fd-tree__item[aria-level="10"] {
+  --fdTree_Item_Level_Spacing: 2.25rem;
 }
-.fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="1"] .fd-tree__item-container {
-  padding-left: 2rem;
+.fd-tree.expanded-level-6 .fd-tree__item[aria-level="11"] {
+  --fdTree_Item_Level_Spacing: 2.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="1"] .fd-tree__item-container, .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="1"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2rem;
+.fd-tree.expanded-level-6 .fd-tree__item[aria-level="12"] {
+  --fdTree_Item_Level_Spacing: 2.75rem;
 }
-.fd-tree.expanded-level-6 .fd-tree__item[aria-level="2"] .fd-tree__item-container {
-  padding-left: 3rem;
+.fd-tree.expanded-level-7 .fd-tree__item[aria-level="1"] {
+  --fdTree_Item_Level_Spacing: 0rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6 .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-6 .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3rem;
+.fd-tree.expanded-level-7 .fd-tree__item[aria-level="2"] {
+  --fdTree_Item_Level_Spacing: 0.25rem;
 }
-.fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container {
-  padding-left: 2.25rem;
+.fd-tree.expanded-level-7 .fd-tree__item[aria-level="3"] {
+  --fdTree_Item_Level_Spacing: 0.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.25rem;
+.fd-tree.expanded-level-7 .fd-tree__item[aria-level="4"] {
+  --fdTree_Item_Level_Spacing: 0.75rem;
 }
-.fd-tree.expanded-level-6 .fd-tree__item[aria-level="3"] .fd-tree__item-container {
-  padding-left: 3.25rem;
+.fd-tree.expanded-level-7 .fd-tree__item[aria-level="5"] {
+  --fdTree_Item_Level_Spacing: 1rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6 .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-6 .fd-tree__item[aria-level="3"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.25rem;
+.fd-tree.expanded-level-7 .fd-tree__item[aria-level="6"] {
+  --fdTree_Item_Level_Spacing: 1.25rem;
 }
-.fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container {
-  padding-left: 2.5rem;
+.fd-tree.expanded-level-7 .fd-tree__item[aria-level="7"] {
+  --fdTree_Item_Level_Spacing: 1.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.5rem;
+.fd-tree.expanded-level-7 .fd-tree__item[aria-level="8"] {
+  --fdTree_Item_Level_Spacing: 1.75rem;
 }
-.fd-tree.expanded-level-6 .fd-tree__item[aria-level="4"] .fd-tree__item-container {
-  padding-left: 3.5rem;
+.fd-tree.expanded-level-7 .fd-tree__item[aria-level="9"] {
+  --fdTree_Item_Level_Spacing: 2rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6 .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-6 .fd-tree__item[aria-level="4"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.5rem;
+.fd-tree.expanded-level-7 .fd-tree__item[aria-level="10"] {
+  --fdTree_Item_Level_Spacing: 2.25rem;
 }
-.fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container {
-  padding-left: 2.75rem;
+.fd-tree.expanded-level-7 .fd-tree__item[aria-level="11"] {
+  --fdTree_Item_Level_Spacing: 2.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.75rem;
+.fd-tree.expanded-level-7 .fd-tree__item[aria-level="12"] {
+  --fdTree_Item_Level_Spacing: 2.75rem;
 }
-.fd-tree.expanded-level-6 .fd-tree__item[aria-level="5"] .fd-tree__item-container {
-  padding-left: 3.75rem;
+.fd-tree.expanded-level-8 .fd-tree__item[aria-level="1"] {
+  --fdTree_Item_Level_Spacing: 0rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6 .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-6 .fd-tree__item[aria-level="5"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.75rem;
+.fd-tree.expanded-level-8 .fd-tree__item[aria-level="2"] {
+  --fdTree_Item_Level_Spacing: 0.25rem;
 }
-.fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container {
-  padding-left: 3rem;
+.fd-tree.expanded-level-8 .fd-tree__item[aria-level="3"] {
+  --fdTree_Item_Level_Spacing: 0.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3rem;
+.fd-tree.expanded-level-8 .fd-tree__item[aria-level="4"] {
+  --fdTree_Item_Level_Spacing: 0.75rem;
 }
-.fd-tree.expanded-level-6 .fd-tree__item[aria-level="6"] .fd-tree__item-container {
-  padding-left: 4rem;
+.fd-tree.expanded-level-8 .fd-tree__item[aria-level="5"] {
+  --fdTree_Item_Level_Spacing: 1rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6 .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-6 .fd-tree__item[aria-level="6"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4rem;
+.fd-tree.expanded-level-8 .fd-tree__item[aria-level="6"] {
+  --fdTree_Item_Level_Spacing: 1.25rem;
 }
-.fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container {
-  padding-left: 3.25rem;
+.fd-tree.expanded-level-8 .fd-tree__item[aria-level="7"] {
+  --fdTree_Item_Level_Spacing: 1.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.25rem;
+.fd-tree.expanded-level-8 .fd-tree__item[aria-level="8"] {
+  --fdTree_Item_Level_Spacing: 1.75rem;
 }
-.fd-tree.expanded-level-6 .fd-tree__item[aria-level="7"] .fd-tree__item-container {
-  padding-left: 4.25rem;
+.fd-tree.expanded-level-8 .fd-tree__item[aria-level="9"] {
+  --fdTree_Item_Level_Spacing: 2rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6 .fd-tree__item[aria-level="7"] .fd-tree__item-container, .fd-tree.expanded-level-6 .fd-tree__item[aria-level="7"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.25rem;
+.fd-tree.expanded-level-8 .fd-tree__item[aria-level="10"] {
+  --fdTree_Item_Level_Spacing: 2.25rem;
 }
-.fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="7"] .fd-tree__item-container {
-  padding-left: 3.5rem;
+.fd-tree.expanded-level-8 .fd-tree__item[aria-level="11"] {
+  --fdTree_Item_Level_Spacing: 2.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="7"] .fd-tree__item-container, .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="7"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.5rem;
+.fd-tree.expanded-level-8 .fd-tree__item[aria-level="12"] {
+  --fdTree_Item_Level_Spacing: 2.75rem;
 }
-.fd-tree.expanded-level-6 .fd-tree__item[aria-level="8"] .fd-tree__item-container {
-  padding-left: 4.5rem;
+.fd-tree.expanded-level-9 .fd-tree__item[aria-level="1"] {
+  --fdTree_Item_Level_Spacing: 0rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6 .fd-tree__item[aria-level="8"] .fd-tree__item-container, .fd-tree.expanded-level-6 .fd-tree__item[aria-level="8"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.5rem;
+.fd-tree.expanded-level-9 .fd-tree__item[aria-level="2"] {
+  --fdTree_Item_Level_Spacing: 0.25rem;
 }
-.fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="8"] .fd-tree__item-container {
-  padding-left: 3.75rem;
+.fd-tree.expanded-level-9 .fd-tree__item[aria-level="3"] {
+  --fdTree_Item_Level_Spacing: 0.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="8"] .fd-tree__item-container, .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="8"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.75rem;
+.fd-tree.expanded-level-9 .fd-tree__item[aria-level="4"] {
+  --fdTree_Item_Level_Spacing: 0.75rem;
 }
-.fd-tree.expanded-level-6 .fd-tree__item[aria-level="9"] .fd-tree__item-container {
-  padding-left: 4.75rem;
+.fd-tree.expanded-level-9 .fd-tree__item[aria-level="5"] {
+  --fdTree_Item_Level_Spacing: 1rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6 .fd-tree__item[aria-level="9"] .fd-tree__item-container, .fd-tree.expanded-level-6 .fd-tree__item[aria-level="9"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.75rem;
+.fd-tree.expanded-level-9 .fd-tree__item[aria-level="6"] {
+  --fdTree_Item_Level_Spacing: 1.25rem;
 }
-.fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="9"] .fd-tree__item-container {
-  padding-left: 4rem;
+.fd-tree.expanded-level-9 .fd-tree__item[aria-level="7"] {
+  --fdTree_Item_Level_Spacing: 1.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="9"] .fd-tree__item-container, .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="9"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4rem;
+.fd-tree.expanded-level-9 .fd-tree__item[aria-level="8"] {
+  --fdTree_Item_Level_Spacing: 1.75rem;
 }
-.fd-tree.expanded-level-6 .fd-tree__item[aria-level="10"] .fd-tree__item-container {
-  padding-left: 5rem;
+.fd-tree.expanded-level-9 .fd-tree__item[aria-level="9"] {
+  --fdTree_Item_Level_Spacing: 2rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6 .fd-tree__item[aria-level="10"] .fd-tree__item-container, .fd-tree.expanded-level-6 .fd-tree__item[aria-level="10"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5rem;
+.fd-tree.expanded-level-9 .fd-tree__item[aria-level="10"] {
+  --fdTree_Item_Level_Spacing: 2.25rem;
 }
-.fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="10"] .fd-tree__item-container {
-  padding-left: 4.25rem;
+.fd-tree.expanded-level-9 .fd-tree__item[aria-level="11"] {
+  --fdTree_Item_Level_Spacing: 2.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="10"] .fd-tree__item-container, .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="10"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.25rem;
+.fd-tree.expanded-level-9 .fd-tree__item[aria-level="12"] {
+  --fdTree_Item_Level_Spacing: 2.75rem;
 }
-.fd-tree.expanded-level-6 .fd-tree__item[aria-level="11"] .fd-tree__item-container {
-  padding-left: 5.25rem;
+.fd-tree.expanded-level-10 .fd-tree__item[aria-level="1"] {
+  --fdTree_Item_Level_Spacing: 0rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6 .fd-tree__item[aria-level="11"] .fd-tree__item-container, .fd-tree.expanded-level-6 .fd-tree__item[aria-level="11"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5.25rem;
+.fd-tree.expanded-level-10 .fd-tree__item[aria-level="2"] {
+  --fdTree_Item_Level_Spacing: 0.25rem;
 }
-.fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="11"] .fd-tree__item-container {
-  padding-left: 4.5rem;
+.fd-tree.expanded-level-10 .fd-tree__item[aria-level="3"] {
+  --fdTree_Item_Level_Spacing: 0.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="11"] .fd-tree__item-container, .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="11"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.5rem;
+.fd-tree.expanded-level-10 .fd-tree__item[aria-level="4"] {
+  --fdTree_Item_Level_Spacing: 0.75rem;
 }
-.fd-tree.expanded-level-6 .fd-tree__item[aria-level="12"] .fd-tree__item-container {
-  padding-left: 5.5rem;
+.fd-tree.expanded-level-10 .fd-tree__item[aria-level="5"] {
+  --fdTree_Item_Level_Spacing: 1rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6 .fd-tree__item[aria-level="12"] .fd-tree__item-container, .fd-tree.expanded-level-6 .fd-tree__item[aria-level="12"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5.5rem;
+.fd-tree.expanded-level-10 .fd-tree__item[aria-level="6"] {
+  --fdTree_Item_Level_Spacing: 1.25rem;
 }
-.fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="12"] .fd-tree__item-container {
-  padding-left: 4.75rem;
+.fd-tree.expanded-level-10 .fd-tree__item[aria-level="7"] {
+  --fdTree_Item_Level_Spacing: 1.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="12"] .fd-tree__item-container, .fd-tree.expanded-level-6.fd-tree--compact .fd-tree__item[aria-level="12"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.75rem;
+.fd-tree.expanded-level-10 .fd-tree__item[aria-level="8"] {
+  --fdTree_Item_Level_Spacing: 1.75rem;
 }
-.fd-tree.expanded-level-7 .fd-tree__item[aria-level="1"] .fd-tree__item-container {
-  padding-left: 2.75rem;
+.fd-tree.expanded-level-10 .fd-tree__item[aria-level="9"] {
+  --fdTree_Item_Level_Spacing: 2rem;
 }
-[dir=rtl] .fd-tree.expanded-level-7 .fd-tree__item[aria-level="1"] .fd-tree__item-container, .fd-tree.expanded-level-7 .fd-tree__item[aria-level="1"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.75rem;
+.fd-tree.expanded-level-10 .fd-tree__item[aria-level="10"] {
+  --fdTree_Item_Level_Spacing: 2.25rem;
 }
-.fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="1"] .fd-tree__item-container {
-  padding-left: 2rem;
+.fd-tree.expanded-level-10 .fd-tree__item[aria-level="11"] {
+  --fdTree_Item_Level_Spacing: 2.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="1"] .fd-tree__item-container, .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="1"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2rem;
+.fd-tree.expanded-level-10 .fd-tree__item[aria-level="12"] {
+  --fdTree_Item_Level_Spacing: 2.75rem;
 }
-.fd-tree.expanded-level-7 .fd-tree__item[aria-level="2"] .fd-tree__item-container {
-  padding-left: 3rem;
+.fd-tree.expanded-level-11 .fd-tree__item[aria-level="1"] {
+  --fdTree_Item_Level_Spacing: 0rem;
 }
-[dir=rtl] .fd-tree.expanded-level-7 .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-7 .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3rem;
+.fd-tree.expanded-level-11 .fd-tree__item[aria-level="2"] {
+  --fdTree_Item_Level_Spacing: 0.25rem;
 }
-.fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container {
-  padding-left: 2.25rem;
+.fd-tree.expanded-level-11 .fd-tree__item[aria-level="3"] {
+  --fdTree_Item_Level_Spacing: 0.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.25rem;
+.fd-tree.expanded-level-11 .fd-tree__item[aria-level="4"] {
+  --fdTree_Item_Level_Spacing: 0.75rem;
 }
-.fd-tree.expanded-level-7 .fd-tree__item[aria-level="3"] .fd-tree__item-container {
-  padding-left: 3.25rem;
+.fd-tree.expanded-level-11 .fd-tree__item[aria-level="5"] {
+  --fdTree_Item_Level_Spacing: 1rem;
 }
-[dir=rtl] .fd-tree.expanded-level-7 .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-7 .fd-tree__item[aria-level="3"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.25rem;
+.fd-tree.expanded-level-11 .fd-tree__item[aria-level="6"] {
+  --fdTree_Item_Level_Spacing: 1.25rem;
 }
-.fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container {
-  padding-left: 2.5rem;
+.fd-tree.expanded-level-11 .fd-tree__item[aria-level="7"] {
+  --fdTree_Item_Level_Spacing: 1.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.5rem;
+.fd-tree.expanded-level-11 .fd-tree__item[aria-level="8"] {
+  --fdTree_Item_Level_Spacing: 1.75rem;
 }
-.fd-tree.expanded-level-7 .fd-tree__item[aria-level="4"] .fd-tree__item-container {
-  padding-left: 3.5rem;
+.fd-tree.expanded-level-11 .fd-tree__item[aria-level="9"] {
+  --fdTree_Item_Level_Spacing: 2rem;
 }
-[dir=rtl] .fd-tree.expanded-level-7 .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-7 .fd-tree__item[aria-level="4"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.5rem;
+.fd-tree.expanded-level-11 .fd-tree__item[aria-level="10"] {
+  --fdTree_Item_Level_Spacing: 2.25rem;
 }
-.fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container {
-  padding-left: 2.75rem;
+.fd-tree.expanded-level-11 .fd-tree__item[aria-level="11"] {
+  --fdTree_Item_Level_Spacing: 2.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.75rem;
+.fd-tree.expanded-level-11 .fd-tree__item[aria-level="12"] {
+  --fdTree_Item_Level_Spacing: 2.75rem;
 }
-.fd-tree.expanded-level-7 .fd-tree__item[aria-level="5"] .fd-tree__item-container {
-  padding-left: 3.75rem;
+.fd-tree.expanded-level-12 .fd-tree__item[aria-level="1"] {
+  --fdTree_Item_Level_Spacing: 0rem;
 }
-[dir=rtl] .fd-tree.expanded-level-7 .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-7 .fd-tree__item[aria-level="5"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.75rem;
+.fd-tree.expanded-level-12 .fd-tree__item[aria-level="2"] {
+  --fdTree_Item_Level_Spacing: 0.25rem;
 }
-.fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container {
-  padding-left: 3rem;
+.fd-tree.expanded-level-12 .fd-tree__item[aria-level="3"] {
+  --fdTree_Item_Level_Spacing: 0.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3rem;
+.fd-tree.expanded-level-12 .fd-tree__item[aria-level="4"] {
+  --fdTree_Item_Level_Spacing: 0.75rem;
 }
-.fd-tree.expanded-level-7 .fd-tree__item[aria-level="6"] .fd-tree__item-container {
-  padding-left: 4rem;
+.fd-tree.expanded-level-12 .fd-tree__item[aria-level="5"] {
+  --fdTree_Item_Level_Spacing: 1rem;
 }
-[dir=rtl] .fd-tree.expanded-level-7 .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-7 .fd-tree__item[aria-level="6"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4rem;
+.fd-tree.expanded-level-12 .fd-tree__item[aria-level="6"] {
+  --fdTree_Item_Level_Spacing: 1.25rem;
 }
-.fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container {
-  padding-left: 3.25rem;
+.fd-tree.expanded-level-12 .fd-tree__item[aria-level="7"] {
+  --fdTree_Item_Level_Spacing: 1.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.25rem;
+.fd-tree.expanded-level-12 .fd-tree__item[aria-level="8"] {
+  --fdTree_Item_Level_Spacing: 1.75rem;
 }
-.fd-tree.expanded-level-7 .fd-tree__item[aria-level="7"] .fd-tree__item-container {
-  padding-left: 4.25rem;
+.fd-tree.expanded-level-12 .fd-tree__item[aria-level="9"] {
+  --fdTree_Item_Level_Spacing: 2rem;
 }
-[dir=rtl] .fd-tree.expanded-level-7 .fd-tree__item[aria-level="7"] .fd-tree__item-container, .fd-tree.expanded-level-7 .fd-tree__item[aria-level="7"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.25rem;
+.fd-tree.expanded-level-12 .fd-tree__item[aria-level="10"] {
+  --fdTree_Item_Level_Spacing: 2.25rem;
 }
-.fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="7"] .fd-tree__item-container {
-  padding-left: 3.5rem;
+.fd-tree.expanded-level-12 .fd-tree__item[aria-level="11"] {
+  --fdTree_Item_Level_Spacing: 2.5rem;
 }
-[dir=rtl] .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="7"] .fd-tree__item-container, .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="7"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.5rem;
+.fd-tree.expanded-level-12 .fd-tree__item[aria-level="12"] {
+  --fdTree_Item_Level_Spacing: 2.75rem;
 }
-.fd-tree.expanded-level-7 .fd-tree__item[aria-level="8"] .fd-tree__item-container {
-  padding-left: 4.5rem;
+.fd-tree .fd-tree__item-container .fd-form-item:first-child label,
+.fd-tree .fd-tree__item-container .fd-tree__expander + .fd-form-item label {
+  margin: 0;
 }
-[dir=rtl] .fd-tree.expanded-level-7 .fd-tree__item[aria-level="8"] .fd-tree__item-container, .fd-tree.expanded-level-7 .fd-tree__item[aria-level="8"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.5rem;
+.fd-tree .fd-tree__expander + .fd-tree__content {
+  margin-left: 0;
 }
-.fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="8"] .fd-tree__item-container {
-  padding-left: 3.75rem;
+[dir=rtl] .fd-tree .fd-tree__expander + .fd-tree__content, .fd-tree .fd-tree__expander + .fd-tree__content[dir=rtl] {
+  margin-right: 0;
+  margin-left: 0;
 }
-[dir=rtl] .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="8"] .fd-tree__item-container, .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="8"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.75rem;
+.fd-tree::before, .fd-tree::after {
+  -webkit-box-sizing: inherit;
+          box-sizing: inherit;
+  font-size: inherit;
 }
-.fd-tree.expanded-level-7 .fd-tree__item[aria-level="9"] .fd-tree__item-container {
-  padding-left: 4.75rem;
+.fd-tree[aria-hidden=true] {
+  display: none;
 }
-[dir=rtl] .fd-tree.expanded-level-7 .fd-tree__item[aria-level="9"] .fd-tree__item-container, .fd-tree.expanded-level-7 .fd-tree__item[aria-level="9"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.75rem;
+.fd-tree__item {
+  font-size: var(--sapFontSize);
+  line-height: var(--sapContent_LineHeight);
+  color: var(--sapTextColor);
+  font-family: var(--sapFontFamily);
+  font-weight: normal;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
 }
-.fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="9"] .fd-tree__item-container {
-  padding-left: 4rem;
+.fd-tree__item::before, .fd-tree__item::after {
+  -webkit-box-sizing: inherit;
+          box-sizing: inherit;
+  font-size: inherit;
 }
-[dir=rtl] .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="9"] .fd-tree__item-container, .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="9"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4rem;
+.fd-tree__item[aria-level="1"] > .fd-tree__item-container {
+  background: var(--sapList_Background);
+  border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
 }
-.fd-tree.expanded-level-7 .fd-tree__item[aria-level="10"] .fd-tree__item-container {
-  padding-left: 5rem;
+.fd-tree__item[aria-level="1"] > .fd-tree__item-container[aria-selected=true], .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-selected {
+  background: var(--sapList_SelectionBackgroundColor);
+  border-bottom: var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor);
 }
-[dir=rtl] .fd-tree.expanded-level-7 .fd-tree__item[aria-level="10"] .fd-tree__item-container, .fd-tree.expanded-level-7 .fd-tree__item[aria-level="10"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5rem;
+.fd-tree__item[aria-level="1"] > .fd-tree__item-container--active {
+  cursor: pointer;
+  position: relative;
 }
-.fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="10"] .fd-tree__item-container {
-  padding-left: 4.25rem;
+.fd-tree__item[aria-level="1"] > .fd-tree__item-container--active:hover, .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active.is-hover {
+  background: var(--sapList_Hover_Background);
 }
-[dir=rtl] .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="10"] .fd-tree__item-container, .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="10"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.25rem;
+.fd-tree__item[aria-level="1"] > .fd-tree__item-container--active[aria-selected=true], .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active.is-selected {
+  background: var(--sapList_SelectionBackgroundColor);
+  border-bottom: var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor);
 }
-.fd-tree.expanded-level-7 .fd-tree__item[aria-level="11"] .fd-tree__item-container {
-  padding-left: 5.25rem;
+.fd-tree__item[aria-level="1"] > .fd-tree__item-container--active:active, .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active.is-active {
+  background: var(--sapList_Active_Background);
 }
-[dir=rtl] .fd-tree.expanded-level-7 .fd-tree__item[aria-level="11"] .fd-tree__item-container, .fd-tree.expanded-level-7 .fd-tree__item[aria-level="11"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5.25rem;
+.fd-tree__item[aria-level="1"] > .fd-tree__item-container--active:active:hover, .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active:active.is-hover, .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active.is-active:hover, .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active.is-active.is-hover {
+  background: var(--sapList_Active_Background);
 }
-.fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="11"] .fd-tree__item-container {
-  padding-left: 4.5rem;
+.fd-tree__item[aria-level="1"] > .fd-tree__item-container--active:active[aria-selected=true], .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active:active.is-selected, .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active.is-active[aria-selected=true], .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active.is-active.is-selected {
+  background: var(--sapList_Active_Background);
 }
-[dir=rtl] .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="11"] .fd-tree__item-container, .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="11"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.5rem;
+.fd-tree__item[aria-level="1"] > .fd-tree__item-container--active:active[aria-selected=true]:hover, .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active:active[aria-selected=true].is-hover, .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active:active.is-selected:hover, .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active:active.is-selected.is-hover, .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active.is-active[aria-selected=true]:hover, .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active.is-active[aria-selected=true].is-hover, .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active.is-active.is-selected:hover, .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active.is-active.is-selected.is-hover {
+  background: var(--sapList_Active_Background);
 }
-.fd-tree.expanded-level-7 .fd-tree__item[aria-level="12"] .fd-tree__item-container {
-  padding-left: 5.5rem;
+.fd-tree__item[aria-level="1"] > .fd-tree__item-container--active:focus, .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active.is-focus {
+  outline: none;
+  pointer-events: all;
 }
-[dir=rtl] .fd-tree.expanded-level-7 .fd-tree__item[aria-level="12"] .fd-tree__item-container, .fd-tree.expanded-level-7 .fd-tree__item[aria-level="12"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5.5rem;
+.fd-tree__item[aria-level="1"] > .fd-tree__item-container--active:focus::before, .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active.is-focus::before {
+  content: "";
+  position: absolute;
+  display: block;
+  border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+  top: 0.125rem;
+  left: 0.125rem;
+  right: 0.125rem;
+  bottom: 0.125rem;
+  pointer-events: none;
+  bottom: 0.625rem;
 }
-.fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="12"] .fd-tree__item-container {
-  padding-left: 4.75rem;
+.fd-tree__item[aria-level="1"] > .fd-tree__item-container--active:focus:active::before, .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active:focus.is-active::before, .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active.is-focus:active::before, .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active.is-focus.is-active::before {
+  border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color);
 }
-[dir=rtl] .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="12"] .fd-tree__item-container, .fd-tree.expanded-level-7.fd-tree--compact .fd-tree__item[aria-level="12"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.75rem;
+.fd-tree__item[aria-level="1"] > .fd-tree__item-container--active:active .fd-tree__icon [class*=sap-icon], .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active:active .fd-tree__icon[class*=sap-icon], .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active.is-active .fd-tree__icon [class*=sap-icon], .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active.is-active .fd-tree__icon[class*=sap-icon] {
+  color: var(--sapList_Active_TextColor);
 }
-.fd-tree.expanded-level-8 .fd-tree__item[aria-level="1"] .fd-tree__item-container {
-  padding-left: 2.75rem;
+.fd-tree__item[aria-level="1"] > .fd-tree__item-container--active:active .fd-tree__text,
+.fd-tree__item[aria-level="1"] > .fd-tree__item-container--active:active .fd-button, .fd-tree__item[aria-level="1"] > .fd-tree__item-container--active.is-active .fd-tree__text,
+.fd-tree__item[aria-level="1"] > .fd-tree__item-container--active.is-active .fd-button {
+  color: var(--sapList_Active_TextColor);
 }
-[dir=rtl] .fd-tree.expanded-level-8 .fd-tree__item[aria-level="1"] .fd-tree__item-container, .fd-tree.expanded-level-8 .fd-tree__item[aria-level="1"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.75rem;
+.fd-tree__item-container {
+  font-size: var(--sapFontSize);
+  line-height: var(--sapContent_LineHeight);
+  color: var(--sapTextColor);
+  font-family: var(--sapFontFamily);
+  font-weight: normal;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding-right: 1rem;
+  position: relative;
+  width: 100%;
+  min-height: var(--fdTree_Item_Height);
+  background: var(--sapList_AlternatingBackground);
+  border-bottom: var(--sapList_BorderWidth) solid transparent;
 }
-.fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="1"] .fd-tree__item-container {
-  padding-left: 2rem;
+.fd-tree__item-container::before, .fd-tree__item-container::after {
+  -webkit-box-sizing: inherit;
+          box-sizing: inherit;
+  font-size: inherit;
 }
-[dir=rtl] .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="1"] .fd-tree__item-container, .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="1"] .fd-tree__item-container[dir=rtl] {
+[dir=rtl] .fd-tree__item-container, .fd-tree__item-container[dir=rtl] {
+  padding-right: 0;
   padding-left: 1rem;
-  padding-right: 2rem;
 }
-.fd-tree.expanded-level-8 .fd-tree__item[aria-level="2"] .fd-tree__item-container {
-  padding-left: 3rem;
+.fd-tree__item-container[aria-selected=true], .fd-tree__item-container.is-selected {
+  background: var(--sapList_SelectionBackgroundColor);
+  border-bottom: var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor);
 }
-[dir=rtl] .fd-tree.expanded-level-8 .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-8 .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3rem;
+.fd-tree__item-container.is-navigated {
+  -webkit-box-shadow: inset -0.1875rem 0 0 0 var(--sapSelectedColor);
+          box-shadow: inset -0.1875rem 0 0 0 var(--sapSelectedColor);
 }
-.fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container {
-  padding-left: 2.25rem;
+[dir=rtl] .fd-tree__item-container.is-navigated, .fd-tree__item-container.is-navigated[dir=rtl] {
+  -webkit-box-shadow: inset 0.1875rem 0 0 0 var(--sapSelectedColor);
+          box-shadow: inset 0.1875rem 0 0 0 var(--sapSelectedColor);
 }
-[dir=rtl] .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.25rem;
+.fd-tree__item-container:focus, .fd-tree__item-container.is-focus {
+  outline: none;
+  pointer-events: all;
 }
-.fd-tree.expanded-level-8 .fd-tree__item[aria-level="3"] .fd-tree__item-container {
-  padding-left: 3.25rem;
+.fd-tree__item-container:focus::before, .fd-tree__item-container.is-focus::before {
+  content: "";
+  position: absolute;
+  display: block;
+  border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+  top: 0.125rem;
+  left: 0.125rem;
+  right: 0.125rem;
+  bottom: 0.125rem;
+  pointer-events: none;
+  bottom: 0.0625rem;
 }
-[dir=rtl] .fd-tree.expanded-level-8 .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-8 .fd-tree__item[aria-level="3"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.25rem;
+.fd-tree__item-container:focus:active::before, .fd-tree__item-container:focus.is-active::before, .fd-tree__item-container.is-focus:active::before, .fd-tree__item-container.is-focus.is-active::before {
+  border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color);
 }
-.fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container {
-  padding-left: 2.5rem;
+.fd-tree__item-container--active {
+  cursor: pointer;
+  position: relative;
 }
-[dir=rtl] .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.5rem;
+.fd-tree__item-container--active:hover, .fd-tree__item-container--active.is-hover {
+  background: var(--sapList_Hover_Background);
 }
-.fd-tree.expanded-level-8 .fd-tree__item[aria-level="4"] .fd-tree__item-container {
-  padding-left: 3.5rem;
+.fd-tree__item-container--active[aria-selected=true], .fd-tree__item-container--active.is-selected {
+  background: var(--sapList_SelectionBackgroundColor);
+  border-bottom: var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor);
 }
-[dir=rtl] .fd-tree.expanded-level-8 .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-8 .fd-tree__item[aria-level="4"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.5rem;
+.fd-tree__item-container--active:active, .fd-tree__item-container--active.is-active {
+  background: var(--sapList_Active_Background);
 }
-.fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container {
-  padding-left: 2.75rem;
+.fd-tree__item-container--active:active:hover, .fd-tree__item-container--active:active.is-hover, .fd-tree__item-container--active.is-active:hover, .fd-tree__item-container--active.is-active.is-hover {
+  background: var(--sapList_Active_Background);
 }
-[dir=rtl] .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.75rem;
+.fd-tree__item-container--active:active[aria-selected=true], .fd-tree__item-container--active:active.is-selected, .fd-tree__item-container--active.is-active[aria-selected=true], .fd-tree__item-container--active.is-active.is-selected {
+  background: var(--sapList_Active_Background);
 }
-.fd-tree.expanded-level-8 .fd-tree__item[aria-level="5"] .fd-tree__item-container {
-  padding-left: 3.75rem;
+.fd-tree__item-container--active:active[aria-selected=true]:hover, .fd-tree__item-container--active:active[aria-selected=true].is-hover, .fd-tree__item-container--active:active.is-selected:hover, .fd-tree__item-container--active:active.is-selected.is-hover, .fd-tree__item-container--active.is-active[aria-selected=true]:hover, .fd-tree__item-container--active.is-active[aria-selected=true].is-hover, .fd-tree__item-container--active.is-active.is-selected:hover, .fd-tree__item-container--active.is-active.is-selected.is-hover {
+  background: var(--sapList_Active_Background);
 }
-[dir=rtl] .fd-tree.expanded-level-8 .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-8 .fd-tree__item[aria-level="5"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.75rem;
+.fd-tree__item-container--active:focus, .fd-tree__item-container--active.is-focus {
+  outline: none;
+  pointer-events: all;
 }
-.fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container {
-  padding-left: 3rem;
+.fd-tree__item-container--active:focus::before, .fd-tree__item-container--active.is-focus::before {
+  content: "";
+  position: absolute;
+  display: block;
+  border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+  top: 0.125rem;
+  left: 0.125rem;
+  right: 0.125rem;
+  bottom: 0.125rem;
+  pointer-events: none;
+  bottom: 0.625rem;
 }
-[dir=rtl] .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3rem;
+.fd-tree__item-container--active:focus:active::before, .fd-tree__item-container--active:focus.is-active::before, .fd-tree__item-container--active.is-focus:active::before, .fd-tree__item-container--active.is-focus.is-active::before {
+  border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color);
 }
-.fd-tree.expanded-level-8 .fd-tree__item[aria-level="6"] .fd-tree__item-container {
-  padding-left: 4rem;
+.fd-tree__item-container--active:active .fd-tree__icon [class*=sap-icon], .fd-tree__item-container--active:active .fd-tree__icon[class*=sap-icon], .fd-tree__item-container--active.is-active .fd-tree__icon [class*=sap-icon], .fd-tree__item-container--active.is-active .fd-tree__icon[class*=sap-icon] {
+  color: var(--sapList_Active_TextColor);
 }
-[dir=rtl] .fd-tree.expanded-level-8 .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-8 .fd-tree__item[aria-level="6"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4rem;
+.fd-tree__item-container--active:active .fd-tree__text,
+.fd-tree__item-container--active:active .fd-button, .fd-tree__item-container--active.is-active .fd-tree__text,
+.fd-tree__item-container--active.is-active .fd-button {
+  color: var(--sapList_Active_TextColor);
 }
-.fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container {
-  padding-left: 3.25rem;
+.fd-tree__button {
+  margin-left: var(--fdTree_Button_Spacing);
 }
-[dir=rtl] .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.25rem;
+[dir=rtl] .fd-tree__button, .fd-tree__button[dir=rtl] {
+  margin-right: var(--fdTree_Button_Spacing);
+  margin-left: 0;
 }
-.fd-tree.expanded-level-8 .fd-tree__item[aria-level="7"] .fd-tree__item-container {
-  padding-left: 4.25rem;
+.fd-tree__expander {
+  font-size: var(--sapFontSize);
+  line-height: var(--sapContent_LineHeight);
+  color: var(--sapTextColor);
+  font-family: var(--sapFontFamily);
+  font-weight: normal;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  cursor: pointer;
+  color: var(--sapButton_IconColor);
+  background: transparent;
+  min-width: var(--fdTree_Expander_Size);
+  min-height: var(--fdTree_Expander_Size);
 }
-[dir=rtl] .fd-tree.expanded-level-8 .fd-tree__item[aria-level="7"] .fd-tree__item-container, .fd-tree.expanded-level-8 .fd-tree__item[aria-level="7"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.25rem;
+.fd-tree__expander::before, .fd-tree__expander::after {
+  -webkit-box-sizing: inherit;
+          box-sizing: inherit;
+  font-size: inherit;
 }
-.fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="7"] .fd-tree__item-container {
-  padding-left: 3.5rem;
+.fd-tree__expander .fd-tree__icon [class*=sap-icon], .fd-tree__expander .fd-tree__icon[class*=sap-icon] {
+  font-size: var(--fdTree_Expander_Icon_Font_Size);
+  color: var(--sapButton_IconColor);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
-[dir=rtl] .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="7"] .fd-tree__item-container, .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="7"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.5rem;
+.fd-tree__expander[aria-expanded=true], .fd-tree__expander.is-expanded {
+  border-bottom: none;
 }
-.fd-tree.expanded-level-8 .fd-tree__item[aria-level="8"] .fd-tree__item-container {
-  padding-left: 4.5rem;
+.fd-tree__content {
+  font-size: var(--sapFontSize);
+  line-height: var(--sapContent_LineHeight);
+  color: var(--sapTextColor);
+  font-family: var(--sapFontFamily);
+  font-weight: normal;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  min-height: var(--fdTree_Item_Height);
+  width: 100%;
+  text-decoration: none;
 }
-[dir=rtl] .fd-tree.expanded-level-8 .fd-tree__item[aria-level="8"] .fd-tree__item-container, .fd-tree.expanded-level-8 .fd-tree__item[aria-level="8"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.5rem;
+.fd-tree__content::before, .fd-tree__content::after {
+  -webkit-box-sizing: inherit;
+          box-sizing: inherit;
+  font-size: inherit;
 }
-.fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="8"] .fd-tree__item-container {
-  padding-left: 3.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="8"] .fd-tree__item-container, .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="8"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.75rem;
-}
-.fd-tree.expanded-level-8 .fd-tree__item[aria-level="9"] .fd-tree__item-container {
-  padding-left: 4.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-8 .fd-tree__item[aria-level="9"] .fd-tree__item-container, .fd-tree.expanded-level-8 .fd-tree__item[aria-level="9"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.75rem;
-}
-.fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="9"] .fd-tree__item-container {
-  padding-left: 4rem;
-}
-[dir=rtl] .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="9"] .fd-tree__item-container, .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="9"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4rem;
-}
-.fd-tree.expanded-level-8 .fd-tree__item[aria-level="10"] .fd-tree__item-container {
-  padding-left: 5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-8 .fd-tree__item[aria-level="10"] .fd-tree__item-container, .fd-tree.expanded-level-8 .fd-tree__item[aria-level="10"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5rem;
-}
-.fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="10"] .fd-tree__item-container {
-  padding-left: 4.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="10"] .fd-tree__item-container, .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="10"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.25rem;
-}
-.fd-tree.expanded-level-8 .fd-tree__item[aria-level="11"] .fd-tree__item-container {
-  padding-left: 5.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-8 .fd-tree__item[aria-level="11"] .fd-tree__item-container, .fd-tree.expanded-level-8 .fd-tree__item[aria-level="11"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5.25rem;
-}
-.fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="11"] .fd-tree__item-container {
-  padding-left: 4.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="11"] .fd-tree__item-container, .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="11"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.5rem;
-}
-.fd-tree.expanded-level-8 .fd-tree__item[aria-level="12"] .fd-tree__item-container {
-  padding-left: 5.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-8 .fd-tree__item[aria-level="12"] .fd-tree__item-container, .fd-tree.expanded-level-8 .fd-tree__item[aria-level="12"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5.5rem;
-}
-.fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="12"] .fd-tree__item-container {
-  padding-left: 4.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="12"] .fd-tree__item-container, .fd-tree.expanded-level-8.fd-tree--compact .fd-tree__item[aria-level="12"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.75rem;
-}
-.fd-tree.expanded-level-9 .fd-tree__item[aria-level="1"] .fd-tree__item-container {
-  padding-left: 2.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9 .fd-tree__item[aria-level="1"] .fd-tree__item-container, .fd-tree.expanded-level-9 .fd-tree__item[aria-level="1"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.75rem;
-}
-.fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="1"] .fd-tree__item-container {
-  padding-left: 2rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="1"] .fd-tree__item-container, .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="1"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2rem;
-}
-.fd-tree.expanded-level-9 .fd-tree__item[aria-level="2"] .fd-tree__item-container {
-  padding-left: 3rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9 .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-9 .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3rem;
-}
-.fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container {
-  padding-left: 2.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.25rem;
-}
-.fd-tree.expanded-level-9 .fd-tree__item[aria-level="3"] .fd-tree__item-container {
-  padding-left: 3.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9 .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-9 .fd-tree__item[aria-level="3"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.25rem;
-}
-.fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container {
-  padding-left: 2.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.5rem;
-}
-.fd-tree.expanded-level-9 .fd-tree__item[aria-level="4"] .fd-tree__item-container {
-  padding-left: 3.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9 .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-9 .fd-tree__item[aria-level="4"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.5rem;
-}
-.fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container {
-  padding-left: 2.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.75rem;
-}
-.fd-tree.expanded-level-9 .fd-tree__item[aria-level="5"] .fd-tree__item-container {
-  padding-left: 3.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9 .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-9 .fd-tree__item[aria-level="5"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.75rem;
-}
-.fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container {
-  padding-left: 3rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3rem;
-}
-.fd-tree.expanded-level-9 .fd-tree__item[aria-level="6"] .fd-tree__item-container {
-  padding-left: 4rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9 .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-9 .fd-tree__item[aria-level="6"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4rem;
-}
-.fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container {
-  padding-left: 3.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.25rem;
-}
-.fd-tree.expanded-level-9 .fd-tree__item[aria-level="7"] .fd-tree__item-container {
-  padding-left: 4.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9 .fd-tree__item[aria-level="7"] .fd-tree__item-container, .fd-tree.expanded-level-9 .fd-tree__item[aria-level="7"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.25rem;
-}
-.fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="7"] .fd-tree__item-container {
-  padding-left: 3.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="7"] .fd-tree__item-container, .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="7"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.5rem;
-}
-.fd-tree.expanded-level-9 .fd-tree__item[aria-level="8"] .fd-tree__item-container {
-  padding-left: 4.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9 .fd-tree__item[aria-level="8"] .fd-tree__item-container, .fd-tree.expanded-level-9 .fd-tree__item[aria-level="8"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.5rem;
-}
-.fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="8"] .fd-tree__item-container {
-  padding-left: 3.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="8"] .fd-tree__item-container, .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="8"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.75rem;
-}
-.fd-tree.expanded-level-9 .fd-tree__item[aria-level="9"] .fd-tree__item-container {
-  padding-left: 4.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9 .fd-tree__item[aria-level="9"] .fd-tree__item-container, .fd-tree.expanded-level-9 .fd-tree__item[aria-level="9"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.75rem;
-}
-.fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="9"] .fd-tree__item-container {
-  padding-left: 4rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="9"] .fd-tree__item-container, .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="9"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4rem;
-}
-.fd-tree.expanded-level-9 .fd-tree__item[aria-level="10"] .fd-tree__item-container {
-  padding-left: 5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9 .fd-tree__item[aria-level="10"] .fd-tree__item-container, .fd-tree.expanded-level-9 .fd-tree__item[aria-level="10"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5rem;
-}
-.fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="10"] .fd-tree__item-container {
-  padding-left: 4.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="10"] .fd-tree__item-container, .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="10"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.25rem;
-}
-.fd-tree.expanded-level-9 .fd-tree__item[aria-level="11"] .fd-tree__item-container {
-  padding-left: 5.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9 .fd-tree__item[aria-level="11"] .fd-tree__item-container, .fd-tree.expanded-level-9 .fd-tree__item[aria-level="11"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5.25rem;
-}
-.fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="11"] .fd-tree__item-container {
-  padding-left: 4.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="11"] .fd-tree__item-container, .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="11"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.5rem;
-}
-.fd-tree.expanded-level-9 .fd-tree__item[aria-level="12"] .fd-tree__item-container {
-  padding-left: 5.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9 .fd-tree__item[aria-level="12"] .fd-tree__item-container, .fd-tree.expanded-level-9 .fd-tree__item[aria-level="12"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5.5rem;
-}
-.fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="12"] .fd-tree__item-container {
-  padding-left: 4.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="12"] .fd-tree__item-container, .fd-tree.expanded-level-9.fd-tree--compact .fd-tree__item[aria-level="12"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.75rem;
-}
-.fd-tree.expanded-level-10 .fd-tree__item[aria-level="1"] .fd-tree__item-container {
-  padding-left: 2.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10 .fd-tree__item[aria-level="1"] .fd-tree__item-container, .fd-tree.expanded-level-10 .fd-tree__item[aria-level="1"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.75rem;
-}
-.fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="1"] .fd-tree__item-container {
-  padding-left: 2rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="1"] .fd-tree__item-container, .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="1"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2rem;
-}
-.fd-tree.expanded-level-10 .fd-tree__item[aria-level="2"] .fd-tree__item-container {
-  padding-left: 3rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10 .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-10 .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3rem;
-}
-.fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container {
-  padding-left: 2.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.25rem;
-}
-.fd-tree.expanded-level-10 .fd-tree__item[aria-level="3"] .fd-tree__item-container {
-  padding-left: 3.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10 .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-10 .fd-tree__item[aria-level="3"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.25rem;
-}
-.fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container {
-  padding-left: 2.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.5rem;
-}
-.fd-tree.expanded-level-10 .fd-tree__item[aria-level="4"] .fd-tree__item-container {
-  padding-left: 3.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10 .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-10 .fd-tree__item[aria-level="4"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.5rem;
-}
-.fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container {
-  padding-left: 2.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.75rem;
-}
-.fd-tree.expanded-level-10 .fd-tree__item[aria-level="5"] .fd-tree__item-container {
-  padding-left: 3.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10 .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-10 .fd-tree__item[aria-level="5"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.75rem;
-}
-.fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container {
-  padding-left: 3rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3rem;
-}
-.fd-tree.expanded-level-10 .fd-tree__item[aria-level="6"] .fd-tree__item-container {
-  padding-left: 4rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10 .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-10 .fd-tree__item[aria-level="6"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4rem;
-}
-.fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container {
-  padding-left: 3.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.25rem;
-}
-.fd-tree.expanded-level-10 .fd-tree__item[aria-level="7"] .fd-tree__item-container {
-  padding-left: 4.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10 .fd-tree__item[aria-level="7"] .fd-tree__item-container, .fd-tree.expanded-level-10 .fd-tree__item[aria-level="7"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.25rem;
-}
-.fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="7"] .fd-tree__item-container {
-  padding-left: 3.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="7"] .fd-tree__item-container, .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="7"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.5rem;
-}
-.fd-tree.expanded-level-10 .fd-tree__item[aria-level="8"] .fd-tree__item-container {
-  padding-left: 4.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10 .fd-tree__item[aria-level="8"] .fd-tree__item-container, .fd-tree.expanded-level-10 .fd-tree__item[aria-level="8"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.5rem;
-}
-.fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="8"] .fd-tree__item-container {
-  padding-left: 3.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="8"] .fd-tree__item-container, .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="8"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.75rem;
-}
-.fd-tree.expanded-level-10 .fd-tree__item[aria-level="9"] .fd-tree__item-container {
-  padding-left: 4.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10 .fd-tree__item[aria-level="9"] .fd-tree__item-container, .fd-tree.expanded-level-10 .fd-tree__item[aria-level="9"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.75rem;
-}
-.fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="9"] .fd-tree__item-container {
-  padding-left: 4rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="9"] .fd-tree__item-container, .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="9"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4rem;
-}
-.fd-tree.expanded-level-10 .fd-tree__item[aria-level="10"] .fd-tree__item-container {
-  padding-left: 5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10 .fd-tree__item[aria-level="10"] .fd-tree__item-container, .fd-tree.expanded-level-10 .fd-tree__item[aria-level="10"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5rem;
-}
-.fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="10"] .fd-tree__item-container {
-  padding-left: 4.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="10"] .fd-tree__item-container, .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="10"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.25rem;
-}
-.fd-tree.expanded-level-10 .fd-tree__item[aria-level="11"] .fd-tree__item-container {
-  padding-left: 5.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10 .fd-tree__item[aria-level="11"] .fd-tree__item-container, .fd-tree.expanded-level-10 .fd-tree__item[aria-level="11"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5.25rem;
-}
-.fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="11"] .fd-tree__item-container {
-  padding-left: 4.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="11"] .fd-tree__item-container, .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="11"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.5rem;
-}
-.fd-tree.expanded-level-10 .fd-tree__item[aria-level="12"] .fd-tree__item-container {
-  padding-left: 5.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10 .fd-tree__item[aria-level="12"] .fd-tree__item-container, .fd-tree.expanded-level-10 .fd-tree__item[aria-level="12"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5.5rem;
-}
-.fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="12"] .fd-tree__item-container {
-  padding-left: 4.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="12"] .fd-tree__item-container, .fd-tree.expanded-level-10.fd-tree--compact .fd-tree__item[aria-level="12"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.75rem;
-}
-.fd-tree.expanded-level-11 .fd-tree__item[aria-level="1"] .fd-tree__item-container {
-  padding-left: 2.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11 .fd-tree__item[aria-level="1"] .fd-tree__item-container, .fd-tree.expanded-level-11 .fd-tree__item[aria-level="1"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.75rem;
-}
-.fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="1"] .fd-tree__item-container {
-  padding-left: 2rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="1"] .fd-tree__item-container, .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="1"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2rem;
-}
-.fd-tree.expanded-level-11 .fd-tree__item[aria-level="2"] .fd-tree__item-container {
-  padding-left: 3rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11 .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-11 .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3rem;
-}
-.fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container {
-  padding-left: 2.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.25rem;
-}
-.fd-tree.expanded-level-11 .fd-tree__item[aria-level="3"] .fd-tree__item-container {
-  padding-left: 3.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11 .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-11 .fd-tree__item[aria-level="3"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.25rem;
-}
-.fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container {
-  padding-left: 2.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.5rem;
-}
-.fd-tree.expanded-level-11 .fd-tree__item[aria-level="4"] .fd-tree__item-container {
-  padding-left: 3.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11 .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-11 .fd-tree__item[aria-level="4"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.5rem;
-}
-.fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container {
-  padding-left: 2.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.75rem;
-}
-.fd-tree.expanded-level-11 .fd-tree__item[aria-level="5"] .fd-tree__item-container {
-  padding-left: 3.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11 .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-11 .fd-tree__item[aria-level="5"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.75rem;
-}
-.fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container {
-  padding-left: 3rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3rem;
-}
-.fd-tree.expanded-level-11 .fd-tree__item[aria-level="6"] .fd-tree__item-container {
-  padding-left: 4rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11 .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-11 .fd-tree__item[aria-level="6"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4rem;
-}
-.fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container {
-  padding-left: 3.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.25rem;
-}
-.fd-tree.expanded-level-11 .fd-tree__item[aria-level="7"] .fd-tree__item-container {
-  padding-left: 4.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11 .fd-tree__item[aria-level="7"] .fd-tree__item-container, .fd-tree.expanded-level-11 .fd-tree__item[aria-level="7"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.25rem;
-}
-.fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="7"] .fd-tree__item-container {
-  padding-left: 3.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="7"] .fd-tree__item-container, .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="7"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.5rem;
-}
-.fd-tree.expanded-level-11 .fd-tree__item[aria-level="8"] .fd-tree__item-container {
-  padding-left: 4.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11 .fd-tree__item[aria-level="8"] .fd-tree__item-container, .fd-tree.expanded-level-11 .fd-tree__item[aria-level="8"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.5rem;
-}
-.fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="8"] .fd-tree__item-container {
-  padding-left: 3.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="8"] .fd-tree__item-container, .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="8"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.75rem;
-}
-.fd-tree.expanded-level-11 .fd-tree__item[aria-level="9"] .fd-tree__item-container {
-  padding-left: 4.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11 .fd-tree__item[aria-level="9"] .fd-tree__item-container, .fd-tree.expanded-level-11 .fd-tree__item[aria-level="9"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.75rem;
-}
-.fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="9"] .fd-tree__item-container {
-  padding-left: 4rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="9"] .fd-tree__item-container, .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="9"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4rem;
-}
-.fd-tree.expanded-level-11 .fd-tree__item[aria-level="10"] .fd-tree__item-container {
-  padding-left: 5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11 .fd-tree__item[aria-level="10"] .fd-tree__item-container, .fd-tree.expanded-level-11 .fd-tree__item[aria-level="10"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5rem;
-}
-.fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="10"] .fd-tree__item-container {
-  padding-left: 4.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="10"] .fd-tree__item-container, .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="10"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.25rem;
-}
-.fd-tree.expanded-level-11 .fd-tree__item[aria-level="11"] .fd-tree__item-container {
-  padding-left: 5.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11 .fd-tree__item[aria-level="11"] .fd-tree__item-container, .fd-tree.expanded-level-11 .fd-tree__item[aria-level="11"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5.25rem;
-}
-.fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="11"] .fd-tree__item-container {
-  padding-left: 4.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="11"] .fd-tree__item-container, .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="11"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.5rem;
-}
-.fd-tree.expanded-level-11 .fd-tree__item[aria-level="12"] .fd-tree__item-container {
-  padding-left: 5.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11 .fd-tree__item[aria-level="12"] .fd-tree__item-container, .fd-tree.expanded-level-11 .fd-tree__item[aria-level="12"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5.5rem;
-}
-.fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="12"] .fd-tree__item-container {
-  padding-left: 4.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="12"] .fd-tree__item-container, .fd-tree.expanded-level-11.fd-tree--compact .fd-tree__item[aria-level="12"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.75rem;
-}
-.fd-tree.expanded-level-12 .fd-tree__item[aria-level="1"] .fd-tree__item-container {
-  padding-left: 2.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12 .fd-tree__item[aria-level="1"] .fd-tree__item-container, .fd-tree.expanded-level-12 .fd-tree__item[aria-level="1"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.75rem;
-}
-.fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="1"] .fd-tree__item-container {
-  padding-left: 2rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="1"] .fd-tree__item-container, .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="1"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2rem;
-}
-.fd-tree.expanded-level-12 .fd-tree__item[aria-level="2"] .fd-tree__item-container {
-  padding-left: 3rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12 .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-12 .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3rem;
-}
-.fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container {
-  padding-left: 2.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container, .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="2"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.25rem;
-}
-.fd-tree.expanded-level-12 .fd-tree__item[aria-level="3"] .fd-tree__item-container {
-  padding-left: 3.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12 .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-12 .fd-tree__item[aria-level="3"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.25rem;
-}
-.fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container {
-  padding-left: 2.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container, .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="3"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.5rem;
-}
-.fd-tree.expanded-level-12 .fd-tree__item[aria-level="4"] .fd-tree__item-container {
-  padding-left: 3.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12 .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-12 .fd-tree__item[aria-level="4"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.5rem;
-}
-.fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container {
-  padding-left: 2.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container, .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="4"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.75rem;
-}
-.fd-tree.expanded-level-12 .fd-tree__item[aria-level="5"] .fd-tree__item-container {
-  padding-left: 3.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12 .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-12 .fd-tree__item[aria-level="5"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.75rem;
-}
-.fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container {
-  padding-left: 3rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container, .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="5"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3rem;
-}
-.fd-tree.expanded-level-12 .fd-tree__item[aria-level="6"] .fd-tree__item-container {
-  padding-left: 4rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12 .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-12 .fd-tree__item[aria-level="6"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4rem;
-}
-.fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container {
-  padding-left: 3.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container, .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="6"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.25rem;
-}
-.fd-tree.expanded-level-12 .fd-tree__item[aria-level="7"] .fd-tree__item-container {
-  padding-left: 4.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12 .fd-tree__item[aria-level="7"] .fd-tree__item-container, .fd-tree.expanded-level-12 .fd-tree__item[aria-level="7"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.25rem;
-}
-.fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="7"] .fd-tree__item-container {
-  padding-left: 3.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="7"] .fd-tree__item-container, .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="7"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.5rem;
-}
-.fd-tree.expanded-level-12 .fd-tree__item[aria-level="8"] .fd-tree__item-container {
-  padding-left: 4.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12 .fd-tree__item[aria-level="8"] .fd-tree__item-container, .fd-tree.expanded-level-12 .fd-tree__item[aria-level="8"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.5rem;
-}
-.fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="8"] .fd-tree__item-container {
-  padding-left: 3.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="8"] .fd-tree__item-container, .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="8"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 3.75rem;
-}
-.fd-tree.expanded-level-12 .fd-tree__item[aria-level="9"] .fd-tree__item-container {
-  padding-left: 4.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12 .fd-tree__item[aria-level="9"] .fd-tree__item-container, .fd-tree.expanded-level-12 .fd-tree__item[aria-level="9"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.75rem;
-}
-.fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="9"] .fd-tree__item-container {
-  padding-left: 4rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="9"] .fd-tree__item-container, .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="9"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4rem;
-}
-.fd-tree.expanded-level-12 .fd-tree__item[aria-level="10"] .fd-tree__item-container {
-  padding-left: 5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12 .fd-tree__item[aria-level="10"] .fd-tree__item-container, .fd-tree.expanded-level-12 .fd-tree__item[aria-level="10"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5rem;
-}
-.fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="10"] .fd-tree__item-container {
-  padding-left: 4.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="10"] .fd-tree__item-container, .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="10"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.25rem;
-}
-.fd-tree.expanded-level-12 .fd-tree__item[aria-level="11"] .fd-tree__item-container {
-  padding-left: 5.25rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12 .fd-tree__item[aria-level="11"] .fd-tree__item-container, .fd-tree.expanded-level-12 .fd-tree__item[aria-level="11"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5.25rem;
-}
-.fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="11"] .fd-tree__item-container {
-  padding-left: 4.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="11"] .fd-tree__item-container, .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="11"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.5rem;
-}
-.fd-tree.expanded-level-12 .fd-tree__item[aria-level="12"] .fd-tree__item-container {
-  padding-left: 5.5rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12 .fd-tree__item[aria-level="12"] .fd-tree__item-container, .fd-tree.expanded-level-12 .fd-tree__item[aria-level="12"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 5.5rem;
-}
-.fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="12"] .fd-tree__item-container {
-  padding-left: 4.75rem;
-}
-[dir=rtl] .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="12"] .fd-tree__item-container, .fd-tree.expanded-level-12.fd-tree--compact .fd-tree__item[aria-level="12"] .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 4.75rem;
-}
-.fd-tree__item {
-  font-size: var(--sapFontSize);
-  line-height: var(--sapContent_LineHeight);
-  color: var(--sapTextColor);
-  font-family: var(--sapFontFamily);
-  font-weight: normal;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  border: 0;
-}
-.fd-tree__item::before, .fd-tree__item::after {
-  -webkit-box-sizing: inherit;
-          box-sizing: inherit;
-  font-size: inherit;
-}
-.fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container {
-  padding-left: 2.75rem;
-  background: var(--sapList_Background);
-  border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
-}
-[dir=rtl] .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2.75rem;
-}
-.fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container[aria-selected=true], .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-selected {
-  background: var(--sapList_SelectionBackgroundColor);
-  border-bottom: var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor);
-}
-.fd-tree__item-container {
-  font-size: var(--sapFontSize);
-  line-height: var(--sapContent_LineHeight);
-  color: var(--sapTextColor);
-  font-family: var(--sapFontFamily);
-  font-weight: normal;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  width: 100%;
-  min-height: 2.75rem;
-  padding-right: 1rem;
-  background: var(--sapList_AlternatingBackground);
-  border-bottom: var(--sapList_BorderWidth) solid transparent;
-}
-.fd-tree__item-container::before, .fd-tree__item-container::after {
-  -webkit-box-sizing: inherit;
-          box-sizing: inherit;
-  font-size: inherit;
-}
-.fd-tree__item-container[aria-selected=true], .fd-tree__item-container.is-selected {
-  background: var(--sapList_SelectionBackgroundColor);
-  border-bottom: var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor);
-}
-.fd-tree__item-container.is-navigated {
-  -webkit-box-shadow: inset -0.1875rem 0 0 0 var(--sapSelectedColor);
-          box-shadow: inset -0.1875rem 0 0 0 var(--sapSelectedColor);
-}
-[dir=rtl] .fd-tree__item-container.is-navigated, .fd-tree__item-container.is-navigated[dir=rtl] {
-  -webkit-box-shadow: inset 0.1875rem 0 0 0 var(--sapSelectedColor);
-          box-shadow: inset 0.1875rem 0 0 0 var(--sapSelectedColor);
-}
-.fd-tree__item-container:focus, .fd-tree__item-container.is-focus {
-  z-index: 5;
-  outline-style: var(--sapContent_FocusStyle);
-  outline-width: var(--sapContent_FocusWidth);
-  outline-color: var(--sapContent_FocusColor);
-  outline-offset: -0.125rem;
-}
-.fd-tree__item-container:focus:active, .fd-tree__item-container:focus.is-active, .fd-tree__item-container.is-focus:active, .fd-tree__item-container.is-focus.is-active {
-  outline-color: var(--sapContent_ContrastFocusColor);
-}
-.fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active {
-  cursor: pointer;
-}
-.fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active:hover, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-hover,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active:hover,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-hover {
-  background: var(--sapList_Hover_Background);
-}
-.fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active[aria-selected=true], .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-selected,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active[aria-selected=true],
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-selected {
-  background: var(--sapList_SelectionBackgroundColor);
-  border-bottom: var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor);
-}
-.fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active[aria-selected=true]:hover, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active[aria-selected=true].is-hover, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-selected:hover, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-selected.is-hover,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active[aria-selected=true]:hover,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active[aria-selected=true].is-hover,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-selected:hover,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-selected.is-hover {
-  background: var(--sapList_Hover_SelectionBackground);
-}
-.fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active:active, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-active,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active:active,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-active {
-  background: var(--sapList_Active_Background);
-}
-.fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active:active .fd-button:focus, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active:active .fd-button.is-focus,
-.fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active:active .fd-tree__expander:focus,
-.fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active:active .fd-tree__expander.is-focus, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-active .fd-button:focus, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-active .fd-button.is-focus,
-.fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-active .fd-tree__expander:focus,
-.fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-active .fd-tree__expander.is-focus,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active:active .fd-button:focus,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active:active .fd-button.is-focus,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active:active .fd-tree__expander:focus,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active:active .fd-tree__expander.is-focus,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-active .fd-button:focus,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-active .fd-button.is-focus,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-active .fd-tree__expander:focus,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-active .fd-tree__expander.is-focus {
-  z-index: 5;
-  outline-color: var(--sapContent_ContrastFocusColor);
-}
-.fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active:active .fd-tree__icon [class*=sap-icon], .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active:active .fd-tree__icon[class*=sap-icon], .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-active .fd-tree__icon [class*=sap-icon], .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-active .fd-tree__icon[class*=sap-icon],
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active:active .fd-tree__icon [class*=sap-icon],
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active:active .fd-tree__icon[class*=sap-icon],
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-active .fd-tree__icon [class*=sap-icon],
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-active .fd-tree__icon[class*=sap-icon] {
-  color: var(--sapList_Active_TextColor);
-}
-.fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active:active .fd-tree__text,
-.fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active:active .fd-button, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-active .fd-tree__text,
-.fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-active .fd-button,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active:active .fd-tree__text,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active:active .fd-button,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-active .fd-tree__text,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-active .fd-button {
-  color: var(--sapList_Active_TextColor);
-}
-.fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active:active:hover, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active:active.is-hover, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-active:hover, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-active.is-hover,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active:active:hover,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active:active.is-hover,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-active:hover,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-active.is-hover {
-  background: var(--sapList_Active_Background);
-}
-.fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active:active[aria-selected=true], .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active:active.is-selected, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-active[aria-selected=true], .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-active.is-selected,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active:active[aria-selected=true],
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active:active.is-selected,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-active[aria-selected=true],
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-active.is-selected {
-  background: var(--sapList_Active_Background);
-}
-.fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active:active[aria-selected=true]:hover, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active:active[aria-selected=true].is-hover, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active:active.is-selected:hover, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active:active.is-selected.is-hover, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-active[aria-selected=true]:hover, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-active[aria-selected=true].is-hover, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-active.is-selected:hover, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-active.is-selected.is-hover,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active:active[aria-selected=true]:hover,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active:active[aria-selected=true].is-hover,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active:active.is-selected:hover,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active:active.is-selected.is-hover,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-active[aria-selected=true]:hover,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-active[aria-selected=true].is-hover,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-active.is-selected:hover,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-active.is-selected.is-hover {
-  background: var(--sapList_Active_Background);
-}
-.fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active:active:focus, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active:active.is-focus, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-active:focus, .fd-tree .fd-tree__item[aria-level="1"] > .fd-tree__item-container.fd-tree__item-container--active.is-active.is-focus,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active:active:focus,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active:active.is-focus,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-active:focus,
-.fd-tree .fd-tree__item-container.fd-tree__item-container--active.is-active.is-focus {
-  z-index: 5;
-  outline-color: var(--sapContent_ContrastFocusColor);
-}
-.fd-tree__expander {
-  font-size: var(--sapFontSize);
-  line-height: var(--sapContent_LineHeight);
-  color: var(--sapTextColor);
-  font-family: var(--sapFontFamily);
-  font-weight: normal;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  cursor: pointer;
-  color: var(--sapButton_IconColor);
-  background: transparent;
-  min-width: 2.75rem;
-  min-height: 2.75rem;
-  margin-left: -2.75rem;
-}
-.fd-tree__expander::before, .fd-tree__expander::after {
-  -webkit-box-sizing: inherit;
-          box-sizing: inherit;
-  font-size: inherit;
-}
-.fd-tree__expander .fd-tree__icon [class*=sap-icon], .fd-tree__expander .fd-tree__icon[class*=sap-icon] {
-  font-size: var(--sapFontLargeSize);
-  color: var(--sapButton_IconColor);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.fd-tree__expander:focus, .fd-tree__expander.is-focus {
-  z-index: 5;
-  outline-style: var(--sapContent_FocusStyle);
-  outline-width: var(--sapContent_FocusWidth);
-  outline-color: var(--sapContent_FocusColor);
-  outline-offset: -0.125rem;
-}
-.fd-tree__expander:focus:active, .fd-tree__expander:focus.is-active, .fd-tree__expander.is-focus:active, .fd-tree__expander.is-focus.is-active {
-  outline-color: var(--sapContent_ContrastFocusColor);
-}
-[dir=rtl] .fd-tree__expander, .fd-tree__expander[dir=rtl] {
-  margin-left: 0;
-  margin-right: -2.75rem;
-}
-.fd-tree__expander[aria-expanded=true], .fd-tree__expander.is-expanded {
-  border-bottom: none;
-}
-.fd-tree__content {
-  font-size: var(--sapFontSize);
-  line-height: var(--sapContent_LineHeight);
-  color: var(--sapTextColor);
-  font-family: var(--sapFontFamily);
-  font-weight: normal;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  min-height: 2.75rem;
-  width: 100%;
-  text-decoration: none;
-}
-.fd-tree__content::before, .fd-tree__content::after {
-  -webkit-box-sizing: inherit;
-          box-sizing: inherit;
-  font-size: inherit;
-}
-.fd-tree__content--wrap {
-  white-space: normal;
-  overflow: visible;
-  text-overflow: initial;
+.fd-tree__content--wrap {
+  white-space: normal;
+  overflow: visible;
+  text-overflow: initial;
 }
 .fd-tree__content--wrap .fd-tree__text {
   white-space: normal;
   overflow: visible;
   text-overflow: initial;
-  line-height: 1.4;
+  line-height: var(--fdTree_Item_Wrap_Text_Line_Height);
 }
 .fd-tree__icon {
   display: -webkit-box;
@@ -41352,9 +40517,9 @@ places the element far left of the screen. so it is not visible.
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  min-width: 2.75rem;
-  min-height: 2.75rem;
-  line-height: 2.75rem;
+  min-width: var(--fdTree_Expander_Size);
+  min-height: var(--fdTree_Expander_Size);
+  line-height: var(--fdTree_Expander_Size);
 }
 .fd-tree__icon [class*=sap-icon], .fd-tree__icon[class*=sap-icon] {
   font-size: 1.125rem;
@@ -41395,216 +40560,123 @@ places the element far left of the screen. so it is not visible.
   overflow: hidden;
   text-overflow: ellipsis;
   width: 100%;
-  font-size: var(--sapFontLargeSize);
+  font-size: var(--fdTree_Item_Font_Size);
   color: var(--sapList_TextColor);
-  line-height: 2.75rem;
+  line-height: var(--fdTree_Item_Height);
 }
 .fd-tree__text::before, .fd-tree__text::after {
   -webkit-box-sizing: inherit;
           box-sizing: inherit;
   font-size: inherit;
 }
-.fd-tree--compact .fd-tree__item[aria-level="1"] > .fd-tree__item-container {
-  padding-left: 2rem;
-}
-[dir=rtl] .fd-tree--compact .fd-tree__item[aria-level="1"] > .fd-tree__item-container, .fd-tree--compact .fd-tree__item[aria-level="1"] > .fd-tree__item-container[dir=rtl] {
-  padding-left: 1rem;
-  padding-right: 2rem;
-}
-.fd-tree--compact .fd-tree__item-container {
-  min-height: 2rem;
-}
-.fd-tree--compact .fd-tree__content {
-  min-height: 2rem;
-}
-.fd-tree--compact .fd-tree__content--wrap .fd-tree__text {
-  line-height: 1.4;
-}
-.fd-tree--compact .fd-tree__text {
-  font-size: var(--sapFontSize);
-  line-height: 2rem;
-}
-.fd-tree--compact .fd-tree__expander {
-  min-height: 2rem;
-  min-width: 2rem;
-  margin-left: -2rem;
-}
-.fd-tree--compact .fd-tree__expander [class*=sap-icon], .fd-tree--compact .fd-tree__expander[class*=sap-icon] {
-  font-size: var(--sapFontSmallSize);
-}
-[dir=rtl] .fd-tree--compact .fd-tree__expander, .fd-tree--compact .fd-tree__expander[dir=rtl] {
-  margin-left: 0;
-  margin-right: -2rem;
-}
-.fd-tree--compact .fd-tree__icon {
-  min-height: 2rem;
-  line-height: 2rem;
-  font-size: 1rem;
-}
 .fd-tree--no-border .fd-tree__item[aria-level="1"] > .fd-tree__item-container {
   border-bottom: var(--sapList_BorderWidth) solid transparent;
 }
 .fd-tree--no-border .fd-tree__item[aria-level="1"] > .fd-tree__item-container[aria-selected=true], .fd-tree--no-border .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-selected {
   border-bottom: var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor);
 }
-.fd-tree--active .fd-tree__item-container,
 .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container {
   cursor: pointer;
+  position: relative;
 }
-.fd-tree--active .fd-tree__item-container:hover, .fd-tree--active .fd-tree__item-container.is-hover,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:hover,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-hover {
+.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:hover, .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-hover {
   background: var(--sapList_Hover_Background);
 }
-.fd-tree--active .fd-tree__item-container[aria-selected=true], .fd-tree--active .fd-tree__item-container.is-selected,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container[aria-selected=true],
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-selected {
+.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container[aria-selected=true], .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-selected {
   background: var(--sapList_SelectionBackgroundColor);
   border-bottom: var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor);
 }
-.fd-tree--active .fd-tree__item-container[aria-selected=true]:hover, .fd-tree--active .fd-tree__item-container[aria-selected=true].is-hover, .fd-tree--active .fd-tree__item-container.is-selected:hover, .fd-tree--active .fd-tree__item-container.is-selected.is-hover,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container[aria-selected=true]:hover,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container[aria-selected=true].is-hover,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-selected:hover,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-selected.is-hover {
-  background: var(--sapList_Hover_SelectionBackground);
-}
-.fd-tree--active .fd-tree__item-container:active, .fd-tree--active .fd-tree__item-container.is-active,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active {
+.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active, .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active {
   background: var(--sapList_Active_Background);
 }
-.fd-tree--active .fd-tree__item-container:active .fd-button:focus, .fd-tree--active .fd-tree__item-container:active .fd-button.is-focus,
-.fd-tree--active .fd-tree__item-container:active .fd-tree__expander:focus,
-.fd-tree--active .fd-tree__item-container:active .fd-tree__expander.is-focus, .fd-tree--active .fd-tree__item-container.is-active .fd-button:focus, .fd-tree--active .fd-tree__item-container.is-active .fd-button.is-focus,
-.fd-tree--active .fd-tree__item-container.is-active .fd-tree__expander:focus,
-.fd-tree--active .fd-tree__item-container.is-active .fd-tree__expander.is-focus,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active .fd-button:focus,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active .fd-button.is-focus,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active .fd-tree__expander:focus,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active .fd-tree__expander.is-focus,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active .fd-button:focus,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active .fd-button.is-focus,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active .fd-tree__expander:focus,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active .fd-tree__expander.is-focus {
-  z-index: 5;
-  outline-color: var(--sapContent_ContrastFocusColor);
-}
-.fd-tree--active .fd-tree__item-container:active .fd-tree__icon [class*=sap-icon], .fd-tree--active .fd-tree__item-container:active .fd-tree__icon[class*=sap-icon], .fd-tree--active .fd-tree__item-container.is-active .fd-tree__icon [class*=sap-icon], .fd-tree--active .fd-tree__item-container.is-active .fd-tree__icon[class*=sap-icon],
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active .fd-tree__icon [class*=sap-icon],
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active .fd-tree__icon[class*=sap-icon],
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active .fd-tree__icon [class*=sap-icon],
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active .fd-tree__icon[class*=sap-icon] {
-  color: var(--sapList_Active_TextColor);
-}
-.fd-tree--active .fd-tree__item-container:active .fd-tree__text,
-.fd-tree--active .fd-tree__item-container:active .fd-button, .fd-tree--active .fd-tree__item-container.is-active .fd-tree__text,
-.fd-tree--active .fd-tree__item-container.is-active .fd-button,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active .fd-tree__text,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active .fd-button,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active .fd-tree__text,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active .fd-button {
-  color: var(--sapList_Active_TextColor);
-}
-.fd-tree--active .fd-tree__item-container:active:hover, .fd-tree--active .fd-tree__item-container:active.is-hover, .fd-tree--active .fd-tree__item-container.is-active:hover, .fd-tree--active .fd-tree__item-container.is-active.is-hover,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active:hover,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active.is-hover,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active:hover,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active.is-hover {
+.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active:hover, .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active.is-hover, .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active:hover, .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active.is-hover {
   background: var(--sapList_Active_Background);
 }
-.fd-tree--active .fd-tree__item-container:active[aria-selected=true], .fd-tree--active .fd-tree__item-container:active.is-selected, .fd-tree--active .fd-tree__item-container.is-active[aria-selected=true], .fd-tree--active .fd-tree__item-container.is-active.is-selected,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active[aria-selected=true],
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active.is-selected,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active[aria-selected=true],
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active.is-selected {
+.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active[aria-selected=true], .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active.is-selected, .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active[aria-selected=true], .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active.is-selected {
   background: var(--sapList_Active_Background);
 }
-.fd-tree--active .fd-tree__item-container:active[aria-selected=true]:hover, .fd-tree--active .fd-tree__item-container:active[aria-selected=true].is-hover, .fd-tree--active .fd-tree__item-container:active.is-selected:hover, .fd-tree--active .fd-tree__item-container:active.is-selected.is-hover, .fd-tree--active .fd-tree__item-container.is-active[aria-selected=true]:hover, .fd-tree--active .fd-tree__item-container.is-active[aria-selected=true].is-hover, .fd-tree--active .fd-tree__item-container.is-active.is-selected:hover, .fd-tree--active .fd-tree__item-container.is-active.is-selected.is-hover,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active[aria-selected=true]:hover,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active[aria-selected=true].is-hover,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active.is-selected:hover,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active.is-selected.is-hover,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active[aria-selected=true]:hover,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active[aria-selected=true].is-hover,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active.is-selected:hover,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active.is-selected.is-hover {
+.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active[aria-selected=true]:hover, .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active[aria-selected=true].is-hover, .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active.is-selected:hover, .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active.is-selected.is-hover, .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active[aria-selected=true]:hover, .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active[aria-selected=true].is-hover, .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active.is-selected:hover, .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active.is-selected.is-hover {
   background: var(--sapList_Active_Background);
 }
-.fd-tree--active .fd-tree__item-container:active:focus, .fd-tree--active .fd-tree__item-container:active.is-focus, .fd-tree--active .fd-tree__item-container.is-active:focus, .fd-tree--active .fd-tree__item-container.is-active.is-focus,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active:focus,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active.is-focus,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active:focus,
-.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active.is-focus {
-  z-index: 5;
-  outline-color: var(--sapContent_ContrastFocusColor);
+.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:focus, .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-focus {
+  outline: none;
+  pointer-events: all;
 }
-.fd-tree--no-data .fd-tree__text {
-  text-align: center;
+.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:focus::before, .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-focus::before {
+  content: "";
+  position: absolute;
+  display: block;
+  border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+  top: 0.125rem;
+  left: 0.125rem;
+  right: 0.125rem;
+  bottom: 0.125rem;
+  pointer-events: none;
+  bottom: 0.625rem;
 }
-.fd-tree .has-highlight-indicator {
-  -webkit-box-shadow: inset 0.375rem 0 0 0 var(--sapInformationBorderColor);
-          box-shadow: inset 0.375rem 0 0 0 var(--sapInformationBorderColor);
+.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:focus:active::before, .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:focus.is-active::before, .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-focus:active::before, .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-focus.is-active::before {
+  border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color);
 }
-[dir=rtl] .fd-tree .has-highlight-indicator, .fd-tree .has-highlight-indicator[dir=rtl] {
-  -webkit-box-shadow: inset -0.375rem 0 0 0 var(--sapInformationBorderColor);
-          box-shadow: inset -0.375rem 0 0 0 var(--sapInformationBorderColor);
+.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active .fd-tree__icon [class*=sap-icon], .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active .fd-tree__icon[class*=sap-icon], .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active .fd-tree__icon [class*=sap-icon], .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active .fd-tree__icon[class*=sap-icon] {
+  color: var(--sapList_Active_TextColor);
 }
-.fd-tree .has-highlight-indicator.is-navigated {
-  -webkit-box-shadow: inset -0.1875rem 0 0 0 var(--sapSelectedColor), inset 0.375rem 0 0 0 var(--sapInformationBorderColor);
-          box-shadow: inset -0.1875rem 0 0 0 var(--sapSelectedColor), inset 0.375rem 0 0 0 var(--sapInformationBorderColor);
+.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active .fd-tree__text,
+.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container:active .fd-button, .fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active .fd-tree__text,
+.fd-tree--active .fd-tree__item[aria-level="1"] > .fd-tree__item-container.is-active .fd-button {
+  color: var(--sapList_Active_TextColor);
 }
-[dir=rtl] .fd-tree .has-highlight-indicator.is-navigated, .fd-tree .has-highlight-indicator.is-navigated[dir=rtl] {
-  -webkit-box-shadow: inset 0.1875rem 0 0 0 var(--sapSelectedColor), inset -0.375rem 0 0 0 var(--sapInformationBorderColor);
-          box-shadow: inset 0.1875rem 0 0 0 var(--sapSelectedColor), inset -0.375rem 0 0 0 var(--sapInformationBorderColor);
+.fd-tree--active .fd-tree__item-container {
+  cursor: pointer;
+  position: relative;
 }
-.fd-tree .has-highlight-indicator--error {
-  -webkit-box-shadow: inset 0.375rem 0 0 0 var(--sapErrorBorderColor);
-          box-shadow: inset 0.375rem 0 0 0 var(--sapErrorBorderColor);
+.fd-tree--active .fd-tree__item-container:hover, .fd-tree--active .fd-tree__item-container.is-hover {
+  background: var(--sapList_Hover_Background);
 }
-[dir=rtl] .fd-tree .has-highlight-indicator--error, .fd-tree .has-highlight-indicator--error[dir=rtl] {
-  -webkit-box-shadow: inset -0.375rem 0 0 0 var(--sapErrorBorderColor);
-          box-shadow: inset -0.375rem 0 0 0 var(--sapErrorBorderColor);
+.fd-tree--active .fd-tree__item-container[aria-selected=true], .fd-tree--active .fd-tree__item-container.is-selected {
+  background: var(--sapList_SelectionBackgroundColor);
+  border-bottom: var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor);
 }
-.fd-tree .has-highlight-indicator--error.is-navigated {
-  -webkit-box-shadow: inset -0.1875rem 0 0 0 var(--sapSelectedColor), inset 0.375rem 0 0 0 var(--sapErrorBorderColor);
-          box-shadow: inset -0.1875rem 0 0 0 var(--sapSelectedColor), inset 0.375rem 0 0 0 var(--sapErrorBorderColor);
+.fd-tree--active .fd-tree__item-container:active, .fd-tree--active .fd-tree__item-container.is-active {
+  background: var(--sapList_Active_Background);
 }
-[dir=rtl] .fd-tree .has-highlight-indicator--error.is-navigated, .fd-tree .has-highlight-indicator--error.is-navigated[dir=rtl] {
-  -webkit-box-shadow: inset 0.1875rem 0 0 0 var(--sapSelectedColor), inset -0.375rem 0 0 0 var(--sapErrorBorderColor);
-          box-shadow: inset 0.1875rem 0 0 0 var(--sapSelectedColor), inset -0.375rem 0 0 0 var(--sapErrorBorderColor);
+.fd-tree--active .fd-tree__item-container:active:hover, .fd-tree--active .fd-tree__item-container:active.is-hover, .fd-tree--active .fd-tree__item-container.is-active:hover, .fd-tree--active .fd-tree__item-container.is-active.is-hover {
+  background: var(--sapList_Active_Background);
 }
-.fd-tree .has-highlight-indicator--warning {
-  -webkit-box-shadow: inset 0.375rem 0 0 0 var(--sapWarningBorderColor);
-          box-shadow: inset 0.375rem 0 0 0 var(--sapWarningBorderColor);
+.fd-tree--active .fd-tree__item-container:active[aria-selected=true], .fd-tree--active .fd-tree__item-container:active.is-selected, .fd-tree--active .fd-tree__item-container.is-active[aria-selected=true], .fd-tree--active .fd-tree__item-container.is-active.is-selected {
+  background: var(--sapList_Active_Background);
 }
-[dir=rtl] .fd-tree .has-highlight-indicator--warning, .fd-tree .has-highlight-indicator--warning[dir=rtl] {
-  -webkit-box-shadow: inset -0.375rem 0 0 0 var(--sapWarningBorderColor);
-          box-shadow: inset -0.375rem 0 0 0 var(--sapWarningBorderColor);
+.fd-tree--active .fd-tree__item-container:active[aria-selected=true]:hover, .fd-tree--active .fd-tree__item-container:active[aria-selected=true].is-hover, .fd-tree--active .fd-tree__item-container:active.is-selected:hover, .fd-tree--active .fd-tree__item-container:active.is-selected.is-hover, .fd-tree--active .fd-tree__item-container.is-active[aria-selected=true]:hover, .fd-tree--active .fd-tree__item-container.is-active[aria-selected=true].is-hover, .fd-tree--active .fd-tree__item-container.is-active.is-selected:hover, .fd-tree--active .fd-tree__item-container.is-active.is-selected.is-hover {
+  background: var(--sapList_Active_Background);
 }
-.fd-tree .has-highlight-indicator--warning.is-navigated {
-  -webkit-box-shadow: inset -0.1875rem 0 0 0 var(--sapSelectedColor), inset 0.375rem 0 0 0 var(--sapWarningBorderColor);
-          box-shadow: inset -0.1875rem 0 0 0 var(--sapSelectedColor), inset 0.375rem 0 0 0 var(--sapWarningBorderColor);
+.fd-tree--active .fd-tree__item-container:focus, .fd-tree--active .fd-tree__item-container.is-focus {
+  outline: none;
+  pointer-events: all;
 }
-[dir=rtl] .fd-tree .has-highlight-indicator--warning.is-navigated, .fd-tree .has-highlight-indicator--warning.is-navigated[dir=rtl] {
-  -webkit-box-shadow: inset 0.1875rem 0 0 0 var(--sapSelectedColor), inset -0.375rem 0 0 0 var(--sapWarningBorderColor);
-          box-shadow: inset 0.1875rem 0 0 0 var(--sapSelectedColor), inset -0.375rem 0 0 0 var(--sapWarningBorderColor);
+.fd-tree--active .fd-tree__item-container:focus::before, .fd-tree--active .fd-tree__item-container.is-focus::before {
+  content: "";
+  position: absolute;
+  display: block;
+  border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+  top: 0.125rem;
+  left: 0.125rem;
+  right: 0.125rem;
+  bottom: 0.125rem;
+  pointer-events: none;
+  bottom: 0.625rem;
 }
-.fd-tree .has-highlight-indicator--success {
-  -webkit-box-shadow: inset 0.375rem 0 0 0 var(--sapSuccessBorderColor);
-          box-shadow: inset 0.375rem 0 0 0 var(--sapSuccessBorderColor);
+.fd-tree--active .fd-tree__item-container:focus:active::before, .fd-tree--active .fd-tree__item-container:focus.is-active::before, .fd-tree--active .fd-tree__item-container.is-focus:active::before, .fd-tree--active .fd-tree__item-container.is-focus.is-active::before {
+  border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color);
 }
-[dir=rtl] .fd-tree .has-highlight-indicator--success, .fd-tree .has-highlight-indicator--success[dir=rtl] {
-  -webkit-box-shadow: inset -0.375rem 0 0 0 var(--sapSuccessBorderColor);
-          box-shadow: inset -0.375rem 0 0 0 var(--sapSuccessBorderColor);
+.fd-tree--active .fd-tree__item-container:active .fd-tree__icon [class*=sap-icon], .fd-tree--active .fd-tree__item-container:active .fd-tree__icon[class*=sap-icon], .fd-tree--active .fd-tree__item-container.is-active .fd-tree__icon [class*=sap-icon], .fd-tree--active .fd-tree__item-container.is-active .fd-tree__icon[class*=sap-icon] {
+  color: var(--sapList_Active_TextColor);
 }
-.fd-tree .has-highlight-indicator--success.is-navigated {
-  -webkit-box-shadow: inset -0.1875rem 0 0 0 var(--sapSelectedColor), inset 0.375rem 0 0 0 var(--sapSuccessBorderColor);
-          box-shadow: inset -0.1875rem 0 0 0 var(--sapSelectedColor), inset 0.375rem 0 0 0 var(--sapSuccessBorderColor);
+.fd-tree--active .fd-tree__item-container:active .fd-tree__text,
+.fd-tree--active .fd-tree__item-container:active .fd-button, .fd-tree--active .fd-tree__item-container.is-active .fd-tree__text,
+.fd-tree--active .fd-tree__item-container.is-active .fd-button {
+  color: var(--sapList_Active_TextColor);
 }
-[dir=rtl] .fd-tree .has-highlight-indicator--success.is-navigated, .fd-tree .has-highlight-indicator--success.is-navigated[dir=rtl] {
-  -webkit-box-shadow: inset 0.1875rem 0 0 0 var(--sapSelectedColor), inset -0.375rem 0 0 0 var(--sapSuccessBorderColor);
-          box-shadow: inset 0.1875rem 0 0 0 var(--sapSelectedColor), inset -0.375rem 0 0 0 var(--sapSuccessBorderColor);
+.fd-tree--no-data .fd-tree__text {
+  text-align: center;
 }
 /* Fully expanded pseudo element. Requires parent to have specified position */
 /* stylelint-disable */