@ahoo-wang/wow-view-engine 9.2.0-rc.0

package/dist/theme-source.css

@@ -0,0 +1,1393 @@
+@layer fve-reset;
+@layer theme, base, components, utilities;
+@theme inline reference {
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-row-hover: var(--_fve-row-hover);
+  --color-quiet-foreground: var(--_fve-quiet-foreground);
+  --color-change: var(--_fve-change);
+  --shadow-sm: var(--shadow-sm);
+  --shadow-md: var(--shadow-md);
+  --shadow-lg: var(--shadow-lg);
+  --color-chart-8: var(--chart-8);
+  --color-chart-7: var(--chart-7);
+  --color-chart-6: var(--chart-6);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-success: var(--success);
+  --color-warning: var(--warning);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --color-foreground: var(--foreground);
+  --color-background: var(--background);
+  --color-canvas: var(--_fve-canvas);
+  --color-content: var(--_fve-content);
+  --color-table-header: var(--_fve-table-header);
+  --color-totals: var(--_fve-totals);
+  --color-row-selected: var(--_fve-row-selected);
+  --color-row-selected-foreground: var(--_fve-row-selected-foreground);
+  --color-row-stripe: var(--_fve-row-stripe);
+  --color-nav-current: var(--_fve-nav-current);
+  --color-nav-current-foreground: var(--_fve-nav-current-foreground);
+  --color-nav-current-edge: var(--_fve-nav-current-edge);
+  --shadow-nav-current: var(--_fve-nav-current-shadow);
+  --color-chart-tooltip: var(--_fve-chart-tooltip);
+  --color-chart-tooltip-foreground: var(--_fve-chart-tooltip-foreground);
+  --shadow-chart-tooltip: var(--_fve-chart-tooltip-shadow);
+  --radius-popover: var(--_fve-radius-popover);
+  --radius-sm: calc(var(--radius) * 0.6);
+  --radius-md: calc(var(--radius) * 0.8);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) * 1.4);
+  --radius-2xl: calc(var(--radius) * 1.8);
+  --radius-3xl: calc(var(--radius) * 2.2);
+  --radius-4xl: calc(var(--radius) * 2.6);
+}
+@supports (color: oklch(from red l c h)) {
+  :where(.fve-root, .fve-tokens) {
+    --_fve-brand-primary: oklch(
+      from var(--fve-brand)
+        clamp(
+          var(--fve-brand-l-min, var(--fvp-brand-l-min, 0.4)),
+          l,
+          var(--fve-brand-l-max, var(--fvp-brand-l-max, 0.5))
+        )
+        min(c, var(--fve-brand-c-max, var(--fvp-brand-c-max, 0.37))) h
+    );
+    --_fve-brand-accent: oklch(
+      from var(--fve-brand)
+        var(--fve-brand-accent-lc, var(--fvp-brand-accent-lc, 0.96 0.02)) h
+    );
+    --_fve-brand-sidebar-accent: oklch(
+      from var(--fve-brand)
+        var(
+          --fve-brand-sidebar-accent-lc,
+          var(--fvp-brand-sidebar-accent-lc, 0.92 0.03)
+        )
+        h
+    );
+    --_fve-brand-row-selected: oklch(
+      from var(--fve-brand)
+        var(
+          --fve-brand-row-selected-lc,
+          var(--fvp-brand-row-selected-lc, 0.965 0.02)
+        )
+        h
+    );
+    --_fve-brand-ring: oklch(
+      from var(--fve-brand)
+        clamp(
+          var(--fve-brand-ring-l-min, var(--fvp-brand-ring-l-min)),
+          l,
+          var(--fve-brand-ring-l-max, var(--fvp-brand-ring-l-max))
+        )
+        min(c, var(--fve-brand-c-max, var(--fvp-brand-c-max, 0.37))) h
+    );
+    --_fve-brand-primary-fill: oklch(
+      from var(--fve-brand)
+        clamp(
+          var(
+            --fve-brand-primary-fill-l-min,
+            var(--fvp-brand-primary-fill-l-min)
+          ),
+          l,
+          var(
+            --fve-brand-primary-fill-l-max,
+            var(--fvp-brand-primary-fill-l-max)
+          )
+        )
+        min(c, var(--fve-brand-c-max, var(--fvp-brand-c-max, 0.37))) h
+    );
+    --_fve-brand-dark-primary: oklch(
+      from var(--fve-dark-brand, var(--fve-brand))
+        clamp(
+          var(--fve-dark-brand-l-min, var(--fvp-dark-brand-l-min, 0.68)),
+          l,
+          var(--fve-dark-brand-l-max, var(--fvp-dark-brand-l-max, 0.8))
+        )
+        min(c, var(--fve-dark-brand-c-max, var(--fvp-dark-brand-c-max, 0.18))) h
+    );
+    --_fve-brand-dark-primary-fill: oklch(
+      from var(--fve-dark-brand, var(--fve-brand))
+        clamp(
+          var(
+            --fve-dark-brand-primary-fill-l-min,
+            var(--fvp-dark-brand-primary-fill-l-min)
+          ),
+          l,
+          var(
+            --fve-dark-brand-primary-fill-l-max,
+            var(--fvp-dark-brand-primary-fill-l-max)
+          )
+        )
+        min(c, var(--fve-dark-brand-c-max, var(--fvp-dark-brand-c-max, 0.18))) h
+    );
+    --_fve-brand-dark-accent: oklch(
+      from var(--fve-dark-brand, var(--fve-brand))
+        var(
+          --fve-dark-brand-accent-lc,
+          var(--fvp-dark-brand-accent-lc, 0.3 0.03)
+        )
+        h
+    );
+    --_fve-brand-dark-sidebar-accent: oklch(
+      from var(--fve-dark-brand, var(--fve-brand))
+        var(
+          --fve-dark-brand-sidebar-accent-lc,
+          var(--fvp-dark-brand-sidebar-accent-lc, 0.3 0.03)
+        )
+        h
+    );
+    --_fve-brand-dark-row-selected: oklch(
+      from var(--fve-dark-brand, var(--fve-brand))
+        var(
+          --fve-dark-brand-row-selected-lc,
+          var(--fvp-dark-brand-row-selected-lc, 0.28 0.03)
+        )
+        h
+    );
+    --_fve-brand-dark-ring: oklch(
+      from var(--fve-dark-brand, var(--fve-brand))
+        clamp(
+          var(--fve-dark-brand-ring-l-min, var(--fvp-dark-brand-ring-l-min)),
+          l,
+          var(--fve-dark-brand-ring-l-max, var(--fvp-dark-brand-ring-l-max))
+        )
+        min(c, var(--fve-dark-brand-c-max, var(--fvp-dark-brand-c-max, 0.18))) h
+    );
+  }
+  :where(.fve-root, .fve-tokens):where(
+    [data-fve-brand-chart],
+    [data-fve-brand-chart] *
+  ) {
+    --_fve-brand-chart-1: oklch(
+      from var(--fve-brand)
+        var(--fve-brand-chart-1-lc, var(--fvp-brand-chart-1-lc, 0.565 0.1626)) h
+    );
+    --_fve-brand-dark-chart-1: oklch(
+      from var(--fve-dark-brand, var(--fve-brand))
+        var(
+          --fve-dark-brand-chart-1-lc,
+          var(--fvp-dark-brand-chart-1-lc, 0.6221 0.1612)
+        )
+        h
+    );
+  }
+}
+:where(.fve-root, .fve-tokens) {
+  --_fve-link-highlight: color-mix(
+    in oklab,
+    var(--_fve-primary-fill) var(--_fve-highlight-link),
+    transparent
+  );
+  --_fve-link-highlight-foreground: color-mix(
+    in oklab,
+    var(--_fve-primary-fill-foreground) var(--_fve-highlight-foreground-link),
+    transparent
+  );
+  --_fve-link-row-selected-mark: color-mix(
+    in oklab,
+    var(--primary) var(--_fve-row-selected-mark-link),
+    transparent
+  );
+  --_fve-link-item-selected: color-mix(
+    in oklab,
+    var(--_fve-row-selected) var(--_fve-item-selected-link),
+    transparent
+  );
+  --_fve-link-nav-current: color-mix(
+    in oklab,
+    var(--_fve-row-selected) var(--_fve-nav-current-link),
+    transparent
+  );
+  --_fve-link-nav-current-foreground: color-mix(
+    in oklab,
+    var(--primary) var(--_fve-nav-current-foreground-link),
+    transparent
+  );
+  --_fve-link-outline-hover-edge: color-mix(
+    in oklab,
+    var(--primary) var(--_fve-outline-hover-edge-link),
+    transparent
+  );
+  --_fve-link-outline-hover-foreground: color-mix(
+    in oklab,
+    var(--primary) var(--_fve-outline-hover-foreground-link),
+    transparent
+  );
+}
+.fve-root,
+.fve-tokens {
+
+  --background: var(--fve-background, var(--fvp-background, oklch(1 0 0deg)));
+  --foreground: var(
+    --fve-foreground,
+    var(--fvp-foreground, oklch(0.145 0 0deg))
+  );
+  --card: var(--fve-card, var(--fvp-card, oklch(1 0 0deg)));
+  --card-foreground: var(
+    --fve-card-foreground,
+    var(--fvp-card-foreground, oklch(0.145 0 0deg))
+  );
+  --popover: var(--fve-popover, var(--fvp-popover, oklch(1 0 0deg)));
+  --popover-foreground: var(
+    --fve-popover-foreground,
+    var(--fvp-popover-foreground, oklch(0.145 0 0deg))
+  );
+  --primary: var(
+    --fve-primary,
+    var(--_fve-brand-primary, var(--fvp-primary, oklch(0.205 0 0deg)))
+  );
+  --primary-foreground: var(
+    --fve-primary-foreground,
+    var(--fvp-primary-foreground, oklch(0.985 0 0deg))
+  );
+  --secondary: var(--fve-secondary, var(--fvp-secondary, oklch(0.97 0 0deg)));
+  --secondary-foreground: var(
+    --fve-secondary-foreground,
+    var(--fvp-secondary-foreground, oklch(0.205 0 0deg))
+  );
+  --muted: var(--fve-muted, var(--fvp-muted, oklch(0.97 0 0deg)));
+  --muted-foreground: var(
+    --fve-muted-foreground,
+    var(--fvp-muted-foreground, oklch(0.556 0 0deg))
+  );
+  --accent: var(
+    --fve-accent,
+    var(--_fve-brand-accent, var(--fvp-accent, oklch(0.97 0 0deg)))
+  );
+  --accent-foreground: var(
+    --fve-accent-foreground,
+    var(--fvp-accent-foreground, oklch(0.205 0 0deg))
+  );
+  --sidebar: var(--fve-sidebar, var(--fvp-sidebar, oklch(0.97 0 0deg)));
+  --sidebar-foreground: var(
+    --fve-sidebar-foreground,
+    var(--fvp-sidebar-foreground, oklch(0.145 0 0deg))
+  );
+  --sidebar-accent: var(
+    --fve-sidebar-accent,
+    var(
+      --_fve-brand-sidebar-accent,
+      var(--fvp-sidebar-accent, oklch(0.922 0 0deg))
+    )
+  );
+  --sidebar-accent-foreground: var(
+    --fve-sidebar-accent-foreground,
+    var(--fvp-sidebar-accent-foreground, oklch(0.205 0 0deg))
+  );
+  --sidebar-border: var(
+    --fve-sidebar-border,
+    var(--fvp-sidebar-border, oklch(0.898 0 0deg))
+  );
+  --destructive: var(
+    --fve-destructive,
+    var(--fvp-destructive, oklch(0.505 0.213 27.518deg))
+  );
+  --success: var(
+    --fve-success,
+    var(--fvp-success, oklch(0.448 0.119 151.328deg))
+  );
+  --warning: var(
+    --fve-warning,
+    var(--fvp-warning, oklch(0.473 0.137 46.201deg))
+  );
+  --destructive-foreground: var(
+    --fve-destructive-foreground,
+    var(--fvp-destructive-foreground, var(--background))
+  );
+  --_fve-rise: var(--fve-rise, var(--_fve-convention-rise));
+  --_fve-fall: var(--fve-fall, var(--_fve-convention-fall));
+  --border: var(--fve-border, var(--fvp-border, oklch(0.922 0 0deg)));
+  --_fve-row-hover: var(
+    --fve-row-hover,
+    var(
+      --fvp-row-hover,
+      color-mix(in oklab, var(--muted) 50%, var(--background))
+    )
+  );
+  --_fve-quiet-foreground: var(
+    --fve-quiet-foreground,
+    var(
+      --fvp-quiet-foreground,
+      color-mix(in oklab, var(--foreground) 70%, transparent)
+    )
+  );
+  --_fve-primary-fill: var(
+    --fve-primary-fill,
+    var(--_fve-brand-primary-fill, var(--fvp-primary-fill, var(--primary)))
+  );
+  --_fve-primary-fill-foreground: var(
+    --fve-primary-fill-foreground,
+    var(--fvp-primary-fill-foreground, var(--primary-foreground))
+  );
+  --_fve-pin-shadow: var(--fve-pin-shadow, oklch(0 0 0deg / 12%));
+  --input: var(--fve-input, var(--fvp-input, oklch(0.62 0 0deg)));
+  --ring: var(
+    --fve-ring,
+    var(--_fve-brand-ring, var(--fvp-ring, oklch(0.62 0 0deg)))
+  );
+  --chart-1: var(
+    --fve-chart-1,
+    var(
+      --_fve-brand-chart-1,
+      var(--fvp-chart-1, oklch(0.565 0.1626 255.532deg))
+    )
+  );
+  --chart-2: var(
+    --fve-chart-2,
+    var(--fvp-chart-2, oklch(0.6708 0.175 40.642deg))
+  );
+  --chart-3: var(
+    --fve-chart-3,
+    var(--fvp-chart-3, oklch(0.669 0.1408 162.111deg))
+  );
+  --chart-4: var(
+    --fve-chart-4,
+    var(--fvp-chart-4, oklch(0.7644 0.1612 75.116deg))
+  );
+  --chart-5: var(
+    --fve-chart-5,
+    var(--fvp-chart-5, oklch(0.7163 0.1412 357.389deg))
+  );
+  --chart-6: var(
+    --fve-chart-6,
+    var(--fvp-chart-6, oklch(0.5285 0.1798 142.495deg))
+  );
+  --chart-7: var(
+    --fve-chart-7,
+    var(--fvp-chart-7, oklch(0.4331 0.1671 283.624deg))
+  );
+  --chart-8: var(
+    --fve-chart-8,
+    var(--fvp-chart-8, oklch(0.6226 0.1909 24.912deg))
+  );
+  --radius: var(--fve-radius, var(--fvp-radius, 0.625rem));
+  --radius-md: calc(var(--radius) * 0.8);
+  --text-xs--line-height: calc(1 / 0.75);
+  --text-2xl--line-height: calc(2 / 1.5);
+  --_fve-text-ui: var(--fve-text-ui, 0.8125rem);
+  --shadow-sm: var(
+    --fve-shadow-sm,
+    var(
+      --fvp-shadow-sm,
+      0 1px 3px 0 oklch(0 0 0deg / 10%),
+      0 1px 2px -1px oklch(0 0 0deg / 10%)
+    )
+  );
+  --shadow-md: var(
+    --fve-shadow-md,
+    var(
+      --fvp-shadow-md,
+      0 4px 6px -1px oklch(0 0 0deg / 10%),
+      0 2px 4px -2px oklch(0 0 0deg / 10%)
+    )
+  );
+  --shadow-lg: var(
+    --fve-shadow-lg,
+    var(
+      --fvp-shadow-lg,
+      0 10px 15px -3px oklch(0 0 0deg / 10%),
+      0 4px 6px -4px oklch(0 0 0deg / 10%)
+    )
+  );
+  --_fve-canvas: var(--fve-canvas, var(--fvp-canvas, var(--background)));
+  --_fve-content: var(--fve-content, var(--fvp-content, var(--background)));
+  --_fve-card-edge: var(
+    --fve-card-edge,
+    var(
+      --fvp-card-edge,
+      color-mix(in oklab, var(--foreground) 10%, transparent)
+    )
+  );
+  --_fve-card-shadow: var(--fve-card-shadow, var(--fvp-card-shadow, 0 0 #0000));
+  --_fve-scrim: var(--fve-scrim, var(--fvp-scrim, oklch(0 0 0deg / 10%)));
+  --_fve-table-header: var(
+    --fve-table-header,
+    var(--fvp-table-header, var(--muted))
+  );
+  --_fve-table-header-foreground: var(
+    --fve-table-header-foreground,
+    var(--fvp-table-header-foreground, var(--foreground))
+  );
+  --_fve-table-header-weight: var(
+    --fve-table-header-weight,
+    var(--fvp-table-header-weight, var(--_fve-strong-weight))
+  );
+  --_fve-table-header-divider: var(
+    --fve-table-header-divider,
+    var(--fvp-table-header-divider, transparent)
+  );
+  --_fve-row-divider: var(
+    --fve-row-divider,
+    var(--fvp-row-divider, var(--border))
+  );
+  --_fve-table-sort-idle: var(
+    --fve-table-sort-idle,
+    var(--fvp-table-sort-idle, 1)
+  );
+  --_fve-totals: var(--fve-totals, var(--fvp-totals, var(--muted)));
+  --_fve-row-selected: var(
+    --fve-row-selected,
+    var(--_fve-brand-row-selected, var(--fvp-row-selected, var(--muted)))
+  );
+  --_fve-row-selected-foreground: var(
+    --fve-row-selected-foreground,
+    var(--fvp-row-selected-foreground, var(--foreground))
+  );
+  --_fve-row-selected-mark: var(
+    --fve-row-selected-mark,
+    var(--_fve-link-row-selected-mark, var(--fvp-row-selected-mark))
+  );
+  --_fve-row-selected-mark-link: var(
+    --fve-row-selected-mark-link,
+    var(--fvp-row-selected-mark-link)
+  );
+  --_fve-row-stripe: var(
+    --fve-row-stripe,
+    var(--fvp-row-stripe, var(--_fve-content))
+  );
+  --_fve-highlight: var(
+    --fve-highlight,
+    var(--_fve-link-highlight, var(--fvp-highlight, var(--accent)))
+  );
+  --_fve-highlight-foreground: var(
+    --fve-highlight-foreground,
+    var(
+      --_fve-link-highlight-foreground,
+      var(--fvp-highlight-foreground, var(--accent-foreground))
+    )
+  );
+  --_fve-highlight-link: var(--fve-highlight-link, var(--fvp-highlight-link));
+  --_fve-highlight-foreground-link: var(
+    --fve-highlight-foreground-link,
+    var(--fvp-highlight-foreground-link)
+  );
+  --_fve-item-selected: var(
+    --fve-item-selected,
+    var(--_fve-link-item-selected, var(--fvp-item-selected, transparent))
+  );
+  --_fve-item-selected-foreground: var(
+    --fve-item-selected-foreground,
+    var(--fvp-item-selected-foreground, var(--popover-foreground))
+  );
+  --_fve-item-selected-weight: var(
+    --fve-item-selected-weight,
+    var(--fvp-item-selected-weight)
+  );
+  --_fve-item-selected-link: var(
+    --fve-item-selected-link,
+    var(--fvp-item-selected-link)
+  );
+  --_fve-nav-current: var(
+    --fve-nav-current,
+    var(--_fve-link-nav-current, var(--fvp-nav-current, var(--background)))
+  );
+  --_fve-nav-current-foreground: var(
+    --fve-nav-current-foreground,
+    var(
+      --_fve-link-nav-current-foreground,
+      var(--fvp-nav-current-foreground, var(--foreground))
+    )
+  );
+  --_fve-nav-current-edge: var(
+    --fve-nav-current-edge,
+    var(--fvp-nav-current-edge, var(--border))
+  );
+  --_fve-nav-current-shadow: var(
+    --fve-nav-current-shadow,
+    var(--fvp-nav-current-shadow, 0 1px 2px 0 rgb(0 0 0 / 0.05))
+  );
+  --_fve-nav-current-link: var(
+    --fve-nav-current-link,
+    var(--fvp-nav-current-link)
+  );
+  --_fve-nav-current-foreground-link: var(
+    --fve-nav-current-foreground-link,
+    var(--fvp-nav-current-foreground-link)
+  );
+  --_fve-control-hover: var(--fve-control-hover, var(--fvp-control-hover));
+  --_fve-control-pressed: var(
+    --fve-control-pressed,
+    var(--fvp-control-pressed)
+  );
+  --_fve-outline-hover-edge: var(
+    --fve-outline-hover-edge,
+    var(--_fve-link-outline-hover-edge, var(--fvp-outline-hover-edge))
+  );
+  --_fve-outline-hover-foreground: var(
+    --fve-outline-hover-foreground,
+    var(
+      --_fve-link-outline-hover-foreground,
+      var(--fvp-outline-hover-foreground, var(--foreground))
+    )
+  );
+  --_fve-outline-hover-edge-link: var(
+    --fve-outline-hover-edge-link,
+    var(--fvp-outline-hover-edge-link)
+  );
+  --_fve-outline-hover-foreground-link: var(
+    --fve-outline-hover-foreground-link,
+    var(--fvp-outline-hover-foreground-link)
+  );
+  --_fve-focus-width: var(--fve-focus-width, var(--fvp-focus-width));
+  --_fve-focus-offset: var(--fve-focus-offset, var(--fvp-focus-offset, 0px));
+  --_fve-focus-style: var(--fve-focus-style, var(--fvp-focus-style, solid));
+  --_fve-focus-halo: var(
+    --fve-focus-halo,
+    var(--fvp-focus-halo, color-mix(in oklab, var(--ring) 50%, transparent))
+  );
+  --_fve-control: var(--fve-control, var(--fvp-control));
+  --_fve-control-edge: var(--fve-control-edge, var(--fvp-control-edge));
+  --_fve-control-thumb: var(--fve-control-thumb, var(--fvp-control-thumb));
+  --_fve-control-thumb-shadow: var(
+    --fve-control-thumb-shadow,
+    var(--fvp-control-thumb-shadow, 0 0 #0000)
+  );
+  --_fve-control-height: var(
+    --fve-control-height,
+    var(--fvp-control-height, 2rem)
+  );
+  --_fve-control-height-sm: var(
+    --fve-control-height-sm,
+    var(--fvp-control-height-sm, 1.75rem)
+  );
+  --_fve-filter-height: var(--fve-filter-height, var(--fvp-filter-height));
+  --_fve-edge-width: var(--fve-edge-width, var(--fvp-edge-width, 1px));
+  --_fve-badge-edge: var(--fve-badge-edge, var(--fvp-badge-edge, 30%));
+  --_fve-badge-fill: var(--fve-badge-fill, var(--fvp-badge-fill, 10%));
+  --_fve-radius-card: var(
+    --fve-radius-card,
+    var(--fvp-radius-card, calc(var(--radius) * 1.4))
+  );
+  --_fve-radius-control: var(
+    --fve-radius-control,
+    var(--fvp-radius-control, var(--radius))
+  );
+  --_fve-radius-popover: var(
+    --fve-radius-popover,
+    var(--fvp-radius-popover, var(--radius))
+  );
+  --_fve-radius-badge: var(
+    --fve-radius-badge,
+    var(--fvp-radius-badge, calc(var(--radius) * 2.6))
+  );
+  --_fve-radius-checkbox: var(
+    --fve-radius-checkbox,
+    var(--fvp-radius-checkbox, 4px)
+  );
+  --_fve-title-weight: var(--fve-title-weight, var(--fvp-title-weight, 500));
+  --_fve-strong-weight: var(--fve-strong-weight, var(--fvp-strong-weight, 500));
+  --_fve-tooltip: var(--fve-tooltip, var(--fvp-tooltip, var(--foreground)));
+  --_fve-tooltip-foreground: var(
+    --fve-tooltip-foreground,
+    var(--fvp-tooltip-foreground, var(--background))
+  );
+  --_fve-chart-grid: var(
+    --fve-chart-grid,
+    var(--fvp-chart-grid, var(--border))
+  );
+  --_fve-chart-grid-width: var(
+    --fve-chart-grid-width,
+    var(--fvp-chart-grid-width, 1px)
+  );
+  --_fve-chart-axis: var(
+    --fve-chart-axis,
+    var(--fvp-chart-axis, var(--muted-foreground))
+  );
+  --_fve-chart-text-size: var(
+    --fve-chart-text-size,
+    var(--fvp-chart-text-size, calc(var(--_fve-text-ui) - 1px))
+  );
+  --_fve-chart-label-size: var(
+    --fve-chart-label-size,
+    var(--fvp-chart-label-size, calc(var(--_fve-text-ui) - 2px))
+  );
+  --_fve-chart-line-width: var(
+    --fve-chart-line-width,
+    var(--fvp-chart-line-width, 2px)
+  );
+  --_fve-chart-area-opacity: var(
+    --fve-chart-area-opacity,
+    var(--fvp-chart-area-opacity, 0.2)
+  );
+  --_fve-chart-bar-radius: var(
+    --fve-chart-bar-radius,
+    var(--fvp-chart-bar-radius, min(2px, calc(var(--radius) * 0.6)))
+  );
+  --_fve-chart-bar-min-width: var(
+    --fve-chart-bar-min-width,
+    var(--fvp-chart-bar-min-width)
+  );
+  --_fve-chart-bar-max-width: var(
+    --fve-chart-bar-max-width,
+    var(--fvp-chart-bar-max-width, 80px)
+  );
+  --_fve-chart-slice-border: var(
+    --fve-chart-slice-border,
+    var(--fvp-chart-slice-border, 1px)
+  );
+  --_fve-chart-map-edge: var(
+    --fve-chart-map-edge,
+    var(--fvp-chart-map-edge, var(--_fve-chart-axis))
+  );
+  --_fve-chart-tooltip: var(
+    --fve-chart-tooltip,
+    var(--fvp-chart-tooltip, var(--popover))
+  );
+  --_fve-chart-tooltip-foreground: var(
+    --fve-chart-tooltip-foreground,
+    var(--fvp-chart-tooltip-foreground, var(--popover-foreground))
+  );
+  --_fve-chart-tooltip-shadow: var(
+    --fve-chart-tooltip-shadow,
+    var(--fvp-chart-tooltip-shadow, var(--shadow-md))
+  );
+}
+:where(.fve-root, .fve-tokens) {
+  --_fve-convention-rise: var(--success);
+  --_fve-convention-fall: var(--destructive);
+}
+:where(.fve-root, .fve-tokens):where(
+  [data-fve-change-colors='red-up'],
+  [data-fve-change-colors='red-up'] *
+) {
+  --_fve-convention-rise: var(--destructive);
+  --_fve-convention-fall: var(--success);
+}
+:where(.fve-root, .fve-tokens) [data-change]:where([data-tone='success']) {
+  --_fve-change: var(--success);
+}
+:where(.fve-root, .fve-tokens) [data-change]:where([data-tone='danger']) {
+  --_fve-change: var(--destructive);
+}
+:where(.fve-root, .fve-tokens):where(
+    [data-fve-change-colors='red-up'],
+    [data-fve-change-colors='red-up'] *,
+    [data-fve-change-colors='green-up'],
+    [data-fve-change-colors='green-up'] *
+  )
+  [data-change='up'] {
+  --_fve-change: var(--_fve-rise);
+}
+:where(.fve-root, .fve-tokens):where(
+    [data-fve-change-colors='red-up'],
+    [data-fve-change-colors='red-up'] *,
+    [data-fve-change-colors='green-up'],
+    [data-fve-change-colors='green-up'] *
+  )
+  [data-change='down'] {
+  --_fve-change: var(--_fve-fall);
+}
+:where(.fve-root, .fve-tokens) {
+  --_fve-density: var(--fve-preset-density, var(--fvp-preset-density, 0));
+  --_fve-table-header-height: var(
+    --fve-table-header-height,
+    calc(
+      2.5rem + 0.375rem * var(--_fve-density) - 0.125rem * var(--_fve-density) *
+        var(--_fve-density)
+    )
+  );
+  --_fve-table-cell-padding-block: var(
+    --fve-table-cell-padding-block,
+    calc(
+      0.5rem + 0.1875rem * var(--_fve-density) - 0.0625rem *
+        var(--_fve-density) * var(--_fve-density)
+    )
+  );
+  --_fve-table-cell-padding-inline: var(
+    --fve-table-cell-padding-inline,
+    calc(
+      0.5rem + 0.1875rem * var(--_fve-density) + 0.0625rem *
+        var(--_fve-density) * var(--_fve-density)
+    )
+  );
+  --_fve-sidebar-item-height: var(
+    --fve-sidebar-item-height,
+    calc(1.75rem + 0.25rem * var(--_fve-density))
+  );
+  --_fve-panel-padding: var(
+    --fve-panel-padding,
+    calc(0.75rem + 0.25rem * var(--_fve-density))
+  );
+  --_fve-panel-padding-block: min(var(--_fve-panel-padding), 0.75rem);
+}
+:where(.fve-root, .fve-tokens):where([data-fve-density='compact'] *) {
+  --_fve-density: -1;
+}
+:where(.fve-root, .fve-tokens):where([data-fve-density='default'] *) {
+  --_fve-density: 0;
+}
+:where(.fve-root, .fve-tokens):where([data-fve-density='comfortable'] *) {
+  --_fve-density: 1;
+}
+:where(.fve-root, .fve-tokens)[data-fve-density='compact'] {
+  --_fve-density: -1;
+}
+:where(.fve-root, .fve-tokens)[data-fve-density='default'] {
+  --_fve-density: 0;
+}
+:where(.fve-root, .fve-tokens)[data-fve-density='comfortable'] {
+  --_fve-density: 1;
+}
+@layer utilities {
+
+  :where(.fve\:focus-visible\:ring-ring\/50):focus-visible:not(
+      [aria-invalid='true']
+    ) {
+    --tw-ring-color: var(--_fve-focus-halo);
+  }
+}
+@media not print {
+  .dark .fve-root:not([data-theme='light']),
+  .fve-root[data-theme='dark'],
+  .dark .fve-tokens {
+
+    --background: var(
+      --fve-dark-background,
+      var(--fvp-dark-background, oklch(0.145 0 0deg))
+    );
+    --foreground: var(
+      --fve-dark-foreground,
+      var(--fvp-dark-foreground, oklch(0.985 0 0deg))
+    );
+    --card: var(--fve-dark-card, var(--fvp-dark-card, oklch(0.205 0 0deg)));
+    --card-foreground: var(
+      --fve-dark-card-foreground,
+      var(--fvp-dark-card-foreground, oklch(0.985 0 0deg))
+    );
+    --popover: var(
+      --fve-dark-popover,
+      var(--fvp-dark-popover, oklch(0.205 0 0deg))
+    );
+    --popover-foreground: var(
+      --fve-dark-popover-foreground,
+      var(--fvp-dark-popover-foreground, oklch(0.985 0 0deg))
+    );
+    --primary: var(
+      --fve-dark-primary,
+      var(
+        --_fve-brand-dark-primary,
+        var(--fvp-dark-primary, oklch(0.922 0 0deg))
+      )
+    );
+    --primary-foreground: var(
+      --fve-dark-primary-foreground,
+      var(--fvp-dark-primary-foreground, oklch(0.205 0 0deg))
+    );
+    --secondary: var(
+      --fve-dark-secondary,
+      var(--fvp-dark-secondary, oklch(0.269 0 0deg))
+    );
+    --secondary-foreground: var(
+      --fve-dark-secondary-foreground,
+      var(--fvp-dark-secondary-foreground, oklch(0.985 0 0deg))
+    );
+    --muted: var(--fve-dark-muted, var(--fvp-dark-muted, oklch(0.269 0 0deg)));
+    --muted-foreground: var(
+      --fve-dark-muted-foreground,
+      var(--fvp-dark-muted-foreground, oklch(0.708 0 0deg))
+    );
+    --accent: var(
+      --fve-dark-accent,
+      var(--_fve-brand-dark-accent, var(--fvp-dark-accent, oklch(0.269 0 0deg)))
+    );
+    --accent-foreground: var(
+      --fve-dark-accent-foreground,
+      var(--fvp-dark-accent-foreground, oklch(0.985 0 0deg))
+    );
+    --sidebar: var(
+      --fve-dark-sidebar,
+      var(--fvp-dark-sidebar, oklch(0.205 0 0deg))
+    );
+    --sidebar-foreground: var(
+      --fve-dark-sidebar-foreground,
+      var(--fvp-dark-sidebar-foreground, oklch(0.985 0 0deg))
+    );
+    --sidebar-accent: var(
+      --fve-dark-sidebar-accent,
+      var(
+        --_fve-brand-dark-sidebar-accent,
+        var(--fvp-dark-sidebar-accent, oklch(0.279 0 0deg))
+      )
+    );
+    --sidebar-accent-foreground: var(
+      --fve-dark-sidebar-accent-foreground,
+      var(--fvp-dark-sidebar-accent-foreground, oklch(0.985 0 0deg))
+    );
+    --sidebar-border: var(
+      --fve-dark-sidebar-border,
+      var(--fvp-dark-sidebar-border, oklch(1 0 0deg / 20%))
+    );
+    --destructive: var(
+      --fve-dark-destructive,
+      var(--fvp-dark-destructive, oklch(0.76 0.15 22.216deg))
+    );
+    --destructive-foreground: var(
+      --fve-dark-destructive-foreground,
+      var(--fvp-dark-destructive-foreground, var(--background))
+    );
+    --success: var(
+      --fve-dark-success,
+      var(--fvp-dark-success, oklch(0.792 0.15 151.711deg))
+    );
+    --warning: var(
+      --fve-dark-warning,
+      var(--fvp-dark-warning, oklch(0.828 0.15 84.429deg))
+    );
+    --_fve-rise: var(--fve-dark-rise, var(--_fve-convention-rise));
+    --_fve-fall: var(--fve-dark-fall, var(--_fve-convention-fall));
+    --_fve-row-hover: var(
+      --fve-dark-row-hover,
+      var(
+        --fvp-dark-row-hover,
+        color-mix(in oklab, var(--muted) 50%, var(--background))
+      )
+    );
+    --_fve-quiet-foreground: var(
+      --fve-dark-quiet-foreground,
+      var(
+        --fvp-dark-quiet-foreground,
+        color-mix(in oklab, var(--foreground) 70%, transparent)
+      )
+    );
+    --_fve-primary-fill: var(
+      --fve-dark-primary-fill,
+      var(
+        --_fve-brand-dark-primary-fill,
+        var(--fvp-dark-primary-fill, var(--primary))
+      )
+    );
+    --_fve-primary-fill-foreground: var(
+      --fve-dark-primary-fill-foreground,
+      var(--fvp-dark-primary-fill-foreground, var(--primary-foreground))
+    );
+    --_fve-pin-shadow: var(--fve-dark-pin-shadow, oklch(1 0 0deg / 10%));
+    --border: var(
+      --fve-dark-border,
+      var(--fvp-dark-border, oklch(1 0 0deg / 20%))
+    );
+    --input: var(
+      --fve-dark-input,
+      var(--fvp-dark-input, oklch(1 0 0deg / 40%))
+    );
+    --ring: var(
+      --fve-dark-ring,
+      var(--_fve-brand-dark-ring, var(--fvp-dark-ring, oklch(0.66 0 0deg)))
+    );
+    --chart-1: var(
+      --fve-dark-chart-1,
+      var(
+        --_fve-brand-dark-chart-1,
+        var(--fvp-dark-chart-1, oklch(0.6221 0.1612 255.053deg))
+      )
+    );
+    --chart-2: var(
+      --fve-dark-chart-2,
+      var(--fvp-dark-chart-2, oklch(0.6221 0.1726 40.112deg))
+    );
+    --chart-3: var(
+      --fve-dark-chart-3,
+      var(--fvp-dark-chart-3, oklch(0.6212 0.1283 163.115deg))
+    );
+    --chart-4: var(
+      --fve-dark-chart-4,
+      var(--fvp-dark-chart-4, oklch(0.6699 0.1425 73.227deg))
+    );
+    --chart-5: var(
+      --fve-dark-chart-5,
+      var(--fvp-dark-chart-5, oklch(0.6224 0.1712 0.838deg))
+    );
+    --chart-6: var(
+      --fve-dark-chart-6,
+      var(--fvp-dark-chart-6, oklch(0.5285 0.1798 142.495deg))
+    );
+    --chart-7: var(
+      --fve-dark-chart-7,
+      var(--fvp-dark-chart-7, oklch(0.6696 0.1452 286.827deg))
+    );
+    --chart-8: var(
+      --fve-dark-chart-8,
+      var(--fvp-dark-chart-8, oklch(0.6693 0.1586 22.307deg))
+    );
+    --shadow-sm: var(
+      --fve-dark-shadow-sm,
+      var(
+        --fvp-dark-shadow-sm,
+        0 1px 3px 0 oklch(0 0 0deg / 10%),
+        0 1px 2px -1px oklch(0 0 0deg / 10%)
+      )
+    );
+    --shadow-md: var(
+      --fve-dark-shadow-md,
+      var(
+        --fvp-dark-shadow-md,
+        0 4px 6px -1px oklch(0 0 0deg / 10%),
+        0 2px 4px -2px oklch(0 0 0deg / 10%)
+      )
+    );
+    --shadow-lg: var(
+      --fve-dark-shadow-lg,
+      var(
+        --fvp-dark-shadow-lg,
+        0 10px 15px -3px oklch(0 0 0deg / 10%),
+        0 4px 6px -4px oklch(0 0 0deg / 10%)
+      )
+    );
+    --_fve-canvas: var(
+      --fve-dark-canvas,
+      var(--fvp-dark-canvas, var(--background))
+    );
+    --_fve-content: var(
+      --fve-dark-content,
+      var(--fvp-dark-content, var(--background))
+    );
+    --_fve-card-edge: var(
+      --fve-dark-card-edge,
+      var(
+        --fvp-dark-card-edge,
+        color-mix(in oklab, var(--foreground) 10%, transparent)
+      )
+    );
+    --_fve-card-shadow: var(
+      --fve-dark-card-shadow,
+      var(--fvp-dark-card-shadow, 0 0 #0000)
+    );
+    --_fve-scrim: var(
+      --fve-dark-scrim,
+      var(--fvp-dark-scrim, oklch(0 0 0deg / 10%))
+    );
+    --_fve-table-header: var(
+      --fve-dark-table-header,
+      var(--fvp-dark-table-header, var(--muted))
+    );
+    --_fve-table-header-foreground: var(
+      --fve-dark-table-header-foreground,
+      var(--fvp-dark-table-header-foreground, var(--foreground))
+    );
+    --_fve-table-header-divider: var(
+      --fve-dark-table-header-divider,
+      var(--fvp-dark-table-header-divider, transparent)
+    );
+    --_fve-row-divider: var(
+      --fve-dark-row-divider,
+      var(--fvp-dark-row-divider, var(--border))
+    );
+    --_fve-totals: var(--fve-dark-totals, var(--fvp-dark-totals, var(--muted)));
+    --_fve-row-selected: var(
+      --fve-dark-row-selected,
+      var(
+        --_fve-brand-dark-row-selected,
+        var(--fvp-dark-row-selected, var(--muted))
+      )
+    );
+    --_fve-row-selected-foreground: var(
+      --fve-dark-row-selected-foreground,
+      var(--fvp-dark-row-selected-foreground, var(--foreground))
+    );
+    --_fve-row-selected-mark: var(
+      --fve-dark-row-selected-mark,
+      var(--_fve-link-row-selected-mark, var(--fvp-dark-row-selected-mark))
+    );
+    --_fve-row-stripe: var(
+      --fve-dark-row-stripe,
+      var(--fvp-dark-row-stripe, var(--_fve-content))
+    );
+    --_fve-highlight: var(
+      --fve-dark-highlight,
+      var(--_fve-link-highlight, var(--fvp-dark-highlight, var(--accent)))
+    );
+    --_fve-highlight-foreground: var(
+      --fve-dark-highlight-foreground,
+      var(
+        --_fve-link-highlight-foreground,
+        var(--fvp-dark-highlight-foreground, var(--accent-foreground))
+      )
+    );
+    --_fve-item-selected: var(
+      --fve-dark-item-selected,
+      var(--_fve-link-item-selected, var(--fvp-dark-item-selected, transparent))
+    );
+    --_fve-item-selected-foreground: var(
+      --fve-dark-item-selected-foreground,
+      var(--fvp-dark-item-selected-foreground, var(--popover-foreground))
+    );
+    --_fve-nav-current: var(
+      --fve-dark-nav-current,
+      var(
+        --_fve-link-nav-current,
+        var(--fvp-dark-nav-current, var(--background))
+      )
+    );
+    --_fve-nav-current-foreground: var(
+      --fve-dark-nav-current-foreground,
+      var(
+        --_fve-link-nav-current-foreground,
+        var(--fvp-dark-nav-current-foreground, var(--foreground))
+      )
+    );
+    --_fve-nav-current-edge: var(
+      --fve-dark-nav-current-edge,
+      var(--fvp-dark-nav-current-edge, var(--border))
+    );
+    --_fve-nav-current-shadow: var(
+      --fve-dark-nav-current-shadow,
+      var(--fvp-dark-nav-current-shadow, 0 1px 2px 0 rgb(0 0 0 / 0.05))
+    );
+    --_fve-control-hover: var(
+      --fve-dark-control-hover,
+      var(--fvp-dark-control-hover)
+    );
+    --_fve-control-pressed: var(
+      --fve-dark-control-pressed,
+      var(--fvp-dark-control-pressed)
+    );
+    --_fve-outline-hover-edge: var(
+      --fve-dark-outline-hover-edge,
+      var(--_fve-link-outline-hover-edge, var(--fvp-dark-outline-hover-edge))
+    );
+    --_fve-outline-hover-foreground: var(
+      --fve-dark-outline-hover-foreground,
+      var(
+        --_fve-link-outline-hover-foreground,
+        var(--fvp-dark-outline-hover-foreground, var(--foreground))
+      )
+    );
+    --_fve-focus-halo: var(
+      --fve-dark-focus-halo,
+      var(
+        --fvp-dark-focus-halo,
+        color-mix(in oklab, var(--ring) 50%, transparent)
+      )
+    );
+    --_fve-control: var(--fve-dark-control, var(--fvp-dark-control));
+    --_fve-control-edge: var(
+      --fve-dark-control-edge,
+      var(--fvp-dark-control-edge)
+    );
+    --_fve-control-thumb: var(
+      --fve-dark-control-thumb,
+      var(--fvp-dark-control-thumb)
+    );
+    --_fve-control-thumb-shadow: var(
+      --fve-dark-control-thumb-shadow,
+      var(--fvp-dark-control-thumb-shadow, 0 0 #0000)
+    );
+    --_fve-tooltip: var(
+      --fve-dark-tooltip,
+      var(--fvp-dark-tooltip, var(--foreground))
+    );
+    --_fve-tooltip-foreground: var(
+      --fve-dark-tooltip-foreground,
+      var(--fvp-dark-tooltip-foreground, var(--background))
+    );
+    --_fve-chart-grid: var(
+      --fve-dark-chart-grid,
+      var(--fvp-dark-chart-grid, var(--border))
+    );
+    --_fve-chart-axis: var(
+      --fve-dark-chart-axis,
+      var(--fvp-dark-chart-axis, var(--muted-foreground))
+    );
+    --_fve-chart-map-edge: var(
+      --fve-dark-chart-map-edge,
+      var(--fvp-dark-chart-map-edge, var(--_fve-chart-axis))
+    );
+    --_fve-chart-tooltip: var(
+      --fve-dark-chart-tooltip,
+      var(--fvp-dark-chart-tooltip, var(--popover))
+    );
+    --_fve-chart-tooltip-foreground: var(
+      --fve-dark-chart-tooltip-foreground,
+      var(--fvp-dark-chart-tooltip-foreground, var(--popover-foreground))
+    );
+    --_fve-chart-tooltip-shadow: var(
+      --fve-dark-chart-tooltip-shadow,
+      var(--fvp-dark-chart-tooltip-shadow, var(--shadow-md))
+    );
+  }
+}
+@layer fve-reset {
+  :where([data-fve-preset]) {
+    --fvp-background: initial;
+    --fvp-dark-background: initial;
+    --fvp-foreground: initial;
+    --fvp-dark-foreground: initial;
+    --fvp-card: initial;
+    --fvp-dark-card: initial;
+    --fvp-card-foreground: initial;
+    --fvp-dark-card-foreground: initial;
+    --fvp-popover: initial;
+    --fvp-dark-popover: initial;
+    --fvp-popover-foreground: initial;
+    --fvp-dark-popover-foreground: initial;
+    --fvp-primary: initial;
+    --fvp-dark-primary: initial;
+    --fvp-primary-foreground: initial;
+    --fvp-dark-primary-foreground: initial;
+    --fvp-secondary: initial;
+    --fvp-dark-secondary: initial;
+    --fvp-secondary-foreground: initial;
+    --fvp-dark-secondary-foreground: initial;
+    --fvp-muted: initial;
+    --fvp-dark-muted: initial;
+    --fvp-muted-foreground: initial;
+    --fvp-dark-muted-foreground: initial;
+    --fvp-accent: initial;
+    --fvp-dark-accent: initial;
+    --fvp-accent-foreground: initial;
+    --fvp-dark-accent-foreground: initial;
+    --fvp-sidebar: initial;
+    --fvp-dark-sidebar: initial;
+    --fvp-sidebar-foreground: initial;
+    --fvp-dark-sidebar-foreground: initial;
+    --fvp-sidebar-accent: initial;
+    --fvp-dark-sidebar-accent: initial;
+    --fvp-sidebar-accent-foreground: initial;
+    --fvp-dark-sidebar-accent-foreground: initial;
+    --fvp-sidebar-border: initial;
+    --fvp-dark-sidebar-border: initial;
+    --fvp-destructive: initial;
+    --fvp-dark-destructive: initial;
+    --fvp-success: initial;
+    --fvp-dark-success: initial;
+    --fvp-warning: initial;
+    --fvp-dark-warning: initial;
+    --fvp-border: initial;
+    --fvp-dark-border: initial;
+    --fvp-input: initial;
+    --fvp-dark-input: initial;
+    --fvp-ring: initial;
+    --fvp-dark-ring: initial;
+    --fvp-destructive-foreground: initial;
+    --fvp-dark-destructive-foreground: initial;
+    --fvp-quiet-foreground: initial;
+    --fvp-dark-quiet-foreground: initial;
+    --fvp-primary-fill: initial;
+    --fvp-dark-primary-fill: initial;
+    --fvp-primary-fill-foreground: initial;
+    --fvp-dark-primary-fill-foreground: initial;
+    --fvp-chart-1: initial;
+    --fvp-dark-chart-1: initial;
+    --fvp-chart-2: initial;
+    --fvp-dark-chart-2: initial;
+    --fvp-chart-3: initial;
+    --fvp-dark-chart-3: initial;
+    --fvp-chart-4: initial;
+    --fvp-dark-chart-4: initial;
+    --fvp-chart-5: initial;
+    --fvp-dark-chart-5: initial;
+    --fvp-chart-6: initial;
+    --fvp-dark-chart-6: initial;
+    --fvp-chart-7: initial;
+    --fvp-dark-chart-7: initial;
+    --fvp-chart-8: initial;
+    --fvp-dark-chart-8: initial;
+    --fvp-radius: initial;
+    --fvp-font-sans: initial;
+    --fvp-chart-patterns: initial;
+    --fvp-brand-l-min: initial;
+    --fvp-dark-brand-l-min: initial;
+    --fvp-brand-l-max: initial;
+    --fvp-dark-brand-l-max: initial;
+    --fvp-brand-c-max: initial;
+    --fvp-dark-brand-c-max: initial;
+    --fvp-brand-ring-l-min: initial;
+    --fvp-dark-brand-ring-l-min: initial;
+    --fvp-brand-ring-l-max: initial;
+    --fvp-dark-brand-ring-l-max: initial;
+    --fvp-brand-primary-fill-l-min: initial;
+    --fvp-dark-brand-primary-fill-l-min: initial;
+    --fvp-brand-primary-fill-l-max: initial;
+    --fvp-dark-brand-primary-fill-l-max: initial;
+    --fvp-brand-accent-lc: initial;
+    --fvp-dark-brand-accent-lc: initial;
+    --fvp-brand-sidebar-accent-lc: initial;
+    --fvp-dark-brand-sidebar-accent-lc: initial;
+    --fvp-brand-row-selected-lc: initial;
+    --fvp-dark-brand-row-selected-lc: initial;
+    --fvp-brand-chart-1-lc: initial;
+    --fvp-dark-brand-chart-1-lc: initial;
+    --fvp-preset-density: initial;
+    --fvp-shadow-sm: initial;
+    --fvp-dark-shadow-sm: initial;
+    --fvp-shadow-md: initial;
+    --fvp-dark-shadow-md: initial;
+    --fvp-shadow-lg: initial;
+    --fvp-dark-shadow-lg: initial;
+    --fvp-canvas: initial;
+    --fvp-dark-canvas: initial;
+    --fvp-content: initial;
+    --fvp-dark-content: initial;
+    --fvp-card-edge: initial;
+    --fvp-dark-card-edge: initial;
+    --fvp-card-shadow: initial;
+    --fvp-dark-card-shadow: initial;
+    --fvp-scrim: initial;
+    --fvp-dark-scrim: initial;
+    --fvp-table-header: initial;
+    --fvp-dark-table-header: initial;
+    --fvp-table-header-foreground: initial;
+    --fvp-dark-table-header-foreground: initial;
+    --fvp-table-header-weight: initial;
+    --fvp-table-header-divider: initial;
+    --fvp-dark-table-header-divider: initial;
+    --fvp-totals: initial;
+    --fvp-dark-totals: initial;
+    --fvp-row-selected: initial;
+    --fvp-dark-row-selected: initial;
+    --fvp-row-selected-foreground: initial;
+    --fvp-dark-row-selected-foreground: initial;
+    --fvp-row-hover: initial;
+    --fvp-dark-row-hover: initial;
+    --fvp-row-selected-mark: initial;
+    --fvp-dark-row-selected-mark: initial;
+    --fvp-row-selected-mark-link: initial;
+    --fvp-row-stripe: initial;
+    --fvp-dark-row-stripe: initial;
+    --fvp-row-divider: initial;
+    --fvp-dark-row-divider: initial;
+    --fvp-table-sort-idle: initial;
+    --fvp-highlight: initial;
+    --fvp-dark-highlight: initial;
+    --fvp-highlight-foreground: initial;
+    --fvp-dark-highlight-foreground: initial;
+    --fvp-highlight-link: initial;
+    --fvp-highlight-foreground-link: initial;
+    --fvp-item-selected: initial;
+    --fvp-dark-item-selected: initial;
+    --fvp-item-selected-foreground: initial;
+    --fvp-dark-item-selected-foreground: initial;
+    --fvp-item-selected-weight: initial;
+    --fvp-item-selected-link: initial;
+    --fvp-nav-current: initial;
+    --fvp-dark-nav-current: initial;
+    --fvp-nav-current-foreground: initial;
+    --fvp-dark-nav-current-foreground: initial;
+    --fvp-nav-current-edge: initial;
+    --fvp-dark-nav-current-edge: initial;
+    --fvp-nav-current-shadow: initial;
+    --fvp-dark-nav-current-shadow: initial;
+    --fvp-nav-current-link: initial;
+    --fvp-nav-current-foreground-link: initial;
+    --fvp-control-hover: initial;
+    --fvp-dark-control-hover: initial;
+    --fvp-control-pressed: initial;
+    --fvp-dark-control-pressed: initial;
+    --fvp-outline-hover-edge: initial;
+    --fvp-dark-outline-hover-edge: initial;
+    --fvp-outline-hover-foreground: initial;
+    --fvp-dark-outline-hover-foreground: initial;
+    --fvp-outline-hover-edge-link: initial;
+    --fvp-outline-hover-foreground-link: initial;
+    --fvp-focus-width: initial;
+    --fvp-focus-offset: initial;
+    --fvp-focus-style: initial;
+    --fvp-focus-halo: initial;
+    --fvp-dark-focus-halo: initial;
+    --fvp-control: initial;
+    --fvp-dark-control: initial;
+    --fvp-control-edge: initial;
+    --fvp-dark-control-edge: initial;
+    --fvp-control-thumb: initial;
+    --fvp-dark-control-thumb: initial;
+    --fvp-control-thumb-shadow: initial;
+    --fvp-dark-control-thumb-shadow: initial;
+    --fvp-control-height: initial;
+    --fvp-control-height-sm: initial;
+    --fvp-filter-height: initial;
+    --fvp-edge-width: initial;
+    --fvp-badge-edge: initial;
+    --fvp-badge-fill: initial;
+    --fvp-radius-card: initial;
+    --fvp-radius-control: initial;
+    --fvp-radius-popover: initial;
+    --fvp-radius-badge: initial;
+    --fvp-radius-checkbox: initial;
+    --fvp-title-weight: initial;
+    --fvp-strong-weight: initial;
+    --fvp-tooltip: initial;
+    --fvp-dark-tooltip: initial;
+    --fvp-tooltip-foreground: initial;
+    --fvp-dark-tooltip-foreground: initial;
+    --fvp-chart-grid: initial;
+    --fvp-dark-chart-grid: initial;
+    --fvp-chart-grid-width: initial;
+    --fvp-chart-axis: initial;
+    --fvp-dark-chart-axis: initial;
+    --fvp-chart-text-size: initial;
+    --fvp-chart-label-size: initial;
+    --fvp-chart-line-width: initial;
+    --fvp-chart-area-opacity: initial;
+    --fvp-chart-bar-radius: initial;
+    --fvp-chart-bar-min-width: initial;
+    --fvp-chart-bar-max-width: initial;
+    --fvp-chart-slice-border: initial;
+    --fvp-chart-map-edge: initial;
+    --fvp-dark-chart-map-edge: initial;
+    --fvp-chart-tooltip: initial;
+    --fvp-dark-chart-tooltip: initial;
+    --fvp-chart-tooltip-foreground: initial;
+    --fvp-dark-chart-tooltip-foreground: initial;
+    --fvp-chart-tooltip-shadow: initial;
+    --fvp-dark-chart-tooltip-shadow: initial;
+  }
+}
+@layer base {
+  .fve-root {
+
+    --_fve-surface-font: initial;
+  }
+}
+@media print {
+  .fve-root,
+  .fve-tokens {
+    --shadow-sm: 0 0 0 0 oklch(0 0 0deg / 0%);
+    --shadow-md: 0 0 0 0 oklch(0 0 0deg / 0%);
+    --shadow-lg: 0 0 0 0 oklch(0 0 0deg / 0%);
+    --_fve-card-shadow: 0 0 0 0 oklch(0 0 0deg / 0%);
+    --_fve-control-thumb-shadow: 0 0 0 0 oklch(0 0 0deg / 0%);
+    --_fve-pin-shadow: oklch(0 0 0deg / 0%);
+    --_fve-row-hover: oklch(0 0 0deg / 0%);
+    --fve-chart-patterns: on;
+  }
+}
+.fve-root [data-slot='dashboard-panel'] [data-slot='metric-value'] {
+  --_fve-metric-size: --theme(--text-2xl);
+}
+.fve-root [data-slot='metric-value'] {
+  --_fve-metric-size: --theme(--text-3xl);
+}
+@container metric (width < 16rem) {
+  .fve-root [data-slot='metric-value'] {
+    --_fve-metric-size: --theme(--text-2xl);
+  }
+}
+.fve-root
+  > [data-slot='workbench-main']
+  [data-slot='analysis-result']
+  > [data-slot='metric-card']
+  [data-slot='metric-value'] {
+  --_fve-metric-size: --theme(--text-5xl);
+}