@oliasoft-open-source/react-ui-library 4.0.0-beta-10 → 4.0.0-beta-12

package/dist/global.css

@@ -414,90 +414,90 @@ a {
   --color-primary-900: hsl(25.25, 100%, 12.5%);
   --color-primary-950: hsl(25.25, 100%, 7.5%);
   --color-primary-1000: hsl(25.25, 100%, 2.5%);
-  --color-error-0: hsl(180, 100%, 100%);
-  --color-error-50: hsl(0, 71.29186603%, 97.5%);
-  --color-error-100: hsl(0, 71.29186603%, 92.5%);
-  --color-error-150: hsl(0, 71.29186603%, 87.5%);
-  --color-error-200: hsl(0, 71.29186603%, 82.5%);
-  --color-error-250: hsl(0, 71.29186603%, 77.5%);
-  --color-error-300: hsl(0, 71.29186603%, 72.5%);
-  --color-error-350: hsl(0, 71.29186603%, 67.5%);
-  --color-error-400: hsl(0, 71.29186603%, 62.5%);
-  --color-error-450: hsl(0, 71.29186603%, 57.5%);
-  --color-error-500: hsl(0, 71.29186603%, 52.5%);
-  --color-error-550: hsl(0, 71.29186603%, 47.5%);
-  --color-error-600: hsl(0, 71.29186603%, 42.5%);
-  --color-error-650: hsl(0, 71.29186603%, 37.5%);
-  --color-error-700: hsl(0, 71.29186603%, 32.5%);
-  --color-error-750: hsl(0, 71.29186603%, 27.5%);
-  --color-error-800: hsl(0, 71.29186603%, 22.5%);
-  --color-error-850: hsl(0, 71.29186603%, 17.5%);
-  --color-error-900: hsl(0, 71.29186603%, 12.5%);
-  --color-error-950: hsl(0, 71.29186603%, 7.5%);
-  --color-error-1000: hsl(0, 71.29186603%, 2.5%);
+  --color-error-0: hsl(0, 0%, 100%);
+  --color-error-50: hsl(0, 51.29186603%, 97.5%);
+  --color-error-100: hsl(0, 51.29186603%, 92.5%);
+  --color-error-150: hsl(0, 51.29186603%, 87.5%);
+  --color-error-200: hsl(0, 51.29186603%, 82.5%);
+  --color-error-250: hsl(0, 51.29186603%, 77.5%);
+  --color-error-300: hsl(0, 51.29186603%, 72.5%);
+  --color-error-350: hsl(0, 51.29186603%, 67.5%);
+  --color-error-400: hsl(0, 51.29186603%, 62.5%);
+  --color-error-450: hsl(0, 51.29186603%, 57.5%);
+  --color-error-500: hsl(0, 51.29186603%, 52.5%);
+  --color-error-550: hsl(0, 51.29186603%, 47.5%);
+  --color-error-600: hsl(0, 51.29186603%, 42.5%);
+  --color-error-650: hsl(0, 51.29186603%, 37.5%);
+  --color-error-700: hsl(0, 51.29186603%, 32.5%);
+  --color-error-750: hsl(0, 51.29186603%, 27.5%);
+  --color-error-800: hsl(0, 51.29186603%, 22.5%);
+  --color-error-850: hsl(0, 51.29186603%, 17.5%);
+  --color-error-900: hsl(0, 51.29186603%, 12.5%);
+  --color-error-950: hsl(0, 51.29186603%, 7.5%);
+  --color-error-1000: hsl(0, 51.29186603%, 2.5%);
   --color-success-0: hsl(0, 0%, 100%);
-  --color-success-50: hsl(120, 52.03252033%, 97.5%);
-  --color-success-100: hsl(120, 52.03252033%, 92.5%);
-  --color-success-150: hsl(120, 52.03252033%, 87.5%);
-  --color-success-200: hsl(120, 52.03252033%, 82.5%);
-  --color-success-250: hsl(120, 52.03252033%, 77.5%);
-  --color-success-300: hsl(120, 52.03252033%, 72.5%);
-  --color-success-350: hsl(120, 52.03252033%, 67.5%);
-  --color-success-400: hsl(120, 52.03252033%, 62.5%);
-  --color-success-450: hsl(120, 52.03252033%, 57.5%);
-  --color-success-500: hsl(120, 52.03252033%, 52.5%);
-  --color-success-550: hsl(120, 52.03252033%, 47.5%);
-  --color-success-600: hsl(120, 52.03252033%, 42.5%);
-  --color-success-650: hsl(120, 52.03252033%, 37.5%);
-  --color-success-700: hsl(120, 52.03252033%, 32.5%);
-  --color-success-750: hsl(120, 52.03252033%, 27.5%);
-  --color-success-800: hsl(120, 52.03252033%, 22.5%);
-  --color-success-850: hsl(120, 52.03252033%, 17.5%);
-  --color-success-900: hsl(120, 52.03252033%, 12.5%);
-  --color-success-950: hsl(120, 52.03252033%, 7.5%);
-  --color-success-1000: hsl(120, 52.03252033%, 2.5%);
-  --color-warning-0: hsl(240, 100%, 100%);
-  --color-warning-50: hsl(44.9197861, 76.32653061%, 97.5%);
-  --color-warning-100: hsl(44.9197861, 76.32653061%, 92.5%);
-  --color-warning-150: hsl(44.9197861, 76.32653061%, 87.5%);
-  --color-warning-200: hsl(44.9197861, 76.32653061%, 82.5%);
-  --color-warning-250: hsl(44.9197861, 76.32653061%, 77.5%);
-  --color-warning-300: hsl(44.9197861, 76.32653061%, 72.5%);
-  --color-warning-350: hsl(44.9197861, 76.32653061%, 67.5%);
-  --color-warning-400: hsl(44.9197861, 76.32653061%, 62.5%);
-  --color-warning-450: hsl(44.9197861, 76.32653061%, 57.5%);
-  --color-warning-500: hsl(44.9197861, 76.32653061%, 52.5%);
-  --color-warning-550: hsl(44.9197861, 76.32653061%, 47.5%);
-  --color-warning-600: hsl(44.9197861, 76.32653061%, 42.5%);
-  --color-warning-650: hsl(44.9197861, 76.32653061%, 37.5%);
-  --color-warning-700: hsl(44.9197861, 76.32653061%, 32.5%);
-  --color-warning-750: hsl(44.9197861, 76.32653061%, 27.5%);
-  --color-warning-800: hsl(44.9197861, 76.32653061%, 22.5%);
-  --color-warning-850: hsl(44.9197861, 76.32653061%, 17.5%);
-  --color-warning-900: hsl(44.9197861, 76.32653061%, 12.5%);
-  --color-warning-950: hsl(44.9197861, 76.32653061%, 7.5%);
-  --color-warning-1000: hsl(44.9197861, 76.32653061%, 2.5%);
+  --color-success-50: hsl(120, 32.03252033%, 97.5%);
+  --color-success-100: hsl(120, 32.03252033%, 92.5%);
+  --color-success-150: hsl(120, 32.03252033%, 87.5%);
+  --color-success-200: hsl(120, 32.03252033%, 82.5%);
+  --color-success-250: hsl(120, 32.03252033%, 77.5%);
+  --color-success-300: hsl(120, 32.03252033%, 72.5%);
+  --color-success-350: hsl(120, 32.03252033%, 67.5%);
+  --color-success-400: hsl(120, 32.03252033%, 62.5%);
+  --color-success-450: hsl(120, 32.03252033%, 57.5%);
+  --color-success-500: hsl(120, 32.03252033%, 52.5%);
+  --color-success-550: hsl(120, 32.03252033%, 47.5%);
+  --color-success-600: hsl(120, 32.03252033%, 42.5%);
+  --color-success-650: hsl(120, 32.03252033%, 37.5%);
+  --color-success-700: hsl(120, 32.03252033%, 32.5%);
+  --color-success-750: hsl(120, 32.03252033%, 27.5%);
+  --color-success-800: hsl(120, 32.03252033%, 22.5%);
+  --color-success-850: hsl(120, 32.03252033%, 17.5%);
+  --color-success-900: hsl(120, 32.03252033%, 12.5%);
+  --color-success-950: hsl(120, 32.03252033%, 7.5%);
+  --color-success-1000: hsl(120, 32.03252033%, 2.5%);
+  --color-warning-0: hsl(0, 0%, 100%);
+  --color-warning-50: hsl(44.9197861, 56.32653061%, 97.5%);
+  --color-warning-100: hsl(44.9197861, 56.32653061%, 92.5%);
+  --color-warning-150: hsl(44.9197861, 56.32653061%, 87.5%);
+  --color-warning-200: hsl(44.9197861, 56.32653061%, 82.5%);
+  --color-warning-250: hsl(44.9197861, 56.32653061%, 77.5%);
+  --color-warning-300: hsl(44.9197861, 56.32653061%, 72.5%);
+  --color-warning-350: hsl(44.9197861, 56.32653061%, 67.5%);
+  --color-warning-400: hsl(44.9197861, 56.32653061%, 62.5%);
+  --color-warning-450: hsl(44.9197861, 56.32653061%, 57.5%);
+  --color-warning-500: hsl(44.9197861, 56.32653061%, 52.5%);
+  --color-warning-550: hsl(44.9197861, 56.32653061%, 47.5%);
+  --color-warning-600: hsl(44.9197861, 56.32653061%, 42.5%);
+  --color-warning-650: hsl(44.9197861, 56.32653061%, 37.5%);
+  --color-warning-700: hsl(44.9197861, 56.32653061%, 32.5%);
+  --color-warning-750: hsl(44.9197861, 56.32653061%, 27.5%);
+  --color-warning-800: hsl(44.9197861, 56.32653061%, 22.5%);
+  --color-warning-850: hsl(44.9197861, 56.32653061%, 17.5%);
+  --color-warning-900: hsl(44.9197861, 56.32653061%, 12.5%);
+  --color-warning-950: hsl(44.9197861, 56.32653061%, 7.5%);
+  --color-warning-1000: hsl(44.9197861, 56.32653061%, 2.5%);
   --color-info-0: hsl(0, 0%, 100%);
-  --color-info-50: hsl(201.03092784, 82.90598291%, 97.5%);
-  --color-info-100: hsl(201.03092784, 82.90598291%, 92.5%);
-  --color-info-150: hsl(201.03092784, 82.90598291%, 87.5%);
-  --color-info-200: hsl(201.03092784, 82.90598291%, 82.5%);
-  --color-info-250: hsl(201.03092784, 82.90598291%, 77.5%);
-  --color-info-300: hsl(201.03092784, 82.90598291%, 72.5%);
-  --color-info-350: hsl(201.03092784, 82.90598291%, 67.5%);
-  --color-info-400: hsl(201.03092784, 82.90598291%, 62.5%);
-  --color-info-450: hsl(201.03092784, 82.90598291%, 57.5%);
-  --color-info-500: hsl(201.03092784, 82.90598291%, 52.5%);
-  --color-info-550: hsl(201.03092784, 82.90598291%, 47.5%);
-  --color-info-600: hsl(201.03092784, 82.90598291%, 42.5%);
-  --color-info-650: hsl(201.03092784, 82.90598291%, 37.5%);
-  --color-info-700: hsl(201.03092784, 82.90598291%, 32.5%);
-  --color-info-750: hsl(201.03092784, 82.90598291%, 27.5%);
-  --color-info-800: hsl(201.03092784, 82.90598291%, 22.5%);
-  --color-info-850: hsl(201.03092784, 82.90598291%, 17.5%);
-  --color-info-900: hsl(201.03092784, 82.90598291%, 12.5%);
-  --color-info-950: hsl(201.03092784, 82.90598291%, 7.5%);
-  --color-info-1000: hsl(201.03092784, 82.90598291%, 2.5%);
+  --color-info-50: hsl(201.03092784, 52.90598291%, 97.5%);
+  --color-info-100: hsl(201.03092784, 52.90598291%, 92.5%);
+  --color-info-150: hsl(201.03092784, 52.90598291%, 87.5%);
+  --color-info-200: hsl(201.03092784, 52.90598291%, 82.5%);
+  --color-info-250: hsl(201.03092784, 52.90598291%, 77.5%);
+  --color-info-300: hsl(201.03092784, 52.90598291%, 72.5%);
+  --color-info-350: hsl(201.03092784, 52.90598291%, 67.5%);
+  --color-info-400: hsl(201.03092784, 52.90598291%, 62.5%);
+  --color-info-450: hsl(201.03092784, 52.90598291%, 57.5%);
+  --color-info-500: hsl(201.03092784, 52.90598291%, 52.5%);
+  --color-info-550: hsl(201.03092784, 52.90598291%, 47.5%);
+  --color-info-600: hsl(201.03092784, 52.90598291%, 42.5%);
+  --color-info-650: hsl(201.03092784, 52.90598291%, 37.5%);
+  --color-info-700: hsl(201.03092784, 52.90598291%, 32.5%);
+  --color-info-750: hsl(201.03092784, 52.90598291%, 27.5%);
+  --color-info-800: hsl(201.03092784, 52.90598291%, 22.5%);
+  --color-info-850: hsl(201.03092784, 52.90598291%, 17.5%);
+  --color-info-900: hsl(201.03092784, 52.90598291%, 12.5%);
+  --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, 10.34482759%, 97.5%);
   --color-neutral-100: hsl(60, 10.34482759%, 92.5%);
