@oliasoft-open-source/react-ui-library 4.0.0-beta-58 → 4.0.0-beta-60

package/dist/global.css

@@ -499,26 +499,26 @@ a {
   --color-info-950: hsl(201.03092784, 52.90598291%, 7.5%);
   --color-info-1000: hsl(201.03092784, 52.90598291%, 2.5%);
   --color-neutral-0: hsl(0, 0%, 100%);
-  --color-neutral-50: hsl(60, 9.28571429%, 97.5%);
-  --color-neutral-100: hsl(60, 9.28571429%, 92.5%);
-  --color-neutral-150: hsl(60, 9.28571429%, 87.5%);
-  --color-neutral-200: hsl(60, 9.28571429%, 82.5%);
-  --color-neutral-250: hsl(60, 9.28571429%, 77.5%);
-  --color-neutral-300: hsl(60, 9.28571429%, 72.5%);
-  --color-neutral-350: hsl(60, 9.28571429%, 67.5%);
-  --color-neutral-400: hsl(60, 9.28571429%, 62.5%);
-  --color-neutral-450: hsl(60, 9.28571429%, 57.5%);
-  --color-neutral-500: hsl(60, 9.28571429%, 52.5%);
-  --color-neutral-550: hsl(60, 9.28571429%, 47.5%);
-  --color-neutral-600: hsl(60, 9.28571429%, 42.5%);
-  --color-neutral-650: hsl(60, 9.28571429%, 37.5%);
-  --color-neutral-700: hsl(60, 9.28571429%, 32.5%);
-  --color-neutral-750: hsl(60, 9.28571429%, 27.5%);
-  --color-neutral-800: hsl(60, 9.28571429%, 22.5%);
-  --color-neutral-850: hsl(60, 9.28571429%, 17.5%);
-  --color-neutral-900: hsl(60, 9.28571429%, 12.5%);
-  --color-neutral-950: hsl(60, 9.28571429%, 7.5%);
-  --color-neutral-1000: hsl(60, 9.28571429%, 2.5%);
+  --color-neutral-50: hsl(60, 25.71428571%, 97.5%);
+  --color-neutral-100: hsl(60, 25.71428571%, 92.5%);
+  --color-neutral-150: hsl(60, 25.71428571%, 87.5%);
+  --color-neutral-200: hsl(60, 25.71428571%, 82.5%);
+  --color-neutral-250: hsl(60, 25.71428571%, 77.5%);
+  --color-neutral-300: hsl(60, 25.71428571%, 72.5%);
+  --color-neutral-350: hsl(60, 25.71428571%, 67.5%);
+  --color-neutral-400: hsl(60, 25.71428571%, 62.5%);
+  --color-neutral-450: hsl(60, 25.71428571%, 57.5%);
+  --color-neutral-500: hsl(60, 25.71428571%, 52.5%);
+  --color-neutral-550: hsl(60, 25.71428571%, 47.5%);
+  --color-neutral-600: hsl(60, 25.71428571%, 42.5%);
+  --color-neutral-650: hsl(60, 25.71428571%, 37.5%);
+  --color-neutral-700: hsl(60, 25.71428571%, 32.5%);
+  --color-neutral-750: hsl(60, 25.71428571%, 27.5%);
+  --color-neutral-800: hsl(60, 25.71428571%, 22.5%);
+  --color-neutral-850: hsl(60, 25.71428571%, 17.5%);
+  --color-neutral-900: hsl(60, 25.71428571%, 12.5%);
+  --color-neutral-950: hsl(60, 25.71428571%, 7.5%);
+  --color-neutral-1000: hsl(60, 25.71428571%, 2.5%);
 }
 
 :root {
@@ -563,6 +563,7 @@ a {
   --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.1);
   --shadow-layer: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1),
     0 0 4px rgba(0, 0, 0, 0.1);
+  --shadow-focus: 0 0 0 2px rgba(255, 116, 15, 0.25);
   --color-text: var(--color-neutral-900);
   --color-text-muted: var(--color-neutral-650);
   --color-text-faint: var(--color-neutral-400);
