@db-ux/core-foundations 3.1.16 → 3.1.18

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 (16) hide show
  1. package/agent/_instructions.md +15 -0
  2. package/agent/css/Variables.md +130 -0
  3. package/agent/scss/Variables.md +131 -0
  4. package/agent/tailwind/Variables.md +75 -0
  5. package/build/styles/absolute.css +15 -1
  6. package/build/styles/defaults/default-icons.css +1 -1
  7. package/build/styles/defaults/default-icons.scss +3 -1
  8. package/build/styles/defaults/default-required.css +1 -1
  9. package/build/styles/defaults/default-required.scss +8 -0
  10. package/build/styles/helpers/_display.scss +6 -0
  11. package/build/styles/helpers/_index.scss +1 -0
  12. package/build/styles/index.css +15 -1
  13. package/build/styles/relative.css +15 -1
  14. package/build/styles/rollup.css +15 -1
  15. package/build/styles/webpack.css +15 -1
  16. package/package.json +4 -2
package/agent/_instructions.md ADDED
@@ -0,0 +1,15 @@
1
+ ## CSS
2
+
3
+ - If you use CSS, follow these rules:
4
+ - for `variables` like, sizing, spacing, elevation, border or container-size use the file **agent-path**/agent/css/Variables.md
5
+
6
+ ## SCSS
7
+
8
+ - If you use SCSS, follow these rules:
9
+ - for `variables` like, sizing, spacing, elevation, border or container-size use the file **agent-path**/agent/scss/Variables.md
10
+
11
+ ## Tailwind
12
+
13
+ - If you use Tailwind, follow these rules:
14
+ - for `variables` like, sizing, spacing, elevation, border or container-size use the file **agent-path**/agent/tailwind/Variables.md
15
+ - Always stick to the variables. Don't use values like `p-4` or `m-[16px]`; use `p-fix-xs` or `m-fix-md` instead.
package/agent/css/Variables.md ADDED
@@ -0,0 +1,130 @@
1
+ ```css
2
+ .my-component {
3
+ inline-size: var(--db-sizing-md); /* Use sizing for fixed widths */
4
+ block-size: var(--db-sizing-lg); /* Use sizing for fixed heights */
5
+ padding: var(--db-spacing-fixed-sm); /* Use fixed spacing for paddings */
6
+ margin: var(
7
+ --db-spacing-responsive-md
8
+ ); /* Use responsive spacing for margins */
9
+ border-radius: var(--db-border-radius-md); /* Use border radius */
10
+ transition-duration: var(
11
+ --db-transition-duration-medium
12
+ ); /* Use transition duration */
13
+ border-width: var(--db-border-width-md); /* Use border width */
14
+ }
15
+ ```
16
+
17
+ ## CSS Variables List
18
+
19
+ Use sizing's for fixed heights/widths, e.g. the db-button always has a fixed height
20
+
21
+ - `--db-sizing-3xs`
22
+ - `--db-sizing-2xs`
23
+ - `--db-sizing-xs`
24
+ - `--db-sizing-sm`
25
+ - `--db-sizing-md`
26
+ - `--db-sizing-lg`
27
+ - `--db-sizing-xl`
28
+ - `--db-sizing-2xl`
29
+ - `--db-sizing-3xl`
30
+
31
+ Use fixed spacings for all types of distances, such as margins and padding.
32
+
33
+ - `--db-spacing-fixed-3xs`
34
+ - `--db-spacing-fixed-2xs`
35
+ - `--db-spacing-fixed-xs`
36
+ - `--db-spacing-fixed-sm`
37
+ - `--db-spacing-fixed-md`
38
+ - `--db-spacing-fixed-lg`
39
+ - `--db-spacing-fixed-xl`
40
+ - `--db-spacing-fixed-2xl`
41
+ - `--db-spacing-fixed-3xl`
42
+
43
+ Responsive spacings are primarily used for paddings and gaps in an application. For example, the <main> HTML element should have responsive padding.
44
+
45
+ - `--db-spacing-responsive-3xs`
46
+ - `--db-spacing-responsive-2xs`
47
+ - `--db-spacing-responsive-xs`
48
+ - `--db-spacing-responsive-sm`
49
+ - `--db-spacing-responsive-md`
50
+ - `--db-spacing-responsive-lg`
51
+ - `--db-spacing-responsive-xl`
52
+ - `--db-spacing-responsive-2xl`
53
+ - `--db-spacing-responsive-3xl`
54
+
55
+ ### Elevation
56
+
57
+ - `--db-elevation-sm`
58
+ - `--db-elevation-md`
59
+ - `--db-elevation-lg`
60
+
61
+ ### Border
62
+
63
+ - `--db-border-width-3xs`
64
+ - `--db-border-width-2xs`
65
+ - `--db-border-width-xs`
66
+ - `--db-border-width-sm`
67
+ - `--db-border-width-md`
68
+ - `--db-border-width-lg`
69
+ - `--db-border-width-xl`
70
+ - `--db-border-width-2xl`
71
+ - `--db-border-width-3xl`
72
+ - `--db-border-radius-3xs`
73
+ - `--db-border-radius-2xs`
74
+ - `--db-border-radius-xs`
75
+ - `--db-border-radius-sm`
76
+ - `--db-border-radius-md`
77
+ - `--db-border-radius-lg`
78
+ - `--db-border-radius-xl`
79
+ - `--db-border-radius-2xl`
80
+ - `--db-border-radius-3xl`
81
+ - `--db-border-radius-full`
82
+
83
+ ### Opacity
84
+
85
+ - `--db-opacity-3xs`
86
+ - `--db-opacity-2xs`
87
+ - `--db-opacity-xs`
88
+ - `--db-opacity-sm`
89
+ - `--db-opacity-md`
90
+ - `--db-opacity-lg`
91
+ - `--db-opacity-xl`
92
+ - `--db-opacity-2xl`
93
+ - `--db-opacity-3xl`
94
+ - `--db-opacity-full`
95
+
96
+ ### Transitions
97
+
98
+ - `--db-transition-duration-extra-slow`
99
+ - `--db-transition-duration-slow`
100
+ - `--db-transition-duration-medium`
101
+ - `--db-transition-duration-fast`
102
+ - `--db-transition-duration-extra-fast`
103
+ - `--db-transition-timing-emotional`
104
+ - `--db-transition-timing-functional`
105
+ - `--db-transition-timing-show`
106
+ - `--db-transition-timing-hide`
107
+ - `--db-transition-straight-emotional`
108
+ - `--db-transition-straight-functional`
109
+ - `--db-transition-straight-show`
110
+ - `--db-transition-straight-hide`
111
+
112
+ ### Screen sizes
113
+
114
+ - `--db-screen-xs`
115
+ - `--db-screen-sm`
116
+ - `--db-screen-md`
117
+ - `--db-screen-lg`
118
+ - `--db-screen-xl`
119
+
120
+ ### Container sizes
121
+
122
+ - `--db-container-3xs`
123
+ - `--db-container-2xs`
124
+ - `--db-container-xs`
125
+ - `--db-container-sm`
126
+ - `--db-container-md`
127
+ - `--db-container-lg`
128
+ - `--db-container-xl`
129
+ - `--db-container-2xl`
130
+ - `--db-container-3xl`
package/agent/scss/Variables.md ADDED
@@ -0,0 +1,131 @@
1
+ ```scss
2
+ @use "@db-ux/core-foundations/build/styles/variables";
3
+
4
+ .my-component {
5
+ inline-size: variables.$db-sizing-md; // Use sizing for fixed widths
6
+ block-size: variables.$db-sizing-lg; // Use sizing for fixed heights
7
+ padding: variables.$db-spacing-fixed-sm; // Use fixed spacing for paddings
8
+ margin: variables.$db-spacing-responsive-md; // Use responsive spacing for margins
9
+ border-radius: variables.$db-border-radius-md; // Use border radius
10
+ transition-duration: variables.$db-transition-duration-medium; // Use transition duration
11
+ border-width: variables.$db-border-width-md; // Use border width
12
+ }
13
+ ```
14
+
15
+ ### SCSS Variables List
16
+
17
+ Use sizing's for fixed heights/widths e.g. the db-button has always a fixed height
18
+
19
+ - `$db-sizing-3xs`
20
+ - `$db-sizing-2xs`
21
+ - `$db-sizing-xs`
22
+ - `$db-sizing-sm`
23
+ - `$db-sizing-md`
24
+ - `$db-sizing-lg`
25
+ - `$db-sizing-xl`
26
+ - `$db-sizing-2xl`
27
+ - `$db-sizing-3xl`
28
+
29
+ Use fixed spacings for all kind of distances (margin, padding, ...)
30
+
31
+ - `$db-spacing-fixed-3xs`
32
+ - `$db-spacing-fixed-2xs`
33
+ - `$db-spacing-fixed-xs`
34
+ - `$db-spacing-fixed-sm`
35
+ - `$db-spacing-fixed-md`
36
+ - `$db-spacing-fixed-lg`
37
+ - `$db-spacing-fixed-xl`
38
+ - `$db-spacing-fixed-2xl`
39
+ - `$db-spacing-fixed-3xl`
40
+
41
+ The primary use case for responsive spacings are paddings/gaps in an application e.g. the <main> should have a responsive padding.
42
+
43
+ - `$db-spacing-responsive-3xs`
44
+ - `$db-spacing-responsive-2xs`
45
+ - `$db-spacing-responsive-xs`
46
+ - `$db-spacing-responsive-sm`
47
+ - `$db-spacing-responsive-md`
48
+ - `$db-spacing-responsive-lg`
49
+ - `$db-spacing-responsive-xl`
50
+ - `$db-spacing-responsive-2xl`
51
+ - `$db-spacing-responsive-3xl`
52
+
53
+ Use elevation for shadows
54
+
55
+ - `$db-elevation-sm`
56
+ - `$db-elevation-md`
57
+ - `$db-elevation-lg`
58
+
59
+ ### Use border widths for borders
60
+
61
+ - `$db-border-width-3xs`
62
+ - `$db-border-width-2xs`
63
+ - `$db-border-width-xs`
64
+ - `$db-border-width-sm`
65
+ - `$db-border-width-md`
66
+ - `$db-border-width-lg`
67
+ - `$db-border-width-xl`
68
+ - `$db-border-width-2xl`
69
+ - `$db-border-width-3xl`
70
+
71
+ Use border radius for rounded corners
72
+
73
+ - `$db-border-radius-3xs`
74
+ - `$db-border-radius-2xs`
75
+ - `$db-border-radius-xs`
76
+ - `$db-border-radius-sm`
77
+ - `$db-border-radius-md`
78
+ - `$db-border-radius-lg`
79
+ - `$db-border-radius-xl`
80
+ - `$db-border-radius-2xl`
81
+ - `$db-border-radius-3xl`
82
+ - `$db-border-radius-full`
83
+
84
+ Use opacity for transparency effects
85
+
86
+ - `$db-opacity-3xs`
87
+ - `$db-opacity-2xs`
88
+ - `$db-opacity-xs`
89
+ - `$db-opacity-sm`
90
+ - `$db-opacity-md`
91
+ - `$db-opacity-lg`
92
+ - `$db-opacity-xl`
93
+ - `$db-opacity-2xl`
94
+ - `$db-opacity-3xl`
95
+ - `$db-opacity-full`
96
+
97
+ Use transition durations for animations
98
+
99
+ - `$db-transition-duration-extra-slow`
100
+ - `$db-transition-duration-slow`
101
+ - `$db-transition-duration-medium`
102
+ - `$db-transition-duration-fast`
103
+ - `$db-transition-duration-extra-fast`
104
+ - `$db-transition-timing-emotional`
105
+ - `$db-transition-timing-functional`
106
+ - `$db-transition-timing-show`
107
+ - `$db-transition-timing-hide`
108
+ - `$db-transition-straight-emotional`
109
+ - `$db-transition-straight-functional`
110
+ - `$db-transition-straight-show`
111
+ - `$db-transition-straight-hide`
112
+
113
+ Use screen sizes for responsive design breakpoints
114
+
115
+ - `$db-screen-xs`
116
+ - `$db-screen-sm`
117
+ - `$db-screen-md`
118
+ - `$db-screen-lg`
119
+ - `$db-screen-xl`
120
+
121
+ Use container sizes for fixed containers
122
+
123
+ - `$db-container-3xs`
124
+ - `$db-container-2xs`
125
+ - `$db-container-xs`
126
+ - `$db-container-sm`
127
+ - `$db-container-md`
128
+ - `$db-container-lg`
129
+ - `$db-container-xl`
130
+ - `$db-container-2xl`
131
+ - `$db-container-3xl`
package/agent/tailwind/Variables.md ADDED
@@ -0,0 +1,75 @@
1
+ ```html
2
+ <div class="flex flex-col gap-md">
3
+ <div class="grid grid-cols-2 md:grid-cols-3 gap-xs">
4
+ <div class="w-siz-md h-siz-lg p-fix-md m-res-sm border-sm radius-md">
5
+ Example
6
+ </div>
7
+ </div>
8
+ </div>
9
+ ```
10
+
11
+ ## Available Variables
12
+
13
+ ```css
14
+ --spacing-fix-3xs: var(--db-spacing-fixed-3xs);
15
+ --spacing-fix-2xs: var(--db-spacing-fixed-2xs);
16
+ --spacing-fix-xs: var(--db-spacing-fixed-xs);
17
+ --spacing-fix-sm: var(--db-spacing-fixed-sm);
18
+ --spacing-fix-md: var(--db-spacing-fixed-md);
19
+ --spacing-fix-lg: var(--db-spacing-fixed-lg);
20
+ --spacing-fix-xl: var(--db-spacing-fixed-xl);
21
+ --spacing-fix-2xl: var(--db-spacing-fixed-2xl);
22
+ --spacing-fix-3xl: var(--db-spacing-fixed-3xl);
23
+ --spacing-res-3xs: var(--db-spacing-responsive-3xs);
24
+ --spacing-res-2xs: var(--db-spacing-responsive-2xs);
25
+ --spacing-res-xs: var(--db-spacing-responsive-xs);
26
+ --spacing-res-sm: var(--db-spacing-responsive-sm);
27
+ --spacing-res-md: var(--db-spacing-responsive-md);
28
+ --spacing-res-lg: var(--db-spacing-responsive-lg);
29
+ --spacing-res-xl: var(--db-spacing-responsive-xl);
30
+ --spacing-res-2xl: var(--db-spacing-responsive-2xl);
31
+ --spacing-res-3xl: var(--db-spacing-responsive-3xl);
32
+ --spacing-siz-3xs: var(--db-sizing-3xs);
33
+ --spacing-siz-2xs: var(--db-sizing-2xs);
34
+ --spacing-siz-xs: var(--db-sizing-xs);
35
+ --spacing-siz-sm: var(--db-sizing-sm);
36
+ --spacing-siz-md: var(--db-sizing-md);
37
+ --spacing-siz-lg: var(--db-sizing-lg);
38
+ --spacing-siz-xl: var(--db-sizing-xl);
39
+ --spacing-siz-2xl: var(--db-sizing-2xl);
40
+ --spacing-siz-3xl: var(--db-sizing-3xl);
41
+ --gap-3xs: var(--db-spacing-fixed-3xs);
42
+ --gap-2xs: var(--db-spacing-fixed-2xs);
43
+ --gap-xs: var(--db-spacing-fixed-xs);
44
+ --gap-sm: var(--db-spacing-fixed-sm);
45
+ --gap-md: var(--db-spacing-fixed-md);
46
+ --gap-lg: var(--db-spacing-fixed-lg);
47
+ --gap-xl: var(--db-spacing-fixed-xl);
48
+ --gap-2xl: var(--db-spacing-fixed-2xl);
49
+ --gap-3xl: var(--db-spacing-fixed-3xl);
50
+ --border: var(--db-border-width-3xs);
51
+ --border-3xs: var(--db-border-width-3xs);
52
+ --border-2xs: var(--db-border-width-2xs);
53
+ --border-xs: var(--db-border-width-xs);
54
+ --border-sm: var(--db-border-width-sm);
55
+ --border-md: var(--db-border-width-md);
56
+ --border-lg: var(--db-border-width-lg);
57
+ --border-xl: var(--db-border-width-xl);
58
+ --border-2xl: var(--db-border-width-2xl);
59
+ --border-3xl: var(--db-border-width-3xl);
60
+ --radius: var(--db-border-radius-xs);
61
+ --radius-3xs: var(--db-border-radius-3xs);
62
+ --radius-2xs: var(--db-border-radius-2xs);
63
+ --radius-xs: var(--db-border-radius-xs);
64
+ --radius-sm: var(--db-border-radius-sm);
65
+ --radius-md: var(--db-border-radius-md);
66
+ --radius-lg: var(--db-border-radius-lg);
67
+ --radius-xl: var(--db-border-radius-xl);
68
+ --radius-2xl: var(--db-border-radius-2xl);
69
+ --radius-3xl: var(--db-border-radius-3xl);
70
+ --radius-full: var(--db-border-radius-full);
71
+ --shadow: var(--db-elevation-md);
72
+ --shadow-sm: var(--db-elevation-sm);
73
+ --shadow-md: var(--db-elevation-md);
74
+ --shadow-lg: var(--db-elevation-lg);
75
+ ```
package/build/styles/absolute.css CHANGED
@@ -6622,9 +6622,13 @@ blockquote:not([class]) {
6622
6622
  [data-icon]:is(span),
6623
6623
  [data-icon-leading]:is(span),
6624
6624
  [data-icon-trailing]:is(span) {
6625
- display: inline-flex;
6626
6625
  vertical-align: baseline;
6627
6626
  }
6627
+ [data-icon]:is(span):not([hidden]),
6628
+ [data-icon-leading]:is(span):not([hidden]),
6629
+ [data-icon-trailing]:is(span):not([hidden]) {
6630
+ display: inline-flex;
6631
+ }
6628
6632
 
6629
6633
  [data-icon]::before,
6630
6634
  [data-icon-leading]::before {
@@ -10401,6 +10405,16 @@ blockquote:not([class]) {
10401
10405
  --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
10402
10406
  }
10403
10407
  }
10408
+ :is(:root, :host) [data-mode=dark] {
10409
+ --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
10410
+ --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
10411
+ --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
10412
+ }
10413
+ :is(:root, :host) [data-mode=light] {
10414
+ --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
10415
+ --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
10416
+ --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");
10417
+ }
10404
10418
  }
