@oliasoft-open-source/react-ui-library 4.7.2-beta-5 → 4.7.2-beta-7

package/dist/assets/{index-BgvlofKE.css → index-gESxyZjr.css}

@@ -1071,206 +1071,6 @@ ol {
 a {
   text-decoration: none;
 }
-._wrapper_1iw97_1 {
-  display: inline-flex;
-  max-width: 100%;
-}
-._layer_1iw97_5 ._wrapper_1iw97_1 {
-  width: 100%;
-}
-._layerContainer_1iw97_8 {
-  z-index: var(--zindex-dropdown);
-}
-._layer_1iw97_5 {
-  border: 1px solid var(--color-border);
-  border-radius: var(--border-radius);
-  overflow: hidden;
-  margin: 2px 0;
-  background: var(--color-background-layer);
-  box-shadow: var(--shadow-layer);
-  min-width: 10em;
-  max-width: 30em;
-  position: relative;
-  overflow-y: auto;
-  max-height: 40vh;
-}
-._layer_1iw97_5._nested_1iw97_24 {
-  margin: -1px 2px;
-}
-._layer_1iw97_5 ul {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-._layer_1iw97_5 ul li {
-  list-style: none;
-  display: block;
-}
-._fileInput_1iw97_36 {
-  opacity: 0;
-  position: absolute;
-  inset: 0;
-}
-._trigger_1iw97_41 {
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-  max-width: 100%;
-}
-._layer_1iw97_5 ._trigger_1iw97_41 {
-  width: 100%;
-}
-._middleAlignedInline_1iw97_50 {
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-  width: 100%;
-}
-._heading_1iw97_56 {
-  color: var(--color-text-muted);
-  letter-spacing: var(--letter-spacing-wide);
-  text-transform: uppercase;
-  font-weight: bold;
-}
-._heading_1iw97_56 ._headingIcon_1iw97_62 {
-  float: right;
-}
-._heading_1iw97_56 ._headingIcon_1iw97_62 svg {
-  color: var(--color-text-faint);
-}
-._heading_1iw97_56 ._headingIcon_1iw97_62:hover {
-  cursor: pointer;
-}
-._heading_1iw97_56 ._headingIcon_1iw97_62:hover svg {
-  color: var(--color-text-primary-hover);
-}
-._option_1iw97_74 {
-  color: inherit;
-  display: block;
-  position: relative;
-}
-._heading_1iw97_56,
-._option_1iw97_74,
-._layer_1iw97_5 ._trigger_1iw97_41 {
-  padding: var(--padding-input);
-  border: 1px solid transparent;
-}
-._option_1iw97_74,
-._layer_1iw97_5 ._trigger_1iw97_41 {
-  line-height: var(--line-height);
-  display: flex;
-  align-items: flex-start;
-}
-._option_1iw97_74:hover,
-._layer_1iw97_5 ._trigger_1iw97_41:hover,
-._option_1iw97_74._active_1iw97_93,
-._layer_1iw97_5 ._trigger_1iw97_41._active_1iw97_93 {
-  background-color: var(--color-background-listitem-hover);
-  cursor: pointer;
-}
-._option_1iw97_74._selected_1iw97_98 {
-  background-color: var(--color-background-listitem-active);
-}
-._layer_1iw97_5 ._trigger_1iw97_41 {
-  align-items: center;
-}
-._optionContent_1iw97_104 {
-  flex-wrap: wrap;
-  margin-right: auto;
-}
-._inline_1iw97_108 ._optionContent_1iw97_104 {
-  display: flex;
-  justify-content: space-between;
-  flex-grow: 1;
-}
-._icon_1iw97_113,
-._check_1iw97_114 {
-  display: flex;
-  flex-shrink: 1;
-  width: var(--size-xs);
-  height: var(--line-height);
-  font-size: var(--size-xs);
-  justify-content: center;
-  align-items: center;
-}
-._icon_1iw97_113 {
-  margin-right: var(--padding-xs);
-  color: var(--color-text-primary);
-}
-._icon_1iw97_113:empty {
-  display: none;
-}
-._icon_1iw97_113 img {
-  max-height: 16px;
-  max-width: 16px;
-  width: auto;
-  height: auto;
-}
-._text_1iw97_136 {
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-}
-._label_1iw97_141 {
-  margin-right: auto;
-}
-._label_1iw97_141,
-._heading_1iw97_56 {
-  max-width: 100%;
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-._description_1iw97_152 {
-  color: #999;
-  display: block;
-}
-._arrow_1iw97_156 {
-  margin-left: var(--padding-xxs);
-  display: flex;
-}
-._divider_1iw97_160 {
-  border: 0;
-  border-top: 1px solid var(--color-border);
-}
-._deprecatedSemanticIcon_1iw97_164 {
-  color: var(--color-text-primary) !important;
-  margin: -5px 0 0 !important;
-}
-._disabled_1iw97_168 {
-  color: var(--color-text-faint);
-  pointer-events: none;
-  cursor: not-allowed !important;
-}
-._buttonLabel_1iw97_173 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: block;
-  margin-right: auto;
-}
-._buttonCaret_1iw97_179 {
-  display: flex;
-  margin-left: var(--padding-xxs);
-}
-._component_1iw97_183 {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-}
-._right_1iw97_189 {
-  margin-left: auto;
-  display: flex;
-  align-items: center;
-}
-._actions_1iw97_194 {
-  margin-left: var(--padding-xs);
-  display: flex;
-  align-items: center;
-  margin-top: -2px;
-  margin-bottom: -2px;
-}
 ._wrapper_18jt2_1 {
   color: inherit;
   fill: inherit;
@@ -1297,6 +1097,49 @@ a {
   color: var(--color-text-primary-active) !important;
   fill: var(--color-text-primary-active) !important;
 }
+._tooltip_wli9z_1 {
+  background: var(--color-text);
+  fill: var(--color-text);
+  z-index: var(--zindex-tooltip);
+  color: var(--color-background);
+  border-radius: var(--border-radius-sm);
+}
+._tooltip_wli9z_1 * {
+  color: var(--color-background);
+}
+._tooltip_wli9z_1 > svg,
+._tooltip_wli9z_1 > svg > * {
+  fill: inherit !important;
+}
+._tooltip_wli9z_1._error_wli9z_15 {
+  background: var(--color-error-500);
+  fill: var(--color-error-500);
+}
+._tooltip_wli9z_1._warning_wli9z_19 {
+  background: var(--color-warning-500);
+  fill: var(--color-warning-500);
+}
+._helpIcon_hd0z2_1 {
+  color: var(--color-text-faint);
+  display: inline-flex;
+  align-items: center;
+}
+._helpIcon_hd0z2_1 :hover {
+  color: var(--color-text-muted);
+}
+._active_hd0z2_9 {
+  color: var(--color-text);
+}
+._clickable_hd0z2_12 {
+  cursor: pointer;
+}
+._clickable_hd0z2_12:hover,
+._clickable_hd0z2_12:focus {
+  color: var(--color-text-primary-hover);
+}
+._clickable_hd0z2_12:active {
+  color: var(--color-text-primary-active);
+}
 ._inputInTable_1rzkf_1 {
   background-color: transparent;
   border-radius: inherit !important;
@@ -1674,34 +1517,12 @@ html[data-theme='dark'] {
     transform: rotate(360deg);
   }
 }
-._tooltip_wli9z_1 {
-  background: var(--color-text);
-  fill: var(--color-text);
-  z-index: var(--zindex-tooltip);
-  color: var(--color-background);
-  border-radius: var(--border-radius-sm);
-}
-._tooltip_wli9z_1 * {
-  color: var(--color-background);
-}
-._tooltip_wli9z_1 > svg,
-._tooltip_wli9z_1 > svg > * {
-  fill: inherit !important;
-}
-._tooltip_wli9z_1._error_wli9z_15 {
-  background: var(--color-error-500);
-  fill: var(--color-error-500);
-}
-._tooltip_wli9z_1._warning_wli9z_19 {
-  background: var(--color-warning-500);
-  fill: var(--color-warning-500);
-}
-._actions_1t7vd_1 {
-  margin-left: auto;
-  display: flex;
-  flex-wrap: nowrap;
-  justify-content: flex-end;
-  align-items: center;
+._actions_1t7vd_1 {
+  margin-left: auto;
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: flex-end;
+  align-items: center;
 }
 ._actions_1t7vd_1 > *:not(:last-child) {
   margin-right: var(--padding-xxs);
@@ -1734,6 +1555,206 @@ html[data-theme='dark'] {
 ._actionComponentContainer_1t7vd_14._active_1t7vd_36 {
   color: var(--color-text-primary-active);
 }
+._wrapper_1iw97_1 {
+  display: inline-flex;
+  max-width: 100%;
+}
+._layer_1iw97_5 ._wrapper_1iw97_1 {
+  width: 100%;
+}
+._layerContainer_1iw97_8 {
+  z-index: var(--zindex-dropdown);
+}
+._layer_1iw97_5 {
+  border: 1px solid var(--color-border);
+  border-radius: var(--border-radius);
+  overflow: hidden;
+  margin: 2px 0;
+  background: var(--color-background-layer);
+  box-shadow: var(--shadow-layer);
+  min-width: 10em;
+  max-width: 30em;
+  position: relative;
+  overflow-y: auto;
+  max-height: 40vh;
+}
+._layer_1iw97_5._nested_1iw97_24 {
+  margin: -1px 2px;
+}
+._layer_1iw97_5 ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+._layer_1iw97_5 ul li {
+  list-style: none;
+  display: block;
+}
+._fileInput_1iw97_36 {
+  opacity: 0;
+  position: absolute;
+  inset: 0;
+}
+._trigger_1iw97_41 {
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+  max-width: 100%;
+}
+._layer_1iw97_5 ._trigger_1iw97_41 {
+  width: 100%;
+}
+._middleAlignedInline_1iw97_50 {
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  width: 100%;
+}
+._heading_1iw97_56 {
+  color: var(--color-text-muted);
+  letter-spacing: var(--letter-spacing-wide);
+  text-transform: uppercase;
+  font-weight: bold;
+}
+._heading_1iw97_56 ._headingIcon_1iw97_62 {
+  float: right;
+}
+._heading_1iw97_56 ._headingIcon_1iw97_62 svg {
+  color: var(--color-text-faint);
+}
+._heading_1iw97_56 ._headingIcon_1iw97_62:hover {
+  cursor: pointer;
+}
+._heading_1iw97_56 ._headingIcon_1iw97_62:hover svg {
+  color: var(--color-text-primary-hover);
+}
+._option_1iw97_74 {
+  color: inherit;
+  display: block;
+  position: relative;
+}
+._heading_1iw97_56,
+._option_1iw97_74,
+._layer_1iw97_5 ._trigger_1iw97_41 {
+  padding: var(--padding-input);
+  border: 1px solid transparent;
+}
+._option_1iw97_74,
+._layer_1iw97_5 ._trigger_1iw97_41 {
+  line-height: var(--line-height);
+  display: flex;
+  align-items: flex-start;
+}
+._option_1iw97_74:hover,
+._layer_1iw97_5 ._trigger_1iw97_41:hover,
+._option_1iw97_74._active_1iw97_93,
+._layer_1iw97_5 ._trigger_1iw97_41._active_1iw97_93 {
+  background-color: var(--color-background-listitem-hover);
+  cursor: pointer;
+}
+._option_1iw97_74._selected_1iw97_98 {
+  background-color: var(--color-background-listitem-active);
+}
+._layer_1iw97_5 ._trigger_1iw97_41 {
+  align-items: center;
+}
+._optionContent_1iw97_104 {
+  flex-wrap: wrap;
+  margin-right: auto;
+}
+._inline_1iw97_108 ._optionContent_1iw97_104 {
+  display: flex;
+  justify-content: space-between;
+  flex-grow: 1;
+}
+._icon_1iw97_113,
+._check_1iw97_114 {
+  display: flex;
+  flex-shrink: 1;
+  width: var(--size-xs);
+  height: var(--line-height);
+  font-size: var(--size-xs);
+  justify-content: center;
+  align-items: center;
+}
+._icon_1iw97_113 {
+  margin-right: var(--padding-xs);
+  color: var(--color-text-primary);
+}
+._icon_1iw97_113:empty {
+  display: none;
+}
+._icon_1iw97_113 img {
+  max-height: 16px;
+  max-width: 16px;
+  width: auto;
+  height: auto;
+}
+._text_1iw97_136 {
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+}
+._label_1iw97_141 {
+  margin-right: auto;
+}
+._label_1iw97_141,
+._heading_1iw97_56 {
+  max-width: 100%;
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._description_1iw97_152 {
+  color: #999;
+  display: block;
+}
+._arrow_1iw97_156 {
+  margin-left: var(--padding-xxs);
+  display: flex;
+}
+._divider_1iw97_160 {
+  border: 0;
+  border-top: 1px solid var(--color-border);
+}
+._deprecatedSemanticIcon_1iw97_164 {
+  color: var(--color-text-primary) !important;
+  margin: -5px 0 0 !important;
+}
+._disabled_1iw97_168 {
+  color: var(--color-text-faint);
+  pointer-events: none;
+  cursor: not-allowed !important;
+}
+._buttonLabel_1iw97_173 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  margin-right: auto;
+}
+._buttonCaret_1iw97_179 {
+  display: flex;
+  margin-left: var(--padding-xxs);
+}
+._component_1iw97_183 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+._right_1iw97_189 {
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+}
+._actions_1iw97_194 {
+  margin-left: var(--padding-xs);
+  display: flex;
+  align-items: center;
+  margin-top: -2px;
+  margin-bottom: -2px;
+}
 ._wrapper_nwprz_1 {
   display: inline-flex;
   position: relative;
@@ -1780,26 +1801,86 @@ html[data-theme='dark'] {
   transform-origin: 100% 0%;
   z-index: 3;
 }
-._bold_11ofj_1 {
-  font-weight: bold;
+._card_ucdeu_1 {
+  color: var(--color-text);
 }
-._center_11ofj_4 {
-  text-align: center;
+._card_ucdeu_1._bordered_ucdeu_4 {
+  background: var(--color-background-raised);
+  border: 1px solid var(--color-border);
+  box-shadow: var(--shadow-card);
+  border-radius: var(--border-radius);
 }
-._muted_11ofj_7 {
-  color: var(--color-text-muted);
+._card_ucdeu_1._bordered_ucdeu_4._raised_ucdeu_10 {
+  box-shadow: var(--shadow-layer);
 }
-._faint_11ofj_10 {
-  color: var(--color-text-faint);
+._card_ucdeu_1._bordered_ucdeu_4 ._cardHeader_ucdeu_13 {
+  padding: var(--padding-xxs) var(--padding-sm);
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+  background-color: var(--color-background-cardheader);
 }
-._success_11ofj_13 {
-  color: var(--color-text-success);
+._card_ucdeu_1._bordered_ucdeu_4 ._cardContentBorderTop_ucdeu_19 {
+  border-top: 1px solid var(--color-border);
 }
-._warning_11ofj_16 {
-  color: var(--color-text-warning);
+._card_ucdeu_1._bordered_ucdeu_4 ._padding_ucdeu_22 {
+  padding: var(--padding-sm);
 }
-._error_11ofj_19 {
-  color: var(--color-text-error);
+._cardContent_ucdeu_19:first-child {
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+}
+._cardContent_ucdeu_19:last-child {
+  border-bottom-left-radius: inherit;
+  border-bottom-right-radius: inherit;
+}
+._cardHeader_ucdeu_13 {
+  display: flex;
+  align-items: center;
+  padding: var(--padding-sm) 0;
+}
+._divider_2bfzh_1 {
+  display: flex;
+  align-items: center;
+  text-align: center;
+}
+._divider_2bfzh_1::before,
+._divider_2bfzh_1::after {
+  content: '';
+  flex: 1;
+  border-bottom: 1px solid var(--color);
+}
+._alignLeft_2bfzh_12::before {
+  flex-grow: 0.05;
+}
+._alignRight_2bfzh_15::after {
+  flex-grow: 0.05;
+}
+._divider_2bfzh_1:not(:empty)::before {
+  margin-right: 0.25em;
+}
+._divider_2bfzh_1:not(:empty)::after {
+  margin-left: 0.25em;
+}
+._bold_11ofj_1 {
+  font-weight: bold;
+}
+._center_11ofj_4 {
+  text-align: center;
+}
+._muted_11ofj_7 {
+  color: var(--color-text-muted);
+}
+._faint_11ofj_10 {
+  color: var(--color-text-faint);
+}
+._success_11ofj_13 {
+  color: var(--color-text-success);
+}
+._warning_11ofj_16 {
+  color: var(--color-text-warning);
+}
+._error_11ofj_19 {
+  color: var(--color-text-error);
 }
 ._small_11ofj_22 {
   font-size: var(--font-size-sm);
@@ -1814,1024 +1895,669 @@ html[data-theme='dark'] {
 ._link_11ofj_25:active {
   color: var(--color-text-primary-active);
 }
-._inputInTable_jnwnh_1 {
+._heading_yhdiy_1 {
+  color: var(--color-text);
+  line-height: var(--size-sm);
+  font-weight: bold;
+  display: flex;
+  align-items: center;
+  user-select: none;
+  padding: 0;
+}
+._heading_yhdiy_1._top_yhdiy_10 {
+  font-size: var(--font-size-xl);
+  margin-bottom: var(--padding-sm);
+}
+._heading_yhdiy_1:not(._top_yhdiy_10) {
+  font-size: var(--font-size);
+  color: var(--color-text-muted);
+  text-transform: uppercase;
+  letter-spacing: var(--letter-spacing-wide);
+}
+._icons_yhdiy_20 {
+  display: inline-flex;
+}
+._icons_yhdiy_20 > * {
+  margin-left: var(--padding-xxs);
+}
+._inputInTable_khmhl_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_jnwnh_1:not(:hover) {
+._inputInTable_khmhl_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_jnwnh_1:not(:focus) {
+._inputInTable_khmhl_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_jnwnh_13 {
+._inputHover_khmhl_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_jnwnh_18 {
+._inputFocus_khmhl_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_jnwnh_25,
-._inputWarning_jnwnh_26 {
+._inputError_khmhl_25,
+._inputWarning_khmhl_26 {
   position: relative;
 }
-._inputError_jnwnh_25 {
+._inputError_khmhl_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_jnwnh_25:hover {
+._inputError_khmhl_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_jnwnh_25:focus {
+._inputError_khmhl_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_jnwnh_26 {
+._inputWarning_khmhl_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_jnwnh_26:hover {
+._inputWarning_khmhl_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_jnwnh_26:focus {
+._inputWarning_khmhl_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_jnwnh_61 {
+._inputDisabled_khmhl_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_jnwnh_67 {
+._hideScrollbars_khmhl_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_jnwnh_67::-webkit-scrollbar {
+._hideScrollbars_khmhl_67::-webkit-scrollbar {
   display: none;
 }
-._input_jnwnh_1 {
-  margin: 0;
-  outline: 0;
-  text-align: left;
-  font-family: var(--font-family);
-  padding: var(--padding-input);
-  background: var(--color-background-input);
-  border: 1px solid var(--color-border);
-  color: var(--color-text);
-  border-radius: var(--border-radius);
-  transition: box-shadow 0.1s ease, border-color 0.1s ease;
-  box-shadow: none;
-  height: var(--size);
-  line-height: var(--line-height);
-  width: 100%;
-  font-weight: 400;
-  font-style: normal;
-  position: relative;
-  font-variant-numeric: tabular-nums;
+:root {
+  --size-drawer-tabs: var(--size-lg);
+  --color-background-drawer-tab: var(--color-primary-100);
+  --color-background-drawer-tab-hover: white;
+  --color-border-drawer-tab: var(--color-primary-200);
+  --color-background-drawer-handle-hover: rgba(0, 0, 0, 0.05);
 }
-._input_jnwnh_1::placeholder {
-  color: var(--color-text-placeholder);
+html[data-theme='dark'] {
+  --color-background-drawer-tab: var(--color-primary-800);
+  --color-background-drawer-tab-hover: var(--color-primary-700);
+  --color-border-drawer-tab: black;
+  --color-background-drawer-handle-hover: rgba(255, 255, 255, 0.1);
 }
-._input_jnwnh_1._isInTable_jnwnh_100 {
-  background-color: transparent;
-  border-radius: inherit !important;
-  height: var(--size);
-  min-height: 100%;
+._inline_khmhl_90 {
+  position: relative;
 }
-._input_jnwnh_1._isInTable_jnwnh_100:not(:hover) {
-  border-color: transparent;
+._inline_khmhl_90._left_khmhl_93 {
+  order: -1;
 }
-._input_jnwnh_1._isInTable_jnwnh_100:not(:focus) {
-  box-shadow: none;
+._inline_khmhl_90._right_khmhl_96 {
+  order: 9999;
 }
-._input_jnwnh_1:hover {
-  position: relative;
-  border-color: var(--color-border-hover);
-  z-index: 2;
+._fixed_khmhl_99 {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  z-index: var(--zindex-drawer);
 }
-._input_jnwnh_1:focus {
-  position: relative;
-  outline: none !important;
-  border-color: var(--color-border-focus) !important;
-  box-shadow: var(--shadow-focus);
-  z-index: 3;
+._fixed_khmhl_99._left_khmhl_93 {
+  left: 0;
 }
-._input_jnwnh_1._small_jnwnh_124 {
-  font-size: var(--font-size-sm);
-  height: var(--size-sm);
-  padding: var(--padding-input-sm);
-  line-height: var(--size-sm);
+._fixed_khmhl_99._right_khmhl_96 {
+  right: 0;
 }
-._input_jnwnh_1._error_jnwnh_130 {
-  position: relative;
-  z-index: 2;
-  border-color: var(--color-border-error);
-  color: var(--color-text-error) !important;
-  background-color: var(--color-background-error-muted);
+._left_khmhl_93 ._border_khmhl_111 {
+  border-right: 1px solid var(--color-border);
 }
-._input_jnwnh_1._error_jnwnh_130:hover {
-  border-color: var(--color-border-error-hover) !important;
+._right_khmhl_96 ._border_khmhl_111 {
+  border-left: 1px solid var(--color-border);
 }
-._input_jnwnh_1._error_jnwnh_130:focus {
-  position: relative;
-  outline: none !important;
-  border-color: var(--color-border-focus) !important;
-  box-shadow: var(--shadow-focus);
-  z-index: 3;
+._shadow_khmhl_117 {
+  box-shadow: var(--shadow-layer);
 }
-._input_jnwnh_1._warning_jnwnh_147 {
-  position: relative;
-  z-index: 1;
-  border-color: var(--color-border-warning);
-  color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning-muted);
+._drawerContent_khmhl_120 {
+  overflow-x: hidden;
+  overflow-y: auto;
+  max-height: 100%;
+  min-height: 100%;
+  transition: width 0.2s;
+  /* Firefox */
+  scrollbar-width: none;
+  /* IE 10+ */
+  -ms-overflow-style: none;
+  /* Chrome, Safari and Opera */
 }
-._input_jnwnh_1._warning_jnwnh_147:hover {
-  border-color: var(--color-border-warning-hover) !important;
+._isResizing_khmhl_132 ._drawerContent_khmhl_120 {
+  transition: none;
 }
-._input_jnwnh_1._warning_jnwnh_147:focus {
-  position: relative;
-  outline: none !important;
-  border-color: var(--color-border-focus) !important;
-  box-shadow: var(--shadow-focus);
-  z-index: 3;
+@media print {
+  ._drawerContent_khmhl_120 {
+    background: transparent !important;
+  }
 }
-._input_jnwnh_1[disabled] {
-  pointer-events: none;
-  background-color: var(--color-background-disabled);
-  color: var(--color-text-muted);
-  box-shadow: none;
+._drawerContent_khmhl_120::-webkit-scrollbar {
+  display: none;
 }
-._input_jnwnh_1._right_jnwnh_170 {
-  text-align: right;
+._toggleButton_khmhl_143 {
+  transition: transform 0.2s;
+  display: inline-block;
+  transform: rotate(180deg);
+  position: absolute;
+  z-index: calc(var(--zindex-drawer) + 3);
 }
-._groupOrderFirst_jnwnh_173,
-._groupOrderMiddle_jnwnh_174,
-._groupOrderLast_jnwnh_175 {
-  flex: 1;
+._left_khmhl_93 ._toggleButton_khmhl_143 {
+  right: calc(var(--size) / -2);
 }
-._groupOrderFirst_jnwnh_173 ._input_jnwnh_1,
-._groupOrderMiddle_jnwnh_174 ._input_jnwnh_1 {
-  border-top-right-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
+._right_khmhl_96 ._toggleButton_khmhl_143 {
+  left: calc(var(--size) / -2);
 }
-._groupOrderLast_jnwnh_175 ._input_jnwnh_1,
-._groupOrderMiddle_jnwnh_174 ._input_jnwnh_1 {
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
+._toggleButton_khmhl_143._top_khmhl_156 {
+  top: var(--padding);
 }
-._heading_yhdiy_1 {
-  color: var(--color-text);
-  line-height: var(--size-sm);
-  font-weight: bold;
-  display: flex;
-  align-items: center;
-  user-select: none;
-  padding: 0;
+._toggleButton_khmhl_143._bottom_khmhl_159 {
+  bottom: var(--padding);
 }
-._heading_yhdiy_1._top_yhdiy_10 {
-  font-size: var(--font-size-xl);
-  margin-bottom: var(--padding-sm);
+._toggleButton_khmhl_143._toggleButtonOpen_khmhl_162 {
+  transform: rotate(0deg);
 }
-._heading_yhdiy_1:not(._top_yhdiy_10) {
-  font-size: var(--font-size);
-  color: var(--color-text-muted);
-  text-transform: uppercase;
-  letter-spacing: var(--letter-spacing-wide);
+._tabs_khmhl_165 {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  background-color: var(--color-background);
+  padding-top: var(--padding);
+  z-index: calc(var(--zindex-drawer) + 1);
+  border-left: 1px solid var(--color-border);
+  border-right: 1px solid var(--color-border);
 }
-._icons_yhdiy_20 {
-  display: inline-flex;
+._left_khmhl_93 ._tabs_khmhl_165 {
+  right: 0;
 }
-._icons_yhdiy_20 > * {
-  margin-left: var(--padding-xxs);
+._right_khmhl_96 ._tabs_khmhl_165 {
+  left: 0;
 }
-._helpIcon_hd0z2_1 {
-  color: var(--color-text-faint);
-  display: inline-flex;
+._tabs_khmhl_165 ._tab_khmhl_165 {
+  font-size: var(--size-sm);
+  height: var(--size-drawer-tabs);
+  width: var(--size-drawer-tabs);
+  display: flex;
+  justify-content: center;
   align-items: center;
+  cursor: pointer;
+  margin: -1px;
+  transition: color 0.2s, background-color 0.2s;
+  border: 1px solid var(--color-border-drawer-tab);
 }
-._helpIcon_hd0z2_1 :hover {
-  color: var(--color-text-muted);
+._left_khmhl_93 ._tabs_khmhl_165 ._tab_khmhl_165 {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
-._active_hd0z2_9 {
-  color: var(--color-text);
+._left_khmhl_93 ._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197 {
+  border-left-color: transparent;
 }
-._clickable_hd0z2_12 {
-  cursor: pointer;
+._right_khmhl_96 ._tabs_khmhl_165 ._tab_khmhl_165 {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
-._clickable_hd0z2_12:hover,
-._clickable_hd0z2_12:focus {
-  color: var(--color-text-primary-hover);
+._right_khmhl_96 ._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197 {
+  border-right-color: transparent;
 }
-._clickable_hd0z2_12:active {
-  color: var(--color-text-primary-active);
+._tabs_khmhl_165 ._tab_khmhl_165:not(._active_khmhl_197) {
+  color: var(--color-text-primary);
+  background-color: var(--color-background-drawer-tab) !important;
 }
-.rc-slider {
-  position: relative;
-  width: 100%;
-  height: 14px;
-  padding: 5px 0;
-  border-radius: 6px;
-  touch-action: none;
-  box-sizing: border-box;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+._tabs_khmhl_165 ._tab_khmhl_165:not(._active_khmhl_197):hover {
+  color: var(--color-text);
+  background-color: var(--color-background-drawer-tab-hover) !important;
 }
-.rc-slider * {
-  box-sizing: border-box;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197 {
+  color: var(--color-text);
+  border-color: var(--color-border);
 }
-.rc-slider-rail {
-  position: absolute;
-  width: 100%;
-  height: 4px;
-  background-color: #e9e9e9;
-  border-radius: 6px;
+._tabs_khmhl_165 ._tab_khmhl_165 svg {
+  stroke-width: 1.125;
 }
-.rc-slider-track {
-  position: absolute;
-  height: 4px;
-  background-color: #abe2fb;
-  border-radius: 6px;
+._tabs_khmhl_165 ._tab_khmhl_165._disabled_khmhl_222 {
+  cursor: default;
+  pointer-events: none;
+  color: var(--color-text-faint) !important;
+  background-color: var(--color-background-disabled) !important;
+  border-color: var(--color-border) !important;
 }
-.rc-slider-track-draggable {
-  z-index: 1;
-  box-sizing: content-box;
-  background-clip: content-box;
-  border-top: 5px solid rgba(0, 0, 0, 0);
-  border-bottom: 5px solid rgba(0, 0, 0, 0);
-  transform: translateY(-5px);
+._left_khmhl_93 ._tabsContent_khmhl_229 {
+  padding-right: calc(var(--size-drawer-tabs) - 1px);
 }
-.rc-slider-handle {
-  position: absolute;
-  z-index: 1;
-  width: 14px;
-  height: 14px;
-  margin-top: -5px;
-  background-color: #fff;
-  border: solid 2px #96dbfa;
-  border-radius: 50%;
-  cursor: pointer;
-  cursor: -webkit-grab;
-  cursor: grab;
-  opacity: 0.8;
-  touch-action: pan-x;
+._right_khmhl_96 ._tabsContent_khmhl_229 {
+  padding-left: calc(var(--size-drawer-tabs) - 1px);
 }
-.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
-  border-color: #57c5f7;
-  box-shadow: 0 0 0 5px #96dbfa;
+._resizeHandle_khmhl_235 {
+  --size-resize-handle: 10px;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: var(--size-resize-handle);
+  z-index: calc(var(--zindex-drawer) + 2);
+  cursor: ew-resize;
+  display: flex;
+  align-items: center;
+  color: var(--color-text-faint);
+  font-size: var(--size-resize-handle);
+  transition: all 0.2s;
 }
-.rc-slider-handle:focus {
-  outline: none;
-  box-shadow: none;
+._resizeHandle_khmhl_235:hover {
+  background: var(--color-background-drawer-handle-hover);
+  color: var(--color-text-primary);
 }
-.rc-slider-handle:focus-visible {
-  border-color: #2db7f5;
-  box-shadow: 0 0 0 3px #96dbfa;
+._resizeHandle_khmhl_235:active {
+  background: var(--color-text-primary);
+  color: white;
 }
-.rc-slider-handle-click-focused:focus {
-  border-color: #96dbfa;
-  box-shadow: unset;
+._left_khmhl_93 ._resizeHandle_khmhl_235 {
+  right: 0;
 }
-.rc-slider-handle:hover {
-  border-color: #57c5f7;
+._right_khmhl_96 ._resizeHandle_khmhl_235 {
+  left: 0;
 }
-.rc-slider-handle:active {
-  border-color: #57c5f7;
-  box-shadow: 0 0 5px #57c5f7;
-  cursor: -webkit-grabbing;
-  cursor: grabbing;
+._inputGroup_biuoa_1 {
+  display: flex;
+  max-width: 100%;
 }
-.rc-slider-mark {
-  position: absolute;
-  top: 18px;
-  left: 0;
-  width: 100%;
-  font-size: 12px;
+._inputGroup_biuoa_1 > *:not(:last-child) {
+  margin-right: -1px;
 }
-.rc-slider-mark-text {
-  position: absolute;
-  display: inline-block;
-  color: #999;
-  text-align: center;
-  vertical-align: middle;
-  cursor: pointer;
+._inputInTable_jnwnh_1 {
+  background-color: transparent;
+  border-radius: inherit !important;
+  height: var(--size);
+  min-height: 100%;
 }
-.rc-slider-mark-text-active {
-  color: #666;
+._inputInTable_jnwnh_1:not(:hover) {
+  border-color: transparent;
 }
-.rc-slider-step {
-  position: absolute;
-  width: 100%;
-  height: 4px;
-  background: transparent;
+._inputInTable_jnwnh_1:not(:focus) {
+  box-shadow: none;
 }
-.rc-slider-dot {
-  position: absolute;
-  bottom: -2px;
-  width: 8px;
-  height: 8px;
-  vertical-align: middle;
-  background-color: #fff;
-  border: 2px solid #e9e9e9;
-  border-radius: 50%;
-  cursor: pointer;
+._inputHover_jnwnh_13 {
+  position: relative;
+  border-color: var(--color-border-hover);
+  z-index: 2;
 }
-.rc-slider-dot-active {
-  border-color: #96dbfa;
+._inputFocus_jnwnh_18 {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
 }
-.rc-slider-dot-reverse {
-  margin-right: -4px;
+._inputError_jnwnh_25,
+._inputWarning_jnwnh_26 {
+  position: relative;
 }
-.rc-slider-disabled {
-  background-color: #e9e9e9;
+._inputError_jnwnh_25 {
+  z-index: 2;
+  border-color: var(--color-border-error);
+  color: var(--color-text-error) !important;
+  background-color: var(--color-background-error-muted);
 }
-.rc-slider-disabled .rc-slider-track {
-  background-color: #ccc;
+._inputError_jnwnh_25:hover {
+  border-color: var(--color-border-error-hover) !important;
 }
-.rc-slider-disabled .rc-slider-handle,
-.rc-slider-disabled .rc-slider-dot {
-  background-color: #fff;
-  border-color: #ccc;
-  box-shadow: none;
-  cursor: not-allowed;
-}
-.rc-slider-disabled .rc-slider-mark-text,
-.rc-slider-disabled .rc-slider-dot {
-  cursor: not-allowed !important;
-}
-.rc-slider-vertical {
-  width: 14px;
-  height: 100%;
-  padding: 0 5px;
-}
-.rc-slider-vertical .rc-slider-rail {
-  width: 4px;
-  height: 100%;
-}
-.rc-slider-vertical .rc-slider-track {
-  bottom: 0;
-  left: 5px;
-  width: 4px;
-}
-.rc-slider-vertical .rc-slider-track-draggable {
-  border-top: 0;
-  border-bottom: 0;
-  border-right: 5px solid rgba(0, 0, 0, 0);
-  border-left: 5px solid rgba(0, 0, 0, 0);
-  transform: translateX(-5px);
+._inputError_jnwnh_25:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
 }
-.rc-slider-vertical .rc-slider-handle {
-  position: absolute;
+._inputWarning_jnwnh_26 {
   z-index: 1;
-  margin-top: 0;
-  margin-left: -5px;
-  touch-action: pan-y;
+  border-color: var(--color-border-warning);
+  color: var(--color-text-warning) !important;
+  background-color: var(--color-background-warning-muted);
 }
-.rc-slider-vertical .rc-slider-mark {
-  top: 0;
-  left: 18px;
-  height: 100%;
+._inputWarning_jnwnh_26:hover {
+  border-color: var(--color-border-warning-hover) !important;
 }
-.rc-slider-vertical .rc-slider-step {
-  width: 4px;
-  height: 100%;
+._inputWarning_jnwnh_26:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
 }
-.rc-slider-vertical .rc-slider-dot {
-  margin-left: -2px;
+._inputDisabled_jnwnh_61 {
+  pointer-events: none;
+  background-color: var(--color-background-disabled);
+  color: var(--color-text-muted);
+  box-shadow: none;
 }
-.rc-slider-tooltip-zoom-down-enter,
-.rc-slider-tooltip-zoom-down-appear {
-  display: block !important;
-  animation-duration: 0.3s;
-  animation-fill-mode: both;
-  animation-play-state: paused;
+._hideScrollbars_jnwnh_67 {
+  /* Firefox */
+  scrollbar-width: none;
+  /* IE 10+ */
+  -ms-overflow-style: none;
+  /* Chrome, Safari and Opera */
 }
-.rc-slider-tooltip-zoom-down-leave {
-  display: block !important;
-  animation-duration: 0.3s;
-  animation-fill-mode: both;
-  animation-play-state: paused;
+._hideScrollbars_jnwnh_67::-webkit-scrollbar {
+  display: none;
 }
-.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
-.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
-  animation-name: rcSliderTooltipZoomDownIn;
-  animation-play-state: running;
+._input_jnwnh_1 {
+  margin: 0;
+  outline: 0;
+  text-align: left;
+  font-family: var(--font-family);
+  padding: var(--padding-input);
+  background: var(--color-background-input);
+  border: 1px solid var(--color-border);
+  color: var(--color-text);
+  border-radius: var(--border-radius);
+  transition: box-shadow 0.1s ease, border-color 0.1s ease;
+  box-shadow: none;
+  height: var(--size);
+  line-height: var(--line-height);
+  width: 100%;
+  font-weight: 400;
+  font-style: normal;
+  position: relative;
+  font-variant-numeric: tabular-nums;
 }
-.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
-  animation-name: rcSliderTooltipZoomDownOut;
-  animation-play-state: running;
+._input_jnwnh_1::placeholder {
+  color: var(--color-text-placeholder);
 }
-.rc-slider-tooltip-zoom-down-enter,
-.rc-slider-tooltip-zoom-down-appear {
-  transform: scale(0, 0);
-  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
+._input_jnwnh_1._isInTable_jnwnh_100 {
+  background-color: transparent;
+  border-radius: inherit !important;
+  height: var(--size);
+  min-height: 100%;
 }
-.rc-slider-tooltip-zoom-down-leave {
-  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+._input_jnwnh_1._isInTable_jnwnh_100:not(:hover) {
+  border-color: transparent;
 }
-@keyframes rcSliderTooltipZoomDownIn {
-  0% {
-    transform: scale(0, 0);
-    transform-origin: 50% 100%;
-    opacity: 0;
-  }
-  100% {
-    transform: scale(1, 1);
-    transform-origin: 50% 100%;
-  }
+._input_jnwnh_1._isInTable_jnwnh_100:not(:focus) {
+  box-shadow: none;
 }
-@keyframes rcSliderTooltipZoomDownOut {
-  0% {
-    transform: scale(1, 1);
-    transform-origin: 50% 100%;
-  }
-  100% {
-    transform: scale(0, 0);
-    transform-origin: 50% 100%;
-    opacity: 0;
-  }
+._input_jnwnh_1:hover {
+  position: relative;
+  border-color: var(--color-border-hover);
+  z-index: 2;
 }
-.rc-slider-tooltip {
-  position: absolute;
-  top: -9999px;
-  left: -9999px;
-  visibility: visible;
-  box-sizing: border-box;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+._input_jnwnh_1:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
 }
-.rc-slider-tooltip * {
-  box-sizing: border-box;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+._input_jnwnh_1._small_jnwnh_124 {
+  font-size: var(--font-size-sm);
+  height: var(--size-sm);
+  padding: var(--padding-input-sm);
+  line-height: var(--size-sm);
 }
-.rc-slider-tooltip-hidden {
-  display: none;
+._input_jnwnh_1._error_jnwnh_130 {
+  position: relative;
+  z-index: 2;
+  border-color: var(--color-border-error);
+  color: var(--color-text-error) !important;
+  background-color: var(--color-background-error-muted);
 }
-.rc-slider-tooltip-placement-top {
-  padding: 4px 0 8px 0;
+._input_jnwnh_1._error_jnwnh_130:hover {
+  border-color: var(--color-border-error-hover) !important;
 }
-.rc-slider-tooltip-inner {
-  min-width: 24px;
-  height: 24px;
-  padding: 6px 2px;
-  color: #fff;
-  font-size: 12px;
-  line-height: 1;
-  text-align: center;
-  text-decoration: none;
-  background-color: #6c6c6c;
-  border-radius: 6px;
-  box-shadow: 0 0 4px #d9d9d9;
+._input_jnwnh_1._error_jnwnh_130:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
 }
-.rc-slider-tooltip-arrow {
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid;
+._input_jnwnh_1._warning_jnwnh_147 {
+  position: relative;
+  z-index: 1;
+  border-color: var(--color-border-warning);
+  color: var(--color-text-warning) !important;
+  background-color: var(--color-background-warning-muted);
 }
-.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
-  bottom: 4px;
-  left: 50%;
-  margin-left: -4px;
-  border-width: 4px 4px 0;
-  border-top-color: #6c6c6c;
+._input_jnwnh_1._warning_jnwnh_147:hover {
+  border-color: var(--color-border-warning-hover) !important;
 }
-.rc-slider:not(.rc-slider-disabled) .rc-slider-rail {
-  background-color: var(--color-border);
+._input_jnwnh_1._warning_jnwnh_147:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
 }
-.rc-slider:not(.rc-slider-disabled) .rc-slider-track {
-  background-color: var(--color-background-primary);
+._input_jnwnh_1[disabled] {
+  pointer-events: none;
+  background-color: var(--color-background-disabled);
+  color: var(--color-text-muted);
+  box-shadow: none;
 }
-.rc-slider:not(.rc-slider-disabled) .rc-slider-dot {
-  border-color: var(--color-border);
+._input_jnwnh_1._right_jnwnh_170 {
+  text-align: right;
 }
-.rc-slider:not(.rc-slider-disabled) .rc-slider-dot-active {
-  border-color: var(--color-background-primary);
+._groupOrderFirst_jnwnh_173,
+._groupOrderMiddle_jnwnh_174,
+._groupOrderLast_jnwnh_175 {
+  flex: 1;
 }
-.rc-slider:not(.rc-slider-disabled) .rc-slider-handle {
-  border-color: var(--color-background-primary);
+._groupOrderFirst_jnwnh_173 ._input_jnwnh_1,
+._groupOrderMiddle_jnwnh_174 ._input_jnwnh_1 {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
 }
-.rc-slider:not(.rc-slider-disabled) .rc-slider-handle:focus {
-  border-color: var(--color-background-primary);
-  box-shadow: var(--shadow-focus);
-}
-.rc-slider .rc-slider-handle {
-  opacity: 1;
-}
-.rc-slider .rc-slider-mark-text {
-  color: var(--color-text-faint);
-}
-.rc-slider .rc-slider-mark-text-active {
-  color: var(--color-text-muted);
-}
-.rc-slider-disabled {
-  background-color: transparent !important;
-}
-.rc-slider-disabled .rc-slider-mark-text,
-.rc-slider-disabled .rc-slider-handle,
-.rc-slider-disabled .rc-slider-dot {
-  cursor: default !important;
-}
-._card_ucdeu_1 {
-  color: var(--color-text);
+._groupOrderLast_jnwnh_175 ._input_jnwnh_1,
+._groupOrderMiddle_jnwnh_174 ._input_jnwnh_1 {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
 }
-._card_ucdeu_1._bordered_ucdeu_4 {
-  background: var(--color-background-raised);
-  border: 1px solid var(--color-border);
-  box-shadow: var(--shadow-card);
+._addon_b4w53_1 {
+  flex-shrink: 0;
   border-radius: var(--border-radius);
-}
-._card_ucdeu_1._bordered_ucdeu_4._raised_ucdeu_10 {
-  box-shadow: var(--shadow-layer);
-}
-._card_ucdeu_1._bordered_ucdeu_4 ._cardHeader_ucdeu_13 {
-  padding: var(--padding-xxs) var(--padding-sm);
-  border-top-left-radius: inherit;
-  border-top-right-radius: inherit;
-  background-color: var(--color-background-cardheader);
-}
-._card_ucdeu_1._bordered_ucdeu_4 ._cardContentBorderTop_ucdeu_19 {
-  border-top: 1px solid var(--color-border);
-}
-._card_ucdeu_1._bordered_ucdeu_4 ._padding_ucdeu_22 {
-  padding: var(--padding-sm);
-}
-._cardContent_ucdeu_19:first-child {
-  border-top-left-radius: inherit;
-  border-top-right-radius: inherit;
-}
-._cardContent_ucdeu_19:last-child {
-  border-bottom-left-radius: inherit;
-  border-bottom-right-radius: inherit;
-}
-._cardHeader_ucdeu_13 {
-  display: flex;
-  align-items: center;
-  padding: var(--padding-sm) 0;
-}
-._divider_2bfzh_1 {
-  display: flex;
+  border: 1px solid var(--color-border);
+  background: var(--color-background-disabled);
+  display: inline-flex;
   align-items: center;
-  text-align: center;
-}
-._divider_2bfzh_1::before,
-._divider_2bfzh_1::after {
-  content: '';
-  flex: 1;
-  border-bottom: 1px solid var(--color);
-}
-._alignLeft_2bfzh_12::before {
-  flex-grow: 0.05;
+  padding: 0 var(--padding-input-x);
+  color: var(--color-text-muted);
+  line-height: 1;
 }
-._alignRight_2bfzh_15::after {
-  flex-grow: 0.05;
+._small_b4w53_12 {
+  font-size: var(--font-size-sm);
+  padding: 0 var(--padding-input-sm-x);
 }
-._divider_2bfzh_1:not(:empty)::before {
-  margin-right: 0.25em;
+._groupOrderFirst_b4w53_16,
+._groupOrderMiddle_b4w53_17 {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
 }
-._divider_2bfzh_1:not(:empty)::after {
-  margin-left: 0.25em;
+._groupOrderLast_b4w53_21,
+._groupOrderMiddle_b4w53_17 {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
 }
-._inputInTable_khmhl_1 {
+._inputInTable_tn20e_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_khmhl_1:not(:hover) {
+._inputInTable_tn20e_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_khmhl_1:not(:focus) {
+._inputInTable_tn20e_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_khmhl_13 {
+._inputHover_tn20e_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_khmhl_18 {
+._inputFocus_tn20e_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_khmhl_25,
-._inputWarning_khmhl_26 {
+._inputError_tn20e_25,
+._inputWarning_tn20e_26 {
   position: relative;
 }
-._inputError_khmhl_25 {
+._inputError_tn20e_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_khmhl_25:hover {
+._inputError_tn20e_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_khmhl_25:focus {
+._inputError_tn20e_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_khmhl_26 {
+._inputWarning_tn20e_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_khmhl_26:hover {
+._inputWarning_tn20e_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_khmhl_26:focus {
+._inputWarning_tn20e_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_khmhl_61 {
+._inputDisabled_tn20e_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_khmhl_67 {
+._hideScrollbars_tn20e_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_khmhl_67::-webkit-scrollbar {
+._hideScrollbars_tn20e_67::-webkit-scrollbar {
   display: none;
 }
-:root {
-  --size-drawer-tabs: var(--size-lg);
-  --color-background-drawer-tab: var(--color-primary-100);
-  --color-background-drawer-tab-hover: white;
-  --color-border-drawer-tab: var(--color-primary-200);
-  --color-background-drawer-handle-hover: rgba(0, 0, 0, 0.05);
-}
-html[data-theme='dark'] {
-  --color-background-drawer-tab: var(--color-primary-800);
-  --color-background-drawer-tab-hover: var(--color-primary-700);
-  --color-border-drawer-tab: black;
-  --color-background-drawer-handle-hover: rgba(255, 255, 255, 0.1);
-}
-._inline_khmhl_90 {
-  position: relative;
-}
-._inline_khmhl_90._left_khmhl_93 {
-  order: -1;
+._header_tn20e_77 ._headerTitle_tn20e_77,
+._heading_tn20e_78 ._itemHeader_tn20e_78 {
+  transition: opacity 0.3s;
 }
-._inline_khmhl_90._right_khmhl_96 {
-  order: 9999;
+._narrow_tn20e_81 ._header_tn20e_77 ._headerTitle_tn20e_77,
+._narrow_tn20e_81 ._heading_tn20e_78 ._itemHeader_tn20e_78 {
+  opacity: 0;
 }
-._fixed_khmhl_99 {
-  position: fixed;
+._stickyHeader_tn20e_85 {
+  position: sticky;
   top: 0;
-  bottom: 0;
-  z-index: var(--zindex-drawer);
-}
-._fixed_khmhl_99._left_khmhl_93 {
-  left: 0;
+  background-color: var(--color-background);
+  z-index: 10;
 }
-._fixed_khmhl_99._right_khmhl_96 {
-  right: 0;
+._itemHeader_tn20e_78 {
+  padding: var(--padding-xs) var(--padding);
+  display: flex;
+  align-items: flex-start;
 }
-._left_khmhl_93 ._border_khmhl_111 {
-  border-right: 1px solid var(--color-border);
+._itemHeader_tn20e_78 ._title_tn20e_96 {
+  margin: 0;
+  padding: 0;
+  flex-grow: 1;
+  min-width: 0;
 }
-._right_khmhl_96 ._border_khmhl_111 {
-  border-left: 1px solid var(--color-border);
+._itemHeader_tn20e_78 ._name_tn20e_102 {
+  font-weight: 400;
 }
-._shadow_khmhl_117 {
-  box-shadow: var(--shadow-layer);
+._itemHeader_tn20e_78 ._iconTooltipMargin_tn20e_105 {
+  margin-left: var(--padding-xs);
 }
-._drawerContent_khmhl_120 {
-  overflow-x: hidden;
-  overflow-y: auto;
-  max-height: 100%;
-  min-height: 100%;
-  transition: width 0.2s;
-  /* Firefox */
-  scrollbar-width: none;
-  /* IE 10+ */
-  -ms-overflow-style: none;
-  /* Chrome, Safari and Opera */
+._itemHeader_tn20e_78 ._bold_tn20e_108 {
+  font-weight: bold;
 }
-._isResizing_khmhl_132 ._drawerContent_khmhl_120 {
-  transition: none;
+._header_tn20e_77 {
+  padding: var(--padding);
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid var(--color-border);
 }
-@media print {
-  ._drawerContent_khmhl_120 {
-    background: transparent !important;
-  }
+._toggleNarrow_tn20e_117 {
+  margin-right: 16px;
+  margin-left: -5px;
+  color: #c8c8c8;
+  transition: all 0.4s;
+  display: flex;
+  width: 22px;
+  justify-content: center;
 }
-._drawerContent_khmhl_120::-webkit-scrollbar {
-  display: none;
+._toggleNarrow_tn20e_117:hover {
+  color: var(--color-text-primary-hover);
 }
-._toggleButton_khmhl_143 {
-  transition: transform 0.2s;
-  display: inline-block;
-  transform: rotate(180deg);
-  position: absolute;
-  z-index: calc(var(--zindex-drawer) + 3);
+._toggleNarrow_tn20e_117:active {
+  color: var(--color-text-primary-active);
 }
-._left_khmhl_93 ._toggleButton_khmhl_143 {
-  right: calc(var(--size) / -2);
+._narrow_tn20e_81 ._toggleNarrow_tn20e_117 {
+  transform: scaleX(-1);
 }
-._right_khmhl_96 ._toggleButton_khmhl_143 {
-  left: calc(var(--size) / -2);
+._drag_tn20e_135 {
+  color: var(--color-text-faint);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: var(--padding-xs);
+  margin-left: calc(var(--padding-xs) * -1);
+  margin-top: calc((var(--line-height) - var(--size-sm)) / 2);
+  margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
+  cursor: move;
+  height: var(--size-sm);
+  width: var(--size-sm);
+  flex-shrink: 0;
 }
-._toggleButton_khmhl_143._top_khmhl_156 {
-  top: var(--padding);
+._drag_tn20e_135:hover {
+  color: var(--color-text-primary-hover);
 }
-._toggleButton_khmhl_143._bottom_khmhl_159 {
-  bottom: var(--padding);
+._drag_tn20e_135:active {
+  color: var(--color-text-primary-active);
 }
-._toggleButton_khmhl_143._toggleButtonOpen_khmhl_162 {
-  transform: rotate(0deg);
-}
-._tabs_khmhl_165 {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  background-color: var(--color-background);
-  padding-top: var(--padding);
-  z-index: calc(var(--zindex-drawer) + 1);
-  border-left: 1px solid var(--color-border);
-  border-right: 1px solid var(--color-border);
-}
-._left_khmhl_93 ._tabs_khmhl_165 {
-  right: 0;
-}
-._right_khmhl_96 ._tabs_khmhl_165 {
-  left: 0;
-}
-._tabs_khmhl_165 ._tab_khmhl_165 {
-  font-size: var(--size-sm);
-  height: var(--size-drawer-tabs);
-  width: var(--size-drawer-tabs);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-  margin: -1px;
-  transition: color 0.2s, background-color 0.2s;
-  border: 1px solid var(--color-border-drawer-tab);
-}
-._left_khmhl_93 ._tabs_khmhl_165 ._tab_khmhl_165 {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-._left_khmhl_93 ._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197 {
-  border-left-color: transparent;
-}
-._right_khmhl_96 ._tabs_khmhl_165 ._tab_khmhl_165 {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-._right_khmhl_96 ._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197 {
-  border-right-color: transparent;
-}
-._tabs_khmhl_165 ._tab_khmhl_165:not(._active_khmhl_197) {
-  color: var(--color-text-primary);
-  background-color: var(--color-background-drawer-tab) !important;
-}
-._tabs_khmhl_165 ._tab_khmhl_165:not(._active_khmhl_197):hover {
-  color: var(--color-text);
-  background-color: var(--color-background-drawer-tab-hover) !important;
-}
-._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197 {
-  color: var(--color-text);
-  border-color: var(--color-border);
-}
-._tabs_khmhl_165 ._tab_khmhl_165 svg {
-  stroke-width: 1.125;
-}
-._tabs_khmhl_165 ._tab_khmhl_165._disabled_khmhl_222 {
-  cursor: default;
-  pointer-events: none;
-  color: var(--color-text-faint) !important;
-  background-color: var(--color-background-disabled) !important;
-  border-color: var(--color-border) !important;
-}
-._left_khmhl_93 ._tabsContent_khmhl_229 {
-  padding-right: calc(var(--size-drawer-tabs) - 1px);
-}
-._right_khmhl_96 ._tabsContent_khmhl_229 {
-  padding-left: calc(var(--size-drawer-tabs) - 1px);
-}
-._resizeHandle_khmhl_235 {
-  --size-resize-handle: 10px;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  width: var(--size-resize-handle);
-  z-index: calc(var(--zindex-drawer) + 2);
-  cursor: ew-resize;
-  display: flex;
-  align-items: center;
-  color: var(--color-text-faint);
-  font-size: var(--size-resize-handle);
-  transition: all 0.2s;
-}
-._resizeHandle_khmhl_235:hover {
-  background: var(--color-background-drawer-handle-hover);
-  color: var(--color-text-primary);
-}
-._resizeHandle_khmhl_235:active {
-  background: var(--color-text-primary);
-  color: white;
-}
-._left_khmhl_93 ._resizeHandle_khmhl_235 {
-  right: 0;
-}
-._right_khmhl_96 ._resizeHandle_khmhl_235 {
-  left: 0;
-}
-._inputInTable_tn20e_1 {
-  background-color: transparent;
-  border-radius: inherit !important;
-  height: var(--size);
-  min-height: 100%;
-}
-._inputInTable_tn20e_1:not(:hover) {
-  border-color: transparent;
-}
-._inputInTable_tn20e_1:not(:focus) {
-  box-shadow: none;
-}
-._inputHover_tn20e_13 {
-  position: relative;
-  border-color: var(--color-border-hover);
-  z-index: 2;
-}
-._inputFocus_tn20e_18 {
-  position: relative;
-  outline: none !important;
-  border-color: var(--color-border-focus) !important;
-  box-shadow: var(--shadow-focus);
-  z-index: 3;
-}
-._inputError_tn20e_25,
-._inputWarning_tn20e_26 {
-  position: relative;
-}
-._inputError_tn20e_25 {
-  z-index: 2;
-  border-color: var(--color-border-error);
-  color: var(--color-text-error) !important;
-  background-color: var(--color-background-error-muted);
-}
-._inputError_tn20e_25:hover {
-  border-color: var(--color-border-error-hover) !important;
-}
-._inputError_tn20e_25:focus {
-  position: relative;
-  outline: none !important;
-  border-color: var(--color-border-focus) !important;
-  box-shadow: var(--shadow-focus);
-  z-index: 3;
-}
-._inputWarning_tn20e_26 {
-  z-index: 1;
-  border-color: var(--color-border-warning);
-  color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning-muted);
-}
-._inputWarning_tn20e_26:hover {
-  border-color: var(--color-border-warning-hover) !important;
-}
-._inputWarning_tn20e_26:focus {
-  position: relative;
-  outline: none !important;
-  border-color: var(--color-border-focus) !important;
-  box-shadow: var(--shadow-focus);
-  z-index: 3;
-}
-._inputDisabled_tn20e_61 {
-  pointer-events: none;
-  background-color: var(--color-background-disabled);
-  color: var(--color-text-muted);
-  box-shadow: none;
-}
-._hideScrollbars_tn20e_67 {
-  /* Firefox */
-  scrollbar-width: none;
-  /* IE 10+ */
-  -ms-overflow-style: none;
-  /* Chrome, Safari and Opera */
-}
-._hideScrollbars_tn20e_67::-webkit-scrollbar {
-  display: none;
-}
-._header_tn20e_77 ._headerTitle_tn20e_77,
-._heading_tn20e_78 ._itemHeader_tn20e_78 {
-  transition: opacity 0.3s;
-}
-._narrow_tn20e_81 ._header_tn20e_77 ._headerTitle_tn20e_77,
-._narrow_tn20e_81 ._heading_tn20e_78 ._itemHeader_tn20e_78 {
-  opacity: 0;
-}
-._stickyHeader_tn20e_85 {
-  position: sticky;
-  top: 0;
-  background-color: var(--color-background);
-  z-index: 10;
-}
-._itemHeader_tn20e_78 {
-  padding: var(--padding-xs) var(--padding);
-  display: flex;
-  align-items: flex-start;
-}
-._itemHeader_tn20e_78 ._title_tn20e_96 {
-  margin: 0;
-  padding: 0;
-  flex-grow: 1;
-  min-width: 0;
-}
-._itemHeader_tn20e_78 ._name_tn20e_102 {
-  font-weight: 400;
-}
-._itemHeader_tn20e_78 ._iconTooltipMargin_tn20e_105 {
-  margin-left: var(--padding-xs);
-}
-._itemHeader_tn20e_78 ._bold_tn20e_108 {
-  font-weight: bold;
-}
-._header_tn20e_77 {
-  padding: var(--padding);
-  display: flex;
-  align-items: center;
-  border-bottom: 1px solid var(--color-border);
-}
-._toggleNarrow_tn20e_117 {
-  margin-right: 16px;
-  margin-left: -5px;
-  color: #c8c8c8;
-  transition: all 0.4s;
-  display: flex;
-  width: 22px;
-  justify-content: center;
-}
-._toggleNarrow_tn20e_117:hover {
-  color: var(--color-text-primary-hover);
-}
-._toggleNarrow_tn20e_117:active {
-  color: var(--color-text-primary-active);
-}
-._narrow_tn20e_81 ._toggleNarrow_tn20e_117 {
-  transform: scaleX(-1);
-}
-._drag_tn20e_135 {
-  color: var(--color-text-faint);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-right: var(--padding-xs);
-  margin-left: calc(var(--padding-xs) * -1);
-  margin-top: calc((var(--line-height) - var(--size-sm)) / 2);
-  margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
-  cursor: move;
-  height: var(--size-sm);
-  width: var(--size-sm);
-  flex-shrink: 0;
-}
-._drag_tn20e_135:hover {
-  color: var(--color-text-primary-hover);
-}
-._drag_tn20e_135:active {
-  color: var(--color-text-primary-active);
-}
-._list_tn20e_155 {
-  flex-shrink: 0;
-  background: var(--color-background);
+._list_tn20e_155 {
+  flex-shrink: 0;
+  background: var(--color-background);
 }
 ._list_tn20e_155._bordered_tn20e_159:first-child,
 ._list_tn20e_155._bordered_tn20e_159:first-child > :first-child {
@@ -7597,300 +7323,606 @@ button:active .remirror-menu-pane-shortcut,
   margin: 0;
   /* margin-bottom: var(--rmr-space-2); */
 }
-._richTextToolbar_1gbkk_1 {
-  display: flex;
-  gap: var(--padding-xxs);
+._richTextToolbar_1gbkk_1 {
+  display: flex;
+  gap: var(--padding-xxs);
+}
+._richTextToolbarContainer_1gbkk_5 {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: var(--padding-xs);
+  align-items: flex-end;
+}
+._inputInTable_ta5ga_1 {
+  background-color: transparent;
+  border-radius: inherit !important;
+  height: var(--size);
+  min-height: 100%;
+}
+._inputInTable_ta5ga_1:not(:hover) {
+  border-color: transparent;
+}
+._inputInTable_ta5ga_1:not(:focus) {
+  box-shadow: none;
+}
+._inputHover_ta5ga_13 {
+  position: relative;
+  border-color: var(--color-border-hover);
+  z-index: 2;
+}
+._inputFocus_ta5ga_18 {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
+}
+._inputError_ta5ga_25,
+._inputWarning_ta5ga_26 {
+  position: relative;
+}
+._inputError_ta5ga_25 {
+  z-index: 2;
+  border-color: var(--color-border-error);
+  color: var(--color-text-error) !important;
+  background-color: var(--color-background-error-muted);
+}
+._inputError_ta5ga_25:hover {
+  border-color: var(--color-border-error-hover) !important;
+}
+._inputError_ta5ga_25:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
+}
+._inputWarning_ta5ga_26 {
+  z-index: 1;
+  border-color: var(--color-border-warning);
+  color: var(--color-text-warning) !important;
+  background-color: var(--color-background-warning-muted);
+}
+._inputWarning_ta5ga_26:hover {
+  border-color: var(--color-border-warning-hover) !important;
+}
+._inputWarning_ta5ga_26:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
+}
+._inputDisabled_ta5ga_61 {
+  pointer-events: none;
+  background-color: var(--color-background-disabled);
+  color: var(--color-text-muted);
+  box-shadow: none;
+}
+._hideScrollbars_ta5ga_67 {
+  /* Firefox */
+  scrollbar-width: none;
+  /* IE 10+ */
+  -ms-overflow-style: none;
+  /* Chrome, Safari and Opera */
+}
+._hideScrollbars_ta5ga_67::-webkit-scrollbar {
+  display: none;
+}
+._richTextInput_ta5ga_77 [role='textbox'] {
+  padding: var(--padding-input);
+  background: var(--color-background-input);
+  border: 1px solid var(--color-border);
+  color: var(--color-text);
+  border-radius: var(--border-radius);
+  transition: border-color 0.1s ease;
+  white-space: pre-wrap;
+}
+._richTextInput_ta5ga_77 [role='textbox']:hover {
+  position: relative;
+  border-color: var(--color-border-hover);
+  z-index: 2;
+}
+._richTextInput_ta5ga_77 [role='textbox']:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
+}
+._richTextInput_ta5ga_77 [role='textbox'][aria-readonly='true'] {
+  pointer-events: none;
+  background-color: var(--color-background-disabled);
+  color: var(--color-text-muted);
+  box-shadow: none;
+}
+._richTextInput_ta5ga_77 [data-placeholder]::before {
+  color: var(--color-text-faint);
+  font-style: normal;
+}
+._inputInTable_1ube5_1 {
+  background-color: transparent;
+  border-radius: inherit !important;
+  height: var(--size);
+  min-height: 100%;
+}
+._inputInTable_1ube5_1:not(:hover) {
+  border-color: transparent;
+}
+._inputInTable_1ube5_1:not(:focus) {
+  box-shadow: none;
+}
+._inputHover_1ube5_13 {
+  position: relative;
+  border-color: var(--color-border-hover);
+  z-index: 2;
+}
+._inputFocus_1ube5_18 {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
+}
+._inputError_1ube5_25,
+._inputWarning_1ube5_26 {
+  position: relative;
+}
+._inputError_1ube5_25 {
+  z-index: 2;
+  border-color: var(--color-border-error);
+  color: var(--color-text-error) !important;
+  background-color: var(--color-background-error-muted);
+}
+._inputError_1ube5_25:hover {
+  border-color: var(--color-border-error-hover) !important;
+}
+._inputError_1ube5_25:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
+}
+._inputWarning_1ube5_26 {
+  z-index: 1;
+  border-color: var(--color-border-warning);
+  color: var(--color-text-warning) !important;
+  background-color: var(--color-background-warning-muted);
+}
+._inputWarning_1ube5_26:hover {
+  border-color: var(--color-border-warning-hover) !important;
+}
+._inputWarning_1ube5_26:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
+}
+._inputDisabled_1ube5_61 {
+  pointer-events: none;
+  background-color: var(--color-background-disabled);
+  color: var(--color-text-muted);
+  box-shadow: none;
+}
+._hideScrollbars_1ube5_67 {
+  /* Firefox */
+  scrollbar-width: none;
+  /* IE 10+ */
+  -ms-overflow-style: none;
+  /* Chrome, Safari and Opera */
+}
+._hideScrollbars_1ube5_67::-webkit-scrollbar {
+  display: none;
+}
+:root {
+  --size-sidebar: var(--size-xl);
+  --size-sidebar-icon: var(--size);
+  --color-background-sidebar: black;
+}
+._sidebar_1ube5_82 {
+  background-color: var(--color-background-sidebar);
+  color: white;
+  position: relative;
+  padding: var(--padding) 0;
+}
+@media print {
+  ._sidebar_1ube5_82 {
+    display: none;
+  }
+}
+._inner_1ube5_93 {
+  /* Firefox */
+  scrollbar-width: none;
+  /* IE 10+ */
+  -ms-overflow-style: none;
+  /* Chrome, Safari and Opera */
+}
+._inner_1ube5_93::-webkit-scrollbar {
+  display: none;
+}
+._title_1ube5_103,
+._subtitle_1ube5_104,
+._label_1ube5_105 {
+  transition: opacity 0.2s, max-height 0.2s, margin 0.2s, color 0.2s;
+  max-height: 50px;
+}
+._collapsed_1ube5_109 ._title_1ube5_103,
+._collapsed_1ube5_109 ._subtitle_1ube5_104,
+._collapsed_1ube5_109 ._label_1ube5_105 {
+  opacity: 0;
+  max-height: 0;
+  margin-bottom: 0;
+  margin-top: 0;
+}
+._title_1ube5_103 {
+  overflow: hidden;
+  max-width: 100%;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-top: 0;
+  font-size: var(--font-size-xl);
+  padding: 0 var(--padding);
+}
+._subtitle_1ube5_104 {
+  margin-bottom: var(--padding-xs);
+  white-space: nowrap;
+  font-size: var(--font-size);
+  letter-spacing: var(--letter-spacing-wide);
+  color: var(--color-neutral-700);
+  padding: 0 var(--padding);
+}
+._list_1ube5_134 {
+  margin-bottom: var(--padding-xl);
+  margin-top: 0;
+  position: relative;
+  z-index: 1;
+}
+._item_1ube5_140 {
+  transition: padding 0.2s, color 0.2s;
+  font-size: var(--font-size-lg);
+  font-weight: normal;
+  display: flex;
+  padding: 0 var(--padding-xxs);
+  align-items: center;
+  color: var(--color-neutral-500);
+}
+._collapsed_1ube5_109 ._item_1ube5_140 {
+  padding: 0;
 }
-._richTextToolbarContainer_1gbkk_5 {
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: var(--padding-xs);
-  align-items: flex-end;
+._item_1ube5_140:hover {
+  color: var(--color-neutral-200);
 }
-._inputInTable_ta5ga_1 {
-  background-color: transparent;
-  border-radius: inherit !important;
-  height: var(--size);
-  min-height: 100%;
+._item_1ube5_140._experimental_1ube5_155 {
+  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 8px, rgba(255, 255, 255, 0.1) 16px, transparent 16px, transparent 24px);
 }
-._inputInTable_ta5ga_1:not(:hover) {
-  border-color: transparent;
+._item_1ube5_140:active,
+._item_1ube5_140._active_1ube5_159 {
+  color: var(--color-neutral-0);
+  background-color: var(--color-primary-700);
 }
-._inputInTable_ta5ga_1:not(:focus) {
-  box-shadow: none;
+._icon_1ube5_163 {
+  line-height: 0;
+  flex-shrink: 0;
+  display: flex;
+  width: var(--size-sidebar);
+  justify-content: center;
+  font-size: var(--size-sidebar-icon);
+  padding: var(--padding-xxs) 0;
 }
-._inputHover_ta5ga_13 {
-  position: relative;
-  border-color: var(--color-border-hover);
-  z-index: 2;
+._icon_1ube5_163 svg {
+  stroke-width: 1;
 }
-._inputFocus_ta5ga_18 {
-  position: relative;
-  outline: none !important;
-  border-color: var(--color-border-focus) !important;
-  box-shadow: var(--shadow-focus);
-  z-index: 3;
+._label_1ube5_105 {
+  white-space: nowrap;
+  overflow: hidden;
 }
-._inputError_ta5ga_25,
-._inputWarning_ta5ga_26 {
+.rc-slider {
   position: relative;
+  width: 100%;
+  height: 14px;
+  padding: 5px 0;
+  border-radius: 6px;
+  touch-action: none;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-._inputError_ta5ga_25 {
-  z-index: 2;
-  border-color: var(--color-border-error);
-  color: var(--color-text-error) !important;
-  background-color: var(--color-background-error-muted);
+.rc-slider * {
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-._inputError_ta5ga_25:hover {
-  border-color: var(--color-border-error-hover) !important;
+.rc-slider-rail {
+  position: absolute;
+  width: 100%;
+  height: 4px;
+  background-color: #e9e9e9;
+  border-radius: 6px;
 }
-._inputError_ta5ga_25:focus {
-  position: relative;
-  outline: none !important;
-  border-color: var(--color-border-focus) !important;
-  box-shadow: var(--shadow-focus);
-  z-index: 3;
+.rc-slider-track {
+  position: absolute;
+  height: 4px;
+  background-color: #abe2fb;
+  border-radius: 6px;
 }
-._inputWarning_ta5ga_26 {
+.rc-slider-track-draggable {
   z-index: 1;
-  border-color: var(--color-border-warning);
-  color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning-muted);
+  box-sizing: content-box;
+  background-clip: content-box;
+  border-top: 5px solid rgba(0, 0, 0, 0);
+  border-bottom: 5px solid rgba(0, 0, 0, 0);
+  transform: translateY(-5px);
 }
-._inputWarning_ta5ga_26:hover {
-  border-color: var(--color-border-warning-hover) !important;
+.rc-slider-handle {
+  position: absolute;
+  z-index: 1;
+  width: 14px;
+  height: 14px;
+  margin-top: -5px;
+  background-color: #fff;
+  border: solid 2px #96dbfa;
+  border-radius: 50%;
+  cursor: pointer;
+  cursor: -webkit-grab;
+  cursor: grab;
+  opacity: 0.8;
+  touch-action: pan-x;
 }
-._inputWarning_ta5ga_26:focus {
-  position: relative;
-  outline: none !important;
-  border-color: var(--color-border-focus) !important;
-  box-shadow: var(--shadow-focus);
-  z-index: 3;
+.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
+  border-color: #57c5f7;
+  box-shadow: 0 0 0 5px #96dbfa;
 }
-._inputDisabled_ta5ga_61 {
-  pointer-events: none;
-  background-color: var(--color-background-disabled);
-  color: var(--color-text-muted);
+.rc-slider-handle:focus {
+  outline: none;
   box-shadow: none;
 }
-._hideScrollbars_ta5ga_67 {
-  /* Firefox */
-  scrollbar-width: none;
-  /* IE 10+ */
-  -ms-overflow-style: none;
-  /* Chrome, Safari and Opera */
+.rc-slider-handle:focus-visible {
+  border-color: #2db7f5;
+  box-shadow: 0 0 0 3px #96dbfa;
 }
-._hideScrollbars_ta5ga_67::-webkit-scrollbar {
-  display: none;
+.rc-slider-handle-click-focused:focus {
+  border-color: #96dbfa;
+  box-shadow: unset;
 }
-._richTextInput_ta5ga_77 [role='textbox'] {
-  padding: var(--padding-input);
-  background: var(--color-background-input);
-  border: 1px solid var(--color-border);
-  color: var(--color-text);
-  border-radius: var(--border-radius);
-  transition: border-color 0.1s ease;
-  white-space: pre-wrap;
+.rc-slider-handle:hover {
+  border-color: #57c5f7;
 }
-._richTextInput_ta5ga_77 [role='textbox']:hover {
-  position: relative;
-  border-color: var(--color-border-hover);
-  z-index: 2;
+.rc-slider-handle:active {
+  border-color: #57c5f7;
+  box-shadow: 0 0 5px #57c5f7;
+  cursor: -webkit-grabbing;
+  cursor: grabbing;
 }
-._richTextInput_ta5ga_77 [role='textbox']:focus {
-  position: relative;
-  outline: none !important;
-  border-color: var(--color-border-focus) !important;
-  box-shadow: var(--shadow-focus);
-  z-index: 3;
+.rc-slider-mark {
+  position: absolute;
+  top: 18px;
+  left: 0;
+  width: 100%;
+  font-size: 12px;
 }
-._richTextInput_ta5ga_77 [role='textbox'][aria-readonly='true'] {
-  pointer-events: none;
-  background-color: var(--color-background-disabled);
-  color: var(--color-text-muted);
-  box-shadow: none;
+.rc-slider-mark-text {
+  position: absolute;
+  display: inline-block;
+  color: #999;
+  text-align: center;
+  vertical-align: middle;
+  cursor: pointer;
 }
-._richTextInput_ta5ga_77 [data-placeholder]::before {
-  color: var(--color-text-faint);
-  font-style: normal;
+.rc-slider-mark-text-active {
+  color: #666;
 }
-._inputInTable_1ube5_1 {
-  background-color: transparent;
-  border-radius: inherit !important;
-  height: var(--size);
-  min-height: 100%;
+.rc-slider-step {
+  position: absolute;
+  width: 100%;
+  height: 4px;
+  background: transparent;
 }
-._inputInTable_1ube5_1:not(:hover) {
-  border-color: transparent;
+.rc-slider-dot {
+  position: absolute;
+  bottom: -2px;
+  width: 8px;
+  height: 8px;
+  vertical-align: middle;
+  background-color: #fff;
+  border: 2px solid #e9e9e9;
+  border-radius: 50%;
+  cursor: pointer;
 }
-._inputInTable_1ube5_1:not(:focus) {
+.rc-slider-dot-active {
+  border-color: #96dbfa;
+}
+.rc-slider-dot-reverse {
+  margin-right: -4px;
+}
+.rc-slider-disabled {
+  background-color: #e9e9e9;
+}
+.rc-slider-disabled .rc-slider-track {
+  background-color: #ccc;
+}
+.rc-slider-disabled .rc-slider-handle,
+.rc-slider-disabled .rc-slider-dot {
+  background-color: #fff;
+  border-color: #ccc;
   box-shadow: none;
+  cursor: not-allowed;
 }
-._inputHover_1ube5_13 {
-  position: relative;
-  border-color: var(--color-border-hover);
-  z-index: 2;
+.rc-slider-disabled .rc-slider-mark-text,
+.rc-slider-disabled .rc-slider-dot {
+  cursor: not-allowed !important;
 }
-._inputFocus_1ube5_18 {
-  position: relative;
-  outline: none !important;
-  border-color: var(--color-border-focus) !important;
-  box-shadow: var(--shadow-focus);
-  z-index: 3;
+.rc-slider-vertical {
+  width: 14px;
+  height: 100%;
+  padding: 0 5px;
+}
+.rc-slider-vertical .rc-slider-rail {
+  width: 4px;
+  height: 100%;
+}
+.rc-slider-vertical .rc-slider-track {
+  bottom: 0;
+  left: 5px;
+  width: 4px;
 }
-._inputError_1ube5_25,
-._inputWarning_1ube5_26 {
-  position: relative;
+.rc-slider-vertical .rc-slider-track-draggable {
+  border-top: 0;
+  border-bottom: 0;
+  border-right: 5px solid rgba(0, 0, 0, 0);
+  border-left: 5px solid rgba(0, 0, 0, 0);
+  transform: translateX(-5px);
 }
-._inputError_1ube5_25 {
-  z-index: 2;
-  border-color: var(--color-border-error);
-  color: var(--color-text-error) !important;
-  background-color: var(--color-background-error-muted);
+.rc-slider-vertical .rc-slider-handle {
+  position: absolute;
+  z-index: 1;
+  margin-top: 0;
+  margin-left: -5px;
+  touch-action: pan-y;
 }
-._inputError_1ube5_25:hover {
-  border-color: var(--color-border-error-hover) !important;
+.rc-slider-vertical .rc-slider-mark {
+  top: 0;
+  left: 18px;
+  height: 100%;
 }
-._inputError_1ube5_25:focus {
-  position: relative;
-  outline: none !important;
-  border-color: var(--color-border-focus) !important;
-  box-shadow: var(--shadow-focus);
-  z-index: 3;
+.rc-slider-vertical .rc-slider-step {
+  width: 4px;
+  height: 100%;
 }
-._inputWarning_1ube5_26 {
-  z-index: 1;
-  border-color: var(--color-border-warning);
-  color: var(--color-text-warning) !important;
-  background-color: var(--color-background-warning-muted);
+.rc-slider-vertical .rc-slider-dot {
+  margin-left: -2px;
 }
-._inputWarning_1ube5_26:hover {
-  border-color: var(--color-border-warning-hover) !important;
+.rc-slider-tooltip-zoom-down-enter,
+.rc-slider-tooltip-zoom-down-appear {
+  display: block !important;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  animation-play-state: paused;
 }
-._inputWarning_1ube5_26:focus {
-  position: relative;
-  outline: none !important;
-  border-color: var(--color-border-focus) !important;
-  box-shadow: var(--shadow-focus);
-  z-index: 3;
+.rc-slider-tooltip-zoom-down-leave {
+  display: block !important;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  animation-play-state: paused;
 }
-._inputDisabled_1ube5_61 {
-  pointer-events: none;
-  background-color: var(--color-background-disabled);
-  color: var(--color-text-muted);
-  box-shadow: none;
+.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
+.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
+  animation-name: rcSliderTooltipZoomDownIn;
+  animation-play-state: running;
 }
-._hideScrollbars_1ube5_67 {
-  /* Firefox */
-  scrollbar-width: none;
-  /* IE 10+ */
-  -ms-overflow-style: none;
-  /* Chrome, Safari and Opera */
+.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
+  animation-name: rcSliderTooltipZoomDownOut;
+  animation-play-state: running;
 }
-._hideScrollbars_1ube5_67::-webkit-scrollbar {
-  display: none;
+.rc-slider-tooltip-zoom-down-enter,
+.rc-slider-tooltip-zoom-down-appear {
+  transform: scale(0, 0);
+  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
 }
-:root {
-  --size-sidebar: var(--size-xl);
-  --size-sidebar-icon: var(--size);
-  --color-background-sidebar: black;
+.rc-slider-tooltip-zoom-down-leave {
+  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 }
-._sidebar_1ube5_82 {
-  background-color: var(--color-background-sidebar);
-  color: white;
-  position: relative;
-  padding: var(--padding) 0;
+@keyframes rcSliderTooltipZoomDownIn {
+  0% {
+    transform: scale(0, 0);
+    transform-origin: 50% 100%;
+    opacity: 0;
+  }
+  100% {
+    transform: scale(1, 1);
+    transform-origin: 50% 100%;
+  }
 }
-@media print {
-  ._sidebar_1ube5_82 {
-    display: none;
+@keyframes rcSliderTooltipZoomDownOut {
+  0% {
+    transform: scale(1, 1);
+    transform-origin: 50% 100%;
+  }
+  100% {
+    transform: scale(0, 0);
+    transform-origin: 50% 100%;
+    opacity: 0;
   }
 }
-._inner_1ube5_93 {
-  /* Firefox */
-  scrollbar-width: none;
-  /* IE 10+ */
-  -ms-overflow-style: none;
-  /* Chrome, Safari and Opera */
+.rc-slider-tooltip {
+  position: absolute;
+  top: -9999px;
+  left: -9999px;
+  visibility: visible;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-._inner_1ube5_93::-webkit-scrollbar {
+.rc-slider-tooltip * {
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+.rc-slider-tooltip-hidden {
   display: none;
 }
-._title_1ube5_103,
-._subtitle_1ube5_104,
-._label_1ube5_105 {
-  transition: opacity 0.2s, max-height 0.2s, margin 0.2s, color 0.2s;
-  max-height: 50px;
+.rc-slider-tooltip-placement-top {
+  padding: 4px 0 8px 0;
 }
-._collapsed_1ube5_109 ._title_1ube5_103,
-._collapsed_1ube5_109 ._subtitle_1ube5_104,
-._collapsed_1ube5_109 ._label_1ube5_105 {
-  opacity: 0;
-  max-height: 0;
-  margin-bottom: 0;
-  margin-top: 0;
+.rc-slider-tooltip-inner {
+  min-width: 24px;
+  height: 24px;
+  padding: 6px 2px;
+  color: #fff;
+  font-size: 12px;
+  line-height: 1;
+  text-align: center;
+  text-decoration: none;
+  background-color: #6c6c6c;
+  border-radius: 6px;
+  box-shadow: 0 0 4px #d9d9d9;
 }
-._title_1ube5_103 {
-  overflow: hidden;
-  max-width: 100%;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  margin-top: 0;
-  font-size: var(--font-size-xl);
-  padding: 0 var(--padding);
+.rc-slider-tooltip-arrow {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
 }
-._subtitle_1ube5_104 {
-  margin-bottom: var(--padding-xs);
-  white-space: nowrap;
-  font-size: var(--font-size);
-  letter-spacing: var(--letter-spacing-wide);
-  color: var(--color-neutral-700);
-  padding: 0 var(--padding);
+.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
+  bottom: 4px;
+  left: 50%;
+  margin-left: -4px;
+  border-width: 4px 4px 0;
+  border-top-color: #6c6c6c;
 }
-._list_1ube5_134 {
-  margin-bottom: var(--padding-xl);
-  margin-top: 0;
-  position: relative;
-  z-index: 1;
+.rc-slider:not(.rc-slider-disabled) .rc-slider-rail {
+  background-color: var(--color-border);
 }
-._item_1ube5_140 {
-  transition: padding 0.2s, color 0.2s;
-  font-size: var(--font-size-lg);
-  font-weight: normal;
-  display: flex;
-  padding: 0 var(--padding-xxs);
-  align-items: center;
-  color: var(--color-neutral-500);
+.rc-slider:not(.rc-slider-disabled) .rc-slider-track {
+  background-color: var(--color-background-primary);
 }
-._collapsed_1ube5_109 ._item_1ube5_140 {
-  padding: 0;
+.rc-slider:not(.rc-slider-disabled) .rc-slider-dot {
+  border-color: var(--color-border);
 }
-._item_1ube5_140:hover {
-  color: var(--color-neutral-200);
+.rc-slider:not(.rc-slider-disabled) .rc-slider-dot-active {
+  border-color: var(--color-background-primary);
 }
-._item_1ube5_140._experimental_1ube5_155 {
-  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 8px, rgba(255, 255, 255, 0.1) 16px, transparent 16px, transparent 24px);
+.rc-slider:not(.rc-slider-disabled) .rc-slider-handle {
+  border-color: var(--color-background-primary);
 }
-._item_1ube5_140:active,
-._item_1ube5_140._active_1ube5_159 {
-  color: var(--color-neutral-0);
-  background-color: var(--color-primary-700);
+.rc-slider:not(.rc-slider-disabled) .rc-slider-handle:focus {
+  border-color: var(--color-background-primary);
+  box-shadow: var(--shadow-focus);
 }
-._icon_1ube5_163 {
-  line-height: 0;
-  flex-shrink: 0;
-  display: flex;
-  width: var(--size-sidebar);
-  justify-content: center;
-  font-size: var(--size-sidebar-icon);
-  padding: var(--padding-xxs) 0;
+.rc-slider .rc-slider-handle {
+  opacity: 1;
 }
-._icon_1ube5_163 svg {
-  stroke-width: 1;
+.rc-slider .rc-slider-mark-text {
+  color: var(--color-text-faint);
 }
-._label_1ube5_105 {
-  white-space: nowrap;
-  overflow: hidden;
+.rc-slider .rc-slider-mark-text-active {
+  color: var(--color-text-muted);
+}
+.rc-slider-disabled {
+  background-color: transparent !important;
+}
+.rc-slider-disabled .rc-slider-mark-text,
+.rc-slider-disabled .rc-slider-handle,
+.rc-slider-disabled .rc-slider-dot {
+  cursor: default !important;
 }
 :root {
   --toastify-color-light: #fff;
@@ -8789,6 +8821,9 @@ button:active .remirror-menu-pane-shortcut,
   z-index: var(--zindex-topbar-alert);
   padding: var(--padding-sm);
 }
+._predefinedMenuActive_1yvt4_1 input {
+  background: var(--color-background-disabled) !important;
+}
 ._link_q42rz_1 a {
   display: flex;
   justify-content: center;