@lobehub/ui 6.0.0-beta.4 → 6.0.0-beta.6

package/es/style.css

@@ -1567,6 +1567,40 @@
   }
 }
 
+@layer lobe-ui {
+  .lobe-auth-layout-footer a {
+    color: var(--lobe-color-link);
+    font-weight: 600;
+    text-decoration: none;
+  }
+}
+
+@layer lobe-ui {
+  .lobe-auth-locale-switch {
+    background: var(--lobe-color-bg-layout);
+    border-radius: 28px;
+    block-size: 28px;
+    inline-size: fit-content;
+    min-inline-size: 120px;
+  }
+
+  .lobe-auth-theme-switch {
+    border-radius: 28px;
+    block-size: 28px;
+    padding: 2px;
+  }
+
+  .lobe-auth-theme-switch .lobe-segmented-indicator {
+    border-radius: 22px;
+  }
+
+  .lobe-auth-theme-switch-item {
+    border-radius: 22px;
+    block-size: 22px;
+    padding-inline: 8px;
+  }
+}
+
 @layer lobe-ui {
   @starting-style {
     .lobe-console-nav-rail-link {
@@ -1595,6 +1629,67 @@
   }
 }
 
+@layer lobe-ui {
+  .lobe-surface th, .lobe-surface td {
+    background: none;
+  }
+
+  .lobe-surface th {
+    color: var(--lobe-color-text-secondary);
+    white-space: nowrap;
+    background: var(--lobe-surface-bg-solid, var(--lobe-color-bg-container));
+    box-shadow: inset 0 -1px 0 var(--lobe-color-fill-secondary);
+    font-weight: 500;
+  }
+
+  .lobe-surface td {
+    border-block-end-color: var(--lobe-color-fill-secondary);
+  }
+
+  .lobe-surface tr:hover > td {
+    background: color-mix(in srgb, var(--lobe-color-text) 6.0%, var(--lobe-color-bg-elevated));
+  }
+
+  .lobe-surface td[style*="sticky"] {
+    background: var(--lobe-surface-bg-solid, var(--lobe-color-bg-container));
+  }
+
+  .lobe-surface tr:hover > td[style*="sticky"] {
+    background: color-mix(in srgb, var(--lobe-color-text) 6.0%, var(--lobe-color-bg-elevated));
+  }
+
+  .lobe-surface-bleed th, .lobe-surface-bleed td {
+    padding-inline: 16px;
+  }
+
+  .lobe-surface-bleed th {
+    white-space: nowrap;
+  }
+
+  .lobe-surface-table-bleed :has( > [data-table-wrapper]):not(td :has( > [data-table-wrapper])) {
+    width: calc(100.0% + 2 * var(--surface-pad-inline, 16px));
+    margin-inline: calc(-1 * var(--surface-pad-inline, 16px));
+  }
+
+  .lobe-surface-table-bleed :has( > [data-table-wrapper]):not(td :has( > [data-table-wrapper])):last-child {
+    margin-block-end: calc(-1 * var(--surface-pad-block, 16px));
+  }
+
+  .lobe-surface-table-bleed :has( > [data-table-wrapper]):not(td :has( > [data-table-wrapper])):first-child:last-child {
+    margin-block-start: calc(-1 * var(--surface-pad-block, 16px));
+  }
+
+  .lobe-surface-table-bleed :has( > [data-table-wrapper]):not(td :has( > [data-table-wrapper])) th, .lobe-surface-table-bleed :has( > [data-table-wrapper]):not(td :has( > [data-table-wrapper])) td {
+    padding-inline: var(--surface-pad-inline, 16px);
+  }
+
+  .lobe-surface-table-bleed :has( > [data-table-wrapper]):not(td :has( > [data-table-wrapper])) > :not([data-table-wrapper]) {
+    padding-block: 12px;
+    padding-inline: var(--surface-pad-inline, 16px);
+    margin-block: 0;
+  }
+}
+
 @layer lobe-ui {
   .lobe-mdx-callout-content p {
     color: inherit !important;
@@ -2068,6 +2163,10 @@
     --duration: 6s;
   }
 
+  .lb1osd58z {
+    --filter-seam: var(--lobe-color-fill-secondary);
+  }
+
   .lb1by5cad {
     --gap: var(--grid-gap, 1em);
   }
@@ -2264,6 +2363,22 @@
     --lobe-select-readonly-bg: color-mix(in srgb,var(--lobe-color-fill-tertiary) 70.0%,transparent);
   }
 
+  .lbwvmpdu {
+    --lobe-surface-bg: var(--lobe-color-bg-container);
+  }
+
+  .lb3bfph8 {
+    --lobe-surface-bg: var(--lobe-color-fill-tertiary);
+  }
+
+  .lb1l8ls3s {
+    --lobe-surface-bg-solid: color-mix(in srgb,#fff 6.0%,var(--lobe-surface-canvas, var(--lobe-color-bg-container)));
+  }
+
+  .lb1hc46fh {
+    --lobe-surface-bg-solid: var(--lobe-color-bg-container);
+  }
+
   .lbabgygf {
     --lobe-tooltip-animation-duration: .28s;
   }
@@ -2336,6 +2451,10 @@
     --max-item-width: var(--grid-max-item-width, 240px);
   }
 
+  .lbgo1hwp {
+    --metric-seam: var(--lobe-color-fill-secondary);
+  }
+
   .lbb27uya {
     --rows: var(--grid-rows, 3);
   }
@@ -2348,6 +2467,18 @@
     --shiny-duration: 1.5s;
   }
 
