@hanzo/ui 8.27.53 → 8.27.55

package/dist/styles/motion.css

@@ -189,166 +189,8 @@
 }
 
 
-/* ─────────────────────────────────────────────────────────────────────────────
-   Scrollbars, on the surfaces this package scrolls.
-
-   Left to the platform this is not neutral: Linux/GTK Chrome draws a wide track
-   with STEPPER ARROWS at both ends, so a dark product grows two grey buttons per
-   scroll region. Windows draws a wide light track. macOS overlays a thin one,
-   which is the behaviour the other two should have had.
-
-   THE TWO HALVES MUST NOT BE DECLARED TOGETHER, and that is the whole subtlety.
-   Chromium supports both the standard properties and the `::-webkit-scrollbar`
-   pseudo-elements — but the moment `scrollbar-width` or `scrollbar-color` is
-   anything other than `auto`, it takes the standard path and DISCARDS the entire
-   webkit block. Shipping both is how 8.1.19 removed nothing: measured headed on
-   Linux, as-shipped gave a 10px gutter with arrows, while the authored webkit
-   rule alone gives 8px with none. Isolated: webkit-only 8px no arrows;
-   standard-only 10px arrows; both together 10px arrows.
-
-   Neither half is redundant, so neither can simply be deleted — Firefox
-   implements ONLY the standard properties, Safari ONLY the webkit ones. They are
-   separated by engine instead: the webkit block applies wherever the selector is
-   understood, and the standard properties apply only where it is not.
-
-   And it is invisible headless. Chromium's headless shell paints OVERLAY
-   scrollbars, so nothing is drawn, `offsetWidth - clientWidth` is 0 on a blank
-   page, and `getComputedStyle(el, '::-webkit-scrollbar-button').display` happily
-   reports `none` for a rule that never ran. This must be checked headed.
-   ───────────────────────────────────────────────────────────────────────────── */
-
-/* Firefox and anything else with no webkit pseudo-elements. */
-@supports not selector(::-webkit-scrollbar) {
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-) {
-    scrollbar-width: thin;
-    scrollbar-color: rgb(255 255 255 / 0.18) transparent;
-  }
-  .t_light :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-) { scrollbar-color: rgb(0 0 0 / 0.20) transparent; }
-}
-
-/* Chromium and Safari.
-   The first rule is the load-bearing one and it is a RESET, not a style.
-   @hanzo/design sets `scrollbar-color` and `scrollbar-width` on `:where(html)`
-   (theme.css), and both INHERIT — so every element in the document already
-   carries a non-`auto` value, Chromium takes the standard path, and the whole
-   webkit block below is discarded before it is read. Nothing declared here can
-   win until the inherited value is put back to `auto` on the element itself.
-   That is why the arrows survived 8.1.19: the competing declaration was one
-   level up and inherited, not a rule anyone would find in this file. */
-@supports selector(::-webkit-scrollbar) {
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-) {
-    scrollbar-width: auto;
-    scrollbar-color: auto;
-  }
-
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-)::-webkit-scrollbar { width: 8px; height: 8px; }
-
-  /* The steppers. This is the rule that removes the arrows, and the reason the
-     two halves had to be separated at all. */
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-)::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
-
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-)::-webkit-scrollbar-track { background: transparent; }
-
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-)::-webkit-scrollbar-thumb {
-    background: rgb(255 255 255 / 0.18);
-    border-radius: 999px;
-    /* A transparent border with background-clip keeps the thumb off the very
-       edge without a track colour doing it, so it reads as an overlay rather
-       than a channel. */
-    border: 2px solid transparent;
-    background-clip: content-box;
-  }
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-)::-webkit-scrollbar-thumb:hover {
-    background: rgb(255 255 255 / 0.30);
-    background-clip: content-box;
-  }
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-)::-webkit-scrollbar-corner { background: transparent; }
-
-  .t_light :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-)::-webkit-scrollbar-thumb {
-    background: rgb(0 0 0 / 0.20);
-    background-clip: content-box;
-  }
-}
+/* Scrollbars are @hanzo/design's (base.css, ≥ 0.5.34): a thin thumb on every
+   scroller and no stepper buttons, stated once for the page. */
 
 /* A carousel scrolls but shows no bar: the arrows and the snap already say it
    scrolls, and a bar appearing mid-drag shifts the slides under the pointer.

package/dist/styles.css

@@ -1154,34 +1154,35 @@
   ::selection{background:var(--selection);color:var(--text-primary)}
 
   /* ——— the scrollbar ———
-     The single largest piece of UNSTYLED chrome left on a dark surface: a
-     default 15px light-grey scrollbar down the side of a #0a0a0a panel is the
-     one element on the page that did not get the memo, and it is visible on
-     every scrolling surface in the product. 6px, no track, thumb on the same
-     hairline ladder as everything else. Both syntaxes ship because they are
-     disjoint — `scrollbar-*` is Firefox and the `::-webkit-*` pseudos are
-     Chromium/Safari; neither engine reads the other.
+     6px, no track, no stepper buttons, the thumb on the same hairline ladder as
+     everything else. ONE treatment per engine. Chromium 121+ reads the standard
+     `scrollbar-color`/`scrollbar-width` as well as the `::-webkit-*` pseudos,
+     and an element with either standard property set ignores its pseudos —
+     `scrollbar-color` inherits, so stated on html it gives every scroller the
+     native bar, which on Linux/GTK draws a boxed arrow at each end. So the
+     standard pair goes only to an engine without the pseudos (Firefox), and the
+     pseudos serve the rest. Check 1e holds that.
      The thumb is a --white-* rung, so it does not invert; the `.light`
      restatements sit here rather than in colors.css because a scrollbar is an
      element default and this file is where element defaults live. Everything
      stays INSIDE the layer — an unlayered rule here would outrank an app's own
      utilities, which is the defect check 1c exists to catch. */
