@db-ux/core-foundations 1.0.0-test-13b991d

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 (263) hide show
  1. package/README.md +351 -0
  2. package/assets/fonts/OFL.txt +93 -0
  3. package/assets/fonts/OpenSans-Bold-EU.woff2 +0 -0
  4. package/assets/fonts/OpenSans-Bold.ttf +0 -0
  5. package/assets/fonts/OpenSans-ExtraBold-EU.woff2 +0 -0
  6. package/assets/fonts/OpenSans-ExtraBold.ttf +0 -0
  7. package/assets/fonts/OpenSans-Light-EU.woff2 +0 -0
  8. package/assets/fonts/OpenSans-Light.ttf +0 -0
  9. package/assets/fonts/OpenSans-Medium-EU.woff2 +0 -0
  10. package/assets/fonts/OpenSans-Medium.ttf +0 -0
  11. package/assets/fonts/OpenSans-Regular-EU.woff2 +0 -0
  12. package/assets/fonts/OpenSans-Regular.ttf +0 -0
  13. package/assets/fonts/OpenSans-SemiBold-EU.woff2 +0 -0
  14. package/assets/fonts/OpenSans-SemiBold.ttf +0 -0
  15. package/assets/fonts/README.md +23 -0
  16. package/assets/fonts/generate-eu-fonts.ts +46 -0
  17. package/assets/fonts/unicode-eu.txt +14 -0
  18. package/assets/icons/DB_LICENSE +253 -0
  19. package/assets/icons/LICENCES.json +153 -0
  20. package/assets/icons/arrow_down.svg +1 -0
  21. package/assets/icons/arrow_left.svg +1 -0
  22. package/assets/icons/arrow_right.svg +1 -0
  23. package/assets/icons/arrow_up.svg +1 -0
  24. package/assets/icons/arrow_up_right.svg +1 -0
  25. package/assets/icons/brand.svg +1 -0
  26. package/assets/icons/calendar.svg +5 -0
  27. package/assets/icons/check-circle.svg +1 -0
  28. package/assets/icons/check.svg +1 -0
  29. package/assets/icons/check_circle.svg +1 -0
  30. package/assets/icons/chevron_down.svg +1 -0
  31. package/assets/icons/chevron_left.svg +1 -0
  32. package/assets/icons/chevron_right.svg +1 -0
  33. package/assets/icons/chevron_up.svg +1 -0
  34. package/assets/icons/circle.svg +1 -0
  35. package/assets/icons/clock.svg +1 -0
  36. package/assets/icons/cross.svg +1 -0
  37. package/assets/icons/cross_circle.svg +1 -0
  38. package/assets/icons/exclamation_mark_circle.svg +1 -0
  39. package/assets/icons/exclamation_mark_triangle.svg +1 -0
  40. package/assets/icons/fonts/all/db-ux.woff2 +0 -0
  41. package/assets/icons/fonts/default/db-ux.woff2 +0 -0
  42. package/assets/icons/fonts/default_12/db-ux.woff2 +0 -0
  43. package/assets/icons/fonts/default_14/db-ux.woff2 +0 -0
  44. package/assets/icons/fonts/default_16/db-ux.woff2 +0 -0
  45. package/assets/icons/fonts/default_20/db-ux.woff2 +0 -0
  46. package/assets/icons/fonts/default_24/db-ux.woff2 +0 -0
  47. package/assets/icons/fonts/default_28/db-ux.woff2 +0 -0
  48. package/assets/icons/fonts/default_32/db-ux.woff2 +0 -0
  49. package/assets/icons/fonts/default_48/db-ux.woff2 +0 -0
  50. package/assets/icons/fonts/default_64/db-ux.woff2 +0 -0
  51. package/assets/icons/fonts/filled/db-ux.woff2 +0 -0
  52. package/assets/icons/fonts/filled_12/db-ux.woff2 +0 -0
  53. package/assets/icons/fonts/filled_14/db-ux.woff2 +0 -0
  54. package/assets/icons/fonts/filled_16/db-ux.woff2 +0 -0
  55. package/assets/icons/fonts/filled_20/db-ux.woff2 +0 -0
  56. package/assets/icons/fonts/filled_24/db-ux.woff2 +0 -0
  57. package/assets/icons/fonts/filled_28/db-ux.woff2 +0 -0
  58. package/assets/icons/fonts/filled_32/db-ux.woff2 +0 -0
  59. package/assets/icons/fonts/filled_48/db-ux.woff2 +0 -0
  60. package/assets/icons/fonts/filled_64/db-ux.woff2 +0 -0
  61. package/assets/icons/information_circle.svg +1 -0
  62. package/assets/icons/magnifying_glass.svg +1 -0
  63. package/assets/icons/menu.svg +1 -0
  64. package/assets/icons/minus.svg +1 -0
  65. package/assets/icons/plus.svg +1 -0
  66. package/assets/icons/resize_handle_corner.svg +1 -0
  67. package/assets/icons/x_placeholder.svg +1 -0
  68. package/build/all-icons.d.ts +1 -0
  69. package/build/all-icons.js +28 -0
  70. package/build/base-icon-types.d.ts +1 -0
  71. package/build/base-icon-types.js +1 -0
  72. package/build/icon-types.d.ts +20 -0
  73. package/build/icon-types.js +1 -0
  74. package/build/ide/db.ide.css +1072 -0
  75. package/build/index.d.ts +3 -0
  76. package/build/index.js +3 -0
  77. package/build/styles/_absolute.assets-paths.scss +5 -0
  78. package/build/styles/_default.assets-paths.scss +2 -0
  79. package/build/styles/_normalize.scss +257 -0
  80. package/build/styles/_rollup.assets-paths.scss +5 -0
  81. package/build/styles/_screen-sizes.scss +49 -0
  82. package/build/styles/_variables.scss +80 -0
  83. package/build/styles/_webpack.assets-paths.scss +5 -0
  84. package/build/styles/absolute.css +1185 -0
  85. package/build/styles/absolute.scss +3 -0
  86. package/build/styles/animation/_animations.scss +109 -0
  87. package/build/styles/animation/_index.scss +2 -0
  88. package/build/styles/animation/_transitions.scss +14 -0
  89. package/build/styles/colors/_default-color-scheme.scss +2957 -0
  90. package/build/styles/colors/_default-palette.scss +2523 -0
  91. package/build/styles/colors/_index.scss +5 -0
  92. package/build/styles/colors/_placeholder.scss +203 -0
  93. package/build/styles/colors/_variables.additional-palette.scss +285 -0
  94. package/build/styles/colors/_variables.additional-speaking-colors.scss +9 -0
  95. package/build/styles/colors/_variables.additional.scss +2 -0
  96. package/build/styles/colors/_variables.palette.scss +225 -0
  97. package/build/styles/colors/_variables.scss +156 -0
  98. package/build/styles/colors/_variables.speaking-colors.scss +8 -0
  99. package/build/styles/colors/classes/_get-class.scss +23 -0
  100. package/build/styles/colors/classes/all.css +2320 -0
  101. package/build/styles/colors/classes/all.scss +18 -0
  102. package/build/styles/colors/classes/blue.css +151 -0
  103. package/build/styles/colors/classes/blue.scss +6 -0
  104. package/build/styles/colors/classes/brand.css +151 -0
  105. package/build/styles/colors/classes/brand.scss +6 -0
  106. package/build/styles/colors/classes/critical.css +151 -0
  107. package/build/styles/colors/classes/critical.scss +6 -0
  108. package/build/styles/colors/classes/cyan.css +151 -0
  109. package/build/styles/colors/classes/cyan.scss +6 -0
  110. package/build/styles/colors/classes/green.css +151 -0
  111. package/build/styles/colors/classes/green.scss +6 -0
  112. package/build/styles/colors/classes/informational.css +151 -0
  113. package/build/styles/colors/classes/informational.scss +6 -0
  114. package/build/styles/colors/classes/neutral.css +151 -0
  115. package/build/styles/colors/classes/neutral.scss +6 -0
  116. package/build/styles/colors/classes/orange.css +151 -0
  117. package/build/styles/colors/classes/orange.scss +6 -0
  118. package/build/styles/colors/classes/pink.css +151 -0
  119. package/build/styles/colors/classes/pink.scss +6 -0
  120. package/build/styles/colors/classes/red.css +151 -0
  121. package/build/styles/colors/classes/red.scss +6 -0
  122. package/build/styles/colors/classes/successful.css +151 -0
  123. package/build/styles/colors/classes/successful.scss +6 -0
  124. package/build/styles/colors/classes/turquoise.css +151 -0
  125. package/build/styles/colors/classes/turquoise.scss +6 -0
  126. package/build/styles/colors/classes/violet.css +151 -0
  127. package/build/styles/colors/classes/violet.scss +6 -0
  128. package/build/styles/colors/classes/warning.css +151 -0
  129. package/build/styles/colors/classes/warning.scss +6 -0
  130. package/build/styles/colors/classes/yellow.css +151 -0
  131. package/build/styles/colors/classes/yellow.scss +6 -0
  132. package/build/styles/colors/speaking-colors/additional/_blue.speaking-colors.scss +112 -0
  133. package/build/styles/colors/speaking-colors/additional/_cyan.speaking-colors.scss +112 -0
  134. package/build/styles/colors/speaking-colors/additional/_green.speaking-colors.scss +112 -0
  135. package/build/styles/colors/speaking-colors/additional/_orange.speaking-colors.scss +112 -0
  136. package/build/styles/colors/speaking-colors/additional/_pink.speaking-colors.scss +112 -0
  137. package/build/styles/colors/speaking-colors/additional/_red.speaking-colors.scss +112 -0
  138. package/build/styles/colors/speaking-colors/additional/_turquoise.speaking-colors.scss +136 -0
  139. package/build/styles/colors/speaking-colors/additional/_violet.speaking-colors.scss +112 -0
  140. package/build/styles/colors/speaking-colors/additional/_yellow.speaking-colors.scss +112 -0
  141. package/build/styles/colors/speaking-colors/semantic/_brand.speaking-colors.scss +112 -0
  142. package/build/styles/colors/speaking-colors/semantic/_critical.speaking-colors.scss +130 -0
  143. package/build/styles/colors/speaking-colors/semantic/_informational.speaking-colors.scss +136 -0
  144. package/build/styles/colors/speaking-colors/semantic/_neutral.speaking-colors.scss +130 -0
  145. package/build/styles/colors/speaking-colors/semantic/_successful.speaking-colors.scss +136 -0
  146. package/build/styles/colors/speaking-colors/semantic/_warning.speaking-colors.scss +130 -0
  147. package/build/styles/defaults/default-code.css +93 -0
  148. package/build/styles/defaults/default-code.scss +42 -0
  149. package/build/styles/defaults/default-elevation.css +1 -0
  150. package/build/styles/defaults/default-elevation.scss +22 -0
  151. package/build/styles/defaults/default-fonts.css +25 -0
  152. package/build/styles/defaults/default-fonts.scss +79 -0
  153. package/build/styles/defaults/default-icons.css +1 -0
  154. package/build/styles/defaults/default-icons.scss +57 -0
  155. package/build/styles/defaults/default-required.css +1 -0
  156. package/build/styles/defaults/default-required.scss +137 -0
  157. package/build/styles/defaults/default-root.css +93 -0
  158. package/build/styles/defaults/default-root.scss +9 -0
  159. package/build/styles/defaults/default-theme.css +93 -0
  160. package/build/styles/defaults/default-theme.scss +864 -0
  161. package/build/styles/density/_densities.scss +13 -0
  162. package/build/styles/density/_index.scss +5 -0
  163. package/build/styles/density/_scaling-placeholder.scss +57 -0
  164. package/build/styles/density/_typography-placeholder.scss +86 -0
  165. package/build/styles/density/_variables.scss +3 -0
  166. package/build/styles/density/classes/_get-class.scss +10 -0
  167. package/build/styles/density/classes/all.css +1033 -0
  168. package/build/styles/density/classes/all.scss +6 -0
  169. package/build/styles/density/classes/expressive.css +363 -0
  170. package/build/styles/density/classes/expressive.scss +6 -0
  171. package/build/styles/density/classes/functional.css +363 -0
  172. package/build/styles/density/classes/functional.scss +6 -0
  173. package/build/styles/density/classes/regular.css +363 -0
  174. package/build/styles/density/classes/regular.scss +6 -0
  175. package/build/styles/fonts/_font-sizes.scss +55 -0
  176. package/build/styles/fonts/_index.scss +1 -0
  177. package/build/styles/fonts/absolute.css +1 -0
  178. package/build/styles/fonts/absolute.scss +3 -0
  179. package/build/styles/fonts/classes/all.css +185 -0
  180. package/build/styles/fonts/classes/all.scss +13 -0
  181. package/build/styles/fonts/classes/body/2xl.css +16 -0
  182. package/build/styles/fonts/classes/body/2xl.scss +8 -0
  183. package/build/styles/fonts/classes/body/2xs.css +16 -0
  184. package/build/styles/fonts/classes/body/2xs.scss +8 -0
  185. package/build/styles/fonts/classes/body/3xl.css +16 -0
  186. package/build/styles/fonts/classes/body/3xl.scss +8 -0
  187. package/build/styles/fonts/classes/body/3xs.css +16 -0
  188. package/build/styles/fonts/classes/body/3xs.scss +8 -0
  189. package/build/styles/fonts/classes/body/all.css +104 -0
  190. package/build/styles/fonts/classes/body/all.scss +8 -0
  191. package/build/styles/fonts/classes/body/lg.css +16 -0
  192. package/build/styles/fonts/classes/body/lg.scss +8 -0
  193. package/build/styles/fonts/classes/body/md.css +16 -0
  194. package/build/styles/fonts/classes/body/md.scss +8 -0
  195. package/build/styles/fonts/classes/body/sm.css +16 -0
  196. package/build/styles/fonts/classes/body/sm.scss +8 -0
  197. package/build/styles/fonts/classes/body/xl.css +16 -0
  198. package/build/styles/fonts/classes/body/xl.scss +8 -0
  199. package/build/styles/fonts/classes/body/xs.css +16 -0
  200. package/build/styles/fonts/classes/body/xs.scss +8 -0
  201. package/build/styles/fonts/classes/headline/2xl.css +14 -0
  202. package/build/styles/fonts/classes/headline/2xl.scss +8 -0
  203. package/build/styles/fonts/classes/headline/2xs.css +14 -0
  204. package/build/styles/fonts/classes/headline/2xs.scss +8 -0
  205. package/build/styles/fonts/classes/headline/3xl.css +14 -0
  206. package/build/styles/fonts/classes/headline/3xl.scss +8 -0
  207. package/build/styles/fonts/classes/headline/3xs.css +14 -0
  208. package/build/styles/fonts/classes/headline/3xs.scss +8 -0
  209. package/build/styles/fonts/classes/headline/all.css +86 -0
  210. package/build/styles/fonts/classes/headline/all.scss +8 -0
  211. package/build/styles/fonts/classes/headline/lg.css +14 -0
  212. package/build/styles/fonts/classes/headline/lg.scss +8 -0
  213. package/build/styles/fonts/classes/headline/md.css +14 -0
  214. package/build/styles/fonts/classes/headline/md.scss +8 -0
  215. package/build/styles/fonts/classes/headline/sm.css +14 -0
  216. package/build/styles/fonts/classes/headline/sm.scss +8 -0
  217. package/build/styles/fonts/classes/headline/xl.css +14 -0
  218. package/build/styles/fonts/classes/headline/xl.scss +8 -0
  219. package/build/styles/fonts/classes/headline/xs.css +14 -0
  220. package/build/styles/fonts/classes/headline/xs.scss +8 -0
  221. package/build/styles/fonts/relative.css +1 -0
  222. package/build/styles/fonts/relative.scss +57 -0
  223. package/build/styles/fonts/rollup.css +1 -0
  224. package/build/styles/fonts/rollup.scss +3 -0
  225. package/build/styles/fonts/webpack.css +1 -0
  226. package/build/styles/fonts/webpack.scss +3 -0
  227. package/build/styles/helpers/_a11y.scss +17 -0
  228. package/build/styles/helpers/_clearfix.scss +5 -0
  229. package/build/styles/helpers/_divider.scss +50 -0
  230. package/build/styles/helpers/_focus.scss +23 -0
  231. package/build/styles/helpers/_functions.scss +44 -0
  232. package/build/styles/helpers/_index.scss +6 -0
  233. package/build/styles/helpers/_shadow-dom.scss +5 -0
  234. package/build/styles/helpers/classes/all.css +238 -0
  235. package/build/styles/helpers/classes/all.scss +2 -0
  236. package/build/styles/helpers/classes/divider.css +221 -0
  237. package/build/styles/helpers/classes/divider.scss +13 -0
  238. package/build/styles/helpers/classes/focus.css +24 -0
  239. package/build/styles/helpers/classes/focus.scss +6 -0
  240. package/build/styles/icons/_icon-helpers.scss +161 -0
  241. package/build/styles/icons/_index.scss +1 -0
  242. package/build/styles/icons/absolute.css +1 -0
  243. package/build/styles/icons/absolute.scss +3 -0
  244. package/build/styles/icons/relative.css +1 -0
  245. package/build/styles/icons/relative.scss +50 -0
  246. package/build/styles/icons/rollup.css +1 -0
  247. package/build/styles/icons/rollup.scss +3 -0
  248. package/build/styles/icons/webpack.css +1 -0
  249. package/build/styles/icons/webpack.scss +3 -0
  250. package/build/styles/index.css +1185 -0
  251. package/build/styles/index.scss +6 -0
  252. package/build/styles/relative.css +7344 -0
  253. package/build/styles/relative.scss +4 -0
  254. package/build/styles/rollup.css +1185 -0
  255. package/build/styles/rollup.scss +3 -0
  256. package/build/styles/webpack.css +1185 -0
  257. package/build/styles/webpack.scss +3 -0
  258. package/build/tailwind/tailwind-tokens.json +252 -0
  259. package/build/tailwind/tailwind.config.cjs +15 -0
  260. package/build/tailwind/tailwind.config.mjs +16 -0
  261. package/build/tailwind/theme/colors.css +154 -0
  262. package/build/tailwind/theme/index.css +176 -0
  263. package/package.json +64 -0