+  .lbo35jsc {
+    --surface-pad-block: 12px;
+  }
+
+  .lb4vqstq {
+    --surface-pad-block: 16px;
+  }
+
+  .lbssx8jz {
+    --surface-pad-inline: 16px;
+  }
+
   .lb1o8nl8n {
     --toast-collapsed-height: var(--toast-frontmost-height, var(--toast-height));
   }
@@ -2472,6 +2603,10 @@
     inset: 10px;
   }
 
+  .lbk92lsc {
+    inset: 8px;
+  }
+
   .lbh3736h {
     inset: unset;
   }
@@ -2546,6 +2681,10 @@
 }
 
 @layer lobe-ui.priority3 {
+  .lbkuq44j {
+    background-position: -1px -1px;
+  }
+
   .lbk1hcsh {
     background-position: 0 0, 0 0, 4px 4px !important;
   }
@@ -2666,6 +2805,14 @@
     border-radius: 1px;
   }
 
+  .lb1m3ak92 {
+    border-radius: 20px;
+  }
+
+  .lb1jvnzes {
+    border-radius: 28px;
+  }
+
   .lb1cum3z5 {
     border-radius: 2px;
   }
@@ -2878,10 +3025,18 @@
     gap: var(--logo-marquee-gap);
   }
 
+  .lbgkxs2y {
+    grid-column: 1;
+  }
+
   .lb1zn0yr {
     grid-column: span var(--bento-col-span, 1);
   }
 
+  .lb1ms6mhf {
+    grid-row: 1;
+  }
+
   .lb1m30xi9 {
     grid-row: span var(--bento-row-span, 1);
   }
@@ -2914,6 +3069,10 @@
     inset-inline: 16px;
   }
 
+  .lb1v2lpi6 {
+    inset-inline: 40px;
+  }
+
   .lbe8uvvx {
     list-style: none;
   }
@@ -3278,6 +3437,10 @@
     transition: color .12s var(--lobe-motion-ease-out),transform .12s var(--lobe-motion-ease-out);
   }
 
+  .lb1edyq7o {
+    transition: color .15s ease-out, transform .15s ease-out;
+  }
+
   .lbrwkjy5 {
     transition: color .15s;
   }
@@ -3386,6 +3549,10 @@
     transition: opacity .14s var(--lobe-motion-ease-out),transform .14s var(--lobe-motion-ease-out);
   }
 
+  .lb13zw1ji {
+    transition: opacity .15s var(--lobe-motion-ease-in-out);
+  }
+
   .lb1xhw48d {
     transition: opacity .15s var(--lobe-motion-ease-out),transform .15s var(--lobe-motion-ease-out);
   }
@@ -3544,7 +3711,7 @@
     border-color: var(--lobe-color-error-hover);
   }
 
-  .lb18hgaxl[data-disabled] {
+  .lb18hgaxl[data-disabled], .lb1j0btqu:focus-within {
     border-color: var(--lobe-color-fill);
   }
 
@@ -3620,6 +3787,10 @@
     border-color: var(--lobe-color-border);
   }
 
+  .lb13v5du5:hover {
+    border-color: var(--lobe-color-fill);
+  }
+
   .lb1cgz93w:hover {
     border-color: var(--lobe-color-text-tertiary);
   }
@@ -3949,6 +4120,10 @@
     background-color: color-mix(in srgb,var(--lobe-color-bg-layout) 40.0%,transparent);
   }
 
