@oliasoft-open-source/react-ui-library 3.11.1-beta-4 → 3.11.1-beta-6

package/dist/global.css

@@ -1418,31 +1418,51 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._wrapper_6kkc6_341 {
-  color: inherit;
-  fill: inherit;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
+._accordion_11e4r_341 {
+  position: relative;
+  color: var(--color-text);
 }
-._wrapper_6kkc6_341 ._customSvg_6kkc6_348 {
-  line-height: 0;
+._accordion_11e4r_341 ._accordionHeader_11e4r_345 {
+  display: flex;
+  align-items: center;
 }
-._wrapper_6kkc6_341 ._customPng_6kkc6_351 {
-  max-width: 100%;
-  max-height: 100%;
-  object-fit: contain;
+._accordion_11e4r_341 ._accordionHeader_11e4r_345 ._heading_11e4r_349 {
+  flex-grow: 1;
 }
-._clickable_6kkc6_356 {
+._accordion_11e4r_341 ._accordionHeader_11e4r_345._clickable_11e4r_352:hover {
   cursor: pointer;
 }
-._clickable_6kkc6_356:hover {
-  color: var(--color-text-primary-hover) !important;
-  fill: var(--color-text-primary-hover) !important;
+._accordion_11e4r_341 ._accordionHeader_11e4r_345._clickable_11e4r_352:hover > * {
+  color: var(--color-text) !important;
 }
-._clickable_6kkc6_356:active {
-  color: var(--color-text-primary-active) !important;
-  fill: var(--color-text-primary-active) !important;
+._accordion_11e4r_341:not(._bordered_11e4r_358) ._accordionContent_11e4r_358 {
+  margin-top: 15px;
+}
+._accordion_11e4r_341._bordered_11e4r_358 ._accordionHeader_11e4r_345,
+._accordion_11e4r_341._bordered_11e4r_358 ._accordionContent_11e4r_358 {
+  border: 1px solid var(--color-border);
+  line-height: 20px;
+}
+._accordion_11e4r_341._bordered_11e4r_358 ._accordionHeader_11e4r_345 {
+  padding: 10px 15px;
+  border-radius: 4px;
+  background-color: var(--color-background);
+}
+._accordion_11e4r_341._bordered_11e4r_358._expanded_11e4r_371 ._accordionHeader_11e4r_345 {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+._accordion_11e4r_341._bordered_11e4r_358 ._accordionContent_11e4r_358 {
+  border-top: none;
+  border-radius: 0 0 4px 4px;
+  background-color: var(--color-background-raised);
+}
+._accordion_11e4r_341._bordered_11e4r_358 ._accordionContent_11e4r_358._padding_11e4r_380 {
+  padding: 10px 15px;
+}
+._accordion_11e4r_341._bordered_11e4r_358._squareBottom_11e4r_383 ._accordionHeader_11e4r_345 {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
 }
 /*
  This file has shared variables that are re-used in other LESS files/modules
@@ -1784,51 +1804,89 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._accordion_11e4r_341 {
+._checkbox_1r0b6_341 {
+  margin: calc((var(--size) - var(--size-xs)) / 2) 0;
   position: relative;
-  color: var(--color-text);
-}
-._accordion_11e4r_341 ._accordionHeader_11e4r_345 {
   display: flex;
   align-items: center;
+  gap: 8px;
+  backface-visibility: hidden;
+  vertical-align: baseline;
+  font-style: normal;
+  min-height: var(--size-xs);
+  font-size: inherit;
+  line-height: var(--size-xs);
+  min-width: var(--size-xs);
+  outline: 0px;
 }
-._accordion_11e4r_341 ._accordionHeader_11e4r_345 ._heading_11e4r_349 {
-  flex-grow: 1;
+._checkbox_1r0b6_341._noLabel_1r0b6_356 {
+  width: var(--size-xs);
 }
-._accordion_11e4r_341 ._accordionHeader_11e4r_345._clickable_11e4r_352:hover {
+._checkbox_1r0b6_341._small_1r0b6_359 {
+  margin: calc((var(--size-sm) - var(--size-xs)) / 2) 0;
+  font-size: 12px;
+}
+._checkbox_1r0b6_341 input {
   cursor: pointer;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: var(--size-xs);
+  height: var(--size-xs);
+  opacity: 0 !important;
+  outline: 0px;
+  z-index: -1;
 }
-._accordion_11e4r_341 ._accordionHeader_11e4r_345._clickable_11e4r_352:hover > * {
-  color: var(--color-text) !important;
+._checkbox_1r0b6_341 label {
+  cursor: pointer;
+  user-select: none;
+  color: var(--color-text);
+  transition: color 0.1s ease 0s;
+  display: block;
+  padding-left: 1.85714em;
+  font-size: 1em;
+  outline: 0px;
 }
-._accordion_11e4r_341:not(._bordered_11e4r_358) ._accordionContent_11e4r_358 {
-  margin-top: 15px;
+._checkbox_1r0b6_341 label ._checkmark_1r0b6_384 {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: var(--size-xs);
+  height: var(--size-xs);
+  padding: 2px;
+  background: var(--color-background-input);
+  border-radius: 0.214286rem;
+  transition: border 0.1s ease 0s, opacity 0.1s ease 0s, transform 0.1s ease 0s, box-shadow 0.1s ease 0s;
+  border: 1px solid var(--color-border-checkbox);
+  color: transparent;
 }
-._accordion_11e4r_341._bordered_11e4r_358 ._accordionHeader_11e4r_345,
-._accordion_11e4r_341._bordered_11e4r_358 ._accordionContent_11e4r_358 {
-  border: 1px solid var(--color-border);
-  line-height: 20px;
+._checkbox_1r0b6_341 label ._checkmark_1r0b6_384:hover {
+  border-color: var(--color-border-hover);
 }
-._accordion_11e4r_341._bordered_11e4r_358 ._accordionHeader_11e4r_345 {
-  padding: 10px 15px;
-  border-radius: 4px;
-  background-color: var(--color-background);
+._checkbox_1r0b6_341 input:checked ~ label ._checkmark_1r0b6_384 {
+  background: var(--color-background-primary);
+  border-color: transparent;
+  color: white;
 }
-._accordion_11e4r_341._bordered_11e4r_358._expanded_11e4r_371 ._accordionHeader_11e4r_345 {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
+._checkbox_1r0b6_341._disabled_1r0b6_405 {
+  cursor: default;
+  pointer-events: none;
 }
-._accordion_11e4r_341._bordered_11e4r_358 ._accordionContent_11e4r_358 {
-  border-top: none;
-  border-radius: 0 0 4px 4px;
-  background-color: var(--color-background-raised);
+._checkbox_1r0b6_341._disabled_1r0b6_405 label {
+  color: var(--color-text-muted);
 }
-._accordion_11e4r_341._bordered_11e4r_358 ._accordionContent_11e4r_358._padding_11e4r_380 {
-  padding: 10px 15px;
+._checkbox_1r0b6_341._disabled_1r0b6_405 ._checkmark_1r0b6_384 {
+  background: var(--color-background-disabled) !important;
+  border-color: var(--color-border-checkbox) !important;
 }
-._accordion_11e4r_341._bordered_11e4r_358._squareBottom_11e4r_383 ._accordionHeader_11e4r_345 {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
+._checkbox_1r0b6_341._disabled_1r0b6_405 input:checked ~ label ._checkmark_1r0b6_384 {
+  color: var(--color-text-faint);
+}
+._noMargin_1r0b6_419 {
+  margin: 0;
+}
+._isInTable_1r0b6_422 {
+  margin: 0;
 }
 /*
  This file has shared variables that are re-used in other LESS files/modules
@@ -2170,92 +2228,46 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._checkbox_gaiiv_341 {
-  margin: calc((var(--size) - var(--size-xs)) / 2) 0;
-  position: relative;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  backface-visibility: hidden;
-  vertical-align: baseline;
-  font-style: normal;
-  min-height: var(--size-xs);
-  font-size: inherit;
-  line-height: var(--size-xs);
-  min-width: var(--size-xs);
-  outline: 0px;
+._tooltip_bsjxl_341 {
+  background: var(--color-text);
+  fill: var(--color-text);
+  z-index: 2003;
+  color: var(--color-background);
+  border-radius: 3px;
 }
-._checkbox_gaiiv_341._noLabel_gaiiv_356 {
-  width: var(--size-xs);
+._tooltip_bsjxl_341 * {
+  color: var(--color-background);
 }
-._checkbox_gaiiv_341._small_gaiiv_359 {
-  margin: calc((var(--size-sm) - var(--size-xs)) / 2) 0;
-  font-size: 12px;
+._tooltip_bsjxl_341 > svg,
+._tooltip_bsjxl_341 > svg > * {
+  fill: inherit !important;
 }
-._checkbox_gaiiv_341 input {
-  cursor: pointer;
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  width: var(--size-xs);
-  height: var(--size-xs);
-  opacity: 0 !important;
-  outline: 0px;
-  z-index: -1;
+._tooltip_bsjxl_341._error_bsjxl_355 {
+  background: var(--color-error-500);
+  fill: var(--color-error-500);
 }
-._checkbox_gaiiv_341 label {
-  cursor: pointer;
-  user-select: none;
-  color: var(--color-text);
-  transition: color 0.1s ease 0s;
-  display: block;
-  padding-left: 1.85714em;
-  font-size: 1em;
-  outline: 0px;
+._tooltip_bsjxl_341._warning_bsjxl_359 {
+  background: var(--color-warning-500);
+  fill: var(--color-warning-500);
 }
-._checkbox_gaiiv_341 label ._checkmark_gaiiv_384 {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  width: var(--size-xs);
-  height: var(--size-xs);
-  font-size: 12px;
+._helpIcon_1yokl_1 {
+  color: var(--color-text-faint);
+  font-size: 13px;
   display: inline-flex;
   align-items: center;
-  justify-content: center;
-  background: var(--color-background-input);
-  border-radius: 0.214286rem;
-  transition: border 0.1s ease 0s, opacity 0.1s ease 0s, transform 0.1s ease 0s, box-shadow 0.1s ease 0s;
-  border: 1px solid var(--color-border-checkbox);
-  color: transparent;
-}
-._checkbox_gaiiv_341 label ._checkmark_gaiiv_384:hover {
-  border-color: var(--color-border-hover);
-}
-._checkbox_gaiiv_341 input:checked ~ label ._checkmark_gaiiv_384 {
-  background: var(--color-background-primary);
-  border-color: transparent;
-  color: white;
-}
-._checkbox_gaiiv_341._disabled_gaiiv_408 {
-  cursor: default;
-  pointer-events: none;
-}
-._checkbox_gaiiv_341._disabled_gaiiv_408 label {
-  color: var(--color-text-muted);
 }
-._checkbox_gaiiv_341._disabled_gaiiv_408 ._checkmark_gaiiv_384 {
-  background: var(--color-background-disabled) !important;
-  border-color: var(--color-border-checkbox) !important;
+._active_1yokl_7 {
+  color: var(--color-text);
 }
-._checkbox_gaiiv_341._disabled_gaiiv_408 input:checked ~ label ._checkmark_gaiiv_384 {
-  color: var(--color-text-faint);
+._clickable_1yokl_10 {
+  cursor: pointer;
 }
-._noMargin_gaiiv_422 {
-  margin: 0;
+._clickable_1yokl_10:hover,
+._clickable_1yokl_10:focus {
+  color: var(--color-text-primary-hover);
 }
-._isInTable_gaiiv_425 {
-  margin: 0;
+._clickable_1yokl_10:active {
+  color: var(--color-text-primary-active);
 }
 /*
  This file has shared variables that are re-used in other LESS files/modules
@@ -2597,46 +2609,23 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._tooltip_bsjxl_341 {
-  background: var(--color-text);
-  fill: var(--color-text);
-  z-index: 2003;
-  color: var(--color-background);
-  border-radius: 3px;
-}
-._tooltip_bsjxl_341 * {
-  color: var(--color-background);
-}
-._tooltip_bsjxl_341 > svg,
-._tooltip_bsjxl_341 > svg > * {
-  fill: inherit !important;
-}
-._tooltip_bsjxl_341._error_bsjxl_355 {
-  background: var(--color-error-500);
-  fill: var(--color-error-500);
-}
-._tooltip_bsjxl_341._warning_bsjxl_359 {
-  background: var(--color-warning-500);
-  fill: var(--color-warning-500);
-}
-._helpIcon_1yokl_1 {
-  color: var(--color-text-faint);
-  font-size: 13px;
-  display: inline-flex;
-  align-items: center;
+._bordered_8hv0o_341 {
+  border: 1px solid var(--color-border);
+  border-radius: 0 0 4px 4px;
+  border-top: none;
+  background-color: var(--color-background-raised);
 }
-._active_1yokl_7 {
-  color: var(--color-text);
+._checkboxWrapper_8hv0o_347 {
+  padding: 2px 15px;
 }
-._clickable_1yokl_10 {
-  cursor: pointer;
+._checkboxWrapper_8hv0o_347:last-child {
+  border-radius: 0 0 inherit inherit;
 }
-._clickable_1yokl_10:hover,
-._clickable_1yokl_10:focus {
-  color: var(--color-text-primary-hover);
+._padding_8hv0o_353 {
+  padding: 10px 15px;
 }
-._clickable_1yokl_10:active {
-  color: var(--color-text-primary-active);
+._contentWrapper_8hv0o_356 {
+  border-radius: inherit;
 }
 /*
  This file has shared variables that are re-used in other LESS files/modules
@@ -2978,23 +2967,31 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._bordered_8hv0o_341 {
-  border: 1px solid var(--color-border);
-  border-radius: 0 0 4px 4px;
-  border-top: none;
-  background-color: var(--color-background-raised);
+._wrapper_6kkc6_341 {
+  color: inherit;
+  fill: inherit;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
 }
-._checkboxWrapper_8hv0o_347 {
-  padding: 2px 15px;
+._wrapper_6kkc6_341 ._customSvg_6kkc6_348 {
+  line-height: 0;
 }
-._checkboxWrapper_8hv0o_347:last-child {
-  border-radius: 0 0 inherit inherit;
+._wrapper_6kkc6_341 ._customPng_6kkc6_351 {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
 }
-._padding_8hv0o_353 {
-  padding: 10px 15px;
+._clickable_6kkc6_356 {
+  cursor: pointer;
 }
-._contentWrapper_8hv0o_356 {
-  border-radius: inherit;
+._clickable_6kkc6_356:hover {
+  color: var(--color-text-primary-hover) !important;
+  fill: var(--color-text-primary-hover) !important;
+}
+._clickable_6kkc6_356:active {
+  color: var(--color-text-primary-active) !important;
+  fill: var(--color-text-primary-active) !important;
 }
 /*
  This file has shared variables that are re-used in other LESS files/modules
@@ -8037,76 +8034,76 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._inputInTable_iomrv_341 {
+._inputInTable_1jk6o_341 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_iomrv_341:not(:hover) {
+._inputInTable_1jk6o_341:not(:hover) {
   border-color: transparent;
 }
-._inputHover_iomrv_350 {
+._inputHover_1jk6o_350 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_iomrv_355 {
+._inputFocus_1jk6o_355 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_iomrv_362,
-._inputWarning_iomrv_363 {
+._inputError_1jk6o_362,
+._inputWarning_1jk6o_363 {
   position: relative;
 }
-._inputError_iomrv_362 {
+._inputError_1jk6o_362 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_iomrv_362:hover {
+._inputError_1jk6o_362:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_iomrv_362:focus {
+._inputError_1jk6o_362:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_iomrv_363 {
+._inputWarning_1jk6o_363 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_iomrv_363:hover {
+._inputWarning_1jk6o_363:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_iomrv_363:focus {
+._inputWarning_1jk6o_363:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_iomrv_398 {
+._inputDisabled_1jk6o_398 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_iomrv_403 {
+._hideScrollbars_1jk6o_403 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_iomrv_403::-webkit-scrollbar {
+._hideScrollbars_1jk6o_403::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -8121,37 +8118,37 @@ html[data-theme='dark'] {
   --color-background-drawer-tab-hover: var(--color-primary-muted-700);
   --color-border-drawer-tab: var(--color-border);
 }
-._inline_iomrv_425 {
+._inline_1jk6o_425 {
   position: relative;
 }
-._inline_iomrv_425._left_iomrv_428 {
+._inline_1jk6o_425._left_1jk6o_428 {
   order: -1;
 }
-._inline_iomrv_425._right_iomrv_431 {
+._inline_1jk6o_425._right_1jk6o_431 {
   order: 9999;
 }
-._fixed_iomrv_434 {
+._fixed_1jk6o_434 {
   position: fixed;
   top: 0;
   bottom: 0;
   z-index: 99;
 }
-._fixed_iomrv_434._left_iomrv_428 {
+._fixed_1jk6o_434._left_1jk6o_428 {
   left: 0;
 }
-._fixed_iomrv_434._right_iomrv_431 {
+._fixed_1jk6o_434._right_1jk6o_431 {
   right: 0;
 }
-._left_iomrv_428 ._border_iomrv_446 {
+._left_1jk6o_428 ._border_1jk6o_446 {
   border-right: 1px solid var(--color-border);
 }
-._right_iomrv_431 ._border_iomrv_446 {
+._right_1jk6o_431 ._border_1jk6o_446 {
   border-left: 1px solid var(--color-border);
 }
-._shadow_iomrv_452 {
+._shadow_1jk6o_452 {
   box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
 }
-._drawerContent_iomrv_455 {
+._drawerContent_1jk6o_455 {
   overflow-x: hidden;
   overflow-y: auto;
   max-height: 100%;
@@ -8163,40 +8160,40 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._isResizing_iomrv_467 ._drawerContent_iomrv_455 {
+._isResizing_1jk6o_467 ._drawerContent_1jk6o_455 {
   transition: none;
 }
 @media print {
-  ._drawerContent_iomrv_455 {
+  ._drawerContent_1jk6o_455 {
     background: transparent !important;
   }
 }
-._drawerContent_iomrv_455::-webkit-scrollbar {
+._drawerContent_1jk6o_455::-webkit-scrollbar {
   display: none;
 }
-._toggleButton_iomrv_478 {
+._toggleButton_1jk6o_478 {
   transition: transform 0.4s;
   display: inline-block;
   transform: rotate(180deg);
   position: absolute;
   z-index: 102;
 }
-._left_iomrv_428 ._toggleButton_iomrv_478 {
+._left_1jk6o_428 ._toggleButton_1jk6o_478 {
   right: calc(var(--size) / -2);
 }
-._right_iomrv_431 ._toggleButton_iomrv_478 {
+._right_1jk6o_431 ._toggleButton_1jk6o_478 {
   left: calc(var(--size) / -2);
 }
-._toggleButton_iomrv_478._top_iomrv_491 {
+._toggleButton_1jk6o_478._top_1jk6o_491 {
   top: 20px;
 }
-._toggleButton_iomrv_478._bottom_iomrv_494 {
+._toggleButton_1jk6o_478._bottom_1jk6o_494 {
   bottom: 20px;
 }
-._toggleButton_iomrv_478._toggleButtonOpen_iomrv_497 {
+._toggleButton_1jk6o_478._toggleButtonOpen_1jk6o_497 {
   transform: rotate(0deg);
 }
-._tabs_iomrv_500 {
+._tabs_1jk6o_500 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -8206,14 +8203,13 @@ html[data-theme='dark'] {
   border-left: 1px solid var(--color-border);
   border-right: 1px solid var(--color-border);
 }
-._left_iomrv_428 ._tabs_iomrv_500 {
+._left_1jk6o_428 ._tabs_1jk6o_500 {
   right: 0;
 }
-._right_iomrv_431 ._tabs_iomrv_500 {
+._right_1jk6o_431 ._tabs_1jk6o_500 {
   left: 0;
 }
-._tabs_iomrv_500 ._tab_iomrv_500 {
-  font-size: 18px;
+._tabs_1jk6o_500 ._tab_1jk6o_500 {
   height: 38px;
   width: 38px;
   display: flex;
@@ -8224,39 +8220,39 @@ html[data-theme='dark'] {
   transition: color 0.3s, background-color 0.3s;
   border: 1px solid var(--color-border-drawer-tab);
 }
-._left_iomrv_428 ._tabs_iomrv_500 ._tab_iomrv_500 {
+._left_1jk6o_428 ._tabs_1jk6o_500 ._tab_1jk6o_500 {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._left_iomrv_428 ._tabs_iomrv_500 ._tab_iomrv_500._active_iomrv_532 {
+._left_1jk6o_428 ._tabs_1jk6o_500 ._tab_1jk6o_500._active_1jk6o_531 {
   border-left-color: transparent;
 }
-._right_iomrv_431 ._tabs_iomrv_500 ._tab_iomrv_500 {
+._right_1jk6o_431 ._tabs_1jk6o_500 ._tab_1jk6o_500 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-._right_iomrv_431 ._tabs_iomrv_500 ._tab_iomrv_500._active_iomrv_532 {
+._right_1jk6o_431 ._tabs_1jk6o_500 ._tab_1jk6o_500._active_1jk6o_531 {
   border-right-color: transparent;
 }
-._tabs_iomrv_500 ._tab_iomrv_500:not(._active_iomrv_532) {
+._tabs_1jk6o_500 ._tab_1jk6o_500:not(._active_1jk6o_531) {
   color: var(--color-text-primary);
   background-color: var(--color-background-drawer-tab) !important;
 }
-._tabs_iomrv_500 ._tab_iomrv_500:not(._active_iomrv_532):hover {
+._tabs_1jk6o_500 ._tab_1jk6o_500:not(._active_1jk6o_531):hover {
   color: var(--color-text);
   background-color: var(--color-background-drawer-tab-hover) !important;
 }
-._tabs_iomrv_500 ._tab_iomrv_500._active_iomrv_532 {
+._tabs_1jk6o_500 ._tab_1jk6o_500._active_1jk6o_531 {
   color: var(--color-text);
   border-color: var(--color-border);
 }
-._left_iomrv_428 ._tabsContent_iomrv_554 {
+._left_1jk6o_428 ._tabsContent_1jk6o_553 {
   padding-right: 36px;
 }
-._right_iomrv_431 ._tabsContent_iomrv_554 {
+._right_1jk6o_431 ._tabsContent_1jk6o_553 {
   padding-left: 36px;
 }
-._resizeHandle_iomrv_560 {
+._resizeHandle_1jk6o_559 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -8269,18 +8265,18 @@ html[data-theme='dark'] {
   font-size: 12px;
   transition: all 0.2s;
 }
-._resizeHandle_iomrv_560:hover {
+._resizeHandle_1jk6o_559:hover {
   background: rgba(235, 100, 41, 0.15);
   color: var(--color-text-primary);
 }
-._resizeHandle_iomrv_560:active {
+._resizeHandle_1jk6o_559:active {
   background: var(--color-text-primary);
   color: white;
 }
-._left_iomrv_428 ._resizeHandle_iomrv_560 {
+._left_1jk6o_428 ._resizeHandle_1jk6o_559 {
   right: 0;
 }
-._right_iomrv_431 ._resizeHandle_iomrv_560 {
+._right_1jk6o_431 ._resizeHandle_1jk6o_559 {
   left: 0;
 }
 /*
@@ -11288,119 +11284,119 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._inputInTable_1udco_341 {
+._inputInTable_1vyw1_341 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1udco_341:not(:hover) {
+._inputInTable_1vyw1_341:not(:hover) {
   border-color: transparent;
 }
-._inputHover_1udco_350 {
+._inputHover_1vyw1_350 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1udco_355 {
+._inputFocus_1vyw1_355 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1udco_362,
-._inputWarning_1udco_363 {
+._inputError_1vyw1_362,
+._inputWarning_1vyw1_363 {
   position: relative;
 }
-._inputError_1udco_362 {
+._inputError_1vyw1_362 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1udco_362:hover {
+._inputError_1vyw1_362:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1udco_362:focus {
+._inputError_1vyw1_362:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1udco_363 {
+._inputWarning_1vyw1_363 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1udco_363:hover {
+._inputWarning_1vyw1_363:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1udco_363:focus {
+._inputWarning_1vyw1_363:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1udco_398 {
+._inputDisabled_1vyw1_398 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_1udco_403 {
+._hideScrollbars_1vyw1_403 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1udco_403::-webkit-scrollbar {
+._hideScrollbars_1vyw1_403::-webkit-scrollbar {
   display: none;
 }
-._header_1udco_413 ._headerTitle_1udco_413,
-._heading_1udco_414 ._itemHeader_1udco_414 {
+._header_1vyw1_413 ._headerTitle_1vyw1_413,
+._heading_1vyw1_414 ._itemHeader_1vyw1_414 {
   transition: opacity 0.3s;
 }
-._narrow_1udco_417 ._header_1udco_413 ._headerTitle_1udco_413,
-._narrow_1udco_417 ._heading_1udco_414 ._itemHeader_1udco_414 {
+._narrow_1vyw1_417 ._header_1vyw1_413 ._headerTitle_1vyw1_413,
+._narrow_1vyw1_417 ._heading_1vyw1_414 ._itemHeader_1vyw1_414 {
   opacity: 0;
 }
-._stickyHeader_1udco_421 {
+._stickyHeader_1vyw1_421 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_1udco_414 {
+._itemHeader_1vyw1_414 {
   padding: 12px 20px;
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_1udco_414 ._title_1udco_432 {
+._itemHeader_1vyw1_414 ._title_1vyw1_432 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_1udco_414 ._name_1udco_438 {
+._itemHeader_1vyw1_414 ._name_1vyw1_438 {
   font-weight: 400;
 }
-._itemHeader_1udco_414 ._iconTooltipMargin_1udco_441 {
+._itemHeader_1vyw1_414 ._iconTooltipMargin_1vyw1_441 {
   margin-left: 10px;
 }
-._itemHeader_1udco_414 ._bold_1udco_444 {
+._itemHeader_1vyw1_414 ._bold_1vyw1_444 {
   font-weight: 900;
 }
-._header_1udco_413 {
+._header_1vyw1_413 {
   padding: 16px 20px;
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--color-border);
 }
-._toggleNarrow_1udco_453 {
+._toggleNarrow_1vyw1_453 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -11409,16 +11405,16 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_1udco_453:hover {
+._toggleNarrow_1vyw1_453:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_1udco_453:active {
+._toggleNarrow_1vyw1_453:active {
   color: var(--color-text-primary-active);
 }
-._narrow_1udco_417 ._toggleNarrow_1udco_453 {
+._narrow_1vyw1_417 ._toggleNarrow_1vyw1_453 {
   transform: scaleX(-1);
 }
-._drag_1udco_471 {
+._drag_1vyw1_471 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
@@ -11429,31 +11425,31 @@ html[data-theme='dark'] {
   height: 19px;
   width: 19px;
 }
-._drag_1udco_471 path {
+._drag_1vyw1_471 path {
   stroke: var(--color-text-faint);
 }
-._drag_1udco_471:hover path {
+._drag_1vyw1_471:hover path {
   stroke: var(--color-text-primary-hover);
 }
-._drag_1udco_471:active path {
+._drag_1vyw1_471:active path {
   stroke: var(--color-text-primary-active);
 }
-._list_1udco_491 {
+._list_1vyw1_491 {
   flex-shrink: 0;
   background: var(--color-background);
 }
-._list_1udco_491._bordered_1udco_495:first-child,
-._list_1udco_491._bordered_1udco_495:first-child > :first-child {
+._list_1vyw1_491._bordered_1vyw1_495:first-child,
+._list_1vyw1_491._bordered_1vyw1_495:first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._list_1udco_491._bordered_1udco_495:last-child,
-._list_1udco_491._bordered_1udco_495:last-child > :last-child {
+._list_1vyw1_491._bordered_1vyw1_495:last-child,
+._list_1vyw1_491._bordered_1vyw1_495:last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
   border-bottom: 0;
 }
-._item_1udco_414 {
+._item_1vyw1_414 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -11464,7 +11460,7 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_1udco_414:not(._heading_1udco_414):after {
+._item_1vyw1_414:not(._heading_1vyw1_414):after {
   content: '';
   position: absolute;
   left: 0;
@@ -11475,98 +11471,97 @@ html[data-theme='dark'] {
   border-bottom-left-radius: inherit;
   transition: background 0.3s;
 }
-._item_1udco_414._action_1udco_528 {
+._item_1vyw1_414._action_1vyw1_528 {
   cursor: pointer;
 }
-._item_1udco_414._action_1udco_528:not(._active_1udco_531):hover {
+._item_1vyw1_414._action_1vyw1_528:not(._active_1vyw1_531):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_1udco_414._action_1udco_528:not(._active_1udco_531):hover:after {
+._item_1vyw1_414._action_1vyw1_528:not(._active_1vyw1_531):hover:after {
   background: rgba(0, 0, 0, 0.1);
 }
-._item_1udco_414._active_1udco_531 {
+._item_1vyw1_414._active_1vyw1_531 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_1udco_414._active_1udco_531:after {
+._item_1vyw1_414._active_1vyw1_531:after {
   background: var(--color-background-primary) !important;
 }
-._item_1udco_414._disabled_1udco_546 {
+._item_1vyw1_414._disabled_1vyw1_546 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_1udco_414._heading_1udco_414 {
+._item_1vyw1_414._heading_1vyw1_414 {
   color: var(--color-text-muted);
   background-color: transparent;
 }
-._item_1udco_414._heading_1udco_414._action_1udco_528:hover {
+._item_1vyw1_414._heading_1vyw1_414._action_1vyw1_528:hover {
   color: var(--color-text-primary-hover);
 }
-._item_1udco_414 ._label_1udco_557 {
+._item_1vyw1_414 ._label_1vyw1_557 {
   margin-right: 15px;
   margin-left: -5px;
   margin-top: -2px;
   margin-bottom: -2px;
   flex-shrink: 0;
 }
-._item_1udco_414 ._details_1udco_564,
-._item_1udco_414 ._metadata_1udco_565 {
+._item_1vyw1_414 ._details_1vyw1_564,
+._item_1vyw1_414 ._metadata_1vyw1_565 {
   display: block;
   width: 100%;
   font-weight: normal;
   margin-top: 3px;
 }
-._item_1udco_414 ._metadata_1udco_565 {
+._item_1vyw1_414 ._metadata_1vyw1_565 {
   color: var(--color-text-muted);
 }
-._item_1udco_414 ._itemContent_1udco_574 {
+._item_1vyw1_414 ._itemContent_1vyw1_574 {
   padding: 0 20px 12px;
   cursor: auto;
 }
-._item_1udco_414 ._itemContent_1udco_574:empty {
+._item_1vyw1_414 ._itemContent_1vyw1_574:empty {
   padding: inherit;
 }
-._indentIcon_1udco_581 {
-  color: var(--color-text-faint);
+._indentIcon_1vyw1_581 {
   width: 20px;
   flex-shrink: 0;
 }
-._expandIcon_1udco_586 {
+._expandIcon_1vyw1_585 {
   width: 20px;
   flex-shrink: 0;
   position: relative;
   margin-top: 1px;
 }
-._expandIcon_1udco_586._expanded_1udco_592 svg {
+._expandIcon_1vyw1_585._expanded_1vyw1_591 svg {
   transform: rotate(90deg);
 }
-._right_1udco_595 {
+._right_1vyw1_594 {
   margin-left: auto;
   display: flex;
   align-items: center;
   margin-top: -2px;
   margin-bottom: -2px;
 }
-._actions_1udco_602 {
+._actions_1vyw1_601 {
   margin-left: 8px;
   display: flex;
   align-items: center;
 }
-._scrollableList_1udco_607 {
+._scrollableList_1vyw1_606 {
   height: 100%;
   overflow-y: auto;
   scroll-behavior: smooth;
 }
-._hideScrollbar_1udco_403 {
+._hideScrollbar_1vyw1_403 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_1udco_403::-webkit-scrollbar {
+._hideScrollbar_1vyw1_403::-webkit-scrollbar {
   display: none;
 }
 /*