@oliasoft-open-source/react-ui-library 4.0.0-beta-6 → 4.0.0-beta-8

package/dist/global.css

@@ -535,7 +535,6 @@ a {
   --size: 32px;
   --size-sm: 24px;
   --size-xs: 16px;
-  --size-checkbox: var(--size-xs);
   --spacing-2xl: 28px;
   --spacing-xl: 24px;
   --spacing-lg: 20px;
@@ -662,7 +661,7 @@ html[data-theme='dark'] {
 }
 
 .field {
-  margin-bottom: 14px;
+  margin-bottom: var(--spacing-sm);
   color: var(--color-text);
 }
 
@@ -689,7 +688,7 @@ html[data-theme='dark'] {
 
 .formRow .button,
 .form-row .button {
-  margin-bottom: 14px;
+  margin-bottom: var(--spacing-sm);
 }
 
 html {
@@ -737,6 +736,17 @@ ol {
 a {
   text-decoration: none;
 }
+._chevron_1u6ki_1 {
+  margin-right: var(--spacing-xs);
+  display: flex;
+  font-size: var(--font-size);
+  transition: transform 0.3s;
+  color: var(--color-text-muted);
+  pointer-events: none;
+}
+._chevron_1u6ki_1._expanded_1u6ki_9 {
+  transform: rotate(90deg);
+}
 ._wrapper_18jt2_1 {
   color: inherit;
   fill: inherit;
@@ -763,17 +773,6 @@ a {
   color: var(--color-text-primary-active) !important;
   fill: var(--color-text-primary-active) !important;
 }
-._chevron_9fk1o_1 {
-  margin-right: 8px;
-  display: flex;
-  font-size: var(--font-size);
-  transition: transform 0.3s;
-  color: var(--color-text-muted);
-  pointer-events: none;
-}
-._chevron_9fk1o_1._expanded_9fk1o_9 {
-  transform: rotate(90deg);
-}
 ._accordion_1xanb_1 {
   position: relative;
   color: var(--color-text);
@@ -820,7 +819,8 @@ a {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
-._checkbox_1fv4t_1 {
+._checkbox_1c926_1 {
+  --size-checkbox: var(--size-xs);
   margin: calc((var(--size) - var(--size-checkbox)) / 2) 0;
   position: relative;
   display: flex;
@@ -835,14 +835,15 @@ a {
   min-width: var(--size-checkbox);
   outline: 0px;
 }
-._checkbox_1fv4t_1._noLabel_1fv4t_16 {
+._checkbox_1c926_1._noLabel_1c926_17 {
   width: var(--size-checkbox);
 }
-._checkbox_1fv4t_1._small_1fv4t_19 {
+._checkbox_1c926_1._small_1c926_20 {
+  --size-checkbox: calc(var(--size-xs) - 4px);
   margin: calc((var(--size-sm) - var(--size-checkbox)) / 2) 0;
   font-size: var(--font-size-sm);
 }
-._checkbox_1fv4t_1 input {
+._checkbox_1c926_1 input {
   cursor: pointer;
   position: absolute;
   top: 0px;
@@ -851,7 +852,7 @@ a {
   outline: 0px;
   z-index: -1;
 }
-._checkbox_1fv4t_1 label {
+._checkbox_1c926_1 label {
   cursor: pointer;
   user-select: none;
   color: var(--color-text);
@@ -860,65 +861,69 @@ a {
   padding-left: calc(var(--size-checkbox) + var(--spacing-xs));
   outline: 0px;
 }
-._checkbox_1fv4t_1 label ._checkmark_1fv4t_41 {
+._checkbox_1c926_1 label ._checkmark_1c926_43 {
   position: absolute;
   top: 0px;
   left: 0px;
   width: var(--size-checkbox);
   height: var(--size-checkbox);
+  font-size: var(--size-checkbox);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   background: var(--color-background-input);
   border-radius: var(--border-radius-sm);
   transition: border 0.1s ease 0s, opacity 0.1s ease 0s, transform 0.1s ease 0s, box-shadow 0.1s ease 0s;
   border: 1px solid var(--color-border-checkbox);
   color: transparent;
 }
-._checkbox_1fv4t_1 label ._checkmark_1fv4t_41:hover {
+._checkbox_1c926_1 label ._checkmark_1c926_43:hover {
   border-color: var(--color-border-hover);
 }
-._checkbox_1fv4t_1 input:checked ~ label ._checkmark_1fv4t_41 {
+._checkbox_1c926_1 input:checked ~ label ._checkmark_1c926_43 {
   background: var(--color-background-primary);
   border-color: transparent;
   color: white;
 }
-._checkbox_1fv4t_1._disabled_1fv4t_61 {
+._checkbox_1c926_1._disabled_1c926_67 {
   cursor: default;
   pointer-events: none;
 }
-._checkbox_1fv4t_1._disabled_1fv4t_61 label {
+._checkbox_1c926_1._disabled_1c926_67 label {
   color: var(--color-text-muted);
 }
-._checkbox_1fv4t_1._disabled_1fv4t_61 ._checkmark_1fv4t_41 {
+._checkbox_1c926_1._disabled_1c926_67 ._checkmark_1c926_43 {
   background: var(--color-background-disabled) !important;
   border-color: var(--color-border-checkbox) !important;
 }
-._checkbox_1fv4t_1._disabled_1fv4t_61 input:checked ~ label ._checkmark_1fv4t_41 {
+._checkbox_1c926_1._disabled_1c926_67 input:checked ~ label ._checkmark_1c926_43 {
   color: var(--color-text-faint);
 }
-._noMargin_1fv4t_75 {
+._noMargin_1c926_81 {
   margin: 0;
 }
-._isInTable_1fv4t_78 {
+._isInTable_1c926_84 {
   margin: 0;
 }
-._tooltip_bwonh_1 {
+._tooltip_wli9z_1 {
   background: var(--color-text);
   fill: var(--color-text);
   z-index: var(--zindex-tooltip);
   color: var(--color-background);
-  border-radius: var(--border-radius);
+  border-radius: var(--border-radius-sm);
 }
-._tooltip_bwonh_1 * {
+._tooltip_wli9z_1 * {
   color: var(--color-background);
 }
-._tooltip_bwonh_1 > svg,
-._tooltip_bwonh_1 > svg > * {
+._tooltip_wli9z_1 > svg,
+._tooltip_wli9z_1 > svg > * {
   fill: inherit !important;
 }
-._tooltip_bwonh_1._error_bwonh_15 {
+._tooltip_wli9z_1._error_wli9z_15 {
   background: var(--color-error-500);
   fill: var(--color-error-500);
 }
-._tooltip_bwonh_1._warning_bwonh_19 {
+._tooltip_wli9z_1._warning_wli9z_19 {
   background: var(--color-warning-500);
   fill: var(--color-warning-500);
 }
@@ -940,35 +945,35 @@ a {
 ._clickable_1uk4t_9:active {
   color: var(--color-text-primary-active);
 }
-._bordered_rmqrx_1 {
+._bordered_109k5_1 {
   border: 1px solid var(--color-border);
   border-radius: 0 0 var(--border-radius) var(--border-radius);
   border-top: none;
   background-color: var(--color-background-raised);
 }
-._checkboxWrapper_rmqrx_7 {
-  padding: calc(var(--padding-card-y) - 8px) var(--padding-card-x);
+._checkboxWrapper_109k5_7 {
+  padding: var(--spacing-sm) var(--padding-card-x);
 }
-._checkboxWrapper_rmqrx_7:last-child {
+._checkboxWrapper_109k5_7:last-child {
   border-radius: 0 0 inherit inherit;
 }
-._padding_rmqrx_13 {
+._padding_109k5_13 {
   padding: var(--padding-card);
 }
-._contentWrapper_rmqrx_16 {
+._contentWrapper_109k5_16 {
   border-radius: inherit;
 }
-._wrapper_ymmd2_1 {
+._wrapper_1kbgw_1 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_ymmd2_5 ._wrapper_ymmd2_1 {
+._layer_1kbgw_5 ._wrapper_1kbgw_1 {
   width: 100%;
 }
-._layerContainer_ymmd2_8 {
+._layerContainer_1kbgw_8 {
   z-index: var(--zindex-dropdown);
 }
-._layer_ymmd2_5 {
+._layer_1kbgw_5 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -980,98 +985,98 @@ a {
   position: relative;
   overflow-y: auto;
 }
-._layer_ymmd2_5._nested_ymmd2_23 {
+._layer_1kbgw_5._nested_1kbgw_23 {
   margin: -1px 2px;
 }
-._layer_ymmd2_5 ul {
+._layer_1kbgw_5 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_ymmd2_5 ul li {
+._layer_1kbgw_5 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_ymmd2_35 {
+._fileInput_1kbgw_35 {
   width: 100%;
   height: 100%;
   opacity: 0;
   position: absolute;
 }
-._trigger_ymmd2_41 {
+._trigger_1kbgw_41 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   max-width: 100%;
 }
-._layer_ymmd2_5 ._trigger_ymmd2_41 {
+._layer_1kbgw_5 ._trigger_1kbgw_41 {
   width: 100%;
 }
-._middleAlignedInline_ymmd2_50 {
+._middleAlignedInline_1kbgw_50 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_ymmd2_56 {
+._heading_1kbgw_56 {
   color: var(--color-text-muted);
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: var(--font-size-sm);
 }
-._heading_ymmd2_56 ._headingIcon_ymmd2_62 {
+._heading_1kbgw_56 ._headingIcon_1kbgw_62 {
   float: right;
 }
-._heading_ymmd2_56 ._headingIcon_ymmd2_62 svg {
+._heading_1kbgw_56 ._headingIcon_1kbgw_62 svg {
   color: var(--color-text-faint);
 }
-._heading_ymmd2_56 ._headingIcon_ymmd2_62:hover {
+._heading_1kbgw_56 ._headingIcon_1kbgw_62:hover {
   cursor: pointer;
 }
-._heading_ymmd2_56 ._headingIcon_ymmd2_62:hover svg {
+._heading_1kbgw_56 ._headingIcon_1kbgw_62:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_ymmd2_74 {
+._option_1kbgw_74 {
   color: inherit;
   display: block;
 }
-._heading_ymmd2_56,
-._option_ymmd2_74,
-._layer_ymmd2_5 ._trigger_ymmd2_41 {
+._heading_1kbgw_56,
+._option_1kbgw_74,
+._layer_1kbgw_5 ._trigger_1kbgw_41 {
   padding: var(--padding-input);
 }
-._option_ymmd2_74,
-._layer_ymmd2_5 ._trigger_ymmd2_41 {
+._option_1kbgw_74,
+._layer_1kbgw_5 ._trigger_1kbgw_41 {
   line-height: var(--line-height);
   display: flex;
   align-items: flex-start;
 }
-._option_ymmd2_74:hover,
-._layer_ymmd2_5 ._trigger_ymmd2_41:hover,
-._option_ymmd2_74._active_ymmd2_91,
-._layer_ymmd2_5 ._trigger_ymmd2_41._active_ymmd2_91 {
+._option_1kbgw_74:hover,
+._layer_1kbgw_5 ._trigger_1kbgw_41:hover,
+._option_1kbgw_74._active_1kbgw_91,
+._layer_1kbgw_5 ._trigger_1kbgw_41._active_1kbgw_91 {
   background-color: var(--color-background-listitem-hover);
   cursor: pointer;
 }
-._option_ymmd2_74._selected_ymmd2_96 {
+._option_1kbgw_74._selected_1kbgw_96 {
   background-color: var(--color-background-listitem-active);
   font-weight: bold;
 }
-._layer_ymmd2_5 ._trigger_ymmd2_41 {
+._layer_1kbgw_5 ._trigger_1kbgw_41 {
   align-items: center;
 }
-._optionContent_ymmd2_103 {
+._optionContent_1kbgw_103 {
   flex-wrap: wrap;
   margin-right: auto;
   position: relative;
 }
-._inline_ymmd2_108 ._optionContent_ymmd2_103 {
+._inline_1kbgw_108 ._optionContent_1kbgw_103 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_ymmd2_113,
-._check_ymmd2_114 {
+._icon_1kbgw_113,
+._check_1kbgw_114 {
   display: flex;
   flex-shrink: 1;
   width: var(--size-xs);
@@ -1079,84 +1084,79 @@ a {
   justify-content: center;
   align-items: center;
 }
-._icon_ymmd2_113 {
-  margin-right: 8px;
+._icon_1kbgw_113 {
+  margin-right: var(--spacing-xs);
   color: var(--color-text-primary);
 }
-._icon_ymmd2_113:empty {
+._icon_1kbgw_113:empty {
   display: none;
 }
-._icon_ymmd2_113 img {
+._icon_1kbgw_113 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._check_ymmd2_114 {
-  font-size: var(--font-size-sm);
-  color: #a5a7a9;
-  margin-left: 10px;
-}
-._text_ymmd2_140 {
+._text_1kbgw_135 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_ymmd2_145 {
+._label_1kbgw_140 {
   margin-right: auto;
 }
-._label_ymmd2_145,
-._heading_ymmd2_56 {
+._label_1kbgw_140,
+._heading_1kbgw_56 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_ymmd2_156 {
+._description_1kbgw_151 {
   color: #999;
   display: block;
 }
-._arrow_ymmd2_160 {
-  margin-left: 10px;
-  opacity: 0.4;
+._arrow_1kbgw_155 {
+  margin-left: var(--spacing-xs);
+  display: flex;
 }
-._divider_ymmd2_164 {
+._divider_1kbgw_159 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_ymmd2_168 {
+._deprecatedSemanticIcon_1kbgw_163 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_ymmd2_172 {
+._disabled_1kbgw_167 {
   color: var(--color-text-faint);
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_ymmd2_177 {
+._buttonLabel_1kbgw_172 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
   line-height: 1.2;
 }
-._buttonCaret_ymmd2_184 {
+._buttonCaret_1kbgw_179 {
   margin-left: 5px;
 }
-._component_ymmd2_187 {
+._component_1kbgw_182 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_ymmd2_193 {
+._right_1kbgw_188 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_ymmd2_198 {
-  margin-left: 8px;
+._actions_1kbgw_193 {
+  margin-left: var(--spacing-xs);
   display: flex;
   align-items: center;
   margin-top: -2px;
@@ -1208,77 +1208,77 @@ a {
   transform-origin: 100% 0%;
   z-index: 3;
 }
-._inputInTable_1ufmj_1 {
+._inputInTable_p1n9d_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1ufmj_1:not(:hover) {
+._inputInTable_p1n9d_1:not(:hover) {
   border-color: transparent;
 }
-._inputHover_1ufmj_10 {
+._inputHover_p1n9d_10 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1ufmj_15 {
+._inputFocus_p1n9d_15 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1ufmj_22,
-._inputWarning_1ufmj_23 {
+._inputError_p1n9d_22,
+._inputWarning_p1n9d_23 {
   position: relative;
 }
-._inputError_1ufmj_22 {
+._inputError_p1n9d_22 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1ufmj_22:hover {
+._inputError_p1n9d_22:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1ufmj_22:focus {
+._inputError_p1n9d_22:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1ufmj_23 {
+._inputWarning_p1n9d_23 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1ufmj_23:hover {
+._inputWarning_p1n9d_23:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1ufmj_23:focus {
+._inputWarning_p1n9d_23:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1ufmj_58 {
+._inputDisabled_p1n9d_58 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1ufmj_64 {
+._hideScrollbars_p1n9d_64 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1ufmj_64::-webkit-scrollbar {
+._hideScrollbars_p1n9d_64::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -1304,7 +1304,7 @@ html[data-theme='dark'] {
   --color-border-button: var(--color-border);
   --color-border-button-hover: var(--color-border);
 }
-._button_1ufmj_97 {
+._button_p1n9d_97 {
   cursor: pointer;
   display: inline-flex;
   align-items: center;
@@ -1330,79 +1330,79 @@ html[data-theme='dark'] {
   min-height: var(--size);
   box-shadow: var(--shadow-button);
 }
-._button_1ufmj_97:hover {
+._button_p1n9d_97:hover {
   background: var(--color-background-button-default-hover);
   border-color: var(--color-border-button-hover);
 }
-._button_1ufmj_97:focus {
+._button_p1n9d_97:focus {
   box-shadow: var(--shadow-focus) !important;
 }
-._button_1ufmj_97:active {
+._button_p1n9d_97:active {
   background: var(--color-background-button-default-active);
   box-shadow: none;
 }
-._button_1ufmj_97._active_1ufmj_134:not(._green_1ufmj_134):not(._red_1ufmj_134):not(._orange_1ufmj_134) {
+._button_p1n9d_97._active_p1n9d_134:not(._green_p1n9d_134):not(._red_p1n9d_134):not(._orange_p1n9d_134) {
   border-color: var(--color-background-button-primary);
   color: var(--color-text-primary);
   position: relative;
   z-index: 2;
 }
-._button_1ufmj_97:hover,
-._button_1ufmj_97:focus,
-._button_1ufmj_97:active {
+._button_p1n9d_97:hover,
+._button_p1n9d_97:focus,
+._button_p1n9d_97:active {
   position: relative;
   z-index: 1;
 }
-._button_1ufmj_97 ._icon_1ufmj_146 {
+._button_p1n9d_97 ._icon_p1n9d_146 {
   margin: -2px;
-  margin-right: 8px;
+  margin-right: var(--spacing-xs);
   font-size: 1.25em;
 }
-._iconOnly_1ufmj_151 {
+._iconOnly_p1n9d_151 {
   width: var(--size);
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
-._iconOnly_1ufmj_151 ._icon_1ufmj_146 {
+._iconOnly_p1n9d_151 ._icon_p1n9d_146 {
   margin: 0;
   line-height: 0;
 }
-._basic_1ufmj_161 {
+._basic_p1n9d_161 {
   color: var(--color-text-primary);
   background: transparent;
   box-shadow: none !important;
   border: none !important;
 }
-._basic_1ufmj_161._muted_1ufmj_167 {
+._basic_p1n9d_161._muted_p1n9d_167 {
   color: var(--color-text-muted);
 }
-._basic_1ufmj_161:hover {
+._basic_p1n9d_161:hover {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.05);
 }
-._basic_1ufmj_161:active,
-._basic_1ufmj_161._active_1ufmj_134 {
+._basic_p1n9d_161:active,
+._basic_p1n9d_161._active_p1n9d_134 {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.1);
 }
-._disabled_1ufmj_179 {
+._disabled_p1n9d_179 {
   cursor: default;
   pointer-events: none !important;
   color: var(--color-text-faint) !important;
   box-shadow: none !important;
 }
-._disabled_1ufmj_179:not(._active_1ufmj_134):not(._basic_1ufmj_161) {
+._disabled_p1n9d_179:not(._active_p1n9d_134):not(._basic_p1n9d_161) {
   background: var(--color-background-disabled) !important;
   border: 1px solid var(--color-border) !important;
 }
-._small_1ufmj_189 {
+._small_p1n9d_189 {
   font-size: var(--font-size-sm);
   min-height: var(--size-sm);
   padding: var(--padding-input-sm);
 }
-._pill_1ufmj_194,
-._round_1ufmj_195 {
+._pill_p1n9d_194,
+._round_p1n9d_195 {
   text-transform: uppercase;
   letter-spacing: 0.1em;
   font-weight: bold;
@@ -1410,218 +1410,218 @@ html[data-theme='dark'] {
   display: inline-flex;
   align-items: center;
 }
-._round_1ufmj_195 {
+._round_p1n9d_195 {
   padding: 0;
   width: var(--size);
   line-height: 1;
 }
-._round_1ufmj_195._small_1ufmj_189 {
+._round_p1n9d_195._small_p1n9d_189 {
   width: var(--size-sm);
 }
-._orange_1ufmj_134:not(._basic_1ufmj_161) {
+._orange_p1n9d_134:not(._basic_p1n9d_161) {
   background-color: var(--color-background-button-primary);
 }
-._orange_1ufmj_134:not(._basic_1ufmj_161):hover {
+._orange_p1n9d_134:not(._basic_p1n9d_161):hover {
   background-color: var(--color-background-button-primary-hover);
 }
-._orange_1ufmj_134:not(._basic_1ufmj_161):active,
-._orange_1ufmj_134:not(._basic_1ufmj_161)._active_1ufmj_134 {
+._orange_p1n9d_134:not(._basic_p1n9d_161):active,
+._orange_p1n9d_134:not(._basic_p1n9d_161)._active_p1n9d_134 {
   background-color: var(--color-background-button-primary-active);
 }
-._red_1ufmj_134:not(._basic_1ufmj_161) {
+._red_p1n9d_134:not(._basic_p1n9d_161) {
   background-color: var(--color-background-button-error);
 }
-._red_1ufmj_134:not(._basic_1ufmj_161):hover {
+._red_p1n9d_134:not(._basic_p1n9d_161):hover {
   background-color: var(--color-background-button-error-hover);
 }
-._red_1ufmj_134:not(._basic_1ufmj_161):active,
-._red_1ufmj_134:not(._basic_1ufmj_161)._active_1ufmj_134 {
+._red_p1n9d_134:not(._basic_p1n9d_161):active,
+._red_p1n9d_134:not(._basic_p1n9d_161)._active_p1n9d_134 {
   background-color: var(--color-background-button-error-active);
 }
-._red_1ufmj_134._basic_1ufmj_161 {
+._red_p1n9d_134._basic_p1n9d_161 {
   color: var(--color-text-error);
 }
-._green_1ufmj_134:not(._basic_1ufmj_161) {
+._green_p1n9d_134:not(._basic_p1n9d_161) {
   background-color: var(--color-background-button-success);
 }
-._green_1ufmj_134:not(._basic_1ufmj_161):hover {
+._green_p1n9d_134:not(._basic_p1n9d_161):hover {
   background-color: var(--color-background-button-success-hover);
 }
-._green_1ufmj_134:not(._basic_1ufmj_161):active,
-._green_1ufmj_134:not(._basic_1ufmj_161)._active_1ufmj_134 {
+._green_p1n9d_134:not(._basic_p1n9d_161):active,
+._green_p1n9d_134:not(._basic_p1n9d_161)._active_p1n9d_134 {
   background-color: var(--color-background-button-success-active);
 }
-._green_1ufmj_134._basic_1ufmj_161 {
+._green_p1n9d_134._basic_p1n9d_161 {
   color: var(--color-text-success);
 }
-._orange_1ufmj_134:not(._basic_1ufmj_161),
-._red_1ufmj_134:not(._basic_1ufmj_161),
-._green_1ufmj_134:not(._basic_1ufmj_161) {
+._orange_p1n9d_134:not(._basic_p1n9d_161),
+._red_p1n9d_134:not(._basic_p1n9d_161),
+._green_p1n9d_134:not(._basic_p1n9d_161) {
   color: #fff;
 }
-._orange_1ufmj_134:not(._basic_1ufmj_161):hover,
-._red_1ufmj_134:not(._basic_1ufmj_161):hover,
-._green_1ufmj_134:not(._basic_1ufmj_161):hover {
+._orange_p1n9d_134:not(._basic_p1n9d_161):hover,
+._red_p1n9d_134:not(._basic_p1n9d_161):hover,
+._green_p1n9d_134:not(._basic_p1n9d_161):hover {
   color: #fff;
 }
-._orange_1ufmj_134:not(._basic_1ufmj_161):active,
-._red_1ufmj_134:not(._basic_1ufmj_161):active,
-._green_1ufmj_134:not(._basic_1ufmj_161):active,
-._orange_1ufmj_134:not(._basic_1ufmj_161)._active_1ufmj_134,
-._red_1ufmj_134:not(._basic_1ufmj_161)._active_1ufmj_134,
-._green_1ufmj_134:not(._basic_1ufmj_161)._active_1ufmj_134 {
+._orange_p1n9d_134:not(._basic_p1n9d_161):active,
+._red_p1n9d_134:not(._basic_p1n9d_161):active,
+._green_p1n9d_134:not(._basic_p1n9d_161):active,
+._orange_p1n9d_134:not(._basic_p1n9d_161)._active_p1n9d_134,
+._red_p1n9d_134:not(._basic_p1n9d_161)._active_p1n9d_134,
+._green_p1n9d_134:not(._basic_p1n9d_161)._active_p1n9d_134 {
   color: #fff;
 }
-._error_1ufmj_265 {
+._error_p1n9d_265 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._error_1ufmj_265:hover {
+._error_p1n9d_265:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._error_1ufmj_265:focus {
+._error_p1n9d_265:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._warning_1ufmj_282 {
+._warning_p1n9d_282 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._warning_1ufmj_282:hover {
+._warning_p1n9d_282:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._warning_1ufmj_282:focus {
+._warning_p1n9d_282:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inverted_1ufmj_299 {
+._inverted_p1n9d_299 {
   background-color: transparent;
   border-color: var(--color-text);
   box-shadow: none;
 }
-._inverted_1ufmj_299:hover,
-._inverted_1ufmj_299:active {
+._inverted_p1n9d_299:hover,
+._inverted_p1n9d_299:active {
   box-shadow: none;
 }
-._inverted_1ufmj_299._orange_1ufmj_134 {
+._inverted_p1n9d_299._orange_p1n9d_134 {
   color: var(--color-background-button-primary);
   border-color: var(--color-background-button-primary);
 }
-._inverted_1ufmj_299._red_1ufmj_134 {
+._inverted_p1n9d_299._red_p1n9d_134 {
   color: var(--color-background-button-error);
   border-color: var(--color-background-button-error);
 }
-._inverted_1ufmj_299._green_1ufmj_134 {
+._inverted_p1n9d_299._green_p1n9d_134 {
   color: var(--color-background-button-success);
   border-color: var(--color-background-button-success);
 }
-._inverted_1ufmj_299._orange_1ufmj_134:hover,
-._inverted_1ufmj_299._red_1ufmj_134:hover,
-._inverted_1ufmj_299._green_1ufmj_134:hover,
-._inverted_1ufmj_299._orange_1ufmj_134:active,
-._inverted_1ufmj_299._red_1ufmj_134:active,
-._inverted_1ufmj_299._green_1ufmj_134:active {
+._inverted_p1n9d_299._orange_p1n9d_134:hover,
+._inverted_p1n9d_299._red_p1n9d_134:hover,
+._inverted_p1n9d_299._green_p1n9d_134:hover,
+._inverted_p1n9d_299._orange_p1n9d_134:active,
+._inverted_p1n9d_299._red_p1n9d_134:active,
+._inverted_p1n9d_299._green_p1n9d_134:active {
   color: white;
   box-shadow: none;
 }
-._groupOrderFirst_1ufmj_329,
-._groupOrderMiddle_1ufmj_330,
-._groupOrderLast_1ufmj_331 {
+._groupOrderFirst_p1n9d_329,
+._groupOrderMiddle_p1n9d_330,
+._groupOrderLast_p1n9d_331 {
   margin-right: 0;
 }
-._groupOrderFirst_1ufmj_329,
-._groupOrderMiddle_1ufmj_330 {
+._groupOrderFirst_p1n9d_329,
+._groupOrderMiddle_p1n9d_330 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_1ufmj_331,
-._groupOrderMiddle_1ufmj_330 {
+._groupOrderLast_p1n9d_331,
+._groupOrderMiddle_p1n9d_330 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._spinner_qco2g_1 {
+._spinner_199j8_1 {
   display: inline-block;
   position: relative;
   width: 40px;
   height: 40px;
 }
-._spinner_qco2g_1._small_qco2g_7 {
+._spinner_199j8_1._small_199j8_7 {
   width: 14px;
   height: 14px;
 }
-._spinner_qco2g_1._tiny_qco2g_11 {
+._spinner_199j8_1._tiny_199j8_11 {
   width: 10px;
   height: 10px;
 }
-._spinner_qco2g_1 div {
+._spinner_199j8_1 div {
   box-sizing: border-box;
   display: block;
   position: absolute;
   width: 40px;
   height: 40px;
-  border: 6px solid #fff;
+  border: 2px solid #fff;
   border-radius: 50%;
-  animation: _spinner_qco2g_1 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+  animation: _spinner_199j8_1 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
   border-color: #fff transparent transparent transparent;
 }
-._spinner_qco2g_1._small_qco2g_7 div {
+._spinner_199j8_1._small_199j8_7 div {
   width: 14px;
   height: 14px;
-  border: 3px solid #fff;
+  border: 2px solid #fff;
   border-color: #fff transparent transparent transparent;
 }
-._spinner_qco2g_1._tiny_qco2g_11 div {
+._spinner_199j8_1._tiny_199j8_11 div {
   width: 10px;
   height: 10px;
   border: 2px solid #fff;
   border-color: #fff transparent transparent transparent;
 }
-._spinner_qco2g_1._colored_qco2g_38 div {
-  border: 6px solid var(--color-background-primary);
+._spinner_199j8_1._colored_199j8_38 div {
+  border: 2px solid var(--color-background-primary);
   border-color: var(--color-background-primary) transparent transparent transparent;
 }
-._spinner_qco2g_1._small_qco2g_7._colored_qco2g_38 div {
-  border: 3px solid var(--color-background-primary);
+._spinner_199j8_1._small_199j8_7._colored_199j8_38 div {
+  border: 2px solid var(--color-background-primary);
   border-color: var(--color-background-primary) transparent transparent transparent;
 }
-._spinner_qco2g_1._tiny_qco2g_11._colored_qco2g_38 div {
+._spinner_199j8_1._tiny_199j8_11._colored_199j8_38 div {
   border: 2px solid var(--color-background-primary);
   border-color: var(--color-background-primary) transparent transparent transparent;
 }
-._spinner_qco2g_1._dark_qco2g_50 div {
-  border: 6px solid var(--color-text-muted);
+._spinner_199j8_1._dark_199j8_50 div {
+  border: 2px solid var(--color-text-muted);
   border-color: var(--color-text-muted) transparent transparent transparent;
 }
-._spinner_qco2g_1._small_qco2g_7._dark_qco2g_50 div {
-  border: 3px solid var(--color-text-muted);
+._spinner_199j8_1._small_199j8_7._dark_199j8_50 div {
+  border: 2px solid var(--color-text-muted);
   border-color: var(--color-text-muted) transparent transparent transparent;
 }
-._spinner_qco2g_1._tiny_qco2g_11._dark_qco2g_50 div {
+._spinner_199j8_1._tiny_199j8_11._dark_199j8_50 div {
   border: 2px solid var(--color-text-muted);
   border-color: var(--color-text-muted) transparent transparent transparent;
 }
-._spinner_qco2g_1 div:nth-child(1) {
+._spinner_199j8_1 div:nth-child(1) {
   animation-delay: -0.45s;
 }
-._spinner_qco2g_1 div:nth-child(2) {
+._spinner_199j8_1 div:nth-child(2) {
   animation-delay: -0.3s;
 }
-._spinner_qco2g_1 div:nth-child(3) {
+._spinner_199j8_1 div:nth-child(3) {
   animation-delay: -0.15s;
 }
-@keyframes _spinner_qco2g_1 {
+@keyframes _spinner_199j8_1 {
   0% {
     transform: rotate(0deg);
   }
@@ -1629,17 +1629,17 @@ html[data-theme='dark'] {
     transform: rotate(360deg);
   }
 }
-._actions_acped_1 {
+._actions_p0xkh_1 {
   margin-left: auto;
   display: flex;
   flex-wrap: nowrap;
   justify-content: flex-end;
   align-items: center;
 }
-._actions_acped_1 > *:not(:last-child) {
-  margin-right: 3px;
+._actions_p0xkh_1 > *:not(:last-child) {
+  margin-right: var(--spacing-2xs);
 }
-._actionComponentContainer_acped_11 {
+._actionComponentContainer_p0xkh_11 {
   width: 24px;
   height: 24px;
   display: inline-flex;
@@ -1652,46 +1652,46 @@ html[data-theme='dark'] {
   transition: color 0.2s;
   line-height: 0;
 }
-._actionComponentContainer_acped_11 i {
+._actionComponentContainer_p0xkh_11 i {
   margin: 0;
   line-height: 1 !important;
 }
-._actionComponentContainer_acped_11:hover,
-._actionComponentContainer_acped_11:focus {
+._actionComponentContainer_p0xkh_11:hover,
+._actionComponentContainer_p0xkh_11:focus {
   color: var(--color-text-primary-hover);
 }
-._actionComponentContainer_acped_11:active,
-._actionComponentContainer_acped_11._active_acped_33 {
+._actionComponentContainer_p0xkh_11:active,
+._actionComponentContainer_p0xkh_11._active_p0xkh_33 {
   color: var(--color-text-primary-active);
 }
-._breadcrumb_eju7k_1 {
+._breadcrumb_1yvg5_1 {
   font-size: var(--font-size-xl);
 }
-._breadcrumb_eju7k_1._small_eju7k_4 {
+._breadcrumb_1yvg5_1._small_1yvg5_4 {
   font-size: var(--font-size);
 }
-._breadcrumb_eju7k_1 ._labelContainer_eju7k_7 {
+._breadcrumb_1yvg5_1 ._labelContainer_1yvg5_7 {
   color: var(--color-text-primary);
   cursor: pointer;
 }
-._breadcrumb_eju7k_1 ._labelContainer_eju7k_7:hover {
+._breadcrumb_1yvg5_1 ._labelContainer_1yvg5_7:hover {
   color: var(--color-text-primary-hover);
 }
-._breadcrumb_eju7k_1 ._labelContainer_eju7k_7:active {
+._breadcrumb_1yvg5_1 ._labelContainer_1yvg5_7:active {
   color: var(--color-text-primary-active);
 }
-._breadcrumb_eju7k_1 ._labelContainer_eju7k_7._active_eju7k_17 {
+._breadcrumb_1yvg5_1 ._labelContainer_1yvg5_7._active_1yvg5_17 {
   color: inherit;
   cursor: default;
   pointer-events: none;
 }
-._breadcrumb_eju7k_1 ._labelContainer_eju7k_7._disabled_eju7k_22 {
+._breadcrumb_1yvg5_1 ._labelContainer_1yvg5_7._disabled_1yvg5_22 {
   color: var(--color-text-faint);
   cursor: default;
   pointer-events: none;
 }
-._breadcrumb_eju7k_1 ._separator_eju7k_27 {
-  margin: 0 10px;
+._breadcrumb_1yvg5_1 ._separator_1yvg5_27 {
+  margin: 0 var(--spacing-xs);
   color: var(--color-border);
 }
 ._label_1m8h2_1 {
@@ -1807,7 +1807,7 @@ html[data-theme='dark'] {
 ._link_11ofj_25:active {
   color: var(--color-text-primary-active);
 }
-._heading_19ope_1 {
+._heading_16sf2_1 {
   color: var(--color-text);
   font-weight: bold;
   display: flex;
@@ -1815,24 +1815,24 @@ html[data-theme='dark'] {
   user-select: none;
   padding: 0;
 }
-._heading_19ope_1._top_19ope_9 {
+._heading_16sf2_1._top_16sf2_9 {
   font-size: var(--font-size-xl);
   margin-bottom: var(--spacing);
   line-height: var(--size-sm);
 }
-._heading_19ope_1:not(._top_19ope_9) {
+._heading_16sf2_1:not(._top_16sf2_9) {
   font-size: var(--font-size-sm);
   line-height: var(--line-height);
   color: var(--color-text-muted);
   text-transform: uppercase;
   letter-spacing: 0.1em;
 }
-._icons_19ope_21 {
+._icons_16sf2_21 {
   display: inline-flex;
   font-size: 1.25em;
 }
-._icons_19ope_21 > * {
-  margin-left: 8px;
+._icons_16sf2_21 > * {
+  margin-left: var(--spacing-xs);
 }
 ._dialog_15xxd_1 {
   border-radius: var(--border-radius);
@@ -1890,77 +1890,77 @@ html[data-theme='dark'] {
 ._footer_15xxd_47 button:not(:last-child) {
   margin-right: var(--spacing);
 }
-._inputInTable_1m30t_1 {
+._inputInTable_5lftx_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1m30t_1:not(:hover) {
+._inputInTable_5lftx_1:not(:hover) {
   border-color: transparent;
 }
-._inputHover_1m30t_10 {
+._inputHover_5lftx_10 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1m30t_15 {
+._inputFocus_5lftx_15 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1m30t_22,
-._inputWarning_1m30t_23 {
+._inputError_5lftx_22,
+._inputWarning_5lftx_23 {
   position: relative;
 }
-._inputError_1m30t_22 {
+._inputError_5lftx_22 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1m30t_22:hover {
+._inputError_5lftx_22:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1m30t_22:focus {
+._inputError_5lftx_22:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1m30t_23 {
+._inputWarning_5lftx_23 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1m30t_23:hover {
+._inputWarning_5lftx_23:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1m30t_23:focus {
+._inputWarning_5lftx_23:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1m30t_58 {
+._inputDisabled_5lftx_58 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1m30t_64 {
+._hideScrollbars_5lftx_64 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1m30t_64::-webkit-scrollbar {
+._hideScrollbars_5lftx_64::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -1977,37 +1977,37 @@ html[data-theme='dark'] {
   --color-border-drawer-tab: var(--color-primary-750);
   --color-background-drawer-handle-hover: rgba(255, 255, 255, 0.1);
 }
-._inline_1m30t_88 {
+._inline_5lftx_88 {
   position: relative;
 }
-._inline_1m30t_88._left_1m30t_91 {
+._inline_5lftx_88._left_5lftx_91 {
   order: -1;
 }
-._inline_1m30t_88._right_1m30t_94 {
+._inline_5lftx_88._right_5lftx_94 {
   order: 9999;
 }
-._fixed_1m30t_97 {
+._fixed_5lftx_97 {
   position: fixed;
   top: 0;
   bottom: 0;
   z-index: var(--zindex-drawer);
 }
-._fixed_1m30t_97._left_1m30t_91 {
+._fixed_5lftx_97._left_5lftx_91 {
   left: 0;
 }
-._fixed_1m30t_97._right_1m30t_94 {
+._fixed_5lftx_97._right_5lftx_94 {
   right: 0;
 }
-._left_1m30t_91 ._border_1m30t_109 {
+._left_5lftx_91 ._border_5lftx_109 {
   border-right: 1px solid var(--color-border);
 }
-._right_1m30t_94 ._border_1m30t_109 {
+._right_5lftx_94 ._border_5lftx_109 {
   border-left: 1px solid var(--color-border);
 }
-._shadow_1m30t_115 {
+._shadow_5lftx_115 {
   box-shadow: var(--shadow-layer);
 }
-._drawerContent_1m30t_118 {
+._drawerContent_5lftx_118 {
   overflow-x: hidden;
   overflow-y: auto;
   max-height: 100%;
@@ -2019,40 +2019,40 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._isResizing_1m30t_130 ._drawerContent_1m30t_118 {
+._isResizing_5lftx_130 ._drawerContent_5lftx_118 {
   transition: none;
 }
 @media print {
-  ._drawerContent_1m30t_118 {
+  ._drawerContent_5lftx_118 {
     background: transparent !important;
   }
 }
-._drawerContent_1m30t_118::-webkit-scrollbar {
+._drawerContent_5lftx_118::-webkit-scrollbar {
   display: none;
 }
-._toggleButton_1m30t_141 {
+._toggleButton_5lftx_141 {
   transition: transform 0.4s;
   display: inline-block;
   transform: rotate(180deg);
   position: absolute;
   z-index: calc(var(--zindex-drawer) + 3);
 }
-._left_1m30t_91 ._toggleButton_1m30t_141 {
+._left_5lftx_91 ._toggleButton_5lftx_141 {
   right: calc(var(--size) / -2);
 }
-._right_1m30t_94 ._toggleButton_1m30t_141 {
+._right_5lftx_94 ._toggleButton_5lftx_141 {
   left: calc(var(--size) / -2);
 }
-._toggleButton_1m30t_141._top_1m30t_154 {
+._toggleButton_5lftx_141._top_5lftx_154 {
   top: var(--padding-y);
 }
-._toggleButton_1m30t_141._bottom_1m30t_157 {
+._toggleButton_5lftx_141._bottom_5lftx_157 {
   bottom: var(--padding-y);
 }
-._toggleButton_1m30t_141._toggleButtonOpen_1m30t_160 {
+._toggleButton_5lftx_141._toggleButtonOpen_5lftx_160 {
   transform: rotate(0deg);
 }
-._tabs_1m30t_163 {
+._tabs_5lftx_163 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2061,15 +2061,15 @@ html[data-theme='dark'] {
   z-index: calc(var(--zindex-drawer) + 1);
   border-left: 1px solid var(--color-border);
   border-right: 1px solid var(--color-border);
-  font-size: var(--size-sm);
 }
-._left_1m30t_91 ._tabs_1m30t_163 {
+._left_5lftx_91 ._tabs_5lftx_163 {
   right: 0;
 }
-._right_1m30t_94 ._tabs_1m30t_163 {
+._right_5lftx_94 ._tabs_5lftx_163 {
   left: 0;
 }
-._tabs_1m30t_163 ._tab_1m30t_163 {
+._tabs_5lftx_163 ._tab_5lftx_163 {
+  font-size: var(--size-sm);
   height: 38px;
   width: 38px;
   display: flex;
@@ -2080,43 +2080,43 @@ html[data-theme='dark'] {
   transition: color 0.3s, background-color 0.3s;
   border: 1px solid var(--color-border-drawer-tab);
 }
-._left_1m30t_91 ._tabs_1m30t_163 ._tab_1m30t_163 {
+._left_5lftx_91 ._tabs_5lftx_163 ._tab_5lftx_163 {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._left_1m30t_91 ._tabs_1m30t_163 ._tab_1m30t_163._active_1m30t_195 {
+._left_5lftx_91 ._tabs_5lftx_163 ._tab_5lftx_163._active_5lftx_195 {
   border-left-color: transparent;
 }
-._right_1m30t_94 ._tabs_1m30t_163 ._tab_1m30t_163 {
+._right_5lftx_94 ._tabs_5lftx_163 ._tab_5lftx_163 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-._right_1m30t_94 ._tabs_1m30t_163 ._tab_1m30t_163._active_1m30t_195 {
+._right_5lftx_94 ._tabs_5lftx_163 ._tab_5lftx_163._active_5lftx_195 {
   border-right-color: transparent;
 }
-._tabs_1m30t_163 ._tab_1m30t_163:not(._active_1m30t_195) {
+._tabs_5lftx_163 ._tab_5lftx_163:not(._active_5lftx_195) {
   color: var(--color-text-primary);
   background-color: var(--color-background-drawer-tab) !important;
 }
-._tabs_1m30t_163 ._tab_1m30t_163:not(._active_1m30t_195):hover {
+._tabs_5lftx_163 ._tab_5lftx_163:not(._active_5lftx_195):hover {
   color: var(--color-text);
   background-color: var(--color-background-drawer-tab-hover) !important;
 }
-._tabs_1m30t_163 ._tab_1m30t_163._active_1m30t_195 {
+._tabs_5lftx_163 ._tab_5lftx_163._active_5lftx_195 {
   color: var(--color-text);
   border-color: var(--color-border);
 }
-._left_1m30t_91 ._tabsContent_1m30t_217 {
+._left_5lftx_91 ._tabsContent_5lftx_217 {
   padding-right: 36px;
 }
-._right_1m30t_94 ._tabsContent_1m30t_217 {
+._right_5lftx_94 ._tabsContent_5lftx_217 {
   padding-left: 36px;
 }
-._resizeHandle_1m30t_223 {
+._resizeHandle_5lftx_223 {
   position: absolute;
   top: 0;
   bottom: 0;
-  width: 10px;
+  width: 12px;
   z-index: calc(var(--zindex-drawer) + 2);
   cursor: ew-resize;
   display: flex;
@@ -2125,21 +2125,21 @@ html[data-theme='dark'] {
   font-size: var(--font-size-sm);
   transition: all 0.2s;
 }
-._resizeHandle_1m30t_223:hover {
+._resizeHandle_5lftx_223:hover {
   background: var(--color-background-drawer-handle-hover);
   color: var(--color-text-primary);
 }
-._resizeHandle_1m30t_223:active {
+._resizeHandle_5lftx_223:active {
   background: var(--color-text-primary);
   color: white;
 }
-._left_1m30t_91 ._resizeHandle_1m30t_223 {
+._left_5lftx_91 ._resizeHandle_5lftx_223 {
   right: 0;
 }
-._right_1m30t_94 ._resizeHandle_1m30t_223 {
+._right_5lftx_94 ._resizeHandle_5lftx_223 {
   left: 0;
 }
-._empty_cs57m_1 {
+._empty_1erlc_1 {
   position: relative;
   border-radius: inherit;
   display: inline-flex;
@@ -2147,11 +2147,11 @@ html[data-theme='dark'] {
   align-items: center;
   justify-content: center;
   text-align: center;
-  gap: 10px;
+  gap: var(--spacing-sm);
 }
-._empty_cs57m_1 ._text_cs57m_11 {
+._empty_1erlc_1 ._text_1erlc_11 {
   max-width: 40ch;
-  margin-bottom: 3px;
+  gap: var(--spacing-2xs);
 }
 ._inputGroup_biuoa_1 {
   display: flex;
@@ -2342,56 +2342,56 @@ html[data-theme='dark'] {
 ._fileInput_1elar_1 {
   display: none !important;
 }
-._label_191gc_1 {
+._label_ll0e3_1 {
   display: flex;
   align-items: center;
 }
-._label_191gc_1._labelLeft_191gc_5 {
+._label_ll0e3_1._labelLeft_ll0e3_5 {
   margin-bottom: 0;
   flex-shrink: 0;
-  padding-right: 10px;
+  padding-right: var(--spacing-sm);
 }
-._label_191gc_1._labelLeft_191gc_5 > label {
+._label_ll0e3_1._labelLeft_ll0e3_5 > label {
   margin-bottom: 0;
 }
-._label_191gc_1 ._icons_191gc_13 {
+._label_ll0e3_1 ._icons_ll0e3_13 {
   display: inline-flex;
   font-size: 1.25em;
 }
-._label_191gc_1 ._icons_191gc_13 > * {
+._label_ll0e3_1 ._icons_ll0e3_13 > * {
   margin-left: var(--spacing-2xs);
 }
-._label_191gc_1 > label {
+._label_ll0e3_1 > label {
   display: flex;
   align-items: center;
   font-weight: bold;
   font-size: var(--font-size-sm);
   margin-bottom: var(--spacing-2xs);
 }
-._field_1j8sr_1 {
-  margin-bottom: 14px;
+._field_abuqh_1 {
+  margin-bottom: var(--spacing-sm);
   color: var(--color-text);
 }
-._field_1j8sr_1._labelLeft_1j8sr_5 {
+._field_abuqh_1._labelLeft_abuqh_5 {
   display: flex;
   align-items: center;
 }
-._field_1j8sr_1._labelLeft_1j8sr_5 ._fieldInput_1j8sr_9 {
+._field_abuqh_1._labelLeft_abuqh_5 ._fieldInput_abuqh_9 {
   flex-grow: 1;
 }
-._formRow_1j8sr_12,
-._form-row_1j8sr_13 {
+._formRow_abuqh_12,
+._form-row_abuqh_13 {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-end;
 }
-._formRow_1j8sr_12 > *:not(:last-child),
-._form-row_1j8sr_13 > *:not(:last-child) {
+._formRow_abuqh_12 > *:not(:last-child),
+._form-row_abuqh_13 > *:not(:last-child) {
   margin-right: var(--spacing);
 }
-._formRow_1j8sr_12 ._button_1j8sr_22,
-._form-row_1j8sr_13 ._button_1j8sr_22 {
-  margin-bottom: 14px;
+._formRow_abuqh_12 ._button_abuqh_22,
+._form-row_abuqh_13 ._button_abuqh_22 {
+  margin-bottom: var(--spacing-sm);
 }
 ._formRow_1m3f8_1 {
   display: flex;
@@ -2426,120 +2426,120 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._inputInTable_1woim_1 {
+._inputInTable_15szv_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1woim_1:not(:hover) {
+._inputInTable_15szv_1:not(:hover) {
   border-color: transparent;
 }
-._inputHover_1woim_10 {
+._inputHover_15szv_10 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1woim_15 {
+._inputFocus_15szv_15 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1woim_22,
-._inputWarning_1woim_23 {
+._inputError_15szv_22,
+._inputWarning_15szv_23 {
   position: relative;
 }
-._inputError_1woim_22 {
+._inputError_15szv_22 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1woim_22:hover {
+._inputError_15szv_22:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1woim_22:focus {
+._inputError_15szv_22:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1woim_23 {
+._inputWarning_15szv_23 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1woim_23:hover {
+._inputWarning_15szv_23:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1woim_23:focus {
+._inputWarning_15szv_23:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1woim_58 {
+._inputDisabled_15szv_58 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1woim_64 {
+._hideScrollbars_15szv_64 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1woim_64::-webkit-scrollbar {
+._hideScrollbars_15szv_64::-webkit-scrollbar {
   display: none;
 }
-._header_1woim_74 ._headerTitle_1woim_74,
-._heading_1woim_75 ._itemHeader_1woim_75 {
+._header_15szv_74 ._headerTitle_15szv_74,
+._heading_15szv_75 ._itemHeader_15szv_75 {
   transition: opacity 0.3s;
 }
-._narrow_1woim_78 ._header_1woim_74 ._headerTitle_1woim_74,
-._narrow_1woim_78 ._heading_1woim_75 ._itemHeader_1woim_75 {
+._narrow_15szv_78 ._header_15szv_74 ._headerTitle_15szv_74,
+._narrow_15szv_78 ._heading_15szv_75 ._itemHeader_15szv_75 {
   opacity: 0;
 }
-._stickyHeader_1woim_82 {
+._stickyHeader_15szv_82 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_1woim_75 {
+._itemHeader_15szv_75 {
   padding: var(--spacing-sm) var(--padding-x);
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_1woim_75 ._title_1woim_93 {
+._itemHeader_15szv_75 ._title_15szv_93 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_1woim_75 ._name_1woim_99 {
+._itemHeader_15szv_75 ._name_15szv_99 {
   font-weight: 400;
 }
-._itemHeader_1woim_75 ._iconTooltipMargin_1woim_102 {
-  margin-left: 10px;
+._itemHeader_15szv_75 ._iconTooltipMargin_15szv_102 {
+  margin-left: var(--spacing-xs);
 }
-._itemHeader_1woim_75 ._bold_1woim_105 {
+._itemHeader_15szv_75 ._bold_15szv_105 {
   font-weight: bold;
 }
-._header_1woim_74 {
+._header_15szv_74 {
   padding: var(--padding);
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--color-border);
 }
-._toggleNarrow_1woim_114 {
+._toggleNarrow_15szv_114 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -2548,51 +2548,48 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_1woim_114:hover {
+._toggleNarrow_15szv_114:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_1woim_114:active {
+._toggleNarrow_15szv_114:active {
   color: var(--color-text-primary-active);
 }
-._narrow_1woim_78 ._toggleNarrow_1woim_114 {
+._narrow_15szv_78 ._toggleNarrow_15szv_114 {
   transform: scaleX(-1);
 }
-._drag_1woim_132 {
+._drag_15szv_132 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
   justify-content: center;
-  margin-right: 10px;
+  margin-right: var(--spacing-xs);
   margin-left: -6px;
   cursor: move;
   height: 19px;
   width: 19px;
 }
-._drag_1woim_132 path {
-  stroke: var(--color-text-faint);
-}
-._drag_1woim_132:hover path {
-  stroke: var(--color-text-primary-hover);
+._drag_15szv_132:hover {
+  color: var(--color-text-primary-hover);
 }
-._drag_1woim_132:active path {
-  stroke: var(--color-text-primary-active);
+._drag_15szv_132:active {
+  color: var(--color-text-primary-active);
 }
-._list_1woim_152 {
+._list_15szv_149 {
   flex-shrink: 0;
   background: var(--color-background);
 }
-._list_1woim_152._bordered_1woim_156:first-child,
-._list_1woim_152._bordered_1woim_156:first-child > :first-child {
+._list_15szv_149._bordered_15szv_153:first-child,
+._list_15szv_149._bordered_15szv_153:first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._list_1woim_152._bordered_1woim_156:last-child,
-._list_1woim_152._bordered_1woim_156:last-child > :last-child {
+._list_15szv_149._bordered_15szv_153:last-child,
+._list_15szv_149._bordered_15szv_153:last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
   border-bottom: 0;
 }
-._item_1woim_75 {
+._item_15szv_75 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -2603,7 +2600,7 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_1woim_75:not(._heading_1woim_75):after {
+._item_15szv_75:not(._heading_15szv_75):after {
   content: '';
   position: absolute;
   left: 0;
@@ -2614,73 +2611,73 @@ html[data-theme='dark'] {
   border-bottom-left-radius: inherit;
   transition: background 0.3s;
 }
-._item_1woim_75._action_1woim_189 {
+._item_15szv_75._action_15szv_186 {
   cursor: pointer;
 }
-._item_1woim_75._action_1woim_189:not(._active_1woim_192):hover {
+._item_15szv_75._action_15szv_186:not(._active_15szv_189):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_1woim_75._action_1woim_189:not(._active_1woim_192):hover:after {
+._item_15szv_75._action_15szv_186:not(._active_15szv_189):hover:after {
   background: rgba(0, 0, 0, 0.1);
 }
-._item_1woim_75._active_1woim_192 {
+._item_15szv_75._active_15szv_189 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_1woim_75._active_1woim_192:after {
+._item_15szv_75._active_15szv_189:after {
   background: var(--color-background-primary) !important;
 }
-._item_1woim_75._disabled_1woim_207 {
+._item_15szv_75._disabled_15szv_204 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_1woim_75._heading_1woim_75 {
+._item_15szv_75._heading_15szv_75 {
   color: var(--color-text-muted);
   background-color: transparent;
 }
-._item_1woim_75._heading_1woim_75._action_1woim_189:hover {
+._item_15szv_75._heading_15szv_75._action_15szv_186:hover {
   color: var(--color-text-primary-hover);
 }
-._item_1woim_75 ._label_1woim_218 {
+._item_15szv_75 ._label_15szv_215 {
   margin-right: 15px;
   margin-left: -5px;
   margin-top: -2px;
   margin-bottom: -2px;
   flex-shrink: 0;
 }
-._item_1woim_75 ._details_1woim_225,
-._item_1woim_75 ._metadata_1woim_226 {
+._item_15szv_75 ._details_15szv_222,
+._item_15szv_75 ._metadata_15szv_223 {
   display: block;
   width: 100%;
   font-weight: normal;
-  margin-top: 3px;
 }
-._item_1woim_75 ._metadata_1woim_226 {
+._item_15szv_75 ._metadata_15szv_223 {
   color: var(--color-text-muted);
 }
-._item_1woim_75 ._itemContent_1woim_235 {
+._item_15szv_75 ._itemContent_15szv_231 {
   padding: 0 var(--padding-x) var(--spacing-sm);
   cursor: auto;
 }
-._item_1woim_75 ._itemContent_1woim_235:empty {
+._item_15szv_75 ._itemContent_15szv_231:empty {
   padding: inherit;
 }
-._indentIcon_1woim_242 {
+._indentIcon_15szv_238 {
+  color: var(--color-text-faint);
   width: 20px;
   flex-shrink: 0;
 }
-._expandIcon_1woim_246 {
+._expandIcon_15szv_243 {
   width: 20px;
   flex-shrink: 0;
   position: relative;
   margin-top: 1px;
 }
-._expandIcon_1woim_246._expanded_1woim_252 svg {
+._expandIcon_15szv_243._expanded_15szv_249 svg {
   transform: rotate(90deg);
 }
-._right_1woim_255 {
+._right_15szv_252 {
   margin-left: auto;
   display: flex;
   align-items: center;
@@ -2688,47 +2685,47 @@ html[data-theme='dark'] {
   margin-bottom: -2px;
   margin-right: -8px;
 }
-._actions_1woim_263 {
-  margin-left: 8px;
+._actions_15szv_260 {
+  margin-left: var(--spacing-xs);
   display: flex;
   align-items: center;
 }
-._scrollableList_1woim_268 {
+._scrollableList_15szv_265 {
   height: 100%;
   overflow-y: auto;
   scroll-behavior: smooth;
 }
-._hideScrollbar_1woim_64 {
+._hideScrollbar_15szv_64 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_1woim_64::-webkit-scrollbar {
+._hideScrollbar_15szv_64::-webkit-scrollbar {
   display: none;
 }
-._loader_16v7q_1 {
+._loader_cvm5e_1 {
   width: 100%;
   height: 100%;
   position: relative;
   border-radius: inherit;
 }
-._loader_16v7q_1._fullViewPortSize_16v7q_7 {
+._loader_cvm5e_1._fullViewPortSize_cvm5e_7 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
 }
-._loader_16v7q_1._cover_16v7q_14 {
+._loader_cvm5e_1._cover_cvm5e_14 {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
 }
-._dimmer_16v7q_21 {
+._dimmer_cvm5e_21 {
   position: absolute;
   top: 0;
   left: 0;
@@ -2751,89 +2748,89 @@ html[data-theme='dark'] {
   display: flex;
   opacity: 0.95;
 }
-._content_16v7q_44 {
+._content_cvm5e_44 {
   display: flex;
   flex-direction: column;
   align-items: center;
 }
-._text_16v7q_49 {
+._text_cvm5e_49 {
   margin-top: 12px;
   opacity: 0.6;
 }
-._details_16v7q_53 {
-  margin-top: 8px;
+._details_cvm5e_53 {
+  margin-top: var(--spacing-xs);
 }
-._inputInTable_17xnf_1 {
+._inputInTable_12x0j_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_17xnf_1:not(:hover) {
+._inputInTable_12x0j_1:not(:hover) {
   border-color: transparent;
 }
-._inputHover_17xnf_10 {
+._inputHover_12x0j_10 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_17xnf_15 {
+._inputFocus_12x0j_15 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_17xnf_22,
-._inputWarning_17xnf_23 {
+._inputError_12x0j_22,
+._inputWarning_12x0j_23 {
   position: relative;
 }
-._inputError_17xnf_22 {
+._inputError_12x0j_22 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_17xnf_22:hover {
+._inputError_12x0j_22:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_17xnf_22:focus {
+._inputError_12x0j_22:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_17xnf_23 {
+._inputWarning_12x0j_23 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_17xnf_23:hover {
+._inputWarning_12x0j_23:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_17xnf_23:focus {
+._inputWarning_12x0j_23:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_17xnf_58 {
+._inputDisabled_12x0j_58 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_17xnf_64 {
+._hideScrollbars_12x0j_64 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_17xnf_64::-webkit-scrollbar {
+._hideScrollbars_12x0j_64::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -2842,7 +2839,7 @@ html[data-theme='dark'] {
 html[data-theme='dark'] {
   --color-border-message: transparent;
 }
-._container_17xnf_80 {
+._container_12x0j_80 {
   padding: var(--padding-card);
   border-radius: var(--border-radius);
   display: inline-flex;
@@ -2857,40 +2854,40 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._container_17xnf_80::-webkit-scrollbar {
+._container_12x0j_80::-webkit-scrollbar {
   display: none;
 }
-._container_17xnf_80._block_17xnf_98 {
+._container_12x0j_80._block_12x0j_98 {
   display: flex;
 }
-._container_17xnf_80._info_17xnf_101 {
+._container_12x0j_80._info_12x0j_101 {
   color: var(--color-text-info);
   background-color: var(--color-background-info);
 }
-._container_17xnf_80._success_17xnf_105 {
+._container_12x0j_80._success_12x0j_105 {
   color: var(--color-text-success);
   background-color: var(--color-background-success);
 }
-._container_17xnf_80._warning_17xnf_109 {
+._container_12x0j_80._warning_12x0j_109 {
   color: var(--color-text-warning);
   background-color: var(--color-background-warning);
 }
-._container_17xnf_80._error_17xnf_113 {
+._container_12x0j_80._error_12x0j_113 {
   color: var(--color-text-error);
   background-color: var(--color-background-error);
 }
-._content_17xnf_117 {
+._content_12x0j_117 {
   flex: 1;
   min-width: 0;
 }
-._heading_17xnf_121 {
+._heading_12x0j_121 {
   font-weight: bold;
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: var(--font-size-sm);
   line-height: var(--line-height);
 }
-._icon_17xnf_128 {
+._icon_12x0j_128 {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -2898,38 +2895,39 @@ html[data-theme='dark'] {
   margin-right: 12px;
   margin-top: -2px;
 }
-._dismiss_17xnf_136 {
+._dismiss_12x0j_136 {
   margin-left: 12px;
   color: var(--color-text);
 }
-._dismiss_17xnf_136._absolute_17xnf_140 {
+._dismiss_12x0j_136._absolute_12x0j_140 {
   position: absolute;
-  top: 10px;
-  right: 14px;
+  top: var(--spacing-xs);
+  right: var(--spacing-sm);
 }
-._dismiss_17xnf_136 {
+._dismiss_12x0j_136 {
   margin-top: -2px;
   margin-right: -6px;
 }
-._legendToggle_17xnf_149 {
+._legendToggle_12x0j_149 {
   opacity: 0.6;
 }
-._legendToggle_17xnf_149:hover {
+._legendToggle_12x0j_149:hover {
   opacity: 0.8;
   cursor: pointer;
 }
-._legendToggle_17xnf_149:active {
+._legendToggle_12x0j_149:active {
   opacity: 1;
 }
-._detailsText_17xnf_159 {
+._detailsText_12x0j_159 {
   margin-top: var(--spacing);
   word-break: break-word;
 }
-._footer_17xnf_163 {
+._footer_12x0j_163 {
   display: flex;
   flex-wrap: wrap;
-  gap: 8px;
-  margin-top: 8px;
+  gap: var(--spacing-sm);
+  margin-top: var(--spacing-xs);
+  margin-bottom: var(--spacing-2xs);
 }
 ._wrapper_ijw69_1 {
   z-index: var(--zindex-modal);
@@ -3230,10 +3228,10 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._layerContainer_siwvj_1 {
+._layerContainer_1p0ji_1 {
   z-index: var(--zindex-dropdown);
 }
-._layer_siwvj_1 {
+._layer_1p0ji_1 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -3243,31 +3241,31 @@ html[data-theme='dark'] {
   position: relative;
   font-size: var(--font-size);
 }
-._layer_siwvj_1 ul {
+._layer_1p0ji_1 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_siwvj_1 ul li {
+._layer_1p0ji_1 ul li {
   list-style: none;
   display: block;
 }
-._layer_siwvj_1._small_siwvj_23 {
+._layer_1p0ji_1._small_1p0ji_23 {
   font-size: var(--font-size-sm);
 }
-._heading_siwvj_26,
-._option_siwvj_27,
-._message_siwvj_28 {
+._heading_1p0ji_26,
+._option_1p0ji_27,
+._message_1p0ji_28 {
   padding: var(--padding-input);
   padding-right: 0;
 }
-._small_siwvj_23 ._heading_siwvj_26,
-._small_siwvj_23 ._option_siwvj_27,
-._small_siwvj_23 ._message_siwvj_28 {
+._small_1p0ji_23 ._heading_1p0ji_26,
+._small_1p0ji_23 ._option_1p0ji_27,
+._small_1p0ji_23 ._message_1p0ji_28 {
   padding: var(--padding-input-sm);
   padding-right: 0;
 }
-._heading_siwvj_26 {
+._heading_1p0ji_26 {
   color: var(--color-text-muted);
   letter-spacing: 0.1em;
   text-transform: uppercase;
@@ -3278,13 +3276,13 @@ html[data-theme='dark'] {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._small_siwvj_23 ._heading_siwvj_26 {
+._small_1p0ji_23 ._heading_1p0ji_26 {
   font-size: var(--font-size-xs);
 }
-._message_siwvj_28 {
+._message_1p0ji_28 {
   color: var(--color-text-faint);
 }
-._option_siwvj_27 {
+._option_1p0ji_27 {
   line-height: var(--line-height);
   display: flex;
   align-items: center;
@@ -3293,20 +3291,20 @@ html[data-theme='dark'] {
   height: 100%;
   cursor: pointer;
 }
-._option_siwvj_27._focused_siwvj_64,
-._option_siwvj_27:hover {
+._option_1p0ji_27._focused_1p0ji_64,
+._option_1p0ji_27:hover {
   background-color: var(--color-background-listitem-hover);
 }
-._option_siwvj_27._selected_siwvj_68 {
+._option_1p0ji_27._selected_1p0ji_68 {
   background-color: var(--color-background-listitem-active);
 }
-._option_siwvj_27._disabled_siwvj_71 {
+._option_1p0ji_27._disabled_1p0ji_71 {
   opacity: 0.2;
   cursor: inherit;
 }
-._option_siwvj_27 ._check_siwvj_75 {
+._option_1p0ji_27 ._check_1p0ji_75 {
   color: var(--color-text-primary);
-  font-size: var(--font-size-xs);
+  font-size: var(--font-size);
   width: var(--size);
   height: var(--size);
   display: flex;
@@ -3314,112 +3312,112 @@ html[data-theme='dark'] {
   align-items: center;
   flex-shrink: 0;
 }
-._small_siwvj_23 ._option_siwvj_27 ._check_siwvj_75 {
+._small_1p0ji_23 ._option_1p0ji_27 ._check_1p0ji_75 {
   width: var(--size-sm);
   height: var(--size-sm);
 }
-._option_siwvj_27 ._check_siwvj_75 svg {
+._option_1p0ji_27 ._check_1p0ji_75 svg {
   display: block;
 }
-._option_siwvj_27 ._optionContent_siwvj_92 {
+._option_1p0ji_27 ._optionContent_1p0ji_92 {
   flex-wrap: wrap;
   margin-right: auto;
   overflow: hidden;
 }
-._option_siwvj_27 ._optionContent_siwvj_92 ._label_siwvj_97 {
+._option_1p0ji_27 ._optionContent_1p0ji_92 ._label_1p0ji_97 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._option_siwvj_27 ._optionContent_siwvj_92 ._icon_siwvj_104 {
-  margin-left: 8px;
+._option_1p0ji_27 ._optionContent_1p0ji_92 ._icon_1p0ji_104 {
+  margin-left: var(--spacing-xs);
   line-height: 0;
 }
-._details_siwvj_108 {
+._details_1p0ji_108 {
   float: right;
   display: inline;
   white-space: nowrap;
 }
-._inputInTable_knwss_1 {
+._inputInTable_1nafn_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_knwss_1:not(:hover) {
+._inputInTable_1nafn_1:not(:hover) {
   border-color: transparent;
 }
-._inputHover_knwss_10 {
+._inputHover_1nafn_10 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_knwss_15 {
+._inputFocus_1nafn_15 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_knwss_22,
-._inputWarning_knwss_23 {
+._inputError_1nafn_22,
+._inputWarning_1nafn_23 {
   position: relative;
 }
-._inputError_knwss_22 {
+._inputError_1nafn_22 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_knwss_22:hover {
+._inputError_1nafn_22:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_knwss_22:focus {
+._inputError_1nafn_22:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_knwss_23 {
+._inputWarning_1nafn_23 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_knwss_23:hover {
+._inputWarning_1nafn_23:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_knwss_23:focus {
+._inputWarning_1nafn_23:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_knwss_58 {
+._inputDisabled_1nafn_58 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_knwss_64 {
+._hideScrollbars_1nafn_64 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_knwss_64::-webkit-scrollbar {
+._hideScrollbars_1nafn_64::-webkit-scrollbar {
   display: none;
 }
 :root {
   --size-select-icon: calc(var(--size) / 2);
   --size-select-icon-sm: calc(var(--size-sm) / 2);
 }
-._trigger_knwss_78 {
+._trigger_1nafn_78 {
   font-weight: normal;
   display: flex;
   align-items: center;
@@ -3431,85 +3429,85 @@ html[data-theme='dark'] {
   padding-left: var(--padding-input-x);
   box-shadow: var(--shadow-button);
 }
-._trigger_knwss_78 input {
+._trigger_1nafn_78 input {
   border: none !important;
   background: transparent !important;
 }
-._trigger_knwss_78._isInTable_knwss_94 {
+._trigger_1nafn_78._isInTable_1nafn_94 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._trigger_knwss_78._isInTable_knwss_94:not(:hover) {
+._trigger_1nafn_78._isInTable_1nafn_94:not(:hover) {
   border-color: transparent;
 }
-._trigger_knwss_78._isInTable_knwss_94 ._input_knwss_1 {
+._trigger_1nafn_78._isInTable_1nafn_94 ._input_1nafn_1 {
   background: transparent !important;
 }
-._trigger_knwss_78:hover {
+._trigger_1nafn_78:hover {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
   cursor: pointer;
 }
-._trigger_knwss_78._isOpen_knwss_112,
-._trigger_knwss_78:focus {
+._trigger_1nafn_78._isOpen_1nafn_112,
+._trigger_1nafn_78:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_knwss_78._error_knwss_120 {
+._trigger_1nafn_78._error_1nafn_120 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._trigger_knwss_78._error_knwss_120:hover {
+._trigger_1nafn_78._error_1nafn_120:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._trigger_knwss_78._error_knwss_120:focus {
+._trigger_1nafn_78._error_1nafn_120:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_knwss_78._warning_knwss_137 {
+._trigger_1nafn_78._warning_1nafn_137 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._trigger_knwss_78._warning_knwss_137:hover {
+._trigger_1nafn_78._warning_1nafn_137:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._trigger_knwss_78._warning_knwss_137:focus {
+._trigger_1nafn_78._warning_1nafn_137:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_knwss_78._disabled_knwss_154 {
+._trigger_1nafn_78._disabled_1nafn_154 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._icons_knwss_160 {
+._icons_1nafn_160 {
   display: flex;
   flex-wrap: nowrap;
   flex-shrink: 0;
   position: relative;
   z-index: 2;
 }
-._icons_knwss_160 ._clearAll_knwss_167,
-._icons_knwss_160 ._iconOpen_knwss_168 {
+._icons_1nafn_160 ._clearAll_1nafn_167,
+._icons_1nafn_160 ._iconOpen_1nafn_168 {
   font-size: var(--size-select-icon);
   width: var(--size);
   height: var(--size);
@@ -3518,16 +3516,16 @@ html[data-theme='dark'] {
   align-items: center;
   color: var(--color-text);
 }
-._small_knwss_177 ._icons_knwss_160 ._clearAll_knwss_167,
-._small_knwss_177 ._icons_knwss_160 ._iconOpen_knwss_168 {
+._small_1nafn_177 ._icons_1nafn_160 ._clearAll_1nafn_167,
+._small_1nafn_177 ._icons_1nafn_160 ._iconOpen_1nafn_168 {
   font-size: var(--size-select-icon-sm);
   width: var(--size-sm);
   height: var(--size-sm);
 }
-._icons_knwss_160 ._clearAll_knwss_167:hover {
+._icons_1nafn_160 ._clearAll_1nafn_167:hover {
   color: var(--color-text-primary);
 }
-._triggerInputContainer_knwss_186 {
+._triggerInputContainer_1nafn_186 {
   display: flex;
   align-items: center;
   position: relative;
@@ -3536,31 +3534,31 @@ html[data-theme='dark'] {
   min-width: 0;
   margin-right: 4px;
 }
-._right_knwss_195 ._triggerInputContainer_knwss_186 {
+._right_1nafn_195 ._triggerInputContainer_1nafn_186 {
   justify-content: flex-end;
   text-align: right;
 }
-._right_knwss_195 ._triggerInputContainer_knwss_186 input {
+._right_1nafn_195 ._triggerInputContainer_1nafn_186 input {
   padding-right: 0;
   padding-left: 0;
   text-align: right;
   width: 0;
 }
-._right_knwss_195 ._triggerInputContainer_knwss_186 input:focus {
+._right_1nafn_195 ._triggerInputContainer_1nafn_186 input:focus {
   width: auto;
 }
-._multiOptions_knwss_208 {
+._multiOptions_1nafn_208 {
   display: flex;
   overflow: hidden;
   margin-left: -8px;
 }
-._small_knwss_177 ._multiOptions_knwss_208 {
+._small_1nafn_177 ._multiOptions_1nafn_208 {
   margin-left: -5px;
 }
-._multiOptions_knwss_208:empty {
+._multiOptions_1nafn_208:empty {
   display: none !important;
 }
-._multiOptions_knwss_208 ._multiOption_knwss_208 {
+._multiOptions_1nafn_208 ._multiOption_1nafn_208 {
   user-select: none;
   pointer-events: none;
   display: inline-flex;
@@ -3577,30 +3575,30 @@ html[data-theme='dark'] {
   flex-shrink: 0;
   margin-right: 2px;
 }
-._small_knwss_177 ._multiOptions_knwss_208 ._multiOption_knwss_208 {
+._small_1nafn_177 ._multiOptions_1nafn_208 ._multiOption_1nafn_208 {
   height: var(--size-xs);
   padding: 0 3px;
 }
-._multiOptions_knwss_208 ._multiOption_knwss_208 ._label_knwss_240 {
+._multiOptions_1nafn_208 ._multiOption_1nafn_208 ._label_1nafn_240 {
   white-space: nowrap;
 }
-._multiOptions_knwss_208 ._multiOption_knwss_208 ._closeMultiOption_knwss_243 {
+._multiOptions_1nafn_208 ._multiOption_1nafn_208 ._closeMultiOption_1nafn_243 {
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
-  width: 24px;
+  width: var(--size-sm);
   opacity: 0.25;
   aspect-ratio: 1;
 }
-._multiOptions_knwss_208 ._multiOption_knwss_208 ._closeMultiOption_knwss_243:hover,
-._multiOptions_knwss_208 ._multiOption_knwss_208 ._closeMultiOption_knwss_243._focus_knwss_254 {
+._multiOptions_1nafn_208 ._multiOption_1nafn_208 ._closeMultiOption_1nafn_243:hover,
+._multiOptions_1nafn_208 ._multiOption_1nafn_208 ._closeMultiOption_1nafn_243._focus_1nafn_254 {
   opacity: 1;
   outline: 0;
 }
-._selectedSingleValue_knwss_258,
-._placeHolder_knwss_259 {
+._selectedSingleValue_1nafn_258,
+._placeHolder_1nafn_259 {
   line-height: calc(var(--size) - 2px);
   right: 0;
   left: 0;
@@ -3610,10 +3608,10 @@ html[data-theme='dark'] {
   display: block;
   position: absolute;
 }
-._placeHolder_knwss_259 {
+._placeHolder_1nafn_259 {
   color: var(--color-text-placeholder);
 }
-._input_knwss_1 {
+._input_1nafn_1 {
   font-family: var(--font-family);
   background-color: transparent;
   border: none;
@@ -3621,43 +3619,43 @@ html[data-theme='dark'] {
   padding: 0;
   width: 0;
 }
-._input_knwss_1._error_knwss_120 {
+._input_1nafn_1._error_1nafn_120 {
   color: var(--color-text-error) !important;
 }
-._input_knwss_1:focus {
+._input_1nafn_1:focus {
   outline: none;
   width: auto;
 }
-._small_knwss_177 {
+._small_1nafn_177 {
   height: var(--size-sm);
   font-size: var(--font-size-sm);
   padding-left: var(--padding-input-sm-x);
 }
-._small_knwss_177 ._selectedSingleValue_knwss_258,
-._small_knwss_177 ._placeHolder_knwss_259,
-._small_knwss_177 ._input_knwss_1 {
+._small_1nafn_177 ._selectedSingleValue_1nafn_258,
+._small_1nafn_177 ._placeHolder_1nafn_259,
+._small_1nafn_177 ._input_1nafn_1 {
   height: calc(var(--size-sm) - 2px);
   line-height: calc(var(--size-sm) - 2px);
 }
-._groupOrderFirst_knwss_298,
-._groupOrderMiddle_knwss_299 {
+._groupOrderFirst_1nafn_298,
+._groupOrderMiddle_1nafn_299 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_knwss_303,
-._groupOrderMiddle_knwss_299 {
+._groupOrderLast_1nafn_303,
+._groupOrderMiddle_1nafn_299 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._detailedLabel_knwss_308 {
+._detailedLabel_1nafn_308 {
   width: 100%;
 }
-._detailedLabel_knwss_308 :first-child {
+._detailedLabel_1nafn_308 :first-child {
   float: left;
   position: absolute;
   padding-right: 5px;
 }
-._detailedLabel_knwss_308 :last-child {
+._detailedLabel_1nafn_308 :last-child {
   float: right;
 }
 ._paginationContainer_1tmz4_1 {
@@ -3745,18 +3743,19 @@ html[data-theme='dark'] {
   font-weight: bold;
   z-index: 1;
 }
-._wrapper_1s098_1._inline_1s098_1 {
+._wrapper_6mndi_1._inline_6mndi_1 {
   display: flex;
   align-items: center;
 }
-._wrapper_1s098_1._inline_1s098_1 ._radio_1s098_5:not(:last-child) {
+._wrapper_6mndi_1._inline_6mndi_1 ._radio_6mndi_5:not(:last-child) {
   margin-right: var(--spacing);
 }
-._wrapper_1s098_1 ._labelMargin_1s098_8 {
+._wrapper_6mndi_1 ._labelMargin_6mndi_8 {
   margin-right: 10px;
 }
-._radio_1s098_5 {
-  margin: calc((var(--size) - var(--size-checkbox)) / 2) 0;
+._radio_6mndi_5 {
+  --size-radio: var(--size-xs);
+  margin: calc((var(--size) - var(--size-radio)) / 2) 0;
   position: relative;
   display: flex;
   align-items: center;
@@ -3764,91 +3763,92 @@ html[data-theme='dark'] {
   backface-visibility: hidden;
   vertical-align: baseline;
   font-style: normal;
-  min-height: var(--size-checkbox);
+  min-height: var(--size-radio);
   font-size: var(--font-size);
-  line-height: var(--size-checkbox);
-  min-width: var(--size-checkbox);
+  line-height: var(--size-radio);
+  min-width: var(--size-radio);
   outline: 0px;
 }
-._radio_1s098_5._small_1s098_26 {
-  margin: calc((var(--size-sm) - var(--size-checkbox)) / 2) 0;
+._radio_6mndi_5._small_6mndi_27 {
+  --size-radio: calc(var(--size-xs) - 4px);
+  margin: calc((var(--size-sm) - var(--size-radio)) / 2) 0;
   font-size: var(--font-size-sm);
 }
-._radio_1s098_5._noMargin_1s098_30 {
+._radio_6mndi_5._noMargin_6mndi_32 {
   margin-top: 0;
   margin-bottom: 0;
 }
-._radio_1s098_5 input {
+._radio_6mndi_5 input {
   cursor: pointer;
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0 !important;
   outline: 0;
-  width: var(--size-checkbox);
-  height: var(--size-checkbox);
+  width: var(--size-radio);
+  height: var(--size-radio);
   z-index: -1;
 }
-._radio_1s098_5 label {
+._radio_6mndi_5 label {
   cursor: pointer;
   position: relative;
   display: block;
-  padding-left: calc(var(--size-checkbox) + var(--spacing-xs));
+  padding-left: calc(var(--size-radio) + var(--spacing-xs));
   outline: 0;
   color: var(--color-text);
   transition: color 0.1s ease;
 }
-._radio_1s098_5 label:before,
-._radio_1s098_5 label:after {
+._radio_6mndi_5 label:before,
+._radio_6mndi_5 label:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
-  width: var(--size-checkbox);
-  height: var(--size-checkbox);
-  line-height: var(--size-checkbox);
+  width: var(--size-radio);
+  height: var(--size-radio);
+  line-height: var(--size-radio);
   border-radius: 50%;
   transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
 }
-._radio_1s098_5 label:before {
+._radio_6mndi_5 label:before {
   background: var(--color-background-input);
   border: 1px solid var(--color-border-checkbox);
   transform: none;
 }
-._radio_1s098_5 label:hover:before {
+._radio_6mndi_5 label:hover:before {
   border-color: var(--color-border-hover);
 }
-._radio_1s098_5 label:after {
+._radio_6mndi_5 label:after {
   border: none;
   transform: scale(0.46666667);
   background-color: white;
   box-shadow: var(--shadow-button);
   opacity: 0;
 }
-._radio_1s098_5 input:checked ~ label:before {
+._radio_6mndi_5 input:checked ~ label:before {
   background-color: var(--color-background-primary);
   border-color: transparent;
 }
-._radio_1s098_5 input:checked ~ label:after {
+._radio_6mndi_5 input:checked ~ label:after {
   opacity: 1;
 }
-._radio_1s098_5._disabled_1s098_88 {
+._radio_6mndi_5._disabled_6mndi_90 {
   cursor: default;
   pointer-events: none;
 }
-._radio_1s098_5._disabled_1s098_88 label {
+._radio_6mndi_5._disabled_6mndi_90 label {
   color: var(--color-text-muted);
 }
-._radio_1s098_5._disabled_1s098_88 label:before {
+._radio_6mndi_5._disabled_6mndi_90 label:before {
   background-color: var(--color-background-disabled) !important;
 }
-._radio_1s098_5._disabled_1s098_88 input:checked ~ label:before {
+._radio_6mndi_5._disabled_6mndi_90 input:checked ~ label:before {
   border-color: var(--color-border-checkbox);
 }
-._radio_1s098_5._disabled_1s098_88 input:checked ~ label:after {
+._radio_6mndi_5._disabled_6mndi_90 input:checked ~ label:after {
   background-color: var(--color-border-checkbox);
 }
-._isInTable_1s098_104 {
+._isInTable_6mndi_106 {
   margin: 0;
   position: relative;
   top: 1px;
@@ -8365,15 +8365,15 @@ button:active .remirror-menu-pane-shortcut,
   margin: 0;
   /* margin-bottom: var(--rmr-space-2); */
 }
-._richTextToolbar_1owpg_1 {
-  padding: 0 8px;
+._richTextToolbar_vvcb9_1 {
+  padding: 0 var(--spacing-xs);
   display: flex;
-  gap: 4px;
+  gap: var(--spacing-2xs);
 }
-._richTextToolbarContainer_1owpg_6 {
+._richTextToolbarContainer_vvcb9_6 {
   display: flex;
   justify-content: space-between;
-  padding: 8px 0;
+  padding: var(--spacing-xs) 0;
   align-items: flex-end;
 }
 ._inputInTable_qsvki_1 {
@@ -9228,122 +9228,122 @@ tbody tr {
   justify-content: space-between;
   border-top: 1px solid var(--color-border-table);
 }
-._inputInTable_1av87_1 {
+._inputInTable_meez6_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1av87_1:not(:hover) {
+._inputInTable_meez6_1:not(:hover) {
   border-color: transparent;
 }
-._inputHover_1av87_10 {
+._inputHover_meez6_10 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1av87_15 {
+._inputFocus_meez6_15 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1av87_22,
-._inputWarning_1av87_23 {
+._inputError_meez6_22,
+._inputWarning_meez6_23 {
   position: relative;
 }
-._inputError_1av87_22 {
+._inputError_meez6_22 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1av87_22:hover {
+._inputError_meez6_22:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1av87_22:focus {
+._inputError_meez6_22:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1av87_23 {
+._inputWarning_meez6_23 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1av87_23:hover {
+._inputWarning_meez6_23:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1av87_23:focus {
+._inputWarning_meez6_23:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1av87_58 {
+._inputDisabled_meez6_58 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1av87_64 {
+._hideScrollbars_meez6_64 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1av87_64::-webkit-scrollbar {
+._hideScrollbars_meez6_64::-webkit-scrollbar {
   display: none;
 }
-._cell_1av87_74 a {
+._cell_meez6_74 a {
   cursor: pointer;
   color: var(--color-text-primary);
 }
-._cell_1av87_74 a:hover {
+._cell_meez6_74 a:hover {
   color: var(--color-text-primary-hover);
 }
-._cell_1av87_74 a:active {
+._cell_meez6_74 a:active {
   color: var(--color-text-primary-active);
 }
-._cell_1av87_74 a._disabledLink_1av87_84 {
+._cell_meez6_74 a._disabledLink_meez6_84 {
   color: var(--color-text-faint) !important;
   cursor: default !important;
 }
-._inputWrapper_1av87_88 {
+._inputWrapper_meez6_88 {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_1av87_88 > span,
-._inputWrapper_1av87_88 > span > span,
-._inputWrapper_1av87_88 > span > span > div {
+._inputWrapper_meez6_88 > span,
+._inputWrapper_meez6_88 > span > span,
+._inputWrapper_meez6_88 > span > span > div {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_1av87_88 > div,
-._inputWrapper_1av87_88 > div > span {
+._inputWrapper_meez6_88 > div,
+._inputWrapper_meez6_88 > div > span {
   height: 100%;
   border-radius: inherit;
 }
-._breakWord_1av87_103 {
+._breakWord_meez6_103 {
   word-break: break-word;
 }
-._inputCell_1av87_106 {
+._inputCell_meez6_106 {
   padding: 0 !important;
 }
-._sliderCell_1av87_109 {
+._sliderCell_meez6_109 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
-._staticCell_1av87_113 {
+._staticCell_meez6_113 {
   padding: 0 !important;
 }
-._staticCell_1av87_113 ._staticCellContent_1av87_116 {
+._staticCell_meez6_113 ._staticCellContent_meez6_116 {
   min-height: 100%;
   padding: var(--padding-input);
   line-height: 17px;
@@ -9352,56 +9352,56 @@ tbody tr {
   display: flex;
   align-items: center;
 }
-tbody ._staticCell_1av87_113 ._staticCellContent_1av87_116 {
+tbody ._staticCell_meez6_113 ._staticCellContent_meez6_116 {
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._staticCell_1av87_113 ._staticCellContent_1av87_116._error_1av87_129,
-._staticCell_1av87_113 ._staticCellContent_1av87_116._warning_1av87_130 {
+._staticCell_meez6_113 ._staticCellContent_meez6_116._error_meez6_129,
+._staticCell_meez6_113 ._staticCellContent_meez6_116._warning_meez6_130 {
   border: 1px solid transparent;
 }
-._staticCell_1av87_113 ._staticCellContent_1av87_116._error_1av87_129 {
+._staticCell_meez6_113 ._staticCellContent_meez6_116._error_meez6_129 {
   background-color: var(--color-background-error);
 }
-._staticCell_1av87_113 ._staticCellContent_1av87_116._warning_1av87_130 {
+._staticCell_meez6_113 ._staticCellContent_meez6_116._warning_meez6_130 {
   background-color: var(--color-background-warning);
 }
-._staticCell_1av87_113 ._staticCellContent_1av87_116._unit_1av87_139 {
+._staticCell_meez6_113 ._staticCellContent_meez6_116._unit_meez6_139 {
   font-weight: normal;
 }
-._sortingCell_1av87_142 ._staticCellContent_1av87_116 {
+._sortingCell_meez6_142 ._staticCellContent_meez6_116 {
   position: relative;
   padding-right: 45px !important;
   cursor: pointer !important;
 }
-._sortingCell_1av87_142 ._staticCellContent_1av87_116:hover {
+._sortingCell_meez6_142 ._staticCellContent_meez6_116:hover {
   background-color: rgba(0, 0, 0, 0.05) !important;
 }
-._sortingCell_1av87_142 ._sortingCellIcon_1av87_150 {
+._sortingCell_meez6_142 ._sortingCellIcon_meez6_150 {
   font-size: 1.25em;
   position: absolute;
   right: calc(var(--padding-input-x) - 4px);
   top: 50%;
   transform: translateY(-50%);
 }
-._icon_1av87_157 {
+._icon_meez6_157 {
   display: inline-flex;
-  margin-left: 8px;
+  margin-left: var(--spacing-xs);
 }
-._checkBoxCell_1av87_161 {
+._checkBoxCell_meez6_161 {
   padding-block: 0 !important;
   width: var(--size);
 }
-._iconCell_1av87_165 {
+._iconCell_meez6_165 {
   width: var(--size);
   text-align: center;
   padding: 0 !important;
 }
-._iconCell_1av87_165 ._iconWrapper_1av87_170 {
+._iconCell_meez6_165 ._iconWrapper_meez6_170 {
   display: flex;
   justify-content: center;
 }
-._actionsCell_1av87_174 {
+._actionsCell_meez6_174 {
   width: var(--size-sm);
   padding: 0 calc((var(--size) - var(--size-sm)) / 2) !important;
   position: sticky;
@@ -9409,25 +9409,25 @@ tbody ._staticCell_1av87_113 ._staticCellContent_1av87_116 {
   background: inherit;
   z-index: 4;
 }
-._rightAligned_1av87_182 {
+._rightAligned_meez6_182 {
   text-align: right !important;
 }
-._rightAligned_1av87_182 ._staticCellContent_1av87_116 {
+._rightAligned_meez6_182 ._staticCellContent_meez6_116 {
   justify-content: flex-end;
 }
-._centerAligned_1av87_188 {
+._centerAligned_meez6_188 {
   text-align: center !important;
 }
-._centerAligned_1av87_188 ._staticCellContent_1av87_116 {
+._centerAligned_meez6_188 ._staticCellContent_meez6_116 {
   justify-content: center;
 }
-._leftAligned_1av87_194 {
+._leftAligned_meez6_194 {
   text-align: left !important;
 }
-._popover_1av87_197 {
+._popover_meez6_197 {
   padding: var(--padding-input);
 }
-._disabledPointerEvents_1av87_200 {
+._disabledPointerEvents_meez6_200 {
   pointer-events: none;
 }
 ._clickableRow_1sqxy_1 {
@@ -10393,7 +10393,8 @@ tbody ._staticCell_1av87_113 ._staticCellContent_1av87_116 {
   --color-background-toggle: rgba(255, 255, 255, 0.2);
   --color-background-toggle-hover: rgba(255, 255, 255, 0.3);
 }
-._toggle_i5is1_9 {
+._toggle_2zca0_9 {
+  --size-toggle: var(--size-xs);
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -10402,19 +10403,20 @@ tbody ._staticCell_1av87_113 ._staticCellContent_1av87_116 {
   outline: 0;
   vertical-align: baseline;
   font-style: normal;
-  min-height: var(--size-checkbox);
+  min-height: var(--size-toggle);
   font-size: inherit;
-  line-height: var(--size-checkbox);
-  min-width: var(--size-checkbox);
-  margin: calc((var(--size) - var(--size-checkbox)) / 2) 0;
+  line-height: var(--size-toggle);
+  min-width: var(--size-toggle);
+  margin: calc((var(--size) - var(--size-toggle)) / 2) 0;
 }
-._toggle_i5is1_9._small_i5is1_24 {
-  margin: calc((var(--size-sm) - var(--size-checkbox)) / 2) 0;
+._toggle_2zca0_9._small_2zca0_25 {
+  --size-toggle: calc(var(--size-xs) - 4px);
+  margin: calc((var(--size-sm) - var(--size-toggle)) / 2) 0;
   font-size: var(--font-size-sm);
 }
-._toggle_i5is1_9 input {
-  width: calc(var(--size-checkbox) * 2);
-  height: var(--size-checkbox);
+._toggle_2zca0_9 input {
+  width: calc(var(--size-toggle) * 2);
+  height: var(--size-toggle);
   cursor: pointer;
   position: absolute;
   top: 0;
@@ -10429,36 +10431,36 @@ tbody ._staticCell_1av87_113 ._staticCellContent_1av87_116 {
   line-height: 1.15;
   margin: 0;
 }
-._toggle_i5is1_9 label {
-  min-height: var(--size-checkbox);
-  padding-left: calc((var(--size-checkbox) * 2) + var(--spacing-xs));
+._toggle_2zca0_9 label {
+  min-height: var(--size-toggle);
+  padding-left: calc((var(--size-toggle) * 2) + var(--spacing-xs));
   transition: color 0.1s ease;
   cursor: auto;
   position: relative;
   display: block;
   outline: 0;
 }
-._toggle_i5is1_9 label:before,
-._toggle_i5is1_9 label:after {
+._toggle_2zca0_9 label:before,
+._toggle_2zca0_9 label:after {
   display: block;
   position: absolute;
   content: '';
 }
-._toggle_i5is1_9 label:before {
-  height: var(--size-checkbox);
-  border-radius: calc(var(--size-checkbox) / 2);
+._toggle_2zca0_9 label:before {
+  height: var(--size-toggle);
+  border-radius: calc(var(--size-toggle) / 2);
   z-index: 1;
   transform: none;
   background: var(--color-background-toggle);
   box-shadow: none;
-  width: calc(var(--size-checkbox) * 2);
+  width: calc(var(--size-toggle) * 2);
   left: 0;
   top: 0;
   transition: background 0.3s ease, border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
 }
-._toggle_i5is1_9 label:after {
-  height: calc(var(--size-checkbox) - 4px);
-  width: calc(var(--size-checkbox) - 4px);
+._toggle_2zca0_9 label:after {
+  height: calc(var(--size-toggle) - 4px);
+  width: calc(var(--size-toggle) - 4px);
   border-radius: 50%;
   left: 2px;
   top: 2px;
@@ -10468,31 +10470,31 @@ tbody ._staticCell_1av87_113 ._staticCellContent_1av87_116 {
   z-index: 2;
   transition: background 0.3s ease, left 0.3s ease;
 }
-._toggle_i5is1_9 input:hover ~ label:before {
+._toggle_2zca0_9 input:hover ~ label:before {
   background: var(--color-background-toggle-hover);
 }
-._toggle_i5is1_9 input:checked ~ label:before {
+._toggle_2zca0_9 input:checked ~ label:before {
   border-color: rgba(34, 36, 38, 0.35);
   background-color: var(--color-background-button-primary);
 }
-._toggle_i5is1_9 input:checked ~ label:after {
-  left: calc(var(--size-checkbox) + 2px);
+._toggle_2zca0_9 input:checked ~ label:after {
+  left: calc(var(--size-toggle) + 2px);
 }
-._toggle_i5is1_9 input:checked:hover ~ label:before {
+._toggle_2zca0_9 input:checked:hover ~ label:before {
   background-color: var(--color-background-button-primary-hover);
 }
-._toggle_i5is1_9._disabled_i5is1_97 {
+._toggle_2zca0_9._disabled_2zca0_99 {
   cursor: default;
   pointer-events: none;
   color: var(--color-text-muted);
 }
-._toggle_i5is1_9._disabled_i5is1_97 label:before {
+._toggle_2zca0_9._disabled_2zca0_99 label:before {
   background-color: var(--color-background-disabled);
 }
-._toggle_i5is1_9._disabled_i5is1_97 input:checked ~ label:before {
+._toggle_2zca0_9._disabled_2zca0_99 input:checked ~ label:before {
   background-color: var(--color-text-faint);
 }
-._noMargin_i5is1_108 {
+._noMargin_2zca0_110 {
   margin: 0;
 }
 :root {
@@ -10501,7 +10503,7 @@ tbody ._staticCell_1av87_113 ._staticCellContent_1av87_116 {
 [data-theme='dark'] {
   --color-link-border-hover: var(--color-neutral-600);
 }
-._topbar_17khh_7 {
+._topbar_1gz82_7 {
   top: 0;
   left: 0;
   z-index: var(--zindex-topbar);
@@ -10510,38 +10512,39 @@ tbody ._staticCell_1av87_113 ._staticCellContent_1av87_116 {
   background: var(--color-background-raised);
   display: flex;
 }
-._topbar_17khh_7._fixed_17khh_16 {
+._topbar_1gz82_7._fixed_1gz82_16 {
   position: fixed;
 }
 @media print {
-  ._topbar_17khh_7 {
+  ._topbar_1gz82_7 {
     display: none !important;
   }
 }
-._icon_17khh_24 {
+._appSwitcher_1gz82_24 {
   color: white;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   background-color: var(--color-neutral-700);
+  aspect-ratio: 1;
 }
-._icon_17khh_24:hover {
+._appSwitcher_1gz82_24:hover {
   background-color: var(--color-neutral-750);
 }
-._icon_17khh_24:active {
+._appSwitcher_1gz82_24:active {
   background-color: var(--color-neutral-800);
 }
-[data-theme='dark'] ._icon_17khh_24 {
+[data-theme='dark'] ._appSwitcher_1gz82_24 {
   background-color: var(--color-neutral-900);
 }
-[data-theme='dark'] ._icon_17khh_24:hover {
+[data-theme='dark'] ._appSwitcher_1gz82_24:hover {
   background-color: var(--color-neutral-950);
 }
-[data-theme='dark'] ._icon_17khh_24:active {
+[data-theme='dark'] ._appSwitcher_1gz82_24:active {
   background-color: var(--color-neutral-1000);
 }
-._title_17khh_47 {
+._title_1gz82_48 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -10549,55 +10552,55 @@ tbody ._staticCell_1av87_113 ._staticCellContent_1av87_116 {
   padding: 0;
   position: relative;
 }
-._title_17khh_47 img,
-._title_17khh_47 svg {
+._title_1gz82_48 img,
+._title_1gz82_48 svg {
   max-height: 28px;
   max-width: 300px;
   height: auto;
   width: auto;
   color: var(--color-text);
 }
-._title_17khh_47 ._logo_17khh_63 {
+._title_1gz82_48 ._logo_1gz82_64 {
   display: flex;
 }
-._title_17khh_47 ._label_17khh_66 {
+._title_1gz82_48 ._label_1gz82_67 {
   color: var(--color-text);
   white-space: nowrap;
   font-weight: bold;
 }
-._brand_17khh_71 {
+._brand_1gz82_72 {
   padding: 0;
   position: relative;
   flex-shrink: 0;
 }
-._version_17khh_76 {
+._version_1gz82_77 {
   line-height: 1;
   position: absolute;
   right: 0;
   bottom: 100%;
   font-size: var(--font-size-xs);
 }
-._left_17khh_83,
-._right_17khh_84 {
+._left_1gz82_84,
+._right_1gz82_85 {
   display: flex;
   min-width: 0;
 }
-._left_17khh_83 {
-  gap: var(--spacing);
-  padding-left: var(--spacing-xs);
+._left_1gz82_84 {
+  gap: var(--spacing-lg);
+  padding-left: var(--spacing-lg);
 }
-._right_17khh_84 {
+._right_1gz82_85 {
   margin-left: auto;
   flex-shrink: 0;
   padding-right: var(--spacing-xs);
   gap: var(--spacing-xs);
 }
-._item_17khh_98,
-._link_17khh_99 {
+._item_1gz82_99,
+._link_1gz82_100 {
   align-items: center;
   display: flex;
 }
-._item_17khh_98 {
+._item_1gz82_99 {
   position: relative;
   transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
   user-select: none;
@@ -10605,18 +10608,18 @@ tbody ._staticCell_1av87_113 ._staticCellContent_1av87_116 {
   min-width: 0;
   max-width: 50vw;
 }
-._item_17khh_98._button_17khh_111,
-._item_17khh_98._menu_17khh_112 {
+._item_1gz82_99._button_1gz82_112,
+._item_1gz82_99._menu_1gz82_113 {
   flex-shrink: 0;
 }
-._label_17khh_66 {
+._label_1gz82_67 {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   display: block;
   max-width: 100%;
 }
-._link_17khh_99 {
+._link_1gz82_100 {
   text-decoration: none;
   color: var(--color-text-primary);
   cursor: pointer;
@@ -10624,24 +10627,24 @@ tbody ._staticCell_1av87_113 ._staticCellContent_1av87_116 {
   font-weight: bold;
   height: 100%;
 }
-._link_17khh_99 svg {
+._link_1gz82_100 svg {
   margin-right: 5px;
   flex-shrink: 0;
 }
-._link_17khh_99:hover {
+._link_1gz82_100:hover {
   color: var(--color-text-primary-hover);
 }
-._link_17khh_99:active {
+._link_1gz82_100:active {
   color: var(--color-text-primary-active);
 }
-._link_17khh_99._active_17khh_140 {
+._link_1gz82_100._active_1gz82_141 {
   color: var(--color-text);
 }
-._link_17khh_99:hover,
-._link_17khh_99._active_17khh_140 {
+._link_1gz82_100:hover,
+._link_1gz82_100._active_1gz82_141 {
   background-color: transparent;
 }
-._link_17khh_99:after {
+._link_1gz82_100:after {
   content: '';
   position: absolute;
   left: 0;
@@ -10649,17 +10652,17 @@ tbody ._staticCell_1av87_113 ._staticCellContent_1av87_116 {
   bottom: 0;
   border-bottom: 2px solid transparent;
 }
-._link_17khh_99:hover:after {
+._link_1gz82_100:hover:after {
   border-color: var(--color-link-border-hover);
 }
-._link_17khh_99._active_17khh_140:after {
+._link_1gz82_100._active_1gz82_141:after {
   border-color: var(--color-background-primary);
 }
-._link_17khh_99[disabled] {
+._link_1gz82_100[disabled] {
   pointer-events: none;
   color: var(--color-text-faint);
 }
-._alert_17khh_165 {
+._alert_1gz82_166 {
   background-color: var(--color-background-primary);
   color: white;
   text-align: center;