+  .lb8ezckp {
+    background-color: color-mix(in srgb,var(--lobe-color-bg-layout) 50.0%,var(--lobe-color-bg-container));
+  }
+
   .lbzzovn2 {
     background-color: color-mix(in srgb,var(--lobe-color-bg-layout) 60%,transparent);
   }
@@ -3957,6 +4132,10 @@
     background-color: color-mix(in srgb,var(--lobe-color-bg-layout) 90.0%,transparent);
   }
 
+  .lbzyoshe {
+    background-color: color-mix(in srgb,var(--lobe-color-bg-layout),var(--lobe-color-bg-elevated) 70.0%);
+  }
+
   .lb1o295zs {
     background-color: color-mix(in srgb,var(--lobe-color-border-secondary) 75.0%,transparent);
   }
@@ -4117,6 +4296,14 @@
     background-color: var(--lobe-split-button-fill, var(--lobe-color-primary));
   }
 
+  .lbxy8123 {
+    background-color: var(--lobe-surface-bg-solid, var(--lobe-color-bg-container));
+  }
+
+  .lb1x6hv1e {
+    background-color: var(--lobe-surface-bg);
+  }
+
   .lb10l2l1g {
     background-color: var(--lobe-yellow);
   }
@@ -4137,6 +4324,10 @@
     background-image: linear-gradient(120deg,transparent 25.0%,var(--shiny-color) 50.0%,transparent 75.0%);
   }
 
+  .lb18434q4 {
+    background-image: linear-gradient(165deg, #ff9ffc 0%, #5227ff 46%, #b497cf 100%);
+  }
+
   .lbrnvwt7 {
     background-image: linear-gradient(45deg,var(--lobe-color-fill-secondary) 25.0%,transparent 25.0%,transparent 75.0%,var(--lobe-color-fill-secondary) 75.0%),linear-gradient(45deg,var(--lobe-color-fill-secondary) 25.0%,transparent 25.0%,transparent 75.0%,var(--lobe-color-fill-secondary) 75.0%);
   }
@@ -4149,6 +4340,10 @@
     background-image: linear-gradient(90deg,transparent,color-mix(in srgb,var(--lobe-color-white) 35.0%,transparent),transparent);
   }
 
+  .lbo5mpd0 {
+    background-image: linear-gradient(color-mix(in srgb,var(--lobe-color-text) 5.0%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--lobe-color-text) 5.0%,transparent) 1px,transparent 1px);
+  }
+
   .lbl8g59w {
     background-image: linear-gradient(#0000, #000000b8);
   }
@@ -4177,6 +4372,10 @@
     background-image: linear-gradient(to right,transparent,var(--lobe-color-picker-alpha)),linear-gradient(45deg,var(--lobe-color-fill-secondary) 25.0%,transparent 25.0%,transparent 75.0%,var(--lobe-color-fill-secondary) 75.0%),linear-gradient(45deg,var(--lobe-color-fill-secondary) 25.0%,transparent 25.0%,transparent 75.0%,var(--lobe-color-fill-secondary) 75.0%) !important;
   }
 
+  .lb6ql2kj {
+    background-image: linear-gradient(to top, #180a306b, #0000);
+  }
+
   .lb8uku7w {
     background-image: none !important;
   }
@@ -4229,6 +4428,10 @@
     background-size: 300%, 200%;
   }
 
+  .lblpqoug {
+    background-size: 32px 32px;
+  }
+
   .lb1g6ikvs {
     background-size: 400% 400%;
   }
@@ -4421,6 +4624,14 @@
     box-shadow: calc(var(--drawer-cast-x, 0) * 6px) calc(var(--drawer-cast-y, 0) * 6px) 16px 0 color-mix(in srgb,var(--lobe-color-shadow, #000) calc(8.0% * var(--drawer-cast-alpha, 1)),transparent),calc(var(--drawer-cast-x, 0) * 3px) calc(var(--drawer-cast-y, 0) * 3px) 6px -4px color-mix(in srgb,var(--lobe-color-shadow, #000) calc(12.0% * var(--drawer-cast-alpha, 1)),transparent),calc(var(--drawer-cast-x, 0) * 9px) calc(var(--drawer-cast-y, 0) * 9px) 28px 8px color-mix(in srgb,var(--lobe-color-shadow, #000) calc(5.0% * var(--drawer-cast-alpha, 1)),transparent);
   }
 
+  .lb11szn1f {
+    box-shadow: inset -1px 0 0 var(--filter-seam),inset 0 -1px 0 var(--filter-seam);
+  }
+
+  .lb4uk749 {
+    box-shadow: inset -1px 0 0 var(--metric-seam),inset 0 -1px 0 var(--metric-seam);
+  }
+
   .lb1dsz46m {
     box-shadow: inset 0 -1px 0 var(--lobe-color-border-secondary),inset 0 999px 0 var(--lobe-color-fill-quaternary);
   }
@@ -4453,6 +4664,10 @@
     box-shadow: none;
   }
 
