@oliasoft-open-source/react-ui-library 4.0.0-beta-11 → 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);