@db-ux/core-foundations 4.5.4 → 4.6.0

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 (111) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/README.md +16 -69
  3. package/agent/_instructions.md +84 -0
  4. package/agent/tailwind/Variables.md +11 -9
  5. package/build/styles/bundle.css +4820 -0
  6. package/build/styles/{index.scss → bundle.scss} +5 -0
  7. package/build/styles/colors/_default-color-mappings.scss +3461 -3472
  8. package/build/styles/colors/_placeholder.scss +155 -159
  9. package/build/styles/colors/classes/all.css +2499 -2601
  10. package/build/styles/colors/classes/blue.css +147 -185
  11. package/build/styles/colors/classes/brand.css +147 -185
  12. package/build/styles/colors/classes/burgundy.css +147 -185
  13. package/build/styles/colors/classes/critical.css +147 -185
  14. package/build/styles/colors/classes/cyan.css +147 -185
  15. package/build/styles/colors/classes/green.css +147 -185
  16. package/build/styles/colors/classes/informational.css +147 -185
  17. package/build/styles/colors/classes/light-green.css +147 -185
  18. package/build/styles/colors/classes/neutral.css +147 -185
  19. package/build/styles/colors/classes/orange.css +147 -185
  20. package/build/styles/colors/classes/pink.css +147 -185
  21. package/build/styles/colors/classes/red.css +147 -185
  22. package/build/styles/colors/classes/successful.css +147 -185
  23. package/build/styles/colors/classes/turquoise.css +147 -185
  24. package/build/styles/colors/classes/violet.css +147 -185
  25. package/build/styles/colors/classes/warning.css +147 -185
  26. package/build/styles/colors/classes/yellow.css +147 -185
  27. package/build/styles/defaults/default-code.css +97 -97
  28. package/build/styles/defaults/default-container-properties.css +1 -0
  29. package/build/styles/defaults/default-container-variables.css +1 -0
  30. package/build/styles/defaults/default-elevation.css +1 -1
  31. package/build/styles/defaults/default-fonts.css +1 -1
  32. package/build/styles/defaults/default-icons.css +1 -1
  33. package/build/styles/defaults/default-properties.css +1 -0
  34. package/build/styles/defaults/default-required.css +1 -1
  35. package/build/styles/defaults/default-required.scss +13 -16
  36. package/build/styles/defaults/default-root.css +97 -97
  37. package/build/styles/defaults/default-variables.css +1 -0
  38. package/build/styles/density/_scaling-placeholder.scss +51 -54
  39. package/build/styles/density/_typography-placeholder.scss +54 -60
  40. package/build/styles/density/classes/all.css +759 -907
  41. package/build/styles/density/classes/expressive.css +255 -377
  42. package/build/styles/density/classes/functional.css +255 -377
  43. package/build/styles/density/classes/regular.css +255 -377
  44. package/build/styles/fonts/_font-sizes.scss +10 -16
  45. package/build/styles/fonts/absolute.scss +1 -1
  46. package/build/styles/fonts/classes/all.css +54 -214
  47. package/build/styles/fonts/classes/body/2xl.css +3 -95
  48. package/build/styles/fonts/classes/body/2xs.css +3 -95
  49. package/build/styles/fonts/classes/body/3xl.css +3 -95
  50. package/build/styles/fonts/classes/body/3xs.css +3 -95
  51. package/build/styles/fonts/classes/body/all.css +27 -151
  52. package/build/styles/fonts/classes/body/lg.css +3 -95
  53. package/build/styles/fonts/classes/body/md.css +3 -95
  54. package/build/styles/fonts/classes/body/sm.css +3 -95
  55. package/build/styles/fonts/classes/body/xl.css +3 -95
  56. package/build/styles/fonts/classes/body/xs.css +3 -95
  57. package/build/styles/fonts/classes/headline/2xl.css +3 -95
  58. package/build/styles/fonts/classes/headline/2xs.css +3 -95
  59. package/build/styles/fonts/classes/headline/3xl.css +3 -95
  60. package/build/styles/fonts/classes/headline/3xs.css +3 -95
  61. package/build/styles/fonts/classes/headline/all.css +27 -151
  62. package/build/styles/fonts/classes/headline/lg.css +3 -95
  63. package/build/styles/fonts/classes/headline/md.css +3 -95
  64. package/build/styles/fonts/classes/headline/sm.css +3 -95
  65. package/build/styles/fonts/classes/headline/xl.css +3 -95
  66. package/build/styles/fonts/classes/headline/xs.css +3 -95
  67. package/build/styles/fonts/relative.scss +1 -1
  68. package/build/styles/fonts/rollup.scss +1 -1
  69. package/build/styles/fonts/webpack.scss +1 -1
  70. package/build/styles/helpers/_index.scss +0 -1
  71. package/build/styles/helpers/classes/all.css +0 -34
  72. package/build/styles/helpers/classes/divider.css +0 -34
  73. package/build/styles/helpers/classes/focus.css +0 -34
  74. package/build/styles/icons/absolute.css +1 -1
  75. package/build/styles/icons/absolute.scss +1 -1
  76. package/build/styles/icons/relative.css +1 -1
  77. package/build/styles/icons/relative.scss +1 -1
  78. package/build/styles/icons/rollup.css +1 -1
  79. package/build/styles/icons/rollup.scss +1 -1
  80. package/build/styles/icons/webpack.css +1 -1
  81. package/build/styles/icons/webpack.scss +1 -1
  82. package/build/styles/theme/absolute.css +1 -0
  83. package/build/styles/theme/relative.css +1 -0
  84. package/build/styles/{defaults/default-theme.scss → theme/relative.scss} +3 -6
  85. package/build/styles/theme/rollup.css +1 -0
  86. package/build/styles/theme/webpack.css +1 -0
  87. package/build/tailwind/theme/colors.css +1 -2953
  88. package/build/tailwind/theme/colors.scss +1 -10
  89. package/build/tailwind/theme/dimensions.css +77 -160
  90. package/package.json +4 -4
  91. package/build/styles/absolute.css +0 -10635
  92. package/build/styles/defaults/default-theme.css +0 -97
  93. package/build/styles/helpers/_layer.scss +0 -1
  94. package/build/styles/index.css +0 -4907
  95. package/build/styles/relative.css +0 -10635
  96. package/build/styles/relative.scss +0 -4
  97. package/build/styles/rollup.css +0 -10635
  98. package/build/styles/webpack.css +0 -10635
  99. package/build/tailwind/theme/_variables.scss +0 -77
  100. package/build/tailwind/theme/dimensions.scss +0 -17
  101. /package/build/styles/defaults/{_default-container-properties.scss → default-container-properties.scss} +0 -0
  102. /package/build/styles/defaults/{_default-container-variables.scss → default-container-variables.scss} +0 -0
  103. /package/build/styles/defaults/{_default-properties.scss → default-properties.scss} +0 -0
  104. /package/build/styles/defaults/{_default-variables.scss → default-variables.scss} +0 -0
  105. /package/build/styles/{_absolute.assets-paths.scss → theme/_absolute.assets-paths.scss} +0 -0
  106. /package/build/styles/{_default.assets-paths.scss → theme/_default.assets-paths.scss} +0 -0
  107. /package/build/styles/{_rollup.assets-paths.scss → theme/_rollup.assets-paths.scss} +0 -0
  108. /package/build/styles/{_webpack.assets-paths.scss → theme/_webpack.assets-paths.scss} +0 -0
  109. /package/build/styles/{absolute.scss → theme/absolute.scss} +0 -0
  110. /package/build/styles/{rollup.scss → theme/rollup.scss} +0 -0
  111. /package/build/styles/{webpack.scss → theme/webpack.scss} +0 -0