+  .lb3b5rli {
+    box-shadow: 0 1px 2px #0000000a;
+  }
+
   .lbj07k4p {
     box-shadow: var(--lobe-box-shadow-secondary),var(--lobe-ring);
   }
@@ -4533,6 +4748,10 @@
     color: #fff;
   }
 
+  .lbnn15ax {
+    color: color-mix(in srgb,var(--lobe-color-error) 66.0%,transparent);
+  }
+
   .lb1g83pbf {
     color: color-mix(in srgb,var(--shiny-color) 28.0%,transparent);
   }
@@ -4633,6 +4852,10 @@
     column-gap: 4px;
   }
 
+  .lb12h1iku {
+    container-type: inline-size;
+  }
+
   .lbicojor {
     cursor: col-resize;
   }
@@ -4933,6 +5156,10 @@
     font-size: var(--lobe-font-size-heading-3);
   }
 
+  .lb1x0ry8x {
+    font-size: var(--lobe-font-size-heading-4);
+  }
+
   .lbxobqjj {
     font-size: var(--lobe-font-size-sm);
   }
@@ -4977,10 +5204,6 @@
     font-weight: 650;
   }
 
-  .lb1xlr1w8 {
-    font-weight: 700;
-  }
-
   .lb1uu0p8 {
     font-weight: 900;
   }
@@ -5053,8 +5276,12 @@
     grid-template-columns: repeat(7, minmax(0, 1fr));
   }
 
-  .lb1h17qkj {
-    grid-template-columns: repeat(auto-fill,minmax(max(var(--max-item-width),calc((100.0% - var(--gap) * (var(--rows) - 1)) / var(--rows))),1fr));
+  .lbrwvf1q {
+    grid-template-columns: repeat(auto-fill,minmax(max(min(var(--max-item-width),100.0%),calc((100.0% - var(--gap) * (var(--rows) - 1)) / var(--rows))),1fr));
+  }
+
+  .lbwqfyl0 {
+    grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
   }
 
   .lb1rfa8br {
@@ -5205,10 +5432,6 @@
     interpolate-size: allow-keywords;
   }
 
-  .lbc8icb0 {
-    isolation: isolate;
-  }
-
   .lbl56j7k {
     justify-content: center;
   }
@@ -5269,10 +5492,6 @@
     line-height: 1.02;
   }
 
-  .lb1f41ap9 {
-    line-height: 1.05;
-  }
-
   .lb1159mfc {
     line-height: 1.1;
   }
@@ -5305,6 +5524,10 @@
     line-height: 1.44;
   }
 
+  .lbfrs9s4 {
+    line-height: 1.45;
+  }
+
   .lb1evy7pa {
     line-height: 1.5;
   }
@@ -5345,6 +5568,10 @@
     line-height: 24px;
   }
 
+  .lbcgk4ki {
+    line-height: 32px;
+  }
+
   .lb15bjb6t {
     line-height: inherit;
   }
@@ -5369,6 +5596,10 @@
     margin-inline-end: -6px;
   }
 
+  .lbrqqxx7 {
+    margin-inline-end: -7px;
+  }
+
   .lb14z9mp {
     margin-inline-end: 0;
   }
@@ -5377,6 +5608,10 @@
     margin-inline-end: 12px;
   }
 
+  .lbnnr8r {
+    margin-inline-end: 2px;
+  }
+
   .lbbelrpt {
     margin-inline-end: 6px;
   }
@@ -5577,6 +5812,10 @@
     opacity: .8;
   }
 
+  .lb19s9pn4 {
+    opacity: .82;
+  }
+
   .lbg01cxk {
     opacity: 0;
   }
@@ -5737,6 +5976,10 @@
     row-gap: 6px;
   }
 
+  .lb3pnbk8 {
+    row-gap: 8px;
+  }
+
   .lb1t448cz {
     scale: 0;
   }
