@oliasoft-open-source/react-ui-library 3.11.6-beta-2 → 3.12.0-beta-2

package/dist/global.css

@@ -3336,209 +3336,372 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._wrapper_t0nkm_341 {
-  display: inline-flex;
-  max-width: 100%;
+._inputInTable_1apdk_341 {
+  background-color: transparent;
+  border-radius: inherit !important;
+  height: var(--size);
+  min-height: 100%;
 }
-._layer_t0nkm_345 ._wrapper_t0nkm_341 {
-  width: 100%;
+._inputInTable_1apdk_341:not(:hover) {
+  border-color: transparent;
 }
-._layerContainer_t0nkm_348 {
-  z-index: 2002;
+._inputHover_1apdk_350 {
+  position: relative;
+  border-color: var(--color-border-hover);
+  z-index: 2;
 }
-._layer_t0nkm_345 {
-  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;
+._inputFocus_1apdk_355 {
   position: relative;
-  overflow-y: auto;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
 }
-._layer_t0nkm_345._nested_t0nkm_363 {
-  margin: -1px 2px;
+._inputError_1apdk_362,
+._inputWarning_1apdk_363 {
+  position: relative;
 }
-._layer_t0nkm_345 ul {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
+._inputError_1apdk_362 {
+  z-index: 2;
+  border-color: var(--color-border-error);
+  color: var(--color-text-error) !important;
+  background-color: var(--color-background-error);
 }
-._layer_t0nkm_345 ul li {
-  list-style: none;
-  display: block;
+._inputError_1apdk_362:hover {
+  border-color: var(--color-border-error-hover) !important;
 }
-._fileInput_t0nkm_375 {
-  width: 100%;
-  height: 100%;
-  opacity: 0;
-  position: absolute;
+._inputError_1apdk_362:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
 }
-._trigger_t0nkm_381 {
+._inputWarning_1apdk_363 {
+  z-index: 1;
+  border-color: var(--color-border-warning);
+  color: var(--color-text-warning) !important;
+  background-color: var(--color-background-warning);
+}
+._inputWarning_1apdk_363:hover {
+  border-color: var(--color-border-warning-hover) !important;
+}
+._inputWarning_1apdk_363:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
+}
+._inputDisabled_1apdk_398 {
+  pointer-events: none;
+  background-color: var(--color-background-disabled);
+  color: var(--color-text-muted);
+}
+._hideScrollbars_1apdk_403 {
+  /* Firefox */
+  scrollbar-width: none;
+  /* IE 10+ */
+  -ms-overflow-style: none;
+  /* Chrome, Safari and Opera */
+}
+._hideScrollbars_1apdk_403::-webkit-scrollbar {
+  display: none;
+}
+:root {
+  --color-background-button-default: var(--color-neutral-0);
+  --color-background-button-default-hover: var(--color-neutral-50);
+  --color-background-button-default-active: var(--color-neutral-100);
+  --color-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_1apdk_447 {
+  cursor: pointer;
   display: inline-flex;
   align-items: center;
-  cursor: pointer;
+  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: var(--padding-input);
+  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: var(--size);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 }
-._layer_t0nkm_345 ._trigger_t0nkm_381 {
-  width: 100%;
+._button_1apdk_447:hover {
+  background: var(--color-background-button-default-hover);
+  border-color: var(--color-border-button-hover);
 }
-._middleAlignedInline_t0nkm_390 {
-  display: flex;
+._button_1apdk_447:focus {
+  box-shadow: var(--shadow-focus);
+}
+._button_1apdk_447:active {
+  background: var(--color-background-button-default-active);
+  box-shadow: none;
+}
+._button_1apdk_447._active_1apdk_484:not(._green_1apdk_484):not(._red_1apdk_484):not(._orange_1apdk_484) {
+  border-color: var(--color-background-button-primary);
+  color: var(--color-text-primary);
+  position: relative;
+  z-index: 2;
+}
+._button_1apdk_447:hover,
+._button_1apdk_447:focus,
+._button_1apdk_447:active {
+  position: relative;
+  z-index: 1;
+}
+._button_1apdk_447 ._icon_1apdk_496 {
+  margin: 0 8px 0 -4px;
+}
+._button_1apdk_447 ._icon_1apdk_496 svg {
+  height: 14px;
+  width: 14px;
+}
+._iconOnly_1apdk_503 {
+  width: var(--size);
+  display: inline-flex;
   align-items: center;
-  overflow: hidden;
-  width: 100%;
+  justify-content: center;
 }
-._heading_t0nkm_396 {
-  color: var(--color-text-muted);
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
+._iconOnly_1apdk_503 ._icon_1apdk_496 {
+  margin: 0;
+  line-height: 0;
+}
+._basic_1apdk_513 {
+  color: var(--color-text-primary);
+  background: transparent;
+  box-shadow: none !important;
+  border: none !important;
+}
+._basic_1apdk_513._muted_1apdk_519 {
+  color: var(--color-text-button-muted);
+}
+._basic_1apdk_513:hover,
+._basic_1apdk_513:focus {
+  color: var(--color-text-primary-hover);
+  background: rgba(0, 0, 0, 0.05);
+}
+._basic_1apdk_513:active,
+._basic_1apdk_513._active_1apdk_484 {
+  color: var(--color-text-primary-active);
+  background: rgba(0, 0, 0, 0.1);
+}
+._disabled_1apdk_532 {
+  cursor: default;
+  pointer-events: none !important;
+  color: var(--color-text-faint) !important;
+  box-shadow: none !important;
+}
+._disabled_1apdk_532:not(._active_1apdk_484):not(._basic_1apdk_513) {
+  background: var(--color-background-disabled) !important;
+  border: 1px solid var(--color-border) !important;
+}
+._small_1apdk_542 {
   font-size: 12px;
+  min-height: var(--size-sm);
+  padding: 0 0.75rem;
 }
-._heading_t0nkm_396 ._headingIcon_t0nkm_402 {
-  float: right;
+._pill_1apdk_547,
+._round_1apdk_548 {
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  font-size: 13px;
+  font-weight: bold;
+  border-radius: 19px;
+  display: inline-flex;
+  align-items: center;
 }
-._heading_t0nkm_396 ._headingIcon_t0nkm_402 svg {
-  color: var(--color-text-faint);
+._round_1apdk_548 {
+  padding: 0;
+  width: var(--size);
+  line-height: 1;
 }
-._heading_t0nkm_396 ._headingIcon_t0nkm_402:hover {
-  cursor: pointer;
+._round_1apdk_548._small_1apdk_542 {
+  width: var(--size-sm);
 }
-._heading_t0nkm_396 ._headingIcon_t0nkm_402:hover svg {
-  color: var(--color-text-primary-hover);
+._orange_1apdk_484:not(._basic_1apdk_513) {
+  background-color: var(--color-background-button-primary);
 }
-._option_t0nkm_414 {
-  color: inherit;
-  display: block;
+._orange_1apdk_484:not(._basic_1apdk_513):hover,
+._orange_1apdk_484:not(._basic_1apdk_513):focus {
+  background-color: var(--color-background-button-primary-hover);
+}
+._orange_1apdk_484:not(._basic_1apdk_513):active,
+._orange_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484 {
+  background-color: var(--color-background-button-primary-active);
+}
+._red_1apdk_484:not(._basic_1apdk_513) {
+  background-color: var(--color-background-button-error);
 }
-._heading_t0nkm_396,
-._option_t0nkm_414,
-._layer_t0nkm_345 ._trigger_t0nkm_381 {
-  padding: var(--padding-input);
+._red_1apdk_484:not(._basic_1apdk_513):hover,
+._red_1apdk_484:not(._basic_1apdk_513):focus {
+  background-color: var(--color-background-button-error-hover);
 }
-._option_t0nkm_414,
-._layer_t0nkm_345 ._trigger_t0nkm_381 {
-  line-height: 20px;
-  display: flex;
-  align-items: flex-start;
+._red_1apdk_484:not(._basic_1apdk_513):active,
+._red_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484 {
+  background-color: var(--color-background-button-error-active);
 }
-._option_t0nkm_414:hover,
-._layer_t0nkm_345 ._trigger_t0nkm_381:hover,
-._option_t0nkm_414._active_t0nkm_431,
-._layer_t0nkm_345 ._trigger_t0nkm_381._active_t0nkm_431 {
-  background-color: var(--color-background-menuitem-hover);
-  cursor: pointer;
+._red_1apdk_484._basic_1apdk_513 {
+  color: var(--color-text-error);
 }
-._option_t0nkm_414._selected_t0nkm_436 {
-  background-color: var(--color-background-menuitem-active);
-  font-weight: bold;
+._green_1apdk_484:not(._basic_1apdk_513) {
+  background-color: var(--color-background-button-success);
 }
-._layer_t0nkm_345 ._trigger_t0nkm_381 {
-  align-items: center;
+._green_1apdk_484:not(._basic_1apdk_513):hover,
+._green_1apdk_484:not(._basic_1apdk_513):focus {
+  background-color: var(--color-background-button-success-hover);
 }
-._optionContent_t0nkm_443 {
-  flex-wrap: wrap;
-  margin-right: auto;
-  position: relative;
+._green_1apdk_484:not(._basic_1apdk_513):active,
+._green_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484 {
+  background-color: var(--color-background-button-success-active);
 }
-._inline_t0nkm_448 ._optionContent_t0nkm_443 {
-  display: flex;
-  justify-content: space-between;
-  flex-grow: 1;
+._green_1apdk_484._basic_1apdk_513 {
+  color: var(--color-text-success);
 }
-._icon_t0nkm_453,
-._check_t0nkm_454 {
-  display: flex;
-  flex-shrink: 1;
-  width: 16px;
-  height: 20px;
-  justify-content: center;
-  align-items: center;
+._orange_1apdk_484:not(._basic_1apdk_513),
+._red_1apdk_484:not(._basic_1apdk_513),
+._green_1apdk_484:not(._basic_1apdk_513) {
+  color: #fff;
 }
-._icon_t0nkm_453 {
-  margin-right: 8px;
-  color: var(--color-text-primary);
+._orange_1apdk_484:not(._basic_1apdk_513):hover,
+._red_1apdk_484:not(._basic_1apdk_513):hover,
+._green_1apdk_484:not(._basic_1apdk_513):hover,
+._orange_1apdk_484:not(._basic_1apdk_513):focus,
+._red_1apdk_484:not(._basic_1apdk_513):focus,
+._green_1apdk_484:not(._basic_1apdk_513):focus {
+  color: #fff;
 }
-._icon_t0nkm_453:empty {
-  display: none;
+._orange_1apdk_484:not(._basic_1apdk_513):active,
+._red_1apdk_484:not(._basic_1apdk_513):active,
+._green_1apdk_484:not(._basic_1apdk_513):active,
+._orange_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484,
+._red_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484,
+._green_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484 {
+  color: #fff;
 }
-._icon_t0nkm_453 img {
-  max-height: 16px;
-  max-width: 16px;
-  width: auto;
-  height: auto;
+._error_1apdk_625 {
+  position: relative;
+  z-index: 2;
+  border-color: var(--color-border-error);
+  color: var(--color-text-error) !important;
+  background-color: var(--color-background-error);
 }
-._check_t0nkm_454 {
-  font-size: 12px;
-  color: #a5a7a9;
-  margin-left: 10px;
+._error_1apdk_625:hover {
+  border-color: var(--color-border-error-hover) !important;
 }
-._text_t0nkm_480 {
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
+._error_1apdk_625:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
 }
-._label_t0nkm_485 {
-  margin-right: auto;
+._warning_1apdk_642 {
+  position: relative;
+  z-index: 1;
+  border-color: var(--color-border-warning);
+  color: var(--color-text-warning) !important;
+  background-color: var(--color-background-warning);
 }
-._label_t0nkm_485,
-._heading_t0nkm_396 {
-  max-width: 100%;
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+._warning_1apdk_642:hover {
+  border-color: var(--color-border-warning-hover) !important;
 }
-._description_t0nkm_496 {
-  color: #999;
-  display: block;
+._warning_1apdk_642:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
 }
-._arrow_t0nkm_500 {
-  margin-left: 10px;
-  opacity: 0.4;
+._inverted_1apdk_659 {
+  background-color: transparent;
+  border-color: var(--color-text);
+  box-shadow: none;
 }
-._divider_t0nkm_504 {
-  border: 0;
-  border-top: 1px solid var(--color-border);
+._inverted_1apdk_659:hover,
+._inverted_1apdk_659:focus,
+._inverted_1apdk_659:active {
+  box-shadow: none;
 }
-._deprecatedSemanticIcon_t0nkm_508 {
-  color: var(--color-text-primary) !important;
-  margin: -5px 0 0 !important;
+._inverted_1apdk_659._orange_1apdk_484 {
+  color: var(--color-background-button-primary);
+  border-color: var(--color-background-button-primary);
 }
-._disabled_t0nkm_512 {
-  color: var(--color-text-faint);
-  pointer-events: none;
-  cursor: not-allowed !important;
+._inverted_1apdk_659._red_1apdk_484 {
+  color: var(--color-background-button-error);
+  border-color: var(--color-background-button-error);
 }
-._buttonLabel_t0nkm_517 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: block;
-  margin-right: auto;
-  line-height: 1.2;
+._inverted_1apdk_659._green_1apdk_484 {
+  color: var(--color-background-button-success);
+  border-color: var(--color-background-button-success);
 }
-._buttonCaret_t0nkm_524 {
-  margin-left: 5px;
+._inverted_1apdk_659._orange_1apdk_484:hover,
+._inverted_1apdk_659._red_1apdk_484:hover,
+._inverted_1apdk_659._green_1apdk_484:hover,
+._inverted_1apdk_659._orange_1apdk_484:focus,
+._inverted_1apdk_659._red_1apdk_484:focus,
+._inverted_1apdk_659._green_1apdk_484:focus,
+._inverted_1apdk_659._orange_1apdk_484:active,
+._inverted_1apdk_659._red_1apdk_484:active,
+._inverted_1apdk_659._green_1apdk_484:active {
+  color: white;
+  box-shadow: none;
 }
-._component_t0nkm_527 {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
+._groupOrderFirst_1apdk_693,
+._groupOrderMiddle_1apdk_694,
+._groupOrderLast_1apdk_695 {
+  margin-right: 0;
 }
-._right_t0nkm_533 {
-  margin-left: auto;
-  display: flex;
-  align-items: center;
+._groupOrderFirst_1apdk_693,
+._groupOrderMiddle_1apdk_694 {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
 }
-._actions_t0nkm_538 {
-  margin-left: 8px;
-  display: flex;
-  align-items: center;
-  margin-top: -2px;
-  margin-bottom: -2px;
+._groupOrderLast_1apdk_695,
+._groupOrderMiddle_1apdk_694 {
+  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
@@ -3868,63 +4031,95 @@ html[data-theme='dark'] {
   --color-border-warning: var(--color-neutral-1000);
   --shadow-focus: 0 0 0 2px rgba(41, 167, 235, 0.5);
 }
-/*
-  LAYOUT
-*/
-/*
-  CARDS
-*/
-/*
-  INPUTS
-*/
-/*
-  Z-INDEX
-*/
-._wrapper_ay3h4_341 {
-  display: inline-flex;
-  position: relative;
+/*
+  LAYOUT
+*/
+/*
+  CARDS
+*/
+/*
+  INPUTS
+*/
+/*
+  Z-INDEX
+*/
+._spinner_fbqsc_341 {
+  display: inline-block;
+  position: relative;
+  width: 40px;
+  height: 40px;
+}
+._spinner_fbqsc_341._small_fbqsc_347 {
+  width: 14px;
+  height: 14px;
+}
+._spinner_fbqsc_341._tiny_fbqsc_351 {
+  width: 10px;
+  height: 10px;
+}
+._spinner_fbqsc_341 div {
+  box-sizing: border-box;
+  display: block;
+  position: absolute;
+  width: 40px;
+  height: 40px;
+  border: 6px solid #fff;
+  border-radius: 50%;
+  animation: _spinner_fbqsc_341 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+  border-color: #fff transparent transparent transparent;
+}
+._spinner_fbqsc_341._small_fbqsc_347 div {
+  width: 14px;
+  height: 14px;
+  border: 3px solid #fff;
+  border-color: #fff transparent transparent transparent;
+}
+._spinner_fbqsc_341._tiny_fbqsc_351 div {
+  width: 10px;
+  height: 10px;
+  border: 2px solid #fff;
+  border-color: #fff transparent transparent transparent;
+}
+._spinner_fbqsc_341._colored_fbqsc_378 div {
+  border: 6px solid var(--color-background-primary);
+  border-color: var(--color-background-primary) transparent transparent transparent;
 }
-._badge_ay3h4_345 {
-  background: var(--color-background-primary);
-  display: inline-block;
-  position: static;
+._spinner_fbqsc_341._small_fbqsc_347._colored_fbqsc_378 div {
+  border: 3px solid var(--color-background-primary);
+  border-color: var(--color-background-primary) transparent transparent transparent;
 }
-._badge_ay3h4_345._label_ay3h4_350 {
-  line-height: 22px;
-  min-width: 22px;
-  padding: 0 5px;
-  font-size: 12px;
-  font-weight: 400;
-  text-align: center;
-  white-space: nowrap;
-  border-radius: 11px;
-  font-weight: bold;
-  letter-spacing: normal;
+._spinner_fbqsc_341._tiny_fbqsc_351._colored_fbqsc_378 div {
+  border: 2px solid var(--color-background-primary);
+  border-color: var(--color-background-primary) transparent transparent transparent;
 }
-._badge_ay3h4_345._label_ay3h4_350._dark_ay3h4_362 {
-  color: #fff;
+._spinner_fbqsc_341._dark_fbqsc_390 div {
+  border: 6px solid var(--color-text-muted);
+  border-color: var(--color-text-muted) transparent transparent transparent;
 }
-._badge_ay3h4_345._label_ay3h4_350._light_ay3h4_365 {
-  color: rgba(0, 0, 0, 0.6);
+._spinner_fbqsc_341._small_fbqsc_347._dark_fbqsc_390 div {
+  border: 3px solid var(--color-text-muted);
+  border-color: var(--color-text-muted) transparent transparent transparent;
 }
-._badge_ay3h4_345._small_ay3h4_368 {
-  line-height: 13px;
-  min-width: 13px;
-  font-size: 9px;
-  border-radius: 6.5px;
+._spinner_fbqsc_341._tiny_fbqsc_351._dark_fbqsc_390 div {
+  border: 2px solid var(--color-text-muted);
+  border-color: var(--color-text-muted) transparent transparent transparent;
 }
-._badge_ay3h4_345._dot_ay3h4_374 {
-  width: 6px;
-  height: 6px;
-  border-radius: 100%;
+._spinner_fbqsc_341 div:nth-child(1) {
+  animation-delay: -0.45s;
 }
-._badge_ay3h4_345._hasChildren_ay3h4_379 {
-  position: absolute;
-  right: 0;
-  top: 0;
-  transform: translate(50%, -50%);
-  transform-origin: 100% 0%;
-  z-index: 3;
+._spinner_fbqsc_341 div:nth-child(2) {
+  animation-delay: -0.3s;
+}
+._spinner_fbqsc_341 div:nth-child(3) {
+  animation-delay: -0.15s;
+}
+@keyframes _spinner_fbqsc_341 {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
 }
 /*
  This file has shared variables that are re-used in other LESS files/modules
@@ -4248,390 +4443,58 @@ html[data-theme='dark'] {
   --color-background-menuitem-activehover: var(--color-neutral-600);
   --color-border: var(--color-neutral-1000);
   --color-border-checkbox: var(--color-neutral-1000);
-  --color-border-hover: var(--color-neutral-500);
-  --color-border-focus: var(--color-info-500);
-  --color-border-error: var(--color-neutral-1000);
-  --color-border-warning: var(--color-neutral-1000);
-  --shadow-focus: 0 0 0 2px rgba(41, 167, 235, 0.5);
-}
-/*
-  LAYOUT
-*/
-/*
-  CARDS
-*/
-/*
-  INPUTS
-*/
-/*
-  Z-INDEX
-*/
-._inputInTable_1apdk_341 {
-  background-color: transparent;
-  border-radius: inherit !important;
-  height: var(--size);
-  min-height: 100%;
-}
-._inputInTable_1apdk_341:not(:hover) {
-  border-color: transparent;
-}
-._inputHover_1apdk_350 {
-  position: relative;
-  border-color: var(--color-border-hover);
-  z-index: 2;
-}
-._inputFocus_1apdk_355 {
-  position: relative;
-  outline: none !important;
-  border-color: var(--color-border-focus) !important;
-  box-shadow: var(--shadow-focus);
-  z-index: 3;
-}
-._inputError_1apdk_362,
-._inputWarning_1apdk_363 {
-  position: relative;
-}
-._inputError_1apdk_362 {
-  z-index: 2;
-  border-color: var(--color-border-error);
-  color: var(--color-text-error) !important;
-  background-color: var(--color-background-error);
-}
-._inputError_1apdk_362:hover {
-  border-color: var(--color-border-error-hover) !important;
-}
-._inputError_1apdk_362:focus {
-  position: relative;
-  outline: none !important;
-  border-color: var(--color-border-focus) !important;
-  box-shadow: var(--shadow-focus);
-  z-index: 3;
-}
-._inputWarning_1apdk_363 {
-  z-index: 1;
-  border-color: var(--color-border-warning);
-  color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning);
-}
-._inputWarning_1apdk_363:hover {
-  border-color: var(--color-border-warning-hover) !important;
-}
-._inputWarning_1apdk_363:focus {
-  position: relative;
-  outline: none !important;
-  border-color: var(--color-border-focus) !important;
-  box-shadow: var(--shadow-focus);
-  z-index: 3;
-}
-._inputDisabled_1apdk_398 {
-  pointer-events: none;
-  background-color: var(--color-background-disabled);
-  color: var(--color-text-muted);
-}
-._hideScrollbars_1apdk_403 {
-  /* Firefox */
-  scrollbar-width: none;
-  /* IE 10+ */
-  -ms-overflow-style: none;
-  /* Chrome, Safari and Opera */
-}
-._hideScrollbars_1apdk_403::-webkit-scrollbar {
-  display: none;
-}
-:root {
-  --color-background-button-default: var(--color-neutral-0);
-  --color-background-button-default-hover: var(--color-neutral-50);
-  --color-background-button-default-active: var(--color-neutral-100);
-  --color-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_1apdk_447 {
-  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: var(--padding-input);
-  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: var(--size);
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-}
-._button_1apdk_447:hover {
-  background: var(--color-background-button-default-hover);
-  border-color: var(--color-border-button-hover);
-}
-._button_1apdk_447:focus {
-  box-shadow: var(--shadow-focus);
-}
-._button_1apdk_447:active {
-  background: var(--color-background-button-default-active);
-  box-shadow: none;
-}
-._button_1apdk_447._active_1apdk_484:not(._green_1apdk_484):not(._red_1apdk_484):not(._orange_1apdk_484) {
-  border-color: var(--color-background-button-primary);
-  color: var(--color-text-primary);
-  position: relative;
-  z-index: 2;
-}
-._button_1apdk_447:hover,
-._button_1apdk_447:focus,
-._button_1apdk_447:active {
-  position: relative;
-  z-index: 1;
+  --color-border-hover: var(--color-neutral-500);
+  --color-border-focus: var(--color-info-500);
+  --color-border-error: var(--color-neutral-1000);
+  --color-border-warning: var(--color-neutral-1000);
+  --shadow-focus: 0 0 0 2px rgba(41, 167, 235, 0.5);
 }
-._button_1apdk_447 ._icon_1apdk_496 {
-  margin: 0 8px 0 -4px;
+/*
+  LAYOUT
+*/
+/*
+  CARDS
+*/
+/*
+  INPUTS
+*/
+/*
+  Z-INDEX
+*/
+._actions_lx3xg_341 {
+  margin-left: auto;
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: flex-end;
+  align-items: center;
 }
-._button_1apdk_447 ._icon_1apdk_496 svg {
-  height: 14px;
-  width: 14px;
+._actions_lx3xg_341 > *:not(:last-child) {
+  margin-right: 3px;
 }
-._iconOnly_1apdk_503 {
-  width: var(--size);
+._actionComponentContainer_lx3xg_351 {
+  width: 24px;
+  height: 24px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-}
-._iconOnly_1apdk_503 ._icon_1apdk_496 {
-  margin: 0;
+  cursor: pointer;
+  color: #c8c8c8;
+  position: relative;
+  z-index: 2;
+  transition: color 0.2s;
   line-height: 0;
 }
-._basic_1apdk_513 {
-  color: var(--color-text-primary);
-  background: transparent;
-  box-shadow: none !important;
-  border: none !important;
-}
-._basic_1apdk_513._muted_1apdk_519 {
-  color: var(--color-text-button-muted);
+._actionComponentContainer_lx3xg_351 i {
+  margin: 0;
+  line-height: 1 !important;
 }
-._basic_1apdk_513:hover,
-._basic_1apdk_513:focus {
+._actionComponentContainer_lx3xg_351:hover,
+._actionComponentContainer_lx3xg_351:focus {
   color: var(--color-text-primary-hover);
-  background: rgba(0, 0, 0, 0.05);
 }
-._basic_1apdk_513:active,
-._basic_1apdk_513._active_1apdk_484 {
+._actionComponentContainer_lx3xg_351:active,
+._actionComponentContainer_lx3xg_351._active_lx3xg_373 {
   color: var(--color-text-primary-active);
-  background: rgba(0, 0, 0, 0.1);
-}
-._disabled_1apdk_532 {
-  cursor: default;
-  pointer-events: none !important;
-  color: var(--color-text-faint) !important;
-  box-shadow: none !important;
-}
-._disabled_1apdk_532:not(._active_1apdk_484):not(._basic_1apdk_513) {
-  background: var(--color-background-disabled) !important;
-  border: 1px solid var(--color-border) !important;
-}
-._small_1apdk_542 {
-  font-size: 12px;
-  min-height: var(--size-sm);
-  padding: 0 0.75rem;
-}
-._pill_1apdk_547,
-._round_1apdk_548 {
-  text-transform: uppercase;
-  letter-spacing: 0.1em;
-  font-size: 13px;
-  font-weight: bold;
-  border-radius: 19px;
-  display: inline-flex;
-  align-items: center;
-}
-._round_1apdk_548 {
-  padding: 0;
-  width: var(--size);
-  line-height: 1;
-}
-._round_1apdk_548._small_1apdk_542 {
-  width: var(--size-sm);
-}
-._orange_1apdk_484:not(._basic_1apdk_513) {
-  background-color: var(--color-background-button-primary);
-}
-._orange_1apdk_484:not(._basic_1apdk_513):hover,
-._orange_1apdk_484:not(._basic_1apdk_513):focus {
-  background-color: var(--color-background-button-primary-hover);
-}
-._orange_1apdk_484:not(._basic_1apdk_513):active,
-._orange_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484 {
-  background-color: var(--color-background-button-primary-active);
-}
-._red_1apdk_484:not(._basic_1apdk_513) {
-  background-color: var(--color-background-button-error);
-}
-._red_1apdk_484:not(._basic_1apdk_513):hover,
-._red_1apdk_484:not(._basic_1apdk_513):focus {
-  background-color: var(--color-background-button-error-hover);
-}
-._red_1apdk_484:not(._basic_1apdk_513):active,
-._red_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484 {
-  background-color: var(--color-background-button-error-active);
-}
-._red_1apdk_484._basic_1apdk_513 {
-  color: var(--color-text-error);
-}
-._green_1apdk_484:not(._basic_1apdk_513) {
-  background-color: var(--color-background-button-success);
-}
-._green_1apdk_484:not(._basic_1apdk_513):hover,
-._green_1apdk_484:not(._basic_1apdk_513):focus {
-  background-color: var(--color-background-button-success-hover);
-}
-._green_1apdk_484:not(._basic_1apdk_513):active,
-._green_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484 {
-  background-color: var(--color-background-button-success-active);
-}
-._green_1apdk_484._basic_1apdk_513 {
-  color: var(--color-text-success);
-}
-._orange_1apdk_484:not(._basic_1apdk_513),
-._red_1apdk_484:not(._basic_1apdk_513),
-._green_1apdk_484:not(._basic_1apdk_513) {
-  color: #fff;
-}
-._orange_1apdk_484:not(._basic_1apdk_513):hover,
-._red_1apdk_484:not(._basic_1apdk_513):hover,
-._green_1apdk_484:not(._basic_1apdk_513):hover,
-._orange_1apdk_484:not(._basic_1apdk_513):focus,
-._red_1apdk_484:not(._basic_1apdk_513):focus,
-._green_1apdk_484:not(._basic_1apdk_513):focus {
-  color: #fff;
-}
-._orange_1apdk_484:not(._basic_1apdk_513):active,
-._red_1apdk_484:not(._basic_1apdk_513):active,
-._green_1apdk_484:not(._basic_1apdk_513):active,
-._orange_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484,
-._red_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484,
-._green_1apdk_484:not(._basic_1apdk_513)._active_1apdk_484 {
-  color: #fff;
-}
-._error_1apdk_625 {
-  position: relative;
-  z-index: 2;
-  border-color: var(--color-border-error);
-  color: var(--color-text-error) !important;
-  background-color: var(--color-background-error);
-}
-._error_1apdk_625:hover {
-  border-color: var(--color-border-error-hover) !important;
-}
-._error_1apdk_625:focus {
-  position: relative;
-  outline: none !important;
-  border-color: var(--color-border-focus) !important;
-  box-shadow: var(--shadow-focus);
-  z-index: 3;
-}
-._warning_1apdk_642 {
-  position: relative;
-  z-index: 1;
-  border-color: var(--color-border-warning);
-  color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning);
-}
-._warning_1apdk_642:hover {
-  border-color: var(--color-border-warning-hover) !important;
-}
-._warning_1apdk_642:focus {
-  position: relative;
-  outline: none !important;
-  border-color: var(--color-border-focus) !important;
-  box-shadow: var(--shadow-focus);
-  z-index: 3;
-}
-._inverted_1apdk_659 {
-  background-color: transparent;
-  border-color: var(--color-text);
-  box-shadow: none;
-}
-._inverted_1apdk_659:hover,
-._inverted_1apdk_659:focus,
-._inverted_1apdk_659:active {
-  box-shadow: none;
-}
-._inverted_1apdk_659._orange_1apdk_484 {
-  color: var(--color-background-button-primary);
-  border-color: var(--color-background-button-primary);
-}
-._inverted_1apdk_659._red_1apdk_484 {
-  color: var(--color-background-button-error);
-  border-color: var(--color-background-button-error);
-}
-._inverted_1apdk_659._green_1apdk_484 {
-  color: var(--color-background-button-success);
-  border-color: var(--color-background-button-success);
-}
-._inverted_1apdk_659._orange_1apdk_484:hover,
-._inverted_1apdk_659._red_1apdk_484:hover,
-._inverted_1apdk_659._green_1apdk_484:hover,
-._inverted_1apdk_659._orange_1apdk_484:focus,
-._inverted_1apdk_659._red_1apdk_484:focus,
-._inverted_1apdk_659._green_1apdk_484:focus,
-._inverted_1apdk_659._orange_1apdk_484:active,
-._inverted_1apdk_659._red_1apdk_484:active,
-._inverted_1apdk_659._green_1apdk_484:active {
-  color: white;
-  box-shadow: none;
-}
-._groupOrderFirst_1apdk_693,
-._groupOrderMiddle_1apdk_694,
-._groupOrderLast_1apdk_695 {
-  margin-right: 0;
-}
-._groupOrderFirst_1apdk_693,
-._groupOrderMiddle_1apdk_694 {
-  border-top-right-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
-}
-._groupOrderLast_1apdk_695,
-._groupOrderMiddle_1apdk_694 {
-  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
@@ -4973,83 +4836,209 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._spinner_fbqsc_341 {
-  display: inline-block;
+._wrapper_t0nkm_341 {
+  display: inline-flex;
+  max-width: 100%;
+}
+._layer_t0nkm_345 ._wrapper_t0nkm_341 {
+  width: 100%;
+}
+._layerContainer_t0nkm_348 {
+  z-index: 2002;
+}
+._layer_t0nkm_345 {
+  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;
-  width: 40px;
-  height: 40px;
+  overflow-y: auto;
 }
-._spinner_fbqsc_341._small_fbqsc_347 {
-  width: 14px;
-  height: 14px;
+._layer_t0nkm_345._nested_t0nkm_363 {
+  margin: -1px 2px;
 }
-._spinner_fbqsc_341._tiny_fbqsc_351 {
-  width: 10px;
-  height: 10px;
+._layer_t0nkm_345 ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
 }
-._spinner_fbqsc_341 div {
-  box-sizing: border-box;
+._layer_t0nkm_345 ul li {
+  list-style: none;
   display: block;
+}
+._fileInput_t0nkm_375 {
+  width: 100%;
+  height: 100%;
+  opacity: 0;
   position: absolute;
-  width: 40px;
-  height: 40px;
-  border: 6px solid #fff;
-  border-radius: 50%;
-  animation: _spinner_fbqsc_341 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-  border-color: #fff transparent transparent transparent;
 }
-._spinner_fbqsc_341._small_fbqsc_347 div {
-  width: 14px;
-  height: 14px;
-  border: 3px solid #fff;
-  border-color: #fff transparent transparent transparent;
+._trigger_t0nkm_381 {
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+  max-width: 100%;
 }
-._spinner_fbqsc_341._tiny_fbqsc_351 div {
-  width: 10px;
-  height: 10px;
-  border: 2px solid #fff;
-  border-color: #fff transparent transparent transparent;
+._layer_t0nkm_345 ._trigger_t0nkm_381 {
+  width: 100%;
 }
-._spinner_fbqsc_341._colored_fbqsc_378 div {
-  border: 6px solid var(--color-background-primary);
-  border-color: var(--color-background-primary) transparent transparent transparent;
+._middleAlignedInline_t0nkm_390 {
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  width: 100%;
 }
-._spinner_fbqsc_341._small_fbqsc_347._colored_fbqsc_378 div {
-  border: 3px solid var(--color-background-primary);
-  border-color: var(--color-background-primary) transparent transparent transparent;
+._heading_t0nkm_396 {
+  color: var(--color-text-muted);
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  font-size: 12px;
 }
-._spinner_fbqsc_341._tiny_fbqsc_351._colored_fbqsc_378 div {
-  border: 2px solid var(--color-background-primary);
-  border-color: var(--color-background-primary) transparent transparent transparent;
+._heading_t0nkm_396 ._headingIcon_t0nkm_402 {
+  float: right;
 }
-._spinner_fbqsc_341._dark_fbqsc_390 div {
-  border: 6px solid var(--color-text-muted);
-  border-color: var(--color-text-muted) transparent transparent transparent;
+._heading_t0nkm_396 ._headingIcon_t0nkm_402 svg {
+  color: var(--color-text-faint);
 }
-._spinner_fbqsc_341._small_fbqsc_347._dark_fbqsc_390 div {
-  border: 3px solid var(--color-text-muted);
-  border-color: var(--color-text-muted) transparent transparent transparent;
+._heading_t0nkm_396 ._headingIcon_t0nkm_402:hover {
+  cursor: pointer;
 }
-._spinner_fbqsc_341._tiny_fbqsc_351._dark_fbqsc_390 div {
-  border: 2px solid var(--color-text-muted);
-  border-color: var(--color-text-muted) transparent transparent transparent;
+._heading_t0nkm_396 ._headingIcon_t0nkm_402:hover svg {
+  color: var(--color-text-primary-hover);
 }
-._spinner_fbqsc_341 div:nth-child(1) {
-  animation-delay: -0.45s;
+._option_t0nkm_414 {
+  color: inherit;
+  display: block;
 }
-._spinner_fbqsc_341 div:nth-child(2) {
-  animation-delay: -0.3s;
+._heading_t0nkm_396,
+._option_t0nkm_414,
+._layer_t0nkm_345 ._trigger_t0nkm_381 {
+  padding: var(--padding-input);
 }
-._spinner_fbqsc_341 div:nth-child(3) {
-  animation-delay: -0.15s;
+._option_t0nkm_414,
+._layer_t0nkm_345 ._trigger_t0nkm_381 {
+  line-height: 20px;
+  display: flex;
+  align-items: flex-start;
 }
-@keyframes _spinner_fbqsc_341 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
+._option_t0nkm_414:hover,
+._layer_t0nkm_345 ._trigger_t0nkm_381:hover,
+._option_t0nkm_414._active_t0nkm_431,
+._layer_t0nkm_345 ._trigger_t0nkm_381._active_t0nkm_431 {
+  background-color: var(--color-background-menuitem-hover);
+  cursor: pointer;
+}
+._option_t0nkm_414._selected_t0nkm_436 {
+  background-color: var(--color-background-menuitem-active);
+  font-weight: bold;
+}
+._layer_t0nkm_345 ._trigger_t0nkm_381 {
+  align-items: center;
+}
+._optionContent_t0nkm_443 {
+  flex-wrap: wrap;
+  margin-right: auto;
+  position: relative;
+}
+._inline_t0nkm_448 ._optionContent_t0nkm_443 {
+  display: flex;
+  justify-content: space-between;
+  flex-grow: 1;
+}
+._icon_t0nkm_453,
+._check_t0nkm_454 {
+  display: flex;
+  flex-shrink: 1;
+  width: 16px;
+  height: 20px;
+  justify-content: center;
+  align-items: center;
+}
+._icon_t0nkm_453 {
+  margin-right: 8px;
+  color: var(--color-text-primary);
+}
+._icon_t0nkm_453:empty {
+  display: none;
+}
+._icon_t0nkm_453 img {
+  max-height: 16px;
+  max-width: 16px;
+  width: auto;
+  height: auto;
+}
+._check_t0nkm_454 {
+  font-size: 12px;
+  color: #a5a7a9;
+  margin-left: 10px;
+}
+._text_t0nkm_480 {
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+}
+._label_t0nkm_485 {
+  margin-right: auto;
+}
+._label_t0nkm_485,
+._heading_t0nkm_396 {
+  max-width: 100%;
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._description_t0nkm_496 {
+  color: #999;
+  display: block;
+}
+._arrow_t0nkm_500 {
+  margin-left: 10px;
+  opacity: 0.4;
+}
+._divider_t0nkm_504 {
+  border: 0;
+  border-top: 1px solid var(--color-border);
+}
+._deprecatedSemanticIcon_t0nkm_508 {
+  color: var(--color-text-primary) !important;
+  margin: -5px 0 0 !important;
+}
+._disabled_t0nkm_512 {
+  color: var(--color-text-faint);
+  pointer-events: none;
+  cursor: not-allowed !important;
+}
+._buttonLabel_t0nkm_517 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  margin-right: auto;
+  line-height: 1.2;
+}
+._buttonCaret_t0nkm_524 {
+  margin-left: 5px;
+}
+._component_t0nkm_527 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+._right_t0nkm_533 {
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+}
+._actions_t0nkm_538 {
+  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
@@ -5391,40 +5380,51 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._actions_lx3xg_341 {
-  margin-left: auto;
-  display: flex;
-  flex-wrap: nowrap;
-  justify-content: flex-end;
-  align-items: center;
+._wrapper_ay3h4_341 {
+  display: inline-flex;
+  position: relative;
 }
-._actions_lx3xg_341 > *:not(:last-child) {
-  margin-right: 3px;
+._badge_ay3h4_345 {
+  background: var(--color-background-primary);
+  display: inline-block;
+  position: static;
+}
+._badge_ay3h4_345._label_ay3h4_350 {
+  line-height: 22px;
+  min-width: 22px;
+  padding: 0 5px;
+  font-size: 12px;
+  font-weight: 400;
+  text-align: center;
+  white-space: nowrap;
+  border-radius: 11px;
+  font-weight: bold;
+  letter-spacing: normal;
+}
+._badge_ay3h4_345._label_ay3h4_350._dark_ay3h4_362 {
+  color: #fff;
 }
-._actionComponentContainer_lx3xg_351 {
-  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;
+._badge_ay3h4_345._label_ay3h4_350._light_ay3h4_365 {
+  color: rgba(0, 0, 0, 0.6);
 }
-._actionComponentContainer_lx3xg_351 i {
-  margin: 0;
-  line-height: 1 !important;
+._badge_ay3h4_345._small_ay3h4_368 {
+  line-height: 13px;
+  min-width: 13px;
+  font-size: 9px;
+  border-radius: 6.5px;
 }
-._actionComponentContainer_lx3xg_351:hover,
-._actionComponentContainer_lx3xg_351:focus {
-  color: var(--color-text-primary-hover);
+._badge_ay3h4_345._dot_ay3h4_374 {
+  width: 6px;
+  height: 6px;
+  border-radius: 100%;
 }
-._actionComponentContainer_lx3xg_351:active,
-._actionComponentContainer_lx3xg_351._active_lx3xg_373 {
-  color: var(--color-text-primary-active);
+._badge_ay3h4_345._hasChildren_ay3h4_379 {
+  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
@@ -16828,6 +16828,16 @@ button:active .remirror-menu-pane-shortcut,
   white-space: pre-wrap !important;
 }
 
+.remirror-language-select-positioner {
+  position: absolute;
+  top: var(--y);
+  left: var(--x);
+}
+
+.remirror-language-select-width {
+  width: var(--w);
+}
+
 .remirror-a11y-dark code[class*='language-'],
 .remirror-a11y-dark pre[class*='language-'] {
   color: #f8f8f2;
@@ -16855,6 +16865,10 @@ button:active .remirror-menu-pane-shortcut,
   border-radius: 0.3em;
 }
 
+.remirror-a11y-dark :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
+  padding: 2em 1em;
+}
+
 .remirror-a11y-dark :not(pre) > code[class*='language-'],
 .remirror-a11y-dark pre[class*='language-'] {
   background: #2b2b2b;
@@ -17005,6 +17019,10 @@ button:active .remirror-menu-pane-shortcut,
   border-radius: 0.3em;
 }
 
+.remirror-atom-dark :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
+  padding: 2em 1em;
+}
+
 .remirror-atom-dark :not(pre) > code[class*='language-'],
 .remirror-atom-dark pre[class*='language-'] {
   background: #1d1f21;
@@ -17172,6 +17190,12 @@ button:active .remirror-menu-pane-shortcut,
   overflow: auto;
 }
 
+.remirror-base16-ateliersulphurpool-light
+  :has(.remirror-language-select-positioner)
+  ~ pre[class*='language-'] {
+  padding: 2em 1em;
+}
+
 /* Inline code */
 
 .remirror-base16-ateliersulphurpool-light :not(pre) > code[class*='language-'] {
@@ -17340,6 +17364,10 @@ button:active .remirror-menu-pane-shortcut,
   border-radius: 8px;
 }
 
+.remirror-cb :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
+  padding: 2em 1em;
+}
+
 /* Inline code */
 
 .remirror-cb :not(pre) > code[class*='language-'] {
@@ -17514,6 +17542,10 @@ button:active .remirror-menu-pane-shortcut,
   overflow: auto;
 }
 
+.remirror-darcula :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
+  padding: 2em 1em;
+}
+
 .remirror-darcula :not(pre) > code[class*='language-'],
 .remirror-darcula pre[class*='language-'] {
   background: #2b2b2b;
@@ -17658,6 +17690,10 @@ button:active .remirror-menu-pane-shortcut,
   border-radius: 0.3em;
 }
 
+.remirror-dracula :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
+  padding: 2em 1em;
+}
+
 .remirror-dracula :not(pre) > code[class*='language-'],
 .remirror-dracula pre[class*='language-'] {
   background: #282a36;
@@ -17802,6 +17838,10 @@ button:active .remirror-menu-pane-shortcut,
   overflow: auto;
 }
 
+.remirror-duotone-dark :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
+  padding: 2em 1em;
+}
+
 /* Inline code */
 
 .remirror-duotone-dark :not(pre) > code[class*='language-'] {
@@ -17979,6 +18019,10 @@ button:active .remirror-menu-pane-shortcut,
   overflow: auto;
 }
 
+.remirror-duotone-earth :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
+  padding: 2em 1em;
+}
+
 /* Inline code */
 
 .remirror-duotone-earth :not(pre) > code[class*='language-'] {
@@ -18156,6 +18200,10 @@ button:active .remirror-menu-pane-shortcut,
   overflow: auto;
 }
 
+.remirror-duotone-forest :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
+  padding: 2em 1em;
+}
+
 /* Inline code */
 
 .remirror-duotone-forest :not(pre) > code[class*='language-'] {
@@ -18333,6 +18381,10 @@ button:active .remirror-menu-pane-shortcut,
   overflow: auto;
 }
 
+.remirror-duotone-light :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
+  padding: 2em 1em;
+}
+
 /* Inline code */
 
 .remirror-duotone-light :not(pre) > code[class*='language-'] {
@@ -18510,6 +18562,10 @@ button:active .remirror-menu-pane-shortcut,
   overflow: auto;
 }
 
+.remirror-duotone-sea :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
+  padding: 2em 1em;
+}
+
 /* Inline code */
 
 .remirror-duotone-sea :not(pre) > code[class*='language-'] {
@@ -18687,6 +18743,10 @@ button:active .remirror-menu-pane-shortcut,
   overflow: auto;
 }
 
+.remirror-duotone-space :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
+  padding: 2em 1em;
+}
+
 /* Inline code */
 
 .remirror-duotone-space :not(pre) > code[class*='language-'] {
@@ -18860,6 +18920,10 @@ button:active .remirror-menu-pane-shortcut,
   background-color: white;
 }
 
+.remirror-gh-colors :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
+  padding: 2em 1em;
+}
+
 .remirror-gh-colors :not(pre) > code[class*='language-'],
 .remirror-gh-colors pre[class*='language-'] {
 }
@@ -18970,6 +19034,10 @@ button:active .remirror-menu-pane-shortcut,
   overflow: auto;
 }
 
+.remirror-hopscotch :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
+  padding: 2em 1em;
+}
+
 /* Inline code */
 
 .remirror-hopscotch :not(pre) > code[class*='language-'] {
@@ -19093,6 +19161,10 @@ button:active .remirror-menu-pane-shortcut,
   overflow: auto;
 }
 
+.remirror-pojoaque :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
+  padding: 2em 1em;
+}
+
 .remirror-pojoaque :not(pre) > code[class*='language-'] {
   padding: 2px 6px;
 }
@@ -19236,6 +19308,10 @@ button:active .remirror-menu-pane-shortcut,
   background-color: white;
 }
 
+.remirror-vs :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
+  padding: 2em 1em;
+}
+
 /* Inline code */
 
 .remirror-vs :not(pre) > code[class*='language-'] {
@@ -19381,6 +19457,10 @@ button:active .remirror-menu-pane-shortcut,
   overflow: auto;
 }
 
+.remirror-xonokai :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
+  padding: 2em 1em;
+}
+
 .remirror-xonokai pre[class*='language-'] {
   position: relative;
 }
@@ -24554,201 +24634,53 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._inputInTable_1vpz2_341 {
-  background-color: transparent;
-  border-radius: inherit !important;
-  height: var(--size);
-  min-height: 100%;
-}
-._inputInTable_1vpz2_341:not(:hover) {
-  border-color: transparent;
-}
-._inputHover_1vpz2_350 {
-  position: relative;
-  border-color: var(--color-border-hover);
-  z-index: 2;
-}
-._inputFocus_1vpz2_355 {
-  position: relative;
-  outline: none !important;
-  border-color: var(--color-border-focus) !important;
-  box-shadow: var(--shadow-focus);
-  z-index: 3;
-}
-._inputError_1vpz2_362,
-._inputWarning_1vpz2_363 {
-  position: relative;
-}
-._inputError_1vpz2_362 {
-  z-index: 2;
-  border-color: var(--color-border-error);
-  color: var(--color-text-error) !important;
-  background-color: var(--color-background-error);
-}
-._inputError_1vpz2_362:hover {
-  border-color: var(--color-border-error-hover) !important;
-}
-._inputError_1vpz2_362:focus {
-  position: relative;
-  outline: none !important;
-  border-color: var(--color-border-focus) !important;
-  box-shadow: var(--shadow-focus);
-  z-index: 3;
-}
-._inputWarning_1vpz2_363 {
-  z-index: 1;
-  border-color: var(--color-border-warning);
-  color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning);
-}
-._inputWarning_1vpz2_363:hover {
-  border-color: var(--color-border-warning-hover) !important;
-}
-._inputWarning_1vpz2_363:focus {
-  position: relative;
-  outline: none !important;
-  border-color: var(--color-border-focus) !important;
-  box-shadow: var(--shadow-focus);
-  z-index: 3;
-}
-._inputDisabled_1vpz2_398 {
-  pointer-events: none;
-  background-color: var(--color-background-disabled);
-  color: var(--color-text-muted);
-}
-._hideScrollbars_1vpz2_403 {
-  /* Firefox */
-  scrollbar-width: none;
-  /* IE 10+ */
-  -ms-overflow-style: none;
-  /* Chrome, Safari and Opera */
-}
-._hideScrollbars_1vpz2_403::-webkit-scrollbar {
-  display: none;
-}
-._cell_1vpz2_413 a {
+._clickableRow_1s1fu_341 {
   cursor: pointer;
-  color: var(--color-text-primary);
-}
-._cell_1vpz2_413 a:hover {
-  color: var(--color-text-primary-hover);
-}
-._cell_1vpz2_413 a:active {
-  color: var(--color-text-primary-active);
-}
-._cell_1vpz2_413 a._disabledLink_1vpz2_423 {
-  color: var(--color-text-faint) !important;
-  cursor: default !important;
-}
-._inputWrapper_1vpz2_427 {
-  height: 100%;
-  border-radius: inherit;
-}
-._inputWrapper_1vpz2_427 > span,
-._inputWrapper_1vpz2_427 > span > span,
-._inputWrapper_1vpz2_427 > span > span > div {
-  height: 100%;
-  border-radius: inherit;
-}
-._inputWrapper_1vpz2_427 > div,
-._inputWrapper_1vpz2_427 > div > span {
-  height: 100%;
-  border-radius: inherit;
-}
-._breakWord_1vpz2_442 {
-  word-break: break-word;
-}
-._inputCell_1vpz2_445 {
-  padding: 0 !important;
-}
-._sliderCell_1vpz2_448 {
-  padding-top: 0 !important;
-  padding-bottom: 0 !important;
-}
-._staticCell_1vpz2_452 {
-  padding: 0 !important;
-}
-._staticCell_1vpz2_452 ._staticCellContent_1vpz2_455 {
-  min-height: 100%;
-  padding: var(--padding-input);
-  line-height: 17px;
-  position: relative;
-  border-radius: inherit;
-  display: flex;
-  align-items: center;
-}
-tbody ._staticCell_1vpz2_452 ._staticCellContent_1vpz2_455 {
-  background-color: var(--color-background-disabled);
-  color: var(--color-text-muted);
-}
-._staticCell_1vpz2_452 ._staticCellContent_1vpz2_455._error_1vpz2_468,
-._staticCell_1vpz2_452 ._staticCellContent_1vpz2_455._warning_1vpz2_469 {
-  border: 1px solid transparent;
-}
-._staticCell_1vpz2_452 ._staticCellContent_1vpz2_455._error_1vpz2_468 {
-  background-color: var(--color-background-error);
-}
-._staticCell_1vpz2_452 ._staticCellContent_1vpz2_455._warning_1vpz2_469 {
-  background-color: var(--color-background-warning);
-}
-._staticCell_1vpz2_452 ._staticCellContent_1vpz2_455._unit_1vpz2_478 {
-  font-weight: normal;
-}
-._sortingCell_1vpz2_481 ._staticCellContent_1vpz2_455 {
-  position: relative;
-  padding-right: 45px !important;
-  cursor: pointer !important;
 }
-._sortingCell_1vpz2_481 ._staticCellContent_1vpz2_455:hover {
-  background-color: rgba(0, 0, 0, 0.05) !important;
-}
-._sortingCell_1vpz2_481 ._sortingCellIcon_1vpz2_489 {
-  font-size: 20px;
-  position: absolute;
-  right: calc(var(--padding-input-x) - 4px);
-  top: 50%;
-  transform: translateY(-50%);
-}
-._icon_1vpz2_496 {
-  display: inline-flex;
-  margin-left: 8px;
-}
-._checkBoxCell_1vpz2_500 {
-  padding-block: 0 !important;
-  width: var(--size);
-}
-._iconCellWrapper_1vpz2_504 {
-  display: flex;
-  justify-content: center;
-}
-._actionsCell_1vpz2_508 {
-  width: var(--size-sm);
-  padding: 0 calc((var(--size) - var(--size-sm)) / 2) !important;
-  position: sticky;
-  right: 0;
-  background: inherit;
-  z-index: 4;
+._hoverableRow_1s1fu_344:not(._rowActive_1s1fu_344):hover,
+._clickableRow_1s1fu_341:not(._rowActive_1s1fu_344):hover {
+  background-color: var(--color-background-listitem-hover) !important;
 }
-._rightAligned_1vpz2_516 {
-  text-align: right !important;
+._expandableRow_1s1fu_348._flush_1s1fu_348 {
+  padding: 0 !important;
+  height: auto !important;
 }
-._rightAligned_1vpz2_516 ._staticCellContent_1vpz2_455 {
-  justify-content: flex-end;
+._rowActive_1s1fu_344 {
+  position: relative;
+  background-color: var(--color-background-listitem-active) !important;
 }
-._centerAligned_1vpz2_522 {
-  text-align: center !important;
+._rowActive_1s1fu_344:after {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 5px;
+  border-top-left-radius: inherit;
+  border-bottom-left-radius: inherit;
+  transition: background 0.3s;
+  background: var(--color-background-primary);
 }
-._centerAligned_1vpz2_522 ._staticCellContent_1vpz2_455 {
+._dragIconCell_1s1fu_368 {
+  width: var(--size);
+  min-width: var(--size);
+  position: relative;
+}
+._dragIcon_1s1fu_368 {
+  display: flex;
+  align-items: center;
   justify-content: center;
+  position: absolute;
+  inset: 0;
 }
-._leftAligned_1vpz2_528 {
-  text-align: left !important;
+._dragIcon_1s1fu_368 path {
+  stroke: var(--color-text-faint);
 }
-._popover_1vpz2_531 {
-  padding: var(--padding-input);
+._dragIcon_1s1fu_368:hover path {
+  stroke: var(--color-text-primary-hover);
 }
-._disabledPointerEvents_1vpz2_534 {
-  pointer-events: none;
+._dragIcon_1s1fu_368:active path {
+  stroke: var(--color-text-primary-active);
 }
 /*
  This file has shared variables that are re-used in other LESS files/modules
@@ -25090,53 +25022,201 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._clickableRow_1s1fu_341 {
+._inputInTable_1vpz2_341 {
+  background-color: transparent;
+  border-radius: inherit !important;
+  height: var(--size);
+  min-height: 100%;
+}
+._inputInTable_1vpz2_341:not(:hover) {
+  border-color: transparent;
+}
+._inputHover_1vpz2_350 {
+  position: relative;
+  border-color: var(--color-border-hover);
+  z-index: 2;
+}
+._inputFocus_1vpz2_355 {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
+}
+._inputError_1vpz2_362,
+._inputWarning_1vpz2_363 {
+  position: relative;
+}
+._inputError_1vpz2_362 {
+  z-index: 2;
+  border-color: var(--color-border-error);
+  color: var(--color-text-error) !important;
+  background-color: var(--color-background-error);
+}
+._inputError_1vpz2_362:hover {
+  border-color: var(--color-border-error-hover) !important;
+}
+._inputError_1vpz2_362:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
+}
+._inputWarning_1vpz2_363 {
+  z-index: 1;
+  border-color: var(--color-border-warning);
+  color: var(--color-text-warning) !important;
+  background-color: var(--color-background-warning);
+}
+._inputWarning_1vpz2_363:hover {
+  border-color: var(--color-border-warning-hover) !important;
+}
+._inputWarning_1vpz2_363:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
+}
+._inputDisabled_1vpz2_398 {
+  pointer-events: none;
+  background-color: var(--color-background-disabled);
+  color: var(--color-text-muted);
+}
+._hideScrollbars_1vpz2_403 {
+  /* Firefox */
+  scrollbar-width: none;
+  /* IE 10+ */
+  -ms-overflow-style: none;
+  /* Chrome, Safari and Opera */
+}
+._hideScrollbars_1vpz2_403::-webkit-scrollbar {
+  display: none;
+}
+._cell_1vpz2_413 a {
   cursor: pointer;
+  color: var(--color-text-primary);
 }
-._hoverableRow_1s1fu_344:not(._rowActive_1s1fu_344):hover,
-._clickableRow_1s1fu_341:not(._rowActive_1s1fu_344):hover {
-  background-color: var(--color-background-listitem-hover) !important;
+._cell_1vpz2_413 a:hover {
+  color: var(--color-text-primary-hover);
 }
-._expandableRow_1s1fu_348._flush_1s1fu_348 {
+._cell_1vpz2_413 a:active {
+  color: var(--color-text-primary-active);
+}
+._cell_1vpz2_413 a._disabledLink_1vpz2_423 {
+  color: var(--color-text-faint) !important;
+  cursor: default !important;
+}
+._inputWrapper_1vpz2_427 {
+  height: 100%;
+  border-radius: inherit;
+}
+._inputWrapper_1vpz2_427 > span,
+._inputWrapper_1vpz2_427 > span > span,
+._inputWrapper_1vpz2_427 > span > span > div {
+  height: 100%;
+  border-radius: inherit;
+}
+._inputWrapper_1vpz2_427 > div,
+._inputWrapper_1vpz2_427 > div > span {
+  height: 100%;
+  border-radius: inherit;
+}
+._breakWord_1vpz2_442 {
+  word-break: break-word;
+}
+._inputCell_1vpz2_445 {
   padding: 0 !important;
-  height: auto !important;
 }
-._rowActive_1s1fu_344 {
+._sliderCell_1vpz2_448 {
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+._staticCell_1vpz2_452 {
+  padding: 0 !important;
+}
+._staticCell_1vpz2_452 ._staticCellContent_1vpz2_455 {
+  min-height: 100%;
+  padding: var(--padding-input);
+  line-height: 17px;
   position: relative;
-  background-color: var(--color-background-listitem-active) !important;
+  border-radius: inherit;
+  display: flex;
+  align-items: center;
 }
-._rowActive_1s1fu_344:after {
-  content: '';
+tbody ._staticCell_1vpz2_452 ._staticCellContent_1vpz2_455 {
+  background-color: var(--color-background-disabled);
+  color: var(--color-text-muted);
+}
+._staticCell_1vpz2_452 ._staticCellContent_1vpz2_455._error_1vpz2_468,
+._staticCell_1vpz2_452 ._staticCellContent_1vpz2_455._warning_1vpz2_469 {
+  border: 1px solid transparent;
+}
+._staticCell_1vpz2_452 ._staticCellContent_1vpz2_455._error_1vpz2_468 {
+  background-color: var(--color-background-error);
+}
+._staticCell_1vpz2_452 ._staticCellContent_1vpz2_455._warning_1vpz2_469 {
+  background-color: var(--color-background-warning);
+}
+._staticCell_1vpz2_452 ._staticCellContent_1vpz2_455._unit_1vpz2_478 {
+  font-weight: normal;
+}
+._sortingCell_1vpz2_481 ._staticCellContent_1vpz2_455 {
+  position: relative;
+  padding-right: 45px !important;
+  cursor: pointer !important;
+}
+._sortingCell_1vpz2_481 ._staticCellContent_1vpz2_455:hover {
+  background-color: rgba(0, 0, 0, 0.05) !important;
+}
+._sortingCell_1vpz2_481 ._sortingCellIcon_1vpz2_489 {
+  font-size: 20px;
   position: absolute;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  width: 5px;
-  border-top-left-radius: inherit;
-  border-bottom-left-radius: inherit;
-  transition: background 0.3s;
-  background: var(--color-background-primary);
+  right: calc(var(--padding-input-x) - 4px);
+  top: 50%;
+  transform: translateY(-50%);
 }
-._dragIconCell_1s1fu_368 {
+._icon_1vpz2_496 {
+  display: inline-flex;
+  margin-left: 8px;
+}
+._checkBoxCell_1vpz2_500 {
+  padding-block: 0 !important;
   width: var(--size);
-  min-width: var(--size);
-  position: relative;
 }
-._dragIcon_1s1fu_368 {
+._iconCellWrapper_1vpz2_504 {
   display: flex;
-  align-items: center;
   justify-content: center;
-  position: absolute;
-  inset: 0;
 }
-._dragIcon_1s1fu_368 path {
-  stroke: var(--color-text-faint);
+._actionsCell_1vpz2_508 {
+  width: var(--size-sm);
+  padding: 0 calc((var(--size) - var(--size-sm)) / 2) !important;
+  position: sticky;
+  right: 0;
+  background: inherit;
+  z-index: 4;
 }
-._dragIcon_1s1fu_368:hover path {
-  stroke: var(--color-text-primary-hover);
+._rightAligned_1vpz2_516 {
+  text-align: right !important;
 }
-._dragIcon_1s1fu_368:active path {
-  stroke: var(--color-text-primary-active);
+._rightAligned_1vpz2_516 ._staticCellContent_1vpz2_455 {
+  justify-content: flex-end;
+}
+._centerAligned_1vpz2_522 {
+  text-align: center !important;
+}
+._centerAligned_1vpz2_522 ._staticCellContent_1vpz2_455 {
+  justify-content: center;
+}
+._leftAligned_1vpz2_528 {
+  text-align: left !important;
+}
+._popover_1vpz2_531 {
+  padding: var(--padding-input);
+}
+._disabledPointerEvents_1vpz2_534 {
+  pointer-events: none;
 }
 /*
  This file has shared variables that are re-used in other LESS files/modules