@oliasoft-open-source/react-ui-library 4.0.0-beta-18 → 4.0.0-beta-20

package/dist/global.css

@@ -578,7 +578,7 @@ a {
   --color-text-placeholder: rgba(0, 0, 0, 0.3);
   --color-background: var(--color-neutral-50);
   --color-background-raised: white;
-  --color-background-disabled: rgba(0, 0, 0, 0.05);
+  --color-background-disabled: rgba(0, 0, 0, 0.025);
   --color-background-info: var(--color-info-150);
   --color-background-error: var(--color-error-150);
   --color-background-success: var(--color-success-150);
@@ -777,49 +777,49 @@ a {
   color: var(--color-text-primary-active) !important;
   fill: var(--color-text-primary-active) !important;
 }
-._accordion_1xanb_1 {
+._accordion_1bs7l_1 {
   position: relative;
   color: var(--color-text);
 }
-._accordion_1xanb_1 ._accordionHeader_1xanb_5 {
+._accordion_1bs7l_1 ._accordionHeader_1bs7l_5 {
   display: flex;
   align-items: center;
 }
-._accordion_1xanb_1 ._accordionHeader_1xanb_5 ._heading_1xanb_9 {
+._accordion_1bs7l_1 ._accordionHeader_1bs7l_5 ._heading_1bs7l_9 {
   flex-grow: 1;
 }
-._accordion_1xanb_1 ._accordionHeader_1xanb_5._clickable_1xanb_12:hover {
+._accordion_1bs7l_1 ._accordionHeader_1bs7l_5._clickable_1bs7l_12:hover {
   cursor: pointer;
 }
-._accordion_1xanb_1 ._accordionHeader_1xanb_5._clickable_1xanb_12:hover > * {
+._accordion_1bs7l_1 ._accordionHeader_1bs7l_5._clickable_1bs7l_12:hover > * {
   color: var(--color-text) !important;
 }
-._accordion_1xanb_1:not(._bordered_1xanb_18) ._accordionContent_1xanb_18 {
-  margin-top: 15px;
+._accordion_1bs7l_1:not(._bordered_1bs7l_18) ._accordionContent_1bs7l_18 {
+  margin-top: var(--padding-card-y);
 }
-._accordion_1xanb_1._bordered_1xanb_18 ._accordionHeader_1xanb_5,
-._accordion_1xanb_1._bordered_1xanb_18 ._accordionContent_1xanb_18 {
+._accordion_1bs7l_1._bordered_1bs7l_18 ._accordionHeader_1bs7l_5,
+._accordion_1bs7l_1._bordered_1bs7l_18 ._accordionContent_1bs7l_18 {
   border: 1px solid var(--color-border);
   line-height: var(--line-height);
 }
-._accordion_1xanb_1._bordered_1xanb_18 ._accordionHeader_1xanb_5 {
-  padding: var(--padding-card);
+._accordion_1bs7l_1._bordered_1bs7l_18 ._accordionHeader_1bs7l_5 {
+  padding: var(--spacing-1) var(--padding-card-x);
   border-radius: var(--border-radius);
   background-color: var(--color-background);
 }
-._accordion_1xanb_1._bordered_1xanb_18._expanded_1xanb_31 ._accordionHeader_1xanb_5 {
+._accordion_1bs7l_1._bordered_1bs7l_18._expanded_1bs7l_31 ._accordionHeader_1bs7l_5 {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
-._accordion_1xanb_1._bordered_1xanb_18 ._accordionContent_1xanb_18 {
+._accordion_1bs7l_1._bordered_1bs7l_18 ._accordionContent_1bs7l_18 {
   border-top: none;
   border-radius: 0 0 var(--border-radius) var(--border-radius);
   background-color: var(--color-background-raised);
 }
-._accordion_1xanb_1._bordered_1xanb_18 ._accordionContent_1xanb_18._padding_1xanb_40 {
+._accordion_1bs7l_1._bordered_1bs7l_18 ._accordionContent_1bs7l_18._padding_1bs7l_40 {
   padding: var(--padding-card);
 }
-._accordion_1xanb_1._bordered_1xanb_18._squareBottom_1xanb_43 ._accordionHeader_1xanb_5 {
+._accordion_1bs7l_1._bordered_1bs7l_18._squareBottom_1bs7l_43 ._accordionHeader_1bs7l_5 {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
@@ -931,22 +931,25 @@ a {
   background: var(--color-warning-500);
   fill: var(--color-warning-500);
 }
-._helpIcon_1uk4t_1 {
-  color: var(--color-text-muted);
+._helpIcon_hd0z2_1 {
+  color: var(--color-text-faint);
   display: inline-flex;
   align-items: center;
 }
-._active_1uk4t_6 {
+._helpIcon_hd0z2_1 :hover {
+  color: var(--color-text-muted);
+}
+._active_hd0z2_9 {
   color: var(--color-text);
 }
-._clickable_1uk4t_9 {
+._clickable_hd0z2_12 {
   cursor: pointer;
 }
-._clickable_1uk4t_9:hover,
-._clickable_1uk4t_9:focus {
+._clickable_hd0z2_12:hover,
+._clickable_hd0z2_12:focus {
   color: var(--color-text-primary-hover);
 }
-._clickable_1uk4t_9:active {
+._clickable_hd0z2_12:active {
   color: var(--color-text-primary-active);
 }
 ._bordered_1p7x7_1 {
@@ -967,17 +970,17 @@ a {
 ._contentWrapper_1p7x7_16 {
   border-radius: inherit;
 }
-._wrapper_sl0rt_1 {
+._wrapper_5n8qf_1 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_sl0rt_5 ._wrapper_sl0rt_1 {
+._layer_5n8qf_5 ._wrapper_5n8qf_1 {
   width: 100%;
 }
-._layerContainer_sl0rt_8 {
+._layerContainer_5n8qf_8 {
   z-index: var(--zindex-dropdown);
 }
-._layer_sl0rt_5 {
+._layer_5n8qf_5 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -989,98 +992,99 @@ a {
   position: relative;
   overflow-y: auto;
 }
-._layer_sl0rt_5._nested_sl0rt_23 {
+._layer_5n8qf_5._nested_5n8qf_23 {
   margin: -1px 2px;
 }
-._layer_sl0rt_5 ul {
+._layer_5n8qf_5 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_sl0rt_5 ul li {
+._layer_5n8qf_5 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_sl0rt_35 {
+._fileInput_5n8qf_35 {
   width: 100%;
   height: 100%;
   opacity: 0;
   position: absolute;
 }
-._trigger_sl0rt_41 {
+._trigger_5n8qf_41 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   max-width: 100%;
 }
-._layer_sl0rt_5 ._trigger_sl0rt_41 {
+._layer_5n8qf_5 ._trigger_5n8qf_41 {
   width: 100%;
 }
-._middleAlignedInline_sl0rt_50 {
+._middleAlignedInline_5n8qf_50 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_sl0rt_56 {
+._heading_5n8qf_56 {
   color: var(--color-text-muted);
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: var(--font-size-sm);
 }
-._heading_sl0rt_56 ._headingIcon_sl0rt_62 {
+._heading_5n8qf_56 ._headingIcon_5n8qf_62 {
   float: right;
 }
-._heading_sl0rt_56 ._headingIcon_sl0rt_62 svg {
+._heading_5n8qf_56 ._headingIcon_5n8qf_62 svg {
   color: var(--color-text-faint);
 }
-._heading_sl0rt_56 ._headingIcon_sl0rt_62:hover {
+._heading_5n8qf_56 ._headingIcon_5n8qf_62:hover {
   cursor: pointer;
 }
-._heading_sl0rt_56 ._headingIcon_sl0rt_62:hover svg {
+._heading_5n8qf_56 ._headingIcon_5n8qf_62:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_sl0rt_74 {
+._option_5n8qf_74 {
   color: inherit;
   display: block;
 }
-._heading_sl0rt_56,
-._option_sl0rt_74,
-._layer_sl0rt_5 ._trigger_sl0rt_41 {
+._heading_5n8qf_56,
+._option_5n8qf_74,
+._layer_5n8qf_5 ._trigger_5n8qf_41 {
   padding: var(--padding-input);
+  border: 1px solid transparent;
 }
-._option_sl0rt_74,
-._layer_sl0rt_5 ._trigger_sl0rt_41 {
+._option_5n8qf_74,
+._layer_5n8qf_5 ._trigger_5n8qf_41 {
   line-height: var(--line-height);
   display: flex;
   align-items: flex-start;
 }
-._option_sl0rt_74:hover,
-._layer_sl0rt_5 ._trigger_sl0rt_41:hover,
-._option_sl0rt_74._active_sl0rt_91,
-._layer_sl0rt_5 ._trigger_sl0rt_41._active_sl0rt_91 {
+._option_5n8qf_74:hover,
+._layer_5n8qf_5 ._trigger_5n8qf_41:hover,
+._option_5n8qf_74._active_5n8qf_92,
+._layer_5n8qf_5 ._trigger_5n8qf_41._active_5n8qf_92 {
   background-color: var(--color-background-listitem-hover);
   cursor: pointer;
 }
-._option_sl0rt_74._selected_sl0rt_96 {
+._option_5n8qf_74._selected_5n8qf_97 {
   background-color: var(--color-background-listitem-active);
   font-weight: bold;
 }
-._layer_sl0rt_5 ._trigger_sl0rt_41 {
+._layer_5n8qf_5 ._trigger_5n8qf_41 {
   align-items: center;
 }
-._optionContent_sl0rt_103 {
+._optionContent_5n8qf_104 {
   flex-wrap: wrap;
   margin-right: auto;
   position: relative;
 }
-._inline_sl0rt_108 ._optionContent_sl0rt_103 {
+._inline_5n8qf_109 ._optionContent_5n8qf_104 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_sl0rt_113,
-._check_sl0rt_114 {
+._icon_5n8qf_114,
+._check_5n8qf_115 {
   display: flex;
   flex-shrink: 1;
   width: var(--size-xs);
@@ -1088,123 +1092,122 @@ a {
   justify-content: center;
   align-items: center;
 }
-._icon_sl0rt_113 {
+._icon_5n8qf_114 {
   margin-right: var(--spacing-2);
   color: var(--color-text-primary);
 }
-._icon_sl0rt_113:empty {
+._icon_5n8qf_114:empty {
   display: none;
 }
-._icon_sl0rt_113 img {
+._icon_5n8qf_114 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._text_sl0rt_135 {
+._text_5n8qf_136 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_sl0rt_140 {
+._label_5n8qf_141 {
   margin-right: auto;
 }
-._label_sl0rt_140,
-._heading_sl0rt_56 {
+._label_5n8qf_141,
+._heading_5n8qf_56 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_sl0rt_151 {
+._description_5n8qf_152 {
   color: #999;
   display: block;
 }
-._arrow_sl0rt_155 {
+._arrow_5n8qf_156 {
   margin-left: var(--spacing-1);
   display: flex;
 }
-._divider_sl0rt_159 {
+._divider_5n8qf_160 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_sl0rt_163 {
+._deprecatedSemanticIcon_5n8qf_164 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_sl0rt_167 {
+._disabled_5n8qf_168 {
   color: var(--color-text-faint);
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_sl0rt_172 {
+._buttonLabel_5n8qf_173 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
 }
-._buttonCaret_sl0rt_178 {
+._buttonCaret_5n8qf_179 {
   display: flex;
   margin-left: var(--spacing-1);
 }
-._component_sl0rt_182 {
+._component_5n8qf_183 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_sl0rt_188 {
+._right_5n8qf_189 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_sl0rt_193 {
+._actions_5n8qf_194 {
   margin-left: var(--spacing-2);
   display: flex;
   align-items: center;
   margin-top: -2px;
   margin-bottom: -2px;
 }
-._wrapper_5s70m_1 {
+._wrapper_eo4yb_1 {
   display: inline-flex;
   position: relative;
 }
-._badge_5s70m_5 {
+._badge_eo4yb_5 {
+  --size-badge: calc(var(--size-sm) - 4px);
   background: var(--color-background-primary);
   display: inline-block;
   position: static;
 }
-._badge_5s70m_5._label_5s70m_10 {
-  line-height: var(--size-sm);
-  min-width: var(--size-sm);
-  padding: 0 5px;
-  font-size: var(--font-size);
+._badge_eo4yb_5._label_eo4yb_11 {
+  line-height: var(--size-badge);
+  min-width: var(--size-badge);
+  padding: 0 var(--spacing-1);
+  font-size: var(--font-size-sm);
   font-weight: 400;
   text-align: center;
   white-space: nowrap;
-  border-radius: calc(var(--size-sm) / 2);
+  border-radius: calc(var(--size-badge) / 2);
   font-weight: bold;
   letter-spacing: normal;
 }
-._badge_5s70m_5._label_5s70m_10._dark_5s70m_22 {
+._badge_eo4yb_5._label_eo4yb_11._dark_eo4yb_23 {
   color: #fff;
 }
-._badge_5s70m_5._label_5s70m_10._light_5s70m_25 {
+._badge_eo4yb_5._label_eo4yb_11._light_eo4yb_26 {
   color: rgba(0, 0, 0, 0.6);
 }
-._badge_5s70m_5._small_5s70m_28 {
-  line-height: var(--size-xs);
-  min-width: var(--size-xs);
-  font-size: var(--font-size-sm);
-  border-radius: calc(var(--size-xs) / 2);
+._badge_eo4yb_5._small_eo4yb_29 {
+  --size-badge: var(--size-xs);
+  font-size: var(--font-size-xs);
 }
-._badge_5s70m_5._dot_5s70m_34 {
+._badge_eo4yb_5._dot_eo4yb_33 {
   width: 6px;
   height: 6px;
   border-radius: 100%;
 }
-._badge_5s70m_5._hasChildren_5s70m_39 {
+._badge_eo4yb_5._hasChildren_eo4yb_38 {
   position: absolute;
   right: 0;
   top: 0;
@@ -1212,80 +1215,80 @@ a {
   transform-origin: 100% 0%;
   z-index: 3;
 }
-._inputInTable_rn6vz_1 {
+._inputInTable_y9r45_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_rn6vz_1:not(:hover) {
+._inputInTable_y9r45_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_rn6vz_1:not(:focus) {
+._inputInTable_y9r45_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_rn6vz_13 {
+._inputHover_y9r45_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_rn6vz_18 {
+._inputFocus_y9r45_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_rn6vz_25,
-._inputWarning_rn6vz_26 {
+._inputError_y9r45_25,
+._inputWarning_y9r45_26 {
   position: relative;
 }
-._inputError_rn6vz_25 {
+._inputError_y9r45_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_rn6vz_25:hover {
+._inputError_y9r45_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_rn6vz_25:focus {
+._inputError_y9r45_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_rn6vz_26 {
+._inputWarning_y9r45_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_rn6vz_26:hover {
+._inputWarning_y9r45_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_rn6vz_26:focus {
+._inputWarning_y9r45_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_rn6vz_61 {
+._inputDisabled_y9r45_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_rn6vz_67 {
+._hideScrollbars_y9r45_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_rn6vz_67::-webkit-scrollbar {
+._hideScrollbars_y9r45_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -1314,7 +1317,7 @@ html[data-theme='dark'] {
   --color-border-button: rgba(255, 255, 255, 0.1);
   --color-border-button-hover: rgba(255, 255, 255, 0.15);
 }
-._button_rn6vz_103 {
+._button_y9r45_103 {
   cursor: pointer;
   display: inline-flex;
   align-items: center;
@@ -1328,7 +1331,6 @@ html[data-theme='dark'] {
   padding: var(--padding-input);
   text-transform: none;
   text-shadow: none;
-  font-weight: bold;
   line-height: var(--line-height);
   font-style: normal;
   text-align: center;
@@ -1340,222 +1342,229 @@ html[data-theme='dark'] {
   min-height: var(--size);
   box-shadow: var(--shadow-button);
 }
-._button_rn6vz_103:hover {
+._button_y9r45_103:hover {
   background: var(--color-background-button-default-hover);
   border-color: var(--color-border-button-hover);
 }
-._button_rn6vz_103:focus {
+._button_y9r45_103:focus {
   box-shadow: var(--shadow-focus) !important;
 }
-._button_rn6vz_103:active {
+._button_y9r45_103:active {
   background: var(--color-background-button-default-active);
   box-shadow: none;
 }
-._button_rn6vz_103._active_rn6vz_140:not(._green_rn6vz_140):not(._red_rn6vz_140):not(._orange_rn6vz_140) {
+._button_y9r45_103._active_y9r45_139:not(._green_y9r45_139):not(._red_y9r45_139):not(._orange_y9r45_139) {
   border-color: var(--color-border-button-default-active);
   color: var(--color-text-button-default-active);
   position: relative;
   z-index: 2;
 }
-._button_rn6vz_103:hover,
-._button_rn6vz_103:focus,
-._button_rn6vz_103:active {
+._button_y9r45_103:hover,
+._button_y9r45_103:focus,
+._button_y9r45_103:active {
   position: relative;
   z-index: 1;
 }
-._button_rn6vz_103 ._icon_rn6vz_152 {
+._button_y9r45_103 ._icon_y9r45_151 {
   margin: -2px;
   margin-right: var(--spacing-1);
   font-size: 1.25em;
   display: flex;
 }
-._iconOnly_rn6vz_158 {
+._iconOnly_y9r45_157 {
   width: var(--size);
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
-._iconOnly_rn6vz_158 ._icon_rn6vz_152 {
+._iconOnly_y9r45_157 ._icon_y9r45_151 {
   margin: 0;
   line-height: 0;
 }
-._basic_rn6vz_168 {
+._basic_y9r45_167 {
   color: var(--color-text-primary);
   background: transparent;
   box-shadow: none !important;
   border: none !important;
 }
-._basic_rn6vz_168._muted_rn6vz_174 {
+._basic_y9r45_167._muted_y9r45_173 {
   color: var(--color-text-muted);
 }
-._basic_rn6vz_168:hover {
+._basic_y9r45_167:hover {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.05);
 }
-._basic_rn6vz_168:active,
-._basic_rn6vz_168._active_rn6vz_140 {
+[data-theme='dark'] ._basic_y9r45_167:hover {
+  background: rgba(255, 255, 255, 0.1);
+}
+._basic_y9r45_167:active,
+._basic_y9r45_167._active_y9r45_139 {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.1);
 }
-._disabled_rn6vz_186 {
+[data-theme='dark'] ._basic_y9r45_167:active,
+[data-theme='dark'] ._basic_y9r45_167._active_y9r45_139 {
+  background: rgba(255, 255, 255, 0.2);
+}
+._disabled_y9r45_192 {
   cursor: default;
   pointer-events: none !important;
   color: var(--color-text-faint) !important;
   box-shadow: none !important;
 }
-._disabled_rn6vz_186:not(._active_rn6vz_140):not(._basic_rn6vz_168) {
+._disabled_y9r45_192:not(._active_y9r45_139):not(._basic_y9r45_167) {
   background: var(--color-background-disabled) !important;
   border: 1px solid var(--color-border) !important;
 }
-._small_rn6vz_196 {
+._small_y9r45_202 {
   font-size: var(--font-size-sm);
   min-height: var(--size-sm);
   padding: var(--padding-input-sm);
 }
-._pill_rn6vz_201,
-._round_rn6vz_202 {
+._pill_y9r45_207,
+._round_y9r45_208 {
   border-radius: 19px;
   display: inline-flex;
   align-items: center;
 }
-._round_rn6vz_202 {
+._round_y9r45_208 {
   padding: 0;
   width: var(--size);
   line-height: 1;
 }
-._round_rn6vz_202._small_rn6vz_196 {
+._round_y9r45_208._small_y9r45_202 {
   width: var(--size-sm);
 }
-._orange_rn6vz_140:not(._basic_rn6vz_168) {
+._orange_y9r45_139:not(._basic_y9r45_167) {
   background-color: var(--color-background-button-primary);
 }
-._orange_rn6vz_140:not(._basic_rn6vz_168):hover {
+._orange_y9r45_139:not(._basic_y9r45_167):hover {
   background-color: var(--color-background-button-primary-hover);
 }
-._orange_rn6vz_140:not(._basic_rn6vz_168):active,
-._orange_rn6vz_140:not(._basic_rn6vz_168)._active_rn6vz_140 {
+._orange_y9r45_139:not(._basic_y9r45_167):active,
+._orange_y9r45_139:not(._basic_y9r45_167)._active_y9r45_139 {
   background-color: var(--color-background-button-primary-active);
 }
-._red_rn6vz_140:not(._basic_rn6vz_168) {
+._red_y9r45_139:not(._basic_y9r45_167) {
   background-color: var(--color-background-button-error);
 }
-._red_rn6vz_140:not(._basic_rn6vz_168):hover {
+._red_y9r45_139:not(._basic_y9r45_167):hover {
   background-color: var(--color-background-button-error-hover);
 }
-._red_rn6vz_140:not(._basic_rn6vz_168):active,
-._red_rn6vz_140:not(._basic_rn6vz_168)._active_rn6vz_140 {
+._red_y9r45_139:not(._basic_y9r45_167):active,
+._red_y9r45_139:not(._basic_y9r45_167)._active_y9r45_139 {
   background-color: var(--color-background-button-error-active);
 }
-._red_rn6vz_140._basic_rn6vz_168 {
+._red_y9r45_139._basic_y9r45_167 {
   color: var(--color-text-error);
 }
-._green_rn6vz_140:not(._basic_rn6vz_168) {
+._green_y9r45_139:not(._basic_y9r45_167) {
   background-color: var(--color-background-button-success);
 }
-._green_rn6vz_140:not(._basic_rn6vz_168):hover {
+._green_y9r45_139:not(._basic_y9r45_167):hover {
   background-color: var(--color-background-button-success-hover);
 }
-._green_rn6vz_140:not(._basic_rn6vz_168):active,
-._green_rn6vz_140:not(._basic_rn6vz_168)._active_rn6vz_140 {
+._green_y9r45_139:not(._basic_y9r45_167):active,
+._green_y9r45_139:not(._basic_y9r45_167)._active_y9r45_139 {
   background-color: var(--color-background-button-success-active);
 }
-._green_rn6vz_140._basic_rn6vz_168 {
+._green_y9r45_139._basic_y9r45_167 {
   color: var(--color-text-success);
 }
-._orange_rn6vz_140:not(._basic_rn6vz_168),
-._red_rn6vz_140:not(._basic_rn6vz_168),
-._green_rn6vz_140:not(._basic_rn6vz_168) {
+._orange_y9r45_139:not(._basic_y9r45_167),
+._red_y9r45_139:not(._basic_y9r45_167),
+._green_y9r45_139:not(._basic_y9r45_167) {
   color: #fff;
 }
-._orange_rn6vz_140:not(._basic_rn6vz_168):hover,
-._red_rn6vz_140:not(._basic_rn6vz_168):hover,
-._green_rn6vz_140:not(._basic_rn6vz_168):hover {
+._orange_y9r45_139:not(._basic_y9r45_167):hover,
+._red_y9r45_139:not(._basic_y9r45_167):hover,
+._green_y9r45_139:not(._basic_y9r45_167):hover {
   color: #fff;
 }
-._orange_rn6vz_140:not(._basic_rn6vz_168):active,
-._red_rn6vz_140:not(._basic_rn6vz_168):active,
-._green_rn6vz_140:not(._basic_rn6vz_168):active,
-._orange_rn6vz_140:not(._basic_rn6vz_168)._active_rn6vz_140,
-._red_rn6vz_140:not(._basic_rn6vz_168)._active_rn6vz_140,
-._green_rn6vz_140:not(._basic_rn6vz_168)._active_rn6vz_140 {
+._orange_y9r45_139:not(._basic_y9r45_167):active,
+._red_y9r45_139:not(._basic_y9r45_167):active,
+._green_y9r45_139:not(._basic_y9r45_167):active,
+._orange_y9r45_139:not(._basic_y9r45_167)._active_y9r45_139,
+._red_y9r45_139:not(._basic_y9r45_167)._active_y9r45_139,
+._green_y9r45_139:not(._basic_y9r45_167)._active_y9r45_139 {
   color: #fff;
 }
-._error_rn6vz_269 {
+._error_y9r45_275 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._error_rn6vz_269:hover {
+._error_y9r45_275:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._error_rn6vz_269:focus {
+._error_y9r45_275:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._warning_rn6vz_286 {
+._warning_y9r45_292 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._warning_rn6vz_286:hover {
+._warning_y9r45_292:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._warning_rn6vz_286:focus {
+._warning_y9r45_292:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inverted_rn6vz_303 {
+._inverted_y9r45_309 {
   background-color: transparent;
   border-color: var(--color-text);
   box-shadow: none;
 }
-._inverted_rn6vz_303:hover,
-._inverted_rn6vz_303:active {
+._inverted_y9r45_309:hover,
+._inverted_y9r45_309:active {
   box-shadow: none;
 }
-._inverted_rn6vz_303._orange_rn6vz_140 {
+._inverted_y9r45_309._orange_y9r45_139 {
   color: var(--color-background-button-primary);
   border-color: var(--color-background-button-primary);
 }
-._inverted_rn6vz_303._red_rn6vz_140 {
+._inverted_y9r45_309._red_y9r45_139 {
   color: var(--color-background-button-error);
   border-color: var(--color-background-button-error);
 }
-._inverted_rn6vz_303._green_rn6vz_140 {
+._inverted_y9r45_309._green_y9r45_139 {
   color: var(--color-background-button-success);
   border-color: var(--color-background-button-success);
 }
-._inverted_rn6vz_303._orange_rn6vz_140:hover,
-._inverted_rn6vz_303._red_rn6vz_140:hover,
-._inverted_rn6vz_303._green_rn6vz_140:hover,
-._inverted_rn6vz_303._orange_rn6vz_140:active,
-._inverted_rn6vz_303._red_rn6vz_140:active,
-._inverted_rn6vz_303._green_rn6vz_140:active {
+._inverted_y9r45_309._orange_y9r45_139:hover,
+._inverted_y9r45_309._red_y9r45_139:hover,
+._inverted_y9r45_309._green_y9r45_139:hover,
+._inverted_y9r45_309._orange_y9r45_139:active,
+._inverted_y9r45_309._red_y9r45_139:active,
+._inverted_y9r45_309._green_y9r45_139:active {
   color: white;
   box-shadow: none;
 }
-._groupOrderFirst_rn6vz_333,
-._groupOrderMiddle_rn6vz_334,
-._groupOrderLast_rn6vz_335 {
+._groupOrderFirst_y9r45_339,
+._groupOrderMiddle_y9r45_340,
+._groupOrderLast_y9r45_341 {
   margin-right: 0;
 }
-._groupOrderFirst_rn6vz_333,
-._groupOrderMiddle_rn6vz_334 {
+._groupOrderFirst_y9r45_339,
+._groupOrderMiddle_y9r45_340 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_rn6vz_335,
-._groupOrderMiddle_rn6vz_334 {
+._groupOrderLast_y9r45_341,
+._groupOrderMiddle_y9r45_340 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
@@ -1721,39 +1730,39 @@ html[data-theme='dark'] {
 ._buttonGroup_1m8h2_11 > *:not(:last-child) {
   margin-right: -1px;
 }
-._card_w1z7w_1 {
+._card_1febj_1 {
   color: var(--color-text);
 }
-._card_w1z7w_1._bordered_w1z7w_4 {
+._card_1febj_1._bordered_1febj_4 {
   background: var(--color-background-raised);
   border: 1px solid var(--color-border);
   box-shadow: var(--shadow-button);
   border-radius: var(--border-radius);
 }
-._card_w1z7w_1._bordered_w1z7w_4._raised_w1z7w_10 {
+._card_1febj_1._bordered_1febj_4._raised_1febj_10 {
   box-shadow: var(--shadow-layer);
 }
-._card_w1z7w_1._bordered_w1z7w_4 ._cardHeader_w1z7w_13 {
+._card_1febj_1._bordered_1febj_4 ._cardHeader_1febj_13 {
   background: var(--color-background);
-  padding: var(--padding-card);
+  padding: var(--spacing-1) var(--padding-card-x);
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._card_w1z7w_1._bordered_w1z7w_4 ._cardContentBorderTop_w1z7w_19 {
+._card_1febj_1._bordered_1febj_4 ._cardContentBorderTop_1febj_19 {
   border-top: 1px solid var(--color-border);
 }
-._card_w1z7w_1._bordered_w1z7w_4 ._padding_w1z7w_22 {
+._card_1febj_1._bordered_1febj_4 ._padding_1febj_22 {
   padding: var(--padding-card);
 }
-._cardContent_w1z7w_19:first-child {
+._cardContent_1febj_19:first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._cardContent_w1z7w_19:last-child {
+._cardContent_1febj_19:last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._cardHeader_w1z7w_13 {
+._cardHeader_1febj_13 {
   display: flex;
   align-items: center;
   padding: var(--padding-card-y) 0;
@@ -1815,34 +1824,33 @@ html[data-theme='dark'] {
 ._link_11ofj_25:active {
   color: var(--color-text-primary-active);
 }
-._heading_1gnbd_1 {
+._heading_16g9g_1 {
   color: var(--color-text);
+  line-height: var(--size-sm);
   font-weight: bold;
   display: flex;
   align-items: center;
   user-select: none;
   padding: 0;
 }
-._heading_1gnbd_1._top_1gnbd_9 {
+._heading_16g9g_1._top_16g9g_10 {
   font-size: var(--font-size-xl);
-  margin-bottom: var(--spacing-4);
-  line-height: var(--size-sm);
+  margin-bottom: var(--padding-y);
 }
-._heading_1gnbd_1:not(._top_1gnbd_9) {
+._heading_16g9g_1:not(._top_16g9g_10) {
   font-size: var(--font-size-sm);
-  line-height: var(--line-height);
   color: var(--color-text-muted);
   text-transform: uppercase;
   letter-spacing: 0.1em;
 }
-._icons_1gnbd_21 {
+._icons_16g9g_20 {
   display: inline-flex;
   font-size: 1.25em;
 }
-._icons_1gnbd_21 > * {
+._icons_16g9g_20 > * {
   margin-left: var(--spacing-1);
 }
-._dialog_1lxfl_1 {
+._dialog_122co_1 {
   border-radius: var(--border-radius);
   background: var(--color-background-raised);
   line-height: var(--line-height);
@@ -1851,21 +1859,21 @@ html[data-theme='dark'] {
   display: flex;
   flex-direction: column;
 }
-._dialog_1lxfl_1 > :first-child {
+._dialog_122co_1 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._dialog_1lxfl_1 > :last-child {
+._dialog_122co_1 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._dialog_1lxfl_1._inline_1lxfl_18 {
+._dialog_122co_1._inline_122co_18 {
   display: inline-flex;
 }
-._dialog_1lxfl_1._scroll_1lxfl_21 {
+._dialog_122co_1._scroll_122co_21 {
   max-height: 100%;
 }
-._header_1lxfl_24 {
+._header_122co_24 {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
@@ -1874,28 +1882,28 @@ html[data-theme='dark'] {
   border-bottom: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._header_1lxfl_24 ._dismiss_1lxfl_33 {
-  margin: -5px -8px;
+._header_122co_24 ._dismiss_122co_33 {
+  margin-right: calc(var(--spacing-1) * -1);
   margin-left: var(--spacing-2);
   flex-shrink: 0;
 }
-._content_1lxfl_38 {
+._content_122co_38 {
   flex-grow: 1;
 }
-._scroll_1lxfl_21 ._content_1lxfl_38 {
+._scroll_122co_21 ._content_122co_38 {
   overflow: auto;
   min-height: 0;
   height: 100%;
   flex: 1 1 auto;
 }
-._footer_1lxfl_47 {
+._footer_122co_47 {
   display: flex;
   padding: var(--padding);
   background-color: var(--color-background);
   border-top: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._footer_1lxfl_47 button:not(:last-child) {
+._footer_122co_47 button:not(:last-child) {
   margin-right: var(--spacing-3);
 }
 ._inputInTable_1yqw7_1 {
@@ -2444,123 +2452,123 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._inputInTable_bu99o_1 {
+._inputInTable_1ygse_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_bu99o_1:not(:hover) {
+._inputInTable_1ygse_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_bu99o_1:not(:focus) {
+._inputInTable_1ygse_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_bu99o_13 {
+._inputHover_1ygse_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_bu99o_18 {
+._inputFocus_1ygse_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_bu99o_25,
-._inputWarning_bu99o_26 {
+._inputError_1ygse_25,
+._inputWarning_1ygse_26 {
   position: relative;
 }
-._inputError_bu99o_25 {
+._inputError_1ygse_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_bu99o_25:hover {
+._inputError_1ygse_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_bu99o_25:focus {
+._inputError_1ygse_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_bu99o_26 {
+._inputWarning_1ygse_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_bu99o_26:hover {
+._inputWarning_1ygse_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_bu99o_26:focus {
+._inputWarning_1ygse_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_bu99o_61 {
+._inputDisabled_1ygse_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_bu99o_67 {
+._hideScrollbars_1ygse_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_bu99o_67::-webkit-scrollbar {
+._hideScrollbars_1ygse_67::-webkit-scrollbar {
   display: none;
 }
-._header_bu99o_77 ._headerTitle_bu99o_77,
-._heading_bu99o_78 ._itemHeader_bu99o_78 {
+._header_1ygse_77 ._headerTitle_1ygse_77,
+._heading_1ygse_78 ._itemHeader_1ygse_78 {
   transition: opacity 0.3s;
 }
-._narrow_bu99o_81 ._header_bu99o_77 ._headerTitle_bu99o_77,
-._narrow_bu99o_81 ._heading_bu99o_78 ._itemHeader_bu99o_78 {
+._narrow_1ygse_81 ._header_1ygse_77 ._headerTitle_1ygse_77,
+._narrow_1ygse_81 ._heading_1ygse_78 ._itemHeader_1ygse_78 {
   opacity: 0;
 }
-._stickyHeader_bu99o_85 {
+._stickyHeader_1ygse_85 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_bu99o_78 {
+._itemHeader_1ygse_78 {
   padding: var(--spacing-2) var(--padding-x);
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_bu99o_78 ._title_bu99o_96 {
+._itemHeader_1ygse_78 ._title_1ygse_96 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_bu99o_78 ._name_bu99o_102 {
+._itemHeader_1ygse_78 ._name_1ygse_102 {
   font-weight: 400;
 }
-._itemHeader_bu99o_78 ._iconTooltipMargin_bu99o_105 {
+._itemHeader_1ygse_78 ._iconTooltipMargin_1ygse_105 {
   margin-left: var(--spacing-2);
 }
-._itemHeader_bu99o_78 ._bold_bu99o_108 {
+._itemHeader_1ygse_78 ._bold_1ygse_108 {
   font-weight: bold;
 }
-._header_bu99o_77 {
+._header_1ygse_77 {
   padding: var(--padding);
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--color-border);
 }
-._toggleNarrow_bu99o_117 {
+._toggleNarrow_1ygse_117 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -2569,16 +2577,16 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_bu99o_117:hover {
+._toggleNarrow_1ygse_117:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_bu99o_117:active {
+._toggleNarrow_1ygse_117:active {
   color: var(--color-text-primary-active);
 }
-._narrow_bu99o_81 ._toggleNarrow_bu99o_117 {
+._narrow_1ygse_81 ._toggleNarrow_1ygse_117 {
   transform: scaleX(-1);
 }
-._drag_bu99o_135 {
+._drag_1ygse_135 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
@@ -2589,28 +2597,28 @@ html[data-theme='dark'] {
   height: 19px;
   width: 19px;
 }
-._drag_bu99o_135:hover {
+._drag_1ygse_135:hover {
   color: var(--color-text-primary-hover);
 }
-._drag_bu99o_135:active {
+._drag_1ygse_135:active {
   color: var(--color-text-primary-active);
 }
-._list_bu99o_152 {
+._list_1ygse_152 {
   flex-shrink: 0;
   background: var(--color-background);
 }
-._list_bu99o_152._bordered_bu99o_156:first-child,
-._list_bu99o_152._bordered_bu99o_156:first-child > :first-child {
+._list_1ygse_152._bordered_1ygse_156:first-child,
+._list_1ygse_152._bordered_1ygse_156:first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._list_bu99o_152._bordered_bu99o_156:last-child,
-._list_bu99o_152._bordered_bu99o_156:last-child > :last-child {
+._list_1ygse_152._bordered_1ygse_156:last-child,
+._list_1ygse_152._bordered_1ygse_156:last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
   border-bottom: 0;
 }
-._item_bu99o_78 {
+._item_1ygse_78 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -2621,84 +2629,84 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_bu99o_78:not(._heading_bu99o_78):after {
+._item_1ygse_78:not(._heading_1ygse_78):after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
-  width: 5px;
+  width: 2px;
   border-top-left-radius: inherit;
   border-bottom-left-radius: inherit;
   transition: background 0.3s;
 }
-._item_bu99o_78._action_bu99o_189 {
+._item_1ygse_78._action_1ygse_189 {
   cursor: pointer;
 }
-._item_bu99o_78._action_bu99o_189:not(._active_bu99o_192):hover {
+._item_1ygse_78._action_1ygse_189:not(._active_1ygse_192):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_bu99o_78._action_bu99o_189:not(._active_bu99o_192):hover:after {
+._item_1ygse_78._action_1ygse_189:not(._active_1ygse_192):hover:after {
   background: rgba(0, 0, 0, 0.1);
 }
-._item_bu99o_78._active_bu99o_192 {
+._item_1ygse_78._active_1ygse_192 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_bu99o_78._active_bu99o_192:after {
+._item_1ygse_78._active_1ygse_192:after {
   background: var(--color-background-primary) !important;
 }
-._item_bu99o_78._disabled_bu99o_207 {
+._item_1ygse_78._disabled_1ygse_207 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_bu99o_78._heading_bu99o_78 {
+._item_1ygse_78._heading_1ygse_78 {
   color: var(--color-text-muted);
   background-color: transparent;
 }
-._item_bu99o_78._heading_bu99o_78._action_bu99o_189:hover {
+._item_1ygse_78._heading_1ygse_78._action_1ygse_189:hover {
   color: var(--color-text-primary-hover);
 }
-._item_bu99o_78 ._label_bu99o_218 {
+._item_1ygse_78 ._label_1ygse_218 {
   margin-right: 15px;
   margin-left: -5px;
   margin-top: -2px;
   margin-bottom: -2px;
   flex-shrink: 0;
 }
-._item_bu99o_78 ._details_bu99o_225,
-._item_bu99o_78 ._metadata_bu99o_226 {
+._item_1ygse_78 ._details_1ygse_225,
+._item_1ygse_78 ._metadata_1ygse_226 {
   display: block;
   width: 100%;
   font-weight: normal;
 }
-._item_bu99o_78 ._metadata_bu99o_226 {
+._item_1ygse_78 ._metadata_1ygse_226 {
   color: var(--color-text-muted);
 }
-._item_bu99o_78 ._itemContent_bu99o_234 {
+._item_1ygse_78 ._itemContent_1ygse_234 {
   padding: 0 var(--padding-x) var(--spacing-2);
   cursor: auto;
 }
-._item_bu99o_78 ._itemContent_bu99o_234:empty {
+._item_1ygse_78 ._itemContent_1ygse_234:empty {
   padding: inherit;
 }
-._indentIcon_bu99o_241 {
+._indentIcon_1ygse_241 {
   color: var(--color-text-faint);
   width: 20px;
   flex-shrink: 0;
 }
-._expandIcon_bu99o_246 {
+._expandIcon_1ygse_246 {
   width: 20px;
   flex-shrink: 0;
   position: relative;
   margin-top: 1px;
 }
-._expandIcon_bu99o_246._expanded_bu99o_252 svg {
+._expandIcon_1ygse_246._expanded_1ygse_252 svg {
   transform: rotate(90deg);
 }
-._right_bu99o_255 {
+._right_1ygse_255 {
   margin-left: auto;
   display: flex;
   align-items: center;
@@ -2706,24 +2714,24 @@ html[data-theme='dark'] {
   margin-bottom: -2px;
   margin-right: -8px;
 }
-._actions_bu99o_263 {
+._actions_1ygse_263 {
   margin-left: var(--spacing-2);
   display: flex;
   align-items: center;
 }
-._scrollableList_bu99o_268 {
+._scrollableList_1ygse_268 {
   height: 100%;
   overflow-y: auto;
   scroll-behavior: smooth;
 }
-._hideScrollbar_bu99o_67 {
+._hideScrollbar_1ygse_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_bu99o_67::-webkit-scrollbar {
+._hideScrollbar_1ygse_67::-webkit-scrollbar {
   display: none;
 }
 ._loader_1g5vh_1 {
@@ -3372,83 +3380,83 @@ html[data-theme='dark'] {
   display: inline;
   white-space: nowrap;
 }
-._inputInTable_1jh9i_1 {
+._inputInTable_xuwli_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1jh9i_1:not(:hover) {
+._inputInTable_xuwli_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1jh9i_1:not(:focus) {
+._inputInTable_xuwli_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1jh9i_13 {
+._inputHover_xuwli_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1jh9i_18 {
+._inputFocus_xuwli_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1jh9i_25,
-._inputWarning_1jh9i_26 {
+._inputError_xuwli_25,
+._inputWarning_xuwli_26 {
   position: relative;
 }
-._inputError_1jh9i_25 {
+._inputError_xuwli_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1jh9i_25:hover {
+._inputError_xuwli_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1jh9i_25:focus {
+._inputError_xuwli_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1jh9i_26 {
+._inputWarning_xuwli_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1jh9i_26:hover {
+._inputWarning_xuwli_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1jh9i_26:focus {
+._inputWarning_xuwli_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1jh9i_61 {
+._inputDisabled_xuwli_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1jh9i_67 {
+._hideScrollbars_xuwli_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1jh9i_67::-webkit-scrollbar {
+._hideScrollbars_xuwli_67::-webkit-scrollbar {
   display: none;
 }
-._trigger_1jh9i_77 {
+._trigger_xuwli_77 {
   font-weight: normal;
   display: flex;
   align-items: center;
@@ -3460,104 +3468,107 @@ html[data-theme='dark'] {
   padding-left: var(--padding-input-x);
   box-shadow: var(--shadow-button);
 }
-._trigger_1jh9i_77 input {
+._trigger_xuwli_77 input {
   border: none !important;
   background: transparent !important;
 }
-._trigger_1jh9i_77._isInTable_1jh9i_93 {
+._trigger_xuwli_77._isInTable_xuwli_93 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._trigger_1jh9i_77._isInTable_1jh9i_93:not(:hover) {
+._trigger_xuwli_77._isInTable_xuwli_93:not(:hover) {
   border-color: transparent;
 }
-._trigger_1jh9i_77._isInTable_1jh9i_93:not(:focus) {
+._trigger_xuwli_77._isInTable_xuwli_93:not(:focus) {
   box-shadow: none;
 }
-._trigger_1jh9i_77._isInTable_1jh9i_93 ._input_1jh9i_1 {
+._trigger_xuwli_77._isInTable_xuwli_93 ._input_xuwli_1 {
   background: transparent !important;
 }
-._trigger_1jh9i_77:hover {
+._trigger_xuwli_77:hover {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
   cursor: pointer;
 }
-._trigger_1jh9i_77._isOpen_1jh9i_114,
-._trigger_1jh9i_77:focus {
+._trigger_xuwli_77._isOpen_xuwli_114,
+._trigger_xuwli_77:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_1jh9i_77._error_1jh9i_122 {
+._trigger_xuwli_77._error_xuwli_122 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._trigger_1jh9i_77._error_1jh9i_122:hover {
+._trigger_xuwli_77._error_xuwli_122:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._trigger_1jh9i_77._error_1jh9i_122:focus {
+._trigger_xuwli_77._error_xuwli_122:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_1jh9i_77._warning_1jh9i_139 {
+._trigger_xuwli_77._warning_xuwli_139 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._trigger_1jh9i_77._warning_1jh9i_139:hover {
+._trigger_xuwli_77._warning_xuwli_139:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._trigger_1jh9i_77._warning_1jh9i_139:focus {
+._trigger_xuwli_77._warning_xuwli_139:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_1jh9i_77._disabled_1jh9i_156 {
+._trigger_xuwli_77._disabled_xuwli_156 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._icons_1jh9i_162 {
+._icons_xuwli_162 {
   display: flex;
   flex-wrap: nowrap;
   flex-shrink: 0;
   position: relative;
   z-index: 2;
 }
-._icons_1jh9i_162 ._clearAll_1jh9i_169,
-._icons_1jh9i_162 ._iconOpen_1jh9i_170 {
+._icons_xuwli_162 ._clearAll_xuwli_169,
+._icons_xuwli_162 ._iconOpen_xuwli_170 {
   width: calc((var(--size) + var(--font-size)) / 2);
   height: var(--size);
   display: flex;
   justify-content: flex-start;
   align-items: center;
-  color: var(--color-text);
 }
-._small_1jh9i_178 ._icons_1jh9i_162 ._clearAll_1jh9i_169,
-._small_1jh9i_178 ._icons_1jh9i_162 ._iconOpen_1jh9i_170 {
+._disabled_xuwli_156 ._icons_xuwli_162 ._clearAll_xuwli_169,
+._disabled_xuwli_156 ._icons_xuwli_162 ._iconOpen_xuwli_170 {
+  color: var(--color-text-faint);
+}
+._small_xuwli_181 ._icons_xuwli_162 ._clearAll_xuwli_169,
+._small_xuwli_181 ._icons_xuwli_162 ._iconOpen_xuwli_170 {
   width: calc((var(--size-sm) + var(--font-size-sm)) / 2);
   height: var(--size-sm);
 }
-._icons_1jh9i_162 ._clearAll_1jh9i_169:hover {
+._icons_xuwli_162 ._clearAll_xuwli_169:hover {
   color: var(--color-text-primary);
 }
-._triggerInputContainer_1jh9i_186 {
+._triggerInputContainer_xuwli_189 {
   display: flex;
   align-items: center;
   position: relative;
@@ -3566,28 +3577,28 @@ html[data-theme='dark'] {
   min-width: 0;
   margin-right: 4px;
 }
-._right_1jh9i_195 ._triggerInputContainer_1jh9i_186 {
+._right_xuwli_198 ._triggerInputContainer_xuwli_189 {
   justify-content: flex-end;
   text-align: right;
 }
-._right_1jh9i_195 ._triggerInputContainer_1jh9i_186 input {
+._right_xuwli_198 ._triggerInputContainer_xuwli_189 input {
   padding-right: 0;
   padding-left: 0;
   text-align: right;
   width: 0;
 }
-._right_1jh9i_195 ._triggerInputContainer_1jh9i_186 input:focus {
+._right_xuwli_198 ._triggerInputContainer_xuwli_189 input:focus {
   width: auto;
 }
-._multiOptions_1jh9i_208 {
+._multiOptions_xuwli_211 {
   display: flex;
   overflow: hidden;
   margin-left: calc((var(--spacing-1) * -1) - 2px);
 }
-._multiOptions_1jh9i_208:empty {
+._multiOptions_xuwli_211:empty {
   display: none !important;
 }
-._multiOptions_1jh9i_208 ._multiOption_1jh9i_208 {
+._multiOptions_xuwli_211 ._multiOption_xuwli_211 {
   user-select: none;
   pointer-events: none;
   display: inline-flex;
@@ -3604,13 +3615,13 @@ html[data-theme='dark'] {
   flex-shrink: 0;
   margin-right: 2px;
 }
-._small_1jh9i_178 ._multiOptions_1jh9i_208 ._multiOption_1jh9i_208 {
+._small_xuwli_181 ._multiOptions_xuwli_211 ._multiOption_xuwli_211 {
   height: calc(var(--size-sm) - 6px);
 }
-._multiOptions_1jh9i_208 ._multiOption_1jh9i_208 ._label_1jh9i_236 {
+._multiOptions_xuwli_211 ._multiOption_xuwli_211 ._label_xuwli_239 {
   white-space: nowrap;
 }
-._multiOptions_1jh9i_208 ._multiOption_1jh9i_208 ._closeMultiOption_1jh9i_239 {
+._multiOptions_xuwli_211 ._multiOption_xuwli_211 ._closeMultiOption_xuwli_242 {
   flex-shrink: 0;
   display: flex;
   align-items: center;
@@ -3620,13 +3631,13 @@ html[data-theme='dark'] {
   opacity: 0.25;
   aspect-ratio: 1;
 }
-._multiOptions_1jh9i_208 ._multiOption_1jh9i_208 ._closeMultiOption_1jh9i_239:hover,
-._multiOptions_1jh9i_208 ._multiOption_1jh9i_208 ._closeMultiOption_1jh9i_239._focus_1jh9i_250 {
+._multiOptions_xuwli_211 ._multiOption_xuwli_211 ._closeMultiOption_xuwli_242:hover,
+._multiOptions_xuwli_211 ._multiOption_xuwli_211 ._closeMultiOption_xuwli_242._focus_xuwli_253 {
   opacity: 1;
   outline: 0;
 }
-._selectedSingleValue_1jh9i_254,
-._placeHolder_1jh9i_255 {
+._selectedSingleValue_xuwli_257,
+._placeHolder_xuwli_258 {
   line-height: calc(var(--size) - 2px);
   right: 0;
   left: 0;
@@ -3636,10 +3647,10 @@ html[data-theme='dark'] {
   display: block;
   position: absolute;
 }
-._placeHolder_1jh9i_255 {
+._placeHolder_xuwli_258 {
   color: var(--color-text-placeholder);
 }
-._input_1jh9i_1 {
+._input_xuwli_1 {
   font-family: var(--font-family);
   background-color: transparent;
   border: none;
@@ -3647,43 +3658,43 @@ html[data-theme='dark'] {
   padding: 0;
   width: 0;
 }
-._input_1jh9i_1._error_1jh9i_122 {
+._input_xuwli_1._error_xuwli_122 {
   color: var(--color-text-error) !important;
 }
-._input_1jh9i_1:focus {
+._input_xuwli_1:focus {
   outline: none;
   width: auto;
 }
-._small_1jh9i_178 {
+._small_xuwli_181 {
   height: var(--size-sm);
   font-size: var(--font-size-sm);
   padding-left: var(--padding-input-sm-x);
 }
-._small_1jh9i_178 ._selectedSingleValue_1jh9i_254,
-._small_1jh9i_178 ._placeHolder_1jh9i_255,
-._small_1jh9i_178 ._input_1jh9i_1 {
+._small_xuwli_181 ._selectedSingleValue_xuwli_257,
+._small_xuwli_181 ._placeHolder_xuwli_258,
+._small_xuwli_181 ._input_xuwli_1 {
   height: calc(var(--size-sm) - 2px);
   line-height: calc(var(--size-sm) - 2px);
 }
-._groupOrderFirst_1jh9i_294,
-._groupOrderMiddle_1jh9i_295 {
+._groupOrderFirst_xuwli_297,
+._groupOrderMiddle_xuwli_298 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_1jh9i_299,
-._groupOrderMiddle_1jh9i_295 {
+._groupOrderLast_xuwli_302,
+._groupOrderMiddle_xuwli_298 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._detailedLabel_1jh9i_304 {
+._detailedLabel_xuwli_307 {
   width: 100%;
 }
-._detailedLabel_1jh9i_304 :first-child {
+._detailedLabel_xuwli_307 :first-child {
   float: left;
   position: absolute;
   padding-right: 5px;
 }
-._detailedLabel_1jh9i_304 :last-child {
+._detailedLabel_xuwli_307 :last-child {
   float: right;
 }
 ._paginationContainer_1tmz4_1 {
@@ -9048,80 +9059,80 @@ button:active .remirror-menu-pane-shortcut,
   text-overflow: ellipsis;
   flex-shrink: 0;
 }
-._inputInTable_1458a_1 {
+._inputInTable_28mh5_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1458a_1:not(:hover) {
+._inputInTable_28mh5_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1458a_1:not(:focus) {
+._inputInTable_28mh5_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1458a_13 {
+._inputHover_28mh5_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1458a_18 {
+._inputFocus_28mh5_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1458a_25,
-._inputWarning_1458a_26 {
+._inputError_28mh5_25,
+._inputWarning_28mh5_26 {
   position: relative;
 }
-._inputError_1458a_25 {
+._inputError_28mh5_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1458a_25:hover {
+._inputError_28mh5_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1458a_25:focus {
+._inputError_28mh5_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1458a_26 {
+._inputWarning_28mh5_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1458a_26:hover {
+._inputWarning_28mh5_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1458a_26:focus {
+._inputWarning_28mh5_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1458a_61 {
+._inputDisabled_28mh5_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1458a_67 {
+._hideScrollbars_28mh5_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1458a_67::-webkit-scrollbar {
+._hideScrollbars_28mh5_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -9134,7 +9145,7 @@ html[data-theme='dark'] {
   --color-background-table-row-tinted: var(--color-neutral-850);
   --color-border-table: var(--color-neutral-700);
 }
-._wrapper_1458a_87 {
+._wrapper_28mh5_87 {
   border-radius: inherit;
   max-height: 100%;
   max-width: 100%;
@@ -9142,21 +9153,21 @@ html[data-theme='dark'] {
   flex-direction: column;
   overflow: hidden;
 }
-._wrapper_1458a_87._bordered_1458a_95 {
+._wrapper_28mh5_87._bordered_28mh5_95 {
   border-radius: var(--border-radius);
   border: 1px solid var(--color-border-table);
 }
-._scroll_1458a_99 {
+._scroll_28mh5_99 {
   overflow-y: auto;
   border-radius: inherit;
   flex: 1;
   min-height: 0;
 }
-._scroll_1458a_99:not(:first-child) {
+._scroll_28mh5_99:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-._table_1458a_109 {
+._table_28mh5_109 {
   background: var(--color-background-raised);
   color: var(--color-text);
   border-collapse: separate;
@@ -9164,38 +9175,37 @@ html[data-theme='dark'] {
   border-radius: inherit;
   width: 100%;
 }
-._table_1458a_109 > :first-child {
+._table_28mh5_109 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_1458a_109 > :first-child > :first-child {
+._table_28mh5_109 > :first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_1458a_109 > :first-child > :first-child > :first-child {
+._table_28mh5_109 > :first-child > :first-child > :first-child {
   border-top-left-radius: inherit;
 }
-._table_1458a_109 > :first-child > :first-child > :last-child {
+._table_28mh5_109 > :first-child > :first-child > :last-child {
   border-top-right-radius: inherit;
 }
-._table_1458a_109 > :last-child {
+._table_28mh5_109 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_1458a_109 > :last-child > :last-child {
+._table_28mh5_109 > :last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_1458a_109 > :last-child > :last-child > :first-child {
+._table_28mh5_109 > :last-child > :last-child > :first-child {
   border-bottom-left-radius: inherit;
 }
-._table_1458a_109 > :last-child > :last-child > :last-child {
+._table_28mh5_109 > :last-child > :last-child > :last-child {
   border-bottom-right-radius: inherit;
 }
 th,
 td {
   padding: var(--padding-input) !important;
-  line-height: var(--line-height);
   height: var(--size);
   background: inherit;
   border-color: var(--color-border-table);
@@ -9206,10 +9216,10 @@ th:not(:first-child),
 td:not(:first-child) {
   border-left-width: 1px;
 }
-._table_1458a_109 > *:not(:last-child) > tr th,
-._table_1458a_109 > *:not(:last-child) > tr td,
-._table_1458a_109 > *:last-child > tr:not(:last-child) th,
-._table_1458a_109 > *:last-child > tr:not(:last-child) td {
+._table_28mh5_109 > *:not(:last-child) > tr th,
+._table_28mh5_109 > *:not(:last-child) > tr td,
+._table_28mh5_109 > *:last-child > tr:not(:last-child) th,
+._table_28mh5_109 > *:last-child > tr:not(:last-child) td {
   border-bottom-width: 1px;
 }
 @-moz-document url-prefix() {
@@ -9236,13 +9246,13 @@ tbody {
 tbody tr {
   background-color: var(--color-background-raised);
 }
-._striped_1458a_189 tbody tr:nth-child(even) {
+._striped_28mh5_188 tbody tr:nth-child(even) {
   background-color: var(--color-background-table-row-tinted);
 }
-._title_1vehb_1 {
+._title_1hgtl_1 {
   background-color: var(--color-background);
   border-bottom: 1px solid var(--color-border-table);
-  padding: var(--padding-input);
+  padding: var(--spacing-1) var(--padding-card-x);
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -9264,183 +9274,183 @@ tbody tr {
   justify-content: space-between;
   border-top: 1px solid var(--color-border-table);
 }
-._inputInTable_mg1i8_1 {
+._inputInTable_1qou3_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_mg1i8_1:not(:hover) {
+._inputInTable_1qou3_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_mg1i8_1:not(:focus) {
+._inputInTable_1qou3_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_mg1i8_13 {
+._inputHover_1qou3_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_mg1i8_18 {
+._inputFocus_1qou3_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_mg1i8_25,
-._inputWarning_mg1i8_26 {
+._inputError_1qou3_25,
+._inputWarning_1qou3_26 {
   position: relative;
 }
-._inputError_mg1i8_25 {
+._inputError_1qou3_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_mg1i8_25:hover {
+._inputError_1qou3_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_mg1i8_25:focus {
+._inputError_1qou3_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_mg1i8_26 {
+._inputWarning_1qou3_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_mg1i8_26:hover {
+._inputWarning_1qou3_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_mg1i8_26:focus {
+._inputWarning_1qou3_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_mg1i8_61 {
+._inputDisabled_1qou3_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_mg1i8_67 {
+._hideScrollbars_1qou3_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_mg1i8_67::-webkit-scrollbar {
+._hideScrollbars_1qou3_67::-webkit-scrollbar {
   display: none;
 }
-._cell_mg1i8_77 a {
+._cell_1qou3_77 a {
   cursor: pointer;
   color: var(--color-text-primary);
 }
-._cell_mg1i8_77 a:hover {
+._cell_1qou3_77 a:hover {
   color: var(--color-text-primary-hover);
 }
-._cell_mg1i8_77 a:active {
+._cell_1qou3_77 a:active {
   color: var(--color-text-primary-active);
 }
-._cell_mg1i8_77 a._disabledLink_mg1i8_87 {
+._cell_1qou3_77 a._disabledLink_1qou3_87 {
   color: var(--color-text-faint) !important;
   cursor: default !important;
 }
-._inputWrapper_mg1i8_91 {
+._inputWrapper_1qou3_91 {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_mg1i8_91 > span,
-._inputWrapper_mg1i8_91 > span > span,
-._inputWrapper_mg1i8_91 > span > span > div {
+._inputWrapper_1qou3_91 > span,
+._inputWrapper_1qou3_91 > span > span,
+._inputWrapper_1qou3_91 > span > span > div {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_mg1i8_91 > div,
-._inputWrapper_mg1i8_91 > div > span {
+._inputWrapper_1qou3_91 > div,
+._inputWrapper_1qou3_91 > div > span {
   height: 100%;
   border-radius: inherit;
 }
-._breakWord_mg1i8_106 {
+._breakWord_1qou3_106 {
   word-break: break-word;
 }
-._inputCell_mg1i8_109 {
+._inputCell_1qou3_109 {
   padding: 0 !important;
 }
-._sliderCell_mg1i8_112 {
+._sliderCell_1qou3_112 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
-._staticCell_mg1i8_116 {
+._staticCell_1qou3_116 {
   padding: 0 !important;
 }
-._staticCell_mg1i8_116 ._staticCellContent_mg1i8_119 {
+._staticCell_1qou3_116 ._staticCellContent_1qou3_119 {
+  line-height: 1.25;
   min-height: 100%;
   padding: var(--padding-input);
-  line-height: var(--line-height);
   position: relative;
   border-radius: inherit;
   display: flex;
   align-items: center;
 }
-tbody ._staticCell_mg1i8_116 ._staticCellContent_mg1i8_119 {
+tbody ._staticCell_1qou3_116 ._staticCellContent_1qou3_119 {
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._staticCell_mg1i8_116 ._staticCellContent_mg1i8_119._error_mg1i8_132,
-._staticCell_mg1i8_116 ._staticCellContent_mg1i8_119._warning_mg1i8_133 {
+._staticCell_1qou3_116 ._staticCellContent_1qou3_119._error_1qou3_132,
+._staticCell_1qou3_116 ._staticCellContent_1qou3_119._warning_1qou3_133 {
   border: 1px solid transparent;
 }
-._staticCell_mg1i8_116 ._staticCellContent_mg1i8_119._error_mg1i8_132 {
+._staticCell_1qou3_116 ._staticCellContent_1qou3_119._error_1qou3_132 {
   background-color: var(--color-background-error);
 }
-._staticCell_mg1i8_116 ._staticCellContent_mg1i8_119._warning_mg1i8_133 {
+._staticCell_1qou3_116 ._staticCellContent_1qou3_119._warning_1qou3_133 {
   background-color: var(--color-background-warning);
 }
-._staticCell_mg1i8_116 ._staticCellContent_mg1i8_119._unit_mg1i8_142 {
+._staticCell_1qou3_116 ._staticCellContent_1qou3_119._unit_1qou3_142 {
   font-weight: normal;
 }
-._sortingCell_mg1i8_145 ._staticCellContent_mg1i8_119 {
+._sortingCell_1qou3_145 ._staticCellContent_1qou3_119 {
   position: relative;
   padding-right: 45px !important;
   cursor: pointer !important;
 }
-._sortingCell_mg1i8_145 ._staticCellContent_mg1i8_119:hover {
+._sortingCell_1qou3_145 ._staticCellContent_1qou3_119:hover {
   background-color: rgba(0, 0, 0, 0.05) !important;
 }
-._sortingCell_mg1i8_145 ._sortingCellIcon_mg1i8_153 {
+._sortingCell_1qou3_145 ._sortingCellIcon_1qou3_153 {
   font-size: 1.25em;
   position: absolute;
   right: calc(var(--padding-input-x) - 4px);
   top: 50%;
   transform: translateY(-50%);
 }
-._icon_mg1i8_160 {
+._icon_1qou3_160 {
   display: inline-flex;
   margin-left: var(--spacing-1);
 }
-._checkBoxCell_mg1i8_164 {
+._checkBoxCell_1qou3_164 {
   padding-block: 0 !important;
   width: var(--size);
 }
-._iconCell_mg1i8_168 {
+._iconCell_1qou3_168 {
   width: var(--size);
   text-align: center;
   padding: 0 !important;
 }
-._iconCell_mg1i8_168 ._iconWrapper_mg1i8_173 {
+._iconCell_1qou3_168 ._iconWrapper_1qou3_173 {
   display: flex;
   justify-content: center;
 }
-._actionsCell_mg1i8_177 {
+._actionsCell_1qou3_177 {
   width: var(--size-sm);
   padding: 0 calc((var(--size) - var(--size-sm)) / 2) !important;
   position: sticky;
@@ -9448,60 +9458,60 @@ tbody ._staticCell_mg1i8_116 ._staticCellContent_mg1i8_119 {
   background: inherit;
   z-index: 4;
 }
-._rightAligned_mg1i8_185 {
+._rightAligned_1qou3_185 {
   text-align: right !important;
 }
-._rightAligned_mg1i8_185 ._staticCellContent_mg1i8_119 {
+._rightAligned_1qou3_185 ._staticCellContent_1qou3_119 {
   justify-content: flex-end;
 }
-._centerAligned_mg1i8_191 {
+._centerAligned_1qou3_191 {
   text-align: center !important;
 }
-._centerAligned_mg1i8_191 ._staticCellContent_mg1i8_119 {
+._centerAligned_1qou3_191 ._staticCellContent_1qou3_119 {
   justify-content: center;
 }
-._leftAligned_mg1i8_197 {
+._leftAligned_1qou3_197 {
   text-align: left !important;
 }
-._popover_mg1i8_200 {
+._popover_1qou3_200 {
   padding: var(--padding-input);
 }
-._disabledPointerEvents_mg1i8_203 {
+._disabledPointerEvents_1qou3_203 {
   pointer-events: none;
 }
-._clickableRow_vlcbs_1 {
+._clickableRow_11d5t_1 {
   cursor: pointer;
 }
-._hoverableRow_vlcbs_4:not(._rowActive_vlcbs_4):hover,
-._clickableRow_vlcbs_1:not(._rowActive_vlcbs_4):hover {
+._hoverableRow_11d5t_4:not(._rowActive_11d5t_4):hover,
+._clickableRow_11d5t_1:not(._rowActive_11d5t_4):hover {
   background-color: var(--color-background-listitem-hover) !important;
 }
-._expandableRow_vlcbs_8._flush_vlcbs_8 {
+._expandableRow_11d5t_8._flush_11d5t_8 {
   padding: 0 !important;
   height: auto !important;
 }
-._rowActive_vlcbs_4 {
+._rowActive_11d5t_4 {
   position: relative;
   background-color: var(--color-background-listitem-active) !important;
 }
-._rowActive_vlcbs_4:after {
+._rowActive_11d5t_4:after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
-  width: 5px;
+  width: 2px;
   border-top-left-radius: inherit;
   border-bottom-left-radius: inherit;
   transition: background 0.3s;
   background: var(--color-background-primary);
 }
-._dragIconCell_vlcbs_28 {
+._dragIconCell_11d5t_28 {
   width: var(--size);
   min-width: var(--size);
   position: relative;
 }
-._dragIcon_vlcbs_28 {
+._dragIcon_11d5t_28 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -9509,29 +9519,29 @@ tbody ._staticCell_mg1i8_116 ._staticCellContent_mg1i8_119 {
   inset: 0;
   color: var(--color-text-faint);
 }
-._dragIcon_vlcbs_28:hover {
+._dragIcon_11d5t_28:hover {
   color: var(--color-text-primary-hover);
 }
-._dragIcon_vlcbs_28:active {
+._dragIcon_11d5t_28:active {
   color: var(--color-text-primary-active);
 }
-._tabs_le5rg_1 {
+._tabs_n706w_1 {
   display: flex;
   flex-wrap: wrap;
   border-bottom: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._tabs_le5rg_1._padding_le5rg_7 {
+._tabs_n706w_1._padding_n706w_7 {
   padding-left: var(--padding-x);
   padding-right: var(--padding-x);
 }
-._tabs_le5rg_1._margin_le5rg_11 {
+._tabs_n706w_1._margin_n706w_11 {
   margin: 1rem 0;
 }
-._contentPadding_le5rg_14 {
+._contentPadding_n706w_14 {
   padding-top: 10px;
 }
-._item_le5rg_17 {
+._item_n706w_17 {
   align-self: flex-end;
   display: flex;
   align-items: center;
@@ -9541,7 +9551,7 @@ tbody ._staticCell_mg1i8_116 ._staticCellContent_mg1i8_119 {
   text-decoration: none;
   flex: 0 0 auto;
   user-select: none;
-  padding: 0.85714286em 0;
+  padding: var(--spacing-2) 0;
   transition: border 0.1s ease, color 0.1s ease;
   margin-bottom: -1px;
   border-bottom: 1px solid transparent;
@@ -9549,36 +9559,36 @@ tbody ._staticCell_mg1i8_116 ._staticCellContent_mg1i8_119 {
   color: var(--color-text-primary);
   cursor: pointer;
 }
-._item_le5rg_17:not(:last-child) {
+._item_n706w_17:not(:last-child) {
   margin-right: var(--spacing-4);
 }
-._item_le5rg_17:hover:not(._active_le5rg_38) {
+._item_n706w_17:hover:not(._active_n706w_38) {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.025);
 }
-[data-theme='dark'] ._item_le5rg_17:hover:not(._active_le5rg_38) {
+[data-theme='dark'] ._item_n706w_17:hover:not(._active_n706w_38) {
   background: rgba(255, 255, 255, 0.1);
 }
-._item_le5rg_17:active:not(._active_le5rg_38) {
+._item_n706w_17:active:not(._active_n706w_38) {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.05);
 }
-[data-theme='dark'] ._item_le5rg_17:active:not(._active_le5rg_38) {
+[data-theme='dark'] ._item_n706w_17:active:not(._active_n706w_38) {
   background: rgba(255, 255, 255, 0.2);
 }
-._item_le5rg_17._active_le5rg_38 {
+._item_n706w_17._active_n706w_38 {
   border-color: var(--color-text);
   color: var(--color-text);
   cursor: default;
 }
-._item_le5rg_17._hidden_le5rg_57 {
+._item_n706w_17._hidden_n706w_57 {
   display: none !important;
 }
-._item_le5rg_17._disabled_le5rg_60 {
+._item_n706w_17._disabled_n706w_60 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_le5rg_17._left_le5rg_64 + ._item_le5rg_17._right_le5rg_64 {
+._item_n706w_17._left_n706w_64 + ._item_n706w_17._right_n706w_64 {
   margin-left: auto;
 }
 ._inputInTable_hyht1_1 {