@@ -6182,7 +6425,11 @@
     display: inline-flex;
   }
 
-  .lbcnfj9a.lbcnfj9a:where(.lb1khua0w:focus-within *) {
+  .lb1fz9fy1.lb1fz9fy1:where(.lb1pgf9nm:focus-visible *) {
+    opacity: 0;
+  }
+
+  .lb1de8irz.lb1de8irz:where(.lb1pgf9nm:focus-visible *), .lbcnfj9a.lbcnfj9a:where(.lb1khua0w:focus-within *) {
     opacity: 1;
   }
 
@@ -6202,11 +6449,19 @@
     color: var(--lobe-color-text-secondary);
   }
 
+  .lb1yoes0a.lb1yoes0a:where(.lbbfx20b:hover *) {
+    color: var(--lobe-color-text);
+  }
+
   .lb1t29jn2.lb1t29jn2:where(.lbdqa9ca:hover *) {
     display: inline-flex;
   }
 
-  .lb11bdl2b.lb11bdl2b:where(.lb1khua0w:hover *), .lb1uxwvdp.lb1uxwvdp:where(.lbs7putv:hover *), .lbbneekf.lbbneekf:where(.lbtyc5dm:hover *) {
+  .lb1ilng6x.lb1ilng6x:where(.lb1pgf9nm:hover *) {
+    opacity: 0;
+  }
+
+  .lb11bdl2b.lb11bdl2b:where(.lb1khua0w:hover *), .lb1uxwvdp.lb1uxwvdp:where(.lbs7putv:hover *), .lbbneekf.lbbneekf:where(.lbtyc5dm:hover *), .lbjygscn.lbjygscn:where(.lb1pgf9nm:hover *) {
     opacity: 1;
   }
 
@@ -6214,6 +6469,10 @@
     stop-color: var(--lobe-color-text-secondary);
   }
 
+  .lb1fdxmpd.lb1fdxmpd:where(.lbbfx20b:hover *) {
+    transform: translate(1px, -1px);
+  }
+
   .lb1s61rn1.lb1s61rn1:where(.lby9uwd8:hover *) {
     visibility: visible;
   }
@@ -6398,7 +6657,7 @@
     color: var(--lobe-color-text-placeholder);
   }
 
-  .lb1jlpdjt:is(:disabled, [data-outside]):not([aria-pressed="true"]), .lb1n0sy1w:disabled:not([aria-current="page"]), .lb1pedyqg:is([data-disabled], :has(:disabled)), .lbvp9l5w:disabled:not([aria-pressed="true"]) {
+  .lb1jlpdjt:is(:disabled, [data-outside]):not([aria-pressed="true"]), .lb1k6ehaq:is([data-disabled], :has(input:disabled, textarea:disabled)), .lb1n0sy1w:disabled:not([aria-current="page"]), .lbvp9l5w:disabled:not([aria-pressed="true"]) {
     color: var(--lobe-color-text-quaternary);
   }
 
@@ -6418,7 +6677,7 @@
     cursor: default;
   }
 
-  .lb10bady8[data-disabled]:not([data-readonly]), .lb126qsmr:is(:disabled, [aria-disabled="true"]), .lb17k2ik6[aria-disabled="true"], .lb5ezrf1[data-disabled], .lb6qxc70[aria-disabled="true"], .lbzoe6q:is([data-disabled], :has(:disabled)) {
+  .lb10bady8[data-disabled]:not([data-readonly]), .lb126qsmr:is(:disabled, [aria-disabled="true"]), .lb17k2ik6[aria-disabled="true"], .lb1btkyy5:is([data-disabled], :has(input:disabled, textarea:disabled)), .lb5ezrf1[data-disabled], .lb6qxc70[aria-disabled="true"] {
     cursor: not-allowed;
   }
 
@@ -6478,7 +6737,7 @@
     opacity: .5;
   }
 
-  .lbb5d7sw:is([data-disabled], :has(:disabled)) {
+  .lb1gf9ui9:is([data-disabled], :has(input:disabled, textarea:disabled)) {
     opacity: .66;
   }
 
@@ -6742,6 +7001,10 @@
     flex-direction: column;
   }
 
+  .lb91szb2:has( > :only-child) {
+    grid-template-columns: minmax(0, min(100%, 560px));
+  }
+
   .lb1blumgx:has( > div) {
     pointer-events: all;
   }
@@ -6858,6 +7121,10 @@
     color: #fff;
   }
 