-  :where(html){scrollbar-color:var(--white-15) transparent;scrollbar-width:thin}
-  .light, :root.t_light, .t_light{scrollbar-color:rgb(0 0 0 / .18) transparent}
+  @supports not selector(::-webkit-scrollbar){
+    :where(html){scrollbar-color:var(--white-15) transparent;scrollbar-width:thin}
+    .light, :root.t_light, .t_light{scrollbar-color:rgb(0 0 0 / .18) transparent}
+  }
   :where(*)::-webkit-scrollbar{width:6px;height:6px}
   :where(*)::-webkit-scrollbar-track{background:transparent}
   :where(*)::-webkit-scrollbar-thumb{background:var(--white-15);border-radius:var(--radius-full)}
   :where(*)::-webkit-scrollbar-thumb:hover{background:var(--white-30)}
   :where(*)::-webkit-scrollbar-corner{background:transparent}
-  /* The stepper arrows, and they are a LINUX defect specifically. Chromium on
-     macOS draws no buttons, so styling the track and thumb looks finished there
-     and ships a classic GTK scrollbar — a boxed arrow at each end of every
-     scroller, on both axes — to everyone on Ubuntu. Styling the other pseudos
-     does not suppress them; only this does. Zero width AND height because the
-     horizontal and vertical bars each read one of them. */
+  /* The steppers. Styling the other pseudos does not remove them; only this
+     does. Zero width AND height because each axis reads one of them. */
   :where(*)::-webkit-scrollbar-button{display:none;width:0;height:0}