package/build/styles/index.css DELETED
@@ -1,4907 +0,0 @@
1
- @charset "UTF-8";
2
- /* Use this file if you want the default color and density in your project */
3
- /* Variants for adaptive components like input, select, notification, ... */
4
- blockquote:not([class]), :root,
5
- :host {
6
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
7
- }
8
- @layer variables {
9
- blockquote:not([class]), :root,
10
- :host {
11
- --db-adaptive-bg-basic-level-1-default: var(
12
- --db-neutral-bg-basic-level-1-default
13
- );
14
- --db-adaptive-bg-basic-level-1-hovered: var(
15
- --db-neutral-bg-basic-level-1-hovered
16
- );
17
- --db-adaptive-bg-basic-level-1-pressed: var(
18
- --db-neutral-bg-basic-level-1-pressed
19
- );
20
- --db-adaptive-bg-basic-level-2-default: var(
21
- --db-neutral-bg-basic-level-2-default
22
- );
23
- --db-adaptive-bg-basic-level-2-hovered: var(
24
- --db-neutral-bg-basic-level-2-hovered
25
- );
26
- --db-adaptive-bg-basic-level-2-pressed: var(
27
- --db-neutral-bg-basic-level-2-pressed
28
- );
29
- --db-adaptive-bg-basic-level-3-default: var(
30
- --db-neutral-bg-basic-level-3-default
31
- );
32
- --db-adaptive-bg-basic-level-3-hovered: var(
33
- --db-neutral-bg-basic-level-3-hovered
34
- );
35
- --db-adaptive-bg-basic-level-3-pressed: var(
36
- --db-neutral-bg-basic-level-3-pressed
37
- );
38
- --db-adaptive-bg-basic-transparent-full-default: var(
39
- --db-neutral-bg-basic-transparent-full-default
40
- );
41
- --db-adaptive-bg-basic-transparent-semi-default: var(
42
- --db-neutral-bg-basic-transparent-semi-default
43
- );
44
- --db-adaptive-bg-basic-transparent-full-hovered: var(
45
- --db-neutral-bg-basic-transparent-full-hovered
46
- );
47
- --db-adaptive-bg-basic-transparent-full-pressed: var(
48
- --db-neutral-bg-basic-transparent-full-pressed
49
- );
50
- --db-adaptive-bg-basic-transparent-semi-hovered: var(
51
- --db-neutral-bg-basic-transparent-semi-hovered
52
- );
53
- --db-adaptive-bg-basic-transparent-semi-pressed: var(
54
- --db-neutral-bg-basic-transparent-semi-pressed
55
- );
56
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
57
- --db-neutral-on-bg-basic-emphasis-100-default
58
- );
59
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
60
- --db-neutral-on-bg-basic-emphasis-100-hovered
61
- );
62
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
63
- --db-neutral-on-bg-basic-emphasis-100-pressed
64
- );
65
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
66
- --db-neutral-on-bg-basic-emphasis-90-default
67
- );
68
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
69
- --db-neutral-on-bg-basic-emphasis-90-hovered
70
- );
71
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
72
- --db-neutral-on-bg-basic-emphasis-90-pressed
73
- );
74
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
75
- --db-neutral-on-bg-basic-emphasis-80-default
76
- );
77
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
78
- --db-neutral-on-bg-basic-emphasis-80-hovered
79
- );
80
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
81
- --db-neutral-on-bg-basic-emphasis-80-pressed
82
- );
83
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
84
- --db-neutral-on-bg-basic-emphasis-70-default
85
- );
86
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
87
- --db-neutral-on-bg-basic-emphasis-70-hovered
88
- );
89
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
90
- --db-neutral-on-bg-basic-emphasis-70-pressed
91
- );
92
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
93
- --db-neutral-on-bg-basic-emphasis-60-default
94
- );
95
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
96
- --db-neutral-on-bg-basic-emphasis-50-default
97
- );
98
- --db-adaptive-bg-inverted-contrast-max-default: var(
99
- --db-neutral-bg-inverted-contrast-max-default
100
- );
101
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
102
- --db-neutral-bg-inverted-contrast-max-hovered
103
- );
104
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
105
- --db-neutral-bg-inverted-contrast-max-pressed
106
- );
107
- --db-adaptive-bg-inverted-contrast-high-default: var(
108
- --db-neutral-bg-inverted-contrast-high-default
109
- );
110
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
111
- --db-neutral-bg-inverted-contrast-high-hovered
112
- );
113
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
114
- --db-neutral-bg-inverted-contrast-high-pressed
115
- );
116
- --db-adaptive-bg-inverted-contrast-low-default: var(
117
- --db-neutral-bg-inverted-contrast-low-default
118
- );
119
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
120
- --db-neutral-bg-inverted-contrast-low-hovered
121
- );
122
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
123
- --db-neutral-bg-inverted-contrast-low-pressed
124
- );
125
- --db-adaptive-on-bg-inverted-default: var(
126
- --db-neutral-on-bg-inverted-default
127
- );
128
- --db-adaptive-on-bg-inverted-hovered: var(
129
- --db-neutral-on-bg-inverted-hovered
130
- );
131
- --db-adaptive-on-bg-inverted-pressed: var(
132
- --db-neutral-on-bg-inverted-pressed
133
- );
134
- --db-adaptive-origin-default: var(--db-neutral-origin-default);
135
- --db-adaptive-origin-hovered: var(--db-neutral-origin-hovered);
136
- --db-adaptive-origin-pressed: var(--db-neutral-origin-pressed);
137
- --db-adaptive-on-origin-default: var(
138
- --db-neutral-on-origin-default
139
- );
140
- --db-adaptive-bg-vibrant-default: var(
141
- --db-neutral-bg-vibrant-default
142
- );
143
- --db-adaptive-bg-vibrant-hovered: var(
144
- --db-neutral-bg-vibrant-hovered
145
- );
146
- --db-adaptive-bg-vibrant-pressed: var(
147
- --db-neutral-bg-vibrant-pressed
148
- );
149
- --db-adaptive-on-bg-vibrant-default: var(
150
- --db-neutral-on-bg-vibrant-default
151
- );
152
- --db-adaptive-on-bg-vibrant-hovered: var(
153
- --db-neutral-on-bg-vibrant-hovered
154
- );
155
- --db-adaptive-on-bg-vibrant-pressed: var(
156
- --db-neutral-on-bg-vibrant-pressed
157
- );
158
- }
159
- }
160
-
161
- :root,
162
- :host {
163
- background-color: var(--db-neutral-bg-basic-level-1-default);
164
- color: var(--db-neutral-on-bg-basic-emphasis-100-default);
165
- }
166
- :root::before, :root::after {
167
- --db-icon-color: var(--db-neutral-on-bg-basic-emphasis-100-default);
168
- }
169
-
170
- blockquote:not([class]) {
171
- background-color: var(--db-neutral-bg-basic-transparent-semi-default);
172
- color: var(--db-neutral-on-bg-basic-emphasis-100-default);
173
- }
174
- blockquote:not([class])::before, blockquote:not([class])::after {
175
- --db-icon-color: var(--db-neutral-on-bg-basic-emphasis-100-default);
176
- }
177
-
178
- @layer variables {}
179
-
180
- @layer variables {}
181
-
182
- @layer variables {}
183
-
184
- @layer variables {}
185
-
186
- @layer variables {}
187
-
188
- @layer variables {}
189
-
190
- @layer variables {}
191
-
192
- @layer variables {}
193
-
194
- @layer variables {}
195
-
196
- @layer variables {}
197
-
198
- @layer variables {}
199
-
200
- @layer variables {}
201
-
202
- @layer variables {}
203
-
204
- @layer variables {}
205
-
206
- @layer variables {}
207
-
208
- @layer variables {}
209
-
210
- /* Use this file if you want the default color and density in your project */
211
- :not([data-disable-focus=true]):is(a,
212
- button,
213
- input,
214
- textarea,
215
- summary,
216
- select,
217
- [tabindex]:not([tabindex="-1"])):focus-visible {
218
- outline: var(--db-border-width-2xs) solid var(--db-focus-outline-color, var(--db-informational-on-bg-basic-emphasis-70-default));
219
- outline-offset: var(--db-border-width-xs);
220
- box-shadow: 0 0 0 var(--db-border-width-xs) var(--db-focus-box-shadow-bg-color, transparent);
221
- }
222
- @media (prefers-reduced-motion: no-preference) {
223
- :not([data-disable-focus=true]):is(a,
224
- button,
225
- input,
226
- textarea,
227
- summary,
228
- select,
229
- [tabindex]:not([tabindex="-1"])):focus-visible {
230
- transition: outline var(--db-transition-duration-extra-fast), box-shadow var(--db-transition-duration-extra-fast);
231
- }
232
- }
233
- :not([data-disable-focus=true]):not([type=radio], [role=switch]):is(a,
234
- button,
235
- input,
236
- textarea,
237
- summary,
238
- select,
239
- [tabindex]:not([tabindex="-1"])):focus-visible {
240
- border-radius: var(--db-border-radius-xs);
241
- }
242
-
243
- /* Use this file if you want the default color and density in your project */
244
- @layer variables {}
245
-
246
- @layer variables {}
247
-
248
- @layer variables {}
249
-
250
- @layer variables {}
251
-
252
- @layer variables {}
253
-
254
- @layer variables {}
255
-
256
- @layer variables {}
257
-
258
- @layer variables {}
259
-
260
- @layer variables {}
261
-
262
- @layer variables {}
263
-
264
- @layer variables {}
265
-
266
- @layer variables {}
267
-
268
- @layer variables {}
269
-
270
- :root,
271
- :host {
272
- font: var(--db-type-body-md);
273
- }
274
-
275
- :root,
276
- :host {
277
- font: var(--db-type-body-md);
278
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
279
- }
280
- @layer variables {
281
- :root,
282
- :host {
283
- /* Those variables are only for components to calculate heights and change icons */
284
- --db-icon-font-weight: var(--db-base-body-icon-weight-md);
285
- --db-icon-font-size: var(--db-base-body-icon-font-size-md);
286
- }
287
- }
288
-
289
- @layer variables {}
290
-
291
- @layer variables {}
292
-
293
- small,
294
- code {
295
- font: var(--db-type-body-sm);
296
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
297
- }
298
- @layer variables {
299
- small,
300
- code {
301
- /* Those variables are only for components to calculate heights and change icons */
302
- --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
303
- --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
304
- }
305
- }
306
-
307
- @layer variables {}
308
-
309
- @layer variables {}
310
-
311
- @layer variables {}
312
-
313
- @layer variables {}
314
-
315
- @layer variables {}
316
-
317
- @layer variables {}
318
-
319
- @layer variables {}
320
-
321
- @layer variables {}
322
-
323
- @layer variables {}
324
-
325
- @layer variables {}
326
-
327
- @layer variables {}
328
-
329
- :root,
330
- :host {
331
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
332
- }
333
- @layer variables {
334
- :root,
335
- :host {
336
- --db-sizing-3xs: var(--db-sizing-regular-3xs);
337
- --db-sizing-2xs: var(--db-sizing-regular-2xs);
338
- --db-sizing-xs: var(--db-sizing-regular-xs);
339
- --db-sizing-sm: var(--db-sizing-regular-sm);
340
- --db-sizing-md: var(--db-sizing-regular-md);
341
- --db-sizing-lg: var(--db-sizing-regular-lg);
342
- --db-sizing-xl: var(--db-sizing-regular-xl);
343
- --db-sizing-2xl: var(--db-sizing-regular-2xl);
344
- --db-sizing-3xl: var(--db-sizing-regular-3xl);
345
- --db-spacing-fixed-3xs: var(--db-spacing-fixed-regular-3xs);
346
- --db-spacing-fixed-2xs: var(--db-spacing-fixed-regular-2xs);
347
- --db-spacing-fixed-xs: var(--db-spacing-fixed-regular-xs);
348
- --db-spacing-fixed-sm: var(--db-spacing-fixed-regular-sm);
349
- --db-spacing-fixed-md: var(--db-spacing-fixed-regular-md);
350
- --db-spacing-fixed-lg: var(--db-spacing-fixed-regular-lg);
351
- --db-spacing-fixed-xl: var(--db-spacing-fixed-regular-xl);
352
- --db-spacing-fixed-2xl: var(--db-spacing-fixed-regular-2xl);
353
- --db-spacing-fixed-3xl: var(--db-spacing-fixed-regular-3xl);
354
- /* stylelint-disable-next-line media-query-no-invalid */
355
- /* stylelint-disable-next-line at-rule-empty-line-before */
356
- /* stylelint-disable-next-line media-query-no-invalid */
357
- /* stylelint-disable-next-line at-rule-empty-line-before */
358
- /* stylelint-disable-next-line media-query-no-invalid */
359
- /* stylelint-disable-next-line at-rule-empty-line-before */
360
- }
361
- @media (width <= 48em) {
362
- :root,
363
- :host {
364
- --db-spacing-responsive-3xs: var(--db-spacing-responsive-regular-mobile-3xs);
365
- --db-spacing-responsive-2xs: var(--db-spacing-responsive-regular-mobile-2xs);
366
- --db-spacing-responsive-xs: var(--db-spacing-responsive-regular-mobile-xs);
367
- --db-spacing-responsive-sm: var(--db-spacing-responsive-regular-mobile-sm);
368
- --db-spacing-responsive-md: var(--db-spacing-responsive-regular-mobile-md);
369
- --db-spacing-responsive-lg: var(--db-spacing-responsive-regular-mobile-lg);
370
- --db-spacing-responsive-xl: var(--db-spacing-responsive-regular-mobile-xl);
371
- --db-spacing-responsive-2xl: var(--db-spacing-responsive-regular-mobile-2xl);
372
- --db-spacing-responsive-3xl: var(--db-spacing-responsive-regular-mobile-3xl);
373
- }
374
- }
375
- @media (48em < width <= 64em) {
376
- :root,
377
- :host {
378
- --db-spacing-responsive-3xs: var(--db-spacing-responsive-regular-tablet-3xs);
379
- --db-spacing-responsive-2xs: var(--db-spacing-responsive-regular-tablet-2xs);
380
- --db-spacing-responsive-xs: var(--db-spacing-responsive-regular-tablet-xs);
381
- --db-spacing-responsive-sm: var(--db-spacing-responsive-regular-tablet-sm);
382
- --db-spacing-responsive-md: var(--db-spacing-responsive-regular-tablet-md);
383
- --db-spacing-responsive-lg: var(--db-spacing-responsive-regular-tablet-lg);
384
- --db-spacing-responsive-xl: var(--db-spacing-responsive-regular-tablet-xl);
385
- --db-spacing-responsive-2xl: var(--db-spacing-responsive-regular-tablet-2xl);
386
- --db-spacing-responsive-3xl: var(--db-spacing-responsive-regular-tablet-3xl);
387
- }
388
- }
389
- @media (64em < width) {
390
- :root,
391
- :host {
392
- --db-spacing-responsive-3xs: var(--db-spacing-responsive-regular-desktop-3xs);
393
- --db-spacing-responsive-2xs: var(--db-spacing-responsive-regular-desktop-2xs);
394
- --db-spacing-responsive-xs: var(--db-spacing-responsive-regular-desktop-xs);
395
- --db-spacing-responsive-sm: var(--db-spacing-responsive-regular-desktop-sm);
396
- --db-spacing-responsive-md: var(--db-spacing-responsive-regular-desktop-md);
397
- --db-spacing-responsive-lg: var(--db-spacing-responsive-regular-desktop-lg);
398
- --db-spacing-responsive-xl: var(--db-spacing-responsive-regular-desktop-xl);
399
- --db-spacing-responsive-2xl: var(--db-spacing-responsive-regular-desktop-2xl);
400
- --db-spacing-responsive-3xl: var(--db-spacing-responsive-regular-desktop-3xl);
401
- }
402
- }
403
- }
404
-
405
- @layer variables {}
406
-
407
- @layer variables {}
408
-
409
- @layer variables {}
410
-
411
- :root,
412
- :host {
413
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
414
- }
415
- @layer variables {
416
- :root,
417
- :host {
418
- /* stylelint-disable-next-line media-query-no-invalid */
419
- /* stylelint-disable-next-line at-rule-empty-line-before */
420
- /* stylelint-disable-next-line media-query-no-invalid */
421
- /* stylelint-disable-next-line at-rule-empty-line-before */
422
- /* stylelint-disable-next-line media-query-no-invalid */
423
- /* stylelint-disable-next-line at-rule-empty-line-before */
424
- }
425
- @media (width <= 48em) {
426
- :root,
427
- :host {
428
- --db-type-headline-3xs: var(--db-typography-regular-mobile-headline-3xs);
429
- --db-base-headline-icon-weight-3xs: var(--db-base-icon-weight-regular-mobile-headline-3xs);
430
- --db-base-headline-icon-font-size-3xs: var(--db-base-icon-font-size-regular-mobile-headline-3xs);
431
- --db-type-headline-2xs: var(--db-typography-regular-mobile-headline-2xs);
432
- --db-base-headline-icon-weight-2xs: var(--db-base-icon-weight-regular-mobile-headline-2xs);
433
- --db-base-headline-icon-font-size-2xs: var(--db-base-icon-font-size-regular-mobile-headline-2xs);
434
- --db-type-headline-xs: var(--db-typography-regular-mobile-headline-xs);
435
- --db-base-headline-icon-weight-xs: var(--db-base-icon-weight-regular-mobile-headline-xs);
436
- --db-base-headline-icon-font-size-xs: var(--db-base-icon-font-size-regular-mobile-headline-xs);
437
- --db-type-headline-sm: var(--db-typography-regular-mobile-headline-sm);
438
- --db-base-headline-icon-weight-sm: var(--db-base-icon-weight-regular-mobile-headline-sm);
439
- --db-base-headline-icon-font-size-sm: var(--db-base-icon-font-size-regular-mobile-headline-sm);
440
- --db-type-headline-md: var(--db-typography-regular-mobile-headline-md);
441
- --db-base-headline-icon-weight-md: var(--db-base-icon-weight-regular-mobile-headline-md);
442
- --db-base-headline-icon-font-size-md: var(--db-base-icon-font-size-regular-mobile-headline-md);
443
- --db-type-headline-lg: var(--db-typography-regular-mobile-headline-lg);
444
- --db-base-headline-icon-weight-lg: var(--db-base-icon-weight-regular-mobile-headline-lg);
445
- --db-base-headline-icon-font-size-lg: var(--db-base-icon-font-size-regular-mobile-headline-lg);
446
- --db-type-headline-xl: var(--db-typography-regular-mobile-headline-xl);
447
- --db-base-headline-icon-weight-xl: var(--db-base-icon-weight-regular-mobile-headline-xl);
448
- --db-base-headline-icon-font-size-xl: var(--db-base-icon-font-size-regular-mobile-headline-xl);
449
- --db-type-headline-2xl: var(--db-typography-regular-mobile-headline-2xl);
450
- --db-base-headline-icon-weight-2xl: var(--db-base-icon-weight-regular-mobile-headline-2xl);
451
- --db-base-headline-icon-font-size-2xl: var(--db-base-icon-font-size-regular-mobile-headline-2xl);
452
- --db-type-headline-3xl: var(--db-typography-regular-mobile-headline-3xl);
453
- --db-base-headline-icon-weight-3xl: var(--db-base-icon-weight-regular-mobile-headline-3xl);
454
- --db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-regular-mobile-headline-3xl);
455
- }
456
- }
457
- @media (48em < width <= 64em) {
458
- :root,
459
- :host {
460
- --db-type-headline-3xs: var(--db-typography-regular-tablet-headline-3xs);
461
- --db-base-headline-icon-weight-3xs: var(--db-base-icon-weight-regular-tablet-headline-3xs);
462
- --db-base-headline-icon-font-size-3xs: var(--db-base-icon-font-size-regular-tablet-headline-3xs);
463
- --db-type-headline-2xs: var(--db-typography-regular-tablet-headline-2xs);
464
- --db-base-headline-icon-weight-2xs: var(--db-base-icon-weight-regular-tablet-headline-2xs);
465
- --db-base-headline-icon-font-size-2xs: var(--db-base-icon-font-size-regular-tablet-headline-2xs);
466
- --db-type-headline-xs: var(--db-typography-regular-tablet-headline-xs);
467
- --db-base-headline-icon-weight-xs: var(--db-base-icon-weight-regular-tablet-headline-xs);
468
- --db-base-headline-icon-font-size-xs: var(--db-base-icon-font-size-regular-tablet-headline-xs);
469
- --db-type-headline-sm: var(--db-typography-regular-tablet-headline-sm);
470
- --db-base-headline-icon-weight-sm: var(--db-base-icon-weight-regular-tablet-headline-sm);
471
- --db-base-headline-icon-font-size-sm: var(--db-base-icon-font-size-regular-tablet-headline-sm);
472
- --db-type-headline-md: var(--db-typography-regular-tablet-headline-md);
473
- --db-base-headline-icon-weight-md: var(--db-base-icon-weight-regular-tablet-headline-md);
474
- --db-base-headline-icon-font-size-md: var(--db-base-icon-font-size-regular-tablet-headline-md);
475
- --db-type-headline-lg: var(--db-typography-regular-tablet-headline-lg);
476
- --db-base-headline-icon-weight-lg: var(--db-base-icon-weight-regular-tablet-headline-lg);
477
- --db-base-headline-icon-font-size-lg: var(--db-base-icon-font-size-regular-tablet-headline-lg);
478
- --db-type-headline-xl: var(--db-typography-regular-tablet-headline-xl);
479
- --db-base-headline-icon-weight-xl: var(--db-base-icon-weight-regular-tablet-headline-xl);
480
- --db-base-headline-icon-font-size-xl: var(--db-base-icon-font-size-regular-tablet-headline-xl);
481
- --db-type-headline-2xl: var(--db-typography-regular-tablet-headline-2xl);
482
- --db-base-headline-icon-weight-2xl: var(--db-base-icon-weight-regular-tablet-headline-2xl);
483
- --db-base-headline-icon-font-size-2xl: var(--db-base-icon-font-size-regular-tablet-headline-2xl);
484
- --db-type-headline-3xl: var(--db-typography-regular-tablet-headline-3xl);
485
- --db-base-headline-icon-weight-3xl: var(--db-base-icon-weight-regular-tablet-headline-3xl);
486
- --db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-regular-tablet-headline-3xl);
487
- }
488
- }
489
- @media (64em < width) {
490
- :root,
491
- :host {
492
- --db-type-headline-3xs: var(--db-typography-regular-desktop-headline-3xs);
493
- --db-base-headline-icon-weight-3xs: var(--db-base-icon-weight-regular-desktop-headline-3xs);
494
- --db-base-headline-icon-font-size-3xs: var(--db-base-icon-font-size-regular-desktop-headline-3xs);
495
- --db-type-headline-2xs: var(--db-typography-regular-desktop-headline-2xs);
496
- --db-base-headline-icon-weight-2xs: var(--db-base-icon-weight-regular-desktop-headline-2xs);
497
- --db-base-headline-icon-font-size-2xs: var(--db-base-icon-font-size-regular-desktop-headline-2xs);
498
- --db-type-headline-xs: var(--db-typography-regular-desktop-headline-xs);
499
- --db-base-headline-icon-weight-xs: var(--db-base-icon-weight-regular-desktop-headline-xs);
500
- --db-base-headline-icon-font-size-xs: var(--db-base-icon-font-size-regular-desktop-headline-xs);
501
- --db-type-headline-sm: var(--db-typography-regular-desktop-headline-sm);
502
- --db-base-headline-icon-weight-sm: var(--db-base-icon-weight-regular-desktop-headline-sm);
503
- --db-base-headline-icon-font-size-sm: var(--db-base-icon-font-size-regular-desktop-headline-sm);
504
- --db-type-headline-md: var(--db-typography-regular-desktop-headline-md);
505
- --db-base-headline-icon-weight-md: var(--db-base-icon-weight-regular-desktop-headline-md);
506
- --db-base-headline-icon-font-size-md: var(--db-base-icon-font-size-regular-desktop-headline-md);
507
- --db-type-headline-lg: var(--db-typography-regular-desktop-headline-lg);
508
- --db-base-headline-icon-weight-lg: var(--db-base-icon-weight-regular-desktop-headline-lg);
509
- --db-base-headline-icon-font-size-lg: var(--db-base-icon-font-size-regular-desktop-headline-lg);
510
- --db-type-headline-xl: var(--db-typography-regular-desktop-headline-xl);
511
- --db-base-headline-icon-weight-xl: var(--db-base-icon-weight-regular-desktop-headline-xl);
512
- --db-base-headline-icon-font-size-xl: var(--db-base-icon-font-size-regular-desktop-headline-xl);
513
- --db-type-headline-2xl: var(--db-typography-regular-desktop-headline-2xl);
514
- --db-base-headline-icon-weight-2xl: var(--db-base-icon-weight-regular-desktop-headline-2xl);
515
- --db-base-headline-icon-font-size-2xl: var(--db-base-icon-font-size-regular-desktop-headline-2xl);
516
- --db-type-headline-3xl: var(--db-typography-regular-desktop-headline-3xl);
517
- --db-base-headline-icon-weight-3xl: var(--db-base-icon-weight-regular-desktop-headline-3xl);
518
- --db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-regular-desktop-headline-3xl);
519
- }
520
- }
521
- }
522
-
523
- :root,
524
- :host {
525
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
526
- }
527
- @layer variables {
528
- :root,
529
- :host {
530
- /* stylelint-disable-next-line media-query-no-invalid */
531
- /* stylelint-disable-next-line at-rule-empty-line-before */
532
- /* stylelint-disable-next-line media-query-no-invalid */
533
- /* stylelint-disable-next-line at-rule-empty-line-before */
534
- /* stylelint-disable-next-line media-query-no-invalid */
535
- /* stylelint-disable-next-line at-rule-empty-line-before */
536
- }
537
- @media (width <= 48em) {
538
- :root,
539
- :host {
540
- --db-type-body-3xs: var(--db-typography-regular-mobile-body-3xs);
541
- --db-base-body-icon-weight-3xs: var(--db-base-icon-weight-regular-mobile-body-3xs);
542
- --db-base-body-icon-font-size-3xs: var(--db-base-icon-font-size-regular-mobile-body-3xs);
543
- --db-type-body-2xs: var(--db-typography-regular-mobile-body-2xs);
544
- --db-base-body-icon-weight-2xs: var(--db-base-icon-weight-regular-mobile-body-2xs);
545
- --db-base-body-icon-font-size-2xs: var(--db-base-icon-font-size-regular-mobile-body-2xs);
546
- --db-type-body-xs: var(--db-typography-regular-mobile-body-xs);
547
- --db-base-body-icon-weight-xs: var(--db-base-icon-weight-regular-mobile-body-xs);
548
- --db-base-body-icon-font-size-xs: var(--db-base-icon-font-size-regular-mobile-body-xs);
549
- --db-type-body-sm: var(--db-typography-regular-mobile-body-sm);
550
- --db-base-body-icon-weight-sm: var(--db-base-icon-weight-regular-mobile-body-sm);
551
- --db-base-body-icon-font-size-sm: var(--db-base-icon-font-size-regular-mobile-body-sm);
552
- --db-type-body-md: var(--db-typography-regular-mobile-body-md);
553
- --db-base-body-icon-weight-md: var(--db-base-icon-weight-regular-mobile-body-md);
554
- --db-base-body-icon-font-size-md: var(--db-base-icon-font-size-regular-mobile-body-md);
555
- --db-type-body-lg: var(--db-typography-regular-mobile-body-lg);
556
- --db-base-body-icon-weight-lg: var(--db-base-icon-weight-regular-mobile-body-lg);
557
- --db-base-body-icon-font-size-lg: var(--db-base-icon-font-size-regular-mobile-body-lg);
558
- --db-type-body-xl: var(--db-typography-regular-mobile-body-xl);
559
- --db-base-body-icon-weight-xl: var(--db-base-icon-weight-regular-mobile-body-xl);
560
- --db-base-body-icon-font-size-xl: var(--db-base-icon-font-size-regular-mobile-body-xl);
561
- --db-type-body-2xl: var(--db-typography-regular-mobile-body-2xl);
562
- --db-base-body-icon-weight-2xl: var(--db-base-icon-weight-regular-mobile-body-2xl);
563
- --db-base-body-icon-font-size-2xl: var(--db-base-icon-font-size-regular-mobile-body-2xl);
564
- --db-type-body-3xl: var(--db-typography-regular-mobile-body-3xl);
565
- --db-base-body-icon-weight-3xl: var(--db-base-icon-weight-regular-mobile-body-3xl);
566
- --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-regular-mobile-body-3xl);
567
- }
568
- }
569
- @media (48em < width <= 64em) {
570
- :root,
571
- :host {
572
- --db-type-body-3xs: var(--db-typography-regular-tablet-body-3xs);
573
- --db-base-body-icon-weight-3xs: var(--db-base-icon-weight-regular-tablet-body-3xs);
574
- --db-base-body-icon-font-size-3xs: var(--db-base-icon-font-size-regular-tablet-body-3xs);
575
- --db-type-body-2xs: var(--db-typography-regular-tablet-body-2xs);
576
- --db-base-body-icon-weight-2xs: var(--db-base-icon-weight-regular-tablet-body-2xs);
577
- --db-base-body-icon-font-size-2xs: var(--db-base-icon-font-size-regular-tablet-body-2xs);
578
- --db-type-body-xs: var(--db-typography-regular-tablet-body-xs);
579
- --db-base-body-icon-weight-xs: var(--db-base-icon-weight-regular-tablet-body-xs);
580
- --db-base-body-icon-font-size-xs: var(--db-base-icon-font-size-regular-tablet-body-xs);
581
- --db-type-body-sm: var(--db-typography-regular-tablet-body-sm);
582
- --db-base-body-icon-weight-sm: var(--db-base-icon-weight-regular-tablet-body-sm);
583
- --db-base-body-icon-font-size-sm: var(--db-base-icon-font-size-regular-tablet-body-sm);
584
- --db-type-body-md: var(--db-typography-regular-tablet-body-md);
585
- --db-base-body-icon-weight-md: var(--db-base-icon-weight-regular-tablet-body-md);
586
- --db-base-body-icon-font-size-md: var(--db-base-icon-font-size-regular-tablet-body-md);
587
- --db-type-body-lg: var(--db-typography-regular-tablet-body-lg);
588
- --db-base-body-icon-weight-lg: var(--db-base-icon-weight-regular-tablet-body-lg);
589
- --db-base-body-icon-font-size-lg: var(--db-base-icon-font-size-regular-tablet-body-lg);
590
- --db-type-body-xl: var(--db-typography-regular-tablet-body-xl);
591
- --db-base-body-icon-weight-xl: var(--db-base-icon-weight-regular-tablet-body-xl);
592
- --db-base-body-icon-font-size-xl: var(--db-base-icon-font-size-regular-tablet-body-xl);
593
- --db-type-body-2xl: var(--db-typography-regular-tablet-body-2xl);
594
- --db-base-body-icon-weight-2xl: var(--db-base-icon-weight-regular-tablet-body-2xl);
595
- --db-base-body-icon-font-size-2xl: var(--db-base-icon-font-size-regular-tablet-body-2xl);
596
- --db-type-body-3xl: var(--db-typography-regular-tablet-body-3xl);
597
- --db-base-body-icon-weight-3xl: var(--db-base-icon-weight-regular-tablet-body-3xl);
598
- --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-regular-tablet-body-3xl);
599
- }
600
- }
601
- @media (64em < width) {
602
- :root,
603
- :host {
604
- --db-type-body-3xs: var(--db-typography-regular-desktop-body-3xs);
605
- --db-base-body-icon-weight-3xs: var(--db-base-icon-weight-regular-desktop-body-3xs);
606
- --db-base-body-icon-font-size-3xs: var(--db-base-icon-font-size-regular-desktop-body-3xs);
607
- --db-type-body-2xs: var(--db-typography-regular-desktop-body-2xs);
608
- --db-base-body-icon-weight-2xs: var(--db-base-icon-weight-regular-desktop-body-2xs);
609
- --db-base-body-icon-font-size-2xs: var(--db-base-icon-font-size-regular-desktop-body-2xs);
610
- --db-type-body-xs: var(--db-typography-regular-desktop-body-xs);
611
- --db-base-body-icon-weight-xs: var(--db-base-icon-weight-regular-desktop-body-xs);
612
- --db-base-body-icon-font-size-xs: var(--db-base-icon-font-size-regular-desktop-body-xs);
613
- --db-type-body-sm: var(--db-typography-regular-desktop-body-sm);
614
- --db-base-body-icon-weight-sm: var(--db-base-icon-weight-regular-desktop-body-sm);
615
- --db-base-body-icon-font-size-sm: var(--db-base-icon-font-size-regular-desktop-body-sm);
616
- --db-type-body-md: var(--db-typography-regular-desktop-body-md);
617
- --db-base-body-icon-weight-md: var(--db-base-icon-weight-regular-desktop-body-md);
618
- --db-base-body-icon-font-size-md: var(--db-base-icon-font-size-regular-desktop-body-md);
619
- --db-type-body-lg: var(--db-typography-regular-desktop-body-lg);
620
- --db-base-body-icon-weight-lg: var(--db-base-icon-weight-regular-desktop-body-lg);
621
- --db-base-body-icon-font-size-lg: var(--db-base-icon-font-size-regular-desktop-body-lg);
622
- --db-type-body-xl: var(--db-typography-regular-desktop-body-xl);
623
- --db-base-body-icon-weight-xl: var(--db-base-icon-weight-regular-desktop-body-xl);
624
- --db-base-body-icon-font-size-xl: var(--db-base-icon-font-size-regular-desktop-body-xl);
625
- --db-type-body-2xl: var(--db-typography-regular-desktop-body-2xl);
626
- --db-base-body-icon-weight-2xl: var(--db-base-icon-weight-regular-desktop-body-2xl);
627
- --db-base-body-icon-font-size-2xl: var(--db-base-icon-font-size-regular-desktop-body-2xl);
628
- --db-type-body-3xl: var(--db-typography-regular-desktop-body-3xl);
629
- --db-base-body-icon-weight-3xl: var(--db-base-icon-weight-regular-desktop-body-3xl);
630
- --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-regular-desktop-body-3xl);
631
- }
632
- }
633
- }
634
-
635
- @layer variables {}
636
-
637
- @layer variables {}
638
-
639
- /* Use this file if you want the default elevation data attributes in your project */
640
- .db-interactive-elevation,
641
- [data-interactive=elevation] {
642
- cursor: pointer;
643
- box-shadow: var(--db-elevation-md);
644
- /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
645
- }
646
- @media (prefers-reduced-motion: no-preference) {
647
- .db-interactive-elevation,
648
- [data-interactive=elevation] {
649
- transition: box-shadow var(--db-transition-duration-fast) var(--db-transition-timing-functional);
650
- }
651
- }
652
- .db-interactive-elevation:hover:not(:disabled,
653
- [aria-disabled=true],
654
- [tabindex="-1"],
655
- :has(:disabled)),
656
- [data-interactive=elevation]:hover:not(:disabled,
657
- [aria-disabled=true],
658
- [tabindex="-1"],
659
- :has(:disabled)) {
660
- cursor: var(--db-overwrite-cursor, pointer);
661
- box-shadow: var(--db-elevation-lg);
662
- }
663
- .db-interactive-elevation:hover:not(:disabled,
664
- [aria-disabled=true],
665
- [tabindex="-1"],
666
- :has(:disabled)):is(textarea), .db-interactive-elevation:hover:not(:disabled,
667
- [aria-disabled=true],
668
- [tabindex="-1"],
669
- :has(:disabled)):is(input),
670
- [data-interactive=elevation]:hover:not(:disabled,
671
- [aria-disabled=true],
672
- [tabindex="-1"],
673
- :has(:disabled)):is(textarea),
674
- [data-interactive=elevation]:hover:not(:disabled,
675
- [aria-disabled=true],
676
- [tabindex="-1"],
677
- :has(:disabled)):is(input) {
678
- cursor: initial;
679
- }
680
- .db-interactive-elevation:hover:not(:disabled,
681
- [aria-disabled=true],
682
- [tabindex="-1"],
683
- :has(:disabled)):is(input[type=checkbox]), .db-interactive-elevation:hover:not(:disabled,
684
- [aria-disabled=true],
685
- [tabindex="-1"],
686
- :has(:disabled)):is(input[type=radio]:not(:checked)),
687
- [data-interactive=elevation]:hover:not(:disabled,
688
- [aria-disabled=true],
689
- [tabindex="-1"],
690
- :has(:disabled)):is(input[type=checkbox]),
691
- [data-interactive=elevation]:hover:not(:disabled,
692
- [aria-disabled=true],
693
- [tabindex="-1"],
694
- :has(:disabled)):is(input[type=radio]:not(:checked)) {
695
- cursor: pointer;
696
- }
697
- .db-interactive-elevation:active:not(:disabled,
698
- [aria-disabled=true],
699
- [tabindex="-1"],
700
- :has(:disabled)),
701
- [data-interactive=elevation]:active:not(:disabled,
702
- [aria-disabled=true],
703
- [tabindex="-1"],
704
- :has(:disabled)) {
705
- cursor: var(--db-overwrite-cursor, pointer);
706
- box-shadow: var(--db-elevation-sm);
707
- }
708
- .db-interactive-elevation:active:not(:disabled,
709
- [aria-disabled=true],
710
- [tabindex="-1"],
711
- :has(:disabled)):is(textarea), .db-interactive-elevation:active:not(:disabled,
712
- [aria-disabled=true],
713
- [tabindex="-1"],
714
- :has(:disabled)):is(input),
715
- [data-interactive=elevation]:active:not(:disabled,
716
- [aria-disabled=true],
717
- [tabindex="-1"],
718
- :has(:disabled)):is(textarea),
719
- [data-interactive=elevation]:active:not(:disabled,
720
- [aria-disabled=true],
721
- [tabindex="-1"],
722
- :has(:disabled)):is(input) {
723
- cursor: initial;
724
- }
725
- .db-interactive-elevation:active:not(:disabled,
726
- [aria-disabled=true],
727
- [tabindex="-1"],
728
- :has(:disabled)):is(input[type=checkbox]), .db-interactive-elevation:active:not(:disabled,
729
- [aria-disabled=true],
730
- [tabindex="-1"],
731
- :has(:disabled)):is(input[type=radio]:not(:checked)),
732
- [data-interactive=elevation]:active:not(:disabled,
733
- [aria-disabled=true],
734
- [tabindex="-1"],
735
- :has(:disabled)):is(input[type=checkbox]),
736
- [data-interactive=elevation]:active:not(:disabled,
737
- [aria-disabled=true],
738
- [tabindex="-1"],
739
- :has(:disabled)):is(input[type=radio]:not(:checked)) {
740
- cursor: pointer;
741
- }
742
-
743
- /* Use this file if you want the default fonts for paragraph and headlines in your project */
744
- h1 {
745
- /* stylelint-disable custom-property-pattern */
746
- font: var(--db-type-headline-xl);
747
- margin-block: var(--db-spacing-fixed-xl);
748
- /* stylelint-enable custom-property-pattern */
749
- }
750
- h1::before, h1::after {
751
- --db-icon-font-size: var(
752
- --db-base-headline-icon-font-size-xl
753
- );
754
- --db-icon-font-weight: var(
755
- --db-base-headline-icon-weight-xl
756
- );
757
- }
758
-
759
- h2 {
760
- /* stylelint-disable custom-property-pattern */
761
- font: var(--db-type-headline-lg);
762
- margin-block: var(--db-spacing-fixed-lg);
763
- /* stylelint-enable custom-property-pattern */
764
- }
765
- h2::before, h2::after {
766
- --db-icon-font-size: var(
767
- --db-base-headline-icon-font-size-lg
768
- );
769
- --db-icon-font-weight: var(
770
- --db-base-headline-icon-weight-lg
771
- );
772
- }
773
-
774
- h3 {
775
- /* stylelint-disable custom-property-pattern */
776
- font: var(--db-type-headline-md);
777
- margin-block: var(--db-spacing-fixed-md);
778
- /* stylelint-enable custom-property-pattern */
779
- }
780
- h3::before, h3::after {
781
- --db-icon-font-size: var(
782
- --db-base-headline-icon-font-size-md
783
- );
784
- --db-icon-font-weight: var(
785
- --db-base-headline-icon-weight-md
786
- );
787
- }
788
-
789
- h4 {
790
- /* stylelint-disable custom-property-pattern */
791
- font: var(--db-type-headline-sm);
792
- margin-block: var(--db-spacing-fixed-sm);
793
- /* stylelint-enable custom-property-pattern */
794
- }
795
- h4::before, h4::after {
796
- --db-icon-font-size: var(
797
- --db-base-headline-icon-font-size-sm
798
- );
799
- --db-icon-font-weight: var(
800
- --db-base-headline-icon-weight-sm
801
- );
802
- }
803
-
804
- h5 {
805
- /* stylelint-disable custom-property-pattern */
806
- font: var(--db-type-headline-xs);
807
- margin-block: var(--db-spacing-fixed-xs);
808
- /* stylelint-enable custom-property-pattern */
809
- }
810
- h5::before, h5::after {
811
- --db-icon-font-size: var(
812
- --db-base-headline-icon-font-size-xs
813
- );
814
- --db-icon-font-weight: var(
815
- --db-base-headline-icon-weight-xs
816
- );
817
- }
818
-
819
- h6 {
820
- /* stylelint-disable custom-property-pattern */
821
- font: var(--db-type-headline-2xs);
822
- margin-block: var(--db-spacing-fixed-2xs);
823
- /* stylelint-enable custom-property-pattern */
824
- }
825
- h6::before, h6::after {
826
- --db-icon-font-size: var(
827
- --db-base-headline-icon-font-size-2xs
828
- );
829
- --db-icon-font-weight: var(
830
- --db-base-headline-icon-weight-2xs
831
- );
832
- }
833
-
834
- :is(h1, h2, h3, h4, h5, h6) {
835
- font-family: var(--db-font-family-head);
836
- font-weight: bolder;
837
- text-wrap: balance;
838
- }
839
- :is(h1, h2, h3, h4, h5, h6)[data-variant=light] {
840
- font-weight: 300;
841
- }
842
- :is(h1, h2, h3, h4, h5, h6)[data-variant=regular] {
843
- font-weight: 400;
844
- }
845
-
846
- p {
847
- margin-block: var(--db-spacing-fixed-md);
848
- }
849
-
850
- [data-font=digital] {
851
- font-weight: 300;
852
- }
853
-
854
- [data-font=regular] {
855
- font-weight: 400;
856
- }
857
-
858
- [data-font=medium] {
859
- font-weight: 500;
860
- }
861
-
862
- [data-font=semibold] {
863
- font-weight: 600;
864
- }
865
-
866
- [data-font=bold],
867
- strong {
868
- font-weight: 700;
869
- }
870
-
871
- /* Use this file if you want to use the defaults for the <code> tag in your project */
872
- pre:not([class]):has(code) {
873
- background-color: var(--db-adaptive-bg-inverted-contrast-max-default);
874
- color: var(--db-adaptive-on-bg-inverted-default);
875
- padding: var(--db-spacing-fixed-xs);
876
- }
877
- pre:not([class]):has(code),
878
- pre:not([class]):has(code) code,
879
- pre:not([class]):has(code) span {
880
- font-family: monospace;
881
- }
882
-
883
- a:has(code:not([class]):only-child) {
884
- background-color: var(--db-adaptive-bg-inverted-contrast-max-default);
885
- color: var(--db-adaptive-on-bg-inverted-default);
886
- /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
887
- }
888
- a:has(code:not([class]):only-child):hover:not(:disabled,
889
- [aria-disabled=true],
890
- [tabindex="-1"],
891
- :has(:disabled)) {
892
- cursor: var(--db-overwrite-cursor, pointer);
893
- color: var(--db-adaptive-on-bg-inverted-hovered);
894
- }
895
- a:has(code:not([class]):only-child):hover:not(:disabled,
896
- [aria-disabled=true],
897
- [tabindex="-1"],
898
- :has(:disabled)):is(textarea), a:has(code:not([class]):only-child):hover:not(:disabled,
899
- [aria-disabled=true],
900
- [tabindex="-1"],
901
- :has(:disabled)):is(input) {
902
- cursor: initial;
903
- }
904
- a:has(code:not([class]):only-child):hover:not(:disabled,
905
- [aria-disabled=true],
906
- [tabindex="-1"],
907
- :has(:disabled)):is(input[type=checkbox]), a:has(code:not([class]):only-child):hover:not(:disabled,
908
- [aria-disabled=true],
909
- [tabindex="-1"],
910
- :has(:disabled)):is(input[type=radio]:not(:checked)) {
911
- cursor: pointer;
912
- }
913
- a:has(code:not([class]):only-child):active:not(:disabled,
914
- [aria-disabled=true],
915
- [tabindex="-1"],
916
- :has(:disabled)) {
917
- cursor: var(--db-overwrite-cursor, pointer);
918
- color: var(--db-adaptive-on-bg-inverted-pressed);
919
- }
920
- a:has(code:not([class]):only-child):active:not(:disabled,
921
- [aria-disabled=true],
922
- [tabindex="-1"],
923
- :has(:disabled)):is(textarea), a:has(code:not([class]):only-child):active:not(:disabled,
924
- [aria-disabled=true],
925
- [tabindex="-1"],
926
- :has(:disabled)):is(input) {
927
- cursor: initial;
928
- }
929
- a:has(code:not([class]):only-child):active:not(:disabled,
930
- [aria-disabled=true],
931
- [tabindex="-1"],
932
- :has(:disabled)):is(input[type=checkbox]), a:has(code:not([class]):only-child):active:not(:disabled,
933
- [aria-disabled=true],
934
- [tabindex="-1"],
935
- :has(:disabled)):is(input[type=radio]:not(:checked)) {
936
- cursor: pointer;
937
- }
938
- a:has(code:not([class]):only-child) > code {
939
- color: inherit;
940
- }
941
-
942
- code:not([class]) {
943
- background-color: var(--db-adaptive-bg-inverted-contrast-max-default);
944
- color: var(--db-adaptive-on-bg-inverted-default);
945
- padding-block: var(--db-spacing-fixed-3xs);
946
- padding-inline: var(--db-spacing-fixed-2xs);
947
- }
948
- code:not([class]),
949
- code:not([class]) span {
950
- font-family: monospace;
951
- }
952
-
953
- blockquote:not([class]) {
954
- margin: 0;
955
- padding: var(--db-spacing-fixed-sm) var(--db-spacing-fixed-md);
956
- }
957
-
958
- [data-icon]::before,
959
- [data-icon-leading]::before, [data-icon-trailing]::after {
960
- color: var(--db-icon-color, inherit);
961
- display: inline-block;
962
- /*** icon - placeholder ***/
963
- font-family: var(--db-icon-font-family, var(--db-icon-default-font-family, "db-ux-default", "icon-font-fallback")) !important;
964
- font-size: var(--db-icon-font-size, 1.5rem);
965
- -webkit-font-smoothing: antialiased;
966
- -moz-osx-font-smoothing: grayscale;
967
- font-style: normal;
968
- font-variant: normal;
969
- font-weight: var(--db-icon-font-weight, normal);
970
- line-height: 1;
971
- /* stylelint-disable-next-line declaration-property-value-no-unknown */
972
- speak: none;
973
- /* stylelint-disable-next-line declaration-property-value-no-unknown */
974
- speak: never;
975
- text-transform: none;
976
- overflow: clip;
977
- vertical-align: var(--db-icon-vertical-align, middle);
978
- /* stylelint-disable-next-line db-ux/use-sizing */
979
- block-size: var(--db-icon-font-size, 1.5rem);
980
- aspect-ratio: 1;
981
- flex-shrink: 0;
982
- content: var(--db-icon, attr(data-icon));
983
- }
984
- @supports (content: ""/"") {
985
- [data-icon]::before,
986
- [data-icon-leading]::before, [data-icon-trailing]::after {
987
- content: var(--db-icon, attr(data-icon))/"";
988
- }
989
- }
990
- @media aural {
991
- [data-icon]::before,
992
- [data-icon-leading]::before, [data-icon-trailing]::after {
993
- content: none;
994
- }
995
- }
996
- @media speech {
997
- [data-icon]::before,
998
- [data-icon-leading]::before, [data-icon-trailing]::after {
999
- content: none;
1000
- }
1001
- }
1002
-
1003
- [data-icon]:is(span),
1004
- [data-icon-leading]:is(span),
1005
- [data-icon-trailing]:is(span) {
1006
- vertical-align: baseline;
1007
- }
1008
- [data-icon]:is(span):not([hidden]),
1009
- [data-icon-leading]:is(span):not([hidden]),
1010
- [data-icon-trailing]:is(span):not([hidden]) {
1011
- display: inline-flex;
1012
- }
1013
-
1014
- [data-icon]::before,
1015
- [data-icon-leading]::before {
1016
- margin-inline-end: var(--db-icon-margin-end, var(--db-spacing-fixed-xs));
1017
- }
1018
-
1019
- [data-show-icon=false]::before,
1020
- [data-show-icon-leading=false]::before,
1021
- [data-icon=none]::before,
1022
- [data-icon-leading=none]::before {
1023
- content: none;
1024
- }
1025
-
1026
- [data-icon-trailing]::after {
1027
- margin-inline-start: var(--db-icon-margin-start, var(--db-spacing-fixed-xs));
1028
- content: var(--db-icon-trailing, attr(data-icon-trailing));
1029
- }
1030
- @supports (content: ""/"") {
1031
- [data-icon-trailing]::after {
1032
- content: var(--db-icon-trailing, attr(data-icon-trailing))/"";
1033
- }
1034
- }
1035
-
1036
- [data-show-icon-trailing=false]::after,
1037
- [data-icon-trailing=none]::after {
1038
- content: none;
1039
- }
1040
-
1041
- .is-icon-text-replace[data-icon], .is-icon-text-replace[data-icon-leading] {
1042
- font-size: 0 !important;
1043
- /* stylelint-disable-next-line at-rule-empty-line-before */
1044
- }
1045
- .is-icon-text-replace[data-icon]::before, .is-icon-text-replace[data-icon-leading]::before {
1046
- --db-icon-margin-end: 0;
1047
- }
1048
- .is-icon-text-replace[data-icon-trailing] {
1049
- font-size: 0 !important;
1050
- }
1051
- .is-icon-text-replace[data-icon-trailing]::after {
1052
- --db-icon-margin-start: 0;
1053
- }
1054
-
1055
- /* Required styles to normalize default css */
1056
- @layer variables {
1057
- :root,
1058
- :host {
1059
- --db-neutral-origin-default: light-dark(
1060
- var(--db-neutral-origin-light-default),
1061
- var(--db-neutral-origin-dark-default)
1062
- );
1063
- --db-neutral-origin-hovered: light-dark(
1064
- var(--db-neutral-origin-light-hovered),
1065
- var(--db-neutral-origin-dark-hovered)
1066
- );
1067
- --db-neutral-origin-pressed: light-dark(
1068
- var(--db-neutral-origin-light-pressed),
1069
- var(--db-neutral-origin-dark-pressed)
1070
- );
1071
- --db-neutral-on-origin-default: light-dark(
1072
- var(--db-neutral-on-origin-light-default),
1073
- var(--db-neutral-on-origin-dark-default)
1074
- );
1075
- --db-neutral-on-bg-basic-emphasis-50-default: light-dark(
1076
- var(--db-neutral-9),
1077
- var(--db-neutral-5)
1078
- );
1079
- --db-neutral-on-bg-basic-emphasis-60-default: light-dark(
1080
- var(--db-neutral-10),
1081
- var(--db-neutral-6)
1082
- );
1083
- --db-neutral-on-bg-basic-emphasis-70-default: light-dark(
1084
- var(--db-neutral-7),
1085
- var(--db-neutral-8)
1086
- );
1087
- --db-neutral-on-bg-basic-emphasis-70-hovered: light-dark(
1088
- var(--db-neutral-4),
1089
- var(--db-neutral-10)
1090
- );
1091
- --db-neutral-on-bg-basic-emphasis-70-pressed: light-dark(
1092
- var(--db-neutral-6),
1093
- var(--db-neutral-9)
1094
- );
1095
- --db-neutral-on-bg-basic-emphasis-80-default: light-dark(
1096
- var(--db-neutral-6),
1097
- var(--db-neutral-9)
1098
- );
1099
- --db-neutral-on-bg-basic-emphasis-80-hovered: light-dark(
1100
- var(--db-neutral-3),
1101
- var(--db-neutral-12)
1102
- );
1103
- --db-neutral-on-bg-basic-emphasis-80-pressed: light-dark(
1104
- var(--db-neutral-5),
1105
- var(--db-neutral-10)
1106
- );
1107
- --db-neutral-on-bg-basic-emphasis-90-default: light-dark(
1108
- var(--db-neutral-4),
1109
- var(--db-neutral-10)
1110
- );
1111
- --db-neutral-on-bg-basic-emphasis-90-hovered: light-dark(
1112
- var(--db-neutral-0),
1113
- var(--db-neutral-14)
1114
- );
1115
- --db-neutral-on-bg-basic-emphasis-90-pressed: light-dark(
1116
- var(--db-neutral-3),
1117
- var(--db-neutral-11)
1118
- );
1119
- --db-neutral-on-bg-basic-emphasis-100-default: light-dark(
1120
- var(--db-neutral-1),
1121
- var(--db-neutral-12)
1122
- );
1123
- --db-neutral-on-bg-basic-emphasis-100-hovered: light-dark(
1124
- var(--db-neutral-5),
1125
- var(--db-neutral-9)
1126
- );
1127
- --db-neutral-on-bg-basic-emphasis-100-pressed: light-dark(
1128
- var(--db-neutral-2),
1129
- var(--db-neutral-11)
1130
- );
1131
- --db-neutral-on-bg-inverted-default: light-dark(
1132
- var(--db-neutral-14),
1133
- var(--db-neutral-3)
1134
- );
1135
- --db-neutral-on-bg-inverted-hovered: light-dark(
1136
- var(--db-neutral-11),
1137
- var(--db-neutral-0)
1138
- );
1139
- --db-neutral-on-bg-inverted-pressed: light-dark(
1140
- var(--db-neutral-13),
1141
- var(--db-neutral-2)
1142
- );
1143
- --db-neutral-on-bg-vibrant-default: light-dark(
1144
- var(--db-neutral-1),
1145
- var(--db-neutral-1)
1146
- );
1147
- --db-neutral-on-bg-vibrant-hovered: light-dark(
1148
- var(--db-neutral-4),
1149
- var(--db-neutral-4)
1150
- );
1151
- --db-neutral-on-bg-vibrant-pressed: light-dark(
1152
- var(--db-neutral-2),
1153
- var(--db-neutral-2)
1154
- );
1155
- --db-neutral-bg-basic-level-1-default: light-dark(
1156
- var(--db-neutral-14),
1157
- var(--db-neutral-1)
1158
- );
1159
- --db-neutral-bg-basic-level-1-hovered: light-dark(
1160
- var(--db-neutral-13),
1161
- var(--db-neutral-3)
1162
- );
1163
- --db-neutral-bg-basic-level-1-pressed: light-dark(
1164
- var(--db-neutral-12),
1165
- var(--db-neutral-4)
1166
- );
1167
- --db-neutral-bg-basic-level-2-default: light-dark(
1168
- var(--db-neutral-13),
1169
- var(--db-neutral-2)
1170
- );
1171
- --db-neutral-bg-basic-level-2-hovered: light-dark(
1172
- var(--db-neutral-12),
1173
- var(--db-neutral-4)
1174
- );
1175
- --db-neutral-bg-basic-level-2-pressed: light-dark(
1176
- var(--db-neutral-11),
1177
- var(--db-neutral-5)
1178
- );
1179
- --db-neutral-bg-basic-level-3-default: light-dark(
1180
- var(--db-neutral-12),
1181
- var(--db-neutral-3)
1182
- );
1183
- --db-neutral-bg-basic-level-3-hovered: light-dark(
1184
- var(--db-neutral-11),
1185
- var(--db-neutral-1)
1186
- );
1187
- --db-neutral-bg-basic-level-3-pressed: light-dark(
1188
- var(--db-neutral-10),
1189
- var(--db-neutral-0)
1190
- );
1191
- --db-neutral-bg-basic-transparent-full-default: light-dark(
1192
- color-mix(in srgb, transparent 100%, var(--db-neutral-6)),
1193
- color-mix(in srgb, transparent 100%, var(--db-neutral-9))
1194
- );
1195
- --db-neutral-bg-basic-transparent-semi-default: light-dark(
1196
- color-mix(in srgb, transparent 92%, var(--db-neutral-6)),
1197
- color-mix(in srgb, transparent 84%, var(--db-neutral-9))
1198
- );
1199
- --db-neutral-bg-basic-transparent-semi-hovered: light-dark(
1200
- color-mix(in srgb, transparent 76%, var(--db-neutral-6)),
1201
- color-mix(in srgb, transparent 76%, var(--db-neutral-9))
1202
- );
1203
- --db-neutral-bg-basic-transparent-semi-pressed: light-dark(
1204
- color-mix(in srgb, transparent 68%, var(--db-neutral-6)),
1205
- color-mix(in srgb, transparent 68%, var(--db-neutral-9))
1206
- );
1207
- --db-neutral-bg-basic-transparent-full-hovered: light-dark(
1208
- color-mix(in srgb, transparent 76%, var(--db-neutral-6)),
1209
- color-mix(in srgb, transparent 76%, var(--db-neutral-9))
1210
- );
1211
- --db-neutral-bg-basic-transparent-full-pressed: light-dark(
1212
- color-mix(in srgb, transparent 68%, var(--db-neutral-6)),
1213
- color-mix(in srgb, transparent 68%, var(--db-neutral-9))
1214
- );
1215
- --db-neutral-bg-inverted-contrast-max-default: light-dark(
1216
- var(--db-neutral-1),
1217
- var(--db-neutral-12)
1218
- );
1219
- --db-neutral-bg-inverted-contrast-max-hovered: light-dark(
1220
- var(--db-neutral-5),
1221
- var(--db-neutral-9)
1222
- );
1223
- --db-neutral-bg-inverted-contrast-max-pressed: light-dark(
1224
- var(--db-neutral-2),
1225
- var(--db-neutral-11)
1226
- );
1227
- --db-neutral-bg-inverted-contrast-high-default: light-dark(
1228
- var(--db-neutral-6),
1229
- var(--db-neutral-9)
1230
- );
1231
- --db-neutral-bg-inverted-contrast-high-hovered: light-dark(
1232
- var(--db-neutral-2),
1233
- var(--db-neutral-12)
1234
- );
1235
- --db-neutral-bg-inverted-contrast-high-pressed: light-dark(
1236
- var(--db-neutral-5),
1237
- var(--db-neutral-10)
1238
- );
1239
- --db-neutral-bg-inverted-contrast-low-default: light-dark(
1240
- var(--db-neutral-7),
1241
- var(--db-neutral-8)
1242
- );
1243
- --db-neutral-bg-inverted-contrast-low-hovered: light-dark(
1244
- var(--db-neutral-3),
1245
- var(--db-neutral-12)
1246
- );
1247
- --db-neutral-bg-inverted-contrast-low-pressed: light-dark(
1248
- var(--db-neutral-6),
1249
- var(--db-neutral-9)
1250
- );
1251
- --db-neutral-bg-vibrant-default: light-dark(
1252
- var(--db-neutral-9),
1253
- var(--db-neutral-9)
1254
- );
1255
- --db-neutral-bg-vibrant-hovered: light-dark(
1256
- var(--db-neutral-12),
1257
- var(--db-neutral-12)
1258
- );
1259
- --db-neutral-bg-vibrant-pressed: light-dark(
1260
- var(--db-neutral-10),
1261
- var(--db-neutral-10)
1262
- );
1263
- --db-brand-origin-default: light-dark(
1264
- var(--db-brand-origin-light-default),
1265
- var(--db-brand-origin-dark-default)
1266
- );
1267
- --db-brand-origin-hovered: light-dark(
1268
- var(--db-brand-origin-light-hovered),
1269
- var(--db-brand-origin-dark-hovered)
1270
- );
1271
- --db-brand-origin-pressed: light-dark(
1272
- var(--db-brand-origin-light-pressed),
1273
- var(--db-brand-origin-dark-pressed)
1274
- );
1275
- --db-brand-on-origin-default: light-dark(
1276
- var(--db-brand-on-origin-light-default),
1277
- var(--db-brand-on-origin-dark-default)
1278
- );
1279
- --db-brand-on-bg-basic-emphasis-50-default: light-dark(
1280
- var(--db-brand-9),
1281
- var(--db-brand-5)
1282
- );
1283
- --db-brand-on-bg-basic-emphasis-60-default: light-dark(
1284
- var(--db-brand-10),
1285
- var(--db-brand-6)
1286
- );
1287
- --db-brand-on-bg-basic-emphasis-70-default: light-dark(
1288
- var(--db-brand-7),
1289
- var(--db-brand-8)
1290
- );
1291
- --db-brand-on-bg-basic-emphasis-70-hovered: light-dark(
1292
- var(--db-brand-4),
1293
- var(--db-brand-10)
1294
- );
1295
- --db-brand-on-bg-basic-emphasis-70-pressed: light-dark(
1296
- var(--db-brand-6),
1297
- var(--db-brand-9)
1298
- );
1299
- --db-brand-on-bg-basic-emphasis-80-default: light-dark(
1300
- var(--db-brand-6),
1301
- var(--db-brand-9)
1302
- );
1303
- --db-brand-on-bg-basic-emphasis-80-hovered: light-dark(
1304
- var(--db-brand-3),
1305
- var(--db-brand-12)
1306
- );
1307
- --db-brand-on-bg-basic-emphasis-80-pressed: light-dark(
1308
- var(--db-brand-5),
1309
- var(--db-brand-10)
1310
- );
1311
- --db-brand-on-bg-basic-emphasis-90-default: light-dark(
1312
- var(--db-brand-4),
1313
- var(--db-brand-10)
1314
- );
1315
- --db-brand-on-bg-basic-emphasis-90-hovered: light-dark(
1316
- var(--db-brand-0),
1317
- var(--db-brand-14)
1318
- );
1319
- --db-brand-on-bg-basic-emphasis-90-pressed: light-dark(
1320
- var(--db-brand-3),
1321
- var(--db-brand-11)
1322
- );
1323
- --db-brand-on-bg-basic-emphasis-100-default: light-dark(
1324
- var(--db-brand-1),
1325
- var(--db-brand-12)
1326
- );
1327
- --db-brand-on-bg-basic-emphasis-100-hovered: light-dark(
1328
- var(--db-brand-5),
1329
- var(--db-brand-9)
1330
- );
1331
- --db-brand-on-bg-basic-emphasis-100-pressed: light-dark(
1332
- var(--db-brand-2),
1333
- var(--db-brand-11)
1334
- );
1335
- --db-brand-on-bg-inverted-default: light-dark(
1336
- var(--db-brand-14),
1337
- var(--db-brand-3)
1338
- );
1339
- --db-brand-on-bg-inverted-hovered: light-dark(
1340
- var(--db-brand-11),
1341
- var(--db-brand-0)
1342
- );
1343
- --db-brand-on-bg-inverted-pressed: light-dark(
1344
- var(--db-brand-13),
1345
- var(--db-brand-2)
1346
- );
1347
- --db-brand-on-bg-vibrant-default: light-dark(
1348
- var(--db-brand-1),
1349
- var(--db-brand-1)
1350
- );
1351
- --db-brand-on-bg-vibrant-hovered: light-dark(
1352
- var(--db-brand-4),
1353
- var(--db-brand-4)
1354
- );
1355
- --db-brand-on-bg-vibrant-pressed: light-dark(
1356
- var(--db-brand-2),
1357
- var(--db-brand-2)
1358
- );
1359
- --db-brand-bg-basic-level-1-default: light-dark(
1360
- var(--db-brand-14),
1361
- var(--db-brand-1)
1362
- );
1363
- --db-brand-bg-basic-level-1-hovered: light-dark(
1364
- var(--db-brand-13),
1365
- var(--db-brand-3)
1366
- );
1367
- --db-brand-bg-basic-level-1-pressed: light-dark(
1368
- var(--db-brand-12),
1369
- var(--db-brand-4)
1370
- );
1371
- --db-brand-bg-basic-level-2-default: light-dark(
1372
- var(--db-brand-13),
1373
- var(--db-brand-2)
1374
- );
1375
- --db-brand-bg-basic-level-2-hovered: light-dark(
1376
- var(--db-brand-12),
1377
- var(--db-brand-4)
1378
- );
1379
- --db-brand-bg-basic-level-2-pressed: light-dark(
1380
- var(--db-brand-11),
1381
- var(--db-brand-5)
1382
- );
1383
- --db-brand-bg-basic-level-3-default: light-dark(
1384
- var(--db-brand-12),
1385
- var(--db-brand-3)
1386
- );
1387
- --db-brand-bg-basic-level-3-hovered: light-dark(
1388
- var(--db-brand-11),
1389
- var(--db-brand-1)
1390
- );
1391
- --db-brand-bg-basic-level-3-pressed: light-dark(
1392
- var(--db-brand-10),
1393
- var(--db-brand-0)
1394
- );
1395
- --db-brand-bg-basic-transparent-full-default: light-dark(
1396
- color-mix(in srgb, transparent 100%, var(--db-brand-6)),
1397
- color-mix(in srgb, transparent 100%, var(--db-brand-9))
1398
- );
1399
- --db-brand-bg-basic-transparent-semi-default: light-dark(
1400
- color-mix(in srgb, transparent 92%, var(--db-brand-6)),
1401
- color-mix(in srgb, transparent 84%, var(--db-brand-9))
1402
- );
1403
- --db-brand-bg-basic-transparent-full-hovered: light-dark(
1404
- color-mix(in srgb, transparent 76%, var(--db-brand-6)),
1405
- color-mix(in srgb, transparent 76%, var(--db-brand-9))
1406
- );
1407
- --db-brand-bg-basic-transparent-full-pressed: light-dark(
1408
- color-mix(in srgb, transparent 68%, var(--db-brand-6)),
1409
- color-mix(in srgb, transparent 68%, var(--db-brand-9))
1410
- );
1411
- --db-brand-bg-basic-transparent-semi-hovered: light-dark(
1412
- color-mix(in srgb, transparent 76%, var(--db-brand-6)),
1413
- color-mix(in srgb, transparent 76%, var(--db-brand-9))
1414
- );
1415
- --db-brand-bg-basic-transparent-semi-pressed: light-dark(
1416
- color-mix(in srgb, transparent 68%, var(--db-brand-6)),
1417
- color-mix(in srgb, transparent 68%, var(--db-brand-9))
1418
- );
1419
- --db-brand-bg-inverted-contrast-max-default: light-dark(
1420
- var(--db-brand-1),
1421
- var(--db-brand-12)
1422
- );
1423
- --db-brand-bg-inverted-contrast-max-hovered: light-dark(
1424
- var(--db-brand-5),
1425
- var(--db-brand-9)
1426
- );
1427
- --db-brand-bg-inverted-contrast-max-pressed: light-dark(
1428
- var(--db-brand-2),
1429
- var(--db-brand-11)
1430
- );
1431
- --db-brand-bg-inverted-contrast-high-default: light-dark(
1432
- var(--db-brand-6),
1433
- var(--db-brand-9)
1434
- );
1435
- --db-brand-bg-inverted-contrast-high-hovered: light-dark(
1436
- var(--db-brand-2),
1437
- var(--db-brand-12)
1438
- );
1439
- --db-brand-bg-inverted-contrast-high-pressed: light-dark(
1440
- var(--db-brand-5),
1441
- var(--db-brand-10)
1442
- );
1443
- --db-brand-bg-inverted-contrast-low-default: light-dark(
1444
- var(--db-brand-7),
1445
- var(--db-brand-8)
1446
- );
1447
- --db-brand-bg-inverted-contrast-low-hovered: light-dark(
1448
- var(--db-brand-3),
1449
- var(--db-brand-12)
1450
- );
1451
- --db-brand-bg-inverted-contrast-low-pressed: light-dark(
1452
- var(--db-brand-6),
1453
- var(--db-brand-9)
1454
- );
1455
- --db-brand-bg-vibrant-default: light-dark(
1456
- var(--db-brand-9),
1457
- var(--db-brand-9)
1458
- );
1459
- --db-brand-bg-vibrant-hovered: light-dark(
1460
- var(--db-brand-12),
1461
- var(--db-brand-12)
1462
- );
1463
- --db-brand-bg-vibrant-pressed: light-dark(
1464
- var(--db-brand-10),
1465
- var(--db-brand-10)
1466
- );
1467
- --db-informational-origin-default: light-dark(
1468
- var(--db-informational-origin-light-default),
1469
- var(--db-informational-origin-dark-default)
1470
- );
1471
- --db-informational-origin-hovered: light-dark(
1472
- var(--db-informational-origin-light-hovered),
1473
- var(--db-informational-origin-dark-hovered)
1474
- );
1475
- --db-informational-origin-pressed: light-dark(
1476
- var(--db-informational-origin-light-pressed),
1477
- var(--db-informational-origin-dark-pressed)
1478
- );
1479
- --db-informational-on-origin-default: light-dark(
1480
- var(--db-informational-on-origin-light-default),
1481
- var(--db-informational-on-origin-dark-default)
1482
- );
1483
- --db-informational-on-bg-basic-emphasis-50-default: light-dark(
1484
- var(--db-informational-9),
1485
- var(--db-informational-5)
1486
- );
1487
- --db-informational-on-bg-basic-emphasis-60-default: light-dark(
1488
- var(--db-informational-10),
1489
- var(--db-informational-6)
1490
- );
1491
- --db-informational-on-bg-basic-emphasis-70-default: light-dark(
1492
- var(--db-informational-7),
1493
- var(--db-informational-8)
1494
- );
1495
- --db-informational-on-bg-basic-emphasis-70-hovered: light-dark(
1496
- var(--db-informational-4),
1497
- var(--db-informational-10)
1498
- );
1499
- --db-informational-on-bg-basic-emphasis-70-pressed: light-dark(
1500
- var(--db-informational-6),
1501
- var(--db-informational-9)
1502
- );
1503
- --db-informational-on-bg-basic-emphasis-80-default: light-dark(
1504
- var(--db-informational-6),
1505
- var(--db-informational-9)
1506
- );
1507
- --db-informational-on-bg-basic-emphasis-80-hovered: light-dark(
1508
- var(--db-informational-3),
1509
- var(--db-informational-12)
1510
- );
1511
- --db-informational-on-bg-basic-emphasis-80-pressed: light-dark(
1512
- var(--db-informational-5),
1513
- var(--db-informational-10)
1514
- );
1515
- --db-informational-on-bg-basic-emphasis-90-default: light-dark(
1516
- var(--db-informational-4),
1517
- var(--db-informational-10)
1518
- );
1519
- --db-informational-on-bg-basic-emphasis-90-hovered: light-dark(
1520
- var(--db-informational-0),
1521
- var(--db-informational-14)
1522
- );
1523
- --db-informational-on-bg-basic-emphasis-90-pressed: light-dark(
1524
- var(--db-informational-3),
1525
- var(--db-informational-11)
1526
- );
1527
- --db-informational-on-bg-basic-emphasis-100-default: light-dark(
1528
- var(--db-informational-1),
1529
- var(--db-informational-12)
1530
- );
1531
- --db-informational-on-bg-basic-emphasis-100-hovered: light-dark(
1532
- var(--db-informational-5),
1533
- var(--db-informational-9)
1534
- );
1535
- --db-informational-on-bg-basic-emphasis-100-pressed: light-dark(
1536
- var(--db-informational-2),
1537
- var(--db-informational-11)
1538
- );
1539
- --db-informational-on-bg-inverted-default: light-dark(
1540
- var(--db-informational-14),
1541
- var(--db-informational-3)
1542
- );
1543
- --db-informational-on-bg-inverted-hovered: light-dark(
1544
- var(--db-informational-11),
1545
- var(--db-informational-0)
1546
- );
1547
- --db-informational-on-bg-inverted-pressed: light-dark(
1548
- var(--db-informational-13),
1549
- var(--db-informational-2)
1550
- );
1551
- --db-informational-on-bg-vibrant-default: light-dark(
1552
- var(--db-informational-1),
1553
- var(--db-informational-1)
1554
- );
1555
- --db-informational-on-bg-vibrant-hovered: light-dark(
1556
- var(--db-informational-4),
1557
- var(--db-informational-4)
1558
- );
1559
- --db-informational-on-bg-vibrant-pressed: light-dark(
1560
- var(--db-informational-2),
1561
- var(--db-informational-2)
1562
- );
1563
- --db-informational-bg-basic-level-1-default: light-dark(
1564
- var(--db-informational-14),
1565
- var(--db-informational-1)
1566
- );
1567
- --db-informational-bg-basic-level-1-hovered: light-dark(
1568
- var(--db-informational-13),
1569
- var(--db-informational-3)
1570
- );
1571
- --db-informational-bg-basic-level-1-pressed: light-dark(
1572
- var(--db-informational-12),
1573
- var(--db-informational-4)
1574
- );
1575
- --db-informational-bg-basic-level-2-default: light-dark(
1576
- var(--db-informational-13),
1577
- var(--db-informational-2)
1578
- );
1579
- --db-informational-bg-basic-level-2-hovered: light-dark(
1580
- var(--db-informational-12),
1581
- var(--db-informational-4)
1582
- );
1583
- --db-informational-bg-basic-level-2-pressed: light-dark(
1584
- var(--db-informational-11),
1585
- var(--db-informational-5)
1586
- );
1587
- --db-informational-bg-basic-level-3-default: light-dark(
1588
- var(--db-informational-12),
1589
- var(--db-informational-3)
1590
- );
1591
- --db-informational-bg-basic-level-3-hovered: light-dark(
1592
- var(--db-informational-11),
1593
- var(--db-informational-1)
1594
- );
1595
- --db-informational-bg-basic-level-3-pressed: light-dark(
1596
- var(--db-informational-10),
1597
- var(--db-informational-0)
1598
- );
1599
- --db-informational-bg-basic-transparent-full-default: light-dark(
1600
- color-mix(in srgb, transparent 100%, var(--db-informational-6)),
1601
- color-mix(in srgb, transparent 100%, var(--db-informational-9))
1602
- );
1603
- --db-informational-bg-basic-transparent-semi-default: light-dark(
1604
- color-mix(in srgb, transparent 92%, var(--db-informational-6)),
1605
- color-mix(in srgb, transparent 84%, var(--db-informational-9))
1606
- );
1607
- --db-informational-bg-basic-transparent-full-hovered: light-dark(
1608
- color-mix(in srgb, transparent 76%, var(--db-informational-6)),
1609
- color-mix(in srgb, transparent 76%, var(--db-informational-9))
1610
- );
1611
- --db-informational-bg-basic-transparent-full-pressed: light-dark(
1612
- color-mix(in srgb, transparent 68%, var(--db-informational-6)),
1613
- color-mix(in srgb, transparent 68%, var(--db-informational-9))
1614
- );
1615
- --db-informational-bg-basic-transparent-semi-hovered: light-dark(
1616
- color-mix(in srgb, transparent 76%, var(--db-informational-6)),
1617
- color-mix(in srgb, transparent 76%, var(--db-informational-9))
1618
- );
1619
- --db-informational-bg-basic-transparent-semi-pressed: light-dark(
1620
- color-mix(in srgb, transparent 68%, var(--db-informational-6)),
1621
- color-mix(in srgb, transparent 68%, var(--db-informational-9))
1622
- );
1623
- --db-informational-bg-inverted-contrast-max-default: light-dark(
1624
- var(--db-informational-1),
1625
- var(--db-informational-12)
1626
- );
1627
- --db-informational-bg-inverted-contrast-max-hovered: light-dark(
1628
- var(--db-informational-5),
1629
- var(--db-informational-9)
1630
- );
1631
- --db-informational-bg-inverted-contrast-max-pressed: light-dark(
1632
- var(--db-informational-2),
1633
- var(--db-informational-11)
1634
- );
1635
- --db-informational-bg-inverted-contrast-high-default: light-dark(
1636
- var(--db-informational-6),
1637
- var(--db-informational-9)
1638
- );
1639
- --db-informational-bg-inverted-contrast-high-hovered: light-dark(
1640
- var(--db-informational-2),
1641
- var(--db-informational-12)
1642
- );
1643
- --db-informational-bg-inverted-contrast-high-pressed: light-dark(
1644
- var(--db-informational-5),
1645
- var(--db-informational-10)
1646
- );
1647
- --db-informational-bg-inverted-contrast-low-default: light-dark(
1648
- var(--db-informational-7),
1649
- var(--db-informational-8)
1650
- );
1651
- --db-informational-bg-inverted-contrast-low-hovered: light-dark(
1652
- var(--db-informational-3),
1653
- var(--db-informational-12)
1654
- );
1655
- --db-informational-bg-inverted-contrast-low-pressed: light-dark(
1656
- var(--db-informational-6),
1657
- var(--db-informational-9)
1658
- );
1659
- --db-informational-bg-vibrant-default: light-dark(
1660
- var(--db-informational-9),
1661
- var(--db-informational-9)
1662
- );
1663
- --db-informational-bg-vibrant-hovered: light-dark(
1664
- var(--db-informational-12),
1665
- var(--db-informational-12)
1666
- );
1667
- --db-informational-bg-vibrant-pressed: light-dark(
1668
- var(--db-informational-10),
1669
- var(--db-informational-10)
1670
- );
1671
- --db-warning-origin-default: light-dark(
1672
- var(--db-warning-origin-light-default),
1673
- var(--db-warning-origin-dark-default)
1674
- );
1675
- --db-warning-origin-hovered: light-dark(
1676
- var(--db-warning-origin-light-hovered),
1677
- var(--db-warning-origin-dark-hovered)
1678
- );
1679
- --db-warning-origin-pressed: light-dark(
1680
- var(--db-warning-origin-light-pressed),
1681
- var(--db-warning-origin-dark-pressed)
1682
- );
1683
- --db-warning-on-origin-default: light-dark(
1684
- var(--db-warning-on-origin-light-default),
1685
- var(--db-warning-on-origin-dark-default)
1686
- );
1687
- --db-warning-on-bg-basic-emphasis-50-default: light-dark(
1688
- var(--db-warning-9),
1689
- var(--db-warning-5)
1690
- );
1691
- --db-warning-on-bg-basic-emphasis-60-default: light-dark(
1692
- var(--db-warning-10),
1693
- var(--db-warning-6)
1694
- );
1695
- --db-warning-on-bg-basic-emphasis-70-default: light-dark(
1696
- var(--db-warning-7),
1697
- var(--db-warning-8)
1698
- );
1699
- --db-warning-on-bg-basic-emphasis-70-hovered: light-dark(
1700
- var(--db-warning-4),
1701
- var(--db-warning-10)
1702
- );
1703
- --db-warning-on-bg-basic-emphasis-70-pressed: light-dark(
1704
- var(--db-warning-6),
1705
- var(--db-warning-9)
1706
- );
1707
- --db-warning-on-bg-basic-emphasis-80-default: light-dark(
1708
- var(--db-warning-6),
1709
- var(--db-warning-9)
1710
- );
1711
- --db-warning-on-bg-basic-emphasis-80-hovered: light-dark(
1712
- var(--db-warning-3),
1713
- var(--db-warning-12)
1714
- );
1715
- --db-warning-on-bg-basic-emphasis-80-pressed: light-dark(
1716
- var(--db-warning-5),
1717
- var(--db-warning-10)
1718
- );
1719
- --db-warning-on-bg-basic-emphasis-90-default: light-dark(
1720
- var(--db-warning-4),
1721
- var(--db-warning-10)
1722
- );
1723
- --db-warning-on-bg-basic-emphasis-90-hovered: light-dark(
1724
- var(--db-warning-0),
1725
- var(--db-warning-14)
1726
- );
1727
- --db-warning-on-bg-basic-emphasis-90-pressed: light-dark(
1728
- var(--db-warning-3),
1729
- var(--db-warning-11)
1730
- );
1731
- --db-warning-on-bg-basic-emphasis-100-default: light-dark(
1732
- var(--db-warning-1),
1733
- var(--db-warning-12)
1734
- );
1735
- --db-warning-on-bg-basic-emphasis-100-hovered: light-dark(
1736
- var(--db-warning-5),
1737
- var(--db-warning-9)
1738
- );
1739
- --db-warning-on-bg-basic-emphasis-100-pressed: light-dark(
1740
- var(--db-warning-2),
1741
- var(--db-warning-11)
1742
- );
1743
- --db-warning-on-bg-inverted-default: light-dark(
1744
- var(--db-warning-14),
1745
- var(--db-warning-3)
1746
- );
1747
- --db-warning-on-bg-inverted-hovered: light-dark(
1748
- var(--db-warning-11),
1749
- var(--db-warning-0)
1750
- );
1751
- --db-warning-on-bg-inverted-pressed: light-dark(
1752
- var(--db-warning-13),
1753
- var(--db-warning-2)
1754
- );
1755
- --db-warning-on-bg-vibrant-default: light-dark(
1756
- var(--db-warning-1),
1757
- var(--db-warning-1)
1758
- );
1759
- --db-warning-on-bg-vibrant-hovered: light-dark(
1760
- var(--db-warning-4),
1761
- var(--db-warning-4)
1762
- );
1763
- --db-warning-on-bg-vibrant-pressed: light-dark(
1764
- var(--db-warning-2),
1765
- var(--db-warning-2)
1766
- );
1767
- --db-warning-bg-basic-level-1-default: light-dark(
1768
- var(--db-warning-14),
1769
- var(--db-warning-1)
1770
- );
1771
- --db-warning-bg-basic-level-1-hovered: light-dark(
1772
- var(--db-warning-13),
1773
- var(--db-warning-3)
1774
- );
1775
- --db-warning-bg-basic-level-1-pressed: light-dark(
1776
- var(--db-warning-12),
1777
- var(--db-warning-4)
1778
- );
1779
- --db-warning-bg-basic-level-2-default: light-dark(
1780
- var(--db-warning-13),
1781
- var(--db-warning-2)
1782
- );
1783
- --db-warning-bg-basic-level-2-hovered: light-dark(
1784
- var(--db-warning-12),
1785
- var(--db-warning-4)
1786
- );
1787
- --db-warning-bg-basic-level-2-pressed: light-dark(
1788
- var(--db-warning-11),
1789
- var(--db-warning-5)
1790
- );
1791
- --db-warning-bg-basic-level-3-default: light-dark(
1792
- var(--db-warning-12),
1793
- var(--db-warning-3)
1794
- );
1795
- --db-warning-bg-basic-level-3-hovered: light-dark(
1796
- var(--db-warning-11),
1797
- var(--db-warning-1)
1798
- );
1799
- --db-warning-bg-basic-level-3-pressed: light-dark(
1800
- var(--db-warning-10),
1801
- var(--db-warning-0)
1802
- );
1803
- --db-warning-bg-basic-transparent-full-default: light-dark(
1804
- color-mix(in srgb, transparent 100%, var(--db-warning-6)),
1805
- color-mix(in srgb, transparent 100%, var(--db-warning-9))
1806
- );
1807
- --db-warning-bg-basic-transparent-semi-default: light-dark(
1808
- color-mix(in srgb, transparent 92%, var(--db-warning-6)),
1809
- color-mix(in srgb, transparent 84%, var(--db-warning-9))
1810
- );
1811
- --db-warning-bg-basic-transparent-full-hovered: light-dark(
1812
- color-mix(in srgb, transparent 76%, var(--db-warning-6)),
1813
- color-mix(in srgb, transparent 76%, var(--db-warning-9))
1814
- );
1815
- --db-warning-bg-basic-transparent-full-pressed: light-dark(
1816
- color-mix(in srgb, transparent 68%, var(--db-warning-6)),
1817
- color-mix(in srgb, transparent 68%, var(--db-warning-9))
1818
- );
1819
- --db-warning-bg-basic-transparent-semi-hovered: light-dark(
1820
- color-mix(in srgb, transparent 76%, var(--db-warning-6)),
1821
- color-mix(in srgb, transparent 76%, var(--db-warning-9))
1822
- );
1823
- --db-warning-bg-basic-transparent-semi-pressed: light-dark(
1824
- color-mix(in srgb, transparent 68%, var(--db-warning-6)),
1825
- color-mix(in srgb, transparent 68%, var(--db-warning-9))
1826
- );
1827
- --db-warning-bg-inverted-contrast-max-default: light-dark(
1828
- var(--db-warning-1),
1829
- var(--db-warning-12)
1830
- );
1831
- --db-warning-bg-inverted-contrast-max-hovered: light-dark(
1832
- var(--db-warning-5),
1833
- var(--db-warning-9)
1834
- );
1835
- --db-warning-bg-inverted-contrast-max-pressed: light-dark(
1836
- var(--db-warning-2),
1837
- var(--db-warning-11)
1838
- );
1839
- --db-warning-bg-inverted-contrast-high-default: light-dark(
1840
- var(--db-warning-6),
1841
- var(--db-warning-9)
1842
- );
1843
- --db-warning-bg-inverted-contrast-high-hovered: light-dark(
1844
- var(--db-warning-2),
1845
- var(--db-warning-12)
1846
- );
1847
- --db-warning-bg-inverted-contrast-high-pressed: light-dark(
1848
- var(--db-warning-5),
1849
- var(--db-warning-10)
1850
- );
1851
- --db-warning-bg-inverted-contrast-low-default: light-dark(
1852
- var(--db-warning-7),
1853
- var(--db-warning-8)
1854
- );
1855
- --db-warning-bg-inverted-contrast-low-hovered: light-dark(
1856
- var(--db-warning-3),
1857
- var(--db-warning-12)
1858
- );
1859
- --db-warning-bg-inverted-contrast-low-pressed: light-dark(
1860
- var(--db-warning-6),
1861
- var(--db-warning-9)
1862
- );
1863
- --db-warning-bg-vibrant-default: light-dark(
1864
- var(--db-warning-9),
1865
- var(--db-warning-9)
1866
- );
1867
- --db-warning-bg-vibrant-hovered: light-dark(
1868
- var(--db-warning-12),
1869
- var(--db-warning-12)
1870
- );
1871
- --db-warning-bg-vibrant-pressed: light-dark(
1872
- var(--db-warning-10),
1873
- var(--db-warning-10)
1874
- );
1875
- --db-successful-origin-default: light-dark(
1876
- var(--db-successful-origin-light-default),
1877
- var(--db-successful-origin-dark-default)
1878
- );
1879
- --db-successful-origin-hovered: light-dark(
1880
- var(--db-successful-origin-light-hovered),
1881
- var(--db-successful-origin-dark-hovered)
1882
- );
1883
- --db-successful-origin-pressed: light-dark(
1884
- var(--db-successful-origin-light-pressed),
1885
- var(--db-successful-origin-dark-pressed)
1886
- );
1887
- --db-successful-on-origin-default: light-dark(
1888
- var(--db-successful-on-origin-light-default),
1889
- var(--db-successful-on-origin-dark-default)
1890
- );
1891
- --db-successful-on-bg-basic-emphasis-50-default: light-dark(
1892
- var(--db-successful-9),
1893
- var(--db-successful-5)
1894
- );
1895
- --db-successful-on-bg-basic-emphasis-60-default: light-dark(
1896
- var(--db-successful-10),
1897
- var(--db-successful-6)
1898
- );
1899
- --db-successful-on-bg-basic-emphasis-70-default: light-dark(
1900
- var(--db-successful-7),
1901
- var(--db-successful-8)
1902
- );
1903
- --db-successful-on-bg-basic-emphasis-70-hovered: light-dark(
1904
- var(--db-successful-4),
1905
- var(--db-successful-10)
1906
- );
1907
- --db-successful-on-bg-basic-emphasis-70-pressed: light-dark(
1908
- var(--db-successful-6),
1909
- var(--db-successful-9)
1910
- );
1911
- --db-successful-on-bg-basic-emphasis-80-default: light-dark(
1912
- var(--db-successful-6),
1913
- var(--db-successful-9)
1914
- );
1915
- --db-successful-on-bg-basic-emphasis-80-hovered: light-dark(
1916
- var(--db-successful-3),
1917
- var(--db-successful-12)
1918
- );
1919
- --db-successful-on-bg-basic-emphasis-80-pressed: light-dark(
1920
- var(--db-successful-5),
1921
- var(--db-successful-10)
1922
- );
1923
- --db-successful-on-bg-basic-emphasis-90-default: light-dark(
1924
- var(--db-successful-4),
1925
- var(--db-successful-10)
1926
- );
1927
- --db-successful-on-bg-basic-emphasis-90-hovered: light-dark(
1928
- var(--db-successful-0),
1929
- var(--db-successful-14)
1930
- );
1931
- --db-successful-on-bg-basic-emphasis-90-pressed: light-dark(
1932
- var(--db-successful-3),
1933
- var(--db-successful-11)
1934
- );
1935
- --db-successful-on-bg-basic-emphasis-100-default: light-dark(
1936
- var(--db-successful-1),
1937
- var(--db-successful-12)
1938
- );
1939
- --db-successful-on-bg-basic-emphasis-100-hovered: light-dark(
1940
- var(--db-successful-5),
1941
- var(--db-successful-9)
1942
- );
1943
- --db-successful-on-bg-basic-emphasis-100-pressed: light-dark(
1944
- var(--db-successful-2),
1945
- var(--db-successful-11)
1946
- );
1947
- --db-successful-on-bg-inverted-default: light-dark(
1948
- var(--db-successful-14),
1949
- var(--db-successful-3)
1950
- );
1951
- --db-successful-on-bg-inverted-hovered: light-dark(
1952
- var(--db-successful-11),
1953
- var(--db-successful-0)
1954
- );
1955
- --db-successful-on-bg-inverted-pressed: light-dark(
1956
- var(--db-successful-13),
1957
- var(--db-successful-2)
1958
- );
1959
- --db-successful-on-bg-vibrant-default: light-dark(
1960
- var(--db-successful-1),
1961
- var(--db-successful-1)
1962
- );
1963
- --db-successful-on-bg-vibrant-hovered: light-dark(
1964
- var(--db-successful-4),
1965
- var(--db-successful-4)
1966
- );
1967
- --db-successful-on-bg-vibrant-pressed: light-dark(
1968
- var(--db-successful-2),
1969
- var(--db-successful-2)
1970
- );
1971
- --db-successful-bg-basic-level-1-default: light-dark(
1972
- var(--db-successful-14),
1973
- var(--db-successful-1)
1974
- );
1975
- --db-successful-bg-basic-level-1-hovered: light-dark(
1976
- var(--db-successful-13),
1977
- var(--db-successful-3)
1978
- );
1979
- --db-successful-bg-basic-level-1-pressed: light-dark(
1980
- var(--db-successful-12),
1981
- var(--db-successful-4)
1982
- );
1983
- --db-successful-bg-basic-level-2-default: light-dark(
1984
- var(--db-successful-13),
1985
- var(--db-successful-2)
1986
- );
1987
- --db-successful-bg-basic-level-2-hovered: light-dark(
1988
- var(--db-successful-12),
1989
- var(--db-successful-4)
1990
- );
1991
- --db-successful-bg-basic-level-2-pressed: light-dark(
1992
- var(--db-successful-11),
1993
- var(--db-successful-5)
1994
- );
1995
- --db-successful-bg-basic-level-3-default: light-dark(
1996
- var(--db-successful-12),
1997
- var(--db-successful-3)
1998
- );
1999
- --db-successful-bg-basic-level-3-hovered: light-dark(
2000
- var(--db-successful-11),
2001
- var(--db-successful-1)
2002
- );
2003
- --db-successful-bg-basic-level-3-pressed: light-dark(
2004
- var(--db-successful-10),
2005
- var(--db-successful-0)
2006
- );
2007
- --db-successful-bg-basic-transparent-full-default: light-dark(
2008
- color-mix(in srgb, transparent 100%, var(--db-successful-6)),
2009
- color-mix(in srgb, transparent 100%, var(--db-successful-9))
2010
- );
2011
- --db-successful-bg-basic-transparent-semi-default: light-dark(
2012
- color-mix(in srgb, transparent 92%, var(--db-successful-6)),
2013
- color-mix(in srgb, transparent 84%, var(--db-successful-9))
2014
- );
2015
- --db-successful-bg-basic-transparent-full-hovered: light-dark(
2016
- color-mix(in srgb, transparent 76%, var(--db-successful-6)),
2017
- color-mix(in srgb, transparent 76%, var(--db-successful-9))
2018
- );
2019
- --db-successful-bg-basic-transparent-full-pressed: light-dark(
2020
- color-mix(in srgb, transparent 68%, var(--db-successful-6)),
2021
- color-mix(in srgb, transparent 68%, var(--db-successful-9))
2022
- );
2023
- --db-successful-bg-basic-transparent-semi-hovered: light-dark(
2024
- color-mix(in srgb, transparent 76%, var(--db-successful-6)),
2025
- color-mix(in srgb, transparent 76%, var(--db-successful-9))
2026
- );
2027
- --db-successful-bg-basic-transparent-semi-pressed: light-dark(
2028
- color-mix(in srgb, transparent 68%, var(--db-successful-6)),
2029
- color-mix(in srgb, transparent 68%, var(--db-successful-9))
2030
- );
2031
- --db-successful-bg-inverted-contrast-max-default: light-dark(
2032
- var(--db-successful-1),
2033
- var(--db-successful-12)
2034
- );
2035
- --db-successful-bg-inverted-contrast-max-hovered: light-dark(
2036
- var(--db-successful-5),
2037
- var(--db-successful-9)
2038
- );
2039
- --db-successful-bg-inverted-contrast-max-pressed: light-dark(
2040
- var(--db-successful-2),
2041
- var(--db-successful-11)
2042
- );
2043
- --db-successful-bg-inverted-contrast-high-default: light-dark(
2044
- var(--db-successful-6),
2045
- var(--db-successful-9)
2046
- );
2047
- --db-successful-bg-inverted-contrast-high-hovered: light-dark(
2048
- var(--db-successful-2),
2049
- var(--db-successful-12)
2050
- );
2051
- --db-successful-bg-inverted-contrast-high-pressed: light-dark(
2052
- var(--db-successful-5),
2053
- var(--db-successful-10)
2054
- );
2055
- --db-successful-bg-inverted-contrast-low-default: light-dark(
2056
- var(--db-successful-7),
2057
- var(--db-successful-8)
2058
- );
2059
- --db-successful-bg-inverted-contrast-low-hovered: light-dark(
2060
- var(--db-successful-3),
2061
- var(--db-successful-12)
2062
- );
2063
- --db-successful-bg-inverted-contrast-low-pressed: light-dark(
2064
- var(--db-successful-6),
2065
- var(--db-successful-9)
2066
- );
2067
- --db-successful-bg-vibrant-default: light-dark(
2068
- var(--db-successful-9),
2069
- var(--db-successful-9)
2070
- );
2071
- --db-successful-bg-vibrant-hovered: light-dark(
2072
- var(--db-successful-12),
2073
- var(--db-successful-12)
2074
- );
2075
- --db-successful-bg-vibrant-pressed: light-dark(
2076
- var(--db-successful-10),
2077
- var(--db-successful-10)
2078
- );
2079
- --db-critical-origin-default: light-dark(
2080
- var(--db-critical-origin-light-default),
2081
- var(--db-critical-origin-dark-default)
2082
- );
2083
- --db-critical-origin-hovered: light-dark(
2084
- var(--db-critical-origin-light-hovered),
2085
- var(--db-critical-origin-dark-hovered)
2086
- );
2087
- --db-critical-origin-pressed: light-dark(
2088
- var(--db-critical-origin-light-pressed),
2089
- var(--db-critical-origin-dark-pressed)
2090
- );
2091
- --db-critical-on-origin-default: light-dark(
2092
- var(--db-critical-on-origin-light-default),
2093
- var(--db-critical-on-origin-dark-default)
2094
- );
2095
- --db-critical-on-bg-basic-emphasis-50-default: light-dark(
2096
- var(--db-critical-9),
2097
- var(--db-critical-5)
2098
- );
2099
- --db-critical-on-bg-basic-emphasis-60-default: light-dark(
2100
- var(--db-critical-10),
2101
- var(--db-critical-6)
2102
- );
2103
- --db-critical-on-bg-basic-emphasis-70-default: light-dark(
2104
- var(--db-critical-7),
2105
- var(--db-critical-8)
2106
- );
2107
- --db-critical-on-bg-basic-emphasis-70-hovered: light-dark(
2108
- var(--db-critical-4),
2109
- var(--db-critical-10)
2110
- );
2111
- --db-critical-on-bg-basic-emphasis-70-pressed: light-dark(
2112
- var(--db-critical-6),
2113
- var(--db-critical-9)
2114
- );
2115
- --db-critical-on-bg-basic-emphasis-80-default: light-dark(
2116
- var(--db-critical-6),
2117
- var(--db-critical-9)
2118
- );
2119
- --db-critical-on-bg-basic-emphasis-80-hovered: light-dark(
2120
- var(--db-critical-3),
2121
- var(--db-critical-12)
2122
- );
2123
- --db-critical-on-bg-basic-emphasis-80-pressed: light-dark(
2124
- var(--db-critical-5),
2125
- var(--db-critical-10)
2126
- );
2127
- --db-critical-on-bg-basic-emphasis-90-default: light-dark(
2128
- var(--db-critical-4),
2129
- var(--db-critical-10)
2130
- );
2131
- --db-critical-on-bg-basic-emphasis-90-hovered: light-dark(
2132
- var(--db-critical-0),
2133
- var(--db-critical-14)
2134
- );
2135
- --db-critical-on-bg-basic-emphasis-90-pressed: light-dark(
2136
- var(--db-critical-3),
2137
- var(--db-critical-11)
2138
- );
2139
- --db-critical-on-bg-basic-emphasis-100-default: light-dark(
2140
- var(--db-critical-1),
2141
- var(--db-critical-12)
2142
- );
2143
- --db-critical-on-bg-basic-emphasis-100-hovered: light-dark(
2144
- var(--db-critical-5),
2145
- var(--db-critical-9)
2146
- );
2147
- --db-critical-on-bg-basic-emphasis-100-pressed: light-dark(
2148
- var(--db-critical-2),
2149
- var(--db-critical-11)
2150
- );
2151
- --db-critical-on-bg-inverted-default: light-dark(
2152
- var(--db-critical-14),
2153
- var(--db-critical-3)
2154
- );
2155
- --db-critical-on-bg-inverted-hovered: light-dark(
2156
- var(--db-critical-11),
2157
- var(--db-critical-0)
2158
- );
2159
- --db-critical-on-bg-inverted-pressed: light-dark(
2160
- var(--db-critical-13),
2161
- var(--db-critical-2)
2162
- );
2163
- --db-critical-on-bg-vibrant-default: light-dark(
2164
- var(--db-critical-1),
2165
- var(--db-critical-1)
2166
- );
2167
- --db-critical-on-bg-vibrant-hovered: light-dark(
2168
- var(--db-critical-4),
2169
- var(--db-critical-4)
2170
- );
2171
- --db-critical-on-bg-vibrant-pressed: light-dark(
2172
- var(--db-critical-2),
2173
- var(--db-critical-2)
2174
- );
2175
- --db-critical-bg-basic-level-1-default: light-dark(
2176
- var(--db-critical-14),
2177
- var(--db-critical-1)
2178
- );
2179
- --db-critical-bg-basic-level-1-hovered: light-dark(
2180
- var(--db-critical-13),
2181
- var(--db-critical-3)
2182
- );
2183
- --db-critical-bg-basic-level-1-pressed: light-dark(
2184
- var(--db-critical-12),
2185
- var(--db-critical-4)
2186
- );
2187
- --db-critical-bg-basic-level-2-default: light-dark(
2188
- var(--db-critical-13),
2189
- var(--db-critical-2)
2190
- );
2191
- --db-critical-bg-basic-level-2-hovered: light-dark(
2192
- var(--db-critical-12),
2193
- var(--db-critical-4)
2194
- );
2195
- --db-critical-bg-basic-level-2-pressed: light-dark(
2196
- var(--db-critical-11),
2197
- var(--db-critical-5)
2198
- );
2199
- --db-critical-bg-basic-level-3-default: light-dark(
2200
- var(--db-critical-12),
2201
- var(--db-critical-3)
2202
- );
2203
- --db-critical-bg-basic-level-3-hovered: light-dark(
2204
- var(--db-critical-11),
2205
- var(--db-critical-1)
2206
- );
2207
- --db-critical-bg-basic-level-3-pressed: light-dark(
2208
- var(--db-critical-10),
2209
- var(--db-critical-0)
2210
- );
2211
- --db-critical-bg-basic-transparent-full-default: light-dark(
2212
- color-mix(in srgb, transparent 100%, var(--db-critical-6)),
2213
- color-mix(in srgb, transparent 100%, var(--db-critical-9))
2214
- );
2215
- --db-critical-bg-basic-transparent-semi-default: light-dark(
2216
- color-mix(in srgb, transparent 92%, var(--db-critical-6)),
2217
- color-mix(in srgb, transparent 84%, var(--db-critical-9))
2218
- );
2219
- --db-critical-bg-basic-transparent-full-hovered: light-dark(
2220
- color-mix(in srgb, transparent 76%, var(--db-critical-6)),
2221
- color-mix(in srgb, transparent 76%, var(--db-critical-9))
2222
- );
2223
- --db-critical-bg-basic-transparent-full-pressed: light-dark(
2224
- color-mix(in srgb, transparent 68%, var(--db-critical-6)),
2225
- color-mix(in srgb, transparent 68%, var(--db-critical-9))
2226
- );
2227
- --db-critical-bg-basic-transparent-semi-hovered: light-dark(
2228
- color-mix(in srgb, transparent 76%, var(--db-critical-6)),
2229
- color-mix(in srgb, transparent 76%, var(--db-critical-9))
2230
- );
2231
- --db-critical-bg-basic-transparent-semi-pressed: light-dark(
2232
- color-mix(in srgb, transparent 68%, var(--db-critical-6)),
2233
- color-mix(in srgb, transparent 68%, var(--db-critical-9))
2234
- );
2235
- --db-critical-bg-inverted-contrast-max-default: light-dark(
2236
- var(--db-critical-1),
2237
- var(--db-critical-12)
2238
- );
2239
- --db-critical-bg-inverted-contrast-max-hovered: light-dark(
2240
- var(--db-critical-5),
2241
- var(--db-critical-9)
2242
- );
2243
- --db-critical-bg-inverted-contrast-max-pressed: light-dark(
2244
- var(--db-critical-2),
2245
- var(--db-critical-11)
2246
- );
2247
- --db-critical-bg-inverted-contrast-high-default: light-dark(
2248
- var(--db-critical-6),
2249
- var(--db-critical-9)
2250
- );
2251
- --db-critical-bg-inverted-contrast-high-hovered: light-dark(
2252
- var(--db-critical-2),
2253
- var(--db-critical-12)
2254
- );
2255
- --db-critical-bg-inverted-contrast-high-pressed: light-dark(
2256
- var(--db-critical-5),
2257
- var(--db-critical-10)
2258
- );
2259
- --db-critical-bg-inverted-contrast-low-default: light-dark(
2260
- var(--db-critical-7),
2261
- var(--db-critical-8)
2262
- );
2263
- --db-critical-bg-inverted-contrast-low-hovered: light-dark(
2264
- var(--db-critical-3),
2265
- var(--db-critical-12)
2266
- );
2267
- --db-critical-bg-inverted-contrast-low-pressed: light-dark(
2268
- var(--db-critical-6),
2269
- var(--db-critical-9)
2270
- );
2271
- --db-critical-bg-vibrant-default: light-dark(
2272
- var(--db-critical-9),
2273
- var(--db-critical-9)
2274
- );
2275
- --db-critical-bg-vibrant-hovered: light-dark(
2276
- var(--db-critical-12),
2277
- var(--db-critical-12)
2278
- );
2279
- --db-critical-bg-vibrant-pressed: light-dark(
2280
- var(--db-critical-10),
2281
- var(--db-critical-10)
2282
- );
2283
- --db-yellow-origin-default: light-dark(
2284
- var(--db-yellow-origin-light-default),
2285
- var(--db-yellow-origin-dark-default)
2286
- );
2287
- --db-yellow-origin-hovered: light-dark(
2288
- var(--db-yellow-origin-light-hovered),
2289
- var(--db-yellow-origin-dark-hovered)
2290
- );
2291
- --db-yellow-origin-pressed: light-dark(
2292
- var(--db-yellow-origin-light-pressed),
2293
- var(--db-yellow-origin-dark-pressed)
2294
- );
2295
- --db-yellow-on-origin-default: light-dark(
2296
- var(--db-yellow-on-origin-light-default),
2297
- var(--db-yellow-on-origin-dark-default)
2298
- );
2299
- --db-yellow-on-bg-basic-emphasis-50-default: light-dark(
2300
- var(--db-yellow-9),
2301
- var(--db-yellow-5)
2302
- );
2303
- --db-yellow-on-bg-basic-emphasis-60-default: light-dark(
2304
- var(--db-yellow-10),
2305
- var(--db-yellow-6)
2306
- );
2307
- --db-yellow-on-bg-basic-emphasis-70-default: light-dark(
2308
- var(--db-yellow-7),
2309
- var(--db-yellow-8)
2310
- );
2311
- --db-yellow-on-bg-basic-emphasis-70-hovered: light-dark(
2312
- var(--db-yellow-4),
2313
- var(--db-yellow-10)
2314
- );
2315
- --db-yellow-on-bg-basic-emphasis-70-pressed: light-dark(
2316
- var(--db-yellow-6),
2317
- var(--db-yellow-9)
2318
- );
2319
- --db-yellow-on-bg-basic-emphasis-80-default: light-dark(
2320
- var(--db-yellow-6),
2321
- var(--db-yellow-9)
2322
- );
2323
- --db-yellow-on-bg-basic-emphasis-80-hovered: light-dark(
2324
- var(--db-yellow-3),
2325
- var(--db-yellow-12)
2326
- );
2327
- --db-yellow-on-bg-basic-emphasis-80-pressed: light-dark(
2328
- var(--db-yellow-5),
2329
- var(--db-yellow-10)
2330
- );
2331
- --db-yellow-on-bg-basic-emphasis-90-default: light-dark(
2332
- var(--db-yellow-4),
2333
- var(--db-yellow-10)
2334
- );
2335
- --db-yellow-on-bg-basic-emphasis-90-hovered: light-dark(
2336
- var(--db-yellow-0),
2337
- var(--db-yellow-14)
2338
- );
2339
- --db-yellow-on-bg-basic-emphasis-90-pressed: light-dark(
2340
- var(--db-yellow-3),
2341
- var(--db-yellow-11)
2342
- );
2343
- --db-yellow-on-bg-basic-emphasis-100-default: light-dark(
2344
- var(--db-yellow-1),
2345
- var(--db-yellow-12)
2346
- );
2347
- --db-yellow-on-bg-basic-emphasis-100-hovered: light-dark(
2348
- var(--db-yellow-5),
2349
- var(--db-yellow-9)
2350
- );
2351
- --db-yellow-on-bg-basic-emphasis-100-pressed: light-dark(
2352
- var(--db-yellow-2),
2353
- var(--db-yellow-11)
2354
- );
2355
- --db-yellow-on-bg-inverted-default: light-dark(
2356
- var(--db-yellow-14),
2357
- var(--db-yellow-3)
2358
- );
2359
- --db-yellow-on-bg-inverted-hovered: light-dark(
2360
- var(--db-yellow-11),
2361
- var(--db-yellow-0)
2362
- );
2363
- --db-yellow-on-bg-inverted-pressed: light-dark(
2364
- var(--db-yellow-13),
2365
- var(--db-yellow-2)
2366
- );
2367
- --db-yellow-on-bg-vibrant-default: light-dark(
2368
- var(--db-yellow-1),
2369
- var(--db-yellow-1)
2370
- );
2371
- --db-yellow-on-bg-vibrant-hovered: light-dark(
2372
- var(--db-yellow-4),
2373
- var(--db-yellow-4)
2374
- );
2375
- --db-yellow-on-bg-vibrant-pressed: light-dark(
2376
- var(--db-yellow-2),
2377
- var(--db-yellow-2)
2378
- );
2379
- --db-yellow-bg-basic-level-1-default: light-dark(
2380
- var(--db-yellow-14),
2381
- var(--db-yellow-1)
2382
- );
2383
- --db-yellow-bg-basic-level-1-hovered: light-dark(
2384
- var(--db-yellow-13),
2385
- var(--db-yellow-3)
2386
- );
2387
- --db-yellow-bg-basic-level-1-pressed: light-dark(
2388
- var(--db-yellow-12),
2389
- var(--db-yellow-4)
2390
- );
2391
- --db-yellow-bg-basic-level-2-default: light-dark(
2392
- var(--db-yellow-13),
2393
- var(--db-yellow-2)
2394
- );
2395
- --db-yellow-bg-basic-level-2-hovered: light-dark(
2396
- var(--db-yellow-12),
2397
- var(--db-yellow-4)
2398
- );
2399
- --db-yellow-bg-basic-level-2-pressed: light-dark(
2400
- var(--db-yellow-11),
2401
- var(--db-yellow-5)
2402
- );
2403
- --db-yellow-bg-basic-level-3-default: light-dark(
2404
- var(--db-yellow-12),
2405
- var(--db-yellow-3)
2406
- );
2407
- --db-yellow-bg-basic-level-3-hovered: light-dark(
2408
- var(--db-yellow-11),
2409
- var(--db-yellow-1)
2410
- );
2411
- --db-yellow-bg-basic-level-3-pressed: light-dark(
2412
- var(--db-yellow-10),
2413
- var(--db-yellow-0)
2414
- );
2415
- --db-yellow-bg-basic-transparent-full-default: light-dark(
2416
- color-mix(in srgb, transparent 100%, var(--db-yellow-6)),
2417
- color-mix(in srgb, transparent 100%, var(--db-yellow-9))
2418
- );
2419
- --db-yellow-bg-basic-transparent-semi-default: light-dark(
2420
- color-mix(in srgb, transparent 92%, var(--db-yellow-6)),
2421
- color-mix(in srgb, transparent 84%, var(--db-yellow-9))
2422
- );
2423
- --db-yellow-bg-basic-transparent-full-hovered: light-dark(
2424
- color-mix(in srgb, transparent 76%, var(--db-yellow-6)),
2425
- color-mix(in srgb, transparent 76%, var(--db-yellow-9))
2426
- );
2427
- --db-yellow-bg-basic-transparent-full-pressed: light-dark(
2428
- color-mix(in srgb, transparent 68%, var(--db-yellow-6)),
2429
- color-mix(in srgb, transparent 68%, var(--db-yellow-9))
2430
- );
2431
- --db-yellow-bg-basic-transparent-semi-hovered: light-dark(
2432
- color-mix(in srgb, transparent 76%, var(--db-yellow-6)),
2433
- color-mix(in srgb, transparent 76%, var(--db-yellow-9))
2434
- );
2435
- --db-yellow-bg-basic-transparent-semi-pressed: light-dark(
2436
- color-mix(in srgb, transparent 68%, var(--db-yellow-6)),
2437
- color-mix(in srgb, transparent 68%, var(--db-yellow-9))
2438
- );
2439
- --db-yellow-bg-inverted-contrast-max-default: light-dark(
2440
- var(--db-yellow-1),
2441
- var(--db-yellow-12)
2442
- );
2443
- --db-yellow-bg-inverted-contrast-max-hovered: light-dark(
2444
- var(--db-yellow-5),
2445
- var(--db-yellow-9)
2446
- );
2447
- --db-yellow-bg-inverted-contrast-max-pressed: light-dark(
2448
- var(--db-yellow-2),
2449
- var(--db-yellow-11)
2450
- );
2451
- --db-yellow-bg-inverted-contrast-high-default: light-dark(
2452
- var(--db-yellow-6),
2453
- var(--db-yellow-9)
2454
- );
2455
- --db-yellow-bg-inverted-contrast-high-hovered: light-dark(
2456
- var(--db-yellow-2),
2457
- var(--db-yellow-12)
2458
- );
2459
- --db-yellow-bg-inverted-contrast-high-pressed: light-dark(
2460
- var(--db-yellow-5),
2461
- var(--db-yellow-10)
2462
- );
2463
- --db-yellow-bg-inverted-contrast-low-default: light-dark(
2464
- var(--db-yellow-7),
2465
- var(--db-yellow-8)
2466
- );
2467
- --db-yellow-bg-inverted-contrast-low-hovered: light-dark(
2468
- var(--db-yellow-3),
2469
- var(--db-yellow-12)
2470
- );
2471
- --db-yellow-bg-inverted-contrast-low-pressed: light-dark(
2472
- var(--db-yellow-6),
2473
- var(--db-yellow-9)
2474
- );
2475
- --db-yellow-bg-vibrant-default: light-dark(
2476
- var(--db-yellow-9),
2477
- var(--db-yellow-9)
2478
- );
2479
- --db-yellow-bg-vibrant-hovered: light-dark(
2480
- var(--db-yellow-12),
2481
- var(--db-yellow-12)
2482
- );
2483
- --db-yellow-bg-vibrant-pressed: light-dark(
2484
- var(--db-yellow-10),
2485
- var(--db-yellow-10)
2486
- );
2487
- --db-orange-origin-default: light-dark(
2488
- var(--db-orange-origin-light-default),
2489
- var(--db-orange-origin-dark-default)
2490
- );
2491
- --db-orange-origin-hovered: light-dark(
2492
- var(--db-orange-origin-light-hovered),
2493
- var(--db-orange-origin-dark-hovered)
2494
- );
2495
- --db-orange-origin-pressed: light-dark(
2496
- var(--db-orange-origin-light-pressed),
2497
- var(--db-orange-origin-dark-pressed)
2498
- );
2499
- --db-orange-on-origin-default: light-dark(
2500
- var(--db-orange-on-origin-light-default),
2501
- var(--db-orange-on-origin-dark-default)
2502
- );
2503
- --db-orange-on-bg-basic-emphasis-50-default: light-dark(
2504
- var(--db-orange-9),
2505
- var(--db-orange-5)
2506
- );
2507
- --db-orange-on-bg-basic-emphasis-60-default: light-dark(
2508
- var(--db-orange-10),
2509
- var(--db-orange-6)
2510
- );
2511
- --db-orange-on-bg-basic-emphasis-70-default: light-dark(
2512
- var(--db-orange-7),
2513
- var(--db-orange-8)
2514
- );
2515
- --db-orange-on-bg-basic-emphasis-70-hovered: light-dark(
2516
- var(--db-orange-4),
2517
- var(--db-orange-10)
2518
- );
2519
- --db-orange-on-bg-basic-emphasis-70-pressed: light-dark(
2520
- var(--db-orange-6),
2521
- var(--db-orange-9)
2522
- );
2523
- --db-orange-on-bg-basic-emphasis-80-default: light-dark(
2524
- var(--db-orange-6),
2525
- var(--db-orange-9)
2526
- );
2527
- --db-orange-on-bg-basic-emphasis-80-hovered: light-dark(
2528
- var(--db-orange-3),
2529
- var(--db-orange-12)
2530
- );
2531
- --db-orange-on-bg-basic-emphasis-80-pressed: light-dark(
2532
- var(--db-orange-5),
2533
- var(--db-orange-10)
2534
- );
2535
- --db-orange-on-bg-basic-emphasis-90-default: light-dark(
2536
- var(--db-orange-4),
2537
- var(--db-orange-10)
2538
- );
2539
- --db-orange-on-bg-basic-emphasis-90-hovered: light-dark(
2540
- var(--db-orange-0),
2541
- var(--db-orange-14)
2542
- );
2543
- --db-orange-on-bg-basic-emphasis-90-pressed: light-dark(
2544
- var(--db-orange-3),
2545
- var(--db-orange-11)
2546
- );
2547
- --db-orange-on-bg-basic-emphasis-100-default: light-dark(
2548
- var(--db-orange-1),
2549
- var(--db-orange-12)
2550
- );
2551
- --db-orange-on-bg-basic-emphasis-100-hovered: light-dark(
2552
- var(--db-orange-5),
2553
- var(--db-orange-9)
2554
- );
2555
- --db-orange-on-bg-basic-emphasis-100-pressed: light-dark(
2556
- var(--db-orange-2),
2557
- var(--db-orange-11)
2558
- );
2559
- --db-orange-on-bg-inverted-default: light-dark(
2560
- var(--db-orange-14),
2561
- var(--db-orange-3)
2562
- );
2563
- --db-orange-on-bg-inverted-hovered: light-dark(
2564
- var(--db-orange-11),
2565
- var(--db-orange-0)
2566
- );
2567
- --db-orange-on-bg-inverted-pressed: light-dark(
2568
- var(--db-orange-13),
2569
- var(--db-orange-2)
2570
- );
2571
- --db-orange-on-bg-vibrant-default: light-dark(
2572
- var(--db-orange-1),
2573
- var(--db-orange-1)
2574
- );
2575
- --db-orange-on-bg-vibrant-hovered: light-dark(
2576
- var(--db-orange-4),
2577
- var(--db-orange-4)
2578
- );
2579
- --db-orange-on-bg-vibrant-pressed: light-dark(
2580
- var(--db-orange-2),
2581
- var(--db-orange-2)
2582
- );
2583
- --db-orange-bg-basic-level-1-default: light-dark(
2584
- var(--db-orange-14),
2585
- var(--db-orange-1)
2586
- );
2587
- --db-orange-bg-basic-level-1-hovered: light-dark(
2588
- var(--db-orange-13),
2589
- var(--db-orange-3)
2590
- );
2591
- --db-orange-bg-basic-level-1-pressed: light-dark(
2592
- var(--db-orange-12),
2593
- var(--db-orange-4)
2594
- );
2595
- --db-orange-bg-basic-level-2-default: light-dark(
2596
- var(--db-orange-13),
2597
- var(--db-orange-2)
2598
- );
2599
- --db-orange-bg-basic-level-2-hovered: light-dark(
2600
- var(--db-orange-12),
2601
- var(--db-orange-4)
2602
- );
2603
- --db-orange-bg-basic-level-2-pressed: light-dark(
2604
- var(--db-orange-11),
2605
- var(--db-orange-5)
2606
- );
2607
- --db-orange-bg-basic-level-3-default: light-dark(
2608
- var(--db-orange-12),
2609
- var(--db-orange-3)
2610
- );
2611
- --db-orange-bg-basic-level-3-hovered: light-dark(
2612
- var(--db-orange-11),
2613
- var(--db-orange-1)
2614
- );
2615
- --db-orange-bg-basic-level-3-pressed: light-dark(
2616
- var(--db-orange-10),
2617
- var(--db-orange-0)
2618
- );
2619
- --db-orange-bg-basic-transparent-full-default: light-dark(
2620
- color-mix(in srgb, transparent 100%, var(--db-orange-6)),
2621
- color-mix(in srgb, transparent 100%, var(--db-orange-9))
2622
- );
2623
- --db-orange-bg-basic-transparent-semi-default: light-dark(
2624
- color-mix(in srgb, transparent 92%, var(--db-orange-6)),
2625
- color-mix(in srgb, transparent 84%, var(--db-orange-9))
2626
- );
2627
- --db-orange-bg-basic-transparent-full-hovered: light-dark(
2628
- color-mix(in srgb, transparent 76%, var(--db-orange-6)),
2629
- color-mix(in srgb, transparent 76%, var(--db-orange-9))
2630
- );
2631
- --db-orange-bg-basic-transparent-full-pressed: light-dark(
2632
- color-mix(in srgb, transparent 68%, var(--db-orange-6)),
2633
- color-mix(in srgb, transparent 68%, var(--db-orange-9))
2634
- );
2635
- --db-orange-bg-basic-transparent-semi-hovered: light-dark(
2636
- color-mix(in srgb, transparent 76%, var(--db-orange-6)),
2637
- color-mix(in srgb, transparent 76%, var(--db-orange-9))
2638
- );
2639
- --db-orange-bg-basic-transparent-semi-pressed: light-dark(
2640
- color-mix(in srgb, transparent 68%, var(--db-orange-6)),
2641
- color-mix(in srgb, transparent 68%, var(--db-orange-9))
2642
- );
2643
- --db-orange-bg-inverted-contrast-max-default: light-dark(
2644
- var(--db-orange-1),
2645
- var(--db-orange-12)
2646
- );
2647
- --db-orange-bg-inverted-contrast-max-hovered: light-dark(
2648
- var(--db-orange-5),
2649
- var(--db-orange-9)
2650
- );
2651
- --db-orange-bg-inverted-contrast-max-pressed: light-dark(
2652
- var(--db-orange-2),
2653
- var(--db-orange-11)
2654
- );
2655
- --db-orange-bg-inverted-contrast-high-default: light-dark(
2656
- var(--db-orange-6),
2657
- var(--db-orange-9)
2658
- );
2659
- --db-orange-bg-inverted-contrast-high-hovered: light-dark(
2660
- var(--db-orange-2),
2661
- var(--db-orange-12)
2662
- );
2663
- --db-orange-bg-inverted-contrast-high-pressed: light-dark(
2664
- var(--db-orange-5),
2665
- var(--db-orange-10)
2666
- );
2667
- --db-orange-bg-inverted-contrast-low-default: light-dark(
2668
- var(--db-orange-7),
2669
- var(--db-orange-8)
2670
- );
2671
- --db-orange-bg-inverted-contrast-low-hovered: light-dark(
2672
- var(--db-orange-3),
2673
- var(--db-orange-12)
2674
- );
2675
- --db-orange-bg-inverted-contrast-low-pressed: light-dark(
2676
- var(--db-orange-6),
2677
- var(--db-orange-9)
2678
- );
2679
- --db-orange-bg-vibrant-default: light-dark(
2680
- var(--db-orange-9),
2681
- var(--db-orange-9)
2682
- );
2683
- --db-orange-bg-vibrant-hovered: light-dark(
2684
- var(--db-orange-12),
2685
- var(--db-orange-12)
2686
- );
2687
- --db-orange-bg-vibrant-pressed: light-dark(
2688
- var(--db-orange-10),
2689
- var(--db-orange-10)
2690
- );
2691
- --db-red-origin-default: light-dark(
2692
- var(--db-red-origin-light-default),
2693
- var(--db-red-origin-dark-default)
2694
- );
2695
- --db-red-origin-hovered: light-dark(
2696
- var(--db-red-origin-light-hovered),
2697
- var(--db-red-origin-dark-hovered)
2698
- );
2699
- --db-red-origin-pressed: light-dark(
2700
- var(--db-red-origin-light-pressed),
2701
- var(--db-red-origin-dark-pressed)
2702
- );
2703
- --db-red-on-origin-default: light-dark(
2704
- var(--db-red-on-origin-light-default),
2705
- var(--db-red-on-origin-dark-default)
2706
- );
2707
- --db-red-on-bg-basic-emphasis-50-default: light-dark(
2708
- var(--db-red-9),
2709
- var(--db-red-5)
2710
- );
2711
- --db-red-on-bg-basic-emphasis-60-default: light-dark(
2712
- var(--db-red-10),
2713
- var(--db-red-6)
2714
- );
2715
- --db-red-on-bg-basic-emphasis-70-default: light-dark(
2716
- var(--db-red-7),
2717
- var(--db-red-8)
2718
- );
2719
- --db-red-on-bg-basic-emphasis-70-hovered: light-dark(
2720
- var(--db-red-4),
2721
- var(--db-red-10)
2722
- );
2723
- --db-red-on-bg-basic-emphasis-70-pressed: light-dark(
2724
- var(--db-red-6),
2725
- var(--db-red-9)
2726
- );
2727
- --db-red-on-bg-basic-emphasis-80-default: light-dark(
2728
- var(--db-red-6),
2729
- var(--db-red-9)
2730
- );
2731
- --db-red-on-bg-basic-emphasis-80-hovered: light-dark(
2732
- var(--db-red-3),
2733
- var(--db-red-12)
2734
- );
2735
- --db-red-on-bg-basic-emphasis-80-pressed: light-dark(
2736
- var(--db-red-5),
2737
- var(--db-red-10)
2738
- );
2739
- --db-red-on-bg-basic-emphasis-90-default: light-dark(
2740
- var(--db-red-4),
2741
- var(--db-red-10)
2742
- );
2743
- --db-red-on-bg-basic-emphasis-90-hovered: light-dark(
2744
- var(--db-red-0),
2745
- var(--db-red-14)
2746
- );
2747
- --db-red-on-bg-basic-emphasis-90-pressed: light-dark(
2748
- var(--db-red-3),
2749
- var(--db-red-11)
2750
- );
2751
- --db-red-on-bg-basic-emphasis-100-default: light-dark(
2752
- var(--db-red-1),
2753
- var(--db-red-12)
2754
- );
2755
- --db-red-on-bg-basic-emphasis-100-hovered: light-dark(
2756
- var(--db-red-5),
2757
- var(--db-red-9)
2758
- );
2759
- --db-red-on-bg-basic-emphasis-100-pressed: light-dark(
2760
- var(--db-red-2),
2761
- var(--db-red-11)
2762
- );
2763
- --db-red-on-bg-inverted-default: light-dark(
2764
- var(--db-red-14),
2765
- var(--db-red-3)
2766
- );
2767
- --db-red-on-bg-inverted-hovered: light-dark(
2768
- var(--db-red-11),
2769
- var(--db-red-0)
2770
- );
2771
- --db-red-on-bg-inverted-pressed: light-dark(
2772
- var(--db-red-13),
2773
- var(--db-red-2)
2774
- );
2775
- --db-red-on-bg-vibrant-default: light-dark(
2776
- var(--db-red-1),
2777
- var(--db-red-1)
2778
- );
2779
- --db-red-on-bg-vibrant-hovered: light-dark(
2780
- var(--db-red-4),
2781
- var(--db-red-4)
2782
- );
2783
- --db-red-on-bg-vibrant-pressed: light-dark(
2784
- var(--db-red-2),
2785
- var(--db-red-2)
2786
- );
2787
- --db-red-bg-basic-level-1-default: light-dark(
2788
- var(--db-red-14),
2789
- var(--db-red-1)
2790
- );
2791
- --db-red-bg-basic-level-1-hovered: light-dark(
2792
- var(--db-red-13),
2793
- var(--db-red-3)
2794
- );
2795
- --db-red-bg-basic-level-1-pressed: light-dark(
2796
- var(--db-red-12),
2797
- var(--db-red-4)
2798
- );
2799
- --db-red-bg-basic-level-2-default: light-dark(
2800
- var(--db-red-13),
2801
- var(--db-red-2)
2802
- );
2803
- --db-red-bg-basic-level-2-hovered: light-dark(
2804
- var(--db-red-12),
2805
- var(--db-red-4)
2806
- );
2807
- --db-red-bg-basic-level-2-pressed: light-dark(
2808
- var(--db-red-11),
2809
- var(--db-red-5)
2810
- );
2811
- --db-red-bg-basic-level-3-default: light-dark(
2812
- var(--db-red-12),
2813
- var(--db-red-3)
2814
- );
2815
- --db-red-bg-basic-level-3-hovered: light-dark(
2816
- var(--db-red-11),
2817
- var(--db-red-1)
2818
- );
2819
- --db-red-bg-basic-level-3-pressed: light-dark(
2820
- var(--db-red-10),
2821
- var(--db-red-0)
2822
- );
2823
- --db-red-bg-basic-transparent-full-default: light-dark(
2824
- color-mix(in srgb, transparent 100%, var(--db-red-6)),
2825
- color-mix(in srgb, transparent 100%, var(--db-red-9))
2826
- );
2827
- --db-red-bg-basic-transparent-semi-default: light-dark(
2828
- color-mix(in srgb, transparent 92%, var(--db-red-6)),
2829
- color-mix(in srgb, transparent 84%, var(--db-red-9))
2830
- );
2831
- --db-red-bg-basic-transparent-full-hovered: light-dark(
2832
- color-mix(in srgb, transparent 76%, var(--db-red-6)),
2833
- color-mix(in srgb, transparent 76%, var(--db-red-9))
2834
- );
2835
- --db-red-bg-basic-transparent-full-pressed: light-dark(
2836
- color-mix(in srgb, transparent 68%, var(--db-red-6)),
2837
- color-mix(in srgb, transparent 68%, var(--db-red-9))
2838
- );
2839
- --db-red-bg-basic-transparent-semi-hovered: light-dark(
2840
- color-mix(in srgb, transparent 76%, var(--db-red-6)),
2841
- color-mix(in srgb, transparent 76%, var(--db-red-9))
2842
- );
2843
- --db-red-bg-basic-transparent-semi-pressed: light-dark(
2844
- color-mix(in srgb, transparent 68%, var(--db-red-6)),
2845
- color-mix(in srgb, transparent 68%, var(--db-red-9))
2846
- );
2847
- --db-red-bg-inverted-contrast-max-default: light-dark(
2848
- var(--db-red-1),
2849
- var(--db-red-12)
2850
- );
2851
- --db-red-bg-inverted-contrast-max-hovered: light-dark(
2852
- var(--db-red-5),
2853
- var(--db-red-9)
2854
- );
2855
- --db-red-bg-inverted-contrast-max-pressed: light-dark(
2856
- var(--db-red-2),
2857
- var(--db-red-11)
2858
- );
2859
- --db-red-bg-inverted-contrast-high-default: light-dark(
2860
- var(--db-red-6),
2861
- var(--db-red-9)
2862
- );
2863
- --db-red-bg-inverted-contrast-high-hovered: light-dark(
2864
- var(--db-red-2),
2865
- var(--db-red-12)
2866
- );
2867
- --db-red-bg-inverted-contrast-high-pressed: light-dark(
2868
- var(--db-red-5),
2869
- var(--db-red-10)
2870
- );
2871
- --db-red-bg-inverted-contrast-low-default: light-dark(
2872
- var(--db-red-7),
2873
- var(--db-red-8)
2874
- );
2875
- --db-red-bg-inverted-contrast-low-hovered: light-dark(
2876
- var(--db-red-3),
2877
- var(--db-red-12)
2878
- );
2879
- --db-red-bg-inverted-contrast-low-pressed: light-dark(
2880
- var(--db-red-6),
2881
- var(--db-red-9)
2882
- );
2883
- --db-red-bg-vibrant-default: light-dark(
2884
- var(--db-red-9),
2885
- var(--db-red-9)
2886
- );
2887
- --db-red-bg-vibrant-hovered: light-dark(
2888
- var(--db-red-12),
2889
- var(--db-red-12)
2890
- );
2891
- --db-red-bg-vibrant-pressed: light-dark(
2892
- var(--db-red-10),
2893
- var(--db-red-10)
2894
- );
2895
- --db-pink-origin-default: light-dark(
2896
- var(--db-pink-origin-light-default),
2897
- var(--db-pink-origin-dark-default)
2898
- );
2899
- --db-pink-origin-hovered: light-dark(
2900
- var(--db-pink-origin-light-hovered),
2901
- var(--db-pink-origin-dark-hovered)
2902
- );
2903
- --db-pink-origin-pressed: light-dark(
2904
- var(--db-pink-origin-light-pressed),
2905
- var(--db-pink-origin-dark-pressed)
2906
- );
2907
- --db-pink-on-origin-default: light-dark(
2908
- var(--db-pink-on-origin-light-default),
2909
- var(--db-pink-on-origin-dark-default)
2910
- );
2911
- --db-pink-on-bg-basic-emphasis-50-default: light-dark(
2912
- var(--db-pink-9),
2913
- var(--db-pink-5)
2914
- );
2915
- --db-pink-on-bg-basic-emphasis-60-default: light-dark(
2916
- var(--db-pink-10),
2917
- var(--db-pink-6)
2918
- );
2919
- --db-pink-on-bg-basic-emphasis-70-default: light-dark(
2920
- var(--db-pink-7),
2921
- var(--db-pink-8)
2922
- );
2923
- --db-pink-on-bg-basic-emphasis-70-hovered: light-dark(
2924
- var(--db-pink-4),
2925
- var(--db-pink-10)
2926
- );
2927
- --db-pink-on-bg-basic-emphasis-70-pressed: light-dark(
2928
- var(--db-pink-6),
2929
- var(--db-pink-9)
2930
- );
2931
- --db-pink-on-bg-basic-emphasis-80-default: light-dark(
2932
- var(--db-pink-6),
2933
- var(--db-pink-9)
2934
- );
2935
- --db-pink-on-bg-basic-emphasis-80-hovered: light-dark(
2936
- var(--db-pink-3),
2937
- var(--db-pink-12)
2938
- );
2939
- --db-pink-on-bg-basic-emphasis-80-pressed: light-dark(
2940
- var(--db-pink-5),
2941
- var(--db-pink-10)
2942
- );
2943
- --db-pink-on-bg-basic-emphasis-90-default: light-dark(
2944
- var(--db-pink-4),
2945
- var(--db-pink-10)
2946
- );
2947
- --db-pink-on-bg-basic-emphasis-90-hovered: light-dark(
2948
- var(--db-pink-0),
2949
- var(--db-pink-14)
2950
- );
2951
- --db-pink-on-bg-basic-emphasis-90-pressed: light-dark(
2952
- var(--db-pink-3),
2953
- var(--db-pink-11)
2954
- );
2955
- --db-pink-on-bg-basic-emphasis-100-default: light-dark(
2956
- var(--db-pink-1),
2957
- var(--db-pink-12)
2958
- );
2959
- --db-pink-on-bg-basic-emphasis-100-hovered: light-dark(
2960
- var(--db-pink-5),
2961
- var(--db-pink-9)
2962
- );
2963
- --db-pink-on-bg-basic-emphasis-100-pressed: light-dark(
2964
- var(--db-pink-2),
2965
- var(--db-pink-11)
2966
- );
2967
- --db-pink-on-bg-inverted-default: light-dark(
2968
- var(--db-pink-14),
2969
- var(--db-pink-3)
2970
- );
2971
- --db-pink-on-bg-inverted-hovered: light-dark(
2972
- var(--db-pink-11),
2973
- var(--db-pink-0)
2974
- );
2975
- --db-pink-on-bg-inverted-pressed: light-dark(
2976
- var(--db-pink-13),
2977
- var(--db-pink-2)
2978
- );
2979
- --db-pink-on-bg-vibrant-default: light-dark(
2980
- var(--db-pink-1),
2981
- var(--db-pink-1)
2982
- );
2983
- --db-pink-on-bg-vibrant-hovered: light-dark(
2984
- var(--db-pink-4),
2985
- var(--db-pink-4)
2986
- );
2987
- --db-pink-on-bg-vibrant-pressed: light-dark(
2988
- var(--db-pink-2),
2989
- var(--db-pink-2)
2990
- );
2991
- --db-pink-bg-basic-level-1-default: light-dark(
2992
- var(--db-pink-14),
2993
- var(--db-pink-1)
2994
- );
2995
- --db-pink-bg-basic-level-1-hovered: light-dark(
2996
- var(--db-pink-13),
2997
- var(--db-pink-3)
2998
- );
2999
- --db-pink-bg-basic-level-1-pressed: light-dark(
3000
- var(--db-pink-12),
3001
- var(--db-pink-4)
3002
- );
3003
- --db-pink-bg-basic-level-2-default: light-dark(
3004
- var(--db-pink-13),
3005
- var(--db-pink-2)
3006
- );
3007
- --db-pink-bg-basic-level-2-hovered: light-dark(
3008
- var(--db-pink-12),
3009
- var(--db-pink-4)
3010
- );
3011
- --db-pink-bg-basic-level-2-pressed: light-dark(
3012
- var(--db-pink-11),
3013
- var(--db-pink-5)
3014
- );
3015
- --db-pink-bg-basic-level-3-default: light-dark(
3016
- var(--db-pink-12),
3017
- var(--db-pink-3)
3018
- );
3019
- --db-pink-bg-basic-level-3-hovered: light-dark(
3020
- var(--db-pink-11),
3021
- var(--db-pink-1)
3022
- );
3023
- --db-pink-bg-basic-level-3-pressed: light-dark(
3024
- var(--db-pink-10),
3025
- var(--db-pink-0)
3026
- );
3027
- --db-pink-bg-basic-transparent-full-default: light-dark(
3028
- color-mix(in srgb, transparent 100%, var(--db-pink-6)),
3029
- color-mix(in srgb, transparent 100%, var(--db-pink-9))
3030
- );
3031
- --db-pink-bg-basic-transparent-semi-default: light-dark(
3032
- color-mix(in srgb, transparent 92%, var(--db-pink-6)),
3033
- color-mix(in srgb, transparent 84%, var(--db-pink-9))
3034
- );
3035
- --db-pink-bg-basic-transparent-full-hovered: light-dark(
3036
- color-mix(in srgb, transparent 76%, var(--db-pink-6)),
3037
- color-mix(in srgb, transparent 76%, var(--db-pink-9))
3038
- );
3039
- --db-pink-bg-basic-transparent-full-pressed: light-dark(
3040
- color-mix(in srgb, transparent 68%, var(--db-pink-6)),
3041
- color-mix(in srgb, transparent 68%, var(--db-pink-9))
3042
- );
3043
- --db-pink-bg-basic-transparent-semi-hovered: light-dark(
3044
- color-mix(in srgb, transparent 76%, var(--db-pink-6)),
3045
- color-mix(in srgb, transparent 76%, var(--db-pink-9))
3046
- );
3047
- --db-pink-bg-basic-transparent-semi-pressed: light-dark(
3048
- color-mix(in srgb, transparent 68%, var(--db-pink-6)),
3049
- color-mix(in srgb, transparent 68%, var(--db-pink-9))
3050
- );
3051
- --db-pink-bg-inverted-contrast-max-default: light-dark(
3052
- var(--db-pink-1),
3053
- var(--db-pink-12)
3054
- );
3055
- --db-pink-bg-inverted-contrast-max-hovered: light-dark(
3056
- var(--db-pink-5),
3057
- var(--db-pink-9)
3058
- );
3059
- --db-pink-bg-inverted-contrast-max-pressed: light-dark(
3060
- var(--db-pink-2),
3061
- var(--db-pink-11)
3062
- );
3063
- --db-pink-bg-inverted-contrast-high-default: light-dark(
3064
- var(--db-pink-6),
3065
- var(--db-pink-9)
3066
- );
3067
- --db-pink-bg-inverted-contrast-high-hovered: light-dark(
3068
- var(--db-pink-2),
3069
- var(--db-pink-12)
3070
- );
3071
- --db-pink-bg-inverted-contrast-high-pressed: light-dark(
3072
- var(--db-pink-5),
3073
- var(--db-pink-10)
3074
- );
3075
- --db-pink-bg-inverted-contrast-low-default: light-dark(
3076
- var(--db-pink-7),
3077
- var(--db-pink-8)
3078
- );
3079
- --db-pink-bg-inverted-contrast-low-hovered: light-dark(
3080
- var(--db-pink-3),
3081
- var(--db-pink-12)
3082
- );
3083
- --db-pink-bg-inverted-contrast-low-pressed: light-dark(
3084
- var(--db-pink-6),
3085
- var(--db-pink-9)
3086
- );
3087
- --db-pink-bg-vibrant-default: light-dark(
3088
- var(--db-pink-9),
3089
- var(--db-pink-9)
3090
- );
3091
- --db-pink-bg-vibrant-hovered: light-dark(
3092
- var(--db-pink-12),
3093
- var(--db-pink-12)
3094
- );
3095
- --db-pink-bg-vibrant-pressed: light-dark(
3096
- var(--db-pink-10),
3097
- var(--db-pink-10)
3098
- );
3099
- --db-violet-origin-default: light-dark(
3100
- var(--db-violet-origin-light-default),
3101
- var(--db-violet-origin-dark-default)
3102
- );
3103
- --db-violet-origin-hovered: light-dark(
3104
- var(--db-violet-origin-light-hovered),
3105
- var(--db-violet-origin-dark-hovered)
3106
- );
3107
- --db-violet-origin-pressed: light-dark(
3108
- var(--db-violet-origin-light-pressed),
3109
- var(--db-violet-origin-dark-pressed)
3110
- );
3111
- --db-violet-on-origin-default: light-dark(
3112
- var(--db-violet-on-origin-light-default),
3113
- var(--db-violet-on-origin-dark-default)
3114
- );
3115
- --db-violet-on-bg-basic-emphasis-50-default: light-dark(
3116
- var(--db-violet-9),
3117
- var(--db-violet-5)
3118
- );
3119
- --db-violet-on-bg-basic-emphasis-60-default: light-dark(
3120
- var(--db-violet-10),
3121
- var(--db-violet-6)
3122
- );
3123
- --db-violet-on-bg-basic-emphasis-70-default: light-dark(
3124
- var(--db-violet-7),
3125
- var(--db-violet-8)
3126
- );
3127
- --db-violet-on-bg-basic-emphasis-70-hovered: light-dark(
3128
- var(--db-violet-4),
3129
- var(--db-violet-10)
3130
- );
3131
- --db-violet-on-bg-basic-emphasis-70-pressed: light-dark(
3132
- var(--db-violet-6),
3133
- var(--db-violet-9)
3134
- );
3135
- --db-violet-on-bg-basic-emphasis-80-default: light-dark(
3136
- var(--db-violet-6),
3137
- var(--db-violet-9)
3138
- );
3139
- --db-violet-on-bg-basic-emphasis-80-hovered: light-dark(
3140
- var(--db-violet-3),
3141
- var(--db-violet-12)
3142
- );
3143
- --db-violet-on-bg-basic-emphasis-80-pressed: light-dark(
3144
- var(--db-violet-5),
3145
- var(--db-violet-10)
3146
- );
3147
- --db-violet-on-bg-basic-emphasis-90-default: light-dark(
3148
- var(--db-violet-4),
3149
- var(--db-violet-10)
3150
- );
3151
- --db-violet-on-bg-basic-emphasis-90-hovered: light-dark(
3152
- var(--db-violet-0),
3153
- var(--db-violet-14)
3154
- );
3155
- --db-violet-on-bg-basic-emphasis-90-pressed: light-dark(
3156
- var(--db-violet-3),
3157
- var(--db-violet-11)
3158
- );
3159
- --db-violet-on-bg-basic-emphasis-100-default: light-dark(
3160
- var(--db-violet-1),
3161
- var(--db-violet-12)
3162
- );
3163
- --db-violet-on-bg-basic-emphasis-100-hovered: light-dark(
3164
- var(--db-violet-5),
3165
- var(--db-violet-9)
3166
- );
3167
- --db-violet-on-bg-basic-emphasis-100-pressed: light-dark(
3168
- var(--db-violet-2),
3169
- var(--db-violet-11)
3170
- );
3171
- --db-violet-on-bg-inverted-default: light-dark(
3172
- var(--db-violet-14),
3173
- var(--db-violet-3)
3174
- );
3175
- --db-violet-on-bg-inverted-hovered: light-dark(
3176
- var(--db-violet-11),
3177
- var(--db-violet-0)
3178
- );
3179
- --db-violet-on-bg-inverted-pressed: light-dark(
3180
- var(--db-violet-13),
3181
- var(--db-violet-2)
3182
- );
3183
- --db-violet-on-bg-vibrant-default: light-dark(
3184
- var(--db-violet-1),
3185
- var(--db-violet-1)
3186
- );
3187
- --db-violet-on-bg-vibrant-hovered: light-dark(
3188
- var(--db-violet-4),
3189
- var(--db-violet-4)
3190
- );
3191
- --db-violet-on-bg-vibrant-pressed: light-dark(
3192
- var(--db-violet-2),
3193
- var(--db-violet-2)
3194
- );
3195
- --db-violet-bg-basic-level-1-default: light-dark(
3196
- var(--db-violet-14),
3197
- var(--db-violet-1)
3198
- );
3199
- --db-violet-bg-basic-level-1-hovered: light-dark(
3200
- var(--db-violet-13),
3201
- var(--db-violet-3)
3202
- );
3203
- --db-violet-bg-basic-level-1-pressed: light-dark(
3204
- var(--db-violet-12),
3205
- var(--db-violet-4)
3206
- );
3207
- --db-violet-bg-basic-level-2-default: light-dark(
3208
- var(--db-violet-13),
3209
- var(--db-violet-2)
3210
- );
3211
- --db-violet-bg-basic-level-2-hovered: light-dark(
3212
- var(--db-violet-12),
3213
- var(--db-violet-4)
3214
- );
3215
- --db-violet-bg-basic-level-2-pressed: light-dark(
3216
- var(--db-violet-11),
3217
- var(--db-violet-5)
3218
- );
3219
- --db-violet-bg-basic-level-3-default: light-dark(
3220
- var(--db-violet-12),
3221
- var(--db-violet-3)
3222
- );
3223
- --db-violet-bg-basic-level-3-hovered: light-dark(
3224
- var(--db-violet-11),
3225
- var(--db-violet-1)
3226
- );
3227
- --db-violet-bg-basic-level-3-pressed: light-dark(
3228
- var(--db-violet-10),
3229
- var(--db-violet-0)
3230
- );
3231
- --db-violet-bg-basic-transparent-full-default: light-dark(
3232
- color-mix(in srgb, transparent 100%, var(--db-violet-6)),
3233
- color-mix(in srgb, transparent 100%, var(--db-violet-9))
3234
- );
3235
- --db-violet-bg-basic-transparent-semi-default: light-dark(
3236
- color-mix(in srgb, transparent 92%, var(--db-violet-6)),
3237
- color-mix(in srgb, transparent 84%, var(--db-violet-9))
3238
- );
3239
- --db-violet-bg-basic-transparent-full-hovered: light-dark(
3240
- color-mix(in srgb, transparent 76%, var(--db-violet-6)),
3241
- color-mix(in srgb, transparent 76%, var(--db-violet-9))
3242
- );
3243
- --db-violet-bg-basic-transparent-full-pressed: light-dark(
3244
- color-mix(in srgb, transparent 68%, var(--db-violet-6)),
3245
- color-mix(in srgb, transparent 68%, var(--db-violet-9))
3246
- );
3247
- --db-violet-bg-basic-transparent-semi-hovered: light-dark(
3248
- color-mix(in srgb, transparent 76%, var(--db-violet-6)),
3249
- color-mix(in srgb, transparent 76%, var(--db-violet-9))
3250
- );
3251
- --db-violet-bg-basic-transparent-semi-pressed: light-dark(
3252
- color-mix(in srgb, transparent 68%, var(--db-violet-6)),
3253
- color-mix(in srgb, transparent 68%, var(--db-violet-9))
3254
- );
3255
- --db-violet-bg-inverted-contrast-max-default: light-dark(
3256
- var(--db-violet-1),
3257
- var(--db-violet-12)
3258
- );
3259
- --db-violet-bg-inverted-contrast-max-hovered: light-dark(
3260
- var(--db-violet-5),
3261
- var(--db-violet-9)
3262
- );
3263
- --db-violet-bg-inverted-contrast-max-pressed: light-dark(
3264
- var(--db-violet-2),
3265
- var(--db-violet-11)
3266
- );
3267
- --db-violet-bg-inverted-contrast-high-default: light-dark(
3268
- var(--db-violet-6),
3269
- var(--db-violet-9)
3270
- );
3271
- --db-violet-bg-inverted-contrast-high-hovered: light-dark(
3272
- var(--db-violet-2),
3273
- var(--db-violet-12)
3274
- );
3275
- --db-violet-bg-inverted-contrast-high-pressed: light-dark(
3276
- var(--db-violet-5),
3277
- var(--db-violet-10)
3278
- );
3279
- --db-violet-bg-inverted-contrast-low-default: light-dark(
3280
- var(--db-violet-7),
3281
- var(--db-violet-8)
3282
- );
3283
- --db-violet-bg-inverted-contrast-low-hovered: light-dark(
3284
- var(--db-violet-3),
3285
- var(--db-violet-12)
3286
- );
3287
- --db-violet-bg-inverted-contrast-low-pressed: light-dark(
3288
- var(--db-violet-6),
3289
- var(--db-violet-9)
3290
- );
3291
- --db-violet-bg-vibrant-default: light-dark(
3292
- var(--db-violet-9),
3293
- var(--db-violet-9)
3294
- );
3295
- --db-violet-bg-vibrant-hovered: light-dark(
3296
- var(--db-violet-12),
3297
- var(--db-violet-12)
3298
- );
3299
- --db-violet-bg-vibrant-pressed: light-dark(
3300
- var(--db-violet-10),
3301
- var(--db-violet-10)
3302
- );
3303
- --db-blue-origin-default: light-dark(
3304
- var(--db-blue-origin-light-default),
3305
- var(--db-blue-origin-dark-default)
3306
- );
3307
- --db-blue-origin-hovered: light-dark(
3308
- var(--db-blue-origin-light-hovered),
3309
- var(--db-blue-origin-dark-hovered)
3310
- );
3311
- --db-blue-origin-pressed: light-dark(
3312
- var(--db-blue-origin-light-pressed),
3313
- var(--db-blue-origin-dark-pressed)
3314
- );
3315
- --db-blue-on-origin-default: light-dark(
3316
- var(--db-blue-on-origin-light-default),
3317
- var(--db-blue-on-origin-dark-default)
3318
- );
3319
- --db-blue-on-bg-basic-emphasis-50-default: light-dark(
3320
- var(--db-blue-9),
3321
- var(--db-blue-5)
3322
- );
3323
- --db-blue-on-bg-basic-emphasis-60-default: light-dark(
3324
- var(--db-blue-10),
3325
- var(--db-blue-6)
3326
- );
3327
- --db-blue-on-bg-basic-emphasis-70-default: light-dark(
3328
- var(--db-blue-7),
3329
- var(--db-blue-8)
3330
- );
3331
- --db-blue-on-bg-basic-emphasis-70-hovered: light-dark(
3332
- var(--db-blue-4),
3333
- var(--db-blue-10)
3334
- );
3335
- --db-blue-on-bg-basic-emphasis-70-pressed: light-dark(
3336
- var(--db-blue-6),
3337
- var(--db-blue-9)
3338
- );
3339
- --db-blue-on-bg-basic-emphasis-80-default: light-dark(
3340
- var(--db-blue-6),
3341
- var(--db-blue-9)
3342
- );
3343
- --db-blue-on-bg-basic-emphasis-80-hovered: light-dark(
3344
- var(--db-blue-3),
3345
- var(--db-blue-12)
3346
- );
3347
- --db-blue-on-bg-basic-emphasis-80-pressed: light-dark(
3348
- var(--db-blue-5),
3349
- var(--db-blue-10)
3350
- );
3351
- --db-blue-on-bg-basic-emphasis-90-default: light-dark(
3352
- var(--db-blue-4),
3353
- var(--db-blue-10)
3354
- );
3355
- --db-blue-on-bg-basic-emphasis-90-hovered: light-dark(
3356
- var(--db-blue-0),
3357
- var(--db-blue-14)
3358
- );
3359
- --db-blue-on-bg-basic-emphasis-90-pressed: light-dark(
3360
- var(--db-blue-3),
3361
- var(--db-blue-11)
3362
- );
3363
- --db-blue-on-bg-basic-emphasis-100-default: light-dark(
3364
- var(--db-blue-1),
3365
- var(--db-blue-12)
3366
- );
3367
- --db-blue-on-bg-basic-emphasis-100-hovered: light-dark(
3368
- var(--db-blue-5),
3369
- var(--db-blue-9)
3370
- );
3371
- --db-blue-on-bg-basic-emphasis-100-pressed: light-dark(
3372
- var(--db-blue-2),
3373
- var(--db-blue-11)
3374
- );
3375
- --db-blue-on-bg-inverted-default: light-dark(
3376
- var(--db-blue-14),
3377
- var(--db-blue-3)
3378
- );
3379
- --db-blue-on-bg-inverted-hovered: light-dark(
3380
- var(--db-blue-11),
3381
- var(--db-blue-0)
3382
- );
3383
- --db-blue-on-bg-inverted-pressed: light-dark(
3384
- var(--db-blue-13),
3385
- var(--db-blue-2)
3386
- );
3387
- --db-blue-on-bg-vibrant-default: light-dark(
3388
- var(--db-blue-1),
3389
- var(--db-blue-1)
3390
- );
3391
- --db-blue-on-bg-vibrant-hovered: light-dark(
3392
- var(--db-blue-4),
3393
- var(--db-blue-4)
3394
- );
3395
- --db-blue-on-bg-vibrant-pressed: light-dark(
3396
- var(--db-blue-2),
3397
- var(--db-blue-2)
3398
- );
3399
- --db-blue-bg-basic-level-1-default: light-dark(
3400
- var(--db-blue-14),
3401
- var(--db-blue-1)
3402
- );
3403
- --db-blue-bg-basic-level-1-hovered: light-dark(
3404
- var(--db-blue-13),
3405
- var(--db-blue-3)
3406
- );
3407
- --db-blue-bg-basic-level-1-pressed: light-dark(
3408
- var(--db-blue-12),
3409
- var(--db-blue-4)
3410
- );
3411
- --db-blue-bg-basic-level-2-default: light-dark(
3412
- var(--db-blue-13),
3413
- var(--db-blue-2)
3414
- );
3415
- --db-blue-bg-basic-level-2-hovered: light-dark(
3416
- var(--db-blue-12),
3417
- var(--db-blue-4)
3418
- );
3419
- --db-blue-bg-basic-level-2-pressed: light-dark(
3420
- var(--db-blue-11),
3421
- var(--db-blue-5)
3422
- );
3423
- --db-blue-bg-basic-level-3-default: light-dark(
3424
- var(--db-blue-12),
3425
- var(--db-blue-3)
3426
- );
3427
- --db-blue-bg-basic-level-3-hovered: light-dark(
3428
- var(--db-blue-11),
3429
- var(--db-blue-1)
3430
- );
3431
- --db-blue-bg-basic-level-3-pressed: light-dark(
3432
- var(--db-blue-10),
3433
- var(--db-blue-0)
3434
- );
3435
- --db-blue-bg-basic-transparent-full-default: light-dark(
3436
- color-mix(in srgb, transparent 100%, var(--db-blue-6)),
3437
- color-mix(in srgb, transparent 100%, var(--db-blue-9))
3438
- );
3439
- --db-blue-bg-basic-transparent-semi-default: light-dark(
3440
- color-mix(in srgb, transparent 92%, var(--db-blue-6)),
3441
- color-mix(in srgb, transparent 84%, var(--db-blue-9))
3442
- );
3443
- --db-blue-bg-basic-transparent-full-hovered: light-dark(
3444
- color-mix(in srgb, transparent 76%, var(--db-blue-6)),
3445
- color-mix(in srgb, transparent 76%, var(--db-blue-9))
3446
- );
3447
- --db-blue-bg-basic-transparent-full-pressed: light-dark(
3448
- color-mix(in srgb, transparent 68%, var(--db-blue-6)),
3449
- color-mix(in srgb, transparent 68%, var(--db-blue-9))
3450
- );
3451
- --db-blue-bg-basic-transparent-semi-hovered: light-dark(
3452
- color-mix(in srgb, transparent 76%, var(--db-blue-6)),
3453
- color-mix(in srgb, transparent 76%, var(--db-blue-9))
3454
- );
3455
- --db-blue-bg-basic-transparent-semi-pressed: light-dark(
3456
- color-mix(in srgb, transparent 68%, var(--db-blue-6)),
3457
- color-mix(in srgb, transparent 68%, var(--db-blue-9))
3458
- );
3459
- --db-blue-bg-inverted-contrast-max-default: light-dark(
3460
- var(--db-blue-1),
3461
- var(--db-blue-12)
3462
- );
3463
- --db-blue-bg-inverted-contrast-max-hovered: light-dark(
3464
- var(--db-blue-5),
3465
- var(--db-blue-9)
3466
- );
3467
- --db-blue-bg-inverted-contrast-max-pressed: light-dark(
3468
- var(--db-blue-2),
3469
- var(--db-blue-11)
3470
- );
3471
- --db-blue-bg-inverted-contrast-high-default: light-dark(
3472
- var(--db-blue-6),
3473
- var(--db-blue-9)
3474
- );
3475
- --db-blue-bg-inverted-contrast-high-hovered: light-dark(
3476
- var(--db-blue-2),
3477
- var(--db-blue-12)
3478
- );
3479
- --db-blue-bg-inverted-contrast-high-pressed: light-dark(
3480
- var(--db-blue-5),
3481
- var(--db-blue-10)
3482
- );
3483
- --db-blue-bg-inverted-contrast-low-default: light-dark(
3484
- var(--db-blue-7),
3485
- var(--db-blue-8)
3486
- );
3487
- --db-blue-bg-inverted-contrast-low-hovered: light-dark(
3488
- var(--db-blue-3),
3489
- var(--db-blue-12)
3490
- );
3491
- --db-blue-bg-inverted-contrast-low-pressed: light-dark(
3492
- var(--db-blue-6),
3493
- var(--db-blue-9)
3494
- );
3495
- --db-blue-bg-vibrant-default: light-dark(
3496
- var(--db-blue-9),
3497
- var(--db-blue-9)
3498
- );
3499
- --db-blue-bg-vibrant-hovered: light-dark(
3500
- var(--db-blue-12),
3501
- var(--db-blue-12)
3502
- );
3503
- --db-blue-bg-vibrant-pressed: light-dark(
3504
- var(--db-blue-10),
3505
- var(--db-blue-10)
3506
- );
3507
- --db-cyan-origin-default: light-dark(
3508
- var(--db-cyan-origin-light-default),
3509
- var(--db-cyan-origin-dark-default)
3510
- );
3511
- --db-cyan-origin-hovered: light-dark(
3512
- var(--db-cyan-origin-light-hovered),
3513
- var(--db-cyan-origin-dark-hovered)
3514
- );
3515
- --db-cyan-origin-pressed: light-dark(
3516
- var(--db-cyan-origin-light-pressed),
3517
- var(--db-cyan-origin-dark-pressed)
3518
- );
3519
- --db-cyan-on-origin-default: light-dark(
3520
- var(--db-cyan-on-origin-light-default),
3521
- var(--db-cyan-on-origin-dark-default)
3522
- );
3523
- --db-cyan-on-bg-basic-emphasis-50-default: light-dark(
3524
- var(--db-cyan-9),
3525
- var(--db-cyan-5)
3526
- );
3527
- --db-cyan-on-bg-basic-emphasis-60-default: light-dark(
3528
- var(--db-cyan-10),
3529
- var(--db-cyan-6)
3530
- );
3531
- --db-cyan-on-bg-basic-emphasis-70-default: light-dark(
3532
- var(--db-cyan-7),
3533
- var(--db-cyan-8)
3534
- );
3535
- --db-cyan-on-bg-basic-emphasis-70-hovered: light-dark(
3536
- var(--db-cyan-4),
3537
- var(--db-cyan-10)
3538
- );
3539
- --db-cyan-on-bg-basic-emphasis-70-pressed: light-dark(
3540
- var(--db-cyan-6),
3541
- var(--db-cyan-9)
3542
- );
3543
- --db-cyan-on-bg-basic-emphasis-80-default: light-dark(
3544
- var(--db-cyan-6),
3545
- var(--db-cyan-9)
3546
- );
3547
- --db-cyan-on-bg-basic-emphasis-80-hovered: light-dark(
3548
- var(--db-cyan-3),
3549
- var(--db-cyan-12)
3550
- );
3551
- --db-cyan-on-bg-basic-emphasis-80-pressed: light-dark(
3552
- var(--db-cyan-5),
3553
- var(--db-cyan-10)
3554
- );
3555
- --db-cyan-on-bg-basic-emphasis-90-default: light-dark(
3556
- var(--db-cyan-4),
3557
- var(--db-cyan-10)
3558
- );
3559
- --db-cyan-on-bg-basic-emphasis-90-hovered: light-dark(
3560
- var(--db-cyan-0),
3561
- var(--db-cyan-14)
3562
- );
3563
- --db-cyan-on-bg-basic-emphasis-90-pressed: light-dark(
3564
- var(--db-cyan-3),
3565
- var(--db-cyan-11)
3566
- );
3567
- --db-cyan-on-bg-basic-emphasis-100-default: light-dark(
3568
- var(--db-cyan-1),
3569
- var(--db-cyan-12)
3570
- );
3571
- --db-cyan-on-bg-basic-emphasis-100-hovered: light-dark(
3572
- var(--db-cyan-5),
3573
- var(--db-cyan-9)
3574
- );
3575
- --db-cyan-on-bg-basic-emphasis-100-pressed: light-dark(
3576
- var(--db-cyan-2),
3577
- var(--db-cyan-11)
3578
- );
3579
- --db-cyan-on-bg-inverted-default: light-dark(
3580
- var(--db-cyan-14),
3581
- var(--db-cyan-3)
3582
- );
3583
- --db-cyan-on-bg-inverted-hovered: light-dark(
3584
- var(--db-cyan-11),
3585
- var(--db-cyan-0)
3586
- );
3587
- --db-cyan-on-bg-inverted-pressed: light-dark(
3588
- var(--db-cyan-13),
3589
- var(--db-cyan-2)
3590
- );
3591
- --db-cyan-on-bg-vibrant-default: light-dark(
3592
- var(--db-cyan-1),
3593
- var(--db-cyan-1)
3594
- );
3595
- --db-cyan-on-bg-vibrant-hovered: light-dark(
3596
- var(--db-cyan-4),
3597
- var(--db-cyan-4)
3598
- );
3599
- --db-cyan-on-bg-vibrant-pressed: light-dark(
3600
- var(--db-cyan-2),
3601
- var(--db-cyan-2)
3602
- );
3603
- --db-cyan-bg-basic-level-1-default: light-dark(
3604
- var(--db-cyan-14),
3605
- var(--db-cyan-1)
3606
- );
3607
- --db-cyan-bg-basic-level-1-hovered: light-dark(
3608
- var(--db-cyan-13),
3609
- var(--db-cyan-3)
3610
- );
3611
- --db-cyan-bg-basic-level-1-pressed: light-dark(
3612
- var(--db-cyan-12),
3613
- var(--db-cyan-4)
3614
- );
3615
- --db-cyan-bg-basic-level-2-default: light-dark(
3616
- var(--db-cyan-13),
3617
- var(--db-cyan-2)
3618
- );
3619
- --db-cyan-bg-basic-level-2-hovered: light-dark(
3620
- var(--db-cyan-12),
3621
- var(--db-cyan-4)
3622
- );
3623
- --db-cyan-bg-basic-level-2-pressed: light-dark(
3624
- var(--db-cyan-11),
3625
- var(--db-cyan-5)
3626
- );
3627
- --db-cyan-bg-basic-level-3-default: light-dark(
3628
- var(--db-cyan-12),
3629
- var(--db-cyan-3)
3630
- );
3631
- --db-cyan-bg-basic-level-3-hovered: light-dark(
3632
- var(--db-cyan-11),
3633
- var(--db-cyan-1)
3634
- );
3635
- --db-cyan-bg-basic-level-3-pressed: light-dark(
3636
- var(--db-cyan-10),
3637
- var(--db-cyan-0)
3638
- );
3639
- --db-cyan-bg-basic-transparent-full-default: light-dark(
3640
- color-mix(in srgb, transparent 100%, var(--db-cyan-6)),
3641
- color-mix(in srgb, transparent 100%, var(--db-cyan-9))
3642
- );
3643
- --db-cyan-bg-basic-transparent-semi-default: light-dark(
3644
- color-mix(in srgb, transparent 92%, var(--db-cyan-6)),
3645
- color-mix(in srgb, transparent 84%, var(--db-cyan-9))
3646
- );
3647
- --db-cyan-bg-basic-transparent-full-hovered: light-dark(
3648
- color-mix(in srgb, transparent 76%, var(--db-cyan-6)),
3649
- color-mix(in srgb, transparent 76%, var(--db-cyan-9))
3650
- );
3651
- --db-cyan-bg-basic-transparent-full-pressed: light-dark(
3652
- color-mix(in srgb, transparent 68%, var(--db-cyan-6)),
3653
- color-mix(in srgb, transparent 68%, var(--db-cyan-9))
3654
- );
3655
- --db-cyan-bg-basic-transparent-semi-hovered: light-dark(
3656
- color-mix(in srgb, transparent 76%, var(--db-cyan-6)),
3657
- color-mix(in srgb, transparent 76%, var(--db-cyan-9))
3658
- );
3659
- --db-cyan-bg-basic-transparent-semi-pressed: light-dark(
3660
- color-mix(in srgb, transparent 68%, var(--db-cyan-6)),
3661
- color-mix(in srgb, transparent 68%, var(--db-cyan-9))
3662
- );
3663
- --db-cyan-bg-inverted-contrast-max-default: light-dark(
3664
- var(--db-cyan-1),
3665
- var(--db-cyan-12)
3666
- );
3667
- --db-cyan-bg-inverted-contrast-max-hovered: light-dark(
3668
- var(--db-cyan-5),
3669
- var(--db-cyan-9)
3670
- );
3671
- --db-cyan-bg-inverted-contrast-max-pressed: light-dark(
3672
- var(--db-cyan-2),
3673
- var(--db-cyan-11)
3674
- );
3675
- --db-cyan-bg-inverted-contrast-high-default: light-dark(
3676
- var(--db-cyan-6),
3677
- var(--db-cyan-9)
3678
- );
3679
- --db-cyan-bg-inverted-contrast-high-hovered: light-dark(
3680
- var(--db-cyan-2),
3681
- var(--db-cyan-12)
3682
- );
3683
- --db-cyan-bg-inverted-contrast-high-pressed: light-dark(
3684
- var(--db-cyan-5),
3685
- var(--db-cyan-10)
3686
- );
3687
- --db-cyan-bg-inverted-contrast-low-default: light-dark(
3688
- var(--db-cyan-7),
3689
- var(--db-cyan-8)
3690
- );
3691
- --db-cyan-bg-inverted-contrast-low-hovered: light-dark(
3692
- var(--db-cyan-3),
3693
- var(--db-cyan-12)
3694
- );
3695
- --db-cyan-bg-inverted-contrast-low-pressed: light-dark(
3696
- var(--db-cyan-6),
3697
- var(--db-cyan-9)
3698
- );
3699
- --db-cyan-bg-vibrant-default: light-dark(
3700
- var(--db-cyan-9),
3701
- var(--db-cyan-9)
3702
- );
3703
- --db-cyan-bg-vibrant-hovered: light-dark(
3704
- var(--db-cyan-12),
3705
- var(--db-cyan-12)
3706
- );
3707
- --db-cyan-bg-vibrant-pressed: light-dark(
3708
- var(--db-cyan-10),
3709
- var(--db-cyan-10)
3710
- );
3711
- --db-turquoise-origin-default: light-dark(
3712
- var(--db-turquoise-origin-light-default),
3713
- var(--db-turquoise-origin-dark-default)
3714
- );
3715
- --db-turquoise-origin-hovered: light-dark(
3716
- var(--db-turquoise-origin-light-hovered),
3717
- var(--db-turquoise-origin-dark-hovered)
3718
- );
3719
- --db-turquoise-origin-pressed: light-dark(
3720
- var(--db-turquoise-origin-light-pressed),
3721
- var(--db-turquoise-origin-dark-pressed)
3722
- );
3723
- --db-turquoise-on-origin-default: light-dark(
3724
- var(--db-turquoise-on-origin-light-default),
3725
- var(--db-turquoise-on-origin-dark-default)
3726
- );
3727
- --db-turquoise-on-bg-basic-emphasis-50-default: light-dark(
3728
- var(--db-turquoise-9),
3729
- var(--db-turquoise-5)
3730
- );
3731
- --db-turquoise-on-bg-basic-emphasis-60-default: light-dark(
3732
- var(--db-turquoise-10),
3733
- var(--db-turquoise-6)
3734
- );
3735
- --db-turquoise-on-bg-basic-emphasis-70-default: light-dark(
3736
- var(--db-turquoise-7),
3737
- var(--db-turquoise-8)
3738
- );
3739
- --db-turquoise-on-bg-basic-emphasis-70-hovered: light-dark(
3740
- var(--db-turquoise-4),
3741
- var(--db-turquoise-10)
3742
- );
3743
- --db-turquoise-on-bg-basic-emphasis-70-pressed: light-dark(
3744
- var(--db-turquoise-6),
3745
- var(--db-turquoise-9)
3746
- );
3747
- --db-turquoise-on-bg-basic-emphasis-80-default: light-dark(
3748
- var(--db-turquoise-6),
3749
- var(--db-turquoise-9)
3750
- );
3751
- --db-turquoise-on-bg-basic-emphasis-80-hovered: light-dark(
3752
- var(--db-turquoise-3),
3753
- var(--db-turquoise-12)
3754
- );
3755
- --db-turquoise-on-bg-basic-emphasis-80-pressed: light-dark(
3756
- var(--db-turquoise-5),
3757
- var(--db-turquoise-10)
3758
- );
3759
- --db-turquoise-on-bg-basic-emphasis-90-default: light-dark(
3760
- var(--db-turquoise-4),
3761
- var(--db-turquoise-10)
3762
- );
3763
- --db-turquoise-on-bg-basic-emphasis-90-hovered: light-dark(
3764
- var(--db-turquoise-0),
3765
- var(--db-turquoise-14)
3766
- );
3767
- --db-turquoise-on-bg-basic-emphasis-90-pressed: light-dark(
3768
- var(--db-turquoise-3),
3769
- var(--db-turquoise-11)
3770
- );
3771
- --db-turquoise-on-bg-basic-emphasis-100-default: light-dark(
3772
- var(--db-turquoise-1),
3773
- var(--db-turquoise-12)
3774
- );
3775
- --db-turquoise-on-bg-basic-emphasis-100-hovered: light-dark(
3776
- var(--db-turquoise-5),
3777
- var(--db-turquoise-9)
3778
- );
3779
- --db-turquoise-on-bg-basic-emphasis-100-pressed: light-dark(
3780
- var(--db-turquoise-2),
3781
- var(--db-turquoise-11)
3782
- );
3783
- --db-turquoise-on-bg-inverted-default: light-dark(
3784
- var(--db-turquoise-14),
3785
- var(--db-turquoise-3)
3786
- );
3787
- --db-turquoise-on-bg-inverted-hovered: light-dark(
3788
- var(--db-turquoise-11),
3789
- var(--db-turquoise-0)
3790
- );
3791
- --db-turquoise-on-bg-inverted-pressed: light-dark(
3792
- var(--db-turquoise-13),
3793
- var(--db-turquoise-2)
3794
- );
3795
- --db-turquoise-on-bg-vibrant-default: light-dark(
3796
- var(--db-turquoise-1),
3797
- var(--db-turquoise-1)
3798
- );
3799
- --db-turquoise-on-bg-vibrant-hovered: light-dark(
3800
- var(--db-turquoise-4),
3801
- var(--db-turquoise-4)
3802
- );
3803
- --db-turquoise-on-bg-vibrant-pressed: light-dark(
3804
- var(--db-turquoise-2),
3805
- var(--db-turquoise-2)
3806
- );
3807
- --db-turquoise-bg-basic-level-1-default: light-dark(
3808
- var(--db-turquoise-14),
3809
- var(--db-turquoise-1)
3810
- );
3811
- --db-turquoise-bg-basic-level-1-hovered: light-dark(
3812
- var(--db-turquoise-13),
3813
- var(--db-turquoise-3)
3814
- );
3815
- --db-turquoise-bg-basic-level-1-pressed: light-dark(
3816
- var(--db-turquoise-12),
3817
- var(--db-turquoise-4)
3818
- );
3819
- --db-turquoise-bg-basic-level-2-default: light-dark(
3820
- var(--db-turquoise-13),
3821
- var(--db-turquoise-2)
3822
- );
3823
- --db-turquoise-bg-basic-level-2-hovered: light-dark(
3824
- var(--db-turquoise-12),
3825
- var(--db-turquoise-4)
3826
- );
3827
- --db-turquoise-bg-basic-level-2-pressed: light-dark(
3828
- var(--db-turquoise-11),
3829
- var(--db-turquoise-5)
3830
- );
3831
- --db-turquoise-bg-basic-level-3-default: light-dark(
3832
- var(--db-turquoise-12),
3833
- var(--db-turquoise-3)
3834
- );
3835
- --db-turquoise-bg-basic-level-3-hovered: light-dark(
3836
- var(--db-turquoise-11),
3837
- var(--db-turquoise-1)
3838
- );
3839
- --db-turquoise-bg-basic-level-3-pressed: light-dark(
3840
- var(--db-turquoise-10),
3841
- var(--db-turquoise-0)
3842
- );
3843
- --db-turquoise-bg-basic-transparent-full-default: light-dark(
3844
- color-mix(in srgb, transparent 100%, var(--db-turquoise-6)),
3845
- color-mix(in srgb, transparent 100%, var(--db-turquoise-9))
3846
- );
3847
- --db-turquoise-bg-basic-transparent-semi-default: light-dark(
3848
- color-mix(in srgb, transparent 92%, var(--db-turquoise-6)),
3849
- color-mix(in srgb, transparent 84%, var(--db-turquoise-9))
3850
- );
3851
- --db-turquoise-bg-basic-transparent-full-hovered: light-dark(
3852
- color-mix(in srgb, transparent 76%, var(--db-turquoise-6)),
3853
- color-mix(in srgb, transparent 76%, var(--db-turquoise-9))
3854
- );
3855
- --db-turquoise-bg-basic-transparent-full-pressed: light-dark(
3856
- color-mix(in srgb, transparent 68%, var(--db-turquoise-6)),
3857
- color-mix(in srgb, transparent 68%, var(--db-turquoise-9))
3858
- );
3859
- --db-turquoise-bg-basic-transparent-semi-hovered: light-dark(
3860
- color-mix(in srgb, transparent 76%, var(--db-turquoise-6)),
3861
- color-mix(in srgb, transparent 76%, var(--db-turquoise-9))
3862
- );
3863
- --db-turquoise-bg-basic-transparent-semi-pressed: light-dark(
3864
- color-mix(in srgb, transparent 68%, var(--db-turquoise-6)),
3865
- color-mix(in srgb, transparent 68%, var(--db-turquoise-9))
3866
- );
3867
- --db-turquoise-bg-inverted-contrast-max-default: light-dark(
3868
- var(--db-turquoise-1),
3869
- var(--db-turquoise-12)
3870
- );
3871
- --db-turquoise-bg-inverted-contrast-max-hovered: light-dark(
3872
- var(--db-turquoise-5),
3873
- var(--db-turquoise-9)
3874
- );
3875
- --db-turquoise-bg-inverted-contrast-max-pressed: light-dark(
3876
- var(--db-turquoise-2),
3877
- var(--db-turquoise-11)
3878
- );
3879
- --db-turquoise-bg-inverted-contrast-high-default: light-dark(
3880
- var(--db-turquoise-6),
3881
- var(--db-turquoise-9)
3882
- );
3883
- --db-turquoise-bg-inverted-contrast-high-hovered: light-dark(
3884
- var(--db-turquoise-2),
3885
- var(--db-turquoise-12)
3886
- );
3887
- --db-turquoise-bg-inverted-contrast-high-pressed: light-dark(
3888
- var(--db-turquoise-5),
3889
- var(--db-turquoise-10)
3890
- );
3891
- --db-turquoise-bg-inverted-contrast-low-default: light-dark(
3892
- var(--db-turquoise-7),
3893
- var(--db-turquoise-8)
3894
- );
3895
- --db-turquoise-bg-inverted-contrast-low-hovered: light-dark(
3896
- var(--db-turquoise-3),
3897
- var(--db-turquoise-12)
3898
- );
3899
- --db-turquoise-bg-inverted-contrast-low-pressed: light-dark(
3900
- var(--db-turquoise-6),
3901
- var(--db-turquoise-9)
3902
- );
3903
- --db-turquoise-bg-vibrant-default: light-dark(
3904
- var(--db-turquoise-9),
3905
- var(--db-turquoise-9)
3906
- );
3907
- --db-turquoise-bg-vibrant-hovered: light-dark(
3908
- var(--db-turquoise-12),
3909
- var(--db-turquoise-12)
3910
- );
3911
- --db-turquoise-bg-vibrant-pressed: light-dark(
3912
- var(--db-turquoise-10),
3913
- var(--db-turquoise-10)
3914
- );
3915
- --db-green-origin-default: light-dark(
3916
- var(--db-green-origin-light-default),
3917
- var(--db-green-origin-dark-default)
3918
- );
3919
- --db-green-origin-hovered: light-dark(
3920
- var(--db-green-origin-light-hovered),
3921
- var(--db-green-origin-dark-hovered)
3922
- );
3923
- --db-green-origin-pressed: light-dark(
3924
- var(--db-green-origin-light-pressed),
3925
- var(--db-green-origin-dark-pressed)
3926
- );
3927
- --db-green-on-origin-default: light-dark(
3928
- var(--db-green-on-origin-light-default),
3929
- var(--db-green-on-origin-dark-default)
3930
- );
3931
- --db-green-on-bg-basic-emphasis-50-default: light-dark(
3932
- var(--db-green-9),
3933
- var(--db-green-5)
3934
- );
3935
- --db-green-on-bg-basic-emphasis-60-default: light-dark(
3936
- var(--db-green-10),
3937
- var(--db-green-6)
3938
- );
3939
- --db-green-on-bg-basic-emphasis-70-default: light-dark(
3940
- var(--db-green-7),
3941
- var(--db-green-8)
3942
- );
3943
- --db-green-on-bg-basic-emphasis-70-hovered: light-dark(
3944
- var(--db-green-4),
3945
- var(--db-green-10)
3946
- );
3947
- --db-green-on-bg-basic-emphasis-70-pressed: light-dark(
3948
- var(--db-green-6),
3949
- var(--db-green-9)
3950
- );
3951
- --db-green-on-bg-basic-emphasis-80-default: light-dark(
3952
- var(--db-green-6),
3953
- var(--db-green-9)
3954
- );
3955
- --db-green-on-bg-basic-emphasis-80-hovered: light-dark(
3956
- var(--db-green-3),
3957
- var(--db-green-12)
3958
- );
3959
- --db-green-on-bg-basic-emphasis-80-pressed: light-dark(
3960
- var(--db-green-5),
3961
- var(--db-green-10)
3962
- );
3963
- --db-green-on-bg-basic-emphasis-90-default: light-dark(
3964
- var(--db-green-4),
3965
- var(--db-green-10)
3966
- );
3967
- --db-green-on-bg-basic-emphasis-90-hovered: light-dark(
3968
- var(--db-green-0),
3969
- var(--db-green-14)
3970
- );
3971
- --db-green-on-bg-basic-emphasis-90-pressed: light-dark(
3972
- var(--db-green-3),
3973
- var(--db-green-11)
3974
- );
3975
- --db-green-on-bg-basic-emphasis-100-default: light-dark(
3976
- var(--db-green-1),
3977
- var(--db-green-12)
3978
- );
3979
- --db-green-on-bg-basic-emphasis-100-hovered: light-dark(
3980
- var(--db-green-5),
3981
- var(--db-green-9)
3982
- );
3983
- --db-green-on-bg-basic-emphasis-100-pressed: light-dark(
3984
- var(--db-green-2),
3985
- var(--db-green-11)
3986
- );
3987
- --db-green-on-bg-inverted-default: light-dark(
3988
- var(--db-green-14),
3989
- var(--db-green-3)
3990
- );
3991
- --db-green-on-bg-inverted-hovered: light-dark(
3992
- var(--db-green-11),
3993
- var(--db-green-0)
3994
- );
3995
- --db-green-on-bg-inverted-pressed: light-dark(
3996
- var(--db-green-13),
3997
- var(--db-green-2)
3998
- );
3999
- --db-green-on-bg-vibrant-default: light-dark(
4000
- var(--db-green-1),
4001
- var(--db-green-1)
4002
- );
4003
- --db-green-on-bg-vibrant-hovered: light-dark(
4004
- var(--db-green-4),
4005
- var(--db-green-4)
4006
- );
4007
- --db-green-on-bg-vibrant-pressed: light-dark(
4008
- var(--db-green-2),
4009
- var(--db-green-2)
4010
- );
4011
- --db-green-bg-basic-level-1-default: light-dark(
4012
- var(--db-green-14),
4013
- var(--db-green-1)
4014
- );
4015
- --db-green-bg-basic-level-1-hovered: light-dark(
4016
- var(--db-green-13),
4017
- var(--db-green-3)
4018
- );
4019
- --db-green-bg-basic-level-1-pressed: light-dark(
4020
- var(--db-green-12),
4021
- var(--db-green-4)
4022
- );
4023
- --db-green-bg-basic-level-2-default: light-dark(
4024
- var(--db-green-13),
4025
- var(--db-green-2)
4026
- );
4027
- --db-green-bg-basic-level-2-hovered: light-dark(
4028
- var(--db-green-12),
4029
- var(--db-green-4)
4030
- );
4031
- --db-green-bg-basic-level-2-pressed: light-dark(
4032
- var(--db-green-11),
4033
- var(--db-green-5)
4034
- );
4035
- --db-green-bg-basic-level-3-default: light-dark(
4036
- var(--db-green-12),
4037
- var(--db-green-3)
4038
- );
4039
- --db-green-bg-basic-level-3-hovered: light-dark(
4040
- var(--db-green-11),
4041
- var(--db-green-1)
4042
- );
4043
- --db-green-bg-basic-level-3-pressed: light-dark(
4044
- var(--db-green-10),
4045
- var(--db-green-0)
4046
- );
4047
- --db-green-bg-basic-transparent-full-default: light-dark(
4048
- color-mix(in srgb, transparent 100%, var(--db-green-6)),
4049
- color-mix(in srgb, transparent 100%, var(--db-green-9))
4050
- );
4051
- --db-green-bg-basic-transparent-semi-default: light-dark(
4052
- color-mix(in srgb, transparent 92%, var(--db-green-6)),
4053
- color-mix(in srgb, transparent 84%, var(--db-green-9))
4054
- );
4055
- --db-green-bg-basic-transparent-full-hovered: light-dark(
4056
- color-mix(in srgb, transparent 76%, var(--db-green-6)),
4057
- color-mix(in srgb, transparent 76%, var(--db-green-9))
4058
- );
4059
- --db-green-bg-basic-transparent-full-pressed: light-dark(
4060
- color-mix(in srgb, transparent 68%, var(--db-green-6)),
4061
- color-mix(in srgb, transparent 68%, var(--db-green-9))
4062
- );
4063
- --db-green-bg-basic-transparent-semi-hovered: light-dark(
4064
- color-mix(in srgb, transparent 76%, var(--db-green-6)),
4065
- color-mix(in srgb, transparent 76%, var(--db-green-9))
4066
- );
4067
- --db-green-bg-basic-transparent-semi-pressed: light-dark(
4068
- color-mix(in srgb, transparent 68%, var(--db-green-6)),
4069
- color-mix(in srgb, transparent 68%, var(--db-green-9))
4070
- );
4071
- --db-green-bg-inverted-contrast-max-default: light-dark(
4072
- var(--db-green-1),
4073
- var(--db-green-12)
4074
- );
4075
- --db-green-bg-inverted-contrast-max-hovered: light-dark(
4076
- var(--db-green-5),
4077
- var(--db-green-9)
4078
- );
4079
- --db-green-bg-inverted-contrast-max-pressed: light-dark(
4080
- var(--db-green-2),
4081
- var(--db-green-11)
4082
- );
4083
- --db-green-bg-inverted-contrast-high-default: light-dark(
4084
- var(--db-green-6),
4085
- var(--db-green-9)
4086
- );
4087
- --db-green-bg-inverted-contrast-high-hovered: light-dark(
4088
- var(--db-green-2),
4089
- var(--db-green-12)
4090
- );
4091
- --db-green-bg-inverted-contrast-high-pressed: light-dark(
4092
- var(--db-green-5),
4093
- var(--db-green-10)
4094
- );
4095
- --db-green-bg-inverted-contrast-low-default: light-dark(
4096
- var(--db-green-7),
4097
- var(--db-green-8)
4098
- );
4099
- --db-green-bg-inverted-contrast-low-hovered: light-dark(
4100
- var(--db-green-3),
4101
- var(--db-green-12)
4102
- );
4103
- --db-green-bg-inverted-contrast-low-pressed: light-dark(
4104
- var(--db-green-6),
4105
- var(--db-green-9)
4106
- );
4107
- --db-green-bg-vibrant-default: light-dark(
4108
- var(--db-green-9),
4109
- var(--db-green-9)
4110
- );
4111
- --db-green-bg-vibrant-hovered: light-dark(
4112
- var(--db-green-12),
4113
- var(--db-green-12)
4114
- );
4115
- --db-green-bg-vibrant-pressed: light-dark(
4116
- var(--db-green-10),
4117
- var(--db-green-10)
4118
- );
4119
- --db-light-green-origin-default: light-dark(
4120
- var(--db-light-green-origin-light-default),
4121
- var(--db-light-green-origin-dark-default)
4122
- );
4123
- --db-light-green-origin-hovered: light-dark(
4124
- var(--db-light-green-origin-light-hovered),
4125
- var(--db-light-green-origin-dark-hovered)
4126
- );
4127
- --db-light-green-origin-pressed: light-dark(
4128
- var(--db-light-green-origin-light-pressed),
4129
- var(--db-light-green-origin-dark-pressed)
4130
- );
4131
- --db-light-green-on-origin-default: light-dark(
4132
- var(--db-light-green-on-origin-light-default),
4133
- var(--db-light-green-on-origin-dark-default)
4134
- );
4135
- --db-light-green-on-bg-basic-emphasis-50-default: light-dark(
4136
- var(--db-light-green-9),
4137
- var(--db-light-green-5)
4138
- );
4139
- --db-light-green-on-bg-basic-emphasis-60-default: light-dark(
4140
- var(--db-light-green-10),
4141
- var(--db-light-green-6)
4142
- );
4143
- --db-light-green-on-bg-basic-emphasis-70-default: light-dark(
4144
- var(--db-light-green-7),
4145
- var(--db-light-green-8)
4146
- );
4147
- --db-light-green-on-bg-basic-emphasis-70-hovered: light-dark(
4148
- var(--db-light-green-4),
4149
- var(--db-light-green-10)
4150
- );
4151
- --db-light-green-on-bg-basic-emphasis-70-pressed: light-dark(
4152
- var(--db-light-green-6),
4153
- var(--db-light-green-9)
4154
- );
4155
- --db-light-green-on-bg-basic-emphasis-80-default: light-dark(
4156
- var(--db-light-green-6),
4157
- var(--db-light-green-9)
4158
- );
4159
- --db-light-green-on-bg-basic-emphasis-80-hovered: light-dark(
4160
- var(--db-light-green-3),
4161
- var(--db-light-green-12)
4162
- );
4163
- --db-light-green-on-bg-basic-emphasis-80-pressed: light-dark(
4164
- var(--db-light-green-5),
4165
- var(--db-light-green-10)
4166
- );
4167
- --db-light-green-on-bg-basic-emphasis-90-default: light-dark(
4168
- var(--db-light-green-4),
4169
- var(--db-light-green-10)
4170
- );
4171
- --db-light-green-on-bg-basic-emphasis-90-hovered: light-dark(
4172
- var(--db-light-green-0),
4173
- var(--db-light-green-14)
4174
- );
4175
- --db-light-green-on-bg-basic-emphasis-90-pressed: light-dark(
4176
- var(--db-light-green-3),
4177
- var(--db-light-green-11)
4178
- );
4179
- --db-light-green-on-bg-basic-emphasis-100-default: light-dark(
4180
- var(--db-light-green-1),
4181
- var(--db-light-green-12)
4182
- );
4183
- --db-light-green-on-bg-basic-emphasis-100-hovered: light-dark(
4184
- var(--db-light-green-5),
4185
- var(--db-light-green-9)
4186
- );
4187
- --db-light-green-on-bg-basic-emphasis-100-pressed: light-dark(
4188
- var(--db-light-green-2),
4189
- var(--db-light-green-11)
4190
- );
4191
- --db-light-green-on-bg-inverted-default: light-dark(
4192
- var(--db-light-green-14),
4193
- var(--db-light-green-3)
4194
- );
4195
- --db-light-green-on-bg-inverted-hovered: light-dark(
4196
- var(--db-light-green-11),
4197
- var(--db-light-green-0)
4198
- );
4199
- --db-light-green-on-bg-inverted-pressed: light-dark(
4200
- var(--db-light-green-13),
4201
- var(--db-light-green-2)
4202
- );
4203
- --db-light-green-on-bg-vibrant-default: light-dark(
4204
- var(--db-light-green-1),
4205
- var(--db-light-green-1)
4206
- );
4207
- --db-light-green-on-bg-vibrant-hovered: light-dark(
4208
- var(--db-light-green-4),
4209
- var(--db-light-green-4)
4210
- );
4211
- --db-light-green-on-bg-vibrant-pressed: light-dark(
4212
- var(--db-light-green-2),
4213
- var(--db-light-green-2)
4214
- );
4215
- --db-light-green-bg-basic-level-1-default: light-dark(
4216
- var(--db-light-green-14),
4217
- var(--db-light-green-1)
4218
- );
4219
- --db-light-green-bg-basic-level-1-hovered: light-dark(
4220
- var(--db-light-green-13),
4221
- var(--db-light-green-3)
4222
- );
4223
- --db-light-green-bg-basic-level-1-pressed: light-dark(
4224
- var(--db-light-green-12),
4225
- var(--db-light-green-4)
4226
- );
4227
- --db-light-green-bg-basic-level-2-default: light-dark(
4228
- var(--db-light-green-13),
4229
- var(--db-light-green-2)
4230
- );
4231
- --db-light-green-bg-basic-level-2-hovered: light-dark(
4232
- var(--db-light-green-12),
4233
- var(--db-light-green-4)
4234
- );
4235
- --db-light-green-bg-basic-level-2-pressed: light-dark(
4236
- var(--db-light-green-11),
4237
- var(--db-light-green-5)
4238
- );
4239
- --db-light-green-bg-basic-level-3-default: light-dark(
4240
- var(--db-light-green-12),
4241
- var(--db-light-green-3)
4242
- );
4243
- --db-light-green-bg-basic-level-3-hovered: light-dark(
4244
- var(--db-light-green-11),
4245
- var(--db-light-green-1)
4246
- );
4247
- --db-light-green-bg-basic-level-3-pressed: light-dark(
4248
- var(--db-light-green-10),
4249
- var(--db-light-green-0)
4250
- );
4251
- --db-light-green-bg-basic-transparent-full-default: light-dark(
4252
- color-mix(in srgb, transparent 100%, var(--db-light-green-6)),
4253
- color-mix(in srgb, transparent 100%, var(--db-light-green-9))
4254
- );
4255
- --db-light-green-bg-basic-transparent-semi-default: light-dark(
4256
- color-mix(in srgb, transparent 92%, var(--db-light-green-6)),
4257
- color-mix(in srgb, transparent 84%, var(--db-light-green-9))
4258
- );
4259
- --db-light-green-bg-basic-transparent-full-hovered: light-dark(
4260
- color-mix(in srgb, transparent 76%, var(--db-light-green-6)),
4261
- color-mix(in srgb, transparent 76%, var(--db-light-green-9))
4262
- );
4263
- --db-light-green-bg-basic-transparent-full-pressed: light-dark(
4264
- color-mix(in srgb, transparent 68%, var(--db-light-green-6)),
4265
- color-mix(in srgb, transparent 68%, var(--db-light-green-9))
4266
- );
4267
- --db-light-green-bg-basic-transparent-semi-hovered: light-dark(
4268
- color-mix(in srgb, transparent 76%, var(--db-light-green-6)),
4269
- color-mix(in srgb, transparent 76%, var(--db-light-green-9))
4270
- );
4271
- --db-light-green-bg-basic-transparent-semi-pressed: light-dark(
4272
- color-mix(in srgb, transparent 68%, var(--db-light-green-6)),
4273
- color-mix(in srgb, transparent 68%, var(--db-light-green-9))
4274
- );
4275
- --db-light-green-bg-inverted-contrast-max-default: light-dark(
4276
- var(--db-light-green-1),
4277
- var(--db-light-green-12)
4278
- );
4279
- --db-light-green-bg-inverted-contrast-max-hovered: light-dark(
4280
- var(--db-light-green-5),
4281
- var(--db-light-green-9)
4282
- );
4283
- --db-light-green-bg-inverted-contrast-max-pressed: light-dark(
4284
- var(--db-light-green-2),
4285
- var(--db-light-green-11)
4286
- );
4287
- --db-light-green-bg-inverted-contrast-high-default: light-dark(
4288
- var(--db-light-green-6),
4289
- var(--db-light-green-9)
4290
- );
4291
- --db-light-green-bg-inverted-contrast-high-hovered: light-dark(
4292
- var(--db-light-green-2),
4293
- var(--db-light-green-12)
4294
- );
4295
- --db-light-green-bg-inverted-contrast-high-pressed: light-dark(
4296
- var(--db-light-green-5),
4297
- var(--db-light-green-10)
4298
- );
4299
- --db-light-green-bg-inverted-contrast-low-default: light-dark(
4300
- var(--db-light-green-7),
4301
- var(--db-light-green-8)
4302
- );
4303
- --db-light-green-bg-inverted-contrast-low-hovered: light-dark(
4304
- var(--db-light-green-3),
4305
- var(--db-light-green-12)
4306
- );
4307
- --db-light-green-bg-inverted-contrast-low-pressed: light-dark(
4308
- var(--db-light-green-6),
4309
- var(--db-light-green-9)
4310
- );
4311
- --db-light-green-bg-vibrant-default: light-dark(
4312
- var(--db-light-green-9),
4313
- var(--db-light-green-9)
4314
- );
4315
- --db-light-green-bg-vibrant-hovered: light-dark(
4316
- var(--db-light-green-12),
4317
- var(--db-light-green-12)
4318
- );
4319
- --db-light-green-bg-vibrant-pressed: light-dark(
4320
- var(--db-light-green-10),
4321
- var(--db-light-green-10)
4322
- );
4323
- --db-burgundy-origin-default: light-dark(
4324
- var(--db-burgundy-origin-light-default),
4325
- var(--db-burgundy-origin-dark-default)
4326
- );
4327
- --db-burgundy-origin-hovered: light-dark(
4328
- var(--db-burgundy-origin-light-hovered),
4329
- var(--db-burgundy-origin-dark-hovered)
4330
- );
4331
- --db-burgundy-origin-pressed: light-dark(
4332
- var(--db-burgundy-origin-light-pressed),
4333
- var(--db-burgundy-origin-dark-pressed)
4334
- );
4335
- --db-burgundy-on-origin-default: light-dark(
4336
- var(--db-burgundy-on-origin-light-default),
4337
- var(--db-burgundy-on-origin-dark-default)
4338
- );
4339
- --db-burgundy-on-bg-basic-emphasis-50-default: light-dark(
4340
- var(--db-burgundy-9),
4341
- var(--db-burgundy-5)
4342
- );
4343
- --db-burgundy-on-bg-basic-emphasis-60-default: light-dark(
4344
- var(--db-burgundy-10),
4345
- var(--db-burgundy-6)
4346
- );
4347
- --db-burgundy-on-bg-basic-emphasis-70-default: light-dark(
4348
- var(--db-burgundy-7),
4349
- var(--db-burgundy-8)
4350
- );
4351
- --db-burgundy-on-bg-basic-emphasis-70-hovered: light-dark(
4352
- var(--db-burgundy-4),
4353
- var(--db-burgundy-10)
4354
- );
4355
- --db-burgundy-on-bg-basic-emphasis-70-pressed: light-dark(
4356
- var(--db-burgundy-6),
4357
- var(--db-burgundy-9)
4358
- );
4359
- --db-burgundy-on-bg-basic-emphasis-80-default: light-dark(
4360
- var(--db-burgundy-6),
4361
- var(--db-burgundy-9)
4362
- );
4363
- --db-burgundy-on-bg-basic-emphasis-80-hovered: light-dark(
4364
- var(--db-burgundy-3),
4365
- var(--db-burgundy-12)
4366
- );
4367
- --db-burgundy-on-bg-basic-emphasis-80-pressed: light-dark(
4368
- var(--db-burgundy-5),
4369
- var(--db-burgundy-10)
4370
- );
4371
- --db-burgundy-on-bg-basic-emphasis-90-default: light-dark(
4372
- var(--db-burgundy-4),
4373
- var(--db-burgundy-10)
4374
- );
4375
- --db-burgundy-on-bg-basic-emphasis-90-hovered: light-dark(
4376
- var(--db-burgundy-0),
4377
- var(--db-burgundy-14)
4378
- );
4379
- --db-burgundy-on-bg-basic-emphasis-90-pressed: light-dark(
4380
- var(--db-burgundy-3),
4381
- var(--db-burgundy-11)
4382
- );
4383
- --db-burgundy-on-bg-basic-emphasis-100-default: light-dark(
4384
- var(--db-burgundy-1),
4385
- var(--db-burgundy-12)
4386
- );
4387
- --db-burgundy-on-bg-basic-emphasis-100-hovered: light-dark(
4388
- var(--db-burgundy-5),
4389
- var(--db-burgundy-9)
4390
- );
4391
- --db-burgundy-on-bg-basic-emphasis-100-pressed: light-dark(
4392
- var(--db-burgundy-2),
4393
- var(--db-burgundy-11)
4394
- );
4395
- --db-burgundy-on-bg-inverted-default: light-dark(
4396
- var(--db-burgundy-14),
4397
- var(--db-burgundy-3)
4398
- );
4399
- --db-burgundy-on-bg-inverted-hovered: light-dark(
4400
- var(--db-burgundy-11),
4401
- var(--db-burgundy-0)
4402
- );
4403
- --db-burgundy-on-bg-inverted-pressed: light-dark(
4404
- var(--db-burgundy-13),
4405
- var(--db-burgundy-2)
4406
- );
4407
- --db-burgundy-on-bg-vibrant-default: light-dark(
4408
- var(--db-burgundy-1),
4409
- var(--db-burgundy-1)
4410
- );
4411
- --db-burgundy-on-bg-vibrant-hovered: light-dark(
4412
- var(--db-burgundy-4),
4413
- var(--db-burgundy-4)
4414
- );
4415
- --db-burgundy-on-bg-vibrant-pressed: light-dark(
4416
- var(--db-burgundy-2),
4417
- var(--db-burgundy-2)
4418
- );
4419
- --db-burgundy-bg-basic-level-1-default: light-dark(
4420
- var(--db-burgundy-14),
4421
- var(--db-burgundy-1)
4422
- );
4423
- --db-burgundy-bg-basic-level-1-hovered: light-dark(
4424
- var(--db-burgundy-13),
4425
- var(--db-burgundy-3)
4426
- );
4427
- --db-burgundy-bg-basic-level-1-pressed: light-dark(
4428
- var(--db-burgundy-12),
4429
- var(--db-burgundy-4)
4430
- );
4431
- --db-burgundy-bg-basic-level-2-default: light-dark(
4432
- var(--db-burgundy-13),
4433
- var(--db-burgundy-2)
4434
- );
4435
- --db-burgundy-bg-basic-level-2-hovered: light-dark(
4436
- var(--db-burgundy-12),
4437
- var(--db-burgundy-4)
4438
- );
4439
- --db-burgundy-bg-basic-level-2-pressed: light-dark(
4440
- var(--db-burgundy-11),
4441
- var(--db-burgundy-5)
4442
- );
4443
- --db-burgundy-bg-basic-level-3-default: light-dark(
4444
- var(--db-burgundy-12),
4445
- var(--db-burgundy-3)
4446
- );
4447
- --db-burgundy-bg-basic-level-3-hovered: light-dark(
4448
- var(--db-burgundy-11),
4449
- var(--db-burgundy-1)
4450
- );
4451
- --db-burgundy-bg-basic-level-3-pressed: light-dark(
4452
- var(--db-burgundy-10),
4453
- var(--db-burgundy-0)
4454
- );
4455
- --db-burgundy-bg-basic-transparent-full-default: light-dark(
4456
- color-mix(in srgb, transparent 100%, var(--db-burgundy-6)),
4457
- color-mix(in srgb, transparent 100%, var(--db-burgundy-9))
4458
- );
4459
- --db-burgundy-bg-basic-transparent-semi-default: light-dark(
4460
- color-mix(in srgb, transparent 92%, var(--db-burgundy-6)),
4461
- color-mix(in srgb, transparent 84%, var(--db-burgundy-9))
4462
- );
4463
- --db-burgundy-bg-basic-transparent-full-hovered: light-dark(
4464
- color-mix(in srgb, transparent 76%, var(--db-burgundy-6)),
4465
- color-mix(in srgb, transparent 76%, var(--db-burgundy-9))
4466
- );
4467
- --db-burgundy-bg-basic-transparent-full-pressed: light-dark(
4468
- color-mix(in srgb, transparent 68%, var(--db-burgundy-6)),
4469
- color-mix(in srgb, transparent 68%, var(--db-burgundy-9))
4470
- );
4471
- --db-burgundy-bg-basic-transparent-semi-hovered: light-dark(
4472
- color-mix(in srgb, transparent 76%, var(--db-burgundy-6)),
4473
- color-mix(in srgb, transparent 76%, var(--db-burgundy-9))
4474
- );
4475
- --db-burgundy-bg-basic-transparent-semi-pressed: light-dark(
4476
- color-mix(in srgb, transparent 68%, var(--db-burgundy-6)),
4477
- color-mix(in srgb, transparent 68%, var(--db-burgundy-9))
4478
- );
4479
- --db-burgundy-bg-inverted-contrast-max-default: light-dark(
4480
- var(--db-burgundy-1),
4481
- var(--db-burgundy-12)
4482
- );
4483
- --db-burgundy-bg-inverted-contrast-max-hovered: light-dark(
4484
- var(--db-burgundy-5),
4485
- var(--db-burgundy-9)
4486
- );
4487
- --db-burgundy-bg-inverted-contrast-max-pressed: light-dark(
4488
- var(--db-burgundy-2),
4489
- var(--db-burgundy-11)
4490
- );
4491
- --db-burgundy-bg-inverted-contrast-high-default: light-dark(
4492
- var(--db-burgundy-6),
4493
- var(--db-burgundy-9)
4494
- );
4495
- --db-burgundy-bg-inverted-contrast-high-hovered: light-dark(
4496
- var(--db-burgundy-2),
4497
- var(--db-burgundy-12)
4498
- );
4499
- --db-burgundy-bg-inverted-contrast-high-pressed: light-dark(
4500
- var(--db-burgundy-5),
4501
- var(--db-burgundy-10)
4502
- );
4503
- --db-burgundy-bg-inverted-contrast-low-default: light-dark(
4504
- var(--db-burgundy-7),
4505
- var(--db-burgundy-8)
4506
- );
4507
- --db-burgundy-bg-inverted-contrast-low-hovered: light-dark(
4508
- var(--db-burgundy-3),
4509
- var(--db-burgundy-12)
4510
- );
4511
- --db-burgundy-bg-inverted-contrast-low-pressed: light-dark(
4512
- var(--db-burgundy-6),
4513
- var(--db-burgundy-9)
4514
- );
4515
- --db-burgundy-bg-vibrant-default: light-dark(
4516
- var(--db-burgundy-9),
4517
- var(--db-burgundy-9)
4518
- );
4519
- --db-burgundy-bg-vibrant-hovered: light-dark(
4520
- var(--db-burgundy-12),
4521
- var(--db-burgundy-12)
4522
- );
4523
- --db-burgundy-bg-vibrant-pressed: light-dark(
4524
- var(--db-burgundy-10),
4525
- var(--db-burgundy-10)
4526
- );
4527
- }
4528
- }
4529
- /* Document
4530
- * ========================================================================== */
4531
- /**
4532
- * 1. Correct the line height in all browsers.
4533
- * 2. Prevent adjustments of font size after orientation changes in iOS.
4534
- */
4535
- :where(html) {
4536
- line-height: 1.15; /* 1 */
4537
- -webkit-text-size-adjust: 100%; /* 2 */
4538
- text-size-adjust: 100%; /* 2 */
4539
- }
4540
-
4541
- /* Sections
4542
- * ========================================================================== */
4543
- /**
4544
- * Correct the font size and margin on `h1` elements within `section` and
4545
- * `article` contexts in Chrome, Edge, Firefox, and Safari.
4546
- */
4547
- :where(h1) {
4548
- font-size: 2em;
4549
- margin-block-end: 0.67em;
4550
- margin-block-start: 0.67em;
4551
- }
4552
-
4553
- /* Grouping content
4554
- * ========================================================================== */
4555
- /**
4556
- * Remove the margin on nested lists in Chrome, Edge, and Safari.
4557
- */
4558
- :where(dl, ol, ul) :where(dl, ol, ul) {
4559
- margin-block-end: 0;
4560
- margin-block-start: 0;
4561
- }
4562
-
4563
- /**
4564
- * 1. Add the correct box sizing in Firefox.
4565
- * 2. Correct the inheritance of border color in Firefox.
4566
- */
4567
- :where(hr) {
4568
- box-sizing: content-box; /* 1 */
4569
- color: inherit; /* 2 */
4570
- height: 0; /* 1 */
4571
- }
4572
-
4573
- /* Text-level semantics
4574
- * ========================================================================== */
4575
- /**
4576
- * Add the correct text decoration in Safari.
4577
- */
4578
- :where(abbr[title]) {
4579
- text-decoration: underline;
4580
- text-decoration: underline dotted;
4581
- }
4582
-
4583
- /**
4584
- * Add the correct font weight in Chrome, Edge, and Safari.
4585
- */
4586
- :where(b, strong) {
4587
- font-weight: bolder;
4588
- }
4589
-
4590
- /**
4591
- * 1. Correct the inheritance and scaling of font size in all browsers.
4592
- * 2. Correct the odd `em` font sizing in all browsers.
4593
- */
4594
- :where(code, kbd, pre, samp) {
4595
- font-family: monospace, monospace; /* 1 */
4596
- font-size: 1em; /* 2 */
4597
- }
4598
-
4599
- /**
4600
- * Add the correct font size in all browsers.
4601
- */
4602
- :where(small) {
4603
- font-size: 80%;
4604
- }
4605
-
4606
- /* Tabular data
4607
- * ========================================================================== */
4608
- /**
4609
- * 1. Correct table border color in Chrome, Edge, and Safari.
4610
- * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
4611
- */
4612
- :where(table) {
4613
- border-color: currentColor; /* 1 */
4614
- text-indent: 0; /* 2 */
4615
- }
4616
-
4617
- /* Forms
4618
- * ========================================================================== */
4619
- /**
4620
- * Remove the margin on controls in Safari.
4621
- */
4622
- :where(button, input, select) {
4623
- margin: 0;
4624
- }
4625
-
4626
- /**
4627
- * Remove the inheritance of text transform in Firefox.
4628
- */
4629
- :where(button) {
4630
- text-transform: none;
4631
- }
4632
-
4633
- /**
4634
- * Correct the inability to style buttons in iOS and Safari.
4635
- */
4636
- :where(button, input:is([type=button i], [type=reset i], [type=submit i])) {
4637
- -webkit-appearance: button;
4638
- }
4639
-
4640
- /**
4641
- * Add the correct vertical alignment in Chrome, Edge, and Firefox.
4642
- */
4643
- :where(progress) {
4644
- vertical-align: baseline;
4645
- }
4646
-
4647
- /**
4648
- * Remove the inheritance of text transform in Firefox.
4649
- */
4650
- :where(select) {
4651
- text-transform: none;
4652
- }
4653
-
4654
- /**
4655
- * Remove the margin in Firefox and Safari.
4656
- */
4657
- :where(textarea) {
4658
- margin: 0;
4659
- }
4660
-
4661
- /**
4662
- * 1. Correct the odd appearance in Chrome, Edge, and Safari.
4663
- * 2. Correct the outline style in Safari.
4664
- */
4665
- :where(input[type=search i]) {
4666
- -webkit-appearance: textfield; /* 1 */
4667
- outline-offset: -2px; /* 2 */
4668
- }
4669
-
4670
- /**
4671
- * Correct the cursor style of increment and decrement buttons in Safari.
4672
- */
4673
- ::-webkit-inner-spin-button,
4674
- ::-webkit-outer-spin-button {
4675
- height: auto;
4676
- }
4677
-
4678
- /**
4679
- * Correct the text style of placeholders in Chrome, Edge, and Safari.
4680
- */
4681
- ::-webkit-input-placeholder {
4682
- color: inherit;
4683
- opacity: 0.54;
4684
- }
4685
-
4686
- /**
4687
- * Remove the inner padding in Chrome, Edge, and Safari on macOS.
4688
- */
4689
- ::-webkit-search-decoration {
4690
- -webkit-appearance: none;
4691
- }
4692
-
4693
- /**
4694
- * 1. Correct the inability to style upload buttons in iOS and Safari.
4695
- * 2. Change font properties to `inherit` in Safari.
4696
- */
4697
- ::-webkit-file-upload-button {
4698
- -webkit-appearance: button; /* 1 */
4699
- font: inherit; /* 2 */
4700
- }
4701
-
4702
- /**
4703
- * Remove the inner border and padding of focus outlines in Firefox.
4704
- */
4705
- :where(button, input:is([type=button i], [type=color i], [type=reset i], [type=submit i]))::-moz-focus-inner {
4706
- border-style: none;
4707
- padding: 0;
4708
- }
4709
-
4710
- /**
4711
- * Restore the focus outline styles unset by the previous rule in Firefox.
4712
- */
4713
- :where(button, input:is([type=button i], [type=color i], [type=reset i], [type=submit i]))::-moz-focusring {
4714
- outline: 1px dotted ButtonText;
4715
- }
4716
-
4717
- /**
4718
- * Remove the additional :invalid styles in Firefox.
4719
- */
4720
- :where(:-moz-ui-invalid) {
4721
- box-shadow: none;
4722
- }
4723
-
4724
- /* Interactive
4725
- * ========================================================================== */
4726
- /*
4727
- * Add the correct styles in Safari.
4728
- */
4729
- :where(dialog) {
4730
- background-color: white;
4731
- border: solid;
4732
- color: black;
4733
- height: -moz-fit-content;
4734
- height: fit-content;
4735
- left: 0;
4736
- margin: auto;
4737
- padding: 1em;
4738
- position: absolute;
4739
- right: 0;
4740
- width: -moz-fit-content;
4741
- width: fit-content;
4742
- }
4743
-
4744
- :where(dialog:not([open])) {
4745
- display: none;
4746
- }
4747
-
4748
- /*
4749
- * Add the correct display in all browsers.
4750
- */
4751
- :where(summary) {
4752
- display: list-item;
4753
- }
4754
-
4755
- @property --db-screen-xs {
4756
- syntax: "*";
4757
- inherits: true;
4758
- initial-value: 20em;
4759
- }
4760
- @property --db-screen-sm {
4761
- syntax: "*";
4762
- inherits: true;
4763
- initial-value: 48em;
4764
- }
4765
- @property --db-screen-md {
4766
- syntax: "*";
4767
- inherits: true;
4768
- initial-value: 64em;
4769
- }
4770
- @property --db-screen-xl {
4771
- syntax: "*";
4772
- inherits: true;
4773
- initial-value: 120em;
4774
- }
4775
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
4776
- @layer variables {
4777
- :root,
4778
- :host {
4779
- /* COLORS */
4780
- --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
4781
- --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
4782
- --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");
4783
- }
4784
- @media (prefers-color-scheme: dark) {
4785
- :root,
4786
- :host {
4787
- --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
4788
- --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
4789
- --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
4790
- }
4791
- }
4792
- :root [data-mode=dark],
4793
- :host [data-mode=dark] {
4794
- --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
4795
- --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
4796
- --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
4797
- }
4798
- :root [data-mode=light],
4799
- :host [data-mode=light] {
4800
- --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
4801
- --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
4802
- --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");
4803
- }
4804
- }
4805
- :root {
4806
- color-scheme: var(--db-color-scheme, light dark);
4807
- }
4808
-
4809
- head:has([name=color-scheme][content*=light][content*=dark]) + body {
4810
- --db-color-scheme: light dark;
4811
- }
4812
- head:has([name=color-scheme][content=light]) + body {
4813
- --db-color-scheme: light;
4814
- }
4815
- head:has([name=color-scheme][content=dark]) + body {
4816
- --db-color-scheme: dark;
4817
- }
4818
-
4819
- [data-mode=light] {
4820
- color-scheme: light;
4821
- }
4822
-
4823
- [data-mode=dark] {
4824
- color-scheme: dark;
4825
- }
4826
-
4827
- html,
4828
- body {
4829
- margin: 0;
4830
- padding: 0;
4831
- }
4832
-
4833
- /* stylelint-disable selector-max-id */
4834
- body,
4835
- #root,
4836
- #app {
4837
- block-size: inherit;
4838
- }
4839
-
4840
- /* stylelint-enable selector-max-id */
4841
- body {
4842
- font-family: var(--db-font-family-sans);
4843
- }
4844
-
4845
- *,
4846
- ::before,
4847
- ::after {
4848
- box-sizing: var(--db-box-sizing, border-box);
4849
- }
4850
-
4851
- * {
4852
- /* Use this to get similar fonts in all browser */
4853
- -webkit-font-smoothing: antialiased;
4854
- font-synthesis: none;
4855
- text-rendering: optimizelegibility;
4856
- }
4857
-
4858
- body,
4859
- button,
4860
- input,
4861
- textarea,
4862
- summary,
4863
- select,
4864
- a {
4865
- color: inherit;
4866
- }
4867
-
4868
- img,
4869
- embed,
4870
- iframe,
4871
- object,
4872
- video {
4873
- block-size: auto;
4874
- max-inline-size: 100%;
4875
- }
4876
-
4877
- iframe {
4878
- border: 0;
4879
- }
4880
-
4881
- :where(ul) {
4882
- padding-inline-start: var(--db-spacing-fixed-md);
4883
- /* stylelint-disable-next-line declaration-property-value-no-unknown, no-irregular-whitespace */
4884
- list-style-type: "• ";
4885
- }
4886
- :where(ul) li::marker {
4887
- color: var(--db-brand-origin-default);
4888
- }
4889
-
4890
- nav ol,
4891
- nav ul,
4892
- [role=navigation] ol,
4893
- [role=navigation] ul {
4894
- list-style-type: "";
4895
- margin: 0;
4896
- padding: 0;
4897
- }
4898
-
4899
- fieldset {
4900
- border: 0;
4901
- }
4902
-
4903
- details > *,
4904
- details > ::before,
4905
- details > ::after {
4906
- box-sizing: var(--db-box-sizing, border-box);
4907
- }