@skellvin/casca 1.2.0 → 1.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +35 -34
  2. package/README.md.orig +136 -0
  3. package/dist/casca-core.css +1 -1
  4. package/dist/casca.css +1 -1
  5. package/package.json +3 -1
package/README.md CHANGED
@@ -1,18 +1,20 @@
1
- # Casca
2
-
3
- > CSS-first, no-JS data components: charts, tables, dashboards, KPIs, and controls. Zero dependencies, zero JavaScript, zero global side effects.
4
-
5
- [![npm](https://img.shields.io/npm/v/@skellvin/casca)](https://www.npmjs.com/package/@skellvin/casca)
6
- [![license](https://img.shields.io/npm/l/@skellvin/casca)](LICENSE)
7
- [![dependencies](https://img.shields.io/badge/dependencies-0-brightgreen)](#why-casca)
8
- [![runtime JS](https://img.shields.io/badge/runtime%20JS-0%20bytes-orange)](#why-casca)
9
-
10
- **[Live gallery](https://skell.codeberg.page/casca/)** · **[Documentation](#documentation)** · **[npm](https://www.npmjs.com/package/@skellvin/casca)**
1
+ <div align="center">
2
+ <img src="https://codeberg.org/skell/casca/raw/branch/main/img/casca-px-header-128.png" alt="Casca" width="378" height="128">
3
+ <br>
4
+ <a href="https://www.npmjs.com/package/@skellvin/casca"><img src="https://img.shields.io/npm/v/@skellvin/casca" alt="npm"></a>
5
+ <a href="https://codeberg.org/skell/casca/src/branch/main/LICENSE"><img src="https://img.shields.io/npm/l/@skellvin/casca" alt="license"></a>
6
+ <a href="#why-casca"><img src="https://img.shields.io/badge/dependencies-0-brightgreen" alt="dependencies"></a>
7
+ <a href="#why-casca"><img src="https://img.shields.io/badge/runtime%20JS-0%20bytes-orange" alt="runtime JS"></a>
8
+ <br>
9
+ <a href="https://skell.codeberg.page/casca/"><strong>Live Gallery</strong></a> · <a href="#documentation"><strong>Documentation</strong></a> · <a href="https://www.npmjs.com/package/@skellvin/casca"><strong>npm</strong></a>
10
+ </div>
11
11
 
12
- Casca is a **zero-JavaScript** CSS toolkit for data-rich, server-rendered pages. Charts, tables, dashboards, KPIs, and form-aware controls, all built from plain HTML styled by CSS. No runtime, no build step to use it, and not a single global side effect: every rule is scoped to `.casca-*` and every custom property is prefixed `--casca-*`.
12
+ ---
13
13
 
14
14
  ## What's inside
15
15
 
16
+ > CSS-first, no-JS data, accessibility-forward components: charts, tables, dashboards, KPIs, and controls. Zero dependencies, zero JavaScript, zero global side effects.
17
+
16
18
  | | |
17
19
  |---|---|
18
20
  | **[Charts](https://skell.codeberg.page/casca/#charts)** | bar, line, area, pie/donut, progress/gauge, heatmap, scatter, waterfall, radar, candlestick |
@@ -24,11 +26,11 @@ Casca is a **zero-JavaScript** CSS toolkit for data-rich, server-rendered pages.
24
26
 
25
27
  ## Why Casca
26
28
 
27
- - **Zero JavaScript.** Every feature works with JS disabled. Interactivity rides on native form controls, `:checked`, `:has()`, and a server round-trip.
28
- - **Zero dependencies.** A self-contained design system with nothing to audit.
29
- - **Zero global side effects.** Scoped to `.casca-*`, with no host-page resets, no `:root { color-scheme }`, and no naming collisions. Enforced by a CSS-contract linter.
30
- - **Vendorable.** It is one dependency-free CSS file. Copy it into your repo, pin the bytes, and there is no supply chain to worry about.
31
- - **Accessible by default.** WCAG 2.1 AA target: semantic HTML, keyboard support, forced-colors and reduced-motion handling, and meaning never carried by color alone.
29
+ - ⚡ **Zero JavaScript.** Every feature works with JS disabled. Interactivity rides on native form controls, `:checked`, `:has()`, and a server round-trip.
30
+ - 📦 **Zero dependencies.** A self-contained design system with nothing to audit.
31
+ - 🛡️ **Zero global side effects.** Scoped to `.casca-*`, with no host-page resets, no `:root { color-scheme }`, and no naming collisions. Enforced by a CSS-contract linter.
32
+ - 📋 **Vendorable.** It is one dependency-free CSS file. Copy it into your repo, pin the bytes, and there is no supply chain to worry about.
33
+ - ♿ **Accessible by default.** WCAG 2.1 AA target: semantic HTML, keyboard support, forced-colors and reduced-motion handling, and meaning never carried by color alone.
32
34
 
33
35
  ## Get it
34
36
 
@@ -70,7 +72,7 @@ npm install @skellvin/casca
70
72
 
71
73
  ## Quick start
72
74
 
73
- Link a bundle, then write plain HTML:
75
+ Link a bundle, then write plain HTML. This is a bar chart:
74
76
 
75
77
  ```html
76
78
  <link rel="stylesheet" href="casca.css">
@@ -81,17 +83,16 @@ Link a bundle, then write plain HTML:
81
83
  <div class="casca-bar-group">
82
84
  <div class="casca-bar-item"><div class="casca-bar-value" style="--value: 60%; --color: var(--casca-color-1)"></div></div>
83
85
  <div class="casca-bar-item"><div class="casca-bar-value" style="--value: 80%; --color: var(--casca-color-1)"></div></div>
84
- <div class="casca-bar-item"><div class="casca-bar-value" style="--value: 45%; --color: var(--casca-color-1)"></div></div>
85
86
  </div>
86
87
  </div>
87
88
  </div>
88
89
  ```
89
90
 
90
- That renders a bar chart with no JavaScript. Pair any visual chart with a `.casca-data` table for the accessible text alternative; see the [Accessibility guide](docs/ACCESSIBILITY.md).
91
+ Pair any visual chart with a `.casca-data` table for the accessible text alternative; see the [Accessibility guide](https://codeberg.org/skell/casca/src/branch/main/docs/ACCESSIBILITY.md).
91
92
 
92
93
  ## Builds
93
94
 
94
- Two axes, all contract-clean: pick a **build** (which components), then a tiny **theme** overlay (the palette).
95
+ Easily use the all-in-one `casca.css` with everything included (~10KB gzipped), or optimize with `casca-core.css` plus desired extensions and theme.
95
96
 
96
97
  | Import | File | What |
97
98
  |--------|------|------|
@@ -102,34 +103,34 @@ Two axes, all contract-clean: pick a **build** (which components), then a tiny *
102
103
  | `@skellvin/casca/extended-layout` | `casca-extended-layout.css` | Add-on: the page shell, card, card-grid, toolbar, anchor-nav. |
103
104
  | `@skellvin/casca/theme-default` · `/theme-high-contrast` · `/theme-muted` · `/theme-vibrant` | `casca-theme-*.css` | Tiny (~1 KB) `--casca-*` palette overlays. Load one over `casca-core.css`. |
104
105
 
105
- Extensions and themes layer on top of `casca-core.css`; `casca.css` bundles them all. Host apps with their own design system should use **`@skellvin/casca/core`** and map their tokens into `--casca-*`. See the [Adoption guide](docs/ADOPTION.md).
106
+ Extensions and themes layer on top of `casca-core.css`; `casca.css` bundles them all. Want a custom theme? Use **`@skellvin/casca/core`** and map tokens into `--casca-*`. See the [Adoption guide](https://codeberg.org/skell/casca/src/branch/main/docs/ADOPTION.md).
106
107
 
107
108
  ## Browser support
108
109
 
109
- Modern CSS: `:has()`, container queries, `@property`, `color-mix()`, `accent-color`. Chrome/Edge 105+, Safari 16+, Firefox 121+, with documented graceful degradation on older versions. Full matrix in [COMPATIBILITY.md](docs/COMPATIBILITY.md).
110
+ Modern CSS: `:has()`, container queries, `@property`, `color-mix()`, `accent-color`. Chrome/Edge 105+, Safari 16+, Firefox 121+, with documented graceful degradation on older versions. Full matrix in [COMPATIBILITY.md](https://codeberg.org/skell/casca/src/branch/main/docs/COMPATIBILITY.md).
110
111
 
111
112
  ## Documentation
112
113
 
113
- - **[API Reference](docs/API.md)**: every component, class, attribute, and custom property
114
- - **[Adoption Guide](docs/ADOPTION.md)**: which build to use, bring-your-own-theme, when *not* to use Casca
115
- - **[Integration Guide](docs/INTEGRATION.md)**: static no-JS render recipe plus a server-render [security contract](docs/INTEGRATION.md#server-render-security-contract); optional Go templates + htmx for live updates
116
- - **[Accessibility Guide](docs/ACCESSIBILITY.md)**: the a11y contract for charts, controls, and components
117
- - **[Compatibility](docs/COMPATIBILITY.md)**: browser support matrix and fallbacks
118
- - **[Changelog](CHANGELOG.md)**: release history
114
+ - **[API Reference](https://codeberg.org/skell/casca/src/branch/main/docs/API.md)**: every component, class, attribute, and custom property
115
+ - **[Adoption Guide](https://codeberg.org/skell/casca/src/branch/main/docs/ADOPTION.md)**: which build to use, bring-your-own-theme, when *not* to use Casca
116
+ - **[Integration Guide](https://codeberg.org/skell/casca/src/branch/main/docs/INTEGRATION.md)**: static no-JS render recipe plus a server-render [security contract](https://codeberg.org/skell/casca/src/branch/main/docs/INTEGRATION.md#server-render-security-contract); optional Go templates + htmx for live updates
117
+ - **[Accessibility Guide](https://codeberg.org/skell/casca/src/branch/main/docs/ACCESSIBILITY.md)**: the a11y contract for charts, controls, and components
118
+ - **[Compatibility](https://codeberg.org/skell/casca/src/branch/main/docs/COMPATIBILITY.md)**: browser support matrix and fallbacks
119
+ - **[Changelog](https://codeberg.org/skell/casca/src/branch/main/CHANGELOG.md)**: release history
119
120
 
120
121
  ## Development
121
122
 
122
123
  ```bash
123
- bun install # dependencies (lightningcss)
124
- bun run build # build all bundles into dist/
125
- bun run lint:all # verify the scoped-CSS contract on every bundle
126
- bun run dev # watch + serve examples/
124
+ npm install # dependencies (lightningcss)
125
+ npm run build # build all bundles into dist/
126
+ npm run lint:all # verify the scoped-CSS contract on every bundle
127
+ npm run dev # watch + serve examples/
127
128
  ```
128
129
 
129
130
  ## Contributing
130
131
 
131
- Issues and pull requests welcome at [codeberg.org/skell/casca](https://codeberg.org/skell/casca). New primitives need docs (`docs/API.md`), an example, and passing `lint:all` on all bundles. See [CLAUDE.md](CLAUDE.md) for the working contract.
132
+ Issues and pull requests welcome at [codeberg.org/skell/casca](https://codeberg.org/skell/casca). New primitives need docs (`docs/API.md`), an example, and passing `lint:all` on all bundles.
132
133
 
133
134
  ## License
134
135
 
135
- [MIT](LICENSE) © skell
136
+ [MIT](https://codeberg.org/skell/casca/src/branch/main/LICENSE) © skell
package/README.md.orig ADDED
@@ -0,0 +1,136 @@
1
+ <div align="center">
2
+ <img src="img/casca-px-header-128.png" alt="Casca" width="378" height="128">
3
+ <br>
4
+ <a href="https://www.npmjs.com/package/@skellvin/casca"><img src="https://img.shields.io/npm/v/@skellvin/casca" alt="npm"></a>
5
+ <a href="LICENSE"><img src="https://img.shields.io/npm/l/@skellvin/casca" alt="license"></a>
6
+ <a href="#why-casca"><img src="https://img.shields.io/badge/dependencies-0-brightgreen" alt="dependencies"></a>
7
+ <a href="#why-casca"><img src="https://img.shields.io/badge/runtime%20JS-0%20bytes-orange" alt="runtime JS"></a>
8
+ <br>
9
+ <a href="https://skell.codeberg.page/casca/"><strong>Live Gallery</strong></a> · <a href="#documentation"><strong>Documentation</strong></a> · <a href="https://www.npmjs.com/package/@skellvin/casca"><strong>npm</strong></a>
10
+ </div>
11
+
12
+ ---
13
+
14
+ ## What's inside
15
+
16
+ > CSS-first, no-JS data, accessibility-forward components: charts, tables, dashboards, KPIs, and controls. Zero dependencies, zero JavaScript, zero global side effects.
17
+
18
+ | | |
19
+ |---|---|
20
+ | **[Charts](https://skell.codeberg.page/casca/#charts)** | bar, line, area, pie/donut, progress/gauge, heatmap, scatter, waterfall, radar, candlestick |
21
+ | **[Controls](https://skell.codeberg.page/casca/#controls)** | switch, tabs, disclosure, filter, series toggle, range slider, slot grid, pager. Native form controls + `:has()`, no JS |
22
+ | **[Components](https://skell.codeberg.page/casca/#components)** | stat cards, data table (sort / filter / row-select), chips, legend, card, card-grid, toolbar, anchor-nav, toggle |
23
+ | **[Themes](https://skell.codeberg.page/casca/#themes)** | default, high-contrast, muted, vibrant. Swap one `<link>` to recolor everything |
24
+
25
+ **[Browse the live gallery](https://skell.codeberg.page/casca/)**, where every element on the page (even its own chrome) is real Casca, with copy-paste markup.
26
+
27
+ ## Why Casca
28
+
29
+ - ⚡ **Zero JavaScript.** Every feature works with JS disabled. Interactivity rides on native form controls, `:checked`, `:has()`, and a server round-trip.
30
+ - 📦 **Zero dependencies.** A self-contained design system with nothing to audit.
31
+ - 🛡️ **Zero global side effects.** Scoped to `.casca-*`, with no host-page resets, no `:root { color-scheme }`, and no naming collisions. Enforced by a CSS-contract linter.
32
+ - 📋 **Vendorable.** It is one dependency-free CSS file. Copy it into your repo, pin the bytes, and there is no supply chain to worry about.
33
+ - ♿ **Accessible by default.** WCAG 2.1 AA target: semantic HTML, keyboard support, forced-colors and reduced-motion handling, and meaning never carried by color alone.
34
+
35
+ ## Get it
36
+
37
+ ### Vendor it (recommended)
38
+
39
+ Casca is a single, dependency-free stylesheet, so the most robust path is to copy it straight into your project. Every release attaches the bundles plus a `SHA256SUMS` to the [Codeberg release](https://codeberg.org/skell/casca/releases), so you can fetch and verify the exact bytes with no npm client and no build step:
40
+
41
+ ```bash
42
+ ver=v1.2.0
43
+ curl -LO "https://codeberg.org/skell/casca/releases/download/$ver/casca.css"
44
+ curl -LO "https://codeberg.org/skell/casca/releases/download/$ver/SHA256SUMS"
45
+ sha256sum --ignore-missing -c SHA256SUMS # verify what you fetched
46
+ ```
47
+
48
+ Drop `casca.css` into your assets, link it, and commit it. No package manager, no runtime CDN, no build, and the version is pinned in your own history. Reach for `casca-core.css` instead if you want the lean, bring-your-own-theme build.
49
+
50
+ ```html
51
+ <link rel="stylesheet" href="/assets/casca.css">
52
+ ```
53
+
54
+ ### npm
55
+
56
+ ```bash
57
+ npm install @skellvin/casca
58
+ ```
59
+
60
+ Rather not use npmjs.com? The same package is published to **[Codeberg Packages](https://codeberg.org/skell/-/packages)**:
61
+
62
+ ```bash
63
+ echo '@skellvin:registry=https://codeberg.org/api/packages/skell/npm/' >> .npmrc
64
+ npm install @skellvin/casca
65
+ ```
66
+
67
+ ### CDN
68
+
69
+ ```html
70
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@skellvin/casca/dist/casca.css">
71
+ ```
72
+
73
+ ## Quick start
74
+
75
+ Link a bundle, then write plain HTML. This is a bar chart:
76
+
77
+ ```html
78
+ <link rel="stylesheet" href="casca.css">
79
+
80
+ <div class="casca">
81
+ <div class="casca-title">Revenue by quarter</div>
82
+ <div class="casca-bar">
83
+ <div class="casca-bar-group">
84
+ <div class="casca-bar-item"><div class="casca-bar-value" style="--value: 60%; --color: var(--casca-color-1)"></div></div>
85
+ <div class="casca-bar-item"><div class="casca-bar-value" style="--value: 80%; --color: var(--casca-color-1)"></div></div>
86
+ </div>
87
+ </div>
88
+ </div>
89
+ ```
90
+
91
+ Pair any visual chart with a `.casca-data` table for the accessible text alternative; see the [Accessibility guide](docs/ACCESSIBILITY.md).
92
+
93
+ ## Builds
94
+
95
+ Easily use the all-in-one `casca.css` with everything included (~10KB gzipped), or optimize with `casca-core.css` plus desired extensions and theme.
96
+
97
+ | Import | File | What |
98
+ |--------|------|------|
99
+ | `@skellvin/casca` | `casca.css` | **All-in-one**: core + every extension + the default theme. One `<link>`, everything. |
100
+ | `@skellvin/casca/core` | `casca-core.css` | **Lean core** (~9 KB gzip): the base layer (container, titles, chips, legend, pager) plus bar, line, area, pie/donut, progress/gauge, KPI stat cards, and the data table. No theme. |
101
+ | `@skellvin/casca/extended-charts` | `casca-extended-charts.css` | Add-on: heatmap, scatter, waterfall, radar, candlestick. |
102
+ | `@skellvin/casca/extended-controls` | `casca-extended-controls.css` | Add-on: switch, tabs, disclosure, filter, series toggle, toggle, range slider, slot grid. |
103
+ | `@skellvin/casca/extended-layout` | `casca-extended-layout.css` | Add-on: the page shell, card, card-grid, toolbar, anchor-nav. |
104
+ | `@skellvin/casca/theme-default` · `/theme-high-contrast` · `/theme-muted` · `/theme-vibrant` | `casca-theme-*.css` | Tiny (~1 KB) `--casca-*` palette overlays. Load one over `casca-core.css`. |
105
+
106
+ Extensions and themes layer on top of `casca-core.css`; `casca.css` bundles them all. Want a custom theme? Use **`@skellvin/casca/core`** and map tokens into `--casca-*`. See the [Adoption guide](docs/ADOPTION.md).
107
+
108
+ ## Browser support
109
+
110
+ Modern CSS: `:has()`, container queries, `@property`, `color-mix()`, `accent-color`. Chrome/Edge 105+, Safari 16+, Firefox 121+, with documented graceful degradation on older versions. Full matrix in [COMPATIBILITY.md](docs/COMPATIBILITY.md).
111
+
112
+ ## Documentation
113
+
114
+ - **[API Reference](docs/API.md)**: every component, class, attribute, and custom property
115
+ - **[Adoption Guide](docs/ADOPTION.md)**: which build to use, bring-your-own-theme, when *not* to use Casca
116
+ - **[Integration Guide](docs/INTEGRATION.md)**: static no-JS render recipe plus a server-render [security contract](docs/INTEGRATION.md#server-render-security-contract); optional Go templates + htmx for live updates
117
+ - **[Accessibility Guide](docs/ACCESSIBILITY.md)**: the a11y contract for charts, controls, and components
118
+ - **[Compatibility](docs/COMPATIBILITY.md)**: browser support matrix and fallbacks
119
+ - **[Changelog](CHANGELOG.md)**: release history
120
+
121
+ ## Development
122
+
123
+ ```bash
124
+ npm install # dependencies (lightningcss)
125
+ npm run build # build all bundles into dist/
126
+ npm run lint:all # verify the scoped-CSS contract on every bundle
127
+ npm run dev # watch + serve examples/
128
+ ```
129
+
130
+ ## Contributing
131
+
132
+ Issues and pull requests welcome at [codeberg.org/skell/casca](https://codeberg.org/skell/casca). New primitives need docs (`docs/API.md`), an example, and passing `lint:all` on all bundles.
133
+
134
+ ## License
135
+
136
+ [MIT](LICENSE) © skell
package/dist/casca-core.css CHANGED
@@ -1 +1 @@
1
- @layer casca.design-tokens{:root{--casca-gray-0:#fff;--casca-gray-1:#f8f9fa;--casca-gray-2:#e9ecef;--casca-gray-3:#dee2e6;--casca-gray-4:#ced4da;--casca-gray-5:#adb5bd;--casca-gray-6:#6c757d;--casca-gray-7:#495057;--casca-gray-8:#343a40;--casca-gray-9:#212529;--casca-blue-5:#4dabf7;--casca-blue-6:#228be6;--casca-blue-7:#1c7ed6;--casca-blue-8:#1971c2;--casca-teal-5:#20c997;--casca-teal-6:#12b886;--casca-orange-5:#ff922b;--casca-orange-6:#fd7e14;--casca-pink-5:#f06595;--casca-pink-6:#e64980;--casca-green-5:#51cf66;--casca-green-6:#40c057;--casca-green-7:#37b24d;--casca-green-8:#2f9e44;--casca-green-9:#2b8a3e;--casca-purple-5:#9775fa;--casca-purple-6:#845ef7;--casca-yellow-5:#ffd43b;--casca-yellow-6:#fab005;--casca-red-5:#ff6b6b;--casca-red-6:#fa5252;--casca-red-7:#f03e3e;--casca-red-8:#e03131;--casca-red-9:#c92a2a;--casca-surface-1:#fff;--casca-size-1:.25rem;--casca-size-2:.5rem;--casca-size-3:.75rem;--casca-size-4:1rem;--casca-size-5:1.5rem;--casca-size-6:2rem;--casca-font-size-00:.75rem;--casca-font-size-0:.875rem;--casca-font-size-1:1rem;--casca-font-size-3:1.25rem;--casca-font-size-4:1.5rem;--casca-font-size-5:2rem;--casca-font-weight-4:400;--casca-font-weight-6:600;--casca-font-weight-7:700;--casca-font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--casca-radius-1:.125rem;--casca-radius-2:.25rem;--casca-ease-out-3:cubic-bezier(.2, 0, 0, 1)}@media (prefers-color-scheme:dark){:root{--casca-surface-1:#1a1a1a}}}@layer casca.tokens{@property --casca-value{syntax:"<percentage>";inherits:false;initial-value:0%}@property --casca-value-num{syntax:"<number>";inherits:false;initial-value:0}@property --casca-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-1{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-2{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-3{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-4{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-5{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-6{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-7{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-8{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--casca-height:300px;--casca-width:100%;--casca-gap:var(--casca-size-2);--casca-padding:var(--casca-size-4);--casca-bar-width:var(--casca-size-6);--casca-bar-radius:var(--casca-radius-2);--casca-bar-min-height:2px;--casca-bar-rank-label-width:7rem;--casca-pie-size:250px;--casca-donut-hole-size:40%;--casca-line-stroke-width:2px;--casca-line-point-size:6px;--casca-line-area-opacity:.1;--casca-progress-height:var(--casca-size-3);--casca-progress-radius:var(--casca-radius-2);--casca-gauge-size:200px;--casca-gauge-thickness:20px;--casca-heatmap-cols:7;--casca-heatmap-gap:var(--casca-size-1);--casca-heatmap-radius:var(--casca-radius-1);--casca-heatmap-color:var(--casca-color-1);--casca-heatmap-empty:var(--casca-gray-2);--casca-heatmap-empty-dark:var(--casca-gray-8);--casca-scatter-aspect:4 / 3;--casca-scatter-point-size:.75rem;--casca-scatter-grid-color:var(--casca-grid-color);--casca-scatter-grid-step:25%;--casca-scatter-trend-color:var(--casca-label-color);--casca-scatter-trend-width:1.5;--casca-scatter-quadrant-color:var(--casca-axis-color);--casca-waterfall-height:240px;--casca-waterfall-gap:var(--casca-size-3);--casca-waterfall-radius:var(--casca-radius-1);--casca-waterfall-increase:var(--casca-color-5);--casca-waterfall-decrease:var(--casca-color-8);--casca-waterfall-total:var(--casca-color-1);--casca-waterfall-connector-color:var(--casca-axis-color);--casca-waterfall-connector-width:1px;--casca-radar-axes:6;--casca-radar-grid-color:var(--casca-grid-color);--casca-radar-fill-opacity:.35;--casca-candlestick-height:240px;--casca-candlestick-gap:var(--casca-size-1);--casca-candle-up:var(--casca-color-5);--casca-candle-down:var(--casca-color-8);--casca-candle-wick-width:2px;--casca-candle-body-inset:22%;--casca-candle-radius:var(--casca-radius-1);--casca-candle-min-body:2px;--casca-duration:.4s;--casca-easing:var(--casca-ease-out-3);--casca-font:var(--casca-font-sans);--casca-font-size:var(--casca-font-size-0);--casca-label-color:var(--casca-gray-6);--casca-axis-color:var(--casca-gray-4);--casca-grid-color:var(--casca-gray-2);--casca-axis-width:1px;--casca-axis-y-width:2.25rem;--casca-axis-x-height:1.25rem;--casca-axis-count:6;--casca-axis-radius:56%;--casca-color-1:var(--casca-blue-6);--casca-color-2:var(--casca-teal-6);--casca-color-3:var(--casca-orange-6);--casca-color-4:var(--casca-pink-6);--casca-color-5:var(--casca-green-6);--casca-color-6:var(--casca-purple-6);--casca-color-7:var(--casca-yellow-6);--casca-color-8:var(--casca-red-6);--casca-on-accent:var(--casca-gray-0);--casca-slot-cols:5;--casca-slot-col-min:4.5rem;--casca-slot-gap:var(--casca-size-2);--casca-slot-radius:var(--casca-radius-2);--casca-slot-min-size:2.75rem;--casca-slot-bg:var(--casca-gray-1);--casca-slot-color:var(--casca-gray-8);--casca-slot-border:var(--casca-gray-3);--casca-slot-hover-bg:var(--casca-gray-2);--casca-slot-hover-border:var(--casca-gray-4);--casca-slot-selected-bg:var(--casca-color-1);--casca-slot-selected-color:var(--casca-on-accent);--casca-slot-selected-border:var(--casca-color-1);--casca-slot-taken-bg:var(--casca-gray-1);--casca-slot-taken-color:var(--casca-gray-5);--casca-slot-pending-bg:var(--casca-yellow-5);--casca-slot-pending-color:var(--casca-gray-9);--casca-slot-pending-border:var(--casca-yellow-6);--casca-slot-focus-ring:var(--casca-color-1);--casca-slot-bg-dark:var(--casca-gray-8);--casca-slot-color-dark:var(--casca-gray-1);--casca-slot-border-dark:var(--casca-gray-7);--casca-slot-hover-bg-dark:var(--casca-gray-7);--casca-slot-hover-border-dark:var(--casca-gray-6);--casca-slot-taken-bg-dark:var(--casca-gray-9);--casca-slot-taken-color-dark:var(--casca-gray-6);--casca-slot-pending-bg-dark:var(--casca-yellow-6);--casca-slot-pending-color-dark:var(--casca-gray-9);--casca-slot-pending-border-dark:var(--casca-yellow-6);--casca-table-border:var(--casca-gray-3);--casca-table-head-bg:var(--casca-gray-1);--casca-table-head-color:var(--casca-gray-7);--casca-table-row-stripe:var(--casca-gray-1);--casca-table-hover-bg:var(--casca-gray-2);--casca-table-foot-bg:var(--casca-gray-1);--casca-table-cell-pad-block:var(--casca-size-2);--casca-table-cell-pad-inline:var(--casca-size-3);--casca-table-trend-up:var(--casca-green-9);--casca-table-trend-down:var(--casca-red-8);--casca-table-row-selected:color-mix(in oklab, var(--casca-color-1) 14%, var(--casca-gray-0));--casca-table-select-accent:var(--casca-color-1);--casca-table-border-dark:var(--casca-gray-7);--casca-table-head-bg-dark:var(--casca-gray-8);--casca-table-head-color-dark:var(--casca-gray-3);--casca-table-row-stripe-dark:var(--casca-gray-8);--casca-table-hover-bg-dark:var(--casca-gray-7);--casca-table-foot-bg-dark:var(--casca-gray-8);--casca-table-trend-up-dark:var(--casca-green-5);--casca-table-trend-down-dark:var(--casca-red-5);--casca-table-row-selected-dark:color-mix(in oklab, var(--casca-color-1) 26%, var(--casca-gray-9));--casca-table-select-accent-dark:var(--casca-color-1);--casca-range-accent:var(--casca-color-1);--casca-range-accent-dark:var(--casca-color-1);--casca-range-block-size:1.5rem;--casca-stat-bg:transparent;--casca-stat-border:var(--casca-gray-3);--casca-stat-radius:var(--casca-radius-2);--casca-stat-pad:var(--casca-size-5);--casca-stat-label-color:var(--casca-gray-6);--casca-stat-value-color:var(--casca-gray-9);--casca-stat-value-size:var(--casca-font-size-5);--casca-stat-caption-color:var(--casca-gray-6);--casca-stat-up:var(--casca-green-9);--casca-stat-down:var(--casca-red-8);--casca-stat-bg-dark:transparent;--casca-stat-border-dark:var(--casca-gray-7);--casca-stat-label-color-dark:var(--casca-gray-5);--casca-stat-value-color-dark:var(--casca-gray-0);--casca-stat-caption-color-dark:var(--casca-gray-5);--casca-stat-up-dark:var(--casca-green-5);--casca-stat-down-dark:var(--casca-red-5);--casca-card-bg:var(--casca-surface-1);--casca-card-border:var(--casca-gray-3);--casca-card-radius:var(--casca-radius-2);--casca-card-pad:var(--casca-size-5);--casca-card-gap:var(--casca-size-3);--casca-card-title-color:var(--casca-gray-9);--casca-card-title-size:var(--casca-font-size-1);--casca-card-footer-color:var(--casca-gray-6);--casca-card-border-dark:var(--casca-gray-7);--casca-card-title-color-dark:var(--casca-gray-0);--casca-card-footer-color-dark:var(--casca-gray-5);--casca-card-grid-min:16rem;--casca-card-grid-gap:var(--casca-size-4);--casca-toolbar-gap:var(--casca-size-3);--casca-anchor-nav-gap:var(--casca-size-1);--casca-anchor-nav-color:var(--casca-gray-7);--casca-anchor-nav-active:var(--casca-color-1);--casca-anchor-nav-pad:var(--casca-size-2);--casca-anchor-nav-color-dark:var(--casca-gray-4)}}@layer casca.base{.casca,figure.casca{--_height:var(--casca-height);--_width:var(--casca-width);--_padding:var(--casca-padding);--_gap:var(--casca-gap);box-sizing:border-box;width:var(--_width);min-height:var(--_height);padding:var(--_padding);font-family:var(--casca-font);font-size:var(--casca-font-size);margin:0;display:grid;container:casca/inline-size}.casca[data-density=compact]{--_padding:var(--casca-size-2);--_gap:var(--casca-size-1);--_height:200px}.casca[data-density=compact] .casca-title{font-size:var(--casca-font-size-1);margin-block-end:var(--casca-size-1)}.casca[data-density=compact] .casca-subtitle{font-size:var(--casca-font-size-0);margin-block-end:var(--casca-size-2)}.casca[data-density=compact] .casca-legend{gap:var(--casca-size-2);font-size:var(--casca-font-size-00)}.casca[data-density=compact] .casca-legend-swatch{width:var(--casca-size-2);height:var(--casca-size-2)}.casca[data-density=dense]{--_padding:var(--casca-size-1);--_gap:var(--casca-size-1);--_height:120px;font-size:var(--casca-font-size-00)}.casca[data-density=dense] .casca-title{font-size:var(--casca-font-size-0);margin-block-end:var(--casca-size-1)}.casca[data-density=dense] .casca-subtitle{font-size:var(--casca-font-size-00);margin-block-end:var(--casca-size-1)}.casca[data-density=dense] .casca-legend{gap:var(--casca-size-1);font-size:var(--casca-font-size-00)}.casca[data-density=dense] .casca-legend-swatch{width:var(--casca-size-1);height:var(--casca-size-1)}.casca[data-density=compact] .casca-bar{--casca-bar-width:var(--casca-size-4)}.casca[data-density=dense] .casca-bar{--casca-bar-width:var(--casca-size-3)}.casca[data-density=compact] .casca-pie{--casca-pie-size:180px}.casca[data-density=dense] .casca-pie{--casca-pie-size:100px}.casca-title{font-size:var(--casca-font-size-3);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-8);margin-block-end:var(--casca-size-3)}.casca figcaption,figure.casca figcaption{margin-block-end:var(--casca-size-4)}figure.casca figcaption .casca-title{margin-block-end:var(--casca-size-2)}.casca-subtitle{font-size:var(--casca-font-size-1);color:var(--casca-label-color);margin-block-end:var(--casca-size-4)}.casca-legend{gap:var(--casca-size-3);font-size:var(--casca-font-size-0);color:var(--casca-label-color);flex-wrap:wrap;display:flex}.casca-legend-item{align-items:center;gap:var(--casca-size-1);display:flex}.casca-legend-swatch{width:var(--casca-size-3);height:var(--casca-size-3);border-radius:var(--casca-radius-1);background:var(--_color,var(--casca-color-1))}.casca-chip{--_chip-bg:var(--chip-bg,var(--casca-gray-9));--_chip-color:var(--chip-color,var(--casca-gray-0));--_chip-border:var(--chip-border,transparent);align-items:center;gap:var(--casca-size-1);padding:var(--casca-size-1) var(--casca-size-2);background:var(--_chip-bg);color:var(--_chip-color);border:1px solid var(--_chip-border);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);white-space:nowrap;line-height:1;display:inline-flex}.casca-chip[data-position=absolute]{top:var(--chip-top,auto);right:var(--chip-right,auto);bottom:var(--chip-bottom,auto);left:var(--chip-left,auto);z-index:10;position:absolute}.casca-chip[data-variant=success]{--_chip-bg:var(--casca-green-9);--_chip-color:var(--casca-gray-0)}.casca-chip[data-variant=warning]{--_chip-bg:var(--casca-yellow-6);--_chip-color:var(--casca-gray-9)}.casca-chip[data-variant=error]{--_chip-bg:var(--casca-red-8);--_chip-color:var(--casca-gray-0)}.casca-chip[data-variant=info]{--_chip-bg:var(--casca-blue-8);--_chip-color:var(--casca-gray-0)}.casca-chip[data-variant=neutral]{--_chip-bg:var(--casca-gray-2);--_chip-color:var(--casca-gray-8)}.casca-chip[data-variant=outline]{--_chip-bg:transparent;--_chip-color:var(--casca-gray-9);--_chip-border:var(--casca-gray-4)}@media (prefers-color-scheme:dark){.casca-chip[data-variant=outline]{--_chip-color:var(--casca-gray-0);--_chip-border:var(--casca-gray-6)}.casca-chip[data-variant=neutral]{--_chip-bg:var(--casca-gray-7);--_chip-color:var(--casca-gray-0)}}.casca-chip-icon{width:var(--casca-size-3);height:var(--casca-size-3);justify-content:center;align-items:center;display:inline-flex}.casca-legend-paginated{gap:var(--casca-size-3);flex-direction:column;display:flex}.casca-legend-paginated input[type=radio]{opacity:0;pointer-events:none;position:absolute}.casca-legend-pages{min-height:6rem;position:relative}.casca-legend-page{gap:var(--casca-size-3);font-size:var(--casca-font-size-0);color:var(--casca-label-color);flex-wrap:wrap;display:none}.casca-legend-paginated input[type=radio][data-page="1"]:checked~.casca-legend-pages .casca-legend-page[data-page="1"],.casca-legend-paginated input[type=radio][data-page="1"]:checked~.casca-legend-pages .casca-legend-page[data-page="1"],.casca-legend-paginated input[type=radio][data-page="2"]:checked~.casca-legend-pages .casca-legend-page[data-page="2"],.casca-legend-paginated input[type=radio][data-page="3"]:checked~.casca-legend-pages .casca-legend-page[data-page="3"],.casca-legend-paginated input[type=radio][data-page="4"]:checked~.casca-legend-pages .casca-legend-page[data-page="4"],.casca-legend-paginated input[type=radio][data-page="5"]:checked~.casca-legend-pages .casca-legend-page[data-page="5"],.casca-legend-paginated input#legend-page-1:checked~.casca-legend-pages .casca-legend-page[data-page="1"],.casca-legend-paginated input#legend-page-2:checked~.casca-legend-pages .casca-legend-page[data-page="2"],.casca-legend-paginated input#legend-page-3:checked~.casca-legend-pages .casca-legend-page[data-page="3"],.casca-legend-paginated input#legend-page-4:checked~.casca-legend-pages .casca-legend-page[data-page="4"],.casca-legend-paginated input#legend-page-5:checked~.casca-legend-pages .casca-legend-page[data-page="5"]{display:flex}.casca-legend-controls{justify-content:space-between;align-items:center;gap:var(--casca-size-2);display:flex}.casca-legend-nav{gap:var(--casca-size-2);align-items:center;display:flex}.casca-legend-nav label{min-width:var(--casca-size-6);padding:var(--casca-size-1) var(--casca-size-2);background:var(--casca-gray-2);color:var(--casca-gray-8);border:1px solid var(--casca-gray-3);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.casca-legend-nav label:hover{background:var(--casca-gray-3);border-color:var(--casca-gray-4)}.casca-legend-nav label:active{transform:scale(.97)}.casca-legend-nav input:checked+label{background:var(--casca-color-1);color:var(--casca-gray-0);border-color:var(--casca-color-1)}.casca-legend-indicator-page{font-size:var(--casca-font-size-00);color:var(--casca-label-color);font-weight:var(--casca-font-weight-4);display:none}:is(.casca-legend-paginated:has(input[type=radio][data-page="1"]:checked) .casca-legend-indicator-page[data-page="1"],.casca-legend-paginated:has(input[type=radio][data-page="2"]:checked) .casca-legend-indicator-page[data-page="2"],.casca-legend-paginated:has(input[type=radio][data-page="3"]:checked) .casca-legend-indicator-page[data-page="3"],.casca-legend-paginated:has(input[type=radio][data-page="4"]:checked) .casca-legend-indicator-page[data-page="4"],.casca-legend-paginated:has(input[type=radio][data-page="5"]:checked) .casca-legend-indicator-page[data-page="5"]),:is(.casca-legend-paginated:has(#legend-page-1:checked) .casca-legend-indicator-page[data-page="1"],.casca-legend-paginated:has(#legend-page-2:checked) .casca-legend-indicator-page[data-page="2"],.casca-legend-paginated:has(#legend-page-3:checked) .casca-legend-indicator-page[data-page="3"],.casca-legend-paginated:has(#legend-page-4:checked) .casca-legend-indicator-page[data-page="4"],.casca-legend-paginated:has(#legend-page-5:checked) .casca-legend-indicator-page[data-page="5"]){display:block}.casca-legend-indicator{font-size:var(--casca-font-size-00);color:var(--casca-label-color);font-weight:var(--casca-font-weight-4)}@supports selector(:has(*)){.casca-legend-indicator{display:none}}@media (prefers-color-scheme:dark){.casca-legend-nav label{background:var(--casca-gray-8);color:var(--casca-gray-1);border-color:var(--casca-gray-7)}.casca-legend-nav label:hover{background:var(--casca-gray-7);border-color:var(--casca-gray-6)}}.casca-interactive{cursor:pointer;background:0 0;border:none;width:100%;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.casca-interactive:focus-visible{outline:3px solid var(--casca-color-1);outline-offset:3px;border-radius:var(--casca-radius-2)}.casca-interactive:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.casca-interactive:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.casca-interactive .casca-title,.casca-interactive .casca-subtitle,.casca-interactive .casca-label{font:inherit;color:inherit}.casca-pager{isolation:isolate;justify-content:center;align-items:center;gap:0;width:fit-content;display:flex;position:relative}.casca-pager-label{z-index:10;pointer-events:none;background:var(--casca-gray-0);color:var(--casca-gray-8);padding:var(--casca-size-1) var(--casca-size-2);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000001a}@media (prefers-color-scheme:dark){.casca-pager-label{background:var(--casca-gray-8);color:var(--casca-gray-0)}}.casca-pager-btn{background:var(--casca-gray-2);color:var(--casca-gray-8);cursor:pointer;min-width:var(--casca-size-6);height:var(--casca-size-6);padding:0 var(--casca-size-3);font-size:var(--casca-font-size-1);font-weight:var(--casca-font-weight-6);font-family:var(--casca-font-sans);border:none;justify-content:center;align-items:center;line-height:1;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}@media (prefers-color-scheme:dark){.casca-pager-btn{background:var(--casca-gray-7);color:var(--casca-gray-0)}}.casca-pager-btn-prev{border-radius:var(--casca-radius-2) 0 0 var(--casca-radius-2)}.casca-pager-btn-next{border-radius:0 var(--casca-radius-2) var(--casca-radius-2) 0}.casca-pager-btn:only-of-type{border-radius:var(--casca-radius-2)}.casca-pager-btn:hover{background:var(--casca-gray-3);transform:scale(1.05)}@media (prefers-color-scheme:dark){.casca-pager-btn:hover{background:var(--casca-gray-6)}}.casca-pager-btn:active{background:var(--casca-gray-4);transform:scale(.98)}@media (prefers-color-scheme:dark){.casca-pager-btn:active{background:var(--casca-gray-5)}}.casca-pager-btn:focus-visible{outline:3px solid var(--casca-color-1);outline-offset:2px;z-index:2;position:relative}.casca-pager-btn:disabled,.casca-pager-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.casca-legend-row{gap:var(--casca-size-2);padding:var(--casca-size-2) var(--casca-size-3);border-radius:var(--casca-radius-2);font-family:var(--casca-font-sans);font-size:var(--casca-font-size-0);text-align:left;color:var(--casca-gray-8);background:0 0;border:none;grid-template-columns:auto 1fr auto;align-items:center;width:100%;text-decoration:none;transition:background .15s;display:grid}@media (prefers-color-scheme:dark){.casca-legend-row{color:var(--casca-gray-1)}}.casca-legend-row[href],.casca-legend-row[type]{cursor:pointer}.casca-legend-row[href]:hover,.casca-legend-row[type]:hover{background:var(--casca-gray-2)}@media (prefers-color-scheme:dark){.casca-legend-row[href]:hover,.casca-legend-row[type]:hover{background:var(--casca-gray-8)}}.casca-legend-row[href]:active,.casca-legend-row[type]:active{background:var(--casca-gray-3)}@media (prefers-color-scheme:dark){.casca-legend-row[href]:active,.casca-legend-row[type]:active{background:var(--casca-gray-7)}}.casca-legend-row:focus-visible{outline:3px solid var(--casca-color-1);outline-offset:2px;background:var(--casca-gray-1)}@media (prefers-color-scheme:dark){.casca-legend-row:focus-visible{background:var(--casca-gray-8)}}.casca-legend-row-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--casca-font-weight-4);overflow:hidden}.casca-legend-row-rail{gap:var(--casca-size-1);flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.casca-legend-row-rail .casca-chip{min-width:var(--casca-size-6);justify-content:center}.casca-legend-row[data-selected=true],.casca-legend-row[aria-current=true]{background:var(--casca-color-1);color:var(--casca-gray-0)}.casca-legend-row[data-selected=true] .casca-legend-row-label,.casca-legend-row[aria-current=true] .casca-legend-row-label{font-weight:var(--casca-font-weight-6)}.casca-legend-row[data-selected=true] .casca-chip,.casca-legend-row[aria-current=true] .casca-chip{--_chip-bg:var(--casca-gray-0);--_chip-color:var(--casca-color-1);--_chip-border:transparent}.casca-legend-row:disabled,.casca-legend-row[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.sr-only,.casca-data{clip:rect(0, 0, 0, 0);white-space:nowrap;table-layout:fixed;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only-focusable:focus,.sr-only-focusable:active{clip:auto;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}@media (prefers-contrast:more){:root{--casca-line-stroke-width:3px;--casca-bar-min-height:4px;--casca-axis-width:2px;--casca-line-area-opacity:.3;--casca-grid-color:var(--casca-gray-7);--casca-axis-color:var(--casca-gray-8)}.casca-bar-value:hover,.casca-pie-chart:hover,.casca-line-point:hover{outline-offset:2px;outline:3px solid}.casca-bar-group[data-grid],.casca-line[data-grid]{background-color:var(--casca-gray-1)}.casca-pie-chart{outline:2px solid var(--casca-gray-9)}}@media (prefers-reduced-motion:reduce){.casca,.casca *{--casca-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:is(.casca-bar-value:focus-visible,.casca-line-point:focus-visible,.casca-pie-chart:focus-visible){outline:3px solid var(--casca-color-1);outline-offset:3px}.casca-bar-value[data-label],.casca-line-point,.casca-pie-chart{cursor:pointer}.casca-line-point{outline:none}.casca-line-point:focus{outline:2px solid var(--casca-color-1);outline-offset:2px}.casca-live-region{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.casca-skip-link{background:var(--casca-gray-9);color:var(--casca-gray-0);padding:var(--casca-size-2) var(--casca-size-3);border-radius:var(--casca-radius-2);z-index:100;text-decoration:none;position:absolute;top:-40px;left:0}.casca-skip-link:focus{top:0}.casca-data{font-family:var(--casca-font-sans);font-size:var(--casca-font-size-0);border-collapse:collapse}.casca-data caption{font-weight:var(--casca-font-weight-6);margin-bottom:var(--casca-size-2);text-align:left}.casca-data th,.casca-data td{padding:var(--casca-size-2);text-align:left;border:1px solid var(--casca-gray-4);color:var(--casca-gray-9)}.casca-data th{background:var(--casca-gray-2);font-weight:var(--casca-font-weight-6)}@media (prefers-color-scheme:dark){.casca-data th,.casca-data td{border-color:var(--casca-gray-7);color:var(--casca-gray-1)}.casca-data th{background:var(--casca-gray-8)}}[data-theme=dark] .casca-data th,[data-theme=dark] .casca-data td{border-color:var(--casca-gray-7);color:var(--casca-gray-1)}[data-theme=dark] .casca-data th{background:var(--casca-gray-8)}@media (forced-colors:active){.casca-bar-value,.casca-line polyline,.casca-line path,.casca-pie-chart{forced-color-adjust:none;border:1px solid canvastext}.casca-line-point{fill:canvastext;stroke:canvas}.casca-bar-group[data-grid],.casca-line[data-grid]{background-image:none;border:1px solid canvastext}}@media print{.casca-data{width:auto;height:auto;margin:var(--casca-size-4) 0;page-break-inside:avoid;position:static}.casca-bar-value,.casca-pie-chart,.casca-line polyline{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact}.casca{page-break-inside:avoid}}}@layer casca.layout;@layer casca.charts{.casca-plot{grid-template-columns:auto var(--casca-axis-y-width) 1fr;grid-template-rows:1fr var(--casca-axis-x-height) auto;gap:var(--casca-size-1);grid-template-areas:"ytitle yaxis plot""corner corner xaxis""corner corner xtitle";align-items:center;display:grid}.casca-plot>:not(.casca-axis):not(.casca-axis-title){grid-area:plot;min-block-size:0;min-inline-size:0}.casca-plot>.casca-axis[data-axis=x]{grid-area:xaxis}.casca-plot>.casca-axis[data-axis=y]{grid-area:yaxis}.casca-plot>.casca-axis-title[data-axis=x]{grid-area:xtitle}.casca-plot>.casca-axis-title[data-axis=y]{grid-area:ytitle}.casca-axis{color:var(--casca-label-color);font-size:var(--casca-font-size-0);line-height:1.2}.casca-axis[data-axis=x]{block-size:100%;inline-size:100%;position:relative}.casca-axis[data-axis=x] .casca-axis-tick{white-space:nowrap;position:absolute;inset-block-start:0;inset-inline-start:calc(var(--pos,0) * 1%);translate:-50%}.casca-axis[data-axis=y]{block-size:100%;inline-size:100%;font-size:var(--casca-font-size-00);position:relative}.casca-axis[data-axis=y] .casca-axis-tick{text-align:end;white-space:nowrap;position:absolute;inset-block-end:calc(var(--pos,0) * 1%);inset-inline-end:0;translate:0 50%}.casca-axis-title{color:var(--casca-label-color);font-size:var(--casca-font-size-0);text-align:center;font-weight:600}.casca-axis-title[data-axis=y]{writing-mode:vertical-rl;transform:rotate(180deg)}.casca-axis[data-axis=radial]{pointer-events:none;color:var(--casca-label-color);font-size:var(--casca-font-size-0);position:absolute;inset:0}.casca-axis[data-axis=radial] .casca-axis-tick{--_angle:calc(var(--index,0) / var(--casca-axis-count) * 360deg - 90deg);--_r:var(--casca-axis-radius,56%);white-space:nowrap;font-weight:600;position:absolute;inset-block-start:calc(50% + sin(var(--_angle)) * var(--_r));inset-inline-start:calc(50% + cos(var(--_angle)) * var(--_r));translate:-50% -50%}@supports not (inset-block-start:calc(sin(1deg) * 1%)){.casca-axis[data-axis=radial]{justify-content:center;gap:var(--casca-size-2);flex-wrap:wrap;display:flex;position:static}.casca-axis[data-axis=radial] .casca-axis-tick{position:static;inset:auto;translate:none}}.casca-bar{--_bar-width:var(--casca-bar-width);--_bar-radius:var(--casca-bar-radius);--_axis-color:var(--casca-axis-color);--_grid-color:var(--casca-grid-color);gap:var(--casca-size-2);height:var(--casca-height);grid-template-rows:1fr auto;display:grid}.casca-bar-group{justify-content:space-around;align-items:flex-end;gap:var(--_gap,var(--casca-gap));padding-inline:var(--casca-size-2);border-bottom:var(--casca-axis-width) solid var(--_axis-color);box-sizing:border-box;width:100%;height:100%;display:flex;position:relative}.casca-bar-group[data-grid]{background:repeating-linear-gradient(to top, transparent, transparent calc(25% - 1px), var(--_grid-color) calc(25% - 1px), var(--_grid-color) 25%)}.casca-bar-item{align-items:center;gap:var(--casca-size-1);max-width:calc(var(--_bar-width) * 2);flex-direction:column;flex:1;height:100%;display:flex}.casca-bar-value{--_value:var(--value,0%);--_color:var(--color,var(--casca-color-1));width:var(--_bar-width);height:var(--_value);min-height:var(--casca-bar-min-height);background:var(--_color);border-radius:var(--_bar-radius) var(--_bar-radius) 0 0;transition:height var(--casca-duration) var(--casca-easing);margin-top:auto;position:relative}.casca-bar-value:before{content:attr(data-label);padding:var(--casca-size-1) var(--casca-size-2);background:var(--casca-gray-9);color:var(--casca-gray-0);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.casca-bar-value:hover:before{opacity:1}.casca-bar[data-labels=always] .casca-bar-value:before{opacity:1;color:var(--casca-label-color);font-size:var(--casca-font-size-00);background:0 0;padding:0;font-weight:600;transition:none}.casca-bar[data-labels=always]:not([data-orientation=horizontal]) .casca-bar-group{padding-block-start:1.5em}.casca-bar[data-orientation=horizontal][data-labels=always]{grid-template-columns:1fr}.casca-bar[data-orientation=horizontal] .casca-bar-item:has(>.casca-bar-label){grid-template-columns:var(--casca-bar-rank-label-width) 1fr auto;align-items:center;gap:var(--casca-size-2);display:grid}.casca-bar-rank-value{color:var(--casca-label-color);font-size:var(--casca-font-size-00);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.casca-bar[data-orientation=horizontal] .casca-bar-item>.casca-bar-label{text-align:end;flex:none;max-width:none}.casca-bar-labels{color:var(--casca-label-color);padding-inline:var(--casca-size-2);box-sizing:border-box;justify-content:space-around;width:100%;line-height:1.2;display:flex}.casca-bar-label{text-align:center;max-width:calc(var(--_bar-width) * 2);flex:1}.casca-bar[data-orientation=horizontal]{grid-template-rows:none;grid-template-columns:auto 1fr}.casca-bar[data-orientation=horizontal] .casca-bar-group{border-bottom:none;border-left:var(--casca-axis-width) solid var(--_axis-color);flex-direction:column;justify-content:space-around;align-items:flex-start}.casca-bar[data-orientation=horizontal] .casca-bar-item{flex-direction:row;width:100%;max-width:none;height:auto}.casca-bar[data-orientation=horizontal] .casca-bar-value{width:var(--_value);height:var(--_bar-width);min-height:auto;min-width:var(--casca-bar-min-height);border-radius:0 var(--_bar-radius) var(--_bar-radius) 0;transition:width var(--casca-duration) var(--casca-easing);margin-top:0}.casca-bar[data-diverging] .casca-bar-group{border-bottom:var(--casca-axis-width) solid var(--_axis-color);border-top:var(--casca-axis-width) solid var(--_axis-color);align-items:center;position:relative}.casca-bar[data-diverging] .casca-bar-grouped{align-items:center}.casca-bar[data-diverging] .casca-bar-slot{align-items:stretch}.casca-bar[data-diverging] .casca-bar-slot .casca-bar-value{height:calc(var(--_value) * .5);margin:0;position:absolute;left:0;right:0}.casca-bar[data-diverging] .casca-bar-group:after{content:"";height:var(--casca-axis-width);background:var(--_axis-color);z-index:0;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.casca-bar[data-diverging] .casca-bar-item{z-index:1;position:relative}.casca-bar[data-diverging] .casca-bar-value[data-direction=positive]{border-radius:var(--_bar-radius) var(--_bar-radius) 0 0;bottom:50%}.casca-bar[data-diverging] .casca-bar-value[data-direction=negative]{border-radius:0 0 var(--_bar-radius) var(--_bar-radius);top:50%}.casca-bar[data-diverging] .casca-bar-value[data-direction=negative]:before{top:100%;bottom:auto}.casca-bar[data-diverging] .casca-bar-group[data-grid]{background:repeating-linear-gradient(to top, transparent, transparent calc(12.5% - 1px), var(--_grid-color) calc(12.5% - 1px), var(--_grid-color) 12.5%)}.casca-bar-grouped{gap:var(--casca-size-1);justify-content:center;align-self:stretch;align-items:flex-end;width:100%;height:100%;display:flex}.casca-bar-slot{--_grouped-width:calc(var(--_bar-width) * .7);width:var(--_grouped-width);align-items:flex-end;height:100%;display:flex;position:relative}.casca-bar-slot .casca-bar-value{width:100%;margin-top:auto}.casca-bar-value[data-series=secondary]{opacity:.35}.casca-bar-value[data-series=tertiary]{opacity:.2}@container casca (width<=400px){.casca-bar-slot{--_grouped-width:calc(var(--casca-size-4) * .6)}}.casca-bar-stack{width:var(--_bar-width);flex-direction:column-reverse;margin-top:auto;display:flex;position:relative}.casca-bar-stack .casca-bar-segment{--_value:var(--value,0%);--_color:var(--color,var(--casca-color-1));width:100%;height:var(--_value);background:var(--_color);transition:height var(--casca-duration) var(--casca-easing), filter .2s ease;position:relative}.casca-bar-stack .casca-bar-segment:last-child{border-radius:var(--_bar-radius) var(--_bar-radius) 0 0}.casca-bar-stack .casca-bar-segment:hover{filter:brightness(1.1);z-index:1}.casca-bar-stack .casca-bar-segment:before{content:attr(data-label);padding:var(--casca-size-1) var(--casca-size-2);background:var(--casca-gray-9);color:var(--casca-gray-0);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);white-space:nowrap;opacity:0;pointer-events:none;z-index:2;transition:opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.casca-bar-stack .casca-bar-segment:hover:before{opacity:1}@container casca (width<=400px){.casca-bar-value{--_bar-width:var(--casca-size-4)}.casca-bar-label{font-size:var(--casca-font-size-00)}}.casca-line{--_stroke-width:var(--casca-line-stroke-width);--_point-size:var(--casca-line-point-size);--_area-opacity:var(--casca-line-area-opacity);gap:var(--casca-size-2);height:var(--casca-height);grid-template-rows:1fr auto;display:grid;position:relative}.casca-line-svg{width:100%;min-width:0;height:100%;min-height:0;overflow:visible}.casca-line[data-grid]{background-image:repeating-linear-gradient(to right, var(--casca-grid-color) 0, var(--casca-grid-color) 1px, transparent 1px, transparent 20%), repeating-linear-gradient(to bottom, var(--casca-grid-color) 0, var(--casca-grid-color) 1px, transparent 1px, transparent 20%)}.casca-line-axis-x,.casca-line-axis-y{stroke:var(--casca-axis-color);stroke-width:1px;fill:none}.casca-line polyline,.casca-line path{--_color:var(--color,var(--casca-color-1));fill:none;stroke:var(--_color);stroke-width:var(--_stroke-width);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke-width .2s}.casca-line polyline:hover,.casca-line path:hover{stroke-width:calc(var(--_stroke-width) * 1.5)}.casca-line polygon,.casca-line path[data-area]{--_color:var(--color,var(--casca-color-1));fill:var(--_color);fill-opacity:var(--_area-opacity);stroke:none}.casca-line-point{--_color:var(--color,var(--casca-color-1));fill:var(--_color);stroke:var(--casca-surface-1);stroke-width:2px;r:var(--_point-size);cursor:pointer;transition:r .2s}@media (prefers-color-scheme:dark){.casca-line-point{stroke:var(--casca-surface-1)}}.casca[data-theme=dark] .casca-line-point,[data-theme=dark] .casca .casca-line-point{stroke:var(--casca-surface-1)}.casca-line-point:hover,.casca-line-point:focus{r:calc(var(--_point-size) * 1.5)}.casca-line-point-label{font-size:var(--casca-font-size-00);fill:var(--casca-gray-9);font-weight:var(--casca-font-weight-6);pointer-events:none;opacity:0;transition:opacity .2s}@media (prefers-color-scheme:dark){.casca-line-point-label{fill:var(--casca-gray-1)}}.casca-line-point:hover+.casca-line-point-label,.casca-line-point:focus+.casca-line-point-label{opacity:1}.casca-line-labels{padding-inline:var(--casca-size-2);color:var(--casca-label-color);font-size:var(--casca-font-size-0);justify-content:space-between;display:flex}.casca-line-label{text-align:center;flex:1}.casca-line-y-labels{height:100%;padding-block:var(--casca-size-2);color:var(--casca-label-color);font-size:var(--casca-font-size-00);pointer-events:none;flex-direction:column-reverse;justify-content:space-between;padding-inline-end:var(--casca-size-2);display:flex;position:absolute;top:0;left:0}.casca-line-y-label{text-align:right}.casca-line polyline:first-child,.casca-line path:first-child{--color:var(--casca-color-1)}.casca-line polyline:nth-child(2),.casca-line path:nth-child(2){--color:var(--casca-color-2)}.casca-line polyline:nth-child(3),.casca-line path:nth-child(3){--color:var(--casca-color-3)}.casca-line polyline:nth-child(4),.casca-line path:nth-child(4){--color:var(--casca-color-4)}@keyframes casca-line-draw{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.casca-line polyline,.casca-line path:not([data-area]){stroke-dasharray:1000;stroke-dashoffset:1000px;animation:casca-line-draw 1.5s var(--casca-easing) forwards}.casca-line polyline:nth-child(2),.casca-line path:nth-child(2):not([data-area]){animation-delay:.2s}.casca-line polyline:nth-child(3),.casca-line path:nth-child(3):not([data-area]){animation-delay:.4s}.casca-line polyline:nth-child(4),.casca-line path:nth-child(4):not([data-area]){animation-delay:.6s}@keyframes casca-area-fade{0%{fill-opacity:0}to{fill-opacity:var(--_area-opacity)}}.casca-line polygon,.casca-line path[data-area]{animation:casca-area-fade .8s var(--casca-easing) forwards}@container casca (width<=400px){.casca-line{--_stroke-width:1.5px;--_point-size:4px}.casca-line-labels{font-size:var(--casca-font-size-00)}}.casca-line-zero{stroke:var(--casca-axis-color);stroke-width:1px;stroke-dasharray:4 2;fill:none}.casca-line-tooltip{background:var(--casca-gray-9);color:var(--casca-gray-0);padding:var(--casca-size-1) var(--casca-size-2);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);pointer-events:none;opacity:0;z-index:10;transition:opacity .2s;position:absolute}@media (prefers-color-scheme:dark){.casca-line-tooltip{background:var(--casca-gray-1);color:var(--casca-gray-9)}}.casca-area{--_stroke-width:var(--casca-line-stroke-width);--_point-size:var(--casca-line-point-size);--_area-opacity:var(--casca-line-area-opacity);gap:var(--casca-size-2);height:var(--casca-height);grid-template-rows:1fr auto;display:grid;position:relative}.casca-area-svg{width:100%;height:100%;overflow:visible}.casca-area[data-grid]{background-image:repeating-linear-gradient(to right, var(--casca-grid-color) 0, var(--casca-grid-color) 1px, transparent 1px, transparent 20%), repeating-linear-gradient(to bottom, var(--casca-grid-color) 0, var(--casca-grid-color) 1px, transparent 1px, transparent 20%)}.casca-area-gradient{--_color:var(--color,var(--casca-color-1))}.casca-area-gradient stop:first-child{stop-color:var(--_color);stop-opacity:.6}.casca-area-gradient stop:last-child{stop-color:var(--_color);stop-opacity:.05}@media (prefers-color-scheme:dark){.casca-area-gradient stop:first-child{stop-opacity:.4}.casca-area-gradient stop:last-child{stop-opacity:.02}}.casca-area path[data-fill],.casca-area polygon[data-fill]{--_color:var(--color,var(--casca-color-1));stroke:none;transition:opacity .2s,filter .2s}.casca-area path[data-fill=solid],.casca-area polygon[data-fill=solid]{fill:var(--_color);fill-opacity:var(--_area-opacity)}.casca-area path[data-fill]:hover,.casca-area polygon[data-fill]:hover{filter:brightness(1.1)}.casca-area polyline,.casca-area path[data-stroke]{--_color:var(--color,var(--casca-color-1));fill:none;stroke:var(--_color);stroke-width:var(--_stroke-width);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke-width .2s}.casca-area polyline:hover,.casca-area path[data-stroke]:hover{stroke-width:calc(var(--_stroke-width) * 1.5)}.casca-area-point{--_color:var(--color,var(--casca-color-1));fill:var(--_color);stroke:var(--casca-surface-1);stroke-width:2px;r:var(--_point-size);cursor:pointer;transition:r .2s}@media (prefers-color-scheme:dark){.casca-area-point{stroke:var(--casca-surface-1)}}.casca-area-point:hover,.casca-area-point:focus{r:calc(var(--_point-size) * 1.5)}.casca-area[data-stacked] path[data-layer="1"],.casca-area[data-stacked] polygon[data-layer="1"]{--color:var(--casca-color-1);z-index:1}.casca-area[data-stacked] path[data-layer="2"],.casca-area[data-stacked] polygon[data-layer="2"]{--color:var(--casca-color-2);z-index:2}.casca-area[data-stacked] path[data-layer="3"],.casca-area[data-stacked] polygon[data-layer="3"]{--color:var(--casca-color-3);z-index:3}.casca-area[data-stacked] path[data-layer="4"],.casca-area[data-stacked] polygon[data-layer="4"]{--color:var(--casca-color-4);z-index:4}.casca-area[data-stacked] path[data-fill]:not(:hover),.casca-area[data-stacked] polygon[data-fill]:not(:hover){opacity:.8}.casca-area[data-stacked] path[data-fill]:hover,.casca-area[data-stacked] polygon[data-fill]:hover{opacity:1;filter:brightness(1.15)}@keyframes casca-area-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.casca-area path[data-fill],.casca-area polygon[data-fill]{animation:casca-area-reveal 1s var(--casca-easing) forwards}.casca-area[data-stacked] path[data-layer="1"],.casca-area[data-stacked] polygon[data-layer="1"]{animation-delay:0s}.casca-area[data-stacked] path[data-layer="2"],.casca-area[data-stacked] polygon[data-layer="2"]{animation-delay:.15s}.casca-area[data-stacked] path[data-layer="3"],.casca-area[data-stacked] polygon[data-layer="3"]{animation-delay:.3s}.casca-area[data-stacked] path[data-layer="4"],.casca-area[data-stacked] polygon[data-layer="4"]{animation-delay:.45s}.casca-area polyline,.casca-area path[data-stroke]{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:casca-area-line-draw 1.5s var(--casca-easing) forwards}@keyframes casca-area-line-draw{to{stroke-dashoffset:0}}.casca-area-labels{padding-inline:var(--casca-size-2);color:var(--casca-label-color);font-size:var(--casca-font-size-0);justify-content:space-between;display:flex}.casca-area-label{text-align:center;flex:1}.casca-area-y-labels{height:100%;padding-block:var(--casca-size-2);color:var(--casca-label-color);font-size:var(--casca-font-size-00);pointer-events:none;flex-direction:column-reverse;justify-content:space-between;padding-inline-end:var(--casca-size-2);display:flex;position:absolute;top:0;left:0}.casca-area-y-label{text-align:right}@container casca (width<=400px){.casca-area{--_stroke-width:1.5px;--_point-size:4px}.casca-area-labels{font-size:var(--casca-font-size-00)}}.casca-area-tooltip{background:var(--casca-gray-9);color:var(--casca-gray-0);padding:var(--casca-size-1) var(--casca-size-2);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);pointer-events:none;opacity:0;z-index:100;transition:opacity .2s;position:absolute}@media (prefers-color-scheme:dark){.casca-area-tooltip{background:var(--casca-gray-1);color:var(--casca-gray-9)}}.casca-area[data-interactive] path[data-fill],.casca-area[data-interactive] polygon[data-fill]{cursor:pointer}:is(.casca-area path[data-fill]:focus-visible,.casca-area polygon[data-fill]:focus-visible){outline:3px solid var(--casca-color-1);outline-offset:3px}.casca-area-baseline{stroke:var(--casca-axis-color);stroke-width:1px;stroke-dasharray:4 2;fill:none}.casca-area path[data-negative],.casca-area polygon[data-negative]{--_color:var(--color-negative,var(--casca-red-6))}.casca-pie{--_pie-size:var(--casca-pie-size);--_donut-hole:var(--casca-donut-hole-size);align-items:center;gap:var(--casca-size-3);flex-direction:column;height:auto;min-height:auto;display:flex}.casca-pie-chart{width:var(--_pie-size);height:var(--_pie-size);transition:transform var(--casca-duration) var(--casca-easing);border-radius:50%;position:relative}.casca-pie-chart[data-segments="1"]{background:var(--color-1,var(--casca-color-1))}.casca-pie-chart[data-segments="0"],.casca-pie-chart:not([data-segments]){background:var(--casca-gray-2)}@media (prefers-color-scheme:dark){.casca-pie-chart[data-segments="0"],.casca-pie-chart:not([data-segments]){background:var(--casca-gray-7)}}.casca-pie-chart[data-segments="2"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) 360deg)}.casca-pie-chart[data-segments="3"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) 360deg)}.casca-pie-chart[data-segments="4"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) var(--angle-3,0deg), var(--color-4,var(--casca-color-4)) var(--angle-3,0deg) 360deg)}.casca-pie-chart[data-segments="5"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) var(--angle-3,0deg), var(--color-4,var(--casca-color-4)) var(--angle-3,0deg) var(--angle-4,0deg), var(--color-5,var(--casca-color-5)) var(--angle-4,0deg) 360deg)}.casca-pie-chart[data-segments="6"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) var(--angle-3,0deg), var(--color-4,var(--casca-color-4)) var(--angle-3,0deg) var(--angle-4,0deg), var(--color-5,var(--casca-color-5)) var(--angle-4,0deg) var(--angle-5,0deg), var(--color-6,var(--casca-color-6)) var(--angle-5,0deg) 360deg)}.casca-pie-chart[data-segments="7"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) var(--angle-3,0deg), var(--color-4,var(--casca-color-4)) var(--angle-3,0deg) var(--angle-4,0deg), var(--color-5,var(--casca-color-5)) var(--angle-4,0deg) var(--angle-5,0deg), var(--color-6,var(--casca-color-6)) var(--angle-5,0deg) var(--angle-6,0deg), var(--color-7,var(--casca-color-7)) var(--angle-6,0deg) 360deg)}.casca-pie-chart[data-segments="8"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) var(--angle-3,0deg), var(--color-4,var(--casca-color-4)) var(--angle-3,0deg) var(--angle-4,0deg), var(--color-5,var(--casca-color-5)) var(--angle-4,0deg) var(--angle-5,0deg), var(--color-6,var(--casca-color-6)) var(--angle-5,0deg) var(--angle-6,0deg), var(--color-7,var(--casca-color-7)) var(--angle-6,0deg) var(--angle-7,0deg), var(--color-8,var(--casca-color-8)) var(--angle-7,0deg) 360deg)}.casca-pie-chart[data-variant=donut]:before{content:"";width:var(--_donut-hole);height:var(--_donut-hole);background:var(--casca-surface-1);z-index:1;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-color-scheme:dark){.casca-pie-chart[data-variant=donut]:before{background:var(--casca-surface-1)}}.casca[data-theme=dark] .casca-pie-chart[data-variant=donut]:before,[data-theme=dark] .casca .casca-pie-chart[data-variant=donut]:before{background:var(--casca-surface-1)}.casca-pie-chart:hover{transform:scale(1.02)}@keyframes casca-pie-enter{0%{--angle-1:0deg;--angle-2:0deg;--angle-3:0deg;--angle-4:0deg;--angle-5:0deg;--angle-6:0deg;--angle-7:0deg;--angle-8:0deg;opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.casca-pie-chart{animation:casca-pie-enter var(--casca-duration) var(--casca-easing) forwards}@container casca (width<=400px){.casca-pie{--_pie-size:200px}}@container casca (width<=300px){.casca-pie{--_pie-size:150px}}.casca-pie-center{text-align:center;font-size:var(--casca-font-size-3);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-8);pointer-events:none;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-color-scheme:dark){.casca-pie-center{color:var(--casca-gray-1)}}.casca[data-theme=dark] .casca-pie-center,[data-theme=dark] .casca .casca-pie-center{color:var(--casca-gray-1)}.casca-pie-center-label{font-size:var(--casca-font-size-0);font-weight:var(--casca-font-weight-4);color:var(--casca-label-color);margin-top:var(--casca-size-1);display:block}.casca-progress{--_height:var(--casca-progress-height);--_radius:var(--casca-progress-radius);--_value:var(--value,0%);--_color:var(--color,var(--casca-color-1));width:100%;height:var(--_height);background:var(--casca-gray-2);border-radius:var(--_radius);position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.casca-progress{background:var(--casca-gray-8)}}.casca-progress-bar{height:100%;width:var(--_value);background:var(--_color);border-radius:var(--_radius);transition:width var(--casca-duration) var(--casca-easing);position:relative}.casca-progress-label{top:50%;right:var(--casca-size-2);font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-9);pointer-events:none;position:absolute;transform:translateY(-50%)}@media (prefers-color-scheme:dark){.casca-progress-label{color:var(--casca-gray-1)}}.casca-progress[data-size=small]{--_height:var(--casca-size-2)}.casca-progress[data-size=large]{--_height:var(--casca-size-5)}.casca-progress[data-density=compact]{--_height:var(--casca-size-1);--_radius:0}.casca-progress[data-density=hairline]{--_height:.125rem;--_radius:0}.casca-progress[data-striped] .casca-progress-bar{background-image:linear-gradient(45deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);background-size:var(--casca-size-4) var(--casca-size-4)}.casca-progress[data-striped][data-animated] .casca-progress-bar{animation:1s linear infinite casca-progress-stripes}@keyframes casca-progress-stripes{0%{background-position:0 0}to{background-position:var(--casca-size-4) 0}}.casca-progress[data-indeterminate] .casca-progress-bar{width:30%;animation:1.5s ease-in-out infinite casca-progress-indeterminate}@keyframes casca-progress-indeterminate{0%{transform:translate(-100%)}50%{transform:translate(350%)}to{transform:translate(-100%)}}.casca-gauge{--_size:var(--casca-gauge-size);--_thickness:var(--casca-gauge-thickness);--_value:var(--value,0);--_max:var(--max,100);--_color:var(--color,var(--casca-color-1));--_start:var(--start-angle,-90deg);--_arc:calc(var(--_value) / var(--_max) * 360deg);width:var(--_size);height:var(--_size);justify-content:center;align-items:center;display:flex;position:relative}.casca-gauge:before{content:"";background:conic-gradient(from var(--_start), var(--casca-gray-2) 0deg, var(--casca-gray-2) 360deg);-webkit-mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));-webkit-mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));border-radius:50%;position:absolute;inset:0}@media (prefers-color-scheme:dark){.casca-gauge:before{background:conic-gradient(from var(--_start), var(--casca-gray-8) 0deg, var(--casca-gray-8) 360deg)}}.casca-gauge:after{content:"";background:conic-gradient(from var(--_start), var(--_color) 0deg, var(--_color) var(--_arc), transparent var(--_arc));-webkit-mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));-webkit-mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));transition:--_arc var(--casca-duration) var(--casca-easing);border-radius:50%;position:absolute;inset:0}.casca-gauge-value{z-index:1;font-size:var(--casca-font-size-5);font-weight:var(--casca-font-weight-7);color:var(--casca-gray-9);text-align:center;position:relative}@media (prefers-color-scheme:dark){.casca-gauge-value{color:var(--casca-gray-1)}}.casca-gauge-label{font-size:var(--casca-font-size-1);font-weight:var(--casca-font-weight-4);color:var(--casca-label-color);margin-top:var(--casca-size-1);display:block}.casca-gauge[data-variant=semi]{--_start:-180deg;height:calc(var(--_size) / 2 + var(--casca-size-4))}.casca-gauge[data-variant=semi]:before,.casca-gauge[data-variant=semi]:after{background:conic-gradient(from var(--_start), transparent 0deg, transparent 0deg, var(--casca-gray-2) 0deg, var(--casca-gray-2) 180deg, transparent 180deg)}.casca-gauge[data-variant=semi]:after{background:conic-gradient(from var(--_start), transparent 0deg, var(--_color) 0deg, var(--_color) calc(var(--_arc) / 2), transparent calc(var(--_arc) / 2), transparent 180deg)}.casca-gauge[data-thresholds]{--_threshold-1:var(--threshold-1,33);--_threshold-2:var(--threshold-2,66);--_color-low:var(--color-low,var(--casca-red-6));--_color-mid:var(--color-mid,var(--casca-yellow-6));--_color-high:var(--color-high,var(--casca-green-6))}.casca-gauge[data-thresholds]:before{background:conic-gradient(from var(--_start), var(--_color-low) 0deg, var(--_color-low) calc(var(--_threshold-1) / 100 * 360deg), var(--_color-mid) calc(var(--_threshold-1) / 100 * 360deg), var(--_color-mid) calc(var(--_threshold-2) / 100 * 360deg), var(--_color-high) calc(var(--_threshold-2) / 100 * 360deg), var(--_color-high) 360deg);opacity:.3}.casca-gauge[data-size=small]{--_size:150px;--_thickness:15px}.casca-gauge[data-size=large]{--_size:300px;--_thickness:25px}@container casca (width<=400px){.casca-gauge{--_size:150px;--_thickness:15px}.casca-gauge-value{font-size:var(--casca-font-size-4)}}.casca-stat-grid{gap:var(--casca-size-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));display:grid}.casca-stat{--_bg:var(--casca-stat-bg);--_border:var(--casca-stat-border);--_up:var(--casca-stat-up);--_down:var(--casca-stat-down);gap:var(--casca-size-1);padding:var(--casca-stat-pad);background:var(--_bg);border:1px solid var(--_border);border-radius:var(--casca-stat-radius);font-family:var(--casca-font-sans);flex-direction:column;min-inline-size:0;display:flex}@media (prefers-color-scheme:dark){.casca-stat{--_bg:var(--casca-stat-bg-dark);--_border:var(--casca-stat-border-dark);--_up:var(--casca-stat-up-dark);--_down:var(--casca-stat-down-dark)}}.casca-stat-label{font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);letter-spacing:.02em;color:var(--casca-stat-label-color)}@media (prefers-color-scheme:dark){.casca-stat-label{color:var(--casca-stat-label-color-dark)}}.casca-stat-value{font-size:var(--casca-stat-value-size);font-weight:var(--casca-font-weight-7);font-variant-numeric:tabular-nums;color:var(--casca-stat-value-color);overflow-wrap:anywhere;line-height:1.1}@media (prefers-color-scheme:dark){.casca-stat-value{color:var(--casca-stat-value-color-dark)}}.casca-stat-delta{font-size:var(--casca-font-size-0);font-weight:var(--casca-font-weight-6);font-variant-numeric:tabular-nums}.casca-stat-delta[data-trend=up]{color:var(--_up)}.casca-stat-delta[data-trend=down]{color:var(--_down)}.casca-stat-delta[data-trend=up]:before{content:"▲"}.casca-stat-delta[data-trend=down]:before{content:"▼"}.casca-stat-delta[data-trend=flat]:before{content:"–"}.casca-stat-caption{font-size:var(--casca-font-size-00);color:var(--casca-stat-caption-color)}@media (prefers-color-scheme:dark){.casca-stat-caption{color:var(--casca-stat-caption-color-dark)}}.casca-stat-trend{max-block-size:3rem;margin-block-start:var(--casca-size-2)}@media (forced-colors:active){.casca-stat{border-color:canvastext}.casca-stat-delta[data-trend=up],.casca-stat-delta[data-trend=down]{color:canvastext}}.casca-table{--_border:var(--casca-table-border);--_head-bg:var(--casca-table-head-bg);--_head-color:var(--casca-table-head-color);--_stripe:var(--casca-table-row-stripe);--_hover-bg:var(--casca-table-hover-bg);--_foot-bg:var(--casca-table-foot-bg);--_row-selected:var(--casca-table-row-selected);--_select-accent:var(--casca-table-select-accent);--_pad-block:var(--casca-table-cell-pad-block);--_pad-inline:var(--casca-table-cell-pad-inline);border-collapse:collapse;inline-size:100%;font-family:var(--casca-font-sans);font-size:var(--casca-font-size-0);color:var(--casca-gray-8)}@media (prefers-color-scheme:dark){.casca-table{--_border:var(--casca-table-border-dark);--_head-bg:var(--casca-table-head-bg-dark);--_head-color:var(--casca-table-head-color-dark);--_stripe:var(--casca-table-row-stripe-dark);--_hover-bg:var(--casca-table-hover-bg-dark);--_foot-bg:var(--casca-table-foot-bg-dark);--_row-selected:var(--casca-table-row-selected-dark);--_select-accent:var(--casca-table-select-accent-dark);color:var(--casca-gray-1)}}.casca-table-caption{caption-side:top;text-align:start;font-size:var(--casca-font-size-1);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-8);padding-block-end:var(--casca-size-2)}@media (prefers-color-scheme:dark){.casca-table-caption{color:var(--casca-gray-1)}}.casca-table th,.casca-table td{padding:var(--_pad-block) var(--_pad-inline);text-align:start;border-block-end:1px solid var(--_border);vertical-align:baseline}.casca-table thead th{background:var(--_head-bg);color:var(--_head-color);font-weight:var(--casca-font-weight-6);border-block-end:2px solid var(--_border);white-space:nowrap}.casca-table tbody th[scope=row]{font-weight:var(--casca-font-weight-6)}.casca-table .casca-table-num{text-align:end;font-variant-numeric:tabular-nums}.casca-table tbody tr:nth-child(2n){background:var(--_stripe)}.casca-table tbody tr:hover{background:var(--_hover-bg)}.casca-table-select{white-space:nowrap;text-align:center;inline-size:1px}.casca-row-select-label{box-sizing:border-box;block-size:100%;padding:var(--_pad-block) var(--_pad-inline);cursor:pointer;justify-content:center;align-items:center;display:flex}@supports selector(:has(*)){.casca-table-select:has(>.casca-row-select-label){block-size:1px;padding:0}}.casca-row-select{accent-color:var(--_select-accent);cursor:pointer;margin:0}@supports selector(:has(*)){.casca-table tbody tr:has(.casca-row-select:checked){background:var(--_row-selected)}}.casca-table tfoot th,.casca-table tfoot td{background:var(--_foot-bg);font-weight:var(--casca-font-weight-7);border-block-start:2px solid var(--_border);border-block-end:0}.casca-table td[data-trend]{font-variant-numeric:tabular-nums}.casca-table td[data-trend=up]{color:var(--casca-table-trend-up)}.casca-table td[data-trend=down]{color:var(--casca-table-trend-down)}.casca-table td[data-trend=up]:before{content:"▲"}.casca-table td[data-trend=down]:before{content:"▼"}.casca-table td[data-trend=flat]:before{content:"–"}@media (prefers-color-scheme:dark){.casca-table td[data-trend=up]{color:var(--casca-table-trend-up-dark)}.casca-table td[data-trend=down]{color:var(--casca-table-trend-down-dark)}}.casca-table thead th a{color:inherit;text-decoration:none}.casca-table thead th a:hover{text-decoration:underline}.casca-table thead th[aria-sort] a:after{content:" ↕";opacity:.45}.casca-table thead th[aria-sort=ascending] a:after{content:" ↑";opacity:1}.casca-table thead th[aria-sort=descending] a:after{content:" ↓";opacity:1}.casca-table-wrap{max-inline-size:100%;overflow-x:auto}.casca-table-wrap .casca-table thead th{z-index:1;position:sticky;inset-block-start:0}@media (prefers-contrast:more){.casca-table th,.casca-table td{border-width:2px}}@media (forced-colors:active){.casca-table th,.casca-table td{border-color:canvastext}.casca-table td[data-trend=up],.casca-table td[data-trend=down]{color:canvastext}.casca-table tbody tr:has(.casca-row-select:checked){color:highlighttext;background:highlight}}}@layer casca.interactions,casca.themes;
1
+ @layer casca.design-tokens{:root{--casca-gray-0:#fff;--casca-gray-1:#f8f9fa;--casca-gray-2:#e9ecef;--casca-gray-3:#dee2e6;--casca-gray-4:#ced4da;--casca-gray-5:#adb5bd;--casca-gray-6:#6c757d;--casca-gray-7:#495057;--casca-gray-8:#343a40;--casca-gray-9:#212529;--casca-blue-5:#4dabf7;--casca-blue-6:#228be6;--casca-blue-7:#1c7ed6;--casca-blue-8:#1971c2;--casca-teal-5:#20c997;--casca-teal-6:#12b886;--casca-orange-5:#ff922b;--casca-orange-6:#fd7e14;--casca-pink-5:#f06595;--casca-pink-6:#e64980;--casca-green-5:#51cf66;--casca-green-6:#40c057;--casca-green-7:#37b24d;--casca-green-8:#2f9e44;--casca-green-9:#2b8a3e;--casca-purple-5:#9775fa;--casca-purple-6:#845ef7;--casca-yellow-5:#ffd43b;--casca-yellow-6:#fab005;--casca-red-5:#ff6b6b;--casca-red-6:#fa5252;--casca-red-7:#f03e3e;--casca-red-8:#e03131;--casca-red-9:#c92a2a;--casca-surface-1:#fff;--casca-size-1:.25rem;--casca-size-2:.5rem;--casca-size-3:.75rem;--casca-size-4:1rem;--casca-size-5:1.5rem;--casca-size-6:2rem;--casca-font-size-00:.75rem;--casca-font-size-0:.875rem;--casca-font-size-1:1rem;--casca-font-size-3:1.25rem;--casca-font-size-4:1.5rem;--casca-font-size-5:2rem;--casca-font-weight-4:400;--casca-font-weight-6:600;--casca-font-weight-7:700;--casca-font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--casca-radius-1:.125rem;--casca-radius-2:.25rem;--casca-ease-out-3:cubic-bezier(.2, 0, 0, 1)}@media (prefers-color-scheme:dark){:root{--casca-surface-1:#1a1a1a}}}@layer casca.tokens{@property --casca-value{syntax:"<percentage>";inherits:false;initial-value:0%}@property --casca-value-num{syntax:"<number>";inherits:false;initial-value:0}@property --casca-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-1{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-2{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-3{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-4{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-5{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-6{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-7{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-8{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--casca-height:300px;--casca-width:100%;--casca-gap:var(--casca-size-2);--casca-padding:var(--casca-size-4);--casca-bar-width:var(--casca-size-6);--casca-bar-radius:var(--casca-radius-2);--casca-bar-min-height:2px;--casca-bar-rank-label-width:7rem;--casca-pie-size:250px;--casca-donut-hole-size:40%;--casca-line-stroke-width:2px;--casca-line-point-size:6px;--casca-line-area-opacity:.1;--casca-progress-height:var(--casca-size-3);--casca-progress-radius:var(--casca-radius-2);--casca-gauge-size:200px;--casca-gauge-thickness:20px;--casca-heatmap-cols:7;--casca-heatmap-gap:var(--casca-size-1);--casca-heatmap-radius:var(--casca-radius-1);--casca-heatmap-color:var(--casca-color-1);--casca-heatmap-empty:var(--casca-gray-2);--casca-heatmap-empty-dark:var(--casca-gray-8);--casca-scatter-aspect:4 / 3;--casca-scatter-point-size:.75rem;--casca-scatter-grid-color:var(--casca-grid-color);--casca-scatter-grid-step:25%;--casca-scatter-trend-color:var(--casca-label-color);--casca-scatter-trend-width:1.5;--casca-scatter-quadrant-color:var(--casca-axis-color);--casca-waterfall-height:240px;--casca-waterfall-gap:var(--casca-size-3);--casca-waterfall-radius:var(--casca-radius-1);--casca-waterfall-increase:var(--casca-color-5);--casca-waterfall-decrease:var(--casca-color-8);--casca-waterfall-total:var(--casca-color-1);--casca-waterfall-connector-color:var(--casca-axis-color);--casca-waterfall-connector-width:1px;--casca-radar-axes:6;--casca-radar-grid-color:var(--casca-grid-color);--casca-radar-fill-opacity:.35;--casca-candlestick-height:240px;--casca-candlestick-gap:var(--casca-size-1);--casca-candle-up:var(--casca-color-5);--casca-candle-down:var(--casca-color-8);--casca-candle-wick-width:2px;--casca-candle-body-inset:22%;--casca-candle-radius:var(--casca-radius-1);--casca-candle-min-body:2px;--casca-duration:.4s;--casca-easing:var(--casca-ease-out-3);--casca-font:var(--casca-font-sans);--casca-font-size:var(--casca-font-size-0);--casca-label-color:var(--casca-gray-6);--casca-axis-color:var(--casca-gray-4);--casca-grid-color:var(--casca-gray-2);--casca-axis-width:1px;--casca-axis-y-width:2.25rem;--casca-axis-x-height:1.25rem;--casca-axis-count:6;--casca-axis-radius:56%;--casca-color-1:var(--casca-blue-6);--casca-color-2:var(--casca-teal-6);--casca-color-3:var(--casca-orange-6);--casca-color-4:var(--casca-pink-6);--casca-color-5:var(--casca-green-6);--casca-color-6:var(--casca-purple-6);--casca-color-7:var(--casca-yellow-6);--casca-color-8:var(--casca-red-6);--casca-on-accent:var(--casca-gray-0);--casca-slot-cols:5;--casca-slot-col-min:4.5rem;--casca-slot-gap:var(--casca-size-2);--casca-slot-radius:var(--casca-radius-2);--casca-slot-min-size:2.75rem;--casca-slot-bg:var(--casca-gray-1);--casca-slot-color:var(--casca-gray-8);--casca-slot-border:var(--casca-gray-3);--casca-slot-hover-bg:var(--casca-gray-2);--casca-slot-hover-border:var(--casca-gray-4);--casca-slot-selected-bg:var(--casca-color-1);--casca-slot-selected-color:var(--casca-on-accent);--casca-slot-selected-border:var(--casca-color-1);--casca-slot-taken-bg:var(--casca-gray-1);--casca-slot-taken-color:var(--casca-gray-5);--casca-slot-pending-bg:var(--casca-yellow-5);--casca-slot-pending-color:var(--casca-gray-9);--casca-slot-pending-border:var(--casca-yellow-6);--casca-slot-focus-ring:var(--casca-color-1);--casca-slot-bg-dark:var(--casca-gray-8);--casca-slot-color-dark:var(--casca-gray-1);--casca-slot-border-dark:var(--casca-gray-7);--casca-slot-hover-bg-dark:var(--casca-gray-7);--casca-slot-hover-border-dark:var(--casca-gray-6);--casca-slot-taken-bg-dark:var(--casca-gray-9);--casca-slot-taken-color-dark:var(--casca-gray-6);--casca-slot-pending-bg-dark:var(--casca-yellow-6);--casca-slot-pending-color-dark:var(--casca-gray-9);--casca-slot-pending-border-dark:var(--casca-yellow-6);--casca-table-border:var(--casca-gray-3);--casca-table-head-bg:var(--casca-gray-1);--casca-table-head-color:var(--casca-gray-7);--casca-table-row-stripe:var(--casca-gray-1);--casca-table-hover-bg:var(--casca-gray-2);--casca-table-foot-bg:var(--casca-gray-1);--casca-table-cell-pad-block:var(--casca-size-2);--casca-table-cell-pad-inline:var(--casca-size-3);--casca-table-trend-up:var(--casca-green-9);--casca-table-trend-down:var(--casca-red-8);--casca-table-row-selected:color-mix(in oklab, var(--casca-color-1) 14%, var(--casca-gray-0));--casca-table-select-accent:var(--casca-color-1);--casca-table-border-dark:var(--casca-gray-7);--casca-table-head-bg-dark:var(--casca-gray-8);--casca-table-head-color-dark:var(--casca-gray-3);--casca-table-row-stripe-dark:var(--casca-gray-8);--casca-table-hover-bg-dark:var(--casca-gray-7);--casca-table-foot-bg-dark:var(--casca-gray-8);--casca-table-trend-up-dark:var(--casca-green-5);--casca-table-trend-down-dark:var(--casca-red-5);--casca-table-row-selected-dark:color-mix(in oklab, var(--casca-color-1) 26%, var(--casca-gray-9));--casca-table-select-accent-dark:var(--casca-color-1);--casca-range-accent:var(--casca-color-1);--casca-range-accent-dark:var(--casca-color-1);--casca-range-block-size:1.5rem;--casca-stat-bg:transparent;--casca-stat-border:var(--casca-gray-3);--casca-stat-radius:var(--casca-radius-2);--casca-stat-pad:var(--casca-size-5);--casca-stat-label-color:var(--casca-gray-6);--casca-stat-value-color:var(--casca-gray-9);--casca-stat-value-size:var(--casca-font-size-5);--casca-stat-caption-color:var(--casca-gray-6);--casca-stat-up:var(--casca-green-9);--casca-stat-down:var(--casca-red-8);--casca-stat-bg-dark:transparent;--casca-stat-border-dark:var(--casca-gray-7);--casca-stat-label-color-dark:var(--casca-gray-5);--casca-stat-value-color-dark:var(--casca-gray-0);--casca-stat-caption-color-dark:var(--casca-gray-5);--casca-stat-up-dark:var(--casca-green-5);--casca-stat-down-dark:var(--casca-red-5);--casca-card-bg:var(--casca-surface-1);--casca-card-border:var(--casca-gray-3);--casca-card-radius:var(--casca-radius-2);--casca-card-pad:var(--casca-size-5);--casca-card-gap:var(--casca-size-3);--casca-card-title-color:var(--casca-gray-9);--casca-card-title-size:var(--casca-font-size-1);--casca-card-footer-color:var(--casca-gray-6);--casca-card-border-dark:var(--casca-gray-7);--casca-card-title-color-dark:var(--casca-gray-0);--casca-card-footer-color-dark:var(--casca-gray-5);--casca-card-grid-min:16rem;--casca-card-grid-gap:var(--casca-size-4);--casca-toolbar-gap:var(--casca-size-3);--casca-anchor-nav-gap:var(--casca-size-1);--casca-anchor-nav-color:var(--casca-gray-7);--casca-anchor-nav-active:var(--casca-color-1);--casca-anchor-nav-pad:var(--casca-size-2);--casca-anchor-nav-color-dark:var(--casca-gray-4)}}@layer casca.base{.casca,figure.casca{--_height:var(--casca-height);--_width:var(--casca-width);--_padding:var(--casca-padding);--_gap:var(--casca-gap);box-sizing:border-box;width:var(--_width);min-height:var(--_height);padding:var(--_padding);font-family:var(--casca-font);font-size:var(--casca-font-size);margin:0;display:grid;container:casca/inline-size}.casca[data-density=compact]{--_padding:var(--casca-size-2);--_gap:var(--casca-size-1);--_height:200px}.casca[data-density=compact] .casca-title{font-size:var(--casca-font-size-1);margin-block-end:var(--casca-size-1)}.casca[data-density=compact] .casca-subtitle{font-size:var(--casca-font-size-0);margin-block-end:var(--casca-size-2)}.casca[data-density=compact] .casca-legend{gap:var(--casca-size-2);font-size:var(--casca-font-size-00)}.casca[data-density=compact] .casca-legend-swatch{width:var(--casca-size-2);height:var(--casca-size-2)}.casca[data-density=dense]{--_padding:var(--casca-size-1);--_gap:var(--casca-size-1);--_height:120px;font-size:var(--casca-font-size-00)}.casca[data-density=dense] .casca-title{font-size:var(--casca-font-size-0);margin-block-end:var(--casca-size-1)}.casca[data-density=dense] .casca-subtitle{font-size:var(--casca-font-size-00);margin-block-end:var(--casca-size-1)}.casca[data-density=dense] .casca-legend{gap:var(--casca-size-1);font-size:var(--casca-font-size-00)}.casca[data-density=dense] .casca-legend-swatch{width:var(--casca-size-1);height:var(--casca-size-1)}.casca[data-density=compact] .casca-bar{--casca-bar-width:var(--casca-size-4)}.casca[data-density=dense] .casca-bar{--casca-bar-width:var(--casca-size-3)}.casca[data-density=compact] .casca-pie{--casca-pie-size:180px}.casca[data-density=dense] .casca-pie{--casca-pie-size:100px}.casca-title{font-size:var(--casca-font-size-3);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-8);margin-block-end:var(--casca-size-3)}.casca figcaption,figure.casca figcaption{margin-block-end:var(--casca-size-4)}figure.casca figcaption .casca-title{margin-block-end:var(--casca-size-2)}.casca-subtitle{font-size:var(--casca-font-size-1);color:var(--casca-label-color);margin-block-end:var(--casca-size-4)}.casca-legend{gap:var(--casca-size-3);font-size:var(--casca-font-size-0);color:var(--casca-label-color);flex-wrap:wrap;display:flex}.casca-legend-item{align-items:center;gap:var(--casca-size-1);display:flex}.casca-legend-swatch{width:var(--casca-size-3);height:var(--casca-size-3);border-radius:var(--casca-radius-1);background:var(--_color,var(--casca-color-1))}.casca-chip{--_chip-bg:var(--chip-bg,var(--casca-gray-9));--_chip-color:var(--chip-color,var(--casca-gray-0));--_chip-border:var(--chip-border,transparent);align-items:center;gap:var(--casca-size-1);padding:var(--casca-size-1) var(--casca-size-2);background:var(--_chip-bg);color:var(--_chip-color);border:1px solid var(--_chip-border);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);white-space:nowrap;line-height:1;display:inline-flex}.casca-chip[data-position=absolute]{top:var(--chip-top,auto);right:var(--chip-right,auto);bottom:var(--chip-bottom,auto);left:var(--chip-left,auto);z-index:10;position:absolute}.casca-chip[data-variant=success]{--_chip-bg:var(--casca-green-9);--_chip-color:var(--casca-gray-0)}.casca-chip[data-variant=warning]{--_chip-bg:var(--casca-yellow-6);--_chip-color:var(--casca-gray-9)}.casca-chip[data-variant=error]{--_chip-bg:var(--casca-red-8);--_chip-color:var(--casca-gray-0)}.casca-chip[data-variant=info]{--_chip-bg:var(--casca-blue-8);--_chip-color:var(--casca-gray-0)}.casca-chip[data-variant=neutral]{--_chip-bg:var(--casca-gray-2);--_chip-color:var(--casca-gray-8)}.casca-chip[data-variant=outline]{--_chip-bg:transparent;--_chip-color:var(--casca-gray-9);--_chip-border:var(--casca-gray-4)}@media (prefers-color-scheme:dark){.casca-chip[data-variant=outline]{--_chip-color:var(--casca-gray-0);--_chip-border:var(--casca-gray-6)}.casca-chip[data-variant=neutral]{--_chip-bg:var(--casca-gray-7);--_chip-color:var(--casca-gray-0)}}.casca-chip-icon{width:var(--casca-size-3);height:var(--casca-size-3);justify-content:center;align-items:center;display:inline-flex}.casca-legend-paginated{gap:var(--casca-size-3);flex-direction:column;display:flex}.casca-legend-paginated input[type=radio]{opacity:0;pointer-events:none;position:absolute}.casca-legend-pages{min-height:6rem;position:relative}.casca-legend-page{gap:var(--casca-size-3);font-size:var(--casca-font-size-0);color:var(--casca-label-color);flex-wrap:wrap;display:none}.casca-legend-paginated input[type=radio][data-page="1"]:checked~.casca-legend-pages .casca-legend-page[data-page="1"],.casca-legend-paginated input[type=radio][data-page="1"]:checked~.casca-legend-pages .casca-legend-page[data-page="1"],.casca-legend-paginated input[type=radio][data-page="2"]:checked~.casca-legend-pages .casca-legend-page[data-page="2"],.casca-legend-paginated input[type=radio][data-page="3"]:checked~.casca-legend-pages .casca-legend-page[data-page="3"],.casca-legend-paginated input[type=radio][data-page="4"]:checked~.casca-legend-pages .casca-legend-page[data-page="4"],.casca-legend-paginated input[type=radio][data-page="5"]:checked~.casca-legend-pages .casca-legend-page[data-page="5"],.casca-legend-paginated input#legend-page-1:checked~.casca-legend-pages .casca-legend-page[data-page="1"],.casca-legend-paginated input#legend-page-2:checked~.casca-legend-pages .casca-legend-page[data-page="2"],.casca-legend-paginated input#legend-page-3:checked~.casca-legend-pages .casca-legend-page[data-page="3"],.casca-legend-paginated input#legend-page-4:checked~.casca-legend-pages .casca-legend-page[data-page="4"],.casca-legend-paginated input#legend-page-5:checked~.casca-legend-pages .casca-legend-page[data-page="5"]{display:flex}.casca-legend-controls{justify-content:space-between;align-items:center;gap:var(--casca-size-2);display:flex}.casca-legend-nav{gap:var(--casca-size-2);align-items:center;display:flex}.casca-legend-nav label{min-width:var(--casca-size-6);padding:var(--casca-size-1) var(--casca-size-2);background:var(--casca-gray-2);color:var(--casca-gray-8);border:1px solid var(--casca-gray-3);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.casca-legend-nav label:hover{background:var(--casca-gray-3);border-color:var(--casca-gray-4)}.casca-legend-nav label:active{transform:scale(.97)}.casca-legend-nav input:checked+label{background:var(--casca-color-1);color:var(--casca-gray-0);border-color:var(--casca-color-1)}.casca-legend-indicator-page{font-size:var(--casca-font-size-00);color:var(--casca-label-color);font-weight:var(--casca-font-weight-4);display:none}:is(.casca-legend-paginated:has(input[type=radio][data-page="1"]:checked) .casca-legend-indicator-page[data-page="1"],.casca-legend-paginated:has(input[type=radio][data-page="2"]:checked) .casca-legend-indicator-page[data-page="2"],.casca-legend-paginated:has(input[type=radio][data-page="3"]:checked) .casca-legend-indicator-page[data-page="3"],.casca-legend-paginated:has(input[type=radio][data-page="4"]:checked) .casca-legend-indicator-page[data-page="4"],.casca-legend-paginated:has(input[type=radio][data-page="5"]:checked) .casca-legend-indicator-page[data-page="5"]),:is(.casca-legend-paginated:has(#legend-page-1:checked) .casca-legend-indicator-page[data-page="1"],.casca-legend-paginated:has(#legend-page-2:checked) .casca-legend-indicator-page[data-page="2"],.casca-legend-paginated:has(#legend-page-3:checked) .casca-legend-indicator-page[data-page="3"],.casca-legend-paginated:has(#legend-page-4:checked) .casca-legend-indicator-page[data-page="4"],.casca-legend-paginated:has(#legend-page-5:checked) .casca-legend-indicator-page[data-page="5"]){display:block}.casca-legend-indicator{font-size:var(--casca-font-size-00);color:var(--casca-label-color);font-weight:var(--casca-font-weight-4)}@supports selector(:has(*)){.casca-legend-indicator{display:none}}@media (prefers-color-scheme:dark){.casca-legend-nav label{background:var(--casca-gray-8);color:var(--casca-gray-1);border-color:var(--casca-gray-7)}.casca-legend-nav label:hover{background:var(--casca-gray-7);border-color:var(--casca-gray-6)}}.casca-interactive{cursor:pointer;background:0 0;border:none;width:100%;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.casca-interactive:focus-visible{outline:3px solid var(--casca-color-1);outline-offset:3px;border-radius:var(--casca-radius-2)}.casca-interactive:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.casca-interactive:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.casca-interactive .casca-title,.casca-interactive .casca-subtitle,.casca-interactive .casca-label{font:inherit;color:inherit}.casca-pager{isolation:isolate;justify-content:center;align-items:center;gap:0;width:fit-content;display:flex;position:relative}.casca-pager-label{z-index:10;pointer-events:none;background:var(--casca-gray-0);color:var(--casca-gray-8);padding:var(--casca-size-1) var(--casca-size-2);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000001a}@media (prefers-color-scheme:dark){.casca-pager-label{background:var(--casca-gray-8);color:var(--casca-gray-0)}}.casca-pager-btn{background:var(--casca-gray-2);color:var(--casca-gray-8);cursor:pointer;min-width:var(--casca-size-6);height:var(--casca-size-6);padding:0 var(--casca-size-3);font-size:var(--casca-font-size-1);font-weight:var(--casca-font-weight-6);font-family:var(--casca-font-sans);border:none;justify-content:center;align-items:center;line-height:1;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}@media (prefers-color-scheme:dark){.casca-pager-btn{background:var(--casca-gray-7);color:var(--casca-gray-0)}}.casca-pager-btn-prev{border-radius:var(--casca-radius-2) 0 0 var(--casca-radius-2)}.casca-pager-btn-next{border-radius:0 var(--casca-radius-2) var(--casca-radius-2) 0}.casca-pager-btn:only-of-type{border-radius:var(--casca-radius-2)}.casca-pager-btn:hover{background:var(--casca-gray-3);transform:scale(1.05)}@media (prefers-color-scheme:dark){.casca-pager-btn:hover{background:var(--casca-gray-6)}}.casca-pager-btn:active{background:var(--casca-gray-4);transform:scale(.98)}@media (prefers-color-scheme:dark){.casca-pager-btn:active{background:var(--casca-gray-5)}}.casca-pager-btn:focus-visible{outline:3px solid var(--casca-color-1);outline-offset:2px;z-index:2;position:relative}.casca-pager-btn:disabled,.casca-pager-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.casca-legend-row{gap:var(--casca-size-2);padding:var(--casca-size-2) var(--casca-size-3);border-radius:var(--casca-radius-2);font-family:var(--casca-font-sans);font-size:var(--casca-font-size-0);text-align:left;color:var(--casca-gray-8);background:0 0;border:none;grid-template-columns:auto 1fr auto;align-items:center;width:100%;text-decoration:none;transition:background .15s;display:grid}@media (prefers-color-scheme:dark){.casca-legend-row{color:var(--casca-gray-1)}}.casca-legend-row[href],.casca-legend-row[type]{cursor:pointer}.casca-legend-row[href]:hover,.casca-legend-row[type]:hover{background:var(--casca-gray-2)}@media (prefers-color-scheme:dark){.casca-legend-row[href]:hover,.casca-legend-row[type]:hover{background:var(--casca-gray-8)}}.casca-legend-row[href]:active,.casca-legend-row[type]:active{background:var(--casca-gray-3)}@media (prefers-color-scheme:dark){.casca-legend-row[href]:active,.casca-legend-row[type]:active{background:var(--casca-gray-7)}}.casca-legend-row:focus-visible{outline:3px solid var(--casca-color-1);outline-offset:2px;background:var(--casca-gray-1)}@media (prefers-color-scheme:dark){.casca-legend-row:focus-visible{background:var(--casca-gray-8)}}.casca-legend-row-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--casca-font-weight-4);overflow:hidden}.casca-legend-row-rail{gap:var(--casca-size-1);flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.casca-legend-row-rail .casca-chip{min-width:var(--casca-size-6);justify-content:center}.casca-legend-row[data-selected=true],.casca-legend-row[aria-current=true]{background:var(--casca-color-1);color:var(--casca-gray-0)}.casca-legend-row[data-selected=true] .casca-legend-row-label,.casca-legend-row[aria-current=true] .casca-legend-row-label{font-weight:var(--casca-font-weight-6)}.casca-legend-row[data-selected=true] .casca-chip,.casca-legend-row[aria-current=true] .casca-chip{--_chip-bg:var(--casca-gray-0);--_chip-color:var(--casca-color-1);--_chip-border:transparent}.casca-legend-row:disabled,.casca-legend-row[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.sr-only,.casca-data{clip:rect(0, 0, 0, 0);white-space:nowrap;table-layout:fixed;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only-focusable:focus,.sr-only-focusable:active{clip:auto;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}@media (prefers-contrast:more){:root{--casca-line-stroke-width:3px;--casca-bar-min-height:4px;--casca-axis-width:2px;--casca-line-area-opacity:.3;--casca-grid-color:var(--casca-gray-7);--casca-axis-color:var(--casca-gray-8)}.casca-bar-value:hover,.casca-pie-chart:hover,.casca-line-point:hover{outline-offset:2px;outline:3px solid}.casca-bar-group[data-grid],.casca-line[data-grid]{background-color:var(--casca-gray-1)}.casca-pie-chart{outline:2px solid var(--casca-gray-9)}}@media (prefers-reduced-motion:reduce){.casca,.casca *{--casca-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:is(.casca-bar-value:focus-visible,.casca-line-point:focus-visible,.casca-pie-chart:focus-visible){outline:3px solid var(--casca-color-1);outline-offset:3px}.casca-bar-value[data-label],.casca-line-point,.casca-pie-chart{cursor:pointer}.casca-line-point{outline:none}.casca-line-point:focus{outline:2px solid var(--casca-color-1);outline-offset:2px}.casca-live-region{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.casca-skip-link{background:var(--casca-gray-9);color:var(--casca-gray-0);padding:var(--casca-size-2) var(--casca-size-3);border-radius:var(--casca-radius-2);z-index:100;text-decoration:none;position:absolute;top:-40px;left:0}.casca-skip-link:focus{top:0}.casca-data{font-family:var(--casca-font-sans);font-size:var(--casca-font-size-0);border-collapse:collapse}.casca-data caption{font-weight:var(--casca-font-weight-6);margin-bottom:var(--casca-size-2);text-align:left}.casca-data th,.casca-data td{padding:var(--casca-size-2);text-align:left;border:1px solid var(--casca-gray-4);color:var(--casca-gray-9)}.casca-data th{background:var(--casca-gray-2);font-weight:var(--casca-font-weight-6)}@media (prefers-color-scheme:dark){.casca-data th,.casca-data td{border-color:var(--casca-gray-7);color:var(--casca-gray-1)}.casca-data th{background:var(--casca-gray-8)}}[data-theme=dark] .casca-data th,[data-theme=dark] .casca-data td{border-color:var(--casca-gray-7);color:var(--casca-gray-1)}[data-theme=dark] .casca-data th{background:var(--casca-gray-8)}@media (forced-colors:active){.casca-bar-value,.casca-line polyline,.casca-line path,.casca-pie-chart{forced-color-adjust:none;border:1px solid canvastext}.casca-line-point{fill:canvastext;stroke:canvas}.casca-bar-group[data-grid],.casca-line[data-grid]{background-image:none;border:1px solid canvastext}}@media print{.casca-data{width:auto;height:auto;margin:var(--casca-size-4) 0;page-break-inside:avoid;position:static}.casca-bar-value,.casca-pie-chart,.casca-line polyline{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact}.casca{page-break-inside:avoid}}}@layer casca.layout;@layer casca.charts{.casca-plot{grid-template-columns:auto var(--casca-axis-y-width) 1fr;grid-template-rows:1fr var(--casca-axis-x-height) auto;gap:var(--casca-size-1);grid-template-areas:"ytitle yaxis plot""corner corner xaxis""corner corner xtitle";align-items:center;display:grid}.casca-plot>:not(.casca-axis):not(.casca-axis-title){grid-area:plot;min-block-size:0;min-inline-size:0}.casca-plot>.casca-axis[data-axis=x]{grid-area:xaxis}.casca-plot>.casca-axis[data-axis=y]{grid-area:yaxis}.casca-plot>.casca-axis-title[data-axis=x]{grid-area:xtitle}.casca-plot>.casca-axis-title[data-axis=y]{grid-area:ytitle}.casca-axis{color:var(--casca-label-color);font-size:var(--casca-font-size-0);line-height:1.2}.casca-axis[data-axis=x]{block-size:100%;inline-size:100%;position:relative}.casca-axis[data-axis=x] .casca-axis-tick{white-space:nowrap;position:absolute;inset-block-start:0;inset-inline-start:calc(var(--pos,0) * 1%);translate:-50%}.casca-axis[data-axis=y]{block-size:100%;inline-size:100%;font-size:var(--casca-font-size-00);position:relative}.casca-axis[data-axis=y] .casca-axis-tick{text-align:end;white-space:nowrap;position:absolute;inset-block-end:calc(var(--pos,0) * 1%);inset-inline-end:0;translate:0 50%}.casca-axis-title{color:var(--casca-label-color);font-size:var(--casca-font-size-0);text-align:center;font-weight:600}.casca-axis-title[data-axis=y]{writing-mode:vertical-rl;transform:rotate(180deg)}.casca-axis[data-axis=radial]{pointer-events:none;color:var(--casca-label-color);font-size:var(--casca-font-size-0);position:absolute;inset:0}.casca-axis[data-axis=radial] .casca-axis-tick{--_angle:calc(var(--index,0) / var(--casca-axis-count) * 360deg - 90deg);--_r:var(--casca-axis-radius,56%);white-space:nowrap;font-weight:600;position:absolute;inset-block-start:calc(50% + sin(var(--_angle)) * var(--_r));inset-inline-start:calc(50% + cos(var(--_angle)) * var(--_r));translate:-50% -50%}@supports not (inset-block-start:calc(sin(1deg) * 1%)){.casca-axis[data-axis=radial]{justify-content:center;gap:var(--casca-size-2);flex-wrap:wrap;display:flex;position:static}.casca-axis[data-axis=radial] .casca-axis-tick{position:static;inset:auto;translate:none}}.casca-bar{--_bar-width:var(--casca-bar-width);--_bar-radius:var(--casca-bar-radius);--_axis-color:var(--casca-axis-color);--_grid-color:var(--casca-grid-color);gap:var(--casca-size-2);height:var(--casca-height);grid-template-rows:1fr auto;display:grid}.casca-bar-group{justify-content:space-around;align-items:flex-end;gap:var(--_gap,var(--casca-gap));padding-inline:var(--casca-size-2);border-bottom:var(--casca-axis-width) solid var(--_axis-color);box-sizing:border-box;width:100%;height:100%;display:flex;position:relative}.casca-bar-group[data-grid]{background:repeating-linear-gradient(to top, transparent, transparent calc(25% - 1px), var(--_grid-color) calc(25% - 1px), var(--_grid-color) 25%)}.casca-bar-item{align-items:center;gap:var(--casca-size-1);max-width:calc(var(--_bar-width) * 2);flex-direction:column;flex:1;height:100%;display:flex}.casca-bar-value{--_value:var(--value,0%);--_color:var(--color,var(--casca-color-1));width:var(--_bar-width);height:var(--_value);min-height:var(--casca-bar-min-height);background:var(--_color);border-radius:var(--_bar-radius) var(--_bar-radius) 0 0;transition:height var(--casca-duration) var(--casca-easing);margin-top:auto;position:relative}.casca-bar-value:before{content:attr(data-label);padding:var(--casca-size-1) var(--casca-size-2);background:var(--casca-gray-9);color:var(--casca-gray-0);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.casca-bar-value:hover:before{opacity:1}.casca-bar[data-labels=always] .casca-bar-value:before{opacity:1;color:var(--casca-label-color);font-size:var(--casca-font-size-00);background:0 0;padding:0;font-weight:600;transition:none}.casca-bar[data-labels=always]:not([data-orientation=horizontal]) .casca-bar-group{padding-block-start:1.5em}.casca-bar[data-orientation=horizontal][data-labels=always]{grid-template-columns:1fr}.casca-bar[data-orientation=horizontal] .casca-bar-item:has(>.casca-bar-label){grid-template-columns:var(--casca-bar-rank-label-width) 1fr auto;align-items:center;gap:var(--casca-size-2);display:grid}.casca-bar-rank-value{color:var(--casca-label-color);font-size:var(--casca-font-size-00);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.casca-bar[data-orientation=horizontal] .casca-bar-item>.casca-bar-label{text-align:end;flex:none;max-width:none}.casca-bar-labels{color:var(--casca-label-color);padding-inline:var(--casca-size-2);box-sizing:border-box;justify-content:space-around;width:100%;line-height:1.2;display:flex}.casca-bar-label{text-align:center;max-width:calc(var(--_bar-width) * 2);flex:1}.casca-bar[data-orientation=horizontal]{grid-template-rows:none;grid-template-columns:auto 1fr}.casca-bar[data-orientation=horizontal] .casca-bar-group{border-bottom:none;border-left:var(--casca-axis-width) solid var(--_axis-color);flex-direction:column;justify-content:space-around;align-items:flex-start}.casca-bar[data-orientation=horizontal] .casca-bar-item{flex-direction:row;width:100%;max-width:none;height:auto}.casca-bar[data-orientation=horizontal] .casca-bar-value{width:var(--_value);height:var(--_bar-width);min-height:auto;min-width:var(--casca-bar-min-height);border-radius:0 var(--_bar-radius) var(--_bar-radius) 0;transition:width var(--casca-duration) var(--casca-easing);margin-top:0}.casca-bar[data-diverging] .casca-bar-group{border-bottom:var(--casca-axis-width) solid var(--_axis-color);border-top:var(--casca-axis-width) solid var(--_axis-color);align-items:center;position:relative}.casca-bar[data-diverging] .casca-bar-grouped{align-items:center}.casca-bar[data-diverging] .casca-bar-slot{align-items:stretch}.casca-bar[data-diverging] .casca-bar-slot .casca-bar-value{height:calc(var(--_value) * .5);margin:0;position:absolute;left:0;right:0}.casca-bar[data-diverging] .casca-bar-group:after{content:"";height:var(--casca-axis-width);background:var(--_axis-color);z-index:0;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.casca-bar[data-diverging] .casca-bar-item{z-index:1;position:relative}.casca-bar[data-diverging] .casca-bar-value[data-direction=positive]{border-radius:var(--_bar-radius) var(--_bar-radius) 0 0;bottom:50%}.casca-bar[data-diverging] .casca-bar-value[data-direction=negative]{border-radius:0 0 var(--_bar-radius) var(--_bar-radius);top:50%}.casca-bar[data-diverging] .casca-bar-value[data-direction=negative]:before{top:100%;bottom:auto}.casca-bar[data-diverging] .casca-bar-group[data-grid]{background:repeating-linear-gradient(to top, transparent, transparent calc(12.5% - 1px), var(--_grid-color) calc(12.5% - 1px), var(--_grid-color) 12.5%)}.casca-bar-grouped{gap:var(--casca-size-1);justify-content:center;align-self:stretch;align-items:flex-end;width:100%;height:100%;display:flex}.casca-bar-slot{--_grouped-width:calc(var(--_bar-width) * .7);width:var(--_grouped-width);align-items:flex-end;height:100%;display:flex;position:relative}.casca-bar-slot .casca-bar-value{width:100%;margin-top:auto}.casca-bar-value[data-series=secondary]{opacity:.35}.casca-bar-value[data-series=tertiary]{opacity:.2}@container casca (width<=400px){.casca-bar-slot{--_grouped-width:calc(var(--casca-size-4) * .6)}}.casca-bar-stack{width:var(--_bar-width);flex-direction:column-reverse;margin-top:auto;display:flex;position:relative}.casca-bar-stack .casca-bar-segment{--_value:var(--value,0%);--_color:var(--color,var(--casca-color-1));width:100%;height:var(--_value);background:var(--_color);transition:height var(--casca-duration) var(--casca-easing), filter .2s ease;position:relative}.casca-bar-stack .casca-bar-segment:last-child{border-radius:var(--_bar-radius) var(--_bar-radius) 0 0}.casca-bar-stack .casca-bar-segment:hover{filter:brightness(1.1);z-index:1}.casca-bar-stack .casca-bar-segment:before{content:attr(data-label);padding:var(--casca-size-1) var(--casca-size-2);background:var(--casca-gray-9);color:var(--casca-gray-0);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);white-space:nowrap;opacity:0;pointer-events:none;z-index:2;transition:opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.casca-bar-stack .casca-bar-segment:hover:before{opacity:1}@container casca (width<=400px){.casca-bar-value{--_bar-width:var(--casca-size-4)}.casca-bar-label{font-size:var(--casca-font-size-00)}}.casca-line{--_stroke-width:var(--casca-line-stroke-width);--_point-size:var(--casca-line-point-size);--_area-opacity:var(--casca-line-area-opacity);gap:var(--casca-size-2);height:var(--casca-height);grid-template-rows:1fr auto;display:grid;position:relative}.casca-line-svg{width:100%;min-width:0;height:100%;min-height:0;overflow:visible}.casca-line[data-grid]{background-image:repeating-linear-gradient(to right, var(--casca-grid-color) 0, var(--casca-grid-color) 1px, transparent 1px, transparent 20%), repeating-linear-gradient(to bottom, var(--casca-grid-color) 0, var(--casca-grid-color) 1px, transparent 1px, transparent 20%)}.casca-line-axis-x,.casca-line-axis-y{stroke:var(--casca-axis-color);stroke-width:1px;fill:none}.casca-line polyline,.casca-line path{--_color:var(--color,var(--casca-color-1));fill:none;stroke:var(--_color);stroke-width:var(--_stroke-width);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke-width .2s}.casca-line polyline:hover,.casca-line path:hover{stroke-width:calc(var(--_stroke-width) * 1.5)}.casca-line polygon,.casca-line path[data-area]{--_color:var(--color,var(--casca-color-1));fill:var(--_color);fill-opacity:var(--_area-opacity);stroke:none}.casca-line-point{--_color:var(--color,var(--casca-color-1));fill:var(--_color);stroke:var(--casca-surface-1);stroke-width:2px;r:var(--_point-size);cursor:pointer;transition:r .2s}@media (prefers-color-scheme:dark){.casca-line-point{stroke:var(--casca-surface-1)}}.casca[data-theme=dark] .casca-line-point,[data-theme=dark] .casca .casca-line-point{stroke:var(--casca-surface-1)}.casca-line-point:hover,.casca-line-point:focus{r:calc(var(--_point-size) * 1.5)}.casca-line-point-label{font-size:var(--casca-font-size-00);fill:var(--casca-gray-9);font-weight:var(--casca-font-weight-6);pointer-events:none;opacity:0;transition:opacity .2s}@media (prefers-color-scheme:dark){.casca-line-point-label{fill:var(--casca-gray-1)}}.casca-line-point:hover+.casca-line-point-label,.casca-line-point:focus+.casca-line-point-label{opacity:1}.casca-line-labels{padding-inline:var(--casca-size-2);color:var(--casca-label-color);font-size:var(--casca-font-size-0);justify-content:space-between;display:flex}.casca-line-label{text-align:center;flex:1}.casca-line-y-labels{height:100%;padding-block:var(--casca-size-2);color:var(--casca-label-color);font-size:var(--casca-font-size-00);pointer-events:none;flex-direction:column-reverse;justify-content:space-between;padding-inline-end:var(--casca-size-2);display:flex;position:absolute;top:0;left:0}.casca-line-y-label{text-align:right}.casca-line polyline:first-child,.casca-line path:first-child{--color:var(--casca-color-1)}.casca-line polyline:nth-child(2),.casca-line path:nth-child(2){--color:var(--casca-color-2)}.casca-line polyline:nth-child(3),.casca-line path:nth-child(3){--color:var(--casca-color-3)}.casca-line polyline:nth-child(4),.casca-line path:nth-child(4){--color:var(--casca-color-4)}@keyframes casca-line-draw{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.casca-line polyline,.casca-line path:not([data-area]){stroke-dasharray:1000;stroke-dashoffset:1000px;animation:casca-line-draw 1.5s var(--casca-easing) forwards}.casca-line polyline:nth-child(2),.casca-line path:nth-child(2):not([data-area]){animation-delay:.2s}.casca-line polyline:nth-child(3),.casca-line path:nth-child(3):not([data-area]){animation-delay:.4s}.casca-line polyline:nth-child(4),.casca-line path:nth-child(4):not([data-area]){animation-delay:.6s}@keyframes casca-area-fade{0%{fill-opacity:0}to{fill-opacity:var(--_area-opacity)}}.casca-line polygon,.casca-line path[data-area]{animation:casca-area-fade .8s var(--casca-easing) forwards}@container casca (width<=400px){.casca-line{--_stroke-width:1.5px;--_point-size:4px}.casca-line-labels{font-size:var(--casca-font-size-00)}}.casca-line-zero{stroke:var(--casca-axis-color);stroke-width:1px;stroke-dasharray:4 2;fill:none}.casca-line-tooltip{background:var(--casca-gray-9);color:var(--casca-gray-0);padding:var(--casca-size-1) var(--casca-size-2);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);pointer-events:none;opacity:0;z-index:10;transition:opacity .2s;position:absolute}@media (prefers-color-scheme:dark){.casca-line-tooltip{background:var(--casca-gray-1);color:var(--casca-gray-9)}}.casca-area{--_stroke-width:var(--casca-line-stroke-width);--_point-size:var(--casca-line-point-size);--_area-opacity:var(--casca-line-area-opacity);gap:var(--casca-size-2);height:var(--casca-height);grid-template-rows:1fr auto;display:grid;position:relative}.casca-area-svg{width:100%;height:100%;overflow:visible}.casca-area[data-grid]{background-image:repeating-linear-gradient(to right, var(--casca-grid-color) 0, var(--casca-grid-color) 1px, transparent 1px, transparent 20%), repeating-linear-gradient(to bottom, var(--casca-grid-color) 0, var(--casca-grid-color) 1px, transparent 1px, transparent 20%)}.casca-area-gradient{--_color:var(--color,var(--casca-color-1))}.casca-area-gradient stop:first-child{stop-color:var(--_color);stop-opacity:.6}.casca-area-gradient stop:last-child{stop-color:var(--_color);stop-opacity:.05}@media (prefers-color-scheme:dark){.casca-area-gradient stop:first-child{stop-opacity:.4}.casca-area-gradient stop:last-child{stop-opacity:.02}}.casca-area path[data-fill],.casca-area polygon[data-fill]{--_color:var(--color,var(--casca-color-1));stroke:none;transition:opacity .2s,filter .2s}.casca-area path[data-fill=solid],.casca-area polygon[data-fill=solid]{fill:var(--_color);fill-opacity:var(--_area-opacity)}.casca-area path[data-fill]:hover,.casca-area polygon[data-fill]:hover{filter:brightness(1.1)}.casca-area polyline,.casca-area path[data-stroke]{--_color:var(--color,var(--casca-color-1));fill:none;stroke:var(--_color);stroke-width:var(--_stroke-width);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke-width .2s}.casca-area polyline:hover,.casca-area path[data-stroke]:hover{stroke-width:calc(var(--_stroke-width) * 1.5)}.casca-area-point{--_color:var(--color,var(--casca-color-1));fill:var(--_color);stroke:var(--casca-surface-1);stroke-width:2px;r:var(--_point-size);cursor:pointer;transition:r .2s}@media (prefers-color-scheme:dark){.casca-area-point{stroke:var(--casca-surface-1)}}.casca-area-point:hover,.casca-area-point:focus{r:calc(var(--_point-size) * 1.5)}.casca-area[data-stacked] path[data-layer="1"],.casca-area[data-stacked] polygon[data-layer="1"]{--color:var(--casca-color-1);z-index:1}.casca-area[data-stacked] path[data-layer="2"],.casca-area[data-stacked] polygon[data-layer="2"]{--color:var(--casca-color-2);z-index:2}.casca-area[data-stacked] path[data-layer="3"],.casca-area[data-stacked] polygon[data-layer="3"]{--color:var(--casca-color-3);z-index:3}.casca-area[data-stacked] path[data-layer="4"],.casca-area[data-stacked] polygon[data-layer="4"]{--color:var(--casca-color-4);z-index:4}.casca-area[data-stacked] path[data-fill]:not(:hover),.casca-area[data-stacked] polygon[data-fill]:not(:hover){opacity:.8}.casca-area[data-stacked] path[data-fill]:hover,.casca-area[data-stacked] polygon[data-fill]:hover{opacity:1;filter:brightness(1.15)}@keyframes casca-area-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.casca-area path[data-fill],.casca-area polygon[data-fill]{animation:casca-area-reveal 1s var(--casca-easing) forwards}.casca-area[data-stacked] path[data-layer="1"],.casca-area[data-stacked] polygon[data-layer="1"]{animation-delay:0s}.casca-area[data-stacked] path[data-layer="2"],.casca-area[data-stacked] polygon[data-layer="2"]{animation-delay:.15s}.casca-area[data-stacked] path[data-layer="3"],.casca-area[data-stacked] polygon[data-layer="3"]{animation-delay:.3s}.casca-area[data-stacked] path[data-layer="4"],.casca-area[data-stacked] polygon[data-layer="4"]{animation-delay:.45s}.casca-area polyline,.casca-area path[data-stroke]{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:casca-area-line-draw 1.5s var(--casca-easing) forwards}@keyframes casca-area-line-draw{to{stroke-dashoffset:0}}.casca-area-labels{padding-inline:var(--casca-size-2);color:var(--casca-label-color);font-size:var(--casca-font-size-0);justify-content:space-between;display:flex}.casca-area-label{text-align:center;flex:1}.casca-area-y-labels{height:100%;padding-block:var(--casca-size-2);color:var(--casca-label-color);font-size:var(--casca-font-size-00);pointer-events:none;flex-direction:column-reverse;justify-content:space-between;padding-inline-end:var(--casca-size-2);display:flex;position:absolute;top:0;left:0}.casca-area-y-label{text-align:right}@container casca (width<=400px){.casca-area{--_stroke-width:1.5px;--_point-size:4px}.casca-area-labels{font-size:var(--casca-font-size-00)}}.casca-area-tooltip{background:var(--casca-gray-9);color:var(--casca-gray-0);padding:var(--casca-size-1) var(--casca-size-2);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);pointer-events:none;opacity:0;z-index:100;transition:opacity .2s;position:absolute}@media (prefers-color-scheme:dark){.casca-area-tooltip{background:var(--casca-gray-1);color:var(--casca-gray-9)}}.casca-area[data-interactive] path[data-fill],.casca-area[data-interactive] polygon[data-fill]{cursor:pointer}:is(.casca-area path[data-fill]:focus-visible,.casca-area polygon[data-fill]:focus-visible){outline:3px solid var(--casca-color-1);outline-offset:3px}.casca-area-baseline{stroke:var(--casca-axis-color);stroke-width:1px;stroke-dasharray:4 2;fill:none}.casca-area path[data-negative],.casca-area polygon[data-negative]{--_color:var(--color-negative,var(--casca-red-6))}.casca-pie{--_pie-size:var(--casca-pie-size);--_donut-hole:var(--casca-donut-hole-size);align-items:center;gap:var(--casca-size-3);flex-direction:column;height:auto;min-height:auto;display:flex}.casca-pie-chart{width:var(--_pie-size);height:var(--_pie-size);transition:transform var(--casca-duration) var(--casca-easing);border-radius:50%;position:relative}.casca-pie-chart[data-segments="1"]{background:var(--color-1,var(--casca-color-1))}.casca-pie-chart[data-segments="0"],.casca-pie-chart:not([data-segments]){background:var(--casca-gray-2)}@media (prefers-color-scheme:dark){.casca-pie-chart[data-segments="0"],.casca-pie-chart:not([data-segments]){background:var(--casca-gray-7)}}.casca-pie-chart[data-segments="2"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) 360deg)}.casca-pie-chart[data-segments="3"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) 360deg)}.casca-pie-chart[data-segments="4"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) var(--angle-3,0deg), var(--color-4,var(--casca-color-4)) var(--angle-3,0deg) 360deg)}.casca-pie-chart[data-segments="5"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) var(--angle-3,0deg), var(--color-4,var(--casca-color-4)) var(--angle-3,0deg) var(--angle-4,0deg), var(--color-5,var(--casca-color-5)) var(--angle-4,0deg) 360deg)}.casca-pie-chart[data-segments="6"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) var(--angle-3,0deg), var(--color-4,var(--casca-color-4)) var(--angle-3,0deg) var(--angle-4,0deg), var(--color-5,var(--casca-color-5)) var(--angle-4,0deg) var(--angle-5,0deg), var(--color-6,var(--casca-color-6)) var(--angle-5,0deg) 360deg)}.casca-pie-chart[data-segments="7"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) var(--angle-3,0deg), var(--color-4,var(--casca-color-4)) var(--angle-3,0deg) var(--angle-4,0deg), var(--color-5,var(--casca-color-5)) var(--angle-4,0deg) var(--angle-5,0deg), var(--color-6,var(--casca-color-6)) var(--angle-5,0deg) var(--angle-6,0deg), var(--color-7,var(--casca-color-7)) var(--angle-6,0deg) 360deg)}.casca-pie-chart[data-segments="8"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) var(--angle-3,0deg), var(--color-4,var(--casca-color-4)) var(--angle-3,0deg) var(--angle-4,0deg), var(--color-5,var(--casca-color-5)) var(--angle-4,0deg) var(--angle-5,0deg), var(--color-6,var(--casca-color-6)) var(--angle-5,0deg) var(--angle-6,0deg), var(--color-7,var(--casca-color-7)) var(--angle-6,0deg) var(--angle-7,0deg), var(--color-8,var(--casca-color-8)) var(--angle-7,0deg) 360deg)}.casca-pie-chart[data-variant=donut]:before{content:"";width:var(--_donut-hole);height:var(--_donut-hole);background:var(--casca-surface-1);z-index:1;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-color-scheme:dark){.casca-pie-chart[data-variant=donut]:before{background:var(--casca-surface-1)}}.casca[data-theme=dark] .casca-pie-chart[data-variant=donut]:before,[data-theme=dark] .casca .casca-pie-chart[data-variant=donut]:before{background:var(--casca-surface-1)}.casca-pie-chart:hover{transform:scale(1.02)}@keyframes casca-pie-enter{0%{--angle-1:0deg;--angle-2:0deg;--angle-3:0deg;--angle-4:0deg;--angle-5:0deg;--angle-6:0deg;--angle-7:0deg;--angle-8:0deg;opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.casca-pie-chart{animation:casca-pie-enter var(--casca-duration) var(--casca-easing) forwards}@container casca (width<=400px){.casca-pie{--_pie-size:200px}}@container casca (width<=300px){.casca-pie{--_pie-size:150px}}.casca-pie-center{text-align:center;font-size:var(--casca-font-size-3);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-8);pointer-events:none;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-color-scheme:dark){.casca-pie-center{color:var(--casca-gray-1)}}.casca[data-theme=dark] .casca-pie-center,[data-theme=dark] .casca .casca-pie-center{color:var(--casca-gray-1)}.casca-pie-center-label{font-size:var(--casca-font-size-0);font-weight:var(--casca-font-weight-4);color:var(--casca-label-color);margin-top:var(--casca-size-1);display:block}.casca-progress{--_height:var(--casca-progress-height);--_radius:var(--casca-progress-radius);--_value:var(--value,0%);--_color:var(--color,var(--casca-color-1));width:100%;height:var(--_height);background:var(--casca-gray-2);border-radius:var(--_radius);position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.casca-progress{background:var(--casca-gray-8)}}.casca-progress-bar{height:100%;width:var(--_value);background:var(--_color);border-radius:var(--_radius);transition:width var(--casca-duration) var(--casca-easing);position:relative}.casca-progress-label{top:50%;right:var(--casca-size-2);font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-9);pointer-events:none;position:absolute;transform:translateY(-50%)}@media (prefers-color-scheme:dark){.casca-progress-label{color:var(--casca-gray-1)}}.casca-progress[data-size=small]{--_height:var(--casca-size-2)}.casca-progress[data-size=large]{--_height:var(--casca-size-5)}.casca-progress[data-density=compact]{--_height:var(--casca-size-1);--_radius:0}.casca-progress[data-density=hairline]{--_height:.125rem;--_radius:0}.casca-progress[data-striped] .casca-progress-bar{background-image:linear-gradient(45deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);background-size:var(--casca-size-4) var(--casca-size-4)}.casca-progress[data-striped][data-animated] .casca-progress-bar{animation:1s linear infinite casca-progress-stripes}@keyframes casca-progress-stripes{0%{background-position:0 0}to{background-position:var(--casca-size-4) 0}}.casca-progress[data-indeterminate] .casca-progress-bar{width:30%;animation:1.5s ease-in-out infinite casca-progress-indeterminate}@keyframes casca-progress-indeterminate{0%{transform:translate(-100%)}50%{transform:translate(350%)}to{transform:translate(-100%)}}.casca-gauge{--_size:var(--casca-gauge-size);--_thickness:var(--casca-gauge-thickness);--_value:var(--value,0);--_max:var(--max,100);--_color:var(--color,var(--casca-color-1));--_start:var(--start-angle,-90deg);--_arc:calc(var(--_value) / var(--_max) * 360deg);width:var(--_size);height:var(--_size);justify-content:center;align-items:center;display:flex;position:relative}.casca-gauge:before{content:"";background:conic-gradient(from var(--_start), var(--casca-gray-2) 0deg, var(--casca-gray-2) 360deg);-webkit-mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));-webkit-mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));border-radius:50%;position:absolute;inset:0}@media (prefers-color-scheme:dark){.casca-gauge:before{background:conic-gradient(from var(--_start), var(--casca-gray-8) 0deg, var(--casca-gray-8) 360deg)}}.casca-gauge:after{content:"";background:conic-gradient(from var(--_start), var(--_color) 0deg, var(--_color) var(--_arc), transparent var(--_arc));-webkit-mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));-webkit-mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));transition:--_arc var(--casca-duration) var(--casca-easing);border-radius:50%;position:absolute;inset:0}.casca-gauge-value{z-index:1;font-size:var(--casca-font-size-5);font-weight:var(--casca-font-weight-7);color:var(--casca-gray-9);text-align:center;position:relative}@media (prefers-color-scheme:dark){.casca-gauge-value{color:var(--casca-gray-1)}}.casca-gauge-label{font-size:var(--casca-font-size-1);font-weight:var(--casca-font-weight-4);color:var(--casca-label-color);margin-top:var(--casca-size-1);display:block}.casca-gauge[data-variant=semi]{--_start:-180deg;height:calc(var(--_size) / 2 + var(--casca-size-4))}.casca-gauge[data-variant=semi]:before,.casca-gauge[data-variant=semi]:after{background:conic-gradient(from var(--_start), transparent 0deg, transparent 0deg, var(--casca-gray-2) 0deg, var(--casca-gray-2) 180deg, transparent 180deg)}.casca-gauge[data-variant=semi]:after{background:conic-gradient(from var(--_start), transparent 0deg, var(--_color) 0deg, var(--_color) calc(var(--_arc) / 2), transparent calc(var(--_arc) / 2), transparent 180deg)}.casca-gauge[data-thresholds]{--_threshold-1:var(--threshold-1,33);--_threshold-2:var(--threshold-2,66);--_color-low:var(--color-low,var(--casca-red-6));--_color-mid:var(--color-mid,var(--casca-yellow-6));--_color-high:var(--color-high,var(--casca-green-6))}.casca-gauge[data-thresholds]:before{background:conic-gradient(from var(--_start), var(--_color-low) 0deg, var(--_color-low) calc(var(--_threshold-1) / 100 * 360deg), var(--_color-mid) calc(var(--_threshold-1) / 100 * 360deg), var(--_color-mid) calc(var(--_threshold-2) / 100 * 360deg), var(--_color-high) calc(var(--_threshold-2) / 100 * 360deg), var(--_color-high) 360deg);opacity:.3}.casca-gauge[data-size=small]{--_size:150px;--_thickness:15px}.casca-gauge[data-size=large]{--_size:300px;--_thickness:25px}@container casca (width<=400px){.casca-gauge{--_size:150px;--_thickness:15px}.casca-gauge-value{font-size:var(--casca-font-size-4)}}.casca-stat-grid{gap:var(--casca-size-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));display:grid}.casca-stat{--_bg:var(--casca-stat-bg);--_border:var(--casca-stat-border);--_up:var(--casca-stat-up);--_down:var(--casca-stat-down);gap:var(--casca-size-1);padding:var(--casca-stat-pad);background:var(--_bg);border:1px solid var(--_border);border-radius:var(--casca-stat-radius);font-family:var(--casca-font-sans);flex-direction:column;min-inline-size:0;display:flex}@media (prefers-color-scheme:dark){.casca-stat{--_bg:var(--casca-stat-bg-dark);--_border:var(--casca-stat-border-dark);--_up:var(--casca-stat-up-dark);--_down:var(--casca-stat-down-dark)}}.casca-stat-label{font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);letter-spacing:.02em;color:var(--casca-stat-label-color)}@media (prefers-color-scheme:dark){.casca-stat-label{color:var(--casca-stat-label-color-dark)}}.casca-stat-value{font-size:var(--casca-stat-value-size);font-weight:var(--casca-font-weight-7);font-variant-numeric:tabular-nums;color:var(--casca-stat-value-color);overflow-wrap:anywhere;line-height:1.1}@media (prefers-color-scheme:dark){.casca-stat-value{color:var(--casca-stat-value-color-dark)}}.casca-stat-delta{font-size:var(--casca-font-size-0);font-weight:var(--casca-font-weight-6);font-variant-numeric:tabular-nums}.casca-stat-delta[data-trend=up]{color:var(--_up)}.casca-stat-delta[data-trend=down]{color:var(--_down)}.casca-stat-delta[data-trend=up]:before{content:"▲"}.casca-stat-delta[data-trend=down]:before{content:"▼"}.casca-stat-delta[data-trend=flat]:before{content:"–"}.casca-stat-caption{font-size:var(--casca-font-size-00);color:var(--casca-stat-caption-color)}@media (prefers-color-scheme:dark){.casca-stat-caption{color:var(--casca-stat-caption-color-dark)}}.casca-stat-trend{max-block-size:3rem;margin-block-start:var(--casca-size-2)}@media (forced-colors:active){.casca-stat{border-color:canvastext}.casca-stat-delta[data-trend=up],.casca-stat-delta[data-trend=down]{color:canvastext}}.casca-table{--_border:var(--casca-table-border);--_head-bg:var(--casca-table-head-bg);--_head-color:var(--casca-table-head-color);--_stripe:var(--casca-table-row-stripe);--_hover-bg:var(--casca-table-hover-bg);--_foot-bg:var(--casca-table-foot-bg);--_row-selected:var(--casca-table-row-selected);--_select-accent:var(--casca-table-select-accent);--_pad-block:var(--casca-table-cell-pad-block);--_pad-inline:var(--casca-table-cell-pad-inline);border-collapse:collapse;inline-size:100%;font-family:var(--casca-font-sans);font-size:var(--casca-font-size-0);color:var(--casca-gray-8)}@media (prefers-color-scheme:dark){.casca-table{--_border:var(--casca-table-border-dark);--_head-bg:var(--casca-table-head-bg-dark);--_head-color:var(--casca-table-head-color-dark);--_stripe:var(--casca-table-row-stripe-dark);--_hover-bg:var(--casca-table-hover-bg-dark);--_foot-bg:var(--casca-table-foot-bg-dark);--_row-selected:var(--casca-table-row-selected-dark);--_select-accent:var(--casca-table-select-accent-dark);color:var(--casca-gray-1)}}.casca-table-caption{caption-side:top;text-align:start;font-size:var(--casca-font-size-1);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-8);padding-block-end:var(--casca-size-2)}@media (prefers-color-scheme:dark){.casca-table-caption{color:var(--casca-gray-1)}}.casca-table th,.casca-table td{padding:var(--_pad-block) var(--_pad-inline);text-align:start;border-block-end:1px solid var(--_border);vertical-align:baseline}.casca-table thead th{background:var(--_head-bg);color:var(--_head-color);font-weight:var(--casca-font-weight-6);border-block-end:2px solid var(--_border);white-space:nowrap}.casca-table tbody th[scope=row]{font-weight:var(--casca-font-weight-6)}.casca-table .casca-table-num{text-align:end;font-variant-numeric:tabular-nums}.casca-table tbody tr:nth-child(2n){background:var(--_stripe)}.casca-table tbody tr:hover{background:var(--_hover-bg)}.casca-table-select{white-space:nowrap;text-align:center;inline-size:1px}.casca-row-select-label{box-sizing:border-box;block-size:100%;padding:var(--_pad-block) var(--_pad-inline);cursor:pointer;justify-content:center;align-items:center;display:flex}@supports selector(:has(*)){.casca-table-select:has(>.casca-row-select-label){block-size:1px;padding:0}}.casca-row-select{accent-color:var(--_select-accent);cursor:pointer;margin:0}@supports selector(:has(*)){.casca-table tbody tr:has(.casca-row-select:checked){background:var(--_row-selected)}}.casca-table tfoot th,.casca-table tfoot td{background:var(--_foot-bg);font-weight:var(--casca-font-weight-7);border-block-start:2px solid var(--_border);border-block-end:0}.casca-table td[data-trend]{font-variant-numeric:tabular-nums}.casca-table td[data-trend=up]{color:var(--casca-table-trend-up)}.casca-table td[data-trend=down]{color:var(--casca-table-trend-down)}.casca-table td[data-trend=up]:before{content:"▲"}.casca-table td[data-trend=down]:before{content:"▼"}.casca-table td[data-trend=flat]:before{content:"–"}@media (prefers-color-scheme:dark){.casca-table td[data-trend=up]{color:var(--casca-table-trend-up-dark)}.casca-table td[data-trend=down]{color:var(--casca-table-trend-down-dark)}}.casca-table thead th a{color:inherit;text-decoration:none}.casca-table thead th a:hover{text-decoration:underline}.casca-table thead th[aria-sort] a:after{content:" ↕";opacity:.45}.casca-table thead th[aria-sort=ascending] a:after{content:" ↑";opacity:1}.casca-table thead th[aria-sort=descending] a:after{content:" ↓";opacity:1}.casca-table-wrap{max-inline-size:100%;overflow-x:auto}.casca-table-wrap .casca-table thead th{z-index:1;position:sticky;inset-block-start:0}@media (prefers-contrast:more){.casca-table th,.casca-table td{border-width:2px}}@media (forced-colors:active){.casca-table th,.casca-table td{border-color:canvastext}.casca-table td[data-trend=up],.casca-table td[data-trend=down]{color:canvastext}.casca-table tbody tr:has(.casca-row-select:checked){color:highlighttext;background:highlight}}}@layer casca.interactions,casca.themes;
package/dist/casca.css CHANGED
@@ -1 +1 @@
1
- @layer casca.design-tokens{:root{--casca-gray-0:#fff;--casca-gray-1:#f8f9fa;--casca-gray-2:#e9ecef;--casca-gray-3:#dee2e6;--casca-gray-4:#ced4da;--casca-gray-5:#adb5bd;--casca-gray-6:#6c757d;--casca-gray-7:#495057;--casca-gray-8:#343a40;--casca-gray-9:#212529;--casca-blue-5:#4dabf7;--casca-blue-6:#228be6;--casca-blue-7:#1c7ed6;--casca-blue-8:#1971c2;--casca-teal-5:#20c997;--casca-teal-6:#12b886;--casca-orange-5:#ff922b;--casca-orange-6:#fd7e14;--casca-pink-5:#f06595;--casca-pink-6:#e64980;--casca-green-5:#51cf66;--casca-green-6:#40c057;--casca-green-7:#37b24d;--casca-green-8:#2f9e44;--casca-green-9:#2b8a3e;--casca-purple-5:#9775fa;--casca-purple-6:#845ef7;--casca-yellow-5:#ffd43b;--casca-yellow-6:#fab005;--casca-red-5:#ff6b6b;--casca-red-6:#fa5252;--casca-red-7:#f03e3e;--casca-red-8:#e03131;--casca-red-9:#c92a2a;--casca-surface-1:#fff;--casca-size-1:.25rem;--casca-size-2:.5rem;--casca-size-3:.75rem;--casca-size-4:1rem;--casca-size-5:1.5rem;--casca-size-6:2rem;--casca-font-size-00:.75rem;--casca-font-size-0:.875rem;--casca-font-size-1:1rem;--casca-font-size-3:1.25rem;--casca-font-size-4:1.5rem;--casca-font-size-5:2rem;--casca-font-weight-4:400;--casca-font-weight-6:600;--casca-font-weight-7:700;--casca-font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--casca-radius-1:.125rem;--casca-radius-2:.25rem;--casca-ease-out-3:cubic-bezier(.2, 0, 0, 1)}@media (prefers-color-scheme:dark){:root{--casca-surface-1:#1a1a1a}}}@layer casca.tokens{@property --casca-value{syntax:"<percentage>";inherits:false;initial-value:0%}@property --casca-value-num{syntax:"<number>";inherits:false;initial-value:0}@property --casca-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-1{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-2{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-3{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-4{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-5{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-6{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-7{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-8{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--casca-height:300px;--casca-width:100%;--casca-gap:var(--casca-size-2);--casca-padding:var(--casca-size-4);--casca-bar-width:var(--casca-size-6);--casca-bar-radius:var(--casca-radius-2);--casca-bar-min-height:2px;--casca-bar-rank-label-width:7rem;--casca-pie-size:250px;--casca-donut-hole-size:40%;--casca-line-stroke-width:2px;--casca-line-point-size:6px;--casca-line-area-opacity:.1;--casca-progress-height:var(--casca-size-3);--casca-progress-radius:var(--casca-radius-2);--casca-gauge-size:200px;--casca-gauge-thickness:20px;--casca-heatmap-cols:7;--casca-heatmap-gap:var(--casca-size-1);--casca-heatmap-radius:var(--casca-radius-1);--casca-heatmap-color:var(--casca-color-1);--casca-heatmap-empty:var(--casca-gray-2);--casca-heatmap-empty-dark:var(--casca-gray-8);--casca-scatter-aspect:4 / 3;--casca-scatter-point-size:.75rem;--casca-scatter-grid-color:var(--casca-grid-color);--casca-scatter-grid-step:25%;--casca-scatter-trend-color:var(--casca-label-color);--casca-scatter-trend-width:1.5;--casca-scatter-quadrant-color:var(--casca-axis-color);--casca-waterfall-height:240px;--casca-waterfall-gap:var(--casca-size-3);--casca-waterfall-radius:var(--casca-radius-1);--casca-waterfall-increase:var(--casca-color-5);--casca-waterfall-decrease:var(--casca-color-8);--casca-waterfall-total:var(--casca-color-1);--casca-waterfall-connector-color:var(--casca-axis-color);--casca-waterfall-connector-width:1px;--casca-radar-axes:6;--casca-radar-grid-color:var(--casca-grid-color);--casca-radar-fill-opacity:.35;--casca-candlestick-height:240px;--casca-candlestick-gap:var(--casca-size-1);--casca-candle-up:var(--casca-color-5);--casca-candle-down:var(--casca-color-8);--casca-candle-wick-width:2px;--casca-candle-body-inset:22%;--casca-candle-radius:var(--casca-radius-1);--casca-candle-min-body:2px;--casca-duration:.4s;--casca-easing:var(--casca-ease-out-3);--casca-font:var(--casca-font-sans);--casca-font-size:var(--casca-font-size-0);--casca-label-color:var(--casca-gray-6);--casca-axis-color:var(--casca-gray-4);--casca-grid-color:var(--casca-gray-2);--casca-axis-width:1px;--casca-axis-y-width:2.25rem;--casca-axis-x-height:1.25rem;--casca-axis-count:6;--casca-axis-radius:56%;--casca-color-1:var(--casca-blue-6);--casca-color-2:var(--casca-teal-6);--casca-color-3:var(--casca-orange-6);--casca-color-4:var(--casca-pink-6);--casca-color-5:var(--casca-green-6);--casca-color-6:var(--casca-purple-6);--casca-color-7:var(--casca-yellow-6);--casca-color-8:var(--casca-red-6);--casca-on-accent:var(--casca-gray-0);--casca-slot-cols:5;--casca-slot-col-min:4.5rem;--casca-slot-gap:var(--casca-size-2);--casca-slot-radius:var(--casca-radius-2);--casca-slot-min-size:2.75rem;--casca-slot-bg:var(--casca-gray-1);--casca-slot-color:var(--casca-gray-8);--casca-slot-border:var(--casca-gray-3);--casca-slot-hover-bg:var(--casca-gray-2);--casca-slot-hover-border:var(--casca-gray-4);--casca-slot-selected-bg:var(--casca-color-1);--casca-slot-selected-color:var(--casca-on-accent);--casca-slot-selected-border:var(--casca-color-1);--casca-slot-taken-bg:var(--casca-gray-1);--casca-slot-taken-color:var(--casca-gray-5);--casca-slot-pending-bg:var(--casca-yellow-5);--casca-slot-pending-color:var(--casca-gray-9);--casca-slot-pending-border:var(--casca-yellow-6);--casca-slot-focus-ring:var(--casca-color-1);--casca-slot-bg-dark:var(--casca-gray-8);--casca-slot-color-dark:var(--casca-gray-1);--casca-slot-border-dark:var(--casca-gray-7);--casca-slot-hover-bg-dark:var(--casca-gray-7);--casca-slot-hover-border-dark:var(--casca-gray-6);--casca-slot-taken-bg-dark:var(--casca-gray-9);--casca-slot-taken-color-dark:var(--casca-gray-6);--casca-slot-pending-bg-dark:var(--casca-yellow-6);--casca-slot-pending-color-dark:var(--casca-gray-9);--casca-slot-pending-border-dark:var(--casca-yellow-6);--casca-table-border:var(--casca-gray-3);--casca-table-head-bg:var(--casca-gray-1);--casca-table-head-color:var(--casca-gray-7);--casca-table-row-stripe:var(--casca-gray-1);--casca-table-hover-bg:var(--casca-gray-2);--casca-table-foot-bg:var(--casca-gray-1);--casca-table-cell-pad-block:var(--casca-size-2);--casca-table-cell-pad-inline:var(--casca-size-3);--casca-table-trend-up:var(--casca-green-9);--casca-table-trend-down:var(--casca-red-8);--casca-table-row-selected:color-mix(in oklab, var(--casca-color-1) 14%, var(--casca-gray-0));--casca-table-select-accent:var(--casca-color-1);--casca-table-border-dark:var(--casca-gray-7);--casca-table-head-bg-dark:var(--casca-gray-8);--casca-table-head-color-dark:var(--casca-gray-3);--casca-table-row-stripe-dark:var(--casca-gray-8);--casca-table-hover-bg-dark:var(--casca-gray-7);--casca-table-foot-bg-dark:var(--casca-gray-8);--casca-table-trend-up-dark:var(--casca-green-5);--casca-table-trend-down-dark:var(--casca-red-5);--casca-table-row-selected-dark:color-mix(in oklab, var(--casca-color-1) 26%, var(--casca-gray-9));--casca-table-select-accent-dark:var(--casca-color-1);--casca-range-accent:var(--casca-color-1);--casca-range-accent-dark:var(--casca-color-1);--casca-range-block-size:1.5rem;--casca-stat-bg:transparent;--casca-stat-border:var(--casca-gray-3);--casca-stat-radius:var(--casca-radius-2);--casca-stat-pad:var(--casca-size-5);--casca-stat-label-color:var(--casca-gray-6);--casca-stat-value-color:var(--casca-gray-9);--casca-stat-value-size:var(--casca-font-size-5);--casca-stat-caption-color:var(--casca-gray-6);--casca-stat-up:var(--casca-green-9);--casca-stat-down:var(--casca-red-8);--casca-stat-bg-dark:transparent;--casca-stat-border-dark:var(--casca-gray-7);--casca-stat-label-color-dark:var(--casca-gray-5);--casca-stat-value-color-dark:var(--casca-gray-0);--casca-stat-caption-color-dark:var(--casca-gray-5);--casca-stat-up-dark:var(--casca-green-5);--casca-stat-down-dark:var(--casca-red-5);--casca-card-bg:var(--casca-surface-1);--casca-card-border:var(--casca-gray-3);--casca-card-radius:var(--casca-radius-2);--casca-card-pad:var(--casca-size-5);--casca-card-gap:var(--casca-size-3);--casca-card-title-color:var(--casca-gray-9);--casca-card-title-size:var(--casca-font-size-1);--casca-card-footer-color:var(--casca-gray-6);--casca-card-border-dark:var(--casca-gray-7);--casca-card-title-color-dark:var(--casca-gray-0);--casca-card-footer-color-dark:var(--casca-gray-5);--casca-card-grid-min:16rem;--casca-card-grid-gap:var(--casca-size-4);--casca-toolbar-gap:var(--casca-size-3);--casca-anchor-nav-gap:var(--casca-size-1);--casca-anchor-nav-color:var(--casca-gray-7);--casca-anchor-nav-active:var(--casca-color-1);--casca-anchor-nav-pad:var(--casca-size-2);--casca-anchor-nav-color-dark:var(--casca-gray-4)}}@layer casca.base{.casca,figure.casca{--_height:var(--casca-height);--_width:var(--casca-width);--_padding:var(--casca-padding);--_gap:var(--casca-gap);box-sizing:border-box;width:var(--_width);min-height:var(--_height);padding:var(--_padding);font-family:var(--casca-font);font-size:var(--casca-font-size);margin:0;display:grid;container:casca/inline-size}.casca[data-density=compact]{--_padding:var(--casca-size-2);--_gap:var(--casca-size-1);--_height:200px}.casca[data-density=compact] .casca-title{font-size:var(--casca-font-size-1);margin-block-end:var(--casca-size-1)}.casca[data-density=compact] .casca-subtitle{font-size:var(--casca-font-size-0);margin-block-end:var(--casca-size-2)}.casca[data-density=compact] .casca-legend{gap:var(--casca-size-2);font-size:var(--casca-font-size-00)}.casca[data-density=compact] .casca-legend-swatch{width:var(--casca-size-2);height:var(--casca-size-2)}.casca[data-density=dense]{--_padding:var(--casca-size-1);--_gap:var(--casca-size-1);--_height:120px;font-size:var(--casca-font-size-00)}.casca[data-density=dense] .casca-title{font-size:var(--casca-font-size-0);margin-block-end:var(--casca-size-1)}.casca[data-density=dense] .casca-subtitle{font-size:var(--casca-font-size-00);margin-block-end:var(--casca-size-1)}.casca[data-density=dense] .casca-legend{gap:var(--casca-size-1);font-size:var(--casca-font-size-00)}.casca[data-density=dense] .casca-legend-swatch{width:var(--casca-size-1);height:var(--casca-size-1)}.casca[data-density=compact] .casca-bar{--casca-bar-width:var(--casca-size-4)}.casca[data-density=dense] .casca-bar{--casca-bar-width:var(--casca-size-3)}.casca[data-density=compact] .casca-pie{--casca-pie-size:180px}.casca[data-density=dense] .casca-pie{--casca-pie-size:100px}.casca-title{font-size:var(--casca-font-size-3);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-8);margin-block-end:var(--casca-size-3)}.casca figcaption,figure.casca figcaption{margin-block-end:var(--casca-size-4)}figure.casca figcaption .casca-title{margin-block-end:var(--casca-size-2)}.casca-subtitle{font-size:var(--casca-font-size-1);color:var(--casca-label-color);margin-block-end:var(--casca-size-4)}.casca-legend{gap:var(--casca-size-3);font-size:var(--casca-font-size-0);color:var(--casca-label-color);flex-wrap:wrap;display:flex}.casca-legend-item{align-items:center;gap:var(--casca-size-1);display:flex}.casca-legend-swatch{width:var(--casca-size-3);height:var(--casca-size-3);border-radius:var(--casca-radius-1);background:var(--_color,var(--casca-color-1))}.casca-chip{--_chip-bg:var(--chip-bg,var(--casca-gray-9));--_chip-color:var(--chip-color,var(--casca-gray-0));--_chip-border:var(--chip-border,transparent);align-items:center;gap:var(--casca-size-1);padding:var(--casca-size-1) var(--casca-size-2);background:var(--_chip-bg);color:var(--_chip-color);border:1px solid var(--_chip-border);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);white-space:nowrap;line-height:1;display:inline-flex}.casca-chip[data-position=absolute]{top:var(--chip-top,auto);right:var(--chip-right,auto);bottom:var(--chip-bottom,auto);left:var(--chip-left,auto);z-index:10;position:absolute}.casca-chip[data-variant=success]{--_chip-bg:var(--casca-green-9);--_chip-color:var(--casca-gray-0)}.casca-chip[data-variant=warning]{--_chip-bg:var(--casca-yellow-6);--_chip-color:var(--casca-gray-9)}.casca-chip[data-variant=error]{--_chip-bg:var(--casca-red-8);--_chip-color:var(--casca-gray-0)}.casca-chip[data-variant=info]{--_chip-bg:var(--casca-blue-8);--_chip-color:var(--casca-gray-0)}.casca-chip[data-variant=neutral]{--_chip-bg:var(--casca-gray-2);--_chip-color:var(--casca-gray-8)}.casca-chip[data-variant=outline]{--_chip-bg:transparent;--_chip-color:var(--casca-gray-9);--_chip-border:var(--casca-gray-4)}@media (prefers-color-scheme:dark){.casca-chip[data-variant=outline]{--_chip-color:var(--casca-gray-0);--_chip-border:var(--casca-gray-6)}.casca-chip[data-variant=neutral]{--_chip-bg:var(--casca-gray-7);--_chip-color:var(--casca-gray-0)}}.casca-chip-icon{width:var(--casca-size-3);height:var(--casca-size-3);justify-content:center;align-items:center;display:inline-flex}.casca-legend-paginated{gap:var(--casca-size-3);flex-direction:column;display:flex}.casca-legend-paginated input[type=radio]{opacity:0;pointer-events:none;position:absolute}.casca-legend-pages{min-height:6rem;position:relative}.casca-legend-page{gap:var(--casca-size-3);font-size:var(--casca-font-size-0);color:var(--casca-label-color);flex-wrap:wrap;display:none}.casca-legend-paginated input[type=radio][data-page="1"]:checked~.casca-legend-pages .casca-legend-page[data-page="1"],.casca-legend-paginated input[type=radio][data-page="1"]:checked~.casca-legend-pages .casca-legend-page[data-page="1"],.casca-legend-paginated input[type=radio][data-page="2"]:checked~.casca-legend-pages .casca-legend-page[data-page="2"],.casca-legend-paginated input[type=radio][data-page="3"]:checked~.casca-legend-pages .casca-legend-page[data-page="3"],.casca-legend-paginated input[type=radio][data-page="4"]:checked~.casca-legend-pages .casca-legend-page[data-page="4"],.casca-legend-paginated input[type=radio][data-page="5"]:checked~.casca-legend-pages .casca-legend-page[data-page="5"],.casca-legend-paginated input#legend-page-1:checked~.casca-legend-pages .casca-legend-page[data-page="1"],.casca-legend-paginated input#legend-page-2:checked~.casca-legend-pages .casca-legend-page[data-page="2"],.casca-legend-paginated input#legend-page-3:checked~.casca-legend-pages .casca-legend-page[data-page="3"],.casca-legend-paginated input#legend-page-4:checked~.casca-legend-pages .casca-legend-page[data-page="4"],.casca-legend-paginated input#legend-page-5:checked~.casca-legend-pages .casca-legend-page[data-page="5"]{display:flex}.casca-legend-controls{justify-content:space-between;align-items:center;gap:var(--casca-size-2);display:flex}.casca-legend-nav{gap:var(--casca-size-2);align-items:center;display:flex}.casca-legend-nav label{min-width:var(--casca-size-6);padding:var(--casca-size-1) var(--casca-size-2);background:var(--casca-gray-2);color:var(--casca-gray-8);border:1px solid var(--casca-gray-3);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.casca-legend-nav label:hover{background:var(--casca-gray-3);border-color:var(--casca-gray-4)}.casca-legend-nav label:active{transform:scale(.97)}.casca-legend-nav input:checked+label{background:var(--casca-color-1);color:var(--casca-gray-0);border-color:var(--casca-color-1)}.casca-legend-indicator-page{font-size:var(--casca-font-size-00);color:var(--casca-label-color);font-weight:var(--casca-font-weight-4);display:none}:is(.casca-legend-paginated:has(input[type=radio][data-page="1"]:checked) .casca-legend-indicator-page[data-page="1"],.casca-legend-paginated:has(input[type=radio][data-page="2"]:checked) .casca-legend-indicator-page[data-page="2"],.casca-legend-paginated:has(input[type=radio][data-page="3"]:checked) .casca-legend-indicator-page[data-page="3"],.casca-legend-paginated:has(input[type=radio][data-page="4"]:checked) .casca-legend-indicator-page[data-page="4"],.casca-legend-paginated:has(input[type=radio][data-page="5"]:checked) .casca-legend-indicator-page[data-page="5"]),:is(.casca-legend-paginated:has(#legend-page-1:checked) .casca-legend-indicator-page[data-page="1"],.casca-legend-paginated:has(#legend-page-2:checked) .casca-legend-indicator-page[data-page="2"],.casca-legend-paginated:has(#legend-page-3:checked) .casca-legend-indicator-page[data-page="3"],.casca-legend-paginated:has(#legend-page-4:checked) .casca-legend-indicator-page[data-page="4"],.casca-legend-paginated:has(#legend-page-5:checked) .casca-legend-indicator-page[data-page="5"]){display:block}.casca-legend-indicator{font-size:var(--casca-font-size-00);color:var(--casca-label-color);font-weight:var(--casca-font-weight-4)}@supports selector(:has(*)){.casca-legend-indicator{display:none}}@media (prefers-color-scheme:dark){.casca-legend-nav label{background:var(--casca-gray-8);color:var(--casca-gray-1);border-color:var(--casca-gray-7)}.casca-legend-nav label:hover{background:var(--casca-gray-7);border-color:var(--casca-gray-6)}}.casca-interactive{cursor:pointer;background:0 0;border:none;width:100%;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.casca-interactive:focus-visible{outline:3px solid var(--casca-color-1);outline-offset:3px;border-radius:var(--casca-radius-2)}.casca-interactive:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.casca-interactive:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.casca-interactive .casca-title,.casca-interactive .casca-subtitle,.casca-interactive .casca-label{font:inherit;color:inherit}.casca-pager{isolation:isolate;justify-content:center;align-items:center;gap:0;width:fit-content;display:flex;position:relative}.casca-pager-label{z-index:10;pointer-events:none;background:var(--casca-gray-0);color:var(--casca-gray-8);padding:var(--casca-size-1) var(--casca-size-2);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000001a}@media (prefers-color-scheme:dark){.casca-pager-label{background:var(--casca-gray-8);color:var(--casca-gray-0)}}.casca-pager-btn{background:var(--casca-gray-2);color:var(--casca-gray-8);cursor:pointer;min-width:var(--casca-size-6);height:var(--casca-size-6);padding:0 var(--casca-size-3);font-size:var(--casca-font-size-1);font-weight:var(--casca-font-weight-6);font-family:var(--casca-font-sans);border:none;justify-content:center;align-items:center;line-height:1;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}@media (prefers-color-scheme:dark){.casca-pager-btn{background:var(--casca-gray-7);color:var(--casca-gray-0)}}.casca-pager-btn-prev{border-radius:var(--casca-radius-2) 0 0 var(--casca-radius-2)}.casca-pager-btn-next{border-radius:0 var(--casca-radius-2) var(--casca-radius-2) 0}.casca-pager-btn:only-of-type{border-radius:var(--casca-radius-2)}.casca-pager-btn:hover{background:var(--casca-gray-3);transform:scale(1.05)}@media (prefers-color-scheme:dark){.casca-pager-btn:hover{background:var(--casca-gray-6)}}.casca-pager-btn:active{background:var(--casca-gray-4);transform:scale(.98)}@media (prefers-color-scheme:dark){.casca-pager-btn:active{background:var(--casca-gray-5)}}.casca-pager-btn:focus-visible{outline:3px solid var(--casca-color-1);outline-offset:2px;z-index:2;position:relative}.casca-pager-btn:disabled,.casca-pager-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.casca-legend-row{gap:var(--casca-size-2);padding:var(--casca-size-2) var(--casca-size-3);border-radius:var(--casca-radius-2);font-family:var(--casca-font-sans);font-size:var(--casca-font-size-0);text-align:left;color:var(--casca-gray-8);background:0 0;border:none;grid-template-columns:auto 1fr auto;align-items:center;width:100%;text-decoration:none;transition:background .15s;display:grid}@media (prefers-color-scheme:dark){.casca-legend-row{color:var(--casca-gray-1)}}.casca-legend-row[href],.casca-legend-row[type]{cursor:pointer}.casca-legend-row[href]:hover,.casca-legend-row[type]:hover{background:var(--casca-gray-2)}@media (prefers-color-scheme:dark){.casca-legend-row[href]:hover,.casca-legend-row[type]:hover{background:var(--casca-gray-8)}}.casca-legend-row[href]:active,.casca-legend-row[type]:active{background:var(--casca-gray-3)}@media (prefers-color-scheme:dark){.casca-legend-row[href]:active,.casca-legend-row[type]:active{background:var(--casca-gray-7)}}.casca-legend-row:focus-visible{outline:3px solid var(--casca-color-1);outline-offset:2px;background:var(--casca-gray-1)}@media (prefers-color-scheme:dark){.casca-legend-row:focus-visible{background:var(--casca-gray-8)}}.casca-legend-row-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--casca-font-weight-4);overflow:hidden}.casca-legend-row-rail{gap:var(--casca-size-1);flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.casca-legend-row-rail .casca-chip{min-width:var(--casca-size-6);justify-content:center}.casca-legend-row[data-selected=true],.casca-legend-row[aria-current=true]{background:var(--casca-color-1);color:var(--casca-gray-0)}.casca-legend-row[data-selected=true] .casca-legend-row-label,.casca-legend-row[aria-current=true] .casca-legend-row-label{font-weight:var(--casca-font-weight-6)}.casca-legend-row[data-selected=true] .casca-chip,.casca-legend-row[aria-current=true] .casca-chip{--_chip-bg:var(--casca-gray-0);--_chip-color:var(--casca-color-1);--_chip-border:transparent}.casca-legend-row:disabled,.casca-legend-row[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.sr-only,.casca-data{clip:rect(0, 0, 0, 0);white-space:nowrap;table-layout:fixed;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only-focusable:focus,.sr-only-focusable:active{clip:auto;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}@media (prefers-contrast:more){:root{--casca-line-stroke-width:3px;--casca-bar-min-height:4px;--casca-axis-width:2px;--casca-line-area-opacity:.3;--casca-grid-color:var(--casca-gray-7);--casca-axis-color:var(--casca-gray-8)}.casca-bar-value:hover,.casca-pie-chart:hover,.casca-line-point:hover{outline-offset:2px;outline:3px solid}.casca-bar-group[data-grid],.casca-line[data-grid]{background-color:var(--casca-gray-1)}.casca-pie-chart{outline:2px solid var(--casca-gray-9)}}@media (prefers-reduced-motion:reduce){.casca,.casca *{--casca-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:is(.casca-bar-value:focus-visible,.casca-line-point:focus-visible,.casca-pie-chart:focus-visible){outline:3px solid var(--casca-color-1);outline-offset:3px}.casca-bar-value[data-label],.casca-line-point,.casca-pie-chart{cursor:pointer}.casca-line-point{outline:none}.casca-line-point:focus{outline:2px solid var(--casca-color-1);outline-offset:2px}.casca-live-region{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.casca-skip-link{background:var(--casca-gray-9);color:var(--casca-gray-0);padding:var(--casca-size-2) var(--casca-size-3);border-radius:var(--casca-radius-2);z-index:100;text-decoration:none;position:absolute;top:-40px;left:0}.casca-skip-link:focus{top:0}.casca-data{font-family:var(--casca-font-sans);font-size:var(--casca-font-size-0);border-collapse:collapse}.casca-data caption{font-weight:var(--casca-font-weight-6);margin-bottom:var(--casca-size-2);text-align:left}.casca-data th,.casca-data td{padding:var(--casca-size-2);text-align:left;border:1px solid var(--casca-gray-4);color:var(--casca-gray-9)}.casca-data th{background:var(--casca-gray-2);font-weight:var(--casca-font-weight-6)}@media (prefers-color-scheme:dark){.casca-data th,.casca-data td{border-color:var(--casca-gray-7);color:var(--casca-gray-1)}.casca-data th{background:var(--casca-gray-8)}}[data-theme=dark] .casca-data th,[data-theme=dark] .casca-data td{border-color:var(--casca-gray-7);color:var(--casca-gray-1)}[data-theme=dark] .casca-data th{background:var(--casca-gray-8)}@media (forced-colors:active){.casca-bar-value,.casca-line polyline,.casca-line path,.casca-pie-chart{forced-color-adjust:none;border:1px solid canvastext}.casca-line-point{fill:canvastext;stroke:canvas}.casca-bar-group[data-grid],.casca-line[data-grid]{background-image:none;border:1px solid canvastext}}@media print{.casca-data{width:auto;height:auto;margin:var(--casca-size-4) 0;page-break-inside:avoid;position:static}.casca-bar-value,.casca-pie-chart,.casca-line polyline{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact}.casca{page-break-inside:avoid}}}@layer casca.layout{.casca-card{--_bg:var(--casca-card-bg);--_border:var(--casca-card-border);gap:var(--casca-card-gap);padding:var(--casca-card-pad);background:var(--_bg);border:1px solid var(--_border);border-radius:var(--casca-card-radius);font-family:var(--casca-font-sans);flex-direction:column;min-inline-size:0;display:flex}@media (prefers-color-scheme:dark){.casca-card{--_border:var(--casca-card-border-dark)}}.casca-card-title{font-size:var(--casca-card-title-size);font-weight:var(--casca-font-weight-6);color:var(--casca-card-title-color);margin:0}@media (prefers-color-scheme:dark){.casca-card-title{color:var(--casca-card-title-color-dark)}}.casca-card-body{min-inline-size:0}.casca-card-footer{border-block-start:1px solid var(--_border);font-size:var(--casca-font-size-00);color:var(--casca-card-footer-color);margin-block-start:var(--casca-card-gap);padding-block-start:var(--casca-card-gap)}@media (prefers-color-scheme:dark){.casca-card-footer{color:var(--casca-card-footer-color-dark)}}@media (forced-colors:active){.casca-card{border-color:canvastext}.casca-card-footer{border-block-start-color:canvastext}}.casca-card-grid{gap:var(--casca-card-grid-gap);grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--casca-card-grid-min)), 1fr));display:grid}.casca-toolbar{align-items:center;gap:var(--casca-toolbar-gap);flex-wrap:wrap;display:flex}.casca-toolbar[data-align=between]{justify-content:space-between}.casca-toolbar[data-align=end]{justify-content:flex-end}.casca-toolbar-group{align-items:center;gap:var(--casca-toolbar-gap);display:inline-flex}.casca-toolbar[data-variant=scroll]{flex-wrap:nowrap;overflow-x:auto}.casca-anchor-nav{gap:var(--casca-anchor-nav-gap);flex-direction:column;display:flex}.casca-anchor-nav[data-sticky]{position:sticky;inset-block-start:var(--casca-size-4)}.casca-anchor-nav-link{padding:var(--casca-size-1) var(--casca-anchor-nav-pad);color:var(--casca-anchor-nav-color);font-size:var(--casca-font-size-0);white-space:nowrap;border-inline-start:2px solid #0000;text-decoration:none;transition:color .15s,border-color .15s;display:block}.casca-anchor-nav-link:hover{color:var(--casca-anchor-nav-active)}.casca-anchor-nav-link[aria-current]:not([aria-current=false]){color:var(--casca-anchor-nav-active);border-inline-start-color:var(--casca-anchor-nav-active);font-weight:var(--casca-font-weight-6)}@media (prefers-color-scheme:dark){.casca-anchor-nav-link{color:var(--casca-anchor-nav-color-dark)}}.casca-anchor-nav[data-orientation=horizontal]{align-items:center;gap:var(--casca-size-1) var(--casca-size-4);flex-flow:wrap}.casca-anchor-nav[data-orientation=horizontal] .casca-anchor-nav-link{border-block-end:2px solid #0000;border-inline-start:0}.casca-anchor-nav[data-orientation=horizontal] .casca-anchor-nav-link[aria-current]:not([aria-current=false]){border-inline-start-color:#0000;border-block-end-color:var(--casca-anchor-nav-active)}@media (forced-colors:active){.casca-anchor-nav-link[aria-current]:not([aria-current=false]){border-inline-start-color:highlight}.casca-anchor-nav[data-orientation=horizontal] .casca-anchor-nav-link[aria-current]:not([aria-current=false]){border-block-end-color:highlight;border-inline-start-color:#0000}}}@layer casca.charts{.casca-plot{grid-template-columns:auto var(--casca-axis-y-width) 1fr;grid-template-rows:1fr var(--casca-axis-x-height) auto;gap:var(--casca-size-1);grid-template-areas:"ytitle yaxis plot""corner corner xaxis""corner corner xtitle";align-items:center;display:grid}.casca-plot>:not(.casca-axis):not(.casca-axis-title){grid-area:plot;min-block-size:0;min-inline-size:0}.casca-plot>.casca-axis[data-axis=x]{grid-area:xaxis}.casca-plot>.casca-axis[data-axis=y]{grid-area:yaxis}.casca-plot>.casca-axis-title[data-axis=x]{grid-area:xtitle}.casca-plot>.casca-axis-title[data-axis=y]{grid-area:ytitle}.casca-axis{color:var(--casca-label-color);font-size:var(--casca-font-size-0);line-height:1.2}.casca-axis[data-axis=x]{block-size:100%;inline-size:100%;position:relative}.casca-axis[data-axis=x] .casca-axis-tick{white-space:nowrap;position:absolute;inset-block-start:0;inset-inline-start:calc(var(--pos,0) * 1%);translate:-50%}.casca-axis[data-axis=y]{block-size:100%;inline-size:100%;font-size:var(--casca-font-size-00);position:relative}.casca-axis[data-axis=y] .casca-axis-tick{text-align:end;white-space:nowrap;position:absolute;inset-block-end:calc(var(--pos,0) * 1%);inset-inline-end:0;translate:0 50%}.casca-axis-title{color:var(--casca-label-color);font-size:var(--casca-font-size-0);text-align:center;font-weight:600}.casca-axis-title[data-axis=y]{writing-mode:vertical-rl;transform:rotate(180deg)}.casca-axis[data-axis=radial]{pointer-events:none;color:var(--casca-label-color);font-size:var(--casca-font-size-0);position:absolute;inset:0}.casca-axis[data-axis=radial] .casca-axis-tick{--_angle:calc(var(--index,0) / var(--casca-axis-count) * 360deg - 90deg);--_r:var(--casca-axis-radius,56%);white-space:nowrap;font-weight:600;position:absolute;inset-block-start:calc(50% + sin(var(--_angle)) * var(--_r));inset-inline-start:calc(50% + cos(var(--_angle)) * var(--_r));translate:-50% -50%}@supports not (inset-block-start:calc(sin(1deg) * 1%)){.casca-axis[data-axis=radial]{justify-content:center;gap:var(--casca-size-2);flex-wrap:wrap;display:flex;position:static}.casca-axis[data-axis=radial] .casca-axis-tick{position:static;inset:auto;translate:none}}.casca-bar{--_bar-width:var(--casca-bar-width);--_bar-radius:var(--casca-bar-radius);--_axis-color:var(--casca-axis-color);--_grid-color:var(--casca-grid-color);gap:var(--casca-size-2);height:var(--casca-height);grid-template-rows:1fr auto;display:grid}.casca-bar-group{justify-content:space-around;align-items:flex-end;gap:var(--_gap,var(--casca-gap));padding-inline:var(--casca-size-2);border-bottom:var(--casca-axis-width) solid var(--_axis-color);box-sizing:border-box;width:100%;height:100%;display:flex;position:relative}.casca-bar-group[data-grid]{background:repeating-linear-gradient(to top, transparent, transparent calc(25% - 1px), var(--_grid-color) calc(25% - 1px), var(--_grid-color) 25%)}.casca-bar-item{align-items:center;gap:var(--casca-size-1);max-width:calc(var(--_bar-width) * 2);flex-direction:column;flex:1;height:100%;display:flex}.casca-bar-value{--_value:var(--value,0%);--_color:var(--color,var(--casca-color-1));width:var(--_bar-width);height:var(--_value);min-height:var(--casca-bar-min-height);background:var(--_color);border-radius:var(--_bar-radius) var(--_bar-radius) 0 0;transition:height var(--casca-duration) var(--casca-easing);margin-top:auto;position:relative}.casca-bar-value:before{content:attr(data-label);padding:var(--casca-size-1) var(--casca-size-2);background:var(--casca-gray-9);color:var(--casca-gray-0);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.casca-bar-value:hover:before{opacity:1}.casca-bar[data-labels=always] .casca-bar-value:before{opacity:1;color:var(--casca-label-color);font-size:var(--casca-font-size-00);background:0 0;padding:0;font-weight:600;transition:none}.casca-bar[data-labels=always]:not([data-orientation=horizontal]) .casca-bar-group{padding-block-start:1.5em}.casca-bar[data-orientation=horizontal][data-labels=always]{grid-template-columns:1fr}.casca-bar[data-orientation=horizontal] .casca-bar-item:has(>.casca-bar-label){grid-template-columns:var(--casca-bar-rank-label-width) 1fr auto;align-items:center;gap:var(--casca-size-2);display:grid}.casca-bar-rank-value{color:var(--casca-label-color);font-size:var(--casca-font-size-00);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.casca-bar[data-orientation=horizontal] .casca-bar-item>.casca-bar-label{text-align:end;flex:none;max-width:none}.casca-bar-labels{color:var(--casca-label-color);padding-inline:var(--casca-size-2);box-sizing:border-box;justify-content:space-around;width:100%;line-height:1.2;display:flex}.casca-bar-label{text-align:center;max-width:calc(var(--_bar-width) * 2);flex:1}.casca-bar[data-orientation=horizontal]{grid-template-rows:none;grid-template-columns:auto 1fr}.casca-bar[data-orientation=horizontal] .casca-bar-group{border-bottom:none;border-left:var(--casca-axis-width) solid var(--_axis-color);flex-direction:column;justify-content:space-around;align-items:flex-start}.casca-bar[data-orientation=horizontal] .casca-bar-item{flex-direction:row;width:100%;max-width:none;height:auto}.casca-bar[data-orientation=horizontal] .casca-bar-value{width:var(--_value);height:var(--_bar-width);min-height:auto;min-width:var(--casca-bar-min-height);border-radius:0 var(--_bar-radius) var(--_bar-radius) 0;transition:width var(--casca-duration) var(--casca-easing);margin-top:0}.casca-bar[data-diverging] .casca-bar-group{border-bottom:var(--casca-axis-width) solid var(--_axis-color);border-top:var(--casca-axis-width) solid var(--_axis-color);align-items:center;position:relative}.casca-bar[data-diverging] .casca-bar-grouped{align-items:center}.casca-bar[data-diverging] .casca-bar-slot{align-items:stretch}.casca-bar[data-diverging] .casca-bar-slot .casca-bar-value{height:calc(var(--_value) * .5);margin:0;position:absolute;left:0;right:0}.casca-bar[data-diverging] .casca-bar-group:after{content:"";height:var(--casca-axis-width);background:var(--_axis-color);z-index:0;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.casca-bar[data-diverging] .casca-bar-item{z-index:1;position:relative}.casca-bar[data-diverging] .casca-bar-value[data-direction=positive]{border-radius:var(--_bar-radius) var(--_bar-radius) 0 0;bottom:50%}.casca-bar[data-diverging] .casca-bar-value[data-direction=negative]{border-radius:0 0 var(--_bar-radius) var(--_bar-radius);top:50%}.casca-bar[data-diverging] .casca-bar-value[data-direction=negative]:before{top:100%;bottom:auto}.casca-bar[data-diverging] .casca-bar-group[data-grid]{background:repeating-linear-gradient(to top, transparent, transparent calc(12.5% - 1px), var(--_grid-color) calc(12.5% - 1px), var(--_grid-color) 12.5%)}.casca-bar-grouped{gap:var(--casca-size-1);justify-content:center;align-self:stretch;align-items:flex-end;width:100%;height:100%;display:flex}.casca-bar-slot{--_grouped-width:calc(var(--_bar-width) * .7);width:var(--_grouped-width);align-items:flex-end;height:100%;display:flex;position:relative}.casca-bar-slot .casca-bar-value{width:100%;margin-top:auto}.casca-bar-value[data-series=secondary]{opacity:.35}.casca-bar-value[data-series=tertiary]{opacity:.2}@container casca (width<=400px){.casca-bar-slot{--_grouped-width:calc(var(--casca-size-4) * .6)}}.casca-bar-stack{width:var(--_bar-width);flex-direction:column-reverse;margin-top:auto;display:flex;position:relative}.casca-bar-stack .casca-bar-segment{--_value:var(--value,0%);--_color:var(--color,var(--casca-color-1));width:100%;height:var(--_value);background:var(--_color);transition:height var(--casca-duration) var(--casca-easing), filter .2s ease;position:relative}.casca-bar-stack .casca-bar-segment:last-child{border-radius:var(--_bar-radius) var(--_bar-radius) 0 0}.casca-bar-stack .casca-bar-segment:hover{filter:brightness(1.1);z-index:1}.casca-bar-stack .casca-bar-segment:before{content:attr(data-label);padding:var(--casca-size-1) var(--casca-size-2);background:var(--casca-gray-9);color:var(--casca-gray-0);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);white-space:nowrap;opacity:0;pointer-events:none;z-index:2;transition:opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.casca-bar-stack .casca-bar-segment:hover:before{opacity:1}@container casca (width<=400px){.casca-bar-value{--_bar-width:var(--casca-size-4)}.casca-bar-label{font-size:var(--casca-font-size-00)}}.casca-line{--_stroke-width:var(--casca-line-stroke-width);--_point-size:var(--casca-line-point-size);--_area-opacity:var(--casca-line-area-opacity);gap:var(--casca-size-2);height:var(--casca-height);grid-template-rows:1fr auto;display:grid;position:relative}.casca-line-svg{width:100%;min-width:0;height:100%;min-height:0;overflow:visible}.casca-line[data-grid]{background-image:repeating-linear-gradient(to right, var(--casca-grid-color) 0, var(--casca-grid-color) 1px, transparent 1px, transparent 20%), repeating-linear-gradient(to bottom, var(--casca-grid-color) 0, var(--casca-grid-color) 1px, transparent 1px, transparent 20%)}.casca-line-axis-x,.casca-line-axis-y{stroke:var(--casca-axis-color);stroke-width:1px;fill:none}.casca-line polyline,.casca-line path{--_color:var(--color,var(--casca-color-1));fill:none;stroke:var(--_color);stroke-width:var(--_stroke-width);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke-width .2s}.casca-line polyline:hover,.casca-line path:hover{stroke-width:calc(var(--_stroke-width) * 1.5)}.casca-line polygon,.casca-line path[data-area]{--_color:var(--color,var(--casca-color-1));fill:var(--_color);fill-opacity:var(--_area-opacity);stroke:none}.casca-line-point{--_color:var(--color,var(--casca-color-1));fill:var(--_color);stroke:var(--casca-surface-1);stroke-width:2px;r:var(--_point-size);cursor:pointer;transition:r .2s}@media (prefers-color-scheme:dark){.casca-line-point{stroke:var(--casca-surface-1)}}.casca[data-theme=dark] .casca-line-point,[data-theme=dark] .casca .casca-line-point{stroke:var(--casca-surface-1)}.casca-line-point:hover,.casca-line-point:focus{r:calc(var(--_point-size) * 1.5)}.casca-line-point-label{font-size:var(--casca-font-size-00);fill:var(--casca-gray-9);font-weight:var(--casca-font-weight-6);pointer-events:none;opacity:0;transition:opacity .2s}@media (prefers-color-scheme:dark){.casca-line-point-label{fill:var(--casca-gray-1)}}.casca-line-point:hover+.casca-line-point-label,.casca-line-point:focus+.casca-line-point-label{opacity:1}.casca-line-labels{padding-inline:var(--casca-size-2);color:var(--casca-label-color);font-size:var(--casca-font-size-0);justify-content:space-between;display:flex}.casca-line-label{text-align:center;flex:1}.casca-line-y-labels{height:100%;padding-block:var(--casca-size-2);color:var(--casca-label-color);font-size:var(--casca-font-size-00);pointer-events:none;flex-direction:column-reverse;justify-content:space-between;padding-inline-end:var(--casca-size-2);display:flex;position:absolute;top:0;left:0}.casca-line-y-label{text-align:right}.casca-line polyline:first-child,.casca-line path:first-child{--color:var(--casca-color-1)}.casca-line polyline:nth-child(2),.casca-line path:nth-child(2){--color:var(--casca-color-2)}.casca-line polyline:nth-child(3),.casca-line path:nth-child(3){--color:var(--casca-color-3)}.casca-line polyline:nth-child(4),.casca-line path:nth-child(4){--color:var(--casca-color-4)}@keyframes casca-line-draw{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.casca-line polyline,.casca-line path:not([data-area]){stroke-dasharray:1000;stroke-dashoffset:1000px;animation:casca-line-draw 1.5s var(--casca-easing) forwards}.casca-line polyline:nth-child(2),.casca-line path:nth-child(2):not([data-area]){animation-delay:.2s}.casca-line polyline:nth-child(3),.casca-line path:nth-child(3):not([data-area]){animation-delay:.4s}.casca-line polyline:nth-child(4),.casca-line path:nth-child(4):not([data-area]){animation-delay:.6s}@keyframes casca-area-fade{0%{fill-opacity:0}to{fill-opacity:var(--_area-opacity)}}.casca-line polygon,.casca-line path[data-area]{animation:casca-area-fade .8s var(--casca-easing) forwards}@container casca (width<=400px){.casca-line{--_stroke-width:1.5px;--_point-size:4px}.casca-line-labels{font-size:var(--casca-font-size-00)}}.casca-line-zero{stroke:var(--casca-axis-color);stroke-width:1px;stroke-dasharray:4 2;fill:none}.casca-line-tooltip{background:var(--casca-gray-9);color:var(--casca-gray-0);padding:var(--casca-size-1) var(--casca-size-2);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);pointer-events:none;opacity:0;z-index:10;transition:opacity .2s;position:absolute}@media (prefers-color-scheme:dark){.casca-line-tooltip{background:var(--casca-gray-1);color:var(--casca-gray-9)}}.casca-area{--_stroke-width:var(--casca-line-stroke-width);--_point-size:var(--casca-line-point-size);--_area-opacity:var(--casca-line-area-opacity);gap:var(--casca-size-2);height:var(--casca-height);grid-template-rows:1fr auto;display:grid;position:relative}.casca-area-svg{width:100%;height:100%;overflow:visible}.casca-area[data-grid]{background-image:repeating-linear-gradient(to right, var(--casca-grid-color) 0, var(--casca-grid-color) 1px, transparent 1px, transparent 20%), repeating-linear-gradient(to bottom, var(--casca-grid-color) 0, var(--casca-grid-color) 1px, transparent 1px, transparent 20%)}.casca-area-gradient{--_color:var(--color,var(--casca-color-1))}.casca-area-gradient stop:first-child{stop-color:var(--_color);stop-opacity:.6}.casca-area-gradient stop:last-child{stop-color:var(--_color);stop-opacity:.05}@media (prefers-color-scheme:dark){.casca-area-gradient stop:first-child{stop-opacity:.4}.casca-area-gradient stop:last-child{stop-opacity:.02}}.casca-area path[data-fill],.casca-area polygon[data-fill]{--_color:var(--color,var(--casca-color-1));stroke:none;transition:opacity .2s,filter .2s}.casca-area path[data-fill=solid],.casca-area polygon[data-fill=solid]{fill:var(--_color);fill-opacity:var(--_area-opacity)}.casca-area path[data-fill]:hover,.casca-area polygon[data-fill]:hover{filter:brightness(1.1)}.casca-area polyline,.casca-area path[data-stroke]{--_color:var(--color,var(--casca-color-1));fill:none;stroke:var(--_color);stroke-width:var(--_stroke-width);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke-width .2s}.casca-area polyline:hover,.casca-area path[data-stroke]:hover{stroke-width:calc(var(--_stroke-width) * 1.5)}.casca-area-point{--_color:var(--color,var(--casca-color-1));fill:var(--_color);stroke:var(--casca-surface-1);stroke-width:2px;r:var(--_point-size);cursor:pointer;transition:r .2s}@media (prefers-color-scheme:dark){.casca-area-point{stroke:var(--casca-surface-1)}}.casca-area-point:hover,.casca-area-point:focus{r:calc(var(--_point-size) * 1.5)}.casca-area[data-stacked] path[data-layer="1"],.casca-area[data-stacked] polygon[data-layer="1"]{--color:var(--casca-color-1);z-index:1}.casca-area[data-stacked] path[data-layer="2"],.casca-area[data-stacked] polygon[data-layer="2"]{--color:var(--casca-color-2);z-index:2}.casca-area[data-stacked] path[data-layer="3"],.casca-area[data-stacked] polygon[data-layer="3"]{--color:var(--casca-color-3);z-index:3}.casca-area[data-stacked] path[data-layer="4"],.casca-area[data-stacked] polygon[data-layer="4"]{--color:var(--casca-color-4);z-index:4}.casca-area[data-stacked] path[data-fill]:not(:hover),.casca-area[data-stacked] polygon[data-fill]:not(:hover){opacity:.8}.casca-area[data-stacked] path[data-fill]:hover,.casca-area[data-stacked] polygon[data-fill]:hover{opacity:1;filter:brightness(1.15)}@keyframes casca-area-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.casca-area path[data-fill],.casca-area polygon[data-fill]{animation:casca-area-reveal 1s var(--casca-easing) forwards}.casca-area[data-stacked] path[data-layer="1"],.casca-area[data-stacked] polygon[data-layer="1"]{animation-delay:0s}.casca-area[data-stacked] path[data-layer="2"],.casca-area[data-stacked] polygon[data-layer="2"]{animation-delay:.15s}.casca-area[data-stacked] path[data-layer="3"],.casca-area[data-stacked] polygon[data-layer="3"]{animation-delay:.3s}.casca-area[data-stacked] path[data-layer="4"],.casca-area[data-stacked] polygon[data-layer="4"]{animation-delay:.45s}.casca-area polyline,.casca-area path[data-stroke]{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:casca-area-line-draw 1.5s var(--casca-easing) forwards}@keyframes casca-area-line-draw{to{stroke-dashoffset:0}}.casca-area-labels{padding-inline:var(--casca-size-2);color:var(--casca-label-color);font-size:var(--casca-font-size-0);justify-content:space-between;display:flex}.casca-area-label{text-align:center;flex:1}.casca-area-y-labels{height:100%;padding-block:var(--casca-size-2);color:var(--casca-label-color);font-size:var(--casca-font-size-00);pointer-events:none;flex-direction:column-reverse;justify-content:space-between;padding-inline-end:var(--casca-size-2);display:flex;position:absolute;top:0;left:0}.casca-area-y-label{text-align:right}@container casca (width<=400px){.casca-area{--_stroke-width:1.5px;--_point-size:4px}.casca-area-labels{font-size:var(--casca-font-size-00)}}.casca-area-tooltip{background:var(--casca-gray-9);color:var(--casca-gray-0);padding:var(--casca-size-1) var(--casca-size-2);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);pointer-events:none;opacity:0;z-index:100;transition:opacity .2s;position:absolute}@media (prefers-color-scheme:dark){.casca-area-tooltip{background:var(--casca-gray-1);color:var(--casca-gray-9)}}.casca-area[data-interactive] path[data-fill],.casca-area[data-interactive] polygon[data-fill]{cursor:pointer}:is(.casca-area path[data-fill]:focus-visible,.casca-area polygon[data-fill]:focus-visible){outline:3px solid var(--casca-color-1);outline-offset:3px}.casca-area-baseline{stroke:var(--casca-axis-color);stroke-width:1px;stroke-dasharray:4 2;fill:none}.casca-area path[data-negative],.casca-area polygon[data-negative]{--_color:var(--color-negative,var(--casca-red-6))}.casca-pie{--_pie-size:var(--casca-pie-size);--_donut-hole:var(--casca-donut-hole-size);align-items:center;gap:var(--casca-size-3);flex-direction:column;height:auto;min-height:auto;display:flex}.casca-pie-chart{width:var(--_pie-size);height:var(--_pie-size);transition:transform var(--casca-duration) var(--casca-easing);border-radius:50%;position:relative}.casca-pie-chart[data-segments="1"]{background:var(--color-1,var(--casca-color-1))}.casca-pie-chart[data-segments="0"],.casca-pie-chart:not([data-segments]){background:var(--casca-gray-2)}@media (prefers-color-scheme:dark){.casca-pie-chart[data-segments="0"],.casca-pie-chart:not([data-segments]){background:var(--casca-gray-7)}}.casca-pie-chart[data-segments="2"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) 360deg)}.casca-pie-chart[data-segments="3"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) 360deg)}.casca-pie-chart[data-segments="4"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) var(--angle-3,0deg), var(--color-4,var(--casca-color-4)) var(--angle-3,0deg) 360deg)}.casca-pie-chart[data-segments="5"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) var(--angle-3,0deg), var(--color-4,var(--casca-color-4)) var(--angle-3,0deg) var(--angle-4,0deg), var(--color-5,var(--casca-color-5)) var(--angle-4,0deg) 360deg)}.casca-pie-chart[data-segments="6"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) var(--angle-3,0deg), var(--color-4,var(--casca-color-4)) var(--angle-3,0deg) var(--angle-4,0deg), var(--color-5,var(--casca-color-5)) var(--angle-4,0deg) var(--angle-5,0deg), var(--color-6,var(--casca-color-6)) var(--angle-5,0deg) 360deg)}.casca-pie-chart[data-segments="7"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) var(--angle-3,0deg), var(--color-4,var(--casca-color-4)) var(--angle-3,0deg) var(--angle-4,0deg), var(--color-5,var(--casca-color-5)) var(--angle-4,0deg) var(--angle-5,0deg), var(--color-6,var(--casca-color-6)) var(--angle-5,0deg) var(--angle-6,0deg), var(--color-7,var(--casca-color-7)) var(--angle-6,0deg) 360deg)}.casca-pie-chart[data-segments="8"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) var(--angle-3,0deg), var(--color-4,var(--casca-color-4)) var(--angle-3,0deg) var(--angle-4,0deg), var(--color-5,var(--casca-color-5)) var(--angle-4,0deg) var(--angle-5,0deg), var(--color-6,var(--casca-color-6)) var(--angle-5,0deg) var(--angle-6,0deg), var(--color-7,var(--casca-color-7)) var(--angle-6,0deg) var(--angle-7,0deg), var(--color-8,var(--casca-color-8)) var(--angle-7,0deg) 360deg)}.casca-pie-chart[data-variant=donut]:before{content:"";width:var(--_donut-hole);height:var(--_donut-hole);background:var(--casca-surface-1);z-index:1;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-color-scheme:dark){.casca-pie-chart[data-variant=donut]:before{background:var(--casca-surface-1)}}.casca[data-theme=dark] .casca-pie-chart[data-variant=donut]:before,[data-theme=dark] .casca .casca-pie-chart[data-variant=donut]:before{background:var(--casca-surface-1)}.casca-pie-chart:hover{transform:scale(1.02)}@keyframes casca-pie-enter{0%{--angle-1:0deg;--angle-2:0deg;--angle-3:0deg;--angle-4:0deg;--angle-5:0deg;--angle-6:0deg;--angle-7:0deg;--angle-8:0deg;opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.casca-pie-chart{animation:casca-pie-enter var(--casca-duration) var(--casca-easing) forwards}@container casca (width<=400px){.casca-pie{--_pie-size:200px}}@container casca (width<=300px){.casca-pie{--_pie-size:150px}}.casca-pie-center{text-align:center;font-size:var(--casca-font-size-3);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-8);pointer-events:none;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-color-scheme:dark){.casca-pie-center{color:var(--casca-gray-1)}}.casca[data-theme=dark] .casca-pie-center,[data-theme=dark] .casca .casca-pie-center{color:var(--casca-gray-1)}.casca-pie-center-label{font-size:var(--casca-font-size-0);font-weight:var(--casca-font-weight-4);color:var(--casca-label-color);margin-top:var(--casca-size-1);display:block}.casca-progress{--_height:var(--casca-progress-height);--_radius:var(--casca-progress-radius);--_value:var(--value,0%);--_color:var(--color,var(--casca-color-1));width:100%;height:var(--_height);background:var(--casca-gray-2);border-radius:var(--_radius);position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.casca-progress{background:var(--casca-gray-8)}}.casca-progress-bar{height:100%;width:var(--_value);background:var(--_color);border-radius:var(--_radius);transition:width var(--casca-duration) var(--casca-easing);position:relative}.casca-progress-label{top:50%;right:var(--casca-size-2);font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-9);pointer-events:none;position:absolute;transform:translateY(-50%)}@media (prefers-color-scheme:dark){.casca-progress-label{color:var(--casca-gray-1)}}.casca-progress[data-size=small]{--_height:var(--casca-size-2)}.casca-progress[data-size=large]{--_height:var(--casca-size-5)}.casca-progress[data-density=compact]{--_height:var(--casca-size-1);--_radius:0}.casca-progress[data-density=hairline]{--_height:.125rem;--_radius:0}.casca-progress[data-striped] .casca-progress-bar{background-image:linear-gradient(45deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);background-size:var(--casca-size-4) var(--casca-size-4)}.casca-progress[data-striped][data-animated] .casca-progress-bar{animation:1s linear infinite casca-progress-stripes}@keyframes casca-progress-stripes{0%{background-position:0 0}to{background-position:var(--casca-size-4) 0}}.casca-progress[data-indeterminate] .casca-progress-bar{width:30%;animation:1.5s ease-in-out infinite casca-progress-indeterminate}@keyframes casca-progress-indeterminate{0%{transform:translate(-100%)}50%{transform:translate(350%)}to{transform:translate(-100%)}}.casca-gauge{--_size:var(--casca-gauge-size);--_thickness:var(--casca-gauge-thickness);--_value:var(--value,0);--_max:var(--max,100);--_color:var(--color,var(--casca-color-1));--_start:var(--start-angle,-90deg);--_arc:calc(var(--_value) / var(--_max) * 360deg);width:var(--_size);height:var(--_size);justify-content:center;align-items:center;display:flex;position:relative}.casca-gauge:before{content:"";background:conic-gradient(from var(--_start), var(--casca-gray-2) 0deg, var(--casca-gray-2) 360deg);-webkit-mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));-webkit-mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));border-radius:50%;position:absolute;inset:0}@media (prefers-color-scheme:dark){.casca-gauge:before{background:conic-gradient(from var(--_start), var(--casca-gray-8) 0deg, var(--casca-gray-8) 360deg)}}.casca-gauge:after{content:"";background:conic-gradient(from var(--_start), var(--_color) 0deg, var(--_color) var(--_arc), transparent var(--_arc));-webkit-mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));-webkit-mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));transition:--_arc var(--casca-duration) var(--casca-easing);border-radius:50%;position:absolute;inset:0}.casca-gauge-value{z-index:1;font-size:var(--casca-font-size-5);font-weight:var(--casca-font-weight-7);color:var(--casca-gray-9);text-align:center;position:relative}@media (prefers-color-scheme:dark){.casca-gauge-value{color:var(--casca-gray-1)}}.casca-gauge-label{font-size:var(--casca-font-size-1);font-weight:var(--casca-font-weight-4);color:var(--casca-label-color);margin-top:var(--casca-size-1);display:block}.casca-gauge[data-variant=semi]{--_start:-180deg;height:calc(var(--_size) / 2 + var(--casca-size-4))}.casca-gauge[data-variant=semi]:before,.casca-gauge[data-variant=semi]:after{background:conic-gradient(from var(--_start), transparent 0deg, transparent 0deg, var(--casca-gray-2) 0deg, var(--casca-gray-2) 180deg, transparent 180deg)}.casca-gauge[data-variant=semi]:after{background:conic-gradient(from var(--_start), transparent 0deg, var(--_color) 0deg, var(--_color) calc(var(--_arc) / 2), transparent calc(var(--_arc) / 2), transparent 180deg)}.casca-gauge[data-thresholds]{--_threshold-1:var(--threshold-1,33);--_threshold-2:var(--threshold-2,66);--_color-low:var(--color-low,var(--casca-red-6));--_color-mid:var(--color-mid,var(--casca-yellow-6));--_color-high:var(--color-high,var(--casca-green-6))}.casca-gauge[data-thresholds]:before{background:conic-gradient(from var(--_start), var(--_color-low) 0deg, var(--_color-low) calc(var(--_threshold-1) / 100 * 360deg), var(--_color-mid) calc(var(--_threshold-1) / 100 * 360deg), var(--_color-mid) calc(var(--_threshold-2) / 100 * 360deg), var(--_color-high) calc(var(--_threshold-2) / 100 * 360deg), var(--_color-high) 360deg);opacity:.3}.casca-gauge[data-size=small]{--_size:150px;--_thickness:15px}.casca-gauge[data-size=large]{--_size:300px;--_thickness:25px}@container casca (width<=400px){.casca-gauge{--_size:150px;--_thickness:15px}.casca-gauge-value{font-size:var(--casca-font-size-4)}}.casca-stat-grid{gap:var(--casca-size-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));display:grid}.casca-stat{--_bg:var(--casca-stat-bg);--_border:var(--casca-stat-border);--_up:var(--casca-stat-up);--_down:var(--casca-stat-down);gap:var(--casca-size-1);padding:var(--casca-stat-pad);background:var(--_bg);border:1px solid var(--_border);border-radius:var(--casca-stat-radius);font-family:var(--casca-font-sans);flex-direction:column;min-inline-size:0;display:flex}@media (prefers-color-scheme:dark){.casca-stat{--_bg:var(--casca-stat-bg-dark);--_border:var(--casca-stat-border-dark);--_up:var(--casca-stat-up-dark);--_down:var(--casca-stat-down-dark)}}.casca-stat-label{font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);letter-spacing:.02em;color:var(--casca-stat-label-color)}@media (prefers-color-scheme:dark){.casca-stat-label{color:var(--casca-stat-label-color-dark)}}.casca-stat-value{font-size:var(--casca-stat-value-size);font-weight:var(--casca-font-weight-7);font-variant-numeric:tabular-nums;color:var(--casca-stat-value-color);overflow-wrap:anywhere;line-height:1.1}@media (prefers-color-scheme:dark){.casca-stat-value{color:var(--casca-stat-value-color-dark)}}.casca-stat-delta{font-size:var(--casca-font-size-0);font-weight:var(--casca-font-weight-6);font-variant-numeric:tabular-nums}.casca-stat-delta[data-trend=up]{color:var(--_up)}.casca-stat-delta[data-trend=down]{color:var(--_down)}.casca-stat-delta[data-trend=up]:before{content:"▲"}.casca-stat-delta[data-trend=down]:before{content:"▼"}.casca-stat-delta[data-trend=flat]:before{content:"–"}.casca-stat-caption{font-size:var(--casca-font-size-00);color:var(--casca-stat-caption-color)}@media (prefers-color-scheme:dark){.casca-stat-caption{color:var(--casca-stat-caption-color-dark)}}.casca-stat-trend{max-block-size:3rem;margin-block-start:var(--casca-size-2)}@media (forced-colors:active){.casca-stat{border-color:canvastext}.casca-stat-delta[data-trend=up],.casca-stat-delta[data-trend=down]{color:canvastext}}.casca-table{--_border:var(--casca-table-border);--_head-bg:var(--casca-table-head-bg);--_head-color:var(--casca-table-head-color);--_stripe:var(--casca-table-row-stripe);--_hover-bg:var(--casca-table-hover-bg);--_foot-bg:var(--casca-table-foot-bg);--_row-selected:var(--casca-table-row-selected);--_select-accent:var(--casca-table-select-accent);--_pad-block:var(--casca-table-cell-pad-block);--_pad-inline:var(--casca-table-cell-pad-inline);border-collapse:collapse;inline-size:100%;font-family:var(--casca-font-sans);font-size:var(--casca-font-size-0);color:var(--casca-gray-8)}@media (prefers-color-scheme:dark){.casca-table{--_border:var(--casca-table-border-dark);--_head-bg:var(--casca-table-head-bg-dark);--_head-color:var(--casca-table-head-color-dark);--_stripe:var(--casca-table-row-stripe-dark);--_hover-bg:var(--casca-table-hover-bg-dark);--_foot-bg:var(--casca-table-foot-bg-dark);--_row-selected:var(--casca-table-row-selected-dark);--_select-accent:var(--casca-table-select-accent-dark);color:var(--casca-gray-1)}}.casca-table-caption{caption-side:top;text-align:start;font-size:var(--casca-font-size-1);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-8);padding-block-end:var(--casca-size-2)}@media (prefers-color-scheme:dark){.casca-table-caption{color:var(--casca-gray-1)}}.casca-table th,.casca-table td{padding:var(--_pad-block) var(--_pad-inline);text-align:start;border-block-end:1px solid var(--_border);vertical-align:baseline}.casca-table thead th{background:var(--_head-bg);color:var(--_head-color);font-weight:var(--casca-font-weight-6);border-block-end:2px solid var(--_border);white-space:nowrap}.casca-table tbody th[scope=row]{font-weight:var(--casca-font-weight-6)}.casca-table .casca-table-num{text-align:end;font-variant-numeric:tabular-nums}.casca-table tbody tr:nth-child(2n){background:var(--_stripe)}.casca-table tbody tr:hover{background:var(--_hover-bg)}.casca-table-select{white-space:nowrap;text-align:center;inline-size:1px}.casca-row-select-label{box-sizing:border-box;block-size:100%;padding:var(--_pad-block) var(--_pad-inline);cursor:pointer;justify-content:center;align-items:center;display:flex}@supports selector(:has(*)){.casca-table-select:has(>.casca-row-select-label){block-size:1px;padding:0}}.casca-row-select{accent-color:var(--_select-accent);cursor:pointer;margin:0}@supports selector(:has(*)){.casca-table tbody tr:has(.casca-row-select:checked){background:var(--_row-selected)}}.casca-table tfoot th,.casca-table tfoot td{background:var(--_foot-bg);font-weight:var(--casca-font-weight-7);border-block-start:2px solid var(--_border);border-block-end:0}.casca-table td[data-trend]{font-variant-numeric:tabular-nums}.casca-table td[data-trend=up]{color:var(--casca-table-trend-up)}.casca-table td[data-trend=down]{color:var(--casca-table-trend-down)}.casca-table td[data-trend=up]:before{content:"▲"}.casca-table td[data-trend=down]:before{content:"▼"}.casca-table td[data-trend=flat]:before{content:"–"}@media (prefers-color-scheme:dark){.casca-table td[data-trend=up]{color:var(--casca-table-trend-up-dark)}.casca-table td[data-trend=down]{color:var(--casca-table-trend-down-dark)}}.casca-table thead th a{color:inherit;text-decoration:none}.casca-table thead th a:hover{text-decoration:underline}.casca-table thead th[aria-sort] a:after{content:" ↕";opacity:.45}.casca-table thead th[aria-sort=ascending] a:after{content:" ↑";opacity:1}.casca-table thead th[aria-sort=descending] a:after{content:" ↓";opacity:1}.casca-table-wrap{max-inline-size:100%;overflow-x:auto}.casca-table-wrap .casca-table thead th{z-index:1;position:sticky;inset-block-start:0}@media (prefers-contrast:more){.casca-table th,.casca-table td{border-width:2px}}@media (forced-colors:active){.casca-table th,.casca-table td{border-color:canvastext}.casca-table td[data-trend=up],.casca-table td[data-trend=down]{color:canvastext}.casca-table tbody tr:has(.casca-row-select:checked){color:highlighttext;background:highlight}}.casca-heatmap{--_cols:var(--casca-heatmap-cols,7);--_gap:var(--casca-heatmap-gap);--_radius:var(--casca-heatmap-radius);--_color:var(--casca-heatmap-color);--_empty:var(--casca-heatmap-empty);grid-template-columns:repeat(var(--_cols), minmax(0, 1fr));gap:var(--_gap);align-items:stretch;display:grid}@media (prefers-color-scheme:dark){.casca-heatmap{--_empty:var(--casca-heatmap-empty-dark)}}.casca-heatmap-colhead{text-align:center;font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);color:var(--casca-label-color);line-height:1.4}.casca-heatmap-cell{aspect-ratio:1;border-radius:var(--_radius);background:color-mix(in srgb, var(--_color) calc(var(--value,0) * 100%), var(--_empty))}@supports not (background:color-mix(in srgb, red, blue)){.casca-heatmap-cell{background:var(--_color);opacity:calc(.12 + .88 * var(--value,0))}}.casca-heatmap-cell:hover{outline:2px solid var(--casca-label-color);outline-offset:-1px}.casca-heatmap-scale{align-items:center;gap:var(--casca-size-2);font-size:var(--casca-font-size-00);color:var(--casca-label-color);margin-block-start:var(--casca-size-2);display:flex}.casca-heatmap-scale-bar{block-size:var(--casca-size-2);border-radius:var(--casca-heatmap-radius);background:linear-gradient(to right, var(--casca-heatmap-empty), var(--casca-heatmap-color));flex:1}@media (prefers-color-scheme:dark){.casca-heatmap-scale-bar{background:linear-gradient(to right, var(--casca-heatmap-empty-dark), var(--casca-heatmap-color))}}@media (forced-colors:active){.casca-heatmap-cell{border:1px solid canvastext}}.casca-scatter{--_aspect:var(--casca-scatter-aspect);--_point-size:var(--casca-scatter-point-size);--_grid:var(--casca-scatter-grid-color);--_grid-step:var(--casca-scatter-grid-step);inline-size:100%;aspect-ratio:var(--_aspect);border-inline-start:var(--casca-axis-width) solid var(--casca-axis-color);border-block-end:var(--casca-axis-width) solid var(--casca-axis-color);position:relative}.casca-scatter[data-grid]{background-image:repeating-linear-gradient(to right, var(--_grid) 0 var(--casca-axis-width), transparent var(--casca-axis-width) var(--_grid-step)), repeating-linear-gradient(to top, var(--_grid) 0 var(--casca-axis-width), transparent var(--casca-axis-width) var(--_grid-step))}.casca-scatter-point{inline-size:var(--size,var(--_point-size));block-size:var(--size,var(--_point-size));background:var(--color,var(--casca-color-1));box-shadow:0 0 0 1px var(--casca-surface-1);border-radius:50%;transition:scale .15s;position:absolute;inset-block-end:calc(var(--y,0) * 1%);inset-inline-start:calc(var(--x,0) * 1%);translate:-50% 50%}.casca-scatter-point:hover{z-index:1;scale:1.35}.casca-scatter-trend{--_t:var(--casca-scatter-trend-width,1.5);pointer-events:none;background:var(--casca-scatter-trend-color,var(--casca-label-color));clip-path:polygon(0% calc((100 - var(--y1,50)) * 1% - var(--_t) * 0.5%), 100% calc((100 - var(--y2,50)) * 1% - var(--_t) * 0.5%), 100% calc((100 - var(--y2,50)) * 1% + var(--_t) * 0.5%), 0% calc((100 - var(--y1,50)) * 1% + var(--_t) * 0.5%));position:absolute;inset:0}.casca-scatter-quadrants{pointer-events:none;position:absolute;inset:0}.casca-scatter-quadrants:before,.casca-scatter-quadrants:after{content:"";position:absolute}.casca-scatter-quadrants:before{border-inline-start:var(--casca-axis-width) solid var(--casca-scatter-quadrant-color);inset-block:0;inset-inline-start:calc(var(--qx,50) * 1%)}.casca-scatter-quadrants:after{border-block-end:var(--casca-axis-width) solid var(--casca-scatter-quadrant-color);inset-block-end:calc(var(--qy,50) * 1%);inset-inline:0}.casca-scatter-quadrant-label{color:var(--casca-label-color);font-size:var(--casca-font-size-00);white-space:nowrap;pointer-events:none;position:absolute;inset-block-end:calc(var(--y,50) * 1%);inset-inline-start:calc(var(--x,50) * 1%);translate:-50% 50%}@media (forced-colors:active){.casca-scatter-point{background:canvastext;box-shadow:0 0 0 1px canvas}.casca-scatter-trend{background:canvastext}}.casca-waterfall{--_gap:var(--casca-waterfall-gap);--_radius:var(--casca-waterfall-radius);--_connector:var(--casca-waterfall-connector-color);align-items:flex-end;gap:var(--_gap);block-size:var(--casca-waterfall-height);border-block-end:var(--casca-axis-width) solid var(--casca-axis-color);display:flex}.casca-waterfall[data-grid]{background-image:repeating-linear-gradient(to top, var(--casca-grid-color) 0 var(--casca-axis-width), transparent var(--casca-axis-width) 25%)}.casca-waterfall-bar{flex:1;block-size:100%;min-inline-size:0;position:relative}.casca-waterfall-bar:before{content:"";block-size:calc((max(var(--start,0), var(--end,0)) - min(var(--start,0), var(--end,0))) * 1%);background:var(--_fill);border-radius:var(--_radius);position:absolute;inset-block-end:calc(min(var(--start,0), var(--end,0)) * 1%);inset-inline:0}.casca-waterfall-bar:after{content:"";inline-size:var(--_gap);border-block-start:var(--casca-waterfall-connector-width) dashed var(--_connector);position:absolute;inset-block-end:calc(var(--end,0) * 1%);inset-inline-start:100%}.casca-waterfall-bar:last-child:after{display:none}.casca-waterfall-bar[data-direction=increase]{--_fill:var(--casca-waterfall-increase)}.casca-waterfall-bar[data-direction=decrease]{--_fill:var(--casca-waterfall-decrease)}.casca-waterfall-bar[data-direction=total],.casca-waterfall-bar{--_fill:var(--casca-waterfall-total)}.casca-waterfall-cap{text-align:center;font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);color:var(--casca-label-color);font-variant-numeric:tabular-nums;white-space:nowrap;margin-block-end:var(--casca-size-1);position:absolute;inset-block-end:calc(max(var(--start,0), var(--end,0)) * 1%);inset-inline:0}.casca-waterfall-labels{gap:var(--casca-waterfall-gap);margin-block-start:var(--casca-size-1);display:flex}.casca-waterfall-label{text-align:center;min-inline-size:0;font-size:var(--casca-font-size-00);color:var(--casca-label-color);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}@media (forced-colors:active){.casca-waterfall-bar:before{background:canvastext}}.casca-radar{--_axes:var(--casca-radar-axes,6);--_grid:var(--casca-radar-grid-color);aspect-ratio:1;background:repeating-conic-gradient(from -90deg, var(--_grid) 0 .4deg, transparent .4deg calc(360deg / var(--_axes))), radial-gradient(circle closest-side, transparent 0 calc(25% - 1px), var(--_grid) calc(25% - 1px) 25%, transparent 25% calc(50% - 1px), var(--_grid) calc(50% - 1px) 50%, transparent 50% calc(75% - 1px), var(--_grid) calc(75% - 1px) 75%, transparent 75% calc(100% - 1px), var(--_grid) calc(100% - 1px) 100%);border-radius:50%;inline-size:100%;position:relative}.casca-radar-series{background:var(--color,var(--casca-color-1));opacity:var(--casca-radar-fill-opacity);clip-path:polygon(var(--points,50% 50%, 50% 50%, 50% 50%));position:absolute;inset:0}@media (forced-colors:active){.casca-radar{border:1px solid canvastext}}.casca-candlestick{align-items:flex-end;gap:var(--casca-candlestick-gap);block-size:var(--casca-candlestick-height);display:flex}.casca-candle{--_color:var(--casca-candle-up);flex:1;block-size:100%;min-inline-size:0;position:relative}.casca-candle[data-direction=down]{--_color:var(--casca-candle-down)}.casca-candle:before{content:"";inline-size:var(--casca-candle-wick-width);block-size:calc((var(--high,0) - var(--low,0)) * 1%);background:var(--_color);position:absolute;inset-block-end:calc(var(--low,0) * 1%);inset-inline-start:50%;translate:-50%}.casca-candle:after{content:"";inset-inline:var(--casca-candle-body-inset);block-size:max((max(var(--open,0), var(--close,0)) - min(var(--open,0), var(--close,0))) * 1%, var(--casca-candle-min-body));background:var(--_color);border-radius:var(--casca-candle-radius);position:absolute;inset-block-end:calc(min(var(--open,0), var(--close,0)) * 1%)}@media (forced-colors:active){.casca-candle:before,.casca-candle:after{background:canvastext}}.casca-slot-grid{--_cols:var(--casca-slot-cols,5);--_gap:var(--casca-slot-gap);--_radius:var(--casca-slot-radius);--_min-touch:var(--casca-slot-min-size);--_col-min:var(--casca-slot-col-min);--_bg:var(--casca-slot-bg);--_color:var(--casca-slot-color);--_border:var(--casca-slot-border);--_selected-bg:var(--casca-slot-selected-bg);--_selected-color:var(--casca-slot-selected-color);--_selected-border:var(--casca-slot-selected-border);--_hover-bg:var(--casca-slot-hover-bg);--_hover-border:var(--casca-slot-hover-border);--_taken-bg:var(--casca-slot-taken-bg);--_taken-color:var(--casca-slot-taken-color);--_pending-bg:var(--casca-slot-pending-bg);--_pending-color:var(--casca-slot-pending-color);--_pending-border:var(--casca-slot-pending-border);--_focus-ring:var(--casca-slot-focus-ring);grid-template-columns:repeat(auto-fit, minmax(max(var(--_col-min), calc(100% / var(--_cols) - var(--_gap))), 1fr));gap:var(--_gap);min-inline-size:0;font-family:var(--casca-font-sans);font-size:var(--casca-font-size-0);border:0;margin:0;padding:0;display:grid}.casca-slot-grid-title{font-size:var(--casca-font-size-1);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-8);grid-column:1/-1;margin-block-end:var(--casca-size-2);padding:0}@media (prefers-color-scheme:dark){.casca-slot-grid-title{color:var(--casca-gray-1)}}.casca-slot-col{gap:var(--_gap);flex-direction:column;min-inline-size:0;display:flex}.casca-slot-colhead{text-align:center;font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);color:var(--casca-label-color);padding-block-end:var(--casca-size-1);line-height:1.2}.casca-slot{box-sizing:border-box;min-block-size:var(--_min-touch);min-inline-size:var(--_min-touch);padding:var(--casca-size-2);background:var(--_bg);color:var(--_color);border:1px solid var(--_border);border-radius:var(--_radius);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;justify-content:center;align-items:center;line-height:1;transition:background .15s,border-color .15s,color .15s;display:flex}@media (prefers-color-scheme:dark){.casca-slot{--_bg:var(--casca-slot-bg-dark);--_color:var(--casca-slot-color-dark);--_border:var(--casca-slot-border-dark);--_hover-bg:var(--casca-slot-hover-bg-dark);--_hover-border:var(--casca-slot-hover-border-dark);--_taken-bg:var(--casca-slot-taken-bg-dark);--_taken-color:var(--casca-slot-taken-color-dark);--_pending-bg:var(--casca-slot-pending-bg-dark);--_pending-color:var(--casca-slot-pending-color-dark);--_pending-border:var(--casca-slot-pending-border-dark)}}.casca-slot-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.casca-slot-time{font-size:var(--casca-font-size-0);font-weight:var(--casca-font-weight-6);font-variant-numeric:tabular-nums}.casca-slot:hover:not([data-state]):not(:has(.casca-slot-input:disabled)):not(:has(.casca-slot-input:checked)){background:var(--_hover-bg);border-color:var(--_hover-border)}.casca-slot:has(.casca-slot-input:checked:not(:disabled)){background:var(--_selected-bg);color:var(--_selected-color);border-color:var(--_selected-border)}.casca-slot:has(.casca-slot-input:checked:not(:disabled)) .casca-slot-time{color:var(--_selected-color)}.casca-slot:has(.casca-slot-input:focus-visible){outline:3px solid var(--_focus-ring);outline-offset:2px;z-index:1}.casca-slot:has(.casca-slot-input:disabled){cursor:not-allowed}.casca-slot[data-state=taken]{background:var(--_taken-bg);color:var(--_taken-color);border-style:dashed;text-decoration:line-through}.casca-slot[data-state=taken] .casca-slot-time{color:var(--_taken-color)}.casca-slot:where(:not([data-state]),[data-state=""]):has(.casca-slot-input:disabled){background:var(--_taken-bg);color:var(--_taken-color);border-style:dashed;text-decoration:line-through}.casca-slot:where(:not([data-state]),[data-state=""]):has(.casca-slot-input:disabled) .casca-slot-time{color:var(--_taken-color)}.casca-slot[data-state=pending]{background:var(--_pending-bg);color:var(--_pending-color);border-color:var(--_pending-border)}.casca-slot[data-state=pending] .casca-slot-time{color:var(--_pending-color)}.casca-slot-grid{container:casca-slot-grid/inline-size}@media (max-width:30rem){.casca-slot-grid{grid-template-columns:1fr}}@container casca-slot-grid (width<=26rem){.casca-slot-colhead{text-align:start;padding-block-start:var(--casca-size-2)}}@media (prefers-reduced-motion:reduce){.casca-slot{transition-duration:.01ms}}@media (prefers-contrast:more){.casca-slot{border-width:2px}.casca-slot:has(.casca-slot-input:checked:not(:disabled)){outline-offset:-4px;outline:2px solid}}@media (forced-colors:active){.casca-slot{border:1px solid canvastext}.casca-slot:has(.casca-slot-input:checked:not(:disabled)){color:highlighttext;background:highlight;border-color:highlight}.casca-slot:has(.casca-slot-input:checked:not(:disabled)) .casca-slot-time{color:highlighttext}.casca-slot[data-state=taken]{color:graytext;border-color:graytext}.casca-slot:where(:not([data-state]),[data-state=""]):has(.casca-slot-input:disabled){color:graytext;border-color:graytext}.casca-slot[data-state=pending]{color:marktext;background:mark;border-color:marktext}.casca-slot[data-state=pending] .casca-slot-time{color:marktext}.casca-slot:has(.casca-slot-input:focus-visible){outline-color:highlight}}.casca-range-field{gap:var(--casca-size-1);font-family:var(--casca-font-sans);flex-direction:column;display:flex}.casca-range-label{font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-7)}@media (prefers-color-scheme:dark){.casca-range-label{color:var(--casca-gray-3)}}.casca-range{--_accent:var(--casca-range-accent);inline-size:100%;block-size:var(--casca-range-block-size);accent-color:var(--_accent);cursor:pointer;margin:0}@media (prefers-color-scheme:dark){.casca-range{--_accent:var(--casca-range-accent-dark)}}.casca-range:focus-visible{outline:3px solid var(--_accent);outline-offset:2px;border-radius:var(--casca-radius-1)}.casca-range:disabled{cursor:not-allowed;opacity:.5}.casca-range-scale{font-size:var(--casca-font-size-00);font-variant-numeric:tabular-nums;color:var(--casca-label-color);justify-content:space-between;display:flex}@media (prefers-color-scheme:dark){.casca-range-scale{color:var(--casca-gray-5)}}@media (forced-colors:active){.casca-range:focus-visible{outline-color:highlight}}}@layer casca.interactions{.casca-toggles{align-items:center;gap:var(--casca-size-2);margin:0 0 var(--casca-size-3);border:0;flex-wrap:wrap;padding:0;display:flex}.casca-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:stretch;gap:0;display:inline-flex}.casca-toggle-box{padding:var(--casca-size-1);border:1px solid var(--casca-gray-3);border-radius:var(--casca-radius-2);border-start-end-radius:0;border-end-end-radius:0;justify-content:center;align-items:center;transition:border-color .15s,opacity .15s;display:inline-flex}.casca-toggle-input{cursor:pointer;margin:0}.casca-toggle-label{align-items:center;gap:var(--casca-size-1);padding:var(--casca-size-1) var(--casca-size-2);border:1px solid var(--casca-gray-3);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-8);border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.casca-toggle-swatch{inline-size:var(--casca-size-2);block-size:var(--casca-size-2);border-radius:var(--casca-radius-1);background:var(--_color,var(--casca-color-1))}.casca-toggle:hover .casca-toggle-box,.casca-toggle:hover .casca-toggle-label{border-color:var(--casca-gray-4)}.casca-toggle:hover .casca-toggle-label{background:var(--casca-gray-1)}@media (prefers-color-scheme:dark){.casca-toggle-box,.casca-toggle-label{border-color:var(--casca-gray-7)}.casca-toggle-label{color:var(--casca-gray-1)}.casca-toggle:hover .casca-toggle-box,.casca-toggle:hover .casca-toggle-label{border-color:var(--casca-gray-6)}.casca-toggle:hover .casca-toggle-label{background:var(--casca-gray-8)}}.casca-toggle:has(input:not(:checked)) .casca-toggle-label{opacity:.55;text-decoration:line-through}.casca-toggle:has(input:not(:checked)) .casca-toggle-swatch{background:var(--casca-gray-4)}@supports selector(:has(*)){:is(.casca:has(.casca-toggle-input[value="1"]:not(:checked)) [data-series="1"],.casca:has(.casca-toggle-input[value="2"]:not(:checked)) [data-series="2"],.casca:has(.casca-toggle-input[value="3"]:not(:checked)) [data-series="3"],.casca:has(.casca-toggle-input[value="4"]:not(:checked)) [data-series="4"],.casca:has(.casca-toggle-input[value="5"]:not(:checked)) [data-series="5"],.casca:has(.casca-toggle-input[value="6"]:not(:checked)) [data-series="6"],.casca:has(.casca-toggle-input[value="7"]:not(:checked)) [data-series="7"],.casca:has(.casca-toggle-input[value="8"]:not(:checked)) [data-series="8"]){visibility:hidden}}@media (prefers-reduced-motion:reduce){.casca-toggle-label,.casca-switch-btn,.casca-disclosure-summary{transition-duration:.01ms}}.casca-switch-controls{border:1px solid var(--casca-gray-3);border-radius:var(--casca-radius-2);margin-block-end:var(--casca-size-3);display:inline-flex;overflow:hidden}@media (prefers-color-scheme:dark){.casca-switch-controls{border-color:var(--casca-gray-7)}}.casca-switch-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.casca-switch-btn{padding:var(--casca-size-1) var(--casca-size-3);border-inline-start:1px solid var(--casca-gray-3);font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-7);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.casca-switch-btn:first-of-type{border-inline-start:0}@media (prefers-color-scheme:dark){.casca-switch-btn{border-inline-start-color:var(--casca-gray-7);color:var(--casca-gray-4)}}.casca-switch-btn:hover{background:var(--casca-gray-1)}@media (prefers-color-scheme:dark){.casca-switch-btn:hover{background:var(--casca-gray-8)}}.casca-switch-input:checked+.casca-switch-btn{background:var(--casca-color-1);color:var(--casca-on-accent)}.casca-switch-input:focus-visible+.casca-switch-btn{outline:2px solid var(--casca-color-1);outline-offset:-2px}.casca-switch-view{display:none}@supports selector(:has(*)){:is(.casca-switch:has(.casca-switch-input[value="1"]:checked) .casca-switch-view[data-view="1"],.casca-switch:has(.casca-switch-input[value="2"]:checked) .casca-switch-view[data-view="2"],.casca-switch:has(.casca-switch-input[value="3"]:checked) .casca-switch-view[data-view="3"],.casca-switch:has(.casca-switch-input[value="4"]:checked) .casca-switch-view[data-view="4"],.casca-switch:has(.casca-switch-input[value="5"]:checked) .casca-switch-view[data-view="5"],.casca-switch:has(.casca-switch-input[value="6"]:checked) .casca-switch-view[data-view="6"]){display:block}}@supports not selector(:has(*)){.casca-switch-view[data-view="1"]{display:block}}@media (forced-colors:active){.casca-switch-input:checked+.casca-switch-btn{color:highlighttext;background:highlight}}.casca-switch[data-variant=tabs] .casca-switch-controls{border:0;border-block-end:1px solid var(--casca-gray-3);border-radius:0;overflow:visible}@media (prefers-color-scheme:dark){.casca-switch[data-variant=tabs] .casca-switch-controls{border-block-end-color:var(--casca-gray-7)}}.casca-switch[data-variant=tabs] .casca-switch-btn{border-block-end:2px solid #0000;border-inline-start:0;margin-block-end:-1px}.casca-switch[data-variant=tabs] .casca-switch-input:checked+.casca-switch-btn{color:var(--casca-color-1);border-block-end-color:var(--casca-color-1);background:0 0}@media (forced-colors:active){.casca-switch[data-variant=tabs] .casca-switch-input:checked+.casca-switch-btn{color:linktext;background:0 0;border-block-end-color:highlight}}.casca-disclosure{border:1px solid var(--casca-gray-3);border-radius:var(--casca-radius-2);overflow:hidden}@media (prefers-color-scheme:dark){.casca-disclosure{border-color:var(--casca-gray-7)}}.casca-disclosure-summary{padding:var(--casca-size-2) var(--casca-size-3);background:var(--casca-gray-1);color:var(--casca-gray-8);font-size:var(--casca-font-size-0);font-weight:var(--casca-font-weight-6);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.casca-disclosure-summary:hover{background:var(--casca-gray-2)}.casca-disclosure-summary:focus-visible{outline:2px solid var(--casca-color-1);outline-offset:-2px}@media (prefers-color-scheme:dark){.casca-disclosure-summary{background:var(--casca-gray-8);color:var(--casca-gray-1)}.casca-disclosure-summary:hover{background:var(--casca-gray-7)}}.casca-disclosure[open] .casca-disclosure-summary{border-block-end:1px solid var(--casca-gray-3)}@media (prefers-color-scheme:dark){.casca-disclosure[open] .casca-disclosure-summary{border-block-end-color:var(--casca-gray-7)}}.casca-disclosure-body{padding:var(--casca-size-3)}@supports selector(:has(*)){:is(.casca-filter:has(.casca-filter-input[value="1"]:not(:checked)) [data-filter="1"],.casca-filter:has(.casca-filter-input[value="2"]:not(:checked)) [data-filter="2"],.casca-filter:has(.casca-filter-input[value="3"]:not(:checked)) [data-filter="3"],.casca-filter:has(.casca-filter-input[value="4"]:not(:checked)) [data-filter="4"],.casca-filter:has(.casca-filter-input[value="5"]:not(:checked)) [data-filter="5"],.casca-filter:has(.casca-filter-input[value="6"]:not(:checked)) [data-filter="6"],.casca-filter:has(.casca-filter-input[value="7"]:not(:checked)) [data-filter="7"],.casca-filter:has(.casca-filter-input[value="8"]:not(:checked)) [data-filter="8"]){display:none}}.casca-filter{counter-reset:casca-shown}.casca-filter [data-filter]{counter-increment:casca-shown}.casca-filter-count:after{content:counter(casca-shown)}.casca-filter-empty{display:none}@supports selector(:has(*)){.casca-filter:not(:has(>.casca-toggles .casca-filter-input:checked))>.casca-filter-empty{display:block}}.casca-segment-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.casca-segment-control{align-items:center;gap:var(--casca-size-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-6);display:inline-flex}.casca-segment-track{background:var(--casca-gray-3);border-radius:999px;flex:none;block-size:1.1rem;inline-size:2.1rem;position:relative}.casca-segment-track:before{content:"";background:var(--casca-surface-1);block-size:calc(1.1rem - 4px);inline-size:calc(1.1rem - 4px);transition:transform .2s var(--casca-ease-out-3);border-radius:50%;position:absolute;inset-block-start:2px;inset-inline-start:2px;box-shadow:0 1px 2px #00000040}.casca-segment-input:checked~* .casca-segment-track:before{transform:translate(1rem)}.casca-segment-input:checked~* .casca-segment-label:last-of-type,.casca-segment-input:not(:checked)~* .casca-segment-label:first-of-type{color:var(--casca-gray-9)}.casca-segment-input:not(:checked)~* .casca-segment-extra{display:none}.casca-segment-input:focus-visible~* .casca-segment-track{outline:2px solid var(--casca-color-1);outline-offset:2px}@media (prefers-color-scheme:dark){.casca-segment-control{color:var(--casca-gray-5)}.casca-segment-track{background:var(--casca-gray-7)}.casca-segment-track:before{background:var(--casca-gray-3);box-shadow:none}.casca-segment-input:checked~* .casca-segment-label:last-of-type,.casca-segment-input:not(:checked)~* .casca-segment-label:first-of-type{color:var(--casca-gray-0)}}@media (forced-colors:active){.casca-segment-track{border:1px solid canvastext}.casca-segment-track:before{background:canvastext}}}@layer casca.themes{@media (prefers-color-scheme:dark){:root{--casca-label-color:var(--casca-gray-5);--casca-axis-color:var(--casca-gray-6);--casca-grid-color:var(--casca-gray-8);--casca-color-1:var(--casca-blue-5);--casca-color-2:var(--casca-teal-5);--casca-color-3:var(--casca-orange-5);--casca-color-4:var(--casca-pink-5);--casca-color-5:var(--casca-green-5);--casca-color-6:var(--casca-purple-5);--casca-color-7:var(--casca-yellow-5);--casca-color-8:var(--casca-red-5);--casca-on-accent:var(--casca-gray-9)}.casca-title{color:var(--casca-gray-2)}}.casca[data-theme=dark],[data-theme=dark] .casca{--casca-label-color:var(--casca-gray-5);--casca-axis-color:var(--casca-gray-6);--casca-grid-color:var(--casca-gray-8);--casca-color-1:var(--casca-blue-5);--casca-color-2:var(--casca-teal-5);--casca-color-3:var(--casca-orange-5);--casca-color-4:var(--casca-pink-5);--casca-color-5:var(--casca-green-5);--casca-color-6:var(--casca-purple-5);--casca-color-7:var(--casca-yellow-5);--casca-color-8:var(--casca-red-5);--casca-on-accent:var(--casca-gray-9)}:is(.casca[data-theme=dark],[data-theme=dark] .casca) .casca-title{color:var(--casca-gray-2)}}
1
+ @layer casca.design-tokens{:root{--casca-gray-0:#fff;--casca-gray-1:#f8f9fa;--casca-gray-2:#e9ecef;--casca-gray-3:#dee2e6;--casca-gray-4:#ced4da;--casca-gray-5:#adb5bd;--casca-gray-6:#6c757d;--casca-gray-7:#495057;--casca-gray-8:#343a40;--casca-gray-9:#212529;--casca-blue-5:#4dabf7;--casca-blue-6:#228be6;--casca-blue-7:#1c7ed6;--casca-blue-8:#1971c2;--casca-teal-5:#20c997;--casca-teal-6:#12b886;--casca-orange-5:#ff922b;--casca-orange-6:#fd7e14;--casca-pink-5:#f06595;--casca-pink-6:#e64980;--casca-green-5:#51cf66;--casca-green-6:#40c057;--casca-green-7:#37b24d;--casca-green-8:#2f9e44;--casca-green-9:#2b8a3e;--casca-purple-5:#9775fa;--casca-purple-6:#845ef7;--casca-yellow-5:#ffd43b;--casca-yellow-6:#fab005;--casca-red-5:#ff6b6b;--casca-red-6:#fa5252;--casca-red-7:#f03e3e;--casca-red-8:#e03131;--casca-red-9:#c92a2a;--casca-surface-1:#fff;--casca-size-1:.25rem;--casca-size-2:.5rem;--casca-size-3:.75rem;--casca-size-4:1rem;--casca-size-5:1.5rem;--casca-size-6:2rem;--casca-font-size-00:.75rem;--casca-font-size-0:.875rem;--casca-font-size-1:1rem;--casca-font-size-3:1.25rem;--casca-font-size-4:1.5rem;--casca-font-size-5:2rem;--casca-font-weight-4:400;--casca-font-weight-6:600;--casca-font-weight-7:700;--casca-font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--casca-radius-1:.125rem;--casca-radius-2:.25rem;--casca-ease-out-3:cubic-bezier(.2, 0, 0, 1)}@media (prefers-color-scheme:dark){:root{--casca-surface-1:#1a1a1a}}}@layer casca.tokens{@property --casca-value{syntax:"<percentage>";inherits:false;initial-value:0%}@property --casca-value-num{syntax:"<number>";inherits:false;initial-value:0}@property --casca-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-1{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-2{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-3{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-4{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-5{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-6{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-7{syntax:"<angle>";inherits:false;initial-value:0deg}@property --casca-angle-8{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--casca-height:300px;--casca-width:100%;--casca-gap:var(--casca-size-2);--casca-padding:var(--casca-size-4);--casca-bar-width:var(--casca-size-6);--casca-bar-radius:var(--casca-radius-2);--casca-bar-min-height:2px;--casca-bar-rank-label-width:7rem;--casca-pie-size:250px;--casca-donut-hole-size:40%;--casca-line-stroke-width:2px;--casca-line-point-size:6px;--casca-line-area-opacity:.1;--casca-progress-height:var(--casca-size-3);--casca-progress-radius:var(--casca-radius-2);--casca-gauge-size:200px;--casca-gauge-thickness:20px;--casca-heatmap-cols:7;--casca-heatmap-gap:var(--casca-size-1);--casca-heatmap-radius:var(--casca-radius-1);--casca-heatmap-color:var(--casca-color-1);--casca-heatmap-empty:var(--casca-gray-2);--casca-heatmap-empty-dark:var(--casca-gray-8);--casca-scatter-aspect:4 / 3;--casca-scatter-point-size:.75rem;--casca-scatter-grid-color:var(--casca-grid-color);--casca-scatter-grid-step:25%;--casca-scatter-trend-color:var(--casca-label-color);--casca-scatter-trend-width:1.5;--casca-scatter-quadrant-color:var(--casca-axis-color);--casca-waterfall-height:240px;--casca-waterfall-gap:var(--casca-size-3);--casca-waterfall-radius:var(--casca-radius-1);--casca-waterfall-increase:var(--casca-color-5);--casca-waterfall-decrease:var(--casca-color-8);--casca-waterfall-total:var(--casca-color-1);--casca-waterfall-connector-color:var(--casca-axis-color);--casca-waterfall-connector-width:1px;--casca-radar-axes:6;--casca-radar-grid-color:var(--casca-grid-color);--casca-radar-fill-opacity:.35;--casca-candlestick-height:240px;--casca-candlestick-gap:var(--casca-size-1);--casca-candle-up:var(--casca-color-5);--casca-candle-down:var(--casca-color-8);--casca-candle-wick-width:2px;--casca-candle-body-inset:22%;--casca-candle-radius:var(--casca-radius-1);--casca-candle-min-body:2px;--casca-duration:.4s;--casca-easing:var(--casca-ease-out-3);--casca-font:var(--casca-font-sans);--casca-font-size:var(--casca-font-size-0);--casca-label-color:var(--casca-gray-6);--casca-axis-color:var(--casca-gray-4);--casca-grid-color:var(--casca-gray-2);--casca-axis-width:1px;--casca-axis-y-width:2.25rem;--casca-axis-x-height:1.25rem;--casca-axis-count:6;--casca-axis-radius:56%;--casca-color-1:var(--casca-blue-6);--casca-color-2:var(--casca-teal-6);--casca-color-3:var(--casca-orange-6);--casca-color-4:var(--casca-pink-6);--casca-color-5:var(--casca-green-6);--casca-color-6:var(--casca-purple-6);--casca-color-7:var(--casca-yellow-6);--casca-color-8:var(--casca-red-6);--casca-on-accent:var(--casca-gray-0);--casca-slot-cols:5;--casca-slot-col-min:4.5rem;--casca-slot-gap:var(--casca-size-2);--casca-slot-radius:var(--casca-radius-2);--casca-slot-min-size:2.75rem;--casca-slot-bg:var(--casca-gray-1);--casca-slot-color:var(--casca-gray-8);--casca-slot-border:var(--casca-gray-3);--casca-slot-hover-bg:var(--casca-gray-2);--casca-slot-hover-border:var(--casca-gray-4);--casca-slot-selected-bg:var(--casca-color-1);--casca-slot-selected-color:var(--casca-on-accent);--casca-slot-selected-border:var(--casca-color-1);--casca-slot-taken-bg:var(--casca-gray-1);--casca-slot-taken-color:var(--casca-gray-5);--casca-slot-pending-bg:var(--casca-yellow-5);--casca-slot-pending-color:var(--casca-gray-9);--casca-slot-pending-border:var(--casca-yellow-6);--casca-slot-focus-ring:var(--casca-color-1);--casca-slot-bg-dark:var(--casca-gray-8);--casca-slot-color-dark:var(--casca-gray-1);--casca-slot-border-dark:var(--casca-gray-7);--casca-slot-hover-bg-dark:var(--casca-gray-7);--casca-slot-hover-border-dark:var(--casca-gray-6);--casca-slot-taken-bg-dark:var(--casca-gray-9);--casca-slot-taken-color-dark:var(--casca-gray-6);--casca-slot-pending-bg-dark:var(--casca-yellow-6);--casca-slot-pending-color-dark:var(--casca-gray-9);--casca-slot-pending-border-dark:var(--casca-yellow-6);--casca-table-border:var(--casca-gray-3);--casca-table-head-bg:var(--casca-gray-1);--casca-table-head-color:var(--casca-gray-7);--casca-table-row-stripe:var(--casca-gray-1);--casca-table-hover-bg:var(--casca-gray-2);--casca-table-foot-bg:var(--casca-gray-1);--casca-table-cell-pad-block:var(--casca-size-2);--casca-table-cell-pad-inline:var(--casca-size-3);--casca-table-trend-up:var(--casca-green-9);--casca-table-trend-down:var(--casca-red-8);--casca-table-row-selected:color-mix(in oklab, var(--casca-color-1) 14%, var(--casca-gray-0));--casca-table-select-accent:var(--casca-color-1);--casca-table-border-dark:var(--casca-gray-7);--casca-table-head-bg-dark:var(--casca-gray-8);--casca-table-head-color-dark:var(--casca-gray-3);--casca-table-row-stripe-dark:var(--casca-gray-8);--casca-table-hover-bg-dark:var(--casca-gray-7);--casca-table-foot-bg-dark:var(--casca-gray-8);--casca-table-trend-up-dark:var(--casca-green-5);--casca-table-trend-down-dark:var(--casca-red-5);--casca-table-row-selected-dark:color-mix(in oklab, var(--casca-color-1) 26%, var(--casca-gray-9));--casca-table-select-accent-dark:var(--casca-color-1);--casca-range-accent:var(--casca-color-1);--casca-range-accent-dark:var(--casca-color-1);--casca-range-block-size:1.5rem;--casca-stat-bg:transparent;--casca-stat-border:var(--casca-gray-3);--casca-stat-radius:var(--casca-radius-2);--casca-stat-pad:var(--casca-size-5);--casca-stat-label-color:var(--casca-gray-6);--casca-stat-value-color:var(--casca-gray-9);--casca-stat-value-size:var(--casca-font-size-5);--casca-stat-caption-color:var(--casca-gray-6);--casca-stat-up:var(--casca-green-9);--casca-stat-down:var(--casca-red-8);--casca-stat-bg-dark:transparent;--casca-stat-border-dark:var(--casca-gray-7);--casca-stat-label-color-dark:var(--casca-gray-5);--casca-stat-value-color-dark:var(--casca-gray-0);--casca-stat-caption-color-dark:var(--casca-gray-5);--casca-stat-up-dark:var(--casca-green-5);--casca-stat-down-dark:var(--casca-red-5);--casca-card-bg:var(--casca-surface-1);--casca-card-border:var(--casca-gray-3);--casca-card-radius:var(--casca-radius-2);--casca-card-pad:var(--casca-size-5);--casca-card-gap:var(--casca-size-3);--casca-card-title-color:var(--casca-gray-9);--casca-card-title-size:var(--casca-font-size-1);--casca-card-footer-color:var(--casca-gray-6);--casca-card-border-dark:var(--casca-gray-7);--casca-card-title-color-dark:var(--casca-gray-0);--casca-card-footer-color-dark:var(--casca-gray-5);--casca-card-grid-min:16rem;--casca-card-grid-gap:var(--casca-size-4);--casca-toolbar-gap:var(--casca-size-3);--casca-anchor-nav-gap:var(--casca-size-1);--casca-anchor-nav-color:var(--casca-gray-7);--casca-anchor-nav-active:var(--casca-color-1);--casca-anchor-nav-pad:var(--casca-size-2);--casca-anchor-nav-color-dark:var(--casca-gray-4)}}@layer casca.base{.casca,figure.casca{--_height:var(--casca-height);--_width:var(--casca-width);--_padding:var(--casca-padding);--_gap:var(--casca-gap);box-sizing:border-box;width:var(--_width);min-height:var(--_height);padding:var(--_padding);font-family:var(--casca-font);font-size:var(--casca-font-size);margin:0;display:grid;container:casca/inline-size}.casca[data-density=compact]{--_padding:var(--casca-size-2);--_gap:var(--casca-size-1);--_height:200px}.casca[data-density=compact] .casca-title{font-size:var(--casca-font-size-1);margin-block-end:var(--casca-size-1)}.casca[data-density=compact] .casca-subtitle{font-size:var(--casca-font-size-0);margin-block-end:var(--casca-size-2)}.casca[data-density=compact] .casca-legend{gap:var(--casca-size-2);font-size:var(--casca-font-size-00)}.casca[data-density=compact] .casca-legend-swatch{width:var(--casca-size-2);height:var(--casca-size-2)}.casca[data-density=dense]{--_padding:var(--casca-size-1);--_gap:var(--casca-size-1);--_height:120px;font-size:var(--casca-font-size-00)}.casca[data-density=dense] .casca-title{font-size:var(--casca-font-size-0);margin-block-end:var(--casca-size-1)}.casca[data-density=dense] .casca-subtitle{font-size:var(--casca-font-size-00);margin-block-end:var(--casca-size-1)}.casca[data-density=dense] .casca-legend{gap:var(--casca-size-1);font-size:var(--casca-font-size-00)}.casca[data-density=dense] .casca-legend-swatch{width:var(--casca-size-1);height:var(--casca-size-1)}.casca[data-density=compact] .casca-bar{--casca-bar-width:var(--casca-size-4)}.casca[data-density=dense] .casca-bar{--casca-bar-width:var(--casca-size-3)}.casca[data-density=compact] .casca-pie{--casca-pie-size:180px}.casca[data-density=dense] .casca-pie{--casca-pie-size:100px}.casca-title{font-size:var(--casca-font-size-3);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-8);margin-block-end:var(--casca-size-3)}.casca figcaption,figure.casca figcaption{margin-block-end:var(--casca-size-4)}figure.casca figcaption .casca-title{margin-block-end:var(--casca-size-2)}.casca-subtitle{font-size:var(--casca-font-size-1);color:var(--casca-label-color);margin-block-end:var(--casca-size-4)}.casca-legend{gap:var(--casca-size-3);font-size:var(--casca-font-size-0);color:var(--casca-label-color);flex-wrap:wrap;display:flex}.casca-legend-item{align-items:center;gap:var(--casca-size-1);display:flex}.casca-legend-swatch{width:var(--casca-size-3);height:var(--casca-size-3);border-radius:var(--casca-radius-1);background:var(--_color,var(--casca-color-1))}.casca-chip{--_chip-bg:var(--chip-bg,var(--casca-gray-9));--_chip-color:var(--chip-color,var(--casca-gray-0));--_chip-border:var(--chip-border,transparent);align-items:center;gap:var(--casca-size-1);padding:var(--casca-size-1) var(--casca-size-2);background:var(--_chip-bg);color:var(--_chip-color);border:1px solid var(--_chip-border);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);white-space:nowrap;line-height:1;display:inline-flex}.casca-chip[data-position=absolute]{top:var(--chip-top,auto);right:var(--chip-right,auto);bottom:var(--chip-bottom,auto);left:var(--chip-left,auto);z-index:10;position:absolute}.casca-chip[data-variant=success]{--_chip-bg:var(--casca-green-9);--_chip-color:var(--casca-gray-0)}.casca-chip[data-variant=warning]{--_chip-bg:var(--casca-yellow-6);--_chip-color:var(--casca-gray-9)}.casca-chip[data-variant=error]{--_chip-bg:var(--casca-red-8);--_chip-color:var(--casca-gray-0)}.casca-chip[data-variant=info]{--_chip-bg:var(--casca-blue-8);--_chip-color:var(--casca-gray-0)}.casca-chip[data-variant=neutral]{--_chip-bg:var(--casca-gray-2);--_chip-color:var(--casca-gray-8)}.casca-chip[data-variant=outline]{--_chip-bg:transparent;--_chip-color:var(--casca-gray-9);--_chip-border:var(--casca-gray-4)}@media (prefers-color-scheme:dark){.casca-chip[data-variant=outline]{--_chip-color:var(--casca-gray-0);--_chip-border:var(--casca-gray-6)}.casca-chip[data-variant=neutral]{--_chip-bg:var(--casca-gray-7);--_chip-color:var(--casca-gray-0)}}.casca-chip-icon{width:var(--casca-size-3);height:var(--casca-size-3);justify-content:center;align-items:center;display:inline-flex}.casca-legend-paginated{gap:var(--casca-size-3);flex-direction:column;display:flex}.casca-legend-paginated input[type=radio]{opacity:0;pointer-events:none;position:absolute}.casca-legend-pages{min-height:6rem;position:relative}.casca-legend-page{gap:var(--casca-size-3);font-size:var(--casca-font-size-0);color:var(--casca-label-color);flex-wrap:wrap;display:none}.casca-legend-paginated input[type=radio][data-page="1"]:checked~.casca-legend-pages .casca-legend-page[data-page="1"],.casca-legend-paginated input[type=radio][data-page="1"]:checked~.casca-legend-pages .casca-legend-page[data-page="1"],.casca-legend-paginated input[type=radio][data-page="2"]:checked~.casca-legend-pages .casca-legend-page[data-page="2"],.casca-legend-paginated input[type=radio][data-page="3"]:checked~.casca-legend-pages .casca-legend-page[data-page="3"],.casca-legend-paginated input[type=radio][data-page="4"]:checked~.casca-legend-pages .casca-legend-page[data-page="4"],.casca-legend-paginated input[type=radio][data-page="5"]:checked~.casca-legend-pages .casca-legend-page[data-page="5"],.casca-legend-paginated input#legend-page-1:checked~.casca-legend-pages .casca-legend-page[data-page="1"],.casca-legend-paginated input#legend-page-2:checked~.casca-legend-pages .casca-legend-page[data-page="2"],.casca-legend-paginated input#legend-page-3:checked~.casca-legend-pages .casca-legend-page[data-page="3"],.casca-legend-paginated input#legend-page-4:checked~.casca-legend-pages .casca-legend-page[data-page="4"],.casca-legend-paginated input#legend-page-5:checked~.casca-legend-pages .casca-legend-page[data-page="5"]{display:flex}.casca-legend-controls{justify-content:space-between;align-items:center;gap:var(--casca-size-2);display:flex}.casca-legend-nav{gap:var(--casca-size-2);align-items:center;display:flex}.casca-legend-nav label{min-width:var(--casca-size-6);padding:var(--casca-size-1) var(--casca-size-2);background:var(--casca-gray-2);color:var(--casca-gray-8);border:1px solid var(--casca-gray-3);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.casca-legend-nav label:hover{background:var(--casca-gray-3);border-color:var(--casca-gray-4)}.casca-legend-nav label:active{transform:scale(.97)}.casca-legend-nav input:checked+label{background:var(--casca-color-1);color:var(--casca-gray-0);border-color:var(--casca-color-1)}.casca-legend-indicator-page{font-size:var(--casca-font-size-00);color:var(--casca-label-color);font-weight:var(--casca-font-weight-4);display:none}:is(.casca-legend-paginated:has(input[type=radio][data-page="1"]:checked) .casca-legend-indicator-page[data-page="1"],.casca-legend-paginated:has(input[type=radio][data-page="2"]:checked) .casca-legend-indicator-page[data-page="2"],.casca-legend-paginated:has(input[type=radio][data-page="3"]:checked) .casca-legend-indicator-page[data-page="3"],.casca-legend-paginated:has(input[type=radio][data-page="4"]:checked) .casca-legend-indicator-page[data-page="4"],.casca-legend-paginated:has(input[type=radio][data-page="5"]:checked) .casca-legend-indicator-page[data-page="5"]),:is(.casca-legend-paginated:has(#legend-page-1:checked) .casca-legend-indicator-page[data-page="1"],.casca-legend-paginated:has(#legend-page-2:checked) .casca-legend-indicator-page[data-page="2"],.casca-legend-paginated:has(#legend-page-3:checked) .casca-legend-indicator-page[data-page="3"],.casca-legend-paginated:has(#legend-page-4:checked) .casca-legend-indicator-page[data-page="4"],.casca-legend-paginated:has(#legend-page-5:checked) .casca-legend-indicator-page[data-page="5"]){display:block}.casca-legend-indicator{font-size:var(--casca-font-size-00);color:var(--casca-label-color);font-weight:var(--casca-font-weight-4)}@supports selector(:has(*)){.casca-legend-indicator{display:none}}@media (prefers-color-scheme:dark){.casca-legend-nav label{background:var(--casca-gray-8);color:var(--casca-gray-1);border-color:var(--casca-gray-7)}.casca-legend-nav label:hover{background:var(--casca-gray-7);border-color:var(--casca-gray-6)}}.casca-interactive{cursor:pointer;background:0 0;border:none;width:100%;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.casca-interactive:focus-visible{outline:3px solid var(--casca-color-1);outline-offset:3px;border-radius:var(--casca-radius-2)}.casca-interactive:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.casca-interactive:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.casca-interactive .casca-title,.casca-interactive .casca-subtitle,.casca-interactive .casca-label{font:inherit;color:inherit}.casca-pager{isolation:isolate;justify-content:center;align-items:center;gap:0;width:fit-content;display:flex;position:relative}.casca-pager-label{z-index:10;pointer-events:none;background:var(--casca-gray-0);color:var(--casca-gray-8);padding:var(--casca-size-1) var(--casca-size-2);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000001a}@media (prefers-color-scheme:dark){.casca-pager-label{background:var(--casca-gray-8);color:var(--casca-gray-0)}}.casca-pager-btn{background:var(--casca-gray-2);color:var(--casca-gray-8);cursor:pointer;min-width:var(--casca-size-6);height:var(--casca-size-6);padding:0 var(--casca-size-3);font-size:var(--casca-font-size-1);font-weight:var(--casca-font-weight-6);font-family:var(--casca-font-sans);border:none;justify-content:center;align-items:center;line-height:1;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}@media (prefers-color-scheme:dark){.casca-pager-btn{background:var(--casca-gray-7);color:var(--casca-gray-0)}}.casca-pager-btn-prev{border-radius:var(--casca-radius-2) 0 0 var(--casca-radius-2)}.casca-pager-btn-next{border-radius:0 var(--casca-radius-2) var(--casca-radius-2) 0}.casca-pager-btn:only-of-type{border-radius:var(--casca-radius-2)}.casca-pager-btn:hover{background:var(--casca-gray-3);transform:scale(1.05)}@media (prefers-color-scheme:dark){.casca-pager-btn:hover{background:var(--casca-gray-6)}}.casca-pager-btn:active{background:var(--casca-gray-4);transform:scale(.98)}@media (prefers-color-scheme:dark){.casca-pager-btn:active{background:var(--casca-gray-5)}}.casca-pager-btn:focus-visible{outline:3px solid var(--casca-color-1);outline-offset:2px;z-index:2;position:relative}.casca-pager-btn:disabled,.casca-pager-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.casca-legend-row{gap:var(--casca-size-2);padding:var(--casca-size-2) var(--casca-size-3);border-radius:var(--casca-radius-2);font-family:var(--casca-font-sans);font-size:var(--casca-font-size-0);text-align:left;color:var(--casca-gray-8);background:0 0;border:none;grid-template-columns:auto 1fr auto;align-items:center;width:100%;text-decoration:none;transition:background .15s;display:grid}@media (prefers-color-scheme:dark){.casca-legend-row{color:var(--casca-gray-1)}}.casca-legend-row[href],.casca-legend-row[type]{cursor:pointer}.casca-legend-row[href]:hover,.casca-legend-row[type]:hover{background:var(--casca-gray-2)}@media (prefers-color-scheme:dark){.casca-legend-row[href]:hover,.casca-legend-row[type]:hover{background:var(--casca-gray-8)}}.casca-legend-row[href]:active,.casca-legend-row[type]:active{background:var(--casca-gray-3)}@media (prefers-color-scheme:dark){.casca-legend-row[href]:active,.casca-legend-row[type]:active{background:var(--casca-gray-7)}}.casca-legend-row:focus-visible{outline:3px solid var(--casca-color-1);outline-offset:2px;background:var(--casca-gray-1)}@media (prefers-color-scheme:dark){.casca-legend-row:focus-visible{background:var(--casca-gray-8)}}.casca-legend-row-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--casca-font-weight-4);overflow:hidden}.casca-legend-row-rail{gap:var(--casca-size-1);flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.casca-legend-row-rail .casca-chip{min-width:var(--casca-size-6);justify-content:center}.casca-legend-row[data-selected=true],.casca-legend-row[aria-current=true]{background:var(--casca-color-1);color:var(--casca-gray-0)}.casca-legend-row[data-selected=true] .casca-legend-row-label,.casca-legend-row[aria-current=true] .casca-legend-row-label{font-weight:var(--casca-font-weight-6)}.casca-legend-row[data-selected=true] .casca-chip,.casca-legend-row[aria-current=true] .casca-chip{--_chip-bg:var(--casca-gray-0);--_chip-color:var(--casca-color-1);--_chip-border:transparent}.casca-legend-row:disabled,.casca-legend-row[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.sr-only,.casca-data{clip:rect(0, 0, 0, 0);white-space:nowrap;table-layout:fixed;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only-focusable:focus,.sr-only-focusable:active{clip:auto;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}@media (prefers-contrast:more){:root{--casca-line-stroke-width:3px;--casca-bar-min-height:4px;--casca-axis-width:2px;--casca-line-area-opacity:.3;--casca-grid-color:var(--casca-gray-7);--casca-axis-color:var(--casca-gray-8)}.casca-bar-value:hover,.casca-pie-chart:hover,.casca-line-point:hover{outline-offset:2px;outline:3px solid}.casca-bar-group[data-grid],.casca-line[data-grid]{background-color:var(--casca-gray-1)}.casca-pie-chart{outline:2px solid var(--casca-gray-9)}}@media (prefers-reduced-motion:reduce){.casca,.casca *{--casca-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:is(.casca-bar-value:focus-visible,.casca-line-point:focus-visible,.casca-pie-chart:focus-visible){outline:3px solid var(--casca-color-1);outline-offset:3px}.casca-bar-value[data-label],.casca-line-point,.casca-pie-chart{cursor:pointer}.casca-line-point{outline:none}.casca-line-point:focus{outline:2px solid var(--casca-color-1);outline-offset:2px}.casca-live-region{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.casca-skip-link{background:var(--casca-gray-9);color:var(--casca-gray-0);padding:var(--casca-size-2) var(--casca-size-3);border-radius:var(--casca-radius-2);z-index:100;text-decoration:none;position:absolute;top:-40px;left:0}.casca-skip-link:focus{top:0}.casca-data{font-family:var(--casca-font-sans);font-size:var(--casca-font-size-0);border-collapse:collapse}.casca-data caption{font-weight:var(--casca-font-weight-6);margin-bottom:var(--casca-size-2);text-align:left}.casca-data th,.casca-data td{padding:var(--casca-size-2);text-align:left;border:1px solid var(--casca-gray-4);color:var(--casca-gray-9)}.casca-data th{background:var(--casca-gray-2);font-weight:var(--casca-font-weight-6)}@media (prefers-color-scheme:dark){.casca-data th,.casca-data td{border-color:var(--casca-gray-7);color:var(--casca-gray-1)}.casca-data th{background:var(--casca-gray-8)}}[data-theme=dark] .casca-data th,[data-theme=dark] .casca-data td{border-color:var(--casca-gray-7);color:var(--casca-gray-1)}[data-theme=dark] .casca-data th{background:var(--casca-gray-8)}@media (forced-colors:active){.casca-bar-value,.casca-line polyline,.casca-line path,.casca-pie-chart{forced-color-adjust:none;border:1px solid canvastext}.casca-line-point{fill:canvastext;stroke:canvas}.casca-bar-group[data-grid],.casca-line[data-grid]{background-image:none;border:1px solid canvastext}}@media print{.casca-data{width:auto;height:auto;margin:var(--casca-size-4) 0;page-break-inside:avoid;position:static}.casca-bar-value,.casca-pie-chart,.casca-line polyline{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact}.casca{page-break-inside:avoid}}}@layer casca.layout{.casca-card{--_bg:var(--casca-card-bg);--_border:var(--casca-card-border);gap:var(--casca-card-gap);padding:var(--casca-card-pad);background:var(--_bg);border:1px solid var(--_border);border-radius:var(--casca-card-radius);font-family:var(--casca-font-sans);flex-direction:column;min-inline-size:0;display:flex}@media (prefers-color-scheme:dark){.casca-card{--_border:var(--casca-card-border-dark)}}.casca-card-title{font-size:var(--casca-card-title-size);font-weight:var(--casca-font-weight-6);color:var(--casca-card-title-color);margin:0}@media (prefers-color-scheme:dark){.casca-card-title{color:var(--casca-card-title-color-dark)}}.casca-card-body{min-inline-size:0}.casca-card-footer{border-block-start:1px solid var(--_border);font-size:var(--casca-font-size-00);color:var(--casca-card-footer-color);margin-block-start:var(--casca-card-gap);padding-block-start:var(--casca-card-gap)}@media (prefers-color-scheme:dark){.casca-card-footer{color:var(--casca-card-footer-color-dark)}}@media (forced-colors:active){.casca-card{border-color:canvastext}.casca-card-footer{border-block-start-color:canvastext}}.casca-card-grid{gap:var(--casca-card-grid-gap);grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--casca-card-grid-min)), 1fr));display:grid}.casca-toolbar{align-items:center;gap:var(--casca-toolbar-gap);flex-wrap:wrap;display:flex}.casca-toolbar[data-align=between]{justify-content:space-between}.casca-toolbar[data-align=end]{justify-content:flex-end}.casca-toolbar-group{align-items:center;gap:var(--casca-toolbar-gap);display:inline-flex}.casca-toolbar[data-variant=scroll]{flex-wrap:nowrap;overflow-x:auto}.casca-anchor-nav{gap:var(--casca-anchor-nav-gap);flex-direction:column;display:flex}.casca-anchor-nav[data-sticky]{position:sticky;inset-block-start:var(--casca-size-4)}.casca-anchor-nav-link{padding:var(--casca-size-1) var(--casca-anchor-nav-pad);color:var(--casca-anchor-nav-color);font-size:var(--casca-font-size-0);white-space:nowrap;border-inline-start:2px solid #0000;text-decoration:none;transition:color .15s,border-color .15s;display:block}.casca-anchor-nav-link:hover{color:var(--casca-anchor-nav-active)}.casca-anchor-nav-link[aria-current]:not([aria-current=false]){color:var(--casca-anchor-nav-active);border-inline-start-color:var(--casca-anchor-nav-active);font-weight:var(--casca-font-weight-6)}@media (prefers-color-scheme:dark){.casca-anchor-nav-link{color:var(--casca-anchor-nav-color-dark)}}.casca-anchor-nav[data-orientation=horizontal]{align-items:center;gap:var(--casca-size-1) var(--casca-size-4);flex-flow:wrap}.casca-anchor-nav[data-orientation=horizontal] .casca-anchor-nav-link{border-block-end:2px solid #0000;border-inline-start:0}.casca-anchor-nav[data-orientation=horizontal] .casca-anchor-nav-link[aria-current]:not([aria-current=false]){border-inline-start-color:#0000;border-block-end-color:var(--casca-anchor-nav-active)}@media (forced-colors:active){.casca-anchor-nav-link[aria-current]:not([aria-current=false]){border-inline-start-color:highlight}.casca-anchor-nav[data-orientation=horizontal] .casca-anchor-nav-link[aria-current]:not([aria-current=false]){border-block-end-color:highlight;border-inline-start-color:#0000}}}@layer casca.charts{.casca-plot{grid-template-columns:auto var(--casca-axis-y-width) 1fr;grid-template-rows:1fr var(--casca-axis-x-height) auto;gap:var(--casca-size-1);grid-template-areas:"ytitle yaxis plot""corner corner xaxis""corner corner xtitle";align-items:center;display:grid}.casca-plot>:not(.casca-axis):not(.casca-axis-title){grid-area:plot;min-block-size:0;min-inline-size:0}.casca-plot>.casca-axis[data-axis=x]{grid-area:xaxis}.casca-plot>.casca-axis[data-axis=y]{grid-area:yaxis}.casca-plot>.casca-axis-title[data-axis=x]{grid-area:xtitle}.casca-plot>.casca-axis-title[data-axis=y]{grid-area:ytitle}.casca-axis{color:var(--casca-label-color);font-size:var(--casca-font-size-0);line-height:1.2}.casca-axis[data-axis=x]{block-size:100%;inline-size:100%;position:relative}.casca-axis[data-axis=x] .casca-axis-tick{white-space:nowrap;position:absolute;inset-block-start:0;inset-inline-start:calc(var(--pos,0) * 1%);translate:-50%}.casca-axis[data-axis=y]{block-size:100%;inline-size:100%;font-size:var(--casca-font-size-00);position:relative}.casca-axis[data-axis=y] .casca-axis-tick{text-align:end;white-space:nowrap;position:absolute;inset-block-end:calc(var(--pos,0) * 1%);inset-inline-end:0;translate:0 50%}.casca-axis-title{color:var(--casca-label-color);font-size:var(--casca-font-size-0);text-align:center;font-weight:600}.casca-axis-title[data-axis=y]{writing-mode:vertical-rl;transform:rotate(180deg)}.casca-axis[data-axis=radial]{pointer-events:none;color:var(--casca-label-color);font-size:var(--casca-font-size-0);position:absolute;inset:0}.casca-axis[data-axis=radial] .casca-axis-tick{--_angle:calc(var(--index,0) / var(--casca-axis-count) * 360deg - 90deg);--_r:var(--casca-axis-radius,56%);white-space:nowrap;font-weight:600;position:absolute;inset-block-start:calc(50% + sin(var(--_angle)) * var(--_r));inset-inline-start:calc(50% + cos(var(--_angle)) * var(--_r));translate:-50% -50%}@supports not (inset-block-start:calc(sin(1deg) * 1%)){.casca-axis[data-axis=radial]{justify-content:center;gap:var(--casca-size-2);flex-wrap:wrap;display:flex;position:static}.casca-axis[data-axis=radial] .casca-axis-tick{position:static;inset:auto;translate:none}}.casca-bar{--_bar-width:var(--casca-bar-width);--_bar-radius:var(--casca-bar-radius);--_axis-color:var(--casca-axis-color);--_grid-color:var(--casca-grid-color);gap:var(--casca-size-2);height:var(--casca-height);grid-template-rows:1fr auto;display:grid}.casca-bar-group{justify-content:space-around;align-items:flex-end;gap:var(--_gap,var(--casca-gap));padding-inline:var(--casca-size-2);border-bottom:var(--casca-axis-width) solid var(--_axis-color);box-sizing:border-box;width:100%;height:100%;display:flex;position:relative}.casca-bar-group[data-grid]{background:repeating-linear-gradient(to top, transparent, transparent calc(25% - 1px), var(--_grid-color) calc(25% - 1px), var(--_grid-color) 25%)}.casca-bar-item{align-items:center;gap:var(--casca-size-1);max-width:calc(var(--_bar-width) * 2);flex-direction:column;flex:1;height:100%;display:flex}.casca-bar-value{--_value:var(--value,0%);--_color:var(--color,var(--casca-color-1));width:var(--_bar-width);height:var(--_value);min-height:var(--casca-bar-min-height);background:var(--_color);border-radius:var(--_bar-radius) var(--_bar-radius) 0 0;transition:height var(--casca-duration) var(--casca-easing);margin-top:auto;position:relative}.casca-bar-value:before{content:attr(data-label);padding:var(--casca-size-1) var(--casca-size-2);background:var(--casca-gray-9);color:var(--casca-gray-0);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.casca-bar-value:hover:before{opacity:1}.casca-bar[data-labels=always] .casca-bar-value:before{opacity:1;color:var(--casca-label-color);font-size:var(--casca-font-size-00);background:0 0;padding:0;font-weight:600;transition:none}.casca-bar[data-labels=always]:not([data-orientation=horizontal]) .casca-bar-group{padding-block-start:1.5em}.casca-bar[data-orientation=horizontal][data-labels=always]{grid-template-columns:1fr}.casca-bar[data-orientation=horizontal] .casca-bar-item:has(>.casca-bar-label){grid-template-columns:var(--casca-bar-rank-label-width) 1fr auto;align-items:center;gap:var(--casca-size-2);display:grid}.casca-bar-rank-value{color:var(--casca-label-color);font-size:var(--casca-font-size-00);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.casca-bar[data-orientation=horizontal] .casca-bar-item>.casca-bar-label{text-align:end;flex:none;max-width:none}.casca-bar-labels{color:var(--casca-label-color);padding-inline:var(--casca-size-2);box-sizing:border-box;justify-content:space-around;width:100%;line-height:1.2;display:flex}.casca-bar-label{text-align:center;max-width:calc(var(--_bar-width) * 2);flex:1}.casca-bar[data-orientation=horizontal]{grid-template-rows:none;grid-template-columns:auto 1fr}.casca-bar[data-orientation=horizontal] .casca-bar-group{border-bottom:none;border-left:var(--casca-axis-width) solid var(--_axis-color);flex-direction:column;justify-content:space-around;align-items:flex-start}.casca-bar[data-orientation=horizontal] .casca-bar-item{flex-direction:row;width:100%;max-width:none;height:auto}.casca-bar[data-orientation=horizontal] .casca-bar-value{width:var(--_value);height:var(--_bar-width);min-height:auto;min-width:var(--casca-bar-min-height);border-radius:0 var(--_bar-radius) var(--_bar-radius) 0;transition:width var(--casca-duration) var(--casca-easing);margin-top:0}.casca-bar[data-diverging] .casca-bar-group{border-bottom:var(--casca-axis-width) solid var(--_axis-color);border-top:var(--casca-axis-width) solid var(--_axis-color);align-items:center;position:relative}.casca-bar[data-diverging] .casca-bar-grouped{align-items:center}.casca-bar[data-diverging] .casca-bar-slot{align-items:stretch}.casca-bar[data-diverging] .casca-bar-slot .casca-bar-value{height:calc(var(--_value) * .5);margin:0;position:absolute;left:0;right:0}.casca-bar[data-diverging] .casca-bar-group:after{content:"";height:var(--casca-axis-width);background:var(--_axis-color);z-index:0;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.casca-bar[data-diverging] .casca-bar-item{z-index:1;position:relative}.casca-bar[data-diverging] .casca-bar-value[data-direction=positive]{border-radius:var(--_bar-radius) var(--_bar-radius) 0 0;bottom:50%}.casca-bar[data-diverging] .casca-bar-value[data-direction=negative]{border-radius:0 0 var(--_bar-radius) var(--_bar-radius);top:50%}.casca-bar[data-diverging] .casca-bar-value[data-direction=negative]:before{top:100%;bottom:auto}.casca-bar[data-diverging] .casca-bar-group[data-grid]{background:repeating-linear-gradient(to top, transparent, transparent calc(12.5% - 1px), var(--_grid-color) calc(12.5% - 1px), var(--_grid-color) 12.5%)}.casca-bar-grouped{gap:var(--casca-size-1);justify-content:center;align-self:stretch;align-items:flex-end;width:100%;height:100%;display:flex}.casca-bar-slot{--_grouped-width:calc(var(--_bar-width) * .7);width:var(--_grouped-width);align-items:flex-end;height:100%;display:flex;position:relative}.casca-bar-slot .casca-bar-value{width:100%;margin-top:auto}.casca-bar-value[data-series=secondary]{opacity:.35}.casca-bar-value[data-series=tertiary]{opacity:.2}@container casca (width<=400px){.casca-bar-slot{--_grouped-width:calc(var(--casca-size-4) * .6)}}.casca-bar-stack{width:var(--_bar-width);flex-direction:column-reverse;margin-top:auto;display:flex;position:relative}.casca-bar-stack .casca-bar-segment{--_value:var(--value,0%);--_color:var(--color,var(--casca-color-1));width:100%;height:var(--_value);background:var(--_color);transition:height var(--casca-duration) var(--casca-easing), filter .2s ease;position:relative}.casca-bar-stack .casca-bar-segment:last-child{border-radius:var(--_bar-radius) var(--_bar-radius) 0 0}.casca-bar-stack .casca-bar-segment:hover{filter:brightness(1.1);z-index:1}.casca-bar-stack .casca-bar-segment:before{content:attr(data-label);padding:var(--casca-size-1) var(--casca-size-2);background:var(--casca-gray-9);color:var(--casca-gray-0);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);white-space:nowrap;opacity:0;pointer-events:none;z-index:2;transition:opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.casca-bar-stack .casca-bar-segment:hover:before{opacity:1}@container casca (width<=400px){.casca-bar-value{--_bar-width:var(--casca-size-4)}.casca-bar-label{font-size:var(--casca-font-size-00)}}.casca-line{--_stroke-width:var(--casca-line-stroke-width);--_point-size:var(--casca-line-point-size);--_area-opacity:var(--casca-line-area-opacity);gap:var(--casca-size-2);height:var(--casca-height);grid-template-rows:1fr auto;display:grid;position:relative}.casca-line-svg{width:100%;min-width:0;height:100%;min-height:0;overflow:visible}.casca-line[data-grid]{background-image:repeating-linear-gradient(to right, var(--casca-grid-color) 0, var(--casca-grid-color) 1px, transparent 1px, transparent 20%), repeating-linear-gradient(to bottom, var(--casca-grid-color) 0, var(--casca-grid-color) 1px, transparent 1px, transparent 20%)}.casca-line-axis-x,.casca-line-axis-y{stroke:var(--casca-axis-color);stroke-width:1px;fill:none}.casca-line polyline,.casca-line path{--_color:var(--color,var(--casca-color-1));fill:none;stroke:var(--_color);stroke-width:var(--_stroke-width);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke-width .2s}.casca-line polyline:hover,.casca-line path:hover{stroke-width:calc(var(--_stroke-width) * 1.5)}.casca-line polygon,.casca-line path[data-area]{--_color:var(--color,var(--casca-color-1));fill:var(--_color);fill-opacity:var(--_area-opacity);stroke:none}.casca-line-point{--_color:var(--color,var(--casca-color-1));fill:var(--_color);stroke:var(--casca-surface-1);stroke-width:2px;r:var(--_point-size);cursor:pointer;transition:r .2s}@media (prefers-color-scheme:dark){.casca-line-point{stroke:var(--casca-surface-1)}}.casca[data-theme=dark] .casca-line-point,[data-theme=dark] .casca .casca-line-point{stroke:var(--casca-surface-1)}.casca-line-point:hover,.casca-line-point:focus{r:calc(var(--_point-size) * 1.5)}.casca-line-point-label{font-size:var(--casca-font-size-00);fill:var(--casca-gray-9);font-weight:var(--casca-font-weight-6);pointer-events:none;opacity:0;transition:opacity .2s}@media (prefers-color-scheme:dark){.casca-line-point-label{fill:var(--casca-gray-1)}}.casca-line-point:hover+.casca-line-point-label,.casca-line-point:focus+.casca-line-point-label{opacity:1}.casca-line-labels{padding-inline:var(--casca-size-2);color:var(--casca-label-color);font-size:var(--casca-font-size-0);justify-content:space-between;display:flex}.casca-line-label{text-align:center;flex:1}.casca-line-y-labels{height:100%;padding-block:var(--casca-size-2);color:var(--casca-label-color);font-size:var(--casca-font-size-00);pointer-events:none;flex-direction:column-reverse;justify-content:space-between;padding-inline-end:var(--casca-size-2);display:flex;position:absolute;top:0;left:0}.casca-line-y-label{text-align:right}.casca-line polyline:first-child,.casca-line path:first-child{--color:var(--casca-color-1)}.casca-line polyline:nth-child(2),.casca-line path:nth-child(2){--color:var(--casca-color-2)}.casca-line polyline:nth-child(3),.casca-line path:nth-child(3){--color:var(--casca-color-3)}.casca-line polyline:nth-child(4),.casca-line path:nth-child(4){--color:var(--casca-color-4)}@keyframes casca-line-draw{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.casca-line polyline,.casca-line path:not([data-area]){stroke-dasharray:1000;stroke-dashoffset:1000px;animation:casca-line-draw 1.5s var(--casca-easing) forwards}.casca-line polyline:nth-child(2),.casca-line path:nth-child(2):not([data-area]){animation-delay:.2s}.casca-line polyline:nth-child(3),.casca-line path:nth-child(3):not([data-area]){animation-delay:.4s}.casca-line polyline:nth-child(4),.casca-line path:nth-child(4):not([data-area]){animation-delay:.6s}@keyframes casca-area-fade{0%{fill-opacity:0}to{fill-opacity:var(--_area-opacity)}}.casca-line polygon,.casca-line path[data-area]{animation:casca-area-fade .8s var(--casca-easing) forwards}@container casca (width<=400px){.casca-line{--_stroke-width:1.5px;--_point-size:4px}.casca-line-labels{font-size:var(--casca-font-size-00)}}.casca-line-zero{stroke:var(--casca-axis-color);stroke-width:1px;stroke-dasharray:4 2;fill:none}.casca-line-tooltip{background:var(--casca-gray-9);color:var(--casca-gray-0);padding:var(--casca-size-1) var(--casca-size-2);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);pointer-events:none;opacity:0;z-index:10;transition:opacity .2s;position:absolute}@media (prefers-color-scheme:dark){.casca-line-tooltip{background:var(--casca-gray-1);color:var(--casca-gray-9)}}.casca-area{--_stroke-width:var(--casca-line-stroke-width);--_point-size:var(--casca-line-point-size);--_area-opacity:var(--casca-line-area-opacity);gap:var(--casca-size-2);height:var(--casca-height);grid-template-rows:1fr auto;display:grid;position:relative}.casca-area-svg{width:100%;height:100%;overflow:visible}.casca-area[data-grid]{background-image:repeating-linear-gradient(to right, var(--casca-grid-color) 0, var(--casca-grid-color) 1px, transparent 1px, transparent 20%), repeating-linear-gradient(to bottom, var(--casca-grid-color) 0, var(--casca-grid-color) 1px, transparent 1px, transparent 20%)}.casca-area-gradient{--_color:var(--color,var(--casca-color-1))}.casca-area-gradient stop:first-child{stop-color:var(--_color);stop-opacity:.6}.casca-area-gradient stop:last-child{stop-color:var(--_color);stop-opacity:.05}@media (prefers-color-scheme:dark){.casca-area-gradient stop:first-child{stop-opacity:.4}.casca-area-gradient stop:last-child{stop-opacity:.02}}.casca-area path[data-fill],.casca-area polygon[data-fill]{--_color:var(--color,var(--casca-color-1));stroke:none;transition:opacity .2s,filter .2s}.casca-area path[data-fill=solid],.casca-area polygon[data-fill=solid]{fill:var(--_color);fill-opacity:var(--_area-opacity)}.casca-area path[data-fill]:hover,.casca-area polygon[data-fill]:hover{filter:brightness(1.1)}.casca-area polyline,.casca-area path[data-stroke]{--_color:var(--color,var(--casca-color-1));fill:none;stroke:var(--_color);stroke-width:var(--_stroke-width);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke-width .2s}.casca-area polyline:hover,.casca-area path[data-stroke]:hover{stroke-width:calc(var(--_stroke-width) * 1.5)}.casca-area-point{--_color:var(--color,var(--casca-color-1));fill:var(--_color);stroke:var(--casca-surface-1);stroke-width:2px;r:var(--_point-size);cursor:pointer;transition:r .2s}@media (prefers-color-scheme:dark){.casca-area-point{stroke:var(--casca-surface-1)}}.casca-area-point:hover,.casca-area-point:focus{r:calc(var(--_point-size) * 1.5)}.casca-area[data-stacked] path[data-layer="1"],.casca-area[data-stacked] polygon[data-layer="1"]{--color:var(--casca-color-1);z-index:1}.casca-area[data-stacked] path[data-layer="2"],.casca-area[data-stacked] polygon[data-layer="2"]{--color:var(--casca-color-2);z-index:2}.casca-area[data-stacked] path[data-layer="3"],.casca-area[data-stacked] polygon[data-layer="3"]{--color:var(--casca-color-3);z-index:3}.casca-area[data-stacked] path[data-layer="4"],.casca-area[data-stacked] polygon[data-layer="4"]{--color:var(--casca-color-4);z-index:4}.casca-area[data-stacked] path[data-fill]:not(:hover),.casca-area[data-stacked] polygon[data-fill]:not(:hover){opacity:.8}.casca-area[data-stacked] path[data-fill]:hover,.casca-area[data-stacked] polygon[data-fill]:hover{opacity:1;filter:brightness(1.15)}@keyframes casca-area-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.casca-area path[data-fill],.casca-area polygon[data-fill]{animation:casca-area-reveal 1s var(--casca-easing) forwards}.casca-area[data-stacked] path[data-layer="1"],.casca-area[data-stacked] polygon[data-layer="1"]{animation-delay:0s}.casca-area[data-stacked] path[data-layer="2"],.casca-area[data-stacked] polygon[data-layer="2"]{animation-delay:.15s}.casca-area[data-stacked] path[data-layer="3"],.casca-area[data-stacked] polygon[data-layer="3"]{animation-delay:.3s}.casca-area[data-stacked] path[data-layer="4"],.casca-area[data-stacked] polygon[data-layer="4"]{animation-delay:.45s}.casca-area polyline,.casca-area path[data-stroke]{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:casca-area-line-draw 1.5s var(--casca-easing) forwards}@keyframes casca-area-line-draw{to{stroke-dashoffset:0}}.casca-area-labels{padding-inline:var(--casca-size-2);color:var(--casca-label-color);font-size:var(--casca-font-size-0);justify-content:space-between;display:flex}.casca-area-label{text-align:center;flex:1}.casca-area-y-labels{height:100%;padding-block:var(--casca-size-2);color:var(--casca-label-color);font-size:var(--casca-font-size-00);pointer-events:none;flex-direction:column-reverse;justify-content:space-between;padding-inline-end:var(--casca-size-2);display:flex;position:absolute;top:0;left:0}.casca-area-y-label{text-align:right}@container casca (width<=400px){.casca-area{--_stroke-width:1.5px;--_point-size:4px}.casca-area-labels{font-size:var(--casca-font-size-00)}}.casca-area-tooltip{background:var(--casca-gray-9);color:var(--casca-gray-0);padding:var(--casca-size-1) var(--casca-size-2);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);pointer-events:none;opacity:0;z-index:100;transition:opacity .2s;position:absolute}@media (prefers-color-scheme:dark){.casca-area-tooltip{background:var(--casca-gray-1);color:var(--casca-gray-9)}}.casca-area[data-interactive] path[data-fill],.casca-area[data-interactive] polygon[data-fill]{cursor:pointer}:is(.casca-area path[data-fill]:focus-visible,.casca-area polygon[data-fill]:focus-visible){outline:3px solid var(--casca-color-1);outline-offset:3px}.casca-area-baseline{stroke:var(--casca-axis-color);stroke-width:1px;stroke-dasharray:4 2;fill:none}.casca-area path[data-negative],.casca-area polygon[data-negative]{--_color:var(--color-negative,var(--casca-red-6))}.casca-pie{--_pie-size:var(--casca-pie-size);--_donut-hole:var(--casca-donut-hole-size);align-items:center;gap:var(--casca-size-3);flex-direction:column;height:auto;min-height:auto;display:flex}.casca-pie-chart{width:var(--_pie-size);height:var(--_pie-size);transition:transform var(--casca-duration) var(--casca-easing);border-radius:50%;position:relative}.casca-pie-chart[data-segments="1"]{background:var(--color-1,var(--casca-color-1))}.casca-pie-chart[data-segments="0"],.casca-pie-chart:not([data-segments]){background:var(--casca-gray-2)}@media (prefers-color-scheme:dark){.casca-pie-chart[data-segments="0"],.casca-pie-chart:not([data-segments]){background:var(--casca-gray-7)}}.casca-pie-chart[data-segments="2"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) 360deg)}.casca-pie-chart[data-segments="3"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) 360deg)}.casca-pie-chart[data-segments="4"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) var(--angle-3,0deg), var(--color-4,var(--casca-color-4)) var(--angle-3,0deg) 360deg)}.casca-pie-chart[data-segments="5"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) var(--angle-3,0deg), var(--color-4,var(--casca-color-4)) var(--angle-3,0deg) var(--angle-4,0deg), var(--color-5,var(--casca-color-5)) var(--angle-4,0deg) 360deg)}.casca-pie-chart[data-segments="6"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) var(--angle-3,0deg), var(--color-4,var(--casca-color-4)) var(--angle-3,0deg) var(--angle-4,0deg), var(--color-5,var(--casca-color-5)) var(--angle-4,0deg) var(--angle-5,0deg), var(--color-6,var(--casca-color-6)) var(--angle-5,0deg) 360deg)}.casca-pie-chart[data-segments="7"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) var(--angle-3,0deg), var(--color-4,var(--casca-color-4)) var(--angle-3,0deg) var(--angle-4,0deg), var(--color-5,var(--casca-color-5)) var(--angle-4,0deg) var(--angle-5,0deg), var(--color-6,var(--casca-color-6)) var(--angle-5,0deg) var(--angle-6,0deg), var(--color-7,var(--casca-color-7)) var(--angle-6,0deg) 360deg)}.casca-pie-chart[data-segments="8"]{background:conic-gradient(from 0deg, var(--color-1,var(--casca-color-1)) 0deg var(--angle-1,0deg), var(--color-2,var(--casca-color-2)) var(--angle-1,0deg) var(--angle-2,0deg), var(--color-3,var(--casca-color-3)) var(--angle-2,0deg) var(--angle-3,0deg), var(--color-4,var(--casca-color-4)) var(--angle-3,0deg) var(--angle-4,0deg), var(--color-5,var(--casca-color-5)) var(--angle-4,0deg) var(--angle-5,0deg), var(--color-6,var(--casca-color-6)) var(--angle-5,0deg) var(--angle-6,0deg), var(--color-7,var(--casca-color-7)) var(--angle-6,0deg) var(--angle-7,0deg), var(--color-8,var(--casca-color-8)) var(--angle-7,0deg) 360deg)}.casca-pie-chart[data-variant=donut]:before{content:"";width:var(--_donut-hole);height:var(--_donut-hole);background:var(--casca-surface-1);z-index:1;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-color-scheme:dark){.casca-pie-chart[data-variant=donut]:before{background:var(--casca-surface-1)}}.casca[data-theme=dark] .casca-pie-chart[data-variant=donut]:before,[data-theme=dark] .casca .casca-pie-chart[data-variant=donut]:before{background:var(--casca-surface-1)}.casca-pie-chart:hover{transform:scale(1.02)}@keyframes casca-pie-enter{0%{--angle-1:0deg;--angle-2:0deg;--angle-3:0deg;--angle-4:0deg;--angle-5:0deg;--angle-6:0deg;--angle-7:0deg;--angle-8:0deg;opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.casca-pie-chart{animation:casca-pie-enter var(--casca-duration) var(--casca-easing) forwards}@container casca (width<=400px){.casca-pie{--_pie-size:200px}}@container casca (width<=300px){.casca-pie{--_pie-size:150px}}.casca-pie-center{text-align:center;font-size:var(--casca-font-size-3);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-8);pointer-events:none;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-color-scheme:dark){.casca-pie-center{color:var(--casca-gray-1)}}.casca[data-theme=dark] .casca-pie-center,[data-theme=dark] .casca .casca-pie-center{color:var(--casca-gray-1)}.casca-pie-center-label{font-size:var(--casca-font-size-0);font-weight:var(--casca-font-weight-4);color:var(--casca-label-color);margin-top:var(--casca-size-1);display:block}.casca-progress{--_height:var(--casca-progress-height);--_radius:var(--casca-progress-radius);--_value:var(--value,0%);--_color:var(--color,var(--casca-color-1));width:100%;height:var(--_height);background:var(--casca-gray-2);border-radius:var(--_radius);position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.casca-progress{background:var(--casca-gray-8)}}.casca-progress-bar{height:100%;width:var(--_value);background:var(--_color);border-radius:var(--_radius);transition:width var(--casca-duration) var(--casca-easing);position:relative}.casca-progress-label{top:50%;right:var(--casca-size-2);font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-9);pointer-events:none;position:absolute;transform:translateY(-50%)}@media (prefers-color-scheme:dark){.casca-progress-label{color:var(--casca-gray-1)}}.casca-progress[data-size=small]{--_height:var(--casca-size-2)}.casca-progress[data-size=large]{--_height:var(--casca-size-5)}.casca-progress[data-density=compact]{--_height:var(--casca-size-1);--_radius:0}.casca-progress[data-density=hairline]{--_height:.125rem;--_radius:0}.casca-progress[data-striped] .casca-progress-bar{background-image:linear-gradient(45deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);background-size:var(--casca-size-4) var(--casca-size-4)}.casca-progress[data-striped][data-animated] .casca-progress-bar{animation:1s linear infinite casca-progress-stripes}@keyframes casca-progress-stripes{0%{background-position:0 0}to{background-position:var(--casca-size-4) 0}}.casca-progress[data-indeterminate] .casca-progress-bar{width:30%;animation:1.5s ease-in-out infinite casca-progress-indeterminate}@keyframes casca-progress-indeterminate{0%{transform:translate(-100%)}50%{transform:translate(350%)}to{transform:translate(-100%)}}.casca-gauge{--_size:var(--casca-gauge-size);--_thickness:var(--casca-gauge-thickness);--_value:var(--value,0);--_max:var(--max,100);--_color:var(--color,var(--casca-color-1));--_start:var(--start-angle,-90deg);--_arc:calc(var(--_value) / var(--_max) * 360deg);width:var(--_size);height:var(--_size);justify-content:center;align-items:center;display:flex;position:relative}.casca-gauge:before{content:"";background:conic-gradient(from var(--_start), var(--casca-gray-2) 0deg, var(--casca-gray-2) 360deg);-webkit-mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));-webkit-mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));border-radius:50%;position:absolute;inset:0}@media (prefers-color-scheme:dark){.casca-gauge:before{background:conic-gradient(from var(--_start), var(--casca-gray-8) 0deg, var(--casca-gray-8) 360deg)}}.casca-gauge:after{content:"";background:conic-gradient(from var(--_start), var(--_color) 0deg, var(--_color) var(--_arc), transparent var(--_arc));-webkit-mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));-webkit-mask:radial-gradient(circle, transparent calc(50% - var(--_thickness)), black calc(50% - var(--_thickness)));transition:--_arc var(--casca-duration) var(--casca-easing);border-radius:50%;position:absolute;inset:0}.casca-gauge-value{z-index:1;font-size:var(--casca-font-size-5);font-weight:var(--casca-font-weight-7);color:var(--casca-gray-9);text-align:center;position:relative}@media (prefers-color-scheme:dark){.casca-gauge-value{color:var(--casca-gray-1)}}.casca-gauge-label{font-size:var(--casca-font-size-1);font-weight:var(--casca-font-weight-4);color:var(--casca-label-color);margin-top:var(--casca-size-1);display:block}.casca-gauge[data-variant=semi]{--_start:-180deg;height:calc(var(--_size) / 2 + var(--casca-size-4))}.casca-gauge[data-variant=semi]:before,.casca-gauge[data-variant=semi]:after{background:conic-gradient(from var(--_start), transparent 0deg, transparent 0deg, var(--casca-gray-2) 0deg, var(--casca-gray-2) 180deg, transparent 180deg)}.casca-gauge[data-variant=semi]:after{background:conic-gradient(from var(--_start), transparent 0deg, var(--_color) 0deg, var(--_color) calc(var(--_arc) / 2), transparent calc(var(--_arc) / 2), transparent 180deg)}.casca-gauge[data-thresholds]{--_threshold-1:var(--threshold-1,33);--_threshold-2:var(--threshold-2,66);--_color-low:var(--color-low,var(--casca-red-6));--_color-mid:var(--color-mid,var(--casca-yellow-6));--_color-high:var(--color-high,var(--casca-green-6))}.casca-gauge[data-thresholds]:before{background:conic-gradient(from var(--_start), var(--_color-low) 0deg, var(--_color-low) calc(var(--_threshold-1) / 100 * 360deg), var(--_color-mid) calc(var(--_threshold-1) / 100 * 360deg), var(--_color-mid) calc(var(--_threshold-2) / 100 * 360deg), var(--_color-high) calc(var(--_threshold-2) / 100 * 360deg), var(--_color-high) 360deg);opacity:.3}.casca-gauge[data-size=small]{--_size:150px;--_thickness:15px}.casca-gauge[data-size=large]{--_size:300px;--_thickness:25px}@container casca (width<=400px){.casca-gauge{--_size:150px;--_thickness:15px}.casca-gauge-value{font-size:var(--casca-font-size-4)}}.casca-stat-grid{gap:var(--casca-size-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));display:grid}.casca-stat{--_bg:var(--casca-stat-bg);--_border:var(--casca-stat-border);--_up:var(--casca-stat-up);--_down:var(--casca-stat-down);gap:var(--casca-size-1);padding:var(--casca-stat-pad);background:var(--_bg);border:1px solid var(--_border);border-radius:var(--casca-stat-radius);font-family:var(--casca-font-sans);flex-direction:column;min-inline-size:0;display:flex}@media (prefers-color-scheme:dark){.casca-stat{--_bg:var(--casca-stat-bg-dark);--_border:var(--casca-stat-border-dark);--_up:var(--casca-stat-up-dark);--_down:var(--casca-stat-down-dark)}}.casca-stat-label{font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);letter-spacing:.02em;color:var(--casca-stat-label-color)}@media (prefers-color-scheme:dark){.casca-stat-label{color:var(--casca-stat-label-color-dark)}}.casca-stat-value{font-size:var(--casca-stat-value-size);font-weight:var(--casca-font-weight-7);font-variant-numeric:tabular-nums;color:var(--casca-stat-value-color);overflow-wrap:anywhere;line-height:1.1}@media (prefers-color-scheme:dark){.casca-stat-value{color:var(--casca-stat-value-color-dark)}}.casca-stat-delta{font-size:var(--casca-font-size-0);font-weight:var(--casca-font-weight-6);font-variant-numeric:tabular-nums}.casca-stat-delta[data-trend=up]{color:var(--_up)}.casca-stat-delta[data-trend=down]{color:var(--_down)}.casca-stat-delta[data-trend=up]:before{content:"▲"}.casca-stat-delta[data-trend=down]:before{content:"▼"}.casca-stat-delta[data-trend=flat]:before{content:"–"}.casca-stat-caption{font-size:var(--casca-font-size-00);color:var(--casca-stat-caption-color)}@media (prefers-color-scheme:dark){.casca-stat-caption{color:var(--casca-stat-caption-color-dark)}}.casca-stat-trend{max-block-size:3rem;margin-block-start:var(--casca-size-2)}@media (forced-colors:active){.casca-stat{border-color:canvastext}.casca-stat-delta[data-trend=up],.casca-stat-delta[data-trend=down]{color:canvastext}}.casca-table{--_border:var(--casca-table-border);--_head-bg:var(--casca-table-head-bg);--_head-color:var(--casca-table-head-color);--_stripe:var(--casca-table-row-stripe);--_hover-bg:var(--casca-table-hover-bg);--_foot-bg:var(--casca-table-foot-bg);--_row-selected:var(--casca-table-row-selected);--_select-accent:var(--casca-table-select-accent);--_pad-block:var(--casca-table-cell-pad-block);--_pad-inline:var(--casca-table-cell-pad-inline);border-collapse:collapse;inline-size:100%;font-family:var(--casca-font-sans);font-size:var(--casca-font-size-0);color:var(--casca-gray-8)}@media (prefers-color-scheme:dark){.casca-table{--_border:var(--casca-table-border-dark);--_head-bg:var(--casca-table-head-bg-dark);--_head-color:var(--casca-table-head-color-dark);--_stripe:var(--casca-table-row-stripe-dark);--_hover-bg:var(--casca-table-hover-bg-dark);--_foot-bg:var(--casca-table-foot-bg-dark);--_row-selected:var(--casca-table-row-selected-dark);--_select-accent:var(--casca-table-select-accent-dark);color:var(--casca-gray-1)}}.casca-table-caption{caption-side:top;text-align:start;font-size:var(--casca-font-size-1);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-8);padding-block-end:var(--casca-size-2)}@media (prefers-color-scheme:dark){.casca-table-caption{color:var(--casca-gray-1)}}.casca-table th,.casca-table td{padding:var(--_pad-block) var(--_pad-inline);text-align:start;border-block-end:1px solid var(--_border);vertical-align:baseline}.casca-table thead th{background:var(--_head-bg);color:var(--_head-color);font-weight:var(--casca-font-weight-6);border-block-end:2px solid var(--_border);white-space:nowrap}.casca-table tbody th[scope=row]{font-weight:var(--casca-font-weight-6)}.casca-table .casca-table-num{text-align:end;font-variant-numeric:tabular-nums}.casca-table tbody tr:nth-child(2n){background:var(--_stripe)}.casca-table tbody tr:hover{background:var(--_hover-bg)}.casca-table-select{white-space:nowrap;text-align:center;inline-size:1px}.casca-row-select-label{box-sizing:border-box;block-size:100%;padding:var(--_pad-block) var(--_pad-inline);cursor:pointer;justify-content:center;align-items:center;display:flex}@supports selector(:has(*)){.casca-table-select:has(>.casca-row-select-label){block-size:1px;padding:0}}.casca-row-select{accent-color:var(--_select-accent);cursor:pointer;margin:0}@supports selector(:has(*)){.casca-table tbody tr:has(.casca-row-select:checked){background:var(--_row-selected)}}.casca-table tfoot th,.casca-table tfoot td{background:var(--_foot-bg);font-weight:var(--casca-font-weight-7);border-block-start:2px solid var(--_border);border-block-end:0}.casca-table td[data-trend]{font-variant-numeric:tabular-nums}.casca-table td[data-trend=up]{color:var(--casca-table-trend-up)}.casca-table td[data-trend=down]{color:var(--casca-table-trend-down)}.casca-table td[data-trend=up]:before{content:"▲"}.casca-table td[data-trend=down]:before{content:"▼"}.casca-table td[data-trend=flat]:before{content:"–"}@media (prefers-color-scheme:dark){.casca-table td[data-trend=up]{color:var(--casca-table-trend-up-dark)}.casca-table td[data-trend=down]{color:var(--casca-table-trend-down-dark)}}.casca-table thead th a{color:inherit;text-decoration:none}.casca-table thead th a:hover{text-decoration:underline}.casca-table thead th[aria-sort] a:after{content:" ↕";opacity:.45}.casca-table thead th[aria-sort=ascending] a:after{content:" ↑";opacity:1}.casca-table thead th[aria-sort=descending] a:after{content:" ↓";opacity:1}.casca-table-wrap{max-inline-size:100%;overflow-x:auto}.casca-table-wrap .casca-table thead th{z-index:1;position:sticky;inset-block-start:0}@media (prefers-contrast:more){.casca-table th,.casca-table td{border-width:2px}}@media (forced-colors:active){.casca-table th,.casca-table td{border-color:canvastext}.casca-table td[data-trend=up],.casca-table td[data-trend=down]{color:canvastext}.casca-table tbody tr:has(.casca-row-select:checked){color:highlighttext;background:highlight}}.casca-heatmap{--_cols:var(--casca-heatmap-cols,7);--_gap:var(--casca-heatmap-gap);--_radius:var(--casca-heatmap-radius);--_color:var(--casca-heatmap-color);--_empty:var(--casca-heatmap-empty);grid-template-columns:repeat(var(--_cols), minmax(0, 1fr));gap:var(--_gap);align-items:stretch;display:grid}@media (prefers-color-scheme:dark){.casca-heatmap{--_empty:var(--casca-heatmap-empty-dark)}}.casca-heatmap-colhead{text-align:center;font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);color:var(--casca-label-color);line-height:1.4}.casca-heatmap-cell{aspect-ratio:1;border-radius:var(--_radius);background:color-mix(in srgb, var(--_color) calc(var(--value,0) * 100%), var(--_empty))}@supports not (background:color-mix(in srgb, red, blue)){.casca-heatmap-cell{background:var(--_color);opacity:calc(.12 + .88 * var(--value,0))}}.casca-heatmap-cell:hover{outline:2px solid var(--casca-label-color);outline-offset:-1px}.casca-heatmap-scale{align-items:center;gap:var(--casca-size-2);font-size:var(--casca-font-size-00);color:var(--casca-label-color);margin-block-start:var(--casca-size-2);display:flex}.casca-heatmap-scale-bar{block-size:var(--casca-size-2);border-radius:var(--casca-heatmap-radius);background:linear-gradient(to right, var(--casca-heatmap-empty), var(--casca-heatmap-color));flex:1}@media (prefers-color-scheme:dark){.casca-heatmap-scale-bar{background:linear-gradient(to right, var(--casca-heatmap-empty-dark), var(--casca-heatmap-color))}}@media (forced-colors:active){.casca-heatmap-cell{border:1px solid canvastext}}.casca-scatter{--_aspect:var(--casca-scatter-aspect);--_point-size:var(--casca-scatter-point-size);--_grid:var(--casca-scatter-grid-color);--_grid-step:var(--casca-scatter-grid-step);inline-size:100%;aspect-ratio:var(--_aspect);border-inline-start:var(--casca-axis-width) solid var(--casca-axis-color);border-block-end:var(--casca-axis-width) solid var(--casca-axis-color);position:relative}.casca-scatter[data-grid]{background-image:repeating-linear-gradient(to right, var(--_grid) 0 var(--casca-axis-width), transparent var(--casca-axis-width) var(--_grid-step)), repeating-linear-gradient(to top, var(--_grid) 0 var(--casca-axis-width), transparent var(--casca-axis-width) var(--_grid-step))}.casca-scatter-point{inline-size:var(--size,var(--_point-size));block-size:var(--size,var(--_point-size));background:var(--color,var(--casca-color-1));box-shadow:0 0 0 1px var(--casca-surface-1);border-radius:50%;transition:scale .15s;position:absolute;inset-block-end:calc(var(--y,0) * 1%);inset-inline-start:calc(var(--x,0) * 1%);translate:-50% 50%}.casca-scatter-point:hover{z-index:1;scale:1.35}.casca-scatter-trend{--_t:var(--casca-scatter-trend-width,1.5);pointer-events:none;background:var(--casca-scatter-trend-color,var(--casca-label-color));clip-path:polygon(0% calc((100 - var(--y1,50)) * 1% - var(--_t) * 0.5%), 100% calc((100 - var(--y2,50)) * 1% - var(--_t) * 0.5%), 100% calc((100 - var(--y2,50)) * 1% + var(--_t) * 0.5%), 0% calc((100 - var(--y1,50)) * 1% + var(--_t) * 0.5%));position:absolute;inset:0}.casca-scatter-quadrants{pointer-events:none;position:absolute;inset:0}.casca-scatter-quadrants:before,.casca-scatter-quadrants:after{content:"";position:absolute}.casca-scatter-quadrants:before{border-inline-start:var(--casca-axis-width) solid var(--casca-scatter-quadrant-color);inset-block:0;inset-inline-start:calc(var(--qx,50) * 1%)}.casca-scatter-quadrants:after{border-block-end:var(--casca-axis-width) solid var(--casca-scatter-quadrant-color);inset-block-end:calc(var(--qy,50) * 1%);inset-inline:0}.casca-scatter-quadrant-label{color:var(--casca-label-color);font-size:var(--casca-font-size-00);white-space:nowrap;pointer-events:none;position:absolute;inset-block-end:calc(var(--y,50) * 1%);inset-inline-start:calc(var(--x,50) * 1%);translate:-50% 50%}@media (forced-colors:active){.casca-scatter-point{background:canvastext;box-shadow:0 0 0 1px canvas}.casca-scatter-trend{background:canvastext}}.casca-waterfall{--_gap:var(--casca-waterfall-gap);--_radius:var(--casca-waterfall-radius);--_connector:var(--casca-waterfall-connector-color);align-items:flex-end;gap:var(--_gap);block-size:var(--casca-waterfall-height);border-block-end:var(--casca-axis-width) solid var(--casca-axis-color);display:flex}.casca-waterfall[data-grid]{background-image:repeating-linear-gradient(to top, var(--casca-grid-color) 0 var(--casca-axis-width), transparent var(--casca-axis-width) 25%)}.casca-waterfall-bar{flex:1;block-size:100%;min-inline-size:0;position:relative}.casca-waterfall-bar:before{content:"";block-size:calc((max(var(--start,0), var(--end,0)) - min(var(--start,0), var(--end,0))) * 1%);background:var(--_fill);border-radius:var(--_radius);position:absolute;inset-block-end:calc(min(var(--start,0), var(--end,0)) * 1%);inset-inline:0}.casca-waterfall-bar:after{content:"";inline-size:var(--_gap);border-block-start:var(--casca-waterfall-connector-width) dashed var(--_connector);position:absolute;inset-block-end:calc(var(--end,0) * 1%);inset-inline-start:100%}.casca-waterfall-bar:last-child:after{display:none}.casca-waterfall-bar[data-direction=increase]{--_fill:var(--casca-waterfall-increase)}.casca-waterfall-bar[data-direction=decrease]{--_fill:var(--casca-waterfall-decrease)}.casca-waterfall-bar[data-direction=total],.casca-waterfall-bar{--_fill:var(--casca-waterfall-total)}.casca-waterfall-cap{text-align:center;font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);color:var(--casca-label-color);font-variant-numeric:tabular-nums;white-space:nowrap;margin-block-end:var(--casca-size-1);position:absolute;inset-block-end:calc(max(var(--start,0), var(--end,0)) * 1%);inset-inline:0}.casca-waterfall-labels{gap:var(--casca-waterfall-gap);margin-block-start:var(--casca-size-1);display:flex}.casca-waterfall-label{text-align:center;min-inline-size:0;font-size:var(--casca-font-size-00);color:var(--casca-label-color);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}@media (forced-colors:active){.casca-waterfall-bar:before{background:canvastext}}.casca-radar{--_axes:var(--casca-radar-axes,6);--_grid:var(--casca-radar-grid-color);aspect-ratio:1;background:repeating-conic-gradient(from -90deg, var(--_grid) 0 .4deg, transparent .4deg calc(360deg / var(--_axes))), radial-gradient(circle closest-side, transparent 0 calc(25% - 1px), var(--_grid) calc(25% - 1px) 25%, transparent 25% calc(50% - 1px), var(--_grid) calc(50% - 1px) 50%, transparent 50% calc(75% - 1px), var(--_grid) calc(75% - 1px) 75%, transparent 75% calc(100% - 1px), var(--_grid) calc(100% - 1px) 100%);border-radius:50%;inline-size:100%;position:relative}.casca-radar-series{background:var(--color,var(--casca-color-1));opacity:var(--casca-radar-fill-opacity);clip-path:polygon(var(--points,50% 50%, 50% 50%, 50% 50%));position:absolute;inset:0}@media (forced-colors:active){.casca-radar{border:1px solid canvastext}}.casca-candlestick{align-items:flex-end;gap:var(--casca-candlestick-gap);block-size:var(--casca-candlestick-height);display:flex}.casca-candle{--_color:var(--casca-candle-up);flex:1;block-size:100%;min-inline-size:0;position:relative}.casca-candle[data-direction=down]{--_color:var(--casca-candle-down)}.casca-candle:before{content:"";inline-size:var(--casca-candle-wick-width);block-size:calc((var(--high,0) - var(--low,0)) * 1%);background:var(--_color);position:absolute;inset-block-end:calc(var(--low,0) * 1%);inset-inline-start:50%;translate:-50%}.casca-candle:after{content:"";inset-inline:var(--casca-candle-body-inset);block-size:max((max(var(--open,0), var(--close,0)) - min(var(--open,0), var(--close,0))) * 1%, var(--casca-candle-min-body));background:var(--_color);border-radius:var(--casca-candle-radius);position:absolute;inset-block-end:calc(min(var(--open,0), var(--close,0)) * 1%)}@media (forced-colors:active){.casca-candle:before,.casca-candle:after{background:canvastext}}.casca-slot-grid{--_cols:var(--casca-slot-cols,5);--_gap:var(--casca-slot-gap);--_radius:var(--casca-slot-radius);--_min-touch:var(--casca-slot-min-size);--_col-min:var(--casca-slot-col-min);--_bg:var(--casca-slot-bg);--_color:var(--casca-slot-color);--_border:var(--casca-slot-border);--_selected-bg:var(--casca-slot-selected-bg);--_selected-color:var(--casca-slot-selected-color);--_selected-border:var(--casca-slot-selected-border);--_hover-bg:var(--casca-slot-hover-bg);--_hover-border:var(--casca-slot-hover-border);--_taken-bg:var(--casca-slot-taken-bg);--_taken-color:var(--casca-slot-taken-color);--_pending-bg:var(--casca-slot-pending-bg);--_pending-color:var(--casca-slot-pending-color);--_pending-border:var(--casca-slot-pending-border);--_focus-ring:var(--casca-slot-focus-ring);grid-template-columns:repeat(auto-fit, minmax(max(var(--_col-min), calc(100% / var(--_cols) - var(--_gap))), 1fr));gap:var(--_gap);min-inline-size:0;font-family:var(--casca-font-sans);font-size:var(--casca-font-size-0);border:0;margin:0;padding:0;display:grid}.casca-slot-grid-title{font-size:var(--casca-font-size-1);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-8);grid-column:1/-1;margin-block-end:var(--casca-size-2);padding:0}@media (prefers-color-scheme:dark){.casca-slot-grid-title{color:var(--casca-gray-1)}}.casca-slot-col{gap:var(--_gap);flex-direction:column;min-inline-size:0;display:flex}.casca-slot-colhead{text-align:center;font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);color:var(--casca-label-color);padding-block-end:var(--casca-size-1);line-height:1.2}.casca-slot{box-sizing:border-box;min-block-size:var(--_min-touch);min-inline-size:var(--_min-touch);padding:var(--casca-size-2);background:var(--_bg);color:var(--_color);border:1px solid var(--_border);border-radius:var(--_radius);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;justify-content:center;align-items:center;line-height:1;transition:background .15s,border-color .15s,color .15s;display:flex}@media (prefers-color-scheme:dark){.casca-slot{--_bg:var(--casca-slot-bg-dark);--_color:var(--casca-slot-color-dark);--_border:var(--casca-slot-border-dark);--_hover-bg:var(--casca-slot-hover-bg-dark);--_hover-border:var(--casca-slot-hover-border-dark);--_taken-bg:var(--casca-slot-taken-bg-dark);--_taken-color:var(--casca-slot-taken-color-dark);--_pending-bg:var(--casca-slot-pending-bg-dark);--_pending-color:var(--casca-slot-pending-color-dark);--_pending-border:var(--casca-slot-pending-border-dark)}}.casca-slot-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.casca-slot-time{font-size:var(--casca-font-size-0);font-weight:var(--casca-font-weight-6);font-variant-numeric:tabular-nums}.casca-slot:hover:not([data-state]):not(:has(.casca-slot-input:disabled)):not(:has(.casca-slot-input:checked)){background:var(--_hover-bg);border-color:var(--_hover-border)}.casca-slot:has(.casca-slot-input:checked:not(:disabled)){background:var(--_selected-bg);color:var(--_selected-color);border-color:var(--_selected-border)}.casca-slot:has(.casca-slot-input:checked:not(:disabled)) .casca-slot-time{color:var(--_selected-color)}.casca-slot:has(.casca-slot-input:focus-visible){outline:3px solid var(--_focus-ring);outline-offset:2px;z-index:1}.casca-slot:has(.casca-slot-input:disabled){cursor:not-allowed}.casca-slot[data-state=taken]{background:var(--_taken-bg);color:var(--_taken-color);border-style:dashed;text-decoration:line-through}.casca-slot[data-state=taken] .casca-slot-time{color:var(--_taken-color)}.casca-slot:where(:not([data-state]),[data-state=""]):has(.casca-slot-input:disabled){background:var(--_taken-bg);color:var(--_taken-color);border-style:dashed;text-decoration:line-through}.casca-slot:where(:not([data-state]),[data-state=""]):has(.casca-slot-input:disabled) .casca-slot-time{color:var(--_taken-color)}.casca-slot[data-state=pending]{background:var(--_pending-bg);color:var(--_pending-color);border-color:var(--_pending-border)}.casca-slot[data-state=pending] .casca-slot-time{color:var(--_pending-color)}.casca-slot-grid{container:casca-slot-grid/inline-size}@media (max-width:30rem){.casca-slot-grid{grid-template-columns:1fr}}@container casca-slot-grid (width<=26rem){.casca-slot-colhead{text-align:start;padding-block-start:var(--casca-size-2)}}@media (prefers-reduced-motion:reduce){.casca-slot{transition-duration:.01ms}}@media (prefers-contrast:more){.casca-slot{border-width:2px}.casca-slot:has(.casca-slot-input:checked:not(:disabled)){outline-offset:-4px;outline:2px solid}}@media (forced-colors:active){.casca-slot{border:1px solid canvastext}.casca-slot:has(.casca-slot-input:checked:not(:disabled)){color:highlighttext;background:highlight;border-color:highlight}.casca-slot:has(.casca-slot-input:checked:not(:disabled)) .casca-slot-time{color:highlighttext}.casca-slot[data-state=taken]{color:graytext;border-color:graytext}.casca-slot:where(:not([data-state]),[data-state=""]):has(.casca-slot-input:disabled){color:graytext;border-color:graytext}.casca-slot[data-state=pending]{color:marktext;background:mark;border-color:marktext}.casca-slot[data-state=pending] .casca-slot-time{color:marktext}.casca-slot:has(.casca-slot-input:focus-visible){outline-color:highlight}}.casca-range-field{gap:var(--casca-size-1);font-family:var(--casca-font-sans);flex-direction:column;display:flex}.casca-range-label{font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-7)}@media (prefers-color-scheme:dark){.casca-range-label{color:var(--casca-gray-3)}}.casca-range{--_accent:var(--casca-range-accent);inline-size:100%;block-size:var(--casca-range-block-size);accent-color:var(--_accent);cursor:pointer;margin:0}@media (prefers-color-scheme:dark){.casca-range{--_accent:var(--casca-range-accent-dark)}}.casca-range:focus-visible{outline:3px solid var(--_accent);outline-offset:2px;border-radius:var(--casca-radius-1)}.casca-range:disabled{cursor:not-allowed;opacity:.5}.casca-range-scale{font-size:var(--casca-font-size-00);font-variant-numeric:tabular-nums;color:var(--casca-label-color);justify-content:space-between;display:flex}@media (prefers-color-scheme:dark){.casca-range-scale{color:var(--casca-gray-5)}}@media (forced-colors:active){.casca-range:focus-visible{outline-color:highlight}}}@layer casca.interactions{.casca-toggles{align-items:center;gap:var(--casca-size-2);margin:0 0 var(--casca-size-3);border:0;flex-wrap:wrap;padding:0;display:flex}.casca-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:stretch;gap:0;display:inline-flex}.casca-toggle-box{padding:var(--casca-size-1);border:1px solid var(--casca-gray-3);border-radius:var(--casca-radius-2);border-start-end-radius:0;border-end-end-radius:0;justify-content:center;align-items:center;transition:border-color .15s,opacity .15s;display:inline-flex}.casca-toggle-input{cursor:pointer;margin:0}.casca-toggle-label{align-items:center;gap:var(--casca-size-1);padding:var(--casca-size-1) var(--casca-size-2);border:1px solid var(--casca-gray-3);border-radius:var(--casca-radius-2);font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-8);border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.casca-toggle-swatch{inline-size:var(--casca-size-2);block-size:var(--casca-size-2);border-radius:var(--casca-radius-1);background:var(--_color,var(--casca-color-1))}.casca-toggle:hover .casca-toggle-box,.casca-toggle:hover .casca-toggle-label{border-color:var(--casca-gray-4)}.casca-toggle:hover .casca-toggle-label{background:var(--casca-gray-1)}@media (prefers-color-scheme:dark){.casca-toggle-box,.casca-toggle-label{border-color:var(--casca-gray-7)}.casca-toggle-label{color:var(--casca-gray-1)}.casca-toggle:hover .casca-toggle-box,.casca-toggle:hover .casca-toggle-label{border-color:var(--casca-gray-6)}.casca-toggle:hover .casca-toggle-label{background:var(--casca-gray-8)}}.casca-toggle:has(input:not(:checked)) .casca-toggle-label{opacity:.55;text-decoration:line-through}.casca-toggle:has(input:not(:checked)) .casca-toggle-swatch{background:var(--casca-gray-4)}@supports selector(:has(*)){:is(.casca:has(.casca-toggle-input[value="1"]:not(:checked)) [data-series="1"],.casca:has(.casca-toggle-input[value="2"]:not(:checked)) [data-series="2"],.casca:has(.casca-toggle-input[value="3"]:not(:checked)) [data-series="3"],.casca:has(.casca-toggle-input[value="4"]:not(:checked)) [data-series="4"],.casca:has(.casca-toggle-input[value="5"]:not(:checked)) [data-series="5"],.casca:has(.casca-toggle-input[value="6"]:not(:checked)) [data-series="6"],.casca:has(.casca-toggle-input[value="7"]:not(:checked)) [data-series="7"],.casca:has(.casca-toggle-input[value="8"]:not(:checked)) [data-series="8"]){visibility:hidden}}@media (prefers-reduced-motion:reduce){.casca-toggle-label,.casca-switch-btn,.casca-disclosure-summary{transition-duration:.01ms}}.casca-switch-controls{border:1px solid var(--casca-gray-3);border-radius:var(--casca-radius-2);margin-block-end:var(--casca-size-3);display:inline-flex;overflow:hidden}@media (prefers-color-scheme:dark){.casca-switch-controls{border-color:var(--casca-gray-7)}}.casca-switch-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.casca-switch-btn{padding:var(--casca-size-1) var(--casca-size-3);border-inline-start:1px solid var(--casca-gray-3);font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-7);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.casca-switch-btn:first-of-type{border-inline-start:0}@media (prefers-color-scheme:dark){.casca-switch-btn{border-inline-start-color:var(--casca-gray-7);color:var(--casca-gray-4)}}.casca-switch-btn:hover{background:var(--casca-gray-1)}@media (prefers-color-scheme:dark){.casca-switch-btn:hover{background:var(--casca-gray-8)}}.casca-switch-input:checked+.casca-switch-btn{background:var(--casca-color-1);color:var(--casca-on-accent)}.casca-switch-input:focus-visible+.casca-switch-btn{outline:2px solid var(--casca-color-1);outline-offset:-2px}.casca-switch-view{display:none}@supports selector(:has(*)){:is(.casca-switch:has(.casca-switch-input[value="1"]:checked) .casca-switch-view[data-view="1"],.casca-switch:has(.casca-switch-input[value="2"]:checked) .casca-switch-view[data-view="2"],.casca-switch:has(.casca-switch-input[value="3"]:checked) .casca-switch-view[data-view="3"],.casca-switch:has(.casca-switch-input[value="4"]:checked) .casca-switch-view[data-view="4"],.casca-switch:has(.casca-switch-input[value="5"]:checked) .casca-switch-view[data-view="5"],.casca-switch:has(.casca-switch-input[value="6"]:checked) .casca-switch-view[data-view="6"]){display:block}}@supports not selector(:has(*)){.casca-switch-view[data-view="1"]{display:block}}@media (forced-colors:active){.casca-switch-input:checked+.casca-switch-btn{color:highlighttext;background:highlight}}.casca-switch[data-variant=tabs] .casca-switch-controls{border:0;border-block-end:1px solid var(--casca-gray-3);border-radius:0;overflow:visible}@media (prefers-color-scheme:dark){.casca-switch[data-variant=tabs] .casca-switch-controls{border-block-end-color:var(--casca-gray-7)}}.casca-switch[data-variant=tabs] .casca-switch-btn{border-block-end:2px solid #0000;border-inline-start:0;margin-block-end:-1px}.casca-switch[data-variant=tabs] .casca-switch-input:checked+.casca-switch-btn{color:var(--casca-color-1);border-block-end-color:var(--casca-color-1);background:0 0}@media (forced-colors:active){.casca-switch[data-variant=tabs] .casca-switch-input:checked+.casca-switch-btn{color:linktext;background:0 0;border-block-end-color:highlight}}.casca-disclosure{border:1px solid var(--casca-gray-3);border-radius:var(--casca-radius-2);overflow:hidden}@media (prefers-color-scheme:dark){.casca-disclosure{border-color:var(--casca-gray-7)}}.casca-disclosure-summary{padding:var(--casca-size-2) var(--casca-size-3);background:var(--casca-gray-1);color:var(--casca-gray-8);font-size:var(--casca-font-size-0);font-weight:var(--casca-font-weight-6);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.casca-disclosure-summary:hover{background:var(--casca-gray-2)}.casca-disclosure-summary:focus-visible{outline:2px solid var(--casca-color-1);outline-offset:-2px}@media (prefers-color-scheme:dark){.casca-disclosure-summary{background:var(--casca-gray-8);color:var(--casca-gray-1)}.casca-disclosure-summary:hover{background:var(--casca-gray-7)}}.casca-disclosure[open] .casca-disclosure-summary{border-block-end:1px solid var(--casca-gray-3)}@media (prefers-color-scheme:dark){.casca-disclosure[open] .casca-disclosure-summary{border-block-end-color:var(--casca-gray-7)}}.casca-disclosure-body{padding:var(--casca-size-3)}@supports selector(:has(*)){:is(.casca-filter:has(.casca-filter-input[value="1"]:not(:checked)) [data-filter="1"],.casca-filter:has(.casca-filter-input[value="2"]:not(:checked)) [data-filter="2"],.casca-filter:has(.casca-filter-input[value="3"]:not(:checked)) [data-filter="3"],.casca-filter:has(.casca-filter-input[value="4"]:not(:checked)) [data-filter="4"],.casca-filter:has(.casca-filter-input[value="5"]:not(:checked)) [data-filter="5"],.casca-filter:has(.casca-filter-input[value="6"]:not(:checked)) [data-filter="6"],.casca-filter:has(.casca-filter-input[value="7"]:not(:checked)) [data-filter="7"],.casca-filter:has(.casca-filter-input[value="8"]:not(:checked)) [data-filter="8"]){display:none}}.casca-filter{counter-reset:casca-shown}.casca-filter [data-filter]{counter-increment:casca-shown}.casca-filter-count:after{content:counter(casca-shown)}.casca-filter-empty{display:none}@supports selector(:has(*)){.casca-filter:not(:has(>.casca-toggles .casca-filter-input:checked))>.casca-filter-empty{display:block}}.casca-segment-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.casca-segment-control{align-items:center;gap:var(--casca-size-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--casca-font-size-00);font-weight:var(--casca-font-weight-6);color:var(--casca-gray-6);display:inline-flex}.casca-segment-track{background:var(--casca-gray-3);border-radius:999px;flex:none;block-size:1.1rem;inline-size:2.1rem;position:relative}.casca-segment-track:before{content:"";background:var(--casca-surface-1);block-size:calc(1.1rem - 4px);inline-size:calc(1.1rem - 4px);transition:transform .2s var(--casca-ease-out-3);border-radius:50%;position:absolute;inset-block-start:2px;inset-inline-start:2px;box-shadow:0 1px 2px #00000040}.casca-segment-input:checked~* .casca-segment-track:before{transform:translate(1rem)}.casca-segment-input:checked~* .casca-segment-label:last-of-type,.casca-segment-input:not(:checked)~* .casca-segment-label:first-of-type{color:var(--casca-gray-9)}.casca-segment-input:not(:checked)~* .casca-segment-extra{display:none}.casca-segment-input:focus-visible~* .casca-segment-track{outline:2px solid var(--casca-color-1);outline-offset:2px}@media (prefers-color-scheme:dark){.casca-segment-control{color:var(--casca-gray-5)}.casca-segment-track{background:var(--casca-gray-7)}.casca-segment-track:before{background:var(--casca-gray-3);box-shadow:none}.casca-segment-input:checked~* .casca-segment-label:last-of-type,.casca-segment-input:not(:checked)~* .casca-segment-label:first-of-type{color:var(--casca-gray-0)}}@media (forced-colors:active){.casca-segment-track{border:1px solid canvastext}.casca-segment-track:before{background:canvastext}}}@layer casca.themes{@media (prefers-color-scheme:dark){:root{--casca-label-color:var(--casca-gray-5);--casca-axis-color:var(--casca-gray-6);--casca-grid-color:var(--casca-gray-8);--casca-color-1:var(--casca-blue-5);--casca-color-2:var(--casca-teal-5);--casca-color-3:var(--casca-orange-5);--casca-color-4:var(--casca-pink-5);--casca-color-5:var(--casca-green-5);--casca-color-6:var(--casca-purple-5);--casca-color-7:var(--casca-yellow-5);--casca-color-8:var(--casca-red-5);--casca-on-accent:var(--casca-gray-9)}.casca-title{color:var(--casca-gray-2)}}.casca[data-theme=dark],[data-theme=dark] .casca{--casca-label-color:var(--casca-gray-5);--casca-axis-color:var(--casca-gray-6);--casca-grid-color:var(--casca-gray-8);--casca-color-1:var(--casca-blue-5);--casca-color-2:var(--casca-teal-5);--casca-color-3:var(--casca-orange-5);--casca-color-4:var(--casca-pink-5);--casca-color-5:var(--casca-green-5);--casca-color-6:var(--casca-purple-5);--casca-color-7:var(--casca-yellow-5);--casca-color-8:var(--casca-red-5);--casca-on-accent:var(--casca-gray-9)}:is(.casca[data-theme=dark],[data-theme=dark] .casca) .casca-title{color:var(--casca-gray-2)}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skellvin/casca",
3
- "version": "1.2.0",
3
+ "version": "1.2.1",
4
4
  "description": "CSS-first, no-JS data components: charts, tables, dashboards, KPIs, and controls, with zero dependencies, zero JavaScript, and zero global side effects",
5
5
  "type": "module",
6
6
  "author": "skell",
@@ -46,6 +46,8 @@
46
46
  "lint:all": "npm run lint && npm run lint:full && npm run lint:extended-charts && npm run lint:extended-controls && npm run lint:extended-layout && npm run lint:theme-default && npm run lint:theme-high-contrast && npm run lint:theme-muted && npm run lint:theme-vibrant",
47
47
  "watch": "bun run build.js --watch",
48
48
  "dev": "bun run --watch build.js & bunx serve examples",
49
+ "prepack": "node scripts/readme-npm.mjs --apply",
50
+ "postpack": "node scripts/readme-npm.mjs --restore",
49
51
  "prepublishOnly": "bun run build && bun run lint:all"
50
52
  },
51
53
  "keywords": [