@oliasoft-open-source/react-ui-library 4.0.0-beta-21 → 4.0.0-beta-22

package/dist/global.css

@@ -601,8 +601,8 @@ a {
 html[data-theme='dark'] {
   color-scheme: dark;
   --color-text: var(--color-neutral-100);
-  --color-text-muted: var(--color-neutral-350);
-  --color-text-faint: var(--color-neutral-600);
+  --color-text-muted: var(--color-neutral-300);
+  --color-text-faint: var(--color-neutral-500);
   --color-text-primary: var(--color-primary-450);
   --color-text-primary-active: var(--color-primary-350);
   --color-text-primary-hover: var(--color-primary-400);
@@ -970,17 +970,17 @@ a {
 ._contentWrapper_1p7x7_16 {
   border-radius: inherit;
 }
-._wrapper_5n8qf_1 {
+._wrapper_2zria_1 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_5n8qf_5 ._wrapper_5n8qf_1 {
+._layer_2zria_5 ._wrapper_2zria_1 {
   width: 100%;
 }
-._layerContainer_5n8qf_8 {
+._layerContainer_2zria_8 {
   z-index: var(--zindex-dropdown);
 }
-._layer_5n8qf_5 {
+._layer_2zria_5 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -992,178 +992,178 @@ a {
   position: relative;
   overflow-y: auto;
 }
-._layer_5n8qf_5._nested_5n8qf_23 {
+._layer_2zria_5._nested_2zria_23 {
   margin: -1px 2px;
 }
-._layer_5n8qf_5 ul {
+._layer_2zria_5 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_5n8qf_5 ul li {
+._layer_2zria_5 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_5n8qf_35 {
+._fileInput_2zria_35 {
   width: 100%;
   height: 100%;
   opacity: 0;
   position: absolute;
 }
-._trigger_5n8qf_41 {
+._trigger_2zria_41 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   max-width: 100%;
 }
-._layer_5n8qf_5 ._trigger_5n8qf_41 {
+._layer_2zria_5 ._trigger_2zria_41 {
   width: 100%;
 }
-._middleAlignedInline_5n8qf_50 {
+._middleAlignedInline_2zria_50 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_5n8qf_56 {
+._heading_2zria_56 {
   color: var(--color-text-muted);
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: var(--font-size-sm);
 }
-._heading_5n8qf_56 ._headingIcon_5n8qf_62 {
+._heading_2zria_56 ._headingIcon_2zria_62 {
   float: right;
 }
-._heading_5n8qf_56 ._headingIcon_5n8qf_62 svg {
+._heading_2zria_56 ._headingIcon_2zria_62 svg {
   color: var(--color-text-faint);
 }
-._heading_5n8qf_56 ._headingIcon_5n8qf_62:hover {
+._heading_2zria_56 ._headingIcon_2zria_62:hover {
   cursor: pointer;
 }
-._heading_5n8qf_56 ._headingIcon_5n8qf_62:hover svg {
+._heading_2zria_56 ._headingIcon_2zria_62:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_5n8qf_74 {
+._option_2zria_74 {
   color: inherit;
   display: block;
 }
-._heading_5n8qf_56,
-._option_5n8qf_74,
-._layer_5n8qf_5 ._trigger_5n8qf_41 {
+._heading_2zria_56,
+._option_2zria_74,
+._layer_2zria_5 ._trigger_2zria_41 {
   padding: var(--padding-input);
   border: 1px solid transparent;
 }
-._option_5n8qf_74,
-._layer_5n8qf_5 ._trigger_5n8qf_41 {
+._option_2zria_74,
+._layer_2zria_5 ._trigger_2zria_41 {
   line-height: var(--line-height);
   display: flex;
   align-items: flex-start;
 }
-._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 {
+._option_2zria_74:hover,
+._layer_2zria_5 ._trigger_2zria_41:hover,
+._option_2zria_74._active_2zria_92,
+._layer_2zria_5 ._trigger_2zria_41._active_2zria_92 {
   background-color: var(--color-background-listitem-hover);
   cursor: pointer;
 }
-._option_5n8qf_74._selected_5n8qf_97 {
+._option_2zria_74._selected_2zria_97 {
   background-color: var(--color-background-listitem-active);
-  font-weight: bold;
 }
-._layer_5n8qf_5 ._trigger_5n8qf_41 {
+._layer_2zria_5 ._trigger_2zria_41 {
   align-items: center;
 }
-._optionContent_5n8qf_104 {
+._optionContent_2zria_103 {
   flex-wrap: wrap;
   margin-right: auto;
   position: relative;
 }
-._inline_5n8qf_109 ._optionContent_5n8qf_104 {
+._inline_2zria_108 ._optionContent_2zria_103 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_5n8qf_114,
-._check_5n8qf_115 {
+._icon_2zria_113,
+._check_2zria_114 {
   display: flex;
   flex-shrink: 1;
   width: var(--size-xs);
   height: var(--line-height);
+  font-size: 1.25em;
   justify-content: center;
   align-items: center;
 }
-._icon_5n8qf_114 {
+._icon_2zria_113 {
   margin-right: var(--spacing-2);
   color: var(--color-text-primary);
 }
-._icon_5n8qf_114:empty {
+._icon_2zria_113:empty {
   display: none;
 }
-._icon_5n8qf_114 img {
+._icon_2zria_113 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._text_5n8qf_136 {
+._text_2zria_136 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_5n8qf_141 {
+._label_2zria_141 {
   margin-right: auto;
 }
-._label_5n8qf_141,
-._heading_5n8qf_56 {
+._label_2zria_141,
+._heading_2zria_56 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_5n8qf_152 {
+._description_2zria_152 {
   color: #999;
   display: block;
 }
-._arrow_5n8qf_156 {
+._arrow_2zria_156 {
   margin-left: var(--spacing-1);
   display: flex;
 }
-._divider_5n8qf_160 {
+._divider_2zria_160 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_5n8qf_164 {
+._deprecatedSemanticIcon_2zria_164 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_5n8qf_168 {
+._disabled_2zria_168 {
   color: var(--color-text-faint);
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_5n8qf_173 {
+._buttonLabel_2zria_173 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
 }
-._buttonCaret_5n8qf_179 {
+._buttonCaret_2zria_179 {
   display: flex;
   margin-left: var(--spacing-1);
 }
-._component_5n8qf_183 {
+._component_2zria_183 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_5n8qf_189 {
+._right_2zria_189 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_5n8qf_194 {
+._actions_2zria_194 {
   margin-left: var(--spacing-2);
   display: flex;
   align-items: center;
@@ -1711,7 +1711,7 @@ html[data-theme='dark'] {
   margin: 0 var(--spacing-2);
   color: var(--color-border);
 }
-._label_1m8h2_1 {
+._label_iu2wi_1 {
   display: inline-block;
   width: auto;
   margin: 0 0.85714286em 0 0;
@@ -1721,13 +1721,12 @@ html[data-theme='dark'] {
   color: var(--color-text);
   text-transform: none;
 }
-._buttonGroup_1m8h2_11 {
+._buttonGroup_iu2wi_11 {
   display: inline-flex;
   flex-direction: row;
   vertical-align: baseline;
-  margin: 0 0.25em 0 0;
 }
-._buttonGroup_1m8h2_11 > *:not(:last-child) {
+._buttonGroup_iu2wi_11 > *:not(:last-child) {
   margin-right: -1px;
 }
 ._card_1febj_1 {
@@ -1850,30 +1849,30 @@ html[data-theme='dark'] {
 ._icons_16g9g_20 > * {
   margin-left: var(--spacing-1);
 }
-._dialog_122co_1 {
+._dialog_gpudp_1 {
   border-radius: var(--border-radius);
   background: var(--color-background-raised);
   line-height: var(--line-height);
   color: var(--color-text);
-  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1);
+  box-shadow: var(--shadow-layer);
   display: flex;
   flex-direction: column;
 }
-._dialog_122co_1 > :first-child {
+._dialog_gpudp_1 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._dialog_122co_1 > :last-child {
+._dialog_gpudp_1 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._dialog_122co_1._inline_122co_18 {
+._dialog_gpudp_1._inline_gpudp_18 {
   display: inline-flex;
 }
-._dialog_122co_1._scroll_122co_21 {
+._dialog_gpudp_1._scroll_gpudp_21 {
   max-height: 100%;
 }
-._header_122co_24 {
+._header_gpudp_24 {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
@@ -1882,28 +1881,28 @@ html[data-theme='dark'] {
   border-bottom: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._header_122co_24 ._dismiss_122co_33 {
+._header_gpudp_24 ._dismiss_gpudp_33 {
   margin-right: calc(var(--spacing-1) * -1);
   margin-left: var(--spacing-2);
   flex-shrink: 0;
 }
-._content_122co_38 {
+._content_gpudp_38 {
   flex-grow: 1;
 }
-._scroll_122co_21 ._content_122co_38 {
+._scroll_gpudp_21 ._content_gpudp_38 {
   overflow: auto;
   min-height: 0;
   height: 100%;
   flex: 1 1 auto;
 }
-._footer_122co_47 {
+._footer_gpudp_47 {
   display: flex;
   padding: var(--padding);
   background-color: var(--color-background);
   border-top: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._footer_122co_47 button:not(:last-child) {
+._footer_gpudp_47 button:not(:last-child) {
   margin-right: var(--spacing-3);
 }
 ._inputInTable_1yqw7_1 {
@@ -2453,123 +2452,123 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._inputInTable_1ygse_1 {
+._inputInTable_3ijn4_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1ygse_1:not(:hover) {
+._inputInTable_3ijn4_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1ygse_1:not(:focus) {
+._inputInTable_3ijn4_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1ygse_13 {
+._inputHover_3ijn4_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1ygse_18 {
+._inputFocus_3ijn4_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1ygse_25,
-._inputWarning_1ygse_26 {
+._inputError_3ijn4_25,
+._inputWarning_3ijn4_26 {
   position: relative;
 }
-._inputError_1ygse_25 {
+._inputError_3ijn4_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1ygse_25:hover {
+._inputError_3ijn4_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1ygse_25:focus {
+._inputError_3ijn4_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1ygse_26 {
+._inputWarning_3ijn4_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1ygse_26:hover {
+._inputWarning_3ijn4_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1ygse_26:focus {
+._inputWarning_3ijn4_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1ygse_61 {
+._inputDisabled_3ijn4_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1ygse_67 {
+._hideScrollbars_3ijn4_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1ygse_67::-webkit-scrollbar {
+._hideScrollbars_3ijn4_67::-webkit-scrollbar {
   display: none;
 }
-._header_1ygse_77 ._headerTitle_1ygse_77,
-._heading_1ygse_78 ._itemHeader_1ygse_78 {
+._header_3ijn4_77 ._headerTitle_3ijn4_77,
+._heading_3ijn4_78 ._itemHeader_3ijn4_78 {
   transition: opacity 0.3s;
 }
-._narrow_1ygse_81 ._header_1ygse_77 ._headerTitle_1ygse_77,
-._narrow_1ygse_81 ._heading_1ygse_78 ._itemHeader_1ygse_78 {
+._narrow_3ijn4_81 ._header_3ijn4_77 ._headerTitle_3ijn4_77,
+._narrow_3ijn4_81 ._heading_3ijn4_78 ._itemHeader_3ijn4_78 {
   opacity: 0;
 }
-._stickyHeader_1ygse_85 {
+._stickyHeader_3ijn4_85 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_1ygse_78 {
+._itemHeader_3ijn4_78 {
   padding: var(--spacing-2) var(--padding-x);
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_1ygse_78 ._title_1ygse_96 {
+._itemHeader_3ijn4_78 ._title_3ijn4_96 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_1ygse_78 ._name_1ygse_102 {
+._itemHeader_3ijn4_78 ._name_3ijn4_102 {
   font-weight: 400;
 }
-._itemHeader_1ygse_78 ._iconTooltipMargin_1ygse_105 {
+._itemHeader_3ijn4_78 ._iconTooltipMargin_3ijn4_105 {
   margin-left: var(--spacing-2);
 }
-._itemHeader_1ygse_78 ._bold_1ygse_108 {
+._itemHeader_3ijn4_78 ._bold_3ijn4_108 {
   font-weight: bold;
 }
-._header_1ygse_77 {
+._header_3ijn4_77 {
   padding: var(--padding);
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--color-border);
 }
-._toggleNarrow_1ygse_117 {
+._toggleNarrow_3ijn4_117 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -2578,16 +2577,16 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_1ygse_117:hover {
+._toggleNarrow_3ijn4_117:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_1ygse_117:active {
+._toggleNarrow_3ijn4_117:active {
   color: var(--color-text-primary-active);
 }
-._narrow_1ygse_81 ._toggleNarrow_1ygse_117 {
+._narrow_3ijn4_81 ._toggleNarrow_3ijn4_117 {
   transform: scaleX(-1);
 }
-._drag_1ygse_135 {
+._drag_3ijn4_135 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
@@ -2598,28 +2597,28 @@ html[data-theme='dark'] {
   height: 19px;
   width: 19px;
 }
-._drag_1ygse_135:hover {
+._drag_3ijn4_135:hover {
   color: var(--color-text-primary-hover);
 }
-._drag_1ygse_135:active {
+._drag_3ijn4_135:active {
   color: var(--color-text-primary-active);
 }
-._list_1ygse_152 {
+._list_3ijn4_152 {
   flex-shrink: 0;
   background: var(--color-background);
 }
-._list_1ygse_152._bordered_1ygse_156:first-child,
-._list_1ygse_152._bordered_1ygse_156:first-child > :first-child {
+._list_3ijn4_152._bordered_3ijn4_156:first-child,
+._list_3ijn4_152._bordered_3ijn4_156:first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._list_1ygse_152._bordered_1ygse_156:last-child,
-._list_1ygse_152._bordered_1ygse_156:last-child > :last-child {
+._list_3ijn4_152._bordered_3ijn4_156:last-child,
+._list_3ijn4_152._bordered_3ijn4_156:last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
   border-bottom: 0;
 }
-._item_1ygse_78 {
+._item_3ijn4_78 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -2630,7 +2629,7 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_1ygse_78:not(._heading_1ygse_78):after {
+._item_3ijn4_78:not(._heading_3ijn4_78):after {
   content: '';
   position: absolute;
   left: 0;
@@ -2641,98 +2640,99 @@ html[data-theme='dark'] {
   border-bottom-left-radius: inherit;
   transition: background 0.3s;
 }
-._item_1ygse_78._action_1ygse_189 {
+._item_3ijn4_78._action_3ijn4_189 {
   cursor: pointer;
 }
-._item_1ygse_78._action_1ygse_189:not(._active_1ygse_192):hover {
+._item_3ijn4_78._action_3ijn4_189:not(._active_3ijn4_192):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_1ygse_78._action_1ygse_189:not(._active_1ygse_192):hover:after {
+._item_3ijn4_78._action_3ijn4_189:not(._active_3ijn4_192):hover:after {
   background: rgba(0, 0, 0, 0.1);
 }
-._item_1ygse_78._active_1ygse_192 {
+._item_3ijn4_78._active_3ijn4_192 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_1ygse_78._active_1ygse_192:after {
+._item_3ijn4_78._active_3ijn4_192:after {
   background: var(--color-background-primary) !important;
 }
-._item_1ygse_78._disabled_1ygse_207 {
+._item_3ijn4_78._disabled_3ijn4_207 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_1ygse_78._heading_1ygse_78 {
+._item_3ijn4_78._heading_3ijn4_78 {
   color: var(--color-text-muted);
   background-color: transparent;
 }
-._item_1ygse_78._heading_1ygse_78._action_1ygse_189:hover {
+._item_3ijn4_78._heading_3ijn4_78._action_3ijn4_189:hover {
   color: var(--color-text-primary-hover);
 }
-._item_1ygse_78 ._label_1ygse_218 {
-  margin-right: 15px;
-  margin-left: -5px;
-  margin-top: -2px;
-  margin-bottom: -2px;
+._item_3ijn4_78 ._label_3ijn4_218 {
+  display: flex;
+  align-items: center;
+  margin-right: var(--spacing-2);
   flex-shrink: 0;
 }
-._item_1ygse_78 ._details_1ygse_225,
-._item_1ygse_78 ._metadata_1ygse_226 {
+._item_3ijn4_78 ._details_3ijn4_224,
+._item_3ijn4_78 ._metadata_3ijn4_225 {
   display: block;
   width: 100%;
   font-weight: normal;
 }
-._item_1ygse_78 ._metadata_1ygse_226 {
+._item_3ijn4_78 ._metadata_3ijn4_225 {
   color: var(--color-text-muted);
 }
-._item_1ygse_78 ._itemContent_1ygse_234 {
+._item_3ijn4_78 ._itemContent_3ijn4_233 {
   padding: 0 var(--padding-x) var(--spacing-2);
   cursor: auto;
 }
-._item_1ygse_78 ._itemContent_1ygse_234:empty {
+._item_3ijn4_78 ._itemContent_3ijn4_233:empty {
   padding: inherit;
 }
-._indentIcon_1ygse_241 {
+._indentIcon_3ijn4_240 {
   color: var(--color-text-faint);
-  width: 20px;
   flex-shrink: 0;
+  margin-right: var(--spacing-1);
 }
-._expandIcon_1ygse_246 {
-  width: 20px;
+._expandIcon_3ijn4_245 {
   flex-shrink: 0;
   position: relative;
-  margin-top: 1px;
+  display: flex;
+  height: var(--line-height);
+  margin-right: var(--spacing-1);
 }
-._expandIcon_1ygse_246._expanded_1ygse_252 svg {
+._expandIcon_3ijn4_245._expanded_3ijn4_252 svg {
   transform: rotate(90deg);
 }
-._right_1ygse_255 {
+._right_3ijn4_255 {
   margin-left: auto;
   display: flex;
   align-items: center;
-  margin-top: -2px;
-  margin-bottom: -2px;
-  margin-right: -8px;
+  margin-top: calc((var(--line-height) - var(--size-sm)) / 2);
+  margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
+  margin-right: calc(var(--spacing-2) * -1);
+  min-height: var(--size-sm);
 }
-._actions_1ygse_263 {
+._actions_3ijn4_264 {
   margin-left: var(--spacing-2);
   display: flex;
   align-items: center;
 }
-._scrollableList_1ygse_268 {
+._scrollableList_3ijn4_269 {
   height: 100%;
   overflow-y: auto;
   scroll-behavior: smooth;
 }
-._hideScrollbar_1ygse_67 {
+._hideScrollbar_3ijn4_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_1ygse_67::-webkit-scrollbar {
+._hideScrollbar_3ijn4_67::-webkit-scrollbar {
   display: none;
 }
 ._loader_1g5vh_1 {
@@ -2790,80 +2790,80 @@ html[data-theme='dark'] {
 ._details_1g5vh_53 {
   margin-top: var(--spacing-2);
 }
-._inputInTable_145az_1 {
+._inputInTable_ks2y1_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_145az_1:not(:hover) {
+._inputInTable_ks2y1_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_145az_1:not(:focus) {
+._inputInTable_ks2y1_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_145az_13 {
+._inputHover_ks2y1_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_145az_18 {
+._inputFocus_ks2y1_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_145az_25,
-._inputWarning_145az_26 {
+._inputError_ks2y1_25,
+._inputWarning_ks2y1_26 {
   position: relative;
 }
-._inputError_145az_25 {
+._inputError_ks2y1_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_145az_25:hover {
+._inputError_ks2y1_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_145az_25:focus {
+._inputError_ks2y1_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_145az_26 {
+._inputWarning_ks2y1_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_145az_26:hover {
+._inputWarning_ks2y1_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_145az_26:focus {
+._inputWarning_ks2y1_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_145az_61 {
+._inputDisabled_ks2y1_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_145az_67 {
+._hideScrollbars_ks2y1_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_145az_67::-webkit-scrollbar {
+._hideScrollbars_ks2y1_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -2872,7 +2872,7 @@ html[data-theme='dark'] {
 html[data-theme='dark'] {
   --color-border-message: rgba(255, 255, 255, 0.1);
 }
-._container_145az_83 {
+._container_ks2y1_83 {
   padding: var(--padding-card);
   border-radius: var(--border-radius);
   display: inline-flex;
@@ -2887,77 +2887,77 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._container_145az_83::-webkit-scrollbar {
+._container_ks2y1_83::-webkit-scrollbar {
   display: none;
 }
-._container_145az_83._block_145az_101 {
+._container_ks2y1_83._block_ks2y1_101 {
   display: flex;
 }
-._container_145az_83._info_145az_104 {
+._container_ks2y1_83._info_ks2y1_104 {
   color: var(--color-text-info);
   background-color: var(--color-background-info);
 }
-._container_145az_83._success_145az_108 {
+._container_ks2y1_83._success_ks2y1_108 {
   color: var(--color-text-success);
   background-color: var(--color-background-success);
 }
-._container_145az_83._warning_145az_112 {
+._container_ks2y1_83._warning_ks2y1_112 {
   color: var(--color-text-warning);
   background-color: var(--color-background-warning);
 }
-._container_145az_83._error_145az_116 {
+._container_ks2y1_83._error_ks2y1_116 {
   color: var(--color-text-error);
   background-color: var(--color-background-error);
 }
-._content_145az_120 {
+._content_ks2y1_120 {
   flex: 1;
   min-width: 0;
 }
-._heading_145az_124 {
+._heading_ks2y1_124 {
   font-weight: bold;
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: var(--font-size-sm);
   line-height: var(--line-height);
 }
-._icon_145az_131 {
+._icon_ks2y1_131 {
   display: flex;
   justify-content: center;
   align-items: center;
   height: var(--line-height);
   margin-right: 12px;
-  font-size: 18px;
+  font-size: 1.25em;
 }
-._dismiss_145az_139 {
+._dismiss_ks2y1_139 {
   margin-left: 12px;
   color: var(--color-text);
 }
-._dismiss_145az_139._absolute_145az_143 {
+._dismiss_ks2y1_139._absolute_ks2y1_143 {
   position: absolute;
   top: var(--spacing-2);
   right: var(--spacing-3);
 }
-._dismiss_145az_139 {
+._dismiss_ks2y1_139 {
   display: flex;
   margin-top: -2px;
   margin-bottom: -2px;
   margin-right: -6px;
 }
-._legendToggle_145az_154 {
+._legendToggle_ks2y1_154 {
   opacity: 0.6;
 }
-._legendToggle_145az_154:hover {
+._legendToggle_ks2y1_154:hover {
   opacity: 0.8;
   cursor: pointer;
 }
-._legendToggle_145az_154:active {
+._legendToggle_ks2y1_154:active {
   opacity: 1;
 }
-._detailsText_145az_164 {
+._detailsText_ks2y1_164 {
   margin-top: var(--padding-y);
   word-break: break-word;
 }
-._footer_145az_168 {
+._footer_ks2y1_168 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--spacing-3);
@@ -3381,83 +3381,83 @@ html[data-theme='dark'] {
   display: inline;
   white-space: nowrap;
 }
-._inputInTable_xuwli_1 {
+._inputInTable_1st63_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_xuwli_1:not(:hover) {
+._inputInTable_1st63_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_xuwli_1:not(:focus) {
+._inputInTable_1st63_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_xuwli_13 {
+._inputHover_1st63_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_xuwli_18 {
+._inputFocus_1st63_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_xuwli_25,
-._inputWarning_xuwli_26 {
+._inputError_1st63_25,
+._inputWarning_1st63_26 {
   position: relative;
 }
-._inputError_xuwli_25 {
+._inputError_1st63_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_xuwli_25:hover {
+._inputError_1st63_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_xuwli_25:focus {
+._inputError_1st63_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_xuwli_26 {
+._inputWarning_1st63_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_xuwli_26:hover {
+._inputWarning_1st63_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_xuwli_26:focus {
+._inputWarning_1st63_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_xuwli_61 {
+._inputDisabled_1st63_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_xuwli_67 {
+._hideScrollbars_1st63_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_xuwli_67::-webkit-scrollbar {
+._hideScrollbars_1st63_67::-webkit-scrollbar {
   display: none;
 }
-._trigger_xuwli_77 {
+._trigger_1st63_77 {
   font-weight: normal;
   display: flex;
   align-items: center;
@@ -3469,107 +3469,107 @@ html[data-theme='dark'] {
   padding-left: var(--padding-input-x);
   box-shadow: var(--shadow-button);
 }
-._trigger_xuwli_77 input {
+._trigger_1st63_77 input {
   border: none !important;
   background: transparent !important;
 }
-._trigger_xuwli_77._isInTable_xuwli_93 {
+._trigger_1st63_77._isInTable_1st63_93 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._trigger_xuwli_77._isInTable_xuwli_93:not(:hover) {
+._trigger_1st63_77._isInTable_1st63_93:not(:hover) {
   border-color: transparent;
 }
-._trigger_xuwli_77._isInTable_xuwli_93:not(:focus) {
+._trigger_1st63_77._isInTable_1st63_93:not(:focus) {
   box-shadow: none;
 }
-._trigger_xuwli_77._isInTable_xuwli_93 ._input_xuwli_1 {
+._trigger_1st63_77._isInTable_1st63_93 ._input_1st63_1 {
   background: transparent !important;
 }
-._trigger_xuwli_77:hover {
+._trigger_1st63_77:hover {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
   cursor: pointer;
 }
-._trigger_xuwli_77._isOpen_xuwli_114,
-._trigger_xuwli_77:focus {
+._trigger_1st63_77._isOpen_1st63_114,
+._trigger_1st63_77:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_xuwli_77._error_xuwli_122 {
+._trigger_1st63_77._error_1st63_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_xuwli_77._error_xuwli_122:hover {
+._trigger_1st63_77._error_1st63_122:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._trigger_xuwli_77._error_xuwli_122:focus {
+._trigger_1st63_77._error_1st63_122:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_xuwli_77._warning_xuwli_139 {
+._trigger_1st63_77._warning_1st63_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_xuwli_77._warning_xuwli_139:hover {
+._trigger_1st63_77._warning_1st63_139:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._trigger_xuwli_77._warning_xuwli_139:focus {
+._trigger_1st63_77._warning_1st63_139:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_xuwli_77._disabled_xuwli_156 {
+._trigger_1st63_77._disabled_1st63_156 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._icons_xuwli_162 {
+._icons_1st63_162 {
   display: flex;
   flex-wrap: nowrap;
   flex-shrink: 0;
   position: relative;
   z-index: 2;
 }
-._icons_xuwli_162 ._clearAll_xuwli_169,
-._icons_xuwli_162 ._iconOpen_xuwli_170 {
+._icons_1st63_162 ._clearAll_1st63_169,
+._icons_1st63_162 ._iconOpen_1st63_170 {
   width: calc((var(--size) + var(--font-size)) / 2);
   height: var(--size);
   display: flex;
   justify-content: flex-start;
   align-items: center;
 }
-._disabled_xuwli_156 ._icons_xuwli_162 ._clearAll_xuwli_169,
-._disabled_xuwli_156 ._icons_xuwli_162 ._iconOpen_xuwli_170 {
+._disabled_1st63_156 ._icons_1st63_162 ._clearAll_1st63_169,
+._disabled_1st63_156 ._icons_1st63_162 ._iconOpen_1st63_170 {
   color: var(--color-text-faint);
 }
-._small_xuwli_181 ._icons_xuwli_162 ._clearAll_xuwli_169,
-._small_xuwli_181 ._icons_xuwli_162 ._iconOpen_xuwli_170 {
+._small_1st63_181 ._icons_1st63_162 ._clearAll_1st63_169,
+._small_1st63_181 ._icons_1st63_162 ._iconOpen_1st63_170 {
   width: calc((var(--size-sm) + var(--font-size-sm)) / 2);
   height: var(--size-sm);
 }
-._icons_xuwli_162 ._clearAll_xuwli_169:hover {
+._icons_1st63_162 ._clearAll_1st63_169:hover {
   color: var(--color-text-primary);
 }
-._triggerInputContainer_xuwli_189 {
+._triggerInputContainer_1st63_189 {
   display: flex;
   align-items: center;
   position: relative;
@@ -3578,28 +3578,28 @@ html[data-theme='dark'] {
   min-width: 0;
   margin-right: 4px;
 }
-._right_xuwli_198 ._triggerInputContainer_xuwli_189 {
+._right_1st63_198 ._triggerInputContainer_1st63_189 {
   justify-content: flex-end;
   text-align: right;
 }
-._right_xuwli_198 ._triggerInputContainer_xuwli_189 input {
+._right_1st63_198 ._triggerInputContainer_1st63_189 input {
   padding-right: 0;
   padding-left: 0;
   text-align: right;
   width: 0;
 }
-._right_xuwli_198 ._triggerInputContainer_xuwli_189 input:focus {
+._right_1st63_198 ._triggerInputContainer_1st63_189 input:focus {
   width: auto;
 }
-._multiOptions_xuwli_211 {
+._multiOptions_1st63_211 {
   display: flex;
   overflow: hidden;
   margin-left: calc((var(--spacing-1) * -1) - 2px);
 }
-._multiOptions_xuwli_211:empty {
+._multiOptions_1st63_211:empty {
   display: none !important;
 }
-._multiOptions_xuwli_211 ._multiOption_xuwli_211 {
+._multiOptions_1st63_211 ._multiOption_1st63_211 {
   user-select: none;
   pointer-events: none;
   display: inline-flex;
@@ -3616,13 +3616,13 @@ html[data-theme='dark'] {
   flex-shrink: 0;
   margin-right: 2px;
 }
-._small_xuwli_181 ._multiOptions_xuwli_211 ._multiOption_xuwli_211 {
+._small_1st63_181 ._multiOptions_1st63_211 ._multiOption_1st63_211 {
   height: calc(var(--size-sm) - 6px);
 }
-._multiOptions_xuwli_211 ._multiOption_xuwli_211 ._label_xuwli_239 {
+._multiOptions_1st63_211 ._multiOption_1st63_211 ._label_1st63_239 {
   white-space: nowrap;
 }
-._multiOptions_xuwli_211 ._multiOption_xuwli_211 ._closeMultiOption_xuwli_242 {
+._multiOptions_1st63_211 ._multiOption_1st63_211 ._closeMultiOption_1st63_242 {
   flex-shrink: 0;
   display: flex;
   align-items: center;
@@ -3632,13 +3632,13 @@ html[data-theme='dark'] {
   opacity: 0.25;
   aspect-ratio: 1;
 }
-._multiOptions_xuwli_211 ._multiOption_xuwli_211 ._closeMultiOption_xuwli_242:hover,
-._multiOptions_xuwli_211 ._multiOption_xuwli_211 ._closeMultiOption_xuwli_242._focus_xuwli_253 {
+._multiOptions_1st63_211 ._multiOption_1st63_211 ._closeMultiOption_1st63_242:hover,
+._multiOptions_1st63_211 ._multiOption_1st63_211 ._closeMultiOption_1st63_242._focus_1st63_253 {
   opacity: 1;
   outline: 0;
 }
-._selectedSingleValue_xuwli_257,
-._placeHolder_xuwli_258 {
+._selectedSingleValue_1st63_257,
+._placeHolder_1st63_258 {
   line-height: calc(var(--size) - 2px);
   right: 0;
   left: 0;
@@ -3648,10 +3648,10 @@ html[data-theme='dark'] {
   display: block;
   position: absolute;
 }
-._placeHolder_xuwli_258 {
+._placeHolder_1st63_258 {
   color: var(--color-text-placeholder);
 }
-._input_xuwli_1 {
+._input_1st63_1 {
   font-family: var(--font-family);
   background-color: transparent;
   border: none;
@@ -3659,43 +3659,43 @@ html[data-theme='dark'] {
   padding: 0;
   width: 0;
 }
-._input_xuwli_1._error_xuwli_122 {
+._input_1st63_1._error_1st63_122 {
   color: var(--color-text-error) !important;
 }
-._input_xuwli_1:focus {
+._input_1st63_1:focus {
   outline: none;
   width: auto;
 }
-._small_xuwli_181 {
+._small_1st63_181 {
   height: var(--size-sm);
   font-size: var(--font-size-sm);
   padding-left: var(--padding-input-sm-x);
 }
-._small_xuwli_181 ._selectedSingleValue_xuwli_257,
-._small_xuwli_181 ._placeHolder_xuwli_258,
-._small_xuwli_181 ._input_xuwli_1 {
+._small_1st63_181 ._selectedSingleValue_1st63_257,
+._small_1st63_181 ._placeHolder_1st63_258,
+._small_1st63_181 ._input_1st63_1 {
   height: calc(var(--size-sm) - 2px);
   line-height: calc(var(--size-sm) - 2px);
 }
-._groupOrderFirst_xuwli_297,
-._groupOrderMiddle_xuwli_298 {
+._groupOrderFirst_1st63_297,
+._groupOrderMiddle_1st63_298 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_xuwli_302,
-._groupOrderMiddle_xuwli_298 {
+._groupOrderLast_1st63_302,
+._groupOrderMiddle_1st63_298 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._detailedLabel_xuwli_307 {
+._detailedLabel_1st63_307 {
   width: 100%;
 }
-._detailedLabel_xuwli_307 :first-child {
+._detailedLabel_1st63_307 :first-child {
   float: left;
   position: absolute;
-  padding-right: 5px;
+  padding-right: var(--spacing-1);
 }
-._detailedLabel_xuwli_307 :last-child {
+._detailedLabel_1st63_307 :last-child {
   float: right;
 }
 ._paginationContainer_1tmz4_1 {
@@ -3783,17 +3783,17 @@ html[data-theme='dark'] {
   font-weight: bold;
   z-index: 1;
 }
-._wrapper_p8i3d_1._inline_p8i3d_1 {
+._wrapper_1huel_1._inline_1huel_1 {
   display: flex;
   align-items: center;
 }
-._wrapper_p8i3d_1._inline_p8i3d_1 ._radio_p8i3d_5:not(:last-child) {
+._wrapper_1huel_1._inline_1huel_1 ._radio_1huel_5:not(:last-child) {
   margin-right: var(--spacing-3);
 }
-._wrapper_p8i3d_1 ._labelMargin_p8i3d_8 {
-  margin-right: 10px;
+._wrapper_1huel_1 ._labelMargin_1huel_8 {
+  margin-right: var(--spacing-3);
 }
-._radio_p8i3d_5 {
+._radio_1huel_5 {
   --size-radio: var(--size-xs);
   margin: calc((var(--size) - var(--size-radio)) / 2) 0;
   position: relative;
@@ -3809,16 +3809,16 @@ html[data-theme='dark'] {
   min-width: var(--size-radio);
   outline: 0px;
 }
-._radio_p8i3d_5._small_p8i3d_27 {
+._radio_1huel_5._small_1huel_27 {
   --size-radio: calc(var(--size-xs) - 4px);
   margin: calc((var(--size-sm) - var(--size-radio)) / 2) 0;
   font-size: var(--font-size-sm);
 }
-._radio_p8i3d_5._noMargin_p8i3d_32 {
+._radio_1huel_5._noMargin_1huel_32 {
   margin-top: 0;
   margin-bottom: 0;
 }
-._radio_p8i3d_5 input {
+._radio_1huel_5 input {
   cursor: pointer;
   position: absolute;
   top: 0;
@@ -3829,7 +3829,7 @@ html[data-theme='dark'] {
   height: var(--size-radio);
   z-index: -1;
 }
-._radio_p8i3d_5 label {
+._radio_1huel_5 label {
   cursor: pointer;
   position: relative;
   display: block;
@@ -3838,8 +3838,8 @@ html[data-theme='dark'] {
   color: var(--color-text);
   transition: color 0.1s ease;
 }
-._radio_p8i3d_5 label:before,
-._radio_p8i3d_5 label:after {
+._radio_1huel_5 label:before,
+._radio_1huel_5 label:after {
   content: '';
   position: absolute;
   top: 0;
@@ -3850,45 +3850,45 @@ html[data-theme='dark'] {
   border-radius: 50%;
   transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
 }
-._radio_p8i3d_5 label:before {
+._radio_1huel_5 label:before {
   background: var(--color-background-input);
   border: 1px solid var(--color-border-checkbox);
   transform: none;
 }
-._radio_p8i3d_5 label:hover:before {
+._radio_1huel_5 label:hover:before {
   border-color: var(--color-border-hover);
 }
-._radio_p8i3d_5 label:after {
+._radio_1huel_5 label:after {
   border: none;
   transform: scale(0.46666667);
   background-color: white;
   box-shadow: var(--shadow-button);
   opacity: 0;
 }
-._radio_p8i3d_5 input:checked ~ label:before {
+._radio_1huel_5 input:checked ~ label:before {
   background-color: var(--color-background-primary);
   border-color: transparent;
 }
-._radio_p8i3d_5 input:checked ~ label:after {
+._radio_1huel_5 input:checked ~ label:after {
   opacity: 1;
 }
-._radio_p8i3d_5._disabled_p8i3d_90 {
+._radio_1huel_5._disabled_1huel_90 {
   cursor: default;
   pointer-events: none;
 }
-._radio_p8i3d_5._disabled_p8i3d_90 label {
+._radio_1huel_5._disabled_1huel_90 label {
   color: var(--color-text-muted);
 }
-._radio_p8i3d_5._disabled_p8i3d_90 label:before {
+._radio_1huel_5._disabled_1huel_90 label:before {
   background-color: var(--color-background-disabled) !important;
 }
-._radio_p8i3d_5._disabled_p8i3d_90 input:checked ~ label:before {
+._radio_1huel_5._disabled_1huel_90 input:checked ~ label:before {
   border-color: var(--color-border-checkbox);
 }
-._radio_p8i3d_5._disabled_p8i3d_90 input:checked ~ label:after {
+._radio_1huel_5._disabled_1huel_90 input:checked ~ label:after {
   background-color: var(--color-border-checkbox);
 }
-._isInTable_p8i3d_106 {
+._isInTable_1huel_106 {
   margin: 0;
   position: relative;
   top: 1px;
@@ -8527,121 +8527,121 @@ button:active .remirror-menu-pane-shortcut,
   min-height: 0;
   flex-shrink: 0;
 }
-._inputInTable_m7vt5_1 {
+._inputInTable_kett7_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_m7vt5_1:not(:hover) {
+._inputInTable_kett7_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_m7vt5_1:not(:focus) {
+._inputInTable_kett7_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_m7vt5_13 {
+._inputHover_kett7_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_m7vt5_18 {
+._inputFocus_kett7_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_m7vt5_25,
-._inputWarning_m7vt5_26 {
+._inputError_kett7_25,
+._inputWarning_kett7_26 {
   position: relative;
 }
-._inputError_m7vt5_25 {
+._inputError_kett7_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_m7vt5_25:hover {
+._inputError_kett7_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_m7vt5_25:focus {
+._inputError_kett7_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_m7vt5_26 {
+._inputWarning_kett7_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_m7vt5_26:hover {
+._inputWarning_kett7_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_m7vt5_26:focus {
+._inputWarning_kett7_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_m7vt5_61 {
+._inputDisabled_kett7_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_m7vt5_67 {
+._hideScrollbars_kett7_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_m7vt5_67::-webkit-scrollbar {
+._hideScrollbars_kett7_67::-webkit-scrollbar {
   display: none;
 }
 :root {
   --color-background-sidebar: var(--color-neutral-1000);
 }
-._sidebar_m7vt5_80 {
+._sidebar_kett7_80 {
   background-color: var(--color-background-sidebar);
   color: white;
   position: relative;
   padding: var(--padding-y) 0;
 }
 @media print {
-  ._sidebar_m7vt5_80 {
+  ._sidebar_kett7_80 {
     display: none;
   }
 }
-._inner_m7vt5_91 {
+._inner_kett7_91 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._inner_m7vt5_91::-webkit-scrollbar {
+._inner_kett7_91::-webkit-scrollbar {
   display: none;
 }
-._title_m7vt5_101,
-._subtitle_m7vt5_102,
-._label_m7vt5_103 {
+._title_kett7_101,
+._subtitle_kett7_102,
+._label_kett7_103 {
   transition: opacity 0.2s, max-height 0.2s, margin 0.2s, color 0.2s;
   max-height: 50px;
 }
-._collapsed_m7vt5_107 ._title_m7vt5_101,
-._collapsed_m7vt5_107 ._subtitle_m7vt5_102,
-._collapsed_m7vt5_107 ._label_m7vt5_103 {
+._collapsed_kett7_107 ._title_kett7_101,
+._collapsed_kett7_107 ._subtitle_kett7_102,
+._collapsed_kett7_107 ._label_kett7_103 {
   opacity: 0;
   max-height: 0;
   margin-bottom: 0;
   margin-top: 0;
 }
-._title_m7vt5_101 {
+._title_kett7_101 {
   overflow: hidden;
   max-width: 100%;
   text-overflow: ellipsis;
@@ -8650,19 +8650,19 @@ button:active .remirror-menu-pane-shortcut,
   font-size: var(--font-size-lg);
   padding: 0 var(--padding-x);
 }
-._subtitle_m7vt5_102 {
-  margin-bottom: 0.75rem;
+._subtitle_kett7_102 {
+  margin-bottom: var(--padding-y);
   white-space: nowrap;
   font-size: var(--font-size-sm);
   letter-spacing: 0.1em;
   opacity: 0.6;
   padding: 0 var(--padding-x);
 }
-._list_m7vt5_132 {
-  margin-bottom: 2rem;
+._list_kett7_132 {
+  margin-bottom: var(--padding-y);
   margin-top: 0;
 }
-._item_m7vt5_136 {
+._item_kett7_136 {
   min-height: var(--size-lg);
   transition: padding 0.2s;
   font-size: var(--font-size-lg);
@@ -8672,54 +8672,54 @@ button:active .remirror-menu-pane-shortcut,
   padding: 0 var(--padding-x);
   align-items: center;
 }
-._collapsed_m7vt5_107 ._item_m7vt5_136 {
+._collapsed_kett7_107 ._item_kett7_136 {
   padding: 0 9px;
 }
-._item_m7vt5_136:focus {
+._item_kett7_136:focus {
   outline: none;
 }
-._item_m7vt5_136::-moz-focus-inner {
+._item_kett7_136::-moz-focus-inner {
   border: 0;
 }
-._item_m7vt5_136:hover,
-._item_m7vt5_136:focus {
+._item_kett7_136:hover,
+._item_kett7_136:focus {
   color: var(--color-primary-400);
 }
-._item_m7vt5_136:active {
+._item_kett7_136:active {
   color: var(--color-primary-300);
 }
-._item_m7vt5_136._active_m7vt5_162 {
+._item_kett7_136._active_kett7_162 {
   color: white;
   background: black;
 }
-._item_m7vt5_136._experimental_m7vt5_166 {
+._item_kett7_136._experimental_kett7_166 {
   background: #40130b;
 }
-._icon_m7vt5_169 {
-  margin-right: 10px;
+._icon_kett7_169 {
+  margin-right: var(--spacing-3);
   line-height: 0;
   flex-shrink: 0;
   transition: opacity 0.4s;
   opacity: 0.4;
   display: block;
 }
-._item_m7vt5_136:hover ._icon_m7vt5_169,
-._item_m7vt5_136:focus ._icon_m7vt5_169 {
+._item_kett7_136:hover ._icon_kett7_169,
+._item_kett7_136:focus ._icon_kett7_169 {
   opacity: 0.6;
 }
-._item_m7vt5_136:active ._icon_m7vt5_169 {
+._item_kett7_136:active ._icon_kett7_169 {
   opacity: 0.8;
 }
-._item_m7vt5_136._active_m7vt5_162 ._icon_m7vt5_169 {
+._item_kett7_136._active_kett7_162 ._icon_kett7_169 {
   opacity: 1;
 }
-._icon_m7vt5_169 > * {
+._icon_kett7_169 > * {
   opacity: 1;
 }
-._icon_m7vt5_169 > span {
+._icon_kett7_169 > span {
   display: block;
 }
-._label_m7vt5_103 {
+._label_kett7_103 {
   white-space: nowrap;
   overflow: hidden;
 }
@@ -9029,111 +9029,111 @@ button:active .remirror-menu-pane-shortcut,
 .rc-slider-disabled .rc-slider-dot {
   cursor: default !important;
 }
-._container_zvsy3_1 {
+._container_k6ypd_1 {
   display: flex;
   align-items: center;
   min-height: var(--size);
   gap: 4px;
 }
-._container_zvsy3_1._small_zvsy3_7 {
+._container_k6ypd_1._small_k6ypd_7 {
   min-height: var(--size-sm);
 }
-._container_zvsy3_1._hasMarks_zvsy3_10 {
+._container_k6ypd_1._hasMarks_k6ypd_10 {
   padding-bottom: 20px;
 }
-._container_zvsy3_1._vertical_zvsy3_13 {
+._container_k6ypd_1._vertical_k6ypd_13 {
   flex-direction: column;
   padding-bottom: 0;
 }
-._container_zvsy3_1._vertical_zvsy3_13 ._hasArrows_zvsy3_17 {
+._container_k6ypd_1._vertical_k6ypd_13 ._hasArrows_k6ypd_17 {
   margin-top: 5px;
   margin-bottom: 5px;
 }
-._container_zvsy3_1._vertical_zvsy3_13 ._button_zvsy3_21 svg {
+._container_k6ypd_1._vertical_k6ypd_13 ._button_k6ypd_21 svg {
   transform: rotate(-90deg);
 }
-._label_zvsy3_24 {
+._label_k6ypd_24 {
   white-space: nowrap;
-  margin-left: 10px;
+  margin-left: var(--spacing-2);
   line-height: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   flex-shrink: 0;
 }
-._inputInTable_28mh5_1 {
+._inputInTable_1ssxi_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_28mh5_1:not(:hover) {
+._inputInTable_1ssxi_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_28mh5_1:not(:focus) {
+._inputInTable_1ssxi_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_28mh5_13 {
+._inputHover_1ssxi_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_28mh5_18 {
+._inputFocus_1ssxi_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_28mh5_25,
-._inputWarning_28mh5_26 {
+._inputError_1ssxi_25,
+._inputWarning_1ssxi_26 {
   position: relative;
 }
-._inputError_28mh5_25 {
+._inputError_1ssxi_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_28mh5_25:hover {
+._inputError_1ssxi_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_28mh5_25:focus {
+._inputError_1ssxi_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_28mh5_26 {
+._inputWarning_1ssxi_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_28mh5_26:hover {
+._inputWarning_1ssxi_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_28mh5_26:focus {
+._inputWarning_1ssxi_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_28mh5_61 {
+._inputDisabled_1ssxi_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_28mh5_67 {
+._hideScrollbars_1ssxi_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_28mh5_67::-webkit-scrollbar {
+._hideScrollbars_1ssxi_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -9142,11 +9142,11 @@ button:active .remirror-menu-pane-shortcut,
   --color-border-table: var(--color-neutral-200);
 }
 html[data-theme='dark'] {
-  --color-background-table-header: var(--color-neutral-750);
+  --color-background-table-header: var(--color-neutral-800);
   --color-background-table-row-tinted: var(--color-neutral-850);
   --color-border-table: var(--color-neutral-700);
 }
-._wrapper_28mh5_87 {
+._wrapper_1ssxi_87 {
   border-radius: inherit;
   max-height: 100%;
   max-width: 100%;
@@ -9154,21 +9154,21 @@ html[data-theme='dark'] {
   flex-direction: column;
   overflow: hidden;
 }
-._wrapper_28mh5_87._bordered_28mh5_95 {
+._wrapper_1ssxi_87._bordered_1ssxi_95 {
   border-radius: var(--border-radius);
   border: 1px solid var(--color-border-table);
 }
-._scroll_28mh5_99 {
+._scroll_1ssxi_99 {
   overflow-y: auto;
   border-radius: inherit;
   flex: 1;
   min-height: 0;
 }
-._scroll_28mh5_99:not(:first-child) {
+._scroll_1ssxi_99:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-._table_28mh5_109 {
+._table_1ssxi_109 {
   background: var(--color-background-raised);
   color: var(--color-text);
   border-collapse: separate;
@@ -9176,32 +9176,32 @@ html[data-theme='dark'] {
   border-radius: inherit;
   width: 100%;
 }
-._table_28mh5_109 > :first-child {
+._table_1ssxi_109 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_28mh5_109 > :first-child > :first-child {
+._table_1ssxi_109 > :first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_28mh5_109 > :first-child > :first-child > :first-child {
+._table_1ssxi_109 > :first-child > :first-child > :first-child {
   border-top-left-radius: inherit;
 }
-._table_28mh5_109 > :first-child > :first-child > :last-child {
+._table_1ssxi_109 > :first-child > :first-child > :last-child {
   border-top-right-radius: inherit;
 }
-._table_28mh5_109 > :last-child {
+._table_1ssxi_109 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_28mh5_109 > :last-child > :last-child {
+._table_1ssxi_109 > :last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_28mh5_109 > :last-child > :last-child > :first-child {
+._table_1ssxi_109 > :last-child > :last-child > :first-child {
   border-bottom-left-radius: inherit;
 }
-._table_28mh5_109 > :last-child > :last-child > :last-child {
+._table_1ssxi_109 > :last-child > :last-child > :last-child {
   border-bottom-right-radius: inherit;
 }
 th,
@@ -9217,10 +9217,10 @@ th:not(:first-child),
 td:not(:first-child) {
   border-left-width: 1px;
 }
-._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 {
+._table_1ssxi_109 > *:not(:last-child) > tr th,
+._table_1ssxi_109 > *:not(:last-child) > tr td,
+._table_1ssxi_109 > *:last-child > tr:not(:last-child) th,
+._table_1ssxi_109 > *:last-child > tr:not(:last-child) td {
   border-bottom-width: 1px;
 }
 @-moz-document url-prefix() {
@@ -9247,7 +9247,7 @@ tbody {
 tbody tr {
   background-color: var(--color-background-raised);
 }
-._striped_28mh5_188 tbody tr:nth-child(even) {
+._striped_1ssxi_188 tbody tr:nth-child(even) {
   background-color: var(--color-background-table-row-tinted);
 }
 ._title_1hgtl_1 {
@@ -9275,125 +9275,125 @@ tbody tr {
   justify-content: space-between;
   border-top: 1px solid var(--color-border-table);
 }
-._inputInTable_1qou3_1 {
+._inputInTable_hyzeo_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1qou3_1:not(:hover) {
+._inputInTable_hyzeo_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1qou3_1:not(:focus) {
+._inputInTable_hyzeo_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1qou3_13 {
+._inputHover_hyzeo_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1qou3_18 {
+._inputFocus_hyzeo_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1qou3_25,
-._inputWarning_1qou3_26 {
+._inputError_hyzeo_25,
+._inputWarning_hyzeo_26 {
   position: relative;
 }
-._inputError_1qou3_25 {
+._inputError_hyzeo_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1qou3_25:hover {
+._inputError_hyzeo_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1qou3_25:focus {
+._inputError_hyzeo_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1qou3_26 {
+._inputWarning_hyzeo_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1qou3_26:hover {
+._inputWarning_hyzeo_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1qou3_26:focus {
+._inputWarning_hyzeo_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1qou3_61 {
+._inputDisabled_hyzeo_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1qou3_67 {
+._hideScrollbars_hyzeo_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1qou3_67::-webkit-scrollbar {
+._hideScrollbars_hyzeo_67::-webkit-scrollbar {
   display: none;
 }
-._cell_1qou3_77 a {
+._cell_hyzeo_77 a {
   cursor: pointer;
   color: var(--color-text-primary);
 }
-._cell_1qou3_77 a:hover {
+._cell_hyzeo_77 a:hover {
   color: var(--color-text-primary-hover);
 }
-._cell_1qou3_77 a:active {
+._cell_hyzeo_77 a:active {
   color: var(--color-text-primary-active);
 }
-._cell_1qou3_77 a._disabledLink_1qou3_87 {
+._cell_hyzeo_77 a._disabledLink_hyzeo_87 {
   color: var(--color-text-faint) !important;
   cursor: default !important;
 }
-._inputWrapper_1qou3_91 {
+._inputWrapper_hyzeo_91 {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_1qou3_91 > span,
-._inputWrapper_1qou3_91 > span > span,
-._inputWrapper_1qou3_91 > span > span > div {
+._inputWrapper_hyzeo_91 > span,
+._inputWrapper_hyzeo_91 > span > span,
+._inputWrapper_hyzeo_91 > span > span > div {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_1qou3_91 > div,
-._inputWrapper_1qou3_91 > div > span {
+._inputWrapper_hyzeo_91 > div,
+._inputWrapper_hyzeo_91 > div > span {
   height: 100%;
   border-radius: inherit;
 }
-._breakWord_1qou3_106 {
+._breakWord_hyzeo_106 {
   word-break: break-word;
 }
-._inputCell_1qou3_109 {
+._inputCell_hyzeo_109 {
   padding: 0 !important;
 }
-._sliderCell_1qou3_112 {
+._sliderCell_hyzeo_112 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
-._staticCell_1qou3_116 {
+._staticCell_hyzeo_116 {
   padding: 0 !important;
 }
-._staticCell_1qou3_116 ._staticCellContent_1qou3_119 {
+._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119 {
   line-height: 1.25;
   min-height: 100%;
   padding: var(--padding-input);
@@ -9402,56 +9402,63 @@ tbody tr {
   display: flex;
   align-items: center;
 }
-tbody ._staticCell_1qou3_116 ._staticCellContent_1qou3_119 {
+tbody ._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119 {
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._staticCell_1qou3_116 ._staticCellContent_1qou3_119._error_1qou3_132,
-._staticCell_1qou3_116 ._staticCellContent_1qou3_119._warning_1qou3_133 {
+._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119._error_hyzeo_132,
+._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119._warning_hyzeo_133 {
   border: 1px solid transparent;
 }
-._staticCell_1qou3_116 ._staticCellContent_1qou3_119._error_1qou3_132 {
+._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119._error_hyzeo_132 {
   background-color: var(--color-background-error);
 }
-._staticCell_1qou3_116 ._staticCellContent_1qou3_119._warning_1qou3_133 {
+._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119._warning_hyzeo_133 {
   background-color: var(--color-background-warning);
 }
-._staticCell_1qou3_116 ._staticCellContent_1qou3_119._unit_1qou3_142 {
+._staticCell_hyzeo_116 ._staticCellContent_hyzeo_119._unit_hyzeo_142 {
   font-weight: normal;
 }
-._sortingCell_1qou3_145 ._staticCellContent_1qou3_119 {
+._sortingCell_hyzeo_145 ._staticCellContent_hyzeo_119 {
   position: relative;
-  padding-right: 45px !important;
+  padding-right: calc(var(--size) + var(--spacing-1)) !important;
   cursor: pointer !important;
 }
-._sortingCell_1qou3_145 ._staticCellContent_1qou3_119:hover {
+._sortingCell_hyzeo_145 ._staticCellContent_hyzeo_119:hover {
   background-color: rgba(0, 0, 0, 0.05) !important;
 }
-._sortingCell_1qou3_145 ._sortingCellIcon_1qou3_153 {
+[data-theme='dark'] ._sortingCell_hyzeo_145 ._staticCellContent_hyzeo_119:hover {
+  background-color: rgba(255, 255, 255, 0.1) !important;
+}
+._sortingCell_hyzeo_145 ._sortingCellIcon_hyzeo_156 {
   font-size: 1.25em;
   position: absolute;
-  right: calc(var(--padding-input-x) - 4px);
+  right: calc(var(--padding-input-x) - var(--spacing-1));
   top: 50%;
   transform: translateY(-50%);
+  display: flex;
+}
+._sortingCell_hyzeo_145 ._sortingCellIcon_hyzeo_156 > * {
+  display: flex;
 }
-._icon_1qou3_160 {
+._icon_hyzeo_167 {
   display: inline-flex;
   margin-left: var(--spacing-1);
 }
-._checkBoxCell_1qou3_164 {
+._checkBoxCell_hyzeo_171 {
   padding-block: 0 !important;
   width: var(--size);
 }
-._iconCell_1qou3_168 {
+._iconCell_hyzeo_175 {
   width: var(--size);
   text-align: center;
   padding: 0 !important;
 }
-._iconCell_1qou3_168 ._iconWrapper_1qou3_173 {
+._iconCell_hyzeo_175 ._iconWrapper_hyzeo_180 {
   display: flex;
   justify-content: center;
 }
-._actionsCell_1qou3_177 {
+._actionsCell_hyzeo_184 {
   width: var(--size-sm);
   padding: 0 calc((var(--size) - var(--size-sm)) / 2) !important;
   position: sticky;
@@ -9459,25 +9466,25 @@ tbody ._staticCell_1qou3_116 ._staticCellContent_1qou3_119 {
   background: inherit;
   z-index: 4;
 }
-._rightAligned_1qou3_185 {
+._rightAligned_hyzeo_192 {
   text-align: right !important;
 }
-._rightAligned_1qou3_185 ._staticCellContent_1qou3_119 {
+._rightAligned_hyzeo_192 ._staticCellContent_hyzeo_119 {
   justify-content: flex-end;
 }
-._centerAligned_1qou3_191 {
+._centerAligned_hyzeo_198 {
   text-align: center !important;
 }
-._centerAligned_1qou3_191 ._staticCellContent_1qou3_119 {
+._centerAligned_hyzeo_198 ._staticCellContent_hyzeo_119 {
   justify-content: center;
 }
-._leftAligned_1qou3_197 {
+._leftAligned_hyzeo_204 {
   text-align: left !important;
 }
-._popover_1qou3_200 {
+._popover_hyzeo_207 {
   padding: var(--padding-input);
 }
-._disabledPointerEvents_1qou3_203 {
+._disabledPointerEvents_hyzeo_210 {
   pointer-events: none;
 }
 ._clickableRow_11d5t_1 {
@@ -9526,23 +9533,23 @@ tbody ._staticCell_1qou3_116 ._staticCellContent_1qou3_119 {
 ._dragIcon_11d5t_28:active {
   color: var(--color-text-primary-active);
 }
-._tabs_n706w_1 {
+._tabs_bpi2q_1 {
   display: flex;
   flex-wrap: wrap;
   border-bottom: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._tabs_n706w_1._padding_n706w_7 {
+._tabs_bpi2q_1._padding_bpi2q_7 {
   padding-left: var(--padding-x);
   padding-right: var(--padding-x);
 }
-._tabs_n706w_1._margin_n706w_11 {
+._tabs_bpi2q_1._margin_bpi2q_11 {
   margin: 1rem 0;
 }
-._contentPadding_n706w_14 {
-  padding-top: 10px;
+._contentPadding_bpi2q_14 {
+  padding-top: var(--padding-y);
 }
-._item_n706w_17 {
+._item_bpi2q_17 {
   align-self: flex-end;
   display: flex;
   align-items: center;
@@ -9560,36 +9567,36 @@ tbody ._staticCell_1qou3_116 ._staticCellContent_1qou3_119 {
   color: var(--color-text-primary);
   cursor: pointer;
 }
-._item_n706w_17:not(:last-child) {
+._item_bpi2q_17:not(:last-child) {
   margin-right: var(--spacing-4);
 }
-._item_n706w_17:hover:not(._active_n706w_38) {
+._item_bpi2q_17:hover:not(._active_bpi2q_38) {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.025);
 }
-[data-theme='dark'] ._item_n706w_17:hover:not(._active_n706w_38) {
+[data-theme='dark'] ._item_bpi2q_17:hover:not(._active_bpi2q_38) {
   background: rgba(255, 255, 255, 0.1);
 }
-._item_n706w_17:active:not(._active_n706w_38) {
+._item_bpi2q_17:active:not(._active_bpi2q_38) {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.05);
 }
-[data-theme='dark'] ._item_n706w_17:active:not(._active_n706w_38) {
+[data-theme='dark'] ._item_bpi2q_17:active:not(._active_bpi2q_38) {
   background: rgba(255, 255, 255, 0.2);
 }
-._item_n706w_17._active_n706w_38 {
+._item_bpi2q_17._active_bpi2q_38 {
   border-color: var(--color-text);
   color: var(--color-text);
   cursor: default;
 }
-._item_n706w_17._hidden_n706w_57 {
+._item_bpi2q_17._hidden_bpi2q_57 {
   display: none !important;
 }
-._item_n706w_17._disabled_n706w_60 {
+._item_bpi2q_17._disabled_bpi2q_60 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_n706w_17._left_n706w_64 + ._item_n706w_17._right_n706w_64 {
+._item_bpi2q_17._left_bpi2q_64 + ._item_bpi2q_17._right_bpi2q_64 {
   margin-left: auto;
 }
 ._inputInTable_hyht1_1 {
@@ -10439,7 +10446,7 @@ tbody ._staticCell_1qou3_116 ._staticCellContent_1qou3_119 {
 }
 
 .Toastify__toast .Toastify__toast-body > div > div {
-  padding-right: 35px;
+  padding-right: calc(var(--size-sm) + var(--padding-card-x) + var(--spacing-1));
 }
 
 /*# sourceMappingURL=toaster.less.map */:root {
@@ -10563,7 +10570,7 @@ tbody ._staticCell_1qou3_116 ._staticCellContent_1qou3_119 {
 [data-theme='dark'] {
   --color-link-border-hover: var(--color-neutral-600);
 }
-._topbar_jyzzy_7 {
+._topbar_hthqn_7 {
   top: 0;
   left: 0;
   z-index: var(--zindex-topbar);
@@ -10572,15 +10579,15 @@ tbody ._staticCell_1qou3_116 ._staticCellContent_1qou3_119 {
   background: var(--color-background-raised);
   display: flex;
 }
-._topbar_jyzzy_7._fixed_jyzzy_16 {
+._topbar_hthqn_7._fixed_hthqn_16 {
   position: fixed;
 }
 @media print {
-  ._topbar_jyzzy_7 {
+  ._topbar_hthqn_7 {
     display: none !important;
   }
 }
-._appSwitcher_jyzzy_24 {
+._appSwitcher_hthqn_24 {
   color: white;
   display: flex;
   align-items: center;
@@ -10589,22 +10596,22 @@ tbody ._staticCell_1qou3_116 ._staticCellContent_1qou3_119 {
   background-color: var(--color-neutral-700);
   aspect-ratio: 1;
 }
-._appSwitcher_jyzzy_24:hover {
+._appSwitcher_hthqn_24:hover {
   background-color: var(--color-neutral-750);
 }
-._appSwitcher_jyzzy_24:active {
+._appSwitcher_hthqn_24:active {
   background-color: var(--color-neutral-800);
 }
-[data-theme='dark'] ._appSwitcher_jyzzy_24 {
+[data-theme='dark'] ._appSwitcher_hthqn_24 {
   background-color: var(--color-neutral-900);
 }
-[data-theme='dark'] ._appSwitcher_jyzzy_24:hover {
+[data-theme='dark'] ._appSwitcher_hthqn_24:hover {
   background-color: var(--color-neutral-950);
 }
-[data-theme='dark'] ._appSwitcher_jyzzy_24:active {
+[data-theme='dark'] ._appSwitcher_hthqn_24:active {
   background-color: var(--color-neutral-1000);
 }
-._title_jyzzy_48 {
+._title_hthqn_48 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -10612,55 +10619,55 @@ tbody ._staticCell_1qou3_116 ._staticCellContent_1qou3_119 {
   padding: 0;
   position: relative;
 }
-._title_jyzzy_48 img,
-._title_jyzzy_48 svg {
-  max-height: 28px;
+._title_hthqn_48 img,
+._title_hthqn_48 svg {
+  max-height: var(--size-lg);
   max-width: 300px;
   height: auto;
   width: auto;
   color: var(--color-text);
 }
-._title_jyzzy_48 ._logo_jyzzy_64 {
+._title_hthqn_48 ._logo_hthqn_64 {
   display: flex;
 }
-._title_jyzzy_48 ._label_jyzzy_67 {
+._title_hthqn_48 ._label_hthqn_67 {
   color: var(--color-text);
   white-space: nowrap;
   font-weight: bold;
 }
-._brand_jyzzy_72 {
+._brand_hthqn_72 {
   padding: 0;
   position: relative;
   flex-shrink: 0;
 }
-._version_jyzzy_77 {
+._version_hthqn_77 {
   line-height: 1;
   position: absolute;
   right: 0;
   bottom: 100%;
   font-size: var(--font-size-xs);
 }
-._left_jyzzy_84,
-._right_jyzzy_85 {
+._left_hthqn_84,
+._right_hthqn_85 {
   display: flex;
   min-width: 0;
 }
-._left_jyzzy_84 {
+._left_hthqn_84 {
   gap: var(--spacing-4);
   padding-left: var(--spacing-4);
 }
-._right_jyzzy_85 {
+._right_hthqn_85 {
   margin-left: auto;
   flex-shrink: 0;
   padding-right: var(--spacing-2);
   gap: var(--spacing-2);
 }
-._item_jyzzy_99,
-._link_jyzzy_100 {
+._item_hthqn_99,
+._link_hthqn_100 {
   align-items: center;
   display: flex;
 }
-._item_jyzzy_99 {
+._item_hthqn_99 {
   position: relative;
   transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
   user-select: none;
@@ -10668,18 +10675,18 @@ tbody ._staticCell_1qou3_116 ._staticCellContent_1qou3_119 {
   min-width: 0;
   max-width: 50vw;
 }
-._item_jyzzy_99._button_jyzzy_112,
-._item_jyzzy_99._menu_jyzzy_113 {
+._item_hthqn_99._button_hthqn_112,
+._item_hthqn_99._menu_hthqn_113 {
   flex-shrink: 0;
 }
-._label_jyzzy_67 {
+._label_hthqn_67 {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   display: block;
   max-width: 100%;
 }
-._link_jyzzy_100 {
+._link_hthqn_100 {
   text-decoration: none;
   color: var(--color-text-primary);
   cursor: pointer;
@@ -10687,24 +10694,24 @@ tbody ._staticCell_1qou3_116 ._staticCellContent_1qou3_119 {
   font-weight: bold;
   height: 100%;
 }
-._link_jyzzy_100 svg {
-  margin-right: 5px;
+._link_hthqn_100 svg {
+  margin-right: var(--spacing-1);
   flex-shrink: 0;
 }
-._link_jyzzy_100:hover {
+._link_hthqn_100:hover {
   color: var(--color-text-primary-hover);
 }
-._link_jyzzy_100:active {
+._link_hthqn_100:active {
   color: var(--color-text-primary-active);
 }
-._link_jyzzy_100._active_jyzzy_141 {
+._link_hthqn_100._active_hthqn_141 {
   color: var(--color-text);
 }
-._link_jyzzy_100:hover,
-._link_jyzzy_100._active_jyzzy_141 {
+._link_hthqn_100:hover,
+._link_hthqn_100._active_hthqn_141 {
   background-color: transparent;
 }
-._link_jyzzy_100:after {
+._link_hthqn_100:after {
   content: '';
   position: absolute;
   left: 0;
@@ -10712,41 +10719,41 @@ tbody ._staticCell_1qou3_116 ._staticCellContent_1qou3_119 {
   bottom: 0;
   border-bottom: 2px solid transparent;
 }
-._link_jyzzy_100:hover:after {
+._link_hthqn_100:hover:after {
   border-color: var(--color-link-border-hover);
 }
-._link_jyzzy_100._active_jyzzy_141:after {
+._link_hthqn_100._active_hthqn_141:after {
   border-color: var(--color-background-primary);
 }
-._link_jyzzy_100[disabled] {
+._link_hthqn_100[disabled] {
   pointer-events: none;
   color: var(--color-text-faint);
 }
-._alert_jyzzy_166 {
+._alert_hthqn_166 {
   background-color: var(--color-background-primary);
   color: white;
   text-align: center;
   position: fixed;
-  top: 48px;
+  top: var(--size-xl);
   left: 0;
   right: 0;
   z-index: var(--zindex-topbar-alert);
-  padding: 0.75rem;
+  padding: var(--padding-card);
 }
-._popConfirm_qq07h_1 {
+._popConfirm_1l7dy_1 {
   max-width: 350px;
   display: flex;
   flex-direction: column;
-  gap: 15px;
+  gap: var(--padding-x);
 }
-._content_qq07h_7 {
+._content_1l7dy_7 {
   max-height: 200px;
   word-wrap: break-word;
   overflow-y: auto;
 }
-._buttons_qq07h_12 {
+._buttons_1l7dy_12 {
   display: flex;
-  gap: 15px;
+  gap: var(--padding-x);
   justify-content: center;
 }
 ._tree_7fki0_1 {