10405
10419
  html:not(:has(> head > meta[name=color-scheme])) {
10406
10420
  color-scheme: light dark;
package/build/styles/defaults/default-icons.css CHANGED
@@ -1 +1 @@
1
- @layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{color:var(--db-icon-color,inherit);display:inline-block;font-family:var(--db-icon-font-family,var(--db-icon-default-font-family,"db-ux-default"))!important;font-size:var(--db-icon-font-size,1.5rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:var(--db-icon-font-weight,normal);line-height:1;speak:none;speak:never;block-size:var(--db-icon-font-size,1.5rem);content:var(--db-icon,attr(data-icon));inline-size:var(--db-icon-font-size,1.5rem);text-transform:none;vertical-align:var(--db-icon-vertical-align,middle)}@supports (content:""/""){[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{content:var(--db-icon,attr(data-icon))/""}}@media aural{[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{content:none}}@media speech{[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{content:none}}[data-icon-leading]:is(span),[data-icon-trailing]:is(span),[data-icon]:is(span){display:inline-flex;vertical-align:baseline}[data-icon-leading]:before,[data-icon]:before{margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[data-icon-leading=none]:before,[data-icon=none]:before,[data-show-icon-leading=false]:before,[data-show-icon=false]:before{content:none}[data-icon-trailing]:after{content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){[data-icon-trailing]:after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}[data-icon-trailing=none]:after,[data-show-icon-trailing=false]:after{content:none}.is-icon-text-replace[data-icon-leading],.is-icon-text-replace[data-icon]{font-size:0!important}.is-icon-text-replace[data-icon-leading]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-trailing]{font-size:0!important}.is-icon-text-replace[data-icon-trailing]:after{--db-icon-margin-start:0}
1
+ @layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{color:var(--db-icon-color,inherit);display:inline-block;font-family:var(--db-icon-font-family,var(--db-icon-default-font-family,"db-ux-default"))!important;font-size:var(--db-icon-font-size,1.5rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:var(--db-icon-font-weight,normal);line-height:1;speak:none;speak:never;block-size:var(--db-icon-font-size,1.5rem);content:var(--db-icon,attr(data-icon));inline-size:var(--db-icon-font-size,1.5rem);text-transform:none;vertical-align:var(--db-icon-vertical-align,middle)}@supports (content:""/""){[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{content:var(--db-icon,attr(data-icon))/""}}@media aural{[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{content:none}}@media speech{[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{content:none}}[data-icon-leading]:is(span),[data-icon-trailing]:is(span),[data-icon]:is(span){vertical-align:baseline}[data-icon-leading]:is(span):not([hidden]),[data-icon-trailing]:is(span):not([hidden]),[data-icon]:is(span):not([hidden]){display:inline-flex}[data-icon-leading]:before,[data-icon]:before{margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[data-icon-leading=none]:before,[data-icon=none]:before,[data-show-icon-leading=false]:before,[data-show-icon=false]:before{content:none}[data-icon-trailing]:after{content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){[data-icon-trailing]:after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}[data-icon-trailing=none]:after,[data-show-icon-trailing=false]:after{content:none}.is-icon-text-replace[data-icon-leading],.is-icon-text-replace[data-icon]{font-size:0!important}.is-icon-text-replace[data-icon-leading]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-trailing]{font-size:0!important}.is-icon-text-replace[data-icon-trailing]:after{--db-icon-margin-start:0}
package/build/styles/defaults/default-icons.scss CHANGED
@@ -1,10 +1,12 @@
1
1
  @use "../icons";
2
+ @use "../helpers/display";
2
3
 
3
4
  [data-icon],
4
5
  [data-icon-leading],
5
6
  [data-icon-trailing] {
6
7
  &:is(span) {
7
- display: inline-flex;
8
+ @include display.display(inline-flex);
9
+
8
10
  vertical-align: baseline;
9
11
  }
10
12
  }
package/build/styles/defaults/default-required.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}:not([data-disable-focus=true]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{box-shadow:0 0 0 var(--db-border-width-xs) var(--db-focus-box-shadow-bg-color,transparent);outline:var(--db-border-width-2xs) solid var(--db-focus-outline-color,var(--db-informational-on-bg-basic-emphasis-70-default));outline-offset:var(--db-border-width-xs)}@media screen and (prefers-reduced-motion:no-preference){:not([data-disable-focus=true]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{transition:outline var(--db-transition-duration-extra-fast),box-shadow var(--db-transition-duration-extra-fast)}}:not([data-disable-focus=true]):not([type=radio],[role=switch]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{border-radius:var(--db-border-radius-xs)}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}:is(:root,:host){font:var(--db-type-body-md)}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{:is(:root,:host){--db-neutral-origin-default:light-dark(var(--db-neutral-origin-light-default),var(--db-neutral-origin-dark-default));--db-neutral-origin-hovered:light-dark(var(--db-neutral-origin-light-hovered),var(--db-neutral-origin-dark-hovered));--db-neutral-origin-pressed:light-dark(var(--db-neutral-origin-light-pressed),var(--db-neutral-origin-dark-pressed));--db-neutral-on-origin-default:light-dark(var(--db-neutral-on-origin-light-default),var(--db-neutral-on-origin-dark-default));--db-neutral-on-bg-basic-emphasis-50-default:light-dark(var(--db-neutral-9),var(--db-neutral-5));--db-neutral-on-bg-basic-emphasis-60-default:light-dark(var(--db-neutral-10),var(--db-neutral-6));--db-neutral-on-bg-basic-emphasis-70-default:light-dark(var(--db-neutral-7),var(--db-neutral-8));--db-neutral-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-neutral-4),var(--db-neutral-10));--db-neutral-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-on-bg-basic-emphasis-80-default:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-neutral-3),var(--db-neutral-12));--db-neutral-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-neutral-5),var(--db-neutral-10));--db-neutral-on-bg-basic-emphasis-90-default:light-dark(var(--db-neutral-4),var(--db-neutral-10));--db-neutral-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-neutral-0),var(--db-neutral-14));--db-neutral-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-neutral-3),var(--db-neutral-11));--db-neutral-on-bg-basic-emphasis-100-default:light-dark(var(--db-neutral-1),var(--db-neutral-12));--db-neutral-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-neutral-5),var(--db-neutral-9));--db-neutral-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-neutral-2),var(--db-neutral-11));--db-neutral-on-bg-inverted-default:light-dark(var(--db-neutral-14),var(--db-neutral-3));--db-neutral-on-bg-inverted-hovered:light-dark(var(--db-neutral-11),var(--db-neutral-0));--db-neutral-on-bg-inverted-pressed:light-dark(var(--db-neutral-13),var(--db-neutral-2));--db-neutral-on-bg-vibrant-default:light-dark(var(--db-neutral-1),var(--db-neutral-1));--db-neutral-on-bg-vibrant-hovered:light-dark(var(--db-neutral-4),var(--db-neutral-4));--db-neutral-on-bg-vibrant-pressed:light-dark(var(--db-neutral-2),var(--db-neutral-2));--db-neutral-bg-basic-level-1-default:light-dark(var(--db-neutral-14),var(--db-neutral-1));--db-neutral-bg-basic-level-1-hovered:light-dark(var(--db-neutral-13),var(--db-neutral-3));--db-neutral-bg-basic-level-1-pressed:light-dark(var(--db-neutral-12),var(--db-neutral-4));--db-neutral-bg-basic-level-2-default:light-dark(var(--db-neutral-13),var(--db-neutral-2));--db-neutral-bg-basic-level-2-hovered:light-dark(var(--db-neutral-12),var(--db-neutral-4));--db-neutral-bg-basic-level-2-pressed:light-dark(var(--db-neutral-11),var(--db-neutral-5));--db-neutral-bg-basic-level-3-default:light-dark(var(--db-neutral-12),var(--db-neutral-3));--db-neutral-bg-basic-level-3-hovered:light-dark(var(--db-neutral-11),var(--db-neutral-1));--db-neutral-bg-basic-level-3-pressed:light-dark(var(--db-neutral-10),var(--db-neutral-0));--db-neutral-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-neutral-6)),color-mix(in srgb,transparent 100%,var(--db-neutral-9)));--db-neutral-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-neutral-6)),color-mix(in srgb,transparent 84%,var(--db-neutral-9)));--db-neutral-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-neutral-6)),color-mix(in srgb,transparent 76%,var(--db-neutral-9)));--db-neutral-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-neutral-6)),color-mix(in srgb,transparent 68%,var(--db-neutral-9)));--db-neutral-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-neutral-6)),color-mix(in srgb,transparent 76%,var(--db-neutral-9)));--db-neutral-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-neutral-6)),color-mix(in srgb,transparent 68%,var(--db-neutral-9)));--db-neutral-bg-inverted-contrast-max-default:light-dark(var(--db-neutral-1),var(--db-neutral-12));--db-neutral-bg-inverted-contrast-max-hovered:light-dark(var(--db-neutral-5),var(--db-neutral-9));--db-neutral-bg-inverted-contrast-max-pressed:light-dark(var(--db-neutral-2),var(--db-neutral-11));--db-neutral-bg-inverted-contrast-high-default:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-bg-inverted-contrast-high-hovered:light-dark(var(--db-neutral-2),var(--db-neutral-12));--db-neutral-bg-inverted-contrast-high-pressed:light-dark(var(--db-neutral-5),var(--db-neutral-10));--db-neutral-bg-inverted-contrast-low-default:light-dark(var(--db-neutral-7),var(--db-neutral-8));--db-neutral-bg-inverted-contrast-low-hovered:light-dark(var(--db-neutral-3),var(--db-neutral-12));--db-neutral-bg-inverted-contrast-low-pressed:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-bg-vibrant-default:light-dark(var(--db-neutral-9),var(--db-neutral-9));--db-neutral-bg-vibrant-hovered:light-dark(var(--db-neutral-12),var(--db-neutral-12));--db-neutral-bg-vibrant-pressed:light-dark(var(--db-neutral-10),var(--db-neutral-10));--db-brand-origin-default:light-dark(var(--db-brand-origin-light-default),var(--db-brand-origin-dark-default));--db-brand-origin-hovered:light-dark(var(--db-brand-origin-light-hovered),var(--db-brand-origin-dark-hovered));--db-brand-origin-pressed:light-dark(var(--db-brand-origin-light-pressed),var(--db-brand-origin-dark-pressed));--db-brand-on-origin-default:light-dark(var(--db-brand-on-origin-light-default),var(--db-brand-on-origin-dark-default));--db-brand-on-bg-basic-emphasis-50-default:light-dark(var(--db-brand-9),var(--db-brand-5));--db-brand-on-bg-basic-emphasis-60-default:light-dark(var(--db-brand-10),var(--db-brand-6));--db-brand-on-bg-basic-emphasis-70-default:light-dark(var(--db-brand-7),var(--db-brand-8));--db-brand-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-brand-4),var(--db-brand-10));--db-brand-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-on-bg-basic-emphasis-80-default:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-brand-3),var(--db-brand-12));--db-brand-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-brand-5),var(--db-brand-10));--db-brand-on-bg-basic-emphasis-90-default:light-dark(var(--db-brand-4),var(--db-brand-10));--db-brand-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-brand-0),var(--db-brand-14));--db-brand-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-brand-3),var(--db-brand-11));--db-brand-on-bg-basic-emphasis-100-default:light-dark(var(--db-brand-1),var(--db-brand-12));--db-brand-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-brand-5),var(--db-brand-9));--db-brand-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-brand-2),var(--db-brand-11));--db-brand-on-bg-inverted-default:light-dark(var(--db-brand-14),var(--db-brand-3));--db-brand-on-bg-inverted-hovered:light-dark(var(--db-brand-11),var(--db-brand-0));--db-brand-on-bg-inverted-pressed:light-dark(var(--db-brand-13),var(--db-brand-2));--db-brand-on-bg-vibrant-default:light-dark(var(--db-brand-1),var(--db-brand-1));--db-brand-on-bg-vibrant-hovered:light-dark(var(--db-brand-4),var(--db-brand-4));--db-brand-on-bg-vibrant-pressed:light-dark(var(--db-brand-2),var(--db-brand-2));--db-brand-bg-basic-level-1-default:light-dark(var(--db-brand-14),var(--db-brand-1));--db-brand-bg-basic-level-1-hovered:light-dark(var(--db-brand-13),var(--db-brand-3));--db-brand-bg-basic-level-1-pressed:light-dark(var(--db-brand-12),var(--db-brand-4));--db-brand-bg-basic-level-2-default:light-dark(var(--db-brand-13),var(--db-brand-2));--db-brand-bg-basic-level-2-hovered:light-dark(var(--db-brand-12),var(--db-brand-4));--db-brand-bg-basic-level-2-pressed:light-dark(var(--db-brand-11),var(--db-brand-5));--db-brand-bg-basic-level-3-default:light-dark(var(--db-brand-12),var(--db-brand-3));--db-brand-bg-basic-level-3-hovered:light-dark(var(--db-brand-11),var(--db-brand-1));--db-brand-bg-basic-level-3-pressed:light-dark(var(--db-brand-10),var(--db-brand-0));--db-brand-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-brand-6)),color-mix(in srgb,transparent 100%,var(--db-brand-9)));--db-brand-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-brand-6)),color-mix(in srgb,transparent 84%,var(--db-brand-9)));--db-brand-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-brand-6)),color-mix(in srgb,transparent 76%,var(--db-brand-9)));--db-brand-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-brand-6)),color-mix(in srgb,transparent 68%,var(--db-brand-9)));--db-brand-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-brand-6)),color-mix(in srgb,transparent 76%,var(--db-brand-9)));--db-brand-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-brand-6)),color-mix(in srgb,transparent 68%,var(--db-brand-9)));--db-brand-bg-inverted-contrast-max-default:light-dark(var(--db-brand-1),var(--db-brand-12));--db-brand-bg-inverted-contrast-max-hovered:light-dark(var(--db-brand-5),var(--db-brand-9));--db-brand-bg-inverted-contrast-max-pressed:light-dark(var(--db-brand-2),var(--db-brand-11));--db-brand-bg-inverted-contrast-high-default:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-bg-inverted-contrast-high-hovered:light-dark(var(--db-brand-2),var(--db-brand-12));--db-brand-bg-inverted-contrast-high-pressed:light-dark(var(--db-brand-5),var(--db-brand-10));--db-brand-bg-inverted-contrast-low-default:light-dark(var(--db-brand-7),var(--db-brand-8));--db-brand-bg-inverted-contrast-low-hovered:light-dark(var(--db-brand-3),var(--db-brand-12));--db-brand-bg-inverted-contrast-low-pressed:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-bg-vibrant-default:light-dark(var(--db-brand-9),var(--db-brand-9));--db-brand-bg-vibrant-hovered:light-dark(var(--db-brand-12),var(--db-brand-12));--db-brand-bg-vibrant-pressed:light-dark(var(--db-brand-10),var(--db-brand-10));--db-informational-origin-default:light-dark(var(--db-informational-origin-light-default),var(--db-informational-origin-dark-default));--db-informational-origin-hovered:light-dark(var(--db-informational-origin-light-hovered),var(--db-informational-origin-dark-hovered));--db-informational-origin-pressed:light-dark(var(--db-informational-origin-light-pressed),var(--db-informational-origin-dark-pressed));--db-informational-on-origin-default:light-dark(var(--db-informational-on-origin-light-default),var(--db-informational-on-origin-dark-default));--db-informational-on-bg-basic-emphasis-50-default:light-dark(var(--db-informational-9),var(--db-informational-5));--db-informational-on-bg-basic-emphasis-60-default:light-dark(var(--db-informational-10),var(--db-informational-6));--db-informational-on-bg-basic-emphasis-70-default:light-dark(var(--db-informational-7),var(--db-informational-8));--db-informational-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-informational-4),var(--db-informational-10));--db-informational-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-on-bg-basic-emphasis-80-default:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-informational-3),var(--db-informational-12));--db-informational-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-informational-5),var(--db-informational-10));--db-informational-on-bg-basic-emphasis-90-default:light-dark(var(--db-informational-4),var(--db-informational-10));--db-informational-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-informational-0),var(--db-informational-14));--db-informational-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-informational-3),var(--db-informational-11));--db-informational-on-bg-basic-emphasis-100-default:light-dark(var(--db-informational-1),var(--db-informational-12));--db-informational-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-informational-5),var(--db-informational-9));--db-informational-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-informational-2),var(--db-informational-11));--db-informational-on-bg-inverted-default:light-dark(var(--db-informational-14),var(--db-informational-3));--db-informational-on-bg-inverted-hovered:light-dark(var(--db-informational-11),var(--db-informational-0));--db-informational-on-bg-inverted-pressed:light-dark(var(--db-informational-13),var(--db-informational-2));--db-informational-on-bg-vibrant-default:light-dark(var(--db-informational-1),var(--db-informational-1));--db-informational-on-bg-vibrant-hovered:light-dark(var(--db-informational-4),var(--db-informational-4));--db-informational-on-bg-vibrant-pressed:light-dark(var(--db-informational-2),var(--db-informational-2));--db-informational-bg-basic-level-1-default:light-dark(var(--db-informational-14),var(--db-informational-1));--db-informational-bg-basic-level-1-hovered:light-dark(var(--db-informational-13),var(--db-informational-3));--db-informational-bg-basic-level-1-pressed:light-dark(var(--db-informational-12),var(--db-informational-4));--db-informational-bg-basic-level-2-default:light-dark(var(--db-informational-13),var(--db-informational-2));--db-informational-bg-basic-level-2-hovered:light-dark(var(--db-informational-12),var(--db-informational-4));--db-informational-bg-basic-level-2-pressed:light-dark(var(--db-informational-11),var(--db-informational-5));--db-informational-bg-basic-level-3-default:light-dark(var(--db-informational-12),var(--db-informational-3));--db-informational-bg-basic-level-3-hovered:light-dark(var(--db-informational-11),var(--db-informational-1));--db-informational-bg-basic-level-3-pressed:light-dark(var(--db-informational-10),var(--db-informational-0));--db-informational-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-informational-6)),color-mix(in srgb,transparent 100%,var(--db-informational-9)));--db-informational-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-informational-6)),color-mix(in srgb,transparent 84%,var(--db-informational-9)));--db-informational-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-informational-6)),color-mix(in srgb,transparent 76%,var(--db-informational-9)));--db-informational-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-informational-6)),color-mix(in srgb,transparent 68%,var(--db-informational-9)));--db-informational-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-informational-6)),color-mix(in srgb,transparent 76%,var(--db-informational-9)));--db-informational-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-informational-6)),color-mix(in srgb,transparent 68%,var(--db-informational-9)));--db-informational-bg-inverted-contrast-max-default:light-dark(var(--db-informational-1),var(--db-informational-12));--db-informational-bg-inverted-contrast-max-hovered:light-dark(var(--db-informational-5),var(--db-informational-9));--db-informational-bg-inverted-contrast-max-pressed:light-dark(var(--db-informational-2),var(--db-informational-11));--db-informational-bg-inverted-contrast-high-default:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-bg-inverted-contrast-high-hovered:light-dark(var(--db-informational-2),var(--db-informational-12));--db-informational-bg-inverted-contrast-high-pressed:light-dark(var(--db-informational-5),var(--db-informational-10));--db-informational-bg-inverted-contrast-low-default:light-dark(var(--db-informational-7),var(--db-informational-8));--db-informational-bg-inverted-contrast-low-hovered:light-dark(var(--db-informational-3),var(--db-informational-12));--db-informational-bg-inverted-contrast-low-pressed:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-bg-vibrant-default:light-dark(var(--db-informational-9),var(--db-informational-9));--db-informational-bg-vibrant-hovered:light-dark(var(--db-informational-12),var(--db-informational-12));--db-informational-bg-vibrant-pressed:light-dark(var(--db-informational-10),var(--db-informational-10));--db-warning-origin-default:light-dark(var(--db-warning-origin-light-default),var(--db-warning-origin-dark-default));--db-warning-origin-hovered:light-dark(var(--db-warning-origin-light-hovered),var(--db-warning-origin-dark-hovered));--db-warning-origin-pressed:light-dark(var(--db-warning-origin-light-pressed),var(--db-warning-origin-dark-pressed));--db-warning-on-origin-default:light-dark(var(--db-warning-on-origin-light-default),var(--db-warning-on-origin-dark-default));--db-warning-on-bg-basic-emphasis-50-default:light-dark(var(--db-warning-9),var(--db-warning-5));--db-warning-on-bg-basic-emphasis-60-default:light-dark(var(--db-warning-10),var(--db-warning-6));--db-warning-on-bg-basic-emphasis-70-default:light-dark(var(--db-warning-7),var(--db-warning-8));--db-warning-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-warning-4),var(--db-warning-10));--db-warning-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-on-bg-basic-emphasis-80-default:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-warning-3),var(--db-warning-12));--db-warning-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-warning-5),var(--db-warning-10));--db-warning-on-bg-basic-emphasis-90-default:light-dark(var(--db-warning-4),var(--db-warning-10));--db-warning-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-warning-0),var(--db-warning-14));--db-warning-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-warning-3),var(--db-warning-11));--db-warning-on-bg-basic-emphasis-100-default:light-dark(var(--db-warning-1),var(--db-warning-12));--db-warning-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-warning-5),var(--db-warning-9));--db-warning-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-warning-2),var(--db-warning-11));--db-warning-on-bg-inverted-default:light-dark(var(--db-warning-14),var(--db-warning-3));--db-warning-on-bg-inverted-hovered:light-dark(var(--db-warning-11),var(--db-warning-0));--db-warning-on-bg-inverted-pressed:light-dark(var(--db-warning-13),var(--db-warning-2));--db-warning-on-bg-vibrant-default:light-dark(var(--db-warning-1),var(--db-warning-1));--db-warning-on-bg-vibrant-hovered:light-dark(var(--db-warning-4),var(--db-warning-4));--db-warning-on-bg-vibrant-pressed:light-dark(var(--db-warning-2),var(--db-warning-2));--db-warning-bg-basic-level-1-default:light-dark(var(--db-warning-14),var(--db-warning-1));--db-warning-bg-basic-level-1-hovered:light-dark(var(--db-warning-13),var(--db-warning-3));--db-warning-bg-basic-level-1-pressed:light-dark(var(--db-warning-12),var(--db-warning-4));--db-warning-bg-basic-level-2-default:light-dark(var(--db-warning-13),var(--db-warning-2));--db-warning-bg-basic-level-2-hovered:light-dark(var(--db-warning-12),var(--db-warning-4));--db-warning-bg-basic-level-2-pressed:light-dark(var(--db-warning-11),var(--db-warning-5));--db-warning-bg-basic-level-3-default:light-dark(var(--db-warning-12),var(--db-warning-3));--db-warning-bg-basic-level-3-hovered:light-dark(var(--db-warning-11),var(--db-warning-1));--db-warning-bg-basic-level-3-pressed:light-dark(var(--db-warning-10),var(--db-warning-0));--db-warning-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-warning-6)),color-mix(in srgb,transparent 100%,var(--db-warning-9)));--db-warning-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-warning-6)),color-mix(in srgb,transparent 84%,var(--db-warning-9)));--db-warning-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-warning-6)),color-mix(in srgb,transparent 76%,var(--db-warning-9)));--db-warning-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-warning-6)),color-mix(in srgb,transparent 68%,var(--db-warning-9)));--db-warning-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-warning-6)),color-mix(in srgb,transparent 76%,var(--db-warning-9)));--db-warning-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-warning-6)),color-mix(in srgb,transparent 68%,var(--db-warning-9)));--db-warning-bg-inverted-contrast-max-default:light-dark(var(--db-warning-1),var(--db-warning-12));--db-warning-bg-inverted-contrast-max-hovered:light-dark(var(--db-warning-5),var(--db-warning-9));--db-warning-bg-inverted-contrast-max-pressed:light-dark(var(--db-warning-2),var(--db-warning-11));--db-warning-bg-inverted-contrast-high-default:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-bg-inverted-contrast-high-hovered:light-dark(var(--db-warning-2),var(--db-warning-12));--db-warning-bg-inverted-contrast-high-pressed:light-dark(var(--db-warning-5),var(--db-warning-10));--db-warning-bg-inverted-contrast-low-default:light-dark(var(--db-warning-7),var(--db-warning-8));--db-warning-bg-inverted-contrast-low-hovered:light-dark(var(--db-warning-3),var(--db-warning-12));--db-warning-bg-inverted-contrast-low-pressed:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-bg-vibrant-default:light-dark(var(--db-warning-9),var(--db-warning-9));--db-warning-bg-vibrant-hovered:light-dark(var(--db-warning-12),var(--db-warning-12));--db-warning-bg-vibrant-pressed:light-dark(var(--db-warning-10),var(--db-warning-10));--db-successful-origin-default:light-dark(var(--db-successful-origin-light-default),var(--db-successful-origin-dark-default));--db-successful-origin-hovered:light-dark(var(--db-successful-origin-light-hovered),var(--db-successful-origin-dark-hovered));--db-successful-origin-pressed:light-dark(var(--db-successful-origin-light-pressed),var(--db-successful-origin-dark-pressed));--db-successful-on-origin-default:light-dark(var(--db-successful-on-origin-light-default),var(--db-successful-on-origin-dark-default));--db-successful-on-bg-basic-emphasis-50-default:light-dark(var(--db-successful-9),var(--db-successful-5));--db-successful-on-bg-basic-emphasis-60-default:light-dark(var(--db-successful-10),var(--db-successful-6));--db-successful-on-bg-basic-emphasis-70-default:light-dark(var(--db-successful-7),var(--db-successful-8));--db-successful-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-successful-4),var(--db-successful-10));--db-successful-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-on-bg-basic-emphasis-80-default:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-successful-3),var(--db-successful-12));--db-successful-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-successful-5),var(--db-successful-10));--db-successful-on-bg-basic-emphasis-90-default:light-dark(var(--db-successful-4),var(--db-successful-10));--db-successful-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-successful-0),var(--db-successful-14));--db-successful-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-successful-3),var(--db-successful-11));--db-successful-on-bg-basic-emphasis-100-default:light-dark(var(--db-successful-1),var(--db-successful-12));--db-successful-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-successful-5),var(--db-successful-9));--db-successful-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-successful-2),var(--db-successful-11));--db-successful-on-bg-inverted-default:light-dark(var(--db-successful-14),var(--db-successful-3));--db-successful-on-bg-inverted-hovered:light-dark(var(--db-successful-11),var(--db-successful-0));--db-successful-on-bg-inverted-pressed:light-dark(var(--db-successful-13),var(--db-successful-2));--db-successful-on-bg-vibrant-default:light-dark(var(--db-successful-1),var(--db-successful-1));--db-successful-on-bg-vibrant-hovered:light-dark(var(--db-successful-4),var(--db-successful-4));--db-successful-on-bg-vibrant-pressed:light-dark(var(--db-successful-2),var(--db-successful-2));--db-successful-bg-basic-level-1-default:light-dark(var(--db-successful-14),var(--db-successful-1));--db-successful-bg-basic-level-1-hovered:light-dark(var(--db-successful-13),var(--db-successful-3));--db-successful-bg-basic-level-1-pressed:light-dark(var(--db-successful-12),var(--db-successful-4));--db-successful-bg-basic-level-2-default:light-dark(var(--db-successful-13),var(--db-successful-2));--db-successful-bg-basic-level-2-hovered:light-dark(var(--db-successful-12),var(--db-successful-4));--db-successful-bg-basic-level-2-pressed:light-dark(var(--db-successful-11),var(--db-successful-5));--db-successful-bg-basic-level-3-default:light-dark(var(--db-successful-12),var(--db-successful-3));--db-successful-bg-basic-level-3-hovered:light-dark(var(--db-successful-11),var(--db-successful-1));--db-successful-bg-basic-level-3-pressed:light-dark(var(--db-successful-10),var(--db-successful-0));--db-successful-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-successful-6)),color-mix(in srgb,transparent 100%,var(--db-successful-9)));--db-successful-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-successful-6)),color-mix(in srgb,transparent 84%,var(--db-successful-9)));--db-successful-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-successful-6)),color-mix(in srgb,transparent 76%,var(--db-successful-9)));--db-successful-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-successful-6)),color-mix(in srgb,transparent 68%,var(--db-successful-9)));--db-successful-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-successful-6)),color-mix(in srgb,transparent 76%,var(--db-successful-9)));--db-successful-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-successful-6)),color-mix(in srgb,transparent 68%,var(--db-successful-9)));--db-successful-bg-inverted-contrast-max-default:light-dark(var(--db-successful-1),var(--db-successful-12));--db-successful-bg-inverted-contrast-max-hovered:light-dark(var(--db-successful-5),var(--db-successful-9));--db-successful-bg-inverted-contrast-max-pressed:light-dark(var(--db-successful-2),var(--db-successful-11));--db-successful-bg-inverted-contrast-high-default:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-bg-inverted-contrast-high-hovered:light-dark(var(--db-successful-2),var(--db-successful-12));--db-successful-bg-inverted-contrast-high-pressed:light-dark(var(--db-successful-5),var(--db-successful-10));--db-successful-bg-inverted-contrast-low-default:light-dark(var(--db-successful-7),var(--db-successful-8));--db-successful-bg-inverted-contrast-low-hovered:light-dark(var(--db-successful-3),var(--db-successful-12));--db-successful-bg-inverted-contrast-low-pressed:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-bg-vibrant-default:light-dark(var(--db-successful-9),var(--db-successful-9));--db-successful-bg-vibrant-hovered:light-dark(var(--db-successful-12),var(--db-successful-12));--db-successful-bg-vibrant-pressed:light-dark(var(--db-successful-10),var(--db-successful-10));--db-critical-origin-default:light-dark(var(--db-critical-origin-light-default),var(--db-critical-origin-dark-default));--db-critical-origin-hovered:light-dark(var(--db-critical-origin-light-hovered),var(--db-critical-origin-dark-hovered));--db-critical-origin-pressed:light-dark(var(--db-critical-origin-light-pressed),var(--db-critical-origin-dark-pressed));--db-critical-on-origin-default:light-dark(var(--db-critical-on-origin-light-default),var(--db-critical-on-origin-dark-default));--db-critical-on-bg-basic-emphasis-50-default:light-dark(var(--db-critical-9),var(--db-critical-5));--db-critical-on-bg-basic-emphasis-60-default:light-dark(var(--db-critical-10),var(--db-critical-6));--db-critical-on-bg-basic-emphasis-70-default:light-dark(var(--db-critical-7),var(--db-critical-8));--db-critical-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-critical-4),var(--db-critical-10));--db-critical-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-on-bg-basic-emphasis-80-default:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-critical-3),var(--db-critical-12));--db-critical-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-critical-5),var(--db-critical-10));--db-critical-on-bg-basic-emphasis-90-default:light-dark(var(--db-critical-4),var(--db-critical-10));--db-critical-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-critical-0),var(--db-critical-14));--db-critical-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-critical-3),var(--db-critical-11));--db-critical-on-bg-basic-emphasis-100-default:light-dark(var(--db-critical-1),var(--db-critical-12));--db-critical-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-critical-5),var(--db-critical-9));--db-critical-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-critical-2),var(--db-critical-11));--db-critical-on-bg-inverted-default:light-dark(var(--db-critical-14),var(--db-critical-3));--db-critical-on-bg-inverted-hovered:light-dark(var(--db-critical-11),var(--db-critical-0));--db-critical-on-bg-inverted-pressed:light-dark(var(--db-critical-13),var(--db-critical-2));--db-critical-on-bg-vibrant-default:light-dark(var(--db-critical-1),var(--db-critical-1));--db-critical-on-bg-vibrant-hovered:light-dark(var(--db-critical-4),var(--db-critical-4));--db-critical-on-bg-vibrant-pressed:light-dark(var(--db-critical-2),var(--db-critical-2));--db-critical-bg-basic-level-1-default:light-dark(var(--db-critical-14),var(--db-critical-1));--db-critical-bg-basic-level-1-hovered:light-dark(var(--db-critical-13),var(--db-critical-3));--db-critical-bg-basic-level-1-pressed:light-dark(var(--db-critical-12),var(--db-critical-4));--db-critical-bg-basic-level-2-default:light-dark(var(--db-critical-13),var(--db-critical-2));--db-critical-bg-basic-level-2-hovered:light-dark(var(--db-critical-12),var(--db-critical-4));--db-critical-bg-basic-level-2-pressed:light-dark(var(--db-critical-11),var(--db-critical-5));--db-critical-bg-basic-level-3-default:light-dark(var(--db-critical-12),var(--db-critical-3));--db-critical-bg-basic-level-3-hovered:light-dark(var(--db-critical-11),var(--db-critical-1));--db-critical-bg-basic-level-3-pressed:light-dark(var(--db-critical-10),var(--db-critical-0));--db-critical-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-critical-6)),color-mix(in srgb,transparent 100%,var(--db-critical-9)));--db-critical-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-critical-6)),color-mix(in srgb,transparent 84%,var(--db-critical-9)));--db-critical-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-critical-6)),color-mix(in srgb,transparent 76%,var(--db-critical-9)));--db-critical-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-critical-6)),color-mix(in srgb,transparent 68%,var(--db-critical-9)));--db-critical-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-critical-6)),color-mix(in srgb,transparent 76%,var(--db-critical-9)));--db-critical-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-critical-6)),color-mix(in srgb,transparent 68%,var(--db-critical-9)));--db-critical-bg-inverted-contrast-max-default:light-dark(var(--db-critical-1),var(--db-critical-12));--db-critical-bg-inverted-contrast-max-hovered:light-dark(var(--db-critical-5),var(--db-critical-9));--db-critical-bg-inverted-contrast-max-pressed:light-dark(var(--db-critical-2),var(--db-critical-11));--db-critical-bg-inverted-contrast-high-default:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-bg-inverted-contrast-high-hovered:light-dark(var(--db-critical-2),var(--db-critical-12));--db-critical-bg-inverted-contrast-high-pressed:light-dark(var(--db-critical-5),var(--db-critical-10));--db-critical-bg-inverted-contrast-low-default:light-dark(var(--db-critical-7),var(--db-critical-8));--db-critical-bg-inverted-contrast-low-hovered:light-dark(var(--db-critical-3),var(--db-critical-12));--db-critical-bg-inverted-contrast-low-pressed:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-bg-vibrant-default:light-dark(var(--db-critical-9),var(--db-critical-9));--db-critical-bg-vibrant-hovered:light-dark(var(--db-critical-12),var(--db-critical-12));--db-critical-bg-vibrant-pressed:light-dark(var(--db-critical-10),var(--db-critical-10));--db-yellow-origin-default:light-dark(var(--db-yellow-origin-light-default),var(--db-yellow-origin-dark-default));--db-yellow-origin-hovered:light-dark(var(--db-yellow-origin-light-hovered),var(--db-yellow-origin-dark-hovered));--db-yellow-origin-pressed:light-dark(var(--db-yellow-origin-light-pressed),var(--db-yellow-origin-dark-pressed));--db-yellow-on-origin-default:light-dark(var(--db-yellow-on-origin-light-default),var(--db-yellow-on-origin-dark-default));--db-yellow-on-bg-basic-emphasis-50-default:light-dark(var(--db-yellow-9),var(--db-yellow-5));--db-yellow-on-bg-basic-emphasis-60-default:light-dark(var(--db-yellow-10),var(--db-yellow-6));--db-yellow-on-bg-basic-emphasis-70-default:light-dark(var(--db-yellow-7),var(--db-yellow-8));--db-yellow-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-yellow-4),var(--db-yellow-10));--db-yellow-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-on-bg-basic-emphasis-80-default:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-yellow-3),var(--db-yellow-12));--db-yellow-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-yellow-5),var(--db-yellow-10));--db-yellow-on-bg-basic-emphasis-90-default:light-dark(var(--db-yellow-4),var(--db-yellow-10));--db-yellow-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-yellow-0),var(--db-yellow-14));--db-yellow-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-yellow-3),var(--db-yellow-11));--db-yellow-on-bg-basic-emphasis-100-default:light-dark(var(--db-yellow-1),var(--db-yellow-12));--db-yellow-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-yellow-5),var(--db-yellow-9));--db-yellow-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-yellow-2),var(--db-yellow-11));--db-yellow-on-bg-inverted-default:light-dark(var(--db-yellow-14),var(--db-yellow-3));--db-yellow-on-bg-inverted-hovered:light-dark(var(--db-yellow-11),var(--db-yellow-0));--db-yellow-on-bg-inverted-pressed:light-dark(var(--db-yellow-13),var(--db-yellow-2));--db-yellow-on-bg-vibrant-default:light-dark(var(--db-yellow-1),var(--db-yellow-1));--db-yellow-on-bg-vibrant-hovered:light-dark(var(--db-yellow-4),var(--db-yellow-4));--db-yellow-on-bg-vibrant-pressed:light-dark(var(--db-yellow-2),var(--db-yellow-2));--db-yellow-bg-basic-level-1-default:light-dark(var(--db-yellow-14),var(--db-yellow-1));--db-yellow-bg-basic-level-1-hovered:light-dark(var(--db-yellow-13),var(--db-yellow-3));--db-yellow-bg-basic-level-1-pressed:light-dark(var(--db-yellow-12),var(--db-yellow-4));--db-yellow-bg-basic-level-2-default:light-dark(var(--db-yellow-13),var(--db-yellow-2));--db-yellow-bg-basic-level-2-hovered:light-dark(var(--db-yellow-12),var(--db-yellow-4));--db-yellow-bg-basic-level-2-pressed:light-dark(var(--db-yellow-11),var(--db-yellow-5));--db-yellow-bg-basic-level-3-default:light-dark(var(--db-yellow-12),var(--db-yellow-3));--db-yellow-bg-basic-level-3-hovered:light-dark(var(--db-yellow-11),var(--db-yellow-1));--db-yellow-bg-basic-level-3-pressed:light-dark(var(--db-yellow-10),var(--db-yellow-0));--db-yellow-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-yellow-6)),color-mix(in srgb,transparent 100%,var(--db-yellow-9)));--db-yellow-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-yellow-6)),color-mix(in srgb,transparent 84%,var(--db-yellow-9)));--db-yellow-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-yellow-6)),color-mix(in srgb,transparent 76%,var(--db-yellow-9)));--db-yellow-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-yellow-6)),color-mix(in srgb,transparent 68%,var(--db-yellow-9)));--db-yellow-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-yellow-6)),color-mix(in srgb,transparent 76%,var(--db-yellow-9)));--db-yellow-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-yellow-6)),color-mix(in srgb,transparent 68%,var(--db-yellow-9)));--db-yellow-bg-inverted-contrast-max-default:light-dark(var(--db-yellow-1),var(--db-yellow-12));--db-yellow-bg-inverted-contrast-max-hovered:light-dark(var(--db-yellow-5),var(--db-yellow-9));--db-yellow-bg-inverted-contrast-max-pressed:light-dark(var(--db-yellow-2),var(--db-yellow-11));--db-yellow-bg-inverted-contrast-high-default:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-bg-inverted-contrast-high-hovered:light-dark(var(--db-yellow-2),var(--db-yellow-12));--db-yellow-bg-inverted-contrast-high-pressed:light-dark(var(--db-yellow-5),var(--db-yellow-10));--db-yellow-bg-inverted-contrast-low-default:light-dark(var(--db-yellow-7),var(--db-yellow-8));--db-yellow-bg-inverted-contrast-low-hovered:light-dark(var(--db-yellow-3),var(--db-yellow-12));--db-yellow-bg-inverted-contrast-low-pressed:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-bg-vibrant-default:light-dark(var(--db-yellow-9),var(--db-yellow-9));--db-yellow-bg-vibrant-hovered:light-dark(var(--db-yellow-12),var(--db-yellow-12));--db-yellow-bg-vibrant-pressed:light-dark(var(--db-yellow-10),var(--db-yellow-10));--db-orange-origin-default:light-dark(var(--db-orange-origin-light-default),var(--db-orange-origin-dark-default));--db-orange-origin-hovered:light-dark(var(--db-orange-origin-light-hovered),var(--db-orange-origin-dark-hovered));--db-orange-origin-pressed:light-dark(var(--db-orange-origin-light-pressed),var(--db-orange-origin-dark-pressed));--db-orange-on-origin-default:light-dark(var(--db-orange-on-origin-light-default),var(--db-orange-on-origin-dark-default));--db-orange-on-bg-basic-emphasis-50-default:light-dark(var(--db-orange-9),var(--db-orange-5));--db-orange-on-bg-basic-emphasis-60-default:light-dark(var(--db-orange-10),var(--db-orange-6));--db-orange-on-bg-basic-emphasis-70-default:light-dark(var(--db-orange-7),var(--db-orange-8));--db-orange-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-orange-4),var(--db-orange-10));--db-orange-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-on-bg-basic-emphasis-80-default:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-orange-3),var(--db-orange-12));--db-orange-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-orange-5),var(--db-orange-10));--db-orange-on-bg-basic-emphasis-90-default:light-dark(var(--db-orange-4),var(--db-orange-10));--db-orange-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-orange-0),var(--db-orange-14));--db-orange-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-orange-3),var(--db-orange-11));--db-orange-on-bg-basic-emphasis-100-default:light-dark(var(--db-orange-1),var(--db-orange-12));--db-orange-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-orange-5),var(--db-orange-9));--db-orange-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-orange-2),var(--db-orange-11));--db-orange-on-bg-inverted-default:light-dark(var(--db-orange-14),var(--db-orange-3));--db-orange-on-bg-inverted-hovered:light-dark(var(--db-orange-11),var(--db-orange-0));--db-orange-on-bg-inverted-pressed:light-dark(var(--db-orange-13),var(--db-orange-2));--db-orange-on-bg-vibrant-default:light-dark(var(--db-orange-1),var(--db-orange-1));--db-orange-on-bg-vibrant-hovered:light-dark(var(--db-orange-4),var(--db-orange-4));--db-orange-on-bg-vibrant-pressed:light-dark(var(--db-orange-2),var(--db-orange-2));--db-orange-bg-basic-level-1-default:light-dark(var(--db-orange-14),var(--db-orange-1));--db-orange-bg-basic-level-1-hovered:light-dark(var(--db-orange-13),var(--db-orange-3));--db-orange-bg-basic-level-1-pressed:light-dark(var(--db-orange-12),var(--db-orange-4));--db-orange-bg-basic-level-2-default:light-dark(var(--db-orange-13),var(--db-orange-2));--db-orange-bg-basic-level-2-hovered:light-dark(var(--db-orange-12),var(--db-orange-4));--db-orange-bg-basic-level-2-pressed:light-dark(var(--db-orange-11),var(--db-orange-5));--db-orange-bg-basic-level-3-default:light-dark(var(--db-orange-12),var(--db-orange-3));--db-orange-bg-basic-level-3-hovered:light-dark(var(--db-orange-11),var(--db-orange-1));--db-orange-bg-basic-level-3-pressed:light-dark(var(--db-orange-10),var(--db-orange-0));--db-orange-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-orange-6)),color-mix(in srgb,transparent 100%,var(--db-orange-9)));--db-orange-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-orange-6)),color-mix(in srgb,transparent 84%,var(--db-orange-9)));--db-orange-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-orange-6)),color-mix(in srgb,transparent 76%,var(--db-orange-9)));--db-orange-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-orange-6)),color-mix(in srgb,transparent 68%,var(--db-orange-9)));--db-orange-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-orange-6)),color-mix(in srgb,transparent 76%,var(--db-orange-9)));--db-orange-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-orange-6)),color-mix(in srgb,transparent 68%,var(--db-orange-9)));--db-orange-bg-inverted-contrast-max-default:light-dark(var(--db-orange-1),var(--db-orange-12));--db-orange-bg-inverted-contrast-max-hovered:light-dark(var(--db-orange-5),var(--db-orange-9));--db-orange-bg-inverted-contrast-max-pressed:light-dark(var(--db-orange-2),var(--db-orange-11));--db-orange-bg-inverted-contrast-high-default:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-bg-inverted-contrast-high-hovered:light-dark(var(--db-orange-2),var(--db-orange-12));--db-orange-bg-inverted-contrast-high-pressed:light-dark(var(--db-orange-5),var(--db-orange-10));--db-orange-bg-inverted-contrast-low-default:light-dark(var(--db-orange-7),var(--db-orange-8));--db-orange-bg-inverted-contrast-low-hovered:light-dark(var(--db-orange-3),var(--db-orange-12));--db-orange-bg-inverted-contrast-low-pressed:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-bg-vibrant-default:light-dark(var(--db-orange-9),var(--db-orange-9));--db-orange-bg-vibrant-hovered:light-dark(var(--db-orange-12),var(--db-orange-12));--db-orange-bg-vibrant-pressed:light-dark(var(--db-orange-10),var(--db-orange-10));--db-red-origin-default:light-dark(var(--db-red-origin-light-default),var(--db-red-origin-dark-default));--db-red-origin-hovered:light-dark(var(--db-red-origin-light-hovered),var(--db-red-origin-dark-hovered));--db-red-origin-pressed:light-dark(var(--db-red-origin-light-pressed),var(--db-red-origin-dark-pressed));--db-red-on-origin-default:light-dark(var(--db-red-on-origin-light-default),var(--db-red-on-origin-dark-default));--db-red-on-bg-basic-emphasis-50-default:light-dark(var(--db-red-9),var(--db-red-5));--db-red-on-bg-basic-emphasis-60-default:light-dark(var(--db-red-10),var(--db-red-6));--db-red-on-bg-basic-emphasis-70-default:light-dark(var(--db-red-7),var(--db-red-8));--db-red-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-red-4),var(--db-red-10));--db-red-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-red-6),var(--db-red-9));--db-red-on-bg-basic-emphasis-80-default:light-dark(var(--db-red-6),var(--db-red-9));--db-red-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-red-3),var(--db-red-12));--db-red-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-red-5),var(--db-red-10));--db-red-on-bg-basic-emphasis-90-default:light-dark(var(--db-red-4),var(--db-red-10));--db-red-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-red-0),var(--db-red-14));--db-red-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-red-3),var(--db-red-11));--db-red-on-bg-basic-emphasis-100-default:light-dark(var(--db-red-1),var(--db-red-12));--db-red-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-red-5),var(--db-red-9));--db-red-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-red-2),var(--db-red-11));--db-red-on-bg-inverted-default:light-dark(var(--db-red-14),var(--db-red-3));--db-red-on-bg-inverted-hovered:light-dark(var(--db-red-11),var(--db-red-0));--db-red-on-bg-inverted-pressed:light-dark(var(--db-red-13),var(--db-red-2));--db-red-on-bg-vibrant-default:light-dark(var(--db-red-1),var(--db-red-1));--db-red-on-bg-vibrant-hovered:light-dark(var(--db-red-4),var(--db-red-4));--db-red-on-bg-vibrant-pressed:light-dark(var(--db-red-2),var(--db-red-2));--db-red-bg-basic-level-1-default:light-dark(var(--db-red-14),var(--db-red-1));--db-red-bg-basic-level-1-hovered:light-dark(var(--db-red-13),var(--db-red-3));--db-red-bg-basic-level-1-pressed:light-dark(var(--db-red-12),var(--db-red-4));--db-red-bg-basic-level-2-default:light-dark(var(--db-red-13),var(--db-red-2));--db-red-bg-basic-level-2-hovered:light-dark(var(--db-red-12),var(--db-red-4));--db-red-bg-basic-level-2-pressed:light-dark(var(--db-red-11),var(--db-red-5));--db-red-bg-basic-level-3-default:light-dark(var(--db-red-12),var(--db-red-3));--db-red-bg-basic-level-3-hovered:light-dark(var(--db-red-11),var(--db-red-1));--db-red-bg-basic-level-3-pressed:light-dark(var(--db-red-10),var(--db-red-0));--db-red-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-red-6)),color-mix(in srgb,transparent 100%,var(--db-red-9)));--db-red-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-red-6)),color-mix(in srgb,transparent 84%,var(--db-red-9)));--db-red-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-red-6)),color-mix(in srgb,transparent 76%,var(--db-red-9)));--db-red-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-red-6)),color-mix(in srgb,transparent 68%,var(--db-red-9)));--db-red-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-red-6)),color-mix(in srgb,transparent 76%,var(--db-red-9)));--db-red-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-red-6)),color-mix(in srgb,transparent 68%,var(--db-red-9)));--db-red-bg-inverted-contrast-max-default:light-dark(var(--db-red-1),var(--db-red-12));--db-red-bg-inverted-contrast-max-hovered:light-dark(var(--db-red-5),var(--db-red-9));--db-red-bg-inverted-contrast-max-pressed:light-dark(var(--db-red-2),var(--db-red-11));--db-red-bg-inverted-contrast-high-default:light-dark(var(--db-red-6),var(--db-red-9));--db-red-bg-inverted-contrast-high-hovered:light-dark(var(--db-red-2),var(--db-red-12));--db-red-bg-inverted-contrast-high-pressed:light-dark(var(--db-red-5),var(--db-red-10));--db-red-bg-inverted-contrast-low-default:light-dark(var(--db-red-7),var(--db-red-8));--db-red-bg-inverted-contrast-low-hovered:light-dark(var(--db-red-3),var(--db-red-12));--db-red-bg-inverted-contrast-low-pressed:light-dark(var(--db-red-6),var(--db-red-9));--db-red-bg-vibrant-default:light-dark(var(--db-red-9),var(--db-red-9));--db-red-bg-vibrant-hovered:light-dark(var(--db-red-12),var(--db-red-12));--db-red-bg-vibrant-pressed:light-dark(var(--db-red-10),var(--db-red-10));--db-pink-origin-default:light-dark(var(--db-pink-origin-light-default),var(--db-pink-origin-dark-default));--db-pink-origin-hovered:light-dark(var(--db-pink-origin-light-hovered),var(--db-pink-origin-dark-hovered));--db-pink-origin-pressed:light-dark(var(--db-pink-origin-light-pressed),var(--db-pink-origin-dark-pressed));--db-pink-on-origin-default:light-dark(var(--db-pink-on-origin-light-default),var(--db-pink-on-origin-dark-default));--db-pink-on-bg-basic-emphasis-50-default:light-dark(var(--db-pink-9),var(--db-pink-5));--db-pink-on-bg-basic-emphasis-60-default:light-dark(var(--db-pink-10),var(--db-pink-6));--db-pink-on-bg-basic-emphasis-70-default:light-dark(var(--db-pink-7),var(--db-pink-8));--db-pink-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-pink-4),var(--db-pink-10));--db-pink-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-on-bg-basic-emphasis-80-default:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-pink-3),var(--db-pink-12));--db-pink-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-pink-5),var(--db-pink-10));--db-pink-on-bg-basic-emphasis-90-default:light-dark(var(--db-pink-4),var(--db-pink-10));--db-pink-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-pink-0),var(--db-pink-14));--db-pink-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-pink-3),var(--db-pink-11));--db-pink-on-bg-basic-emphasis-100-default:light-dark(var(--db-pink-1),var(--db-pink-12));--db-pink-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-pink-5),var(--db-pink-9));--db-pink-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-pink-2),var(--db-pink-11));--db-pink-on-bg-inverted-default:light-dark(var(--db-pink-14),var(--db-pink-3));--db-pink-on-bg-inverted-hovered:light-dark(var(--db-pink-11),var(--db-pink-0));--db-pink-on-bg-inverted-pressed:light-dark(var(--db-pink-13),var(--db-pink-2));--db-pink-on-bg-vibrant-default:light-dark(var(--db-pink-1),var(--db-pink-1));--db-pink-on-bg-vibrant-hovered:light-dark(var(--db-pink-4),var(--db-pink-4));--db-pink-on-bg-vibrant-pressed:light-dark(var(--db-pink-2),var(--db-pink-2));--db-pink-bg-basic-level-1-default:light-dark(var(--db-pink-14),var(--db-pink-1));--db-pink-bg-basic-level-1-hovered:light-dark(var(--db-pink-13),var(--db-pink-3));--db-pink-bg-basic-level-1-pressed:light-dark(var(--db-pink-12),var(--db-pink-4));--db-pink-bg-basic-level-2-default:light-dark(var(--db-pink-13),var(--db-pink-2));--db-pink-bg-basic-level-2-hovered:light-dark(var(--db-pink-12),var(--db-pink-4));--db-pink-bg-basic-level-2-pressed:light-dark(var(--db-pink-11),var(--db-pink-5));--db-pink-bg-basic-level-3-default:light-dark(var(--db-pink-12),var(--db-pink-3));--db-pink-bg-basic-level-3-hovered:light-dark(var(--db-pink-11),var(--db-pink-1));--db-pink-bg-basic-level-3-pressed:light-dark(var(--db-pink-10),var(--db-pink-0));--db-pink-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-pink-6)),color-mix(in srgb,transparent 100%,var(--db-pink-9)));--db-pink-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-pink-6)),color-mix(in srgb,transparent 84%,var(--db-pink-9)));--db-pink-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-pink-6)),color-mix(in srgb,transparent 76%,var(--db-pink-9)));--db-pink-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-pink-6)),color-mix(in srgb,transparent 68%,var(--db-pink-9)));--db-pink-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-pink-6)),color-mix(in srgb,transparent 76%,var(--db-pink-9)));--db-pink-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-pink-6)),color-mix(in srgb,transparent 68%,var(--db-pink-9)));--db-pink-bg-inverted-contrast-max-default:light-dark(var(--db-pink-1),var(--db-pink-12));--db-pink-bg-inverted-contrast-max-hovered:light-dark(var(--db-pink-5),var(--db-pink-9));--db-pink-bg-inverted-contrast-max-pressed:light-dark(var(--db-pink-2),var(--db-pink-11));--db-pink-bg-inverted-contrast-high-default:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-bg-inverted-contrast-high-hovered:light-dark(var(--db-pink-2),var(--db-pink-12));--db-pink-bg-inverted-contrast-high-pressed:light-dark(var(--db-pink-5),var(--db-pink-10));--db-pink-bg-inverted-contrast-low-default:light-dark(var(--db-pink-7),var(--db-pink-8));--db-pink-bg-inverted-contrast-low-hovered:light-dark(var(--db-pink-3),var(--db-pink-12));--db-pink-bg-inverted-contrast-low-pressed:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-bg-vibrant-default:light-dark(var(--db-pink-9),var(--db-pink-9));--db-pink-bg-vibrant-hovered:light-dark(var(--db-pink-12),var(--db-pink-12));--db-pink-bg-vibrant-pressed:light-dark(var(--db-pink-10),var(--db-pink-10));--db-violet-origin-default:light-dark(var(--db-violet-origin-light-default),var(--db-violet-origin-dark-default));--db-violet-origin-hovered:light-dark(var(--db-violet-origin-light-hovered),var(--db-violet-origin-dark-hovered));--db-violet-origin-pressed:light-dark(var(--db-violet-origin-light-pressed),var(--db-violet-origin-dark-pressed));--db-violet-on-origin-default:light-dark(var(--db-violet-on-origin-light-default),var(--db-violet-on-origin-dark-default));--db-violet-on-bg-basic-emphasis-50-default:light-dark(var(--db-violet-9),var(--db-violet-5));--db-violet-on-bg-basic-emphasis-60-default:light-dark(var(--db-violet-10),var(--db-violet-6));--db-violet-on-bg-basic-emphasis-70-default:light-dark(var(--db-violet-7),var(--db-violet-8));--db-violet-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-violet-4),var(--db-violet-10));--db-violet-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-on-bg-basic-emphasis-80-default:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-violet-3),var(--db-violet-12));--db-violet-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-violet-5),var(--db-violet-10));--db-violet-on-bg-basic-emphasis-90-default:light-dark(var(--db-violet-4),var(--db-violet-10));--db-violet-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-violet-0),var(--db-violet-14));--db-violet-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-violet-3),var(--db-violet-11));--db-violet-on-bg-basic-emphasis-100-default:light-dark(var(--db-violet-1),var(--db-violet-12));--db-violet-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-violet-5),var(--db-violet-9));--db-violet-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-violet-2),var(--db-violet-11));--db-violet-on-bg-inverted-default:light-dark(var(--db-violet-14),var(--db-violet-3));--db-violet-on-bg-inverted-hovered:light-dark(var(--db-violet-11),var(--db-violet-0));--db-violet-on-bg-inverted-pressed:light-dark(var(--db-violet-13),var(--db-violet-2));--db-violet-on-bg-vibrant-default:light-dark(var(--db-violet-1),var(--db-violet-1));--db-violet-on-bg-vibrant-hovered:light-dark(var(--db-violet-4),var(--db-violet-4));--db-violet-on-bg-vibrant-pressed:light-dark(var(--db-violet-2),var(--db-violet-2));--db-violet-bg-basic-level-1-default:light-dark(var(--db-violet-14),var(--db-violet-1));--db-violet-bg-basic-level-1-hovered:light-dark(var(--db-violet-13),var(--db-violet-3));--db-violet-bg-basic-level-1-pressed:light-dark(var(--db-violet-12),var(--db-violet-4));--db-violet-bg-basic-level-2-default:light-dark(var(--db-violet-13),var(--db-violet-2));--db-violet-bg-basic-level-2-hovered:light-dark(var(--db-violet-12),var(--db-violet-4));--db-violet-bg-basic-level-2-pressed:light-dark(var(--db-violet-11),var(--db-violet-5));--db-violet-bg-basic-level-3-default:light-dark(var(--db-violet-12),var(--db-violet-3));--db-violet-bg-basic-level-3-hovered:light-dark(var(--db-violet-11),var(--db-violet-1));--db-violet-bg-basic-level-3-pressed:light-dark(var(--db-violet-10),var(--db-violet-0));--db-violet-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-violet-6)),color-mix(in srgb,transparent 100%,var(--db-violet-9)));--db-violet-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-violet-6)),color-mix(in srgb,transparent 84%,var(--db-violet-9)));--db-violet-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-violet-6)),color-mix(in srgb,transparent 76%,var(--db-violet-9)));--db-violet-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-violet-6)),color-mix(in srgb,transparent 68%,var(--db-violet-9)));--db-violet-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-violet-6)),color-mix(in srgb,transparent 76%,var(--db-violet-9)));--db-violet-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-violet-6)),color-mix(in srgb,transparent 68%,var(--db-violet-9)));--db-violet-bg-inverted-contrast-max-default:light-dark(var(--db-violet-1),var(--db-violet-12));--db-violet-bg-inverted-contrast-max-hovered:light-dark(var(--db-violet-5),var(--db-violet-9));--db-violet-bg-inverted-contrast-max-pressed:light-dark(var(--db-violet-2),var(--db-violet-11));--db-violet-bg-inverted-contrast-high-default:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-bg-inverted-contrast-high-hovered:light-dark(var(--db-violet-2),var(--db-violet-12));--db-violet-bg-inverted-contrast-high-pressed:light-dark(var(--db-violet-5),var(--db-violet-10));--db-violet-bg-inverted-contrast-low-default:light-dark(var(--db-violet-7),var(--db-violet-8));--db-violet-bg-inverted-contrast-low-hovered:light-dark(var(--db-violet-3),var(--db-violet-12));--db-violet-bg-inverted-contrast-low-pressed:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-bg-vibrant-default:light-dark(var(--db-violet-9),var(--db-violet-9));--db-violet-bg-vibrant-hovered:light-dark(var(--db-violet-12),var(--db-violet-12));--db-violet-bg-vibrant-pressed:light-dark(var(--db-violet-10),var(--db-violet-10));--db-blue-origin-default:light-dark(var(--db-blue-origin-light-default),var(--db-blue-origin-dark-default));--db-blue-origin-hovered:light-dark(var(--db-blue-origin-light-hovered),var(--db-blue-origin-dark-hovered));--db-blue-origin-pressed:light-dark(var(--db-blue-origin-light-pressed),var(--db-blue-origin-dark-pressed));--db-blue-on-origin-default:light-dark(var(--db-blue-on-origin-light-default),var(--db-blue-on-origin-dark-default));--db-blue-on-bg-basic-emphasis-50-default:light-dark(var(--db-blue-9),var(--db-blue-5));--db-blue-on-bg-basic-emphasis-60-default:light-dark(var(--db-blue-10),var(--db-blue-6));--db-blue-on-bg-basic-emphasis-70-default:light-dark(var(--db-blue-7),var(--db-blue-8));--db-blue-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-blue-4),var(--db-blue-10));--db-blue-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-on-bg-basic-emphasis-80-default:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-blue-3),var(--db-blue-12));--db-blue-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-blue-5),var(--db-blue-10));--db-blue-on-bg-basic-emphasis-90-default:light-dark(var(--db-blue-4),var(--db-blue-10));--db-blue-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-blue-0),var(--db-blue-14));--db-blue-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-blue-3),var(--db-blue-11));--db-blue-on-bg-basic-emphasis-100-default:light-dark(var(--db-blue-1),var(--db-blue-12));--db-blue-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-blue-5),var(--db-blue-9));--db-blue-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-blue-2),var(--db-blue-11));--db-blue-on-bg-inverted-default:light-dark(var(--db-blue-14),var(--db-blue-3));--db-blue-on-bg-inverted-hovered:light-dark(var(--db-blue-11),var(--db-blue-0));--db-blue-on-bg-inverted-pressed:light-dark(var(--db-blue-13),var(--db-blue-2));--db-blue-on-bg-vibrant-default:light-dark(var(--db-blue-1),var(--db-blue-1));--db-blue-on-bg-vibrant-hovered:light-dark(var(--db-blue-4),var(--db-blue-4));--db-blue-on-bg-vibrant-pressed:light-dark(var(--db-blue-2),var(--db-blue-2));--db-blue-bg-basic-level-1-default:light-dark(var(--db-blue-14),var(--db-blue-1));--db-blue-bg-basic-level-1-hovered:light-dark(var(--db-blue-13),var(--db-blue-3));--db-blue-bg-basic-level-1-pressed:light-dark(var(--db-blue-12),var(--db-blue-4));--db-blue-bg-basic-level-2-default:light-dark(var(--db-blue-13),var(--db-blue-2));--db-blue-bg-basic-level-2-hovered:light-dark(var(--db-blue-12),var(--db-blue-4));--db-blue-bg-basic-level-2-pressed:light-dark(var(--db-blue-11),var(--db-blue-5));--db-blue-bg-basic-level-3-default:light-dark(var(--db-blue-12),var(--db-blue-3));--db-blue-bg-basic-level-3-hovered:light-dark(var(--db-blue-11),var(--db-blue-1));--db-blue-bg-basic-level-3-pressed:light-dark(var(--db-blue-10),var(--db-blue-0));--db-blue-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-blue-6)),color-mix(in srgb,transparent 100%,var(--db-blue-9)));--db-blue-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-blue-6)),color-mix(in srgb,transparent 84%,var(--db-blue-9)));--db-blue-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-blue-6)),color-mix(in srgb,transparent 76%,var(--db-blue-9)));--db-blue-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-blue-6)),color-mix(in srgb,transparent 68%,var(--db-blue-9)));--db-blue-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-blue-6)),color-mix(in srgb,transparent 76%,var(--db-blue-9)));--db-blue-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-blue-6)),color-mix(in srgb,transparent 68%,var(--db-blue-9)));--db-blue-bg-inverted-contrast-max-default:light-dark(var(--db-blue-1),var(--db-blue-12));--db-blue-bg-inverted-contrast-max-hovered:light-dark(var(--db-blue-5),var(--db-blue-9));--db-blue-bg-inverted-contrast-max-pressed:light-dark(var(--db-blue-2),var(--db-blue-11));--db-blue-bg-inverted-contrast-high-default:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-bg-inverted-contrast-high-hovered:light-dark(var(--db-blue-2),var(--db-blue-12));--db-blue-bg-inverted-contrast-high-pressed:light-dark(var(--db-blue-5),var(--db-blue-10));--db-blue-bg-inverted-contrast-low-default:light-dark(var(--db-blue-7),var(--db-blue-8));--db-blue-bg-inverted-contrast-low-hovered:light-dark(var(--db-blue-3),var(--db-blue-12));--db-blue-bg-inverted-contrast-low-pressed:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-bg-vibrant-default:light-dark(var(--db-blue-9),var(--db-blue-9));--db-blue-bg-vibrant-hovered:light-dark(var(--db-blue-12),var(--db-blue-12));--db-blue-bg-vibrant-pressed:light-dark(var(--db-blue-10),var(--db-blue-10));--db-cyan-origin-default:light-dark(var(--db-cyan-origin-light-default),var(--db-cyan-origin-dark-default));--db-cyan-origin-hovered:light-dark(var(--db-cyan-origin-light-hovered),var(--db-cyan-origin-dark-hovered));--db-cyan-origin-pressed:light-dark(var(--db-cyan-origin-light-pressed),var(--db-cyan-origin-dark-pressed));--db-cyan-on-origin-default:light-dark(var(--db-cyan-on-origin-light-default),var(--db-cyan-on-origin-dark-default));--db-cyan-on-bg-basic-emphasis-50-default:light-dark(var(--db-cyan-9),var(--db-cyan-5));--db-cyan-on-bg-basic-emphasis-60-default:light-dark(var(--db-cyan-10),var(--db-cyan-6));--db-cyan-on-bg-basic-emphasis-70-default:light-dark(var(--db-cyan-7),var(--db-cyan-8));--db-cyan-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-cyan-4),var(--db-cyan-10));--db-cyan-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-on-bg-basic-emphasis-80-default:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-cyan-3),var(--db-cyan-12));--db-cyan-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-cyan-5),var(--db-cyan-10));--db-cyan-on-bg-basic-emphasis-90-default:light-dark(var(--db-cyan-4),var(--db-cyan-10));--db-cyan-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-cyan-0),var(--db-cyan-14));--db-cyan-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-cyan-3),var(--db-cyan-11));--db-cyan-on-bg-basic-emphasis-100-default:light-dark(var(--db-cyan-1),var(--db-cyan-12));--db-cyan-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-cyan-5),var(--db-cyan-9));--db-cyan-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-cyan-2),var(--db-cyan-11));--db-cyan-on-bg-inverted-default:light-dark(var(--db-cyan-14),var(--db-cyan-3));--db-cyan-on-bg-inverted-hovered:light-dark(var(--db-cyan-11),var(--db-cyan-0));--db-cyan-on-bg-inverted-pressed:light-dark(var(--db-cyan-13),var(--db-cyan-2));--db-cyan-on-bg-vibrant-default:light-dark(var(--db-cyan-1),var(--db-cyan-1));--db-cyan-on-bg-vibrant-hovered:light-dark(var(--db-cyan-4),var(--db-cyan-4));--db-cyan-on-bg-vibrant-pressed:light-dark(var(--db-cyan-2),var(--db-cyan-2));--db-cyan-bg-basic-level-1-default:light-dark(var(--db-cyan-14),var(--db-cyan-1));--db-cyan-bg-basic-level-1-hovered:light-dark(var(--db-cyan-13),var(--db-cyan-3));--db-cyan-bg-basic-level-1-pressed:light-dark(var(--db-cyan-12),var(--db-cyan-4));--db-cyan-bg-basic-level-2-default:light-dark(var(--db-cyan-13),var(--db-cyan-2));--db-cyan-bg-basic-level-2-hovered:light-dark(var(--db-cyan-12),var(--db-cyan-4));--db-cyan-bg-basic-level-2-pressed:light-dark(var(--db-cyan-11),var(--db-cyan-5));--db-cyan-bg-basic-level-3-default:light-dark(var(--db-cyan-12),var(--db-cyan-3));--db-cyan-bg-basic-level-3-hovered:light-dark(var(--db-cyan-11),var(--db-cyan-1));--db-cyan-bg-basic-level-3-pressed:light-dark(var(--db-cyan-10),var(--db-cyan-0));--db-cyan-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-cyan-6)),color-mix(in srgb,transparent 100%,var(--db-cyan-9)));--db-cyan-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-cyan-6)),color-mix(in srgb,transparent 84%,var(--db-cyan-9)));--db-cyan-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-cyan-6)),color-mix(in srgb,transparent 76%,var(--db-cyan-9)));--db-cyan-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-cyan-6)),color-mix(in srgb,transparent 68%,var(--db-cyan-9)));--db-cyan-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-cyan-6)),color-mix(in srgb,transparent 76%,var(--db-cyan-9)));--db-cyan-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-cyan-6)),color-mix(in srgb,transparent 68%,var(--db-cyan-9)));--db-cyan-bg-inverted-contrast-max-default:light-dark(var(--db-cyan-1),var(--db-cyan-12));--db-cyan-bg-inverted-contrast-max-hovered:light-dark(var(--db-cyan-5),var(--db-cyan-9));--db-cyan-bg-inverted-contrast-max-pressed:light-dark(var(--db-cyan-2),var(--db-cyan-11));--db-cyan-bg-inverted-contrast-high-default:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-bg-inverted-contrast-high-hovered:light-dark(var(--db-cyan-2),var(--db-cyan-12));--db-cyan-bg-inverted-contrast-high-pressed:light-dark(var(--db-cyan-5),var(--db-cyan-10));--db-cyan-bg-inverted-contrast-low-default:light-dark(var(--db-cyan-7),var(--db-cyan-8));--db-cyan-bg-inverted-contrast-low-hovered:light-dark(var(--db-cyan-3),var(--db-cyan-12));--db-cyan-bg-inverted-contrast-low-pressed:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-bg-vibrant-default:light-dark(var(--db-cyan-9),var(--db-cyan-9));--db-cyan-bg-vibrant-hovered:light-dark(var(--db-cyan-12),var(--db-cyan-12));--db-cyan-bg-vibrant-pressed:light-dark(var(--db-cyan-10),var(--db-cyan-10));--db-turquoise-origin-default:light-dark(var(--db-turquoise-origin-light-default),var(--db-turquoise-origin-dark-default));--db-turquoise-origin-hovered:light-dark(var(--db-turquoise-origin-light-hovered),var(--db-turquoise-origin-dark-hovered));--db-turquoise-origin-pressed:light-dark(var(--db-turquoise-origin-light-pressed),var(--db-turquoise-origin-dark-pressed));--db-turquoise-on-origin-default:light-dark(var(--db-turquoise-on-origin-light-default),var(--db-turquoise-on-origin-dark-default));--db-turquoise-on-bg-basic-emphasis-50-default:light-dark(var(--db-turquoise-9),var(--db-turquoise-5));--db-turquoise-on-bg-basic-emphasis-60-default:light-dark(var(--db-turquoise-10),var(--db-turquoise-6));--db-turquoise-on-bg-basic-emphasis-70-default:light-dark(var(--db-turquoise-7),var(--db-turquoise-8));--db-turquoise-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-turquoise-4),var(--db-turquoise-10));--db-turquoise-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-on-bg-basic-emphasis-80-default:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-turquoise-3),var(--db-turquoise-12));--db-turquoise-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-turquoise-5),var(--db-turquoise-10));--db-turquoise-on-bg-basic-emphasis-90-default:light-dark(var(--db-turquoise-4),var(--db-turquoise-10));--db-turquoise-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-turquoise-0),var(--db-turquoise-14));--db-turquoise-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-turquoise-3),var(--db-turquoise-11));--db-turquoise-on-bg-basic-emphasis-100-default:light-dark(var(--db-turquoise-1),var(--db-turquoise-12));--db-turquoise-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-turquoise-5),var(--db-turquoise-9));--db-turquoise-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-turquoise-2),var(--db-turquoise-11));--db-turquoise-on-bg-inverted-default:light-dark(var(--db-turquoise-14),var(--db-turquoise-3));--db-turquoise-on-bg-inverted-hovered:light-dark(var(--db-turquoise-11),var(--db-turquoise-0));--db-turquoise-on-bg-inverted-pressed:light-dark(var(--db-turquoise-13),var(--db-turquoise-2));--db-turquoise-on-bg-vibrant-default:light-dark(var(--db-turquoise-1),var(--db-turquoise-1));--db-turquoise-on-bg-vibrant-hovered:light-dark(var(--db-turquoise-4),var(--db-turquoise-4));--db-turquoise-on-bg-vibrant-pressed:light-dark(var(--db-turquoise-2),var(--db-turquoise-2));--db-turquoise-bg-basic-level-1-default:light-dark(var(--db-turquoise-14),var(--db-turquoise-1));--db-turquoise-bg-basic-level-1-hovered:light-dark(var(--db-turquoise-13),var(--db-turquoise-3));--db-turquoise-bg-basic-level-1-pressed:light-dark(var(--db-turquoise-12),var(--db-turquoise-4));--db-turquoise-bg-basic-level-2-default:light-dark(var(--db-turquoise-13),var(--db-turquoise-2));--db-turquoise-bg-basic-level-2-hovered:light-dark(var(--db-turquoise-12),var(--db-turquoise-4));--db-turquoise-bg-basic-level-2-pressed:light-dark(var(--db-turquoise-11),var(--db-turquoise-5));--db-turquoise-bg-basic-level-3-default:light-dark(var(--db-turquoise-12),var(--db-turquoise-3));--db-turquoise-bg-basic-level-3-hovered:light-dark(var(--db-turquoise-11),var(--db-turquoise-1));--db-turquoise-bg-basic-level-3-pressed:light-dark(var(--db-turquoise-10),var(--db-turquoise-0));--db-turquoise-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-turquoise-6)),color-mix(in srgb,transparent 100%,var(--db-turquoise-9)));--db-turquoise-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-turquoise-6)),color-mix(in srgb,transparent 84%,var(--db-turquoise-9)));--db-turquoise-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-turquoise-6)),color-mix(in srgb,transparent 76%,var(--db-turquoise-9)));--db-turquoise-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-turquoise-6)),color-mix(in srgb,transparent 68%,var(--db-turquoise-9)));--db-turquoise-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-turquoise-6)),color-mix(in srgb,transparent 76%,var(--db-turquoise-9)));--db-turquoise-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-turquoise-6)),color-mix(in srgb,transparent 68%,var(--db-turquoise-9)));--db-turquoise-bg-inverted-contrast-max-default:light-dark(var(--db-turquoise-1),var(--db-turquoise-12));--db-turquoise-bg-inverted-contrast-max-hovered:light-dark(var(--db-turquoise-5),var(--db-turquoise-9));--db-turquoise-bg-inverted-contrast-max-pressed:light-dark(var(--db-turquoise-2),var(--db-turquoise-11));--db-turquoise-bg-inverted-contrast-high-default:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-bg-inverted-contrast-high-hovered:light-dark(var(--db-turquoise-2),var(--db-turquoise-12));--db-turquoise-bg-inverted-contrast-high-pressed:light-dark(var(--db-turquoise-5),var(--db-turquoise-10));--db-turquoise-bg-inverted-contrast-low-default:light-dark(var(--db-turquoise-7),var(--db-turquoise-8));--db-turquoise-bg-inverted-contrast-low-hovered:light-dark(var(--db-turquoise-3),var(--db-turquoise-12));--db-turquoise-bg-inverted-contrast-low-pressed:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-bg-vibrant-default:light-dark(var(--db-turquoise-9),var(--db-turquoise-9));--db-turquoise-bg-vibrant-hovered:light-dark(var(--db-turquoise-12),var(--db-turquoise-12));--db-turquoise-bg-vibrant-pressed:light-dark(var(--db-turquoise-10),var(--db-turquoise-10));--db-green-origin-default:light-dark(var(--db-green-origin-light-default),var(--db-green-origin-dark-default));--db-green-origin-hovered:light-dark(var(--db-green-origin-light-hovered),var(--db-green-origin-dark-hovered));--db-green-origin-pressed:light-dark(var(--db-green-origin-light-pressed),var(--db-green-origin-dark-pressed));--db-green-on-origin-default:light-dark(var(--db-green-on-origin-light-default),var(--db-green-on-origin-dark-default));--db-green-on-bg-basic-emphasis-50-default:light-dark(var(--db-green-9),var(--db-green-5));--db-green-on-bg-basic-emphasis-60-default:light-dark(var(--db-green-10),var(--db-green-6));--db-green-on-bg-basic-emphasis-70-default:light-dark(var(--db-green-7),var(--db-green-8));--db-green-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-green-4),var(--db-green-10));--db-green-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-green-6),var(--db-green-9));--db-green-on-bg-basic-emphasis-80-default:light-dark(var(--db-green-6),var(--db-green-9));--db-green-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-green-3),var(--db-green-12));--db-green-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-green-5),var(--db-green-10));--db-green-on-bg-basic-emphasis-90-default:light-dark(var(--db-green-4),var(--db-green-10));--db-green-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-green-0),var(--db-green-14));--db-green-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-green-3),var(--db-green-11));--db-green-on-bg-basic-emphasis-100-default:light-dark(var(--db-green-1),var(--db-green-12));--db-green-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-green-5),var(--db-green-9));--db-green-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-green-2),var(--db-green-11));--db-green-on-bg-inverted-default:light-dark(var(--db-green-14),var(--db-green-3));--db-green-on-bg-inverted-hovered:light-dark(var(--db-green-11),var(--db-green-0));--db-green-on-bg-inverted-pressed:light-dark(var(--db-green-13),var(--db-green-2));--db-green-on-bg-vibrant-default:light-dark(var(--db-green-1),var(--db-green-1));--db-green-on-bg-vibrant-hovered:light-dark(var(--db-green-4),var(--db-green-4));--db-green-on-bg-vibrant-pressed:light-dark(var(--db-green-2),var(--db-green-2));--db-green-bg-basic-level-1-default:light-dark(var(--db-green-14),var(--db-green-1));--db-green-bg-basic-level-1-hovered:light-dark(var(--db-green-13),var(--db-green-3));--db-green-bg-basic-level-1-pressed:light-dark(var(--db-green-12),var(--db-green-4));--db-green-bg-basic-level-2-default:light-dark(var(--db-green-13),var(--db-green-2));--db-green-bg-basic-level-2-hovered:light-dark(var(--db-green-12),var(--db-green-4));--db-green-bg-basic-level-2-pressed:light-dark(var(--db-green-11),var(--db-green-5));--db-green-bg-basic-level-3-default:light-dark(var(--db-green-12),var(--db-green-3));--db-green-bg-basic-level-3-hovered:light-dark(var(--db-green-11),var(--db-green-1));--db-green-bg-basic-level-3-pressed:light-dark(var(--db-green-10),var(--db-green-0));--db-green-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-green-6)),color-mix(in srgb,transparent 100%,var(--db-green-9)));--db-green-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-green-6)),color-mix(in srgb,transparent 84%,var(--db-green-9)));--db-green-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-green-6)),color-mix(in srgb,transparent 76%,var(--db-green-9)));--db-green-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-green-6)),color-mix(in srgb,transparent 68%,var(--db-green-9)));--db-green-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-green-6)),color-mix(in srgb,transparent 76%,var(--db-green-9)));--db-green-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-green-6)),color-mix(in srgb,transparent 68%,var(--db-green-9)));--db-green-bg-inverted-contrast-max-default:light-dark(var(--db-green-1),var(--db-green-12));--db-green-bg-inverted-contrast-max-hovered:light-dark(var(--db-green-5),var(--db-green-9));--db-green-bg-inverted-contrast-max-pressed:light-dark(var(--db-green-2),var(--db-green-11));--db-green-bg-inverted-contrast-high-default:light-dark(var(--db-green-6),var(--db-green-9));--db-green-bg-inverted-contrast-high-hovered:light-dark(var(--db-green-2),var(--db-green-12));--db-green-bg-inverted-contrast-high-pressed:light-dark(var(--db-green-5),var(--db-green-10));--db-green-bg-inverted-contrast-low-default:light-dark(var(--db-green-7),var(--db-green-8));--db-green-bg-inverted-contrast-low-hovered:light-dark(var(--db-green-3),var(--db-green-12));--db-green-bg-inverted-contrast-low-pressed:light-dark(var(--db-green-6),var(--db-green-9));--db-green-bg-vibrant-default:light-dark(var(--db-green-9),var(--db-green-9));--db-green-bg-vibrant-hovered:light-dark(var(--db-green-12),var(--db-green-12));--db-green-bg-vibrant-pressed:light-dark(var(--db-green-10),var(--db-green-10));--db-light-green-origin-default:light-dark(var(--db-light-green-origin-light-default),var(--db-light-green-origin-dark-default));--db-light-green-origin-hovered:light-dark(var(--db-light-green-origin-light-hovered),var(--db-light-green-origin-dark-hovered));--db-light-green-origin-pressed:light-dark(var(--db-light-green-origin-light-pressed),var(--db-light-green-origin-dark-pressed));--db-light-green-on-origin-default:light-dark(var(--db-light-green-on-origin-light-default),var(--db-light-green-on-origin-dark-default));--db-light-green-on-bg-basic-emphasis-50-default:light-dark(var(--db-light-green-9),var(--db-light-green-5));--db-light-green-on-bg-basic-emphasis-60-default:light-dark(var(--db-light-green-10),var(--db-light-green-6));--db-light-green-on-bg-basic-emphasis-70-default:light-dark(var(--db-light-green-7),var(--db-light-green-8));--db-light-green-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-light-green-4),var(--db-light-green-10));--db-light-green-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-light-green-6),var(--db-light-green-9));--db-light-green-on-bg-basic-emphasis-80-default:light-dark(var(--db-light-green-6),var(--db-light-green-9));--db-light-green-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-light-green-3),var(--db-light-green-12));--db-light-green-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-light-green-5),var(--db-light-green-10));--db-light-green-on-bg-basic-emphasis-90-default:light-dark(var(--db-light-green-4),var(--db-light-green-10));--db-light-green-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-light-green-0),var(--db-light-green-14));--db-light-green-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-light-green-3),var(--db-light-green-11));--db-light-green-on-bg-basic-emphasis-100-default:light-dark(var(--db-light-green-1),var(--db-light-green-12));--db-light-green-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-light-green-5),var(--db-light-green-9));--db-light-green-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-light-green-2),var(--db-light-green-11));--db-light-green-on-bg-inverted-default:light-dark(var(--db-light-green-14),var(--db-light-green-3));--db-light-green-on-bg-inverted-hovered:light-dark(var(--db-light-green-11),var(--db-light-green-0));--db-light-green-on-bg-inverted-pressed:light-dark(var(--db-light-green-13),var(--db-light-green-2));--db-light-green-on-bg-vibrant-default:light-dark(var(--db-light-green-1),var(--db-light-green-1));--db-light-green-on-bg-vibrant-hovered:light-dark(var(--db-light-green-4),var(--db-light-green-4));--db-light-green-on-bg-vibrant-pressed:light-dark(var(--db-light-green-2),var(--db-light-green-2));--db-light-green-bg-basic-level-1-default:light-dark(var(--db-light-green-14),var(--db-light-green-1));--db-light-green-bg-basic-level-1-hovered:light-dark(var(--db-light-green-13),var(--db-light-green-3));--db-light-green-bg-basic-level-1-pressed:light-dark(var(--db-light-green-12),var(--db-light-green-4));--db-light-green-bg-basic-level-2-default:light-dark(var(--db-light-green-13),var(--db-light-green-2));--db-light-green-bg-basic-level-2-hovered:light-dark(var(--db-light-green-12),var(--db-light-green-4));--db-light-green-bg-basic-level-2-pressed:light-dark(var(--db-light-green-11),var(--db-light-green-5));--db-light-green-bg-basic-level-3-default:light-dark(var(--db-light-green-12),var(--db-light-green-3));--db-light-green-bg-basic-level-3-hovered:light-dark(var(--db-light-green-11),var(--db-light-green-1));--db-light-green-bg-basic-level-3-pressed:light-dark(var(--db-light-green-10),var(--db-light-green-0));--db-light-green-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-light-green-6)),color-mix(in srgb,transparent 100%,var(--db-light-green-9)));--db-light-green-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-light-green-6)),color-mix(in srgb,transparent 84%,var(--db-light-green-9)));--db-light-green-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-light-green-6)),color-mix(in srgb,transparent 76%,var(--db-light-green-9)));--db-light-green-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-light-green-6)),color-mix(in srgb,transparent 68%,var(--db-light-green-9)));--db-light-green-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-light-green-6)),color-mix(in srgb,transparent 76%,var(--db-light-green-9)));--db-light-green-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-light-green-6)),color-mix(in srgb,transparent 68%,var(--db-light-green-9)));--db-light-green-bg-inverted-contrast-max-default:light-dark(var(--db-light-green-1),var(--db-light-green-12));--db-light-green-bg-inverted-contrast-max-hovered:light-dark(var(--db-light-green-5),var(--db-light-green-9));--db-light-green-bg-inverted-contrast-max-pressed:light-dark(var(--db-light-green-2),var(--db-light-green-11));--db-light-green-bg-inverted-contrast-high-default:light-dark(var(--db-light-green-6),var(--db-light-green-9));--db-light-green-bg-inverted-contrast-high-hovered:light-dark(var(--db-light-green-2),var(--db-light-green-12));--db-light-green-bg-inverted-contrast-high-pressed:light-dark(var(--db-light-green-5),var(--db-light-green-10));--db-light-green-bg-inverted-contrast-low-default:light-dark(var(--db-light-green-7),var(--db-light-green-8));--db-light-green-bg-inverted-contrast-low-hovered:light-dark(var(--db-light-green-3),var(--db-light-green-12));--db-light-green-bg-inverted-contrast-low-pressed:light-dark(var(--db-light-green-6),var(--db-light-green-9));--db-light-green-bg-vibrant-default:light-dark(var(--db-light-green-9),var(--db-light-green-9));--db-light-green-bg-vibrant-hovered:light-dark(var(--db-light-green-12),var(--db-light-green-12));--db-light-green-bg-vibrant-pressed:light-dark(var(--db-light-green-10),var(--db-light-green-10));--db-burgundy-origin-default:light-dark(var(--db-burgundy-origin-light-default),var(--db-burgundy-origin-dark-default));--db-burgundy-origin-hovered:light-dark(var(--db-burgundy-origin-light-hovered),var(--db-burgundy-origin-dark-hovered));--db-burgundy-origin-pressed:light-dark(var(--db-burgundy-origin-light-pressed),var(--db-burgundy-origin-dark-pressed));--db-burgundy-on-origin-default:light-dark(var(--db-burgundy-on-origin-light-default),var(--db-burgundy-on-origin-dark-default));--db-burgundy-on-bg-basic-emphasis-50-default:light-dark(var(--db-burgundy-9),var(--db-burgundy-5));--db-burgundy-on-bg-basic-emphasis-60-default:light-dark(var(--db-burgundy-10),var(--db-burgundy-6));--db-burgundy-on-bg-basic-emphasis-70-default:light-dark(var(--db-burgundy-7),var(--db-burgundy-8));--db-burgundy-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-burgundy-4),var(--db-burgundy-10));--db-burgundy-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-burgundy-6),var(--db-burgundy-9));--db-burgundy-on-bg-basic-emphasis-80-default:light-dark(var(--db-burgundy-6),var(--db-burgundy-9));--db-burgundy-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-burgundy-3),var(--db-burgundy-12));--db-burgundy-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-burgundy-5),var(--db-burgundy-10));--db-burgundy-on-bg-basic-emphasis-90-default:light-dark(var(--db-burgundy-4),var(--db-burgundy-10));--db-burgundy-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-burgundy-0),var(--db-burgundy-14));--db-burgundy-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-burgundy-3),var(--db-burgundy-11));--db-burgundy-on-bg-basic-emphasis-100-default:light-dark(var(--db-burgundy-1),var(--db-burgundy-12));--db-burgundy-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-burgundy-5),var(--db-burgundy-9));--db-burgundy-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-burgundy-2),var(--db-burgundy-11));--db-burgundy-on-bg-inverted-default:light-dark(var(--db-burgundy-14),var(--db-burgundy-3));--db-burgundy-on-bg-inverted-hovered:light-dark(var(--db-burgundy-11),var(--db-burgundy-0));--db-burgundy-on-bg-inverted-pressed:light-dark(var(--db-burgundy-13),var(--db-burgundy-2));--db-burgundy-on-bg-vibrant-default:light-dark(var(--db-burgundy-1),var(--db-burgundy-1));--db-burgundy-on-bg-vibrant-hovered:light-dark(var(--db-burgundy-4),var(--db-burgundy-4));--db-burgundy-on-bg-vibrant-pressed:light-dark(var(--db-burgundy-2),var(--db-burgundy-2));--db-burgundy-bg-basic-level-1-default:light-dark(var(--db-burgundy-14),var(--db-burgundy-1));--db-burgundy-bg-basic-level-1-hovered:light-dark(var(--db-burgundy-13),var(--db-burgundy-3));--db-burgundy-bg-basic-level-1-pressed:light-dark(var(--db-burgundy-12),var(--db-burgundy-4));--db-burgundy-bg-basic-level-2-default:light-dark(var(--db-burgundy-13),var(--db-burgundy-2));--db-burgundy-bg-basic-level-2-hovered:light-dark(var(--db-burgundy-12),var(--db-burgundy-4));--db-burgundy-bg-basic-level-2-pressed:light-dark(var(--db-burgundy-11),var(--db-burgundy-5));--db-burgundy-bg-basic-level-3-default:light-dark(var(--db-burgundy-12),var(--db-burgundy-3));--db-burgundy-bg-basic-level-3-hovered:light-dark(var(--db-burgundy-11),var(--db-burgundy-1));--db-burgundy-bg-basic-level-3-pressed:light-dark(var(--db-burgundy-10),var(--db-burgundy-0));--db-burgundy-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-burgundy-6)),color-mix(in srgb,transparent 100%,var(--db-burgundy-9)));--db-burgundy-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-burgundy-6)),color-mix(in srgb,transparent 84%,var(--db-burgundy-9)));--db-burgundy-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-burgundy-6)),color-mix(in srgb,transparent 76%,var(--db-burgundy-9)));--db-burgundy-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-burgundy-6)),color-mix(in srgb,transparent 68%,var(--db-burgundy-9)));--db-burgundy-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-burgundy-6)),color-mix(in srgb,transparent 76%,var(--db-burgundy-9)));--db-burgundy-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-burgundy-6)),color-mix(in srgb,transparent 68%,var(--db-burgundy-9)));--db-burgundy-bg-inverted-contrast-max-default:light-dark(var(--db-burgundy-1),var(--db-burgundy-12));--db-burgundy-bg-inverted-contrast-max-hovered:light-dark(var(--db-burgundy-5),var(--db-burgundy-9));--db-burgundy-bg-inverted-contrast-max-pressed:light-dark(var(--db-burgundy-2),var(--db-burgundy-11));--db-burgundy-bg-inverted-contrast-high-default:light-dark(var(--db-burgundy-6),var(--db-burgundy-9));--db-burgundy-bg-inverted-contrast-high-hovered:light-dark(var(--db-burgundy-2),var(--db-burgundy-12));--db-burgundy-bg-inverted-contrast-high-pressed:light-dark(var(--db-burgundy-5),var(--db-burgundy-10));--db-burgundy-bg-inverted-contrast-low-default:light-dark(var(--db-burgundy-7),var(--db-burgundy-8));--db-burgundy-bg-inverted-contrast-low-hovered:light-dark(var(--db-burgundy-3),var(--db-burgundy-12));--db-burgundy-bg-inverted-contrast-low-pressed:light-dark(var(--db-burgundy-6),var(--db-burgundy-9));--db-burgundy-bg-vibrant-default:light-dark(var(--db-burgundy-9),var(--db-burgundy-9));--db-burgundy-bg-vibrant-hovered:light-dark(var(--db-burgundy-12),var(--db-burgundy-12));--db-burgundy-bg-vibrant-pressed:light-dark(var(--db-burgundy-10),var(--db-burgundy-10))}}:where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}@property --db-screen-xs{syntax:"*";inherits:true;initial-value:20em}@property --db-screen-sm{syntax:"*";inherits:true;initial-value:48em}@property --db-screen-md{syntax:"*";inherits:true;initial-value:64em}@property --db-screen-xl{syntax:"*";inherits:true;initial-value:120em}@layer variables{:is(:root,:host){--db-textarea-resizer-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");--db-textarea-scrollbar-button-decrement:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");--db-textarea-scrollbar-button-increment:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K")}@media (prefers-color-scheme:dark){:is(:root,:host){--db-textarea-resizer-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");--db-textarea-scrollbar-button-decrement:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");--db-textarea-scrollbar-button-increment:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=")}}}html:not(:has(>head>meta[name=color-scheme])){color-scheme:light dark}[data-mode=light]{color-scheme:light}[data-mode=dark]{color-scheme:dark}body,html{margin:0;padding:0}#app,#root,body{block-size:inherit}body{font-family:var(--db-font-family-sans)}html{box-sizing:var(--db-box-sizing,border-box)}*{-webkit-font-smoothing:antialiased;font-synthesis:none;text-rendering:optimizelegibility}*,:after,:before{box-sizing:inherit}a,body,button,input,select,summary,textarea{color:inherit}embed,iframe,img,object,video{block-size:auto;max-inline-size:100%}iframe{border:0}:where(ul){list-style-type:"• ";padding-inline-start:var(--db-spacing-fixed-md)}:where(ul) li::marker{color:var(--db-brand-origin-default)}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style-type:"";margin:0;padding:0}fieldset{border:0}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}
1
+ @charset "UTF-8";@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}:not([data-disable-focus=true]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{box-shadow:0 0 0 var(--db-border-width-xs) var(--db-focus-box-shadow-bg-color,transparent);outline:var(--db-border-width-2xs) solid var(--db-focus-outline-color,var(--db-informational-on-bg-basic-emphasis-70-default));outline-offset:var(--db-border-width-xs)}@media screen and (prefers-reduced-motion:no-preference){:not([data-disable-focus=true]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{transition:outline var(--db-transition-duration-extra-fast),box-shadow var(--db-transition-duration-extra-fast)}}:not([data-disable-focus=true]):not([type=radio],[role=switch]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{border-radius:var(--db-border-radius-xs)}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}:is(:root,:host){font:var(--db-type-body-md)}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{:is(:root,:host){--db-neutral-origin-default:light-dark(var(--db-neutral-origin-light-default),var(--db-neutral-origin-dark-default));--db-neutral-origin-hovered:light-dark(var(--db-neutral-origin-light-hovered),var(--db-neutral-origin-dark-hovered));--db-neutral-origin-pressed:light-dark(var(--db-neutral-origin-light-pressed),var(--db-neutral-origin-dark-pressed));--db-neutral-on-origin-default:light-dark(var(--db-neutral-on-origin-light-default),var(--db-neutral-on-origin-dark-default));--db-neutral-on-bg-basic-emphasis-50-default:light-dark(var(--db-neutral-9),var(--db-neutral-5));--db-neutral-on-bg-basic-emphasis-60-default:light-dark(var(--db-neutral-10),var(--db-neutral-6));--db-neutral-on-bg-basic-emphasis-70-default:light-dark(var(--db-neutral-7),var(--db-neutral-8));--db-neutral-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-neutral-4),var(--db-neutral-10));--db-neutral-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-on-bg-basic-emphasis-80-default:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-neutral-3),var(--db-neutral-12));--db-neutral-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-neutral-5),var(--db-neutral-10));--db-neutral-on-bg-basic-emphasis-90-default:light-dark(var(--db-neutral-4),var(--db-neutral-10));--db-neutral-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-neutral-0),var(--db-neutral-14));--db-neutral-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-neutral-3),var(--db-neutral-11));--db-neutral-on-bg-basic-emphasis-100-default:light-dark(var(--db-neutral-1),var(--db-neutral-12));--db-neutral-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-neutral-5),var(--db-neutral-9));--db-neutral-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-neutral-2),var(--db-neutral-11));--db-neutral-on-bg-inverted-default:light-dark(var(--db-neutral-14),var(--db-neutral-3));--db-neutral-on-bg-inverted-hovered:light-dark(var(--db-neutral-11),var(--db-neutral-0));--db-neutral-on-bg-inverted-pressed:light-dark(var(--db-neutral-13),var(--db-neutral-2));--db-neutral-on-bg-vibrant-default:light-dark(var(--db-neutral-1),var(--db-neutral-1));--db-neutral-on-bg-vibrant-hovered:light-dark(var(--db-neutral-4),var(--db-neutral-4));--db-neutral-on-bg-vibrant-pressed:light-dark(var(--db-neutral-2),var(--db-neutral-2));--db-neutral-bg-basic-level-1-default:light-dark(var(--db-neutral-14),var(--db-neutral-1));--db-neutral-bg-basic-level-1-hovered:light-dark(var(--db-neutral-13),var(--db-neutral-3));--db-neutral-bg-basic-level-1-pressed:light-dark(var(--db-neutral-12),var(--db-neutral-4));--db-neutral-bg-basic-level-2-default:light-dark(var(--db-neutral-13),var(--db-neutral-2));--db-neutral-bg-basic-level-2-hovered:light-dark(var(--db-neutral-12),var(--db-neutral-4));--db-neutral-bg-basic-level-2-pressed:light-dark(var(--db-neutral-11),var(--db-neutral-5));--db-neutral-bg-basic-level-3-default:light-dark(var(--db-neutral-12),var(--db-neutral-3));--db-neutral-bg-basic-level-3-hovered:light-dark(var(--db-neutral-11),var(--db-neutral-1));--db-neutral-bg-basic-level-3-pressed:light-dark(var(--db-neutral-10),var(--db-neutral-0));--db-neutral-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-neutral-6)),color-mix(in srgb,transparent 100%,var(--db-neutral-9)));--db-neutral-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-neutral-6)),color-mix(in srgb,transparent 84%,var(--db-neutral-9)));--db-neutral-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-neutral-6)),color-mix(in srgb,transparent 76%,var(--db-neutral-9)));--db-neutral-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-neutral-6)),color-mix(in srgb,transparent 68%,var(--db-neutral-9)));--db-neutral-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-neutral-6)),color-mix(in srgb,transparent 76%,var(--db-neutral-9)));--db-neutral-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-neutral-6)),color-mix(in srgb,transparent 68%,var(--db-neutral-9)));--db-neutral-bg-inverted-contrast-max-default:light-dark(var(--db-neutral-1),var(--db-neutral-12));--db-neutral-bg-inverted-contrast-max-hovered:light-dark(var(--db-neutral-5),var(--db-neutral-9));--db-neutral-bg-inverted-contrast-max-pressed:light-dark(var(--db-neutral-2),var(--db-neutral-11));--db-neutral-bg-inverted-contrast-high-default:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-bg-inverted-contrast-high-hovered:light-dark(var(--db-neutral-2),var(--db-neutral-12));--db-neutral-bg-inverted-contrast-high-pressed:light-dark(var(--db-neutral-5),var(--db-neutral-10));--db-neutral-bg-inverted-contrast-low-default:light-dark(var(--db-neutral-7),var(--db-neutral-8));--db-neutral-bg-inverted-contrast-low-hovered:light-dark(var(--db-neutral-3),var(--db-neutral-12));--db-neutral-bg-inverted-contrast-low-pressed:light-dark(var(--db-neutral-6),var(--db-neutral-9));--db-neutral-bg-vibrant-default:light-dark(var(--db-neutral-9),var(--db-neutral-9));--db-neutral-bg-vibrant-hovered:light-dark(var(--db-neutral-12),var(--db-neutral-12));--db-neutral-bg-vibrant-pressed:light-dark(var(--db-neutral-10),var(--db-neutral-10));--db-brand-origin-default:light-dark(var(--db-brand-origin-light-default),var(--db-brand-origin-dark-default));--db-brand-origin-hovered:light-dark(var(--db-brand-origin-light-hovered),var(--db-brand-origin-dark-hovered));--db-brand-origin-pressed:light-dark(var(--db-brand-origin-light-pressed),var(--db-brand-origin-dark-pressed));--db-brand-on-origin-default:light-dark(var(--db-brand-on-origin-light-default),var(--db-brand-on-origin-dark-default));--db-brand-on-bg-basic-emphasis-50-default:light-dark(var(--db-brand-9),var(--db-brand-5));--db-brand-on-bg-basic-emphasis-60-default:light-dark(var(--db-brand-10),var(--db-brand-6));--db-brand-on-bg-basic-emphasis-70-default:light-dark(var(--db-brand-7),var(--db-brand-8));--db-brand-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-brand-4),var(--db-brand-10));--db-brand-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-on-bg-basic-emphasis-80-default:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-brand-3),var(--db-brand-12));--db-brand-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-brand-5),var(--db-brand-10));--db-brand-on-bg-basic-emphasis-90-default:light-dark(var(--db-brand-4),var(--db-brand-10));--db-brand-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-brand-0),var(--db-brand-14));--db-brand-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-brand-3),var(--db-brand-11));--db-brand-on-bg-basic-emphasis-100-default:light-dark(var(--db-brand-1),var(--db-brand-12));--db-brand-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-brand-5),var(--db-brand-9));--db-brand-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-brand-2),var(--db-brand-11));--db-brand-on-bg-inverted-default:light-dark(var(--db-brand-14),var(--db-brand-3));--db-brand-on-bg-inverted-hovered:light-dark(var(--db-brand-11),var(--db-brand-0));--db-brand-on-bg-inverted-pressed:light-dark(var(--db-brand-13),var(--db-brand-2));--db-brand-on-bg-vibrant-default:light-dark(var(--db-brand-1),var(--db-brand-1));--db-brand-on-bg-vibrant-hovered:light-dark(var(--db-brand-4),var(--db-brand-4));--db-brand-on-bg-vibrant-pressed:light-dark(var(--db-brand-2),var(--db-brand-2));--db-brand-bg-basic-level-1-default:light-dark(var(--db-brand-14),var(--db-brand-1));--db-brand-bg-basic-level-1-hovered:light-dark(var(--db-brand-13),var(--db-brand-3));--db-brand-bg-basic-level-1-pressed:light-dark(var(--db-brand-12),var(--db-brand-4));--db-brand-bg-basic-level-2-default:light-dark(var(--db-brand-13),var(--db-brand-2));--db-brand-bg-basic-level-2-hovered:light-dark(var(--db-brand-12),var(--db-brand-4));--db-brand-bg-basic-level-2-pressed:light-dark(var(--db-brand-11),var(--db-brand-5));--db-brand-bg-basic-level-3-default:light-dark(var(--db-brand-12),var(--db-brand-3));--db-brand-bg-basic-level-3-hovered:light-dark(var(--db-brand-11),var(--db-brand-1));--db-brand-bg-basic-level-3-pressed:light-dark(var(--db-brand-10),var(--db-brand-0));--db-brand-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-brand-6)),color-mix(in srgb,transparent 100%,var(--db-brand-9)));--db-brand-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-brand-6)),color-mix(in srgb,transparent 84%,var(--db-brand-9)));--db-brand-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-brand-6)),color-mix(in srgb,transparent 76%,var(--db-brand-9)));--db-brand-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-brand-6)),color-mix(in srgb,transparent 68%,var(--db-brand-9)));--db-brand-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-brand-6)),color-mix(in srgb,transparent 76%,var(--db-brand-9)));--db-brand-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-brand-6)),color-mix(in srgb,transparent 68%,var(--db-brand-9)));--db-brand-bg-inverted-contrast-max-default:light-dark(var(--db-brand-1),var(--db-brand-12));--db-brand-bg-inverted-contrast-max-hovered:light-dark(var(--db-brand-5),var(--db-brand-9));--db-brand-bg-inverted-contrast-max-pressed:light-dark(var(--db-brand-2),var(--db-brand-11));--db-brand-bg-inverted-contrast-high-default:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-bg-inverted-contrast-high-hovered:light-dark(var(--db-brand-2),var(--db-brand-12));--db-brand-bg-inverted-contrast-high-pressed:light-dark(var(--db-brand-5),var(--db-brand-10));--db-brand-bg-inverted-contrast-low-default:light-dark(var(--db-brand-7),var(--db-brand-8));--db-brand-bg-inverted-contrast-low-hovered:light-dark(var(--db-brand-3),var(--db-brand-12));--db-brand-bg-inverted-contrast-low-pressed:light-dark(var(--db-brand-6),var(--db-brand-9));--db-brand-bg-vibrant-default:light-dark(var(--db-brand-9),var(--db-brand-9));--db-brand-bg-vibrant-hovered:light-dark(var(--db-brand-12),var(--db-brand-12));--db-brand-bg-vibrant-pressed:light-dark(var(--db-brand-10),var(--db-brand-10));--db-informational-origin-default:light-dark(var(--db-informational-origin-light-default),var(--db-informational-origin-dark-default));--db-informational-origin-hovered:light-dark(var(--db-informational-origin-light-hovered),var(--db-informational-origin-dark-hovered));--db-informational-origin-pressed:light-dark(var(--db-informational-origin-light-pressed),var(--db-informational-origin-dark-pressed));--db-informational-on-origin-default:light-dark(var(--db-informational-on-origin-light-default),var(--db-informational-on-origin-dark-default));--db-informational-on-bg-basic-emphasis-50-default:light-dark(var(--db-informational-9),var(--db-informational-5));--db-informational-on-bg-basic-emphasis-60-default:light-dark(var(--db-informational-10),var(--db-informational-6));--db-informational-on-bg-basic-emphasis-70-default:light-dark(var(--db-informational-7),var(--db-informational-8));--db-informational-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-informational-4),var(--db-informational-10));--db-informational-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-on-bg-basic-emphasis-80-default:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-informational-3),var(--db-informational-12));--db-informational-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-informational-5),var(--db-informational-10));--db-informational-on-bg-basic-emphasis-90-default:light-dark(var(--db-informational-4),var(--db-informational-10));--db-informational-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-informational-0),var(--db-informational-14));--db-informational-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-informational-3),var(--db-informational-11));--db-informational-on-bg-basic-emphasis-100-default:light-dark(var(--db-informational-1),var(--db-informational-12));--db-informational-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-informational-5),var(--db-informational-9));--db-informational-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-informational-2),var(--db-informational-11));--db-informational-on-bg-inverted-default:light-dark(var(--db-informational-14),var(--db-informational-3));--db-informational-on-bg-inverted-hovered:light-dark(var(--db-informational-11),var(--db-informational-0));--db-informational-on-bg-inverted-pressed:light-dark(var(--db-informational-13),var(--db-informational-2));--db-informational-on-bg-vibrant-default:light-dark(var(--db-informational-1),var(--db-informational-1));--db-informational-on-bg-vibrant-hovered:light-dark(var(--db-informational-4),var(--db-informational-4));--db-informational-on-bg-vibrant-pressed:light-dark(var(--db-informational-2),var(--db-informational-2));--db-informational-bg-basic-level-1-default:light-dark(var(--db-informational-14),var(--db-informational-1));--db-informational-bg-basic-level-1-hovered:light-dark(var(--db-informational-13),var(--db-informational-3));--db-informational-bg-basic-level-1-pressed:light-dark(var(--db-informational-12),var(--db-informational-4));--db-informational-bg-basic-level-2-default:light-dark(var(--db-informational-13),var(--db-informational-2));--db-informational-bg-basic-level-2-hovered:light-dark(var(--db-informational-12),var(--db-informational-4));--db-informational-bg-basic-level-2-pressed:light-dark(var(--db-informational-11),var(--db-informational-5));--db-informational-bg-basic-level-3-default:light-dark(var(--db-informational-12),var(--db-informational-3));--db-informational-bg-basic-level-3-hovered:light-dark(var(--db-informational-11),var(--db-informational-1));--db-informational-bg-basic-level-3-pressed:light-dark(var(--db-informational-10),var(--db-informational-0));--db-informational-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-informational-6)),color-mix(in srgb,transparent 100%,var(--db-informational-9)));--db-informational-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-informational-6)),color-mix(in srgb,transparent 84%,var(--db-informational-9)));--db-informational-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-informational-6)),color-mix(in srgb,transparent 76%,var(--db-informational-9)));--db-informational-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-informational-6)),color-mix(in srgb,transparent 68%,var(--db-informational-9)));--db-informational-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-informational-6)),color-mix(in srgb,transparent 76%,var(--db-informational-9)));--db-informational-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-informational-6)),color-mix(in srgb,transparent 68%,var(--db-informational-9)));--db-informational-bg-inverted-contrast-max-default:light-dark(var(--db-informational-1),var(--db-informational-12));--db-informational-bg-inverted-contrast-max-hovered:light-dark(var(--db-informational-5),var(--db-informational-9));--db-informational-bg-inverted-contrast-max-pressed:light-dark(var(--db-informational-2),var(--db-informational-11));--db-informational-bg-inverted-contrast-high-default:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-bg-inverted-contrast-high-hovered:light-dark(var(--db-informational-2),var(--db-informational-12));--db-informational-bg-inverted-contrast-high-pressed:light-dark(var(--db-informational-5),var(--db-informational-10));--db-informational-bg-inverted-contrast-low-default:light-dark(var(--db-informational-7),var(--db-informational-8));--db-informational-bg-inverted-contrast-low-hovered:light-dark(var(--db-informational-3),var(--db-informational-12));--db-informational-bg-inverted-contrast-low-pressed:light-dark(var(--db-informational-6),var(--db-informational-9));--db-informational-bg-vibrant-default:light-dark(var(--db-informational-9),var(--db-informational-9));--db-informational-bg-vibrant-hovered:light-dark(var(--db-informational-12),var(--db-informational-12));--db-informational-bg-vibrant-pressed:light-dark(var(--db-informational-10),var(--db-informational-10));--db-warning-origin-default:light-dark(var(--db-warning-origin-light-default),var(--db-warning-origin-dark-default));--db-warning-origin-hovered:light-dark(var(--db-warning-origin-light-hovered),var(--db-warning-origin-dark-hovered));--db-warning-origin-pressed:light-dark(var(--db-warning-origin-light-pressed),var(--db-warning-origin-dark-pressed));--db-warning-on-origin-default:light-dark(var(--db-warning-on-origin-light-default),var(--db-warning-on-origin-dark-default));--db-warning-on-bg-basic-emphasis-50-default:light-dark(var(--db-warning-9),var(--db-warning-5));--db-warning-on-bg-basic-emphasis-60-default:light-dark(var(--db-warning-10),var(--db-warning-6));--db-warning-on-bg-basic-emphasis-70-default:light-dark(var(--db-warning-7),var(--db-warning-8));--db-warning-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-warning-4),var(--db-warning-10));--db-warning-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-on-bg-basic-emphasis-80-default:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-warning-3),var(--db-warning-12));--db-warning-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-warning-5),var(--db-warning-10));--db-warning-on-bg-basic-emphasis-90-default:light-dark(var(--db-warning-4),var(--db-warning-10));--db-warning-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-warning-0),var(--db-warning-14));--db-warning-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-warning-3),var(--db-warning-11));--db-warning-on-bg-basic-emphasis-100-default:light-dark(var(--db-warning-1),var(--db-warning-12));--db-warning-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-warning-5),var(--db-warning-9));--db-warning-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-warning-2),var(--db-warning-11));--db-warning-on-bg-inverted-default:light-dark(var(--db-warning-14),var(--db-warning-3));--db-warning-on-bg-inverted-hovered:light-dark(var(--db-warning-11),var(--db-warning-0));--db-warning-on-bg-inverted-pressed:light-dark(var(--db-warning-13),var(--db-warning-2));--db-warning-on-bg-vibrant-default:light-dark(var(--db-warning-1),var(--db-warning-1));--db-warning-on-bg-vibrant-hovered:light-dark(var(--db-warning-4),var(--db-warning-4));--db-warning-on-bg-vibrant-pressed:light-dark(var(--db-warning-2),var(--db-warning-2));--db-warning-bg-basic-level-1-default:light-dark(var(--db-warning-14),var(--db-warning-1));--db-warning-bg-basic-level-1-hovered:light-dark(var(--db-warning-13),var(--db-warning-3));--db-warning-bg-basic-level-1-pressed:light-dark(var(--db-warning-12),var(--db-warning-4));--db-warning-bg-basic-level-2-default:light-dark(var(--db-warning-13),var(--db-warning-2));--db-warning-bg-basic-level-2-hovered:light-dark(var(--db-warning-12),var(--db-warning-4));--db-warning-bg-basic-level-2-pressed:light-dark(var(--db-warning-11),var(--db-warning-5));--db-warning-bg-basic-level-3-default:light-dark(var(--db-warning-12),var(--db-warning-3));--db-warning-bg-basic-level-3-hovered:light-dark(var(--db-warning-11),var(--db-warning-1));--db-warning-bg-basic-level-3-pressed:light-dark(var(--db-warning-10),var(--db-warning-0));--db-warning-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-warning-6)),color-mix(in srgb,transparent 100%,var(--db-warning-9)));--db-warning-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-warning-6)),color-mix(in srgb,transparent 84%,var(--db-warning-9)));--db-warning-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-warning-6)),color-mix(in srgb,transparent 76%,var(--db-warning-9)));--db-warning-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-warning-6)),color-mix(in srgb,transparent 68%,var(--db-warning-9)));--db-warning-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-warning-6)),color-mix(in srgb,transparent 76%,var(--db-warning-9)));--db-warning-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-warning-6)),color-mix(in srgb,transparent 68%,var(--db-warning-9)));--db-warning-bg-inverted-contrast-max-default:light-dark(var(--db-warning-1),var(--db-warning-12));--db-warning-bg-inverted-contrast-max-hovered:light-dark(var(--db-warning-5),var(--db-warning-9));--db-warning-bg-inverted-contrast-max-pressed:light-dark(var(--db-warning-2),var(--db-warning-11));--db-warning-bg-inverted-contrast-high-default:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-bg-inverted-contrast-high-hovered:light-dark(var(--db-warning-2),var(--db-warning-12));--db-warning-bg-inverted-contrast-high-pressed:light-dark(var(--db-warning-5),var(--db-warning-10));--db-warning-bg-inverted-contrast-low-default:light-dark(var(--db-warning-7),var(--db-warning-8));--db-warning-bg-inverted-contrast-low-hovered:light-dark(var(--db-warning-3),var(--db-warning-12));--db-warning-bg-inverted-contrast-low-pressed:light-dark(var(--db-warning-6),var(--db-warning-9));--db-warning-bg-vibrant-default:light-dark(var(--db-warning-9),var(--db-warning-9));--db-warning-bg-vibrant-hovered:light-dark(var(--db-warning-12),var(--db-warning-12));--db-warning-bg-vibrant-pressed:light-dark(var(--db-warning-10),var(--db-warning-10));--db-successful-origin-default:light-dark(var(--db-successful-origin-light-default),var(--db-successful-origin-dark-default));--db-successful-origin-hovered:light-dark(var(--db-successful-origin-light-hovered),var(--db-successful-origin-dark-hovered));--db-successful-origin-pressed:light-dark(var(--db-successful-origin-light-pressed),var(--db-successful-origin-dark-pressed));--db-successful-on-origin-default:light-dark(var(--db-successful-on-origin-light-default),var(--db-successful-on-origin-dark-default));--db-successful-on-bg-basic-emphasis-50-default:light-dark(var(--db-successful-9),var(--db-successful-5));--db-successful-on-bg-basic-emphasis-60-default:light-dark(var(--db-successful-10),var(--db-successful-6));--db-successful-on-bg-basic-emphasis-70-default:light-dark(var(--db-successful-7),var(--db-successful-8));--db-successful-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-successful-4),var(--db-successful-10));--db-successful-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-on-bg-basic-emphasis-80-default:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-successful-3),var(--db-successful-12));--db-successful-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-successful-5),var(--db-successful-10));--db-successful-on-bg-basic-emphasis-90-default:light-dark(var(--db-successful-4),var(--db-successful-10));--db-successful-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-successful-0),var(--db-successful-14));--db-successful-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-successful-3),var(--db-successful-11));--db-successful-on-bg-basic-emphasis-100-default:light-dark(var(--db-successful-1),var(--db-successful-12));--db-successful-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-successful-5),var(--db-successful-9));--db-successful-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-successful-2),var(--db-successful-11));--db-successful-on-bg-inverted-default:light-dark(var(--db-successful-14),var(--db-successful-3));--db-successful-on-bg-inverted-hovered:light-dark(var(--db-successful-11),var(--db-successful-0));--db-successful-on-bg-inverted-pressed:light-dark(var(--db-successful-13),var(--db-successful-2));--db-successful-on-bg-vibrant-default:light-dark(var(--db-successful-1),var(--db-successful-1));--db-successful-on-bg-vibrant-hovered:light-dark(var(--db-successful-4),var(--db-successful-4));--db-successful-on-bg-vibrant-pressed:light-dark(var(--db-successful-2),var(--db-successful-2));--db-successful-bg-basic-level-1-default:light-dark(var(--db-successful-14),var(--db-successful-1));--db-successful-bg-basic-level-1-hovered:light-dark(var(--db-successful-13),var(--db-successful-3));--db-successful-bg-basic-level-1-pressed:light-dark(var(--db-successful-12),var(--db-successful-4));--db-successful-bg-basic-level-2-default:light-dark(var(--db-successful-13),var(--db-successful-2));--db-successful-bg-basic-level-2-hovered:light-dark(var(--db-successful-12),var(--db-successful-4));--db-successful-bg-basic-level-2-pressed:light-dark(var(--db-successful-11),var(--db-successful-5));--db-successful-bg-basic-level-3-default:light-dark(var(--db-successful-12),var(--db-successful-3));--db-successful-bg-basic-level-3-hovered:light-dark(var(--db-successful-11),var(--db-successful-1));--db-successful-bg-basic-level-3-pressed:light-dark(var(--db-successful-10),var(--db-successful-0));--db-successful-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-successful-6)),color-mix(in srgb,transparent 100%,var(--db-successful-9)));--db-successful-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-successful-6)),color-mix(in srgb,transparent 84%,var(--db-successful-9)));--db-successful-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-successful-6)),color-mix(in srgb,transparent 76%,var(--db-successful-9)));--db-successful-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-successful-6)),color-mix(in srgb,transparent 68%,var(--db-successful-9)));--db-successful-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-successful-6)),color-mix(in srgb,transparent 76%,var(--db-successful-9)));--db-successful-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-successful-6)),color-mix(in srgb,transparent 68%,var(--db-successful-9)));--db-successful-bg-inverted-contrast-max-default:light-dark(var(--db-successful-1),var(--db-successful-12));--db-successful-bg-inverted-contrast-max-hovered:light-dark(var(--db-successful-5),var(--db-successful-9));--db-successful-bg-inverted-contrast-max-pressed:light-dark(var(--db-successful-2),var(--db-successful-11));--db-successful-bg-inverted-contrast-high-default:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-bg-inverted-contrast-high-hovered:light-dark(var(--db-successful-2),var(--db-successful-12));--db-successful-bg-inverted-contrast-high-pressed:light-dark(var(--db-successful-5),var(--db-successful-10));--db-successful-bg-inverted-contrast-low-default:light-dark(var(--db-successful-7),var(--db-successful-8));--db-successful-bg-inverted-contrast-low-hovered:light-dark(var(--db-successful-3),var(--db-successful-12));--db-successful-bg-inverted-contrast-low-pressed:light-dark(var(--db-successful-6),var(--db-successful-9));--db-successful-bg-vibrant-default:light-dark(var(--db-successful-9),var(--db-successful-9));--db-successful-bg-vibrant-hovered:light-dark(var(--db-successful-12),var(--db-successful-12));--db-successful-bg-vibrant-pressed:light-dark(var(--db-successful-10),var(--db-successful-10));--db-critical-origin-default:light-dark(var(--db-critical-origin-light-default),var(--db-critical-origin-dark-default));--db-critical-origin-hovered:light-dark(var(--db-critical-origin-light-hovered),var(--db-critical-origin-dark-hovered));--db-critical-origin-pressed:light-dark(var(--db-critical-origin-light-pressed),var(--db-critical-origin-dark-pressed));--db-critical-on-origin-default:light-dark(var(--db-critical-on-origin-light-default),var(--db-critical-on-origin-dark-default));--db-critical-on-bg-basic-emphasis-50-default:light-dark(var(--db-critical-9),var(--db-critical-5));--db-critical-on-bg-basic-emphasis-60-default:light-dark(var(--db-critical-10),var(--db-critical-6));--db-critical-on-bg-basic-emphasis-70-default:light-dark(var(--db-critical-7),var(--db-critical-8));--db-critical-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-critical-4),var(--db-critical-10));--db-critical-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-on-bg-basic-emphasis-80-default:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-critical-3),var(--db-critical-12));--db-critical-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-critical-5),var(--db-critical-10));--db-critical-on-bg-basic-emphasis-90-default:light-dark(var(--db-critical-4),var(--db-critical-10));--db-critical-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-critical-0),var(--db-critical-14));--db-critical-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-critical-3),var(--db-critical-11));--db-critical-on-bg-basic-emphasis-100-default:light-dark(var(--db-critical-1),var(--db-critical-12));--db-critical-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-critical-5),var(--db-critical-9));--db-critical-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-critical-2),var(--db-critical-11));--db-critical-on-bg-inverted-default:light-dark(var(--db-critical-14),var(--db-critical-3));--db-critical-on-bg-inverted-hovered:light-dark(var(--db-critical-11),var(--db-critical-0));--db-critical-on-bg-inverted-pressed:light-dark(var(--db-critical-13),var(--db-critical-2));--db-critical-on-bg-vibrant-default:light-dark(var(--db-critical-1),var(--db-critical-1));--db-critical-on-bg-vibrant-hovered:light-dark(var(--db-critical-4),var(--db-critical-4));--db-critical-on-bg-vibrant-pressed:light-dark(var(--db-critical-2),var(--db-critical-2));--db-critical-bg-basic-level-1-default:light-dark(var(--db-critical-14),var(--db-critical-1));--db-critical-bg-basic-level-1-hovered:light-dark(var(--db-critical-13),var(--db-critical-3));--db-critical-bg-basic-level-1-pressed:light-dark(var(--db-critical-12),var(--db-critical-4));--db-critical-bg-basic-level-2-default:light-dark(var(--db-critical-13),var(--db-critical-2));--db-critical-bg-basic-level-2-hovered:light-dark(var(--db-critical-12),var(--db-critical-4));--db-critical-bg-basic-level-2-pressed:light-dark(var(--db-critical-11),var(--db-critical-5));--db-critical-bg-basic-level-3-default:light-dark(var(--db-critical-12),var(--db-critical-3));--db-critical-bg-basic-level-3-hovered:light-dark(var(--db-critical-11),var(--db-critical-1));--db-critical-bg-basic-level-3-pressed:light-dark(var(--db-critical-10),var(--db-critical-0));--db-critical-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-critical-6)),color-mix(in srgb,transparent 100%,var(--db-critical-9)));--db-critical-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-critical-6)),color-mix(in srgb,transparent 84%,var(--db-critical-9)));--db-critical-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-critical-6)),color-mix(in srgb,transparent 76%,var(--db-critical-9)));--db-critical-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-critical-6)),color-mix(in srgb,transparent 68%,var(--db-critical-9)));--db-critical-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-critical-6)),color-mix(in srgb,transparent 76%,var(--db-critical-9)));--db-critical-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-critical-6)),color-mix(in srgb,transparent 68%,var(--db-critical-9)));--db-critical-bg-inverted-contrast-max-default:light-dark(var(--db-critical-1),var(--db-critical-12));--db-critical-bg-inverted-contrast-max-hovered:light-dark(var(--db-critical-5),var(--db-critical-9));--db-critical-bg-inverted-contrast-max-pressed:light-dark(var(--db-critical-2),var(--db-critical-11));--db-critical-bg-inverted-contrast-high-default:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-bg-inverted-contrast-high-hovered:light-dark(var(--db-critical-2),var(--db-critical-12));--db-critical-bg-inverted-contrast-high-pressed:light-dark(var(--db-critical-5),var(--db-critical-10));--db-critical-bg-inverted-contrast-low-default:light-dark(var(--db-critical-7),var(--db-critical-8));--db-critical-bg-inverted-contrast-low-hovered:light-dark(var(--db-critical-3),var(--db-critical-12));--db-critical-bg-inverted-contrast-low-pressed:light-dark(var(--db-critical-6),var(--db-critical-9));--db-critical-bg-vibrant-default:light-dark(var(--db-critical-9),var(--db-critical-9));--db-critical-bg-vibrant-hovered:light-dark(var(--db-critical-12),var(--db-critical-12));--db-critical-bg-vibrant-pressed:light-dark(var(--db-critical-10),var(--db-critical-10));--db-yellow-origin-default:light-dark(var(--db-yellow-origin-light-default),var(--db-yellow-origin-dark-default));--db-yellow-origin-hovered:light-dark(var(--db-yellow-origin-light-hovered),var(--db-yellow-origin-dark-hovered));--db-yellow-origin-pressed:light-dark(var(--db-yellow-origin-light-pressed),var(--db-yellow-origin-dark-pressed));--db-yellow-on-origin-default:light-dark(var(--db-yellow-on-origin-light-default),var(--db-yellow-on-origin-dark-default));--db-yellow-on-bg-basic-emphasis-50-default:light-dark(var(--db-yellow-9),var(--db-yellow-5));--db-yellow-on-bg-basic-emphasis-60-default:light-dark(var(--db-yellow-10),var(--db-yellow-6));--db-yellow-on-bg-basic-emphasis-70-default:light-dark(var(--db-yellow-7),var(--db-yellow-8));--db-yellow-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-yellow-4),var(--db-yellow-10));--db-yellow-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-on-bg-basic-emphasis-80-default:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-yellow-3),var(--db-yellow-12));--db-yellow-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-yellow-5),var(--db-yellow-10));--db-yellow-on-bg-basic-emphasis-90-default:light-dark(var(--db-yellow-4),var(--db-yellow-10));--db-yellow-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-yellow-0),var(--db-yellow-14));--db-yellow-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-yellow-3),var(--db-yellow-11));--db-yellow-on-bg-basic-emphasis-100-default:light-dark(var(--db-yellow-1),var(--db-yellow-12));--db-yellow-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-yellow-5),var(--db-yellow-9));--db-yellow-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-yellow-2),var(--db-yellow-11));--db-yellow-on-bg-inverted-default:light-dark(var(--db-yellow-14),var(--db-yellow-3));--db-yellow-on-bg-inverted-hovered:light-dark(var(--db-yellow-11),var(--db-yellow-0));--db-yellow-on-bg-inverted-pressed:light-dark(var(--db-yellow-13),var(--db-yellow-2));--db-yellow-on-bg-vibrant-default:light-dark(var(--db-yellow-1),var(--db-yellow-1));--db-yellow-on-bg-vibrant-hovered:light-dark(var(--db-yellow-4),var(--db-yellow-4));--db-yellow-on-bg-vibrant-pressed:light-dark(var(--db-yellow-2),var(--db-yellow-2));--db-yellow-bg-basic-level-1-default:light-dark(var(--db-yellow-14),var(--db-yellow-1));--db-yellow-bg-basic-level-1-hovered:light-dark(var(--db-yellow-13),var(--db-yellow-3));--db-yellow-bg-basic-level-1-pressed:light-dark(var(--db-yellow-12),var(--db-yellow-4));--db-yellow-bg-basic-level-2-default:light-dark(var(--db-yellow-13),var(--db-yellow-2));--db-yellow-bg-basic-level-2-hovered:light-dark(var(--db-yellow-12),var(--db-yellow-4));--db-yellow-bg-basic-level-2-pressed:light-dark(var(--db-yellow-11),var(--db-yellow-5));--db-yellow-bg-basic-level-3-default:light-dark(var(--db-yellow-12),var(--db-yellow-3));--db-yellow-bg-basic-level-3-hovered:light-dark(var(--db-yellow-11),var(--db-yellow-1));--db-yellow-bg-basic-level-3-pressed:light-dark(var(--db-yellow-10),var(--db-yellow-0));--db-yellow-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-yellow-6)),color-mix(in srgb,transparent 100%,var(--db-yellow-9)));--db-yellow-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-yellow-6)),color-mix(in srgb,transparent 84%,var(--db-yellow-9)));--db-yellow-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-yellow-6)),color-mix(in srgb,transparent 76%,var(--db-yellow-9)));--db-yellow-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-yellow-6)),color-mix(in srgb,transparent 68%,var(--db-yellow-9)));--db-yellow-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-yellow-6)),color-mix(in srgb,transparent 76%,var(--db-yellow-9)));--db-yellow-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-yellow-6)),color-mix(in srgb,transparent 68%,var(--db-yellow-9)));--db-yellow-bg-inverted-contrast-max-default:light-dark(var(--db-yellow-1),var(--db-yellow-12));--db-yellow-bg-inverted-contrast-max-hovered:light-dark(var(--db-yellow-5),var(--db-yellow-9));--db-yellow-bg-inverted-contrast-max-pressed:light-dark(var(--db-yellow-2),var(--db-yellow-11));--db-yellow-bg-inverted-contrast-high-default:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-bg-inverted-contrast-high-hovered:light-dark(var(--db-yellow-2),var(--db-yellow-12));--db-yellow-bg-inverted-contrast-high-pressed:light-dark(var(--db-yellow-5),var(--db-yellow-10));--db-yellow-bg-inverted-contrast-low-default:light-dark(var(--db-yellow-7),var(--db-yellow-8));--db-yellow-bg-inverted-contrast-low-hovered:light-dark(var(--db-yellow-3),var(--db-yellow-12));--db-yellow-bg-inverted-contrast-low-pressed:light-dark(var(--db-yellow-6),var(--db-yellow-9));--db-yellow-bg-vibrant-default:light-dark(var(--db-yellow-9),var(--db-yellow-9));--db-yellow-bg-vibrant-hovered:light-dark(var(--db-yellow-12),var(--db-yellow-12));--db-yellow-bg-vibrant-pressed:light-dark(var(--db-yellow-10),var(--db-yellow-10));--db-orange-origin-default:light-dark(var(--db-orange-origin-light-default),var(--db-orange-origin-dark-default));--db-orange-origin-hovered:light-dark(var(--db-orange-origin-light-hovered),var(--db-orange-origin-dark-hovered));--db-orange-origin-pressed:light-dark(var(--db-orange-origin-light-pressed),var(--db-orange-origin-dark-pressed));--db-orange-on-origin-default:light-dark(var(--db-orange-on-origin-light-default),var(--db-orange-on-origin-dark-default));--db-orange-on-bg-basic-emphasis-50-default:light-dark(var(--db-orange-9),var(--db-orange-5));--db-orange-on-bg-basic-emphasis-60-default:light-dark(var(--db-orange-10),var(--db-orange-6));--db-orange-on-bg-basic-emphasis-70-default:light-dark(var(--db-orange-7),var(--db-orange-8));--db-orange-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-orange-4),var(--db-orange-10));--db-orange-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-on-bg-basic-emphasis-80-default:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-orange-3),var(--db-orange-12));--db-orange-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-orange-5),var(--db-orange-10));--db-orange-on-bg-basic-emphasis-90-default:light-dark(var(--db-orange-4),var(--db-orange-10));--db-orange-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-orange-0),var(--db-orange-14));--db-orange-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-orange-3),var(--db-orange-11));--db-orange-on-bg-basic-emphasis-100-default:light-dark(var(--db-orange-1),var(--db-orange-12));--db-orange-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-orange-5),var(--db-orange-9));--db-orange-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-orange-2),var(--db-orange-11));--db-orange-on-bg-inverted-default:light-dark(var(--db-orange-14),var(--db-orange-3));--db-orange-on-bg-inverted-hovered:light-dark(var(--db-orange-11),var(--db-orange-0));--db-orange-on-bg-inverted-pressed:light-dark(var(--db-orange-13),var(--db-orange-2));--db-orange-on-bg-vibrant-default:light-dark(var(--db-orange-1),var(--db-orange-1));--db-orange-on-bg-vibrant-hovered:light-dark(var(--db-orange-4),var(--db-orange-4));--db-orange-on-bg-vibrant-pressed:light-dark(var(--db-orange-2),var(--db-orange-2));--db-orange-bg-basic-level-1-default:light-dark(var(--db-orange-14),var(--db-orange-1));--db-orange-bg-basic-level-1-hovered:light-dark(var(--db-orange-13),var(--db-orange-3));--db-orange-bg-basic-level-1-pressed:light-dark(var(--db-orange-12),var(--db-orange-4));--db-orange-bg-basic-level-2-default:light-dark(var(--db-orange-13),var(--db-orange-2));--db-orange-bg-basic-level-2-hovered:light-dark(var(--db-orange-12),var(--db-orange-4));--db-orange-bg-basic-level-2-pressed:light-dark(var(--db-orange-11),var(--db-orange-5));--db-orange-bg-basic-level-3-default:light-dark(var(--db-orange-12),var(--db-orange-3));--db-orange-bg-basic-level-3-hovered:light-dark(var(--db-orange-11),var(--db-orange-1));--db-orange-bg-basic-level-3-pressed:light-dark(var(--db-orange-10),var(--db-orange-0));--db-orange-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-orange-6)),color-mix(in srgb,transparent 100%,var(--db-orange-9)));--db-orange-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-orange-6)),color-mix(in srgb,transparent 84%,var(--db-orange-9)));--db-orange-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-orange-6)),color-mix(in srgb,transparent 76%,var(--db-orange-9)));--db-orange-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-orange-6)),color-mix(in srgb,transparent 68%,var(--db-orange-9)));--db-orange-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-orange-6)),color-mix(in srgb,transparent 76%,var(--db-orange-9)));--db-orange-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-orange-6)),color-mix(in srgb,transparent 68%,var(--db-orange-9)));--db-orange-bg-inverted-contrast-max-default:light-dark(var(--db-orange-1),var(--db-orange-12));--db-orange-bg-inverted-contrast-max-hovered:light-dark(var(--db-orange-5),var(--db-orange-9));--db-orange-bg-inverted-contrast-max-pressed:light-dark(var(--db-orange-2),var(--db-orange-11));--db-orange-bg-inverted-contrast-high-default:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-bg-inverted-contrast-high-hovered:light-dark(var(--db-orange-2),var(--db-orange-12));--db-orange-bg-inverted-contrast-high-pressed:light-dark(var(--db-orange-5),var(--db-orange-10));--db-orange-bg-inverted-contrast-low-default:light-dark(var(--db-orange-7),var(--db-orange-8));--db-orange-bg-inverted-contrast-low-hovered:light-dark(var(--db-orange-3),var(--db-orange-12));--db-orange-bg-inverted-contrast-low-pressed:light-dark(var(--db-orange-6),var(--db-orange-9));--db-orange-bg-vibrant-default:light-dark(var(--db-orange-9),var(--db-orange-9));--db-orange-bg-vibrant-hovered:light-dark(var(--db-orange-12),var(--db-orange-12));--db-orange-bg-vibrant-pressed:light-dark(var(--db-orange-10),var(--db-orange-10));--db-red-origin-default:light-dark(var(--db-red-origin-light-default),var(--db-red-origin-dark-default));--db-red-origin-hovered:light-dark(var(--db-red-origin-light-hovered),var(--db-red-origin-dark-hovered));--db-red-origin-pressed:light-dark(var(--db-red-origin-light-pressed),var(--db-red-origin-dark-pressed));--db-red-on-origin-default:light-dark(var(--db-red-on-origin-light-default),var(--db-red-on-origin-dark-default));--db-red-on-bg-basic-emphasis-50-default:light-dark(var(--db-red-9),var(--db-red-5));--db-red-on-bg-basic-emphasis-60-default:light-dark(var(--db-red-10),var(--db-red-6));--db-red-on-bg-basic-emphasis-70-default:light-dark(var(--db-red-7),var(--db-red-8));--db-red-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-red-4),var(--db-red-10));--db-red-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-red-6),var(--db-red-9));--db-red-on-bg-basic-emphasis-80-default:light-dark(var(--db-red-6),var(--db-red-9));--db-red-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-red-3),var(--db-red-12));--db-red-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-red-5),var(--db-red-10));--db-red-on-bg-basic-emphasis-90-default:light-dark(var(--db-red-4),var(--db-red-10));--db-red-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-red-0),var(--db-red-14));--db-red-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-red-3),var(--db-red-11));--db-red-on-bg-basic-emphasis-100-default:light-dark(var(--db-red-1),var(--db-red-12));--db-red-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-red-5),var(--db-red-9));--db-red-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-red-2),var(--db-red-11));--db-red-on-bg-inverted-default:light-dark(var(--db-red-14),var(--db-red-3));--db-red-on-bg-inverted-hovered:light-dark(var(--db-red-11),var(--db-red-0));--db-red-on-bg-inverted-pressed:light-dark(var(--db-red-13),var(--db-red-2));--db-red-on-bg-vibrant-default:light-dark(var(--db-red-1),var(--db-red-1));--db-red-on-bg-vibrant-hovered:light-dark(var(--db-red-4),var(--db-red-4));--db-red-on-bg-vibrant-pressed:light-dark(var(--db-red-2),var(--db-red-2));--db-red-bg-basic-level-1-default:light-dark(var(--db-red-14),var(--db-red-1));--db-red-bg-basic-level-1-hovered:light-dark(var(--db-red-13),var(--db-red-3));--db-red-bg-basic-level-1-pressed:light-dark(var(--db-red-12),var(--db-red-4));--db-red-bg-basic-level-2-default:light-dark(var(--db-red-13),var(--db-red-2));--db-red-bg-basic-level-2-hovered:light-dark(var(--db-red-12),var(--db-red-4));--db-red-bg-basic-level-2-pressed:light-dark(var(--db-red-11),var(--db-red-5));--db-red-bg-basic-level-3-default:light-dark(var(--db-red-12),var(--db-red-3));--db-red-bg-basic-level-3-hovered:light-dark(var(--db-red-11),var(--db-red-1));--db-red-bg-basic-level-3-pressed:light-dark(var(--db-red-10),var(--db-red-0));--db-red-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-red-6)),color-mix(in srgb,transparent 100%,var(--db-red-9)));--db-red-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-red-6)),color-mix(in srgb,transparent 84%,var(--db-red-9)));--db-red-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-red-6)),color-mix(in srgb,transparent 76%,var(--db-red-9)));--db-red-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-red-6)),color-mix(in srgb,transparent 68%,var(--db-red-9)));--db-red-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-red-6)),color-mix(in srgb,transparent 76%,var(--db-red-9)));--db-red-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-red-6)),color-mix(in srgb,transparent 68%,var(--db-red-9)));--db-red-bg-inverted-contrast-max-default:light-dark(var(--db-red-1),var(--db-red-12));--db-red-bg-inverted-contrast-max-hovered:light-dark(var(--db-red-5),var(--db-red-9));--db-red-bg-inverted-contrast-max-pressed:light-dark(var(--db-red-2),var(--db-red-11));--db-red-bg-inverted-contrast-high-default:light-dark(var(--db-red-6),var(--db-red-9));--db-red-bg-inverted-contrast-high-hovered:light-dark(var(--db-red-2),var(--db-red-12));--db-red-bg-inverted-contrast-high-pressed:light-dark(var(--db-red-5),var(--db-red-10));--db-red-bg-inverted-contrast-low-default:light-dark(var(--db-red-7),var(--db-red-8));--db-red-bg-inverted-contrast-low-hovered:light-dark(var(--db-red-3),var(--db-red-12));--db-red-bg-inverted-contrast-low-pressed:light-dark(var(--db-red-6),var(--db-red-9));--db-red-bg-vibrant-default:light-dark(var(--db-red-9),var(--db-red-9));--db-red-bg-vibrant-hovered:light-dark(var(--db-red-12),var(--db-red-12));--db-red-bg-vibrant-pressed:light-dark(var(--db-red-10),var(--db-red-10));--db-pink-origin-default:light-dark(var(--db-pink-origin-light-default),var(--db-pink-origin-dark-default));--db-pink-origin-hovered:light-dark(var(--db-pink-origin-light-hovered),var(--db-pink-origin-dark-hovered));--db-pink-origin-pressed:light-dark(var(--db-pink-origin-light-pressed),var(--db-pink-origin-dark-pressed));--db-pink-on-origin-default:light-dark(var(--db-pink-on-origin-light-default),var(--db-pink-on-origin-dark-default));--db-pink-on-bg-basic-emphasis-50-default:light-dark(var(--db-pink-9),var(--db-pink-5));--db-pink-on-bg-basic-emphasis-60-default:light-dark(var(--db-pink-10),var(--db-pink-6));--db-pink-on-bg-basic-emphasis-70-default:light-dark(var(--db-pink-7),var(--db-pink-8));--db-pink-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-pink-4),var(--db-pink-10));--db-pink-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-on-bg-basic-emphasis-80-default:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-pink-3),var(--db-pink-12));--db-pink-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-pink-5),var(--db-pink-10));--db-pink-on-bg-basic-emphasis-90-default:light-dark(var(--db-pink-4),var(--db-pink-10));--db-pink-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-pink-0),var(--db-pink-14));--db-pink-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-pink-3),var(--db-pink-11));--db-pink-on-bg-basic-emphasis-100-default:light-dark(var(--db-pink-1),var(--db-pink-12));--db-pink-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-pink-5),var(--db-pink-9));--db-pink-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-pink-2),var(--db-pink-11));--db-pink-on-bg-inverted-default:light-dark(var(--db-pink-14),var(--db-pink-3));--db-pink-on-bg-inverted-hovered:light-dark(var(--db-pink-11),var(--db-pink-0));--db-pink-on-bg-inverted-pressed:light-dark(var(--db-pink-13),var(--db-pink-2));--db-pink-on-bg-vibrant-default:light-dark(var(--db-pink-1),var(--db-pink-1));--db-pink-on-bg-vibrant-hovered:light-dark(var(--db-pink-4),var(--db-pink-4));--db-pink-on-bg-vibrant-pressed:light-dark(var(--db-pink-2),var(--db-pink-2));--db-pink-bg-basic-level-1-default:light-dark(var(--db-pink-14),var(--db-pink-1));--db-pink-bg-basic-level-1-hovered:light-dark(var(--db-pink-13),var(--db-pink-3));--db-pink-bg-basic-level-1-pressed:light-dark(var(--db-pink-12),var(--db-pink-4));--db-pink-bg-basic-level-2-default:light-dark(var(--db-pink-13),var(--db-pink-2));--db-pink-bg-basic-level-2-hovered:light-dark(var(--db-pink-12),var(--db-pink-4));--db-pink-bg-basic-level-2-pressed:light-dark(var(--db-pink-11),var(--db-pink-5));--db-pink-bg-basic-level-3-default:light-dark(var(--db-pink-12),var(--db-pink-3));--db-pink-bg-basic-level-3-hovered:light-dark(var(--db-pink-11),var(--db-pink-1));--db-pink-bg-basic-level-3-pressed:light-dark(var(--db-pink-10),var(--db-pink-0));--db-pink-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-pink-6)),color-mix(in srgb,transparent 100%,var(--db-pink-9)));--db-pink-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-pink-6)),color-mix(in srgb,transparent 84%,var(--db-pink-9)));--db-pink-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-pink-6)),color-mix(in srgb,transparent 76%,var(--db-pink-9)));--db-pink-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-pink-6)),color-mix(in srgb,transparent 68%,var(--db-pink-9)));--db-pink-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-pink-6)),color-mix(in srgb,transparent 76%,var(--db-pink-9)));--db-pink-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-pink-6)),color-mix(in srgb,transparent 68%,var(--db-pink-9)));--db-pink-bg-inverted-contrast-max-default:light-dark(var(--db-pink-1),var(--db-pink-12));--db-pink-bg-inverted-contrast-max-hovered:light-dark(var(--db-pink-5),var(--db-pink-9));--db-pink-bg-inverted-contrast-max-pressed:light-dark(var(--db-pink-2),var(--db-pink-11));--db-pink-bg-inverted-contrast-high-default:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-bg-inverted-contrast-high-hovered:light-dark(var(--db-pink-2),var(--db-pink-12));--db-pink-bg-inverted-contrast-high-pressed:light-dark(var(--db-pink-5),var(--db-pink-10));--db-pink-bg-inverted-contrast-low-default:light-dark(var(--db-pink-7),var(--db-pink-8));--db-pink-bg-inverted-contrast-low-hovered:light-dark(var(--db-pink-3),var(--db-pink-12));--db-pink-bg-inverted-contrast-low-pressed:light-dark(var(--db-pink-6),var(--db-pink-9));--db-pink-bg-vibrant-default:light-dark(var(--db-pink-9),var(--db-pink-9));--db-pink-bg-vibrant-hovered:light-dark(var(--db-pink-12),var(--db-pink-12));--db-pink-bg-vibrant-pressed:light-dark(var(--db-pink-10),var(--db-pink-10));--db-violet-origin-default:light-dark(var(--db-violet-origin-light-default),var(--db-violet-origin-dark-default));--db-violet-origin-hovered:light-dark(var(--db-violet-origin-light-hovered),var(--db-violet-origin-dark-hovered));--db-violet-origin-pressed:light-dark(var(--db-violet-origin-light-pressed),var(--db-violet-origin-dark-pressed));--db-violet-on-origin-default:light-dark(var(--db-violet-on-origin-light-default),var(--db-violet-on-origin-dark-default));--db-violet-on-bg-basic-emphasis-50-default:light-dark(var(--db-violet-9),var(--db-violet-5));--db-violet-on-bg-basic-emphasis-60-default:light-dark(var(--db-violet-10),var(--db-violet-6));--db-violet-on-bg-basic-emphasis-70-default:light-dark(var(--db-violet-7),var(--db-violet-8));--db-violet-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-violet-4),var(--db-violet-10));--db-violet-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-on-bg-basic-emphasis-80-default:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-violet-3),var(--db-violet-12));--db-violet-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-violet-5),var(--db-violet-10));--db-violet-on-bg-basic-emphasis-90-default:light-dark(var(--db-violet-4),var(--db-violet-10));--db-violet-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-violet-0),var(--db-violet-14));--db-violet-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-violet-3),var(--db-violet-11));--db-violet-on-bg-basic-emphasis-100-default:light-dark(var(--db-violet-1),var(--db-violet-12));--db-violet-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-violet-5),var(--db-violet-9));--db-violet-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-violet-2),var(--db-violet-11));--db-violet-on-bg-inverted-default:light-dark(var(--db-violet-14),var(--db-violet-3));--db-violet-on-bg-inverted-hovered:light-dark(var(--db-violet-11),var(--db-violet-0));--db-violet-on-bg-inverted-pressed:light-dark(var(--db-violet-13),var(--db-violet-2));--db-violet-on-bg-vibrant-default:light-dark(var(--db-violet-1),var(--db-violet-1));--db-violet-on-bg-vibrant-hovered:light-dark(var(--db-violet-4),var(--db-violet-4));--db-violet-on-bg-vibrant-pressed:light-dark(var(--db-violet-2),var(--db-violet-2));--db-violet-bg-basic-level-1-default:light-dark(var(--db-violet-14),var(--db-violet-1));--db-violet-bg-basic-level-1-hovered:light-dark(var(--db-violet-13),var(--db-violet-3));--db-violet-bg-basic-level-1-pressed:light-dark(var(--db-violet-12),var(--db-violet-4));--db-violet-bg-basic-level-2-default:light-dark(var(--db-violet-13),var(--db-violet-2));--db-violet-bg-basic-level-2-hovered:light-dark(var(--db-violet-12),var(--db-violet-4));--db-violet-bg-basic-level-2-pressed:light-dark(var(--db-violet-11),var(--db-violet-5));--db-violet-bg-basic-level-3-default:light-dark(var(--db-violet-12),var(--db-violet-3));--db-violet-bg-basic-level-3-hovered:light-dark(var(--db-violet-11),var(--db-violet-1));--db-violet-bg-basic-level-3-pressed:light-dark(var(--db-violet-10),var(--db-violet-0));--db-violet-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-violet-6)),color-mix(in srgb,transparent 100%,var(--db-violet-9)));--db-violet-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-violet-6)),color-mix(in srgb,transparent 84%,var(--db-violet-9)));--db-violet-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-violet-6)),color-mix(in srgb,transparent 76%,var(--db-violet-9)));--db-violet-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-violet-6)),color-mix(in srgb,transparent 68%,var(--db-violet-9)));--db-violet-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-violet-6)),color-mix(in srgb,transparent 76%,var(--db-violet-9)));--db-violet-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-violet-6)),color-mix(in srgb,transparent 68%,var(--db-violet-9)));--db-violet-bg-inverted-contrast-max-default:light-dark(var(--db-violet-1),var(--db-violet-12));--db-violet-bg-inverted-contrast-max-hovered:light-dark(var(--db-violet-5),var(--db-violet-9));--db-violet-bg-inverted-contrast-max-pressed:light-dark(var(--db-violet-2),var(--db-violet-11));--db-violet-bg-inverted-contrast-high-default:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-bg-inverted-contrast-high-hovered:light-dark(var(--db-violet-2),var(--db-violet-12));--db-violet-bg-inverted-contrast-high-pressed:light-dark(var(--db-violet-5),var(--db-violet-10));--db-violet-bg-inverted-contrast-low-default:light-dark(var(--db-violet-7),var(--db-violet-8));--db-violet-bg-inverted-contrast-low-hovered:light-dark(var(--db-violet-3),var(--db-violet-12));--db-violet-bg-inverted-contrast-low-pressed:light-dark(var(--db-violet-6),var(--db-violet-9));--db-violet-bg-vibrant-default:light-dark(var(--db-violet-9),var(--db-violet-9));--db-violet-bg-vibrant-hovered:light-dark(var(--db-violet-12),var(--db-violet-12));--db-violet-bg-vibrant-pressed:light-dark(var(--db-violet-10),var(--db-violet-10));--db-blue-origin-default:light-dark(var(--db-blue-origin-light-default),var(--db-blue-origin-dark-default));--db-blue-origin-hovered:light-dark(var(--db-blue-origin-light-hovered),var(--db-blue-origin-dark-hovered));--db-blue-origin-pressed:light-dark(var(--db-blue-origin-light-pressed),var(--db-blue-origin-dark-pressed));--db-blue-on-origin-default:light-dark(var(--db-blue-on-origin-light-default),var(--db-blue-on-origin-dark-default));--db-blue-on-bg-basic-emphasis-50-default:light-dark(var(--db-blue-9),var(--db-blue-5));--db-blue-on-bg-basic-emphasis-60-default:light-dark(var(--db-blue-10),var(--db-blue-6));--db-blue-on-bg-basic-emphasis-70-default:light-dark(var(--db-blue-7),var(--db-blue-8));--db-blue-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-blue-4),var(--db-blue-10));--db-blue-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-on-bg-basic-emphasis-80-default:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-blue-3),var(--db-blue-12));--db-blue-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-blue-5),var(--db-blue-10));--db-blue-on-bg-basic-emphasis-90-default:light-dark(var(--db-blue-4),var(--db-blue-10));--db-blue-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-blue-0),var(--db-blue-14));--db-blue-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-blue-3),var(--db-blue-11));--db-blue-on-bg-basic-emphasis-100-default:light-dark(var(--db-blue-1),var(--db-blue-12));--db-blue-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-blue-5),var(--db-blue-9));--db-blue-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-blue-2),var(--db-blue-11));--db-blue-on-bg-inverted-default:light-dark(var(--db-blue-14),var(--db-blue-3));--db-blue-on-bg-inverted-hovered:light-dark(var(--db-blue-11),var(--db-blue-0));--db-blue-on-bg-inverted-pressed:light-dark(var(--db-blue-13),var(--db-blue-2));--db-blue-on-bg-vibrant-default:light-dark(var(--db-blue-1),var(--db-blue-1));--db-blue-on-bg-vibrant-hovered:light-dark(var(--db-blue-4),var(--db-blue-4));--db-blue-on-bg-vibrant-pressed:light-dark(var(--db-blue-2),var(--db-blue-2));--db-blue-bg-basic-level-1-default:light-dark(var(--db-blue-14),var(--db-blue-1));--db-blue-bg-basic-level-1-hovered:light-dark(var(--db-blue-13),var(--db-blue-3));--db-blue-bg-basic-level-1-pressed:light-dark(var(--db-blue-12),var(--db-blue-4));--db-blue-bg-basic-level-2-default:light-dark(var(--db-blue-13),var(--db-blue-2));--db-blue-bg-basic-level-2-hovered:light-dark(var(--db-blue-12),var(--db-blue-4));--db-blue-bg-basic-level-2-pressed:light-dark(var(--db-blue-11),var(--db-blue-5));--db-blue-bg-basic-level-3-default:light-dark(var(--db-blue-12),var(--db-blue-3));--db-blue-bg-basic-level-3-hovered:light-dark(var(--db-blue-11),var(--db-blue-1));--db-blue-bg-basic-level-3-pressed:light-dark(var(--db-blue-10),var(--db-blue-0));--db-blue-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-blue-6)),color-mix(in srgb,transparent 100%,var(--db-blue-9)));--db-blue-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-blue-6)),color-mix(in srgb,transparent 84%,var(--db-blue-9)));--db-blue-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-blue-6)),color-mix(in srgb,transparent 76%,var(--db-blue-9)));--db-blue-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-blue-6)),color-mix(in srgb,transparent 68%,var(--db-blue-9)));--db-blue-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-blue-6)),color-mix(in srgb,transparent 76%,var(--db-blue-9)));--db-blue-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-blue-6)),color-mix(in srgb,transparent 68%,var(--db-blue-9)));--db-blue-bg-inverted-contrast-max-default:light-dark(var(--db-blue-1),var(--db-blue-12));--db-blue-bg-inverted-contrast-max-hovered:light-dark(var(--db-blue-5),var(--db-blue-9));--db-blue-bg-inverted-contrast-max-pressed:light-dark(var(--db-blue-2),var(--db-blue-11));--db-blue-bg-inverted-contrast-high-default:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-bg-inverted-contrast-high-hovered:light-dark(var(--db-blue-2),var(--db-blue-12));--db-blue-bg-inverted-contrast-high-pressed:light-dark(var(--db-blue-5),var(--db-blue-10));--db-blue-bg-inverted-contrast-low-default:light-dark(var(--db-blue-7),var(--db-blue-8));--db-blue-bg-inverted-contrast-low-hovered:light-dark(var(--db-blue-3),var(--db-blue-12));--db-blue-bg-inverted-contrast-low-pressed:light-dark(var(--db-blue-6),var(--db-blue-9));--db-blue-bg-vibrant-default:light-dark(var(--db-blue-9),var(--db-blue-9));--db-blue-bg-vibrant-hovered:light-dark(var(--db-blue-12),var(--db-blue-12));--db-blue-bg-vibrant-pressed:light-dark(var(--db-blue-10),var(--db-blue-10));--db-cyan-origin-default:light-dark(var(--db-cyan-origin-light-default),var(--db-cyan-origin-dark-default));--db-cyan-origin-hovered:light-dark(var(--db-cyan-origin-light-hovered),var(--db-cyan-origin-dark-hovered));--db-cyan-origin-pressed:light-dark(var(--db-cyan-origin-light-pressed),var(--db-cyan-origin-dark-pressed));--db-cyan-on-origin-default:light-dark(var(--db-cyan-on-origin-light-default),var(--db-cyan-on-origin-dark-default));--db-cyan-on-bg-basic-emphasis-50-default:light-dark(var(--db-cyan-9),var(--db-cyan-5));--db-cyan-on-bg-basic-emphasis-60-default:light-dark(var(--db-cyan-10),var(--db-cyan-6));--db-cyan-on-bg-basic-emphasis-70-default:light-dark(var(--db-cyan-7),var(--db-cyan-8));--db-cyan-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-cyan-4),var(--db-cyan-10));--db-cyan-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-on-bg-basic-emphasis-80-default:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-cyan-3),var(--db-cyan-12));--db-cyan-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-cyan-5),var(--db-cyan-10));--db-cyan-on-bg-basic-emphasis-90-default:light-dark(var(--db-cyan-4),var(--db-cyan-10));--db-cyan-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-cyan-0),var(--db-cyan-14));--db-cyan-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-cyan-3),var(--db-cyan-11));--db-cyan-on-bg-basic-emphasis-100-default:light-dark(var(--db-cyan-1),var(--db-cyan-12));--db-cyan-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-cyan-5),var(--db-cyan-9));--db-cyan-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-cyan-2),var(--db-cyan-11));--db-cyan-on-bg-inverted-default:light-dark(var(--db-cyan-14),var(--db-cyan-3));--db-cyan-on-bg-inverted-hovered:light-dark(var(--db-cyan-11),var(--db-cyan-0));--db-cyan-on-bg-inverted-pressed:light-dark(var(--db-cyan-13),var(--db-cyan-2));--db-cyan-on-bg-vibrant-default:light-dark(var(--db-cyan-1),var(--db-cyan-1));--db-cyan-on-bg-vibrant-hovered:light-dark(var(--db-cyan-4),var(--db-cyan-4));--db-cyan-on-bg-vibrant-pressed:light-dark(var(--db-cyan-2),var(--db-cyan-2));--db-cyan-bg-basic-level-1-default:light-dark(var(--db-cyan-14),var(--db-cyan-1));--db-cyan-bg-basic-level-1-hovered:light-dark(var(--db-cyan-13),var(--db-cyan-3));--db-cyan-bg-basic-level-1-pressed:light-dark(var(--db-cyan-12),var(--db-cyan-4));--db-cyan-bg-basic-level-2-default:light-dark(var(--db-cyan-13),var(--db-cyan-2));--db-cyan-bg-basic-level-2-hovered:light-dark(var(--db-cyan-12),var(--db-cyan-4));--db-cyan-bg-basic-level-2-pressed:light-dark(var(--db-cyan-11),var(--db-cyan-5));--db-cyan-bg-basic-level-3-default:light-dark(var(--db-cyan-12),var(--db-cyan-3));--db-cyan-bg-basic-level-3-hovered:light-dark(var(--db-cyan-11),var(--db-cyan-1));--db-cyan-bg-basic-level-3-pressed:light-dark(var(--db-cyan-10),var(--db-cyan-0));--db-cyan-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-cyan-6)),color-mix(in srgb,transparent 100%,var(--db-cyan-9)));--db-cyan-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-cyan-6)),color-mix(in srgb,transparent 84%,var(--db-cyan-9)));--db-cyan-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-cyan-6)),color-mix(in srgb,transparent 76%,var(--db-cyan-9)));--db-cyan-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-cyan-6)),color-mix(in srgb,transparent 68%,var(--db-cyan-9)));--db-cyan-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-cyan-6)),color-mix(in srgb,transparent 76%,var(--db-cyan-9)));--db-cyan-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-cyan-6)),color-mix(in srgb,transparent 68%,var(--db-cyan-9)));--db-cyan-bg-inverted-contrast-max-default:light-dark(var(--db-cyan-1),var(--db-cyan-12));--db-cyan-bg-inverted-contrast-max-hovered:light-dark(var(--db-cyan-5),var(--db-cyan-9));--db-cyan-bg-inverted-contrast-max-pressed:light-dark(var(--db-cyan-2),var(--db-cyan-11));--db-cyan-bg-inverted-contrast-high-default:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-bg-inverted-contrast-high-hovered:light-dark(var(--db-cyan-2),var(--db-cyan-12));--db-cyan-bg-inverted-contrast-high-pressed:light-dark(var(--db-cyan-5),var(--db-cyan-10));--db-cyan-bg-inverted-contrast-low-default:light-dark(var(--db-cyan-7),var(--db-cyan-8));--db-cyan-bg-inverted-contrast-low-hovered:light-dark(var(--db-cyan-3),var(--db-cyan-12));--db-cyan-bg-inverted-contrast-low-pressed:light-dark(var(--db-cyan-6),var(--db-cyan-9));--db-cyan-bg-vibrant-default:light-dark(var(--db-cyan-9),var(--db-cyan-9));--db-cyan-bg-vibrant-hovered:light-dark(var(--db-cyan-12),var(--db-cyan-12));--db-cyan-bg-vibrant-pressed:light-dark(var(--db-cyan-10),var(--db-cyan-10));--db-turquoise-origin-default:light-dark(var(--db-turquoise-origin-light-default),var(--db-turquoise-origin-dark-default));--db-turquoise-origin-hovered:light-dark(var(--db-turquoise-origin-light-hovered),var(--db-turquoise-origin-dark-hovered));--db-turquoise-origin-pressed:light-dark(var(--db-turquoise-origin-light-pressed),var(--db-turquoise-origin-dark-pressed));--db-turquoise-on-origin-default:light-dark(var(--db-turquoise-on-origin-light-default),var(--db-turquoise-on-origin-dark-default));--db-turquoise-on-bg-basic-emphasis-50-default:light-dark(var(--db-turquoise-9),var(--db-turquoise-5));--db-turquoise-on-bg-basic-emphasis-60-default:light-dark(var(--db-turquoise-10),var(--db-turquoise-6));--db-turquoise-on-bg-basic-emphasis-70-default:light-dark(var(--db-turquoise-7),var(--db-turquoise-8));--db-turquoise-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-turquoise-4),var(--db-turquoise-10));--db-turquoise-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-on-bg-basic-emphasis-80-default:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-turquoise-3),var(--db-turquoise-12));--db-turquoise-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-turquoise-5),var(--db-turquoise-10));--db-turquoise-on-bg-basic-emphasis-90-default:light-dark(var(--db-turquoise-4),var(--db-turquoise-10));--db-turquoise-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-turquoise-0),var(--db-turquoise-14));--db-turquoise-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-turquoise-3),var(--db-turquoise-11));--db-turquoise-on-bg-basic-emphasis-100-default:light-dark(var(--db-turquoise-1),var(--db-turquoise-12));--db-turquoise-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-turquoise-5),var(--db-turquoise-9));--db-turquoise-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-turquoise-2),var(--db-turquoise-11));--db-turquoise-on-bg-inverted-default:light-dark(var(--db-turquoise-14),var(--db-turquoise-3));--db-turquoise-on-bg-inverted-hovered:light-dark(var(--db-turquoise-11),var(--db-turquoise-0));--db-turquoise-on-bg-inverted-pressed:light-dark(var(--db-turquoise-13),var(--db-turquoise-2));--db-turquoise-on-bg-vibrant-default:light-dark(var(--db-turquoise-1),var(--db-turquoise-1));--db-turquoise-on-bg-vibrant-hovered:light-dark(var(--db-turquoise-4),var(--db-turquoise-4));--db-turquoise-on-bg-vibrant-pressed:light-dark(var(--db-turquoise-2),var(--db-turquoise-2));--db-turquoise-bg-basic-level-1-default:light-dark(var(--db-turquoise-14),var(--db-turquoise-1));--db-turquoise-bg-basic-level-1-hovered:light-dark(var(--db-turquoise-13),var(--db-turquoise-3));--db-turquoise-bg-basic-level-1-pressed:light-dark(var(--db-turquoise-12),var(--db-turquoise-4));--db-turquoise-bg-basic-level-2-default:light-dark(var(--db-turquoise-13),var(--db-turquoise-2));--db-turquoise-bg-basic-level-2-hovered:light-dark(var(--db-turquoise-12),var(--db-turquoise-4));--db-turquoise-bg-basic-level-2-pressed:light-dark(var(--db-turquoise-11),var(--db-turquoise-5));--db-turquoise-bg-basic-level-3-default:light-dark(var(--db-turquoise-12),var(--db-turquoise-3));--db-turquoise-bg-basic-level-3-hovered:light-dark(var(--db-turquoise-11),var(--db-turquoise-1));--db-turquoise-bg-basic-level-3-pressed:light-dark(var(--db-turquoise-10),var(--db-turquoise-0));--db-turquoise-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-turquoise-6)),color-mix(in srgb,transparent 100%,var(--db-turquoise-9)));--db-turquoise-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-turquoise-6)),color-mix(in srgb,transparent 84%,var(--db-turquoise-9)));--db-turquoise-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-turquoise-6)),color-mix(in srgb,transparent 76%,var(--db-turquoise-9)));--db-turquoise-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-turquoise-6)),color-mix(in srgb,transparent 68%,var(--db-turquoise-9)));--db-turquoise-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-turquoise-6)),color-mix(in srgb,transparent 76%,var(--db-turquoise-9)));--db-turquoise-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-turquoise-6)),color-mix(in srgb,transparent 68%,var(--db-turquoise-9)));--db-turquoise-bg-inverted-contrast-max-default:light-dark(var(--db-turquoise-1),var(--db-turquoise-12));--db-turquoise-bg-inverted-contrast-max-hovered:light-dark(var(--db-turquoise-5),var(--db-turquoise-9));--db-turquoise-bg-inverted-contrast-max-pressed:light-dark(var(--db-turquoise-2),var(--db-turquoise-11));--db-turquoise-bg-inverted-contrast-high-default:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-bg-inverted-contrast-high-hovered:light-dark(var(--db-turquoise-2),var(--db-turquoise-12));--db-turquoise-bg-inverted-contrast-high-pressed:light-dark(var(--db-turquoise-5),var(--db-turquoise-10));--db-turquoise-bg-inverted-contrast-low-default:light-dark(var(--db-turquoise-7),var(--db-turquoise-8));--db-turquoise-bg-inverted-contrast-low-hovered:light-dark(var(--db-turquoise-3),var(--db-turquoise-12));--db-turquoise-bg-inverted-contrast-low-pressed:light-dark(var(--db-turquoise-6),var(--db-turquoise-9));--db-turquoise-bg-vibrant-default:light-dark(var(--db-turquoise-9),var(--db-turquoise-9));--db-turquoise-bg-vibrant-hovered:light-dark(var(--db-turquoise-12),var(--db-turquoise-12));--db-turquoise-bg-vibrant-pressed:light-dark(var(--db-turquoise-10),var(--db-turquoise-10));--db-green-origin-default:light-dark(var(--db-green-origin-light-default),var(--db-green-origin-dark-default));--db-green-origin-hovered:light-dark(var(--db-green-origin-light-hovered),var(--db-green-origin-dark-hovered));--db-green-origin-pressed:light-dark(var(--db-green-origin-light-pressed),var(--db-green-origin-dark-pressed));--db-green-on-origin-default:light-dark(var(--db-green-on-origin-light-default),var(--db-green-on-origin-dark-default));--db-green-on-bg-basic-emphasis-50-default:light-dark(var(--db-green-9),var(--db-green-5));--db-green-on-bg-basic-emphasis-60-default:light-dark(var(--db-green-10),var(--db-green-6));--db-green-on-bg-basic-emphasis-70-default:light-dark(var(--db-green-7),var(--db-green-8));--db-green-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-green-4),var(--db-green-10));--db-green-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-green-6),var(--db-green-9));--db-green-on-bg-basic-emphasis-80-default:light-dark(var(--db-green-6),var(--db-green-9));--db-green-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-green-3),var(--db-green-12));--db-green-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-green-5),var(--db-green-10));--db-green-on-bg-basic-emphasis-90-default:light-dark(var(--db-green-4),var(--db-green-10));--db-green-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-green-0),var(--db-green-14));--db-green-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-green-3),var(--db-green-11));--db-green-on-bg-basic-emphasis-100-default:light-dark(var(--db-green-1),var(--db-green-12));--db-green-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-green-5),var(--db-green-9));--db-green-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-green-2),var(--db-green-11));--db-green-on-bg-inverted-default:light-dark(var(--db-green-14),var(--db-green-3));--db-green-on-bg-inverted-hovered:light-dark(var(--db-green-11),var(--db-green-0));--db-green-on-bg-inverted-pressed:light-dark(var(--db-green-13),var(--db-green-2));--db-green-on-bg-vibrant-default:light-dark(var(--db-green-1),var(--db-green-1));--db-green-on-bg-vibrant-hovered:light-dark(var(--db-green-4),var(--db-green-4));--db-green-on-bg-vibrant-pressed:light-dark(var(--db-green-2),var(--db-green-2));--db-green-bg-basic-level-1-default:light-dark(var(--db-green-14),var(--db-green-1));--db-green-bg-basic-level-1-hovered:light-dark(var(--db-green-13),var(--db-green-3));--db-green-bg-basic-level-1-pressed:light-dark(var(--db-green-12),var(--db-green-4));--db-green-bg-basic-level-2-default:light-dark(var(--db-green-13),var(--db-green-2));--db-green-bg-basic-level-2-hovered:light-dark(var(--db-green-12),var(--db-green-4));--db-green-bg-basic-level-2-pressed:light-dark(var(--db-green-11),var(--db-green-5));--db-green-bg-basic-level-3-default:light-dark(var(--db-green-12),var(--db-green-3));--db-green-bg-basic-level-3-hovered:light-dark(var(--db-green-11),var(--db-green-1));--db-green-bg-basic-level-3-pressed:light-dark(var(--db-green-10),var(--db-green-0));--db-green-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-green-6)),color-mix(in srgb,transparent 100%,var(--db-green-9)));--db-green-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-green-6)),color-mix(in srgb,transparent 84%,var(--db-green-9)));--db-green-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-green-6)),color-mix(in srgb,transparent 76%,var(--db-green-9)));--db-green-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-green-6)),color-mix(in srgb,transparent 68%,var(--db-green-9)));--db-green-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-green-6)),color-mix(in srgb,transparent 76%,var(--db-green-9)));--db-green-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-green-6)),color-mix(in srgb,transparent 68%,var(--db-green-9)));--db-green-bg-inverted-contrast-max-default:light-dark(var(--db-green-1),var(--db-green-12));--db-green-bg-inverted-contrast-max-hovered:light-dark(var(--db-green-5),var(--db-green-9));--db-green-bg-inverted-contrast-max-pressed:light-dark(var(--db-green-2),var(--db-green-11));--db-green-bg-inverted-contrast-high-default:light-dark(var(--db-green-6),var(--db-green-9));--db-green-bg-inverted-contrast-high-hovered:light-dark(var(--db-green-2),var(--db-green-12));--db-green-bg-inverted-contrast-high-pressed:light-dark(var(--db-green-5),var(--db-green-10));--db-green-bg-inverted-contrast-low-default:light-dark(var(--db-green-7),var(--db-green-8));--db-green-bg-inverted-contrast-low-hovered:light-dark(var(--db-green-3),var(--db-green-12));--db-green-bg-inverted-contrast-low-pressed:light-dark(var(--db-green-6),var(--db-green-9));--db-green-bg-vibrant-default:light-dark(var(--db-green-9),var(--db-green-9));--db-green-bg-vibrant-hovered:light-dark(var(--db-green-12),var(--db-green-12));--db-green-bg-vibrant-pressed:light-dark(var(--db-green-10),var(--db-green-10));--db-light-green-origin-default:light-dark(var(--db-light-green-origin-light-default),var(--db-light-green-origin-dark-default));--db-light-green-origin-hovered:light-dark(var(--db-light-green-origin-light-hovered),var(--db-light-green-origin-dark-hovered));--db-light-green-origin-pressed:light-dark(var(--db-light-green-origin-light-pressed),var(--db-light-green-origin-dark-pressed));--db-light-green-on-origin-default:light-dark(var(--db-light-green-on-origin-light-default),var(--db-light-green-on-origin-dark-default));--db-light-green-on-bg-basic-emphasis-50-default:light-dark(var(--db-light-green-9),var(--db-light-green-5));--db-light-green-on-bg-basic-emphasis-60-default:light-dark(var(--db-light-green-10),var(--db-light-green-6));--db-light-green-on-bg-basic-emphasis-70-default:light-dark(var(--db-light-green-7),var(--db-light-green-8));--db-light-green-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-light-green-4),var(--db-light-green-10));--db-light-green-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-light-green-6),var(--db-light-green-9));--db-light-green-on-bg-basic-emphasis-80-default:light-dark(var(--db-light-green-6),var(--db-light-green-9));--db-light-green-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-light-green-3),var(--db-light-green-12));--db-light-green-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-light-green-5),var(--db-light-green-10));--db-light-green-on-bg-basic-emphasis-90-default:light-dark(var(--db-light-green-4),var(--db-light-green-10));--db-light-green-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-light-green-0),var(--db-light-green-14));--db-light-green-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-light-green-3),var(--db-light-green-11));--db-light-green-on-bg-basic-emphasis-100-default:light-dark(var(--db-light-green-1),var(--db-light-green-12));--db-light-green-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-light-green-5),var(--db-light-green-9));--db-light-green-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-light-green-2),var(--db-light-green-11));--db-light-green-on-bg-inverted-default:light-dark(var(--db-light-green-14),var(--db-light-green-3));--db-light-green-on-bg-inverted-hovered:light-dark(var(--db-light-green-11),var(--db-light-green-0));--db-light-green-on-bg-inverted-pressed:light-dark(var(--db-light-green-13),var(--db-light-green-2));--db-light-green-on-bg-vibrant-default:light-dark(var(--db-light-green-1),var(--db-light-green-1));--db-light-green-on-bg-vibrant-hovered:light-dark(var(--db-light-green-4),var(--db-light-green-4));--db-light-green-on-bg-vibrant-pressed:light-dark(var(--db-light-green-2),var(--db-light-green-2));--db-light-green-bg-basic-level-1-default:light-dark(var(--db-light-green-14),var(--db-light-green-1));--db-light-green-bg-basic-level-1-hovered:light-dark(var(--db-light-green-13),var(--db-light-green-3));--db-light-green-bg-basic-level-1-pressed:light-dark(var(--db-light-green-12),var(--db-light-green-4));--db-light-green-bg-basic-level-2-default:light-dark(var(--db-light-green-13),var(--db-light-green-2));--db-light-green-bg-basic-level-2-hovered:light-dark(var(--db-light-green-12),var(--db-light-green-4));--db-light-green-bg-basic-level-2-pressed:light-dark(var(--db-light-green-11),var(--db-light-green-5));--db-light-green-bg-basic-level-3-default:light-dark(var(--db-light-green-12),var(--db-light-green-3));--db-light-green-bg-basic-level-3-hovered:light-dark(var(--db-light-green-11),var(--db-light-green-1));--db-light-green-bg-basic-level-3-pressed:light-dark(var(--db-light-green-10),var(--db-light-green-0));--db-light-green-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-light-green-6)),color-mix(in srgb,transparent 100%,var(--db-light-green-9)));--db-light-green-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-light-green-6)),color-mix(in srgb,transparent 84%,var(--db-light-green-9)));--db-light-green-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-light-green-6)),color-mix(in srgb,transparent 76%,var(--db-light-green-9)));--db-light-green-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-light-green-6)),color-mix(in srgb,transparent 68%,var(--db-light-green-9)));--db-light-green-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-light-green-6)),color-mix(in srgb,transparent 76%,var(--db-light-green-9)));--db-light-green-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-light-green-6)),color-mix(in srgb,transparent 68%,var(--db-light-green-9)));--db-light-green-bg-inverted-contrast-max-default:light-dark(var(--db-light-green-1),var(--db-light-green-12));--db-light-green-bg-inverted-contrast-max-hovered:light-dark(var(--db-light-green-5),var(--db-light-green-9));--db-light-green-bg-inverted-contrast-max-pressed:light-dark(var(--db-light-green-2),var(--db-light-green-11));--db-light-green-bg-inverted-contrast-high-default:light-dark(var(--db-light-green-6),var(--db-light-green-9));--db-light-green-bg-inverted-contrast-high-hovered:light-dark(var(--db-light-green-2),var(--db-light-green-12));--db-light-green-bg-inverted-contrast-high-pressed:light-dark(var(--db-light-green-5),var(--db-light-green-10));--db-light-green-bg-inverted-contrast-low-default:light-dark(var(--db-light-green-7),var(--db-light-green-8));--db-light-green-bg-inverted-contrast-low-hovered:light-dark(var(--db-light-green-3),var(--db-light-green-12));--db-light-green-bg-inverted-contrast-low-pressed:light-dark(var(--db-light-green-6),var(--db-light-green-9));--db-light-green-bg-vibrant-default:light-dark(var(--db-light-green-9),var(--db-light-green-9));--db-light-green-bg-vibrant-hovered:light-dark(var(--db-light-green-12),var(--db-light-green-12));--db-light-green-bg-vibrant-pressed:light-dark(var(--db-light-green-10),var(--db-light-green-10));--db-burgundy-origin-default:light-dark(var(--db-burgundy-origin-light-default),var(--db-burgundy-origin-dark-default));--db-burgundy-origin-hovered:light-dark(var(--db-burgundy-origin-light-hovered),var(--db-burgundy-origin-dark-hovered));--db-burgundy-origin-pressed:light-dark(var(--db-burgundy-origin-light-pressed),var(--db-burgundy-origin-dark-pressed));--db-burgundy-on-origin-default:light-dark(var(--db-burgundy-on-origin-light-default),var(--db-burgundy-on-origin-dark-default));--db-burgundy-on-bg-basic-emphasis-50-default:light-dark(var(--db-burgundy-9),var(--db-burgundy-5));--db-burgundy-on-bg-basic-emphasis-60-default:light-dark(var(--db-burgundy-10),var(--db-burgundy-6));--db-burgundy-on-bg-basic-emphasis-70-default:light-dark(var(--db-burgundy-7),var(--db-burgundy-8));--db-burgundy-on-bg-basic-emphasis-70-hovered:light-dark(var(--db-burgundy-4),var(--db-burgundy-10));--db-burgundy-on-bg-basic-emphasis-70-pressed:light-dark(var(--db-burgundy-6),var(--db-burgundy-9));--db-burgundy-on-bg-basic-emphasis-80-default:light-dark(var(--db-burgundy-6),var(--db-burgundy-9));--db-burgundy-on-bg-basic-emphasis-80-hovered:light-dark(var(--db-burgundy-3),var(--db-burgundy-12));--db-burgundy-on-bg-basic-emphasis-80-pressed:light-dark(var(--db-burgundy-5),var(--db-burgundy-10));--db-burgundy-on-bg-basic-emphasis-90-default:light-dark(var(--db-burgundy-4),var(--db-burgundy-10));--db-burgundy-on-bg-basic-emphasis-90-hovered:light-dark(var(--db-burgundy-0),var(--db-burgundy-14));--db-burgundy-on-bg-basic-emphasis-90-pressed:light-dark(var(--db-burgundy-3),var(--db-burgundy-11));--db-burgundy-on-bg-basic-emphasis-100-default:light-dark(var(--db-burgundy-1),var(--db-burgundy-12));--db-burgundy-on-bg-basic-emphasis-100-hovered:light-dark(var(--db-burgundy-5),var(--db-burgundy-9));--db-burgundy-on-bg-basic-emphasis-100-pressed:light-dark(var(--db-burgundy-2),var(--db-burgundy-11));--db-burgundy-on-bg-inverted-default:light-dark(var(--db-burgundy-14),var(--db-burgundy-3));--db-burgundy-on-bg-inverted-hovered:light-dark(var(--db-burgundy-11),var(--db-burgundy-0));--db-burgundy-on-bg-inverted-pressed:light-dark(var(--db-burgundy-13),var(--db-burgundy-2));--db-burgundy-on-bg-vibrant-default:light-dark(var(--db-burgundy-1),var(--db-burgundy-1));--db-burgundy-on-bg-vibrant-hovered:light-dark(var(--db-burgundy-4),var(--db-burgundy-4));--db-burgundy-on-bg-vibrant-pressed:light-dark(var(--db-burgundy-2),var(--db-burgundy-2));--db-burgundy-bg-basic-level-1-default:light-dark(var(--db-burgundy-14),var(--db-burgundy-1));--db-burgundy-bg-basic-level-1-hovered:light-dark(var(--db-burgundy-13),var(--db-burgundy-3));--db-burgundy-bg-basic-level-1-pressed:light-dark(var(--db-burgundy-12),var(--db-burgundy-4));--db-burgundy-bg-basic-level-2-default:light-dark(var(--db-burgundy-13),var(--db-burgundy-2));--db-burgundy-bg-basic-level-2-hovered:light-dark(var(--db-burgundy-12),var(--db-burgundy-4));--db-burgundy-bg-basic-level-2-pressed:light-dark(var(--db-burgundy-11),var(--db-burgundy-5));--db-burgundy-bg-basic-level-3-default:light-dark(var(--db-burgundy-12),var(--db-burgundy-3));--db-burgundy-bg-basic-level-3-hovered:light-dark(var(--db-burgundy-11),var(--db-burgundy-1));--db-burgundy-bg-basic-level-3-pressed:light-dark(var(--db-burgundy-10),var(--db-burgundy-0));--db-burgundy-bg-basic-transparent-full-default:light-dark(color-mix(in srgb,transparent 100%,var(--db-burgundy-6)),color-mix(in srgb,transparent 100%,var(--db-burgundy-9)));--db-burgundy-bg-basic-transparent-semi-default:light-dark(color-mix(in srgb,transparent 92%,var(--db-burgundy-6)),color-mix(in srgb,transparent 84%,var(--db-burgundy-9)));--db-burgundy-bg-basic-transparent-full-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-burgundy-6)),color-mix(in srgb,transparent 76%,var(--db-burgundy-9)));--db-burgundy-bg-basic-transparent-full-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-burgundy-6)),color-mix(in srgb,transparent 68%,var(--db-burgundy-9)));--db-burgundy-bg-basic-transparent-semi-hovered:light-dark(color-mix(in srgb,transparent 76%,var(--db-burgundy-6)),color-mix(in srgb,transparent 76%,var(--db-burgundy-9)));--db-burgundy-bg-basic-transparent-semi-pressed:light-dark(color-mix(in srgb,transparent 68%,var(--db-burgundy-6)),color-mix(in srgb,transparent 68%,var(--db-burgundy-9)));--db-burgundy-bg-inverted-contrast-max-default:light-dark(var(--db-burgundy-1),var(--db-burgundy-12));--db-burgundy-bg-inverted-contrast-max-hovered:light-dark(var(--db-burgundy-5),var(--db-burgundy-9));--db-burgundy-bg-inverted-contrast-max-pressed:light-dark(var(--db-burgundy-2),var(--db-burgundy-11));--db-burgundy-bg-inverted-contrast-high-default:light-dark(var(--db-burgundy-6),var(--db-burgundy-9));--db-burgundy-bg-inverted-contrast-high-hovered:light-dark(var(--db-burgundy-2),var(--db-burgundy-12));--db-burgundy-bg-inverted-contrast-high-pressed:light-dark(var(--db-burgundy-5),var(--db-burgundy-10));--db-burgundy-bg-inverted-contrast-low-default:light-dark(var(--db-burgundy-7),var(--db-burgundy-8));--db-burgundy-bg-inverted-contrast-low-hovered:light-dark(var(--db-burgundy-3),var(--db-burgundy-12));--db-burgundy-bg-inverted-contrast-low-pressed:light-dark(var(--db-burgundy-6),var(--db-burgundy-9));--db-burgundy-bg-vibrant-default:light-dark(var(--db-burgundy-9),var(--db-burgundy-9));--db-burgundy-bg-vibrant-hovered:light-dark(var(--db-burgundy-12),var(--db-burgundy-12));--db-burgundy-bg-vibrant-pressed:light-dark(var(--db-burgundy-10),var(--db-burgundy-10))}}:where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}@property --db-screen-xs{syntax:"*";inherits:true;initial-value:20em}@property --db-screen-sm{syntax:"*";inherits:true;initial-value:48em}@property --db-screen-md{syntax:"*";inherits:true;initial-value:64em}@property --db-screen-xl{syntax:"*";inherits:true;initial-value:120em}@layer variables{:is(:root,:host){--db-textarea-resizer-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");--db-textarea-scrollbar-button-decrement:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");--db-textarea-scrollbar-button-increment:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K")}@media (prefers-color-scheme:dark){:is(:root,:host){--db-textarea-resizer-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");--db-textarea-scrollbar-button-decrement:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");--db-textarea-scrollbar-button-increment:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=")}}:is(:root,:host) [data-mode=dark]{--db-textarea-resizer-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");--db-textarea-scrollbar-button-decrement:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");--db-textarea-scrollbar-button-increment:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=")}:is(:root,:host) [data-mode=light]{--db-textarea-resizer-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");--db-textarea-scrollbar-button-decrement:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");--db-textarea-scrollbar-button-increment:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K")}}html:not(:has(>head>meta[name=color-scheme])){color-scheme:light dark}[data-mode=light]{color-scheme:light}[data-mode=dark]{color-scheme:dark}body,html{margin:0;padding:0}#app,#root,body{block-size:inherit}body{font-family:var(--db-font-family-sans)}html{box-sizing:var(--db-box-sizing,border-box)}*{-webkit-font-smoothing:antialiased;font-synthesis:none;text-rendering:optimizelegibility}*,:after,:before{box-sizing:inherit}a,body,button,input,select,summary,textarea{color:inherit}embed,iframe,img,object,video{block-size:auto;max-inline-size:100%}iframe{border:0}:where(ul){list-style-type:"• ";padding-inline-start:var(--db-spacing-fixed-md)}:where(ul) li::marker{color:var(--db-brand-origin-default)}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style-type:"";margin:0;padding:0}fieldset{border:0}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}
package/build/styles/defaults/default-required.scss CHANGED
@@ -21,6 +21,14 @@
21
21
  @media (prefers-color-scheme: dark) {
22
22
  @include default-color-icons.get-color-icons-dark;
23
23
  }