@@ -572,15 +572,15 @@ a {
   --color-text-error: var(--color-error-600);
   --color-text-warning: var(--color-warning-600);
   --color-text-success: var(--color-success-600);
-  --color-text-info: var(--color-neutral-600);
+  --color-text-info: var(--color-info-600);
   --color-text-primary: var(--color-primary-500);
   --color-text-primary-hover: var(--color-primary-550);
   --color-text-primary-active: var(--color-primary-600);
   --color-text-placeholder: rgba(0, 0, 0, 0.3);
   --color-background: var(--color-neutral-50);
   --color-background-raised: white;
-  --color-background-disabled: rgba(0, 0, 0, 0.075);
-  --color-background-info: var(--color-neutral-100);
+  --color-background-disabled: rgba(0, 0, 0, 0.05);
+  --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);
@@ -601,14 +601,14 @@ a {
 
 html[data-theme='dark'] {
   color-scheme: dark;
-  --color-text: var(--color-neutral-200);
+  --color-text: var(--color-neutral-150);
   --color-text-muted: var(--color-neutral-400);
   --color-text-faint: var(--color-neutral-600);
   --color-text-primary: var(--color-primary-450);
   --color-text-primary-active: var(--color-primary-350);
   --color-text-primary-hover: var(--color-primary-400);
   --color-text-error: var(--color-error-200);
-  --color-text-info: var(--color-neutral-200);
+  --color-text-info: var(--color-info-200);
   --color-text-success: var(--color-success-200);
   --color-text-warning: var(--color-warning-200);
   --color-text-placeholder: rgba(255, 255, 255, 0.4);
@@ -616,7 +616,7 @@ html[data-theme='dark'] {
   --color-background-raised: var(--color-neutral-900);
   --color-background-disabled: rgba(255, 255, 255, 0.1);
   --color-background-error: var(--color-error-700);
-  --color-background-info: var(--color-neutral-700);
+  --color-background-info: var(--color-info-700);
   --color-background-success: var(--color-success-700);
   --color-background-warning: var(--color-warning-700);
   --color-background-primary: var(--color-primary-500);
@@ -1208,86 +1208,88 @@ a {
   transform-origin: 100% 0%;
   z-index: 3;
 }
-._inputInTable_4glow_1 {
+._inputInTable_1aa9x_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_4glow_1:not(:hover) {
+._inputInTable_1aa9x_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_4glow_1:not(:focus) {
+._inputInTable_1aa9x_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_4glow_13 {
+._inputHover_1aa9x_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_4glow_18 {
+._inputFocus_1aa9x_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_4glow_25,
-._inputWarning_4glow_26 {
+._inputError_1aa9x_25,
+._inputWarning_1aa9x_26 {
   position: relative;
 }
-._inputError_4glow_25 {
+._inputError_1aa9x_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_4glow_25:hover {
+._inputError_1aa9x_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_4glow_25:focus {
+._inputError_1aa9x_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_4glow_26 {
+._inputWarning_1aa9x_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_4glow_26:hover {
+._inputWarning_1aa9x_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_4glow_26:focus {
+._inputWarning_1aa9x_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_4glow_61 {
+._inputDisabled_1aa9x_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_4glow_67 {
+._hideScrollbars_1aa9x_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_4glow_67::-webkit-scrollbar {
+._hideScrollbars_1aa9x_67::-webkit-scrollbar {
   display: none;
 }
 :root {
   --color-background-button-default: var(--color-neutral-0);
   --color-background-button-default-hover: var(--color-neutral-50);
   --color-background-button-default-active: var(--color-neutral-100);
+  --color-border-button-default-active: var(--color-primary-500);
+  --color-text-button-default-active: var(--color-primary-500);
   --color-background-button-primary: var(--color-primary-500);
   --color-background-button-primary-hover: var(--color-primary-550);
   --color-background-button-primary-active: var(--color-primary-600);
@@ -1304,10 +1306,11 @@ html[data-theme='dark'] {
   --color-background-button-default: var(--color-neutral-700);
   --color-background-button-default-hover: var(--color-neutral-650);
   --color-background-button-default-active: var(--color-neutral-600);
-  --color-border-button: var(--color-border);
-  --color-border-button-hover: var(--color-border);
+  --color-text-button-default-active: white;
+  --color-border-button: rgba(255, 255, 255, 0.1);
+  --color-border-button-hover: rgba(255, 255, 255, 0.15);
 }
-._button_4glow_100 {
+._button_1aa9x_103 {
   cursor: pointer;
   display: inline-flex;
   align-items: center;
@@ -1333,221 +1336,221 @@ html[data-theme='dark'] {
   min-height: var(--size);
   box-shadow: var(--shadow-button);
 }
-._button_4glow_100:hover {
+._button_1aa9x_103:hover {
   background: var(--color-background-button-default-hover);
   border-color: var(--color-border-button-hover);
 }
-._button_4glow_100:focus {
+._button_1aa9x_103:focus {
   box-shadow: var(--shadow-focus) !important;
 }
-._button_4glow_100:active {
+._button_1aa9x_103:active {
   background: var(--color-background-button-default-active);
   box-shadow: none;
 }
-._button_4glow_100._active_4glow_137:not(._green_4glow_137):not(._red_4glow_137):not(._orange_4glow_137) {
-  border-color: var(--color-background-button-primary);
-  color: var(--color-text-primary);
+._button_1aa9x_103._active_1aa9x_140:not(._green_1aa9x_140):not(._red_1aa9x_140):not(._orange_1aa9x_140) {
+  border-color: var(--color-border-button-default-active);
+  color: var(--color-text-button-default-active);
   position: relative;
   z-index: 2;
 }
-._button_4glow_100:hover,
-._button_4glow_100:focus,
-._button_4glow_100:active {
+._button_1aa9x_103:hover,
+._button_1aa9x_103:focus,
+._button_1aa9x_103:active {
   position: relative;
   z-index: 1;
 }
-._button_4glow_100 ._icon_4glow_149 {
+._button_1aa9x_103 ._icon_1aa9x_152 {
   margin: -2px;
   margin-right: var(--spacing-xs);
   font-size: 1.25em;
 }
-._iconOnly_4glow_154 {
+._iconOnly_1aa9x_157 {
   width: var(--size);
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
-._iconOnly_4glow_154 ._icon_4glow_149 {
+._iconOnly_1aa9x_157 ._icon_1aa9x_152 {
   margin: 0;
   line-height: 0;
 }
-._basic_4glow_164 {
+._basic_1aa9x_167 {
   color: var(--color-text-primary);
   background: transparent;
   box-shadow: none !important;
   border: none !important;
 }
-._basic_4glow_164._muted_4glow_170 {
+._basic_1aa9x_167._muted_1aa9x_173 {
   color: var(--color-text-muted);
 }
-._basic_4glow_164:hover {
+._basic_1aa9x_167:hover {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.05);
 }
-._basic_4glow_164:active,
-._basic_4glow_164._active_4glow_137 {
+._basic_1aa9x_167:active,
+._basic_1aa9x_167._active_1aa9x_140 {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.1);
 }
-._disabled_4glow_182 {
+._disabled_1aa9x_185 {
   cursor: default;
   pointer-events: none !important;
-  color: var(--color-text-faint) !important;
+  color: var(--color-text-muted) !important;
   box-shadow: none !important;
 }
-._disabled_4glow_182:not(._active_4glow_137):not(._basic_4glow_164) {
+._disabled_1aa9x_185:not(._active_1aa9x_140):not(._basic_1aa9x_167) {
   background: var(--color-background-disabled) !important;
   border: 1px solid var(--color-border) !important;
 }
-._small_4glow_192 {
+._small_1aa9x_195 {
   font-size: var(--font-size-sm);
   min-height: var(--size-sm);
   padding: var(--padding-input-sm);
 }
-._pill_4glow_197,
-._round_4glow_198 {
+._pill_1aa9x_200,
+._round_1aa9x_201 {
   border-radius: 19px;
   display: inline-flex;
   align-items: center;
 }
-._round_4glow_198 {
+._round_1aa9x_201 {
   padding: 0;
   width: var(--size);
   line-height: 1;
 }
-._round_4glow_198._small_4glow_192 {
+._round_1aa9x_201._small_1aa9x_195 {
   width: var(--size-sm);
 }
-._orange_4glow_137:not(._basic_4glow_164) {
+._orange_1aa9x_140:not(._basic_1aa9x_167) {
   background-color: var(--color-background-button-primary);
 }
-._orange_4glow_137:not(._basic_4glow_164):hover {
+._orange_1aa9x_140:not(._basic_1aa9x_167):hover {
   background-color: var(--color-background-button-primary-hover);
 }
-._orange_4glow_137:not(._basic_4glow_164):active,
-._orange_4glow_137:not(._basic_4glow_164)._active_4glow_137 {
+._orange_1aa9x_140:not(._basic_1aa9x_167):active,
+._orange_1aa9x_140:not(._basic_1aa9x_167)._active_1aa9x_140 {
   background-color: var(--color-background-button-primary-active);
 }
-._red_4glow_137:not(._basic_4glow_164) {
+._red_1aa9x_140:not(._basic_1aa9x_167) {
   background-color: var(--color-background-button-error);
 }
-._red_4glow_137:not(._basic_4glow_164):hover {
+._red_1aa9x_140:not(._basic_1aa9x_167):hover {
   background-color: var(--color-background-button-error-hover);
 }
-._red_4glow_137:not(._basic_4glow_164):active,
-._red_4glow_137:not(._basic_4glow_164)._active_4glow_137 {
+._red_1aa9x_140:not(._basic_1aa9x_167):active,
+._red_1aa9x_140:not(._basic_1aa9x_167)._active_1aa9x_140 {
   background-color: var(--color-background-button-error-active);
 }
-._red_4glow_137._basic_4glow_164 {
+._red_1aa9x_140._basic_1aa9x_167 {
   color: var(--color-text-error);
 }
-._green_4glow_137:not(._basic_4glow_164) {
+._green_1aa9x_140:not(._basic_1aa9x_167) {
   background-color: var(--color-background-button-success);
 }
-._green_4glow_137:not(._basic_4glow_164):hover {
+._green_1aa9x_140:not(._basic_1aa9x_167):hover {
   background-color: var(--color-background-button-success-hover);
 }
-._green_4glow_137:not(._basic_4glow_164):active,
-._green_4glow_137:not(._basic_4glow_164)._active_4glow_137 {
+._green_1aa9x_140:not(._basic_1aa9x_167):active,
+._green_1aa9x_140:not(._basic_1aa9x_167)._active_1aa9x_140 {
   background-color: var(--color-background-button-success-active);
 }
-._green_4glow_137._basic_4glow_164 {
+._green_1aa9x_140._basic_1aa9x_167 {
   color: var(--color-text-success);
 }
-._orange_4glow_137:not(._basic_4glow_164),
-._red_4glow_137:not(._basic_4glow_164),
-._green_4glow_137:not(._basic_4glow_164) {
+._orange_1aa9x_140:not(._basic_1aa9x_167),
+._red_1aa9x_140:not(._basic_1aa9x_167),
+._green_1aa9x_140:not(._basic_1aa9x_167) {
   color: #fff;
 }
-._orange_4glow_137:not(._basic_4glow_164):hover,
-._red_4glow_137:not(._basic_4glow_164):hover,
-._green_4glow_137:not(._basic_4glow_164):hover {
+._orange_1aa9x_140:not(._basic_1aa9x_167):hover,
+._red_1aa9x_140:not(._basic_1aa9x_167):hover,
+._green_1aa9x_140:not(._basic_1aa9x_167):hover {
   color: #fff;
 }
-._orange_4glow_137:not(._basic_4glow_164):active,
-._red_4glow_137:not(._basic_4glow_164):active,
-._green_4glow_137:not(._basic_4glow_164):active,
-._orange_4glow_137:not(._basic_4glow_164)._active_4glow_137,
-._red_4glow_137:not(._basic_4glow_164)._active_4glow_137,
-._green_4glow_137:not(._basic_4glow_164)._active_4glow_137 {
+._orange_1aa9x_140:not(._basic_1aa9x_167):active,
+._red_1aa9x_140:not(._basic_1aa9x_167):active,
+._green_1aa9x_140:not(._basic_1aa9x_167):active,
+._orange_1aa9x_140:not(._basic_1aa9x_167)._active_1aa9x_140,
+._red_1aa9x_140:not(._basic_1aa9x_167)._active_1aa9x_140,
+._green_1aa9x_140:not(._basic_1aa9x_167)._active_1aa9x_140 {
   color: #fff;
 }
-._error_4glow_265 {
+._error_1aa9x_268 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._error_4glow_265:hover {
+._error_1aa9x_268:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._error_4glow_265:focus {
+._error_1aa9x_268:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._warning_4glow_282 {
+._warning_1aa9x_285 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._warning_4glow_282:hover {
+._warning_1aa9x_285:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._warning_4glow_282:focus {
+._warning_1aa9x_285:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inverted_4glow_299 {
+._inverted_1aa9x_302 {
   background-color: transparent;
   border-color: var(--color-text);
   box-shadow: none;
 }
-._inverted_4glow_299:hover,
-._inverted_4glow_299:active {
+._inverted_1aa9x_302:hover,
+._inverted_1aa9x_302:active {
   box-shadow: none;
 }
-._inverted_4glow_299._orange_4glow_137 {
+._inverted_1aa9x_302._orange_1aa9x_140 {
   color: var(--color-background-button-primary);
   border-color: var(--color-background-button-primary);
 }
-._inverted_4glow_299._red_4glow_137 {
+._inverted_1aa9x_302._red_1aa9x_140 {
   color: var(--color-background-button-error);
   border-color: var(--color-background-button-error);
 }
-._inverted_4glow_299._green_4glow_137 {
+._inverted_1aa9x_302._green_1aa9x_140 {
   color: var(--color-background-button-success);
   border-color: var(--color-background-button-success);
 }
-._inverted_4glow_299._orange_4glow_137:hover,
-._inverted_4glow_299._red_4glow_137:hover,
-._inverted_4glow_299._green_4glow_137:hover,
-._inverted_4glow_299._orange_4glow_137:active,
-._inverted_4glow_299._red_4glow_137:active,
-._inverted_4glow_299._green_4glow_137:active {
+._inverted_1aa9x_302._orange_1aa9x_140:hover,
+._inverted_1aa9x_302._red_1aa9x_140:hover,
+._inverted_1aa9x_302._green_1aa9x_140:hover,
+._inverted_1aa9x_302._orange_1aa9x_140:active,
+._inverted_1aa9x_302._red_1aa9x_140:active,
+._inverted_1aa9x_302._green_1aa9x_140:active {
   color: white;
   box-shadow: none;
 }
-._groupOrderFirst_4glow_329,
-._groupOrderMiddle_4glow_330,
-._groupOrderLast_4glow_331 {
+._groupOrderFirst_1aa9x_332,
+._groupOrderMiddle_1aa9x_333,
+._groupOrderLast_1aa9x_334 {
   margin-right: 0;
 }
-._groupOrderFirst_4glow_329,
-._groupOrderMiddle_4glow_330 {
+._groupOrderFirst_1aa9x_332,
+._groupOrderMiddle_1aa9x_333 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_4glow_331,
-._groupOrderMiddle_4glow_330 {
+._groupOrderLast_1aa9x_334,
+._groupOrderMiddle_1aa9x_333 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
@@ -2772,80 +2775,80 @@ html[data-theme='dark'] {
 ._details_cvm5e_53 {
   margin-top: var(--spacing-xs);
 }
-._inputInTable_17o1r_1 {
+._inputInTable_i0gah_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_17o1r_1:not(:hover) {
+._inputInTable_i0gah_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_17o1r_1:not(:focus) {
+._inputInTable_i0gah_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_17o1r_13 {
+._inputHover_i0gah_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_17o1r_18 {
+._inputFocus_i0gah_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_17o1r_25,
-._inputWarning_17o1r_26 {
+._inputError_i0gah_25,
+._inputWarning_i0gah_26 {
   position: relative;
 }
-._inputError_17o1r_25 {
+._inputError_i0gah_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_17o1r_25:hover {
+._inputError_i0gah_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_17o1r_25:focus {
+._inputError_i0gah_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_17o1r_26 {
+._inputWarning_i0gah_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_17o1r_26:hover {
+._inputWarning_i0gah_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_17o1r_26:focus {
+._inputWarning_i0gah_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_17o1r_61 {
+._inputDisabled_i0gah_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_17o1r_67 {
+._hideScrollbars_i0gah_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_17o1r_67::-webkit-scrollbar {
+._hideScrollbars_i0gah_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -2854,7 +2857,7 @@ html[data-theme='dark'] {
 html[data-theme='dark'] {
   --color-border-message: transparent;
 }
-._container_17o1r_83 {
+._container_i0gah_83 {
   padding: var(--padding-card);
   border-radius: var(--border-radius);
   display: inline-flex;
@@ -2869,75 +2872,77 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._container_17o1r_83::-webkit-scrollbar {
+._container_i0gah_83::-webkit-scrollbar {
   display: none;
 }
-._container_17o1r_83._block_17o1r_101 {
+._container_i0gah_83._block_i0gah_101 {
   display: flex;
 }
-._container_17o1r_83._info_17o1r_104 {
+._container_i0gah_83._info_i0gah_104 {
   color: var(--color-text-info);
   background-color: var(--color-background-info);
 }
-._container_17o1r_83._success_17o1r_108 {
+._container_i0gah_83._success_i0gah_108 {
   color: var(--color-text-success);
   background-color: var(--color-background-success);
 }
-._container_17o1r_83._warning_17o1r_112 {
+._container_i0gah_83._warning_i0gah_112 {
   color: var(--color-text-warning);
   background-color: var(--color-background-warning);
 }
-._container_17o1r_83._error_17o1r_116 {
+._container_i0gah_83._error_i0gah_116 {
   color: var(--color-text-error);
   background-color: var(--color-background-error);
 }
-._content_17o1r_120 {
+._content_i0gah_120 {
   flex: 1;
   min-width: 0;
 }
-._heading_17o1r_124 {
+._heading_i0gah_124 {
   font-weight: bold;
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: var(--font-size-sm);
   line-height: var(--line-height);
 }
-._icon_17o1r_131 {
+._icon_i0gah_131 {
   display: flex;
   justify-content: center;
   align-items: center;
-  height: var(--size-sm);
+  height: var(--line-height);
   margin-right: 12px;
-  margin-top: -2px;
+  font-size: 18px;
 }
-._dismiss_17o1r_139 {
+._dismiss_i0gah_139 {
   margin-left: 12px;
   color: var(--color-text);
 }
-._dismiss_17o1r_139._absolute_17o1r_143 {
+._dismiss_i0gah_139._absolute_i0gah_143 {
   position: absolute;
   top: var(--spacing-xs);
   right: var(--spacing-sm);
 }
-._dismiss_17o1r_139 {
+._dismiss_i0gah_139 {
+  display: flex;
   margin-top: -2px;
+  margin-bottom: -2px;
   margin-right: -6px;
 }
-._legendToggle_17o1r_152 {
+._legendToggle_i0gah_154 {
   opacity: 0.6;
 }
-._legendToggle_17o1r_152:hover {
+._legendToggle_i0gah_154:hover {
   opacity: 0.8;
   cursor: pointer;
 }
-._legendToggle_17o1r_152:active {
+._legendToggle_i0gah_154:active {
   opacity: 1;
 }
-._detailsText_17o1r_162 {
+._detailsText_i0gah_164 {
   margin-top: var(--spacing);
   word-break: break-word;
 }
-._footer_17o1r_166 {
+._footer_i0gah_168 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--spacing-sm);
@@ -3046,205 +3051,205 @@ html[data-theme='dark'] {
 ._page_beskc_1._scroll_beskc_23 {
   overflow: auto;
 }
-._inputInTable_brru0_1 {
+._inputInTable_1cli0_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_brru0_1:not(:hover) {
+._inputInTable_1cli0_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_brru0_1:not(:focus) {
+._inputInTable_1cli0_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_brru0_13 {
+._inputHover_1cli0_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_brru0_18 {
+._inputFocus_1cli0_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_brru0_25,
-._inputWarning_brru0_26 {
+._inputError_1cli0_25,
+._inputWarning_1cli0_26 {
   position: relative;
 }
-._inputError_brru0_25 {
+._inputError_1cli0_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_brru0_25:hover {
+._inputError_1cli0_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_brru0_25:focus {
+._inputError_1cli0_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_brru0_26 {
+._inputWarning_1cli0_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_brru0_26:hover {
+._inputWarning_1cli0_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_brru0_26:focus {
+._inputWarning_1cli0_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_brru0_61 {
+._inputDisabled_1cli0_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_brru0_67 {
+._hideScrollbars_1cli0_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_brru0_67::-webkit-scrollbar {
+._hideScrollbars_1cli0_67::-webkit-scrollbar {
   display: none;
 }
-._select_brru0_77 {
+._select_1cli0_77 {
   appearance: none !important;
   -webkit-appearance: none !important;
   -moz-appearance: none !important;
   display: inline-block;
   width: 100%;
   padding: var(--padding-input);
-  padding-right: calc(var(--size-xs) + (2 * var(--spacing-xs)));
+  padding-right: calc(var(--padding-input-x) + var(--font-size));
   color: var(--color-text);
   vertical-align: middle;
   background: var(--color-background-input) 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(63, 63, 51)' 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") no-repeat right var(--spacing-xs) center;
-  background-size: calc(var(--size) / 2);
+  background-size: var(--font-size);
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   height: var(--size);
   box-shadow: var(--shadow-button);
 }
-[data-theme='dark'] ._select_brru0_77 {
+[data-theme='dark'] ._select_1cli0_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_brru0_77 option {
+._select_1cli0_77 option {
   background: var(--color-background-input);
   color: var(--color-text);
 }
-._select_brru0_77 option:focus {
+._select_1cli0_77 option:focus {
   background-color: var(--color-background-listitem-active);
 }
-._select_brru0_77:-moz-focusring {
+._select_1cli0_77:-moz-focusring {
   color: transparent !important;
   text-shadow: 0 0 0 #000 !important;
 }
-._select_brru0_77:hover {
+._select_1cli0_77:hover {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
   cursor: pointer;
 }
-._select_brru0_77:focus {
+._select_1cli0_77:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._select_brru0_77._isInTable_brru0_121 {
+._select_1cli0_77._isInTable_1cli0_121 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._select_brru0_77._isInTable_brru0_121:not(:hover) {
+._select_1cli0_77._isInTable_1cli0_121:not(:hover) {
   border-color: transparent;
 }
-._select_brru0_77._isInTable_brru0_121:not(:focus) {
+._select_1cli0_77._isInTable_1cli0_121:not(:focus) {
   box-shadow: none;
 }
-._select_brru0_77._unSelected_brru0_133 {
+._select_1cli0_77._unSelected_1cli0_133 {
   color: var(--color-text-placeholder) !important;
 }
-._select_brru0_77._unSelected_brru0_133:-moz-focusring {
+._select_1cli0_77._unSelected_1cli0_133:-moz-focusring {
   color: transparent !important;
   text-shadow: 0 0 0 #000 !important;
 }
-._select_brru0_77._error_brru0_140 {
+._select_1cli0_77._error_1cli0_140 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._select_brru0_77._error_brru0_140:hover {
+._select_1cli0_77._error_1cli0_140:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._select_brru0_77._error_brru0_140:focus {
+._select_1cli0_77._error_1cli0_140:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._select_brru0_77._warning_brru0_157 {
+._select_1cli0_77._warning_1cli0_157 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._select_brru0_77._warning_brru0_157:hover {
+._select_1cli0_77._warning_1cli0_157:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._select_brru0_77._warning_brru0_157:focus {
+._select_1cli0_77._warning_1cli0_157:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._select_brru0_77._small_brru0_174 {
+._select_1cli0_77._small_1cli0_174 {
   font-size: var(--font-size-sm);
   height: var(--size-sm);
   padding: var(--padding-input-sm);
-  background-size: calc(var(--size-sm) / 2);
+  background-size: var(--font-size-sm);
   background-position: right var(--spacing-2xs) center;
-  padding-right: 28px;
+  padding-right: calc(var(--padding-input-sm-x) + var(--font-size-sm));
 }
-._select_brru0_77._right_brru0_182 {
+._select_1cli0_77._right_1cli0_182 {
   text-align: right;
   text-align-last: right;
 }
-._select_brru0_77[disabled] {
+._select_1cli0_77[disabled] {
   opacity: 1;
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._groupOrderFirst_brru0_193,
-._groupOrderMiddle_brru0_194 {
+._groupOrderFirst_1cli0_193,
+._groupOrderMiddle_1cli0_194 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_brru0_198,
-._groupOrderMiddle_brru0_194 {
+._groupOrderLast_1cli0_198,
+._groupOrderMiddle_1cli0_194 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
@@ -3360,87 +3365,83 @@ html[data-theme='dark'] {
   display: inline;
   white-space: nowrap;
 }
-._inputInTable_1dpp2_1 {
+._inputInTable_1nzsx_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1dpp2_1:not(:hover) {
+._inputInTable_1nzsx_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1dpp2_1:not(:focus) {
+._inputInTable_1nzsx_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1dpp2_13 {
+._inputHover_1nzsx_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1dpp2_18 {
+._inputFocus_1nzsx_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1dpp2_25,
-._inputWarning_1dpp2_26 {
+._inputError_1nzsx_25,
+._inputWarning_1nzsx_26 {
   position: relative;
 }
-._inputError_1dpp2_25 {
+._inputError_1nzsx_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1dpp2_25:hover {
+._inputError_1nzsx_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1dpp2_25:focus {
+._inputError_1nzsx_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1dpp2_26 {
+._inputWarning_1nzsx_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1dpp2_26:hover {
+._inputWarning_1nzsx_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1dpp2_26:focus {
+._inputWarning_1nzsx_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1dpp2_61 {
+._inputDisabled_1nzsx_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1dpp2_67 {
+._hideScrollbars_1nzsx_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1dpp2_67::-webkit-scrollbar {
+._hideScrollbars_1nzsx_67::-webkit-scrollbar {
   display: none;
 }
-:root {
-  --size-select-icon: calc(var(--size) / 2);
-  --size-select-icon-sm: calc(var(--size-sm) / 2);
-}
-._trigger_1dpp2_81 {
+._trigger_1nzsx_77 {
   font-weight: normal;
   display: flex;
   align-items: center;
@@ -3452,106 +3453,104 @@ html[data-theme='dark'] {
   padding-left: var(--padding-input-x);
   box-shadow: var(--shadow-button);
 }
-._trigger_1dpp2_81 input {
+._trigger_1nzsx_77 input {
   border: none !important;
   background: transparent !important;
 }
-._trigger_1dpp2_81._isInTable_1dpp2_97 {
+._trigger_1nzsx_77._isInTable_1nzsx_93 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._trigger_1dpp2_81._isInTable_1dpp2_97:not(:hover) {
+._trigger_1nzsx_77._isInTable_1nzsx_93:not(:hover) {
   border-color: transparent;
 }
-._trigger_1dpp2_81._isInTable_1dpp2_97:not(:focus) {
+._trigger_1nzsx_77._isInTable_1nzsx_93:not(:focus) {
   box-shadow: none;
 }
-._trigger_1dpp2_81._isInTable_1dpp2_97 ._input_1dpp2_1 {
+._trigger_1nzsx_77._isInTable_1nzsx_93 ._input_1nzsx_1 {
   background: transparent !important;
 }
-._trigger_1dpp2_81:hover {
+._trigger_1nzsx_77:hover {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
   cursor: pointer;
 }
-._trigger_1dpp2_81._isOpen_1dpp2_118,
-._trigger_1dpp2_81:focus {
+._trigger_1nzsx_77._isOpen_1nzsx_114,
+._trigger_1nzsx_77:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_1dpp2_81._error_1dpp2_126 {
+._trigger_1nzsx_77._error_1nzsx_122 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._trigger_1dpp2_81._error_1dpp2_126:hover {
+._trigger_1nzsx_77._error_1nzsx_122:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._trigger_1dpp2_81._error_1dpp2_126:focus {
+._trigger_1nzsx_77._error_1nzsx_122:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_1dpp2_81._warning_1dpp2_143 {
+._trigger_1nzsx_77._warning_1nzsx_139 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._trigger_1dpp2_81._warning_1dpp2_143:hover {
+._trigger_1nzsx_77._warning_1nzsx_139:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._trigger_1dpp2_81._warning_1dpp2_143:focus {
+._trigger_1nzsx_77._warning_1nzsx_139:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_1dpp2_81._disabled_1dpp2_160 {
+._trigger_1nzsx_77._disabled_1nzsx_156 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._icons_1dpp2_166 {
+._icons_1nzsx_162 {
   display: flex;
   flex-wrap: nowrap;
   flex-shrink: 0;
   position: relative;
   z-index: 2;
 }
-._icons_1dpp2_166 ._clearAll_1dpp2_173,
-._icons_1dpp2_166 ._iconOpen_1dpp2_174 {
-  font-size: var(--size-select-icon);
-  width: var(--size);
+._icons_1nzsx_162 ._clearAll_1nzsx_169,
+._icons_1nzsx_162 ._iconOpen_1nzsx_170 {
+  width: calc((var(--size) + var(--font-size)) / 2);
   height: var(--size);
   display: flex;
-  justify-content: center;
+  justify-content: flex-start;
   align-items: center;
   color: var(--color-text);
 }
-._small_1dpp2_183 ._icons_1dpp2_166 ._clearAll_1dpp2_173,
-._small_1dpp2_183 ._icons_1dpp2_166 ._iconOpen_1dpp2_174 {
-  font-size: var(--size-select-icon-sm);
-  width: var(--size-sm);
+._small_1nzsx_178 ._icons_1nzsx_162 ._clearAll_1nzsx_169,
+._small_1nzsx_178 ._icons_1nzsx_162 ._iconOpen_1nzsx_170 {
+  width: calc((var(--size-sm) + var(--font-size-sm)) / 2);
   height: var(--size-sm);
 }
-._icons_1dpp2_166 ._clearAll_1dpp2_173:hover {
+._icons_1nzsx_162 ._clearAll_1nzsx_169:hover {
   color: var(--color-text-primary);
 }
-._triggerInputContainer_1dpp2_192 {
+._triggerInputContainer_1nzsx_186 {
   display: flex;
   align-items: center;
   position: relative;
@@ -3560,31 +3559,31 @@ html[data-theme='dark'] {
   min-width: 0;
   margin-right: 4px;
 }
-._right_1dpp2_201 ._triggerInputContainer_1dpp2_192 {
+._right_1nzsx_195 ._triggerInputContainer_1nzsx_186 {
   justify-content: flex-end;
   text-align: right;
 }
-._right_1dpp2_201 ._triggerInputContainer_1dpp2_192 input {
+._right_1nzsx_195 ._triggerInputContainer_1nzsx_186 input {
   padding-right: 0;
   padding-left: 0;
   text-align: right;
   width: 0;
 }
-._right_1dpp2_201 ._triggerInputContainer_1dpp2_192 input:focus {
+._right_1nzsx_195 ._triggerInputContainer_1nzsx_186 input:focus {
   width: auto;
 }
-._multiOptions_1dpp2_214 {
+._multiOptions_1nzsx_208 {
   display: flex;
   overflow: hidden;
-  margin-left: -8px;
+  margin-left: -7px;
 }
-._small_1dpp2_183 ._multiOptions_1dpp2_214 {
-  margin-left: -5px;
+._small_1nzsx_178 ._multiOptions_1nzsx_208 {
+  margin-left: -4px;
 }
-._multiOptions_1dpp2_214:empty {
+._multiOptions_1nzsx_208:empty {
   display: none !important;
 }
-._multiOptions_1dpp2_214 ._multiOption_1dpp2_214 {
+._multiOptions_1nzsx_208 ._multiOption_1nzsx_208 {
   user-select: none;
   pointer-events: none;
   display: inline-flex;
@@ -3599,16 +3598,16 @@ html[data-theme='dark'] {
   max-width: 100%;
   min-width: 0;
   flex-shrink: 0;
-  margin-right: 2px;
+  margin-right: 3px;
 }
-._small_1dpp2_183 ._multiOptions_1dpp2_214 ._multiOption_1dpp2_214 {
+._small_1nzsx_178 ._multiOptions_1nzsx_208 ._multiOption_1nzsx_208 {
   height: var(--size-xs);
   padding: 0 3px;
 }
-._multiOptions_1dpp2_214 ._multiOption_1dpp2_214 ._label_1dpp2_246 {
+._multiOptions_1nzsx_208 ._multiOption_1nzsx_208 ._label_1nzsx_240 {
   white-space: nowrap;
 }
-._multiOptions_1dpp2_214 ._multiOption_1dpp2_214 ._closeMultiOption_1dpp2_249 {
+._multiOptions_1nzsx_208 ._multiOption_1nzsx_208 ._closeMultiOption_1nzsx_243 {
   flex-shrink: 0;
   display: flex;
   align-items: center;
@@ -3618,13 +3617,13 @@ html[data-theme='dark'] {
   opacity: 0.25;
   aspect-ratio: 1;
 }
-._multiOptions_1dpp2_214 ._multiOption_1dpp2_214 ._closeMultiOption_1dpp2_249:hover,
-._multiOptions_1dpp2_214 ._multiOption_1dpp2_214 ._closeMultiOption_1dpp2_249._focus_1dpp2_260 {
+._multiOptions_1nzsx_208 ._multiOption_1nzsx_208 ._closeMultiOption_1nzsx_243:hover,
+._multiOptions_1nzsx_208 ._multiOption_1nzsx_208 ._closeMultiOption_1nzsx_243._focus_1nzsx_254 {
   opacity: 1;
   outline: 0;
 }
-._selectedSingleValue_1dpp2_264,
-._placeHolder_1dpp2_265 {
+._selectedSingleValue_1nzsx_258,
+._placeHolder_1nzsx_259 {
   line-height: calc(var(--size) - 2px);
   right: 0;
   left: 0;
@@ -3634,10 +3633,10 @@ html[data-theme='dark'] {
   display: block;
   position: absolute;
 }
-._placeHolder_1dpp2_265 {
+._placeHolder_1nzsx_259 {
   color: var(--color-text-placeholder);
 }
-._input_1dpp2_1 {
+._input_1nzsx_1 {
   font-family: var(--font-family);
   background-color: transparent;
   border: none;
@@ -3645,43 +3644,43 @@ html[data-theme='dark'] {
   padding: 0;
   width: 0;
 }
-._input_1dpp2_1._error_1dpp2_126 {
+._input_1nzsx_1._error_1nzsx_122 {
   color: var(--color-text-error) !important;
 }
-._input_1dpp2_1:focus {
+._input_1nzsx_1:focus {
   outline: none;
   width: auto;
 }
-._small_1dpp2_183 {
+._small_1nzsx_178 {
   height: var(--size-sm);
   font-size: var(--font-size-sm);
   padding-left: var(--padding-input-sm-x);
 }
-._small_1dpp2_183 ._selectedSingleValue_1dpp2_264,
-._small_1dpp2_183 ._placeHolder_1dpp2_265,
-._small_1dpp2_183 ._input_1dpp2_1 {
+._small_1nzsx_178 ._selectedSingleValue_1nzsx_258,
+._small_1nzsx_178 ._placeHolder_1nzsx_259,
+._small_1nzsx_178 ._input_1nzsx_1 {
   height: calc(var(--size-sm) - 2px);
   line-height: calc(var(--size-sm) - 2px);
 }
-._groupOrderFirst_1dpp2_304,
-._groupOrderMiddle_1dpp2_305 {
+._groupOrderFirst_1nzsx_298,
+._groupOrderMiddle_1nzsx_299 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_1dpp2_309,
-._groupOrderMiddle_1dpp2_305 {
+._groupOrderLast_1nzsx_303,
+._groupOrderMiddle_1nzsx_299 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._detailedLabel_1dpp2_314 {
+._detailedLabel_1nzsx_308 {
   width: 100%;
 }
-._detailedLabel_1dpp2_314 :first-child {
+._detailedLabel_1nzsx_308 :first-child {
   float: left;
   position: absolute;
   padding-right: 5px;
 }
-._detailedLabel_1dpp2_314 :last-child {
+._detailedLabel_1nzsx_308 :last-child {
   float: right;
 }
 ._paginationContainer_1tmz4_1 {