@oliasoft-open-source/react-ui-library 4.0.0-beta-28 → 4.0.0-beta-29

package/dist/global.css

@@ -532,7 +532,7 @@ a {
   --line-height: 20px;
   --size-xl: 48px;
   --size-lg: 40px;
-  --size: 32px;
+  --size: 28px;
   --size-sm: 24px;
   --size-xs: 16px;
   --spacing-xs: 4px;
@@ -658,7 +658,7 @@ html[data-theme='dark'] {
 }
 
 .field {
-  margin-bottom: var(--padding-y);
+  margin-bottom: var(--spacing);
   color: var(--color-text);
 }
 
@@ -775,49 +775,49 @@ a {
   color: var(--color-text-primary-active) !important;
   fill: var(--color-text-primary-active) !important;
 }
-._accordion_16gbc_1 {
+._accordion_x0umo_1 {
   position: relative;
   color: var(--color-text);
 }
-._accordion_16gbc_1 ._accordionHeader_16gbc_5 {
+._accordion_x0umo_1 ._accordionHeader_x0umo_5 {
   display: flex;
   align-items: center;
 }
-._accordion_16gbc_1 ._accordionHeader_16gbc_5 ._heading_16gbc_9 {
+._accordion_x0umo_1 ._accordionHeader_x0umo_5 ._heading_x0umo_9 {
   flex-grow: 1;
 }
-._accordion_16gbc_1 ._accordionHeader_16gbc_5._clickable_16gbc_12:hover {
+._accordion_x0umo_1 ._accordionHeader_x0umo_5._clickable_x0umo_12:hover {
   cursor: pointer;
 }
-._accordion_16gbc_1 ._accordionHeader_16gbc_5._clickable_16gbc_12:hover > * {
+._accordion_x0umo_1 ._accordionHeader_x0umo_5._clickable_x0umo_12:hover > * {
   color: var(--color-text) !important;
 }
-._accordion_16gbc_1:not(._bordered_16gbc_18) ._accordionContent_16gbc_18 {
-  margin-top: var(--padding-sm-y);
+._accordion_x0umo_1:not(._bordered_x0umo_18) ._accordionContent_x0umo_18 {
+  margin-top: var(--spacing);
 }
-._accordion_16gbc_1._bordered_16gbc_18 ._accordionHeader_16gbc_5,
-._accordion_16gbc_1._bordered_16gbc_18 ._accordionContent_16gbc_18 {
+._accordion_x0umo_1._bordered_x0umo_18 ._accordionHeader_x0umo_5,
+._accordion_x0umo_1._bordered_x0umo_18 ._accordionContent_x0umo_18 {
   border: 1px solid var(--color-border);
   line-height: var(--line-height);
 }
-._accordion_16gbc_1._bordered_16gbc_18 ._accordionHeader_16gbc_5 {
+._accordion_x0umo_1._bordered_x0umo_18 ._accordionHeader_x0umo_5 {
   padding: var(--spacing-xs) var(--padding-sm-x);
   border-radius: var(--border-radius);
   background-color: var(--color-background);
 }
-._accordion_16gbc_1._bordered_16gbc_18._expanded_16gbc_31 ._accordionHeader_16gbc_5 {
+._accordion_x0umo_1._bordered_x0umo_18._expanded_x0umo_31 ._accordionHeader_x0umo_5 {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
-._accordion_16gbc_1._bordered_16gbc_18 ._accordionContent_16gbc_18 {
+._accordion_x0umo_1._bordered_x0umo_18 ._accordionContent_x0umo_18 {
   border-top: none;
   border-radius: 0 0 var(--border-radius) var(--border-radius);
   background-color: var(--color-background-raised);
 }
-._accordion_16gbc_1._bordered_16gbc_18 ._accordionContent_16gbc_18._padding_16gbc_40 {
+._accordion_x0umo_1._bordered_x0umo_18 ._accordionContent_x0umo_18._padding_x0umo_40 {
   padding: var(--padding-sm);
 }
-._accordion_16gbc_1._bordered_16gbc_18._squareBottom_16gbc_43 ._accordionHeader_16gbc_5 {
+._accordion_x0umo_1._bordered_x0umo_18._squareBottom_x0umo_43 ._accordionHeader_x0umo_5 {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
@@ -968,17 +968,17 @@ a {
 ._contentWrapper_q4imk_16 {
   border-radius: inherit;
 }
-._wrapper_1xxc7_1 {
+._wrapper_1obma_1 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_1xxc7_5 ._wrapper_1xxc7_1 {
+._layer_1obma_5 ._wrapper_1obma_1 {
   width: 100%;
 }
-._layerContainer_1xxc7_8 {
+._layerContainer_1obma_8 {
   z-index: var(--zindex-dropdown);
 }
-._layer_1xxc7_5 {
+._layer_1obma_5 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -990,178 +990,178 @@ a {
   position: relative;
   overflow-y: auto;
 }
-._layer_1xxc7_5._nested_1xxc7_23 {
+._layer_1obma_5._nested_1obma_23 {
   margin: -1px 2px;
 }
-._layer_1xxc7_5 ul {
+._layer_1obma_5 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_1xxc7_5 ul li {
+._layer_1obma_5 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_1xxc7_35 {
+._fileInput_1obma_35 {
   width: 100%;
   height: 100%;
   opacity: 0;
   position: absolute;
 }
-._trigger_1xxc7_41 {
+._trigger_1obma_41 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   max-width: 100%;
 }
-._layer_1xxc7_5 ._trigger_1xxc7_41 {
+._layer_1obma_5 ._trigger_1obma_41 {
   width: 100%;
 }
-._middleAlignedInline_1xxc7_50 {
+._middleAlignedInline_1obma_50 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_1xxc7_56 {
+._heading_1obma_56 {
   color: var(--color-text-muted);
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: var(--font-size-sm);
 }
-._heading_1xxc7_56 ._headingIcon_1xxc7_62 {
+._heading_1obma_56 ._headingIcon_1obma_62 {
   float: right;
 }
-._heading_1xxc7_56 ._headingIcon_1xxc7_62 svg {
+._heading_1obma_56 ._headingIcon_1obma_62 svg {
   color: var(--color-text-faint);
 }
-._heading_1xxc7_56 ._headingIcon_1xxc7_62:hover {
+._heading_1obma_56 ._headingIcon_1obma_62:hover {
   cursor: pointer;
 }
-._heading_1xxc7_56 ._headingIcon_1xxc7_62:hover svg {
+._heading_1obma_56 ._headingIcon_1obma_62:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_1xxc7_74 {
+._option_1obma_74 {
   color: inherit;
   display: block;
 }
-._heading_1xxc7_56,
-._option_1xxc7_74,
-._layer_1xxc7_5 ._trigger_1xxc7_41 {
+._heading_1obma_56,
+._option_1obma_74,
+._layer_1obma_5 ._trigger_1obma_41 {
   padding: var(--padding-input);
   border: 1px solid transparent;
 }
-._option_1xxc7_74,
-._layer_1xxc7_5 ._trigger_1xxc7_41 {
+._option_1obma_74,
+._layer_1obma_5 ._trigger_1obma_41 {
   line-height: var(--line-height);
   display: flex;
   align-items: flex-start;
 }
-._option_1xxc7_74:hover,
-._layer_1xxc7_5 ._trigger_1xxc7_41:hover,
-._option_1xxc7_74._active_1xxc7_92,
-._layer_1xxc7_5 ._trigger_1xxc7_41._active_1xxc7_92 {
+._option_1obma_74:hover,
+._layer_1obma_5 ._trigger_1obma_41:hover,
+._option_1obma_74._active_1obma_92,
+._layer_1obma_5 ._trigger_1obma_41._active_1obma_92 {
   background-color: var(--color-background-listitem-hover);
   cursor: pointer;
 }
-._option_1xxc7_74._selected_1xxc7_97 {
+._option_1obma_74._selected_1obma_97 {
   background-color: var(--color-background-listitem-active);
 }
-._layer_1xxc7_5 ._trigger_1xxc7_41 {
+._layer_1obma_5 ._trigger_1obma_41 {
   align-items: center;
 }
-._optionContent_1xxc7_103 {
+._optionContent_1obma_103 {
   flex-wrap: wrap;
   margin-right: auto;
   position: relative;
 }
-._inline_1xxc7_108 ._optionContent_1xxc7_103 {
+._inline_1obma_108 ._optionContent_1obma_103 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_1xxc7_113,
-._check_1xxc7_114 {
+._icon_1obma_113,
+._check_1obma_114 {
   display: flex;
   flex-shrink: 1;
   width: var(--size-xs);
   height: var(--line-height);
-  font-size: 1.25em;
+  font-size: var(--size-xs);
   justify-content: center;
   align-items: center;
 }
-._icon_1xxc7_113 {
+._icon_1obma_113 {
   margin-right: var(--spacing-sm);
   color: var(--color-text-primary);
 }
-._icon_1xxc7_113:empty {
+._icon_1obma_113:empty {
   display: none;
 }
-._icon_1xxc7_113 img {
+._icon_1obma_113 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._text_1xxc7_136 {
+._text_1obma_136 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_1xxc7_141 {
+._label_1obma_141 {
   margin-right: auto;
 }
-._label_1xxc7_141,
-._heading_1xxc7_56 {
+._label_1obma_141,
+._heading_1obma_56 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_1xxc7_152 {
+._description_1obma_152 {
   color: #999;
   display: block;
 }
-._arrow_1xxc7_156 {
+._arrow_1obma_156 {
   margin-left: var(--spacing-xs);
   display: flex;
 }
-._divider_1xxc7_160 {
+._divider_1obma_160 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_1xxc7_164 {
+._deprecatedSemanticIcon_1obma_164 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_1xxc7_168 {
+._disabled_1obma_168 {
   color: var(--color-text-faint);
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_1xxc7_173 {
+._buttonLabel_1obma_173 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
 }
-._buttonCaret_1xxc7_179 {
+._buttonCaret_1obma_179 {
   display: flex;
   margin-left: var(--spacing-xs);
 }
-._component_1xxc7_183 {
+._component_1obma_183 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_1xxc7_189 {
+._right_1obma_189 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_1xxc7_194 {
+._actions_1obma_194 {
   margin-left: var(--spacing-sm);
   display: flex;
   align-items: center;
@@ -1213,80 +1213,80 @@ a {
   transform-origin: 100% 0%;
   z-index: 3;
 }
-._inputInTable_ot37m_1 {
+._inputInTable_sb2dx_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_ot37m_1:not(:hover) {
+._inputInTable_sb2dx_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_ot37m_1:not(:focus) {
+._inputInTable_sb2dx_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_ot37m_13 {
+._inputHover_sb2dx_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_ot37m_18 {
+._inputFocus_sb2dx_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_ot37m_25,
-._inputWarning_ot37m_26 {
+._inputError_sb2dx_25,
+._inputWarning_sb2dx_26 {
   position: relative;
 }
-._inputError_ot37m_25 {
+._inputError_sb2dx_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_ot37m_25:hover {
+._inputError_sb2dx_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_ot37m_25:focus {
+._inputError_sb2dx_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_ot37m_26 {
+._inputWarning_sb2dx_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_ot37m_26:hover {
+._inputWarning_sb2dx_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_ot37m_26:focus {
+._inputWarning_sb2dx_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_ot37m_61 {
+._inputDisabled_sb2dx_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_ot37m_67 {
+._hideScrollbars_sb2dx_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_ot37m_67::-webkit-scrollbar {
+._hideScrollbars_sb2dx_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -1315,7 +1315,7 @@ html[data-theme='dark'] {
   --color-border-button: rgba(255, 255, 255, 0.1);
   --color-border-button-hover: rgba(255, 255, 255, 0.15);
 }
-._button_ot37m_103 {
+._button_sb2dx_103 {
   cursor: pointer;
   display: inline-flex;
   align-items: center;
@@ -1340,229 +1340,229 @@ html[data-theme='dark'] {
   min-height: var(--size);
   box-shadow: var(--shadow-button);
 }
-._button_ot37m_103:hover {
+._button_sb2dx_103:hover {
   background: var(--color-background-button-default-hover);
   border-color: var(--color-border-button-hover);
 }
-._button_ot37m_103:focus {
+._button_sb2dx_103:focus {
   box-shadow: var(--shadow-focus) !important;
 }
-._button_ot37m_103:active {
+._button_sb2dx_103:active {
   background: var(--color-background-button-default-active);
   box-shadow: none;
 }
-._button_ot37m_103._active_ot37m_139:not(._green_ot37m_139):not(._red_ot37m_139):not(._orange_ot37m_139) {
+._button_sb2dx_103._active_sb2dx_139:not(._green_sb2dx_139):not(._red_sb2dx_139):not(._orange_sb2dx_139) {
   border-color: var(--color-border-button-default-active);
   color: var(--color-text-button-default-active);
   position: relative;
   z-index: 2;
 }
-._button_ot37m_103:hover,
-._button_ot37m_103:focus,
-._button_ot37m_103:active {
+._button_sb2dx_103:hover,
+._button_sb2dx_103:focus,
+._button_sb2dx_103:active {
   position: relative;
   z-index: 1;
 }
-._button_ot37m_103 ._icon_ot37m_151 {
+._button_sb2dx_103 ._icon_sb2dx_151 {
   margin: -2px;
   margin-right: var(--spacing-xs);
-  font-size: 1.25em;
+  font-size: var(--size-xs);
   display: flex;
 }
-._iconOnly_ot37m_157 {
+._iconOnly_sb2dx_157 {
   width: var(--size);
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
-._iconOnly_ot37m_157 ._icon_ot37m_151 {
+._iconOnly_sb2dx_157 ._icon_sb2dx_151 {
   margin: 0;
   line-height: 0;
 }
-._basic_ot37m_167 {
+._basic_sb2dx_167 {
   color: var(--color-text-primary);
   background: transparent;
   box-shadow: none !important;
   border: none !important;
 }
-._basic_ot37m_167._muted_ot37m_173 {
+._basic_sb2dx_167._muted_sb2dx_173 {
   color: var(--color-text-muted);
 }
-._basic_ot37m_167:hover {
+._basic_sb2dx_167:hover {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.05);
 }
-[data-theme='dark'] ._basic_ot37m_167:hover {
+[data-theme='dark'] ._basic_sb2dx_167:hover {
   background: rgba(255, 255, 255, 0.1);
 }
-._basic_ot37m_167:active,
-._basic_ot37m_167._active_ot37m_139 {
+._basic_sb2dx_167:active,
+._basic_sb2dx_167._active_sb2dx_139 {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.1);
 }
-[data-theme='dark'] ._basic_ot37m_167:active,
-[data-theme='dark'] ._basic_ot37m_167._active_ot37m_139 {
+[data-theme='dark'] ._basic_sb2dx_167:active,
+[data-theme='dark'] ._basic_sb2dx_167._active_sb2dx_139 {
   background: rgba(255, 255, 255, 0.2);
 }
-._disabled_ot37m_192 {
+._disabled_sb2dx_192 {
   cursor: default;
   pointer-events: none !important;
   color: var(--color-text-faint) !important;
   box-shadow: none !important;
 }
-._disabled_ot37m_192:not(._active_ot37m_139):not(._basic_ot37m_167) {
+._disabled_sb2dx_192:not(._active_sb2dx_139):not(._basic_sb2dx_167) {
   background: var(--color-background-disabled) !important;
   border: 1px solid var(--color-border) !important;
 }
-._small_ot37m_202 {
+._small_sb2dx_202 {
   font-size: var(--font-size-sm);
   min-height: var(--size-sm);
   padding: var(--padding-input-sm);
 }
-._pill_ot37m_207,
-._round_ot37m_208 {
+._pill_sb2dx_207,
+._round_sb2dx_208 {
   border-radius: 19px;
   display: inline-flex;
   align-items: center;
 }
-._round_ot37m_208 {
+._round_sb2dx_208 {
   padding: 0;
   width: var(--size);
   line-height: 1;
 }
-._round_ot37m_208._small_ot37m_202 {
+._round_sb2dx_208._small_sb2dx_202 {
   width: var(--size-sm);
 }
-._orange_ot37m_139:not(._basic_ot37m_167) {
+._orange_sb2dx_139:not(._basic_sb2dx_167) {
   background-color: var(--color-background-button-primary);
 }
-._orange_ot37m_139:not(._basic_ot37m_167):hover {
+._orange_sb2dx_139:not(._basic_sb2dx_167):hover {
   background-color: var(--color-background-button-primary-hover);
 }
-._orange_ot37m_139:not(._basic_ot37m_167):active,
-._orange_ot37m_139:not(._basic_ot37m_167)._active_ot37m_139 {
+._orange_sb2dx_139:not(._basic_sb2dx_167):active,
+._orange_sb2dx_139:not(._basic_sb2dx_167)._active_sb2dx_139 {
   background-color: var(--color-background-button-primary-active);
 }
-._red_ot37m_139:not(._basic_ot37m_167) {
+._red_sb2dx_139:not(._basic_sb2dx_167) {
   background-color: var(--color-background-button-error);
 }
-._red_ot37m_139:not(._basic_ot37m_167):hover {
+._red_sb2dx_139:not(._basic_sb2dx_167):hover {
   background-color: var(--color-background-button-error-hover);
 }
-._red_ot37m_139:not(._basic_ot37m_167):active,
-._red_ot37m_139:not(._basic_ot37m_167)._active_ot37m_139 {
+._red_sb2dx_139:not(._basic_sb2dx_167):active,
+._red_sb2dx_139:not(._basic_sb2dx_167)._active_sb2dx_139 {
   background-color: var(--color-background-button-error-active);
 }
-._red_ot37m_139._basic_ot37m_167 {
+._red_sb2dx_139._basic_sb2dx_167 {
   color: var(--color-text-error);
 }
-._green_ot37m_139:not(._basic_ot37m_167) {
+._green_sb2dx_139:not(._basic_sb2dx_167) {
   background-color: var(--color-background-button-success);
 }
-._green_ot37m_139:not(._basic_ot37m_167):hover {
+._green_sb2dx_139:not(._basic_sb2dx_167):hover {
   background-color: var(--color-background-button-success-hover);
 }
-._green_ot37m_139:not(._basic_ot37m_167):active,
-._green_ot37m_139:not(._basic_ot37m_167)._active_ot37m_139 {
+._green_sb2dx_139:not(._basic_sb2dx_167):active,
+._green_sb2dx_139:not(._basic_sb2dx_167)._active_sb2dx_139 {
   background-color: var(--color-background-button-success-active);
 }
-._green_ot37m_139._basic_ot37m_167 {
+._green_sb2dx_139._basic_sb2dx_167 {
   color: var(--color-text-success);
 }
-._orange_ot37m_139:not(._basic_ot37m_167),
-._red_ot37m_139:not(._basic_ot37m_167),
-._green_ot37m_139:not(._basic_ot37m_167) {
+._orange_sb2dx_139:not(._basic_sb2dx_167),
+._red_sb2dx_139:not(._basic_sb2dx_167),
+._green_sb2dx_139:not(._basic_sb2dx_167) {
   color: #fff;
 }
-._orange_ot37m_139:not(._basic_ot37m_167):hover,
-._red_ot37m_139:not(._basic_ot37m_167):hover,
-._green_ot37m_139:not(._basic_ot37m_167):hover {
+._orange_sb2dx_139:not(._basic_sb2dx_167):hover,
+._red_sb2dx_139:not(._basic_sb2dx_167):hover,
+._green_sb2dx_139:not(._basic_sb2dx_167):hover {
   color: #fff;
 }
-._orange_ot37m_139:not(._basic_ot37m_167):active,
-._red_ot37m_139:not(._basic_ot37m_167):active,
-._green_ot37m_139:not(._basic_ot37m_167):active,
-._orange_ot37m_139:not(._basic_ot37m_167)._active_ot37m_139,
-._red_ot37m_139:not(._basic_ot37m_167)._active_ot37m_139,
-._green_ot37m_139:not(._basic_ot37m_167)._active_ot37m_139 {
+._orange_sb2dx_139:not(._basic_sb2dx_167):active,
+._red_sb2dx_139:not(._basic_sb2dx_167):active,
+._green_sb2dx_139:not(._basic_sb2dx_167):active,
+._orange_sb2dx_139:not(._basic_sb2dx_167)._active_sb2dx_139,
+._red_sb2dx_139:not(._basic_sb2dx_167)._active_sb2dx_139,
+._green_sb2dx_139:not(._basic_sb2dx_167)._active_sb2dx_139 {
   color: #fff;
 }
-._error_ot37m_275 {
+._error_sb2dx_275 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._error_ot37m_275:hover {
+._error_sb2dx_275:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._error_ot37m_275:focus {
+._error_sb2dx_275:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._warning_ot37m_292 {
+._warning_sb2dx_292 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._warning_ot37m_292:hover {
+._warning_sb2dx_292:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._warning_ot37m_292:focus {
+._warning_sb2dx_292:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inverted_ot37m_309 {
+._inverted_sb2dx_309 {
   background-color: transparent;
   border-color: var(--color-text);
   box-shadow: none;
 }
-._inverted_ot37m_309:hover,
-._inverted_ot37m_309:active {
+._inverted_sb2dx_309:hover,
+._inverted_sb2dx_309:active {
   box-shadow: none;
 }
-._inverted_ot37m_309._orange_ot37m_139 {
+._inverted_sb2dx_309._orange_sb2dx_139 {
   color: var(--color-background-button-primary);
   border-color: var(--color-background-button-primary);
 }
-._inverted_ot37m_309._red_ot37m_139 {
+._inverted_sb2dx_309._red_sb2dx_139 {
   color: var(--color-background-button-error);
   border-color: var(--color-background-button-error);
 }
-._inverted_ot37m_309._green_ot37m_139 {
+._inverted_sb2dx_309._green_sb2dx_139 {
   color: var(--color-background-button-success);
   border-color: var(--color-background-button-success);
 }
-._inverted_ot37m_309._orange_ot37m_139:hover,
-._inverted_ot37m_309._red_ot37m_139:hover,
-._inverted_ot37m_309._green_ot37m_139:hover,
-._inverted_ot37m_309._orange_ot37m_139:active,
-._inverted_ot37m_309._red_ot37m_139:active,
-._inverted_ot37m_309._green_ot37m_139:active {
+._inverted_sb2dx_309._orange_sb2dx_139:hover,
+._inverted_sb2dx_309._red_sb2dx_139:hover,
+._inverted_sb2dx_309._green_sb2dx_139:hover,
+._inverted_sb2dx_309._orange_sb2dx_139:active,
+._inverted_sb2dx_309._red_sb2dx_139:active,
+._inverted_sb2dx_309._green_sb2dx_139:active {
   color: white;
   box-shadow: none;
 }
-._groupOrderFirst_ot37m_339,
-._groupOrderMiddle_ot37m_340,
-._groupOrderLast_ot37m_341 {
+._groupOrderFirst_sb2dx_339,
+._groupOrderMiddle_sb2dx_340,
+._groupOrderLast_sb2dx_341 {
   margin-right: 0;
 }
-._groupOrderFirst_ot37m_339,
-._groupOrderMiddle_ot37m_340 {
+._groupOrderFirst_sb2dx_339,
+._groupOrderMiddle_sb2dx_340 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_ot37m_341,
-._groupOrderMiddle_ot37m_340 {
+._groupOrderLast_sb2dx_341,
+._groupOrderMiddle_sb2dx_340 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
@@ -1821,7 +1821,7 @@ html[data-theme='dark'] {
 ._link_11ofj_25:active {
   color: var(--color-text-primary-active);
 }
-._heading_vqv58_1 {
+._heading_1lamt_1 {
   color: var(--color-text);
   line-height: var(--size-sm);
   font-weight: bold;
@@ -1830,21 +1830,20 @@ html[data-theme='dark'] {
   user-select: none;
   padding: 0;
 }
-._heading_vqv58_1._top_vqv58_10 {
+._heading_1lamt_1._top_1lamt_10 {
   font-size: var(--font-size-xl);
   margin-bottom: var(--spacing);
 }
-._heading_vqv58_1:not(._top_vqv58_10) {
+._heading_1lamt_1:not(._top_1lamt_10) {
   font-size: var(--font-size-sm);
   color: var(--color-text-muted);
   text-transform: uppercase;
   letter-spacing: 0.1em;
 }
-._icons_vqv58_20 {
+._icons_1lamt_20 {
   display: inline-flex;
-  font-size: 1.25em;
 }
-._icons_vqv58_20 > * {
+._icons_1lamt_20 > * {
   margin-left: var(--spacing-xs);
 }
 ._dialog_105c5_1 {
@@ -2365,26 +2364,25 @@ html[data-theme='dark'] {
 ._fileInput_1elar_1 {
   display: none !important;
 }
-._label_5icu7_1 {
+._label_1imqy_1 {
   display: flex;
   align-items: center;
 }
-._label_5icu7_1._labelLeft_5icu7_5 {
+._label_1imqy_1._labelLeft_1imqy_5 {
   margin-bottom: 0;
   flex-shrink: 0;
   padding-right: var(--spacing-sm);
 }
-._label_5icu7_1._labelLeft_5icu7_5 > label {
+._label_1imqy_1._labelLeft_1imqy_5 > label {
   margin-bottom: 0;
 }
-._label_5icu7_1 ._icons_5icu7_13 {
+._label_1imqy_1 ._icons_1imqy_13 {
   display: inline-flex;
-  font-size: 1.25em;
 }
-._label_5icu7_1 ._icons_5icu7_13 > * {
+._label_1imqy_1 ._icons_1imqy_13 > * {
   margin-left: var(--spacing-xs);
 }
-._label_5icu7_1 > label {
+._label_1imqy_1 > label {
   display: flex;
   align-items: center;
   font-weight: bold;
@@ -2392,29 +2390,29 @@ html[data-theme='dark'] {
   margin-bottom: var(--spacing-xs);
   line-height: 1.25;
 }
-._field_1g93a_1 {
-  margin-bottom: var(--padding-y);
+._field_vq5hq_1 {
+  margin-bottom: var(--spacing);
   color: var(--color-text);
 }
-._field_1g93a_1._labelLeft_1g93a_5 {
+._field_vq5hq_1._labelLeft_vq5hq_5 {
   display: flex;
   align-items: center;
 }
-._field_1g93a_1._labelLeft_1g93a_5 ._fieldInput_1g93a_9 {
+._field_vq5hq_1._labelLeft_vq5hq_5 ._fieldInput_vq5hq_9 {
   flex-grow: 1;
 }
-._formRow_1g93a_12,
-._form-row_1g93a_13 {
+._formRow_vq5hq_12,
+._form-row_vq5hq_13 {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-end;
 }
-._formRow_1g93a_12 > *:not(:last-child),
-._form-row_1g93a_13 > *:not(:last-child) {
+._formRow_vq5hq_12 > *:not(:last-child),
+._form-row_vq5hq_13 > *:not(:last-child) {
   margin-right: var(--spacing);
 }
-._formRow_1g93a_12 ._button_1g93a_22,
-._form-row_1g93a_13 ._button_1g93a_22 {
+._formRow_vq5hq_12 ._button_vq5hq_22,
+._form-row_vq5hq_13 ._button_vq5hq_22 {
   margin-bottom: var(--spacing);
 }
 ._formRow_1m3f8_1 {
@@ -2733,27 +2731,27 @@ html[data-theme='dark'] {
 ._hideScrollbar_1ttzh_67::-webkit-scrollbar {
   display: none;
 }
-._loader_cefjz_1 {
+._loader_1hw8b_1 {
   width: 100%;
   height: 100%;
   position: relative;
   border-radius: inherit;
 }
-._loader_cefjz_1._fullViewPortSize_cefjz_7 {
+._loader_1hw8b_1._fullViewPortSize_1hw8b_7 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
 }
-._loader_cefjz_1._cover_cefjz_14 {
+._loader_1hw8b_1._cover_1hw8b_14 {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
 }
-._dimmer_cefjz_21 {
+._dimmer_1hw8b_21 {
   position: absolute;
   top: 0;
   left: 0;
@@ -2761,7 +2759,7 @@ html[data-theme='dark'] {
   height: 100%;
   text-align: center;
   vertical-align: middle;
-  padding: 1em;
+  padding: var(--padding);
   opacity: 0;
   line-height: 1;
   animation-fill-mode: both;
@@ -2776,92 +2774,92 @@ html[data-theme='dark'] {
   display: flex;
   opacity: 0.95;
 }
-._content_cefjz_44 {
+._content_1hw8b_44 {
   display: flex;
   flex-direction: column;
   align-items: center;
 }
-._text_cefjz_49 {
-  margin-top: 12px;
+._text_1hw8b_49 {
+  margin-top: var(--spacing);
   opacity: 0.6;
 }
-._details_cefjz_53 {
+._details_1hw8b_53 {
   margin-top: var(--spacing-sm);
 }
-._inputInTable_14lor_1 {
+._inputInTable_1og49_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_14lor_1:not(:hover) {
+._inputInTable_1og49_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_14lor_1:not(:focus) {
+._inputInTable_1og49_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_14lor_13 {
+._inputHover_1og49_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_14lor_18 {
+._inputFocus_1og49_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_14lor_25,
-._inputWarning_14lor_26 {
+._inputError_1og49_25,
+._inputWarning_1og49_26 {
   position: relative;
 }
-._inputError_14lor_25 {
+._inputError_1og49_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_14lor_25:hover {
+._inputError_1og49_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_14lor_25:focus {
+._inputError_1og49_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_14lor_26 {
+._inputWarning_1og49_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_14lor_26:hover {
+._inputWarning_1og49_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_14lor_26:focus {
+._inputWarning_1og49_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_14lor_61 {
+._inputDisabled_1og49_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_14lor_67 {
+._hideScrollbars_1og49_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_14lor_67::-webkit-scrollbar {
+._hideScrollbars_1og49_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -2870,8 +2868,9 @@ html[data-theme='dark'] {
 html[data-theme='dark'] {
   --color-border-message: rgba(255, 255, 255, 0.1);
 }
-._container_14lor_83 {
-  padding: var(--padding-sm);
+._container_1og49_83 {
+  --padding-message: var(--padding-sm);
+  padding: var(--padding-message);
   border-radius: var(--border-radius);
   display: inline-flex;
   align-items: flex-start;
@@ -2885,77 +2884,78 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._container_14lor_83::-webkit-scrollbar {
+._container_1og49_83::-webkit-scrollbar {
   display: none;
 }
-._container_14lor_83._block_14lor_101 {
+._container_1og49_83._block_1og49_102 {
   display: flex;
 }
-._container_14lor_83._info_14lor_104 {
+._container_1og49_83._info_1og49_105 {
   color: var(--color-text-info);
   background-color: var(--color-background-info);
 }
-._container_14lor_83._success_14lor_108 {
+._container_1og49_83._success_1og49_109 {
   color: var(--color-text-success);
   background-color: var(--color-background-success);
 }
-._container_14lor_83._warning_14lor_112 {
+._container_1og49_83._warning_1og49_113 {
   color: var(--color-text-warning);
   background-color: var(--color-background-warning);
 }
-._container_14lor_83._error_14lor_116 {
+._container_1og49_83._error_1og49_117 {
   color: var(--color-text-error);
   background-color: var(--color-background-error);
 }
-._content_14lor_120 {
+._content_1og49_121 {
   flex: 1;
   min-width: 0;
 }
-._heading_14lor_124 {
+._heading_1og49_125 {
   font-weight: bold;
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: var(--font-size-sm);
   line-height: var(--line-height);
 }
-._icon_14lor_131 {
+._icon_1og49_132 {
   display: flex;
   justify-content: center;
   align-items: center;
   height: var(--line-height);
-  margin-right: 12px;
-  font-size: 1.25em;
+  margin-right: var(--spacing);
+  font-size: var(--size-xs);
 }
-._dismiss_14lor_139 {
-  margin-left: 12px;
+._dismiss_1og49_140 {
+  margin-left: var(--spacing);
   color: var(--color-text);
 }
-._dismiss_14lor_139._absolute_14lor_143 {
+._dismiss_1og49_140._absolute_1og49_144 {
   position: absolute;
   top: var(--spacing-sm);
   right: var(--spacing);
 }
-._dismiss_14lor_139 {
+._dismiss_1og49_140 {
+  --offset-message-dismiss: calc((var(--line-height) - var(--size-sm)) / 2);
   display: flex;
-  margin-top: -2px;
-  margin-bottom: -2px;
-  margin-right: -6px;
+  margin-top: var(--offset-message-dismiss);
+  margin-bottom: var(--offset-message-dismiss);
+  margin-right: var(--offset-message-dismiss);
 }
-._legendToggle_14lor_154 {
+._legendToggle_1og49_156 {
   opacity: 0.6;
 }
-._legendToggle_14lor_154:hover {
+._legendToggle_1og49_156:hover {
   opacity: 0.8;
   cursor: pointer;
 }
-._legendToggle_14lor_154:active {
+._legendToggle_1og49_156:active {
   opacity: 1;
 }
-._detailsText_14lor_164 {
+._detailsText_1og49_166 {
   margin-top: var(--spacing-xs);
   word-break: break-word;
 }
-._footer_14lor_168 {
+._footer_1og49_170 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--spacing);
@@ -8524,122 +8524,122 @@ button:active .remirror-menu-pane-shortcut,
   min-height: 0;
   flex-shrink: 0;
 }
-._inputInTable_1va6s_1 {
+._inputInTable_e4ivi_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1va6s_1:not(:hover) {
+._inputInTable_e4ivi_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1va6s_1:not(:focus) {
+._inputInTable_e4ivi_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1va6s_13 {
+._inputHover_e4ivi_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1va6s_18 {
+._inputFocus_e4ivi_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1va6s_25,
-._inputWarning_1va6s_26 {
+._inputError_e4ivi_25,
+._inputWarning_e4ivi_26 {
   position: relative;
 }
-._inputError_1va6s_25 {
+._inputError_e4ivi_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1va6s_25:hover {
+._inputError_e4ivi_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1va6s_25:focus {
+._inputError_e4ivi_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1va6s_26 {
+._inputWarning_e4ivi_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1va6s_26:hover {
+._inputWarning_e4ivi_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1va6s_26:focus {
+._inputWarning_e4ivi_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1va6s_61 {
+._inputDisabled_e4ivi_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1va6s_67 {
+._hideScrollbars_e4ivi_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1va6s_67::-webkit-scrollbar {
+._hideScrollbars_e4ivi_67::-webkit-scrollbar {
   display: none;
 }
 :root {
   --size-sidebar: var(--size-xl);
   --color-background-sidebar: var(--color-neutral-1000);
 }
-._sidebar_1va6s_81 {
+._sidebar_e4ivi_81 {
   background-color: var(--color-background-sidebar);
   color: white;
   position: relative;
   padding: var(--padding-y) 0;
 }
 @media print {
-  ._sidebar_1va6s_81 {
+  ._sidebar_e4ivi_81 {
     display: none;
   }
 }
-._inner_1va6s_92 {
+._inner_e4ivi_92 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._inner_1va6s_92::-webkit-scrollbar {
+._inner_e4ivi_92::-webkit-scrollbar {
   display: none;
 }
-._title_1va6s_102,
-._subtitle_1va6s_103,
-._label_1va6s_104 {
+._title_e4ivi_102,
+._subtitle_e4ivi_103,
+._label_e4ivi_104 {
   transition: opacity 0.2s, max-height 0.2s, margin 0.2s, color 0.2s;
   max-height: 50px;
 }
-._collapsed_1va6s_108 ._title_1va6s_102,
-._collapsed_1va6s_108 ._subtitle_1va6s_103,
-._collapsed_1va6s_108 ._label_1va6s_104 {
+._collapsed_e4ivi_108 ._title_e4ivi_102,
+._collapsed_e4ivi_108 ._subtitle_e4ivi_103,
+._collapsed_e4ivi_108 ._label_e4ivi_104 {
   opacity: 0;
   max-height: 0;
   margin-bottom: 0;
   margin-top: 0;
 }
-._title_1va6s_102 {
+._title_e4ivi_102 {
   overflow: hidden;
   max-width: 100%;
   text-overflow: ellipsis;
@@ -8648,19 +8648,19 @@ button:active .remirror-menu-pane-shortcut,
   font-size: var(--font-size-lg);
   padding: 0 var(--padding-x);
 }
-._subtitle_1va6s_103 {
-  margin-bottom: var(--padding-y);
+._subtitle_e4ivi_103 {
+  margin-bottom: var(--spacing);
   white-space: nowrap;
   font-size: var(--font-size-sm);
   letter-spacing: 0.1em;
   opacity: 0.6;
   padding: 0 var(--padding-x);
 }
-._list_1va6s_133 {
-  margin-bottom: var(--padding-y);
+._list_e4ivi_133 {
+  margin-bottom: var(--spacing);
   margin-top: 0;
 }
-._item_1va6s_137 {
+._item_e4ivi_137 {
   min-height: var(--size-lg);
   transition: padding 0.2s;
   font-size: var(--font-size-lg);
@@ -8670,30 +8670,30 @@ button:active .remirror-menu-pane-shortcut,
   padding: 0 var(--padding-x);
   align-items: center;
 }
-._collapsed_1va6s_108 ._item_1va6s_137 {
+._collapsed_e4ivi_108 ._item_e4ivi_137 {
   padding: 0 9px;
 }
-._item_1va6s_137:focus {
+._item_e4ivi_137:focus {
   outline: none;
 }
-._item_1va6s_137::-moz-focus-inner {
+._item_e4ivi_137::-moz-focus-inner {
   border: 0;
 }
-._item_1va6s_137:hover,
-._item_1va6s_137:focus {
+._item_e4ivi_137:hover,
+._item_e4ivi_137:focus {
   color: var(--color-primary-400);
 }
-._item_1va6s_137:active {
+._item_e4ivi_137:active {
   color: var(--color-primary-300);
 }
-._item_1va6s_137._active_1va6s_163 {
+._item_e4ivi_137._active_e4ivi_163 {
   color: white;
   background: black;
 }
-._item_1va6s_137._experimental_1va6s_167 {
+._item_e4ivi_137._experimental_e4ivi_167 {
   background: #40130b;
 }
-._icon_1va6s_170 {
+._icon_e4ivi_170 {
   margin-right: var(--spacing);
   line-height: 0;
   flex-shrink: 0;
@@ -8701,23 +8701,23 @@ button:active .remirror-menu-pane-shortcut,
   opacity: 0.4;
   display: block;
 }
-._item_1va6s_137:hover ._icon_1va6s_170,
-._item_1va6s_137:focus ._icon_1va6s_170 {
+._item_e4ivi_137:hover ._icon_e4ivi_170,
+._item_e4ivi_137:focus ._icon_e4ivi_170 {
   opacity: 0.6;
 }
-._item_1va6s_137:active ._icon_1va6s_170 {
+._item_e4ivi_137:active ._icon_e4ivi_170 {
   opacity: 0.8;
 }
-._item_1va6s_137._active_1va6s_163 ._icon_1va6s_170 {
+._item_e4ivi_137._active_e4ivi_163 ._icon_e4ivi_170 {
   opacity: 1;
 }
-._icon_1va6s_170 > * {
+._icon_e4ivi_170 > * {
   opacity: 1;
 }
-._icon_1va6s_170 > span {
+._icon_e4ivi_170 > span {
   display: block;
 }
-._label_1va6s_104 {
+._label_e4ivi_104 {
   white-space: nowrap;
   overflow: hidden;
 }
@@ -9273,125 +9273,125 @@ tbody tr {
   justify-content: space-between;
   border-top: 1px solid var(--color-border-table);
 }
-._inputInTable_1orll_1 {
+._inputInTable_1dsas_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1orll_1:not(:hover) {
+._inputInTable_1dsas_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1orll_1:not(:focus) {
+._inputInTable_1dsas_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1orll_13 {
+._inputHover_1dsas_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1orll_18 {
+._inputFocus_1dsas_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1orll_25,
-._inputWarning_1orll_26 {
+._inputError_1dsas_25,
+._inputWarning_1dsas_26 {
   position: relative;
 }
-._inputError_1orll_25 {
+._inputError_1dsas_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1orll_25:hover {
+._inputError_1dsas_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1orll_25:focus {
+._inputError_1dsas_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1orll_26 {
+._inputWarning_1dsas_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1orll_26:hover {
+._inputWarning_1dsas_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1orll_26:focus {
+._inputWarning_1dsas_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1orll_61 {
+._inputDisabled_1dsas_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1orll_67 {
+._hideScrollbars_1dsas_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1orll_67::-webkit-scrollbar {
+._hideScrollbars_1dsas_67::-webkit-scrollbar {
   display: none;
 }
-._cell_1orll_77 a {
+._cell_1dsas_77 a {
   cursor: pointer;
   color: var(--color-text-primary);
 }
-._cell_1orll_77 a:hover {
+._cell_1dsas_77 a:hover {
   color: var(--color-text-primary-hover);
 }
-._cell_1orll_77 a:active {
+._cell_1dsas_77 a:active {
   color: var(--color-text-primary-active);
 }
-._cell_1orll_77 a._disabledLink_1orll_87 {
+._cell_1dsas_77 a._disabledLink_1dsas_87 {
   color: var(--color-text-faint) !important;
   cursor: default !important;
 }
-._inputWrapper_1orll_91 {
+._inputWrapper_1dsas_91 {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_1orll_91 > span,
-._inputWrapper_1orll_91 > span > span,
-._inputWrapper_1orll_91 > span > span > div {
+._inputWrapper_1dsas_91 > span,
+._inputWrapper_1dsas_91 > span > span,
+._inputWrapper_1dsas_91 > span > span > div {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_1orll_91 > div,
-._inputWrapper_1orll_91 > div > span {
+._inputWrapper_1dsas_91 > div,
+._inputWrapper_1dsas_91 > div > span {
   height: 100%;
   border-radius: inherit;
 }
-._breakWord_1orll_106 {
+._breakWord_1dsas_106 {
   word-break: break-word;
 }
-._inputCell_1orll_109 {
+._inputCell_1dsas_109 {
   padding: 0 !important;
 }
-._sliderCell_1orll_112 {
+._sliderCell_1dsas_112 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
-._staticCell_1orll_116 {
+._staticCell_1dsas_116 {
   padding: 0 !important;
 }
-._staticCell_1orll_116 ._staticCellContent_1orll_119 {
+._staticCell_1dsas_116 ._staticCellContent_1dsas_119 {
   line-height: 1.25;
   min-height: 100%;
   padding: var(--padding-input);
@@ -9400,58 +9400,58 @@ tbody tr {
   display: flex;
   align-items: center;
 }
-tbody ._staticCell_1orll_116 ._staticCellContent_1orll_119 {
+tbody ._staticCell_1dsas_116 ._staticCellContent_1dsas_119 {
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._staticCell_1orll_116 ._staticCellContent_1orll_119._error_1orll_132,
-._staticCell_1orll_116 ._staticCellContent_1orll_119._warning_1orll_133 {
+._staticCell_1dsas_116 ._staticCellContent_1dsas_119._error_1dsas_132,
+._staticCell_1dsas_116 ._staticCellContent_1dsas_119._warning_1dsas_133 {
   border: 1px solid transparent;
 }
-._staticCell_1orll_116 ._staticCellContent_1orll_119._error_1orll_132 {
+._staticCell_1dsas_116 ._staticCellContent_1dsas_119._error_1dsas_132 {
   background-color: var(--color-background-error);
 }
-._staticCell_1orll_116 ._staticCellContent_1orll_119._warning_1orll_133 {
+._staticCell_1dsas_116 ._staticCellContent_1dsas_119._warning_1dsas_133 {
   background-color: var(--color-background-warning);
 }
-._staticCell_1orll_116 ._staticCellContent_1orll_119._unit_1orll_142 {
+._staticCell_1dsas_116 ._staticCellContent_1dsas_119._unit_1dsas_142 {
   font-weight: normal;
 }
-._sortingCell_1orll_145 ._staticCellContent_1orll_119 {
+._sortingCell_1dsas_145 ._staticCellContent_1dsas_119 {
   position: relative;
   padding-right: calc(var(--size) + var(--spacing-xs)) !important;
   cursor: pointer !important;
 }
-._sortingCell_1orll_145 ._staticCellContent_1orll_119:hover {
+._sortingCell_1dsas_145 ._staticCellContent_1dsas_119:hover {
   background-color: rgba(0, 0, 0, 0.05) !important;
 }
-[data-theme='dark'] ._sortingCell_1orll_145 ._staticCellContent_1orll_119:hover {
+[data-theme='dark'] ._sortingCell_1dsas_145 ._staticCellContent_1dsas_119:hover {
   background-color: rgba(255, 255, 255, 0.1) !important;
 }
-._sortingCell_1orll_145 ._sortingCellIcon_1orll_156 {
-  font-size: 1.25em;
+._sortingCell_1dsas_145 ._sortingCellIcon_1dsas_156 {
+  font-size: var(--size-xs);
   position: absolute;
-  right: calc(var(--padding-input-x) - var(--spacing-xs));
+  right: var(--padding-input-x);
   top: 50%;
   transform: translateY(-50%);
   display: flex;
 }
-._sortingCell_1orll_145 ._sortingCellIcon_1orll_156 > * {
+._sortingCell_1dsas_145 ._sortingCellIcon_1dsas_156 > * {
   display: flex;
 }
-._icon_1orll_167 {
+._icon_1dsas_167 {
   display: inline-flex;
   margin-left: var(--spacing-xs);
 }
-._checkBoxCell_1orll_171 {
+._checkBoxCell_1dsas_171 {
   padding-block: 0 !important;
   width: var(--size);
 }
-._iconCellWrapper_1orll_175 {
+._iconCellWrapper_1dsas_175 {
   display: flex;
   justify-content: center;
 }
-._actionsCell_1orll_179 {
+._actionsCell_1dsas_179 {
   width: var(--size-sm);
   padding: 0 calc((var(--size) - var(--size-sm)) / 2) !important;
   position: sticky;
@@ -9459,25 +9459,25 @@ tbody ._staticCell_1orll_116 ._staticCellContent_1orll_119 {
   background: inherit;
   z-index: 4;
 }
-._rightAligned_1orll_187 {
+._rightAligned_1dsas_187 {
   text-align: right !important;
 }
-._rightAligned_1orll_187 ._staticCellContent_1orll_119 {
+._rightAligned_1dsas_187 ._staticCellContent_1dsas_119 {
   justify-content: flex-end;
 }
-._centerAligned_1orll_193 {
+._centerAligned_1dsas_193 {
   text-align: center !important;
 }
-._centerAligned_1orll_193 ._staticCellContent_1orll_119 {
+._centerAligned_1dsas_193 ._staticCellContent_1dsas_119 {
   justify-content: center;
 }
-._leftAligned_1orll_199 {
+._leftAligned_1dsas_199 {
   text-align: left !important;
 }
-._popover_1orll_202 {
+._popover_1dsas_202 {
   padding: var(--padding-input);
 }
-._disabledPointerEvents_1orll_205 {
+._disabledPointerEvents_1dsas_205 {
   pointer-events: none;
 }
 ._clickableRow_11d5t_1 {