24
+
25
+ [data-mode="dark"] {
26
+ @include default-color-icons.get-color-icons-dark;
27
+ }
28
+
29
+ [data-mode="light"] {
30
+ @include default-color-icons.get-color-icons-light;
31
+ }
24
32
  }
25
33
  }
26
34
 
package/build/styles/helpers/_display.scss ADDED
@@ -0,0 +1,6 @@
1
+ // Make sure that the usage of any `display` CSS property doesn't override the usage of the `hidden` attribute.
2
+ @mixin display($value) {
3
+ &:not([hidden]) {
4
+ display: $value;
5
+ }
6
+ }
package/build/styles/helpers/_index.scss CHANGED
@@ -5,3 +5,4 @@
5
5
  @forward "focus";
6
6
  @forward "divider";
7
7
  @forward "layer";
8
+ @forward "display";
package/build/styles/index.css CHANGED
@@ -909,9 +909,13 @@ blockquote:not([class]) {
909
909
  [data-icon]:is(span),
910
910
  [data-icon-leading]:is(span),
911
911
  [data-icon-trailing]:is(span) {
912
- display: inline-flex;
913
912
  vertical-align: baseline;
914
913
  }
914
+ [data-icon]:is(span):not([hidden]),
915
+ [data-icon-leading]:is(span):not([hidden]),
916
+ [data-icon-trailing]:is(span):not([hidden]) {
917
+ display: inline-flex;
918
+ }
915
919
 
916
920
  [data-icon]::before,
917
921
  [data-icon-leading]::before {
@@ -4688,6 +4692,16 @@ blockquote:not([class]) {
4688
4692
  --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
4689
4693
  }
4690
4694
  }
4695
+ :is(:root, :host) [data-mode=dark] {
4696
+ --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
4697
+ --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
4698
+ --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
4699
+ }
4700
+ :is(:root, :host) [data-mode=light] {
4701
+ --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
4702
+ --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
4703
+ --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");
4704
+ }
4691
4705
  }
