@oliasoft-open-source/react-ui-library 4.18.6-beta-1 → 4.18.7-beta-1

package/dist/global.css

@@ -1411,17 +1411,17 @@ html[data-theme='dark'] {
 ._actionComponentContainer_1t7vd_14._active_1t7vd_36 {
   color: var(--color-text-primary-active);
 }
-._wrapper_8cxhw_1 {
+._wrapper_nnkvb_1 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_8cxhw_5 ._wrapper_8cxhw_1 {
+._layer_nnkvb_5 ._wrapper_nnkvb_1 {
   width: 100%;
 }
-._layerContainer_8cxhw_8 {
+._layerContainer_nnkvb_8 {
   z-index: var(--zindex-dropdown);
 }
-._layer_8cxhw_5 {
+._layer_nnkvb_5 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -1434,98 +1434,101 @@ html[data-theme='dark'] {
   overflow-y: auto;
   max-height: 40vh;
 }
-._layer_8cxhw_5._nested_8cxhw_24 {
+._layer_nnkvb_5._nested_nnkvb_24 {
   margin: -1px 2px;
 }
-._layer_8cxhw_5 ul {
+._layer_nnkvb_5 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_8cxhw_5 ul li {
+._layer_nnkvb_5 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_8cxhw_36 {
+._fileInput_nnkvb_36 {
   opacity: 0;
   position: absolute;
   inset: 0;
 }
-._trigger_8cxhw_41 {
+._trigger_nnkvb_41 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   max-width: 100%;
 }
-._layer_8cxhw_5 ._trigger_8cxhw_41 {
+._layer_nnkvb_5 ._trigger_nnkvb_41 {
   width: 100%;
 }
-._middleAlignedInline_8cxhw_50 {
+._middleAlignedInline_nnkvb_50 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_8cxhw_56 {
+._heading_nnkvb_56 {
   color: var(--color-text-muted);
   letter-spacing: var(--letter-spacing-wide);
   text-transform: uppercase;
   font-weight: bold;
 }
-._heading_8cxhw_56 ._headingIcon_8cxhw_62 {
+._heading_nnkvb_56 ._headingIcon_nnkvb_62 {
   float: right;
 }
-._heading_8cxhw_56 ._headingIcon_8cxhw_62 svg {
+._heading_nnkvb_56 ._headingIcon_nnkvb_62 svg {
   color: var(--color-text-faint);
 }
-._heading_8cxhw_56 ._headingIcon_8cxhw_62:hover {
+._heading_nnkvb_56 ._headingIcon_nnkvb_62:hover {
   cursor: pointer;
 }
-._heading_8cxhw_56 ._headingIcon_8cxhw_62:hover svg {
+._heading_nnkvb_56 ._headingIcon_nnkvb_62:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_8cxhw_74 {
+._option_nnkvb_74 {
   color: inherit;
   display: block;
   position: relative;
 }
-._heading_8cxhw_56,
-._option_8cxhw_74,
-._layer_8cxhw_5 ._trigger_8cxhw_41 {
+._option_nnkvb_74._disabled_nnkvb_79 {
+  opacity: 0.2;
+}
+._heading_nnkvb_56,
+._option_nnkvb_74,
+._layer_nnkvb_5 ._trigger_nnkvb_41 {
   padding: var(--padding-input);
   border: 1px solid transparent;
 }
-._option_8cxhw_74,
-._layer_8cxhw_5 ._trigger_8cxhw_41 {
+._option_nnkvb_74,
+._layer_nnkvb_5 ._trigger_nnkvb_41 {
   line-height: var(--line-height);
   display: flex;
   align-items: flex-start;
 }
-._option_8cxhw_74:hover,
-._layer_8cxhw_5 ._trigger_8cxhw_41:hover,
-._option_8cxhw_74._active_8cxhw_93,
-._layer_8cxhw_5 ._trigger_8cxhw_41._active_8cxhw_93 {
+._option_nnkvb_74:hover,
+._layer_nnkvb_5 ._trigger_nnkvb_41:hover,
+._option_nnkvb_74._active_nnkvb_96,
+._layer_nnkvb_5 ._trigger_nnkvb_41._active_nnkvb_96 {
   background-color: var(--color-background-listitem-hover);
   cursor: pointer;
 }
-._option_8cxhw_74._selected_8cxhw_98,
-._layer_8cxhw_5 ._trigger_8cxhw_41._selected_8cxhw_98 {
+._option_nnkvb_74._selected_nnkvb_101,
+._layer_nnkvb_5 ._trigger_nnkvb_41._selected_nnkvb_101 {
   background-color: var(--color-background-listitem-active);
 }
-._layer_8cxhw_5 ._trigger_8cxhw_41 {
+._layer_nnkvb_5 ._trigger_nnkvb_41 {
   align-items: center;
 }
-._optionContent_8cxhw_105 {
+._optionContent_nnkvb_108 {
   flex-wrap: wrap;
   margin-right: auto;
 }
-._inline_8cxhw_109 ._optionContent_8cxhw_105 {
+._inline_nnkvb_112 ._optionContent_nnkvb_108 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_8cxhw_114,
-._check_8cxhw_115 {
+._icon_nnkvb_117,
+._check_nnkvb_118 {
   display: flex;
   flex-shrink: 1;
   width: var(--size-xs);
@@ -1533,83 +1536,82 @@ html[data-theme='dark'] {
   justify-content: center;
   align-items: center;
 }
-._icon_8cxhw_114 {
+._icon_nnkvb_117 {
   margin-right: var(--padding-xs);
   color: var(--color-text-primary);
   font-size: var(--size-xs);
 }
-._icon_8cxhw_114:empty {
+._icon_nnkvb_117:empty {
   display: none;
 }
-._icon_8cxhw_114 img {
+._icon_nnkvb_117 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._check_8cxhw_115 {
+._check_nnkvb_118 {
   margin-left: var(--padding-xs);
   color: var(--color-text-primary);
 }
-._text_8cxhw_141 {
+._text_nnkvb_144 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_8cxhw_146 {
+._label_nnkvb_149 {
   margin-right: auto;
 }
-._label_8cxhw_146,
-._heading_8cxhw_56 {
+._label_nnkvb_149,
+._heading_nnkvb_56 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_8cxhw_157 {
+._description_nnkvb_160 {
   color: #999;
   display: block;
 }
-._arrow_8cxhw_161 {
+._arrow_nnkvb_164 {
   margin-left: var(--padding-xxs);
   display: flex;
 }
-._divider_8cxhw_165 {
+._divider_nnkvb_168 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_8cxhw_169 {
+._deprecatedSemanticIcon_nnkvb_172 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_8cxhw_173 {
-  opacity: 0.2;
+._disabled_nnkvb_79 {
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_8cxhw_178 {
+._buttonLabel_nnkvb_180 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
 }
-._buttonCaret_8cxhw_184 {
+._buttonCaret_nnkvb_186 {
   display: flex;
   margin-left: var(--padding-xxs);
 }
-._component_8cxhw_188 {
+._component_nnkvb_190 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_8cxhw_194 {
+._right_nnkvb_196 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_8cxhw_199 {
+._actions_nnkvb_201 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;
@@ -2442,123 +2444,139 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._inputInTable_7sjlf_1 {
+._inputInTable_1wss1_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_7sjlf_1:not(:hover):not([data-error]):not([data-warning]) {
+._inputInTable_1wss1_1:not(:hover):not([data-error]):not([data-warning]) {
   border-color: transparent;
 }
-._inputInTable_7sjlf_1:not(:focus) {
+._inputInTable_1wss1_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_7sjlf_13 {
+._inputHover_1wss1_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_7sjlf_18 {
+._inputFocus_1wss1_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_7sjlf_25,
-._inputWarning_7sjlf_26 {
+._inputError_1wss1_25,
+._inputWarning_1wss1_26 {
   position: relative;
 }
-._inputError_7sjlf_25 {
+._inputError_1wss1_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_7sjlf_25:hover {
+._inputError_1wss1_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_7sjlf_25:focus {
+._inputError_1wss1_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_7sjlf_26 {
+._inputWarning_1wss1_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_7sjlf_26:hover {
+._inputWarning_1wss1_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_7sjlf_26:focus {
+._inputWarning_1wss1_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_7sjlf_61 {
+._inputDisabled_1wss1_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_7sjlf_67 {
+._hideScrollbars_1wss1_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_7sjlf_67::-webkit-scrollbar {
+._hideScrollbars_1wss1_67::-webkit-scrollbar {
   display: none;
 }
-._header_7sjlf_77 ._headerTitle_7sjlf_77,
-._heading_7sjlf_78 ._itemHeader_7sjlf_78 {
+._list_1wss1_77 {
+  display: flex;
+  flex-direction: column;
+  max-height: 100%;
+  overflow: hidden;
+}
+._bordered_1wss1_83 {
+  border: 1px solid var(--color-border);
+  border-radius: var(--border-radius);
+}
+._bordered_1wss1_83 ._virtualRow_1wss1_87:last-child ._item_1wss1_87 {
+  border-bottom: none;
+}
+._header_1wss1_90 ._headerTitle_1wss1_90,
+._heading_1wss1_91 ._itemHeader_1wss1_91 {
   transition: opacity 0.3s;
 }
-._narrow_7sjlf_81 ._header_7sjlf_77 ._headerTitle_7sjlf_77,
-._narrow_7sjlf_81 ._heading_7sjlf_78 ._itemHeader_7sjlf_78 {
+._narrow_1wss1_94 ._header_1wss1_90 ._headerTitle_1wss1_90,
+._narrow_1wss1_94 ._heading_1wss1_91 ._itemHeader_1wss1_91 {
   opacity: 0;
 }
-._stickyHeader_7sjlf_85 {
+._stickyHeader_1wss1_98 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_7sjlf_78 {
+._itemHeader_1wss1_91 {
   padding: var(--padding-xs) var(--padding);
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_7sjlf_78 ._title_7sjlf_96 {
+._itemHeader_1wss1_91 ._title_1wss1_109 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_7sjlf_78 ._name_7sjlf_102 {
+._itemHeader_1wss1_91 ._name_1wss1_115 {
   font-weight: 400;
+  display: block;
 }
-._itemHeader_7sjlf_78 ._iconTooltipMargin_7sjlf_105 {
+._itemHeader_1wss1_91 ._iconTooltipMargin_1wss1_119 {
   margin-left: var(--padding-xs);
 }
-._itemHeader_7sjlf_78 ._bold_7sjlf_108 {
+._itemHeader_1wss1_91 ._bold_1wss1_122 {
   font-weight: bold;
 }
-._header_7sjlf_77 {
+._header_1wss1_90 {
   padding: var(--padding);
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--color-border);
+  position: sticky;
+  top: 0;
 }
-._toggleNarrow_7sjlf_117 {
+._toggleNarrow_1wss1_133 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -2567,16 +2585,16 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_7sjlf_117:hover {
+._toggleNarrow_1wss1_133:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_7sjlf_117:active {
+._toggleNarrow_1wss1_133:active {
   color: var(--color-text-primary-active);
 }
-._narrow_7sjlf_81 ._toggleNarrow_7sjlf_117 {
+._narrow_1wss1_94 ._toggleNarrow_1wss1_133 {
   transform: scaleX(-1);
 }
-._drag_7sjlf_135 {
+._drag_1wss1_151 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
@@ -2590,34 +2608,22 @@ html[data-theme='dark'] {
   width: var(--size-sm);
   flex-shrink: 0;
 }
-._drag_7sjlf_135:hover {
+._drag_1wss1_151:hover {
   color: var(--color-text-primary-hover);
 }
-._drag_7sjlf_135:active {
+._drag_1wss1_151:active {
   cursor: grabbing;
   color: var(--color-text-primary-active);
 }
-._dragOverlay_7sjlf_156 {
+._dragOverlay_1wss1_172 {
   box-shadow: var(--shadow-layer);
   border-radius: var(--border-radius);
   overflow: hidden;
 }
-._list_7sjlf_161 {
-  flex-shrink: 0;
+._listContent_1wss1_177 {
   background: var(--color-background);
 }
-._list_7sjlf_161._bordered_7sjlf_165:first-child,
-._list_7sjlf_161._bordered_7sjlf_165:first-child > :first-child {
-  border-top-left-radius: inherit;
-  border-top-right-radius: inherit;
-}
-._list_7sjlf_161._bordered_7sjlf_165:last-child,
-._list_7sjlf_161._bordered_7sjlf_165:last-child > :last-child {
-  border-bottom-left-radius: inherit;
-  border-bottom-right-radius: inherit;
-  border-bottom: 0;
-}
-._item_7sjlf_78 {
+._item_1wss1_87 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -2628,7 +2634,7 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_7sjlf_78:not(._heading_7sjlf_78):after {
+._item_1wss1_87:not(._heading_1wss1_91):after {
   content: '';
   position: absolute;
   left: 0;
@@ -2639,41 +2645,41 @@ html[data-theme='dark'] {
   border-bottom-left-radius: inherit;
   transition: background 0.3s, width 0.3s;
 }
-._item_7sjlf_78._action_7sjlf_198 {
+._item_1wss1_87._action_1wss1_202 {
   cursor: pointer;
 }
-._item_7sjlf_78._action_7sjlf_198:not(._active_7sjlf_201):hover {
+._item_1wss1_87._action_1wss1_202:not(._active_1wss1_205):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_7sjlf_78._action_7sjlf_198:not(._active_7sjlf_201):hover:after {
+._item_1wss1_87._action_1wss1_202:not(._active_1wss1_205):hover:after {
   width: 5px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_7sjlf_78._indented_7sjlf_208:after {
+._item_1wss1_87._indented_1wss1_212:after {
   width: 3px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_7sjlf_78._active_7sjlf_201 {
+._item_1wss1_87._active_1wss1_205 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_7sjlf_78._active_7sjlf_201:after {
+._item_1wss1_87._active_1wss1_205:after {
   background: var(--color-background-primary) !important;
 }
-._item_7sjlf_78._disabled_7sjlf_221 {
+._item_1wss1_87._disabled_1wss1_225 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_7sjlf_78._heading_7sjlf_78 {
+._item_1wss1_87._heading_1wss1_91 {
   color: var(--color-text-muted);
   background-color: var(--color-background-cardheader);
 }
-._item_7sjlf_78._heading_7sjlf_78._action_7sjlf_198:hover {
+._item_1wss1_87._heading_1wss1_91._action_1wss1_202:hover {
   color: var(--color-text-primary-hover);
 }
-._item_7sjlf_78 ._label_7sjlf_232 {
+._item_1wss1_87 ._label_1wss1_236 {
   margin-right: var(--padding-xs);
   flex-shrink: 0;
   width: var(--size-sm);
@@ -2684,38 +2690,38 @@ html[data-theme='dark'] {
   align-items: center;
   justify-content: center;
 }
-._item_7sjlf_78 ._details_7sjlf_243,
-._item_7sjlf_78 ._metadata_7sjlf_244 {
+._item_1wss1_87 ._details_1wss1_247,
+._item_1wss1_87 ._metadata_1wss1_248 {
   display: block;
   width: 100%;
   font-weight: normal;
 }
-._item_7sjlf_78 ._metadata_7sjlf_244 {
+._item_1wss1_87 ._metadata_1wss1_248 {
   color: var(--color-text-muted);
 }
-._item_7sjlf_78 ._itemContent_7sjlf_252 {
+._item_1wss1_87 ._itemContent_1wss1_256 {
   padding: 0 var(--padding) var(--padding-sm);
   cursor: auto;
 }
-._item_7sjlf_78 ._itemContent_7sjlf_252:empty {
+._item_1wss1_87 ._itemContent_1wss1_256:empty {
   padding: inherit;
 }
-._indentIcon_7sjlf_259 {
+._indentIcon_1wss1_263 {
   color: var(--color-text-faint);
   flex-shrink: 0;
   margin-right: var(--padding-xxs);
 }
-._expandIcon_7sjlf_264 {
+._expandIcon_1wss1_268 {
   flex-shrink: 0;
   position: relative;
   display: flex;
   height: var(--line-height);
   margin-right: var(--padding-xs);
 }
-._expandIcon_7sjlf_264._expanded_7sjlf_271 svg {
+._expandIcon_1wss1_268._expanded_1wss1_275 svg {
   transform: rotate(90deg);
 }
-._right_7sjlf_274 {
+._right_1wss1_278 {
   margin-left: auto;
   display: flex;
   align-items: center;
@@ -2723,36 +2729,38 @@ html[data-theme='dark'] {
   margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
   min-height: var(--size-sm);
 }
-._actions_7sjlf_282 {
+._actions_1wss1_286 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;
 }
-._scrollableList_7sjlf_287 {
+._scrollableList_1wss1_291 {
   height: 100%;
   overflow-y: auto;
-  scroll-behavior: smooth;
 }
-._infiniteScrollContainer_7sjlf_292 {
-  overflow: hidden !important;
-}
-._hideScrollbar_7sjlf_67 {
+._hideScrollbar_1wss1_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_7sjlf_67::-webkit-scrollbar {
+._hideScrollbar_1wss1_67::-webkit-scrollbar {
   display: none;
 }
-._bordered_7sjlf_165 {
-  box-shadow: inset 0px 0px 0px 2px var(--color-background-primary);
-  background: var(--color-background-listitem-active);
-}
-._noPointerEvents_7sjlf_309 {
+._noPointerEvents_1wss1_305 {
   pointer-events: none;
 }
+._virtualRows_1wss1_308 {
+  width: 100%;
+  position: relative;
+}
+._virtualRow_1wss1_87 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+}
 ._loader_477i5_1 {
   width: 100%;
   height: 100%;
@@ -9137,80 +9145,80 @@ button:active .remirror-menu-pane-shortcut,
   width: 8px;
   height: 14px;
 }
-._inputInTable_xzacf_1 {
+._inputInTable_xkoxm_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_xzacf_1:not(:hover):not([data-error]):not([data-warning]) {
+._inputInTable_xkoxm_1:not(:hover):not([data-error]):not([data-warning]) {
   border-color: transparent;
 }
-._inputInTable_xzacf_1:not(:focus) {
+._inputInTable_xkoxm_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_xzacf_13 {
+._inputHover_xkoxm_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_xzacf_18 {
+._inputFocus_xkoxm_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_xzacf_25,
-._inputWarning_xzacf_26 {
+._inputError_xkoxm_25,
+._inputWarning_xkoxm_26 {
   position: relative;
 }
-._inputError_xzacf_25 {
+._inputError_xkoxm_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_xzacf_25:hover {
+._inputError_xkoxm_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_xzacf_25:focus {
+._inputError_xkoxm_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_xzacf_26 {
+._inputWarning_xkoxm_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_xzacf_26:hover {
+._inputWarning_xkoxm_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_xzacf_26:focus {
+._inputWarning_xkoxm_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_xzacf_61 {
+._inputDisabled_xkoxm_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_xzacf_67 {
+._hideScrollbars_xkoxm_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_xzacf_67::-webkit-scrollbar {
+._hideScrollbars_xkoxm_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -9221,7 +9229,7 @@ html[data-theme='dark'] {
   --color-background-table-header: var(--color-neutral-800);
   --color-background-table-row-tinted: var(--color-neutral-800);
 }
-._wrapper_xzacf_85 {
+._wrapper_xkoxm_85 {
   border-radius: inherit;
   max-height: 100%;
   max-width: 100%;
@@ -9229,23 +9237,23 @@ html[data-theme='dark'] {
   flex-direction: column;
   overflow: hidden;
 }
-._wrapper_xzacf_85._bordered_xzacf_93 {
+._wrapper_xkoxm_85._bordered_xkoxm_93 {
   border-radius: var(--border-radius);
   border: 1px solid var(--color-border);
   box-shadow: var(--shadow-card);
 }
-._scroll_xzacf_98 {
+._scroll_xkoxm_98 {
+  background: var(--color-background);
   overflow-y: auto;
   border-radius: inherit;
   flex: 1;
   min-height: 0;
 }
-._scroll_xzacf_98:not(:first-child) {
+._scroll_xkoxm_98:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-._table_xzacf_108 {
-  background: var(--color-background-raised);
+._table_xkoxm_109 {
   color: var(--color-text);
   border-collapse: separate;
   border-spacing: 0;
@@ -9253,38 +9261,39 @@ html[data-theme='dark'] {
   width: 100%;
   font-variant-numeric: tabular-nums;
 }
-._table_xzacf_108 > :first-child {
+._table_xkoxm_109 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_xzacf_108 > :first-child > :first-child {
+._table_xkoxm_109 > :first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_xzacf_108 > :first-child > :first-child > :first-child {
+._table_xkoxm_109 > :first-child > :first-child > :first-child {
   border-top-left-radius: inherit;
 }
-._table_xzacf_108 > :first-child > :first-child > :last-child {
+._table_xkoxm_109 > :first-child > :first-child > :last-child {
   border-top-right-radius: inherit;
 }
-._table_xzacf_108 > :last-child {
+._table_xkoxm_109 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_xzacf_108 > :last-child > :last-child {
+._table_xkoxm_109 > :last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_xzacf_108 > :last-child > :last-child > :first-child {
+._table_xkoxm_109 > :last-child > :last-child > :first-child {
   border-bottom-left-radius: inherit;
 }
-._table_xzacf_108 > :last-child > :last-child > :last-child {
+._table_xkoxm_109 > :last-child > :last-child > :last-child {
   border-bottom-right-radius: inherit;
 }
-._dragOverlay_xzacf_145 {
+._dragOverlay_xkoxm_145 {
   box-shadow: var(--shadow-layer);
   border-radius: var(--border-radius);
   overflow: hidden;
+  position: fixed;
 }
 th,
 td {
@@ -9299,10 +9308,10 @@ th:not(:first-child),
 td:not(:first-child) {
   border-left-width: 1px;
 }
-._table_xzacf_108 > *:not(:last-child) > tr th,
-._table_xzacf_108 > *:not(:last-child) > tr td,
-._table_xzacf_108 > *:last-child > tr:not(:last-child) th,
-._table_xzacf_108 > *:last-child > tr:not(:last-child) td {
+._table_xkoxm_109 > *:not(:last-child) > tr th,
+._table_xkoxm_109 > *:not(:last-child) > tr td,
+._table_xkoxm_109 > *:last-child > tr:not(:last-child) th,
+._table_xkoxm_109 > *:last-child > tr:not(:last-child) td {
   border-bottom-width: 1px;
 }
 @-moz-document url-prefix() {
@@ -9325,14 +9334,23 @@ thead tr {
 }
 tbody {
   overflow: hidden;
-  background-color: var(--color-background);
 }
 tbody tr {
   background-color: var(--color-background-raised);
 }
-._striped_xzacf_194 tbody tr:nth-child(even) {
+._striped_xkoxm_194 tbody [data-even='true'] {
   background-color: var(--color-background-table-row-tinted);
 }
+tbody:before {
+  display: block;
+  padding-top: var(--virtualPaddingTop);
+  content: '';
+}
+tbody:after {
+  display: block;
+  padding-bottom: var(--virtualPaddingBottom);
+  content: '';
+}
 ._title_zn5s7_1 {
   background-color: var(--color-background-cardheader);
   border-bottom: 1px solid var(--color-border);
@@ -9359,14 +9377,14 @@ tbody tr {
   justify-content: space-between;
   border-top: 1px solid var(--color-border);
 }
-._clickableRow_10f34_1 {
+._clickableRow_kqvtd_1 {
   cursor: pointer;
 }
-._hoverableRow_10f34_4:not(._rowActive_10f34_4):hover,
-._clickableRow_10f34_1:not(._rowActive_10f34_4):hover {
+._hoverableRow_kqvtd_4:not(._rowActive_kqvtd_4):hover,
+._clickableRow_kqvtd_1:not(._rowActive_kqvtd_4):hover {
   background-color: var(--color-background-listitem-hover) !important;
 }
-._expandableRow_10f34_8._flush_10f34_8 {
+._expandableRow_kqvtd_8._flush_kqvtd_8 {
   padding: 0 !important;
   height: auto !important;
 }
@@ -9376,11 +9394,11 @@ tr[data-warning] {
 tr[data-error] {
   background-color: var(--color-background-error-muted) !important;
 }
-._rowActive_10f34_4 {
+._rowActive_kqvtd_4 {
   position: relative;
   background-color: var(--color-background-listitem-active) !important;
 }
-._rowActive_10f34_4:after {
+._rowActive_kqvtd_4:after {
   content: '';
   position: absolute;
   left: 0;
@@ -9392,12 +9410,12 @@ tr[data-error] {
   transition: background 0.3s;
   background: var(--color-background-primary);
 }
-._dragIconCell_10f34_34 {
+._dragIconCell_kqvtd_34 {
   width: var(--size);
   min-width: var(--size);
   position: relative;
 }
-._dragIcon_10f34_34 {
+._dragIcon_kqvtd_34 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -9406,13 +9424,16 @@ tr[data-error] {
   color: var(--color-text-faint);
   cursor: grab;
 }
-._dragIcon_10f34_34:hover {
+._dragIcon_kqvtd_34:hover {
   color: var(--color-text-primary-hover);
 }
-._dragIcon_10f34_34:active {
+._dragIcon_kqvtd_34:active {
   cursor: grabbing;
   color: var(--color-text-primary-active);
 }
+._dragIcon_kqvtd_34._dragIconDisabled_kqvtd_55 {
+  cursor: not-allowed;
+}
 ._inputInTable_ie6ng_1 {
   background-color: transparent;
   border-radius: inherit !important;