@oliasoft-open-source/react-ui-library 3.3.17 → 3.3.18

package/dist/global.css

@@ -1772,10 +1772,12 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._checkbox_1c5sb_333 {
+._checkbox_11y8l_333 {
   margin: 10px 0 11px 0;
   position: relative;
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
   backface-visibility: hidden;
   vertical-align: baseline;
   font-style: normal;
@@ -1785,14 +1787,14 @@ html[data-theme='dark'] {
   min-width: 17px;
   outline: 0px;
 }
-._checkbox_1c5sb_333._noLabel_1c5sb_346 {
+._checkbox_11y8l_333._noLabel_11y8l_348 {
   width: 17px;
 }
-._checkbox_1c5sb_333._small_1c5sb_349 {
+._checkbox_11y8l_333._small_11y8l_351 {
   margin: 3px 0;
   font-size: 12px;
 }
-._checkbox_1c5sb_333 input {
+._checkbox_11y8l_333 input {
   cursor: pointer;
   position: absolute;
   top: 0px;
@@ -1803,7 +1805,7 @@ html[data-theme='dark'] {
   outline: 0px;
   z-index: -1;
 }
-._checkbox_1c5sb_333 label {
+._checkbox_11y8l_333 label {
   cursor: pointer;
   user-select: none;
   color: var(--color-text);
@@ -1814,7 +1816,7 @@ html[data-theme='dark'] {
   font-size: 1em;
   outline: 0px;
 }
-._checkbox_1c5sb_333 label ._checkmark_1c5sb_375 {
+._checkbox_11y8l_333 label ._checkmark_11y8l_377 {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -1827,32 +1829,32 @@ html[data-theme='dark'] {
   border: 1px solid var(--color-border-checkbox);
   color: transparent;
 }
-._checkbox_1c5sb_333 label ._checkmark_1c5sb_375:hover {
+._checkbox_11y8l_333 label ._checkmark_11y8l_377:hover {
   border-color: var(--color-border-hover);
 }
-._checkbox_1c5sb_333 input:checked ~ label ._checkmark_1c5sb_375 {
+._checkbox_11y8l_333 input:checked ~ label ._checkmark_11y8l_377 {
   background: var(--color-background-primary);
   border-color: transparent;
   color: white;
 }
-._checkbox_1c5sb_333._disabled_1c5sb_396 {
+._checkbox_11y8l_333._disabled_11y8l_398 {
   cursor: default;
   pointer-events: none;
 }
-._checkbox_1c5sb_333._disabled_1c5sb_396 label {
+._checkbox_11y8l_333._disabled_11y8l_398 label {
   color: var(--color-text-muted);
 }
-._checkbox_1c5sb_333._disabled_1c5sb_396 ._checkmark_1c5sb_375 {
+._checkbox_11y8l_333._disabled_11y8l_398 ._checkmark_11y8l_377 {
   background: var(--color-background-disabled) !important;
   border-color: var(--color-border-checkbox) !important;
 }
-._checkbox_1c5sb_333._disabled_1c5sb_396 input:checked ~ label ._checkmark_1c5sb_375 {
+._checkbox_11y8l_333._disabled_11y8l_398 input:checked ~ label ._checkmark_11y8l_377 {
   color: var(--color-text-faint);
 }
-._noMargin_1c5sb_410 {
+._noMargin_11y8l_412 {
   margin: 0;
 }
-._isInTable_1c5sb_413 {
+._isInTable_11y8l_415 {
   margin: 0;
   position: relative;
   top: 1px;
@@ -2189,23 +2191,46 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._bordered_m5hme_333 {
-  border: 1px solid var(--color-border);
-  border-radius: 0 0 4px 4px;
-  border-top: none;
-  background-color: var(--color-background-raised);
+._tooltip_63bin_333 {
+  background: var(--color-text);
+  fill: var(--color-text);
+  z-index: 2003;
+  color: var(--color-background);
+  border-radius: 3px;
 }
-._checkboxWrapper_m5hme_339 {
-  padding: 2px 15px;
+._tooltip_63bin_333 * {
+  color: var(--color-background);
 }
-._checkboxWrapper_m5hme_339:last-child {
-  border-radius: 0 0 inherit inherit;
+._tooltip_63bin_333 > svg,
+._tooltip_63bin_333 > svg > * {
+  fill: inherit !important;
 }
-._padding_m5hme_345 {
-  padding: 10px 15px;
+._tooltip_63bin_333._error_63bin_347 {
+  background: var(--color-error-500);
+  fill: var(--color-error-500);
 }
-._contentWrapper_m5hme_348 {
-  border-radius: inherit;
+._tooltip_63bin_333._warning_63bin_351 {
+  background: var(--color-warning-500);
+  fill: var(--color-warning-500);
+}
+._helpIcon_1yokl_1 {
+  color: var(--color-text-faint);
+  font-size: 13px;
+  display: inline-flex;
+  align-items: center;
+}
+._active_1yokl_7 {
+  color: var(--color-text);
+}
+._clickable_1yokl_10 {
+  cursor: pointer;
+}
+._clickable_1yokl_10:hover,
+._clickable_1yokl_10:focus {
+  color: var(--color-text-primary-hover);
+}
+._clickable_1yokl_10:active {
+  color: var(--color-text-primary-active);
 }
 /*
  This file has shared variables that are re-used in other LESS files/modules
@@ -2539,31 +2564,23 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._wrapper_xr2gg_333 {
-  color: inherit;
-  fill: inherit;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-._wrapper_xr2gg_333 ._customSvg_xr2gg_340 {
-  line-height: 0;
+._bordered_m5hme_333 {
+  border: 1px solid var(--color-border);
+  border-radius: 0 0 4px 4px;
+  border-top: none;
+  background-color: var(--color-background-raised);
 }
-._wrapper_xr2gg_333 ._customPng_xr2gg_343 {
-  max-width: 100%;
-  max-height: 100%;
-  object-fit: contain;
+._checkboxWrapper_m5hme_339 {
+  padding: 2px 15px;
 }
-._clickable_xr2gg_348 {
-  cursor: pointer;
+._checkboxWrapper_m5hme_339:last-child {
+  border-radius: 0 0 inherit inherit;
 }
-._clickable_xr2gg_348:hover {
-  color: var(--color-text-primary-hover) !important;
-  fill: var(--color-text-primary-hover) !important;
+._padding_m5hme_345 {
+  padding: 10px 15px;
 }
-._clickable_xr2gg_348:active {
-  color: var(--color-text-primary-active) !important;
-  fill: var(--color-text-primary-active) !important;
+._contentWrapper_m5hme_348 {
+  border-radius: inherit;
 }
 /*
  This file has shared variables that are re-used in other LESS files/modules
@@ -2897,210 +2914,31 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._wrapper_4b1ge_333 {
-  display: inline-flex;
-  max-width: 100%;
-}
-._layer_4b1ge_337 ._wrapper_4b1ge_333 {
-  width: 100%;
-}
-._layerContainer_4b1ge_340 {
-  z-index: 2002;
-}
-._layer_4b1ge_337 {
-  border: 1px solid var(--color-border);
-  border-radius: 4px;
-  overflow: hidden;
-  margin: 2px 0;
-  background: var(--color-background-raised);
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-  min-width: 10em;
-  max-width: 30em;
-  position: relative;
-  overflow-y: auto;
-}
-._layer_4b1ge_337._nested_4b1ge_355 {
-  margin: -1px 2px;
-}
-._layer_4b1ge_337 ul {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-._layer_4b1ge_337 ul li {
-  list-style: none;
-  display: block;
-}
-._fileInput_4b1ge_367 {
-  width: 100%;
-  height: 100%;
-  opacity: 0;
-  position: absolute;
-}
-._trigger_4b1ge_373 {
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-  overflow: hidden;
-  max-width: 100%;
-}
-._layer_4b1ge_337 ._trigger_4b1ge_373 {
-  width: 100%;
-}
-._middleAlignedInline_4b1ge_383 {
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-  width: 100%;
-}
-._heading_4b1ge_389 {
-  color: var(--color-text-muted);
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  font-size: 12px;
-}
-._heading_4b1ge_389 ._headingIcon_4b1ge_395 {
-  float: right;
-}
-._heading_4b1ge_389 ._headingIcon_4b1ge_395 svg {
-  color: var(--color-text-faint);
-}
-._heading_4b1ge_389 ._headingIcon_4b1ge_395:hover {
-  cursor: pointer;
-}
-._heading_4b1ge_389 ._headingIcon_4b1ge_395:hover svg {
-  color: var(--color-text-primary-hover);
-}
-._option_4b1ge_407 {
+._wrapper_xr2gg_333 {
   color: inherit;
-  display: block;
-}
-._heading_4b1ge_389,
-._option_4b1ge_407,
-._layer_4b1ge_337 ._trigger_4b1ge_373 {
-  padding: 8px 12px;
-}
-._option_4b1ge_407,
-._layer_4b1ge_337 ._trigger_4b1ge_373 {
-  line-height: 20px;
-  display: flex;
-  align-items: flex-start;
-}
-._option_4b1ge_407:hover,
-._layer_4b1ge_337 ._trigger_4b1ge_373:hover,
-._option_4b1ge_407._active_4b1ge_424,
-._layer_4b1ge_337 ._trigger_4b1ge_373._active_4b1ge_424 {
-  background-color: var(--color-background-menuitem-hover);
-  cursor: pointer;
-}
-._option_4b1ge_407._selected_4b1ge_429 {
-  background-color: var(--color-background-menuitem-active);
-  font-weight: bold;
-}
-._layer_4b1ge_337 ._trigger_4b1ge_373 {
-  align-items: center;
-}
-._optionContent_4b1ge_436 {
-  flex-wrap: wrap;
-  margin-right: auto;
-  position: relative;
-}
-._inline_4b1ge_441 ._optionContent_4b1ge_436 {
-  display: flex;
-  justify-content: space-between;
-  flex-grow: 1;
-}
-._icon_4b1ge_446,
-._check_4b1ge_447 {
-  display: flex;
-  flex-shrink: 1;
-  width: 16px;
-  height: 20px;
-  justify-content: center;
-  align-items: center;
-}
-._icon_4b1ge_446 {
-  margin-right: 8px;
-  color: var(--color-text-primary);
-}
-._icon_4b1ge_446:empty {
-  display: none;
-}
-._icon_4b1ge_446 img {
-  max-height: 16px;
-  max-width: 16px;
-  width: auto;
-  height: auto;
-}
-._check_4b1ge_447 {
-  font-size: 12px;
-  color: #a5a7a9;
-  margin-left: 10px;
-}
-._text_4b1ge_473 {
+  fill: inherit;
   display: inline-flex;
   align-items: center;
-  cursor: pointer;
+  justify-content: center;
 }
-._label_4b1ge_478 {
-  margin-right: auto;
+._wrapper_xr2gg_333 ._customSvg_xr2gg_340 {
+  line-height: 0;
 }
-._label_4b1ge_478,
-._heading_4b1ge_389 {
+._wrapper_xr2gg_333 ._customPng_xr2gg_343 {
   max-width: 100%;
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  max-height: 100%;
+  object-fit: contain;
 }
-._description_4b1ge_489 {
-  color: #999;
-  display: block;
+._clickable_xr2gg_348 {
+  cursor: pointer;
 }
-._arrow_4b1ge_493 {
-  margin-left: 10px;
-  opacity: 0.4;
+._clickable_xr2gg_348:hover {
+  color: var(--color-text-primary-hover) !important;
+  fill: var(--color-text-primary-hover) !important;
 }
-._divider_4b1ge_497 {
-  border: 0;
-  border-top: 1px solid var(--color-border);
-}
-._deprecatedSemanticIcon_4b1ge_501 {
-  color: var(--color-text-primary) !important;
-  margin: -5px 0 0 !important;
-}
-._disabled_4b1ge_505 {
-  color: var(--color-text-faint);
-  pointer-events: none;
-  cursor: not-allowed !important;
-}
-._buttonLabel_4b1ge_510 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: block;
-  margin-right: auto;
-  line-height: 1.2;
-}
-._buttonCaret_4b1ge_517 {
-  margin-left: 5px;
-}
-._component_4b1ge_520 {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-}
-._right_4b1ge_526 {
-  margin-left: auto;
-  display: flex;
-  align-items: center;
-}
-._actions_4b1ge_531 {
-  margin-left: 8px;
-  display: flex;
-  align-items: center;
-  margin-top: -2px;
-  margin-bottom: -2px;
+._clickable_xr2gg_348:active {
+  color: var(--color-text-primary-active) !important;
+  fill: var(--color-text-primary-active) !important;
 }
 /*
  This file has shared variables that are re-used in other LESS files/modules
@@ -3434,124 +3272,283 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._wrapper_1n3f1_333 {
+._wrapper_4b1ge_333 {
   display: inline-flex;
+  max-width: 100%;
+}
+._layer_4b1ge_337 ._wrapper_4b1ge_333 {
+  width: 100%;
+}
+._layerContainer_4b1ge_340 {
+  z-index: 2002;
+}
+._layer_4b1ge_337 {
+  border: 1px solid var(--color-border);
+  border-radius: 4px;
+  overflow: hidden;
+  margin: 2px 0;
+  background: var(--color-background-raised);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  min-width: 10em;
+  max-width: 30em;
   position: relative;
+  overflow-y: auto;
 }
-._badge_1n3f1_337 {
-  background: var(--color-background-primary);
-  display: inline-block;
-  position: static;
+._layer_4b1ge_337._nested_4b1ge_355 {
+  margin: -1px 2px;
 }
-._badge_1n3f1_337._label_1n3f1_342 {
-  line-height: 22px;
-  min-width: 22px;
-  padding: 0 5px;
+._layer_4b1ge_337 ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+._layer_4b1ge_337 ul li {
+  list-style: none;
+  display: block;
+}
+._fileInput_4b1ge_367 {
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  position: absolute;
+}
+._trigger_4b1ge_373 {
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+  overflow: hidden;
+  max-width: 100%;
+}
+._layer_4b1ge_337 ._trigger_4b1ge_373 {
+  width: 100%;
+}
+._middleAlignedInline_4b1ge_383 {
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  width: 100%;
+}
+._heading_4b1ge_389 {
+  color: var(--color-text-muted);
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
   font-size: 12px;
-  font-weight: 400;
-  text-align: center;
-  white-space: nowrap;
-  border-radius: 11px;
+}
+._heading_4b1ge_389 ._headingIcon_4b1ge_395 {
+  float: right;
+}
+._heading_4b1ge_389 ._headingIcon_4b1ge_395 svg {
+  color: var(--color-text-faint);
+}
+._heading_4b1ge_389 ._headingIcon_4b1ge_395:hover {
+  cursor: pointer;
+}
+._heading_4b1ge_389 ._headingIcon_4b1ge_395:hover svg {
+  color: var(--color-text-primary-hover);
+}
+._option_4b1ge_407 {
+  color: inherit;
+  display: block;
+}
+._heading_4b1ge_389,
+._option_4b1ge_407,
+._layer_4b1ge_337 ._trigger_4b1ge_373 {
+  padding: 8px 12px;
+}
+._option_4b1ge_407,
+._layer_4b1ge_337 ._trigger_4b1ge_373 {
+  line-height: 20px;
+  display: flex;
+  align-items: flex-start;
+}
+._option_4b1ge_407:hover,
+._layer_4b1ge_337 ._trigger_4b1ge_373:hover,
+._option_4b1ge_407._active_4b1ge_424,
+._layer_4b1ge_337 ._trigger_4b1ge_373._active_4b1ge_424 {
+  background-color: var(--color-background-menuitem-hover);
+  cursor: pointer;
+}
+._option_4b1ge_407._selected_4b1ge_429 {
+  background-color: var(--color-background-menuitem-active);
   font-weight: bold;
-  letter-spacing: normal;
 }
-._badge_1n3f1_337._label_1n3f1_342._dark_1n3f1_354 {
-  color: #fff;
+._layer_4b1ge_337 ._trigger_4b1ge_373 {
+  align-items: center;
 }
-._badge_1n3f1_337._label_1n3f1_342._light_1n3f1_357 {
-  color: rgba(0, 0, 0, 0.6);
+._optionContent_4b1ge_436 {
+  flex-wrap: wrap;
+  margin-right: auto;
+  position: relative;
 }
-._badge_1n3f1_337._small_1n3f1_360 {
-  line-height: 13px;
-  min-width: 13px;
-  font-size: 9px;
-  border-radius: 6.5px;
+._inline_4b1ge_441 ._optionContent_4b1ge_436 {
+  display: flex;
+  justify-content: space-between;
+  flex-grow: 1;
 }
-._badge_1n3f1_337._dot_1n3f1_366 {
-  width: 6px;
-  height: 6px;
-  border-radius: 100%;
+._icon_4b1ge_446,
+._check_4b1ge_447 {
+  display: flex;
+  flex-shrink: 1;
+  width: 16px;
+  height: 20px;
+  justify-content: center;
+  align-items: center;
 }
-._badge_1n3f1_337._hasChildren_1n3f1_371 {
-  position: absolute;
-  right: 0;
-  top: 0;
-  transform: translate(50%, -50%);
-  transform-origin: 100% 0%;
-  z-index: 3;
+._icon_4b1ge_446 {
+  margin-right: 8px;
+  color: var(--color-text-primary);
 }
-/*
- This file has shared variables that are re-used in other LESS files/modules
- Only use simple variables in this file
-*/
-:root {
-  --color-primary-0: hsl(0, 0%, 100%);
-  --color-primary-50: hsl(18.24742268, 82.90598291%, 97.5%);
-  --color-primary-100: hsl(18.24742268, 82.90598291%, 92.5%);
-  --color-primary-150: hsl(18.24742268, 82.90598291%, 87.5%);
-  --color-primary-200: hsl(18.24742268, 82.90598291%, 82.5%);
-  --color-primary-250: hsl(18.24742268, 82.90598291%, 77.5%);
-  --color-primary-300: hsl(18.24742268, 82.90598291%, 72.5%);
-  --color-primary-350: hsl(18.24742268, 82.90598291%, 67.5%);
-  --color-primary-400: hsl(18.24742268, 82.90598291%, 62.5%);
-  --color-primary-450: hsl(18.24742268, 82.90598291%, 57.5%);
-  --color-primary-500: hsl(18.24742268, 82.90598291%, 52.5%);
-  --color-primary-550: hsl(18.24742268, 82.90598291%, 47.5%);
-  --color-primary-600: hsl(18.24742268, 82.90598291%, 42.5%);
-  --color-primary-650: hsl(18.24742268, 82.90598291%, 37.5%);
-  --color-primary-700: hsl(18.24742268, 82.90598291%, 32.5%);
-  --color-primary-750: hsl(18.24742268, 82.90598291%, 27.5%);
-  --color-primary-800: hsl(18.24742268, 82.90598291%, 22.5%);
-  --color-primary-850: hsl(18.24742268, 82.90598291%, 17.5%);
-  --color-primary-900: hsl(18.24742268, 82.90598291%, 12.5%);
-  --color-primary-950: hsl(18.24742268, 82.90598291%, 7.5%);
-  --color-primary-1000: hsl(18.24742268, 82.90598291%, 2.5%);
-  --color-error-0: hsl(180, 100%, 100%);
-  --color-error-50: hsl(0, 71.29186603%, 97.5%);
-  --color-error-100: hsl(0, 71.29186603%, 92.5%);
-  --color-error-150: hsl(0, 71.29186603%, 87.5%);
-  --color-error-200: hsl(0, 71.29186603%, 82.5%);
-  --color-error-250: hsl(0, 71.29186603%, 77.5%);
-  --color-error-300: hsl(0, 71.29186603%, 72.5%);
-  --color-error-350: hsl(0, 71.29186603%, 67.5%);
-  --color-error-400: hsl(0, 71.29186603%, 62.5%);
-  --color-error-450: hsl(0, 71.29186603%, 57.5%);
-  --color-error-500: hsl(0, 71.29186603%, 52.5%);
-  --color-error-550: hsl(0, 71.29186603%, 47.5%);
-  --color-error-600: hsl(0, 71.29186603%, 42.5%);
-  --color-error-650: hsl(0, 71.29186603%, 37.5%);
-  --color-error-700: hsl(0, 71.29186603%, 32.5%);
-  --color-error-750: hsl(0, 71.29186603%, 27.5%);
-  --color-error-800: hsl(0, 71.29186603%, 22.5%);
-  --color-error-850: hsl(0, 71.29186603%, 17.5%);
-  --color-error-900: hsl(0, 71.29186603%, 12.5%);
-  --color-error-950: hsl(0, 71.29186603%, 7.5%);
-  --color-error-1000: hsl(0, 71.29186603%, 2.5%);
-  --color-success-0: hsl(0, 0%, 100%);
-  --color-success-50: hsl(120, 52.03252033%, 97.5%);
-  --color-success-100: hsl(120, 52.03252033%, 92.5%);
-  --color-success-150: hsl(120, 52.03252033%, 87.5%);
-  --color-success-200: hsl(120, 52.03252033%, 82.5%);
-  --color-success-250: hsl(120, 52.03252033%, 77.5%);
-  --color-success-300: hsl(120, 52.03252033%, 72.5%);
-  --color-success-350: hsl(120, 52.03252033%, 67.5%);
-  --color-success-400: hsl(120, 52.03252033%, 62.5%);
-  --color-success-450: hsl(120, 52.03252033%, 57.5%);
-  --color-success-500: hsl(120, 52.03252033%, 52.5%);
-  --color-success-550: hsl(120, 52.03252033%, 47.5%);
-  --color-success-600: hsl(120, 52.03252033%, 42.5%);
-  --color-success-650: hsl(120, 52.03252033%, 37.5%);
-  --color-success-700: hsl(120, 52.03252033%, 32.5%);
-  --color-success-750: hsl(120, 52.03252033%, 27.5%);
-  --color-success-800: hsl(120, 52.03252033%, 22.5%);
-  --color-success-850: hsl(120, 52.03252033%, 17.5%);
-  --color-success-900: hsl(120, 52.03252033%, 12.5%);
-  --color-success-950: hsl(120, 52.03252033%, 7.5%);
-  --color-success-1000: hsl(120, 52.03252033%, 2.5%);
-  --color-warning-0: hsl(240, 100%, 100%);
-  --color-warning-50: hsl(44.9197861, 76.32653061%, 97.5%);
-  --color-warning-100: hsl(44.9197861, 76.32653061%, 92.5%);
-  --color-warning-150: hsl(44.9197861, 76.32653061%, 87.5%);
+._icon_4b1ge_446:empty {
+  display: none;
+}
+._icon_4b1ge_446 img {
+  max-height: 16px;
+  max-width: 16px;
+  width: auto;
+  height: auto;
+}
+._check_4b1ge_447 {
+  font-size: 12px;
+  color: #a5a7a9;
+  margin-left: 10px;
+}
+._text_4b1ge_473 {
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+}
+._label_4b1ge_478 {
+  margin-right: auto;
+}
+._label_4b1ge_478,
+._heading_4b1ge_389 {
+  max-width: 100%;
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._description_4b1ge_489 {
+  color: #999;
+  display: block;
+}
+._arrow_4b1ge_493 {
+  margin-left: 10px;
+  opacity: 0.4;
+}
+._divider_4b1ge_497 {
+  border: 0;
+  border-top: 1px solid var(--color-border);
+}
+._deprecatedSemanticIcon_4b1ge_501 {
+  color: var(--color-text-primary) !important;
+  margin: -5px 0 0 !important;
+}
+._disabled_4b1ge_505 {
+  color: var(--color-text-faint);
+  pointer-events: none;
+  cursor: not-allowed !important;
+}
+._buttonLabel_4b1ge_510 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  margin-right: auto;
+  line-height: 1.2;
+}
+._buttonCaret_4b1ge_517 {
+  margin-left: 5px;
+}
+._component_4b1ge_520 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+._right_4b1ge_526 {
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+}
+._actions_4b1ge_531 {
+  margin-left: 8px;
+  display: flex;
+  align-items: center;
+  margin-top: -2px;
+  margin-bottom: -2px;
+}
+/*
+ This file has shared variables that are re-used in other LESS files/modules
+ Only use simple variables in this file
+*/
+:root {
+  --color-primary-0: hsl(0, 0%, 100%);
+  --color-primary-50: hsl(18.24742268, 82.90598291%, 97.5%);
+  --color-primary-100: hsl(18.24742268, 82.90598291%, 92.5%);
+  --color-primary-150: hsl(18.24742268, 82.90598291%, 87.5%);
+  --color-primary-200: hsl(18.24742268, 82.90598291%, 82.5%);
+  --color-primary-250: hsl(18.24742268, 82.90598291%, 77.5%);
+  --color-primary-300: hsl(18.24742268, 82.90598291%, 72.5%);
+  --color-primary-350: hsl(18.24742268, 82.90598291%, 67.5%);
+  --color-primary-400: hsl(18.24742268, 82.90598291%, 62.5%);
+  --color-primary-450: hsl(18.24742268, 82.90598291%, 57.5%);
+  --color-primary-500: hsl(18.24742268, 82.90598291%, 52.5%);
+  --color-primary-550: hsl(18.24742268, 82.90598291%, 47.5%);
+  --color-primary-600: hsl(18.24742268, 82.90598291%, 42.5%);
+  --color-primary-650: hsl(18.24742268, 82.90598291%, 37.5%);
+  --color-primary-700: hsl(18.24742268, 82.90598291%, 32.5%);
+  --color-primary-750: hsl(18.24742268, 82.90598291%, 27.5%);
+  --color-primary-800: hsl(18.24742268, 82.90598291%, 22.5%);
+  --color-primary-850: hsl(18.24742268, 82.90598291%, 17.5%);
+  --color-primary-900: hsl(18.24742268, 82.90598291%, 12.5%);
+  --color-primary-950: hsl(18.24742268, 82.90598291%, 7.5%);
+  --color-primary-1000: hsl(18.24742268, 82.90598291%, 2.5%);
+  --color-error-0: hsl(180, 100%, 100%);
+  --color-error-50: hsl(0, 71.29186603%, 97.5%);
+  --color-error-100: hsl(0, 71.29186603%, 92.5%);
+  --color-error-150: hsl(0, 71.29186603%, 87.5%);
+  --color-error-200: hsl(0, 71.29186603%, 82.5%);
+  --color-error-250: hsl(0, 71.29186603%, 77.5%);
+  --color-error-300: hsl(0, 71.29186603%, 72.5%);
+  --color-error-350: hsl(0, 71.29186603%, 67.5%);
+  --color-error-400: hsl(0, 71.29186603%, 62.5%);
+  --color-error-450: hsl(0, 71.29186603%, 57.5%);
+  --color-error-500: hsl(0, 71.29186603%, 52.5%);
+  --color-error-550: hsl(0, 71.29186603%, 47.5%);
+  --color-error-600: hsl(0, 71.29186603%, 42.5%);
+  --color-error-650: hsl(0, 71.29186603%, 37.5%);
+  --color-error-700: hsl(0, 71.29186603%, 32.5%);
+  --color-error-750: hsl(0, 71.29186603%, 27.5%);
+  --color-error-800: hsl(0, 71.29186603%, 22.5%);
+  --color-error-850: hsl(0, 71.29186603%, 17.5%);
+  --color-error-900: hsl(0, 71.29186603%, 12.5%);
+  --color-error-950: hsl(0, 71.29186603%, 7.5%);
+  --color-error-1000: hsl(0, 71.29186603%, 2.5%);
+  --color-success-0: hsl(0, 0%, 100%);
+  --color-success-50: hsl(120, 52.03252033%, 97.5%);
+  --color-success-100: hsl(120, 52.03252033%, 92.5%);
+  --color-success-150: hsl(120, 52.03252033%, 87.5%);
+  --color-success-200: hsl(120, 52.03252033%, 82.5%);
+  --color-success-250: hsl(120, 52.03252033%, 77.5%);
+  --color-success-300: hsl(120, 52.03252033%, 72.5%);
+  --color-success-350: hsl(120, 52.03252033%, 67.5%);
+  --color-success-400: hsl(120, 52.03252033%, 62.5%);
+  --color-success-450: hsl(120, 52.03252033%, 57.5%);
+  --color-success-500: hsl(120, 52.03252033%, 52.5%);
+  --color-success-550: hsl(120, 52.03252033%, 47.5%);
+  --color-success-600: hsl(120, 52.03252033%, 42.5%);
+  --color-success-650: hsl(120, 52.03252033%, 37.5%);
+  --color-success-700: hsl(120, 52.03252033%, 32.5%);
+  --color-success-750: hsl(120, 52.03252033%, 27.5%);
+  --color-success-800: hsl(120, 52.03252033%, 22.5%);
+  --color-success-850: hsl(120, 52.03252033%, 17.5%);
+  --color-success-900: hsl(120, 52.03252033%, 12.5%);
+  --color-success-950: hsl(120, 52.03252033%, 7.5%);
+  --color-success-1000: hsl(120, 52.03252033%, 2.5%);
+  --color-warning-0: hsl(240, 100%, 100%);
+  --color-warning-50: hsl(44.9197861, 76.32653061%, 97.5%);
+  --color-warning-100: hsl(44.9197861, 76.32653061%, 92.5%);
+  --color-warning-150: hsl(44.9197861, 76.32653061%, 87.5%);
   --color-warning-200: hsl(44.9197861, 76.32653061%, 82.5%);
   --color-warning-250: hsl(44.9197861, 76.32653061%, 77.5%);
   --color-warning-300: hsl(44.9197861, 76.32653061%, 72.5%);
@@ -3812,260 +3809,51 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-:root {
-  --color-background-button-default: var(--color-neutral-0);
-  --color-background-button-default-hover: var(--color-neutral-50);
-  --color-background-button-default-active: var(--color-neutral-100);
-  --color-background-button-primary: var(--color-primary-500);
-  --color-background-button-primary-hover: var(--color-primary-550);
-  --color-background-button-primary-active: var(--color-primary-600);
-  --color-background-button-success: var(--color-success-500);
-  --color-background-button-success-hover: var(--color-success-550);
-  --color-background-button-success-active: var(--color-success-600);
-  --color-background-button-error: var(--color-error-500);
-  --color-background-button-error-hover: var(--color-error-550);
-  --color-background-button-error-active: var(--color-error-600);
-  --color-border-button: rgba(0, 0, 0, 0.15);
-  --color-border-button-hover: rgba(0, 0, 0, 0.2);
-  --color-text-button-muted: rgba(0, 0, 0, 0.4);
+._wrapper_1n3f1_333 {
+  display: inline-flex;
+  position: relative;
 }
-html[data-theme='dark'] {
-  --color-background-button-default: var(--color-neutral-700);
-  --color-background-button-default-hover: var(--color-neutral-650);
-  --color-background-button-default-active: var(--color-neutral-600);
-  --color-background-button-primary: var(--color-primary-muted-500);
-  --color-background-button-primary-hover: var(--color-primary-muted-550);
-  --color-background-button-primary-active: var(--color-primary-muted-600);
-  --color-background-button-success: var(--color-success-muted-500);
-  --color-background-button-success-hover: var(--color-success-muted-550);
-  --color-background-button-success-active: var(--color-success-muted-600);
-  --color-background-button-error: var(--color-error-muted-500);
-  --color-background-button-error-hover: var(--color-error-muted-550);
-  --color-background-button-error-active: var(--color-error-muted-600);
-  --color-border-button: var(--color-border);
-  --color-border-button-hover: var(--color-border);
-  --color-text-button-muted: rgba(255, 255, 255, 0.4);
+._badge_1n3f1_337 {
+  background: var(--color-background-primary);
+  display: inline-block;
+  position: static;
 }
-._button_1uuml_367 {
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  outline: 0;
-  border: 1px solid var(--color-border-button);
-  vertical-align: baseline;
-  background: var(--color-background-button-default);
-  color: var(--color-text);
-  font-family: 'Lato', sans-serif;
-  padding: 9.5px 14px;
-  text-transform: none;
-  text-shadow: none;
-  font-weight: 700;
-  line-height: 1em;
-  font-style: normal;
+._badge_1n3f1_337._label_1n3f1_342 {
+  line-height: 22px;
+  min-width: 22px;
+  padding: 0 5px;
+  font-size: 12px;
+  font-weight: 400;
   text-align: center;
-  text-decoration: none;
-  border-radius: 4px;
-  user-select: none;
-  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
-  max-width: 100%;
-  min-height: 38px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-}
-._button_1uuml_367:hover {
-  background: var(--color-background-button-default-hover);
-  border-color: var(--color-border-button-hover);
+  white-space: nowrap;
+  border-radius: 11px;
+  font-weight: bold;
+  letter-spacing: normal;
 }
-._button_1uuml_367:focus {
-  box-shadow: var(--shadow-focus);
+._badge_1n3f1_337._label_1n3f1_342._dark_1n3f1_354 {
+  color: #fff;
 }
-._button_1uuml_367:active {
-  background: var(--color-background-button-default-active);
-  box-shadow: none;
+._badge_1n3f1_337._label_1n3f1_342._light_1n3f1_357 {
+  color: rgba(0, 0, 0, 0.6);
 }
-._button_1uuml_367._active_1uuml_404:not(._green_1uuml_404):not(._red_1uuml_404):not(._orange_1uuml_404) {
-  border-color: var(--color-background-button-primary);
-  color: var(--color-text-primary);
-  position: relative;
-  z-index: 2;
+._badge_1n3f1_337._small_1n3f1_360 {
+  line-height: 13px;
+  min-width: 13px;
+  font-size: 9px;
+  border-radius: 6.5px;
 }
-._button_1uuml_367:hover,
-._button_1uuml_367:focus,
-._button_1uuml_367:active {
-  position: relative;
-  z-index: 1;
+._badge_1n3f1_337._dot_1n3f1_366 {
+  width: 6px;
+  height: 6px;
+  border-radius: 100%;
 }
-._button_1uuml_367 ._icon_1uuml_416 {
-  margin: 0 8px 0 -4px;
-}
-._button_1uuml_367 ._icon_1uuml_416 svg {
-  height: 14px;
-  width: 14px;
-}
-._iconOnly_1uuml_423 {
-  padding: 0.78571429em 0.78571429em 0.78571429em;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-._iconOnly_1uuml_423 ._icon_1uuml_416 {
-  margin: 0;
-  line-height: 0;
-}
-._basic_1uuml_433 {
-  color: var(--color-text-primary);
-  background: transparent;
-  box-shadow: none !important;
-  border: none !important;
-}
-._basic_1uuml_433._muted_1uuml_439 {
-  color: var(--color-text-button-muted);
-}
-._basic_1uuml_433:hover,
-._basic_1uuml_433:focus {
-  color: var(--color-text-primary-hover);
-  background: rgba(0, 0, 0, 0.05);
-}
-._basic_1uuml_433:active,
-._basic_1uuml_433._active_1uuml_404 {
-  color: var(--color-text-primary-active);
-  background: rgba(0, 0, 0, 0.1);
-}
-._disabled_1uuml_452 {
-  cursor: default;
-  pointer-events: none !important;
-  color: var(--color-text-faint) !important;
-  box-shadow: none !important;
-}
-._disabled_1uuml_452:not(._active_1uuml_404):not(._basic_1uuml_433) {
-  background: var(--color-background-disabled) !important;
-  border: 1px solid var(--color-border) !important;
-}
-._small_1uuml_462 {
-  font-size: 12px;
-  min-height: 24px;
-  padding: 0 0.75rem;
-}
-._pill_1uuml_467,
-._round_1uuml_468 {
-  text-transform: uppercase;
-  letter-spacing: 0.1em;
-  font-size: 13px;
-  font-weight: bold;
-  border-radius: 19px;
-  display: inline-flex;
-  align-items: center;
-}
-._round_1uuml_468 {
-  padding: 0;
-  width: 38px;
-  line-height: 1;
-}
-._round_1uuml_468._small_1uuml_462 {
-  width: 24px;
-}
-._orange_1uuml_404 {
-  background-color: var(--color-background-button-primary);
-}
-._orange_1uuml_404:hover,
-._orange_1uuml_404:focus {
-  background-color: var(--color-background-button-primary-hover);
-}
-._orange_1uuml_404:active,
-._orange_1uuml_404._active_1uuml_404 {
-  background-color: var(--color-background-button-primary-active);
-}
-._red_1uuml_404 {
-  background-color: var(--color-background-button-error);
-}
-._red_1uuml_404:hover,
-._red_1uuml_404:focus {
-  background-color: var(--color-background-button-error-hover);
-}
-._red_1uuml_404:active,
-._red_1uuml_404._active_1uuml_404 {
-  background-color: var(--color-background-button-error-active);
-}
-._green_1uuml_404 {
-  background-color: var(--color-background-button-success);
-}
-._green_1uuml_404:hover,
-._green_1uuml_404:focus {
-  background-color: var(--color-background-button-success-hover);
-}
-._green_1uuml_404:active,
-._green_1uuml_404._active_1uuml_404 {
-  background-color: var(--color-background-button-success-active);
-}
-._orange_1uuml_404,
-._red_1uuml_404,
-._green_1uuml_404 {
-  color: #fff;
-}
-._orange_1uuml_404:hover,
-._red_1uuml_404:hover,
-._green_1uuml_404:hover,
-._orange_1uuml_404:focus,
-._red_1uuml_404:focus,
-._green_1uuml_404:focus {
-  color: #fff;
-}
-._orange_1uuml_404:active,
-._red_1uuml_404:active,
-._green_1uuml_404:active,
-._orange_1uuml_404._active_1uuml_404,
-._red_1uuml_404._active_1uuml_404,
-._green_1uuml_404._active_1uuml_404 {
-  color: #fff;
-}
-._inverted_1uuml_539 {
-  background-color: transparent;
-  border-color: var(--color-text);
-  box-shadow: none;
-}
-._inverted_1uuml_539:hover,
-._inverted_1uuml_539:focus,
-._inverted_1uuml_539:active {
-  box-shadow: none;
-}
-._inverted_1uuml_539._orange_1uuml_404 {
-  color: var(--color-background-button-primary);
-  border-color: var(--color-background-button-primary);
-}
-._inverted_1uuml_539._red_1uuml_404 {
-  color: var(--color-background-button-error);
-  border-color: var(--color-background-button-error);
-}
-._inverted_1uuml_539._green_1uuml_404 {
-  color: var(--color-background-button-success);
-  border-color: var(--color-background-button-success);
-}
-._inverted_1uuml_539._orange_1uuml_404:hover,
-._inverted_1uuml_539._red_1uuml_404:hover,
-._inverted_1uuml_539._green_1uuml_404:hover,
-._inverted_1uuml_539._orange_1uuml_404:focus,
-._inverted_1uuml_539._red_1uuml_404:focus,
-._inverted_1uuml_539._green_1uuml_404:focus,
-._inverted_1uuml_539._orange_1uuml_404:active,
-._inverted_1uuml_539._red_1uuml_404:active,
-._inverted_1uuml_539._green_1uuml_404:active {
-  color: white;
-  box-shadow: none;
-}
-._groupOrderFirst_1uuml_573,
-._groupOrderMiddle_1uuml_574,
-._groupOrderLast_1uuml_575 {
-  margin-right: 0;
-}
-._groupOrderFirst_1uuml_573,
-._groupOrderMiddle_1uuml_574 {
-  border-top-right-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
-}
-._groupOrderLast_1uuml_575,
-._groupOrderMiddle_1uuml_574 {
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
+._badge_1n3f1_337._hasChildren_1n3f1_371 {
+  position: absolute;
+  right: 0;
+  top: 0;
+  transform: translate(50%, -50%);
+  transform-origin: 100% 0%;
+  z-index: 3;
 }
 /*
  This file has shared variables that are re-used in other LESS files/modules
@@ -4399,83 +4187,260 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._spinner_uudvl_333 {
-  display: inline-block;
+:root {
+  --color-background-button-default: var(--color-neutral-0);
+  --color-background-button-default-hover: var(--color-neutral-50);
+  --color-background-button-default-active: var(--color-neutral-100);
+  --color-background-button-primary: var(--color-primary-500);
+  --color-background-button-primary-hover: var(--color-primary-550);
+  --color-background-button-primary-active: var(--color-primary-600);
+  --color-background-button-success: var(--color-success-500);
+  --color-background-button-success-hover: var(--color-success-550);
+  --color-background-button-success-active: var(--color-success-600);
+  --color-background-button-error: var(--color-error-500);
+  --color-background-button-error-hover: var(--color-error-550);
+  --color-background-button-error-active: var(--color-error-600);
+  --color-border-button: rgba(0, 0, 0, 0.15);
+  --color-border-button-hover: rgba(0, 0, 0, 0.2);
+  --color-text-button-muted: rgba(0, 0, 0, 0.4);
+}
+html[data-theme='dark'] {
+  --color-background-button-default: var(--color-neutral-700);
+  --color-background-button-default-hover: var(--color-neutral-650);
+  --color-background-button-default-active: var(--color-neutral-600);
+  --color-background-button-primary: var(--color-primary-muted-500);
+  --color-background-button-primary-hover: var(--color-primary-muted-550);
+  --color-background-button-primary-active: var(--color-primary-muted-600);
+  --color-background-button-success: var(--color-success-muted-500);
+  --color-background-button-success-hover: var(--color-success-muted-550);
+  --color-background-button-success-active: var(--color-success-muted-600);
+  --color-background-button-error: var(--color-error-muted-500);
+  --color-background-button-error-hover: var(--color-error-muted-550);
+  --color-background-button-error-active: var(--color-error-muted-600);
+  --color-border-button: var(--color-border);
+  --color-border-button-hover: var(--color-border);
+  --color-text-button-muted: rgba(255, 255, 255, 0.4);
+}
+._button_1uuml_367 {
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  outline: 0;
+  border: 1px solid var(--color-border-button);
+  vertical-align: baseline;
+  background: var(--color-background-button-default);
+  color: var(--color-text);
+  font-family: 'Lato', sans-serif;
+  padding: 9.5px 14px;
+  text-transform: none;
+  text-shadow: none;
+  font-weight: 700;
+  line-height: 1em;
+  font-style: normal;
+  text-align: center;
+  text-decoration: none;
+  border-radius: 4px;
+  user-select: none;
+  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
+  max-width: 100%;
+  min-height: 38px;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+._button_1uuml_367:hover {
+  background: var(--color-background-button-default-hover);
+  border-color: var(--color-border-button-hover);
+}
+._button_1uuml_367:focus {
+  box-shadow: var(--shadow-focus);
+}
+._button_1uuml_367:active {
+  background: var(--color-background-button-default-active);
+  box-shadow: none;
+}
+._button_1uuml_367._active_1uuml_404:not(._green_1uuml_404):not(._red_1uuml_404):not(._orange_1uuml_404) {
+  border-color: var(--color-background-button-primary);
+  color: var(--color-text-primary);
   position: relative;
-  width: 40px;
-  height: 40px;
+  z-index: 2;
 }
-._spinner_uudvl_333._small_uudvl_339 {
-  width: 14px;
+._button_1uuml_367:hover,
+._button_1uuml_367:focus,
+._button_1uuml_367:active {
+  position: relative;
+  z-index: 1;
+}
+._button_1uuml_367 ._icon_1uuml_416 {
+  margin: 0 8px 0 -4px;
+}
+._button_1uuml_367 ._icon_1uuml_416 svg {
   height: 14px;
+  width: 14px;
 }
-._spinner_uudvl_333._tiny_uudvl_343 {
-  width: 10px;
-  height: 10px;
+._iconOnly_1uuml_423 {
+  padding: 0.78571429em 0.78571429em 0.78571429em;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
 }
-._spinner_uudvl_333 div {
-  box-sizing: border-box;
-  display: block;
-  position: absolute;
-  width: 40px;
-  height: 40px;
-  border: 6px solid #fff;
-  border-radius: 50%;
-  animation: _spinner_uudvl_333 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-  border-color: #fff transparent transparent transparent;
+._iconOnly_1uuml_423 ._icon_1uuml_416 {
+  margin: 0;
+  line-height: 0;
 }
-._spinner_uudvl_333._small_uudvl_339 div {
-  width: 14px;
-  height: 14px;
-  border: 3px solid #fff;
-  border-color: #fff transparent transparent transparent;
+._basic_1uuml_433 {
+  color: var(--color-text-primary);
+  background: transparent;
+  box-shadow: none !important;
+  border: none !important;
 }
-._spinner_uudvl_333._tiny_uudvl_343 div {
-  width: 10px;
-  height: 10px;
-  border: 2px solid #fff;
-  border-color: #fff transparent transparent transparent;
+._basic_1uuml_433._muted_1uuml_439 {
+  color: var(--color-text-button-muted);
 }
-._spinner_uudvl_333._colored_uudvl_370 div {
-  border: 6px solid var(--color-background-primary);
-  border-color: var(--color-background-primary) transparent transparent transparent;
+._basic_1uuml_433:hover,
+._basic_1uuml_433:focus {
+  color: var(--color-text-primary-hover);
+  background: rgba(0, 0, 0, 0.05);
 }
-._spinner_uudvl_333._small_uudvl_339._colored_uudvl_370 div {
-  border: 3px solid var(--color-background-primary);
-  border-color: var(--color-background-primary) transparent transparent transparent;
+._basic_1uuml_433:active,
+._basic_1uuml_433._active_1uuml_404 {
+  color: var(--color-text-primary-active);
+  background: rgba(0, 0, 0, 0.1);
 }
-._spinner_uudvl_333._tiny_uudvl_343._colored_uudvl_370 div {
-  border: 2px solid var(--color-background-primary);
-  border-color: var(--color-background-primary) transparent transparent transparent;
+._disabled_1uuml_452 {
+  cursor: default;
+  pointer-events: none !important;
+  color: var(--color-text-faint) !important;
+  box-shadow: none !important;
 }
-._spinner_uudvl_333._dark_uudvl_382 div {
-  border: 6px solid var(--color-text-muted);
-  border-color: var(--color-text-muted) transparent transparent transparent;
+._disabled_1uuml_452:not(._active_1uuml_404):not(._basic_1uuml_433) {
+  background: var(--color-background-disabled) !important;
+  border: 1px solid var(--color-border) !important;
 }
-._spinner_uudvl_333._small_uudvl_339._dark_uudvl_382 div {
-  border: 3px solid var(--color-text-muted);
-  border-color: var(--color-text-muted) transparent transparent transparent;
+._small_1uuml_462 {
+  font-size: 12px;
+  min-height: 24px;
+  padding: 0 0.75rem;
 }
-._spinner_uudvl_333._tiny_uudvl_343._dark_uudvl_382 div {
-  border: 2px solid var(--color-text-muted);
-  border-color: var(--color-text-muted) transparent transparent transparent;
+._pill_1uuml_467,
+._round_1uuml_468 {
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  font-size: 13px;
+  font-weight: bold;
+  border-radius: 19px;
+  display: inline-flex;
+  align-items: center;
 }
-._spinner_uudvl_333 div:nth-child(1) {
-  animation-delay: -0.45s;
+._round_1uuml_468 {
+  padding: 0;
+  width: 38px;
+  line-height: 1;
+}
+._round_1uuml_468._small_1uuml_462 {
+  width: 24px;
+}
+._orange_1uuml_404 {
+  background-color: var(--color-background-button-primary);
+}
+._orange_1uuml_404:hover,
+._orange_1uuml_404:focus {
+  background-color: var(--color-background-button-primary-hover);
+}
+._orange_1uuml_404:active,
+._orange_1uuml_404._active_1uuml_404 {
+  background-color: var(--color-background-button-primary-active);
+}
+._red_1uuml_404 {
+  background-color: var(--color-background-button-error);
+}
+._red_1uuml_404:hover,
+._red_1uuml_404:focus {
+  background-color: var(--color-background-button-error-hover);
+}
+._red_1uuml_404:active,
+._red_1uuml_404._active_1uuml_404 {
+  background-color: var(--color-background-button-error-active);
+}
+._green_1uuml_404 {
+  background-color: var(--color-background-button-success);
+}
+._green_1uuml_404:hover,
+._green_1uuml_404:focus {
+  background-color: var(--color-background-button-success-hover);
+}
+._green_1uuml_404:active,
+._green_1uuml_404._active_1uuml_404 {
+  background-color: var(--color-background-button-success-active);
+}
+._orange_1uuml_404,
+._red_1uuml_404,
+._green_1uuml_404 {
+  color: #fff;
+}
+._orange_1uuml_404:hover,
+._red_1uuml_404:hover,
+._green_1uuml_404:hover,
+._orange_1uuml_404:focus,
+._red_1uuml_404:focus,
+._green_1uuml_404:focus {
+  color: #fff;
+}
+._orange_1uuml_404:active,
+._red_1uuml_404:active,
+._green_1uuml_404:active,
+._orange_1uuml_404._active_1uuml_404,
+._red_1uuml_404._active_1uuml_404,
+._green_1uuml_404._active_1uuml_404 {
+  color: #fff;
+}
+._inverted_1uuml_539 {
+  background-color: transparent;
+  border-color: var(--color-text);
+  box-shadow: none;
+}
+._inverted_1uuml_539:hover,
+._inverted_1uuml_539:focus,
+._inverted_1uuml_539:active {
+  box-shadow: none;
+}
+._inverted_1uuml_539._orange_1uuml_404 {
+  color: var(--color-background-button-primary);
+  border-color: var(--color-background-button-primary);
+}
+._inverted_1uuml_539._red_1uuml_404 {
+  color: var(--color-background-button-error);
+  border-color: var(--color-background-button-error);
+}
+._inverted_1uuml_539._green_1uuml_404 {
+  color: var(--color-background-button-success);
+  border-color: var(--color-background-button-success);
+}
+._inverted_1uuml_539._orange_1uuml_404:hover,
+._inverted_1uuml_539._red_1uuml_404:hover,
+._inverted_1uuml_539._green_1uuml_404:hover,
+._inverted_1uuml_539._orange_1uuml_404:focus,
+._inverted_1uuml_539._red_1uuml_404:focus,
+._inverted_1uuml_539._green_1uuml_404:focus,
+._inverted_1uuml_539._orange_1uuml_404:active,
+._inverted_1uuml_539._red_1uuml_404:active,
+._inverted_1uuml_539._green_1uuml_404:active {
+  color: white;
+  box-shadow: none;
 }
-._spinner_uudvl_333 div:nth-child(2) {
-  animation-delay: -0.3s;
+._groupOrderFirst_1uuml_573,
+._groupOrderMiddle_1uuml_574,
+._groupOrderLast_1uuml_575 {
+  margin-right: 0;
 }
-._spinner_uudvl_333 div:nth-child(3) {
-  animation-delay: -0.15s;
+._groupOrderFirst_1uuml_573,
+._groupOrderMiddle_1uuml_574 {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
 }
-@keyframes _spinner_uudvl_333 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
+._groupOrderLast_1uuml_575,
+._groupOrderMiddle_1uuml_574 {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
 }
 /*
  This file has shared variables that are re-used in other LESS files/modules
@@ -4809,40 +4774,83 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._actions_tdvpn_333 {
-  margin-left: auto;
-  display: flex;
-  flex-wrap: nowrap;
-  justify-content: flex-end;
-  align-items: center;
+._spinner_uudvl_333 {
+  display: inline-block;
+  position: relative;
+  width: 40px;
+  height: 40px;
 }
-._actions_tdvpn_333 > *:not(:last-child) {
-  margin-right: 3px;
+._spinner_uudvl_333._small_uudvl_339 {
+  width: 14px;
+  height: 14px;
 }
-._actionComponentContainer_tdvpn_343 {
-  width: 24px;
-  height: 24px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  color: #c8c8c8;
-  position: relative;
-  z-index: 2;
-  transition: color 0.2s;
-  line-height: 0;
+._spinner_uudvl_333._tiny_uudvl_343 {
+  width: 10px;
+  height: 10px;
 }
-._actionComponentContainer_tdvpn_343 i {
-  margin: 0;
-  line-height: 1 !important;
+._spinner_uudvl_333 div {
+  box-sizing: border-box;
+  display: block;
+  position: absolute;
+  width: 40px;
+  height: 40px;
+  border: 6px solid #fff;
+  border-radius: 50%;
+  animation: _spinner_uudvl_333 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+  border-color: #fff transparent transparent transparent;
 }
-._actionComponentContainer_tdvpn_343:hover,
-._actionComponentContainer_tdvpn_343:focus {
-  color: var(--color-text-primary-hover);
+._spinner_uudvl_333._small_uudvl_339 div {
+  width: 14px;
+  height: 14px;
+  border: 3px solid #fff;
+  border-color: #fff transparent transparent transparent;
 }
-._actionComponentContainer_tdvpn_343:active,
-._actionComponentContainer_tdvpn_343._active_tdvpn_365 {
-  color: var(--color-text-primary-active);
+._spinner_uudvl_333._tiny_uudvl_343 div {
+  width: 10px;
+  height: 10px;
+  border: 2px solid #fff;
+  border-color: #fff transparent transparent transparent;
+}
+._spinner_uudvl_333._colored_uudvl_370 div {
+  border: 6px solid var(--color-background-primary);
+  border-color: var(--color-background-primary) transparent transparent transparent;
+}
+._spinner_uudvl_333._small_uudvl_339._colored_uudvl_370 div {
+  border: 3px solid var(--color-background-primary);
+  border-color: var(--color-background-primary) transparent transparent transparent;
+}
+._spinner_uudvl_333._tiny_uudvl_343._colored_uudvl_370 div {
+  border: 2px solid var(--color-background-primary);
+  border-color: var(--color-background-primary) transparent transparent transparent;
+}
+._spinner_uudvl_333._dark_uudvl_382 div {
+  border: 6px solid var(--color-text-muted);
+  border-color: var(--color-text-muted) transparent transparent transparent;
+}
+._spinner_uudvl_333._small_uudvl_339._dark_uudvl_382 div {
+  border: 3px solid var(--color-text-muted);
+  border-color: var(--color-text-muted) transparent transparent transparent;
+}
+._spinner_uudvl_333._tiny_uudvl_343._dark_uudvl_382 div {
+  border: 2px solid var(--color-text-muted);
+  border-color: var(--color-text-muted) transparent transparent transparent;
+}
+._spinner_uudvl_333 div:nth-child(1) {
+  animation-delay: -0.45s;
+}
+._spinner_uudvl_333 div:nth-child(2) {
+  animation-delay: -0.3s;
+}
+._spinner_uudvl_333 div:nth-child(3) {
+  animation-delay: -0.15s;
+}
+@keyframes _spinner_uudvl_333 {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
 }
 /*
  This file has shared variables that are re-used in other LESS files/modules
@@ -5176,36 +5184,41 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._breadcrumb_16235_333 {
-  font-size: 1.5rem;
+._actions_tdvpn_333 {
+  margin-left: auto;
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: flex-end;
+  align-items: center;
 }
-._breadcrumb_16235_333._small_16235_336 {
-  font-size: inherit;
+._actions_tdvpn_333 > *:not(:last-child) {
+  margin-right: 3px;
 }
-._breadcrumb_16235_333 ._labelContainer_16235_339 {
-  color: var(--color-text-primary);
+._actionComponentContainer_tdvpn_343 {
+  width: 24px;
+  height: 24px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   cursor: pointer;
+  color: #c8c8c8;
+  position: relative;
+  z-index: 2;
+  transition: color 0.2s;
+  line-height: 0;
 }
-._breadcrumb_16235_333 ._labelContainer_16235_339:hover {
+._actionComponentContainer_tdvpn_343 i {
+  margin: 0;
+  line-height: 1 !important;
+}
+._actionComponentContainer_tdvpn_343:hover,
+._actionComponentContainer_tdvpn_343:focus {
   color: var(--color-text-primary-hover);
 }
-._breadcrumb_16235_333 ._labelContainer_16235_339:active {
+._actionComponentContainer_tdvpn_343:active,
+._actionComponentContainer_tdvpn_343._active_tdvpn_365 {
   color: var(--color-text-primary-active);
 }
-._breadcrumb_16235_333 ._labelContainer_16235_339._active_16235_349 {
-  color: inherit;
-  cursor: default;
-  pointer-events: none;
-}
-._breadcrumb_16235_333 ._labelContainer_16235_339._disabled_16235_354 {
-  color: var(--color-text-faint);
-  cursor: default;
-  pointer-events: none;
-}
-._breadcrumb_16235_333 ._separator_16235_359 {
-  margin: 0 10px;
-  color: var(--color-border);
-}
 /*
  This file has shared variables that are re-used in other LESS files/modules
  Only use simple variables in this file
@@ -5538,27 +5551,35 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._tooltip_63bin_333 {
-  background: var(--color-text);
-  fill: var(--color-text);
-  z-index: 2003;
-  color: var(--color-background);
-  border-radius: 3px;
+._breadcrumb_16235_333 {
+  font-size: 1.5rem;
 }
-._tooltip_63bin_333 * {
-  color: var(--color-background);
+._breadcrumb_16235_333._small_16235_336 {
+  font-size: inherit;
 }
-._tooltip_63bin_333 > svg,
-._tooltip_63bin_333 > svg > * {
-  fill: inherit !important;
+._breadcrumb_16235_333 ._labelContainer_16235_339 {
+  color: var(--color-text-primary);
+  cursor: pointer;
 }
-._tooltip_63bin_333._error_63bin_347 {
-  background: var(--color-error-500);
-  fill: var(--color-error-500);
+._breadcrumb_16235_333 ._labelContainer_16235_339:hover {
+  color: var(--color-text-primary-hover);
 }
-._tooltip_63bin_333._warning_63bin_351 {
-  background: var(--color-warning-500);
-  fill: var(--color-warning-500);
+._breadcrumb_16235_333 ._labelContainer_16235_339:active {
+  color: var(--color-text-primary-active);
+}
+._breadcrumb_16235_333 ._labelContainer_16235_339._active_16235_349 {
+  color: inherit;
+  cursor: default;
+  pointer-events: none;
+}
+._breadcrumb_16235_333 ._labelContainer_16235_339._disabled_16235_354 {
+  color: var(--color-text-faint);
+  cursor: default;
+  pointer-events: none;
+}
+._breadcrumb_16235_333 ._separator_16235_359 {
+  margin: 0 10px;
+  color: var(--color-border);
 }
 /*
  This file has shared variables that are re-used in other LESS files/modules
@@ -7333,7 +7354,7 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._heading_1ub73_333 {
+._heading_1gsqp_333 {
   color: var(--color-text);
   font-weight: 600;
   display: flex;
@@ -7341,46 +7362,24 @@ html[data-theme='dark'] {
   user-select: none;
   padding: 0;
 }
-._heading_1ub73_333._top_1ub73_341 {
+._heading_1gsqp_333._top_1gsqp_341 {
   font-size: 18px;
   margin-bottom: 20px;
   line-height: 1.2;
 }
-._heading_1ub73_333:not(._top_1ub73_341) {
+._heading_1gsqp_333:not(._top_1gsqp_341) {
   font-size: 13px;
   line-height: 20px;
   color: var(--color-text-muted);
   text-transform: uppercase;
   letter-spacing: 0.1em;
 }
-._icons_1ub73_353 {
+._icons_1gsqp_353 {
   display: inline-flex;
 }
-._icons_1ub73_353 > * {
+._icons_1gsqp_353 > * {
   margin-left: 8px;
 }
-._icon_1ub73_353 {
-  color: var(--color-text-faint);
-  cursor: pointer;
-  line-height: 0;
-  font-size: 13px;
-  display: flex;
-  align-items: center;
-}
-._icon_1ub73_353._lock_1ub73_367 {
-  color: var(--color-text);
-}
-._icon_1ub73_353._faint_1ub73_370 {
-  color: var(--color-text-faint);
-}
-._icon_1ub73_353:hover,
-._icon_1ub73_353:focus {
-  color: var(--color-text-primary-hover);
-}
-._icon_1ub73_353:active,
-._icon_1ub73_353._active_1ub73_378 {
-  color: var(--color-text-primary-active);
-}
 ._dialog_11kaj_1 {
   border-radius: 4px;
   background: var(--color-background-raised);
@@ -9540,40 +9539,32 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._label_ko2k0_333 {
+._label_8383j_333 {
   display: flex;
   align-items: center;
 }
-._label_ko2k0_333._labelLeft_ko2k0_337 {
+._label_8383j_333._labelLeft_8383j_337 {
   margin-bottom: 0;
   flex-shrink: 0;
   padding-right: 10px;
 }
-._label_ko2k0_333._labelLeft_ko2k0_337 > label {
+._label_8383j_333._labelLeft_8383j_337 > label {
   margin-bottom: 0;
 }
-._label_ko2k0_333 ._icons_ko2k0_345 {
+._label_8383j_333 ._icons_8383j_345 {
   display: inline-flex;
+  margin-top: -1px;
 }
-._label_ko2k0_333 ._icons_ko2k0_345 > * {
+._label_8383j_333 ._icons_8383j_345 > * {
   margin-left: 8px;
 }
-._label_ko2k0_333 ._icon_ko2k0_345 {
-  margin-left: auto;
-  color: var(--color-text-faint);
-  line-height: 0;
-  font-size: 13px;
-}
-._label_ko2k0_333 > label {
+._label_8383j_333 > label {
   display: flex;
   align-items: center;
   font-weight: bold;
   font-size: 13px;
   margin-bottom: 5px;
 }
-._label_ko2k0_333 > label span {
-  line-height: 0;
-}
 /*
  This file has shared variables that are re-used in other LESS files/modules
  Only use simple variables in this file
@@ -15592,20 +15583,22 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._wrapper_7h7qu_333._inline_7h7qu_333 {
+._wrapper_7ev01_333._inline_7ev01_333 {
   display: flex;
   align-items: center;
 }
-._wrapper_7h7qu_333._inline_7h7qu_333 ._radio_7h7qu_337:not(:last-child) {
+._wrapper_7ev01_333._inline_7ev01_333 ._radio_7ev01_337:not(:last-child) {
   margin-right: 16px;
 }
-._wrapper_7h7qu_333 ._labelMargin_7h7qu_340 {
+._wrapper_7ev01_333 ._labelMargin_7ev01_340 {
   margin-right: 10px;
 }
-._radio_7h7qu_337 {
+._radio_7ev01_337 {
   margin: 10px 0 11px 0;
   position: relative;
-  display: block;
+  display: flex;
+  align-items: center;
+  gap: 8px;
   backface-visibility: hidden;
   vertical-align: baseline;
   font-style: normal;
@@ -15615,15 +15608,15 @@ html[data-theme='dark'] {
   min-width: 17px;
   outline: 0px;
 }
-._radio_7h7qu_337._small_7h7qu_356 {
+._radio_7ev01_337._small_7ev01_358 {
   margin: 3px 0;
   font-size: 12px;
 }
-._radio_7h7qu_337._noMargin_7h7qu_360 {
+._radio_7ev01_337._noMargin_7ev01_362 {
   margin-top: 0;
   margin-bottom: 0;
 }
-._radio_7h7qu_337 input {
+._radio_7ev01_337 input {
   cursor: pointer;
   position: absolute;
   top: 0;
@@ -15634,7 +15627,7 @@ html[data-theme='dark'] {
   height: 17px;
   z-index: -1;
 }
-._radio_7h7qu_337 label {
+._radio_7ev01_337 label {
   cursor: pointer;
   position: relative;
   display: block;
@@ -15644,8 +15637,8 @@ html[data-theme='dark'] {
   color: var(--color-text);
   transition: color 0.1s ease;
 }
-._radio_7h7qu_337 label:before,
-._radio_7h7qu_337 label:after {
+._radio_7ev01_337 label:before,
+._radio_7ev01_337 label:after {
   content: '';
   position: absolute;
   top: 1px;
@@ -15656,45 +15649,45 @@ html[data-theme='dark'] {
   border-radius: 500rem;
   transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
 }
-._radio_7h7qu_337 label:before {
+._radio_7ev01_337 label:before {
   background: var(--color-background-input);
   border: 1px solid var(--color-border-checkbox);
   transform: none;
 }
-._radio_7h7qu_337 label:hover:before {
+._radio_7ev01_337 label:hover:before {
   border-color: var(--color-border-hover);
 }
-._radio_7h7qu_337 label:after {
+._radio_7ev01_337 label:after {
   border: none;
   transform: scale(0.46666667);
   background-color: white;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
   opacity: 0;
 }
-._radio_7h7qu_337 input:checked ~ label:before {
+._radio_7ev01_337 input:checked ~ label:before {
   background-color: var(--color-background-primary);
   border-color: transparent;
 }
-._radio_7h7qu_337 input:checked ~ label:after {
+._radio_7ev01_337 input:checked ~ label:after {
   opacity: 1;
 }
-._radio_7h7qu_337._disabled_7h7qu_419 {
+._radio_7ev01_337._disabled_7ev01_421 {
   cursor: default;
   pointer-events: none;
 }
-._radio_7h7qu_337._disabled_7h7qu_419 label {
+._radio_7ev01_337._disabled_7ev01_421 label {
   color: var(--color-text-muted);
 }
-._radio_7h7qu_337._disabled_7h7qu_419 label:before {
+._radio_7ev01_337._disabled_7ev01_421 label:before {
   background-color: var(--color-background-disabled) !important;
 }
-._radio_7h7qu_337._disabled_7h7qu_419 input:checked ~ label:before {
+._radio_7ev01_337._disabled_7ev01_421 input:checked ~ label:before {
   border-color: var(--color-border-checkbox);
 }
-._radio_7h7qu_337._disabled_7h7qu_419 input:checked ~ label:after {
+._radio_7ev01_337._disabled_7ev01_421 input:checked ~ label:after {
   background-color: var(--color-border-checkbox);
 }
-._isInTable_7h7qu_435 {
+._isInTable_7ev01_437 {
   margin: 0;
   position: relative;
   top: 1px;
@@ -19091,130 +19084,130 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._inputInTable_1w3p2_333 {
+._inputInTable_9fk99_333 {
   background-color: transparent;
   border-radius: inherit !important;
   height: 38px;
   min-height: 100%;
 }
-._inputHover_1w3p2_339 {
+._inputHover_9fk99_339 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1w3p2_344 {
+._inputFocus_9fk99_344 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1w3p2_351,
-._inputWarning_1w3p2_352 {
+._inputError_9fk99_351,
+._inputWarning_9fk99_352 {
   position: relative;
 }
-._inputError_1w3p2_351 {
+._inputError_9fk99_351 {
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1w3p2_351:hover {
+._inputError_9fk99_351:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1w3p2_351:focus {
+._inputError_9fk99_351:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1w3p2_352 {
+._inputWarning_9fk99_352 {
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1w3p2_352:hover {
+._inputWarning_9fk99_352:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1w3p2_352:focus {
+._inputWarning_9fk99_352:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1w3p2_387 {
+._inputDisabled_9fk99_387 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_1w3p2_392 {
+._hideScrollbars_9fk99_392 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1w3p2_392::-webkit-scrollbar {
+._hideScrollbars_9fk99_392::-webkit-scrollbar {
   display: none;
 }
-._cellWrapperPadding_1w3p2_402 {
+._cellWrapperPadding_9fk99_402 {
   padding: 9.5px 14px !important;
 }
-._flexBlock_1w3p2_405 {
+._flexBlock_9fk99_405 {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-._cellWrapper_1w3p2_402 {
+._cellWrapper_9fk99_402 {
   padding: 9.5px 14px !important;
 }
-._cellWrapper_1w3p2_402 a {
+._cellWrapper_9fk99_402 a {
   cursor: pointer;
   color: var(--color-text-primary) !important;
 }
-._cellWrapper_1w3p2_402 a:hover {
+._cellWrapper_9fk99_402 a:hover {
   color: var(--color-text-primary-hover) !important;
 }
-._cellWrapper_1w3p2_402 a:active {
+._cellWrapper_9fk99_402 a:active {
   color: var(--color-text-primary-active) !important;
 }
-._cellWrapper_1w3p2_402 a._disabledLink_1w3p2_423 {
+._cellWrapper_9fk99_402 a._disabledLink_9fk99_423 {
   color: var(--color-text-faint) !important;
   cursor: default !important;
 }
-._inputWrapper_1w3p2_427 {
+._inputWrapper_9fk99_427 {
   margin: -1px;
   height: calc(100% + 2px);
   border-radius: inherit;
 }
-._inputWrapper_1w3p2_427 > span,
-._inputWrapper_1w3p2_427 > span > span,
-._inputWrapper_1w3p2_427 > span > span > div {
+._inputWrapper_9fk99_427 > span,
+._inputWrapper_9fk99_427 > span > span,
+._inputWrapper_9fk99_427 > span > span > div {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_1w3p2_427 > div,
-._inputWrapper_1w3p2_427 > div > span {
+._inputWrapper_9fk99_427 > div,
+._inputWrapper_9fk99_427 > div > span {
   height: 100%;
   border-radius: inherit;
 }
-._breakWord_1w3p2_443 {
+._breakWord_9fk99_443 {
   word-break: break-word;
 }
-._inputCell_1w3p2_446 {
+._inputCell_9fk99_446 {
   padding: 0 !important;
 }
-._sliderCell_1w3p2_449 {
+._sliderCell_9fk99_449 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
-._staticCell_1w3p2_453 {
+._staticCell_9fk99_453 {
   padding: 0 !important;
 }
-._staticCell_1w3p2_453 ._staticCellContent_1w3p2_456 {
+._staticCell_9fk99_453 ._staticCellContent_9fk99_456 {
   min-height: 100%;
   padding: 9.5px 14px !important;
   line-height: 17px;
@@ -19223,115 +19216,104 @@ html[data-theme='dark'] {
   display: flex;
   align-items: center;
 }
-._staticCell_1w3p2_453 ._staticCellContent_1w3p2_456._error_1w3p2_465,
-._staticCell_1w3p2_453 ._staticCellContent_1w3p2_456._warning_1w3p2_466 {
+._staticCell_9fk99_453 ._staticCellContent_9fk99_456._error_9fk99_465,
+._staticCell_9fk99_453 ._staticCellContent_9fk99_456._warning_9fk99_466 {
   border: 1px solid transparent;
 }
-._staticCell_1w3p2_453 ._staticCellContent_1w3p2_456._error_1w3p2_465 {
+._staticCell_9fk99_453 ._staticCellContent_9fk99_456._error_9fk99_465 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._staticCell_1w3p2_453 ._staticCellContent_1w3p2_456._error_1w3p2_465:hover {
+._staticCell_9fk99_453 ._staticCellContent_9fk99_456._error_9fk99_465:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._staticCell_1w3p2_453 ._staticCellContent_1w3p2_456._error_1w3p2_465:focus {
+._staticCell_9fk99_453 ._staticCellContent_9fk99_456._error_9fk99_465:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._staticCell_1w3p2_453 ._staticCellContent_1w3p2_456._warning_1w3p2_466 {
+._staticCell_9fk99_453 ._staticCellContent_9fk99_456._warning_9fk99_466 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._staticCell_1w3p2_453 ._staticCellContent_1w3p2_456._warning_1w3p2_466:hover {
+._staticCell_9fk99_453 ._staticCellContent_9fk99_456._warning_9fk99_466:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._staticCell_1w3p2_453 ._staticCellContent_1w3p2_456._warning_1w3p2_466:focus {
+._staticCell_9fk99_453 ._staticCellContent_9fk99_456._warning_9fk99_466:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._staticCell_1w3p2_453 ._staticCellContent_1w3p2_456._unit_1w3p2_503 {
+._staticCell_9fk99_453 ._staticCellContent_9fk99_456._unit_9fk99_503 {
   font-weight: normal;
 }
-._staticCell_1w3p2_453 ._staticCellContent_1w3p2_456._disabled_1w3p2_423 {
+._staticCell_9fk99_453 ._staticCellContent_9fk99_456._disabled_9fk99_423 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._sortingCell_1w3p2_511 ._staticCellContent_1w3p2_456 {
+._sortingCell_9fk99_511 ._staticCellContent_9fk99_456 {
   position: relative;
   padding-right: 45px !important;
   cursor: pointer !important;
 }
-._sortingCell_1w3p2_511 ._staticCellContent_1w3p2_456:hover {
+._sortingCell_9fk99_511 ._staticCellContent_9fk99_456:hover {
   background-color: rgba(0, 0, 0, 0.05) !important;
 }
-._sortingCell_1w3p2_511 ._sortingCellIcon_1w3p2_519 {
+._sortingCell_9fk99_511 ._sortingCellIcon_9fk99_519 {
   font-size: 20px;
   position: absolute;
   right: 10px;
   top: 50%;
   transform: translateY(-50%);
 }
-._icon_1w3p2_526 {
-  display: inline-block;
+._icon_9fk99_526 {
+  display: inline-flex;
   margin-left: 8px;
-  position: relative;
-  top: 1px;
-  font-size: 13px;
-  color: var(--color-text-faint);
-}
-._icon_1w3p2_526:hover {
-  color: var(--color-text-muted);
-}
-._icon_1w3p2_526._clickable_1w3p2_537:hover {
-  cursor: pointer;
-  color: var(--color-text-primary-hover);
 }
-._checkBoxCell_1w3p2_541 {
+._checkBoxCell_9fk99_530 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
-._iconCell_1w3p2_545 {
+._iconCell_9fk99_534 {
   width: 37px;
   text-align: center;
   padding: 0 !important;
 }
-._iconCell_1w3p2_545 ._iconWrapper_1w3p2_550 {
+._iconCell_9fk99_534 ._iconWrapper_9fk99_539 {
   display: flex;
   justify-content: center;
 }
-._actionsCell_1w3p2_554 {
+._actionsCell_9fk99_543 {
   width: 24px;
   padding: 0 6px !important;
 }
-._rightAligned_1w3p2_558 {
+._rightAligned_9fk99_547 {
   text-align: right !important;
 }
-._rightAligned_1w3p2_558 ._staticCellContent_1w3p2_456 {
+._rightAligned_9fk99_547 ._staticCellContent_9fk99_456 {
   justify-content: flex-end;
 }
-._centerAligned_1w3p2_564 {
+._centerAligned_9fk99_553 {
   text-align: center !important;
 }
-._leftAligned_1w3p2_567 {
+._leftAligned_9fk99_556 {
   text-align: left !important;
 }
-._popover_1w3p2_570 {
+._popover_9fk99_559 {
   padding: 9.5px 14px;
 }
-._disabledPointerEvents_1w3p2_573 {
+._disabledPointerEvents_9fk99_562 {
   pointer-events: none;
 }
 /*
@@ -21619,9 +21601,11 @@ html[data-theme='dark'] {
   --color-background-toggle: rgba(255, 255, 255, 0.2);
   --color-background-toggle-hover: rgba(255, 255, 255, 0.3);
 }
-._toggle_1att7_341 {
+._toggle_1wgzq_341 {
   position: relative;
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
   backface-visibility: hidden;
   outline: 0;
   vertical-align: baseline;
@@ -21632,11 +21616,11 @@ html[data-theme='dark'] {
   min-width: 17px;
   margin: 10px 0 11px 0;
 }
-._toggle_1att7_341._small_1att7_354 {
+._toggle_1wgzq_341._small_1wgzq_356 {
   margin: 3px 0;
   font-size: 12px;
 }
-._toggle_1att7_341 input {
+._toggle_1wgzq_341 input {
   width: 34px;
   height: 17px;
   cursor: pointer;
@@ -21654,7 +21638,7 @@ html[data-theme='dark'] {
   line-height: 1.15;
   margin: 0;
 }
-._toggle_1att7_341 label {
+._toggle_1wgzq_341 label {
   min-height: 17px;
   padding-left: 43px;
   transition: color 0.1s ease;
@@ -21664,8 +21648,8 @@ html[data-theme='dark'] {
   outline: 0;
   font-size: 1em;
 }
-._toggle_1att7_341 label:before,
-._toggle_1att7_341 label:after {
+._toggle_1wgzq_341 label:before,
+._toggle_1wgzq_341 label:after {
   display: block;
   position: absolute;
   content: '';
@@ -21673,7 +21657,7 @@ html[data-theme='dark'] {
   height: 17px;
   border-radius: calc(17px / 2);
 }
-._toggle_1att7_341 label:before {
+._toggle_1wgzq_341 label:before {
   z-index: 1;
   transform: none;
   background: var(--color-background-toggle);
@@ -21682,7 +21666,7 @@ html[data-theme='dark'] {
   left: 0;
   transition: background 0.3s ease, border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
 }
-._toggle_1att7_341 label:after {
+._toggle_1wgzq_341 label:after {
   left: -0.05rem;
   box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
   background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
@@ -21691,31 +21675,31 @@ html[data-theme='dark'] {
   width: 17px;
   transition: background 0.3s ease, left 0.3s ease;
 }
-._toggle_1att7_341 input:hover ~ label:before {
+._toggle_1wgzq_341 input:hover ~ label:before {
   background: var(--color-background-toggle-hover);
 }
-._toggle_1att7_341 input:checked ~ label:before {
+._toggle_1wgzq_341 input:checked ~ label:before {
   border-color: rgba(34, 36, 38, 0.35);
   background-color: var(--color-background-button-primary);
 }
-._toggle_1att7_341 input:checked ~ label:after {
+._toggle_1wgzq_341 input:checked ~ label:after {
   left: 17px;
 }
-._toggle_1att7_341 input:checked:hover ~ label:before {
+._toggle_1wgzq_341 input:checked:hover ~ label:before {
   background-color: var(--color-background-button-primary-hover);
 }
-._toggle_1att7_341._disabled_1att7_426 {
+._toggle_1wgzq_341._disabled_1wgzq_428 {
   cursor: default;
   pointer-events: none;
   color: var(--color-text-muted);
 }
-._toggle_1att7_341._disabled_1att7_426 label:before {
+._toggle_1wgzq_341._disabled_1wgzq_428 label:before {
   background-color: var(--color-background-disabled) !important;
 }
-._toggle_1att7_341._disabled_1att7_426 input:checked ~ label:before {
+._toggle_1wgzq_341._disabled_1wgzq_428 input:checked ~ label:before {
   background-color: var(--color-text-faint);
 }
-._noMargin_1att7_437 {
+._noMargin_1wgzq_439 {
   margin: 0;
 }
 /*