4692
4706
  html:not(:has(> head > meta[name=color-scheme])) {
4693
4707
  color-scheme: light dark;
package/build/styles/relative.css CHANGED
@@ -6622,9 +6622,13 @@ blockquote:not([class]) {
6622
6622
  [data-icon]:is(span),
6623
6623
  [data-icon-leading]:is(span),
6624
6624
  [data-icon-trailing]:is(span) {
6625
- display: inline-flex;
6626
6625
  vertical-align: baseline;
6627
6626
  }
6627
+ [data-icon]:is(span):not([hidden]),
6628
+ [data-icon-leading]:is(span):not([hidden]),
6629
+ [data-icon-trailing]:is(span):not([hidden]) {
6630
+ display: inline-flex;
6631
+ }
6628
6632
 
6629
6633
  [data-icon]::before,
6630
6634
  [data-icon-leading]::before {
@@ -10401,6 +10405,16 @@ blockquote:not([class]) {
10401
10405
  --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
10402
10406
  }
10403
10407
  }
10408
+ :is(:root, :host) [data-mode=dark] {
10409
+ --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
10410
+ --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
10411
+ --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
10412
+ }
10413
+ :is(:root, :host) [data-mode=light] {
10414
+ --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
10415
+ --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
10416
+ --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");
10417
+ }
10404
10418
  }
10405
10419
  html:not(:has(> head > meta[name=color-scheme])) {
10406
10420
  color-scheme: light dark;
package/build/styles/rollup.css CHANGED
@@ -6622,9 +6622,13 @@ blockquote:not([class]) {
6622
6622
  [data-icon]:is(span),
6623
6623
  [data-icon-leading]:is(span),
6624
6624
  [data-icon-trailing]:is(span) {
6625
- display: inline-flex;
6626
6625
  vertical-align: baseline;
6627
6626
  }
6627
+ [data-icon]:is(span):not([hidden]),
6628
+ [data-icon-leading]:is(span):not([hidden]),
6629
+ [data-icon-trailing]:is(span):not([hidden]) {
6630
+ display: inline-flex;
6631
+ }
6628
6632
 
6629
6633
  [data-icon]::before,
6630
6634
  [data-icon-leading]::before {
@@ -10401,6 +10405,16 @@ blockquote:not([class]) {
10401
10405
  --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
10402
10406
  }
10403
10407
  }
10408
+ :is(:root, :host) [data-mode=dark] {
10409
+ --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
10410
+ --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
10411
+ --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
10412
+ }
10413
+ :is(:root, :host) [data-mode=light] {
10414
+ --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
10415
+ --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
10416
+ --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");
10417
+ }
10404
10418
  }
10405
10419
  html:not(:has(> head > meta[name=color-scheme])) {
10406
10420
  color-scheme: light dark;
package/build/styles/webpack.css CHANGED
@@ -6622,9 +6622,13 @@ blockquote:not([class]) {
6622
6622
  [data-icon]:is(span),
6623
6623
  [data-icon-leading]:is(span),
6624
6624
  [data-icon-trailing]:is(span) {
6625
- display: inline-flex;
6626
6625
  vertical-align: baseline;
6627
6626
  }
6627
+ [data-icon]:is(span):not([hidden]),
6628
+ [data-icon-leading]:is(span):not([hidden]),
6629
+ [data-icon-trailing]:is(span):not([hidden]) {
6630
+ display: inline-flex;
6631
+ }
6628
6632
 
6629
6633
  [data-icon]::before,
6630
6634
  [data-icon-leading]::before {
@@ -10401,6 +10405,16 @@ blockquote:not([class]) {
10401
10405
  --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
10402
10406
  }
10403
10407
  }
10408
+ :is(:root, :host) [data-mode=dark] {
10409
+ --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
10410
+ --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
10411
+ --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
10412
+ }
10413
+ :is(:root, :host) [data-mode=light] {
10414
+ --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
10415
+ --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
10416
+ --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");
10417
+ }
10404
10418
  }
10405
10419
  html:not(:has(> head > meta[name=color-scheme])) {
10406
10420
  color-scheme: light dark;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@db-ux/core-foundations",
3
- "version": "3.1.16",
3
+ "version": "3.1.18",
4
4
  "type": "module",
5
5
  "description": "Provides basic tokens and assets based on DB UX Design System (Version 3).",
6
6
  "repository": {
@@ -12,6 +12,7 @@
12
12
  "types": "./build/index.d.ts",
13
13
  "module": "./build/index.js",
14
14
  "files": [
15
+ "agent",
15
16
  "CHANGELOG.md",
16
17
  "assets",
17
18
  "build"
@@ -28,6 +29,7 @@
28
29
  "build:06_ts": "tsc",
29
30
  "clean": "rm --recursive --force build",
30
31
  "copy-build": "npm-run-all copy-build:*",
32
+ "copy-build:agent": "cpr agent ../../build-outputs/foundations/agent --overwrite",
31
33
  "copy-build:assets": "cpr assets ../../build-outputs/foundations/assets --overwrite",
32
34
  "copy-build:package.json": "cpr package.json ../../build-outputs/foundations/package.json --overwrite",
33
35
  "copy-build:readme": "cpr README.md ../../build-outputs/foundations/README.md --overwrite",
@@ -59,7 +61,7 @@
59
61
  "sass": "1.85.0",
60
62
  "tsx": "4.20.6",
61
63
  "typescript": "5.8.3",
62
- "vite": "7.1.7"
64
+ "vite": "7.1.9"
63
65
  },
64
66
  "publishConfig": {
65
67
  "registry": "https://registry.npmjs.org/",