@@ -578,14 +579,19 @@ a {
   --color-background-raised: white;
   --color-background-layer: white;
   --color-background-disabled: var(--color-neutral-100);
-  --color-background-info: var(--color-info-100);
-  --color-background-error: var(--color-error-100);
-  --color-background-success: var(--color-success-100);
-  --color-background-warning: var(--color-warning-100);
+  --color-background-info: var(--color-info-500);
+  --color-background-info-muted: var(--color-info-100);
+  --color-background-error: var(--color-error-500);
+  --color-background-error-muted: var(--color-error-100);
+  --color-background-success: var(--color-success-500);
+  --color-background-success-muted: var(--color-success-100);
+  --color-background-warning: var(--color-warning-500);
+  --color-background-warning-muted: var(--color-warning-100);
   --color-background-primary: var(--color-primary-500);
+  --color-background-primary-muted: var(--color-primary-100);
   --color-background-input: white;
   --color-background-cardheader: var(--color-neutral-50);
-  --color-background-listitem-active: var(--color-primary-100);
+  --color-background-listitem-active: var(--color-background-primary-muted);
   --color-background-listitem-hover: var(--color-neutral-100);
   --color-border: var(--color-neutral-250);
   --color-border-checkbox: var(--color-neutral-300);
@@ -595,7 +601,6 @@ a {
   --color-border-error-hover: var(--color-error-400);
   --color-border-warning: var(--color-warning-300);
   --color-border-warning-hover: var(--color-warning-400);
-  --shadow-focus: 0 0 0 2px rgba(255, 116, 15, 0.25);
 }
 
 html[data-theme='dark'] {
@@ -615,11 +620,16 @@ html[data-theme='dark'] {
   --color-background-raised: var(--color-neutral-800);
   --color-background-layer: var(--color-neutral-700);
   --color-background-disabled: var(--color-neutral-900);
-  --color-background-error: var(--color-error-800);
-  --color-background-info: var(--color-info-800);
-  --color-background-success: var(--color-success-800);
-  --color-background-warning: var(--color-warning-800);
+  --color-background-info: var(--color-info-500);
+  --color-background-info-muted: var(--color-info-800);
+  --color-background-error: var(--color-error-500);
+  --color-background-error-muted: var(--color-error-800);
+  --color-background-success: var(--color-success-500);
+  --color-background-success-muted: var(--color-success-800);
+  --color-background-warning: var(--color-warning-500);
+  --color-background-warning-muted: var(--color-warning-800);
   --color-background-primary: var(--color-primary-500);
+  --color-background-primary-muted: var(--color-primary-800);
   --color-background-cardheader: var(--color-neutral-850);
   --color-background-input: var(--color-neutral-800);
   --color-background-listitem-active: var(--color-primary-700);
@@ -971,80 +981,80 @@ a {
 ._contentWrapper_1cgsf_16 {
   border-radius: inherit;
 }
-._inputInTable_19gdq_1 {
+._inputInTable_1umhq_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_19gdq_1:not(:hover) {
+._inputInTable_1umhq_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_19gdq_1:not(:focus) {
+._inputInTable_1umhq_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_19gdq_13 {
+._inputHover_1umhq_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_19gdq_18 {
+._inputFocus_1umhq_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_19gdq_25,
-._inputWarning_19gdq_26 {
+._inputError_1umhq_25,
+._inputWarning_1umhq_26 {
   position: relative;
 }
-._inputError_19gdq_25 {
+._inputError_1umhq_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
-  background-color: var(--color-background-error);
+  background-color: var(--color-background-error-muted);
 }
-._inputError_19gdq_25:hover {
+._inputError_1umhq_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_19gdq_25:focus {
+._inputError_1umhq_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_19gdq_26 {
+._inputWarning_1umhq_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning);
+  background-color: var(--color-background-warning-muted);
 }
-._inputWarning_19gdq_26:hover {
+._inputWarning_1umhq_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_19gdq_26:focus {
+._inputWarning_1umhq_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_19gdq_61 {
+._inputDisabled_1umhq_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_19gdq_67 {
+._hideScrollbars_1umhq_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_19gdq_67::-webkit-scrollbar {
+._hideScrollbars_1umhq_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -1071,7 +1081,7 @@ html[data-theme='dark'] {
   --color-background-button-default-active: var(--color-neutral-700);
   --color-text-button-default-active: white;
 }
-._button_19gdq_101 {
+._button_1umhq_101 {
   cursor: pointer;
   display: inline-flex;
   align-items: center;
@@ -1096,233 +1106,233 @@ html[data-theme='dark'] {
   box-shadow: var(--shadow-button);
   font-weight: bold;
 }
-._button_19gdq_101:hover {
+._button_1umhq_101:hover {
   background: var(--color-background-button-default-hover);
 }
-._button_19gdq_101:focus {
+._button_1umhq_101:focus {
   box-shadow: var(--shadow-focus) !important;
 }
-._button_19gdq_101:active {
+._button_1umhq_101:active {
   background: var(--color-background-button-default-active);
   box-shadow: none;
 }
-._button_19gdq_101._active_19gdq_136:not(._green_19gdq_136):not(._red_19gdq_136):not(._orange_19gdq_136) {
+._button_1umhq_101._active_1umhq_136:not(._green_1umhq_136):not(._red_1umhq_136):not(._orange_1umhq_136) {
   border-color: var(--color-border-button-default-active);
   color: var(--color-text-button-default-active);
   position: relative;
   z-index: 2;
 }
-._button_19gdq_101:hover,
-._button_19gdq_101:focus,
-._button_19gdq_101:active {
+._button_1umhq_101:hover,
+._button_1umhq_101:focus,
+._button_1umhq_101:active {
   position: relative;
   z-index: 1;
 }
-._button_19gdq_101 ._icon_19gdq_148 {
+._button_1umhq_101 ._icon_1umhq_148 {
   margin: -2px;
   margin-right: var(--padding-xxs);
   font-size: var(--size-xs);
   display: flex;
 }
-._iconOnly_19gdq_154 {
+._iconOnly_1umhq_154 {
   width: var(--size);
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
-._iconOnly_19gdq_154 ._icon_19gdq_148 {
+._iconOnly_1umhq_154 ._icon_1umhq_148 {
   margin: 0;
   line-height: 0;
 }
-._basic_19gdq_164 {
+._basic_1umhq_164 {
   color: var(--color-text-primary);
   background: transparent;
   box-shadow: none !important;
   border: none !important;
 }
-._basic_19gdq_164._muted_19gdq_170 {
+._basic_1umhq_164._muted_1umhq_170 {
   color: var(--color-text-muted);
 }
-._basic_19gdq_164:hover {
+._basic_1umhq_164:hover {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.05);
 }
-[data-theme='dark'] ._basic_19gdq_164:hover {
+[data-theme='dark'] ._basic_1umhq_164:hover {
   background: rgba(255, 255, 255, 0.1);
 }
-._basic_19gdq_164:active,
-._basic_19gdq_164._active_19gdq_136 {
+._basic_1umhq_164:active,
+._basic_1umhq_164._active_1umhq_136 {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.1);
 }
-[data-theme='dark'] ._basic_19gdq_164:active,
-[data-theme='dark'] ._basic_19gdq_164._active_19gdq_136 {
+[data-theme='dark'] ._basic_1umhq_164:active,
+[data-theme='dark'] ._basic_1umhq_164._active_1umhq_136 {
   background: rgba(255, 255, 255, 0.2);
 }
-._disabled_19gdq_189 {
+._disabled_1umhq_189 {
   cursor: default;
   pointer-events: none !important;
   color: var(--color-text-faint) !important;
   box-shadow: none !important;
 }
-._disabled_19gdq_189:not(._active_19gdq_136):not(._basic_19gdq_164) {
+._disabled_1umhq_189:not(._active_1umhq_136):not(._basic_1umhq_164) {
   background: var(--color-background-disabled) !important;
   border: 1px solid var(--color-border) !important;
 }
-._small_19gdq_199 {
+._small_1umhq_199 {
   font-size: var(--font-size-sm);
   min-height: var(--size-sm);
   padding: var(--padding-input-sm);
 }
-._pill_19gdq_204,
-._round_19gdq_205 {
+._pill_1umhq_204,
+._round_1umhq_205 {
   border-radius: 19px;
   display: inline-flex;
   align-items: center;
 }
-._round_19gdq_205 {
+._round_1umhq_205 {
   padding: 0;
   width: var(--size);
   line-height: 1;
 }
-._round_19gdq_205._small_19gdq_199 {
+._round_1umhq_205._small_1umhq_199 {
   width: var(--size-sm);
 }
-._orange_19gdq_136:not(._basic_19gdq_164) {
+._orange_1umhq_136:not(._basic_1umhq_164) {
   background-color: var(--color-background-button-primary);
 }
-._orange_19gdq_136:not(._basic_19gdq_164):hover {
+._orange_1umhq_136:not(._basic_1umhq_164):hover {
   background-color: var(--color-background-button-primary-hover);
 }
-._orange_19gdq_136:not(._basic_19gdq_164):active,
-._orange_19gdq_136:not(._basic_19gdq_164)._active_19gdq_136 {
+._orange_1umhq_136:not(._basic_1umhq_164):active,
+._orange_1umhq_136:not(._basic_1umhq_164)._active_1umhq_136 {
   background-color: var(--color-background-button-primary-active);
 }
-._red_19gdq_136:not(._basic_19gdq_164) {
+._red_1umhq_136:not(._basic_1umhq_164) {
   background-color: var(--color-background-button-error);
 }
-._red_19gdq_136:not(._basic_19gdq_164):hover {
+._red_1umhq_136:not(._basic_1umhq_164):hover {
   background-color: var(--color-background-button-error-hover);
 }
-._red_19gdq_136:not(._basic_19gdq_164):active,
-._red_19gdq_136:not(._basic_19gdq_164)._active_19gdq_136 {
+._red_1umhq_136:not(._basic_1umhq_164):active,
+._red_1umhq_136:not(._basic_1umhq_164)._active_1umhq_136 {
   background-color: var(--color-background-button-error-active);
 }
-._red_19gdq_136._basic_19gdq_164 {
+._red_1umhq_136._basic_1umhq_164 {
   color: var(--color-text-error);
 }
-._green_19gdq_136:not(._basic_19gdq_164) {
+._green_1umhq_136:not(._basic_1umhq_164) {
   background-color: var(--color-background-button-success);
 }
-._green_19gdq_136:not(._basic_19gdq_164):hover {
+._green_1umhq_136:not(._basic_1umhq_164):hover {
   background-color: var(--color-background-button-success-hover);
 }
-._green_19gdq_136:not(._basic_19gdq_164):active,
-._green_19gdq_136:not(._basic_19gdq_164)._active_19gdq_136 {
+._green_1umhq_136:not(._basic_1umhq_164):active,
+._green_1umhq_136:not(._basic_1umhq_164)._active_1umhq_136 {
   background-color: var(--color-background-button-success-active);
 }
-._green_19gdq_136._basic_19gdq_164 {
+._green_1umhq_136._basic_1umhq_164 {
   color: var(--color-text-success);
 }
-._orange_19gdq_136,
-._red_19gdq_136,
-._green_19gdq_136 {
+._orange_1umhq_136,
+._red_1umhq_136,
+._green_1umhq_136 {
   border-color: var(--color-border-button);
 }
-._orange_19gdq_136:not(._basic_19gdq_164),
-._red_19gdq_136:not(._basic_19gdq_164),
-._green_19gdq_136:not(._basic_19gdq_164) {
+._orange_1umhq_136:not(._basic_1umhq_164),
+._red_1umhq_136:not(._basic_1umhq_164),
+._green_1umhq_136:not(._basic_1umhq_164) {
   color: #fff;
 }
-._orange_19gdq_136:not(._basic_19gdq_164):hover,
-._red_19gdq_136:not(._basic_19gdq_164):hover,
-._green_19gdq_136:not(._basic_19gdq_164):hover {
+._orange_1umhq_136:not(._basic_1umhq_164):hover,
+._red_1umhq_136:not(._basic_1umhq_164):hover,
+._green_1umhq_136:not(._basic_1umhq_164):hover {
   color: #fff;
 }
-._orange_19gdq_136:not(._basic_19gdq_164):active,
-._red_19gdq_136:not(._basic_19gdq_164):active,
-._green_19gdq_136:not(._basic_19gdq_164):active,
-._orange_19gdq_136:not(._basic_19gdq_164)._active_19gdq_136,
-._red_19gdq_136:not(._basic_19gdq_164)._active_19gdq_136,
-._green_19gdq_136:not(._basic_19gdq_164)._active_19gdq_136 {
+._orange_1umhq_136:not(._basic_1umhq_164):active,
+._red_1umhq_136:not(._basic_1umhq_164):active,
+._green_1umhq_136:not(._basic_1umhq_164):active,
+._orange_1umhq_136:not(._basic_1umhq_164)._active_1umhq_136,
+._red_1umhq_136:not(._basic_1umhq_164)._active_1umhq_136,
+._green_1umhq_136:not(._basic_1umhq_164)._active_1umhq_136 {
   color: #fff;
 }
-._error_19gdq_277 {
+._error_1umhq_277 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
-  background-color: var(--color-background-error);
+  background-color: var(--color-background-error-muted);
 }
-._error_19gdq_277:hover {
+._error_1umhq_277:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._error_19gdq_277:focus {
+._error_1umhq_277:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._warning_19gdq_294 {
+._warning_1umhq_294 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning);
+  background-color: var(--color-background-warning-muted);
 }
-._warning_19gdq_294:hover {
+._warning_1umhq_294:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._warning_19gdq_294:focus {
+._warning_1umhq_294:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inverted_19gdq_311 {
+._inverted_1umhq_311 {
   background-color: transparent;
   border-color: var(--color-text);
   box-shadow: none;
 }
-._inverted_19gdq_311:hover,
-._inverted_19gdq_311:active {
+._inverted_1umhq_311:hover,
+._inverted_1umhq_311:active {
   box-shadow: none;
 }
-._inverted_19gdq_311._orange_19gdq_136 {
+._inverted_1umhq_311._orange_1umhq_136 {
   color: var(--color-background-button-primary);
   border-color: var(--color-background-button-primary);
 }
-._inverted_19gdq_311._red_19gdq_136 {
+._inverted_1umhq_311._red_1umhq_136 {
   color: var(--color-background-button-error);
   border-color: var(--color-background-button-error);
 }
-._inverted_19gdq_311._green_19gdq_136 {
+._inverted_1umhq_311._green_1umhq_136 {
   color: var(--color-background-button-success);
   border-color: var(--color-background-button-success);
 }
-._inverted_19gdq_311._orange_19gdq_136:hover,
-._inverted_19gdq_311._red_19gdq_136:hover,
-._inverted_19gdq_311._green_19gdq_136:hover,
-._inverted_19gdq_311._orange_19gdq_136:active,
-._inverted_19gdq_311._red_19gdq_136:active,
-._inverted_19gdq_311._green_19gdq_136:active {
+._inverted_1umhq_311._orange_1umhq_136:hover,
+._inverted_1umhq_311._red_1umhq_136:hover,
+._inverted_1umhq_311._green_1umhq_136:hover,
+._inverted_1umhq_311._orange_1umhq_136:active,
+._inverted_1umhq_311._red_1umhq_136:active,
+._inverted_1umhq_311._green_1umhq_136:active {
   color: white;
   box-shadow: none;
 }
-._groupOrderFirst_19gdq_341,
-._groupOrderMiddle_19gdq_342,
-._groupOrderLast_19gdq_343 {
+._groupOrderFirst_1umhq_341,
+._groupOrderMiddle_1umhq_342,
+._groupOrderLast_1umhq_343 {
   margin-right: 0;
 }
-._groupOrderFirst_19gdq_341,
-._groupOrderMiddle_19gdq_342 {
+._groupOrderFirst_1umhq_341,
+._groupOrderMiddle_1umhq_342 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_19gdq_343,
-._groupOrderMiddle_19gdq_342 {
+._groupOrderLast_1umhq_343,
+._groupOrderMiddle_1umhq_342 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
@@ -1796,7 +1806,7 @@ html[data-theme='dark'] {
 ._icons_yhdiy_20 > * {
   margin-left: var(--padding-xxs);
 }
-._dialog_1ruhc_1 {
+._dialog_18g0k_1 {
   border-radius: var(--border-radius);
   background: var(--color-background-raised);
   line-height: var(--line-height);
@@ -1805,21 +1815,21 @@ html[data-theme='dark'] {
   display: flex;
   flex-direction: column;
 }
-._dialog_1ruhc_1 > :first-child {
+._dialog_18g0k_1 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._dialog_1ruhc_1 > :last-child {
+._dialog_18g0k_1 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._dialog_1ruhc_1._inline_1ruhc_18 {
+._dialog_18g0k_1._inline_18g0k_18 {
   display: inline-flex;
 }
-._dialog_1ruhc_1._scroll_1ruhc_21 {
+._dialog_18g0k_1._scroll_18g0k_21 {
   max-height: 100%;
 }
-._header_1ruhc_24 {
+._header_18g0k_24 {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
@@ -1828,104 +1838,104 @@ html[data-theme='dark'] {
   border-bottom: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._header_1ruhc_24 ._dismiss_1ruhc_33 {
+._header_18g0k_24 ._dismiss_18g0k_33 {
   margin-right: calc(var(--padding-xxs) * -1);
   margin-left: var(--padding-xs);
   flex-shrink: 0;
 }
-._content_1ruhc_38 {
+._content_18g0k_38 {
   flex-grow: 1;
 }
-._scroll_1ruhc_21 ._content_1ruhc_38 {
+._scroll_18g0k_21 ._content_18g0k_38 {
   overflow: auto;
   min-height: 0;
   height: 100%;
   flex: 1 1 auto;
 }
-._footer_1ruhc_47 {
+._footer_18g0k_47 {
   display: flex;
   padding: var(--padding-sm) var(--padding);
-  background-color: var(--color-background-raised);
+  background-color: var(--color-background-cardheader);
   border-top: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._footer_1ruhc_47 button:not(:last-child) {
+._footer_18g0k_47 button:not(:last-child) {
   margin-right: var(--padding-sm);
 }
-._inputInTable_ckzvq_1 {
+._inputInTable_1f7hn_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_ckzvq_1:not(:hover) {
+._inputInTable_1f7hn_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_ckzvq_1:not(:focus) {
+._inputInTable_1f7hn_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_ckzvq_13 {
+._inputHover_1f7hn_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_ckzvq_18 {
+._inputFocus_1f7hn_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_ckzvq_25,
-._inputWarning_ckzvq_26 {
+._inputError_1f7hn_25,
+._inputWarning_1f7hn_26 {
   position: relative;
 }
-._inputError_ckzvq_25 {
+._inputError_1f7hn_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
-  background-color: var(--color-background-error);
+  background-color: var(--color-background-error-muted);
 }
-._inputError_ckzvq_25:hover {
+._inputError_1f7hn_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_ckzvq_25:focus {
+._inputError_1f7hn_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_ckzvq_26 {
+._inputWarning_1f7hn_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning);
+  background-color: var(--color-background-warning-muted);
 }
-._inputWarning_ckzvq_26:hover {
+._inputWarning_1f7hn_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_ckzvq_26:focus {
+._inputWarning_1f7hn_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_ckzvq_61 {
+._inputDisabled_1f7hn_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_ckzvq_67 {
+._hideScrollbars_1f7hn_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_ckzvq_67::-webkit-scrollbar {
+._hideScrollbars_1f7hn_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -1941,37 +1951,37 @@ html[data-theme='dark'] {
   --color-border-drawer-tab: black;
   --color-background-drawer-handle-hover: rgba(255, 255, 255, 0.1);
 }
-._inline_ckzvq_90 {
+._inline_1f7hn_90 {
   position: relative;
 }
-._inline_ckzvq_90._left_ckzvq_93 {
+._inline_1f7hn_90._left_1f7hn_93 {
   order: -1;
 }
-._inline_ckzvq_90._right_ckzvq_96 {
+._inline_1f7hn_90._right_1f7hn_96 {
   order: 9999;
 }
-._fixed_ckzvq_99 {
+._fixed_1f7hn_99 {
   position: fixed;
   top: 0;
   bottom: 0;
   z-index: var(--zindex-drawer);
 }
-._fixed_ckzvq_99._left_ckzvq_93 {
+._fixed_1f7hn_99._left_1f7hn_93 {
   left: 0;
 }
-._fixed_ckzvq_99._right_ckzvq_96 {
+._fixed_1f7hn_99._right_1f7hn_96 {
   right: 0;
 }
-._left_ckzvq_93 ._border_ckzvq_111 {
+._left_1f7hn_93 ._border_1f7hn_111 {
   border-right: 1px solid var(--color-border);
 }
-._right_ckzvq_96 ._border_ckzvq_111 {
+._right_1f7hn_96 ._border_1f7hn_111 {
   border-left: 1px solid var(--color-border);
 }
-._shadow_ckzvq_117 {
+._shadow_1f7hn_117 {
   box-shadow: var(--shadow-layer);
 }
-._drawerContent_ckzvq_120 {
+._drawerContent_1f7hn_120 {
   overflow-x: hidden;
   overflow-y: auto;
   max-height: 100%;
@@ -1983,40 +1993,40 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._isResizing_ckzvq_132 ._drawerContent_ckzvq_120 {
+._isResizing_1f7hn_132 ._drawerContent_1f7hn_120 {
   transition: none;
 }
 @media print {
-  ._drawerContent_ckzvq_120 {
+  ._drawerContent_1f7hn_120 {
     background: transparent !important;
   }
 }
-._drawerContent_ckzvq_120::-webkit-scrollbar {
+._drawerContent_1f7hn_120::-webkit-scrollbar {
   display: none;
 }
-._toggleButton_ckzvq_143 {
+._toggleButton_1f7hn_143 {
   transition: transform 0.2s;
   display: inline-block;
   transform: rotate(180deg);
   position: absolute;
   z-index: calc(var(--zindex-drawer) + 3);
 }
-._left_ckzvq_93 ._toggleButton_ckzvq_143 {
+._left_1f7hn_93 ._toggleButton_1f7hn_143 {
   right: calc(var(--size) / -2);
 }
-._right_ckzvq_96 ._toggleButton_ckzvq_143 {
+._right_1f7hn_96 ._toggleButton_1f7hn_143 {
   left: calc(var(--size) / -2);
 }
-._toggleButton_ckzvq_143._top_ckzvq_156 {
+._toggleButton_1f7hn_143._top_1f7hn_156 {
   top: var(--padding);
 }
-._toggleButton_ckzvq_143._bottom_ckzvq_159 {
+._toggleButton_1f7hn_143._bottom_1f7hn_159 {
   bottom: var(--padding);
 }
-._toggleButton_ckzvq_143._toggleButtonOpen_ckzvq_162 {
+._toggleButton_1f7hn_143._toggleButtonOpen_1f7hn_162 {
   transform: rotate(0deg);
 }
-._tabs_ckzvq_165 {
+._tabs_1f7hn_165 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2026,13 +2036,13 @@ html[data-theme='dark'] {
   border-left: 1px solid var(--color-border);
   border-right: 1px solid var(--color-border);
 }
-._left_ckzvq_93 ._tabs_ckzvq_165 {
+._left_1f7hn_93 ._tabs_1f7hn_165 {
   right: 0;
 }
-._right_ckzvq_96 ._tabs_ckzvq_165 {
+._right_1f7hn_96 ._tabs_1f7hn_165 {
   left: 0;
 }
-._tabs_ckzvq_165 ._tab_ckzvq_165 {
+._tabs_1f7hn_165 ._tab_1f7hn_165 {
   font-size: var(--size-sm);
   height: var(--size-drawer-tabs);
   width: var(--size-drawer-tabs);
@@ -2044,42 +2054,42 @@ html[data-theme='dark'] {
   transition: color 0.2s, background-color 0.2s;
   border: 1px solid var(--color-border-drawer-tab);
 }
-._left_ckzvq_93 ._tabs_ckzvq_165 ._tab_ckzvq_165 {
+._left_1f7hn_93 ._tabs_1f7hn_165 ._tab_1f7hn_165 {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._left_ckzvq_93 ._tabs_ckzvq_165 ._tab_ckzvq_165._active_ckzvq_197 {
+._left_1f7hn_93 ._tabs_1f7hn_165 ._tab_1f7hn_165._active_1f7hn_197 {
   border-left-color: transparent;
 }
-._right_ckzvq_96 ._tabs_ckzvq_165 ._tab_ckzvq_165 {
+._right_1f7hn_96 ._tabs_1f7hn_165 ._tab_1f7hn_165 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-._right_ckzvq_96 ._tabs_ckzvq_165 ._tab_ckzvq_165._active_ckzvq_197 {
+._right_1f7hn_96 ._tabs_1f7hn_165 ._tab_1f7hn_165._active_1f7hn_197 {
   border-right-color: transparent;
 }
-._tabs_ckzvq_165 ._tab_ckzvq_165:not(._active_ckzvq_197) {
+._tabs_1f7hn_165 ._tab_1f7hn_165:not(._active_1f7hn_197) {
   color: var(--color-text-primary);
   background-color: var(--color-background-drawer-tab) !important;
 }
-._tabs_ckzvq_165 ._tab_ckzvq_165:not(._active_ckzvq_197):hover {
+._tabs_1f7hn_165 ._tab_1f7hn_165:not(._active_1f7hn_197):hover {
   color: var(--color-text);
   background-color: var(--color-background-drawer-tab-hover) !important;
 }
-._tabs_ckzvq_165 ._tab_ckzvq_165._active_ckzvq_197 {
+._tabs_1f7hn_165 ._tab_1f7hn_165._active_1f7hn_197 {
   color: var(--color-text);
   border-color: var(--color-border);
 }
-._tabs_ckzvq_165 ._tab_ckzvq_165 svg {
+._tabs_1f7hn_165 ._tab_1f7hn_165 svg {
   stroke-width: 1.125;
 }
-._left_ckzvq_93 ._tabsContent_ckzvq_222 {
+._left_1f7hn_93 ._tabsContent_1f7hn_222 {
   padding-right: calc(var(--size-drawer-tabs) - 1px);
 }
-._right_ckzvq_96 ._tabsContent_ckzvq_222 {
+._right_1f7hn_96 ._tabsContent_1f7hn_222 {
   padding-left: calc(var(--size-drawer-tabs) - 1px);
 }
-._resizeHandle_ckzvq_228 {
+._resizeHandle_1f7hn_228 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2092,18 +2102,18 @@ html[data-theme='dark'] {
   font-size: var(--font-size-sm);
   transition: all 0.2s;
 }
-._resizeHandle_ckzvq_228:hover {
+._resizeHandle_1f7hn_228:hover {
   background: var(--color-background-drawer-handle-hover);
   color: var(--color-text-primary);
 }
-._resizeHandle_ckzvq_228:active {
+._resizeHandle_1f7hn_228:active {
   background: var(--color-text-primary);
   color: white;
 }
-._left_ckzvq_93 ._resizeHandle_ckzvq_228 {
+._left_1f7hn_93 ._resizeHandle_1f7hn_228 {
   right: 0;
 }
-._right_ckzvq_96 ._resizeHandle_ckzvq_228 {
+._right_1f7hn_96 ._resizeHandle_1f7hn_228 {
   left: 0;
 }
 ._empty_fe425_1 {
@@ -2127,83 +2137,83 @@ html[data-theme='dark'] {
 ._inputGroup_biuoa_1 > *:not(:last-child) {
   margin-right: -1px;
 }
-._inputInTable_1augv_1 {
+._inputInTable_jnwnh_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1augv_1:not(:hover) {
+._inputInTable_jnwnh_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1augv_1:not(:focus) {
+._inputInTable_jnwnh_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1augv_13 {
+._inputHover_jnwnh_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1augv_18 {
+._inputFocus_jnwnh_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1augv_25,
-._inputWarning_1augv_26 {
+._inputError_jnwnh_25,
+._inputWarning_jnwnh_26 {
   position: relative;
 }
-._inputError_1augv_25 {
+._inputError_jnwnh_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
-  background-color: var(--color-background-error);
+  background-color: var(--color-background-error-muted);
 }
-._inputError_1augv_25:hover {
+._inputError_jnwnh_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1augv_25:focus {
+._inputError_jnwnh_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1augv_26 {
+._inputWarning_jnwnh_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning);
+  background-color: var(--color-background-warning-muted);
 }
-._inputWarning_1augv_26:hover {
+._inputWarning_jnwnh_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1augv_26:focus {
+._inputWarning_jnwnh_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1augv_61 {
+._inputDisabled_jnwnh_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1augv_67 {
+._hideScrollbars_jnwnh_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1augv_67::-webkit-scrollbar {
+._hideScrollbars_jnwnh_67::-webkit-scrollbar {
   display: none;
 }
-._input_1augv_1 {
+._input_jnwnh_1 {
   margin: 0;
   outline: 0;
   text-align: left;
@@ -2223,94 +2233,94 @@ html[data-theme='dark'] {
   position: relative;
   font-variant-numeric: tabular-nums;
 }
-._input_1augv_1::placeholder {
+._input_jnwnh_1::placeholder {
   color: var(--color-text-placeholder);
 }
-._input_1augv_1._isInTable_1augv_100 {
+._input_jnwnh_1._isInTable_jnwnh_100 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._input_1augv_1._isInTable_1augv_100:not(:hover) {
+._input_jnwnh_1._isInTable_jnwnh_100:not(:hover) {
   border-color: transparent;
 }
-._input_1augv_1._isInTable_1augv_100:not(:focus) {
+._input_jnwnh_1._isInTable_jnwnh_100:not(:focus) {
   box-shadow: none;
 }
-._input_1augv_1:hover {
+._input_jnwnh_1:hover {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._input_1augv_1:focus {
+._input_jnwnh_1:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._input_1augv_1._small_1augv_124 {
+._input_jnwnh_1._small_jnwnh_124 {
   font-size: var(--font-size-sm);
   height: var(--size-sm);
   padding: var(--padding-input-sm);
   line-height: var(--size-sm);
 }
-._input_1augv_1._error_1augv_130 {
+._input_jnwnh_1._error_jnwnh_130 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
-  background-color: var(--color-background-error);
+  background-color: var(--color-background-error-muted);
 }
-._input_1augv_1._error_1augv_130:hover {
+._input_jnwnh_1._error_jnwnh_130:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._input_1augv_1._error_1augv_130:focus {
+._input_jnwnh_1._error_jnwnh_130:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._input_1augv_1._warning_1augv_147 {
+._input_jnwnh_1._warning_jnwnh_147 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning);
+  background-color: var(--color-background-warning-muted);
 }
-._input_1augv_1._warning_1augv_147:hover {
+._input_jnwnh_1._warning_jnwnh_147:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._input_1augv_1._warning_1augv_147:focus {
+._input_jnwnh_1._warning_jnwnh_147:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._input_1augv_1[disabled] {
+._input_jnwnh_1[disabled] {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._input_1augv_1._right_1augv_170 {
+._input_jnwnh_1._right_jnwnh_170 {
   text-align: right;
 }
-._groupOrderFirst_1augv_173,
-._groupOrderMiddle_1augv_174,
-._groupOrderLast_1augv_175 {
+._groupOrderFirst_jnwnh_173,
+._groupOrderMiddle_jnwnh_174,
+._groupOrderLast_jnwnh_175 {
   flex: 1;
 }
-._groupOrderFirst_1augv_173 ._input_1augv_1,
-._groupOrderMiddle_1augv_174 ._input_1augv_1 {
+._groupOrderFirst_jnwnh_173 ._input_jnwnh_1,
+._groupOrderMiddle_jnwnh_174 ._input_jnwnh_1 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_1augv_175 ._input_1augv_1,
-._groupOrderMiddle_1augv_174 ._input_1augv_1 {
+._groupOrderLast_jnwnh_175 ._input_jnwnh_1,
+._groupOrderMiddle_jnwnh_174 ._input_jnwnh_1 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
@@ -2401,123 +2411,123 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._inputInTable_hj49e_1 {
+._inputInTable_1g06t_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_hj49e_1:not(:hover) {
+._inputInTable_1g06t_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_hj49e_1:not(:focus) {
+._inputInTable_1g06t_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_hj49e_13 {
+._inputHover_1g06t_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_hj49e_18 {
+._inputFocus_1g06t_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_hj49e_25,
-._inputWarning_hj49e_26 {
+._inputError_1g06t_25,
+._inputWarning_1g06t_26 {
   position: relative;
 }
-._inputError_hj49e_25 {
+._inputError_1g06t_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
-  background-color: var(--color-background-error);
+  background-color: var(--color-background-error-muted);
 }
-._inputError_hj49e_25:hover {
+._inputError_1g06t_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_hj49e_25:focus {
+._inputError_1g06t_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_hj49e_26 {
+._inputWarning_1g06t_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning);
+  background-color: var(--color-background-warning-muted);
 }
-._inputWarning_hj49e_26:hover {
+._inputWarning_1g06t_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_hj49e_26:focus {
+._inputWarning_1g06t_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_hj49e_61 {
+._inputDisabled_1g06t_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_hj49e_67 {
+._hideScrollbars_1g06t_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_hj49e_67::-webkit-scrollbar {
+._hideScrollbars_1g06t_67::-webkit-scrollbar {
   display: none;
 }
-._header_hj49e_77 ._headerTitle_hj49e_77,
-._heading_hj49e_78 ._itemHeader_hj49e_78 {
+._header_1g06t_77 ._headerTitle_1g06t_77,
+._heading_1g06t_78 ._itemHeader_1g06t_78 {
   transition: opacity 0.3s;
 }
-._narrow_hj49e_81 ._header_hj49e_77 ._headerTitle_hj49e_77,
-._narrow_hj49e_81 ._heading_hj49e_78 ._itemHeader_hj49e_78 {
+._narrow_1g06t_81 ._header_1g06t_77 ._headerTitle_1g06t_77,
+._narrow_1g06t_81 ._heading_1g06t_78 ._itemHeader_1g06t_78 {
   opacity: 0;
 }
-._stickyHeader_hj49e_85 {
+._stickyHeader_1g06t_85 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_hj49e_78 {
+._itemHeader_1g06t_78 {
   padding: var(--padding-xs) var(--padding);
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_hj49e_78 ._title_hj49e_96 {
+._itemHeader_1g06t_78 ._title_1g06t_96 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_hj49e_78 ._name_hj49e_102 {
+._itemHeader_1g06t_78 ._name_1g06t_102 {
   font-weight: 400;
 }
-._itemHeader_hj49e_78 ._iconTooltipMargin_hj49e_105 {
+._itemHeader_1g06t_78 ._iconTooltipMargin_1g06t_105 {
   margin-left: var(--padding-xs);
 }
-._itemHeader_hj49e_78 ._bold_hj49e_108 {
+._itemHeader_1g06t_78 ._bold_1g06t_108 {
   font-weight: bold;
 }
-._header_hj49e_77 {
+._header_1g06t_77 {
   padding: var(--padding);
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--color-border);
 }
-._toggleNarrow_hj49e_117 {
+._toggleNarrow_1g06t_117 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -2526,16 +2536,16 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_hj49e_117:hover {
+._toggleNarrow_1g06t_117:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_hj49e_117:active {
+._toggleNarrow_1g06t_117:active {
   color: var(--color-text-primary-active);
 }
-._narrow_hj49e_81 ._toggleNarrow_hj49e_117 {
+._narrow_1g06t_81 ._toggleNarrow_1g06t_117 {
   transform: scaleX(-1);
 }
-._drag_hj49e_135 {
+._drag_1g06t_135 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
@@ -2546,28 +2556,28 @@ html[data-theme='dark'] {
   height: 19px;
   width: 19px;
 }
-._drag_hj49e_135:hover {
+._drag_1g06t_135:hover {
   color: var(--color-text-primary-hover);
 }
-._drag_hj49e_135:active {
+._drag_1g06t_135:active {
   color: var(--color-text-primary-active);
 }
-._list_hj49e_152 {
+._list_1g06t_152 {
   flex-shrink: 0;
   background: var(--color-background);
 }
-._list_hj49e_152._bordered_hj49e_156:first-child,
-._list_hj49e_152._bordered_hj49e_156:first-child > :first-child {
+._list_1g06t_152._bordered_1g06t_156:first-child,
+._list_1g06t_152._bordered_1g06t_156:first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._list_hj49e_152._bordered_hj49e_156:last-child,
-._list_hj49e_152._bordered_hj49e_156:last-child > :last-child {
+._list_1g06t_152._bordered_1g06t_156:last-child,
+._list_1g06t_152._bordered_1g06t_156:last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
   border-bottom: 0;
 }
-._item_hj49e_78 {
+._item_1g06t_78 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -2578,7 +2588,7 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_hj49e_78:not(._heading_hj49e_78):after {
+._item_1g06t_78:not(._heading_1g06t_78):after {
   content: '';
   position: absolute;
   left: 0;
@@ -2589,73 +2599,73 @@ html[data-theme='dark'] {
   border-bottom-left-radius: inherit;
   transition: background 0.3s;
 }
-._item_hj49e_78._action_hj49e_189 {
+._item_1g06t_78._action_1g06t_189 {
   cursor: pointer;
 }
-._item_hj49e_78._action_hj49e_189:not(._active_hj49e_192):hover {
+._item_1g06t_78._action_1g06t_189:not(._active_1g06t_192):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_hj49e_78._action_hj49e_189:not(._active_hj49e_192):hover:after {
+._item_1g06t_78._action_1g06t_189:not(._active_1g06t_192):hover:after {
   background: rgba(0, 0, 0, 0.1);
 }
-._item_hj49e_78._active_hj49e_192 {
+._item_1g06t_78._active_1g06t_192 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_hj49e_78._active_hj49e_192:after {
+._item_1g06t_78._active_1g06t_192:after {
   background: var(--color-background-primary) !important;
 }
-._item_hj49e_78._disabled_hj49e_207 {
+._item_1g06t_78._disabled_1g06t_207 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_hj49e_78._heading_hj49e_78 {
+._item_1g06t_78._heading_1g06t_78 {
   color: var(--color-text-muted);
   background-color: var(--color-background-cardheader);
 }
-._item_hj49e_78._heading_hj49e_78._action_hj49e_189:hover {
+._item_1g06t_78._heading_1g06t_78._action_1g06t_189:hover {
   color: var(--color-text-primary-hover);
 }
-._item_hj49e_78 ._label_hj49e_218 {
+._item_1g06t_78 ._label_1g06t_218 {
   display: flex;
   align-items: center;
   margin-right: var(--padding-xs);
   flex-shrink: 0;
 }
-._item_hj49e_78 ._details_hj49e_224,
-._item_hj49e_78 ._metadata_hj49e_225 {
+._item_1g06t_78 ._details_1g06t_224,
+._item_1g06t_78 ._metadata_1g06t_225 {
   display: block;
   width: 100%;
   font-weight: normal;
 }
-._item_hj49e_78 ._metadata_hj49e_225 {
+._item_1g06t_78 ._metadata_1g06t_225 {
   color: var(--color-text-muted);
 }
-._item_hj49e_78 ._itemContent_hj49e_233 {
+._item_1g06t_78 ._itemContent_1g06t_233 {
   padding: 0 var(--padding) var(--padding-sm);
   cursor: auto;
 }
-._item_hj49e_78 ._itemContent_hj49e_233:empty {
+._item_1g06t_78 ._itemContent_1g06t_233:empty {
   padding: inherit;
 }
-._indentIcon_hj49e_240 {
+._indentIcon_1g06t_240 {
   color: var(--color-text-faint);
   flex-shrink: 0;
   margin-right: var(--padding-xxs);
 }
-._expandIcon_hj49e_245 {
+._expandIcon_1g06t_245 {
   flex-shrink: 0;
   position: relative;
   display: flex;
   height: var(--line-height);
   margin-right: var(--padding-xs);
 }
-._expandIcon_hj49e_245._expanded_hj49e_252 svg {
+._expandIcon_1g06t_245._expanded_1g06t_252 svg {
   transform: rotate(90deg);
 }
-._right_hj49e_255 {
+._right_1g06t_255 {
   margin-left: auto;
   display: flex;
   align-items: center;
@@ -2664,24 +2674,24 @@ html[data-theme='dark'] {
   margin-right: calc(var(--padding-xs) * -1);
   min-height: var(--size-sm);
 }
-._actions_hj49e_264 {
+._actions_1g06t_264 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;
 }
-._scrollableList_hj49e_269 {
+._scrollableList_1g06t_269 {
   height: 100%;
   overflow-y: auto;
   scroll-behavior: smooth;
 }
-._hideScrollbar_hj49e_67 {
+._hideScrollbar_1g06t_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_hj49e_67::-webkit-scrollbar {
+._hideScrollbar_1g06t_67::-webkit-scrollbar {
   display: none;
 }
 ._loader_477i5_1 {
@@ -2739,80 +2749,80 @@ html[data-theme='dark'] {
 ._details_477i5_53 {
   margin-top: var(--padding-xs);
 }
-._inputInTable_tj916_1 {
+._inputInTable_iuvy3_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_tj916_1:not(:hover) {
+._inputInTable_iuvy3_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_tj916_1:not(:focus) {
+._inputInTable_iuvy3_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_tj916_13 {
+._inputHover_iuvy3_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_tj916_18 {
+._inputFocus_iuvy3_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_tj916_25,
-._inputWarning_tj916_26 {
+._inputError_iuvy3_25,
+._inputWarning_iuvy3_26 {
   position: relative;
 }
-._inputError_tj916_25 {
+._inputError_iuvy3_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
-  background-color: var(--color-background-error);
+  background-color: var(--color-background-error-muted);
 }
-._inputError_tj916_25:hover {
+._inputError_iuvy3_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_tj916_25:focus {
+._inputError_iuvy3_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_tj916_26 {
+._inputWarning_iuvy3_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning);
+  background-color: var(--color-background-warning-muted);
 }
-._inputWarning_tj916_26:hover {
+._inputWarning_iuvy3_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_tj916_26:focus {
+._inputWarning_iuvy3_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_tj916_61 {
+._inputDisabled_iuvy3_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_tj916_67 {
+._hideScrollbars_iuvy3_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_tj916_67::-webkit-scrollbar {
+._hideScrollbars_iuvy3_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -2821,7 +2831,7 @@ html[data-theme='dark'] {
 html[data-theme='dark'] {
   --color-border-message: rgba(255, 255, 255, 0.1);
 }
-._container_tj916_83 {
+._container_iuvy3_83 {
   --padding-message: var(--padding-sm);
   padding: var(--padding-message);
   border-radius: var(--border-radius);
@@ -2837,40 +2847,40 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._container_tj916_83::-webkit-scrollbar {
+._container_iuvy3_83::-webkit-scrollbar {
   display: none;
 }
-._container_tj916_83._block_tj916_102 {
+._container_iuvy3_83._block_iuvy3_102 {
   display: flex;
 }
-._container_tj916_83._info_tj916_105 {
+._container_iuvy3_83._info_iuvy3_105 {
   color: var(--color-text-info);
-  background-color: var(--color-background-info);
+  background-color: var(--color-background-info-muted);
 }
-._container_tj916_83._success_tj916_109 {
+._container_iuvy3_83._success_iuvy3_109 {
   color: var(--color-text-success);
-  background-color: var(--color-background-success);
+  background-color: var(--color-background-success-muted);
 }
-._container_tj916_83._warning_tj916_113 {
+._container_iuvy3_83._warning_iuvy3_113 {
   color: var(--color-text-warning);
-  background-color: var(--color-background-warning);
+  background-color: var(--color-background-warning-muted);
 }
-._container_tj916_83._error_tj916_117 {
+._container_iuvy3_83._error_iuvy3_117 {
   color: var(--color-text-error);
-  background-color: var(--color-background-error);
+  background-color: var(--color-background-error-muted);
 }
-._content_tj916_121 {
+._content_iuvy3_121 {
   flex: 1;
   min-width: 0;
 }
-._heading_tj916_125 {
+._heading_iuvy3_125 {
   font-weight: bold;
   letter-spacing: var(--letter-spacing-wide);
   text-transform: uppercase;
   font-size: var(--font-size-sm);
   line-height: var(--line-height);
 }
-._icon_tj916_132 {
+._icon_iuvy3_132 {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -2878,37 +2888,37 @@ html[data-theme='dark'] {
   margin-right: var(--padding-xs);
   font-size: var(--size-xs);
 }
-._dismiss_tj916_140 {
+._dismiss_iuvy3_140 {
   margin-left: var(--padding);
   color: var(--color-text);
 }
-._dismiss_tj916_140._absolute_tj916_144 {
+._dismiss_iuvy3_140._absolute_iuvy3_144 {
   position: absolute;
   top: var(--padding-sm);
   right: var(--padding-sm);
 }
-._dismiss_tj916_140 {
+._dismiss_iuvy3_140 {
   --offset-message-dismiss: calc((var(--line-height) - var(--size-sm)) / 2);
   display: flex;
   margin-top: var(--offset-message-dismiss);
   margin-bottom: var(--offset-message-dismiss);
   margin-right: var(--offset-message-dismiss);
 }
-._legendToggle_tj916_156 {
+._legendToggle_iuvy3_156 {
   opacity: 0.6;
 }
-._legendToggle_tj916_156:hover {
+._legendToggle_iuvy3_156:hover {
   opacity: 0.8;
   cursor: pointer;
 }
-._legendToggle_tj916_156:active {
+._legendToggle_iuvy3_156:active {
   opacity: 1;
 }
-._detailsText_tj916_166 {
+._detailsText_iuvy3_166 {
   margin-top: var(--padding-xxs);
   word-break: break-word;
 }
-._footer_tj916_170 {
+._footer_iuvy3_170 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--padding-sm);
@@ -3012,83 +3022,83 @@ html[data-theme='dark'] {
 ._page_beskc_1._scroll_beskc_23 {
   overflow: auto;
 }
-._inputInTable_m6lot_1 {
+._inputInTable_7891e_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_m6lot_1:not(:hover) {
+._inputInTable_7891e_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_m6lot_1:not(:focus) {
+._inputInTable_7891e_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_m6lot_13 {
+._inputHover_7891e_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_m6lot_18 {
+._inputFocus_7891e_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_m6lot_25,
-._inputWarning_m6lot_26 {
+._inputError_7891e_25,
+._inputWarning_7891e_26 {
   position: relative;
 }
-._inputError_m6lot_25 {
+._inputError_7891e_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
-  background-color: var(--color-background-error);
+  background-color: var(--color-background-error-muted);
 }
-._inputError_m6lot_25:hover {
+._inputError_7891e_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_m6lot_25:focus {
+._inputError_7891e_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_m6lot_26 {
+._inputWarning_7891e_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning);
+  background-color: var(--color-background-warning-muted);
 }
-._inputWarning_m6lot_26:hover {
+._inputWarning_7891e_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_m6lot_26:focus {
+._inputWarning_7891e_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_m6lot_61 {
+._inputDisabled_7891e_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_m6lot_67 {
+._hideScrollbars_7891e_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_m6lot_67::-webkit-scrollbar {
+._hideScrollbars_7891e_67::-webkit-scrollbar {
   display: none;
 }
-._select_m6lot_77 {
+._select_7891e_77 {
   appearance: none !important;
   -webkit-appearance: none !important;
   -moz-appearance: none !important;
@@ -3105,87 +3115,87 @@ html[data-theme='dark'] {
   height: var(--size);
   box-shadow: var(--shadow-button);
 }
-[data-theme='dark'] ._select_m6lot_77 {
+[data-theme='dark'] ._select_7891e_77 {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.75' stroke='rgb(215, 215, 206)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E");
 }
-._select_m6lot_77 option {
+._select_7891e_77 option {
   background: var(--color-background-input);
   color: var(--color-text);
 }
-._select_m6lot_77 option:focus {
+._select_7891e_77 option:focus {
   background-color: var(--color-background-listitem-active);
 }
-._select_m6lot_77:-moz-focusring {
+._select_7891e_77:-moz-focusring {
   color: transparent !important;
   text-shadow: 0 0 0 #000 !important;
 }
-._select_m6lot_77:hover {
+._select_7891e_77:hover {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
   cursor: pointer;
 }
-._select_m6lot_77:focus {
+._select_7891e_77:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._select_m6lot_77._isInTable_m6lot_121 {
+._select_7891e_77._isInTable_7891e_121 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._select_m6lot_77._isInTable_m6lot_121:not(:hover) {
+._select_7891e_77._isInTable_7891e_121:not(:hover) {
   border-color: transparent;
 }
-._select_m6lot_77._isInTable_m6lot_121:not(:focus) {
+._select_7891e_77._isInTable_7891e_121:not(:focus) {
   box-shadow: none;
 }
-._select_m6lot_77._unSelected_m6lot_133 {
+._select_7891e_77._unSelected_7891e_133 {
   color: var(--color-text-placeholder) !important;
 }
-._select_m6lot_77._unSelected_m6lot_133:-moz-focusring {
+._select_7891e_77._unSelected_7891e_133:-moz-focusring {
   color: transparent !important;
   text-shadow: 0 0 0 #000 !important;
 }
-._select_m6lot_77._error_m6lot_140 {
+._select_7891e_77._error_7891e_140 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
-  background-color: var(--color-background-error);
+  background-color: var(--color-background-error-muted);
 }
-._select_m6lot_77._error_m6lot_140:hover {
+._select_7891e_77._error_7891e_140:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._select_m6lot_77._error_m6lot_140:focus {
+._select_7891e_77._error_7891e_140:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._select_m6lot_77._warning_m6lot_157 {
+._select_7891e_77._warning_7891e_157 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning);
+  background-color: var(--color-background-warning-muted);
 }
-._select_m6lot_77._warning_m6lot_157:hover {
+._select_7891e_77._warning_7891e_157:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._select_m6lot_77._warning_m6lot_157:focus {
+._select_7891e_77._warning_7891e_157:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._select_m6lot_77._small_m6lot_174 {
+._select_7891e_77._small_7891e_174 {
   font-size: var(--font-size-sm);
   height: var(--size-sm);
   padding: var(--padding-input-sm);
@@ -3193,24 +3203,24 @@ html[data-theme='dark'] {
   background-position: right var(--padding-xxs) center;
   padding-right: calc(var(--padding-input-sm-x) + var(--font-size-sm) + var(--padding-xxs));
 }
-._select_m6lot_77._right_m6lot_182 {
+._select_7891e_77._right_7891e_182 {
   text-align: right;
   text-align-last: right;
 }
-._select_m6lot_77[disabled] {
+._select_7891e_77[disabled] {
   opacity: 1;
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._groupOrderFirst_m6lot_193,
-._groupOrderMiddle_m6lot_194 {
+._groupOrderFirst_7891e_193,
+._groupOrderMiddle_7891e_194 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_m6lot_198,
-._groupOrderMiddle_m6lot_194 {
+._groupOrderLast_7891e_198,
+._groupOrderMiddle_7891e_194 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
@@ -3327,83 +3337,83 @@ html[data-theme='dark'] {
   display: inline;
   white-space: nowrap;
 }
-._inputInTable_1n7ro_1 {
+._inputInTable_1qfoj_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1n7ro_1:not(:hover) {
+._inputInTable_1qfoj_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1n7ro_1:not(:focus) {
+._inputInTable_1qfoj_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1n7ro_13 {
+._inputHover_1qfoj_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1n7ro_18 {
+._inputFocus_1qfoj_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1n7ro_25,
-._inputWarning_1n7ro_26 {
+._inputError_1qfoj_25,
+._inputWarning_1qfoj_26 {
   position: relative;
 }
-._inputError_1n7ro_25 {
+._inputError_1qfoj_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
-  background-color: var(--color-background-error);
+  background-color: var(--color-background-error-muted);
 }
-._inputError_1n7ro_25:hover {
+._inputError_1qfoj_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1n7ro_25:focus {
+._inputError_1qfoj_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1n7ro_26 {
+._inputWarning_1qfoj_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning);
+  background-color: var(--color-background-warning-muted);
 }
-._inputWarning_1n7ro_26:hover {
+._inputWarning_1qfoj_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1n7ro_26:focus {
+._inputWarning_1qfoj_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1n7ro_61 {
+._inputDisabled_1qfoj_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1n7ro_67 {
+._hideScrollbars_1qfoj_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1n7ro_67::-webkit-scrollbar {
+._hideScrollbars_1qfoj_67::-webkit-scrollbar {
   display: none;
 }
-._trigger_1n7ro_77 {
+._trigger_1qfoj_77 {
   font-weight: normal;
   display: flex;
   align-items: center;
@@ -3415,107 +3425,107 @@ html[data-theme='dark'] {
   padding-left: var(--padding-input-x);
   box-shadow: var(--shadow-button);
 }
-._trigger_1n7ro_77 input {
+._trigger_1qfoj_77 input {
   border: none !important;
   background: transparent !important;
 }
-._trigger_1n7ro_77._isInTable_1n7ro_93 {
+._trigger_1qfoj_77._isInTable_1qfoj_93 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._trigger_1n7ro_77._isInTable_1n7ro_93:not(:hover) {
+._trigger_1qfoj_77._isInTable_1qfoj_93:not(:hover) {
   border-color: transparent;
 }
-._trigger_1n7ro_77._isInTable_1n7ro_93:not(:focus) {
+._trigger_1qfoj_77._isInTable_1qfoj_93:not(:focus) {
   box-shadow: none;
 }
-._trigger_1n7ro_77._isInTable_1n7ro_93 ._input_1n7ro_1 {
+._trigger_1qfoj_77._isInTable_1qfoj_93 ._input_1qfoj_1 {
   background: transparent !important;
 }
-._trigger_1n7ro_77:hover {
+._trigger_1qfoj_77:hover {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
   cursor: pointer;
 }
-._trigger_1n7ro_77._isOpen_1n7ro_114,
-._trigger_1n7ro_77:focus {
+._trigger_1qfoj_77._isOpen_1qfoj_114,
+._trigger_1qfoj_77:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_1n7ro_77._error_1n7ro_122 {
+._trigger_1qfoj_77._error_1qfoj_122 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
-  background-color: var(--color-background-error);
+  background-color: var(--color-background-error-muted);
 }
-._trigger_1n7ro_77._error_1n7ro_122:hover {
+._trigger_1qfoj_77._error_1qfoj_122:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._trigger_1n7ro_77._error_1n7ro_122:focus {
+._trigger_1qfoj_77._error_1qfoj_122:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_1n7ro_77._warning_1n7ro_139 {
+._trigger_1qfoj_77._warning_1qfoj_139 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning);
+  background-color: var(--color-background-warning-muted);
 }
-._trigger_1n7ro_77._warning_1n7ro_139:hover {
+._trigger_1qfoj_77._warning_1qfoj_139:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._trigger_1n7ro_77._warning_1n7ro_139:focus {
+._trigger_1qfoj_77._warning_1qfoj_139:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_1n7ro_77._disabled_1n7ro_156 {
+._trigger_1qfoj_77._disabled_1qfoj_156 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._icons_1n7ro_162 {
+._icons_1qfoj_162 {
   display: flex;
   flex-wrap: nowrap;
   flex-shrink: 0;
   position: relative;
   z-index: 2;
 }
-._icons_1n7ro_162 ._clearAll_1n7ro_169,
-._icons_1n7ro_162 ._iconOpen_1n7ro_170 {
+._icons_1qfoj_162 ._clearAll_1qfoj_169,
+._icons_1qfoj_162 ._iconOpen_1qfoj_170 {
   width: calc((var(--size) + var(--font-size)) / 2);
   height: var(--size);
   display: flex;
   justify-content: flex-start;
   align-items: center;
 }
-._disabled_1n7ro_156 ._icons_1n7ro_162 ._clearAll_1n7ro_169,
-._disabled_1n7ro_156 ._icons_1n7ro_162 ._iconOpen_1n7ro_170 {
+._disabled_1qfoj_156 ._icons_1qfoj_162 ._clearAll_1qfoj_169,
+._disabled_1qfoj_156 ._icons_1qfoj_162 ._iconOpen_1qfoj_170 {
   color: var(--color-text-faint);
 }
-._small_1n7ro_181 ._icons_1n7ro_162 ._clearAll_1n7ro_169,
-._small_1n7ro_181 ._icons_1n7ro_162 ._iconOpen_1n7ro_170 {
+._small_1qfoj_181 ._icons_1qfoj_162 ._clearAll_1qfoj_169,
+._small_1qfoj_181 ._icons_1qfoj_162 ._iconOpen_1qfoj_170 {
   width: calc((var(--size-sm) + var(--font-size-sm)) / 2);
   height: var(--size-sm);
 }
-._icons_1n7ro_162 ._clearAll_1n7ro_169:hover {
+._icons_1qfoj_162 ._clearAll_1qfoj_169:hover {
   color: var(--color-text-primary);
 }
-._triggerInputContainer_1n7ro_189 {
+._triggerInputContainer_1qfoj_189 {
   display: flex;
   align-items: center;
   position: relative;
@@ -3524,28 +3534,28 @@ html[data-theme='dark'] {
   min-width: 0;
   margin-right: 4px;
 }
-._right_1n7ro_198 ._triggerInputContainer_1n7ro_189 {
+._right_1qfoj_198 ._triggerInputContainer_1qfoj_189 {
   justify-content: flex-end;
   text-align: right;
 }
-._right_1n7ro_198 ._triggerInputContainer_1n7ro_189 input {
+._right_1qfoj_198 ._triggerInputContainer_1qfoj_189 input {
   padding-right: 0;
   padding-left: 0;
   text-align: right;
   width: 0;
 }
-._right_1n7ro_198 ._triggerInputContainer_1n7ro_189 input:focus {
+._right_1qfoj_198 ._triggerInputContainer_1qfoj_189 input:focus {
   width: auto;
 }
-._multiOptions_1n7ro_211 {
+._multiOptions_1qfoj_211 {
   display: flex;
   overflow: hidden;
   margin-left: calc((var(--padding-xxs) * -1) - 2px);
 }
-._multiOptions_1n7ro_211:empty {
+._multiOptions_1qfoj_211:empty {
   display: none !important;
 }
-._multiOptions_1n7ro_211 ._multiOption_1n7ro_211 {
+._multiOptions_1qfoj_211 ._multiOption_1qfoj_211 {
   user-select: none;
   pointer-events: none;
   display: inline-flex;
@@ -3562,13 +3572,13 @@ html[data-theme='dark'] {
   flex-shrink: 0;
   margin-right: 2px;
 }
-._small_1n7ro_181 ._multiOptions_1n7ro_211 ._multiOption_1n7ro_211 {
+._small_1qfoj_181 ._multiOptions_1qfoj_211 ._multiOption_1qfoj_211 {
   height: calc(var(--size-sm) - 6px);
 }
-._multiOptions_1n7ro_211 ._multiOption_1n7ro_211 ._label_1n7ro_239 {
+._multiOptions_1qfoj_211 ._multiOption_1qfoj_211 ._label_1qfoj_239 {
   white-space: nowrap;
 }
-._multiOptions_1n7ro_211 ._multiOption_1n7ro_211 ._closeMultiOption_1n7ro_242 {
+._multiOptions_1qfoj_211 ._multiOption_1qfoj_211 ._closeMultiOption_1qfoj_242 {
   flex-shrink: 0;
   display: flex;
   align-items: center;
@@ -3578,13 +3588,13 @@ html[data-theme='dark'] {
   opacity: 0.25;
   aspect-ratio: 1;
 }
-._multiOptions_1n7ro_211 ._multiOption_1n7ro_211 ._closeMultiOption_1n7ro_242:hover,
-._multiOptions_1n7ro_211 ._multiOption_1n7ro_211 ._closeMultiOption_1n7ro_242._focus_1n7ro_253 {
+._multiOptions_1qfoj_211 ._multiOption_1qfoj_211 ._closeMultiOption_1qfoj_242:hover,
+._multiOptions_1qfoj_211 ._multiOption_1qfoj_211 ._closeMultiOption_1qfoj_242._focus_1qfoj_253 {
   opacity: 1;
   outline: 0;
 }
-._selectedSingleValue_1n7ro_257,
-._placeHolder_1n7ro_258 {
+._selectedSingleValue_1qfoj_257,
+._placeHolder_1qfoj_258 {
   line-height: calc(var(--size) - 2px);
   right: 0;
   left: 0;
@@ -3594,10 +3604,10 @@ html[data-theme='dark'] {
   display: block;
   position: absolute;
 }
-._placeHolder_1n7ro_258 {
+._placeHolder_1qfoj_258 {
   color: var(--color-text-placeholder);
 }
-._input_1n7ro_1 {
+._input_1qfoj_1 {
   font-family: var(--font-family);
   background-color: transparent;
   border: none;
@@ -3605,43 +3615,43 @@ html[data-theme='dark'] {
   padding: 0;
   width: 0;
 }
-._input_1n7ro_1._error_1n7ro_122 {
+._input_1qfoj_1._error_1qfoj_122 {
   color: var(--color-text-error) !important;
 }
-._input_1n7ro_1:focus {
+._input_1qfoj_1:focus {
   outline: none;
   width: auto;
 }
-._small_1n7ro_181 {
+._small_1qfoj_181 {
   height: var(--size-sm);
   font-size: var(--font-size-sm);
   padding-left: var(--padding-input-sm-x);
 }
-._small_1n7ro_181 ._selectedSingleValue_1n7ro_257,
-._small_1n7ro_181 ._placeHolder_1n7ro_258,
-._small_1n7ro_181 ._input_1n7ro_1 {
+._small_1qfoj_181 ._selectedSingleValue_1qfoj_257,
+._small_1qfoj_181 ._placeHolder_1qfoj_258,
+._small_1qfoj_181 ._input_1qfoj_1 {
   height: calc(var(--size-sm) - 2px);
   line-height: calc(var(--size-sm) - 2px);
 }
-._groupOrderFirst_1n7ro_297,
-._groupOrderMiddle_1n7ro_298 {
+._groupOrderFirst_1qfoj_297,
+._groupOrderMiddle_1qfoj_298 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_1n7ro_302,
-._groupOrderMiddle_1n7ro_298 {
+._groupOrderLast_1qfoj_302,
+._groupOrderMiddle_1qfoj_298 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._detailedLabel_1n7ro_307 {
+._detailedLabel_1qfoj_307 {
   width: 100%;
 }
-._detailedLabel_1n7ro_307 :first-child {
+._detailedLabel_1qfoj_307 :first-child {
   float: left;
   position: absolute;
   padding-right: var(--padding-xxs);
 }
-._detailedLabel_1n7ro_307 :last-child {
+._detailedLabel_1qfoj_307 :last-child {
   float: right;
 }
 ._paginationContainer_1tmz4_1 {
@@ -8441,83 +8451,83 @@ button:active .remirror-menu-pane-shortcut,
   margin-bottom: var(--padding-xs);
   align-items: flex-end;
 }
-._inputInTable_w2f5m_1 {
+._inputInTable_ta5ga_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_w2f5m_1:not(:hover) {
+._inputInTable_ta5ga_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_w2f5m_1:not(:focus) {
+._inputInTable_ta5ga_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_w2f5m_13 {
+._inputHover_ta5ga_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_w2f5m_18 {
+._inputFocus_ta5ga_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_w2f5m_25,
-._inputWarning_w2f5m_26 {
+._inputError_ta5ga_25,
+._inputWarning_ta5ga_26 {
   position: relative;
 }
-._inputError_w2f5m_25 {
+._inputError_ta5ga_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
-  background-color: var(--color-background-error);
+  background-color: var(--color-background-error-muted);
 }
-._inputError_w2f5m_25:hover {
+._inputError_ta5ga_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_w2f5m_25:focus {
+._inputError_ta5ga_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_w2f5m_26 {
+._inputWarning_ta5ga_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning);
+  background-color: var(--color-background-warning-muted);
 }
-._inputWarning_w2f5m_26:hover {
+._inputWarning_ta5ga_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_w2f5m_26:focus {
+._inputWarning_ta5ga_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_w2f5m_61 {
+._inputDisabled_ta5ga_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_w2f5m_67 {
+._hideScrollbars_ta5ga_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_w2f5m_67::-webkit-scrollbar {
+._hideScrollbars_ta5ga_67::-webkit-scrollbar {
   display: none;
 }
-._richTextInput_w2f5m_77 [role='textbox'] {
+._richTextInput_ta5ga_77 [role='textbox'] {
   padding: var(--padding-input);
   background: var(--color-background-input);
   border: 1px solid var(--color-border);
@@ -8526,25 +8536,25 @@ button:active .remirror-menu-pane-shortcut,
   transition: border-color 0.1s ease;
   white-space: pre-wrap;
 }
-._richTextInput_w2f5m_77 [role='textbox']:hover {
+._richTextInput_ta5ga_77 [role='textbox']:hover {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._richTextInput_w2f5m_77 [role='textbox']:focus {
+._richTextInput_ta5ga_77 [role='textbox']:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._richTextInput_w2f5m_77 [role='textbox'][aria-readonly='true'] {
+._richTextInput_ta5ga_77 [role='textbox'][aria-readonly='true'] {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._richTextInput_w2f5m_77 [data-placeholder]::before {
+._richTextInput_ta5ga_77 [data-placeholder]::before {
   color: var(--color-text-faint);
   font-style: normal;
 }
@@ -8553,80 +8563,80 @@ button:active .remirror-menu-pane-shortcut,
   min-height: 0;
   flex-shrink: 0;
 }
-._inputInTable_1fihp_1 {
+._inputInTable_9gmrd_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1fihp_1:not(:hover) {
+._inputInTable_9gmrd_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1fihp_1:not(:focus) {
+._inputInTable_9gmrd_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1fihp_13 {
+._inputHover_9gmrd_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1fihp_18 {
+._inputFocus_9gmrd_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1fihp_25,
-._inputWarning_1fihp_26 {
+._inputError_9gmrd_25,
+._inputWarning_9gmrd_26 {
   position: relative;
 }
-._inputError_1fihp_25 {
+._inputError_9gmrd_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
-  background-color: var(--color-background-error);
+  background-color: var(--color-background-error-muted);
 }
-._inputError_1fihp_25:hover {
+._inputError_9gmrd_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1fihp_25:focus {
+._inputError_9gmrd_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1fihp_26 {
+._inputWarning_9gmrd_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning);
+  background-color: var(--color-background-warning-muted);
 }
-._inputWarning_1fihp_26:hover {
+._inputWarning_9gmrd_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1fihp_26:focus {
+._inputWarning_9gmrd_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1fihp_61 {
+._inputDisabled_9gmrd_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1fihp_67 {
+._hideScrollbars_9gmrd_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1fihp_67::-webkit-scrollbar {
+._hideScrollbars_9gmrd_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -8634,42 +8644,42 @@ button:active .remirror-menu-pane-shortcut,
   --size-sidebar-icon: var(--size);
   --color-background-sidebar: var(--color-neutral-1000);
 }
-._sidebar_1fihp_82 {
+._sidebar_9gmrd_82 {
   background-color: var(--color-background-sidebar);
   color: white;
   position: relative;
   padding: var(--padding) 0;
 }
 @media print {
-  ._sidebar_1fihp_82 {
+  ._sidebar_9gmrd_82 {
     display: none;
   }
 }
-._inner_1fihp_93 {
+._inner_9gmrd_93 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._inner_1fihp_93::-webkit-scrollbar {
+._inner_9gmrd_93::-webkit-scrollbar {
   display: none;
 }
-._title_1fihp_103,
-._subtitle_1fihp_104,
-._label_1fihp_105 {
+._title_9gmrd_103,
+._subtitle_9gmrd_104,
+._label_9gmrd_105 {
   transition: opacity 0.2s, max-height 0.2s, margin 0.2s, color 0.2s;
   max-height: 50px;
 }
-._collapsed_1fihp_109 ._title_1fihp_103,
-._collapsed_1fihp_109 ._subtitle_1fihp_104,
-._collapsed_1fihp_109 ._label_1fihp_105 {
+._collapsed_9gmrd_109 ._title_9gmrd_103,
+._collapsed_9gmrd_109 ._subtitle_9gmrd_104,
+._collapsed_9gmrd_109 ._label_9gmrd_105 {
   opacity: 0;
   max-height: 0;
   margin-bottom: 0;
   margin-top: 0;
 }
-._title_1fihp_103 {
+._title_9gmrd_103 {
   overflow: hidden;
   max-width: 100%;
   text-overflow: ellipsis;
@@ -8678,7 +8688,7 @@ button:active .remirror-menu-pane-shortcut,
   font-size: var(--font-size-xl);
   padding: 0 var(--padding);
 }
-._subtitle_1fihp_104 {
+._subtitle_9gmrd_104 {
   margin-bottom: var(--padding-xs);
   white-space: nowrap;
   font-size: var(--font-size);
@@ -8686,11 +8696,11 @@ button:active .remirror-menu-pane-shortcut,
   color: var(--color-neutral-500);
   padding: 0 var(--padding);
 }
-._list_1fihp_134 {
+._list_9gmrd_134 {
   margin-bottom: var(--padding-xl);
   margin-top: 0;
 }
-._item_1fihp_138 {
+._item_9gmrd_138 {
   transition: padding 0.2s, color 0.2s;
   font-size: var(--font-size-lg);
   font-weight: normal;
@@ -8699,34 +8709,34 @@ button:active .remirror-menu-pane-shortcut,
   align-items: center;
   color: var(--color-neutral-400);
 }
-._collapsed_1fihp_109 ._item_1fihp_138 {
+._collapsed_9gmrd_109 ._item_9gmrd_138 {
   padding: var(--padding-xxs) calc((var(--size-sidebar) - var(--size-sidebar-icon)) / 2);
 }
-._item_1fihp_138:hover {
+._item_9gmrd_138:hover {
   color: var(--color-neutral-200);
 }
-._item_1fihp_138._experimental_1fihp_153 {
+._item_9gmrd_138._experimental_9gmrd_153 {
   background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 8px, rgba(255, 255, 255, 0.1) 16px, transparent 16px, transparent 24px);
 }
-._item_1fihp_138:active,
-._item_1fihp_138._active_1fihp_157 {
+._item_9gmrd_138:active,
+._item_9gmrd_138._active_9gmrd_157 {
   color: var(--color-neutral-0);
   background-color: var(--color-primary-700);
 }
-._icon_1fihp_161 {
+._icon_9gmrd_161 {
   margin-right: var(--padding-sm);
   line-height: 0;
   flex-shrink: 0;
   display: block;
   font-size: var(--size-sidebar-icon);
 }
-._icon_1fihp_161 > span {
+._icon_9gmrd_161 > span {
   display: block;
 }
-._icon_1fihp_161 svg {
+._icon_9gmrd_161 svg {
   stroke-width: 1;
 }
-._label_1fihp_105 {
+._label_9gmrd_105 {
   white-space: nowrap;
   overflow: hidden;
 }
@@ -9067,80 +9077,80 @@ button:active .remirror-menu-pane-shortcut,
   text-overflow: ellipsis;
   flex-shrink: 0;
 }
-._inputInTable_4tmfn_1 {
+._inputInTable_16p4q_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_4tmfn_1:not(:hover) {
+._inputInTable_16p4q_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_4tmfn_1:not(:focus) {
+._inputInTable_16p4q_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_4tmfn_13 {
+._inputHover_16p4q_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_4tmfn_18 {
+._inputFocus_16p4q_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_4tmfn_25,
-._inputWarning_4tmfn_26 {
+._inputError_16p4q_25,
+._inputWarning_16p4q_26 {
   position: relative;
 }
-._inputError_4tmfn_25 {
+._inputError_16p4q_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
-  background-color: var(--color-background-error);
+  background-color: var(--color-background-error-muted);
 }
-._inputError_4tmfn_25:hover {
+._inputError_16p4q_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_4tmfn_25:focus {
+._inputError_16p4q_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_4tmfn_26 {
+._inputWarning_16p4q_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning);
+  background-color: var(--color-background-warning-muted);
 }
-._inputWarning_4tmfn_26:hover {
+._inputWarning_16p4q_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_4tmfn_26:focus {
+._inputWarning_16p4q_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_4tmfn_61 {
+._inputDisabled_16p4q_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_4tmfn_67 {
+._hideScrollbars_16p4q_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_4tmfn_67::-webkit-scrollbar {
+._hideScrollbars_16p4q_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -9151,7 +9161,7 @@ html[data-theme='dark'] {
   --color-background-table-header: var(--color-neutral-700);
   --color-background-table-row-tinted: var(--color-neutral-750);
 }
-._wrapper_4tmfn_85 {
+._wrapper_16p4q_85 {
   border-radius: inherit;
   max-height: 100%;
   max-width: 100%;
@@ -9159,22 +9169,22 @@ html[data-theme='dark'] {
   flex-direction: column;
   overflow: hidden;
 }
-._wrapper_4tmfn_85._bordered_4tmfn_93 {
+._wrapper_16p4q_85._bordered_16p4q_93 {
   border-radius: var(--border-radius);
   border: 1px solid var(--color-border);
   box-shadow: var(--shadow-card);
 }
-._scroll_4tmfn_98 {
+._scroll_16p4q_98 {
   overflow-y: auto;
   border-radius: inherit;
   flex: 1;
   min-height: 0;
 }
-._scroll_4tmfn_98:not(:first-child) {
+._scroll_16p4q_98:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-._table_4tmfn_108 {
+._table_16p4q_108 {
   background: var(--color-background-raised);
   color: var(--color-text);
   border-collapse: separate;
@@ -9183,32 +9193,32 @@ html[data-theme='dark'] {
   width: 100%;
   font-variant-numeric: tabular-nums;
 }
-._table_4tmfn_108 > :first-child {
+._table_16p4q_108 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_4tmfn_108 > :first-child > :first-child {
+._table_16p4q_108 > :first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_4tmfn_108 > :first-child > :first-child > :first-child {
+._table_16p4q_108 > :first-child > :first-child > :first-child {
   border-top-left-radius: inherit;
 }
-._table_4tmfn_108 > :first-child > :first-child > :last-child {
+._table_16p4q_108 > :first-child > :first-child > :last-child {
   border-top-right-radius: inherit;
 }
-._table_4tmfn_108 > :last-child {
+._table_16p4q_108 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_4tmfn_108 > :last-child > :last-child {
+._table_16p4q_108 > :last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_4tmfn_108 > :last-child > :last-child > :first-child {
+._table_16p4q_108 > :last-child > :last-child > :first-child {
   border-bottom-left-radius: inherit;
 }
-._table_4tmfn_108 > :last-child > :last-child > :last-child {
+._table_16p4q_108 > :last-child > :last-child > :last-child {
   border-bottom-right-radius: inherit;
 }
 th,
@@ -9224,10 +9234,10 @@ th:not(:first-child),
 td:not(:first-child) {
   border-left-width: 1px;
 }
-._table_4tmfn_108 > *:not(:last-child) > tr th,
-._table_4tmfn_108 > *:not(:last-child) > tr td,
-._table_4tmfn_108 > *:last-child > tr:not(:last-child) th,
-._table_4tmfn_108 > *:last-child > tr:not(:last-child) td {
+._table_16p4q_108 > *:not(:last-child) > tr th,
+._table_16p4q_108 > *:not(:last-child) > tr td,
+._table_16p4q_108 > *:last-child > tr:not(:last-child) th,
+._table_16p4q_108 > *:last-child > tr:not(:last-child) td {
   border-bottom-width: 1px;
 }
 @-moz-document url-prefix() {
@@ -9254,7 +9264,7 @@ tbody {
 tbody tr {
   background-color: var(--color-background-raised);
 }
-._striped_4tmfn_188 tbody tr:nth-child(even) {
+._striped_16p4q_188 tbody tr:nth-child(even) {
   background-color: var(--color-background-table-row-tinted);
 }
 ._title_11pbp_1 {
@@ -9328,125 +9338,125 @@ tbody tr {
 ._dragIcon_11d5t_28:active {
   color: var(--color-text-primary-active);
 }
-._inputInTable_sdi21_1 {
+._inputInTable_17dgc_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_sdi21_1:not(:hover) {
+._inputInTable_17dgc_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_sdi21_1:not(:focus) {
+._inputInTable_17dgc_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_sdi21_13 {
+._inputHover_17dgc_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_sdi21_18 {
+._inputFocus_17dgc_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_sdi21_25,
-._inputWarning_sdi21_26 {
+._inputError_17dgc_25,
+._inputWarning_17dgc_26 {
   position: relative;
 }
-._inputError_sdi21_25 {
+._inputError_17dgc_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
-  background-color: var(--color-background-error);
+  background-color: var(--color-background-error-muted);
 }
-._inputError_sdi21_25:hover {
+._inputError_17dgc_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_sdi21_25:focus {
+._inputError_17dgc_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_sdi21_26 {
+._inputWarning_17dgc_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning);
+  background-color: var(--color-background-warning-muted);
 }
-._inputWarning_sdi21_26:hover {
+._inputWarning_17dgc_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_sdi21_26:focus {
+._inputWarning_17dgc_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_sdi21_61 {
+._inputDisabled_17dgc_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_sdi21_67 {
+._hideScrollbars_17dgc_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_sdi21_67::-webkit-scrollbar {
+._hideScrollbars_17dgc_67::-webkit-scrollbar {
   display: none;
 }
-._cell_sdi21_77 a {
+._cell_17dgc_77 a {
   cursor: pointer;
   color: var(--color-text-primary);
 }
-._cell_sdi21_77 a:hover {
+._cell_17dgc_77 a:hover {
   color: var(--color-text-primary-hover);
 }
-._cell_sdi21_77 a:active {
+._cell_17dgc_77 a:active {
   color: var(--color-text-primary-active);
 }
-._cell_sdi21_77 a._disabledLink_sdi21_87 {
+._cell_17dgc_77 a._disabledLink_17dgc_87 {
   color: var(--color-text-faint) !important;
   cursor: default !important;
 }
-._inputWrapper_sdi21_91 {
+._inputWrapper_17dgc_91 {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_sdi21_91 > span,
-._inputWrapper_sdi21_91 > span > span,
-._inputWrapper_sdi21_91 > span > span > div {
+._inputWrapper_17dgc_91 > span,
+._inputWrapper_17dgc_91 > span > span,
+._inputWrapper_17dgc_91 > span > span > div {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_sdi21_91 > div,
-._inputWrapper_sdi21_91 > div > span {
+._inputWrapper_17dgc_91 > div,
+._inputWrapper_17dgc_91 > div > span {
   height: 100%;
   border-radius: inherit;
 }
-._breakWord_sdi21_106 {
+._breakWord_17dgc_106 {
   word-break: break-word;
 }
-._inputCell_sdi21_109 {
+._inputCell_17dgc_109 {
   padding: 0 !important;
 }
-._sliderCell_sdi21_112 {
+._sliderCell_17dgc_112 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
-._staticCell_sdi21_116 {
+._staticCell_17dgc_116 {
   padding: 0 !important;
 }
-._staticCell_sdi21_116 ._staticCellContent_sdi21_119 {
+._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
   line-height: 1.25;
   min-height: 100%;
   padding: var(--padding-input);
@@ -9455,34 +9465,34 @@ tbody tr {
   display: flex;
   align-items: center;
 }
-tbody ._staticCell_sdi21_116 ._staticCellContent_sdi21_119 {
+tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
   color: var(--color-text-muted);
 }
-._staticCell_sdi21_116 ._staticCellContent_sdi21_119._error_sdi21_131,
-._staticCell_sdi21_116 ._staticCellContent_sdi21_119._warning_sdi21_132 {
+._staticCell_17dgc_116 ._staticCellContent_17dgc_119._error_17dgc_131,
+._staticCell_17dgc_116 ._staticCellContent_17dgc_119._warning_17dgc_132 {
   border: 1px solid transparent;
 }
-._staticCell_sdi21_116 ._staticCellContent_sdi21_119._error_sdi21_131 {
+._staticCell_17dgc_116 ._staticCellContent_17dgc_119._error_17dgc_131 {
   background-color: var(--color-background-error);
 }
-._staticCell_sdi21_116 ._staticCellContent_sdi21_119._warning_sdi21_132 {
+._staticCell_17dgc_116 ._staticCellContent_17dgc_119._warning_17dgc_132 {
   background-color: var(--color-background-warning);
 }
-._staticCell_sdi21_116 ._staticCellContent_sdi21_119._unit_sdi21_141 {
+._staticCell_17dgc_116 ._staticCellContent_17dgc_119._unit_17dgc_141 {
   font-weight: normal;
 }
-._sortingCell_sdi21_144 ._staticCellContent_sdi21_119 {
+._sortingCell_17dgc_144 ._staticCellContent_17dgc_119 {
   position: relative;
   padding-right: calc(var(--size) + var(--padding-xxs)) !important;
   cursor: pointer !important;
 }
-._sortingCell_sdi21_144 ._staticCellContent_sdi21_119:hover {
+._sortingCell_17dgc_144 ._staticCellContent_17dgc_119:hover {
   background-color: rgba(0, 0, 0, 0.05) !important;
 }
-[data-theme='dark'] ._sortingCell_sdi21_144 ._staticCellContent_sdi21_119:hover {
+[data-theme='dark'] ._sortingCell_17dgc_144 ._staticCellContent_17dgc_119:hover {
   background-color: rgba(255, 255, 255, 0.1) !important;
 }
-._sortingCell_sdi21_144 ._sortingCellIcon_sdi21_155 {
+._sortingCell_17dgc_144 ._sortingCellIcon_17dgc_155 {
   font-size: var(--size-xs);
   position: absolute;
   right: var(--padding-input-x);
@@ -9490,22 +9500,22 @@ tbody ._staticCell_sdi21_116 ._staticCellContent_sdi21_119 {
   transform: translateY(-50%);
   display: flex;
 }
-._sortingCell_sdi21_144 ._sortingCellIcon_sdi21_155 > * {
+._sortingCell_17dgc_144 ._sortingCellIcon_17dgc_155 > * {
   display: flex;
 }
-._icon_sdi21_166 {
+._icon_17dgc_166 {
   display: inline-flex;
   margin-left: var(--padding-xxs);
 }
-._checkBoxCell_sdi21_170 {
+._checkBoxCell_17dgc_170 {
   padding-block: 0 !important;
   width: var(--size);
 }
-._iconCellWrapper_sdi21_174 {
+._iconCellWrapper_17dgc_174 {
   display: flex;
   justify-content: center;
 }
-._actionsCell_sdi21_178 {
+._actionsCell_17dgc_178 {
   width: var(--size-sm);
   padding: 0 calc((var(--size) - var(--size-sm)) / 2) !important;
   position: sticky;
@@ -9513,25 +9523,25 @@ tbody ._staticCell_sdi21_116 ._staticCellContent_sdi21_119 {
   background: inherit;
   z-index: 4;
 }
-._rightAligned_sdi21_186 {
+._rightAligned_17dgc_186 {
   text-align: right !important;
 }
-._rightAligned_sdi21_186 ._staticCellContent_sdi21_119 {
+._rightAligned_17dgc_186 ._staticCellContent_17dgc_119 {
   justify-content: flex-end;
 }
-._centerAligned_sdi21_192 {
+._centerAligned_17dgc_192 {
   text-align: center !important;
 }
-._centerAligned_sdi21_192 ._staticCellContent_sdi21_119 {
+._centerAligned_17dgc_192 ._staticCellContent_17dgc_119 {
   justify-content: center;
 }
-._leftAligned_sdi21_198 {
+._leftAligned_17dgc_198 {
   text-align: left !important;
 }
-._popover_sdi21_201 {
+._popover_17dgc_201 {
   padding: var(--padding-input);
 }
-._disabledPointerEvents_sdi21_204 {
+._disabledPointerEvents_17dgc_204 {
   pointer-events: none;
 }
 ._tabs_1jz3v_1 {
@@ -9602,83 +9612,83 @@ tbody ._staticCell_sdi21_116 ._staticCellContent_sdi21_119 {
 ._item_1jz3v_17._left_1jz3v_66 + ._item_1jz3v_17._right_1jz3v_66 {
   margin-left: auto;
 }
-._inputInTable_hyht1_1 {
+._inputInTable_66zck_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_hyht1_1:not(:hover) {
+._inputInTable_66zck_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_hyht1_1:not(:focus) {
+._inputInTable_66zck_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_hyht1_13 {
+._inputHover_66zck_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_hyht1_18 {
+._inputFocus_66zck_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_hyht1_25,
-._inputWarning_hyht1_26 {
+._inputError_66zck_25,
+._inputWarning_66zck_26 {
   position: relative;
 }
-._inputError_hyht1_25 {
+._inputError_66zck_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
-  background-color: var(--color-background-error);
+  background-color: var(--color-background-error-muted);
 }
-._inputError_hyht1_25:hover {
+._inputError_66zck_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_hyht1_25:focus {
+._inputError_66zck_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_hyht1_26 {
+._inputWarning_66zck_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning);
+  background-color: var(--color-background-warning-muted);
 }
-._inputWarning_hyht1_26:hover {
+._inputWarning_66zck_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_hyht1_26:focus {
+._inputWarning_66zck_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_hyht1_61 {
+._inputDisabled_66zck_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_hyht1_67 {
+._hideScrollbars_66zck_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_hyht1_67::-webkit-scrollbar {
+._hideScrollbars_66zck_67::-webkit-scrollbar {
   display: none;
 }
-._textarea_hyht1_77 {
+._textarea_66zck_77 {
   margin: 0;
   display: block;
   width: 100%;
@@ -9696,67 +9706,67 @@ tbody ._staticCell_sdi21_116 ._staticCellContent_sdi21_119 {
   box-shadow: none;
   min-height: var(--size);
 }
-._textarea_hyht1_77::placeholder {
+._textarea_66zck_77::placeholder {
   color: var(--color-text-placeholder);
 }
-._textarea_hyht1_77:hover {
+._textarea_66zck_77:hover {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._textarea_hyht1_77:focus {
+._textarea_66zck_77:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._textarea_hyht1_77[disabled] {
+._textarea_66zck_77[disabled] {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._textarea_hyht1_77._small_hyht1_116 {
+._textarea_66zck_77._small_66zck_116 {
   font-size: var(--font-size-sm);
   min-height: var(--size-sm);
   padding: var(--padding-input-sm);
 }
-._textarea_hyht1_77._error_hyht1_121 {
+._textarea_66zck_77._error_66zck_121 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
-  background-color: var(--color-background-error);
+  background-color: var(--color-background-error-muted);
 }
-._textarea_hyht1_77._error_hyht1_121:hover {
+._textarea_66zck_77._error_66zck_121:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._textarea_hyht1_77._error_hyht1_121:focus {
+._textarea_66zck_77._error_66zck_121:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._textarea_hyht1_77._warning_hyht1_138 {
+._textarea_66zck_77._warning_66zck_138 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning);
+  background-color: var(--color-background-warning-muted);
 }
-._textarea_hyht1_77._warning_hyht1_138:hover {
+._textarea_66zck_77._warning_66zck_138:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._textarea_hyht1_77._warning_hyht1_138:focus {
+._textarea_66zck_77._warning_66zck_138:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._textarea_hyht1_77._monospace_hyht1_155 {
+._textarea_66zck_77._monospace_66zck_155 {
   font-family: monospace;
 }
 :root {