@usefragments/ui 1.1.1 → 1.3.0

package/dist/assets/ui.css

@@ -2813,33 +2813,33 @@
 }
 ._circularLg_npjcd_160 ._circularValue_npjcd_139 {
   font-size: var(--fui-font-size-base, 1rem);
-}._wrapper_tieoy_1 {
+}._wrapper_11gr0_1 {
   display: inline-flex;
   align-items: center;
   gap: var(--fui-space-2, 1rem);
   cursor: pointer;
   font-family: var(--fui-font-sans, "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif);
 }
-._wrapper_tieoy_1[data-has-description] {
+._wrapper_11gr0_1[data-has-description] {
   align-items: flex-start;
 }
-._wrapper_tieoy_1[data-disabled] {
+._wrapper_11gr0_1[data-disabled] {
   cursor: not-allowed;
   opacity: 0.5;
 }
 
-._checkbox_tieoy_16 {
+._checkbox_11gr0_16 {
   transition: background-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), border-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), box-shadow var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), opacity var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
-._checkbox_tieoy_16:focus-visible {
+._checkbox_11gr0_16:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 32%, transparent);
 }
-._checkbox_tieoy_16:disabled, ._checkbox_tieoy_16[data-disabled] {
+._checkbox_11gr0_16:disabled, ._checkbox_11gr0_16[data-disabled] {
   opacity: 0.5;
   pointer-events: none;
 }
-._checkbox_tieoy_16 {
+._checkbox_11gr0_16 {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -2851,30 +2851,30 @@
   margin-top: 0;
   background-color: var(--fui-field-bg, #ffffff);
   border: 1px solid var(--fui-field-border, rgba(0, 0, 0, 0.1));
-  border-radius: var(--fui-radius-sm, 0.25rem);
+  border-radius: var(--fui-checkbox-radius, 0.25rem);
   cursor: inherit;
 }
-._checkbox_tieoy_16:hover:not([data-disabled]) {
+._checkbox_11gr0_16:hover:not([data-disabled]) {
   border-color: var(--fui-field-border-hover, rgb(86.4227350852, 86.4227350852, 86.4227350852));
 }
-._checkbox_tieoy_16[data-checked], ._checkbox_tieoy_16[data-indeterminate] {
+._checkbox_11gr0_16[data-checked], ._checkbox_11gr0_16[data-indeterminate] {
   background-color: var(--fui-button-primary-base, #006b57);
   border-color: var(--fui-button-primary-border, var(--fui-button-primary-base, #006b57));
   box-shadow: inset 0 1px 0 color-mix(in srgb, white 24%, transparent);
 }
-._checkbox_tieoy_16[data-checked]:hover:not([data-disabled]), ._checkbox_tieoy_16[data-indeterminate]:hover:not([data-disabled]) {
+._checkbox_11gr0_16[data-checked]:hover:not([data-disabled]), ._checkbox_11gr0_16[data-indeterminate]:hover:not([data-disabled]) {
   background-color: var(--fui-button-primary-hover, #006b57);
   border-color: var(--fui-button-primary-border-hover, var(--fui-button-primary-hover, #006b57));
 }
-._checkbox_tieoy_16[data-invalid] {
+._checkbox_11gr0_16[data-invalid] {
   border-color: var(--fui-color-danger-text, rgb(162.7774064935, 63.3790672702, 56.4827894566));
 }
-._checkbox_tieoy_16[data-invalid][data-checked], ._checkbox_tieoy_16[data-invalid][data-indeterminate] {
+._checkbox_11gr0_16[data-invalid][data-checked], ._checkbox_11gr0_16[data-invalid][data-indeterminate] {
   background-color: var(--fui-color-danger-bg, rgba(217, 112, 102, 0.1));
   border-color: var(--fui-color-danger-text, rgb(162.7774064935, 63.3790672702, 56.4827894566));
   box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fui-color-danger-text, rgb(162.7774064935, 63.3790672702, 56.4827894566)) 35%, transparent);
 }
-._checkbox_tieoy_16::before {
+._checkbox_11gr0_16::before {
   content: "";
   position: absolute;
   top: 50%;
@@ -2884,57 +2884,57 @@
   transform: translate(-50%, -50%);
 }
 
-._sm_tieoy_72 {
+._sm_11gr0_72 {
   width: var(--fui-icon-xs, 0.857rem);
   height: var(--fui-icon-xs, 0.857rem);
-  border-radius: var(--fui-radius-sm, 0.25rem);
+  border-radius: var(--fui-checkbox-radius, 0.25rem);
 }
 
-._lg_tieoy_78 {
+._lg_11gr0_78 {
   width: 1.25rem;
   height: 1.25rem;
 }
 
-._indicator_tieoy_83 {
+._indicator_11gr0_83 {
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--fui-button-primary-color, #fff);
 }
-._indicator_tieoy_83 svg {
+._indicator_11gr0_83 svg {
   width: 0.75rem;
   height: 0.75rem;
 }
-._indicator_tieoy_83 {
+._indicator_11gr0_83 {
   opacity: 0;
   transform: scale(0.8);
   transition: opacity var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), transform var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
-[data-checked] > ._indicator_tieoy_83, [data-indeterminate] > ._indicator_tieoy_83 {
+[data-checked] > ._indicator_11gr0_83, [data-indeterminate] > ._indicator_11gr0_83 {
   opacity: 1;
   transform: scale(1);
 }
-[data-invalid][data-checked] > ._indicator_tieoy_83, [data-invalid][data-indeterminate] > ._indicator_tieoy_83 {
+[data-invalid][data-checked] > ._indicator_11gr0_83, [data-invalid][data-indeterminate] > ._indicator_11gr0_83 {
   color: var(--fui-color-danger-text, rgb(162.7774064935, 63.3790672702, 56.4827894566));
 }
 
-._sm_tieoy_72 ._indicator_tieoy_83 svg {
+._sm_11gr0_72 ._indicator_11gr0_83 svg {
   width: 0.625rem;
   height: 0.625rem;
 }
 
-._lg_tieoy_78 ._indicator_tieoy_83 svg {
+._lg_11gr0_78 ._indicator_11gr0_83 svg {
   width: 0.875rem;
   height: 0.875rem;
 }
 
-._content_tieoy_116 {
+._content_11gr0_116 {
   display: flex;
   flex-direction: column;
   gap: var(--fui-space-0-5, 0.15rem);
 }
 
-._label_tieoy_122 {
+._label_11gr0_122 {
   font-size: var(--fui-font-size-sm, 1rem);
   font-weight: var(--fui-font-weight-medium, 500);
   color: var(--fui-text-primary, #212121);
@@ -2942,21 +2942,21 @@
   user-select: none;
 }
 
-._labelSm_tieoy_130 {
+._labelSm_11gr0_130 {
   font-size: var(--fui-font-size-xs, 0.857rem);
 }
 
-._labelLg_tieoy_134 {
+._labelLg_11gr0_134 {
   font-size: var(--fui-font-size-base, 1rem);
 }
 
-._helper_tieoy_138 {
+._helper_11gr0_138 {
   font-size: var(--fui-font-size-xs, 0.857rem);
   color: var(--fui-text-secondary, rgb(84.468434358, 84.468434358, 84.468434358));
   line-height: var(--fui-line-height-normal, 1.5);
 }
 
-._wrapperCard_tieoy_144 {
+._wrapperCard_11gr0_144 {
   display: flex;
   align-items: center;
   gap: var(--fui-space-3, 1.5rem);
@@ -2969,38 +2969,38 @@
   background: transparent;
   transition: background var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), border-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), box-shadow var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
-._wrapperCard_tieoy_144:hover:not([data-disabled]) {
+._wrapperCard_11gr0_144:hover:not([data-disabled]) {
   background: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
   border-color: var(--fui-border-strong, rgba(0, 0, 0, 0.1));
 }
-._wrapperCard_tieoy_144:focus-within:not([data-disabled]) {
+._wrapperCard_11gr0_144:focus-within:not([data-disabled]) {
   outline: none;
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 32%, transparent);
   border-color: var(--fui-button-primary-base, #006b57);
 }
-._wrapperCard_tieoy_144:has([data-checked]), ._wrapperCard_tieoy_144:has([data-indeterminate]) {
+._wrapperCard_11gr0_144:has([data-checked]), ._wrapperCard_11gr0_144:has([data-indeterminate]) {
   background: color-mix(in srgb, var(--fui-button-primary-base, #006b57) 13%, transparent);
   border-color: color-mix(in srgb, var(--fui-button-primary-base, #006b57) 62%, transparent);
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-button-primary-base, #006b57) 28%, transparent);
 }
-._wrapperCard_tieoy_144 ._label_tieoy_122 {
+._wrapperCard_11gr0_144 ._label_11gr0_122 {
   font-size: var(--fui-font-size-sm, 1rem);
 }
 
 @media (prefers-contrast: more) {
-  ._checkbox_tieoy_16 {
+  ._checkbox_11gr0_16 {
     border-width: 2px;
     border-color: var(--fui-text-primary, #212121);
   }
-  ._checkbox_tieoy_16[data-checked], ._checkbox_tieoy_16[data-indeterminate] {
+  ._checkbox_11gr0_16[data-checked], ._checkbox_11gr0_16[data-indeterminate] {
     border-color: var(--fui-button-primary-base, #006b57);
   }
-  ._checkbox_tieoy_16[data-invalid] {
+  ._checkbox_11gr0_16[data-invalid] {
     border-color: var(--fui-color-danger-text, rgb(162.7774064935, 63.3790672702, 56.4827894566));
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  ._indicator_tieoy_83 {
+  ._indicator_11gr0_83 {
     transition: none;
   }
 }._wrapper_1r1rc_1 {
@@ -4401,12 +4401,12 @@
   -moz-osx-font-smoothing: grayscale;
   font-size: var(--fui-font-size-sm, 1rem);
   color: var(--fui-text-secondary, rgb(84.468434358, 84.468434358, 84.468434358));
-}._wrapper_kwz0l_1 {
+}._wrapper_1talf_1 {
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
 }
 
-._table_kwz0l_6 {
+._table_1talf_6 {
   width: 100%;
   border-collapse: collapse;
   font-family: var(--fui-font-sans, "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif);
@@ -4414,7 +4414,7 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-._caption_kwz0l_14 {
+._caption_1talf_14 {
   padding: var(--fui-space-3, 1.5rem) 0;
   font-size: var(--fui-font-size-sm, 1rem);
   font-weight: var(--fui-font-weight-medium, 500);
@@ -4423,7 +4423,7 @@
   caption-side: top;
 }
 
-._captionHidden_kwz0l_23 {
+._captionHidden_1talf_23 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -4435,26 +4435,26 @@
   border: 0;
 }
 
-._sm_kwz0l_35 ._th_kwz0l_35,
-._sm_kwz0l_35 ._td_kwz0l_36 {
+._sm_1talf_35 ._th_1talf_35,
+._sm_1talf_35 ._td_1talf_36 {
   padding: var(--fui-space-1, 0.5rem) var(--fui-space-3, 1.5rem);
   font-size: var(--fui-font-size-xs, 0.857rem);
 }
 
-._md_kwz0l_41 ._th_kwz0l_35,
-._md_kwz0l_41 ._td_kwz0l_36 {
+._md_1talf_41 ._th_1talf_35,
+._md_1talf_41 ._td_1talf_36 {
   padding: var(--fui-space-1, 0.5rem) var(--fui-space-3, 1.5rem);
   font-size: var(--fui-font-size-sm, 1rem);
 }
 
-._compact_kwz0l_47 ._th_kwz0l_35,
-._compact_kwz0l_47 ._td_kwz0l_36 {
+._compact_1talf_47 ._th_1talf_35,
+._compact_1talf_47 ._td_1talf_36 {
   padding: 0 var(--fui-space-2, 1rem);
   font-size: var(--fui-font-size-xs, 0.857rem);
   height: 2.571rem;
   line-height: var(--fui-line-height-tight, 1.25);
 }
-._compact_kwz0l_47 ._th_kwz0l_35 {
+._compact_1talf_47 ._th_1talf_35 {
   font-size: var(--fui-font-size-2xs, 0.714rem);
   color: var(--fui-text-tertiary, rgb(86.4227350852, 86.4227350852, 86.4227350852));
   text-transform: uppercase;
@@ -4462,91 +4462,105 @@
   font-weight: var(--fui-font-weight-medium, 500);
 }
 
-._tabular_kwz0l_62 {
+._tabular_1talf_62 {
   font-variant-numeric: tabular-nums;
 }
 
-._thead_kwz0l_66 {
+._thead_1talf_66 {
   position: sticky;
   top: 0;
   z-index: 1;
 }
-._thead_kwz0l_66 > tr {
+._thead_1talf_66 > tr {
   border-bottom: 1px solid var(--fui-table-header-border, var(--fui-border, rgba(0, 0, 0, 0.05)));
 }
 
-._th_kwz0l_35 {
+._th_1talf_35 {
   text-align: left;
   font-weight: var(--fui-font-weight-medium, 500);
   color: var(--fui-text-secondary, rgb(84.468434358, 84.468434358, 84.468434358));
   white-space: nowrap;
   vertical-align: middle;
 }
-._th_kwz0l_35:first-child {
+._th_1talf_35:first-child {
   border-top-left-radius: var(--fui-radius-md, 0.429rem);
 }
-._th_kwz0l_35:last-child {
+._th_1talf_35:last-child {
   border-top-right-radius: var(--fui-radius-md, 0.429rem);
 }
 
-._headerContent_kwz0l_89 {
+._headerContent_1talf_89 {
   display: flex;
   align-items: center;
   gap: var(--fui-space-1, 0.5rem);
 }
 
-._row_kwz0l_95 {
-  --fui-table-row-base-bg: var(--fui-table-bg, var(--fui-main-bg, var(--fui-bg-primary, #ffffff)));
+._tbody_1talf_95 ._td_1talf_36 {
+  padding-top: var(--fui-space-2, 1rem);
+  padding-bottom: var(--fui-space-2, 1rem);
+}
+
+._row_1talf_100 {
+  --fui-table-row-base-bg: var(
+    --fui-table-bg,
+    var(--fui-main-bg, var(--fui-bg-primary, #ffffff))
+  );
   --fui-table-row-bg: var(--fui-table-row-base-bg);
   border-bottom: 1px solid var(--fui-table-border, var(--fui-border, rgba(0, 0, 0, 0.05)));
-  background-color: var(--fui-table-row-bg);
+  background-color: var(--fui-table-row-bg, var(--fui-table-row-base-bg, var(--fui-bg-primary, #ffffff)));
   transition: background-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
-._row_kwz0l_95:last-child {
+._row_1talf_100:last-child {
   border-bottom: none;
 }
-._row_kwz0l_95:hover {
+._row_1talf_100:hover {
   --fui-table-row-bg: var(--fui-table-row-hover-bg, var(--fui-bg-hover, rgba(0, 0, 0, 0.04)));
 }
 
-._selected_kwz0l_109 {
-  --fui-table-row-bg: var(--fui-table-row-selected-bg, color-mix(in srgb, var(--fui-text-primary, #212121) 8%, transparent));
+._selected_1talf_117 {
+  --fui-table-row-bg: var(
+    --fui-table-row-selected-bg,
+    color-mix(in srgb, var(--fui-text-primary, #212121) 8%, transparent)
+  );
   box-shadow: inset 1px 0 0 var(--fui-table-row-selected-border, var(--fui-border-strong, rgba(0, 0, 0, 0.1)));
 }
-._selected_kwz0l_109:hover {
-  --fui-table-row-bg: var(--fui-table-row-selected-bg, color-mix(in srgb, var(--fui-text-primary, #212121) 10%, transparent));
+._selected_1talf_117:hover {
+  --fui-table-row-bg: var(
+    --fui-table-row-selected-bg,
+    color-mix(in srgb, var(--fui-text-primary, #212121) 10%, transparent)
+  );
 }
 
-._td_kwz0l_36 {
+._td_1talf_36 {
   color: var(--fui-text-primary, #212121);
   vertical-align: middle;
   line-height: var(--fui-line-height-normal, 1.5);
 }
 
-._tfoot_kwz0l_123 {
+._tfoot_1talf_137 {
   border-top: 1px solid var(--fui-table-header-border, var(--fui-border, rgba(0, 0, 0, 0.05)));
 }
-._tfoot_kwz0l_123 ._td_kwz0l_36,
-._tfoot_kwz0l_123 ._th_kwz0l_35 {
+._tfoot_1talf_137 ._td_1talf_36,
+._tfoot_1talf_137 ._th_1talf_35 {
   font-weight: var(--fui-font-weight-medium, 500);
 }
 
-._striped_kwz0l_131 ._tbody_kwz0l_131 ._row_kwz0l_95:nth-child(even),
-._striped_kwz0l_131 ._tbody_kwz0l_131 ._row_kwz0l_95[data-band=alt] {
+._striped_1talf_145 ._tbody_1talf_95 ._row_1talf_100:nth-child(even),
+._striped_1talf_145 ._tbody_1talf_95 ._row_1talf_100[data-band=alt] {
   --fui-table-row-base-bg: var(--fui-table-subrow-bg, var(--fui-bg-subtle, #fafafa));
 }
-._striped_kwz0l_131 ._tbody_kwz0l_131 ._row_kwz0l_95[data-band=default] {
+._striped_1talf_145 ._tbody_1talf_95 ._row_1talf_100[data-band=default] {
   --fui-table-row-base-bg: var(--fui-main-bg, var(--fui-bg-primary, #ffffff));
 }
 
-._bordered_kwz0l_139 {
+._bordered_1talf_153 {
   border: 1px solid var(--fui-table-border, var(--fui-border, rgba(0, 0, 0, 0.05)));
   border-radius: var(--fui-radius-md, 0.429rem);
   overflow: hidden;
 }
 
 @media (max-width: 639px) {
-  ._wrapper_kwz0l_1 {
+  ._wrapper_1talf_1 {
     margin-left: calc(-1 * var(--fui-space-4, 2rem));
     margin-right: calc(-1 * var(--fui-space-4, 2rem));
     padding-left: var(--fui-space-4, 2rem);
@@ -4554,25 +4568,28 @@
   }
 }
 @media (prefers-contrast: more) {
-  ._thead_kwz0l_66 > tr {
+  ._thead_1talf_66 > tr {
     border-bottom-width: 2px;
   }
-  ._row_kwz0l_95 {
+  ._row_1talf_100 {
     border-bottom-width: 2px;
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  ._row_kwz0l_95 {
+  ._row_1talf_100 {
     transition: none;
   }
-}._wrapper_pscwk_1 {
+}._wrapper_1nxxb_1 {
   --fui-data-table-bg: var(--fui-table-bg, var(--fui-bg-elevated, #ffffff));
-  --fui-data-table-header-bg: var(--fui-table-header-bg, color-mix(in srgb, var(--fui-text-primary, #212121) 5%, transparent));
+  --fui-data-table-header-bg: var(
+    --fui-table-header-bg,
+    color-mix(in srgb, var(--fui-text-primary, #212121) 5%, transparent)
+  );
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
 }
 
-._table_pscwk_8 {
+._table_1nxxb_11 {
   width: 100%;
   border-collapse: collapse;
   font-family: var(--fui-font-sans, "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif);
@@ -4580,7 +4597,7 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-._caption_pscwk_16 {
+._caption_1nxxb_19 {
   padding: var(--fui-space-3, 1.5rem) 0;
   font-size: var(--fui-font-size-sm, 1rem);
   font-weight: var(--fui-font-weight-medium, 500);
@@ -4589,7 +4606,7 @@
   caption-side: top;
 }
 
-._captionHidden_pscwk_25 {
+._captionHidden_1nxxb_28 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -4601,55 +4618,55 @@
   border: 0;
 }
 
-._sm_pscwk_37 ._th_pscwk_37,
-._sm_pscwk_37 ._td_pscwk_38 {
+._sm_1nxxb_40 ._th_1nxxb_40,
+._sm_1nxxb_40 ._td_1nxxb_41 {
   padding: var(--fui-space-1, 0.5rem) var(--fui-space-3, 1.5rem);
   font-size: var(--fui-font-size-xs, 0.857rem);
 }
 
-._md_pscwk_43 ._th_pscwk_37,
-._md_pscwk_43 ._td_pscwk_38 {
+._md_1nxxb_46 ._th_1nxxb_40,
+._md_1nxxb_46 ._td_1nxxb_41 {
   padding: var(--fui-space-1, 0.5rem) var(--fui-space-3, 1.5rem);
   font-size: var(--fui-font-size-sm, 1rem);
 }
 
-._thead_pscwk_49 {
+._thead_1nxxb_52 {
   position: sticky;
   top: 0;
   z-index: 1;
 }
 
-._headerRow_pscwk_55 {
+._headerRow_1nxxb_58 {
   border-bottom: 1px solid var(--fui-table-header-border, var(--fui-border, rgba(0, 0, 0, 0.05)));
 }
 
-._th_pscwk_37 {
+._th_1nxxb_40 {
   text-align: left;
   font-weight: var(--fui-font-weight-medium, 500);
   color: var(--fui-text-secondary, rgb(84.468434358, 84.468434358, 84.468434358));
   white-space: nowrap;
   vertical-align: middle;
   user-select: none;
-  background: var(--fui-data-table-header-bg);
+  background: var(--fui-data-table-header-bg, var(--fui-data-table-bg, var(--fui-bg-primary, #ffffff)));
 }
-._th_pscwk_37:first-child {
+._th_1nxxb_40:first-child {
   border-top-left-radius: var(--fui-radius-md, 0.429rem);
 }
-._th_pscwk_37:last-child {
+._th_1nxxb_40:last-child {
   border-top-right-radius: var(--fui-radius-md, 0.429rem);
 }
 
-._headerContent_pscwk_75 {
+._headerContent_1nxxb_78 {
   display: flex;
   align-items: center;
   gap: var(--fui-space-1, 0.5rem);
 }
 
-._thSortable_pscwk_81 {
+._thSortable_1nxxb_84 {
   padding: 0;
 }
 
-._sortButton_pscwk_85 {
+._sortButton_1nxxb_88 {
   appearance: none;
   background: transparent;
   border: none;
@@ -4659,21 +4676,21 @@
   color: inherit;
   cursor: pointer;
 }
-._sortButton_pscwk_85:disabled {
+._sortButton_1nxxb_88:disabled {
   cursor: not-allowed;
 }
-._sortButton_pscwk_85 {
+._sortButton_1nxxb_88 {
   transition: background-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), border-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), box-shadow var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), opacity var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
-._sortButton_pscwk_85:focus-visible {
+._sortButton_1nxxb_88:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 32%, transparent);
 }
-._sortButton_pscwk_85:disabled, ._sortButton_pscwk_85[data-disabled] {
+._sortButton_1nxxb_88:disabled, ._sortButton_1nxxb_88[data-disabled] {
   opacity: 0.5;
   pointer-events: none;
 }
-._sortButton_pscwk_85 {
+._sortButton_1nxxb_88 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -4684,151 +4701,156 @@
   text-align: left;
   transition: color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
-._sortButton_pscwk_85:hover {
+._sortButton_1nxxb_88:hover {
   color: var(--fui-text-primary, #212121);
 }
 
-._sortIndicator_pscwk_124 {
+._sortIndicator_1nxxb_127 {
   display: inline-flex;
   align-items: center;
   color: var(--fui-text-tertiary, rgb(86.4227350852, 86.4227350852, 86.4227350852));
   flex-shrink: 0;
 }
-._sortIndicator_pscwk_124 svg {
+._sortIndicator_1nxxb_127 svg {
   width: var(--fui-icon-xs, 0.857rem);
   height: var(--fui-icon-xs, 0.857rem);
 }
-._sortIndicator_pscwk_124 {
+._sortIndicator_1nxxb_127 {
   opacity: 0;
   transition: opacity var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
-._sortButton_pscwk_85:hover ._sortIndicator_pscwk_124 {
+._sortButton_1nxxb_88:hover ._sortIndicator_1nxxb_127 {
   color: var(--fui-text-secondary, rgb(84.468434358, 84.468434358, 84.468434358));
   opacity: 1;
 }
-._sortButton_pscwk_85:focus-visible ._sortIndicator_pscwk_124 {
+._sortButton_1nxxb_88:focus-visible ._sortIndicator_1nxxb_127 {
   opacity: 1;
 }
 
-._th_pscwk_37[aria-sort=ascending] ._sortIndicator_pscwk_124,
-._th_pscwk_37[aria-sort=descending] ._sortIndicator_pscwk_124 {
+._th_1nxxb_40[aria-sort=ascending] ._sortIndicator_1nxxb_127,
+._th_1nxxb_40[aria-sort=descending] ._sortIndicator_1nxxb_127 {
   opacity: 1;
 }
 
-._row_pscwk_151 {
+._tbody_1nxxb_154 ._td_1nxxb_41 {
+  padding-top: var(--fui-space-2, 1rem);
+  padding-bottom: var(--fui-space-2, 1rem);
+}
+
+._row_1nxxb_159 {
   border-bottom: 1px solid var(--fui-table-border, var(--fui-border, rgba(0, 0, 0, 0.05)));
   transition: background-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
-._row_pscwk_151:last-child {
+._row_1nxxb_159:last-child {
   border-bottom: none;
 }
-._row_pscwk_151:hover {
+._row_1nxxb_159:hover {
   background-color: var(--fui-table-row-hover-bg, var(--fui-bg-hover, rgba(0, 0, 0, 0.04)));
 }
 
-._clickable_pscwk_162 {
+._clickable_1nxxb_170 {
   cursor: pointer;
 }
-._clickable_pscwk_162:hover {
+._clickable_1nxxb_170:hover {
   background-color: var(--fui-table-row-hover-bg, var(--fui-bg-hover, rgba(0, 0, 0, 0.04)));
 }
-._clickable_pscwk_162:focus-visible {
+._clickable_1nxxb_170:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 32%, transparent);
 }
-._clickable_pscwk_162:active {
+._clickable_1nxxb_170:active {
   background-color: var(--fui-table-row-active-bg, var(--fui-bg-active, rgba(0, 0, 0, 0.06)));
 }
 
-._selected_pscwk_176 {
+._selected_1nxxb_184 {
   background-color: var(--fui-table-row-selected-bg, color-mix(in srgb, var(--fui-text-primary, #212121) 8%, transparent));
   box-shadow: inset 1px 0 0 var(--fui-table-row-selected-border, var(--fui-border-strong, rgba(0, 0, 0, 0.1)));
 }
-._selected_pscwk_176:hover {
+._selected_1nxxb_184:hover {
   background-color: var(--fui-table-row-selected-bg, color-mix(in srgb, var(--fui-text-primary, #212121) 10%, transparent));
 }
 
-._td_pscwk_38 {
+._td_1nxxb_41 {
   color: var(--fui-text-primary, #212121);
   vertical-align: middle;
   line-height: var(--fui-line-height-normal, 1.5);
 }
 
-._striped_pscwk_190 ._row_pscwk_151:nth-child(even) {
+._striped_1nxxb_198 ._row_1nxxb_159:nth-child(even) {
   background-color: var(--fui-table-subrow-bg, var(--fui-bg-subtle, #fafafa));
 }
-._striped_pscwk_190 ._clickable_pscwk_162:hover {
+._striped_1nxxb_198 ._clickable_1nxxb_170:hover {
   background-color: var(--fui-table-row-hover-bg, var(--fui-bg-hover, rgba(0, 0, 0, 0.04)));
 }
-._striped_pscwk_190 ._clickable_pscwk_162:active {
+._striped_1nxxb_198 ._clickable_1nxxb_170:active {
   background-color: var(--fui-table-row-active-bg, var(--fui-bg-active, rgba(0, 0, 0, 0.06)));
 }
-._striped_pscwk_190 ._selected_pscwk_176 {
+._striped_1nxxb_198 ._selected_1nxxb_184 {
   background-color: var(--fui-table-row-selected-bg, color-mix(in srgb, var(--fui-text-primary, #212121) 8%, transparent));
 }
-._striped_pscwk_190 ._selected_pscwk_176:hover {
+._striped_1nxxb_198 ._selected_1nxxb_184:hover {
   background-color: var(--fui-table-row-selected-bg, color-mix(in srgb, var(--fui-text-primary, #212121) 10%, transparent));
 }
 
-._bordered_pscwk_206 {
+._bordered_1nxxb_214 {
   border: 1px solid var(--fui-table-border, var(--fui-border, rgba(0, 0, 0, 0.05)));
   border-radius: var(--fui-radius-md, 0.429rem);
-  background: var(--fui-data-table-bg);
+  background: var(--fui-data-table-bg, var(--fui-bg-primary, #ffffff));
   overflow: hidden;
 }
 
-._fixedLayout_pscwk_213 {
+._fixedLayout_1nxxb_221 {
   table-layout: fixed;
 }
 
-._densityCondensed_pscwk_217 ._row_pscwk_151 {
+._densityCondensed_1nxxb_225 ._row_1nxxb_159 {
   height: 40px;
 }
 
-._densityRegular_pscwk_221 ._row_pscwk_151 {
+._densityRegular_1nxxb_229 ._row_1nxxb_159 {
   height: 48px;
 }
 
-._densityRelaxed_pscwk_225 ._row_pscwk_151 {
+._densityRelaxed_1nxxb_233 ._row_1nxxb_159 {
   height: 56px;
 }
 
-._th_pscwk_37[data-align=right],
-._td_pscwk_38[data-align=right] {
+._th_1nxxb_40[data-align=right],
+._td_1nxxb_41[data-align=right] {
   text-align: right;
 }
 
-._th_pscwk_37[data-align=right] ._headerContent_pscwk_75,
-._th_pscwk_37[data-align=right] ._sortButton_pscwk_85 {
+._th_1nxxb_40[data-align=right] ._headerContent_1nxxb_78,
+._th_1nxxb_40[data-align=right] ._sortButton_1nxxb_88 {
   justify-content: flex-end;
 }
 
-._th_pscwk_37[data-align=center],
-._td_pscwk_38[data-align=center] {
+._th_1nxxb_40[data-align=center],
+._td_1nxxb_41[data-align=center] {
   text-align: center;
 }
 
-._th_pscwk_37[data-align=center] ._headerContent_pscwk_75,
-._th_pscwk_37[data-align=center] ._sortButton_pscwk_85 {
+._th_1nxxb_40[data-align=center] ._headerContent_1nxxb_78,
+._th_1nxxb_40[data-align=center] ._sortButton_1nxxb_88 {
   justify-content: center;
 }
 
-._truncate_pscwk_249 {
+._truncate_1nxxb_257 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
-._skeletonBar_pscwk_255 {
+._skeletonBar_1nxxb_263 {
   display: block;
   height: 10px;
   border-radius: var(--fui-radius-sm, 0.25rem);
   background: linear-gradient(90deg, color-mix(in srgb, currentColor 8%, transparent) 25%, color-mix(in srgb, currentColor 14%, transparent) 50%, color-mix(in srgb, currentColor 8%, transparent) 75%);
   background-size: 200% 100%;
-  animation: _dataTableShimmer_pscwk_1 1.4s ease-in-out infinite;
+  animation: _dataTableShimmer_1nxxb_1 1.4s ease-in-out infinite;
 }
 
-@keyframes _dataTableShimmer_pscwk_1 {
+@keyframes _dataTableShimmer_1nxxb_1 {
   from {
     background-position: 200% 0;
   }
@@ -4837,26 +4859,26 @@
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  ._skeletonBar_pscwk_255 {
+  ._skeletonBar_1nxxb_263 {
     animation: none;
   }
-  ._sortIndicator_pscwk_124 {
+  ._sortIndicator_1nxxb_127 {
     transition: none;
   }
 }
-._checkboxCell_pscwk_280 {
+._checkboxCell_1nxxb_288 {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-._expandCell_pscwk_286 {
+._expandCell_1nxxb_294 {
   display: inline-flex;
   align-items: center;
   gap: var(--fui-space-1, 0.5rem);
 }
 
-._expandButton_pscwk_292 {
+._expandButton_1nxxb_300 {
   appearance: none;
   background: transparent;
   border: none;
@@ -4866,10 +4888,10 @@
   color: inherit;
   cursor: pointer;
 }
-._expandButton_pscwk_292:disabled {
+._expandButton_1nxxb_300:disabled {
   cursor: not-allowed;
 }
-._expandButton_pscwk_292 {
+._expandButton_1nxxb_300 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -4880,47 +4902,47 @@
   color: var(--fui-text-tertiary, rgb(86.4227350852, 86.4227350852, 86.4227350852));
   transition: color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), background-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
-._expandButton_pscwk_292:hover {
+._expandButton_1nxxb_300:hover {
   color: var(--fui-text-primary, #212121);
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
 }
-._expandButton_pscwk_292:focus-visible {
+._expandButton_1nxxb_300:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 32%, transparent);
 }
 
-._expandIcon_pscwk_325 {
+._expandIcon_1nxxb_333 {
   width: var(--fui-icon-xs, 0.857rem);
   height: var(--fui-icon-xs, 0.857rem);
   transition: transform var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
 
-._expandIconOpen_pscwk_331 {
+._expandIconOpen_1nxxb_339 {
   transform: rotate(90deg);
 }
 
-._subRow_pscwk_335 {
+._subRow_1nxxb_343 {
   background-color: var(--fui-table-subrow-bg, var(--fui-bg-subtle, #fafafa));
 }
-._subRow_pscwk_335:hover {
+._subRow_1nxxb_343:hover {
   background-color: var(--fui-table-row-hover-bg, var(--fui-bg-hover, rgba(0, 0, 0, 0.04)));
 }
 
-._emptyState_pscwk_342 {
+._emptyState_1nxxb_350 {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: var(--fui-space-12, 6rem) var(--fui-space-6, 3rem);
 }
 
-._emptyMessage_pscwk_349 {
+._emptyMessage_1nxxb_357 {
   font-family: var(--fui-font-sans, "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif);
   font-size: var(--fui-font-size-sm, 1rem);
   color: var(--fui-text-tertiary, rgb(86.4227350852, 86.4227350852, 86.4227350852));
 }
 
 @media (max-width: 639px) {
-  ._wrapper_pscwk_1 {
+  ._wrapper_1nxxb_1 {
     margin-left: calc(-1 * var(--fui-space-4, 2rem));
     margin-right: calc(-1 * var(--fui-space-4, 2rem));
     padding-left: var(--fui-space-4, 2rem);
@@ -4928,21 +4950,21 @@
   }
 }
 @media (prefers-contrast: more) {
-  ._headerRow_pscwk_55 {
+  ._headerRow_1nxxb_58 {
     border-bottom-width: 2px;
   }
-  ._row_pscwk_151 {
+  ._row_1nxxb_159 {
     border-bottom-width: 2px;
   }
-  ._sortButton_pscwk_85:focus-visible {
+  ._sortButton_1nxxb_88:focus-visible {
     outline-width: 3px;
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  ._row_pscwk_151 {
+  ._row_1nxxb_159 {
     transition: none;
   }
-  ._sortButton_pscwk_85 {
+  ._sortButton_1nxxb_88 {
     transition: none;
   }
 }._emptyState_2ooam_1 {
@@ -7038,6 +7060,32 @@
 ._separator_1otmq_121[data-orientation=vertical] {
   width: 1px;
   align-self: stretch;
+}._root_1wv9j_1 {
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+  min-height: 100%;
+  margin-inline: auto;
+  padding: var(--fui-space-3, 1.5rem);
+}
+
+._full_1wv9j_10 {
+  max-width: none;
+}
+
+._narrow_1wv9j_14 {
+  max-width: 57.143rem;
+}
+
+._header_1wv9j_18,
+._description_1wv9j_19,
+._content_1wv9j_20,
+._footer_1wv9j_21 {
+  min-width: 0;
+}
+
+._description_1wv9j_19 {
+  max-width: 68ch;
 }._text_4yy44_1 {
   font-family: var(--fui-font-sans, "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif);
   color: var(--fui-text-primary, #212121);
@@ -9239,7 +9287,7 @@
 ._icon_enena_98 svg {
   width: 100%;
   height: 100%;
-}._root_jqtij_1 {
+}._root_1bf9l_1 {
   --toc-rail: color-mix(
     in srgb,
     var(--fui-bg-primary, #ffffff),
@@ -9251,30 +9299,29 @@
   color: var(--fui-text-secondary, rgb(84.468434358, 84.468434358, 84.468434358));
 }
 
-._title_jqtij_13 {
+._title_1bf9l_13 {
   margin: 0 0 var(--fui-space-2, 1rem);
   padding: 0 var(--fui-space-2, 1rem);
 }
 
-._list_jqtij_18 {
+._list_1bf9l_18 {
   list-style: none;
   margin: 0;
   padding: 0;
-  padding-left: 18px;
   position: relative;
   display: flex;
   flex-direction: column;
   gap: 1px;
 }
 
-._item_jqtij_29,
-._groupHeaderRow_jqtij_30 {
+._item_1bf9l_28,
+._groupHeaderRow_1bf9l_29 {
   position: relative;
   list-style: none;
 }
-._item_jqtij_29::before, ._item_jqtij_29::after,
-._groupHeaderRow_jqtij_30::before,
-._groupHeaderRow_jqtij_30::after {
+._item_1bf9l_28::before, ._item_1bf9l_28::after,
+._groupHeaderRow_1bf9l_29::before,
+._groupHeaderRow_1bf9l_29::after {
   transition: background-color var(--fui-transition-normal, 200ms cubic-bezier(0.4, 0, 0.2, 1)), border-color var(--fui-transition-normal, 200ms cubic-bezier(0.4, 0, 0.2, 1));
 }
 
@@ -9356,12 +9403,12 @@
   border-bottom-width: 1px;
 }
 
-._root_jqtij_1 [data-depth]::before,
-._root_jqtij_1 [data-depth]::after {
+._root_1bf9l_1 [data-depth]::before,
+._root_1bf9l_1 [data-depth]::after {
   content: none;
 }
 
-._link_jqtij_123 {
+._link_1bf9l_122 {
   display: flex;
   align-items: center;
   gap: var(--fui-space-2, 1rem);
@@ -9374,21 +9421,21 @@
   text-decoration: none;
   transition: background-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
-._link_jqtij_123:hover {
+._link_1bf9l_122:hover {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
   color: var(--fui-text-primary, #212121);
 }
-._link_jqtij_123:focus-visible {
+._link_1bf9l_122:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 32%, transparent);
 }
 
-[data-depth="1"] ._link_jqtij_123 {
+[data-depth="1"] ._link_1bf9l_122 {
   margin-left: var(--fui-space-2, 1rem);
   padding-left: 14px;
 }
 
-._linkLabel_jqtij_150 {
+._linkLabel_1bf9l_149 {
   flex: 1;
   min-width: 0;
   overflow: hidden;
@@ -9396,25 +9443,25 @@
   white-space: nowrap;
 }
 
-._leading_jqtij_158,
-._trailing_jqtij_159 {
+._leading_1bf9l_157,
+._trailing_1bf9l_158 {
   display: inline-flex;
   align-items: center;
   flex-shrink: 0;
 }
 
-._trailing_jqtij_159 {
+._trailing_1bf9l_158 {
   color: var(--fui-text-tertiary, rgb(86.4227350852, 86.4227350852, 86.4227350852));
   font-size: var(--fui-font-size-2xs, 0.714rem);
   font-variant-numeric: tabular-nums;
 }
 
-._active_jqtij_171 {
+._active_1bf9l_170 {
   color: var(--fui-text-primary, #212121);
   font-weight: var(--fui-font-weight-medium, 500);
 }
 
-._groupHeader_jqtij_30 {
+._groupHeader_1bf9l_29 {
   display: flex;
   align-items: center;
   gap: var(--fui-space-1, 0.5rem);
@@ -9434,24 +9481,24 @@
   cursor: default;
 }
 
-._groupHeaderInteractive_jqtij_196 {
+._groupHeaderInteractive_1bf9l_195 {
   cursor: pointer;
   transition: background-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
-._groupHeaderInteractive_jqtij_196:hover {
+._groupHeaderInteractive_1bf9l_195:hover {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
   color: var(--fui-text-secondary, rgb(84.468434358, 84.468434358, 84.468434358));
 }
-._groupHeaderInteractive_jqtij_196:focus-visible {
+._groupHeaderInteractive_1bf9l_195:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 32%, transparent);
 }
 
-._groupHeaderActive_jqtij_209 {
+._groupHeaderActive_1bf9l_208 {
   color: var(--fui-color-accent, #006b57);
 }
 
-._groupChevron_jqtij_213 {
+._groupChevron_1bf9l_212 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -9461,15 +9508,15 @@
   opacity: 0.7;
   transition: transform var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
-._groupChevron_jqtij_213 svg {
+._groupChevron_1bf9l_212 svg {
   width: 10px;
   height: 10px;
 }
-._groupChevron_jqtij_213[data-open] {
+._groupChevron_1bf9l_212[data-open] {
   transform: rotate(90deg);
 }
 
-._groupLabel_jqtij_231 {
+._groupLabel_1bf9l_230 {
   flex: 1;
   min-width: 0;
   overflow: hidden;
@@ -9478,14 +9525,14 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
-  ._link_jqtij_123,
-  ._groupHeaderInteractive_jqtij_196,
-  ._groupChevron_jqtij_213 {
+  ._link_1bf9l_122,
+  ._groupHeaderInteractive_1bf9l_195,
+  ._groupChevron_1bf9l_212 {
     transition: none;
   }
-  ._item_jqtij_29::before, ._item_jqtij_29::after,
-  ._groupHeaderRow_jqtij_30::before,
-  ._groupHeaderRow_jqtij_30::after {
+  ._item_1bf9l_28::before, ._item_1bf9l_28::after,
+  ._groupHeaderRow_1bf9l_29::before,
+  ._groupHeaderRow_1bf9l_29::after {
     transition: none;
   }
 }._box_kzrin_1 {
@@ -9828,7 +9875,7 @@
 
 ._display-none_kzrin_339 {
   display: none;
-}._chip_g0e83_1 {
+}._chip_1kr0c_1 {
   appearance: none;
   background: transparent;
   border: none;
@@ -9838,21 +9885,21 @@
   color: inherit;
   cursor: pointer;
 }
-._chip_g0e83_1:disabled {
+._chip_1kr0c_1:disabled {
   cursor: not-allowed;
 }
-._chip_g0e83_1 {
+._chip_1kr0c_1 {
   transition: background-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), border-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), box-shadow var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), opacity var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
-._chip_g0e83_1:focus-visible {
+._chip_1kr0c_1:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 32%, transparent);
 }
-._chip_g0e83_1:disabled, ._chip_g0e83_1[data-disabled] {
+._chip_1kr0c_1:disabled, ._chip_1kr0c_1[data-disabled] {
   opacity: 0.5;
   pointer-events: none;
 }
-._chip_g0e83_1 {
+._chip_1kr0c_1 {
   display: inline-flex;
   align-items: center;
   gap: var(--fui-space-1, 0.5rem);
@@ -9864,135 +9911,138 @@
   user-select: none;
 }
 
-._withRemove_g0e83_37 {
+._withRemove_1kr0c_37 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 
-._xs_g0e83_42 {
+._xs_1kr0c_42 {
   min-height: var(--fui-target-size-min, 2.286rem);
   padding: 0 var(--fui-space-1, 0.5rem);
   font-size: var(--fui-font-size-2xs, 0.714rem);
   gap: var(--fui-space-0-5, 0.15rem);
 }
 
-._sm_g0e83_49 {
+._sm_1kr0c_49 {
   min-height: var(--fui-button-height-sm, 2.2857142857rem);
   padding: 0 var(--fui-space-2, 1rem);
   font-size: var(--fui-font-size-xs, 0.857rem);
 }
 
-._md_g0e83_55 {
+._md_1kr0c_55 {
   min-height: var(--fui-button-height-md, 2.8571428571rem);
   padding: 0 var(--fui-space-3, 1.5rem);
   font-size: var(--fui-font-size-sm, 1rem);
 }
 
-._lg_g0e83_61 {
+._lg_1kr0c_61 {
   min-height: var(--fui-button-height-lg, 3.1428571429rem);
   padding: 0 var(--fui-space-4, 2rem);
   font-size: var(--fui-font-size-base, 1rem);
 }
 
-._filled_g0e83_67 {
+._filled_1kr0c_67 {
   background-color: var(--fui-bg-tertiary, #f4f4f4);
   color: var(--fui-text-primary, #212121);
 }
-._filled_g0e83_67:hover:not(:disabled) {
+._filled_1kr0c_67:hover:not(:disabled) {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
 }
-._filled_g0e83_67:active:not(:disabled) {
+._filled_1kr0c_67:active:not(:disabled) {
   background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
 }
-._filled_g0e83_67._selected_g0e83_77 {
-  background-color: var(--fui-color-accent, #006b57);
-  color: var(--fui-color-on-accent, #ffffff);
+._filled_1kr0c_67._selected_1kr0c_77 {
+  background-color: var(--fui-field-selection-bg, rgba(0, 0, 0, 0.04));
+  color: var(--fui-field-selection-color, #212121);
 }
-._filled_g0e83_67._selected_g0e83_77:hover:not(:disabled) {
-  background-color: var(--fui-color-accent-hover, hsl(169.9771289871, 164.3448630261%, 13.7353127687%));
+._filled_1kr0c_67._selected_1kr0c_77:hover:not(:disabled) {
+  background-color: var(--fui-field-selection-bg-hover, rgba(0, 0, 0, 0.04));
 }
-._filled_g0e83_67._selected_g0e83_77:active:not(:disabled) {
-  background-color: var(--fui-color-accent-active, hsl(169.8890840621, 209.9337122072%, 10.2857473619%));
+._filled_1kr0c_67._selected_1kr0c_77:active:not(:disabled) {
+  background-color: var(--fui-field-selection-bg-hover, rgba(0, 0, 0, 0.04));
+  box-shadow: inset 0 0 0 1px var(--fui-field-selection-border, rgba(0, 0, 0, 0.1));
 }
 
-._outlined_g0e83_88 {
+._outlined_1kr0c_89 {
   background-color: transparent;
   color: var(--fui-text-primary, #212121);
   border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.05));
 }
-._outlined_g0e83_88:hover:not(:disabled) {
+._outlined_1kr0c_89:hover:not(:disabled) {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
   border-color: var(--fui-border-strong, rgba(0, 0, 0, 0.1));
 }
-._outlined_g0e83_88:active:not(:disabled) {
+._outlined_1kr0c_89:active:not(:disabled) {
   background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
 }
-._outlined_g0e83_88._selected_g0e83_77 {
-  background-color: var(--fui-color-accent, #006b57);
-  color: var(--fui-color-on-accent, #ffffff);
-  border-color: var(--fui-color-accent, #006b57);
+._outlined_1kr0c_89._selected_1kr0c_77 {
+  background-color: var(--fui-field-selection-bg, rgba(0, 0, 0, 0.04));
+  color: var(--fui-field-selection-color, #212121);
 }
-._outlined_g0e83_88._selected_g0e83_77:hover:not(:disabled) {
-  background-color: var(--fui-color-accent-hover, hsl(169.9771289871, 164.3448630261%, 13.7353127687%));
-  border-color: var(--fui-color-accent-hover, hsl(169.9771289871, 164.3448630261%, 13.7353127687%));
+._outlined_1kr0c_89._selected_1kr0c_77:hover:not(:disabled) {
+  background-color: var(--fui-field-selection-bg-hover, rgba(0, 0, 0, 0.04));
 }
-._outlined_g0e83_88._selected_g0e83_77:active:not(:disabled) {
-  background-color: var(--fui-color-accent-active, hsl(169.8890840621, 209.9337122072%, 10.2857473619%));
-  border-color: var(--fui-color-accent-active, hsl(169.8890840621, 209.9337122072%, 10.2857473619%));
+._outlined_1kr0c_89._selected_1kr0c_77:active:not(:disabled) {
+  background-color: var(--fui-field-selection-bg-hover, rgba(0, 0, 0, 0.04));
+  box-shadow: inset 0 0 0 1px var(--fui-field-selection-border, rgba(0, 0, 0, 0.1));
+}
+._outlined_1kr0c_89._selected_1kr0c_77 {
+  border-color: var(--fui-field-selection-border, rgba(0, 0, 0, 0.1));
 }
 
-._soft_g0e83_114 {
+._soft_1kr0c_116 {
   background-color: var(--fui-color-info-bg, rgba(127, 166, 196, 0.1));
   color: var(--fui-color-info-text, rgb(63.1782487843, 100.0730830678, 127.5349009142));
 }
-._soft_g0e83_114:hover:not(:disabled) {
+._soft_1kr0c_116:hover:not(:disabled) {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
 }
-._soft_g0e83_114:active:not(:disabled) {
+._soft_1kr0c_116:active:not(:disabled) {
   background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
 }
-._soft_g0e83_114._selected_g0e83_77 {
-  background-color: var(--fui-color-accent, #006b57);
-  color: var(--fui-color-on-accent, #ffffff);
+._soft_1kr0c_116._selected_1kr0c_77 {
+  background-color: var(--fui-field-selection-bg, rgba(0, 0, 0, 0.04));
+  color: var(--fui-field-selection-color, #212121);
 }
-._soft_g0e83_114._selected_g0e83_77:hover:not(:disabled) {
-  background-color: var(--fui-color-accent-hover, hsl(169.9771289871, 164.3448630261%, 13.7353127687%));
+._soft_1kr0c_116._selected_1kr0c_77:hover:not(:disabled) {
+  background-color: var(--fui-field-selection-bg-hover, rgba(0, 0, 0, 0.04));
 }
-._soft_g0e83_114._selected_g0e83_77:active:not(:disabled) {
-  background-color: var(--fui-color-accent-active, hsl(169.8890840621, 209.9337122072%, 10.2857473619%));
+._soft_1kr0c_116._selected_1kr0c_77:active:not(:disabled) {
+  background-color: var(--fui-field-selection-bg-hover, rgba(0, 0, 0, 0.04));
+  box-shadow: inset 0 0 0 1px var(--fui-field-selection-border, rgba(0, 0, 0, 0.1));
 }
 
-._avatar_g0e83_135 {
+._avatar_1kr0c_138 {
   display: flex;
   align-items: center;
   margin-left: calc(-1 * var(--fui-space-1, 0.5rem));
 }
-._avatar_g0e83_135 img {
+._avatar_1kr0c_138 img {
   width: var(--fui-icon-md, 1.143rem);
   height: var(--fui-icon-md, 1.143rem);
   border-radius: var(--fui-radius-full, 9999px);
   object-fit: cover;
 }
-._xs_g0e83_42 ._avatar_g0e83_135 img {
+._xs_1kr0c_42 ._avatar_1kr0c_138 img {
   width: var(--fui-icon-sm, 1rem);
   height: var(--fui-icon-sm, 1rem);
 }
-._sm_g0e83_49 ._avatar_g0e83_135 img {
+._sm_1kr0c_49 ._avatar_1kr0c_138 img {
   width: var(--fui-icon-sm, 1rem);
   height: var(--fui-icon-sm, 1rem);
 }
 
-._icon_g0e83_155 {
+._icon_1kr0c_158 {
   display: flex;
   align-items: center;
 }
 
-._removableChip_g0e83_160 {
+._removableChip_1kr0c_163 {
   display: inline-flex;
   align-items: stretch;
 }
 
-._remove_g0e83_165 {
+._remove_1kr0c_168 {
   appearance: none;
   background: transparent;
   border: none;
@@ -10002,21 +10052,21 @@
   color: inherit;
   cursor: pointer;
 }
-._remove_g0e83_165:disabled {
+._remove_1kr0c_168:disabled {
   cursor: not-allowed;
 }
-._remove_g0e83_165 {
+._remove_1kr0c_168 {
   transition: background-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), border-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), box-shadow var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), opacity var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
-._remove_g0e83_165:focus-visible {
+._remove_1kr0c_168:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 32%, transparent);
 }
-._remove_g0e83_165:disabled, ._remove_g0e83_165[data-disabled] {
+._remove_1kr0c_168:disabled, ._remove_1kr0c_168[data-disabled] {
   opacity: 0.5;
   pointer-events: none;
 }
-._remove_g0e83_165 {
+._remove_1kr0c_168 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -10032,61 +10082,64 @@
   border: 1px solid transparent;
   border-left-color: var(--fui-border, rgba(0, 0, 0, 0.05));
 }
-._xs_g0e83_42 ._remove_g0e83_165 {
+._xs_1kr0c_42 ._remove_1kr0c_168 {
   font-size: var(--fui-font-size-2xs, 0.714rem);
   padding: 0 var(--fui-space-0-5, 0.15rem);
 }
-._sm_g0e83_49 ._remove_g0e83_165 {
+._sm_1kr0c_49 ._remove_1kr0c_168 {
   font-size: var(--fui-font-size-xs, 0.857rem);
 }
-._remove_g0e83_165:hover:not(:disabled) {
+._remove_1kr0c_168:hover:not(:disabled) {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
 }
 
-._filled_g0e83_67 + ._remove_g0e83_165 {
+._filled_1kr0c_67 + ._remove_1kr0c_168 {
   background-color: var(--fui-bg-tertiary, #f4f4f4);
 }
-._filled_g0e83_67 + ._remove_g0e83_165:hover:not(:disabled) {
+._filled_1kr0c_67 + ._remove_1kr0c_168:hover:not(:disabled) {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
 }
-._filled_g0e83_67 + ._remove_g0e83_165:active:not(:disabled) {
+._filled_1kr0c_67 + ._remove_1kr0c_168:active:not(:disabled) {
   background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
 }
 
-._outlined_g0e83_88 + ._remove_g0e83_165 {
+._outlined_1kr0c_89 + ._remove_1kr0c_168 {
   background-color: transparent;
 }
-._outlined_g0e83_88 + ._remove_g0e83_165:hover:not(:disabled) {
+._outlined_1kr0c_89 + ._remove_1kr0c_168:hover:not(:disabled) {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
 }
-._outlined_g0e83_88 + ._remove_g0e83_165:active:not(:disabled) {
+._outlined_1kr0c_89 + ._remove_1kr0c_168:active:not(:disabled) {
   background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
 }
 
-._soft_g0e83_114 + ._remove_g0e83_165 {
+._soft_1kr0c_116 + ._remove_1kr0c_168 {
   background-color: var(--fui-color-info-bg, rgba(127, 166, 196, 0.1));
   color: var(--fui-color-info-text, rgb(63.1782487843, 100.0730830678, 127.5349009142));
 }
-._soft_g0e83_114 + ._remove_g0e83_165:hover:not(:disabled) {
+._soft_1kr0c_116 + ._remove_1kr0c_168:hover:not(:disabled) {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
 }
-._soft_g0e83_114 + ._remove_g0e83_165:active:not(:disabled) {
+._soft_1kr0c_116 + ._remove_1kr0c_168:active:not(:disabled) {
   background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
 }
 
-._selected_g0e83_77 + ._remove_g0e83_165 {
-  background-color: var(--fui-color-accent, #006b57);
-  color: var(--fui-color-on-accent, #ffffff);
-  border-left-color: transparent;
+._selected_1kr0c_77 + ._remove_1kr0c_168 {
+  background-color: var(--fui-field-selection-bg, rgba(0, 0, 0, 0.04));
+  color: var(--fui-field-selection-color, #212121);
 }
-._selected_g0e83_77 + ._remove_g0e83_165:hover:not(:disabled) {
-  background-color: var(--fui-color-accent-hover, hsl(169.9771289871, 164.3448630261%, 13.7353127687%));
+._selected_1kr0c_77 + ._remove_1kr0c_168:hover:not(:disabled) {
+  background-color: var(--fui-field-selection-bg-hover, rgba(0, 0, 0, 0.04));
 }
-._selected_g0e83_77 + ._remove_g0e83_165:active:not(:disabled) {
-  background-color: var(--fui-color-accent-active, hsl(169.8890840621, 209.9337122072%, 10.2857473619%));
+._selected_1kr0c_77 + ._remove_1kr0c_168:active:not(:disabled) {
+  background-color: var(--fui-field-selection-bg-hover, rgba(0, 0, 0, 0.04));
+  box-shadow: inset 0 0 0 1px var(--fui-field-selection-border, rgba(0, 0, 0, 0.1));
+}
+._selected_1kr0c_77 + ._remove_1kr0c_168 {
+  border-left-color: transparent;
 }
 
-._group_g0e83_259 {
+._group_1kr0c_265 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--fui-space-2, 1rem);