@photonix/basic 1.8.1 → 1.8.2

package/dist/index.css

@@ -5587,33 +5587,33 @@
   block-size: var(--dimensions-20) !important;
   inline-size: var(--dimensions-20) !important;
 }
-._appBarRoot_tp2z5_3 {
-  background-color: var(--surface-neutral-primary);
+._appBarRoot_1nloo_3 {
+  background-color: transparent;
   display: flex;
   flex-direction: column;
   inline-size: 100%;
   position: relative;
   transition: background-color .2s ease-out, box-shadow .2s ease-out;
 }
-._appBarSticky_tp2z5_16 {
+._appBarSticky_1nloo_16 {
   inset-block-start: 0;
   position: sticky;
   z-index: var(--z-index-sticky);
 }
-._appBarElevated_tp2z5_24 {
+._appBarElevated_1nloo_24 {
   background-color: var(--surface-neutral-elevator);
   border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
   box-shadow: var(--shadow-sm);
 }
-._appBarLeading_tp2z5_34,
-._appBarTrailing_tp2z5_41 {
+._appBarLeading_1nloo_34,
+._appBarTrailing_1nloo_41 {
   align-items: center;
   display: flex;
   flex-shrink: 0;
 }
-._appBarSearchFocusHeader_tp2z5_50 {
+._appBarSearchFocusHeader_1nloo_50 {
   align-items: center;
-  background-color: var(--surface-neutral-primary);
+  background-color: transparent;
   display: flex;
   gap: var(--space-4xs);
   inset-block-start: 0;
@@ -5631,13 +5631,13 @@
     box-shadow var(--motion-duration-normal) var(--motion-ease-standard);
   z-index: 10;
 }
-._appBarSearchFocusCancelButton_tp2z5_75 {
+._appBarSearchFocusCancelButton_1nloo_75 {
   flex-shrink: 0;
   opacity: 0;
   transform: translate(20px);
   transition: opacity var(--motion-duration-normal) var(--motion-ease-standard) 50ms, transform var(--motion-duration-normal) var(--motion-ease-standard) 50ms;
 }
-._appBarSearchFocusField_tp2z5_86 {
+._appBarSearchFocusField_1nloo_86 {
   flex: 1 1 auto;
   margin-inline-end: var(--space-xs);
   opacity: 0;
@@ -5645,7 +5645,7 @@
   transform-origin: right center;
   transition: opacity var(--motion-duration-normal) var(--motion-ease-standard), transform var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._appBarHeader_tp2z5_100 {
+._appBarHeader_1nloo_100 {
   align-items: center;
   display: flex;
   gap: var(--space-none);
@@ -5657,7 +5657,7 @@
     min-block-size var(--motion-duration-normal) var(--motion-ease-standard),
     padding var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._appBarBackButton_tp2z5_116 {
+._appBarBackButton_1nloo_116 {
   flex-shrink: 0;
   inline-size: 0;
   opacity: 0;
@@ -5665,12 +5665,12 @@
   pointer-events: none;
   transition: opacity .25s ease-out, inline-size .25s ease-out;
 }
-._appBarBackButtonVisible_tp2z5_129 {
+._appBarBackButtonVisible_1nloo_129 {
   inline-size: 48px;
   opacity: 1;
   pointer-events: auto;
 }
-._appBarTitleSmall_tp2z5_136 {
+._appBarTitleSmall_1nloo_136 {
   color: var(--text-neutral-primary);
   flex: 1 1 auto;
   font-family: var(--title-lg-family);
@@ -5692,15 +5692,15 @@
     opacity,
     visibility;
 }
-._appBarTitleSmallNoBack_tp2z5_158 {
+._appBarTitleSmallNoBack_1nloo_158 {
   padding-inline-start: var(--space-xs);
 }
-._appBarTitleSmallVisible_tp2z5_162 {
+._appBarTitleSmallVisible_1nloo_162 {
   opacity: 1;
   transform: translateY(0);
   visibility: visible;
 }
-._appBarBody_tp2z5_170 {
+._appBarBody_1nloo_170 {
   display: flex;
   flex-direction: column;
   gap: var(--space-2xs);
@@ -5708,7 +5708,7 @@
   transition: padding 50ms linear, opacity 50ms linear;
   will-change: padding, opacity;
 }
-._appBarTitleLarge_tp2z5_184 {
+._appBarTitleLarge_1nloo_184 {
   color: var(--text-neutral-primary);
   font-family: var(--headline-md-family);
   font-size: var(--headline-md-size);
@@ -5731,37 +5731,37 @@
     opacity,
     max-block-size;
 }
-._appBarSizeLarge_tp2z5_208 ._appBarBody_tp2z5_170 {
+._appBarSizeLarge_1nloo_208 ._appBarBody_1nloo_170 {
   padding-block-end: var(--space-sm);
 }
-._appBarSizeMedium_tp2z5_212 ._appBarBody_tp2z5_170 {
+._appBarSizeMedium_1nloo_212 ._appBarBody_1nloo_170 {
   padding-block-end: var(--space-2xs);
 }
-._appBarSearchContainer_tp2z5_217 {
+._appBarSearchContainer_1nloo_217 {
   flex-shrink: 0;
   transition: opacity .2s ease-out;
 }
-._appBarSearchFocusMode_tp2z5_227 ._appBarSearchFocusHeader_tp2z5_50 {
+._appBarSearchFocusMode_1nloo_227 ._appBarSearchFocusHeader_1nloo_50 {
   opacity: 1;
   pointer-events: auto;
   transform: translateY(0);
 }
-._appBarSearchFocusMode_tp2z5_227 ._appBarSearchFocusCancelButton_tp2z5_75 {
+._appBarSearchFocusMode_1nloo_227 ._appBarSearchFocusCancelButton_1nloo_75 {
   opacity: 1;
   transform: translate(0);
 }
-._appBarSearchFocusMode_tp2z5_227 ._appBarSearchFocusField_tp2z5_86 {
+._appBarSearchFocusMode_1nloo_227 ._appBarSearchFocusField_1nloo_86 {
   opacity: 1;
   transform: scaleX(1);
 }
-._appBarSearchFocusMode_tp2z5_227._stuck_tp2z5_249 ._appBarSearchFocusHeader_tp2z5_50 {
+._appBarSearchFocusMode_1nloo_227._stuck_1nloo_249 ._appBarSearchFocusHeader_1nloo_50 {
   background-color: var(--surface-neutral-elevator);
   box-shadow: inset 0 calc(-1 * var(--border-sm)) 0 0 var(--border-neutral-tertiary), var(--shadow-sm);
 }
-._appBarSearchFocusMode_tp2z5_227 {
+._appBarSearchFocusMode_1nloo_227 {
   min-block-size: var(--dimensions-56);
 }
-._appBarSearchFocusMode_tp2z5_227 ._appBarHeader_tp2z5_100 {
+._appBarSearchFocusMode_1nloo_227 ._appBarHeader_1nloo_100 {
   max-block-size: 0;
   min-block-size: 0;
   opacity: 0;
@@ -5769,42 +5769,42 @@
   padding: 0;
   pointer-events: none;
 }
-._appBarSearchFocusMode_tp2z5_227 ._appBarBody_tp2z5_170 {
+._appBarSearchFocusMode_1nloo_227 ._appBarBody_1nloo_170 {
   max-block-size: 0;
   opacity: 0;
   overflow: hidden;
   padding: 0;
   pointer-events: none;
 }
-._appBarSpacer_tp2z5_285 {
+._appBarSpacer_1nloo_285 {
   flex: 1 1 auto;
 }
-._appBarActions_tp2z5_289 {
+._appBarActions_1nloo_289 {
   align-items: center;
   display: flex;
   flex-shrink: 0;
   gap: var(--space-none);
 }
-._appBarAction_tp2z5_289 {
+._appBarAction_1nloo_289 {
   align-items: center;
   display: flex;
 }
-._appBarAction_tp2z5_289 > .phx-avatar {
+._appBarAction_1nloo_289 > .phx-avatar {
   margin: var(--space-xs);
 }
-._appBarSearchOnlyMode_tp2z5_309 {
+._appBarSearchOnlyMode_1nloo_309 {
   min-block-size: var(--dimensions-64);
 }
-._appBarSearchOnlyMode_tp2z5_309 ._appBarHeader_tp2z5_100 {
+._appBarSearchOnlyMode_1nloo_309 ._appBarHeader_1nloo_100 {
   display: none;
 }
-._appBarSearchOnlyMode_tp2z5_309 ._appBarBody_tp2z5_170 {
+._appBarSearchOnlyMode_1nloo_309 ._appBarBody_1nloo_170 {
   box-sizing: border-box;
   display: flex;
   min-block-size: 100%;
   padding: var(--space-2xs) var(--space-sm);
 }
-._appBarSearchOnlyMode_tp2z5_309 ._appBarSearchContainer_tp2z5_217 {
+._appBarSearchOnlyMode_1nloo_309 ._appBarSearchContainer_1nloo_217 {
   flex: 1;
 }
 ._dividerRoot_irtl2_1 {
@@ -8895,7 +8895,7 @@
 ._disabled_q8tx0_348 ._chipAction_q8tx0_124 {
   color: var(--foreground-state-disabled);
 }
-._chipBarRoot_6daqn_1 {
+._chipBarRoot_1bz5s_1 {
   align-items: center;
   box-sizing: border-box;
   display: flex;
@@ -8905,24 +8905,24 @@
   overflow: visible hidden;
   position: relative;
 }
-._chipBarSizeLarge_6daqn_14 {
+._chipBarSizeLarge_1bz5s_14 {
   block-size: var(--dimensions-56);
 }
-._chipBarSizeMedium_6daqn_18 {
+._chipBarSizeMedium_1bz5s_18 {
   block-size: var(--dimensions-48);
 }
-._chipBarSticky_6daqn_23 {
+._chipBarSticky_1bz5s_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_6daqn_34 {
+._chipBarStuck_1bz5s_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_6daqn_44 {
+._chipBarLeading_1bz5s_44 {
   align-items: center;
   display: flex;
   flex-shrink: 0;
@@ -8930,21 +8930,23 @@
   position: relative;
   z-index: 2;
 }
-._chipBarDivider_6daqn_55 {
+._chipBarDivider_1bz5s_55 {
   background-color: var(--border-neutral-tertiary);
   block-size: var(--dimensions-32);
   inline-size: var(--border-sm);
 }
-._chipBarScrollOuter_6daqn_64 {
+._chipBarScrollOuter_1bz5s_64 {
   align-items: center;
   display: flex;
   flex-grow: 1;
   min-inline-size: 0;
   position: relative;
 }
-._chipBarScrollArea_6daqn_73 {
+._chipBarScrollArea_1bz5s_73 {
   --chip-bar-fade-left: 0px;
   --chip-bar-fade-right: 0px;
+  --chip-bar-left-button-offset: 0;
+  --chip-bar-right-button-offset: 0;
   display: flex;
   flex-grow: 1;
   min-inline-size: 0;
@@ -8971,7 +8973,29 @@
   mask-position: 0 0;
   -webkit-mask-position: 0 0;
 }
-._chipBarMaskWrapper_6daqn_105 {
+@media (hover: hover) and (pointer: fine) {
+  ._chipBarScrollArea_1bz5s_73 {
+    mask-image:
+      linear-gradient(
+        to right,
+        rgba(0, 0, 0, 0) 0px,
+        rgba(0, 0, 0, 0) var(--chip-bar-left-button-offset),
+        rgba(0, 0, 0, 1) calc(var(--chip-bar-left-button-offset) + var(--chip-bar-fade-left)),
+        rgba(0, 0, 0, 1) calc(100% - var(--chip-bar-right-button-offset) - var(--chip-bar-fade-right)),
+        rgba(0, 0, 0, 0) calc(100% - var(--chip-bar-right-button-offset)),
+        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-left-button-offset),
+        rgba(0, 0, 0, 1) calc(var(--chip-bar-left-button-offset) + var(--chip-bar-fade-left)),
+        rgba(0, 0, 0, 1) calc(100% - var(--chip-bar-right-button-offset) - var(--chip-bar-fade-right)),
+        rgba(0, 0, 0, 0) calc(100% - var(--chip-bar-right-button-offset)),
+        rgba(0, 0, 0, 0) 100%);
+  }
+}
+._chipBarMaskWrapper_1bz5s_124 {
   display: flex;
   flex-grow: 1;
   min-inline-size: 0;
@@ -8980,7 +9004,7 @@
   width: 100%;
   z-index: 0;
 }
-._chipBarList_6daqn_115 {
+._chipBarList_1bz5s_134 {
   align-items: center;
   background: transparent;
   box-sizing: border-box;
@@ -8998,26 +9022,26 @@
   z-index: 0;
 }
 @media (hover: none) or (pointer: coarse) {
-  ._chipBarList_6daqn_115 {
+  ._chipBarList_1bz5s_134 {
     padding-inline-end: var(--dimensions-16);
   }
 }
-._chipBarList_6daqn_115::-webkit-scrollbar {
+._chipBarList_1bz5s_134::-webkit-scrollbar {
   display: none;
 }
-._chipBarRootPadded_6daqn_146 {
+._chipBarRootPadded_1bz5s_165 {
   padding-inline-start: var(--chip-bar-padding, var(--space-sm));
 }
-._chipBarListPadded_6daqn_151 {
+._chipBarListPadded_1bz5s_170 {
   padding-inline: 0 var(--chip-bar-padding, var(--space-sm));
 }
-._chipBarListPadded_6daqn_151:after {
+._chipBarListPadded_1bz5s_170: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_6daqn_170 {
+._chipBarNavSlot_1bz5s_189 {
   align-items: center;
   display: none;
   inset-block: 0;
@@ -9028,22 +9052,22 @@
   z-index: 2;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._chipBarNavSlot_6daqn_170 {
+  ._chipBarNavSlot_1bz5s_189 {
     display: flex;
   }
 }
-._chipBarNavSlotLeft_6daqn_187 {
+._chipBarNavSlotLeft_1bz5s_206 {
   inset-inline-start: 0;
   justify-content: flex-start;
 }
-._chipBarNavSlotRight_6daqn_192 {
+._chipBarNavSlotRight_1bz5s_211 {
   inset-inline-end: 0;
   justify-content: flex-end;
 }
-._chipBarGradientVisible_6daqn_197 {
+._chipBarGradientVisible_1bz5s_216 {
   opacity: 1;
 }
-._chipBarNavButton_6daqn_202 {
+._chipBarNavButton_1bz5s_221 {
   align-items: center;
   background: var(--surface-neutral-primary);
   block-size: var(--dimensions-32);
@@ -9060,10 +9084,10 @@
   transition: all var(--motion-duration-normal) ease-in-out;
   z-index: 3;
 }
-._chipBarGradientVisible_6daqn_197 ._chipBarNavButton_6daqn_202 {
+._chipBarGradientVisible_1bz5s_216 ._chipBarNavButton_1bz5s_221 {
   pointer-events: auto;
 }
-._chipBarNavButton_6daqn_202:after {
+._chipBarNavButton_1bz5s_221:after {
   background-color: transparent;
   content: "";
   inset: 0;
@@ -9072,20 +9096,20 @@
   transition: background-color var(--motion-duration-fast) var(--motion-ease-out);
   z-index: 0;
 }
-._chipBarNavButton_6daqn_202:hover:after {
+._chipBarNavButton_1bz5s_221:hover:after {
   background-color: var(--surface-state-hover);
 }
-._chipBarNavButton_6daqn_202 svg {
+._chipBarNavButton_1bz5s_221 svg {
   block-size: var(--dimensions-20);
   inline-size: var(--dimensions-20);
   position: relative;
   z-index: 1;
 }
-._chipBarStuck_6daqn_34 ._chipBarNavButton_6daqn_202 {
+._chipBarStuck_1bz5s_34 ._chipBarNavButton_1bz5s_221 {
   background: var(--surface-neutral-elevator);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._chipBarStuck_6daqn_34 ._chipBarNavButton_6daqn_202 {
+  ._chipBarStuck_1bz5s_34 ._chipBarNavButton_1bz5s_221 {
     background: var(--surface-neutral-elevator);
   }
 }
@@ -9810,7 +9834,7 @@
 ._paginationItemsPerPageDropdown_as5nx_130 {
   inline-size: var(--dimensions-80);
 }
-@keyframes _slide-from-bottom_r0hhh_1 {
+@keyframes _slide-from-bottom_13i4a_1 {
   0% {
     transform: translateY(100%);
   }
@@ -9818,7 +9842,7 @@
     transform: translateY(0);
   }
 }
-@keyframes _slide-to-bottom_r0hhh_1 {
+@keyframes _slide-to-bottom_13i4a_1 {
   0% {
     transform: translateY(0);
   }
@@ -9826,7 +9850,7 @@
     transform: translateY(100%);
   }
 }
-@keyframes _slide-from-right_r0hhh_1 {
+@keyframes _slide-from-right_13i4a_1 {
   0% {
     transform: translate(100%);
   }
@@ -9834,7 +9858,7 @@
     transform: translate(0);
   }
 }
-@keyframes _slide-to-right_r0hhh_1 {
+@keyframes _slide-to-right_13i4a_1 {
   0% {
     transform: translate(0);
   }
@@ -9842,7 +9866,7 @@
     transform: translate(100%);
   }
 }
-@keyframes _fade-in_r0hhh_1 {
+@keyframes _fade-in_13i4a_1 {
   0% {
     opacity: 0;
   }
@@ -9850,7 +9874,7 @@
     opacity: 1;
   }
 }
-@keyframes _fade-out_r0hhh_1 {
+@keyframes _fade-out_13i4a_1 {
   0% {
     opacity: 1;
   }
@@ -9858,9 +9882,9 @@
     opacity: 0;
   }
 }
-._sheetOverlay_r0hhh_63 {
+._sheetOverlay_13i4a_63 {
   align-items: flex-end;
-  animation: _fade-in_r0hhh_1 .3s var(--motion-ease-standard);
+  animation: _fade-in_13i4a_1 .3s var(--motion-ease-standard);
   background-color: var(--color-overlay);
   display: flex;
   inset: 0;
@@ -9868,17 +9892,17 @@
   position: fixed;
   z-index: var(--z-index-modal);
 }
-._sheetOverlayClosing_r0hhh_76 {
-  animation: _fade-out_r0hhh_1 .3s var(--motion-ease-standard) forwards;
+._sheetOverlayClosing_13i4a_76 {
+  animation: _fade-out_13i4a_1 .3s var(--motion-ease-standard) forwards;
 }
 @media (min-width: 768px) {
-  ._sheetOverlay_r0hhh_63 {
+  ._sheetOverlay_13i4a_63 {
     align-items: stretch;
     justify-content: flex-end;
   }
 }
-._sheetPanel_r0hhh_89 {
-  animation: _slide-from-bottom_r0hhh_1 .3s var(--motion-ease-standard);
+._sheetPanel_13i4a_89 {
+  animation: _slide-from-bottom_13i4a_1 .3s var(--motion-ease-standard);
   background-color: var(--surface-neutral-elevator);
   border-start-end-radius: var(--radius-sm);
   border-start-start-radius: var(--radius-sm);
@@ -9886,72 +9910,98 @@
   display: flex;
   flex-direction: column;
   inline-size: 100%;
-  max-block-size: calc(100vh - var(--space-2xl));
+  max-block-size: calc(100dvh - var(--space-2xl));
   overflow: hidden;
+  position: relative;
+}
+._sheetCloseButtonWrapper_13i4a_105 {
+  inset-block-start: var(--space-2xs);
+  inset-inline-end: var(--space-2xs);
+  position: absolute;
+  z-index: var(--z-index-decorator);
+}
+._sheetCloseButton_13i4a_105 {
+  background-color: var(--surface-neutral-on-surface) !important;
+  block-size: var(--dimensions-24) !important;
+  border-radius: var(--radius-full);
+  inline-size: var(--dimensions-24) !important;
+  min-block-size: var(--dimensions-24) !important;
+  min-inline-size: var(--dimensions-24) !important;
+}
+._sheetCloseButton_13i4a_105:hover {
+  background-color: var(--surface-state-hover) !important;
+}
+._sheetCloseButton_13i4a_105:active {
+  background-color: var(--surface-state-press) !important;
 }
-._sheetPanelClosing_r0hhh_105 {
-  animation: _slide-to-bottom_r0hhh_1 .3s var(--motion-ease-standard) forwards;
+._sheetCloseButtonSpotlight_13i4a_129 {
+  background-color: var(--surface-neutral-primary) !important;
+}
+._sheetPanelClosing_13i4a_134 {
+  animation: _slide-to-bottom_13i4a_1 .3s var(--motion-ease-standard) forwards;
 }
 @media (min-width: 768px) {
-  ._sheetPanel_r0hhh_89 {
-    animation: _slide-from-right_r0hhh_1 .3s var(--motion-ease-standard);
-    block-size: 100vh;
+  ._sheetPanel_13i4a_89 {
+    animation: _slide-from-right_13i4a_1 .3s var(--motion-ease-standard);
+    block-size: 100dvh;
     border-radius: 0;
-    max-block-size: 100vh;
+    max-block-size: 100dvh;
   }
-  ._sheetPanelClosing_r0hhh_105 {
-    animation: _slide-to-right_r0hhh_1 .3s var(--motion-ease-standard) forwards;
+  ._sheetPanelClosing_13i4a_134 {
+    animation: _slide-to-right_13i4a_1 .3s var(--motion-ease-standard) forwards;
   }
 }
-._sheetPanelResponsive_r0hhh_128 {
+._sheetPanelResponsive_13i4a_157 {
   inline-size: 100%;
   max-inline-size: 100%;
 }
 @media (min-width: 768px) {
-  ._sheetPanelResponsive_r0hhh_128 {
+  ._sheetPanelResponsive_13i4a_157 {
     inline-size: 400px;
     max-inline-size: 400px;
   }
 }
 @media (min-width: 1024px) {
-  ._sheetPanelResponsive_r0hhh_128 {
+  ._sheetPanelResponsive_13i4a_157 {
     inline-size: 480px;
     max-inline-size: 480px;
   }
 }
-._sheetPanelFullHeight_r0hhh_149 {
-  block-size: calc(100dvh - env(safe-area-inset-top, 24px));
+._sheetPanelFullHeight_13i4a_178 {
+  block-size: calc(100dvh - max(env(safe-area-inset-top, 0px), var(--dimensions-24)));
   border-start-end-radius: var(--radius-sm);
   border-start-start-radius: var(--radius-sm);
-  max-block-size: calc(100dvh - env(safe-area-inset-top, 24px));
+  max-block-size: calc(100dvh - max(env(safe-area-inset-top, 0px), var(--dimensions-24)));
 }
 @media (min-width: 768px) {
-  ._sheetPanelFullHeight_r0hhh_149 {
+  ._sheetPanelFullHeight_13i4a_178 {
+    block-size: 100dvh;
     border-radius: 0;
+    max-block-size: 100dvh;
   }
 }
-._sheetHeader_r0hhh_164 {
+._sheetHeader_13i4a_195 {
   background-color: var(--surface-neutral-elevator);
   flex-shrink: 0;
 }
-._sheetContent_r0hhh_170 {
+._sheetContent_13i4a_201 {
   flex: 1;
   -webkit-overflow-scrolling: touch;
   overflow-y: auto;
   padding-inline: 16px;
 }
-._sheetContentNoPadding_r0hhh_177 {
+._sheetContentNoPadding_13i4a_208 {
   padding-inline: 0;
 }
-._sheetFooter_r0hhh_182 {
+._sheetFooter_13i4a_213 {
   flex-shrink: 0;
   transition: box-shadow var(--motion-duration-normal) var(--motion-ease-standard), border-color var(--motion-duration-normal) var(--motion-ease-standard);
   z-index: var(--z-index-decorator);
 }
-._sheetFooterElevatedGradient_r0hhh_195 {
+._sheetFooterElevatedGradient_13i4a_226 {
   position: relative;
 }
-._sheetFooterElevatedGradient_r0hhh_195:before {
+._sheetFooterElevatedGradient_13i4a_226:before {
   background:
     linear-gradient(
       to top,
@@ -9964,7 +10014,7 @@
   pointer-events: none;
   position: absolute;
 }
-._sheetGrabber_r0hhh_210 {
+._sheetGrabber_13i4a_241 {
   background-color: var(--surface-neutral-elevator);
   display: flex;
   flex-shrink: 0;
@@ -9973,14 +10023,14 @@
   position: relative;
   z-index: 1;
 }
-._sheetGrabberBar_r0hhh_221 {
+._sheetGrabberBar_13i4a_252 {
   background-color: var(--surface-neutral-tertiary);
   block-size: var(--dimensions-4);
   border-radius: var(--radius-full);
   inline-size: var(--dimensions-36);
 }
 @media (min-width: 768px) {
-  ._sheetGrabber_r0hhh_210 {
+  ._sheetGrabber_13i4a_241 {
     display: none;
   }
 }
@@ -10076,8 +10126,8 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._toolbarRoot_abugk_1 {
-  background-color: var(--surface-neutral-primary);
+._toolbarRoot_1tjhz_1 {
+  background-color: transparent;
   border-block-start: var(--border-sm) solid transparent;
   box-sizing: border-box;
   display: flex;
@@ -10089,84 +10139,54 @@
   margin-inline: auto;
   padding: var(--space-sm);
   padding-block-end: calc(var(--space-sm) + env(safe-area-inset-bottom));
-  transition: box-shadow var(--motion-duration-normal) var(--motion-ease-in-out), border-color var(--motion-duration-normal) var(--motion-ease-in-out);
+  transition:
+    background-color var(--motion-duration-normal) var(--motion-ease-in-out),
+    box-shadow var(--motion-duration-normal) var(--motion-ease-in-out),
+    border-color var(--motion-duration-normal) var(--motion-ease-in-out);
   z-index: var(--z-index-fixed);
 }
-._toolbarFixed_abugk_28 {
+._toolbarFixed_1tjhz_29 {
   position: fixed;
 }
-._toolbarElevated_abugk_33 {
+._toolbarElevated_1tjhz_34 {
+  background-color: var(--surface-neutral-elevator);
   border-block-start-color: var(--border-neutral-tertiary);
   box-shadow: var(--up-sm-ambient-x) var(--up-sm-ambient-y) var(--up-sm-ambient-blur) var(--up-sm-ambient-spread) var(--up-sm-ambient-color), var(--up-sm-cast-x) var(--up-sm-cast-y) var(--up-sm-cast-blur) 0 var(--up-sm-cast-color);
 }
-._toolbarResponsive_abugk_43 {
+._toolbarResponsive_1tjhz_45 {
   max-inline-size: 360px;
 }
 @media (min-width: 600px) {
-  ._toolbarResponsive_abugk_43 {
+  ._toolbarResponsive_1tjhz_45 {
     max-inline-size: 600px;
   }
 }
 @media (min-width: 900px) {
-  ._toolbarResponsive_abugk_43 {
+  ._toolbarResponsive_1tjhz_45 {
     max-inline-size: 900px;
   }
 }
-._featureSheetContainer_1jv3d_1 {
+._featureSheetContainer_1eob0_1 {
   display: flex;
   flex-direction: column;
   max-inline-size: 100%;
   min-block-size: 100%;
   position: relative;
 }
-._closeButtonWrapper_1jv3d_11 {
-  inset-block-start: var(--space-2xs);
-  inset-inline-end: var(--space-2xs);
-  position: absolute;
-  z-index: var(--z-index-decorator);
-}
-._closeButton_1jv3d_11 {
-  background-color: var(--surface-neutral-on-surface) !important;
-  block-size: var(--dimensions-24) !important;
-  border-radius: var(--radius-full);
-  inline-size: var(--dimensions-24) !important;
-  min-block-size: var(--dimensions-24) !important;
-  min-inline-size: var(--dimensions-24) !important;
-}
-._closeButton_1jv3d_11:hover {
-  background-color: var(--surface-state-hover) !important;
-}
-._closeButton_1jv3d_11:active {
-  background-color: var(--surface-state-press) !important;
-}
-._closeButtonSpotlight_1jv3d_37 {
-  background-color: var(--surface-neutral-primary) !important;
-  block-size: var(--dimensions-24) !important;
-  border-radius: var(--radius-full);
-  inline-size: var(--dimensions-24) !important;
-  min-block-size: var(--dimensions-24) !important;
-  min-inline-size: var(--dimensions-24) !important;
-}
-._closeButtonSpotlight_1jv3d_37:hover {
-  background-color: var(--surface-state-hover) !important;
-}
-._closeButtonSpotlight_1jv3d_37:active {
-  background-color: var(--surface-state-press) !important;
-}
-._heroImageWrapper_1jv3d_54 {
+._heroImageWrapper_1eob0_11 {
   display: flex;
   inline-size: 100%;
   margin: 0;
   overflow: hidden;
 }
-._heroImageWrapper_1jv3d_54 > img,
-._heroImageWrapper_1jv3d_54 > * {
+._heroImageWrapper_1eob0_11 > img,
+._heroImageWrapper_1eob0_11 > * {
   block-size: auto;
   display: block;
   inline-size: 100%;
   object-fit: cover;
 }
-._contentWrapper_1jv3d_73 {
+._contentWrapper_1eob0_30 {
   align-items: center;
   display: flex;
   flex-direction: column;
@@ -10175,17 +10195,17 @@
   padding-inline: 16px;
   text-align: center;
 }
-._iconWrapper_1jv3d_85 {
+._iconWrapper_1eob0_42 {
   color: var(--foreground-brand-primary);
   display: flex;
   justify-content: center;
   margin: 0;
 }
-._iconWrapper_1jv3d_85 svg {
+._iconWrapper_1eob0_42 svg {
   block-size: var(--dimensions-48);
   inline-size: var(--dimensions-48);
 }
-._textWrapper_1jv3d_101 {
+._textWrapper_1eob0_58 {
   display: flex;
   flex-direction: column;
   gap: var(--space-2xs);
@@ -10267,22 +10287,22 @@
 ._cleanCalendar_c7eyl_85 > div:last-child > div:nth-child(-n+7) {
   display: none;
 }
-._dropdownRoot_14mcp_1 {
+._dropdownRoot_dwfgb_1 {
   display: flex;
   flex-direction: column;
   font-family: var(--body-lg-family);
   inline-size: 100%;
   position: relative;
 }
-._widthAuto_14mcp_9 {
+._widthAuto_dwfgb_9 {
   inline-size: auto;
 }
-._dropdownLabel_14mcp_13 {
+._dropdownLabel_dwfgb_13 {
   color: var(--text-neutral-secondary);
   display: block;
   margin-block-end: var(--space-5xs);
 }
-._dropdownLabelOutside_14mcp_19 {
+._dropdownLabelOutside_dwfgb_19 {
   color: var(--text-neutral-primary);
   font-family: var(--title-md-family);
   font-size: var(--title-md-size);
@@ -10290,17 +10310,17 @@
   letter-spacing: var(--title-md-letter-spacing);
   line-height: var(--title-md-line-height);
 }
-._dropdownLabelOutsideMedium_14mcp_28 {
+._dropdownLabelOutsideMedium_dwfgb_28 {
   font-family: var(--title-sm-family);
   font-size: var(--title-sm-size);
   font-weight: var(--title-sm-weight-emphasize);
   letter-spacing: var(--title-sm-letter-spacing);
   line-height: var(--title-sm-line-height);
 }
-._dropdownTriggerWrapper_14mcp_37 {
+._dropdownTriggerWrapper_dwfgb_37 {
   position: relative;
 }
-._dropdownTrigger_14mcp_37 {
+._dropdownTrigger_dwfgb_37 {
   align-items: center;
   border: var(--border-sm) solid var(--border-neutral-tertiary);
   border-radius: var(--radius-2xs);
@@ -10313,14 +10333,14 @@
   position: relative;
   transition: all var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._dropdownLeadingIcon_14mcp_57 {
+._dropdownLeadingIcon_dwfgb_57 {
   align-items: center;
   color: var(--foreground-neutral-primary);
   display: flex;
   justify-content: center;
   margin-inline-end: var(--space-xs);
 }
-._dropdownTriggerContent_14mcp_65 {
+._dropdownTriggerContent_dwfgb_65 {
   block-size: 100%;
   display: flex;
   flex: 1;
@@ -10329,7 +10349,7 @@
   padding-inline-end: var(--space-xs);
   position: relative;
 }
-._dropdownInlineLabel_14mcp_75 {
+._dropdownInlineLabel_dwfgb_75 {
   color: var(--text-neutral-secondary);
   font-family: var(--body-lg-family);
   font-size: var(--body-lg-size);
@@ -10343,7 +10363,7 @@
   transform-origin: left top;
   transition: all var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._dropdownInlineLabelShrunk_14mcp_90 {
+._dropdownInlineLabelShrunk_dwfgb_90 {
   font-family: var(--label-sm-family);
   font-size: var(--label-sm-size);
   font-weight: var(--label-sm-weight-emphasize);
@@ -10352,10 +10372,10 @@
   line-height: var(--label-sm-line-height);
   transform: translateY(0);
 }
-._medium_14mcp_101 ._dropdownInlineLabelShrunk_14mcp_90 {
+._medium_dwfgb_101 ._dropdownInlineLabelShrunk_dwfgb_90 {
   inset-block-start: var(--dimensions-6);
 }
-._dropdownValueText_14mcp_105 {
+._dropdownValueText_dwfgb_105 {
   color: var(--text-neutral-primary);
   font-family: var(--body-lg-family);
   font-size: var(--body-lg-size);
@@ -10365,14 +10385,14 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._dropdownChevronIcon_14mcp_116 {
+._dropdownChevronIcon_dwfgb_116 {
   align-items: center;
   color: var(--foreground-neutral-primary);
   display: flex;
   justify-content: center;
   transition: transform var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._dropdownTrailing_14mcp_124 {
+._dropdownTrailing_dwfgb_124 {
   align-items: center;
   column-gap: var(--space-xs);
   display: flex;
@@ -10380,108 +10400,108 @@
   justify-content: flex-end;
   min-inline-size: var(--dimensions-48);
 }
-._dropdownTrailingCompact_14mcp_133 {
+._dropdownTrailingCompact_dwfgb_133 {
   min-inline-size: auto;
 }
-._dropdownClearButton_14mcp_137 {
+._dropdownClearButton_dwfgb_137 {
   block-size: var(--dimensions-20) !important;
   inline-size: var(--dimensions-20) !important;
   min-block-size: var(--dimensions-20) !important;
   min-inline-size: var(--dimensions-20) !important;
   padding: 0 !important;
 }
-._dropdownClearButton_14mcp_137 svg {
+._dropdownClearButton_dwfgb_137 svg {
   block-size: var(--dimensions-20) !important;
   inline-size: var(--dimensions-20) !important;
 }
-._dropdownTriggerInsideLabel_14mcp_151 {
+._dropdownTriggerInsideLabel_dwfgb_151 {
   padding-inline: var(--space-xs) var(--space-xs);
 }
-._dropdownTriggerOutsideLabel_14mcp_156 {
+._dropdownTriggerOutsideLabel_dwfgb_156 {
   min-block-size: var(--dimensions-44);
   padding-inline: var(--space-xs) var(--space-xs);
 }
-._large_14mcp_162 {
+._large_dwfgb_162 {
   min-block-size: var(--dimensions-56);
 }
-._large_14mcp_162._dropdownTriggerOutsideLabel_14mcp_156 {
+._large_dwfgb_162._dropdownTriggerOutsideLabel_dwfgb_156 {
   min-block-size: var(--dimensions-44);
 }
-._medium_14mcp_101 {
+._medium_dwfgb_101 {
   font-size: var(--body-md-size);
   min-block-size: var(--dimensions-44);
 }
-._medium_14mcp_101._dropdownTriggerInsideLabel_14mcp_151 {
+._medium_dwfgb_101._dropdownTriggerInsideLabel_dwfgb_151 {
   min-block-size: var(--dimensions-44);
   padding-inline: var(--space-xs);
 }
-._medium_14mcp_101._dropdownTriggerOutsideLabel_14mcp_156 {
+._medium_dwfgb_101._dropdownTriggerOutsideLabel_dwfgb_156 {
   min-block-size: var(--dimensions-36);
 }
-._medium_14mcp_101 ._dropdownValueText_14mcp_105,
-._medium_14mcp_101 ._dropdownInlineLabel_14mcp_75 {
+._medium_dwfgb_101 ._dropdownValueText_dwfgb_105,
+._medium_dwfgb_101 ._dropdownInlineLabel_dwfgb_75 {
   font-family: var(--body-md-family);
   font-size: var(--body-md-size);
   font-weight: var(--body-md-weight);
   letter-spacing: var(--body-md-letter-spacing);
   line-height: var(--body-md-line-height);
 }
-._medium_14mcp_101 ._dropdownLeadingIcon_14mcp_57,
-._medium_14mcp_101 ._dropdownChevronIcon_14mcp_116,
-._medium_14mcp_101 ._dropdownClearButton_14mcp_137 {
+._medium_dwfgb_101 ._dropdownLeadingIcon_dwfgb_57,
+._medium_dwfgb_101 ._dropdownChevronIcon_dwfgb_116,
+._medium_dwfgb_101 ._dropdownClearButton_dwfgb_137 {
   block-size: var(--dimensions-20);
   inline-size: var(--dimensions-20);
 }
-._medium_14mcp_101 ._dropdownClearButton_14mcp_137,
-._medium_14mcp_101 ._dropdownClearButton_14mcp_137 svg {
+._medium_dwfgb_101 ._dropdownClearButton_dwfgb_137,
+._medium_dwfgb_101 ._dropdownClearButton_dwfgb_137 svg {
   block-size: var(--dimensions-20) !important;
   inline-size: var(--dimensions-20) !important;
   min-block-size: var(--dimensions-20) !important;
   min-inline-size: var(--dimensions-20) !important;
 }
-._dropdownTrigger_14mcp_37:hover:not(._dropdownTriggerDisabled_14mcp_210, ._dropdownTriggerError_14mcp_210) {
+._dropdownTrigger_dwfgb_37:hover:not(._dropdownTriggerDisabled_dwfgb_210, ._dropdownTriggerError_dwfgb_210) {
   background-color: var(--surface-state-hover);
   border-color: var(--border-state-hover);
 }
-._dropdownTrigger_14mcp_37:focus-visible:not(._dropdownTriggerDisabled_14mcp_210, ._dropdownTriggerError_14mcp_210) {
+._dropdownTrigger_dwfgb_37:focus-visible:not(._dropdownTriggerDisabled_dwfgb_210, ._dropdownTriggerError_dwfgb_210) {
   background-color: var(--surface-state-hover);
   border-color: var(--border-state-focus);
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-focus);
 }
-._dropdownTriggerOpen_14mcp_223:not(._dropdownTriggerError_14mcp_210) {
+._dropdownTriggerOpen_dwfgb_223:not(._dropdownTriggerError_dwfgb_210) {
   border-color: var(--border-state-focus);
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-focus);
 }
-._dropdownTriggerOpen_14mcp_223._dropdownTriggerError_14mcp_210 {
+._dropdownTriggerOpen_dwfgb_223._dropdownTriggerError_dwfgb_210 {
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-error);
 }
-._dropdownTriggerError_14mcp_210 {
+._dropdownTriggerError_dwfgb_210 {
   background-color: var(--surface-accent-red-subtle);
   border-color: var(--border-state-error);
 }
-._dropdownTriggerDisabled_14mcp_210 {
+._dropdownTriggerDisabled_dwfgb_210 {
   background-color: var(--surface-state-disabled);
   cursor: not-allowed;
   opacity: var(--opacity-disabled);
 }
-._dropdownValueTextPlaceholder_14mcp_246 {
+._dropdownValueTextPlaceholder_dwfgb_246 {
   color: var(--text-neutral-secondary);
 }
-._dropdownValueTextWithInlineLabel_14mcp_250 {
+._dropdownValueTextWithInlineLabel_dwfgb_250 {
   opacity: var(--opacity-hidden);
   padding-block: var(--space-md) var(--space-2xs);
   transition: opacity var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._medium_14mcp_101 ._dropdownValueTextWithInlineLabel_14mcp_250 {
+._medium_dwfgb_101 ._dropdownValueTextWithInlineLabel_dwfgb_250 {
   padding-block: var(--space-sm) var(--space-3xs);
 }
-._dropdownValueTextVisible_14mcp_261 {
+._dropdownValueTextVisible_dwfgb_261 {
   opacity: var(--opacity-visible);
 }
-._dropdownChevronIconRotated_14mcp_265 {
+._dropdownChevronIconRotated_dwfgb_265 {
   transform: rotate(180deg);
 }
-._dropdownPopover_14mcp_270 {
+._dropdownPopover_dwfgb_270 {
   inset-block-start: 100%;
   inset-inline-start: 0;
   margin-block-start: var(--space-4xs);
@@ -10489,20 +10509,20 @@
   position: absolute;
   z-index: var(--z-index-dropdown);
 }
-._dropdownSheetContent_14mcp_279 {
-  padding: var(--space-sm);
+._dropdownSheetContent_dwfgb_279 {
+  padding: 0;
 }
-._dropdownSheetList_14mcp_283 {
+._dropdownSheetList_dwfgb_283 {
   background: transparent;
 }
-._dropdownSheetOptions_14mcp_287 {
+._dropdownSheetOptions_dwfgb_287 {
   display: flex;
   flex-direction: column;
 }
-._dropdownSheetItem_14mcp_292 {
+._dropdownSheetItem_dwfgb_292 {
   background: transparent;
 }
-._dropdownHelperText_14mcp_296 {
+._dropdownHelperText_dwfgb_296 {
   color: var(--text-neutral-primary);
   font-family: var(--body-sm-family);
   font-size: var(--body-sm-size);
@@ -10510,7 +10530,7 @@
   line-height: var(--body-sm-line-height);
   margin-block-start: var(--space-4xs);
 }
-._dropdownHelperText_14mcp_296._dropdownHelperTextError_14mcp_305 {
+._dropdownHelperText_dwfgb_296._dropdownHelperTextError_dwfgb_305 {
   color: var(--text-state-error);
 }
 ._datePickerRoot_75dpd_1 {
@@ -15240,7 +15260,7 @@
   font-size: var(--label-sm-size);
   font-weight: var(--typeface-weight-medium);
 }
-._tabsRoot_1acbq_5 {
+._tabsRoot_pfaa7_5 {
   display: block;
   max-inline-size: 100%;
   overflow: hidden;
@@ -15248,62 +15268,64 @@
   scrollbar-width: none;
   transition: all var(--motion-duration-normal) var(--motion-ease-in-out);
 }
-._tabsRootElevated_1acbq_17 {
+._tabsRootElevated_pfaa7_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_1acbq_26 {
+._tabsRootSticky_pfaa7_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_1acbq_38 {
+._tabsRootPill_pfaa7_38 {
   background-color: var(--surface-neutral-secondary);
   border-radius: var(--radius-full);
   padding: var(--space-3xs);
 }
-._tabsRootPill_1acbq_38 ._tabsIndicator_1acbq_44 {
+._tabsRootPill_pfaa7_38 ._tabsIndicator_pfaa7_44 {
   background-color: var(--surface-neutral-primary);
   box-shadow: var(--shadow-sm);
   inset-block: var(--space-3xs);
 }
-._tabsRootSmall_1acbq_51 ._tabsTab_1acbq_51 {
+._tabsRootSmall_pfaa7_51 ._tabsTab_pfaa7_51 {
   block-size: var(--dimensions-32);
   font-size: var(--label-md-size);
 }
-._tabsRootMedium_1acbq_56 ._tabsTab_1acbq_51 {
+._tabsRootMedium_pfaa7_56 ._tabsTab_pfaa7_51 {
   block-size: var(--dimensions-44);
 }
-._tabsRootLarge_1acbq_60 ._tabsTab_1acbq_51 {
+._tabsRootLarge_pfaa7_60 ._tabsTab_pfaa7_51 {
   block-size: var(--dimensions-56);
   font-size: var(--title-sm-size);
 }
-._tabsRootPill_1acbq_38 ._tabsTab_1acbq_51 {
+._tabsRootPill_pfaa7_38 ._tabsTab_pfaa7_51 {
   border-radius: var(--radius-full);
   padding-block: 0;
   z-index: 1;
 }
-._tabsRootPill_1acbq_38 ._tabsTabActive_1acbq_72 {
+._tabsRootPill_pfaa7_38 ._tabsTabActive_pfaa7_72 {
   color: var(--text-neutral-primary);
 }
-._tabsRootPill_1acbq_38 ._tabsTabContent_1acbq_76:after {
+._tabsRootPill_pfaa7_38 ._tabsTabContent_pfaa7_76:after {
   display: none;
 }
-._tabsRootStuck_1acbq_82 {
+._tabsRootStuck_pfaa7_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);
 }
-._tabsScrollOuter_1acbq_92 {
+._tabsScrollOuter_pfaa7_92 {
   align-items: center;
   display: flex;
   min-inline-size: 0;
   position: relative;
 }
-._tabsScrollContainer_1acbq_100 {
+._tabsScrollContainer_pfaa7_100 {
   --tabs-fade-left: 0px;
   --tabs-fade-right: 0px;
+  --tabs-left-button-offset: 0;
+  --tabs-right-button-offset: 0;
   display: flex;
   flex-grow: 1;
   min-inline-size: 0;
@@ -15331,10 +15353,32 @@
   mask-position: 0 0;
   -webkit-mask-position: 0 0;
 }
-._tabsScrollContainer_1acbq_100::-webkit-scrollbar {
+@media (hover: hover) and (pointer: fine) {
+  ._tabsScrollContainer_pfaa7_100 {
+    mask-image:
+      linear-gradient(
+        to right,
+        rgba(0, 0, 0, 0) 0px,
+        rgba(0, 0, 0, 0) var(--tabs-left-button-offset),
+        rgba(0, 0, 0, 1) calc(var(--tabs-left-button-offset) + var(--tabs-fade-left)),
+        rgba(0, 0, 0, 1) calc(100% - var(--tabs-right-button-offset) - var(--tabs-fade-right)),
+        rgba(0, 0, 0, 0) calc(100% - var(--tabs-right-button-offset)),
+        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-left-button-offset),
+        rgba(0, 0, 0, 1) calc(var(--tabs-left-button-offset) + var(--tabs-fade-left)),
+        rgba(0, 0, 0, 1) calc(100% - var(--tabs-right-button-offset) - var(--tabs-fade-right)),
+        rgba(0, 0, 0, 0) calc(100% - var(--tabs-right-button-offset)),
+        rgba(0, 0, 0, 0) 100%);
+  }
+}
+._tabsScrollContainer_pfaa7_100::-webkit-scrollbar {
   display: none;
 }
-._tabsMaskWrapper_1acbq_134 {
+._tabsMaskWrapper_pfaa7_155 {
   display: flex;
   flex-grow: 1;
   min-inline-size: 0;
@@ -15343,7 +15387,7 @@
   width: 100%;
   z-index: 0;
 }
-._tabsList_1acbq_144 {
+._tabsList_pfaa7_165 {
   box-sizing: border-box;
   display: flex;
   gap: var(--space-sm);
@@ -15358,13 +15402,13 @@
   scrollbar-width: none;
   z-index: 0;
 }
-._tabsList_1acbq_144::-webkit-scrollbar {
+._tabsList_pfaa7_165::-webkit-scrollbar {
   display: none;
 }
-._tabsListPadded_1acbq_166 {
+._tabsListPadded_pfaa7_187 {
   padding-inline-end: var(--tabs-padding, var(--space-sm));
 }
-._tabsNavSlot_1acbq_171 {
+._tabsNavSlot_pfaa7_192 {
   align-items: center;
   display: none;
   inset-block: 0;
@@ -15375,22 +15419,22 @@
   z-index: 2;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._tabsNavSlot_1acbq_171 {
+  ._tabsNavSlot_pfaa7_192 {
     display: flex;
   }
 }
-._tabsNavSlotLeft_1acbq_188 {
+._tabsNavSlotLeft_pfaa7_209 {
   inset-inline-start: 0;
   justify-content: flex-start;
 }
-._tabsNavSlotRight_1acbq_193 {
+._tabsNavSlotRight_pfaa7_214 {
   inset-inline-end: 0;
   justify-content: flex-end;
 }
-._tabsGradientVisible_1acbq_198 {
+._tabsGradientVisible_pfaa7_219 {
   opacity: 1;
 }
-._tabsTab_1acbq_51 {
+._tabsTab_pfaa7_51 {
   align-items: center;
   background: none;
   block-size: var(--dimensions-44);
@@ -15414,7 +15458,7 @@
   transition: all var(--motion-duration-normal) var(--motion-ease-in-out);
   white-space: nowrap;
 }
-._tabsNavButton_1acbq_236 {
+._tabsNavButton_pfaa7_257 {
   align-items: center;
   background: var(--surface-neutral-primary);
   block-size: var(--dimensions-32);
@@ -15431,10 +15475,10 @@
   transition: all var(--motion-duration-normal) ease-in-out;
   z-index: 3;
 }
-._tabsGradientVisible_1acbq_198 ._tabsNavButton_1acbq_236 {
+._tabsGradientVisible_pfaa7_219 ._tabsNavButton_pfaa7_257 {
   pointer-events: auto;
 }
-._tabsNavButton_1acbq_236:after {
+._tabsNavButton_pfaa7_257:after {
   background-color: transparent;
   content: "";
   inset: 0;
@@ -15443,30 +15487,30 @@
   transition: background-color var(--motion-duration-fast) var(--motion-ease-out);
   z-index: 0;
 }
-._tabsNavButton_1acbq_236:hover:after {
+._tabsNavButton_pfaa7_257:hover:after {
   background-color: var(--surface-state-hover);
 }
-._tabsNavButton_1acbq_236 svg {
+._tabsNavButton_pfaa7_257 svg {
   block-size: var(--dimensions-20);
   inline-size: var(--dimensions-20);
   position: relative;
   z-index: 1;
 }
-._tabsRootStuck_1acbq_82 ._tabsNavButton_1acbq_236,
-._tabsRootElevated_1acbq_17 ._tabsNavButton_1acbq_236 {
+._tabsRootStuck_pfaa7_82 ._tabsNavButton_pfaa7_257,
+._tabsRootElevated_pfaa7_17 ._tabsNavButton_pfaa7_257 {
   background: var(--surface-neutral-elevator);
 }
-._tabsTab_1acbq_51:hover:not(:disabled),
-._tabsTab_1acbq_51:active:not(:disabled),
-._tabsTab_1acbq_51:focus-visible:not(:disabled) {
+._tabsTab_pfaa7_51:hover:not(:disabled),
+._tabsTab_pfaa7_51:active:not(:disabled),
+._tabsTab_pfaa7_51:focus-visible:not(:disabled) {
   color: var(--text-neutral-primary);
 }
-._tabsTabActive_1acbq_72 {
+._tabsTabActive_pfaa7_72 {
   color: var(--text-neutral-primary);
 }
-._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 {
+._tabsTab_pfaa7_51:hover:not(:disabled, ._tabsTabActive_pfaa7_72) ._tabsTabContent_pfaa7_76:before,
+._tabsTab_pfaa7_51:active:not(:disabled, ._tabsTabActive_pfaa7_72) ._tabsTabContent_pfaa7_76:before,
+._tabsTab_pfaa7_51:focus-visible:not(:disabled, ._tabsTabActive_pfaa7_72) ._tabsTabContent_pfaa7_76:before {
   background-color: var(--surface-state-hover);
   block-size: var(--dimensions-2);
   border-radius: var(--radius-full);
@@ -15476,7 +15520,7 @@
   position: absolute;
   z-index: var(--z-index-base);
 }
-._tabsTabContent_1acbq_76 {
+._tabsTabContent_pfaa7_76 {
   align-items: center;
   block-size: auto;
   border-radius: var(--radius-2xs);
@@ -15488,7 +15532,7 @@
   position: relative;
   transition: background-color var(--motion-duration-normal) var(--motion-ease-in-out);
 }
-._tabsTabContent_1acbq_76:after {
+._tabsTabContent_pfaa7_76:after {
   background-color: transparent;
   border-radius: inherit;
   content: "";
@@ -15498,47 +15542,47 @@
   transition: background-color var(--motion-duration-fast) var(--motion-ease-out);
   z-index: 0;
 }
-._tabsTab_1acbq_51:hover:not(:disabled) ._tabsTabContent_1acbq_76:after,
-._tabsTab_1acbq_51:focus-visible:not(:disabled) ._tabsTabContent_1acbq_76:after {
+._tabsTab_pfaa7_51:hover:not(:disabled) ._tabsTabContent_pfaa7_76:after,
+._tabsTab_pfaa7_51:focus-visible:not(:disabled) ._tabsTabContent_pfaa7_76:after {
   background-color: var(--surface-state-hover);
 }
-._tabsTab_1acbq_51:focus-visible:not(:disabled) ._tabsTabContent_1acbq_76:after {
+._tabsTab_pfaa7_51:focus-visible:not(:disabled) ._tabsTabContent_pfaa7_76:after {
   box-shadow: inset 0 0 0 var(--dimensions-2) var(--border-state-focus);
 }
-._tabsTab_1acbq_51:active:not(:disabled) ._tabsTabContent_1acbq_76:after {
+._tabsTab_pfaa7_51:active:not(:disabled) ._tabsTabContent_pfaa7_76:after {
   background-color: var(--surface-state-press);
 }
-._tabsTabContent_1acbq_76 > * {
+._tabsTabContent_pfaa7_76 > * {
   position: relative;
   z-index: 1;
 }
-._tabsTabStacked_1acbq_372 ._tabsTabContent_1acbq_76 {
+._tabsTabStacked_pfaa7_393 ._tabsTabContent_pfaa7_76 {
   border-radius: var(--radius-2xs);
   flex-direction: column;
 }
-._tabsTabTextOnly_1acbq_377 {
+._tabsTabTextOnly_pfaa7_398 {
   --tabs-indicator-offset: -7px;
   padding-block: var(--space-3xs) var(--space-2xs);
 }
-._tabsTabTextOnly_1acbq_377 ._tabsTabContent_1acbq_76 {
+._tabsTabTextOnly_pfaa7_398 ._tabsTabContent_pfaa7_76 {
   block-size: auto;
 }
-._tabsTabIconOnly_1acbq_394 {
+._tabsTabIconOnly_pfaa7_415 {
   block-size: var(--dimensions-44);
   inline-size: var(--dimensions-44);
   padding-inline: var(--dimensions-6) var(--dimensions-6);
 }
-._tabsTabIcon_1acbq_394 {
+._tabsTabIcon_pfaa7_415 {
   align-items: center;
   color: inherit;
   display: flex;
   justify-content: center;
 }
-._tabsTabIcon_1acbq_394 svg {
+._tabsTabIcon_pfaa7_415 svg {
   block-size: var(--dimensions-24);
   inline-size: var(--dimensions-24);
 }
-._tabsTabChevron_1acbq_417 {
+._tabsTabChevron_pfaa7_438 {
   align-items: center;
   border-radius: var(--radius-full);
   display: flex;
@@ -15550,17 +15594,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_1acbq_417 svg {
+._tabsTabChevron_pfaa7_438 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_1acbq_447 svg {
+._tabsTabChevronRotated_pfaa7_468 svg {
   transform: rotate(180deg);
 }
-._tabsIndicator_1acbq_44 {
+._tabsIndicator_pfaa7_44 {
   background-color: var(--foreground-neutral-primary);
   block-size: var(--dimensions-2);
   border-radius: var(--radius-full);
@@ -15569,14 +15613,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_1acbq_51:disabled {
+._tabsTab_pfaa7_51:disabled {
   cursor: not-allowed;
   opacity: var(--opacity-disabled);
 }
-._tabsTab_1acbq_51:focus-visible {
+._tabsTab_pfaa7_51:focus-visible {
   outline: none;
 }
-._tabsTab_1acbq_51._tabsTabStacked_1acbq_372 {
+._tabsTab_pfaa7_51._tabsTabStacked_pfaa7_393 {
   --tabs-indicator-offset: -5px;
   block-size: var(--dimensions-68);
   flex-direction: column;
@@ -15588,7 +15632,7 @@
   line-height: var(--label-md-line-height);
   padding-block: var(--space-2xs) var(--space-2xs);
 }
-._tabsTabStacked_1acbq_372 ._tabsTabContent_1acbq_76 {
+._tabsTabStacked_pfaa7_393 ._tabsTabContent_pfaa7_76 {
   border-radius: var(--radius-sm);
   flex-direction: column;
 }