-  .light :where(*)::-webkit-scrollbar-thumb{background:rgb(0 0 0 / .18)}
-  .light :where(*)::-webkit-scrollbar-thumb:hover{background:rgb(0 0 0 / .32)}
+  /* `.light` itself as well as its subtree: with the theme class on <html>,
+     html's own pseudos draw the page's scrollbar. */
+  .light::-webkit-scrollbar-thumb,.light :where(*)::-webkit-scrollbar-thumb{background:rgb(0 0 0 / .18)}
+  .light::-webkit-scrollbar-thumb:hover,.light :where(*)::-webkit-scrollbar-thumb:hover{background:rgb(0 0 0 / .32)}
 }
 
 /**
@@ -2042,166 +2043,8 @@
 }
 
 
-/* ─────────────────────────────────────────────────────────────────────────────
-   Scrollbars, on the surfaces this package scrolls.
-
-   Left to the platform this is not neutral: Linux/GTK Chrome draws a wide track
-   with STEPPER ARROWS at both ends, so a dark product grows two grey buttons per
-   scroll region. Windows draws a wide light track. macOS overlays a thin one,
-   which is the behaviour the other two should have had.
-
-   THE TWO HALVES MUST NOT BE DECLARED TOGETHER, and that is the whole subtlety.
-   Chromium supports both the standard properties and the `::-webkit-scrollbar`
-   pseudo-elements — but the moment `scrollbar-width` or `scrollbar-color` is
-   anything other than `auto`, it takes the standard path and DISCARDS the entire
-   webkit block. Shipping both is how 8.1.19 removed nothing: measured headed on
-   Linux, as-shipped gave a 10px gutter with arrows, while the authored webkit
-   rule alone gives 8px with none. Isolated: webkit-only 8px no arrows;
-   standard-only 10px arrows; both together 10px arrows.
-
-   Neither half is redundant, so neither can simply be deleted — Firefox
-   implements ONLY the standard properties, Safari ONLY the webkit ones. They are
-   separated by engine instead: the webkit block applies wherever the selector is
-   understood, and the standard properties apply only where it is not.
-
-   And it is invisible headless. Chromium's headless shell paints OVERLAY
-   scrollbars, so nothing is drawn, `offsetWidth - clientWidth` is 0 on a blank
-   page, and `getComputedStyle(el, '::-webkit-scrollbar-button').display` happily
-   reports `none` for a rule that never ran. This must be checked headed.
-   ───────────────────────────────────────────────────────────────────────────── */
-
-/* Firefox and anything else with no webkit pseudo-elements. */
-@supports not selector(::-webkit-scrollbar) {
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-) {
-    scrollbar-width: thin;
-    scrollbar-color: rgb(255 255 255 / 0.18) transparent;
-  }
-  .t_light :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-) { scrollbar-color: rgb(0 0 0 / 0.20) transparent; }
-}
-
-/* Chromium and Safari.
-   The first rule is the load-bearing one and it is a RESET, not a style.
-   @hanzo/design sets `scrollbar-color` and `scrollbar-width` on `:where(html)`
-   (theme.css), and both INHERIT — so every element in the document already
-   carries a non-`auto` value, Chromium takes the standard path, and the whole
-   webkit block below is discarded before it is read. Nothing declared here can
-   win until the inherited value is put back to `auto` on the element itself.
-   That is why the arrows survived 8.1.19: the competing declaration was one
-   level up and inherited, not a rule anyone would find in this file. */
-@supports selector(::-webkit-scrollbar) {
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-) {
-    scrollbar-width: auto;
-    scrollbar-color: auto;
-  }
-
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-)::-webkit-scrollbar { width: 8px; height: 8px; }
-
-  /* The steppers. This is the rule that removes the arrows, and the reason the
-     two halves had to be separated at all. */
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-)::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
-
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-)::-webkit-scrollbar-track { background: transparent; }
-
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-)::-webkit-scrollbar-thumb {
-    background: rgb(255 255 255 / 0.18);
-    border-radius: 999px;
-    /* A transparent border with background-clip keeps the thumb off the very
-       edge without a track colour doing it, so it reads as an overlay rather
-       than a channel. */
-    border: 2px solid transparent;
-    background-clip: content-box;
-  }
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-)::-webkit-scrollbar-thumb:hover {
-    background: rgb(255 255 255 / 0.30);
-    background-clip: content-box;
-  }
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-)::-webkit-scrollbar-corner { background: transparent; }
-
-  .t_light :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-)::-webkit-scrollbar-thumb {
-    background: rgb(0 0 0 / 0.20);
-    background-clip: content-box;
-  }
-}
+/* Scrollbars are @hanzo/design's (base.css, ≥ 0.5.34): a thin thumb on every
+   scroller and no stepper buttons, stated once for the page. */
 
 /* A carousel scrolls but shows no bar: the arrows and the snap already say it
    scrolls, and a bar appearing mid-drag shifts the slides under the pointer.
@@ -2773,166 +2616,8 @@ a svg,
 }
 
 
-/* ─────────────────────────────────────────────────────────────────────────────
-   Scrollbars, on the surfaces this package scrolls.
-
-   Left to the platform this is not neutral: Linux/GTK Chrome draws a wide track
-   with STEPPER ARROWS at both ends, so a dark product grows two grey buttons per
-   scroll region. Windows draws a wide light track. macOS overlays a thin one,
-   which is the behaviour the other two should have had.
-
-   THE TWO HALVES MUST NOT BE DECLARED TOGETHER, and that is the whole subtlety.
-   Chromium supports both the standard properties and the `::-webkit-scrollbar`
-   pseudo-elements — but the moment `scrollbar-width` or `scrollbar-color` is
-   anything other than `auto`, it takes the standard path and DISCARDS the entire
-   webkit block. Shipping both is how 8.1.19 removed nothing: measured headed on
-   Linux, as-shipped gave a 10px gutter with arrows, while the authored webkit
-   rule alone gives 8px with none. Isolated: webkit-only 8px no arrows;
-   standard-only 10px arrows; both together 10px arrows.
-
-   Neither half is redundant, so neither can simply be deleted — Firefox
-   implements ONLY the standard properties, Safari ONLY the webkit ones. They are
-   separated by engine instead: the webkit block applies wherever the selector is
-   understood, and the standard properties apply only where it is not.
-
-   And it is invisible headless. Chromium's headless shell paints OVERLAY
-   scrollbars, so nothing is drawn, `offsetWidth - clientWidth` is 0 on a blank
-   page, and `getComputedStyle(el, '::-webkit-scrollbar-button').display` happily
-   reports `none` for a rule that never ran. This must be checked headed.
-   ───────────────────────────────────────────────────────────────────────────── */
-
-/* Firefox and anything else with no webkit pseudo-elements. */
-@supports not selector(::-webkit-scrollbar) {
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-) {
-    scrollbar-width: thin;
-    scrollbar-color: rgb(255 255 255 / 0.18) transparent;
-  }
-  .t_light :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-) { scrollbar-color: rgb(0 0 0 / 0.20) transparent; }
-}
-
-/* Chromium and Safari.
-   The first rule is the load-bearing one and it is a RESET, not a style.
-   @hanzo/design sets `scrollbar-color` and `scrollbar-width` on `:where(html)`
-   (theme.css), and both INHERIT — so every element in the document already
-   carries a non-`auto` value, Chromium takes the standard path, and the whole
-   webkit block below is discarded before it is read. Nothing declared here can
-   win until the inherited value is put back to `auto` on the element itself.
-   That is why the arrows survived 8.1.19: the competing declaration was one
-   level up and inherited, not a rule anyone would find in this file. */
-@supports selector(::-webkit-scrollbar) {
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-) {
-    scrollbar-width: auto;
-    scrollbar-color: auto;
-  }
-
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-)::-webkit-scrollbar { width: 8px; height: 8px; }
-
-  /* The steppers. This is the rule that removes the arrows, and the reason the
-     two halves had to be separated at all. */
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-)::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
-
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-)::-webkit-scrollbar-track { background: transparent; }
-
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-)::-webkit-scrollbar-thumb {
-    background: rgb(255 255 255 / 0.18);
-    border-radius: 999px;
-    /* A transparent border with background-clip keeps the thumb off the very
-       edge without a track colour doing it, so it reads as an overlay rather
-       than a channel. */
-    border: 2px solid transparent;
-    background-clip: content-box;
-  }
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-)::-webkit-scrollbar-thumb:hover {
-    background: rgb(255 255 255 / 0.30);
-    background-clip: content-box;
-  }
-  :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-)::-webkit-scrollbar-corner { background: transparent; }
-
-  .t_light :where(
-  [data-slot='fill'],
-  [data-slot='thread'],
-  [data-slot='sources-strip'],
-  [data-slot='sidebar-scroll'],
-  [data-slot='scroll-area-viewport'],
-  [data-slot='textarea'],
-  [data-slot='composer-field']
-)::-webkit-scrollbar-thumb {
-    background: rgb(0 0 0 / 0.20);
-    background-clip: content-box;
-  }
-}
+/* Scrollbars are @hanzo/design's (base.css, ≥ 0.5.34): a thin thumb on every
+   scroller and no stepper buttons, stated once for the page. */
 
 /* A carousel scrolls but shows no bar: the arrows and the snap already say it
    scrolls, and a bar appearing mid-drag shifts the slides under the pointer.
@@ -3171,6 +2856,7 @@ a svg,
 :root ._bblr-10px{border-bottom-left-radius:10px;}
 :root ._bblr-1px{border-bottom-left-radius:1px;}
 :root ._bblr-3px{border-bottom-left-radius:3px;}
+:root ._bblr-4px{border-bottom-left-radius:4px;}
 :root ._bblr-7px{border-bottom-left-radius:7px;}
 :root ._bblr-9999px{border-bottom-left-radius:9999px;}
 :root ._bblr-999px{border-bottom-left-radius:999px;}
@@ -3190,6 +2876,7 @@ a svg,
 :root ._bbrr-10px{border-bottom-right-radius:10px;}
 :root ._bbrr-1px{border-bottom-right-radius:1px;}
 :root ._bbrr-3px{border-bottom-right-radius:3px;}
+:root ._bbrr-4px{border-bottom-right-radius:4px;}
 :root ._bbrr-7px{border-bottom-right-radius:7px;}
 :root ._bbrr-9999px{border-bottom-right-radius:9999px;}
 :root ._bbrr-999px{border-bottom-right-radius:999px;}
@@ -3239,6 +2926,7 @@ a svg,
 :root ._bg-destructive{background-color:var(--destructive);}
 :root ._bg-edge{background-color:var(--edge);}
 :root ._bg-faint{background-color:var(--faint);}
+:root ._bg-good{background-color:var(--good);}
 :root ._bg-green1{background-color:var(--green1);}
 :root ._bg-green9{background-color:var(--green9);}
 :root ._bg-hover{background-color:var(--hover);}
@@ -3254,6 +2942,7 @@ a svg,
 :root ._bg-soft{background-color:var(--soft);}
 :root ._bg-sunken{background-color:var(--sunken);}
 :root ._bg-transparent{background-color:transparent;}
+:root ._bg-yellow10{background-color:var(--yellow10);}
 :root ._bls-solid._bls-solid{border-left-style:solid;}
 :root:root:root  ._borderBottomColor-0active-borderColor._borderBottomColor-0active-borderColor:active{border-bottom-color:var(--borderColor) !important;}
 :root:root:root  ._borderBottomColor-0active-borderColor68052152._borderBottomColor-0active-borderColor68052152:active{border-bottom-color:var(--borderColorFocus) !important;}
@@ -3274,6 +2963,7 @@ a svg,
 :root ._borderBottomColor-borderColor._borderBottomColor-borderColor{border-bottom-color:var(--borderColor);}
 :root ._borderBottomColor-bound._borderBottomColor-bound{border-bottom-color:var(--bound);}
 :root ._borderBottomColor-color12._borderBottomColor-color12{border-bottom-color:var(--color12);}
+:root ._borderBottomColor-edge._borderBottomColor-edge{border-bottom-color:var(--edge);}
 :root ._borderBottomColor-faint._borderBottomColor-faint{border-bottom-color:var(--faint);}
 :root ._borderBottomColor-green3._borderBottomColor-green3{border-bottom-color:var(--green3);}
 :root ._borderBottomColor-ink._borderBottomColor-ink{border-bottom-color:var(--ink);}
@@ -3301,6 +2991,7 @@ a svg,
 :root ._borderLeftColor-borderColor._borderLeftColor-borderColor{border-left-color:var(--borderColor);}
 :root ._borderLeftColor-bound._borderLeftColor-bound{border-left-color:var(--bound);}
 :root ._borderLeftColor-color12._borderLeftColor-color12{border-left-color:var(--color12);}
+:root ._borderLeftColor-edge._borderLeftColor-edge{border-left-color:var(--edge);}
 :root ._borderLeftColor-faint._borderLeftColor-faint{border-left-color:var(--faint);}
 :root ._borderLeftColor-green3._borderLeftColor-green3{border-left-color:var(--green3);}
 :root ._borderLeftColor-ink._borderLeftColor-ink{border-left-color:var(--ink);}
@@ -3327,6 +3018,7 @@ a svg,
 :root ._brc-borderColor._brc-borderColor{border-right-color:var(--borderColor);}
 :root ._brc-bound._brc-bound{border-right-color:var(--bound);}
 :root ._brc-color12._brc-color12{border-right-color:var(--color12);}
+:root ._brc-edge._brc-edge{border-right-color:var(--edge);}
 :root ._brc-faint._brc-faint{border-right-color:var(--faint);}
 :root ._brc-green3._brc-green3{border-right-color:var(--green3);}
 :root ._brc-ink._brc-ink{border-right-color:var(--ink);}
@@ -3354,6 +3046,7 @@ a svg,
 :root ._btc-borderColor._btc-borderColor{border-top-color:var(--borderColor);}
 :root ._btc-bound._btc-bound{border-top-color:var(--bound);}
 :root ._btc-color12._btc-color12{border-top-color:var(--color12);}
+:root ._btc-edge._btc-edge{border-top-color:var(--edge);}
 :root ._btc-faint._btc-faint{border-top-color:var(--faint);}
 :root ._btc-green3._btc-green3{border-top-color:var(--green3);}
 :root ._btc-ink._btc-ink{border-top-color:var(--ink);}
@@ -3365,6 +3058,7 @@ a svg,
 :root ._btlr-10px{border-top-left-radius:10px;}
 :root ._btlr-1px{border-top-left-radius:1px;}
 :root ._btlr-3px{border-top-left-radius:3px;}
+:root ._btlr-4px{border-top-left-radius:4px;}
 :root ._btlr-7px{border-top-left-radius:7px;}
 :root ._btlr-9999px{border-top-left-radius:9999px;}
 :root ._btlr-999px{border-top-left-radius:999px;}
@@ -3384,6 +3078,7 @@ a svg,
 :root ._btrr-10px{border-top-right-radius:10px;}
 :root ._btrr-1px{border-top-right-radius:1px;}
 :root ._btrr-3px{border-top-right-radius:3px;}
+:root ._btrr-4px{border-top-right-radius:4px;}
 :root ._btrr-7px{border-top-right-radius:7px;}
 :root ._btrr-9999px{border-top-right-radius:9999px;}
 :root ._btrr-999px{border-top-right-radius:999px;}
@@ -3446,6 +3141,7 @@ a svg,
 :root ._fd-column{flex-direction:column;}
 :root ._fd-row{flex-direction:row;}
 :root ._ff-f-family{font-family:var(--f-family);}
+:root ._fontVariant-tabular-num115{font-variant:tabular-nums;}
 :root ._fs-f-size-1{font-size:var(--f-size-1);}
 :root ._fs-f-size-10{font-size:var(--f-size-10);}
 :root ._fs-f-size-11{font-size:var(--f-size-11);}
@@ -3523,6 +3219,7 @@ a svg,
 :root ._height-40px{height:40px;}
 :root ._height-44px{height:44px;}
 :root ._height-48px{height:48px;}
+:root ._height-4px{height:4px;}
 :root ._height-5px{height:5px;}
 :root ._height-6px{height:6px;}
 :root ._height-72px{height:72px;}
@@ -3535,6 +3232,7 @@ a svg,
 :root ._height-c-size-true{height:var(--c-size-true);}
 :root ._height-initial{height:initial;}
 :root ._height-min72vh620p38286157{height:min(72vh, 620px);}
+:root ._items-baseline{align-items:baseline;}
 :root ._items-center{align-items:center;}
 :root ._items-flex-start{align-items:flex-start;}
 :root ._items-stretch{align-items:stretch;}
@@ -3626,6 +3324,7 @@ a svg,
 :root ._minW-0px{min-width:0px;}
 :root ._minW-140px{min-width:140px;}
 :root ._minW-16px{min-width:16px;}
+:root ._minW-200px{min-width:200px;}
 :root ._minW-220px{min-width:220px;}
 :root ._minW-24px{min-width:24px;}
 :root ._minW-28px{min-width:28px;}
@@ -3787,7 +3486,10 @@ a svg,
 :root ._textOverflow-ellipsis{text-overflow:ellipsis;}
 :root ._tr-rotate0deg1281{transform:rotate(0deg);}
 :root ._tr-rotate180de41674{transform:rotate(180deg);}
+:root ._tr-translateX-1584997259{transform:translateX(-57.5%);}
+:root ._tr-translateX-38567079{transform:translateX(-50%);}
 :root ._tr-translateX-38656452{transform:translateX(-80%);}
+:root ._tr-translateX-38686243{transform:translateX(-90%);}
 :root ._tr-translateX01303033{transform:translateX(0px);}
 :root ._tr-translateY-162820732{transform:translateY(-8px) translateX(-7.2px);}
 :root ._tr-translateY-1736186894{transform:translateY(-0.5px);}