@oliasoft-open-source/react-ui-library 4.0.0-beta-6 → 4.0.0-beta-7

package/dist/global.css

@@ -535,7 +535,6 @@ a {
   --size: 32px;
   --size-sm: 24px;
   --size-xs: 16px;
-  --size-checkbox: var(--size-xs);
   --spacing-2xl: 28px;
   --spacing-xl: 24px;
   --spacing-lg: 20px;
@@ -737,6 +736,17 @@ ol {
 a {
   text-decoration: none;
 }
+._chevron_9fk1o_1 {
+  margin-right: 8px;
+  display: flex;
+  font-size: var(--font-size);
+  transition: transform 0.3s;
+  color: var(--color-text-muted);
+  pointer-events: none;
+}
+._chevron_9fk1o_1._expanded_9fk1o_9 {
+  transform: rotate(90deg);
+}
 ._wrapper_18jt2_1 {
   color: inherit;
   fill: inherit;
@@ -763,17 +773,6 @@ a {
   color: var(--color-text-primary-active) !important;
   fill: var(--color-text-primary-active) !important;
 }
-._chevron_9fk1o_1 {
-  margin-right: 8px;
-  display: flex;
-  font-size: var(--font-size);
-  transition: transform 0.3s;
-  color: var(--color-text-muted);
-  pointer-events: none;
-}
-._chevron_9fk1o_1._expanded_9fk1o_9 {
-  transform: rotate(90deg);
-}
 ._accordion_1xanb_1 {
   position: relative;
   color: var(--color-text);
@@ -820,7 +819,8 @@ a {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
-._checkbox_1fv4t_1 {
+._checkbox_1c926_1 {
+  --size-checkbox: var(--size-xs);
   margin: calc((var(--size) - var(--size-checkbox)) / 2) 0;
   position: relative;
   display: flex;
@@ -835,14 +835,15 @@ a {
   min-width: var(--size-checkbox);
   outline: 0px;
 }
-._checkbox_1fv4t_1._noLabel_1fv4t_16 {
+._checkbox_1c926_1._noLabel_1c926_17 {
   width: var(--size-checkbox);
 }
-._checkbox_1fv4t_1._small_1fv4t_19 {
+._checkbox_1c926_1._small_1c926_20 {
+  --size-checkbox: calc(var(--size-xs) - 4px);
   margin: calc((var(--size-sm) - var(--size-checkbox)) / 2) 0;
   font-size: var(--font-size-sm);
 }
-._checkbox_1fv4t_1 input {
+._checkbox_1c926_1 input {
   cursor: pointer;
   position: absolute;
   top: 0px;
@@ -851,7 +852,7 @@ a {
   outline: 0px;
   z-index: -1;
 }
-._checkbox_1fv4t_1 label {
+._checkbox_1c926_1 label {
   cursor: pointer;
   user-select: none;
   color: var(--color-text);
@@ -860,44 +861,48 @@ a {
   padding-left: calc(var(--size-checkbox) + var(--spacing-xs));
   outline: 0px;
 }
-._checkbox_1fv4t_1 label ._checkmark_1fv4t_41 {
+._checkbox_1c926_1 label ._checkmark_1c926_43 {
   position: absolute;
   top: 0px;
   left: 0px;
   width: var(--size-checkbox);
   height: var(--size-checkbox);
+  font-size: var(--size-checkbox);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   background: var(--color-background-input);
   border-radius: var(--border-radius-sm);
   transition: border 0.1s ease 0s, opacity 0.1s ease 0s, transform 0.1s ease 0s, box-shadow 0.1s ease 0s;
   border: 1px solid var(--color-border-checkbox);
   color: transparent;
 }
-._checkbox_1fv4t_1 label ._checkmark_1fv4t_41:hover {
+._checkbox_1c926_1 label ._checkmark_1c926_43:hover {
   border-color: var(--color-border-hover);
 }
-._checkbox_1fv4t_1 input:checked ~ label ._checkmark_1fv4t_41 {
+._checkbox_1c926_1 input:checked ~ label ._checkmark_1c926_43 {
   background: var(--color-background-primary);
   border-color: transparent;
   color: white;
 }
-._checkbox_1fv4t_1._disabled_1fv4t_61 {
+._checkbox_1c926_1._disabled_1c926_67 {
   cursor: default;
   pointer-events: none;
 }
-._checkbox_1fv4t_1._disabled_1fv4t_61 label {
+._checkbox_1c926_1._disabled_1c926_67 label {
   color: var(--color-text-muted);
 }
-._checkbox_1fv4t_1._disabled_1fv4t_61 ._checkmark_1fv4t_41 {
+._checkbox_1c926_1._disabled_1c926_67 ._checkmark_1c926_43 {
   background: var(--color-background-disabled) !important;
   border-color: var(--color-border-checkbox) !important;
 }
-._checkbox_1fv4t_1._disabled_1fv4t_61 input:checked ~ label ._checkmark_1fv4t_41 {
+._checkbox_1c926_1._disabled_1c926_67 input:checked ~ label ._checkmark_1c926_43 {
   color: var(--color-text-faint);
 }
-._noMargin_1fv4t_75 {
+._noMargin_1c926_81 {
   margin: 0;
 }
-._isInTable_1fv4t_78 {
+._isInTable_1c926_84 {
   margin: 0;
 }
 ._tooltip_bwonh_1 {
@@ -1890,77 +1895,77 @@ html[data-theme='dark'] {
 ._footer_15xxd_47 button:not(:last-child) {
   margin-right: var(--spacing);
 }
-._inputInTable_1m30t_1 {
+._inputInTable_nxzx8_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1m30t_1:not(:hover) {
+._inputInTable_nxzx8_1:not(:hover) {
   border-color: transparent;
 }
-._inputHover_1m30t_10 {
+._inputHover_nxzx8_10 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1m30t_15 {
+._inputFocus_nxzx8_15 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1m30t_22,
-._inputWarning_1m30t_23 {
+._inputError_nxzx8_22,
+._inputWarning_nxzx8_23 {
   position: relative;
 }
-._inputError_1m30t_22 {
+._inputError_nxzx8_22 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1m30t_22:hover {
+._inputError_nxzx8_22:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1m30t_22:focus {
+._inputError_nxzx8_22:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1m30t_23 {
+._inputWarning_nxzx8_23 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1m30t_23:hover {
+._inputWarning_nxzx8_23:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1m30t_23:focus {
+._inputWarning_nxzx8_23:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1m30t_58 {
+._inputDisabled_nxzx8_58 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1m30t_64 {
+._hideScrollbars_nxzx8_64 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1m30t_64::-webkit-scrollbar {
+._hideScrollbars_nxzx8_64::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -1977,37 +1982,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_1m30t_88 {
+._inline_nxzx8_88 {
   position: relative;
 }
-._inline_1m30t_88._left_1m30t_91 {
+._inline_nxzx8_88._left_nxzx8_91 {
   order: -1;
 }
-._inline_1m30t_88._right_1m30t_94 {
+._inline_nxzx8_88._right_nxzx8_94 {
   order: 9999;
 }
-._fixed_1m30t_97 {
+._fixed_nxzx8_97 {
   position: fixed;
   top: 0;
   bottom: 0;
   z-index: var(--zindex-drawer);
 }
-._fixed_1m30t_97._left_1m30t_91 {
+._fixed_nxzx8_97._left_nxzx8_91 {
   left: 0;
 }
-._fixed_1m30t_97._right_1m30t_94 {
+._fixed_nxzx8_97._right_nxzx8_94 {
   right: 0;
 }
-._left_1m30t_91 ._border_1m30t_109 {
+._left_nxzx8_91 ._border_nxzx8_109 {
   border-right: 1px solid var(--color-border);
 }
-._right_1m30t_94 ._border_1m30t_109 {
+._right_nxzx8_94 ._border_nxzx8_109 {
   border-left: 1px solid var(--color-border);
 }
-._shadow_1m30t_115 {
+._shadow_nxzx8_115 {
   box-shadow: var(--shadow-layer);
 }
-._drawerContent_1m30t_118 {
+._drawerContent_nxzx8_118 {
   overflow-x: hidden;
   overflow-y: auto;
   max-height: 100%;
@@ -2019,40 +2024,40 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._isResizing_1m30t_130 ._drawerContent_1m30t_118 {
+._isResizing_nxzx8_130 ._drawerContent_nxzx8_118 {
   transition: none;
 }
 @media print {
-  ._drawerContent_1m30t_118 {
+  ._drawerContent_nxzx8_118 {
     background: transparent !important;
   }
 }
-._drawerContent_1m30t_118::-webkit-scrollbar {
+._drawerContent_nxzx8_118::-webkit-scrollbar {
   display: none;
 }
-._toggleButton_1m30t_141 {
+._toggleButton_nxzx8_141 {
   transition: transform 0.4s;
   display: inline-block;
   transform: rotate(180deg);
   position: absolute;
   z-index: calc(var(--zindex-drawer) + 3);
 }
-._left_1m30t_91 ._toggleButton_1m30t_141 {
+._left_nxzx8_91 ._toggleButton_nxzx8_141 {
   right: calc(var(--size) / -2);
 }
-._right_1m30t_94 ._toggleButton_1m30t_141 {
+._right_nxzx8_94 ._toggleButton_nxzx8_141 {
   left: calc(var(--size) / -2);
 }
-._toggleButton_1m30t_141._top_1m30t_154 {
+._toggleButton_nxzx8_141._top_nxzx8_154 {
   top: var(--padding-y);
 }
-._toggleButton_1m30t_141._bottom_1m30t_157 {
+._toggleButton_nxzx8_141._bottom_nxzx8_157 {
   bottom: var(--padding-y);
 }
-._toggleButton_1m30t_141._toggleButtonOpen_1m30t_160 {
+._toggleButton_nxzx8_141._toggleButtonOpen_nxzx8_160 {
   transform: rotate(0deg);
 }
-._tabs_1m30t_163 {
+._tabs_nxzx8_163 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2063,13 +2068,14 @@ html[data-theme='dark'] {
   border-right: 1px solid var(--color-border);
   font-size: var(--size-sm);
 }
-._left_1m30t_91 ._tabs_1m30t_163 {
+._left_nxzx8_91 ._tabs_nxzx8_163 {
   right: 0;
 }
-._right_1m30t_94 ._tabs_1m30t_163 {
+._right_nxzx8_94 ._tabs_nxzx8_163 {
   left: 0;
 }
-._tabs_1m30t_163 ._tab_1m30t_163 {
+._tabs_nxzx8_163 ._tab_nxzx8_163 {
+  font-size: 18px;
   height: 38px;
   width: 38px;
   display: flex;
@@ -2080,39 +2086,39 @@ html[data-theme='dark'] {
   transition: color 0.3s, background-color 0.3s;
   border: 1px solid var(--color-border-drawer-tab);
 }
-._left_1m30t_91 ._tabs_1m30t_163 ._tab_1m30t_163 {
+._left_nxzx8_91 ._tabs_nxzx8_163 ._tab_nxzx8_163 {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._left_1m30t_91 ._tabs_1m30t_163 ._tab_1m30t_163._active_1m30t_195 {
+._left_nxzx8_91 ._tabs_nxzx8_163 ._tab_nxzx8_163._active_nxzx8_196 {
   border-left-color: transparent;
 }
-._right_1m30t_94 ._tabs_1m30t_163 ._tab_1m30t_163 {
+._right_nxzx8_94 ._tabs_nxzx8_163 ._tab_nxzx8_163 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-._right_1m30t_94 ._tabs_1m30t_163 ._tab_1m30t_163._active_1m30t_195 {
+._right_nxzx8_94 ._tabs_nxzx8_163 ._tab_nxzx8_163._active_nxzx8_196 {
   border-right-color: transparent;
 }
-._tabs_1m30t_163 ._tab_1m30t_163:not(._active_1m30t_195) {
+._tabs_nxzx8_163 ._tab_nxzx8_163:not(._active_nxzx8_196) {
   color: var(--color-text-primary);
   background-color: var(--color-background-drawer-tab) !important;
 }
-._tabs_1m30t_163 ._tab_1m30t_163:not(._active_1m30t_195):hover {
+._tabs_nxzx8_163 ._tab_nxzx8_163:not(._active_nxzx8_196):hover {
   color: var(--color-text);
   background-color: var(--color-background-drawer-tab-hover) !important;
 }
-._tabs_1m30t_163 ._tab_1m30t_163._active_1m30t_195 {
+._tabs_nxzx8_163 ._tab_nxzx8_163._active_nxzx8_196 {
   color: var(--color-text);
   border-color: var(--color-border);
 }
-._left_1m30t_91 ._tabsContent_1m30t_217 {
+._left_nxzx8_91 ._tabsContent_nxzx8_218 {
   padding-right: 36px;
 }
-._right_1m30t_94 ._tabsContent_1m30t_217 {
+._right_nxzx8_94 ._tabsContent_nxzx8_218 {
   padding-left: 36px;
 }
-._resizeHandle_1m30t_223 {
+._resizeHandle_nxzx8_224 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2125,18 +2131,18 @@ html[data-theme='dark'] {
   font-size: var(--font-size-sm);
   transition: all 0.2s;
 }
-._resizeHandle_1m30t_223:hover {
+._resizeHandle_nxzx8_224:hover {
   background: var(--color-background-drawer-handle-hover);
   color: var(--color-text-primary);
 }
-._resizeHandle_1m30t_223:active {
+._resizeHandle_nxzx8_224:active {
   background: var(--color-text-primary);
   color: white;
 }
-._left_1m30t_91 ._resizeHandle_1m30t_223 {
+._left_nxzx8_91 ._resizeHandle_nxzx8_224 {
   right: 0;
 }
-._right_1m30t_94 ._resizeHandle_1m30t_223 {
+._right_nxzx8_94 ._resizeHandle_nxzx8_224 {
   left: 0;
 }
 ._empty_cs57m_1 {
@@ -2426,120 +2432,120 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._inputInTable_1woim_1 {
+._inputInTable_15brx_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1woim_1:not(:hover) {
+._inputInTable_15brx_1:not(:hover) {
   border-color: transparent;
 }
-._inputHover_1woim_10 {
+._inputHover_15brx_10 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1woim_15 {
+._inputFocus_15brx_15 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1woim_22,
-._inputWarning_1woim_23 {
+._inputError_15brx_22,
+._inputWarning_15brx_23 {
   position: relative;
 }
-._inputError_1woim_22 {
+._inputError_15brx_22 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1woim_22:hover {
+._inputError_15brx_22:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1woim_22:focus {
+._inputError_15brx_22:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1woim_23 {
+._inputWarning_15brx_23 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1woim_23:hover {
+._inputWarning_15brx_23:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1woim_23:focus {
+._inputWarning_15brx_23:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1woim_58 {
+._inputDisabled_15brx_58 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1woim_64 {
+._hideScrollbars_15brx_64 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1woim_64::-webkit-scrollbar {
+._hideScrollbars_15brx_64::-webkit-scrollbar {
   display: none;
 }
-._header_1woim_74 ._headerTitle_1woim_74,
-._heading_1woim_75 ._itemHeader_1woim_75 {
+._header_15brx_74 ._headerTitle_15brx_74,
+._heading_15brx_75 ._itemHeader_15brx_75 {
   transition: opacity 0.3s;
 }
-._narrow_1woim_78 ._header_1woim_74 ._headerTitle_1woim_74,
-._narrow_1woim_78 ._heading_1woim_75 ._itemHeader_1woim_75 {
+._narrow_15brx_78 ._header_15brx_74 ._headerTitle_15brx_74,
+._narrow_15brx_78 ._heading_15brx_75 ._itemHeader_15brx_75 {
   opacity: 0;
 }
-._stickyHeader_1woim_82 {
+._stickyHeader_15brx_82 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_1woim_75 {
+._itemHeader_15brx_75 {
   padding: var(--spacing-sm) var(--padding-x);
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_1woim_75 ._title_1woim_93 {
+._itemHeader_15brx_75 ._title_15brx_93 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_1woim_75 ._name_1woim_99 {
+._itemHeader_15brx_75 ._name_15brx_99 {
   font-weight: 400;
 }
-._itemHeader_1woim_75 ._iconTooltipMargin_1woim_102 {
+._itemHeader_15brx_75 ._iconTooltipMargin_15brx_102 {
   margin-left: 10px;
 }
-._itemHeader_1woim_75 ._bold_1woim_105 {
+._itemHeader_15brx_75 ._bold_15brx_105 {
   font-weight: bold;
 }
-._header_1woim_74 {
+._header_15brx_74 {
   padding: var(--padding);
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--color-border);
 }
-._toggleNarrow_1woim_114 {
+._toggleNarrow_15brx_114 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -2548,16 +2554,16 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_1woim_114:hover {
+._toggleNarrow_15brx_114:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_1woim_114:active {
+._toggleNarrow_15brx_114:active {
   color: var(--color-text-primary-active);
 }
-._narrow_1woim_78 ._toggleNarrow_1woim_114 {
+._narrow_15brx_78 ._toggleNarrow_15brx_114 {
   transform: scaleX(-1);
 }
-._drag_1woim_132 {
+._drag_15brx_132 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
@@ -2568,31 +2574,31 @@ html[data-theme='dark'] {
   height: 19px;
   width: 19px;
 }
-._drag_1woim_132 path {
+._drag_15brx_132 path {
   stroke: var(--color-text-faint);
 }
-._drag_1woim_132:hover path {
+._drag_15brx_132:hover path {
   stroke: var(--color-text-primary-hover);
 }
-._drag_1woim_132:active path {
+._drag_15brx_132:active path {
   stroke: var(--color-text-primary-active);
 }
-._list_1woim_152 {
+._list_15brx_152 {
   flex-shrink: 0;
   background: var(--color-background);
 }
-._list_1woim_152._bordered_1woim_156:first-child,
-._list_1woim_152._bordered_1woim_156:first-child > :first-child {
+._list_15brx_152._bordered_15brx_156:first-child,
+._list_15brx_152._bordered_15brx_156:first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._list_1woim_152._bordered_1woim_156:last-child,
-._list_1woim_152._bordered_1woim_156:last-child > :last-child {
+._list_15brx_152._bordered_15brx_156:last-child,
+._list_15brx_152._bordered_15brx_156:last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
   border-bottom: 0;
 }
-._item_1woim_75 {
+._item_15brx_75 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -2603,7 +2609,7 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_1woim_75:not(._heading_1woim_75):after {
+._item_15brx_75:not(._heading_15brx_75):after {
   content: '';
   position: absolute;
   left: 0;
@@ -2614,73 +2620,74 @@ html[data-theme='dark'] {
   border-bottom-left-radius: inherit;
   transition: background 0.3s;
 }
-._item_1woim_75._action_1woim_189 {
+._item_15brx_75._action_15brx_189 {
   cursor: pointer;
 }
-._item_1woim_75._action_1woim_189:not(._active_1woim_192):hover {
+._item_15brx_75._action_15brx_189:not(._active_15brx_192):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_1woim_75._action_1woim_189:not(._active_1woim_192):hover:after {
+._item_15brx_75._action_15brx_189:not(._active_15brx_192):hover:after {
   background: rgba(0, 0, 0, 0.1);
 }
-._item_1woim_75._active_1woim_192 {
+._item_15brx_75._active_15brx_192 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_1woim_75._active_1woim_192:after {
+._item_15brx_75._active_15brx_192:after {
   background: var(--color-background-primary) !important;
 }
-._item_1woim_75._disabled_1woim_207 {
+._item_15brx_75._disabled_15brx_207 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_1woim_75._heading_1woim_75 {
+._item_15brx_75._heading_15brx_75 {
   color: var(--color-text-muted);
   background-color: transparent;
 }
-._item_1woim_75._heading_1woim_75._action_1woim_189:hover {
+._item_15brx_75._heading_15brx_75._action_15brx_189:hover {
   color: var(--color-text-primary-hover);
 }
-._item_1woim_75 ._label_1woim_218 {
+._item_15brx_75 ._label_15brx_218 {
   margin-right: 15px;
   margin-left: -5px;
   margin-top: -2px;
   margin-bottom: -2px;
   flex-shrink: 0;
 }
-._item_1woim_75 ._details_1woim_225,
-._item_1woim_75 ._metadata_1woim_226 {
+._item_15brx_75 ._details_15brx_225,
+._item_15brx_75 ._metadata_15brx_226 {
   display: block;
   width: 100%;
   font-weight: normal;
   margin-top: 3px;
 }
-._item_1woim_75 ._metadata_1woim_226 {
+._item_15brx_75 ._metadata_15brx_226 {
   color: var(--color-text-muted);
 }
-._item_1woim_75 ._itemContent_1woim_235 {
+._item_15brx_75 ._itemContent_15brx_235 {
   padding: 0 var(--padding-x) var(--spacing-sm);
   cursor: auto;
 }
-._item_1woim_75 ._itemContent_1woim_235:empty {
+._item_15brx_75 ._itemContent_15brx_235:empty {
   padding: inherit;
 }
-._indentIcon_1woim_242 {
+._indentIcon_15brx_242 {
+  color: var(--color-text-faint);
   width: 20px;
   flex-shrink: 0;
 }
-._expandIcon_1woim_246 {
+._expandIcon_15brx_247 {
   width: 20px;
   flex-shrink: 0;
   position: relative;
   margin-top: 1px;
 }
-._expandIcon_1woim_246._expanded_1woim_252 svg {
+._expandIcon_15brx_247._expanded_15brx_253 svg {
   transform: rotate(90deg);
 }
-._right_1woim_255 {
+._right_15brx_256 {
   margin-left: auto;
   display: flex;
   align-items: center;
@@ -2688,24 +2695,24 @@ html[data-theme='dark'] {
   margin-bottom: -2px;
   margin-right: -8px;
 }
-._actions_1woim_263 {
+._actions_15brx_264 {
   margin-left: 8px;
   display: flex;
   align-items: center;
 }
-._scrollableList_1woim_268 {
+._scrollableList_15brx_269 {
   height: 100%;
   overflow-y: auto;
   scroll-behavior: smooth;
 }
-._hideScrollbar_1woim_64 {
+._hideScrollbar_15brx_64 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_1woim_64::-webkit-scrollbar {
+._hideScrollbar_15brx_64::-webkit-scrollbar {
   display: none;
 }
 ._loader_16v7q_1 {
@@ -3745,18 +3752,19 @@ html[data-theme='dark'] {
   font-weight: bold;
   z-index: 1;
 }
-._wrapper_1s098_1._inline_1s098_1 {
+._wrapper_6mndi_1._inline_6mndi_1 {
   display: flex;
   align-items: center;
 }
-._wrapper_1s098_1._inline_1s098_1 ._radio_1s098_5:not(:last-child) {
+._wrapper_6mndi_1._inline_6mndi_1 ._radio_6mndi_5:not(:last-child) {
   margin-right: var(--spacing);
 }
-._wrapper_1s098_1 ._labelMargin_1s098_8 {
+._wrapper_6mndi_1 ._labelMargin_6mndi_8 {
   margin-right: 10px;
 }
-._radio_1s098_5 {
-  margin: calc((var(--size) - var(--size-checkbox)) / 2) 0;
+._radio_6mndi_5 {
+  --size-radio: var(--size-xs);
+  margin: calc((var(--size) - var(--size-radio)) / 2) 0;
   position: relative;
   display: flex;
   align-items: center;
@@ -3764,91 +3772,92 @@ html[data-theme='dark'] {
   backface-visibility: hidden;
   vertical-align: baseline;
   font-style: normal;
-  min-height: var(--size-checkbox);
+  min-height: var(--size-radio);
   font-size: var(--font-size);
-  line-height: var(--size-checkbox);
-  min-width: var(--size-checkbox);
+  line-height: var(--size-radio);
+  min-width: var(--size-radio);
   outline: 0px;
 }
-._radio_1s098_5._small_1s098_26 {
-  margin: calc((var(--size-sm) - var(--size-checkbox)) / 2) 0;
+._radio_6mndi_5._small_6mndi_27 {
+  --size-radio: calc(var(--size-xs) - 4px);
+  margin: calc((var(--size-sm) - var(--size-radio)) / 2) 0;
   font-size: var(--font-size-sm);
 }
-._radio_1s098_5._noMargin_1s098_30 {
+._radio_6mndi_5._noMargin_6mndi_32 {
   margin-top: 0;
   margin-bottom: 0;
 }
-._radio_1s098_5 input {
+._radio_6mndi_5 input {
   cursor: pointer;
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0 !important;
   outline: 0;
-  width: var(--size-checkbox);
-  height: var(--size-checkbox);
+  width: var(--size-radio);
+  height: var(--size-radio);
   z-index: -1;
 }
-._radio_1s098_5 label {
+._radio_6mndi_5 label {
   cursor: pointer;
   position: relative;
   display: block;
-  padding-left: calc(var(--size-checkbox) + var(--spacing-xs));
+  padding-left: calc(var(--size-radio) + var(--spacing-xs));
   outline: 0;
   color: var(--color-text);
   transition: color 0.1s ease;
 }
-._radio_1s098_5 label:before,
-._radio_1s098_5 label:after {
+._radio_6mndi_5 label:before,
+._radio_6mndi_5 label:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
-  width: var(--size-checkbox);
-  height: var(--size-checkbox);
-  line-height: var(--size-checkbox);
+  width: var(--size-radio);
+  height: var(--size-radio);
+  line-height: var(--size-radio);
   border-radius: 50%;
   transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
 }
-._radio_1s098_5 label:before {
+._radio_6mndi_5 label:before {
   background: var(--color-background-input);
   border: 1px solid var(--color-border-checkbox);
   transform: none;
 }
-._radio_1s098_5 label:hover:before {
+._radio_6mndi_5 label:hover:before {
   border-color: var(--color-border-hover);
 }
-._radio_1s098_5 label:after {
+._radio_6mndi_5 label:after {
   border: none;
   transform: scale(0.46666667);
   background-color: white;
   box-shadow: var(--shadow-button);
   opacity: 0;
 }
-._radio_1s098_5 input:checked ~ label:before {
+._radio_6mndi_5 input:checked ~ label:before {
   background-color: var(--color-background-primary);
   border-color: transparent;
 }
-._radio_1s098_5 input:checked ~ label:after {
+._radio_6mndi_5 input:checked ~ label:after {
   opacity: 1;
 }
-._radio_1s098_5._disabled_1s098_88 {
+._radio_6mndi_5._disabled_6mndi_90 {
   cursor: default;
   pointer-events: none;
 }
-._radio_1s098_5._disabled_1s098_88 label {
+._radio_6mndi_5._disabled_6mndi_90 label {
   color: var(--color-text-muted);
 }
-._radio_1s098_5._disabled_1s098_88 label:before {
+._radio_6mndi_5._disabled_6mndi_90 label:before {
   background-color: var(--color-background-disabled) !important;
 }
-._radio_1s098_5._disabled_1s098_88 input:checked ~ label:before {
+._radio_6mndi_5._disabled_6mndi_90 input:checked ~ label:before {
   border-color: var(--color-border-checkbox);
 }
-._radio_1s098_5._disabled_1s098_88 input:checked ~ label:after {
+._radio_6mndi_5._disabled_6mndi_90 input:checked ~ label:after {
   background-color: var(--color-border-checkbox);
 }
-._isInTable_1s098_104 {
+._isInTable_6mndi_106 {
   margin: 0;
   position: relative;
   top: 1px;
@@ -10393,7 +10402,8 @@ tbody ._staticCell_1av87_113 ._staticCellContent_1av87_116 {
   --color-background-toggle: rgba(255, 255, 255, 0.2);
   --color-background-toggle-hover: rgba(255, 255, 255, 0.3);
 }
-._toggle_i5is1_9 {
+._toggle_2zca0_9 {
+  --size-toggle: var(--size-xs);
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -10402,19 +10412,20 @@ tbody ._staticCell_1av87_113 ._staticCellContent_1av87_116 {
   outline: 0;
   vertical-align: baseline;
   font-style: normal;
-  min-height: var(--size-checkbox);
+  min-height: var(--size-toggle);
   font-size: inherit;
-  line-height: var(--size-checkbox);
-  min-width: var(--size-checkbox);
-  margin: calc((var(--size) - var(--size-checkbox)) / 2) 0;
+  line-height: var(--size-toggle);
+  min-width: var(--size-toggle);
+  margin: calc((var(--size) - var(--size-toggle)) / 2) 0;
 }
-._toggle_i5is1_9._small_i5is1_24 {
-  margin: calc((var(--size-sm) - var(--size-checkbox)) / 2) 0;
+._toggle_2zca0_9._small_2zca0_25 {
+  --size-toggle: calc(var(--size-xs) - 4px);
+  margin: calc((var(--size-sm) - var(--size-toggle)) / 2) 0;
   font-size: var(--font-size-sm);
 }
-._toggle_i5is1_9 input {
-  width: calc(var(--size-checkbox) * 2);
-  height: var(--size-checkbox);
+._toggle_2zca0_9 input {
+  width: calc(var(--size-toggle) * 2);
+  height: var(--size-toggle);
   cursor: pointer;
   position: absolute;
   top: 0;
@@ -10429,36 +10440,36 @@ tbody ._staticCell_1av87_113 ._staticCellContent_1av87_116 {
   line-height: 1.15;
   margin: 0;
 }
-._toggle_i5is1_9 label {
-  min-height: var(--size-checkbox);
-  padding-left: calc((var(--size-checkbox) * 2) + var(--spacing-xs));
+._toggle_2zca0_9 label {
+  min-height: var(--size-toggle);
+  padding-left: calc((var(--size-toggle) * 2) + var(--spacing-xs));
   transition: color 0.1s ease;
   cursor: auto;
   position: relative;
   display: block;
   outline: 0;
 }
-._toggle_i5is1_9 label:before,
-._toggle_i5is1_9 label:after {
+._toggle_2zca0_9 label:before,
+._toggle_2zca0_9 label:after {
   display: block;
   position: absolute;
   content: '';
 }
-._toggle_i5is1_9 label:before {
-  height: var(--size-checkbox);
-  border-radius: calc(var(--size-checkbox) / 2);
+._toggle_2zca0_9 label:before {
+  height: var(--size-toggle);
+  border-radius: calc(var(--size-toggle) / 2);
   z-index: 1;
   transform: none;
   background: var(--color-background-toggle);
   box-shadow: none;
-  width: calc(var(--size-checkbox) * 2);
+  width: calc(var(--size-toggle) * 2);
   left: 0;
   top: 0;
   transition: background 0.3s ease, border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
 }
-._toggle_i5is1_9 label:after {
-  height: calc(var(--size-checkbox) - 4px);
-  width: calc(var(--size-checkbox) - 4px);
+._toggle_2zca0_9 label:after {
+  height: calc(var(--size-toggle) - 4px);
+  width: calc(var(--size-toggle) - 4px);
   border-radius: 50%;
   left: 2px;
   top: 2px;
@@ -10468,31 +10479,31 @@ tbody ._staticCell_1av87_113 ._staticCellContent_1av87_116 {
   z-index: 2;
   transition: background 0.3s ease, left 0.3s ease;
 }
-._toggle_i5is1_9 input:hover ~ label:before {
+._toggle_2zca0_9 input:hover ~ label:before {
   background: var(--color-background-toggle-hover);
 }
-._toggle_i5is1_9 input:checked ~ label:before {
+._toggle_2zca0_9 input:checked ~ label:before {
   border-color: rgba(34, 36, 38, 0.35);
   background-color: var(--color-background-button-primary);
 }
-._toggle_i5is1_9 input:checked ~ label:after {
-  left: calc(var(--size-checkbox) + 2px);
+._toggle_2zca0_9 input:checked ~ label:after {
+  left: calc(var(--size-toggle) + 2px);
 }
-._toggle_i5is1_9 input:checked:hover ~ label:before {
+._toggle_2zca0_9 input:checked:hover ~ label:before {
   background-color: var(--color-background-button-primary-hover);
 }
-._toggle_i5is1_9._disabled_i5is1_97 {
+._toggle_2zca0_9._disabled_2zca0_99 {
   cursor: default;
   pointer-events: none;
   color: var(--color-text-muted);
 }
-._toggle_i5is1_9._disabled_i5is1_97 label:before {
+._toggle_2zca0_9._disabled_2zca0_99 label:before {
   background-color: var(--color-background-disabled);
 }
-._toggle_i5is1_9._disabled_i5is1_97 input:checked ~ label:before {
+._toggle_2zca0_9._disabled_2zca0_99 input:checked ~ label:before {
   background-color: var(--color-text-faint);
 }
-._noMargin_i5is1_108 {
+._noMargin_2zca0_110 {
   margin: 0;
 }
 :root {