@photonix/basic 1.6.5 → 1.6.8

package/dist/index.css

@@ -3967,7 +3967,7 @@
   padding-block: var(--space-none) var(--space-sm);
   padding-inline: var(--space-sm);
 }
-._badgeRoot_xfngh_6 {
+._badgeRoot_1lq6c_6 {
   align-items: center;
   block-size: auto;
   box-sizing: border-box;
@@ -3983,152 +3983,158 @@
   vertical-align: middle;
   white-space: nowrap;
 }
-._badgeLabel_xfngh_28 {
+._badgeLabel_1lq6c_28 {
   padding: 0 var(--space-4xs);
 }
-._badgeShapeRounded_xfngh_37 {
+._badgeShapeRounded_1lq6c_37 {
   border-radius: var(--radius-3xs);
 }
-._badgeShapePill_xfngh_42 {
+._badgeShapePill_1lq6c_42 {
   border-radius: var(--radius-full);
 }
-._badgeShapeIcon_xfngh_47 {
+._badgeShapeIcon_1lq6c_47 {
   block-size: var(--dimensions-24);
   border-radius: 50%;
   inline-size: var(--dimensions-24);
   padding: var(--space-none);
 }
-._badgeShapeText_xfngh_55 {
+._badgeShapeText_1lq6c_55 {
   border-radius: var(--radius-full);
 }
-._badgeShapeText_xfngh_55._singleChar_xfngh_60 {
+._badgeShapeNumber_1lq6c_59 {
+  block-size: var(--dimensions-16);
+  min-block-size: var(--dimensions-16);
+  min-inline-size: var(--dimensions-16);
+  padding: var(--space-none);
+}
+._badgeShapeText_1lq6c_55._singleChar_1lq6c_67 {
   block-size: var(--dimensions-16);
   border-radius: var(--radius-full);
   inline-size: auto;
   min-inline-size: var(--dimensions-16);
   padding: var(--space-none) !important;
 }
-._badgeShapeText_xfngh_55._singleChar_xfngh_60 ._badgeLabel_xfngh_28 {
+._badgeShapeText_1lq6c_55._singleChar_1lq6c_67 ._badgeLabel_1lq6c_28 {
   padding: 0 var(--space-4xs);
 }
-._badgeShapeDot_xfngh_73 {
+._badgeShapeDot_1lq6c_80 {
   block-size: var(--dimensions-8);
   border-radius: 50%;
   inline-size: var(--dimensions-8);
   padding: var(--space-none);
 }
-._stroke_xfngh_86 {
+._stroke_1lq6c_93 {
   box-shadow: 0 0 0 var(--dimensions-2) var(--surface-neutral-primary);
 }
-._primary_xfngh_96 {
+._primary_1lq6c_103 {
   background-color: var(--badge-color);
   border: var(--border-sm) solid transparent;
   color: var(--badge-on-color);
 }
-._secondary_xfngh_105 {
+._secondary_1lq6c_112 {
   background-color: var(--badge-bg-subtle);
   border: var(--border-sm) solid transparent;
   color: var(--badge-text-subtle);
 }
-._gray_xfngh_119 {
+._gray_1lq6c_126 {
   --badge-color: var(--surface-neutral-on-surface);
   --badge-on-color: var(--text-neutral-secondary);
   --badge-bg-subtle: var(--surface-neutral-on-surface);
   --badge-text-subtle: var(--text-neutral-secondary);
 }
-._gray_xfngh_119._badgeShapeDot_xfngh_73 {
+._gray_1lq6c_126._badgeShapeDot_1lq6c_80 {
   --badge-color: var(--foreground-neutral-secondary);
 }
-._black_xfngh_132 {
+._black_1lq6c_139 {
   --badge-color: var(--surface-neutral-primary-inverse);
   --badge-on-color: var(--text-neutral-primary-inverse);
   --badge-bg-subtle: var(--surface-neutral-tertiary);
   --badge-text-subtle: var(--text-neutral-primary);
 }
-._white_xfngh_140 {
+._white_1lq6c_147 {
   --badge-color: var(--text-neutral-primary-inverse);
   --badge-on-color: var(--text-neutral-primary);
   --badge-bg-subtle: var(--surface-neutral-inverse-on-surface);
   --badge-text-subtle: var(--text-neutral-primary);
 }
-._red_xfngh_148 {
+._red_1lq6c_155 {
   --badge-color: var(--surface-accent-red);
   --badge-on-color: var(--text-neutral-primary-inverse);
   --badge-bg-subtle: var(--surface-neutral-on-surface);
   --badge-text-subtle: var(--text-accent-red);
 }
-._orange_xfngh_156 {
+._orange_1lq6c_163 {
   --badge-color: var(--surface-accent-orange);
   --badge-on-color: var(--text-neutral-primary-inverse);
   --badge-bg-subtle: var(--surface-accent-orange-subtle);
   --badge-text-subtle: var(--text-accent-orange);
 }
-._yellow_xfngh_164 {
+._yellow_1lq6c_171 {
   --badge-color: var(--surface-accent-yellow);
   --badge-on-color: var(--text-neutral-primary);
   --badge-bg-subtle: var(--surface-accent-yellow-subtle);
   --badge-text-subtle: var(--text-accent-yellow);
 }
-._green_xfngh_172 {
+._green_1lq6c_179 {
   --badge-color: var(--surface-accent-green);
   --badge-on-color: var(--text-neutral-primary-inverse);
   --badge-bg-subtle: var(--surface-accent-green-subtle);
   --badge-text-subtle: var(--text-accent-green);
 }
-._mint_xfngh_180 {
+._mint_1lq6c_187 {
   --badge-color: var(--surface-accent-mint);
   --badge-on-color: var(--text-neutral-primary-inverse);
   --badge-bg-subtle: var(--surface-accent-mint-subtle);
   --badge-text-subtle: var(--text-accent-mint);
 }
-._teal_xfngh_188 {
+._teal_1lq6c_195 {
   --badge-color: var(--surface-accent-teal);
   --badge-on-color: var(--text-neutral-primary-inverse);
   --badge-bg-subtle: var(--surface-accent-teal-subtle);
   --badge-text-subtle: var(--text-accent-teal);
 }
-._cyan_xfngh_196 {
+._cyan_1lq6c_203 {
   --badge-color: var(--surface-accent-cyan);
   --badge-on-color: var(--text-neutral-primary-inverse);
   --badge-bg-subtle: var(--surface-accent-cyan-subtle);
   --badge-text-subtle: var(--text-accent-cyan);
 }
-._blue_xfngh_204 {
+._blue_1lq6c_211 {
   --badge-color: var(--surface-accent-blue);
   --badge-on-color: var(--text-neutral-primary-inverse);
   --badge-bg-subtle: var(--surface-accent-blue-subtle);
   --badge-text-subtle: var(--text-accent-blue);
 }
-._indigo_xfngh_212 {
+._indigo_1lq6c_219 {
   --badge-color: var(--surface-accent-indigo);
   --badge-on-color: var(--text-neutral-primary-inverse);
   --badge-bg-subtle: var(--surface-accent-indigo-subtle);
   --badge-text-subtle: var(--text-accent-indigo);
 }
-._purple_xfngh_220 {
+._purple_1lq6c_227 {
   --badge-color: var(--surface-accent-purple);
   --badge-on-color: var(--text-neutral-primary-inverse);
   --badge-bg-subtle: var(--surface-accent-purple-subtle);
   --badge-text-subtle: var(--text-accent-purple);
 }
-._pink_xfngh_228 {
+._pink_1lq6c_235 {
   --badge-color: var(--surface-accent-pink);
   --badge-on-color: var(--text-neutral-primary-inverse);
   --badge-bg-subtle: var(--surface-accent-pink-subtle);
   --badge-text-subtle: var(--text-accent-pink);
 }
-._brown_xfngh_236 {
+._brown_1lq6c_243 {
   --badge-color: var(--surface-accent-brown);
   --badge-on-color: var(--text-neutral-primary-inverse);
   --badge-bg-subtle: var(--surface-accent-brown-subtle);
   --badge-text-subtle: var(--text-accent-brown);
 }
-._badgeIcon_xfngh_247 {
+._badgeIcon_1lq6c_254 {
   align-items: center;
   display: flex;
   justify-content: center;
 }
-._badgeIcon_xfngh_247 svg {
+._badgeIcon_1lq6c_254 svg {
   block-size: var(--dimensions-16);
   inline-size: var(--dimensions-16);
 }
@@ -7737,7 +7743,7 @@
   inline-size: var(--dimensions-24);
   justify-content: center;
 }
-._dropdownListRoot_6mjn7_1 {
+._dropdownListRoot_c6qx2_1 {
   background-color: var(--surface-neutral-elevator);
   border: var(--border-xs) solid var(--border-neutral-tertiary);
   border-radius: var(--radius-sm);
@@ -7748,28 +7754,31 @@
   overflow: hidden;
   padding: var(--space-2xs) 0;
 }
-._dropdownListSearchWrapper_6mjn7_17 {
+._dropdownListSearchWrapper_c6qx2_17 {
   padding: 0 var(--space-2xs) var(--space-2xs) var(--space-2xs);
 }
-._dropdownListItemsListContainer_6mjn7_22 {
+._dropdownListItemsListContainer_c6qx2_22 {
+  overflow: hidden;
   position: relative;
 }
-._dropdownListItemsList_6mjn7_22 {
+._dropdownListItemsList_c6qx2_22 {
   overflow-y: auto;
+  position: relative;
+  z-index: 0;
 }
-._dropdownListItemsList_6mjn7_22:focus {
+._dropdownListItemsList_c6qx2_22:focus {
   outline: none;
 }
-._dropdownListGradient_6mjn7_36 {
+._dropdownListGradient_c6qx2_39 {
   block-size: var(--dimensions-32);
   inset-inline: 0;
   opacity: 0;
   pointer-events: none;
   position: absolute;
   transition: opacity var(--motion-duration-normal) var(--motion-ease-standard);
-  z-index: var(--z-index-base);
+  z-index: var(--z-index-decorator);
 }
-._dropdownListGradientTop_6mjn7_48 {
+._dropdownListGradientTop_c6qx2_51 {
   background:
     linear-gradient(
       to bottom,
@@ -7777,7 +7786,7 @@
       transparent 100%);
   inset-block-start: 0;
 }
-._dropdownListGradientBottom_6mjn7_55 {
+._dropdownListGradientBottom_c6qx2_58 {
   background:
     linear-gradient(
       to top,
@@ -7785,24 +7794,24 @@
       transparent 100%);
   inset-block-end: 0;
 }
-._dropdownListGradientVisible_6mjn7_62 {
+._dropdownListGradientVisible_c6qx2_65 {
   opacity: 1;
 }
-._dropdownListItemWrapper_6mjn7_67 {
+._dropdownListItemWrapper_c6qx2_70 {
   padding: 0 var(--space-2xs);
 }
-._dropdownListItemWrapperWithDivider_6mjn7_72 {
+._dropdownListItemWrapperWithDivider_c6qx2_75 {
   padding: var(--space-2xs) var(--space-2xs);
 }
-._dropdownListItemWrapperWithDivider_6mjn7_72:not(:last-child) {
+._dropdownListItemWrapperWithDivider_c6qx2_75:not(:last-child) {
   border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
 }
-._dropdownListItemWrapperWithBottomDivider_6mjn7_81 {
+._dropdownListItemWrapperWithBottomDivider_c6qx2_84 {
   border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
   margin-block-end: var(--space-2xs);
   padding-block-end: var(--space-2xs);
 }
-._dropdownListItem_6mjn7_22 {
+._dropdownListItem_c6qx2_22 {
   align-items: center;
   background-color: transparent;
   block-size: var(--dimensions-48);
@@ -7815,7 +7824,7 @@
   position: relative;
   transition: background-color var(--motion-duration-fast) var(--motion-ease-standard);
 }
-._dropdownListItem_6mjn7_22:after {
+._dropdownListItem_c6qx2_22:after {
   background-color: transparent;
   content: "";
   inset: 0;
@@ -7824,42 +7833,42 @@
   transition: background-color var(--motion-duration-fast) var(--motion-ease-out);
   z-index: 0;
 }
-._dropdownListItem_6mjn7_22:hover:not(._disabled_6mjn7_115):after {
+._dropdownListItem_c6qx2_22:hover:not(._disabled_c6qx2_118):after {
   background-color: var(--surface-state-hover);
 }
-._dropdownListItem_6mjn7_22:active:not(._disabled_6mjn7_115):after {
+._dropdownListItem_c6qx2_22:active:not(._disabled_c6qx2_118):after {
   background-color: var(--surface-state-press);
 }
-._dropdownListItem_6mjn7_22:focus-visible:after {
+._dropdownListItem_c6qx2_22:focus-visible:after {
   background-color: var(--surface-state-hover);
 }
-._dropdownListItem_6mjn7_22:focus-visible {
+._dropdownListItem_c6qx2_22:focus-visible {
   outline: var(--border-md) solid var(--border-state-focus);
   outline-offset: calc(var(--border-md) * -1);
 }
-._dropdownListItemFocused_6mjn7_137 {
+._dropdownListItemFocused_c6qx2_140 {
   outline: var(--border-md) solid var(--border-state-focus);
   outline-offset: calc(var(--border-md) * -1);
 }
-._dropdownListItemFocused_6mjn7_137:after {
+._dropdownListItemFocused_c6qx2_140:after {
   background-color: var(--surface-state-hover);
 }
-._dropdownListItemSelected_6mjn7_151:hover:not(._disabled_6mjn7_115):after {
+._dropdownListItemSelected_c6qx2_154:hover:not(._disabled_c6qx2_118):after {
   background-color: var(--surface-state-hover);
 }
-._dropdownListItemSelected_6mjn7_151:active:not(._disabled_6mjn7_115):after {
+._dropdownListItemSelected_c6qx2_154:active:not(._disabled_c6qx2_118):after {
   background-color: var(--surface-state-press);
 }
-._dropdownListItemDisabled_6mjn7_161 {
+._dropdownListItemDisabled_c6qx2_164 {
   cursor: not-allowed;
   opacity: var(--opacity-disabled);
 }
-._dropdownListCheckbox_6mjn7_167 {
+._dropdownListCheckbox_c6qx2_170 {
   block-size: var(--dimensions-24) !important;
   flex-shrink: 0;
   inline-size: var(--dimensions-24) !important;
 }
-._dropdownListItemIcon_6mjn7_174 {
+._dropdownListItemIcon_c6qx2_177 {
   align-items: center;
   block-size: var(--dimensions-24);
   color: var(--foreground-neutral-primary);
@@ -7870,7 +7879,7 @@
   position: relative;
   z-index: 1;
 }
-._dropdownListItemLabel_6mjn7_187 {
+._dropdownListItemLabel_c6qx2_190 {
   color: var(--text-neutral-primary);
   flex: 1;
   font-family: var(--body-lg-family);
@@ -7880,7 +7889,7 @@
   position: relative;
   z-index: 1;
 }
-._dropdownListCheckmark_6mjn7_199 {
+._dropdownListCheckmark_c6qx2_202 {
   align-items: center;
   block-size: var(--dimensions-24);
   color: var(--text-neutral-primary);
@@ -7889,7 +7898,7 @@
   inline-size: var(--dimensions-24);
   justify-content: center;
 }
-._dropdownListEmptyState_6mjn7_210 {
+._dropdownListEmptyState_c6qx2_213 {
   color: var(--text-neutral-secondary);
   font-family: var(--body-lg-family);
   font-size: var(--body-lg-size);
@@ -8850,7 +8859,7 @@
 ._disabled_q8tx0_348 ._chipAction_q8tx0_124 {
   color: var(--foreground-state-disabled);
 }
-._chipBarRoot_nw9mr_1 {
+._chipBarRoot_j4xii_1 {
   align-items: center;
   box-sizing: border-box;
   display: flex;
@@ -8860,24 +8869,24 @@
   overflow: visible hidden;
   position: relative;
 }
-._chipBarSizeLarge_nw9mr_14 {
+._chipBarSizeLarge_j4xii_14 {
   block-size: var(--dimensions-56);
 }
-._chipBarSizeMedium_nw9mr_18 {
+._chipBarSizeMedium_j4xii_18 {
   block-size: var(--dimensions-48);
 }
-._chipBarSticky_nw9mr_23 {
+._chipBarSticky_j4xii_23 {
   background-color: transparent;
   inset-block-start: 0;
   position: sticky;
   transition: background-color var(--motion-duration-normal) ease-in-out, box-shadow var(--motion-duration-normal) ease-in-out;
   z-index: var(--z-index-decorator);
 }
-._chipBarStuck_nw9mr_34 {
+._chipBarStuck_j4xii_34 {
   background-color: var(--surface-neutral-elevator);
   box-shadow: inset 0 calc(-1 * var(--border-sm)) 0 0 var(--border-neutral-tertiary), var(--shadow-sm);
 }
-._chipBarLeading_nw9mr_44 {
+._chipBarLeading_j4xii_44 {
   align-items: center;
   display: flex;
   flex-shrink: 0;
@@ -8885,18 +8894,21 @@
   position: relative;
   z-index: 2;
 }
-._chipBarDivider_nw9mr_55 {
+._chipBarDivider_j4xii_55 {
   background-color: var(--border-neutral-tertiary);
   block-size: var(--dimensions-32);
   inline-size: var(--border-sm);
 }
-._chipBarScrollArea_nw9mr_64 {
+._chipBarScrollOuter_j4xii_64 {
+  align-items: center;
+  display: flex;
+  flex-grow: 1;
+  min-inline-size: 0;
+  position: relative;
+}
+._chipBarScrollArea_j4xii_73 {
   --chip-bar-fade-left: 0px;
   --chip-bar-fade-right: 0px;
-  --chip-bar-nav-left: 0px;
-  --chip-bar-nav-right: 0px;
-  --chip-bar-nav-left-effective: 0px;
-  --chip-bar-nav-right-effective: 0px;
   display: flex;
   flex-grow: 1;
   min-inline-size: 0;
@@ -8906,19 +8918,15 @@
     linear-gradient(
       to right,
       rgba(0, 0, 0, 0) 0px,
-      rgba(0, 0, 0, 0) var(--chip-bar-nav-left-effective),
-      rgba(0, 0, 0, 1) calc(var(--chip-bar-nav-left-effective) + var(--chip-bar-fade-left)),
-      rgba(0, 0, 0, 1) calc(100% - var(--chip-bar-nav-right-effective) - var(--chip-bar-fade-right)),
-      rgba(0, 0, 0, 0) calc(100% - var(--chip-bar-nav-right-effective)),
+      rgba(0, 0, 0, 1) var(--chip-bar-fade-left),
+      rgba(0, 0, 0, 1) calc(100% - var(--chip-bar-fade-right)),
       rgba(0, 0, 0, 0) 100%);
   -webkit-mask-image:
     linear-gradient(
       to right,
       rgba(0, 0, 0, 0) 0px,
-      rgba(0, 0, 0, 0) var(--chip-bar-nav-left-effective),
-      rgba(0, 0, 0, 1) calc(var(--chip-bar-nav-left-effective) + var(--chip-bar-fade-left)),
-      rgba(0, 0, 0, 1) calc(100% - var(--chip-bar-nav-right-effective) - var(--chip-bar-fade-right)),
-      rgba(0, 0, 0, 0) calc(100% - var(--chip-bar-nav-right-effective)),
+      rgba(0, 0, 0, 1) var(--chip-bar-fade-left),
+      rgba(0, 0, 0, 1) calc(100% - var(--chip-bar-fade-right)),
       rgba(0, 0, 0, 0) 100%);
   mask-repeat: no-repeat;
   -webkit-mask-repeat: no-repeat;
@@ -8927,7 +8935,7 @@
   mask-position: 0 0;
   -webkit-mask-position: 0 0;
 }
-._chipBarMaskWrapper_nw9mr_104 {
+._chipBarMaskWrapper_j4xii_105 {
   display: flex;
   flex-grow: 1;
   min-inline-size: 0;
@@ -8936,7 +8944,7 @@
   width: 100%;
   z-index: 0;
 }
-._chipBarList_nw9mr_114 {
+._chipBarList_j4xii_115 {
   align-items: center;
   background: transparent;
   box-sizing: border-box;
@@ -8954,38 +8962,28 @@
   z-index: 0;
 }
 @media (hover: none) or (pointer: coarse) {
-  ._chipBarList_nw9mr_114 {
+  ._chipBarList_j4xii_115 {
     padding-inline-end: var(--dimensions-16);
   }
 }
-._chipBarList_nw9mr_114::-webkit-scrollbar {
+._chipBarList_j4xii_115::-webkit-scrollbar {
   display: none;
 }
-@media (hover: hover) and (pointer: fine) {
-  ._chipBarScrollArea_nw9mr_64 {
-    --chip-bar-nav-left-effective: var(--chip-bar-nav-left);
-    --chip-bar-nav-right-effective: var(--chip-bar-nav-right);
-  }
-  ._chipBarNavButton_nw9mr_150 {
-    display: flex;
-  }
-}
-._chipBarRootPadded_nw9mr_155 {
+._chipBarRootPadded_j4xii_146 {
   padding-inline-start: var(--chip-bar-padding, var(--space-sm));
 }
-._chipBarListPadded_nw9mr_160 {
+._chipBarListPadded_j4xii_151 {
   padding-inline: 0 var(--chip-bar-padding, var(--space-sm));
 }
-._chipBarListPadded_nw9mr_160:after {
+._chipBarListPadded_j4xii_151:after {
   block-size: 1px;
   content: "";
   flex: 0 0 var(--chip-bar-padding, var(--space-sm));
   inline-size: var(--chip-bar-padding, var(--space-sm));
 }
-._chipBarNavSlot_nw9mr_179 {
+._chipBarNavSlot_j4xii_170 {
   align-items: center;
-  display: flex;
-  inline-size: var(--dimensions-44);
+  display: none;
   inset-block: 0;
   opacity: 0;
   pointer-events: none;
@@ -8993,18 +8991,23 @@
   transition: opacity var(--motion-duration-normal) ease-in-out;
   z-index: 2;
 }
-._chipBarNavSlotLeft_nw9mr_193 {
+@media (hover: hover) and (pointer: fine) {
+  ._chipBarNavSlot_j4xii_170 {
+    display: flex;
+  }
+}
+._chipBarNavSlotLeft_j4xii_187 {
   inset-inline-start: 0;
   justify-content: flex-start;
 }
-._chipBarNavSlotRight_nw9mr_198 {
+._chipBarNavSlotRight_j4xii_192 {
   inset-inline-end: 0;
   justify-content: flex-end;
 }
-._chipBarGradientVisible_nw9mr_203 {
+._chipBarGradientVisible_j4xii_197 {
   opacity: 1;
 }
-._chipBarNavButton_nw9mr_150 {
+._chipBarNavButton_j4xii_202 {
   align-items: center;
   background: var(--surface-neutral-primary);
   block-size: var(--dimensions-32);
@@ -9012,7 +9015,7 @@
   border-radius: var(--radius-full);
   color: var(--text-neutral-primary);
   cursor: pointer;
-  display: none;
+  display: flex;
   inline-size: var(--dimensions-32);
   justify-content: center;
   overflow: hidden;
@@ -9021,10 +9024,10 @@
   transition: all var(--motion-duration-normal) ease-in-out;
   z-index: 3;
 }
-._chipBarGradientVisible_nw9mr_203 ._chipBarNavButton_nw9mr_150 {
+._chipBarGradientVisible_j4xii_197 ._chipBarNavButton_j4xii_202 {
   pointer-events: auto;
 }
-._chipBarNavButton_nw9mr_150:after {
+._chipBarNavButton_j4xii_202:after {
   background-color: transparent;
   content: "";
   inset: 0;
@@ -9033,23 +9036,20 @@
   transition: background-color var(--motion-duration-fast) var(--motion-ease-out);
   z-index: 0;
 }
-._chipBarNavButton_nw9mr_150:hover:after {
+._chipBarNavButton_j4xii_202:hover:after {
   background-color: var(--surface-state-hover);
 }
-._chipBarNavButton_nw9mr_150 svg {
+._chipBarNavButton_j4xii_202 svg {
   block-size: var(--dimensions-20);
   inline-size: var(--dimensions-20);
   position: relative;
   z-index: 1;
 }
-._chipBarStuck_nw9mr_34 ._chipBarNavButton_nw9mr_150 {
+._chipBarStuck_j4xii_34 ._chipBarNavButton_j4xii_202 {
   background: var(--surface-neutral-elevator);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._chipBarNavButton_nw9mr_150 {
-    display: flex;
-  }
-  ._chipBarStuck_nw9mr_34 ._chipBarNavButton_nw9mr_150 {
+  ._chipBarStuck_j4xii_34 ._chipBarNavButton_j4xii_202 {
     background: var(--surface-neutral-elevator);
   }
 }
@@ -9159,7 +9159,7 @@
 ._contextMenuTrigger_ithfz_15 {
   display: inline-block;
 }
-._dataTableRoot_1r4e0_4 {
+._dataTableRoot_eg8aq_4 {
   background-color: var(--surface-neutral-primary);
   border: var(--border-sm) solid var(--border-neutral-tertiary);
   border-radius: var(--radius-xs);
@@ -9168,17 +9168,17 @@
   inline-size: 100%;
   position: relative;
 }
-._dataTableFlush_1r4e0_14 {
+._dataTableFlush_eg8aq_14 {
   border: none;
   border-radius: 0;
 }
-._dataTableContainer_1r4e0_23 {
+._dataTableContainer_eg8aq_23 {
   border-radius: inherit;
   inline-size: 100%;
   overflow: hidden;
   position: relative;
 }
-._dataTableScrollGradient_1r4e0_33 {
+._dataTableScrollGradient_eg8aq_33 {
   inline-size: var(--dimensions-64);
   inset-block-start: 0;
   opacity: 0;
@@ -9187,7 +9187,7 @@
   transition: opacity var(--motion-duration-normal) var(--motion-ease-in-out);
   z-index: var(--z-index-decorator);
 }
-._dataTableScrollGradientLeft_1r4e0_44 {
+._dataTableScrollGradientLeft_eg8aq_44 {
   background:
     linear-gradient(
       to right,
@@ -9197,7 +9197,7 @@
   inset-block-end: 0;
   inset-inline-start: 0;
 }
-._dataTableScrollGradientRight_1r4e0_55 {
+._dataTableScrollGradientRight_eg8aq_55 {
   background:
     linear-gradient(
       to left,
@@ -9207,10 +9207,10 @@
   inset-block-end: 0;
   inset-inline-end: 0;
 }
-._dataTableScrollGradientVisible_1r4e0_66 {
+._dataTableScrollGradientVisible_eg8aq_66 {
   opacity: 1;
 }
-._dataTableTable_1r4e0_73 {
+._dataTableTable_eg8aq_73 {
   border-collapse: separate;
   border-radius: inherit;
   border-spacing: 0;
@@ -9218,19 +9218,19 @@
   inline-size: 100%;
   table-layout: fixed;
 }
-._dataTableHead_1r4e0_87 {
+._dataTableHead_eg8aq_87 {
   background-color: var(--surface-neutral-secondary);
 }
-._dataTableHeadSticky_1r4e0_91 {
+._dataTableHeadSticky_eg8aq_91 {
   inset-block-start: 0;
   position: sticky;
   z-index: var(--z-index-sticky);
 }
-._dataTableTh_1r4e0_97 {
+._dataTableTh_eg8aq_97 {
   border-block-end: var(--border-xs) solid var(--border-neutral-tertiary);
   box-sizing: border-box;
 }
-._dataTableHeadCell_1r4e0_102 {
+._dataTableHeadCell_eg8aq_102 {
   background-color: var(--surface-neutral-secondary);
   block-size: var(--dimensions-48);
   border-block-end: var(--border-xs) solid var(--border-neutral-tertiary);
@@ -9248,23 +9248,23 @@
   user-select: none;
   white-space: nowrap;
 }
-._dataTableThSortable_1r4e0_120 {
+._dataTableThSortable_eg8aq_120 {
   cursor: pointer;
   transition: background-color var(--motion-duration-fast) var(--motion-ease-in-out);
 }
-._dataTableThSortable_1r4e0_120:hover {
+._dataTableThSortable_eg8aq_120:hover {
   background-color: var(--surface-neutral-tertiary);
 }
-._dataTableThSticky_1r4e0_129 {
+._dataTableThSticky_eg8aq_129 {
   background-color: var(--surface-neutral-secondary);
   box-shadow: 1px 0 0 var(--surface-neutral-secondary);
   position: sticky;
   z-index: var(--z-index-sticky);
 }
-._dataTableThStickyLast_1r4e0_139 {
+._dataTableThStickyLast_eg8aq_139 {
   box-shadow: none;
 }
-._dataTableThCheckbox_1r4e0_145 {
+._dataTableThCheckbox_eg8aq_145 {
   box-sizing: border-box;
   inline-size: var(--dimensions-48);
   max-inline-size: var(--dimensions-48);
@@ -9272,43 +9272,45 @@
   padding: var(--space-xs) var(--space-sm);
   text-align: center;
 }
-._dataTableThContent_1r4e0_154 {
+._dataTableThContent_eg8aq_154 {
   align-items: center;
   display: flex;
   gap: var(--space-xs);
 }
-._dataTableThTitle_1r4e0_160 {
+._dataTableThTitle_eg8aq_160 {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._dataTableThAlignCenter_1r4e0_166 {
+._dataTableThAlignCenter_eg8aq_166 {
   text-align: center;
 }
-._dataTableThAlignCenter_1r4e0_166 ._dataTableThContent_1r4e0_154 {
+._dataTableThAlignCenter_eg8aq_166 ._dataTableThContent_eg8aq_154 {
   justify-content: center;
 }
-._dataTableThAlignRight_1r4e0_174 {
+._dataTableThAlignRight_eg8aq_174 {
   text-align: end;
 }
-._dataTableThAlignRight_1r4e0_174 ._dataTableThContent_1r4e0_154 {
+._dataTableThAlignRight_eg8aq_174 ._dataTableThContent_eg8aq_154 {
   justify-content: flex-end;
 }
-._dataTableSortIcon_1r4e0_185 {
+._dataTableSortIcon_eg8aq_185 {
   align-items: center;
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
   gap: 0;
 }
-._dataTableSortIconArrow_1r4e0_193 {
+._dataTableSortIconArrow_eg8aq_193 {
   color: var(--foreground-neutral-secondary);
-  transition: color var(--motion-duration-fast) var(--motion-ease-in-out);
+  opacity: .38;
+  transition: all var(--motion-duration-fast) var(--motion-ease-in-out);
 }
-._dataTableSortIconActive_1r4e0_198 {
+._dataTableSortIconActive_eg8aq_199 {
   color: var(--foreground-neutral-primary);
+  opacity: 1;
 }
-._dataTableResizer_1r4e0_205 {
+._dataTableResizer_eg8aq_207 {
   align-items: center;
   block-size: 100%;
   cursor: col-resize;
@@ -9321,7 +9323,7 @@
   touch-action: none;
   z-index: var(--z-index-decorator);
 }
-._dataTableResizer_1r4e0_205:after {
+._dataTableResizer_eg8aq_207:after {
   background-color: var(--border-neutral-tertiary);
   block-size: 60%;
   content: "";
@@ -9331,34 +9333,34 @@
   transform: translate(-50%);
   transition: all var(--motion-duration-fast);
 }
-._dataTableResizer_1r4e0_205:hover:after,
-._dataTableResizerActive_1r4e0_234:after {
+._dataTableResizer_eg8aq_207:hover:after,
+._dataTableResizerActive_eg8aq_236:after {
   background-color: var(--foreground-brand-primary);
   inline-size: 2px;
 }
-._dataTableHead_1r4e0_87 tr > th:last-child ._dataTableResizer_1r4e0_205 {
+._dataTableHead_eg8aq_87 tr > th:last-child ._dataTableResizer_eg8aq_207 {
   display: none;
 }
-._dataTableBody_1r4e0_248 {
+._dataTableBody_eg8aq_250 {
   background-color: var(--surface-neutral-primary);
 }
-._dataTableRow_1r4e0_252 {
+._dataTableRow_eg8aq_254 {
   --row-surface-internal: var(--surface-neutral-primary);
   background-color: var(--row-surface-internal);
   block-size: var(--dimensions-48);
   transition: background-color var(--motion-duration-fast) var(--motion-ease-in-out), box-shadow var(--motion-duration-fast) var(--motion-ease-in-out);
 }
-._dataTableTd_1r4e0_261 {
+._dataTableTd_eg8aq_263 {
   border-block-end: var(--border-xs) solid var(--border-neutral-tertiary);
   box-sizing: border-box;
 }
-._dataTableRowHoverable_1r4e0_269:hover {
+._dataTableRowHoverable_eg8aq_271:hover {
   --row-surface-internal: var(--surface-neutral-primary);
   box-shadow: var(--shadow-md);
   position: relative;
   z-index: var(--z-index-decorator);
 }
-._dataTableBodyCell_1r4e0_278 {
+._dataTableBodyCell_eg8aq_280 {
   background-color: inherit;
   block-size: var(--dimensions-48);
   border-block-end: var(--border-xs) solid var(--border-neutral-tertiary);
@@ -9370,10 +9372,10 @@
   padding: var(--space-xs) var(--space-md);
   vertical-align: middle;
 }
-._dataTableRowClickable_1r4e0_291 {
+._dataTableRowClickable_eg8aq_293 {
   cursor: pointer;
 }
-._dataTableTdContent_1r4e0_295 {
+._dataTableTdContent_eg8aq_297 {
   align-items: center;
   -webkit-box-orient: block-axis;
   display: -webkit-box;
@@ -9382,28 +9384,28 @@
   overflow: hidden;
   white-space: normal;
 }
-._dataTableTdSticky_1r4e0_305 {
+._dataTableTdSticky_eg8aq_307 {
   background-color: inherit;
   box-shadow: 1px 0 0 0 var(--row-surface-internal);
   position: sticky;
   z-index: var(--z-index-default);
 }
-._dataTableTdStickyLast_1r4e0_315 {
+._dataTableTdStickyLast_eg8aq_317 {
   box-shadow: none;
 }
-._dataTableScrolled_1r4e0_320 ._dataTableTdSticky_1r4e0_305 {
+._dataTableScrolled_eg8aq_322 ._dataTableTdSticky_eg8aq_307 {
   --row-surface-internal: var(--surface-neutral-elevator);
   background-color: var(--row-surface-internal);
 }
-._dataTableRowSelected_1r4e0_325 ._dataTableTdSticky_1r4e0_305 {
+._dataTableRowSelected_eg8aq_327 ._dataTableTdSticky_eg8aq_307 {
   background-color: inherit;
 }
-._dataTableRowHoverable_1r4e0_269:hover ._dataTableTdSticky_1r4e0_305 {
+._dataTableRowHoverable_eg8aq_271:hover ._dataTableTdSticky_eg8aq_307 {
   background-color: inherit;
   z-index: var(--z-index-decorator);
 }
-._dataTableScrolled_1r4e0_320 ._dataTableThStickyLast_1r4e0_139:after,
-._dataTableScrolled_1r4e0_320 ._dataTableTdStickyLast_1r4e0_315:after {
+._dataTableScrolled_eg8aq_322 ._dataTableThStickyLast_eg8aq_139:after,
+._dataTableScrolled_eg8aq_322 ._dataTableTdStickyLast_eg8aq_317:after {
   background:
     linear-gradient(
       to right,
@@ -9417,7 +9419,7 @@
   position: absolute;
   z-index: var(--z-index-docked);
 }
-._dataTableTdCheckbox_1r4e0_348 {
+._dataTableTdCheckbox_eg8aq_350 {
   box-sizing: border-box;
   inline-size: var(--dimensions-48);
   max-inline-size: var(--dimensions-48);
@@ -9425,105 +9427,189 @@
   padding: var(--space-xs) var(--space-sm);
   text-align: center;
 }
-._dataTableTdAlignCenter_1r4e0_357 {
+._dataTableTdAlignCenter_eg8aq_359 {
   text-align: center;
 }
-._dataTableTdAlignRight_1r4e0_361 {
+._dataTableTdAlignRight_eg8aq_363 {
   text-align: end;
 }
-._dataTableTdWithAvatar_1r4e0_366 {
+._dataTableTdWithAvatar_eg8aq_368 {
   padding-block: var(--space-2xs);
 }
-._dataTableSmall_1r4e0_373 ._dataTableHeadCell_1r4e0_102,
-._dataTableSmall_1r4e0_373 ._dataTableBodyCell_1r4e0_278 {
+._dataTableSmall_eg8aq_375 ._dataTableHeadCell_eg8aq_102,
+._dataTableSmall_eg8aq_375 ._dataTableBodyCell_eg8aq_280 {
   block-size: var(--dimensions-40);
   padding: 0 var(--space-sm);
 }
-._dataTableSmall_1r4e0_373 ._dataTableRow_1r4e0_252 {
+._dataTableSmall_eg8aq_375 ._dataTableRow_eg8aq_254 {
   block-size: var(--dimensions-40);
 }
-._dataTableMedium_1r4e0_383 ._dataTableHeadCell_1r4e0_102,
-._dataTableMedium_1r4e0_383 ._dataTableBodyCell_1r4e0_278 {
+._dataTableMedium_eg8aq_385 ._dataTableHeadCell_eg8aq_102,
+._dataTableMedium_eg8aq_385 ._dataTableBodyCell_eg8aq_280 {
   block-size: var(--dimensions-48);
   padding: var(--space-4xs) var(--space-sm);
 }
-._dataTableMedium_1r4e0_383 ._dataTableRow_1r4e0_252 {
+._dataTableMedium_eg8aq_385 ._dataTableRow_eg8aq_254 {
   block-size: var(--dimensions-48);
 }
-._dataTableLarge_1r4e0_393 ._dataTableHeadCell_1r4e0_102,
-._dataTableLarge_1r4e0_393 ._dataTableBodyCell_1r4e0_278 {
+._dataTableLarge_eg8aq_395 ._dataTableHeadCell_eg8aq_102,
+._dataTableLarge_eg8aq_395 ._dataTableBodyCell_eg8aq_280 {
   block-size: var(--dimensions-56);
   padding: var(--space-2xs) var(--space-sm);
 }
-._dataTableLarge_1r4e0_393 ._dataTableRow_1r4e0_252 {
+._dataTableLarge_eg8aq_395 ._dataTableRow_eg8aq_254 {
   block-size: var(--dimensions-56);
 }
-._dataTableStriped_1r4e0_406 ._dataTableRow_1r4e0_252:nth-child(2n) {
+._dataTableStriped_eg8aq_408 ._dataTableRow_eg8aq_254:nth-child(2n) {
   --row-surface-internal: var(--surface-neutral-secondary);
 }
-._dataTableSmall_1r4e0_373 ._dataTableTdWithAvatar_1r4e0_366 {
+._dataTableSmall_eg8aq_375 ._dataTableTdWithAvatar_eg8aq_368 {
   padding-block: var(--space-4xs);
 }
-._dataTableMedium_1r4e0_383 ._dataTableTdWithAvatar_1r4e0_366 {
+._dataTableMedium_eg8aq_385 ._dataTableTdWithAvatar_eg8aq_368 {
   padding-block: var(--space-2xs);
 }
-._dataTableLarge_1r4e0_393 ._dataTableTdWithAvatar_1r4e0_366 {
+._dataTableLarge_eg8aq_395 ._dataTableTdWithAvatar_eg8aq_368 {
   padding-block: var(--space-xs);
 }
-._dataTableSmall_1r4e0_373 ._dataTableThCheckbox_1r4e0_145,
-._dataTableSmall_1r4e0_373 ._dataTableTdCheckbox_1r4e0_348 {
+._dataTableSmall_eg8aq_375 ._dataTableThCheckbox_eg8aq_145,
+._dataTableSmall_eg8aq_375 ._dataTableTdCheckbox_eg8aq_350 {
   padding: 0 var(--space-4xs);
 }
-._dataTableMedium_1r4e0_383 ._dataTableThCheckbox_1r4e0_145,
-._dataTableMedium_1r4e0_383 ._dataTableTdCheckbox_1r4e0_348 {
+._dataTableMedium_eg8aq_385 ._dataTableThCheckbox_eg8aq_145,
+._dataTableMedium_eg8aq_385 ._dataTableTdCheckbox_eg8aq_350 {
   padding: var(--space-4xs) var(--space-4xs);
 }
-._dataTableLarge_1r4e0_393 ._dataTableThCheckbox_1r4e0_145,
-._dataTableLarge_1r4e0_393 ._dataTableTdCheckbox_1r4e0_348 {
+._dataTableLarge_eg8aq_395 ._dataTableThCheckbox_eg8aq_145,
+._dataTableLarge_eg8aq_395 ._dataTableTdCheckbox_eg8aq_350 {
   padding: var(--space-2xs) var(--space-4xs);
 }
-._dataTableSmall_1r4e0_373 ._dataTableTdWithActions_1r4e0_440 {
-  padding-block: var(--space-5xs);
+._dataTableSmall_eg8aq_375 ._dataTableTdWithActions_eg8aq_442 {
+  padding: var(--space-5xs) var(--space-4xs);
 }
-._dataTableMedium_1r4e0_383 ._dataTableTdWithActions_1r4e0_440 {
-  padding-block: var(--space-3xs);
+._dataTableMedium_eg8aq_385 ._dataTableTdWithActions_eg8aq_442 {
+  padding: var(--space-3xs) var(--space-4xs);
 }
-._dataTableLarge_1r4e0_393 ._dataTableTdWithActions_1r4e0_440 {
-  padding-block: var(--space-2xs);
+._dataTableLarge_eg8aq_395 ._dataTableTdWithActions_eg8aq_442 {
+  padding: var(--space-2xs) var(--space-3xs);
 }
-._dataTableTdDate_1r4e0_453 {
+._dataTableTdWithActions_eg8aq_442 ._dataTableTdContent_eg8aq_297 {
+  align-items: center;
+  display: flex;
+  inline-size: 100%;
+  justify-content: flex-end;
+  overflow: visible;
+  -webkit-line-clamp: unset;
+  line-clamp: unset;
+  white-space: nowrap;
+}
+._dataTableTdWithActions_eg8aq_442 .phx-flex {
+  flex-wrap: nowrap;
+  inline-size: max-content;
+  margin-inline-start: auto;
+}
+._dataTableTdDate_eg8aq_472 {
   white-space: nowrap;
 }
-._dataTableTdId_1r4e0_458 {
+._dataTableTdId_eg8aq_477 {
   font-family: var(--font-family-code);
   white-space: nowrap;
 }
-._dataTableTdMoney_1r4e0_465 {
+._dataTableTdMoney_eg8aq_484 {
   font-variant-numeric: tabular-nums;
   text-align: end;
   white-space: nowrap;
 }
-._dataTableTdPhone_1r4e0_472,
-._dataTableTdEmail_1r4e0_473,
-._dataTableTdStatus_1r4e0_474,
-._dataTableTdNowrap_1r4e0_475 {
+._dataTableTdPhone_eg8aq_491,
+._dataTableTdEmail_eg8aq_492,
+._dataTableTdStatus_eg8aq_493,
+._dataTableTdNowrap_eg8aq_494 {
   white-space: nowrap;
 }
-._dataTableTdStatus_1r4e0_474 {
+._dataTableTdStatus_eg8aq_493 {
   text-transform: capitalize;
 }
-._dataTableTdId_1r4e0_458 ._dataTableTdContent_1r4e0_295,
-._dataTableTdDate_1r4e0_453 ._dataTableTdContent_1r4e0_295,
-._dataTableTdMoney_1r4e0_465 ._dataTableTdContent_1r4e0_295,
-._dataTableTdPhone_1r4e0_472 ._dataTableTdContent_1r4e0_295,
-._dataTableTdEmail_1r4e0_473 ._dataTableTdContent_1r4e0_295,
-._dataTableTdStatus_1r4e0_474 ._dataTableTdContent_1r4e0_295,
-._dataTableTdNowrap_1r4e0_475 ._dataTableTdContent_1r4e0_295 {
+._dataTableTdId_eg8aq_477 ._dataTableTdContent_eg8aq_297,
+._dataTableTdDate_eg8aq_472 ._dataTableTdContent_eg8aq_297,
+._dataTableTdMoney_eg8aq_484 ._dataTableTdContent_eg8aq_297,
+._dataTableTdPhone_eg8aq_491 ._dataTableTdContent_eg8aq_297,
+._dataTableTdEmail_eg8aq_492 ._dataTableTdContent_eg8aq_297,
+._dataTableTdStatus_eg8aq_493 ._dataTableTdContent_eg8aq_297,
+._dataTableTdNowrap_eg8aq_494 ._dataTableTdContent_eg8aq_297 {
   -webkit-line-clamp: unset;
   line-clamp: unset;
   white-space: nowrap;
 }
-._dataTableLoadingOverlay_1r4e0_499 {
+._dataTableFloatingActionsCell_eg8aq_520 {
+  block-size: 100%;
+  border: none;
+  inline-size: 0;
+  inset-inline-end: 0;
+  overflow: visible;
+  padding: 0;
+  position: sticky;
+  z-index: var(--z-index-sticky);
+}
+._dataTableFloatingActions_eg8aq_520 {
+  align-items: center;
+  background-color: var(--row-surface-internal);
+  block-size: 100%;
+  display: flex;
+  inline-size: max-content;
+  inset-block-start: 0;
+  inset-inline-end: 0;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  transition: opacity var(--motion-duration-fast) var(--motion-ease-in-out);
+  visibility: hidden;
+  white-space: nowrap;
+  box-shadow: -8px 0 12px -4px var(--color-shadow-4a);
+}
+._dataTableRowWithActionsActive_eg8aq_549:hover ._dataTableFloatingActions_eg8aq_520,
+._dataTableRowWithActionsActive_eg8aq_549:focus-within ._dataTableFloatingActions_eg8aq_520 {
+  opacity: 1;
+  pointer-events: auto;
+  visibility: visible;
+}
+._dataTableFloatingActionsGradient_eg8aq_556 {
+  background:
+    linear-gradient(
+      to right,
+      transparent,
+      var(--row-surface-internal) 100%);
+  block-size: 100%;
+  inline-size: var(--dimensions-48);
+  position: absolute;
+  inset-block-start: 0;
+  inset-inline-end: 100%;
+  pointer-events: none;
+}
+._dataTableFloatingActionsContent_eg8aq_566 {
+  align-items: center;
+  display: flex;
+  gap: var(--space-4xs);
+  padding-inline: var(--space-xs) var(--space-md);
+  position: relative;
+  width: max-content;
+  z-index: 1;
+}
+._dataTableFloatingActionsContent_eg8aq_566 > * {
+  flex: 0 0 auto;
+}
+._dataTableFloatingActionsContent_eg8aq_566 .phx-button {
+  inline-size: auto;
+  flex-shrink: 0;
+  min-inline-size: 0;
+}
+._dataTableFloatingActionsContent_eg8aq_566 .phx-icon-button {
+  flex: 0 0 auto;
+}
+._dataTableFloatingActionsContent_eg8aq_566 .phx-flex {
+  flex-wrap: nowrap;
+  inline-size: max-content;
+}
+._dataTableLoadingOverlay_eg8aq_600 {
   align-items: center;
   background-color: var(--surface-neutral-primary);
   display: flex;
@@ -9533,49 +9619,49 @@
   position: absolute;
   z-index: var(--z-index-decorator);
 }
-._dataTableEmptyState_1r4e0_513 {
+._dataTableEmptyState_eg8aq_614 {
   align-items: center;
   display: flex;
   justify-content: center;
   min-block-size: var(--dimensions-200);
   padding: var(--space-2xl);
 }
-._dataTableEmptyText_1r4e0_521 {
+._dataTableEmptyText_eg8aq_622 {
   color: var(--text-neutral-tertiary);
   font-family: var(--body-lg-family);
   font-size: var(--body-lg-size);
 }
-._dataTablePagination_1r4e0_530 {
+._dataTablePagination_eg8aq_631 {
   background-color: var(--surface-neutral-primary);
   border-block-start: var(--border-sm) solid var(--border-neutral-tertiary);
   border-end-end-radius: var(--radius-xs);
   border-end-start-radius: var(--radius-xs);
   padding: var(--space-sm) var(--space-md);
 }
-._dataTableRowSelected_1r4e0_325,
-._dataTableRowSelected_1r4e0_325:hover {
+._dataTableRowSelected_eg8aq_327,
+._dataTableRowSelected_eg8aq_327:hover {
   --row-surface-internal: var(--surface-neutral-secondary);
 }
-._dataTableStriped_1r4e0_406 ._dataTableRowSelected_1r4e0_325:nth-child(2n) {
+._dataTableStriped_eg8aq_408 ._dataTableRowSelected_eg8aq_327:nth-child(2n) {
   --row-surface-internal: var(--surface-neutral-secondary);
 }
-._dataTableBordered_1r4e0_554 ._dataTableHeadCell_1r4e0_102,
-._dataTableBordered_1r4e0_554 ._dataTableBodyCell_1r4e0_278,
-._dataTableBordered_1r4e0_554 ._dataTableTh_1r4e0_97,
-._dataTableBordered_1r4e0_554 ._dataTableTd_1r4e0_261 {
+._dataTableBordered_eg8aq_655 ._dataTableHeadCell_eg8aq_102,
+._dataTableBordered_eg8aq_655 ._dataTableBodyCell_eg8aq_280,
+._dataTableBordered_eg8aq_655 ._dataTableTh_eg8aq_97,
+._dataTableBordered_eg8aq_655 ._dataTableTd_eg8aq_263 {
   border-inline-end: var(--border-xs) solid var(--border-neutral-tertiary);
 }
-._dataTableBordered_1r4e0_554 ._dataTableHeadCell_1r4e0_102:last-child,
-._dataTableBordered_1r4e0_554 ._dataTableBodyCell_1r4e0_278:last-child,
-._dataTableBordered_1r4e0_554 ._dataTableTh_1r4e0_97:last-child,
-._dataTableBordered_1r4e0_554 ._dataTableTd_1r4e0_261:last-child {
+._dataTableBordered_eg8aq_655 ._dataTableHeadCell_eg8aq_102:last-child,
+._dataTableBordered_eg8aq_655 ._dataTableBodyCell_eg8aq_280:last-child,
+._dataTableBordered_eg8aq_655 ._dataTableTh_eg8aq_97:last-child,
+._dataTableBordered_eg8aq_655 ._dataTableTd_eg8aq_263:last-child {
   border-inline-end: none;
 }
-._dataTableRow_1r4e0_252:last-child ._dataTableTd_1r4e0_261,
-._dataTableRow_1r4e0_252:last-child ._dataTableBodyCell_1r4e0_278 {
+._dataTableRow_eg8aq_254:last-child ._dataTableTd_eg8aq_263,
+._dataTableRow_eg8aq_254:last-child ._dataTableBodyCell_eg8aq_280 {
   border-block-end: none;
 }
-._dataTableContainer_1r4e0_23:last-child ._dataTableBody_1r4e0_248 tr:last-child ._dataTableTd_1r4e0_261:last-child {
+._dataTableContainer_eg8aq_23:last-child ._dataTableBody_eg8aq_250 tr:last-child ._dataTableTd_eg8aq_263:last-child {
   border-end-end-radius: var(--radius-xs);
 }
 ._paginationRoot_as5nx_1 {
@@ -10116,7 +10202,7 @@
 ._datePickerHelperTextError_75dpd_251 {
   color: var(--text-semantics-red-primary);
 }
-._dateRangePickerRoot_90zm7_1 {
+._dateRangePickerRoot_uc3ii_1 {
   display: flex;
   flex-direction: column;
   font-family: var(--typeface-family-basic);
@@ -10124,13 +10210,13 @@
   inline-size: 100%;
   position: relative;
 }
-._fixedWidth_90zm7_16 {
+._fixedWidth_uc3ii_16 {
   inline-size: var(--dimensions-320);
 }
-._dateRangePickerTriggerWrapper_90zm7_20 {
+._dateRangePickerTriggerWrapper_uc3ii_20 {
   position: relative;
 }
-._dateRangePickerContainer_90zm7_25 {
+._dateRangePickerContainer_uc3ii_25 {
   background: var(--surface-neutral-elevator);
   border: var(--border-xs) solid var(--border-neutral-tertiary);
   border-radius: var(--radius-sm);
@@ -10139,7 +10225,7 @@
   font-family: var(--typeface-family-basic);
   overflow: hidden;
 }
-._dateRangePickerPanelContent_90zm7_38 {
+._dateRangePickerPanelContent_uc3ii_38 {
   background: var(--surface-neutral-elevator);
   border: var(--border-xs) solid var(--border-neutral-tertiary);
   border-radius: var(--radius-sm);
@@ -10147,12 +10233,12 @@
   display: flex;
   overflow: hidden;
 }
-._dateRangePickerCalendars_90zm7_51 {
+._dateRangePickerCalendars_uc3ii_51 {
   display: flex;
   gap: var(--space-xl);
   padding: var(--space-sm);
 }
-._dateRangePickerSidebar_90zm7_57 {
+._dateRangePickerSidebar_uc3ii_57 {
   background-color: var(--surface-neutral-elevator);
   border-inline-start: var(--border-sm) solid var(--border-neutral-tertiary);
   display: flex;
@@ -10162,7 +10248,7 @@
   padding: var(--space-2xs);
   padding-block-start: calc(var(--dimensions-64) - var(--dimensions-2));
 }
-._dateRangePickerOutsideLabel_90zm7_72 {
+._dateRangePickerOutsideLabel_uc3ii_72 {
   color: var(--text-neutral-primary);
   display: block;
   font-family: var(--title-md-family);
@@ -10172,7 +10258,7 @@
   line-height: var(--title-md-line-height);
   margin-block-end: var(--space-5xs);
 }
-._dateRangePickerTrigger_90zm7_20 {
+._dateRangePickerTrigger_uc3ii_20 {
   align-items: center;
   background-color: var(--surface-neutral-elevator);
   border: var(--border-sm) solid var(--border-neutral-tertiary);
@@ -10185,30 +10271,30 @@
   position: relative;
   transition: all var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._dateRangePickerTrigger_90zm7_20:hover {
+._dateRangePickerTrigger_uc3ii_20:hover {
   background-color: var(--surface-state-hover);
   border-color: var(--border-state-hover);
 }
-._dateRangePickerTrigger_90zm7_20:focus-visible:not(._dateRangePickerTriggerDisabled_90zm7_109) {
+._dateRangePickerTrigger_uc3ii_20:focus-visible:not(._dateRangePickerTriggerDisabled_uc3ii_109) {
   border-color: var(--border-state-focus);
   outline: var(--border-md) solid var(--border-state-focus);
   outline-offset: calc(var(--border-sm) * -1);
 }
-._dateRangePickerTriggerOpen_90zm7_116 {
+._dateRangePickerTriggerOpen_uc3ii_116 {
   border-color: var(--border-state-focus);
   outline: var(--border-md) solid var(--border-state-focus);
   outline-offset: calc(var(--border-sm) * -1);
 }
-._dateRangePickerTriggerError_90zm7_125 {
+._dateRangePickerTriggerError_uc3ii_125 {
   background-color: var(--surface-neutral-on-surface);
   border-color: var(--border-state-error);
 }
-._dateRangePickerTriggerDisabled_90zm7_109 {
+._dateRangePickerTriggerDisabled_uc3ii_109 {
   background-color: var(--surface-state-disabled);
   cursor: not-allowed;
   opacity: var(--opacity-disabled);
 }
-._dateRangePickerTriggerContent_90zm7_136 {
+._dateRangePickerTriggerContent_uc3ii_136 {
   block-size: 100%;
   display: flex;
   flex: 1;
@@ -10217,11 +10303,11 @@
   overflow: hidden;
   position: relative;
 }
-._dateRangePickerTriggerInsideLabel_90zm7_146 {
+._dateRangePickerTriggerInsideLabel_uc3ii_146 {
   min-block-size: var(--dimensions-56);
   padding: 0 var(--space-xs);
 }
-._dateRangePickerInlineLabel_90zm7_151 {
+._dateRangePickerInlineLabel_uc3ii_151 {
   color: var(--text-neutral-secondary);
   font-family: var(--body-lg-family);
   font-size: var(--body-lg-size);
@@ -10237,7 +10323,7 @@
   transition: all var(--motion-duration-normal) var(--motion-ease-standard);
   white-space: nowrap;
 }
-._dateRangePickerInlineLabelShrunk_90zm7_168 {
+._dateRangePickerInlineLabelShrunk_uc3ii_168 {
   font-family: var(--label-sm-family);
   font-size: var(--label-sm-size);
   font-weight: var(--label-sm-weight-emphasize);
@@ -10246,10 +10332,10 @@
   line-height: var(--label-sm-line-height);
   transform: translateY(0) scale(1);
 }
-._dateRangePickerPlaceholder_90zm7_181 {
+._dateRangePickerPlaceholder_uc3ii_181 {
   color: var(--text-neutral-secondary);
 }
-._dateRangePickerInput_90zm7_185 {
+._dateRangePickerInput_uc3ii_185 {
   background: transparent;
   border: none;
   box-sizing: border-box;
@@ -10268,26 +10354,26 @@
   transition: opacity var(--motion-duration-normal) var(--motion-ease-standard);
   white-space: nowrap;
 }
-._dateRangePickerInput_90zm7_185:focus {
+._dateRangePickerInput_uc3ii_185:focus {
   text-overflow: clip;
 }
-._dateRangePickerInput_90zm7_185::placeholder {
+._dateRangePickerInput_uc3ii_185::placeholder {
   color: var(--text-neutral-secondary);
 }
-._dateRangePickerInputWithInlineLabel_90zm7_213 {
+._dateRangePickerInputWithInlineLabel_uc3ii_213 {
   opacity: var(--opacity-hidden);
   padding-block: var(--space-md) var(--space-2xs);
 }
-._dateRangePickerInputVisible_90zm7_218 {
+._dateRangePickerInputVisible_uc3ii_218 {
   opacity: var(--opacity-visible);
 }
-._dateRangePickerTrailingIcon_90zm7_222 {
+._dateRangePickerTrailingIcon_uc3ii_222 {
   align-items: center;
   color: var(--foreground-neutral-primary);
   display: flex;
   margin-inline-start: var(--space-xs);
 }
-._dateRangePickerClearButton_90zm7_231 {
+._dateRangePickerClearButton_uc3ii_231 {
   block-size: var(--dimensions-20) !important;
   inline-size: var(--dimensions-20) !important;
   margin-inline-start: var(--space-xs);
@@ -10295,11 +10381,11 @@
   min-inline-size: var(--dimensions-20) !important;
   padding: 0 !important;
 }
-._dateRangePickerPopover_90zm7_245 {
+._dateRangePickerPopover_uc3ii_245 {
   position: absolute;
   z-index: var(--z-index-dropdown);
 }
-._dateRangePickerPresetButton_90zm7_253 {
+._dateRangePickerPresetButton_uc3ii_253 {
   align-items: center;
   background-color: transparent;
   block-size: var(--dimensions-44);
@@ -10317,16 +10403,33 @@
   text-align: start;
   transition: background-color var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._dateRangePickerPresetButton_90zm7_253:hover {
+._dateRangePickerPresetButton_uc3ii_253:hover {
   background-color: var(--surface-state-hover);
 }
-._dateRangePickerCalendarOverride_90zm7_276 {
+._dateRangePickerCalendarOverride_uc3ii_276 {
   border: none !important;
   border-width: 0 !important;
   box-shadow: none !important;
   min-inline-size: calc(7 * var(--dimensions-44) + 6 * var(--space-5xs));
   padding: 0 !important;
 }
+@media (max-width: 960px) {
+  ._dateRangePickerPanelContent_uc3ii_38 {
+    flex-direction: column;
+  }
+  ._dateRangePickerSidebar_uc3ii_57 {
+    border-inline-start: none;
+    border-top: var(--border-sm) solid var(--border-neutral-tertiary);
+    flex-direction: row;
+    flex-wrap: wrap;
+    inline-size: 100%;
+    padding: var(--space-2xs);
+  }
+  ._dateRangePickerPresetButton_uc3ii_253 {
+    flex: 1 1 calc(50% - var(--space-5xs));
+    min-inline-size: var(--dimensions-120);
+  }
+}
 ._dialogOverlay_q50ky_6 {
   animation: _fade-in_q50ky_1 var(--motion-duration-normal) var(--motion-ease-in-out);
   -webkit-backdrop-filter: var(--effects-blur-sm);
@@ -12772,25 +12875,27 @@
 ._aspectRatio13_1n0qt_85 {
   padding-block-start: 300%;
 }
-._overlay_1tgyo_4 {
+._overlay_13r99_4 {
   -webkit-backdrop-filter: blur(2px);
   backdrop-filter: blur(2px);
   background-color: var(--color-black-30a);
   bottom: 0;
   left: 0;
   opacity: 0;
+  overscroll-behavior: contain;
   position: fixed;
   right: 0;
   top: var(--mega-menu-top-offset, 72px);
+  touch-action: none;
   transition: opacity .3s ease, visibility .3s ease;
   visibility: hidden;
   z-index: 998;
 }
-._overlayVisible_1tgyo_20 {
+._overlayVisible_13r99_22 {
   opacity: 1;
   visibility: visible;
 }
-._panel_1tgyo_26 {
+._panel_13r99_28 {
   background-color: var(--surface-neutral-primary);
   border-block-end: 1px solid var(--border-neutral-tertiary);
   box-shadow: var(--down-lg-cast-x) var(--down-lg-cast-y) var(--down-lg-cast-blur) var(--down-lg-cast-spread) var(--down-lg-cast-color);
@@ -12800,6 +12905,8 @@
   inset-block-start: var(--mega-menu-top-offset, 72px);
   inset-inline: 0;
   opacity: 0;
+  overscroll-behavior: contain;
+  overflow-y: auto;
   padding-block: var(--space-xl) var(--space-2xl);
   padding-inline: var(--layout-grid-margin, 24px);
   position: fixed;
@@ -12808,18 +12915,28 @@
   visibility: hidden;
   z-index: 999;
 }
-._panelVisible_1tgyo_50 {
+._panelVisible_13r99_54 {
   opacity: 1;
   transform: translateY(0);
   visibility: visible;
 }
-._spacer_1tgyo_57 {
+@media (max-width: 767px) {
+  ._panel_13r99_28 {
+    bottom: 0;
+  }
+  ._content_13r99_65:after {
+    content: "";
+    display: block;
+    padding-block-end: var(--space-5xl);
+  }
+}
+._spacer_13r99_73 {
   align-items: center;
   display: flex;
   flex-shrink: 0;
   visibility: hidden;
 }
-._content_1tgyo_64 {
+._content_13r99_65 {
   flex: 1;
   padding-inline-start: var(--space-none);
 }
@@ -14340,20 +14457,20 @@
     max-inline-size: 900px;
   }
 }
-._featureSheetContainer_fpehd_1 {
+._featureSheetContainer_1jv3d_1 {
   display: flex;
   flex-direction: column;
   max-inline-size: 100%;
   min-block-size: 100%;
   position: relative;
 }
-._closeButtonWrapper_fpehd_11 {
+._closeButtonWrapper_1jv3d_11 {
   inset-block-start: var(--space-2xs);
   inset-inline-end: var(--space-2xs);
   position: absolute;
   z-index: var(--z-index-decorator);
 }
-._closeButton_fpehd_11 {
+._closeButton_1jv3d_11 {
   background-color: var(--surface-neutral-on-surface) !important;
   block-size: var(--dimensions-24) !important;
   border-radius: var(--radius-full);
@@ -14361,13 +14478,13 @@
   min-block-size: var(--dimensions-24) !important;
   min-inline-size: var(--dimensions-24) !important;
 }
-._closeButton_fpehd_11:hover {
+._closeButton_1jv3d_11:hover {
   background-color: var(--surface-state-hover) !important;
 }
-._closeButton_fpehd_11:active {
+._closeButton_1jv3d_11:active {
   background-color: var(--surface-state-press) !important;
 }
-._closeButtonSpotlight_fpehd_37 {
+._closeButtonSpotlight_1jv3d_37 {
   background-color: var(--surface-neutral-primary) !important;
   block-size: var(--dimensions-24) !important;
   border-radius: var(--radius-full);
@@ -14375,26 +14492,26 @@
   min-block-size: var(--dimensions-24) !important;
   min-inline-size: var(--dimensions-24) !important;
 }
-._closeButtonSpotlight_fpehd_37:hover {
+._closeButtonSpotlight_1jv3d_37:hover {
   background-color: var(--surface-state-hover) !important;
 }
-._closeButtonSpotlight_fpehd_37:active {
+._closeButtonSpotlight_1jv3d_37:active {
   background-color: var(--surface-state-press) !important;
 }
-._heroImageWrapper_fpehd_54 {
+._heroImageWrapper_1jv3d_54 {
   display: flex;
   inline-size: 100%;
   margin: 0;
   overflow: hidden;
 }
-._heroImageWrapper_fpehd_54 > img,
-._heroImageWrapper_fpehd_54 > * {
+._heroImageWrapper_1jv3d_54 > img,
+._heroImageWrapper_1jv3d_54 > * {
   block-size: auto;
   display: block;
   inline-size: 100%;
   object-fit: cover;
 }
-._contentWrapper_fpehd_73 {
+._contentWrapper_1jv3d_73 {
   align-items: center;
   display: flex;
   flex-direction: column;
@@ -14403,13 +14520,17 @@
   padding-inline: 16px;
   text-align: center;
 }
-._iconWrapper_fpehd_85 {
+._iconWrapper_1jv3d_85 {
   color: var(--foreground-brand-primary);
   display: flex;
   justify-content: center;
   margin: 0;
 }
-._textWrapper_fpehd_96 {
+._iconWrapper_1jv3d_85 svg {
+  block-size: var(--dimensions-48);
+  inline-size: var(--dimensions-48);
+}
+._textWrapper_1jv3d_101 {
   display: flex;
   flex-direction: column;
   gap: var(--space-2xs);
@@ -14992,7 +15113,7 @@
   font-size: var(--label-sm-size);
   font-weight: var(--typeface-weight-medium);
 }
-._tabsRoot_y6fdg_5 {
+._tabsRoot_1acbq_5 {
   display: block;
   max-inline-size: 100%;
   overflow: hidden;
@@ -15000,60 +15121,62 @@
   scrollbar-width: none;
   transition: all var(--motion-duration-normal) var(--motion-ease-in-out);
 }
-._tabsRootElevated_y6fdg_17 {
+._tabsRootElevated_1acbq_17 {
   background-color: var(--surface-neutral-elevator);
   box-shadow: inset 0 calc(-1 * var(--border-sm)) 0 0 var(--border-neutral-tertiary), var(--shadow-sm);
 }
-._tabsRootSticky_y6fdg_26 {
+._tabsRootSticky_1acbq_26 {
   background-color: transparent;
   inset-block-start: 0;
   position: sticky;
   transition: background-color var(--motion-duration-normal) var(--motion-ease-in-out), box-shadow var(--motion-duration-normal) var(--motion-ease-in-out);
   z-index: var(--z-index-decorator);
 }
-._tabsRootPill_y6fdg_38 {
+._tabsRootPill_1acbq_38 {
   background-color: var(--surface-neutral-secondary);
   border-radius: var(--radius-full);
   padding: var(--space-3xs);
 }
-._tabsRootPill_y6fdg_38 ._tabsIndicator_y6fdg_44 {
+._tabsRootPill_1acbq_38 ._tabsIndicator_1acbq_44 {
   background-color: var(--surface-neutral-primary);
   box-shadow: var(--shadow-sm);
   inset-block: var(--space-3xs);
 }
-._tabsRootSmall_y6fdg_51 ._tabsTab_y6fdg_51 {
+._tabsRootSmall_1acbq_51 ._tabsTab_1acbq_51 {
   block-size: var(--dimensions-32);
   font-size: var(--label-md-size);
 }
-._tabsRootMedium_y6fdg_56 ._tabsTab_y6fdg_51 {
+._tabsRootMedium_1acbq_56 ._tabsTab_1acbq_51 {
   block-size: var(--dimensions-44);
 }
-._tabsRootLarge_y6fdg_60 ._tabsTab_y6fdg_51 {
+._tabsRootLarge_1acbq_60 ._tabsTab_1acbq_51 {
   block-size: var(--dimensions-56);
   font-size: var(--title-sm-size);
 }
-._tabsRootPill_y6fdg_38 ._tabsTab_y6fdg_51 {
+._tabsRootPill_1acbq_38 ._tabsTab_1acbq_51 {
   border-radius: var(--radius-full);
   padding-block: 0;
   z-index: 1;
 }
-._tabsRootPill_y6fdg_38 ._tabsTabActive_y6fdg_72 {
+._tabsRootPill_1acbq_38 ._tabsTabActive_1acbq_72 {
   color: var(--text-neutral-primary);
 }
-._tabsRootPill_y6fdg_38 ._tabsTabContent_y6fdg_76:after {
+._tabsRootPill_1acbq_38 ._tabsTabContent_1acbq_76:after {
   display: none;
 }
-._tabsRootStuck_y6fdg_82 {
+._tabsRootStuck_1acbq_82 {
   background-color: var(--surface-neutral-elevator);
   box-shadow: inset 0 calc(-1 * var(--border-sm)) 0 0 var(--border-neutral-tertiary), var(--shadow-sm);
 }
-._tabsScrollContainer_y6fdg_92 {
+._tabsScrollOuter_1acbq_92 {
+  align-items: center;
+  display: flex;
+  min-inline-size: 0;
+  position: relative;
+}
+._tabsScrollContainer_1acbq_100 {
   --tabs-fade-left: 0px;
   --tabs-fade-right: 0px;
-  --tabs-nav-left: 0px;
-  --tabs-nav-right: 0px;
-  --tabs-nav-left-effective: 0px;
-  --tabs-nav-right-effective: 0px;
   display: flex;
   flex-grow: 1;
   min-inline-size: 0;
@@ -15064,19 +15187,15 @@
     linear-gradient(
       to right,
       rgba(0, 0, 0, 0) 0px,
-      rgba(0, 0, 0, 0) var(--tabs-nav-left-effective),
-      rgba(0, 0, 0, 1) calc(var(--tabs-nav-left-effective) + var(--tabs-fade-left)),
-      rgba(0, 0, 0, 1) calc(100% - var(--tabs-nav-right-effective) - var(--tabs-fade-right)),
-      rgba(0, 0, 0, 0) calc(100% - var(--tabs-nav-right-effective)),
+      rgba(0, 0, 0, 1) var(--tabs-fade-left),
+      rgba(0, 0, 0, 1) calc(100% - var(--tabs-fade-right)),
       rgba(0, 0, 0, 0) 100%);
   -webkit-mask-image:
     linear-gradient(
       to right,
       rgba(0, 0, 0, 0) 0px,
-      rgba(0, 0, 0, 0) var(--tabs-nav-left-effective),
-      rgba(0, 0, 0, 1) calc(var(--tabs-nav-left-effective) + var(--tabs-fade-left)),
-      rgba(0, 0, 0, 1) calc(100% - var(--tabs-nav-right-effective) - var(--tabs-fade-right)),
-      rgba(0, 0, 0, 0) calc(100% - var(--tabs-nav-right-effective)),
+      rgba(0, 0, 0, 1) var(--tabs-fade-left),
+      rgba(0, 0, 0, 1) calc(100% - var(--tabs-fade-right)),
       rgba(0, 0, 0, 0) 100%);
   mask-repeat: no-repeat;
   -webkit-mask-repeat: no-repeat;
@@ -15085,10 +15204,10 @@
   mask-position: 0 0;
   -webkit-mask-position: 0 0;
 }
-._tabsScrollContainer_y6fdg_92::-webkit-scrollbar {
+._tabsScrollContainer_1acbq_100::-webkit-scrollbar {
   display: none;
 }
-._tabsMaskWrapper_y6fdg_134 {
+._tabsMaskWrapper_1acbq_134 {
   display: flex;
   flex-grow: 1;
   min-inline-size: 0;
@@ -15097,7 +15216,7 @@
   width: 100%;
   z-index: 0;
 }
-._tabsList_y6fdg_144 {
+._tabsList_1acbq_144 {
   box-sizing: border-box;
   display: flex;
   gap: var(--space-sm);
@@ -15112,25 +15231,15 @@
   scrollbar-width: none;
   z-index: 0;
 }
-._tabsList_y6fdg_144::-webkit-scrollbar {
+._tabsList_1acbq_144::-webkit-scrollbar {
   display: none;
 }
-._tabsListPadded_y6fdg_166 {
+._tabsListPadded_1acbq_166 {
   padding-inline-end: var(--tabs-padding, var(--space-sm));
 }
-@media (hover: hover) and (pointer: fine) {
-  ._tabsScrollContainer_y6fdg_92 {
-    --tabs-nav-left-effective: var(--tabs-nav-left);
-    --tabs-nav-right-effective: var(--tabs-nav-right);
-  }
-  ._tabsNavButton_y6fdg_176 {
-    display: flex;
-  }
-}
-._tabsNavSlot_y6fdg_181 {
+._tabsNavSlot_1acbq_171 {
   align-items: center;
-  display: flex;
-  inline-size: var(--dimensions-44);
+  display: none;
   inset-block: 0;
   opacity: 0;
   pointer-events: none;
@@ -15138,18 +15247,23 @@
   transition: opacity var(--motion-duration-normal) var(--motion-ease-in-out);
   z-index: 2;
 }
-._tabsNavSlotLeft_y6fdg_193 {
+@media (hover: hover) and (pointer: fine) {
+  ._tabsNavSlot_1acbq_171 {
+    display: flex;
+  }
+}
+._tabsNavSlotLeft_1acbq_188 {
   inset-inline-start: 0;
   justify-content: flex-start;
 }
-._tabsNavSlotRight_y6fdg_198 {
+._tabsNavSlotRight_1acbq_193 {
   inset-inline-end: 0;
   justify-content: flex-end;
 }
-._tabsGradientVisible_y6fdg_203 {
+._tabsGradientVisible_1acbq_198 {
   opacity: 1;
 }
-._tabsTab_y6fdg_51 {
+._tabsTab_1acbq_51 {
   align-items: center;
   background: none;
   block-size: var(--dimensions-44);
@@ -15158,6 +15272,7 @@
   color: var(--text-neutral-secondary);
   cursor: pointer;
   display: flex;
+  flex-shrink: 0;
   font-family: var(--label-lg-family);
   font-size: var(--label-lg-size);
   font-weight: var(--label-lg-weight-emphasize);
@@ -15172,7 +15287,7 @@
   transition: all var(--motion-duration-normal) var(--motion-ease-in-out);
   white-space: nowrap;
 }
-._tabsNavButton_y6fdg_176 {
+._tabsNavButton_1acbq_236 {
   align-items: center;
   background: var(--surface-neutral-primary);
   block-size: var(--dimensions-32);
@@ -15180,7 +15295,7 @@
   border-radius: var(--radius-full);
   color: var(--text-neutral-primary);
   cursor: pointer;
-  display: none;
+  display: flex;
   inline-size: var(--dimensions-32);
   justify-content: center;
   overflow: hidden;
@@ -15189,10 +15304,10 @@
   transition: all var(--motion-duration-normal) ease-in-out;
   z-index: 3;
 }
-._tabsGradientVisible_y6fdg_203 ._tabsNavButton_y6fdg_176 {
+._tabsGradientVisible_1acbq_198 ._tabsNavButton_1acbq_236 {
   pointer-events: auto;
 }
-._tabsNavButton_y6fdg_176:after {
+._tabsNavButton_1acbq_236:after {
   background-color: transparent;
   content: "";
   inset: 0;
@@ -15201,30 +15316,30 @@
   transition: background-color var(--motion-duration-fast) var(--motion-ease-out);
   z-index: 0;
 }
-._tabsNavButton_y6fdg_176:hover:after {
+._tabsNavButton_1acbq_236:hover:after {
   background-color: var(--surface-state-hover);
 }
-._tabsNavButton_y6fdg_176 svg {
+._tabsNavButton_1acbq_236 svg {
   block-size: var(--dimensions-20);
   inline-size: var(--dimensions-20);
   position: relative;
   z-index: 1;
 }
-._tabsRootStuck_y6fdg_82 ._tabsNavButton_y6fdg_176,
-._tabsRootElevated_y6fdg_17 ._tabsNavButton_y6fdg_176 {
+._tabsRootStuck_1acbq_82 ._tabsNavButton_1acbq_236,
+._tabsRootElevated_1acbq_17 ._tabsNavButton_1acbq_236 {
   background: var(--surface-neutral-elevator);
 }
-._tabsTab_y6fdg_51:hover:not(:disabled),
-._tabsTab_y6fdg_51:active:not(:disabled),
-._tabsTab_y6fdg_51:focus-visible:not(:disabled) {
+._tabsTab_1acbq_51:hover:not(:disabled),
+._tabsTab_1acbq_51:active:not(:disabled),
+._tabsTab_1acbq_51:focus-visible:not(:disabled) {
   color: var(--text-neutral-primary);
 }
-._tabsTabActive_y6fdg_72 {
+._tabsTabActive_1acbq_72 {
   color: var(--text-neutral-primary);
 }
-._tabsTab_y6fdg_51:hover:not(:disabled, ._tabsTabActive_y6fdg_72) ._tabsTabContent_y6fdg_76:before,
-._tabsTab_y6fdg_51:active:not(:disabled, ._tabsTabActive_y6fdg_72) ._tabsTabContent_y6fdg_76:before,
-._tabsTab_y6fdg_51:focus-visible:not(:disabled, ._tabsTabActive_y6fdg_72) ._tabsTabContent_y6fdg_76:before {
+._tabsTab_1acbq_51:hover:not(:disabled, ._tabsTabActive_1acbq_72) ._tabsTabContent_1acbq_76:before,
+._tabsTab_1acbq_51:active:not(:disabled, ._tabsTabActive_1acbq_72) ._tabsTabContent_1acbq_76:before,
+._tabsTab_1acbq_51:focus-visible:not(:disabled, ._tabsTabActive_1acbq_72) ._tabsTabContent_1acbq_76:before {
   background-color: var(--surface-state-hover);
   block-size: var(--dimensions-2);
   border-radius: var(--radius-full);
@@ -15234,7 +15349,7 @@
   position: absolute;
   z-index: var(--z-index-base);
 }
-._tabsTabContent_y6fdg_76 {
+._tabsTabContent_1acbq_76 {
   align-items: center;
   block-size: auto;
   border-radius: var(--radius-2xs);
@@ -15246,7 +15361,7 @@
   position: relative;
   transition: background-color var(--motion-duration-normal) var(--motion-ease-in-out);
 }
-._tabsTabContent_y6fdg_76:after {
+._tabsTabContent_1acbq_76:after {
   background-color: transparent;
   border-radius: inherit;
   content: "";
@@ -15256,47 +15371,47 @@
   transition: background-color var(--motion-duration-fast) var(--motion-ease-out);
   z-index: 0;
 }
-._tabsTab_y6fdg_51:hover:not(:disabled) ._tabsTabContent_y6fdg_76:after,
-._tabsTab_y6fdg_51:focus-visible:not(:disabled) ._tabsTabContent_y6fdg_76:after {
+._tabsTab_1acbq_51:hover:not(:disabled) ._tabsTabContent_1acbq_76:after,
+._tabsTab_1acbq_51:focus-visible:not(:disabled) ._tabsTabContent_1acbq_76:after {
   background-color: var(--surface-state-hover);
 }
-._tabsTab_y6fdg_51:focus-visible:not(:disabled) ._tabsTabContent_y6fdg_76:after {
+._tabsTab_1acbq_51:focus-visible:not(:disabled) ._tabsTabContent_1acbq_76:after {
   box-shadow: inset 0 0 0 var(--dimensions-2) var(--border-state-focus);
 }
-._tabsTab_y6fdg_51:active:not(:disabled) ._tabsTabContent_y6fdg_76:after {
+._tabsTab_1acbq_51:active:not(:disabled) ._tabsTabContent_1acbq_76:after {
   background-color: var(--surface-state-press);
 }
-._tabsTabContent_y6fdg_76 > * {
+._tabsTabContent_1acbq_76 > * {
   position: relative;
   z-index: 1;
 }
-._tabsTabStacked_y6fdg_376 ._tabsTabContent_y6fdg_76 {
+._tabsTabStacked_1acbq_372 ._tabsTabContent_1acbq_76 {
   border-radius: var(--radius-2xs);
   flex-direction: column;
 }
-._tabsTabTextOnly_y6fdg_381 {
+._tabsTabTextOnly_1acbq_377 {
   --tabs-indicator-offset: -7px;
   padding-block: var(--space-3xs) var(--space-2xs);
 }
-._tabsTabTextOnly_y6fdg_381 ._tabsTabContent_y6fdg_76 {
+._tabsTabTextOnly_1acbq_377 ._tabsTabContent_1acbq_76 {
   block-size: auto;
 }
-._tabsTabIconOnly_y6fdg_398 {
+._tabsTabIconOnly_1acbq_394 {
   block-size: var(--dimensions-44);
   inline-size: var(--dimensions-44);
   padding-inline: var(--dimensions-6) var(--dimensions-6);
 }
-._tabsTabIcon_y6fdg_398 {
+._tabsTabIcon_1acbq_394 {
   align-items: center;
   color: inherit;
   display: flex;
   justify-content: center;
 }
-._tabsTabIcon_y6fdg_398 svg {
+._tabsTabIcon_1acbq_394 svg {
   block-size: var(--dimensions-24);
   inline-size: var(--dimensions-24);
 }
-._tabsTabChevron_y6fdg_421 {
+._tabsTabChevron_1acbq_417 {
   align-items: center;
   border-radius: var(--radius-full);
   display: flex;
@@ -15308,17 +15423,17 @@
   position: relative;
   transition: background-color var(--motion-duration-normal) var(--motion-ease-in-out), transform var(--motion-duration-normal) var(--motion-ease-in-out);
 }
-._tabsTabChevron_y6fdg_421 svg {
+._tabsTabChevron_1acbq_417 svg {
   block-size: var(--dimensions-20);
   inline-size: var(--dimensions-20);
   position: relative;
   transition: transform var(--motion-duration-normal) var(--motion-ease-standard);
   z-index: 1;
 }
-._tabsTabChevronRotated_y6fdg_451 svg {
+._tabsTabChevronRotated_1acbq_447 svg {
   transform: rotate(180deg);
 }
-._tabsIndicator_y6fdg_44 {
+._tabsIndicator_1acbq_44 {
   background-color: var(--foreground-neutral-primary);
   block-size: var(--dimensions-2);
   border-radius: var(--radius-full);
@@ -15327,14 +15442,14 @@
   transition: inset-inline-start var(--motion-duration-medium) var(--motion-ease-standard), inline-size var(--motion-duration-medium) var(--motion-ease-standard);
   z-index: var(--z-index-base);
 }
-._tabsTab_y6fdg_51:disabled {
+._tabsTab_1acbq_51:disabled {
   cursor: not-allowed;
   opacity: var(--opacity-disabled);
 }
-._tabsTab_y6fdg_51:focus-visible {
+._tabsTab_1acbq_51:focus-visible {
   outline: none;
 }
-._tabsTab_y6fdg_51._tabsTabStacked_y6fdg_376 {
+._tabsTab_1acbq_51._tabsTabStacked_1acbq_372 {
   --tabs-indicator-offset: -5px;
   block-size: var(--dimensions-68);
   flex-direction: column;
@@ -15346,7 +15461,7 @@
   line-height: var(--label-md-line-height);
   padding-block: var(--space-2xs) var(--space-2xs);
 }
-._tabsTabStacked_y6fdg_376 ._tabsTabContent_y6fdg_76 {
+._tabsTabStacked_1acbq_372 ._tabsTabContent_1acbq_76 {
   border-radius: var(--radius-sm);
   flex-direction: column;
 }