package/build/styles/defaults/default-theme.scss ADDED
@@ -0,0 +1,864 @@
1
+ @use "../colors/default-color-scheme";
2
+ @use "../colors/default-palette";
3
+ @use "../colors/placeholder";
4
+
5
+ @include default-palette.get-color-palette;
6
+ @include default-palette.get-additional-color-palette;
7
+
8
+ :root {
9
+ --db-spacing-responsive-regular-desktop-3xl: 40rem;
10
+ --db-spacing-responsive-regular-desktop-2xl: 30rem;
11
+ --db-spacing-responsive-regular-desktop-xl: 15rem;
12
+ --db-spacing-responsive-regular-desktop-lg: 7.5rem;
13
+ --db-spacing-responsive-regular-desktop-md: 5rem;
14
+ --db-spacing-responsive-regular-desktop-sm: 3rem;
15
+ --db-spacing-responsive-regular-desktop-xs: 2rem;
16
+ --db-spacing-responsive-regular-desktop-2xs: 1.5rem;
17
+ --db-spacing-responsive-regular-desktop-3xs: 1.25rem;
18
+ --db-spacing-responsive-regular-tablet-3xs: 1rem;
19
+ --db-spacing-responsive-regular-tablet-2xs: 1.25rem;
20
+ --db-spacing-responsive-regular-tablet-xs: 1.75rem;
21
+ --db-spacing-responsive-regular-tablet-sm: 2.5rem;
22
+ --db-spacing-responsive-regular-tablet-md: 4rem;
23
+ --db-spacing-responsive-regular-tablet-lg: 6rem;
24
+ --db-spacing-responsive-regular-tablet-xl: 10rem;
25
+ --db-spacing-responsive-regular-tablet-2xl: 15rem;
26
+ --db-spacing-responsive-regular-tablet-3xl: 30rem;
27
+ --db-spacing-responsive-regular-mobile-3xs: 1rem;
28
+ --db-spacing-responsive-regular-mobile-2xs: 1.25rem;
29
+ --db-spacing-responsive-regular-mobile-xs: 1.5rem;
30
+ --db-spacing-responsive-regular-mobile-sm: 2rem;
31
+ --db-spacing-responsive-regular-mobile-md: 3rem;
32
+ --db-spacing-responsive-regular-mobile-lg: 5rem;
33
+ --db-spacing-responsive-regular-mobile-xl: 7.5rem;
34
+ --db-spacing-responsive-regular-mobile-2xl: 10rem;
35
+ --db-spacing-responsive-regular-mobile-3xl: 15rem;
36
+ --db-spacing-responsive-functional-desktop-3xs: 1rem;
37
+ --db-spacing-responsive-functional-desktop-2xs: 1.25rem;
38
+ --db-spacing-responsive-functional-desktop-xs: 1.75rem;
39
+ --db-spacing-responsive-functional-desktop-sm: 2.5rem;
40
+ --db-spacing-responsive-functional-desktop-md: 4rem;
41
+ --db-spacing-responsive-functional-desktop-lg: 6rem;
42
+ --db-spacing-responsive-functional-desktop-xl: 10rem;
43
+ --db-spacing-responsive-functional-desktop-2xl: 15rem;
44
+ --db-spacing-responsive-functional-desktop-3xl: 30rem;
45
+ --db-spacing-responsive-functional-tablet-3xs: 1rem;
46
+ --db-spacing-responsive-functional-tablet-2xs: 1.25rem;
47
+ --db-spacing-responsive-functional-tablet-xs: 1.5rem;
48
+ --db-spacing-responsive-functional-tablet-sm: 2rem;
49
+ --db-spacing-responsive-functional-tablet-md: 3rem;
50
+ --db-spacing-responsive-functional-tablet-lg: 5rem;
51
+ --db-spacing-responsive-functional-tablet-xl: 7.5rem;
52
+ --db-spacing-responsive-functional-tablet-2xl: 10rem;
53
+ --db-spacing-responsive-functional-tablet-3xl: 15rem;
54
+ --db-spacing-responsive-functional-mobile-3xs: 1rem;
55
+ --db-spacing-responsive-functional-mobile-2xs: 1.25rem;
56
+ --db-spacing-responsive-functional-mobile-xs: 1.25rem;
57
+ --db-spacing-responsive-functional-mobile-sm: 1.75rem;
58
+ --db-spacing-responsive-functional-mobile-md: 2.5rem;
59
+ --db-spacing-responsive-functional-mobile-lg: 4rem;
60
+ --db-spacing-responsive-functional-mobile-xl: 6rem;
61
+ --db-spacing-responsive-functional-mobile-2xl: 7.5rem;
62
+ --db-spacing-responsive-functional-mobile-3xl: 10rem;
63
+ --db-spacing-responsive-expressive-desktop-3xs: 1.75rem;
64
+ --db-spacing-responsive-expressive-desktop-2xs: 2rem;
65
+ --db-spacing-responsive-expressive-desktop-xs: 3rem;
66
+ --db-spacing-responsive-expressive-desktop-sm: 5rem;
67
+ --db-spacing-responsive-expressive-desktop-md: 7.5rem;
68
+ --db-spacing-responsive-expressive-desktop-lg: 15rem;
69
+ --db-spacing-responsive-expressive-desktop-xl: 30rem;
70
+ --db-spacing-responsive-expressive-desktop-2xl: 40rem;
71
+ --db-spacing-responsive-expressive-desktop-3xl: 50rem;
72
+ --db-spacing-responsive-expressive-tablet-3xs: 1.5rem;
73
+ --db-spacing-responsive-expressive-tablet-2xs: 1.75rem;
74
+ --db-spacing-responsive-expressive-tablet-xs: 2.5rem;
75
+ --db-spacing-responsive-expressive-tablet-sm: 4rem;
76
+ --db-spacing-responsive-expressive-tablet-md: 6rem;
77
+ --db-spacing-responsive-expressive-tablet-lg: 10rem;
78
+ --db-spacing-responsive-expressive-tablet-xl: 15rem;
79
+ --db-spacing-responsive-expressive-tablet-2xl: 30rem;
80
+ --db-spacing-responsive-expressive-tablet-3xl: 40rem;
81
+ --db-spacing-responsive-expressive-mobile-3xs: 1.25rem;
82
+ --db-spacing-responsive-expressive-mobile-2xs: 1.5rem;
83
+ --db-spacing-responsive-expressive-mobile-xs: 2rem;
84
+ --db-spacing-responsive-expressive-mobile-sm: 3rem;
85
+ --db-spacing-responsive-expressive-mobile-md: 5rem;
86
+ --db-spacing-responsive-expressive-mobile-lg: 7.5rem;
87
+ --db-spacing-responsive-expressive-mobile-xl: 10rem;
88
+ --db-spacing-responsive-expressive-mobile-2xl: 15rem;
89
+ --db-spacing-responsive-expressive-mobile-3xl: 30rem;
90
+ --db-spacing-fixed-regular-3xs: 0.125rem;
91
+ --db-spacing-fixed-regular-2xs: 0.25rem;
92
+ --db-spacing-fixed-regular-xs: 0.5rem;
93
+ --db-spacing-fixed-regular-sm: 0.75rem;
94
+ --db-spacing-fixed-regular-md: 1rem;
95
+ --db-spacing-fixed-regular-lg: 1.5rem;
96
+ --db-spacing-fixed-regular-xl: 2rem;
97
+ --db-spacing-fixed-regular-2xl: 3rem;
98
+ --db-spacing-fixed-regular-3xl: 5rem;
99
+ --db-spacing-fixed-functional-3xs: 0.125rem;
100
+ --db-spacing-fixed-functional-2xs: 0.25rem;
101
+ --db-spacing-fixed-functional-xs: 0.375rem;
102
+ --db-spacing-fixed-functional-sm: 0.5rem;
103
+ --db-spacing-fixed-functional-md: 0.75rem;
104
+ --db-spacing-fixed-functional-lg: 1rem;
105
+ --db-spacing-fixed-functional-xl: 1.5rem;
106
+ --db-spacing-fixed-functional-2xl: 2rem;
107
+ --db-spacing-fixed-functional-3xl: 3rem;
108
+ --db-spacing-fixed-expressive-3xs: 0.25rem;
109
+ --db-spacing-fixed-expressive-2xs: 0.5rem;
110
+ --db-spacing-fixed-expressive-xs: 0.75rem;
111
+ --db-spacing-fixed-expressive-sm: 1rem;
112
+ --db-spacing-fixed-expressive-md: 1.5rem;
113
+ --db-spacing-fixed-expressive-lg: 2rem;
114
+ --db-spacing-fixed-expressive-xl: 3rem;
115
+ --db-spacing-fixed-expressive-2xl: 5rem;
116
+ --db-spacing-fixed-expressive-3xl: 7.5rem;
117
+ --db-sizing-regular-3xl: 15rem;
118
+ --db-sizing-regular-2xl: 10rem;
119
+ --db-sizing-regular-xl: 6rem;
120
+ --db-sizing-regular-lg: 4rem;
121
+ --db-sizing-regular-md: 2.5rem;
122
+ --db-sizing-regular-sm: 1.5rem;
123
+ --db-sizing-regular-xs: 1rem;
124
+ --db-sizing-regular-2xs: 0.75rem;
125
+ --db-sizing-regular-3xs: 0.5rem;
126
+ --db-sizing-functional-3xs: 0.375rem;
127
+ --db-sizing-functional-2xs: 0.625rem;
128
+ --db-sizing-functional-xs: 0.875rem;
129
+ --db-sizing-functional-sm: 1.25rem;
130
+ --db-sizing-functional-md: 2rem;
131
+ --db-sizing-functional-lg: 3rem;
132
+ --db-sizing-functional-xl: 5rem;
133
+ --db-sizing-functional-2xl: 7.5rem;
134
+ --db-sizing-functional-3xl: 10rem;
135
+ --db-sizing-expressive-3xs: 0.625rem;
136
+ --db-sizing-expressive-2xs: 0.875rem;
137
+ --db-sizing-expressive-xs: 1.25rem;
138
+ --db-sizing-expressive-sm: 1.75rem;
139
+ --db-sizing-expressive-md: 3rem;
140
+ --db-sizing-expressive-lg: 5rem;
141
+ --db-sizing-expressive-xl: 7.5rem;
142
+ --db-sizing-expressive-2xl: 15rem;
143
+ --db-sizing-expressive-3xl: 30rem;
144
+ --db-typography-regular-desktop-headline-3xl-line-height: 1.2;
145
+ --db-typography-regular-desktop-headline-3xl-font-size: 5rem;
146
+ --db-base-icon-weight-regular-desktop-headline-3xl: 96;
147
+ --db-base-icon-font-size-regular-desktop-headline-3xl: 6rem;
148
+ --db-typography-regular-desktop-headline-2xl-line-height: 1.25;
149
+ --db-typography-regular-desktop-headline-2xl-font-size: 4rem;
150
+ --db-base-icon-weight-regular-desktop-headline-2xl: 80;
151
+ --db-base-icon-font-size-regular-desktop-headline-2xl: 5rem;
152
+ --db-typography-regular-desktop-headline-xl-line-height: 1.3333333333333333;
153
+ --db-typography-regular-desktop-headline-xl-font-size: 3rem;
154
+ --db-base-icon-weight-regular-desktop-headline-xl: 64;
155
+ --db-base-icon-font-size-regular-desktop-headline-xl: 4rem;
156
+ --db-typography-regular-desktop-headline-lg-line-height: 1.2;
157
+ --db-typography-regular-desktop-headline-lg-font-size: 2.5rem;
158
+ --db-base-icon-weight-regular-desktop-headline-lg: 48;
159
+ --db-base-icon-font-size-regular-desktop-headline-lg: 3rem;
160
+ --db-typography-regular-desktop-headline-md-line-height: 1.25;
161
+ --db-typography-regular-desktop-headline-md-font-size: 2rem;
162
+ --db-base-icon-weight-regular-desktop-headline-md: 40;
163
+ --db-base-icon-font-size-regular-desktop-headline-md: 2.5rem;
164
+ --db-typography-regular-desktop-headline-sm-line-height: 1.1428571428571428;
165
+ --db-typography-regular-desktop-headline-sm-font-size: 1.75rem;
166
+ --db-base-icon-weight-regular-desktop-headline-sm: 32;
167
+ --db-base-icon-font-size-regular-desktop-headline-sm: 2rem;
168
+ --db-typography-regular-desktop-headline-2xs-line-height: 1.2;
169
+ --db-typography-regular-desktop-headline-2xs-font-size: 1.25rem;
170
+ --db-base-icon-weight-regular-desktop-headline-2xs: 24;
171
+ --db-base-icon-font-size-regular-desktop-headline-2xs: 1.5rem;
172
+ --db-typography-regular-desktop-headline-3xs-line-height: 1.25;
173
+ --db-typography-regular-desktop-headline-3xs-font-size: 1rem;
174
+ --db-base-icon-weight-regular-desktop-headline-3xs: 20;
175
+ --db-base-icon-font-size-regular-desktop-headline-3xs: 1.25rem;
176
+ --db-typography-regular-desktop-headline-xs-line-height: 1.1666666666666667;
177
+ --db-typography-regular-desktop-headline-xs-font-size: 1.5rem;
178
+ --db-base-icon-weight-regular-desktop-headline-xs: 28;
179
+ --db-base-icon-font-size-regular-desktop-headline-xs: 1.75rem;
180
+ --db-typography-regular-desktop-body-lg-line-height: 1.4;
181
+ --db-typography-regular-desktop-body-lg-font-size: 1.25rem;
182
+ --db-base-icon-weight-regular-desktop-body-lg: 28;
183
+ --db-base-icon-font-size-regular-desktop-body-lg: 1.75rem;
184
+ --db-typography-regular-desktop-body-xl-line-height: 1.3333333333333333;
185
+ --db-typography-regular-desktop-body-xl-font-size: 1.5rem;
186
+ --db-base-icon-weight-regular-desktop-body-xl: 32;
187
+ --db-base-icon-font-size-regular-desktop-body-xl: 2rem;
188
+ --db-typography-regular-desktop-body-2xl-line-height: 1.4285714285714286;
189
+ --db-typography-regular-desktop-body-2xl-font-size: 1.75rem;
190
+ --db-base-icon-weight-regular-desktop-body-2xl: 40;
191
+ --db-base-icon-font-size-regular-desktop-body-2xl: 2.5rem;
192
+ --db-typography-regular-desktop-body-3xl-line-height: 1.5;
193
+ --db-typography-regular-desktop-body-3xl-font-size: 2rem;
194
+ --db-base-icon-weight-regular-desktop-3xl: 48;
195
+ --db-base-icon-font-size-regular-desktop-3xl: 3rem;
196
+ --db-typography-regular-desktop-body-md-line-height: 1.5;
197
+ --db-typography-regular-desktop-body-md-font-size: 1rem;
198
+ --db-base-icon-weight-regular-desktop-body-md: 24;
199
+ --db-base-icon-font-size-regular-desktop-body-md: 1.5rem;
200
+ --db-typography-regular-desktop-body-sm-line-height: 1.4285714285714286;
201
+ --db-typography-regular-desktop-body-sm-font-size: 0.875rem;
202
+ --db-base-icon-weight-regular-desktop-body-sm: 20;
203
+ --db-base-icon-font-size-regular-desktop-body-sm: 1.25rem;
204
+ --db-typography-regular-desktop-body-2xs-line-height: 1.4;
205
+ --db-typography-regular-desktop-body-2xs-font-size: 0.625rem;
206
+ --db-base-icon-weight-regular-desktop-body-2xs: 14;
207
+ --db-base-icon-font-size-regular-desktop-body-2xs: 0.875rem;
208
+ --db-typography-regular-desktop-body-3xs-line-height: 1.4;
209
+ --db-typography-regular-desktop-body-3xs-font-size: 0.625rem;
210
+ --db-base-icon-weight-regular-desktop-3xs: 14;
211
+ --db-base-icon-font-size-regular-desktop-3xs: 0.875rem;
212
+ --db-typography-regular-desktop-body-xs-line-height: 1.3333333333333333;
213
+ --db-typography-regular-desktop-body-xs-font-size: 0.75rem;
214
+ --db-base-icon-weight-regular-desktop-body-xs: 16;
215
+ --db-base-icon-font-size-regular-desktop-body-xs: 1rem;
216
+ --db-typography-regular-mobile-body-lg-line-height: 1.4;
217
+ --db-typography-regular-mobile-body-lg-font-size: 1.25rem;
218
+ --db-base-icon-weight-regular-mobile-body-lg: 28;
219
+ --db-base-icon-font-size-regular-mobile-body-lg: 1.75rem;
220
+ --db-typography-regular-mobile-body-md-line-height: 1.5;
221
+ --db-typography-regular-mobile-body-md-font-size: 1rem;
222
+ --db-base-icon-weight-regular-mobile-body-md: 24;
223
+ --db-base-icon-font-size-regular-mobile-body-md: 1.5rem;
224
+ --db-typography-regular-mobile-body-sm-line-height: 1.4285714285714286;
225
+ --db-typography-regular-mobile-body-sm-font-size: 0.875rem;
226
+ --db-base-icon-weight-regular-mobile-body-sm: 20;
227
+ --db-base-icon-font-size-regular-mobile-body-sm: 1.25rem;
228
+ --db-typography-regular-mobile-body-xl-line-height: 1.4;
229
+ --db-typography-regular-mobile-body-xl-font-size: 1.25rem;
230
+ --db-base-icon-weight-regular-mobile-body-xl: 28;
231
+ --db-base-icon-font-size-regular-mobile-body-xl: 1.75rem;
232
+ --db-typography-regular-mobile-body-xs-line-height: 1.3333333333333333;
233
+ --db-typography-regular-mobile-body-xs-font-size: 0.75rem;
234
+ --db-base-icon-weight-regular-mobile-body-xs: 16;
235
+ --db-base-icon-font-size-regular-mobile-body-xs: 1rem;
236
+ --db-typography-regular-mobile-body-2xl-line-height: 1.4;
237
+ --db-typography-regular-mobile-body-2xl-font-size: 1.25rem;
238
+ --db-base-icon-weight-regular-mobile-body-2xl: 28;
239
+ --db-base-icon-font-size-regular-mobile-body-2xl: 1.75rem;
240
+ --db-typography-regular-mobile-body-3xl-line-height: 1.4;
241
+ --db-typography-regular-mobile-body-3xl-font-size: 1.25rem;
242
+ --db-base-icon-weight-regular-mobile-3xl: 28;
243
+ --db-base-icon-font-size-regular-mobile-3xl: 1.75rem;
244
+ --db-typography-regular-mobile-body-2xs-line-height: 1.4;
245
+ --db-typography-regular-mobile-body-2xs-font-size: 0.625rem;
246
+ --db-base-icon-weight-regular-mobile-body-2xs: 14;
247
+ --db-base-icon-font-size-regular-mobile-body-2xs: 0.875rem;
248
+ --db-typography-regular-mobile-body-3xs-line-height: 1.4;
249
+ --db-typography-regular-mobile-body-3xs-font-size: 0.625rem;
250
+ --db-base-icon-weight-regular-mobile-3xs: 14;
251
+ --db-base-icon-font-size-regular-mobile-3xs: 0.875rem;
252
+ --db-typography-regular-mobile-headline-lg-line-height: 1.1428571428571428;
253
+ --db-typography-regular-mobile-headline-lg-font-size: 1.75rem;
254
+ --db-base-icon-weight-regular-mobile-headline-lg: 32;
255
+ --db-base-icon-font-size-regular-mobile-headline-lg: 2rem;
256
+ --db-typography-regular-mobile-headline-md-line-height: 1.1666666666666667;
257
+ --db-typography-regular-mobile-headline-md-font-size: 1.5rem;
258
+ --db-base-icon-weight-regular-mobile-headline-md: 28;
259
+ --db-base-icon-font-size-regular-mobile-headline-md: 1.75rem;
260
+ --db-typography-regular-mobile-headline-sm-line-height: 1.2;
261
+ --db-typography-regular-mobile-headline-sm-font-size: 1.25rem;
262
+ --db-base-icon-weight-regular-mobile-headline-sm: 24;
263
+ --db-base-icon-font-size-regular-mobile-headline-sm: 1.5rem;
264
+ --db-typography-regular-mobile-headline-xl-line-height: 1.25;
265
+ --db-typography-regular-mobile-headline-xl-font-size: 2rem;
266
+ --db-base-icon-weight-regular-mobile-headline-xl: 40;
267
+ --db-base-icon-font-size-regular-mobile-headline-xl: 2.5rem;
268
+ --db-typography-regular-mobile-headline-xs-line-height: 1.25;
269
+ --db-typography-regular-mobile-headline-xs-font-size: 1rem;
270
+ --db-base-icon-weight-regular-mobile-headline-xs: 20;
271
+ --db-base-icon-font-size-regular-mobile-headline-xs: 1.25rem;
272
+ --db-typography-regular-mobile-headline-2xl-line-height: 1.25;
273
+ --db-typography-regular-mobile-headline-2xl-font-size: 2rem;
274
+ --db-base-icon-weight-regular-mobile-headline-2xl: 40;
275
+ --db-base-icon-font-size-regular-mobile-headline-2xl: 2.5rem;
276
+ --db-typography-regular-mobile-headline-2xs-line-height: 1.1428571428571428;
277
+ --db-typography-regular-mobile-headline-2xs-font-size: 0.875rem;
278
+ --db-base-icon-weight-regular-mobile-headline-2xs: 16;
279
+ --db-base-icon-font-size-regular-mobile-headline-2xs: 1rem;
280
+ --db-typography-regular-mobile-headline-3xl-line-height: 1.25;
281
+ --db-typography-regular-mobile-headline-3xl-font-size: 2rem;
282
+ --db-base-icon-weight-regular-mobile-headline-3xl: 40;
283
+ --db-base-icon-font-size-regular-mobile-headline-3xl: 2.5rem;
284
+ --db-typography-regular-mobile-headline-3xs-line-height: 1.1428571428571428;
285
+ --db-typography-regular-mobile-headline-3xs-font-size: 0.875rem;
286
+ --db-base-icon-weight-regular-mobile-headline-3xs: 16;
287
+ --db-base-icon-font-size-regular-mobile-headline-3xs: 1rem;
288
+ --db-typography-regular-tablet-body-lg-line-height: 1.4;
289
+ --db-typography-regular-tablet-body-lg-font-size: 1.25rem;
290
+ --db-base-icon-weight-regular-tablet-body-lg: 28;
291
+ --db-base-icon-font-size-regular-tablet-body-lg: 1.75rem;
292
+ --db-typography-regular-tablet-body-md-line-height: 1.5;
293
+ --db-typography-regular-tablet-body-md-font-size: 1rem;
294
+ --db-base-icon-weight-regular-tablet-body-md: 24;
295
+ --db-base-icon-font-size-regular-tablet-body-md: 1.5rem;
296
+ --db-typography-regular-tablet-body-sm-line-height: 1.4285714285714286;
297
+ --db-typography-regular-tablet-body-sm-font-size: 0.875rem;
298
+ --db-base-icon-weight-regular-tablet-body-sm: 20;
299
+ --db-base-icon-font-size-regular-tablet-body-sm: 1.25rem;
300
+ --db-typography-regular-tablet-body-xl-line-height: 1.3333333333333333;
301
+ --db-typography-regular-tablet-body-xl-font-size: 1.5rem;
302
+ --db-base-icon-weight-regular-tablet-body-xl: 32;
303
+ --db-base-icon-font-size-regular-tablet-body-xl: 2rem;
304
+ --db-typography-regular-tablet-body-xs-line-height: 1.3333333333333333;
305
+ --db-typography-regular-tablet-body-xs-font-size: 0.75rem;
306
+ --db-base-icon-weight-regular-tablet-body-xs: 16;
307
+ --db-base-icon-font-size-regular-tablet-body-xs: 1rem;
308
+ --db-typography-regular-tablet-body-2xl-line-height: 1.4285714285714286;
309
+ --db-typography-regular-tablet-body-2xl-font-size: 1.75rem;
310
+ --db-base-icon-weight-regular-tablet-body-2xl: 40;
311
+ --db-base-icon-font-size-regular-tablet-body-2xl: 2.5rem;
312
+ --db-typography-regular-tablet-body-3xl-line-height: 1.5;
313
+ --db-typography-regular-tablet-body-3xl-font-size: 2rem;
314
+ --db-base-icon-weight-regular-tablet-3xl: 48;
315
+ --db-base-icon-font-size-regular-tablet-3xl: 3rem;
316
+ --db-typography-regular-tablet-body-2xs-line-height: 1.4;
317
+ --db-typography-regular-tablet-body-2xs-font-size: 0.625rem;
318
+ --db-base-icon-weight-regular-tablet-body-2xs: 14;
319
+ --db-base-icon-font-size-regular-tablet-body-2xs: 0.875rem;
320
+ --db-typography-regular-tablet-body-3xs-line-height: 1.4;
321
+ --db-typography-regular-tablet-body-3xs-font-size: 0.625rem;
322
+ --db-base-icon-weight-regular-tablet-3xs: 14;
323
+ --db-base-icon-font-size-regular-tablet-3xs: 0.875rem;
324
+ --db-typography-regular-tablet-headline-lg-line-height: 1.25;
325
+ --db-typography-regular-tablet-headline-lg-font-size: 2rem;
326
+ --db-base-icon-weight-regular-tablet-headline-lg: 40;
327
+ --db-base-icon-font-size-regular-tablet-headline-lg: 2.5rem;
328
+ --db-typography-regular-tablet-headline-md-line-height: 1.1428571428571428;
329
+ --db-typography-regular-tablet-headline-md-font-size: 1.75rem;
330
+ --db-base-icon-weight-regular-tablet-headline-md: 32;
331
+ --db-base-icon-font-size-regular-tablet-headline-md: 2rem;
332
+ --db-typography-regular-tablet-headline-sm-line-height: 1.1666666666666667;
333
+ --db-typography-regular-tablet-headline-sm-font-size: 1.5rem;
334
+ --db-base-icon-weight-regular-tablet-headline-sm: 28;
335
+ --db-base-icon-font-size-regular-tablet-headline-sm: 1.75rem;
336
+ --db-typography-regular-tablet-headline-xl-line-height: 1.2;
337
+ --db-typography-regular-tablet-headline-xl-font-size: 2.5rem;
338
+ --db-base-icon-weight-regular-tablet-headline-xl: 48;
339
+ --db-base-icon-font-size-regular-tablet-headline-xl: 3rem;
340
+ --db-typography-regular-tablet-headline-xs-line-height: 1.2;
341
+ --db-typography-regular-tablet-headline-xs-font-size: 1.25rem;
342
+ --db-base-icon-weight-regular-tablet-headline-xs: 24;
343
+ --db-base-icon-font-size-regular-tablet-headline-xs: 1.5rem;
344
+ --db-typography-regular-tablet-headline-2xl-line-height: 1.3333333333333333;
345
+ --db-typography-regular-tablet-headline-2xl-font-size: 3rem;
346
+ --db-base-icon-weight-regular-tablet-headline-2xl: 64;
347
+ --db-base-icon-font-size-regular-tablet-headline-2xl: 4rem;
348
+ --db-typography-regular-tablet-headline-2xs-line-height: 1.25;
349
+ --db-typography-regular-tablet-headline-2xs-font-size: 1rem;
350
+ --db-base-icon-weight-regular-tablet-headline-2xs: 20;
351
+ --db-base-icon-font-size-regular-tablet-headline-2xs: 1.25rem;
352
+ --db-typography-regular-tablet-headline-3xl-line-height: 1.3333333333333333;
353
+ --db-typography-regular-tablet-headline-3xl-font-size: 3rem;
354
+ --db-base-icon-weight-regular-tablet-headline-3xl: 64;
355
+ --db-base-icon-font-size-regular-tablet-headline-3xl: 4rem;
356
+ --db-typography-regular-tablet-headline-3xs-line-height: 1.25;
357
+ --db-typography-regular-tablet-headline-3xs-font-size: 1rem;
358
+ --db-base-icon-weight-regular-tablet-headline-3xs: 20;
359
+ --db-base-icon-font-size-regular-tablet-headline-3xs: 1.25rem;
360
+ --db-typography-functional-desktop-body-lg-line-height: 1.5;
361
+ --db-typography-functional-desktop-body-lg-font-size: 1rem;
362
+ --db-base-icon-weight-functional-desktop-body-lg: 24;
363
+ --db-base-icon-font-size-functional-desktop-body-lg: 1.5rem;
364
+ --db-typography-functional-desktop-body-md-line-height: 1.4285714285714286;
365
+ --db-typography-functional-desktop-body-md-font-size: 0.875rem;
366
+ --db-base-icon-weight-functional-desktop-body-md: 20;
367
+ --db-base-icon-font-size-functional-desktop-body-md: 1.25rem;
368
+ --db-typography-functional-desktop-body-sm-line-height: 1.3333333333333333;
369
+ --db-typography-functional-desktop-body-sm-font-size: 0.75rem;
370
+ --db-base-icon-weight-functional-desktop-body-sm: 16;
371
+ --db-base-icon-font-size-functional-desktop-body-sm: 1rem;
372
+ --db-typography-functional-desktop-body-xl-line-height: 1.4;
373
+ --db-typography-functional-desktop-body-xl-font-size: 1.25rem;
374
+ --db-base-icon-weight-functional-desktop-body-xl: 28;
375
+ --db-base-icon-font-size-functional-desktop-body-xl: 1.75rem;
376
+ --db-typography-functional-desktop-body-xs-line-height: 1.4;
377
+ --db-typography-functional-desktop-body-xs-font-size: 0.625rem;
378
+ --db-base-icon-weight-functional-desktop-body-xs: 14;
379
+ --db-base-icon-font-size-functional-desktop-body-xs: 0.875rem;
380
+ --db-typography-functional-desktop-body-2xl-line-height: 1.3333333333333333;
381
+ --db-typography-functional-desktop-body-2xl-font-size: 1.5rem;
382
+ --db-base-icon-weight-functional-desktop-body-2xl: 32;
383
+ --db-base-icon-font-size-functional-desktop-body-2xl: 2rem;
384
+ --db-typography-functional-desktop-body-3xl-line-height: 1.4285714285714286;
385
+ --db-typography-functional-desktop-body-3xl-font-size: 1.75rem;
386
+ --db-base-icon-weight-functional-desktop-3xl: 40;
387
+ --db-base-icon-font-size-functional-desktop-3xl: 2.5rem;
388
+ --db-typography-functional-desktop-body-2xs-line-height: 1.4;
389
+ --db-typography-functional-desktop-body-2xs-font-size: 0.625rem;
390
+ --db-base-icon-weight-functional-desktop-body-2xs: 14;
391
+ --db-base-icon-font-size-functional-desktop-body-2xs: 0.875rem;
392
+ --db-typography-functional-desktop-body-3xs-line-height: 1.4;
393
+ --db-typography-functional-desktop-body-3xs-font-size: 0.625rem;
394
+ --db-base-icon-weight-functional-desktop-3xs: 14;
395
+ --db-base-icon-font-size-functional-desktop-3xs: 0.875rem;
396
+ --db-typography-functional-desktop-headline-lg-line-height: 1.1428571428571428;
397
+ --db-typography-functional-desktop-headline-lg-font-size: 1.75rem;
398
+ --db-base-icon-weight-functional-desktop-headline-lg: 32;
399
+ --db-base-icon-font-size-functional-desktop-headline-lg: 2rem;
400
+ --db-typography-functional-desktop-headline-md-line-height: 1.1666666666666667;
401
+ --db-typography-functional-desktop-headline-md-font-size: 1.5rem;
402
+ --db-base-icon-weight-functional-desktop-headline-md: 28;
403
+ --db-base-icon-font-size-functional-desktop-headline-md: 1.75rem;
404
+ --db-typography-functional-desktop-headline-sm-line-height: 1.2;
405
+ --db-typography-functional-desktop-headline-sm-font-size: 1.25rem;
406
+ --db-base-icon-weight-functional-desktop-headline-sm: 24;
407
+ --db-base-icon-font-size-functional-desktop-headline-sm: 1.5rem;
408
+ --db-typography-functional-desktop-headline-xl-line-height: 1.25;
409
+ --db-typography-functional-desktop-headline-xl-font-size: 2rem;
410
+ --db-base-icon-weight-functional-desktop-headline-xl: 40;
411
+ --db-base-icon-font-size-functional-desktop-headline-xl: 2.5rem;
412
+ --db-typography-functional-desktop-headline-xs-line-height: 1.25;
413
+ --db-typography-functional-desktop-headline-xs-font-size: 1rem;
414
+ --db-base-icon-weight-functional-desktop-headline-xs: 20;
415
+ --db-base-icon-font-size-functional-desktop-headline-xs: 1.25rem;
416
+ --db-typography-functional-desktop-headline-2xl-line-height: 1.2;
417
+ --db-typography-functional-desktop-headline-2xl-font-size: 2.5rem;
418
+ --db-base-icon-weight-functional-desktop-headline-2xl: 48;
419
+ --db-base-icon-font-size-functional-desktop-headline-2xl: 3rem;
420
+ --db-typography-functional-desktop-headline-2xs-line-height: 1.1428571428571428;
421
+ --db-typography-functional-desktop-headline-2xs-font-size: 0.875rem;
422
+ --db-base-icon-weight-functional-desktop-headline-2xs: 16;
423
+ --db-base-icon-font-size-functional-desktop-headline-2xs: 1rem;
424
+ --db-typography-functional-desktop-headline-3xl-line-height: 1.2;
425
+ --db-typography-functional-desktop-headline-3xl-font-size: 2.5rem;
426
+ --db-base-icon-weight-functional-desktop-headline-3xl: 48;
427
+ --db-base-icon-font-size-functional-desktop-headline-3xl: 3rem;
428
+ --db-typography-functional-desktop-headline-3xs-line-height: 1.1428571428571428;
429
+ --db-typography-functional-desktop-headline-3xs-font-size: 0.875rem;
430
+ --db-base-icon-weight-functional-desktop-headline-3xs: 16;
431
+ --db-base-icon-font-size-functional-desktop-headline-3xs: 1rem;
432
+ --db-typography-functional-tablet-body-lg-line-height: 1.5;
433
+ --db-typography-functional-tablet-body-lg-font-size: 1rem;
434
+ --db-base-icon-weight-functional-tablet-body-lg: 24;
435
+ --db-base-icon-font-size-functional-tablet-body-lg: 1.5rem;
436
+ --db-typography-functional-tablet-body-md-line-height: 1.4285714285714286;
437
+ --db-typography-functional-tablet-body-md-font-size: 0.875rem;
438
+ --db-base-icon-weight-functional-tablet-body-md: 20;
439
+ --db-base-icon-font-size-functional-tablet-body-md: 1.25rem;
440
+ --db-typography-functional-tablet-body-sm-line-height: 1.3333333333333333;
441
+ --db-typography-functional-tablet-body-sm-font-size: 0.75rem;
442
+ --db-base-icon-weight-functional-tablet-body-sm: 16;
443
+ --db-base-icon-font-size-functional-tablet-body-sm: 1rem;
444
+ --db-typography-functional-tablet-body-xl-line-height: 1.4;
445
+ --db-typography-functional-tablet-body-xl-font-size: 1.25rem;
446
+ --db-base-icon-weight-functional-tablet-body-xl: 28;
447
+ --db-base-icon-font-size-functional-tablet-body-xl: 1.75rem;
448
+ --db-typography-functional-tablet-body-xs-line-height: 1.4;
449
+ --db-typography-functional-tablet-body-xs-font-size: 0.625rem;
450
+ --db-base-icon-weight-functional-tablet-body-xs: 14;
451
+ --db-base-icon-font-size-functional-tablet-body-xs: 0.875rem;
452
+ --db-typography-functional-tablet-body-2xl-line-height: 1.3333333333333333;
453
+ --db-typography-functional-tablet-body-2xl-font-size: 1.5rem;
454
+ --db-base-icon-weight-functional-tablet-body-2xl: 32;
455
+ --db-base-icon-font-size-functional-tablet-body-2xl: 2rem;
456
+ --db-typography-functional-tablet-body-3xl-line-height: 1.4285714285714286;
457
+ --db-typography-functional-tablet-body-3xl-font-size: 1.75rem;
458
+ --db-base-icon-weight-functional-tablet-3xl: 40;
459
+ --db-base-icon-font-size-functional-tablet-3xl: 2.5rem;
460
+ --db-typography-functional-tablet-body-2xs-line-height: 1.4;
461
+ --db-typography-functional-tablet-body-2xs-font-size: 0.625rem;
462
+ --db-base-icon-weight-functional-tablet-body-2xs: 14;
463
+ --db-base-icon-font-size-functional-tablet-body-2xs: 0.875rem;
464
+ --db-typography-functional-tablet-body-3xs-line-height: 1.4;
465
+ --db-typography-functional-tablet-body-3xs-font-size: 0.625rem;
466
+ --db-base-icon-weight-functional-tablet-3xs: 14;
467
+ --db-base-icon-font-size-functional-tablet-3xs: 0.875rem;
468
+ --db-typography-functional-tablet-headline-lg-line-height: 1.1428571428571428;
469
+ --db-typography-functional-tablet-headline-lg-font-size: 1.75rem;
470
+ --db-base-icon-weight-functional-tablet-headline-lg: 32;
471
+ --db-base-icon-font-size-functional-tablet-headline-lg: 2rem;
472
+ --db-typography-functional-tablet-headline-md-line-height: 1.1666666666666667;
473
+ --db-typography-functional-tablet-headline-md-font-size: 1.5rem;
474
+ --db-base-icon-weight-functional-tablet-headline-md: 28;
475
+ --db-base-icon-font-size-functional-tablet-headline-md: 1.75rem;
476
+ --db-typography-functional-tablet-headline-sm-line-height: 1.2;
477
+ --db-typography-functional-tablet-headline-sm-font-size: 1.25rem;
478
+ --db-base-icon-weight-functional-tablet-headline-sm: 24;
479
+ --db-base-icon-font-size-functional-tablet-headline-sm: 1.5rem;
480
+ --db-typography-functional-tablet-headline-xl-line-height: 1.25;
481
+ --db-typography-functional-tablet-headline-xl-font-size: 2rem;
482
+ --db-base-icon-weight-functional-tablet-headline-xl: 40;
483
+ --db-base-icon-font-size-functional-tablet-headline-xl: 2.5rem;
484
+ --db-typography-functional-tablet-headline-xs-line-height: 1.25;
485
+ --db-typography-functional-tablet-headline-xs-font-size: 1rem;
486
+ --db-base-icon-weight-functional-tablet-headline-xs: 20;
487
+ --db-base-icon-font-size-functional-tablet-headline-xs: 1.25rem;
488
+ --db-typography-functional-tablet-headline-2xl-line-height: 1.25;
489
+ --db-typography-functional-tablet-headline-2xl-font-size: 2rem;
490
+ --db-base-icon-weight-functional-tablet-headline-2xl: 40;
491
+ --db-base-icon-font-size-functional-tablet-headline-2xl: 2.5rem;
492
+ --db-typography-functional-tablet-headline-2xs-line-height: 1.1428571428571428;
493
+ --db-typography-functional-tablet-headline-2xs-font-size: 0.875rem;
494
+ --db-base-icon-weight-functional-tablet-headline-2xs: 16;
495
+ --db-base-icon-font-size-functional-tablet-headline-2xs: 1rem;
496
+ --db-typography-functional-tablet-headline-3xl-line-height: 1.25;
497
+ --db-typography-functional-tablet-headline-3xl-font-size: 2rem;
498
+ --db-base-icon-weight-functional-tablet-headline-3xl: 40;
499
+ --db-base-icon-font-size-functional-tablet-headline-3xl: 2.5rem;
500
+ --db-typography-functional-tablet-headline-3xs-line-height: 1.1428571428571428;
501
+ --db-typography-functional-tablet-headline-3xs-font-size: 0.875rem;
502
+ --db-base-icon-weight-functional-tablet-headline-3xs: 16;
503
+ --db-base-icon-font-size-functional-tablet-headline-3xs: 1rem;
504
+ --db-typography-functional-mobile-body-lg-line-height: 1.5;
505
+ --db-typography-functional-mobile-body-lg-font-size: 1rem;
506
+ --db-base-icon-weight-functional-mobile-body-lg: 24;
507
+ --db-base-icon-font-size-functional-mobile-body-lg: 1.5rem;
508
+ --db-typography-functional-mobile-body-md-line-height: 1.4285714285714286;
509
+ --db-typography-functional-mobile-body-md-font-size: 0.875rem;
510
+ --db-base-icon-weight-functional-mobile-body-md: 20;
511
+ --db-base-icon-font-size-functional-mobile-body-md: 1.25rem;
512
+ --db-typography-functional-mobile-body-sm-line-height: 1.3333333333333333;
513
+ --db-typography-functional-mobile-body-sm-font-size: 0.75rem;
514
+ --db-base-icon-weight-functional-mobile-body-sm: 16;
515
+ --db-base-icon-font-size-functional-mobile-body-sm: 1rem;
516
+ --db-typography-functional-mobile-body-xl-line-height: 1.5;
517
+ --db-typography-functional-mobile-body-xl-font-size: 1rem;
518
+ --db-base-icon-weight-functional-mobile-body-xl: 24;
519
+ --db-base-icon-font-size-functional-mobile-body-xl: 1.5rem;
520
+ --db-typography-functional-mobile-body-xs-line-height: 1.4;
521
+ --db-typography-functional-mobile-body-xs-font-size: 0.625rem;
522
+ --db-base-icon-weight-functional-mobile-body-xs: 14;
523
+ --db-base-icon-font-size-functional-mobile-body-xs: 0.875rem;
524
+ --db-typography-functional-mobile-body-2xl-line-height: 1.5;
525
+ --db-typography-functional-mobile-body-2xl-font-size: 1rem;
526
+ --db-base-icon-weight-functional-mobile-body-2xl: 24;
527
+ --db-base-icon-font-size-functional-mobile-body-2xl: 1.5rem;
528
+ --db-typography-functional-mobile-body-3xl-line-height: 1.5;
529
+ --db-typography-functional-mobile-body-3xl-font-size: 1rem;
530
+ --db-base-icon-weight-functional-mobile-3xl: 24;
531
+ --db-base-icon-font-size-functional-mobile-3xl: 1.5rem;
532
+ --db-typography-functional-mobile-body-2xs-line-height: 1.4;
533
+ --db-typography-functional-mobile-body-2xs-font-size: 0.625rem;
534
+ --db-base-icon-weight-functional-mobile-body-2xs: 14;
535
+ --db-base-icon-font-size-functional-mobile-body-2xs: 0.875rem;
536
+ --db-typography-functional-mobile-body-3xs-line-height: 1.4;
537
+ --db-typography-functional-mobile-body-3xs-font-size: 0.625rem;
538
+ --db-base-icon-weight-functional-mobile-3xs: 14;
539
+ --db-base-icon-font-size-functional-mobile-3xs: 0.875rem;
540
+ --db-typography-functional-mobile-headline-lg-line-height: 1.1666666666666667;
541
+ --db-typography-functional-mobile-headline-lg-font-size: 1.5rem;
542
+ --db-base-icon-weight-functional-mobile-headline-lg: 28;
543
+ --db-base-icon-font-size-functional-mobile-headline-lg: 1.75rem;
544
+ --db-typography-functional-mobile-headline-md-line-height: 1.2;
545
+ --db-typography-functional-mobile-headline-md-font-size: 1.25rem;
546
+ --db-base-icon-weight-functional-mobile-headline-md: 24;
547
+ --db-base-icon-font-size-functional-mobile-headline-md: 1.5rem;
548
+ --db-typography-functional-mobile-headline-sm-line-height: 1.25;
549
+ --db-typography-functional-mobile-headline-sm-font-size: 1rem;
550
+ --db-base-icon-weight-functional-mobile-headline-sm: 20;
551
+ --db-base-icon-font-size-functional-mobile-headline-sm: 1.25rem;
552
+ --db-typography-functional-mobile-headline-xl-line-height: 1.1428571428571428;
553
+ --db-typography-functional-mobile-headline-xl-font-size: 1.75rem;
554
+ --db-base-icon-weight-functional-mobile-headline-xl: 32;
555
+ --db-base-icon-font-size-functional-mobile-headline-xl: 2rem;
556
+ --db-typography-functional-mobile-headline-xs-line-height: 1.1428571428571428;
557
+ --db-typography-functional-mobile-headline-xs-font-size: 0.875rem;
558
+ --db-base-icon-weight-functional-mobile-headline-xs: 16;
559
+ --db-base-icon-font-size-functional-mobile-headline-xs: 1rem;
560
+ --db-typography-functional-mobile-headline-2xl-line-height: 1.1428571428571428;
561
+ --db-typography-functional-mobile-headline-2xl-font-size: 1.75rem;
562
+ --db-base-icon-weight-functional-mobile-headline-2xl: 32;
563
+ --db-base-icon-font-size-functional-mobile-headline-2xl: 2rem;
564
+ --db-typography-functional-mobile-headline-2xs-line-height: 1.1428571428571428;
565
+ --db-typography-functional-mobile-headline-2xs-font-size: 0.875rem;
566
+ --db-base-icon-weight-functional-mobile-headline-2xs: 16;
567
+ --db-base-icon-font-size-functional-mobile-headline-2xs: 1rem;
568
+ --db-typography-functional-mobile-headline-3xl-line-height: 1.1428571428571428;
569
+ --db-typography-functional-mobile-headline-3xl-font-size: 1.75rem;
570
+ --db-base-icon-weight-functional-mobile-headline-3xl: 32;
571
+ --db-base-icon-font-size-functional-mobile-headline-3xl: 2rem;
572
+ --db-typography-functional-mobile-headline-3xs-line-height: 1.1428571428571428;
573
+ --db-typography-functional-mobile-headline-3xs-font-size: 0.875rem;
574
+ --db-base-icon-weight-functional-mobile-headline-3xs: 16;
575
+ --db-base-icon-font-size-functional-mobile-headline-3xs: 1rem;
576
+ --db-typography-expressive-desktop-body-lg-line-height: 1.3333333333333333;
577
+ --db-typography-expressive-desktop-body-lg-font-size: 1.5rem;
578
+ --db-base-icon-weight-expressive-desktop-body-lg: 32;
579
+ --db-base-icon-font-size-expressive-desktop-body-lg: 2rem;
580
+ --db-typography-expressive-desktop-body-md-line-height: 1.4;
581
+ --db-typography-expressive-desktop-body-md-font-size: 1.25rem;
582
+ --db-base-icon-weight-expressive-desktop-body-md: 28;
583
+ --db-base-icon-font-size-expressive-desktop-body-md: 1.75rem;
584
+ --db-typography-expressive-desktop-body-sm-line-height: 1.5;
585
+ --db-typography-expressive-desktop-body-sm-font-size: 1rem;
586
+ --db-base-icon-weight-expressive-desktop-body-sm: 24;
587
+ --db-base-icon-font-size-expressive-desktop-body-sm: 1.5rem;
588
+ --db-typography-expressive-desktop-body-xl-line-height: 1.4285714285714286;
589
+ --db-typography-expressive-desktop-body-xl-font-size: 1.75rem;
590
+ --db-base-icon-weight-expressive-desktop-body-xl: 40;
591
+ --db-base-icon-font-size-expressive-desktop-body-xl: 2.5rem;
592
+ --db-typography-expressive-desktop-body-xs-line-height: 1.4285714285714286;
593
+ --db-typography-expressive-desktop-body-xs-font-size: 0.875rem;
594
+ --db-base-icon-weight-expressive-desktop-body-xs: 20;
595
+ --db-base-icon-font-size-expressive-desktop-body-xs: 1.25rem;
596
+ --db-typography-expressive-desktop-body-2xl-line-height: 1.5;
597
+ --db-typography-expressive-desktop-body-2xl-font-size: 2rem;
598
+ --db-base-icon-weight-expressive-desktop-body-2xl: 48;
599
+ --db-base-icon-font-size-expressive-desktop-body-2xl: 3rem;
600
+ --db-typography-expressive-desktop-body-3xl-line-height: 1.6;
601
+ --db-typography-expressive-desktop-body-3xl-font-size: 2.5rem;
602
+ --db-base-icon-weight-expressive-desktop-3xl: 64;
603
+ --db-base-icon-font-size-expressive-desktop-3xl: 4rem;
604
+ --db-typography-expressive-desktop-body-2xs-line-height: 1.3333333333333333;
605
+ --db-typography-expressive-desktop-body-2xs-font-size: 0.75rem;
606
+ --db-base-icon-weight-expressive-desktop-body-2xs: 16;
607
+ --db-base-icon-font-size-expressive-desktop-body-2xs: 1rem;
608
+ --db-typography-expressive-desktop-body-3xs-line-height: 1.4;
609
+ --db-typography-expressive-desktop-body-3xs-font-size: 0.625rem;
610
+ --db-base-icon-weight-expressive-desktop-3xs: 14;
611
+ --db-base-icon-font-size-expressive-desktop-3xs: 0.875rem;
612
+ --db-typography-expressive-desktop-headline-lg-line-height: 1.3333333333333333;
613
+ --db-typography-expressive-desktop-headline-lg-font-size: 3rem;
614
+ --db-base-icon-weight-expressive-desktop-headline-lg: 64;
615
+ --db-base-icon-font-size-expressive-desktop-headline-lg: 4rem;
616
+ --db-typography-expressive-desktop-headline-md-line-height: 1.2;
617
+ --db-typography-expressive-desktop-headline-md-font-size: 2.5rem;
618
+ --db-base-icon-weight-expressive-desktop-headline-md: 48;
619
+ --db-base-icon-font-size-expressive-desktop-headline-md: 3rem;
620
+ --db-typography-expressive-desktop-headline-sm-line-height: 1.25;
621
+ --db-typography-expressive-desktop-headline-sm-font-size: 2rem;
622
+ --db-base-icon-weight-expressive-desktop-headline-sm: 40;
623
+ --db-base-icon-font-size-expressive-desktop-headline-sm: 2.5rem;
624
+ --db-typography-expressive-desktop-headline-xl-line-height: 1.25;
625
+ --db-typography-expressive-desktop-headline-xl-font-size: 4rem;
626
+ --db-base-icon-weight-expressive-desktop-headline-xl: 80;
627
+ --db-base-icon-font-size-expressive-desktop-headline-xl: 5rem;
628
+ --db-typography-expressive-desktop-headline-xs-line-height: 1.1428571428571428;
629
+ --db-typography-expressive-desktop-headline-xs-font-size: 1.75rem;
630
+ --db-base-icon-weight-expressive-desktop-headline-xs: 32;
631
+ --db-base-icon-font-size-expressive-desktop-headline-xs: 2rem;
632
+ --db-typography-expressive-desktop-headline-2xl-line-height: 1.2;
633
+ --db-typography-expressive-desktop-headline-2xl-font-size: 5rem;
634
+ --db-base-icon-weight-expressive-desktop-headline-2xl: 96;
635
+ --db-base-icon-font-size-expressive-desktop-headline-2xl: 6rem;
636
+ --db-typography-expressive-desktop-headline-2xs-line-height: 1.1666666666666667;
637
+ --db-typography-expressive-desktop-headline-2xs-font-size: 1.5rem;
638
+ --db-base-icon-weight-expressive-desktop-headline-2xs: 28;
639
+ --db-base-icon-font-size-expressive-desktop-headline-2xs: 1.75rem;
640
+ --db-typography-expressive-desktop-headline-3xl-line-height: 1.25;
641
+ --db-typography-expressive-desktop-headline-3xl-font-size: 6rem;
642
+ --db-base-icon-weight-expressive-desktop-headline-3xl: 120;
643
+ --db-base-icon-font-size-expressive-desktop-headline-3xl: 7.5rem;
644
+ --db-typography-expressive-desktop-headline-3xs-line-height: 1.2;
645
+ --db-typography-expressive-desktop-headline-3xs-font-size: 1.25rem;
646
+ --db-base-icon-weight-expressive-desktop-headline-3xs: 24;
647
+ --db-base-icon-font-size-expressive-desktop-headline-3xs: 1.5rem;
648
+ --db-typography-expressive-tablet-body-lg-line-height: 1.3333333333333333;
649
+ --db-typography-expressive-tablet-body-lg-font-size: 1.5rem;
650
+ --db-base-icon-weight-expressive-tablet-body-lg: 32;
651
+ --db-base-icon-font-size-expressive-tablet-body-lg: 2rem;
652
+ --db-typography-expressive-tablet-body-md-line-height: 1.4;
653
+ --db-typography-expressive-tablet-body-md-font-size: 1.25rem;
654
+ --db-base-icon-weight-expressive-tablet-body-md: 28;
655
+ --db-base-icon-font-size-expressive-tablet-body-md: 1.75rem;
656
+ --db-typography-expressive-tablet-body-sm-line-height: 1.5;
657
+ --db-typography-expressive-tablet-body-sm-font-size: 1rem;
658
+ --db-base-icon-weight-expressive-tablet-body-sm: 24;
659
+ --db-base-icon-font-size-expressive-tablet-body-sm: 1.5rem;
660
+ --db-typography-expressive-tablet-body-xl-line-height: 1.4285714285714286;
661
+ --db-typography-expressive-tablet-body-xl-font-size: 1.75rem;
662
+ --db-base-icon-weight-expressive-tablet-body-xl: 40;
663
+ --db-base-icon-font-size-expressive-tablet-body-xl: 2.5rem;
664
+ --db-typography-expressive-tablet-body-xs-line-height: 1.4285714285714286;
665
+ --db-typography-expressive-tablet-body-xs-font-size: 0.875rem;
666
+ --db-base-icon-weight-expressive-tablet-body-xs: 20;
667
+ --db-base-icon-font-size-expressive-tablet-body-xs: 1.25rem;
668
+ --db-typography-expressive-tablet-body-2xl-line-height: 1.5;
669
+ --db-typography-expressive-tablet-body-2xl-font-size: 2rem;
670
+ --db-base-icon-weight-expressive-tablet-body-2xl: 48;
671
+ --db-base-icon-font-size-expressive-tablet-body-2xl: 3rem;
672
+ --db-typography-expressive-tablet-body-3xl-line-height: 1.6;
673
+ --db-typography-expressive-tablet-body-3xl-font-size: 2.5rem;
674
+ --db-base-icon-weight-expressive-tablet-3xl: 64;
675
+ --db-base-icon-font-size-expressive-tablet-3xl: 4rem;
676
+ --db-typography-expressive-tablet-body-2xs-line-height: 1.3333333333333333;
677
+ --db-typography-expressive-tablet-body-2xs-font-size: 0.75rem;
678
+ --db-base-icon-weight-expressive-tablet-body-2xs: 16;
679
+ --db-base-icon-font-size-expressive-tablet-body-2xs: 1rem;
680
+ --db-typography-expressive-tablet-body-3xs-line-height: 1.4;
681
+ --db-typography-expressive-tablet-body-3xs-font-size: 0.625rem;
682
+ --db-base-icon-weight-expressive-tablet-3xs: 14;
683
+ --db-base-icon-font-size-expressive-tablet-3xs: 0.875rem;
684
+ --db-typography-expressive-tablet-headline-lg-line-height: 1.2;
685
+ --db-typography-expressive-tablet-headline-lg-font-size: 2.5rem;
686
+ --db-base-icon-weight-expressive-tablet-headline-lg: 48;
687
+ --db-base-icon-font-size-expressive-tablet-headline-lg: 3rem;
688
+ --db-typography-expressive-tablet-headline-md-line-height: 1.25;
689
+ --db-typography-expressive-tablet-headline-md-font-size: 2rem;
690
+ --db-base-icon-weight-expressive-tablet-headline-md: 40;
691
+ --db-base-icon-font-size-expressive-tablet-headline-md: 2.5rem;
692
+ --db-typography-expressive-tablet-headline-sm-line-height: 1.1428571428571428;
693
+ --db-typography-expressive-tablet-headline-sm-font-size: 1.75rem;
694
+ --db-base-icon-weight-expressive-tablet-headline-sm: 32;
695
+ --db-base-icon-font-size-expressive-tablet-headline-sm: 2rem;
696
+ --db-typography-expressive-tablet-headline-xl-line-height: 1.3333333333333333;
697
+ --db-typography-expressive-tablet-headline-xl-font-size: 3rem;
698
+ --db-base-icon-weight-expressive-tablet-headline-xl: 64;
699
+ --db-base-icon-font-size-expressive-tablet-headline-xl: 4rem;
700
+ --db-typography-expressive-tablet-headline-xs-line-height: 1.1666666666666667;
701
+ --db-typography-expressive-tablet-headline-xs-font-size: 1.5rem;
702
+ --db-base-icon-weight-expressive-tablet-headline-xs: 28;
703
+ --db-base-icon-font-size-expressive-tablet-headline-xs: 1.75rem;
704
+ --db-typography-expressive-tablet-headline-2xl-line-height: 1.25;
705
+ --db-typography-expressive-tablet-headline-2xl-font-size: 4rem;
706
+ --db-base-icon-weight-expressive-tablet-headline-2xl: 80;
707
+ --db-base-icon-font-size-expressive-tablet-headline-2xl: 5rem;
708
+ --db-typography-expressive-tablet-headline-2xs-line-height: 1.2;
709
+ --db-typography-expressive-tablet-headline-2xs-font-size: 1.25rem;
710
+ --db-base-icon-weight-expressive-tablet-headline-2xs: 24;
711
+ --db-base-icon-font-size-expressive-tablet-headline-2xs: 1.5rem;
712
+ --db-typography-expressive-tablet-headline-3xl-line-height: 1.2;
713
+ --db-typography-expressive-tablet-headline-3xl-font-size: 5rem;
714
+ --db-base-icon-weight-expressive-tablet-headline-3xl: 96;
715
+ --db-base-icon-font-size-expressive-tablet-headline-3xl: 6rem;
716
+ --db-typography-expressive-tablet-headline-3xs-line-height: 1.2;
717
+ --db-typography-expressive-tablet-headline-3xs-font-size: 1.25rem;
718
+ --db-base-icon-weight-expressive-tablet-headline-3xs: 24;
719
+ --db-base-icon-font-size-expressive-tablet-headline-3xs: 1.5rem;
720
+ --db-typography-expressive-mobile-body-lg-line-height: 1.3333333333333333;
721
+ --db-typography-expressive-mobile-body-lg-font-size: 1.5rem;
722
+ --db-base-icon-weight-expressive-mobile-body-lg: 32;
723
+ --db-base-icon-font-size-expressive-mobile-body-lg: 2rem;
724
+ --db-typography-expressive-mobile-body-md-line-height: 1.4;
725
+ --db-typography-expressive-mobile-body-md-font-size: 1.25rem;
726
+ --db-base-icon-weight-expressive-mobile-body-md: 28;
727
+ --db-base-icon-font-size-expressive-mobile-body-md: 1.75rem;
728
+ --db-typography-expressive-mobile-body-sm-line-height: 1.5;
729
+ --db-typography-expressive-mobile-body-sm-font-size: 1rem;
730
+ --db-base-icon-weight-expressive-mobile-body-sm: 24;
731
+ --db-base-icon-font-size-expressive-mobile-body-sm: 1.5rem;
732
+ --db-typography-expressive-mobile-body-xl-line-height: 1.3333333333333333;
733
+ --db-typography-expressive-mobile-body-xl-font-size: 1.5rem;
734
+ --db-base-icon-weight-expressive-mobile-body-xl: 32;
735
+ --db-base-icon-font-size-expressive-mobile-body-xl: 2rem;
736
+ --db-typography-expressive-mobile-body-xs-line-height: 1.4285714285714286;
737
+ --db-typography-expressive-mobile-body-xs-font-size: 0.875rem;
738
+ --db-base-icon-weight-expressive-mobile-body-xs: 20;
739
+ --db-base-icon-font-size-expressive-mobile-body-xs: 1.25rem;
740
+ --db-typography-expressive-mobile-body-2xl-line-height: 1.3333333333333333;
741
+ --db-typography-expressive-mobile-body-2xl-font-size: 1.5rem;
742
+ --db-base-icon-weight-expressive-mobile-body-2xl: 32;
743
+ --db-base-icon-font-size-expressive-mobile-body-2xl: 2rem;
744
+ --db-typography-expressive-mobile-body-3xl-line-height: 1.3333333333333333;
745
+ --db-typography-expressive-mobile-body-3xl-font-size: 1.5rem;
746
+ --db-base-icon-weight-expressive-mobile-3xl: 32;
747
+ --db-base-icon-font-size-expressive-mobile-3xl: 2rem;
748
+ --db-typography-expressive-mobile-body-2xs-line-height: 1.3333333333333333;
749
+ --db-typography-expressive-mobile-body-2xs-font-size: 0.75rem;
750
+ --db-base-icon-weight-expressive-mobile-body-2xs: 16;
751
+ --db-base-icon-font-size-expressive-mobile-body-2xs: 1rem;
752
+ --db-typography-expressive-mobile-body-3xs-line-height: 1.4;
753
+ --db-typography-expressive-mobile-body-3xs-font-size: 0.625rem;
754
+ --db-base-icon-weight-expressive-mobile-3xs: 14;
755
+ --db-base-icon-font-size-expressive-mobile-3xs: 0.875rem;
756
+ --db-typography-expressive-mobile-headline-lg-line-height: 1.25;
757
+ --db-typography-expressive-mobile-headline-lg-font-size: 2rem;
758
+ --db-base-icon-weight-expressive-mobile-headline-lg: 40;
759
+ --db-base-icon-font-size-expressive-mobile-headline-lg: 2.5rem;
760
+ --db-typography-expressive-mobile-headline-md-line-height: 1.1428571428571428;
761
+ --db-typography-expressive-mobile-headline-md-font-size: 1.75rem;
762
+ --db-base-icon-weight-expressive-mobile-headline-md: 32;
763
+ --db-base-icon-font-size-expressive-mobile-headline-md: 2rem;
764
+ --db-typography-expressive-mobile-headline-sm-line-height: 1.1666666666666667;
765
+ --db-typography-expressive-mobile-headline-sm-font-size: 1.5rem;
766
+ --db-base-icon-weight-expressive-mobile-headline-sm: 28;
767
+ --db-base-icon-font-size-expressive-mobile-headline-sm: 1.75rem;
768
+ --db-typography-expressive-mobile-headline-xl-line-height: 1.2;
769
+ --db-typography-expressive-mobile-headline-xl-font-size: 2.5rem;
770
+ --db-base-icon-weight-expressive-mobile-headline-xl: 48;
771
+ --db-base-icon-font-size-expressive-mobile-headline-xl: 3rem;
772
+ --db-typography-expressive-mobile-headline-xs-line-height: 1.2;
773
+ --db-typography-expressive-mobile-headline-xs-font-size: 1.25rem;
774
+ --db-base-icon-weight-expressive-mobile-headline-xs: 24;
775
+ --db-base-icon-font-size-expressive-mobile-headline-xs: 1.5rem;
776
+ --db-typography-expressive-mobile-headline-2xl-line-height: 1.2;
777
+ --db-typography-expressive-mobile-headline-2xl-font-size: 2.5rem;
778
+ --db-base-icon-weight-expressive-mobile-headline-2xl: 48;
779
+ --db-base-icon-font-size-expressive-mobile-headline-2xl: 3rem;
780
+ --db-typography-expressive-mobile-headline-2xs-line-height: 1.25;
781
+ --db-typography-expressive-mobile-headline-2xs-font-size: 1rem;
782
+ --db-base-icon-weight-expressive-mobile-headline-2xs: 20;
783
+ --db-base-icon-font-size-expressive-mobile-headline-2xs: 1.25rem;
784
+ --db-typography-expressive-mobile-headline-3xl-line-height: 1.2;
785
+ --db-typography-expressive-mobile-headline-3xl-font-size: 2.5rem;
786
+ --db-base-icon-weight-expressive-mobile-headline-3xl: 48;
787
+ --db-base-icon-font-size-expressive-mobile-headline-3xl: 3rem;
788
+ --db-typography-expressive-mobile-headline-3xs-line-height: 1.25;
789
+ --db-typography-expressive-mobile-headline-3xs-font-size: 1rem;
790
+ --db-base-icon-weight-expressive-mobile-headline-3xs: 20;
791
+ --db-base-icon-font-size-expressive-mobile-headline-3xs: 1.25rem;
792
+ --db-border-height-3xs: 0.0625rem;
793
+ --db-border-height-2xs: 0.125rem;
794
+ --db-border-height-xs: 0.25rem;
795
+ --db-border-height-sm: 0.375rem;
796
+ --db-border-height-md: 0.5rem;
797
+ --db-border-height-lg: 0.625rem;
798
+ --db-border-height-xl: 0.75rem;
799
+ --db-border-height-2xl: 0.875rem;
800
+ --db-border-height-3xl: 1rem;
801
+ --db-border-radius-3xs: 0.0625rem;
802
+ --db-border-radius-2xs: 0.125rem;
803
+ --db-border-radius-xs: 0.25rem;
804
+ --db-border-radius-sm: 0.5rem;
805
+ --db-border-radius-md: 0.75rem;
806
+ --db-border-radius-lg: 1rem;
807
+ --db-border-radius-xl: 1.5rem;
808
+ --db-border-radius-2xl: 1.75rem;
809
+ --db-border-radius-3xl: 2rem;
810
+ --db-border-radius-full: 500rem;
811
+ --db-elevation-sm:
812
+ 0 0 1px -1px rgb(0 0 0 / 20%), 0 0 4px 1px rgb(0 0 0 / 12%),
813
+ 0 0 2px 0 rgb(0 0 0 / 14%);
814
+ --db-elevation-md:
815
+ 0 0 2px -1px rgb(0 0 0 / 20%), 0 0 8px 1px rgb(0 0 0 / 12%),
816
+ 0 0 4px 0 rgb(0 0 0 / 14%);
817
+ --db-elevation-lg:
818
+ 0 0 4px -3px rgb(0 0 0 / 20%), 0 0 16px 3px rgb(0 0 0 / 12%),
819
+ 0 0 8px 1px rgb(0 0 0 / 14%);
820
+ --db-transition-duration-extra-slow: 0.5s;
821
+ --db-transition-duration-slow: 0.4s;
822
+ --db-transition-duration-medium: 0.3s;
823
+ --db-transition-duration-fast: 0.15s;
824
+ --db-transition-duration-extra-fast: 0.075s;
825
+ --db-transition-timing-show: cubic-bezier(0.49, 0.1, 0.16, 1) normal both;
826
+ --db-transition-timing-hide: cubic-bezier(0.49, 0.1, 0.16, 1) normal both;
827
+ --db-transition-timing-emotional: cubic-bezier(0.27, 0.05, 0.4, 0.95);
828
+ --db-transition-timing-functional: cubic-bezier(0.15, 0, 0.45, 1);
829
+ --db-transition-straight-show: 0.5s cubic-bezier(0.49, 0.1, 0.16, 1) normal
830
+ both;
831
+ --db-transition-straight-hide: 0.4s cubic-bezier(0.49, 0.1, 0.16, 1) normal
832
+ both;
833
+ --db-transition-straight-emotional: 0.3s cubic-bezier(0.27, 0.05, 0.4, 0.95);
834
+ --db-transition-straight-functional: 0.3s cubic-bezier(0.15, 0, 0.45, 1);
835
+ --db-font-family-sans: "OpenSans", helvetica, arial, sans-serif;
836
+ --db-font-family-head: "OpenSans Head", helvetica, arial, sans-serif;
837
+
838
+ /* COLORS */
839
+ @include default-color-scheme.get-color-scheme;
840
+ @include default-color-scheme.get-color-scheme-light;
841
+ @include default-color-scheme.get-additional-color-scheme;
842
+
843
+ @media (prefers-color-scheme: dark) {
844
+ @include default-color-scheme.get-color-scheme-dark;
845
+ }
846
+ }
847
+
848
+ // We'll set the color scheme (https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme) to light and dark if it's not already set as a meta tag in the head, which would be the recommended way.
849
+ html:not(:has(> head > meta[name="color-scheme"])) {
850
+ color-scheme: light dark;
851
+ }
852
+
853
+ [data-mode] {
854
+ @extend %db-neutral-bg-basic-level-1;
855
+ }
856
+
857
+ /* TODO: Switch to attr() as soon as this one is fully supported */
858
+ [data-mode="light"] {
859
+ color-scheme: light;
860
+ }
861
+
862
+ [data-mode="dark"] {
863
+ color-scheme: dark;
864
+ }