@oliasoft-open-source/react-ui-library 4.0.0-beta-65 → 4.0.0-beta-66

package/dist/global.css

@@ -618,7 +618,7 @@ html[data-theme='dark'] {
   --color-text-placeholder: rgba(255, 255, 255, 0.4);
   --color-background: var(--color-neutral-900);
   --color-background-raised: var(--color-neutral-850);
-  --color-background-layer: var(--color-neutral-700);
+  --color-background-layer: var(--color-neutral-750);
   --color-background-disabled: rgba(0, 0, 0, 0.2);
   --color-background-info: var(--color-info-500);
   --color-background-info-muted: var(--color-info-800);
@@ -632,8 +632,8 @@ html[data-theme='dark'] {
   --color-background-primary-muted: var(--color-primary-800);
   --color-background-cardheader: transparent;
   --color-background-input: rgba(255, 255, 255, 0.1);
-  --color-background-listitem-active: var(--color-primary-700);
-  --color-background-listitem-hover: var(--color-neutral-700);
+  --color-background-listitem-active: var(--color-primary-800);
+  --color-background-listitem-hover: var(--color-neutral-750);
   --color-border: black;
   --color-border-checkbox: black;
   --color-border-hover: var(--color-neutral-500);
@@ -984,80 +984,80 @@ a {
 ._contentWrapper_1cgsf_16 {
   border-radius: inherit;
 }
-._inputInTable_1umhq_1 {
+._inputInTable_1rzkf_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1umhq_1:not(:hover) {
+._inputInTable_1rzkf_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1umhq_1:not(:focus) {
+._inputInTable_1rzkf_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1umhq_13 {
+._inputHover_1rzkf_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1umhq_18 {
+._inputFocus_1rzkf_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1umhq_25,
-._inputWarning_1umhq_26 {
+._inputError_1rzkf_25,
+._inputWarning_1rzkf_26 {
   position: relative;
 }
-._inputError_1umhq_25 {
+._inputError_1rzkf_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_1umhq_25:hover {
+._inputError_1rzkf_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1umhq_25:focus {
+._inputError_1rzkf_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1umhq_26 {
+._inputWarning_1rzkf_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_1umhq_26:hover {
+._inputWarning_1rzkf_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1umhq_26:focus {
+._inputWarning_1rzkf_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1umhq_61 {
+._inputDisabled_1rzkf_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1umhq_67 {
+._hideScrollbars_1rzkf_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1umhq_67::-webkit-scrollbar {
+._hideScrollbars_1rzkf_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -1082,9 +1082,8 @@ html[data-theme='dark'] {
   --color-background-button-default: var(--color-neutral-800);
   --color-background-button-default-hover: var(--color-neutral-750);
   --color-background-button-default-active: var(--color-neutral-700);
-  --color-text-button-default-active: white;
 }
-._button_1umhq_101 {
+._button_1rzkf_100 {
   cursor: pointer;
   display: inline-flex;
   align-items: center;
@@ -1109,233 +1108,233 @@ html[data-theme='dark'] {
   box-shadow: var(--shadow-button);
   font-weight: bold;
 }
-._button_1umhq_101:hover {
+._button_1rzkf_100:hover {
   background: var(--color-background-button-default-hover);
 }
-._button_1umhq_101:focus {
+._button_1rzkf_100:focus {
   box-shadow: var(--shadow-focus) !important;
 }
-._button_1umhq_101:active {
+._button_1rzkf_100:active {
   background: var(--color-background-button-default-active);
   box-shadow: none;
 }
-._button_1umhq_101._active_1umhq_136:not(._green_1umhq_136):not(._red_1umhq_136):not(._orange_1umhq_136) {
+._button_1rzkf_100._active_1rzkf_135:not(._green_1rzkf_135):not(._red_1rzkf_135):not(._orange_1rzkf_135) {
   border-color: var(--color-border-button-default-active);
   color: var(--color-text-button-default-active);
   position: relative;
   z-index: 2;
 }
-._button_1umhq_101:hover,
-._button_1umhq_101:focus,
-._button_1umhq_101:active {
+._button_1rzkf_100:hover,
+._button_1rzkf_100:focus,
+._button_1rzkf_100:active {
   position: relative;
   z-index: 1;
 }
-._button_1umhq_101 ._icon_1umhq_148 {
+._button_1rzkf_100 ._icon_1rzkf_147 {
   margin: -2px;
   margin-right: var(--padding-xxs);
   font-size: var(--size-xs);
   display: flex;
 }
-._iconOnly_1umhq_154 {
+._iconOnly_1rzkf_153 {
   width: var(--size);
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
-._iconOnly_1umhq_154 ._icon_1umhq_148 {
+._iconOnly_1rzkf_153 ._icon_1rzkf_147 {
   margin: 0;
   line-height: 0;
 }
-._basic_1umhq_164 {
+._basic_1rzkf_163 {
   color: var(--color-text-primary);
   background: transparent;
   box-shadow: none !important;
   border: none !important;
 }
-._basic_1umhq_164._muted_1umhq_170 {
+._basic_1rzkf_163._muted_1rzkf_169 {
   color: var(--color-text-muted);
 }
-._basic_1umhq_164:hover {
+._basic_1rzkf_163:hover {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.05);
 }
-[data-theme='dark'] ._basic_1umhq_164:hover {
+[data-theme='dark'] ._basic_1rzkf_163:hover {
   background: rgba(255, 255, 255, 0.1);
 }
-._basic_1umhq_164:active,
-._basic_1umhq_164._active_1umhq_136 {
+._basic_1rzkf_163:active,
+._basic_1rzkf_163._active_1rzkf_135 {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.1);
 }
-[data-theme='dark'] ._basic_1umhq_164:active,
-[data-theme='dark'] ._basic_1umhq_164._active_1umhq_136 {
+[data-theme='dark'] ._basic_1rzkf_163:active,
+[data-theme='dark'] ._basic_1rzkf_163._active_1rzkf_135 {
   background: rgba(255, 255, 255, 0.2);
 }
-._disabled_1umhq_189 {
+._disabled_1rzkf_188 {
   cursor: default;
   pointer-events: none !important;
   color: var(--color-text-faint) !important;
   box-shadow: none !important;
 }
-._disabled_1umhq_189:not(._active_1umhq_136):not(._basic_1umhq_164) {
+._disabled_1rzkf_188:not(._active_1rzkf_135):not(._basic_1rzkf_163) {
   background: var(--color-background-disabled) !important;
   border: 1px solid var(--color-border) !important;
 }
-._small_1umhq_199 {
+._small_1rzkf_198 {
   font-size: var(--font-size-sm);
   min-height: var(--size-sm);
   padding: var(--padding-input-sm);
 }
-._pill_1umhq_204,
-._round_1umhq_205 {
+._pill_1rzkf_203,
+._round_1rzkf_204 {
   border-radius: 19px;
   display: inline-flex;
   align-items: center;
 }
-._round_1umhq_205 {
+._round_1rzkf_204 {
   padding: 0;
   width: var(--size);
   line-height: 1;
 }
-._round_1umhq_205._small_1umhq_199 {
+._round_1rzkf_204._small_1rzkf_198 {
   width: var(--size-sm);
 }
-._orange_1umhq_136:not(._basic_1umhq_164) {
+._orange_1rzkf_135:not(._basic_1rzkf_163) {
   background-color: var(--color-background-button-primary);
 }
-._orange_1umhq_136:not(._basic_1umhq_164):hover {
+._orange_1rzkf_135:not(._basic_1rzkf_163):hover {
   background-color: var(--color-background-button-primary-hover);
 }
-._orange_1umhq_136:not(._basic_1umhq_164):active,
-._orange_1umhq_136:not(._basic_1umhq_164)._active_1umhq_136 {
+._orange_1rzkf_135:not(._basic_1rzkf_163):active,
+._orange_1rzkf_135:not(._basic_1rzkf_163)._active_1rzkf_135 {
   background-color: var(--color-background-button-primary-active);
 }
-._red_1umhq_136:not(._basic_1umhq_164) {
+._red_1rzkf_135:not(._basic_1rzkf_163) {
   background-color: var(--color-background-button-error);
 }
-._red_1umhq_136:not(._basic_1umhq_164):hover {
+._red_1rzkf_135:not(._basic_1rzkf_163):hover {
   background-color: var(--color-background-button-error-hover);
 }
-._red_1umhq_136:not(._basic_1umhq_164):active,
-._red_1umhq_136:not(._basic_1umhq_164)._active_1umhq_136 {
+._red_1rzkf_135:not(._basic_1rzkf_163):active,
+._red_1rzkf_135:not(._basic_1rzkf_163)._active_1rzkf_135 {
   background-color: var(--color-background-button-error-active);
 }
-._red_1umhq_136._basic_1umhq_164 {
+._red_1rzkf_135._basic_1rzkf_163 {
   color: var(--color-text-error);
 }
-._green_1umhq_136:not(._basic_1umhq_164) {
+._green_1rzkf_135:not(._basic_1rzkf_163) {
   background-color: var(--color-background-button-success);
 }
-._green_1umhq_136:not(._basic_1umhq_164):hover {
+._green_1rzkf_135:not(._basic_1rzkf_163):hover {
   background-color: var(--color-background-button-success-hover);
 }
-._green_1umhq_136:not(._basic_1umhq_164):active,
-._green_1umhq_136:not(._basic_1umhq_164)._active_1umhq_136 {
+._green_1rzkf_135:not(._basic_1rzkf_163):active,
+._green_1rzkf_135:not(._basic_1rzkf_163)._active_1rzkf_135 {
   background-color: var(--color-background-button-success-active);
 }
-._green_1umhq_136._basic_1umhq_164 {
+._green_1rzkf_135._basic_1rzkf_163 {
   color: var(--color-text-success);
 }
-._orange_1umhq_136,
-._red_1umhq_136,
-._green_1umhq_136 {
+._orange_1rzkf_135,
+._red_1rzkf_135,
+._green_1rzkf_135 {
   border-color: var(--color-border-button);
 }
-._orange_1umhq_136:not(._basic_1umhq_164),
-._red_1umhq_136:not(._basic_1umhq_164),
-._green_1umhq_136:not(._basic_1umhq_164) {
+._orange_1rzkf_135:not(._basic_1rzkf_163),
+._red_1rzkf_135:not(._basic_1rzkf_163),
+._green_1rzkf_135:not(._basic_1rzkf_163) {
   color: #fff;
 }
-._orange_1umhq_136:not(._basic_1umhq_164):hover,
-._red_1umhq_136:not(._basic_1umhq_164):hover,
-._green_1umhq_136:not(._basic_1umhq_164):hover {
+._orange_1rzkf_135:not(._basic_1rzkf_163):hover,
+._red_1rzkf_135:not(._basic_1rzkf_163):hover,
+._green_1rzkf_135:not(._basic_1rzkf_163):hover {
   color: #fff;
 }
-._orange_1umhq_136:not(._basic_1umhq_164):active,
-._red_1umhq_136:not(._basic_1umhq_164):active,
-._green_1umhq_136:not(._basic_1umhq_164):active,
-._orange_1umhq_136:not(._basic_1umhq_164)._active_1umhq_136,
-._red_1umhq_136:not(._basic_1umhq_164)._active_1umhq_136,
-._green_1umhq_136:not(._basic_1umhq_164)._active_1umhq_136 {
+._orange_1rzkf_135:not(._basic_1rzkf_163):active,
+._red_1rzkf_135:not(._basic_1rzkf_163):active,
+._green_1rzkf_135:not(._basic_1rzkf_163):active,
+._orange_1rzkf_135:not(._basic_1rzkf_163)._active_1rzkf_135,
+._red_1rzkf_135:not(._basic_1rzkf_163)._active_1rzkf_135,
+._green_1rzkf_135:not(._basic_1rzkf_163)._active_1rzkf_135 {
   color: #fff;
 }
-._error_1umhq_277 {
+._error_1rzkf_276 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._error_1umhq_277:hover {
+._error_1rzkf_276:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._error_1umhq_277:focus {
+._error_1rzkf_276:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._warning_1umhq_294 {
+._warning_1rzkf_293 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._warning_1umhq_294:hover {
+._warning_1rzkf_293:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._warning_1umhq_294:focus {
+._warning_1rzkf_293:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inverted_1umhq_311 {
+._inverted_1rzkf_310 {
   background-color: transparent;
   border-color: var(--color-text);
   box-shadow: none;
 }
-._inverted_1umhq_311:hover,
-._inverted_1umhq_311:active {
+._inverted_1rzkf_310:hover,
+._inverted_1rzkf_310:active {
   box-shadow: none;
 }
-._inverted_1umhq_311._orange_1umhq_136 {
+._inverted_1rzkf_310._orange_1rzkf_135 {
   color: var(--color-background-button-primary);
   border-color: var(--color-background-button-primary);
 }
-._inverted_1umhq_311._red_1umhq_136 {
+._inverted_1rzkf_310._red_1rzkf_135 {
   color: var(--color-background-button-error);
   border-color: var(--color-background-button-error);
 }
-._inverted_1umhq_311._green_1umhq_136 {
+._inverted_1rzkf_310._green_1rzkf_135 {
   color: var(--color-background-button-success);
   border-color: var(--color-background-button-success);
 }
-._inverted_1umhq_311._orange_1umhq_136:hover,
-._inverted_1umhq_311._red_1umhq_136:hover,
-._inverted_1umhq_311._green_1umhq_136:hover,
-._inverted_1umhq_311._orange_1umhq_136:active,
-._inverted_1umhq_311._red_1umhq_136:active,
-._inverted_1umhq_311._green_1umhq_136:active {
+._inverted_1rzkf_310._orange_1rzkf_135:hover,
+._inverted_1rzkf_310._red_1rzkf_135:hover,
+._inverted_1rzkf_310._green_1rzkf_135:hover,
+._inverted_1rzkf_310._orange_1rzkf_135:active,
+._inverted_1rzkf_310._red_1rzkf_135:active,
+._inverted_1rzkf_310._green_1rzkf_135:active {
   color: white;
   box-shadow: none;
 }
-._groupOrderFirst_1umhq_341,
-._groupOrderMiddle_1umhq_342,
-._groupOrderLast_1umhq_343 {
+._groupOrderFirst_1rzkf_340,
+._groupOrderMiddle_1rzkf_341,
+._groupOrderLast_1rzkf_342 {
   margin-right: 0;
 }
-._groupOrderFirst_1umhq_341,
-._groupOrderMiddle_1umhq_342 {
+._groupOrderFirst_1rzkf_340,
+._groupOrderMiddle_1rzkf_341 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_1umhq_343,
-._groupOrderMiddle_1umhq_342 {
+._groupOrderLast_1rzkf_342,
+._groupOrderMiddle_1rzkf_341 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
@@ -1865,126 +1864,126 @@ html[data-theme='dark'] {
 ._footer_18g0k_47 button:not(:last-child) {
   margin-right: var(--padding-sm);
 }
-._inputInTable_t6pih_1 {
+._inputInTable_vn7pb_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_t6pih_1:not(:hover) {
+._inputInTable_vn7pb_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_t6pih_1:not(:focus) {
+._inputInTable_vn7pb_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_t6pih_13 {
+._inputHover_vn7pb_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_t6pih_18 {
+._inputFocus_vn7pb_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_t6pih_25,
-._inputWarning_t6pih_26 {
+._inputError_vn7pb_25,
+._inputWarning_vn7pb_26 {
   position: relative;
 }
-._inputError_t6pih_25 {
+._inputError_vn7pb_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_t6pih_25:hover {
+._inputError_vn7pb_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_t6pih_25:focus {
+._inputError_vn7pb_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_t6pih_26 {
+._inputWarning_vn7pb_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_t6pih_26:hover {
+._inputWarning_vn7pb_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_t6pih_26:focus {
+._inputWarning_vn7pb_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_t6pih_61 {
+._inputDisabled_vn7pb_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_t6pih_67 {
+._hideScrollbars_vn7pb_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_t6pih_67::-webkit-scrollbar {
+._hideScrollbars_vn7pb_67::-webkit-scrollbar {
   display: none;
 }
 :root {
   --size-drawer-tabs: var(--size-lg);
-  --color-background-drawer-tab: var(--color-primary-50);
+  --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-900);
-  --color-background-drawer-tab-hover: var(--color-primary-800);
+  --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_t6pih_90 {
+._inline_vn7pb_90 {
   position: relative;
 }
-._inline_t6pih_90._left_t6pih_93 {
+._inline_vn7pb_90._left_vn7pb_93 {
   order: -1;
 }
-._inline_t6pih_90._right_t6pih_96 {
+._inline_vn7pb_90._right_vn7pb_96 {
   order: 9999;
 }
-._fixed_t6pih_99 {
+._fixed_vn7pb_99 {
   position: fixed;
   top: 0;
   bottom: 0;
   z-index: var(--zindex-drawer);
 }
-._fixed_t6pih_99._left_t6pih_93 {
+._fixed_vn7pb_99._left_vn7pb_93 {
   left: 0;
 }
-._fixed_t6pih_99._right_t6pih_96 {
+._fixed_vn7pb_99._right_vn7pb_96 {
   right: 0;
 }
-._left_t6pih_93 ._border_t6pih_111 {
+._left_vn7pb_93 ._border_vn7pb_111 {
   border-right: 1px solid var(--color-border);
 }
-._right_t6pih_96 ._border_t6pih_111 {
+._right_vn7pb_96 ._border_vn7pb_111 {
   border-left: 1px solid var(--color-border);
 }
-._shadow_t6pih_117 {
+._shadow_vn7pb_117 {
   box-shadow: var(--shadow-layer);
 }
-._drawerContent_t6pih_120 {
+._drawerContent_vn7pb_120 {
   overflow-x: hidden;
   overflow-y: auto;
   max-height: 100%;
@@ -1996,40 +1995,40 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._isResizing_t6pih_132 ._drawerContent_t6pih_120 {
+._isResizing_vn7pb_132 ._drawerContent_vn7pb_120 {
   transition: none;
 }
 @media print {
-  ._drawerContent_t6pih_120 {
+  ._drawerContent_vn7pb_120 {
     background: transparent !important;
   }
 }
-._drawerContent_t6pih_120::-webkit-scrollbar {
+._drawerContent_vn7pb_120::-webkit-scrollbar {
   display: none;
 }
-._toggleButton_t6pih_143 {
+._toggleButton_vn7pb_143 {
   transition: transform 0.2s;
   display: inline-block;
   transform: rotate(180deg);
   position: absolute;
   z-index: calc(var(--zindex-drawer) + 3);
 }
-._left_t6pih_93 ._toggleButton_t6pih_143 {
+._left_vn7pb_93 ._toggleButton_vn7pb_143 {
   right: calc(var(--size) / -2);
 }
-._right_t6pih_96 ._toggleButton_t6pih_143 {
+._right_vn7pb_96 ._toggleButton_vn7pb_143 {
   left: calc(var(--size) / -2);
 }
-._toggleButton_t6pih_143._top_t6pih_156 {
+._toggleButton_vn7pb_143._top_vn7pb_156 {
   top: var(--padding);
 }
-._toggleButton_t6pih_143._bottom_t6pih_159 {
+._toggleButton_vn7pb_143._bottom_vn7pb_159 {
   bottom: var(--padding);
 }
-._toggleButton_t6pih_143._toggleButtonOpen_t6pih_162 {
+._toggleButton_vn7pb_143._toggleButtonOpen_vn7pb_162 {
   transform: rotate(0deg);
 }
-._tabs_t6pih_165 {
+._tabs_vn7pb_165 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2039,13 +2038,13 @@ html[data-theme='dark'] {
   border-left: 1px solid var(--color-border);
   border-right: 1px solid var(--color-border);
 }
-._left_t6pih_93 ._tabs_t6pih_165 {
+._left_vn7pb_93 ._tabs_vn7pb_165 {
   right: 0;
 }
-._right_t6pih_96 ._tabs_t6pih_165 {
+._right_vn7pb_96 ._tabs_vn7pb_165 {
   left: 0;
 }
-._tabs_t6pih_165 ._tab_t6pih_165 {
+._tabs_vn7pb_165 ._tab_vn7pb_165 {
   font-size: var(--size-sm);
   height: var(--size-drawer-tabs);
   width: var(--size-drawer-tabs);
@@ -2057,42 +2056,42 @@ html[data-theme='dark'] {
   transition: color 0.2s, background-color 0.2s;
   border: 1px solid var(--color-border-drawer-tab);
 }
-._left_t6pih_93 ._tabs_t6pih_165 ._tab_t6pih_165 {
+._left_vn7pb_93 ._tabs_vn7pb_165 ._tab_vn7pb_165 {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._left_t6pih_93 ._tabs_t6pih_165 ._tab_t6pih_165._active_t6pih_197 {
+._left_vn7pb_93 ._tabs_vn7pb_165 ._tab_vn7pb_165._active_vn7pb_197 {
   border-left-color: transparent;
 }
-._right_t6pih_96 ._tabs_t6pih_165 ._tab_t6pih_165 {
+._right_vn7pb_96 ._tabs_vn7pb_165 ._tab_vn7pb_165 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-._right_t6pih_96 ._tabs_t6pih_165 ._tab_t6pih_165._active_t6pih_197 {
+._right_vn7pb_96 ._tabs_vn7pb_165 ._tab_vn7pb_165._active_vn7pb_197 {
   border-right-color: transparent;
 }
-._tabs_t6pih_165 ._tab_t6pih_165:not(._active_t6pih_197) {
+._tabs_vn7pb_165 ._tab_vn7pb_165:not(._active_vn7pb_197) {
   color: var(--color-text-primary);
   background-color: var(--color-background-drawer-tab) !important;
 }
-._tabs_t6pih_165 ._tab_t6pih_165:not(._active_t6pih_197):hover {
+._tabs_vn7pb_165 ._tab_vn7pb_165:not(._active_vn7pb_197):hover {
   color: var(--color-text);
   background-color: var(--color-background-drawer-tab-hover) !important;
 }
-._tabs_t6pih_165 ._tab_t6pih_165._active_t6pih_197 {
+._tabs_vn7pb_165 ._tab_vn7pb_165._active_vn7pb_197 {
   color: var(--color-text);
   border-color: var(--color-border);
 }
-._tabs_t6pih_165 ._tab_t6pih_165 svg {
+._tabs_vn7pb_165 ._tab_vn7pb_165 svg {
   stroke-width: 1.125;
 }
-._left_t6pih_93 ._tabsContent_t6pih_222 {
+._left_vn7pb_93 ._tabsContent_vn7pb_222 {
   padding-right: calc(var(--size-drawer-tabs) - 1px);
 }
-._right_t6pih_96 ._tabsContent_t6pih_222 {
+._right_vn7pb_96 ._tabsContent_vn7pb_222 {
   padding-left: calc(var(--size-drawer-tabs) - 1px);
 }
-._resizeHandle_t6pih_228 {
+._resizeHandle_vn7pb_228 {
   --size-resize-handle: 10px;
   position: absolute;
   top: 0;
@@ -2106,18 +2105,18 @@ html[data-theme='dark'] {
   font-size: var(--size-resize-handle);
   transition: all 0.2s;
 }
-._resizeHandle_t6pih_228:hover {
+._resizeHandle_vn7pb_228:hover {
   background: var(--color-background-drawer-handle-hover);
   color: var(--color-text-primary);
 }
-._resizeHandle_t6pih_228:active {
+._resizeHandle_vn7pb_228:active {
   background: var(--color-text-primary);
   color: white;
 }
-._left_t6pih_93 ._resizeHandle_t6pih_228 {
+._left_vn7pb_93 ._resizeHandle_vn7pb_228 {
   right: 0;
 }
-._right_t6pih_96 ._resizeHandle_t6pih_228 {
+._right_vn7pb_96 ._resizeHandle_vn7pb_228 {
   left: 0;
 }
 ._empty_fe425_1 {
@@ -2415,123 +2414,123 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._inputInTable_rdsv1_1 {
+._inputInTable_1jiqc_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_rdsv1_1:not(:hover) {
+._inputInTable_1jiqc_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_rdsv1_1:not(:focus) {
+._inputInTable_1jiqc_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_rdsv1_13 {
+._inputHover_1jiqc_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_rdsv1_18 {
+._inputFocus_1jiqc_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_rdsv1_25,
-._inputWarning_rdsv1_26 {
+._inputError_1jiqc_25,
+._inputWarning_1jiqc_26 {
   position: relative;
 }
-._inputError_rdsv1_25 {
+._inputError_1jiqc_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_rdsv1_25:hover {
+._inputError_1jiqc_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_rdsv1_25:focus {
+._inputError_1jiqc_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_rdsv1_26 {
+._inputWarning_1jiqc_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_rdsv1_26:hover {
+._inputWarning_1jiqc_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_rdsv1_26:focus {
+._inputWarning_1jiqc_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_rdsv1_61 {
+._inputDisabled_1jiqc_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_rdsv1_67 {
+._hideScrollbars_1jiqc_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_rdsv1_67::-webkit-scrollbar {
+._hideScrollbars_1jiqc_67::-webkit-scrollbar {
   display: none;
 }
-._header_rdsv1_77 ._headerTitle_rdsv1_77,
-._heading_rdsv1_78 ._itemHeader_rdsv1_78 {
+._header_1jiqc_77 ._headerTitle_1jiqc_77,
+._heading_1jiqc_78 ._itemHeader_1jiqc_78 {
   transition: opacity 0.3s;
 }
-._narrow_rdsv1_81 ._header_rdsv1_77 ._headerTitle_rdsv1_77,
-._narrow_rdsv1_81 ._heading_rdsv1_78 ._itemHeader_rdsv1_78 {
+._narrow_1jiqc_81 ._header_1jiqc_77 ._headerTitle_1jiqc_77,
+._narrow_1jiqc_81 ._heading_1jiqc_78 ._itemHeader_1jiqc_78 {
   opacity: 0;
 }
-._stickyHeader_rdsv1_85 {
+._stickyHeader_1jiqc_85 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_rdsv1_78 {
+._itemHeader_1jiqc_78 {
   padding: var(--padding-xs) var(--padding);
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_rdsv1_78 ._title_rdsv1_96 {
+._itemHeader_1jiqc_78 ._title_1jiqc_96 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_rdsv1_78 ._name_rdsv1_102 {
+._itemHeader_1jiqc_78 ._name_1jiqc_102 {
   font-weight: 400;
 }
-._itemHeader_rdsv1_78 ._iconTooltipMargin_rdsv1_105 {
+._itemHeader_1jiqc_78 ._iconTooltipMargin_1jiqc_105 {
   margin-left: var(--padding-xs);
 }
-._itemHeader_rdsv1_78 ._bold_rdsv1_108 {
+._itemHeader_1jiqc_78 ._bold_1jiqc_108 {
   font-weight: bold;
 }
-._header_rdsv1_77 {
+._header_1jiqc_77 {
   padding: var(--padding);
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--color-border);
 }
-._toggleNarrow_rdsv1_117 {
+._toggleNarrow_1jiqc_117 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -2540,16 +2539,16 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_rdsv1_117:hover {
+._toggleNarrow_1jiqc_117:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_rdsv1_117:active {
+._toggleNarrow_1jiqc_117:active {
   color: var(--color-text-primary-active);
 }
-._narrow_rdsv1_81 ._toggleNarrow_rdsv1_117 {
+._narrow_1jiqc_81 ._toggleNarrow_1jiqc_117 {
   transform: scaleX(-1);
 }
-._drag_rdsv1_135 {
+._drag_1jiqc_135 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
@@ -2560,28 +2559,28 @@ html[data-theme='dark'] {
   height: 19px;
   width: 19px;
 }
-._drag_rdsv1_135:hover {
+._drag_1jiqc_135:hover {
   color: var(--color-text-primary-hover);
 }
-._drag_rdsv1_135:active {
+._drag_1jiqc_135:active {
   color: var(--color-text-primary-active);
 }
-._list_rdsv1_152 {
+._list_1jiqc_152 {
   flex-shrink: 0;
   background: var(--color-background);
 }
-._list_rdsv1_152._bordered_rdsv1_156:first-child,
-._list_rdsv1_152._bordered_rdsv1_156:first-child > :first-child {
+._list_1jiqc_152._bordered_1jiqc_156:first-child,
+._list_1jiqc_152._bordered_1jiqc_156:first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._list_rdsv1_152._bordered_rdsv1_156:last-child,
-._list_rdsv1_152._bordered_rdsv1_156:last-child > :last-child {
+._list_1jiqc_152._bordered_1jiqc_156:last-child,
+._list_1jiqc_152._bordered_1jiqc_156:last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
   border-bottom: 0;
 }
-._item_rdsv1_78 {
+._item_1jiqc_78 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -2592,7 +2591,7 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_rdsv1_78:not(._heading_rdsv1_78):after {
+._item_1jiqc_78:not(._heading_1jiqc_78):after {
   content: '';
   position: absolute;
   left: 0;
@@ -2603,104 +2602,103 @@ html[data-theme='dark'] {
   border-bottom-left-radius: inherit;
   transition: background 0.3s, width 0.3s;
 }
-._item_rdsv1_78._action_rdsv1_189 {
+._item_1jiqc_78._action_1jiqc_189 {
   cursor: pointer;
 }
-._item_rdsv1_78._action_rdsv1_189:not(._active_rdsv1_192):hover {
+._item_1jiqc_78._action_1jiqc_189:not(._active_1jiqc_192):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_rdsv1_78._action_rdsv1_189:not(._active_rdsv1_192):hover:after {
+._item_1jiqc_78._action_1jiqc_189:not(._active_1jiqc_192):hover:after {
   width: 5px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_rdsv1_78._indented_rdsv1_199:after {
+._item_1jiqc_78._indented_1jiqc_199:after {
   width: 3px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_rdsv1_78._active_rdsv1_192 {
+._item_1jiqc_78._active_1jiqc_192 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_rdsv1_78._active_rdsv1_192:after {
+._item_1jiqc_78._active_1jiqc_192:after {
   background: var(--color-background-primary) !important;
 }
-._item_rdsv1_78._disabled_rdsv1_212 {
+._item_1jiqc_78._disabled_1jiqc_212 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_rdsv1_78._heading_rdsv1_78 {
+._item_1jiqc_78._heading_1jiqc_78 {
   color: var(--color-text-muted);
   background-color: var(--color-background-cardheader);
 }
-._item_rdsv1_78._heading_rdsv1_78._action_rdsv1_189:hover {
+._item_1jiqc_78._heading_1jiqc_78._action_1jiqc_189:hover {
   color: var(--color-text-primary-hover);
 }
-._item_rdsv1_78 ._label_rdsv1_223 {
+._item_1jiqc_78 ._label_1jiqc_223 {
   display: flex;
   align-items: center;
   margin-right: var(--padding-xs);
   flex-shrink: 0;
 }
-._item_rdsv1_78 ._details_rdsv1_229,
-._item_rdsv1_78 ._metadata_rdsv1_230 {
+._item_1jiqc_78 ._details_1jiqc_229,
+._item_1jiqc_78 ._metadata_1jiqc_230 {
   display: block;
   width: 100%;
   font-weight: normal;
 }
-._item_rdsv1_78 ._metadata_rdsv1_230 {
+._item_1jiqc_78 ._metadata_1jiqc_230 {
   color: var(--color-text-muted);
 }
-._item_rdsv1_78 ._itemContent_rdsv1_238 {
+._item_1jiqc_78 ._itemContent_1jiqc_238 {
   padding: 0 var(--padding) var(--padding-sm);
   cursor: auto;
 }
-._item_rdsv1_78 ._itemContent_rdsv1_238:empty {
+._item_1jiqc_78 ._itemContent_1jiqc_238:empty {
   padding: inherit;
 }
-._indentIcon_rdsv1_245 {
+._indentIcon_1jiqc_245 {
   color: var(--color-text-faint);
   flex-shrink: 0;
   margin-right: var(--padding-xxs);
 }
-._expandIcon_rdsv1_250 {
+._expandIcon_1jiqc_250 {
   flex-shrink: 0;
   position: relative;
   display: flex;
   height: var(--line-height);
   margin-right: var(--padding-xs);
 }
-._expandIcon_rdsv1_250._expanded_rdsv1_257 svg {
+._expandIcon_1jiqc_250._expanded_1jiqc_257 svg {
   transform: rotate(90deg);
 }
-._right_rdsv1_260 {
+._right_1jiqc_260 {
   margin-left: auto;
   display: flex;
   align-items: center;
   margin-top: calc((var(--line-height) - var(--size-sm)) / 2);
   margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
-  margin-right: calc(var(--padding-xs) * -1);
   min-height: var(--size-sm);
 }
-._actions_rdsv1_269 {
+._actions_1jiqc_268 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;
 }
-._scrollableList_rdsv1_274 {
+._scrollableList_1jiqc_273 {
   height: 100%;
   overflow-y: auto;
   scroll-behavior: smooth;
 }
-._hideScrollbar_rdsv1_67 {
+._hideScrollbar_1jiqc_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_rdsv1_67::-webkit-scrollbar {
+._hideScrollbar_1jiqc_67::-webkit-scrollbar {
   display: none;
 }
 ._loader_477i5_1 {
@@ -8575,123 +8573,123 @@ button:active .remirror-menu-pane-shortcut,
   min-height: 0;
   flex-shrink: 0;
 }
-._inputInTable_9gmrd_1 {
+._inputInTable_1n7o1_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_9gmrd_1:not(:hover) {
+._inputInTable_1n7o1_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_9gmrd_1:not(:focus) {
+._inputInTable_1n7o1_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_9gmrd_13 {
+._inputHover_1n7o1_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_9gmrd_18 {
+._inputFocus_1n7o1_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_9gmrd_25,
-._inputWarning_9gmrd_26 {
+._inputError_1n7o1_25,
+._inputWarning_1n7o1_26 {
   position: relative;
 }
-._inputError_9gmrd_25 {
+._inputError_1n7o1_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_9gmrd_25:hover {
+._inputError_1n7o1_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_9gmrd_25:focus {
+._inputError_1n7o1_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_9gmrd_26 {
+._inputWarning_1n7o1_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_9gmrd_26:hover {
+._inputWarning_1n7o1_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_9gmrd_26:focus {
+._inputWarning_1n7o1_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_9gmrd_61 {
+._inputDisabled_1n7o1_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_9gmrd_67 {
+._hideScrollbars_1n7o1_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_9gmrd_67::-webkit-scrollbar {
+._hideScrollbars_1n7o1_67::-webkit-scrollbar {
   display: none;
 }
 :root {
   --size-sidebar: var(--size-xl);
   --size-sidebar-icon: var(--size);
-  --color-background-sidebar: var(--color-neutral-1000);
+  --color-background-sidebar: black;
 }
-._sidebar_9gmrd_82 {
+._sidebar_1n7o1_82 {
   background-color: var(--color-background-sidebar);
   color: white;
   position: relative;
   padding: var(--padding) 0;
 }
 @media print {
-  ._sidebar_9gmrd_82 {
+  ._sidebar_1n7o1_82 {
     display: none;
   }
 }
-._inner_9gmrd_93 {
+._inner_1n7o1_93 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._inner_9gmrd_93::-webkit-scrollbar {
+._inner_1n7o1_93::-webkit-scrollbar {
   display: none;
 }
-._title_9gmrd_103,
-._subtitle_9gmrd_104,
-._label_9gmrd_105 {
+._title_1n7o1_103,
+._subtitle_1n7o1_104,
+._label_1n7o1_105 {
   transition: opacity 0.2s, max-height 0.2s, margin 0.2s, color 0.2s;
   max-height: 50px;
 }
-._collapsed_9gmrd_109 ._title_9gmrd_103,
-._collapsed_9gmrd_109 ._subtitle_9gmrd_104,
-._collapsed_9gmrd_109 ._label_9gmrd_105 {
+._collapsed_1n7o1_109 ._title_1n7o1_103,
+._collapsed_1n7o1_109 ._subtitle_1n7o1_104,
+._collapsed_1n7o1_109 ._label_1n7o1_105 {
   opacity: 0;
   max-height: 0;
   margin-bottom: 0;
   margin-top: 0;
 }
-._title_9gmrd_103 {
+._title_1n7o1_103 {
   overflow: hidden;
   max-width: 100%;
   text-overflow: ellipsis;
@@ -8700,55 +8698,55 @@ button:active .remirror-menu-pane-shortcut,
   font-size: var(--font-size-xl);
   padding: 0 var(--padding);
 }
-._subtitle_9gmrd_104 {
+._subtitle_1n7o1_104 {
   margin-bottom: var(--padding-xs);
   white-space: nowrap;
   font-size: var(--font-size);
   letter-spacing: var(--letter-spacing-wide);
-  color: var(--color-neutral-500);
+  color: var(--color-neutral-700);
   padding: 0 var(--padding);
 }
-._list_9gmrd_134 {
+._list_1n7o1_134 {
   margin-bottom: var(--padding-xl);
   margin-top: 0;
 }
-._item_9gmrd_138 {
+._item_1n7o1_138 {
   transition: padding 0.2s, color 0.2s;
   font-size: var(--font-size-lg);
   font-weight: normal;
   display: flex;
   padding: var(--padding-xxs) var(--padding);
   align-items: center;
-  color: var(--color-neutral-400);
+  color: var(--color-neutral-500);
 }
-._collapsed_9gmrd_109 ._item_9gmrd_138 {
+._collapsed_1n7o1_109 ._item_1n7o1_138 {
   padding: var(--padding-xxs) calc((var(--size-sidebar) - var(--size-sidebar-icon)) / 2);
 }
-._item_9gmrd_138:hover {
+._item_1n7o1_138:hover {
   color: var(--color-neutral-200);
 }
-._item_9gmrd_138._experimental_9gmrd_153 {
+._item_1n7o1_138._experimental_1n7o1_153 {
   background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 8px, rgba(255, 255, 255, 0.1) 16px, transparent 16px, transparent 24px);
 }
-._item_9gmrd_138:active,
-._item_9gmrd_138._active_9gmrd_157 {
+._item_1n7o1_138:active,
+._item_1n7o1_138._active_1n7o1_157 {
   color: var(--color-neutral-0);
   background-color: var(--color-primary-700);
 }
-._icon_9gmrd_161 {
+._icon_1n7o1_161 {
   margin-right: var(--padding-sm);
   line-height: 0;
   flex-shrink: 0;
   display: block;
   font-size: var(--size-sidebar-icon);
 }
-._icon_9gmrd_161 > span {
+._icon_1n7o1_161 > span {
   display: block;
 }
-._icon_9gmrd_161 svg {
+._icon_1n7o1_161 svg {
   stroke-width: 1;
 }
-._label_9gmrd_105 {
+._label_1n7o1_105 {
   white-space: nowrap;
   overflow: hidden;
 }