+  .lb144v4sp:hover {
+    color: inherit;
+  }
+
   .lb7n5n81:hover {
     color: var(--lobe-color-text-heading);
   }
@@ -7056,11 +7323,23 @@
     }
   }
 
+  @container (width <= 640px) {
+    .lb43xpz4.lb43xpz4 {
+      grid-template-columns: minmax(0, 1fr);
+    }
+  }
+
   @media (prefers-reduced-motion: reduce) {
     .lbnotfpo.lbnotfpo:hover {
       transform: none;
     }
   }
+
+  @container (width <= 640px) {
+    .lbb8zp9c.lbb8zp9c:has( > :only-child) {
+      grid-template-columns: minmax(0, min(100%, 560px));
+    }
+  }
 }
 
 @layer lobe-ui.priority5 {
@@ -7188,6 +7467,10 @@
     bottom: 4px;
   }
 
+  .lby75b87 {
+    bottom: 64px;
+  }
+
   .lbrb244j {
     bottom: 6px;
   }
@@ -7340,6 +7623,10 @@
     height: 56px;
   }
 
+  .lbfeo3ze {
+    height: 58%;
+  }
+
   .lb1ycjhwn {
     height: 5px;
   }
@@ -7376,6 +7663,10 @@
     height: calc(100dvh - var(--layout-header-height, 64px));
   }
 
+  .lb8akbf1 {
+    height: calc(var(--color-swatches-size, 24px) * .75);
+  }
+
   .lb64dwcm {
     height: calc(var(--loading-dots-size, 8px) * 4);
   }
@@ -7440,6 +7731,10 @@
     margin-bottom: -16px;
   }
 
+  .lb1jyxor1 {
+    margin-bottom: -1px;
+  }
+
   .lbat24cr {
     margin-bottom: 0;
   }
@@ -7484,6 +7779,10 @@
     margin-top: -27px;
   }
 
+  .lb1rdy4ex {
+    margin-top: -4px;
+  }
+
   .lb6tz33s {
     margin-top: -9px;
   }
@@ -7684,6 +7983,10 @@
     min-height: 100%;
   }
 
+  .lb1ov3xa9 {
+    min-height: 100dvh;
+  }
+
   .lbjwf9q1 {
     min-height: 24px;
   }
@@ -8240,6 +8543,10 @@
     width: calc(100% - 32px);
   }
 
+  .lbjl7whj {
+    width: calc(100% + 1px);
+  }
+
   .lbb1cs2e {
     width: calc(100dvw - 32px);
   }
@@ -8627,10 +8934,6 @@
   }
 
   @media (width <= 479.98px) {
-    .lb1nfhhgm.lb1nfhhgm {
-      font-size: var(--lobe-font-size-heading-3);
-    }
-
     .lb1s63ql6.lb1s63ql6 {
       grid-template-columns: 1fr;
     }
@@ -8942,6 +9245,10 @@
     background-color: var(--lobe-color-primary);
   }
 
+  .lb1qvhnq6:after {
+    background-color: var(--lobe-color-text);
+  }
+
   .lb7ji8rf:before {
     background-image: linear-gradient(-45deg,var(--lobe-gold),var(--lobe-magenta),var(--lobe-geekblue),var(--lobe-cyan));
   }
@@ -8950,10 +9257,6 @@
     background-image: linear-gradient(90deg,transparent 0.0%,var(--lobe-color-fill) 50.0%,transparent 100.0%);
   }
 
-  .lbskafm8:before {
-    background-image: linear-gradient(to bottom,var(--lobe-color-bg-elevated) 0.0%,color-mix(in srgb,var(--lobe-color-text) 4.0%,var(--lobe-color-bg-elevated)) 100.0%);
-  }
-
   .lb1h34v2x:before {
     background-image: linear-gradient(to right,transparent,var(--lobe-gold),transparent);
   }
@@ -9099,10 +9402,6 @@
     z-index: -2;
   }
 
-  .lb2hztxu:before {
-    z-index: 0;
-  }
-
   .lbitxdhh:after {
     z-index: 1;
   }
@@ -9231,6 +9530,10 @@
     bottom: 100%;
   }
 
+  .lbexwc5z:after {
+    bottom: 1px;
+  }
+
   .lb16fvuwb:after {
     bottom: 3px;
   }
@@ -9251,6 +9554,10 @@
     height: 2px;
   }
 
+  .lbar2jh8:after {
+    height: 3px;
+  }
+
   .lb7sqsej:after, .lbewkbtl:before {
     height: 40px;
   }