@oliasoft-open-source/react-ui-library 4.0.0-beta-35 → 4.0.0-beta-36

package/dist/global.css

@@ -544,12 +544,9 @@ a {
   --margin-sm: var(--space-2);
   --margin: var(--space-3);
   --margin-lg: var(--space-4);
-  --padding-x: var(--space-4);
-  --padding-y: var(--space-4);
-  --padding: var(--padding-y) var(--padding-x);
-  --padding-sm-x: var(--space-3);
-  --padding-sm-y: var(--space-3);
-  --padding-sm: var(--padding-sm-y) var(--padding-sm-x);
+  --margin-xl: var(--space-5);
+  --padding: var(--space-4);
+  --padding-sm: var(--space-3);
   --padding-input-x: var(--space-2);
   --padding-input-y: calc((var(--size) - var(--line-height) - 2px) / 2);
   --padding-input: var(--padding-input-y) var(--padding-input-x);
@@ -1571,46 +1568,22 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._spinner_amhhg_1 {
-  --size-spinner: var(--size);
-  display: inline-block;
+._spinner_156m4_1 {
+  display: inline-flex;
   position: relative;
-  width: var(--size-spinner);
-  height: var(--size-spinner);
+  width: 1em;
+  height: 1em;
 }
-._spinner_amhhg_1 div {
-  box-sizing: border-box;
+._spinner_156m4_1:after {
+  content: '';
   display: block;
-  position: absolute;
-  width: var(--size-spinner);
-  height: var(--size-spinner);
-  border: 1px solid #fff;
+  width: 1em;
+  height: 1em;
   border-radius: 50%;
-  animation: _spinner_amhhg_1 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-  border-color: #fff transparent transparent transparent;
-}
-._spinner_amhhg_1._small_amhhg_19 {
-  --size-spinner: var(--font-size);
-}
-._spinner_amhhg_1._tiny_amhhg_22 {
-  --size-spinner: var(--font-size-xs);
-}
-._spinner_amhhg_1._colored_amhhg_25 div {
-  border-color: var(--color-background-primary) transparent transparent transparent;
-}
-._spinner_amhhg_1._dark_amhhg_28 div {
-  border-color: var(--color-text-muted) transparent transparent transparent;
-}
-._spinner_amhhg_1 div:nth-child(1) {
-  animation-delay: -0.45s;
-}
-._spinner_amhhg_1 div:nth-child(2) {
-  animation-delay: -0.3s;
-}
-._spinner_amhhg_1 div:nth-child(3) {
-  animation-delay: -0.15s;
+  animation: _spinner_156m4_1 1.2s linear infinite;
+  box-shadow: 0 -1.25px 0 currentcolor;
 }
-@keyframes _spinner_amhhg_1 {
+@keyframes _spinner_156m4_1 {
   0% {
     transform: rotate(0deg);
   }
@@ -1820,7 +1793,7 @@ html[data-theme='dark'] {
 ._icons_ss23n_20 > * {
   margin-left: var(--margin-xs);
 }
-._dialog_bamra_1 {
+._dialog_1xtuy_1 {
   border-radius: var(--border-radius);
   background: var(--color-background-raised);
   line-height: var(--line-height);
@@ -1829,127 +1802,127 @@ html[data-theme='dark'] {
   display: flex;
   flex-direction: column;
 }
-._dialog_bamra_1 > :first-child {
+._dialog_1xtuy_1 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._dialog_bamra_1 > :last-child {
+._dialog_1xtuy_1 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._dialog_bamra_1._inline_bamra_18 {
+._dialog_1xtuy_1._inline_1xtuy_18 {
   display: inline-flex;
 }
-._dialog_bamra_1._scroll_bamra_21 {
+._dialog_1xtuy_1._scroll_1xtuy_21 {
   max-height: 100%;
 }
-._header_bamra_24 {
+._header_1xtuy_24 {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
-  padding: var(--space-3) var(--padding-x);
+  padding: var(--padding-sm) var(--padding);
   background-color: var(--color-background);
   border-bottom: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._header_bamra_24 ._dismiss_bamra_33 {
+._header_1xtuy_24 ._dismiss_1xtuy_33 {
   margin-right: calc(var(--margin-xs) * -1);
   margin-left: var(--margin-sm);
   flex-shrink: 0;
 }
-._content_bamra_38 {
+._content_1xtuy_38 {
   flex-grow: 1;
 }
-._scroll_bamra_21 ._content_bamra_38 {
+._scroll_1xtuy_21 ._content_1xtuy_38 {
   overflow: auto;
   min-height: 0;
   height: 100%;
   flex: 1 1 auto;
 }
-._footer_bamra_47 {
+._footer_1xtuy_47 {
   display: flex;
-  padding: var(--space-3) var(--padding-x);
+  padding: var(--padding-sm) var(--padding);
   background-color: var(--color-background);
   border-top: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._footer_bamra_47 button:not(:last-child) {
+._footer_1xtuy_47 button:not(:last-child) {
   margin-right: var(--margin);
 }
-._inputInTable_1jtrv_1 {
+._inputInTable_1v4te_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1jtrv_1:not(:hover) {
+._inputInTable_1v4te_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1jtrv_1:not(:focus) {
+._inputInTable_1v4te_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1jtrv_13 {
+._inputHover_1v4te_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1jtrv_18 {
+._inputFocus_1v4te_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1jtrv_25,
-._inputWarning_1jtrv_26 {
+._inputError_1v4te_25,
+._inputWarning_1v4te_26 {
   position: relative;
 }
-._inputError_1jtrv_25 {
+._inputError_1v4te_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1jtrv_25:hover {
+._inputError_1v4te_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1jtrv_25:focus {
+._inputError_1v4te_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1jtrv_26 {
+._inputWarning_1v4te_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1jtrv_26:hover {
+._inputWarning_1v4te_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1jtrv_26:focus {
+._inputWarning_1v4te_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1jtrv_61 {
+._inputDisabled_1v4te_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1jtrv_67 {
+._hideScrollbars_1v4te_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1jtrv_67::-webkit-scrollbar {
+._hideScrollbars_1v4te_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -1967,37 +1940,37 @@ html[data-theme='dark'] {
   --color-border-drawer-tab: var(--color-primary-750);
   --color-background-drawer-handle-hover: rgba(255, 255, 255, 0.1);
 }
-._inline_1jtrv_92 {
+._inline_1v4te_92 {
   position: relative;
 }
-._inline_1jtrv_92._left_1jtrv_95 {
+._inline_1v4te_92._left_1v4te_95 {
   order: -1;
 }
-._inline_1jtrv_92._right_1jtrv_98 {
+._inline_1v4te_92._right_1v4te_98 {
   order: 9999;
 }
-._fixed_1jtrv_101 {
+._fixed_1v4te_101 {
   position: fixed;
   top: 0;
   bottom: 0;
   z-index: var(--zindex-drawer);
 }
-._fixed_1jtrv_101._left_1jtrv_95 {
+._fixed_1v4te_101._left_1v4te_95 {
   left: 0;
 }
-._fixed_1jtrv_101._right_1jtrv_98 {
+._fixed_1v4te_101._right_1v4te_98 {
   right: 0;
 }
-._left_1jtrv_95 ._border_1jtrv_113 {
+._left_1v4te_95 ._border_1v4te_113 {
   border-right: 1px solid var(--color-border);
 }
-._right_1jtrv_98 ._border_1jtrv_113 {
+._right_1v4te_98 ._border_1v4te_113 {
   border-left: 1px solid var(--color-border);
 }
-._shadow_1jtrv_119 {
+._shadow_1v4te_119 {
   box-shadow: var(--shadow-layer);
 }
-._drawerContent_1jtrv_122 {
+._drawerContent_1v4te_122 {
   overflow-x: hidden;
   overflow-y: auto;
   max-height: 100%;
@@ -2009,56 +1982,56 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._isResizing_1jtrv_134 ._drawerContent_1jtrv_122 {
+._isResizing_1v4te_134 ._drawerContent_1v4te_122 {
   transition: none;
 }
 @media print {
-  ._drawerContent_1jtrv_122 {
+  ._drawerContent_1v4te_122 {
     background: transparent !important;
   }
 }
-._drawerContent_1jtrv_122::-webkit-scrollbar {
+._drawerContent_1v4te_122::-webkit-scrollbar {
   display: none;
 }
-._toggleButton_1jtrv_145 {
+._toggleButton_1v4te_145 {
   transition: transform 0.4s;
   display: inline-block;
   transform: rotate(180deg);
   position: absolute;
   z-index: calc(var(--zindex-drawer) + 3);
 }
-._left_1jtrv_95 ._toggleButton_1jtrv_145 {
+._left_1v4te_95 ._toggleButton_1v4te_145 {
   right: calc(var(--size) / -2);
 }
-._right_1jtrv_98 ._toggleButton_1jtrv_145 {
+._right_1v4te_98 ._toggleButton_1v4te_145 {
   left: calc(var(--size) / -2);
 }
-._toggleButton_1jtrv_145._top_1jtrv_158 {
-  top: var(--padding-y);
+._toggleButton_1v4te_145._top_1v4te_158 {
+  top: var(--padding);
 }
-._toggleButton_1jtrv_145._bottom_1jtrv_161 {
-  bottom: var(--padding-y);
+._toggleButton_1v4te_145._bottom_1v4te_161 {
+  bottom: var(--padding);
 }
-._toggleButton_1jtrv_145._toggleButtonOpen_1jtrv_164 {
+._toggleButton_1v4te_145._toggleButtonOpen_1v4te_164 {
   transform: rotate(0deg);
 }
-._tabs_1jtrv_167 {
+._tabs_1v4te_167 {
   position: absolute;
   top: 0;
   bottom: 0;
   background-color: var(--color-background-drawer-tabs);
-  padding-top: var(--padding-y);
+  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_1jtrv_95 ._tabs_1jtrv_167 {
+._left_1v4te_95 ._tabs_1v4te_167 {
   right: 0;
 }
-._right_1jtrv_98 ._tabs_1jtrv_167 {
+._right_1v4te_98 ._tabs_1v4te_167 {
   left: 0;
 }
-._tabs_1jtrv_167 ._tab_1jtrv_167 {
+._tabs_1v4te_167 ._tab_1v4te_167 {
   font-size: var(--size-sm);
   height: var(--size-drawer-tabs);
   width: var(--size-drawer-tabs);
@@ -2070,39 +2043,39 @@ html[data-theme='dark'] {
   transition: color 0.3s, background-color 0.3s;
   border: 1px solid var(--color-border-drawer-tab);
 }
-._left_1jtrv_95 ._tabs_1jtrv_167 ._tab_1jtrv_167 {
+._left_1v4te_95 ._tabs_1v4te_167 ._tab_1v4te_167 {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._left_1jtrv_95 ._tabs_1jtrv_167 ._tab_1jtrv_167._active_1jtrv_199 {
+._left_1v4te_95 ._tabs_1v4te_167 ._tab_1v4te_167._active_1v4te_199 {
   border-left-color: transparent;
 }
-._right_1jtrv_98 ._tabs_1jtrv_167 ._tab_1jtrv_167 {
+._right_1v4te_98 ._tabs_1v4te_167 ._tab_1v4te_167 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-._right_1jtrv_98 ._tabs_1jtrv_167 ._tab_1jtrv_167._active_1jtrv_199 {
+._right_1v4te_98 ._tabs_1v4te_167 ._tab_1v4te_167._active_1v4te_199 {
   border-right-color: transparent;
 }
-._tabs_1jtrv_167 ._tab_1jtrv_167:not(._active_1jtrv_199) {
+._tabs_1v4te_167 ._tab_1v4te_167:not(._active_1v4te_199) {
   color: var(--color-text-primary);
   background-color: var(--color-background-drawer-tab) !important;
 }
-._tabs_1jtrv_167 ._tab_1jtrv_167:not(._active_1jtrv_199):hover {
+._tabs_1v4te_167 ._tab_1v4te_167:not(._active_1v4te_199):hover {
   color: var(--color-text);
   background-color: var(--color-background-drawer-tab-hover) !important;
 }
-._tabs_1jtrv_167 ._tab_1jtrv_167._active_1jtrv_199 {
+._tabs_1v4te_167 ._tab_1v4te_167._active_1v4te_199 {
   color: var(--color-text);
   border-color: var(--color-border);
 }
-._left_1jtrv_95 ._tabsContent_1jtrv_221 {
+._left_1v4te_95 ._tabsContent_1v4te_221 {
   padding-right: calc(var(--size-drawer-tabs) - 1px);
 }
-._right_1jtrv_98 ._tabsContent_1jtrv_221 {
+._right_1v4te_98 ._tabsContent_1v4te_221 {
   padding-left: calc(var(--size-drawer-tabs) - 1px);
 }
-._resizeHandle_1jtrv_227 {
+._resizeHandle_1v4te_227 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2115,18 +2088,18 @@ html[data-theme='dark'] {
   font-size: var(--font-size-sm);
   transition: all 0.2s;
 }
-._resizeHandle_1jtrv_227:hover {
+._resizeHandle_1v4te_227:hover {
   background: var(--color-background-drawer-handle-hover);
   color: var(--color-text-primary);
 }
-._resizeHandle_1jtrv_227:active {
+._resizeHandle_1v4te_227:active {
   background: var(--color-text-primary);
   color: white;
 }
-._left_1jtrv_95 ._resizeHandle_1jtrv_227 {
+._left_1v4te_95 ._resizeHandle_1v4te_227 {
   right: 0;
 }
-._right_1jtrv_98 ._resizeHandle_1jtrv_227 {
+._right_1v4te_98 ._resizeHandle_1v4te_227 {
   left: 0;
 }
 ._empty_1ytdm_1 {
@@ -2423,123 +2396,123 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._inputInTable_c5l8r_1 {
+._inputInTable_mu8ho_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_c5l8r_1:not(:hover) {
+._inputInTable_mu8ho_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_c5l8r_1:not(:focus) {
+._inputInTable_mu8ho_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_c5l8r_13 {
+._inputHover_mu8ho_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_c5l8r_18 {
+._inputFocus_mu8ho_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_c5l8r_25,
-._inputWarning_c5l8r_26 {
+._inputError_mu8ho_25,
+._inputWarning_mu8ho_26 {
   position: relative;
 }
-._inputError_c5l8r_25 {
+._inputError_mu8ho_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_c5l8r_25:hover {
+._inputError_mu8ho_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_c5l8r_25:focus {
+._inputError_mu8ho_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_c5l8r_26 {
+._inputWarning_mu8ho_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_c5l8r_26:hover {
+._inputWarning_mu8ho_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_c5l8r_26:focus {
+._inputWarning_mu8ho_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_c5l8r_61 {
+._inputDisabled_mu8ho_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_c5l8r_67 {
+._hideScrollbars_mu8ho_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_c5l8r_67::-webkit-scrollbar {
+._hideScrollbars_mu8ho_67::-webkit-scrollbar {
   display: none;
 }
-._header_c5l8r_77 ._headerTitle_c5l8r_77,
-._heading_c5l8r_78 ._itemHeader_c5l8r_78 {
+._header_mu8ho_77 ._headerTitle_mu8ho_77,
+._heading_mu8ho_78 ._itemHeader_mu8ho_78 {
   transition: opacity 0.3s;
 }
-._narrow_c5l8r_81 ._header_c5l8r_77 ._headerTitle_c5l8r_77,
-._narrow_c5l8r_81 ._heading_c5l8r_78 ._itemHeader_c5l8r_78 {
+._narrow_mu8ho_81 ._header_mu8ho_77 ._headerTitle_mu8ho_77,
+._narrow_mu8ho_81 ._heading_mu8ho_78 ._itemHeader_mu8ho_78 {
   opacity: 0;
 }
-._stickyHeader_c5l8r_85 {
+._stickyHeader_mu8ho_85 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_c5l8r_78 {
-  padding: var(--space-2) var(--padding-x);
+._itemHeader_mu8ho_78 {
+  padding: var(--space-2) var(--padding);
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_c5l8r_78 ._title_c5l8r_96 {
+._itemHeader_mu8ho_78 ._title_mu8ho_96 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_c5l8r_78 ._name_c5l8r_102 {
+._itemHeader_mu8ho_78 ._name_mu8ho_102 {
   font-weight: 400;
 }
-._itemHeader_c5l8r_78 ._iconTooltipMargin_c5l8r_105 {
+._itemHeader_mu8ho_78 ._iconTooltipMargin_mu8ho_105 {
   margin-left: var(--margin-sm);
 }
-._itemHeader_c5l8r_78 ._bold_c5l8r_108 {
+._itemHeader_mu8ho_78 ._bold_mu8ho_108 {
   font-weight: bold;
 }
-._header_c5l8r_77 {
+._header_mu8ho_77 {
   padding: var(--padding);
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--color-border);
 }
-._toggleNarrow_c5l8r_117 {
+._toggleNarrow_mu8ho_117 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -2548,16 +2521,16 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_c5l8r_117:hover {
+._toggleNarrow_mu8ho_117:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_c5l8r_117:active {
+._toggleNarrow_mu8ho_117:active {
   color: var(--color-text-primary-active);
 }
-._narrow_c5l8r_81 ._toggleNarrow_c5l8r_117 {
+._narrow_mu8ho_81 ._toggleNarrow_mu8ho_117 {
   transform: scaleX(-1);
 }
-._drag_c5l8r_135 {
+._drag_mu8ho_135 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
@@ -2568,28 +2541,28 @@ html[data-theme='dark'] {
   height: 19px;
   width: 19px;
 }
-._drag_c5l8r_135:hover {
+._drag_mu8ho_135:hover {
   color: var(--color-text-primary-hover);
 }
-._drag_c5l8r_135:active {
+._drag_mu8ho_135:active {
   color: var(--color-text-primary-active);
 }
-._list_c5l8r_152 {
+._list_mu8ho_152 {
   flex-shrink: 0;
   background: var(--color-background);
 }
-._list_c5l8r_152._bordered_c5l8r_156:first-child,
-._list_c5l8r_152._bordered_c5l8r_156:first-child > :first-child {
+._list_mu8ho_152._bordered_mu8ho_156:first-child,
+._list_mu8ho_152._bordered_mu8ho_156:first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._list_c5l8r_152._bordered_c5l8r_156:last-child,
-._list_c5l8r_152._bordered_c5l8r_156:last-child > :last-child {
+._list_mu8ho_152._bordered_mu8ho_156:last-child,
+._list_mu8ho_152._bordered_mu8ho_156:last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
   border-bottom: 0;
 }
-._item_c5l8r_78 {
+._item_mu8ho_78 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -2600,7 +2573,7 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_c5l8r_78:not(._heading_c5l8r_78):after {
+._item_mu8ho_78:not(._heading_mu8ho_78):after {
   content: '';
   position: absolute;
   left: 0;
@@ -2611,73 +2584,73 @@ html[data-theme='dark'] {
   border-bottom-left-radius: inherit;
   transition: background 0.3s;
 }
-._item_c5l8r_78._action_c5l8r_189 {
+._item_mu8ho_78._action_mu8ho_189 {
   cursor: pointer;
 }
-._item_c5l8r_78._action_c5l8r_189:not(._active_c5l8r_192):hover {
+._item_mu8ho_78._action_mu8ho_189:not(._active_mu8ho_192):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_c5l8r_78._action_c5l8r_189:not(._active_c5l8r_192):hover:after {
+._item_mu8ho_78._action_mu8ho_189:not(._active_mu8ho_192):hover:after {
   background: rgba(0, 0, 0, 0.1);
 }
-._item_c5l8r_78._active_c5l8r_192 {
+._item_mu8ho_78._active_mu8ho_192 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_c5l8r_78._active_c5l8r_192:after {
+._item_mu8ho_78._active_mu8ho_192:after {
   background: var(--color-background-primary) !important;
 }
-._item_c5l8r_78._disabled_c5l8r_207 {
+._item_mu8ho_78._disabled_mu8ho_207 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_c5l8r_78._heading_c5l8r_78 {
+._item_mu8ho_78._heading_mu8ho_78 {
   color: var(--color-text-muted);
   background-color: transparent;
 }
-._item_c5l8r_78._heading_c5l8r_78._action_c5l8r_189:hover {
+._item_mu8ho_78._heading_mu8ho_78._action_mu8ho_189:hover {
   color: var(--color-text-primary-hover);
 }
-._item_c5l8r_78 ._label_c5l8r_218 {
+._item_mu8ho_78 ._label_mu8ho_218 {
   display: flex;
   align-items: center;
   margin-right: var(--margin-sm);
   flex-shrink: 0;
 }
-._item_c5l8r_78 ._details_c5l8r_224,
-._item_c5l8r_78 ._metadata_c5l8r_225 {
+._item_mu8ho_78 ._details_mu8ho_224,
+._item_mu8ho_78 ._metadata_mu8ho_225 {
   display: block;
   width: 100%;
   font-weight: normal;
 }
-._item_c5l8r_78 ._metadata_c5l8r_225 {
+._item_mu8ho_78 ._metadata_mu8ho_225 {
   color: var(--color-text-muted);
 }
-._item_c5l8r_78 ._itemContent_c5l8r_233 {
-  padding: 0 var(--padding-x) var(--padding-sm-y);
+._item_mu8ho_78 ._itemContent_mu8ho_233 {
+  padding: 0 var(--padding) var(--padding-sm);
   cursor: auto;
 }
-._item_c5l8r_78 ._itemContent_c5l8r_233:empty {
+._item_mu8ho_78 ._itemContent_mu8ho_233:empty {
   padding: inherit;
 }
-._indentIcon_c5l8r_240 {
+._indentIcon_mu8ho_240 {
   color: var(--color-text-faint);
   flex-shrink: 0;
   margin-right: var(--margin-xs);
 }
-._expandIcon_c5l8r_245 {
+._expandIcon_mu8ho_245 {
   flex-shrink: 0;
   position: relative;
   display: flex;
   height: var(--line-height);
   margin-right: var(--margin-xs);
 }
-._expandIcon_c5l8r_245._expanded_c5l8r_252 svg {
+._expandIcon_mu8ho_245._expanded_mu8ho_252 svg {
   transform: rotate(90deg);
 }
-._right_c5l8r_255 {
+._right_mu8ho_255 {
   margin-left: auto;
   display: flex;
   align-items: center;
@@ -2686,24 +2659,24 @@ html[data-theme='dark'] {
   margin-right: calc(var(--margin-sm) * -1);
   min-height: var(--size-sm);
 }
-._actions_c5l8r_264 {
+._actions_mu8ho_264 {
   margin-left: var(--margin-sm);
   display: flex;
   align-items: center;
 }
-._scrollableList_c5l8r_269 {
+._scrollableList_mu8ho_269 {
   height: 100%;
   overflow-y: auto;
   scroll-behavior: smooth;
 }
-._hideScrollbar_c5l8r_67 {
+._hideScrollbar_mu8ho_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_c5l8r_67::-webkit-scrollbar {
+._hideScrollbar_mu8ho_67::-webkit-scrollbar {
   display: none;
 }
 ._loader_vbf26_1 {
@@ -8498,177 +8471,177 @@ button:active .remirror-menu-pane-shortcut,
   min-height: 0;
   flex-shrink: 0;
 }
-._inputInTable_in9sh_1 {
+._inputInTable_roq5v_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_in9sh_1:not(:hover) {
+._inputInTable_roq5v_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_in9sh_1:not(:focus) {
+._inputInTable_roq5v_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_in9sh_13 {
+._inputHover_roq5v_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_in9sh_18 {
+._inputFocus_roq5v_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_in9sh_25,
-._inputWarning_in9sh_26 {
+._inputError_roq5v_25,
+._inputWarning_roq5v_26 {
   position: relative;
 }
-._inputError_in9sh_25 {
+._inputError_roq5v_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_in9sh_25:hover {
+._inputError_roq5v_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_in9sh_25:focus {
+._inputError_roq5v_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_in9sh_26 {
+._inputWarning_roq5v_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_in9sh_26:hover {
+._inputWarning_roq5v_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_in9sh_26:focus {
+._inputWarning_roq5v_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_in9sh_61 {
+._inputDisabled_roq5v_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_in9sh_67 {
+._hideScrollbars_roq5v_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_in9sh_67::-webkit-scrollbar {
+._hideScrollbars_roq5v_67::-webkit-scrollbar {
   display: none;
 }
 :root {
   --size-sidebar: var(--size-xl);
   --color-background-sidebar: var(--color-neutral-1000);
 }
-._sidebar_in9sh_81 {
+._sidebar_roq5v_81 {
   background-color: var(--color-background-sidebar);
   color: white;
   position: relative;
-  padding: var(--padding-y) 0;
+  padding: var(--padding) 0;
 }
 @media print {
-  ._sidebar_in9sh_81 {
+  ._sidebar_roq5v_81 {
     display: none;
   }
 }
-._inner_in9sh_92 {
+._inner_roq5v_92 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._inner_in9sh_92::-webkit-scrollbar {
+._inner_roq5v_92::-webkit-scrollbar {
   display: none;
 }
-._title_in9sh_102,
-._subtitle_in9sh_103,
-._label_in9sh_104 {
+._title_roq5v_102,
+._subtitle_roq5v_103,
+._label_roq5v_104 {
   transition: opacity 0.2s, max-height 0.2s, margin 0.2s, color 0.2s;
   max-height: 50px;
 }
-._collapsed_in9sh_108 ._title_in9sh_102,
-._collapsed_in9sh_108 ._subtitle_in9sh_103,
-._collapsed_in9sh_108 ._label_in9sh_104 {
+._collapsed_roq5v_108 ._title_roq5v_102,
+._collapsed_roq5v_108 ._subtitle_roq5v_103,
+._collapsed_roq5v_108 ._label_roq5v_104 {
   opacity: 0;
   max-height: 0;
   margin-bottom: 0;
   margin-top: 0;
 }
-._title_in9sh_102 {
+._title_roq5v_102 {
   overflow: hidden;
   max-width: 100%;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-top: 0;
   font-size: var(--font-size-lg);
-  padding: 0 var(--padding-x);
+  padding: 0 var(--padding);
 }
-._subtitle_in9sh_103 {
+._subtitle_roq5v_103 {
   margin-bottom: var(--margin);
   white-space: nowrap;
   font-size: var(--font-size-sm);
   letter-spacing: 0.1em;
   opacity: 0.6;
-  padding: 0 var(--padding-x);
+  padding: 0 var(--padding);
 }
-._list_in9sh_133 {
+._list_roq5v_133 {
   margin-bottom: var(--margin);
   margin-top: 0;
 }
-._item_in9sh_137 {
+._item_roq5v_137 {
   min-height: var(--size-lg);
   transition: padding 0.2s;
   font-size: var(--font-size-lg);
   color: white;
   font-weight: normal;
   display: flex;
-  padding: 0 var(--padding-x);
+  padding: 0 var(--padding);
   align-items: center;
   margin-bottom: var(--margin-xs);
 }
-._collapsed_in9sh_108 ._item_in9sh_137 {
+._collapsed_roq5v_108 ._item_roq5v_137 {
   padding: 0 9px;
 }
-._item_in9sh_137:focus {
+._item_roq5v_137:focus {
   outline: none;
 }
-._item_in9sh_137::-moz-focus-inner {
+._item_roq5v_137::-moz-focus-inner {
   border: 0;
 }
-._item_in9sh_137:hover,
-._item_in9sh_137:focus {
+._item_roq5v_137:hover,
+._item_roq5v_137:focus {
   color: var(--color-primary-400);
 }
-._item_in9sh_137:active {
+._item_roq5v_137:active {
   color: var(--color-primary-300);
 }
-._item_in9sh_137._active_in9sh_164 {
+._item_roq5v_137._active_roq5v_164 {
   color: white;
   background: black;
 }
-._item_in9sh_137._experimental_in9sh_168 {
+._item_roq5v_137._experimental_roq5v_168 {
   background: #40130b;
 }
-._icon_in9sh_171 {
+._icon_roq5v_171 {
   margin-right: var(--margin);
   line-height: 0;
   flex-shrink: 0;
@@ -8676,23 +8649,23 @@ button:active .remirror-menu-pane-shortcut,
   opacity: 0.4;
   display: block;
 }
-._item_in9sh_137:hover ._icon_in9sh_171,
-._item_in9sh_137:focus ._icon_in9sh_171 {
+._item_roq5v_137:hover ._icon_roq5v_171,
+._item_roq5v_137:focus ._icon_roq5v_171 {
   opacity: 0.6;
 }
-._item_in9sh_137:active ._icon_in9sh_171 {
+._item_roq5v_137:active ._icon_roq5v_171 {
   opacity: 0.8;
 }
-._item_in9sh_137._active_in9sh_164 ._icon_in9sh_171 {
+._item_roq5v_137._active_roq5v_164 ._icon_roq5v_171 {
   opacity: 1;
 }
-._icon_in9sh_171 > * {
+._icon_roq5v_171 > * {
   opacity: 1;
 }
-._icon_in9sh_171 > span {
+._icon_roq5v_171 > span {
   display: block;
 }
-._label_in9sh_104 {
+._label_roq5v_104 {
   white-space: nowrap;
   overflow: hidden;
 }
@@ -9501,23 +9474,23 @@ tbody ._staticCell_1diro_116 ._staticCellContent_1diro_119 {
 ._dragIcon_11d5t_28:active {
   color: var(--color-text-primary-active);
 }
-._tabs_zed53_1 {
+._tabs_1ajyw_1 {
   display: flex;
   flex-wrap: wrap;
   border-bottom: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._tabs_zed53_1._padding_zed53_7 {
-  padding-left: var(--padding-x);
-  padding-right: var(--padding-x);
+._tabs_1ajyw_1._padding_1ajyw_7 {
+  padding-left: var(--padding);
+  padding-right: var(--padding);
 }
-._tabs_zed53_1._margin_zed53_11 {
+._tabs_1ajyw_1._margin_1ajyw_11 {
   margin: var(--margin) 0;
 }
-._contentPadding_zed53_14 {
-  padding-top: var(--padding-y);
+._contentPadding_1ajyw_14 {
+  padding-top: var(--padding);
 }
-._item_zed53_17 {
+._item_1ajyw_17 {
   align-self: flex-end;
   display: flex;
   align-items: center;
@@ -9535,36 +9508,36 @@ tbody ._staticCell_1diro_116 ._staticCellContent_1diro_119 {
   color: var(--color-text-primary);
   cursor: pointer;
 }
-._item_zed53_17:not(:last-child) {
+._item_1ajyw_17:not(:last-child) {
   margin-right: var(--margin-lg);
 }
-._item_zed53_17:hover:not(._active_zed53_38) {
+._item_1ajyw_17:hover:not(._active_1ajyw_38) {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.025);
 }
-[data-theme='dark'] ._item_zed53_17:hover:not(._active_zed53_38) {
+[data-theme='dark'] ._item_1ajyw_17:hover:not(._active_1ajyw_38) {
   background: rgba(255, 255, 255, 0.1);
 }
-._item_zed53_17:active:not(._active_zed53_38) {
+._item_1ajyw_17:active:not(._active_1ajyw_38) {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.05);
 }
-[data-theme='dark'] ._item_zed53_17:active:not(._active_zed53_38) {
+[data-theme='dark'] ._item_1ajyw_17:active:not(._active_1ajyw_38) {
   background: rgba(255, 255, 255, 0.2);
 }
-._item_zed53_17._active_zed53_38 {
+._item_1ajyw_17._active_1ajyw_38 {
   border-color: var(--color-text);
   color: var(--color-text);
   cursor: default;
 }
-._item_zed53_17._hidden_zed53_57 {
+._item_1ajyw_17._hidden_1ajyw_57 {
   display: none !important;
 }
-._item_zed53_17._disabled_zed53_60 {
+._item_1ajyw_17._disabled_1ajyw_60 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_zed53_17._left_zed53_64 + ._item_zed53_17._right_zed53_64 {
+._item_1ajyw_17._left_1ajyw_64 + ._item_1ajyw_17._right_1ajyw_64 {
   margin-left: auto;
 }
 ._inputInTable_hyht1_1 {