@momentum-design/tokens 0.2.7 → 0.3.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 (59) hide show
  1. package/dist/css/components/complete.css +994 -0
  2. package/dist/css/core/complete.css +1 -1
  3. package/dist/css/effect/complete.css +8 -0
  4. package/dist/css/elevation/complete.css +11 -0
  5. package/dist/css/theme/aaos/day-complete.css +1 -1
  6. package/dist/css/theme/aaos/night-complete.css +1 -1
  7. package/dist/css/theme/webex/dark-stable.css +11 -1
  8. package/dist/css/theme/webex/hc-dark-stable.css +12 -1
  9. package/dist/css/theme/webex/hc-light-stable.css +12 -1
  10. package/dist/css/theme/webex/light-stable.css +12 -1
  11. package/dist/css/typography/complete.css +1 -1
  12. package/dist/ios/core/complete.swift +1 -1
  13. package/dist/ios/effect/complete.swift +14 -0
  14. package/dist/ios/elevation/complete.swift +17 -0
  15. package/dist/ios/theme/aaos/day-complete.swift +1 -1
  16. package/dist/ios/theme/aaos/night-complete.swift +1 -1
  17. package/dist/ios/theme/webex/dark-stable.swift +11 -1
  18. package/dist/ios/theme/webex/hc-dark-stable.swift +12 -1
  19. package/dist/ios/theme/webex/hc-light-stable.swift +12 -1
  20. package/dist/ios/theme/webex/light-stable.swift +12 -1
  21. package/dist/ios/typography/complete.swift +1 -1
  22. package/dist/ios-webex/effect/complete.swift +11 -0
  23. package/dist/ios-webex/theme/webex/dark-stable.swift +16 -0
  24. package/dist/ios-webex/theme/webex/hc-dark-stable.swift +11 -0
  25. package/dist/ios-webex/theme/webex/hc-light-stable.swift +33 -0
  26. package/dist/ios-webex/theme/webex/light-stable.swift +51 -0
  27. package/dist/json/effect/complete.json +21 -0
  28. package/dist/json/elevation/complete.json +108 -0
  29. package/dist/json/theme/webex/dark-stable.json +291 -0
  30. package/dist/json/theme/webex/hc-dark-stable.json +315 -0
  31. package/dist/json/theme/webex/hc-light-stable.json +319 -0
  32. package/dist/json/theme/webex/light-stable.json +319 -0
  33. package/dist/json-minimal/effect/complete.json +3 -0
  34. package/dist/json-minimal/elevation/complete.json +8 -0
  35. package/dist/json-minimal/theme/webex/dark-stable.json +23 -1
  36. package/dist/json-minimal/theme/webex/hc-dark-stable.json +26 -1
  37. package/dist/json-minimal/theme/webex/hc-light-stable.json +26 -1
  38. package/dist/json-minimal/theme/webex/light-stable.json +26 -1
  39. package/dist/resources/core/complete.xml +1 -1
  40. package/dist/resources/effect/complete.xml +10 -0
  41. package/dist/resources/elevation/complete.xml +13 -0
  42. package/dist/resources/theme/aaos/day-complete.xml +1 -1
  43. package/dist/resources/theme/aaos/night-complete.xml +1 -1
  44. package/dist/resources/theme/webex/dark-stable.xml +11 -1
  45. package/dist/resources/theme/webex/hc-dark-stable.xml +12 -1
  46. package/dist/resources/theme/webex/hc-light-stable.xml +12 -1
  47. package/dist/resources/theme/webex/light-stable.xml +12 -1
  48. package/dist/resources/typography/complete.xml +1 -1
  49. package/dist/scss/core/complete.scss +1 -1
  50. package/dist/scss/effect/complete.scss +5 -0
  51. package/dist/scss/elevation/complete.scss +8 -0
  52. package/dist/scss/theme/aaos/day-complete.scss +1 -1
  53. package/dist/scss/theme/aaos/night-complete.scss +1 -1
  54. package/dist/scss/theme/webex/dark-stable.scss +11 -1
  55. package/dist/scss/theme/webex/hc-dark-stable.scss +12 -1
  56. package/dist/scss/theme/webex/hc-light-stable.scss +12 -1
  57. package/dist/scss/theme/webex/light-stable.scss +12 -1
  58. package/dist/scss/typography/complete.scss +1 -1
  59. package/package.json +8 -5
package/dist/css/components/complete.css ADDED
@@ -0,0 +1,994 @@
1
+ .mds-theme-stable-darkWebex {
2
+ --mds-color-theme-text-primary-normal: #fffffff2;
3
+ --mds-color-theme-text-primary-disabled: #ffffff66;
4
+ --mds-color-theme-text-secondary-normal: #ffffffb3;
5
+ --mds-color-theme-text-error-normal: #fc8b98;
6
+ --mds-color-theme-text-error-hover: #ffd4da;
7
+ --mds-color-theme-text-error-active: #ffd4da;
8
+ --mds-color-theme-text-success-normal: #3cc29a;
9
+ --mds-color-theme-text-success-hover: #9fedd8;
10
+ --mds-color-theme-text-success-active: #9fedd8;
11
+ --mds-color-theme-text-warning-normal: #f2990a;
12
+ --mds-color-theme-text-warning-hover: #ffda94;
13
+ --mds-color-theme-text-warning-active: #ffda94;
14
+ --mds-color-theme-text-highlight: #063a75;
15
+ --mds-color-theme-text-accent-normal: #64b4fa;
16
+ --mds-color-theme-text-accent-hover: #bfe3ff;
17
+ --mds-color-theme-text-accent-active: #bfe3ff;
18
+ --mds-color-theme-text-teamdefault-normal: #ffffffb3;
19
+ --mds-color-theme-text-teamdefault-hover: #ffffffb3;
20
+ --mds-color-theme-text-teamdefault-active: #fffffff2;
21
+ --mds-color-theme-text-alert-purple-normal: #f294f1;
22
+ --mds-color-theme-text-alert-purple-hover: #fce1fc;
23
+ --mds-color-theme-text-alert-purple-active: #fce1fc;
24
+ --mds-color-theme-text-alert-orange-normal: #fd884e;
25
+ --mds-color-theme-text-alert-orange-hover: #fed5ac;
26
+ --mds-color-theme-text-alert-orange-active: #fed5ac;
27
+ --mds-color-theme-text-team-cobalt-normal: #5ebff7;
28
+ --mds-color-theme-text-team-cobalt-hover: #5ebff7;
29
+ --mds-color-theme-text-team-cobalt-active: #c7eeff;
30
+ --mds-color-theme-text-team-cyan-normal: #22c7d6;
31
+ --mds-color-theme-text-team-cyan-hover: #22c7d6;
32
+ --mds-color-theme-text-team-cyan-active: #b2f4f7;
33
+ --mds-color-theme-text-team-mint-normal: #30c9b0;
34
+ --mds-color-theme-text-team-mint-hover: #baf5e7;
35
+ --mds-color-theme-text-team-mint-active: #baf5e7;
36
+ --mds-color-theme-text-team-lime-normal: #93c437;
37
+ --mds-color-theme-text-team-lime-hover: #93c437;
38
+ --mds-color-theme-text-team-lime-active: #ddf2ae;
39
+ --mds-color-theme-text-team-gold-normal: #d6b220;
40
+ --mds-color-theme-text-team-gold-hover: #d6b220;
41
+ --mds-color-theme-text-team-gold-active: #f5eaa2;
42
+ --mds-color-theme-text-team-orange-normal: #fd884e;
43
+ --mds-color-theme-text-team-orange-hover: #fd884e;
44
+ --mds-color-theme-text-team-orange-active: #fed5ac;
45
+ --mds-color-theme-text-team-pink-normal: #fc97aa;
46
+ --mds-color-theme-text-team-pink-hover: #fc97aa;
47
+ --mds-color-theme-text-team-pink-active: #ffe0e7;
48
+ --mds-color-theme-text-team-purple-normal: #f294f1;
49
+ --mds-color-theme-text-team-purple-hover: #f294f1;
50
+ --mds-color-theme-text-team-purple-active: #fce1fc;
51
+ --mds-color-theme-text-team-violet-normal: #c7a5fa;
52
+ --mds-color-theme-text-team-violet-hover: #c7a5fa;
53
+ --mds-color-theme-text-team-violet-active: #f0e3fc;
54
+ --mds-color-theme-text-team-slate-normal: #b0b4d9;
55
+ --mds-color-theme-text-team-slate-hover: #b0b4d9;
56
+ --mds-color-theme-text-team-slate-active: #e3e7fa;
57
+ --mds-color-theme-inverted-text-primary-normal: #000000f2;
58
+ --mds-color-theme-inverted-text-primary-disabled: #00000066;
59
+ --mds-color-theme-inverted-text-secondary-normal: #000000b3;
60
+ --mds-color-theme-inverted-text-accent-normal: #0353a8;
61
+ --mds-color-theme-inverted-text-accent-hover: #0a274a;
62
+ --mds-color-theme-inverted-text-accent-active: #0a274a;
63
+ --mds-color-theme-inverted-background-normal: #ffffff;
64
+ --mds-color-theme-inverted-button-primary-normal: #000000f2;
65
+ --mds-color-theme-inverted-button-primary-hover: #000000cc;
66
+ --mds-color-theme-inverted-button-primary-pressed: #000000b3;
67
+ --mds-color-theme-inverted-button-primary-disabled: #00000033;
68
+ --mds-color-theme-inverted-button-secondary-normal: #00000000;
69
+ --mds-color-theme-inverted-button-secondary-hover: #00000012;
70
+ --mds-color-theme-inverted-button-secondary-pressed: #00000033;
71
+ --mds-color-theme-inverted-button-secondary-disabled: #00000000;
72
+ --mds-color-theme-inverted-outline-button-normal: #00000080;
73
+ --mds-color-theme-inverted-outline-primary-normal: #00000075;
74
+ --mds-color-theme-inverted-outline-disabled-normal: #00000033;
75
+ --mds-color-theme-inverted-outline-theme-normal: #1170cf;
76
+ --mds-color-theme-inverted-control-active-normal: #1170cf;
77
+ --mds-color-theme-inverted-control-active-hover: #0353a8;
78
+ --mds-color-theme-inverted-control-active-pressed: #063a75;
79
+ --mds-color-theme-inverted-control-active-active: #063a75;
80
+ --mds-color-theme-inverted-control-active-disabled: #00000033;
81
+ --mds-color-theme-inverted-control-inactive-normal: #8f8f8f;
82
+ --mds-color-theme-inverted-control-inactive-hover: #0000004d;
83
+ --mds-color-theme-inverted-control-inactive-pressed: #00000066;
84
+ --mds-color-theme-inverted-control-inactive-disabled: #00000033;
85
+ --mds-color-theme-background-primary-ghost: #ffffff00;
86
+ --mds-color-theme-background-primary-hover: #ffffff12;
87
+ --mds-color-theme-background-primary-active: #ffffff1c;
88
+ --mds-color-theme-background-primary-disabled: #ffffff00;
89
+ --mds-color-theme-background-solid-primary-normal: #000000;
90
+ --mds-color-theme-background-solid-secondary-normal: #1a1a1a;
91
+ --mds-color-theme-background-solid-tertiary-normal: #262626;
92
+ --mds-color-theme-background-solid-quaternary-normal: #3b3b3b;
93
+ --mds-color-theme-background-secondary-normal: #ffffff1c;
94
+ --mds-color-theme-background-secondary-hover: #ffffff33;
95
+ --mds-color-theme-background-secondary-active: #ffffff33;
96
+ --mds-color-theme-background-secondary-disabled: #ffffff00;
97
+ --mds-color-theme-background-accent-normal: #1170cf;
98
+ --mds-color-theme-background-accent-active: #64b4fa;
99
+ --mds-color-theme-background-alert-default-normal: #3b3b3b;
100
+ --mds-color-theme-background-alert-default-hover: #3b3b3b;
101
+ --mds-color-theme-background-alert-default-active: #545454;
102
+ --mds-color-theme-background-alert-success-normal: #0e2b20;
103
+ --mds-color-theme-background-alert-success-hover: #0e2b20;
104
+ --mds-color-theme-background-alert-success-active: #134231;
105
+ --mds-color-theme-background-alert-warning-normal: #36220c;
106
+ --mds-color-theme-background-alert-warning-hover: #36220c;
107
+ --mds-color-theme-background-alert-warning-active: #57330a;
108
+ --mds-color-theme-background-alert-error-normal: #4f0e10;
109
+ --mds-color-theme-background-alert-error-hover: #4f0e10;
110
+ --mds-color-theme-background-alert-error-active: #780d13;
111
+ --mds-color-theme-background-alert-theme-normal: #0a274a;
112
+ --mds-color-theme-background-alert-theme-hover: #0a274a;
113
+ --mds-color-theme-background-alert-theme-active: #063a75;
114
+ --mds-color-theme-background-alert-purple-normal: #3b1840;
115
+ --mds-color-theme-background-alert-purple-hover: #3b1840;
116
+ --mds-color-theme-background-alert-purple-active: #601e66;
117
+ --mds-color-theme-background-alert-orange-normal: #411b04;
118
+ --mds-color-theme-background-alert-orange-hover: #411b04;
119
+ --mds-color-theme-background-alert-orange-active: #682601;
120
+ --mds-color-theme-background-label-cobalt-normal: #12283d;
121
+ --mds-color-theme-background-label-cobalt-hover: #103c63;
122
+ --mds-color-theme-background-label-cobalt-active: #08599c;
123
+ --mds-color-theme-background-label-gold-normal: #30240d;
124
+ --mds-color-theme-background-label-gold-hover: #4d370c;
125
+ --mds-color-theme-background-label-gold-active: #735107;
126
+ --mds-color-theme-background-label-lime-normal: #1e2b10;
127
+ --mds-color-theme-background-label-lime-hover: #2d4214;
128
+ --mds-color-theme-background-label-lime-active: #416116;
129
+ --mds-color-theme-background-label-mint-normal: #102b2a;
130
+ --mds-color-theme-background-label-mint-hover: #12423f;
131
+ --mds-color-theme-background-label-mint-active: #12615a;
132
+ --mds-color-theme-background-label-orange-normal: #411b04;
133
+ --mds-color-theme-background-label-orange-hover: #682601;
134
+ --mds-color-theme-background-label-orange-active: #9c3202;
135
+ --mds-color-theme-background-label-pink-normal: #3b1e21;
136
+ --mds-color-theme-background-label-pink-hover: #66262d;
137
+ --mds-color-theme-background-label-pink-active: #a12a3a;
138
+ --mds-color-theme-background-label-purple-normal: #3b1840;
139
+ --mds-color-theme-background-label-purple-hover: #601e66;
140
+ --mds-color-theme-background-label-purple-active: #932099;
141
+ --mds-color-theme-background-label-slate-normal: #26262b;
142
+ --mds-color-theme-background-label-slate-hover: #393a47;
143
+ --mds-color-theme-background-label-slate-active: #535573;
144
+ --mds-color-theme-background-label-violet-normal: #29223d;
145
+ --mds-color-theme-background-label-violet-hover: #432c78;
146
+ --mds-color-theme-background-label-violet-active: #643abd;
147
+ --mds-color-theme-background-label-default-normal: #262626;
148
+ --mds-color-theme-background-label-default-hover: #3b3b3b;
149
+ --mds-color-theme-background-label-default-active: #545454;
150
+ --mds-color-theme-background-label-error-normal: #4f0e10;
151
+ --mds-color-theme-background-label-error-hover: #780d13;
152
+ --mds-color-theme-background-label-error-active: #ab0a15;
153
+ --mds-color-theme-background-namelabel-normal: #00000099;
154
+ --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%);
155
+ --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #262626 0%, #0f0f0f 100%);
156
+ --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
157
+ --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%);
158
+ --mds-color-theme-background-glass-normal: #00000099;
159
+ --mds-color-theme-background-glass-overlay-normal: #00000099;
160
+ --mds-color-theme-background-glass-overlay-inactive: #00000066;
161
+ --mds-color-theme-button-primary-normal: #fffffff2;
162
+ --mds-color-theme-button-primary-hover: #ffffffcc;
163
+ --mds-color-theme-button-primary-pressed: #ffffffb3;
164
+ --mds-color-theme-button-primary-disabled: #ffffff33;
165
+ --mds-color-theme-button-secondary-normal: #ffffff00;
166
+ --mds-color-theme-button-secondary-hover: #ffffff12;
167
+ --mds-color-theme-button-secondary-pressed: #ffffff33;
168
+ --mds-color-theme-button-secondary-disabled: #ffffff00;
169
+ --mds-color-theme-button-secondary-active-normal: #ffffff33;
170
+ --mds-color-theme-button-secondary-active-hover: #ffffff4d;
171
+ --mds-color-theme-button-secondary-active-pressed: #ffffff66;
172
+ --mds-color-theme-button-secondary-active-disabled: #ffffff1c;
173
+ --mds-color-theme-button-join-normal: #1d805f;
174
+ --mds-color-theme-button-join-hover: #185e46;
175
+ --mds-color-theme-button-join-pressed: #134231;
176
+ --mds-color-theme-button-cancel-normal: #db1f2e;
177
+ --mds-color-theme-button-cancel-hover: #ab0a15;
178
+ --mds-color-theme-button-cancel-pressed: #780d13;
179
+ --mds-color-theme-button-accent-normal: #1170cf;
180
+ --mds-color-theme-button-accent-hover: #0353a8;
181
+ --mds-color-theme-button-accent-pressed: #063a75;
182
+ --mds-color-theme-button-glass-primary-normal: #ffffffcc;
183
+ --mds-color-theme-button-glass-primary-hover: #ffffffb3;
184
+ --mds-color-theme-button-glass-primary-pressed: #ffffff99;
185
+ --mds-color-theme-outline-primary-normal: #ffffff66;
186
+ --mds-color-theme-outline-primary-disabled: #ffffff33;
187
+ --mds-color-theme-outline-theme-normal: #64b4fa;
188
+ --mds-color-theme-outline-secondary-normal: #ffffff33;
189
+ --mds-color-theme-outline-input-normal: #ffffff80;
190
+ --mds-color-theme-outline-input-active: #ffffffe6;
191
+ --mds-color-theme-outline-button-normal: #ffffff80;
192
+ --mds-color-theme-outline-join-normal: #3cc29a;
193
+ --mds-color-theme-outline-cancel-normal: #fc8b98;
194
+ --mds-color-theme-outline-share-selected: #27a17a;
195
+ --mds-color-theme-outline-share-active: #ec6400;
196
+ --mds-color-theme-outline-share-inactive: #8f8f8f;
197
+ --mds-color-theme-outline-overlay-normal: #adadad;
198
+ --mds-color-theme-outline-high-contrast-focus: #ffffff;
199
+ --mds-color-theme-outline-label-cobalt: #5ebff7;
200
+ --mds-color-theme-outline-label-gold: #d6b220;
201
+ --mds-color-theme-outline-label-lime: #93c437;
202
+ --mds-color-theme-outline-label-mint: #30c9b0;
203
+ --mds-color-theme-outline-label-orange: #fd884e;
204
+ --mds-color-theme-outline-label-pink: #fc97aa;
205
+ --mds-color-theme-outline-label-purple: #f294f1;
206
+ --mds-color-theme-outline-label-slate: #b0b4d9;
207
+ --mds-color-theme-outline-label-violet: #c7a5fa;
208
+ --mds-color-theme-outline-promotion-normal: #c233c4;
209
+ --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
210
+ --mds-color-theme-outline-warning-normal: #f2990a;
211
+ --mds-color-theme-control-active-normal: #64b4fa;
212
+ --mds-color-theme-control-active-hover: #3492eb;
213
+ --mds-color-theme-control-active-pressed: #1170cf;
214
+ --mds-color-theme-control-active-active: #1170cf;
215
+ --mds-color-theme-control-active-disabled: #ffffff33;
216
+ --mds-color-theme-control-indicator-inactive-normal: #8f8f8f;
217
+ --mds-color-theme-control-inactive-normal: #ffffff00;
218
+ --mds-color-theme-control-inactive-hover: #ffffff4d;
219
+ --mds-color-theme-control-inactive-pressed: #ffffff66;
220
+ --mds-color-theme-control-inactive-disabled: #ffffff33;
221
+ --mds-color-theme-overlay-meetings-normal: #000000b3;
222
+ --mds-color-theme-overlay-button-secondary-normal: #0f0f0f;
223
+ --mds-color-theme-overlay-button-secondary-hover: #262626;
224
+ --mds-color-theme-overlay-button-secondary-pressed: #3b3b3b;
225
+ --mds-color-theme-indicator-unstable: #ec6400;
226
+ --mds-color-theme-indicator-attention: #f55868;
227
+ --mds-color-theme-indicator-stable: #27a17a;
228
+ --mds-color-theme-indicator-locked: #8f8f8f;
229
+ --mds-color-theme-indicator-caution: #cf7900;
230
+ --mds-color-theme-indicator-secure: #3492eb;
231
+ --mds-color-theme-common-whiteboard-sticky-note-yellow: #ffbe4f;
232
+ --mds-color-theme-common-whiteboard-sticky-note-red: #fc8b98;
233
+ --mds-color-theme-common-whiteboard-sticky-note-purple: #f294f1;
234
+ --mds-color-theme-common-whiteboard-sticky-note-cyan: #22c7d6;
235
+ --mds-color-theme-common-whiteboard-sticky-note-mint: #30c9b0;
236
+ --mds-color-theme-common-whiteboard-pen-black: #0f0f0f;
237
+ --mds-color-theme-common-whiteboard-pen-red: #f55868;
238
+ --mds-color-theme-common-whiteboard-pen-purple: #c233c4;
239
+ --mds-color-theme-common-whiteboard-pen-blue: #64b4fa;
240
+ --mds-color-theme-common-whiteboard-pen-green: #3cc29a;
241
+ --mds-color-theme-common-whiteboard-pen-yellow: #f2990a;
242
+ --mds-color-theme-common-whiteboard-pen-white: #ffffff;
243
+ --mds-color-theme-common-text-primary-normal: #fffffff2;
244
+ --mds-color-theme-common-text-primary-disabled: #ffffff66;
245
+ --mds-color-theme-common-text-secondary-normal: #ffffffb3;
246
+ --mds-color-theme-common-text-success-normal: #3cc29a;
247
+ --mds-color-theme-common-text-success-hover: #9fedd8;
248
+ --mds-color-theme-common-text-error-normal: #fc8b98;
249
+ --mds-color-theme-common-text-error-hover: #ffd4da;
250
+ --mds-color-theme-common-text-warning-normal: #f2990a;
251
+ --mds-color-theme-common-text-warning-hover: #ffda94;
252
+ --mds-color-theme-common-inverted-text-secondary-normal: #00000099;
253
+ --mds-color-theme-common-inverted-text-primary-normal: #000000f2;
254
+ --mds-color-theme-common-inverted-button-secondary-normal: #00000000;
255
+ --mds-color-theme-common-inverted-button-secondary-hover: #00000012;
256
+ --mds-color-theme-common-inverted-button-secondary-pressed: #00000033;
257
+ --mds-color-theme-common-inverted-button-secondary-disabled: #00000000;
258
+ --mds-color-theme-common-overlays-primary-normal: #000000e6;
259
+ --mds-color-theme-common-overlays-secondary-normal: #00000066;
260
+ --mds-color-theme-common-overlays-meeting-normal-0: #00000000;
261
+ --mds-color-theme-common-overlays-meeting-normal-1: #0000004d;
262
+ --mds-color-theme-common-overlays-meeting-normal-2: #000000cc;
263
+ --mds-color-theme-common-button-primary-normal: #fffffff2;
264
+ --mds-color-theme-common-button-primary-hover: #ffffffcc;
265
+ --mds-color-theme-common-button-primary-pressed: #ffffffb3;
266
+ --mds-color-theme-common-button-primary-disabled: #ffffff33;
267
+ --mds-color-theme-common-button-secondary-normal: #ffffff00;
268
+ --mds-color-theme-common-button-secondary-hover: #ffffff12;
269
+ --mds-color-theme-common-button-secondary-active-normal: #ffffff33;
270
+ --mds-color-theme-common-button-secondary-active-hover: #ffffff4d;
271
+ --mds-color-theme-common-button-secondary-active-pressed: #ffffff66;
272
+ --mds-color-theme-common-button-secondary-active-disabled: #ffffff1c;
273
+ --mds-color-theme-common-button-secondary-disabled: #ffffff00;
274
+ --mds-color-theme-common-button-join-animated-gradient-normal: linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%);
275
+ --mds-color-theme-common-button-promotion-normal: linear-gradient(45deg, #932099 0%, #a12a3a 100%);
276
+ --mds-color-theme-common-button-promotion-hover: linear-gradient(45deg, #601e66 0%, #66262d 100%);
277
+ --mds-color-theme-common-button-promotion-active: linear-gradient(45deg, #3b1840 0%, #3b1e21 100%);
278
+ --mds-color-theme-common-outline-button-normal: #ffffff4d;
279
+ --mds-color-theme-common-outline-primary-normal: #ffffff66;
280
+ --mds-color-theme-common-outline-primary-disabled: #ffffff33;
281
+ --mds-color-theme-common-outline-input-normal: #ffffff80;
282
+ --mds-color-theme-common-outline-secondary-normal: #00000033;
283
+ --mds-color-theme-common-outline-secondary-disabled: #00000033;
284
+ --mds-color-theme-common-outline-warning-normal: #f2990a;
285
+ --mds-color-theme-common-control-share-content-selected: #3cc29a;
286
+ --mds-color-theme-common-control-share-content-active: #c94403;
287
+ --mds-color-theme-common-control-share-content-inactive: #707070;
288
+ --mds-color-theme-common-control-inactive-normal: #00000033;
289
+ --mds-color-theme-common-background-alert-share-normal: #c94403;
290
+ --mds-color-theme-common-background-solid-dark: #1a1a1a;
291
+ --mds-color-theme-common-background-solid-light: #ffffff;
292
+ --mds-color-theme-common-content-pdf: #ee0507;
293
+ --mds-color-theme-common-content-word: #0078d6;
294
+ --mds-color-theme-common-content-powerpoint: #d93e17;
295
+ --mds-color-theme-common-content-excel: #00893e;
296
+ --mds-color-theme-common-content-onenote: #b839db;
297
+ --mds-color-theme-common-content-sheets: #f4b400;
298
+ --mds-color-theme-common-content-slides: #0f9d58;
299
+ --mds-color-theme-common-content-keynote: #029cfb;
300
+ --mds-color-theme-common-content-doc: #4285f4;
301
+ --mds-color-theme-common-touchbar-background-blue-normal: #1170cf;
302
+ --mds-color-theme-common-touchbar-background-blue-pressed: #063a75;
303
+ --mds-color-theme-common-touchbar-background-pink-normal: #d43b52;
304
+ --mds-color-theme-common-touchbar-background-pink-pressed: #66262d;
305
+ --mds-color-theme-common-touchbar-background-mint-normal: #148579;
306
+ --mds-color-theme-common-touchbar-background-mint-pressed: #12423f;
307
+ --mds-color-theme-common-touchbar-background-purple-normal: #c233c4;
308
+ --mds-color-theme-common-touchbar-background-purple-pressed: #601e66;
309
+ --mds-color-theme-common-touchbar-background-violet-normal: #875ae0;
310
+ --mds-color-theme-common-touchbar-background-violet-pressed: #432c78;
311
+ --mds-color-theme-common-touchbar-background-orange-normal: #c94403;
312
+ --mds-color-theme-common-touchbar-background-orange-pressed: #682601;
313
+ --mds-color-theme-common-touchbar-background-green-normal: #1d805f;
314
+ --mds-color-theme-common-touchbar-background-green-pressed: #134231;
315
+ --mds-color-theme-common-touchbar-background-red-normal: #db1f2e;
316
+ --mds-color-theme-common-touchbar-background-red-pressed: #780d13;
317
+ --mds-color-theme-common-touchbar-background-transparent: #00000000;
318
+ --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
319
+ --mds-color-theme-common-touchbar-icon-stable: #27a17a;
320
+ --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
321
+ --mds-color-theme-scrollbar-button-normal: #ffffff66;
322
+ --mds-color-theme-scrollbar-button-hover: #ffffff80;
323
+ --mds-color-theme-scrollbar-button-pressed: #ffffff99;
324
+ --mds-color-theme-scrollbar-arrow-normal: #ffffffb3;
325
+ --mds-color-theme-scrollbar-arrow-background-normal: #ffffff00;
326
+ --mds-color-theme-scrollbar-arrow-background-hover: #ffffff33;
327
+ --mds-color-theme-scrollbar-arrow-background-pressed: #ffffff4d;
328
+ --mds-color-theme-scrollbar-background-secondary-ghost: #ffffff00;
329
+ --mds-color-theme-scrollbar-background-secondary-normal: #ffffff1c;
330
+ --mds-color-theme-illustrations-empty-primary-0: #93c437;
331
+ --mds-color-theme-illustrations-empty-primary-1: #279be8;
332
+ --mds-color-theme-illustrations-empty-secondary-0: #279be8;
333
+ --mds-color-theme-illustrations-empty-secondary-1: #875ae0;
334
+ --mds-color-theme-illustrations-onboarding-primary-0: #ffbe4f;
335
+ --mds-color-theme-illustrations-onboarding-primary-1: #93c437;
336
+ --mds-color-theme-illustrations-onboarding-secondary-0: #f55868;
337
+ --mds-color-theme-illustrations-onboarding-secondary-1: #875ae0;
338
+ --mds-color-theme-illustrations-onboarding-tertiary-0: #ffbe4f;
339
+ --mds-color-theme-illustrations-onboarding-tertiary-1: #ec6400;
340
+ --mds-color-theme-illustrations-onboarding-quartenary-0: #93c437;
341
+ --mds-color-theme-illustrations-onboarding-quartenary-1: #279be8;
342
+ --mds-color-theme-illustrations-onboarding-quinary-0: #279be8;
343
+ --mds-color-theme-illustrations-onboarding-quinary-1: #875ae0;
344
+ --mds-color-theme-illustrations-success-0: #3cc29a;
345
+ --mds-color-theme-illustrations-success-1: #93c437;
346
+ --mds-color-theme-illustrations-error-0: #f0677e;
347
+ --mds-color-theme-illustrations-error-1: #db1f2e;
348
+ --mds-color-theme-illustrations-default: #ffffff;
349
+ --mds-color-theme-globaltint-normal: #3492eb;
350
+ --mds-color-theme-globaltint-selected: #1170cf;
351
+ --mds-color-theme-groupedbackground-primary-normal: #000000;
352
+ --mds-color-theme-groupedbackground-secondary-normal: #1a1a1a;
353
+ --mds-color-theme-groupedbackground-tertiary-normal: #262626;
354
+ --mds-color-theme-groupedbackground-quaternary-normal: #3b3b3b;
355
+ --mds-color-theme-gradientdivider-default-normal: linear-gradient(90deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
356
+ --mds-color-theme-gradientdivider-default-hover: linear-gradient(90deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
357
+ --mds-color-theme-gradientdivider-error-normal: linear-gradient(90deg, #fc8b9800 0%, #fc8b9899 22.4%, #fc8b9899 76.04%, #fc8b9800 100%);
358
+ --mds-color-theme-gradientdivider-error-hover: linear-gradient(90deg, #fc8b9800 0%, #fc8b98e6 22.4%, #fc8b98e6 76.04%, #fc8b9800 100%);
359
+ --mds-color-theme-gradientdivider-warning-normal: linear-gradient(90deg, #f2990a00 0%, #f2990a99 22.4%, #f2990a99 76.04%, #f2990a00 100%);
360
+ --mds-color-theme-gradientdivider-warning-hover: linear-gradient(90deg, #f2990a00 0%, #f2990ae6 22.4%, #f2990ae6 76.04%, #f2990a00 100%);
361
+ --mds-color-theme-gradientdivider-announce-normal: linear-gradient(90deg, #64b4fa00 0%, #64b4fa99 22.4%, #64b4fa99 76.04%, #64b4fa00 100%);
362
+ --mds-color-theme-gradientdivider-announce-hover: linear-gradient(90deg, #64b4fa00 0%,#64b4faE6 22.4%, #64b4faE6 76.04%, #64b4fa00 100%);
363
+ --mds-color-theme-gradientdivider-success-normal: linear-gradient(90deg, #3cc29a00 0%, #3cc29a99 22.4%, #3cc29a99 76.04%, #3cc29a00 100%);
364
+ --mds-color-theme-gradientdivider-success-hover: linear-gradient(90deg, #3cc29a00 0%,#3cc29aE6 22.4%, #3cc29aE6 76.04%, #3cc29a00 100%);
365
+ --mds-color-theme-gradientdivider-orange-normal: linear-gradient(90deg, #fd884e00 0%, #fd884e99 22.4%, #fd884e99 76.04%, #fd884e00 100%);
366
+ --mds-color-theme-gradientdivider-orange-hover: linear-gradient(90deg, #fd884e00 0%,#fd884eE6 22.4%, #fd884eE6 76.04%, #fd884e00 100%);
367
+ --mds-color-theme-gradientdivider-purple-normal: linear-gradient(90deg, #f294f100 0%, #f294f199 22.4%, #f294f199 76.04%, #f294f100 100%);
368
+ --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%);
369
+ --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
370
+ --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
371
+ --mds-color-theme-avatar-default: #545454;
372
+ --mds-color-theme-avatar-hover: #ffffff12;
373
+ --mds-color-theme-avatar-pressed: #ffffff33;
374
+ --mds-color-theme-avatar-cobalt: #08599c;
375
+ --mds-color-theme-avatar-cyan: #066070;
376
+ --mds-color-theme-avatar-gold: #735107;
377
+ --mds-color-theme-avatar-lime: #416116;
378
+ --mds-color-theme-avatar-mint: #12615a;
379
+ --mds-color-theme-avatar-orange: #9c3202;
380
+ --mds-color-theme-avatar-pink: #a12a3a;
381
+ --mds-color-theme-avatar-purple: #932099;
382
+ --mds-color-theme-avatar-slate: #535573;
383
+ --mds-color-theme-avatar-violet: #643abd;
384
+ --mds-color-theme-avatar-yellow: #7d4705;
385
+ --mds-color-theme-avatar-glass-normal: #ffffff12;
386
+ --mds-color-theme-avatar-glass-active: #ffffffcc;
387
+ --mds-color-theme-focus-default-0: #000000;
388
+ --mds-color-theme-focus-default-1: #64b4fa;
389
+ --mds-color-theme-focus-default-2: #64b4fa59;
390
+ }
391
+ .mds-theme-stable-lightWebex {
392
+ --mds-color-theme-text-primary-normal: #000000f2;
393
+ --mds-color-theme-text-primary-disabled: #00000066;
394
+ --mds-color-theme-text-secondary-normal: #000000b3;
395
+ --mds-color-theme-text-error-normal: #ab0a15;
396
+ --mds-color-theme-text-error-hover: #4f0e10;
397
+ --mds-color-theme-text-error-active: #4f0e10;
398
+ --mds-color-theme-text-success-normal: #185e46;
399
+ --mds-color-theme-text-success-hover: #0e2b20;
400
+ --mds-color-theme-text-success-active: #0e2b20;
401
+ --mds-color-theme-text-warning-normal: #7d4705;
402
+ --mds-color-theme-text-warning-hover: #36220c;
403
+ --mds-color-theme-text-warning-active: #36220c;
404
+ --mds-color-theme-text-highlight: #bfe3ff;
405
+ --mds-color-theme-text-accent-normal: #0353a8;
406
+ --mds-color-theme-text-accent-hover: #0a274a;
407
+ --mds-color-theme-text-accent-active: #0a274a;
408
+ --mds-color-theme-text-teamdefault-normal: #000000b3;
409
+ --mds-color-theme-text-teamdefault-hover: #000000b3;
410
+ --mds-color-theme-text-teamdefault-active: #000000f2;
411
+ --mds-color-theme-text-alert-purple-normal: #932099;
412
+ --mds-color-theme-text-alert-purple-hover: #3b1840;
413
+ --mds-color-theme-text-alert-purple-active: #3b1840;
414
+ --mds-color-theme-text-alert-orange-normal: #9c3202;
415
+ --mds-color-theme-text-alert-orange-hover: #411b04;
416
+ --mds-color-theme-text-alert-orange-active: #411b04;
417
+ --mds-color-theme-text-team-cobalt-normal: #08599c;
418
+ --mds-color-theme-text-team-cobalt-hover: #08599c;
419
+ --mds-color-theme-text-team-cobalt-active: #12283d;
420
+ --mds-color-theme-text-team-cyan-normal: #066070;
421
+ --mds-color-theme-text-team-cyan-hover: #0b2a30;
422
+ --mds-color-theme-text-team-cyan-active: #0b2a30;
423
+ --mds-color-theme-text-team-mint-normal: #12615a;
424
+ --mds-color-theme-text-team-mint-hover: #102b2a;
425
+ --mds-color-theme-text-team-mint-active: #102b2a;
426
+ --mds-color-theme-text-team-lime-normal: #416116;
427
+ --mds-color-theme-text-team-lime-hover: #416116;
428
+ --mds-color-theme-text-team-lime-active: #1e2b10;
429
+ --mds-color-theme-text-team-gold-normal: #735107;
430
+ --mds-color-theme-text-team-gold-hover: #735107;
431
+ --mds-color-theme-text-team-gold-active: #30240d;
432
+ --mds-color-theme-text-team-orange-normal: #9c3202;
433
+ --mds-color-theme-text-team-orange-hover: #9c3202;
434
+ --mds-color-theme-text-team-orange-active: #411b04;
435
+ --mds-color-theme-text-team-pink-normal: #a12a3a;
436
+ --mds-color-theme-text-team-pink-hover: #a12a3a;
437
+ --mds-color-theme-text-team-pink-active: #3b1e21;
438
+ --mds-color-theme-text-team-purple-normal: #932099;
439
+ --mds-color-theme-text-team-purple-hover: #932099;
440
+ --mds-color-theme-text-team-purple-active: #3b1840;
441
+ --mds-color-theme-text-team-violet-normal: #643abd;
442
+ --mds-color-theme-text-team-violet-hover: #643abd;
443
+ --mds-color-theme-text-team-violet-active: #29223d;
444
+ --mds-color-theme-text-team-slate-normal: #535573;
445
+ --mds-color-theme-text-team-slate-hover: #535573;
446
+ --mds-color-theme-text-team-slate-active: #26262b;
447
+ --mds-color-theme-inverted-text-primary-normal: #fffffff2;
448
+ --mds-color-theme-inverted-text-primary-disabled: #ffffff66;
449
+ --mds-color-theme-inverted-text-secondary-normal: #ffffffb3;
450
+ --mds-color-theme-inverted-text-accent-normal: #64b4fa;
451
+ --mds-color-theme-inverted-text-accent-hover: #bfe3ff;
452
+ --mds-color-theme-inverted-text-accent-active: #bfe3ff;
453
+ --mds-color-theme-inverted-background-normal: #000000;
454
+ --mds-color-theme-inverted-button-primary-normal: #fffffff2;
455
+ --mds-color-theme-inverted-button-primary-hover: #ffffffcc;
456
+ --mds-color-theme-inverted-button-primary-pressed: #ffffffb3;
457
+ --mds-color-theme-inverted-button-primary-disabled: #ffffff33;
458
+ --mds-color-theme-inverted-button-secondary-normal: #ffffff00;
459
+ --mds-color-theme-inverted-button-secondary-hover: #ffffff12;
460
+ --mds-color-theme-inverted-button-secondary-pressed: #ffffff33;
461
+ --mds-color-theme-inverted-button-secondary-disabled: #ffffff00;
462
+ --mds-color-theme-inverted-outline-button-normal: #ffffff80;
463
+ --mds-color-theme-inverted-outline-primary-normal: #ffffff66;
464
+ --mds-color-theme-inverted-outline-disabled-normal: #ffffff33;
465
+ --mds-color-theme-inverted-outline-theme-normal: #64b4fa;
466
+ --mds-color-theme-inverted-control-active-normal: #64b4fa;
467
+ --mds-color-theme-inverted-control-active-hover: #3492eb;
468
+ --mds-color-theme-inverted-control-active-pressed: #1170cf;
469
+ --mds-color-theme-inverted-control-active-active: #1170cf;
470
+ --mds-color-theme-inverted-control-active-disabled: #ffffff33;
471
+ --mds-color-theme-inverted-control-inactive-normal: #8f8f8f;
472
+ --mds-color-theme-inverted-control-inactive-hover: #ffffff4d;
473
+ --mds-color-theme-inverted-control-inactive-pressed: #ffffff66;
474
+ --mds-color-theme-inverted-control-inactive-disabled: #ffffff33;
475
+ --mds-color-theme-background-primary-ghost: #00000000;
476
+ --mds-color-theme-background-primary-hover: #00000012;
477
+ --mds-color-theme-background-primary-active: #0000001c;
478
+ --mds-color-theme-background-primary-disabled: #00000000;
479
+ --mds-color-theme-background-solid-primary-normal: #ffffff;
480
+ --mds-color-theme-background-solid-secondary-normal: #f7f7f7;
481
+ --mds-color-theme-background-solid-tertiary-normal: #ededed;
482
+ --mds-color-theme-background-solid-quaternary-normal: #ffffff;
483
+ --mds-color-theme-background-secondary-normal: #0000001c;
484
+ --mds-color-theme-background-secondary-hover: #00000033;
485
+ --mds-color-theme-background-secondary-active: #0000004d;
486
+ --mds-color-theme-background-secondary-disabled: #00000000;
487
+ --mds-color-theme-background-accent-normal: #1170cf;
488
+ --mds-color-theme-background-accent-active: #0353a8;
489
+ --mds-color-theme-background-alert-default-normal: #dedede;
490
+ --mds-color-theme-background-alert-default-hover: #dedede;
491
+ --mds-color-theme-background-alert-default-active: #c9c9c9;
492
+ --mds-color-theme-background-alert-success-normal: #cef5eb;
493
+ --mds-color-theme-background-alert-success-hover: #cef5eb;
494
+ --mds-color-theme-background-alert-success-active: #9fedd8;
495
+ --mds-color-theme-background-alert-warning-normal: #ffebc2;
496
+ --mds-color-theme-background-alert-warning-hover: #ffebc2;
497
+ --mds-color-theme-background-alert-warning-active: #ffda94;
498
+ --mds-color-theme-background-alert-error-normal: #ffe8ea;
499
+ --mds-color-theme-background-alert-error-hover: #ffe8ea;
500
+ --mds-color-theme-background-alert-error-active: #ffd4da;
501
+ --mds-color-theme-background-alert-theme-normal: #dbf0ff;
502
+ --mds-color-theme-background-alert-theme-hover: #dbf0ff;
503
+ --mds-color-theme-background-alert-theme-active: #bfe3ff;
504
+ --mds-color-theme-background-alert-purple-normal: #fcf2fc;
505
+ --mds-color-theme-background-alert-purple-hover: #fcf2fc;
506
+ --mds-color-theme-background-alert-purple-active: #fce1fc;
507
+ --mds-color-theme-background-alert-orange-normal: #feebd7;
508
+ --mds-color-theme-background-alert-orange-hover: #feebd7;
509
+ --mds-color-theme-background-alert-orange-active: #fed5ac;
510
+ --mds-color-theme-background-label-cobalt-normal: #e5f8ff;
511
+ --mds-color-theme-background-label-cobalt-hover: #c7eeff;
512
+ --mds-color-theme-background-label-cobalt-active: #99ddff;
513
+ --mds-color-theme-background-label-gold-normal: #f7f6dc;
514
+ --mds-color-theme-background-label-gold-hover: #f5eaa2;
515
+ --mds-color-theme-background-label-gold-active: #ebd460;
516
+ --mds-color-theme-background-label-lime-normal: #f3f7e9;
517
+ --mds-color-theme-background-label-lime-hover: #ddf2ae;
518
+ --mds-color-theme-background-label-lime-active: #bce36f;
519
+ --mds-color-theme-background-label-mint-normal: #e9f7f3;
520
+ --mds-color-theme-background-label-mint-hover: #baf5e7;
521
+ --mds-color-theme-background-label-mint-active: #74e8d1;
522
+ --mds-color-theme-background-label-orange-normal: #feebd7;
523
+ --mds-color-theme-background-label-orange-hover: #fed5ac;
524
+ --mds-color-theme-background-label-orange-active: #feba7f;
525
+ --mds-color-theme-background-label-pink-normal: #fff2f5;
526
+ --mds-color-theme-background-label-pink-hover: #ffe0e7;
527
+ --mds-color-theme-background-label-pink-active: #ffc7d2;
528
+ --mds-color-theme-background-label-purple-normal: #fcf2fc;
529
+ --mds-color-theme-background-label-purple-hover: #fce1fc;
530
+ --mds-color-theme-background-label-purple-active: #fac3f8;
531
+ --mds-color-theme-background-label-slate-normal: #f2f4ff;
532
+ --mds-color-theme-background-label-slate-hover: #e3e7fa;
533
+ --mds-color-theme-background-label-slate-active: #ced2ed;
534
+ --mds-color-theme-background-label-violet-normal: #f8f2fc;
535
+ --mds-color-theme-background-label-violet-hover: #f0e3fc;
536
+ --mds-color-theme-background-label-violet-active: #e2cafc;
537
+ --mds-color-theme-background-label-default-normal: #ededed;
538
+ --mds-color-theme-background-label-default-hover: #dedede;
539
+ --mds-color-theme-background-label-default-active: #c9c9c9;
540
+ --mds-color-theme-background-label-error-normal: #ffe8ea;
541
+ --mds-color-theme-background-label-error-hover: #ffd4da;
542
+ --mds-color-theme-background-label-error-active: #ffb8c1;
543
+ --mds-color-theme-background-namelabel-normal: #00000099;
544
+ --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f0f0f0 0%, #ffffff 100%);
545
+ --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
546
+ --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
547
+ --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%);
548
+ --mds-color-theme-background-glass-normal: #ffffff99;
549
+ --mds-color-theme-background-glass-overlay-normal: #ffffffcc;
550
+ --mds-color-theme-background-glass-overlay-inactive: #ffffff66;
551
+ --mds-color-theme-button-primary-normal: #000000f2;
552
+ --mds-color-theme-button-primary-hover: #000000cc;
553
+ --mds-color-theme-button-primary-pressed: #000000b3;
554
+ --mds-color-theme-button-primary-disabled: #00000033;
555
+ --mds-color-theme-button-secondary-normal: #00000000;
556
+ --mds-color-theme-button-secondary-hover: #00000012;
557
+ --mds-color-theme-button-secondary-pressed: #00000033;
558
+ --mds-color-theme-button-secondary-disabled: #00000000;
559
+ --mds-color-theme-button-secondary-active-normal: #00000033;
560
+ --mds-color-theme-button-secondary-active-hover: #0000004d;
561
+ --mds-color-theme-button-secondary-active-pressed: #00000066;
562
+ --mds-color-theme-button-secondary-active-disabled: #0000001c;
563
+ --mds-color-theme-button-join-normal: #1d805f;
564
+ --mds-color-theme-button-join-hover: #185e46;
565
+ --mds-color-theme-button-join-pressed: #134231;
566
+ --mds-color-theme-button-cancel-normal: #db1f2e;
567
+ --mds-color-theme-button-cancel-hover: #ab0a15;
568
+ --mds-color-theme-button-cancel-pressed: #780d13;
569
+ --mds-color-theme-button-accent-normal: #1170cf;
570
+ --mds-color-theme-button-accent-hover: #0353a8;
571
+ --mds-color-theme-button-accent-pressed: #063a75;
572
+ --mds-color-theme-button-glass-primary-normal: #000000cc;
573
+ --mds-color-theme-button-glass-primary-hover: #000000b3;
574
+ --mds-color-theme-button-glass-primary-pressed: #00000099;
575
+ --mds-color-theme-outline-primary-normal: #00000075;
576
+ --mds-color-theme-outline-primary-disabled: #00000033;
577
+ --mds-color-theme-outline-theme-normal: #1170cf;
578
+ --mds-color-theme-outline-secondary-normal: #00000033;
579
+ --mds-color-theme-outline-input-normal: #00000080;
580
+ --mds-color-theme-outline-input-active: #000000e6;
581
+ --mds-color-theme-outline-button-normal: #00000080;
582
+ --mds-color-theme-outline-join-normal: #185e46;
583
+ --mds-color-theme-outline-cancel-normal: #ab0a15;
584
+ --mds-color-theme-outline-share-selected: #27a17a;
585
+ --mds-color-theme-outline-share-active: #ec6400;
586
+ --mds-color-theme-outline-share-inactive: #8f8f8f;
587
+ --mds-color-theme-outline-overlay-normal: #707070;
588
+ --mds-color-theme-outline-high-contrast-focus: #000000;
589
+ --mds-color-theme-outline-label-cobalt: #5ebff7;
590
+ --mds-color-theme-outline-label-gold: #d6b220;
591
+ --mds-color-theme-outline-label-lime: #93c437;
592
+ --mds-color-theme-outline-label-mint: #30c9b0;
593
+ --mds-color-theme-outline-label-orange: #fd884e;
594
+ --mds-color-theme-outline-label-pink: #fc97aa;
595
+ --mds-color-theme-outline-label-purple: #f294f1;
596
+ --mds-color-theme-outline-label-slate: #b0b4d9;
597
+ --mds-color-theme-outline-label-violet: #c7a5fa;
598
+ --mds-color-theme-outline-promotion-normal: #c233c4;
599
+ --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);
600
+ --mds-color-theme-outline-warning-normal: #7d4705;
601
+ --mds-color-theme-control-active-normal: #1170cf;
602
+ --mds-color-theme-control-active-hover: #0353a8;
603
+ --mds-color-theme-control-active-pressed: #063a75;
604
+ --mds-color-theme-control-active-active: #063a75;
605
+ --mds-color-theme-control-active-disabled: #00000033;
606
+ --mds-color-theme-control-indicator-inactive-normal: #707070;
607
+ --mds-color-theme-control-inactive-normal: #00000000;
608
+ --mds-color-theme-control-inactive-hover: #0000004d;
609
+ --mds-color-theme-control-inactive-pressed: #00000066;
610
+ --mds-color-theme-control-inactive-disabled: #00000033;
611
+ --mds-color-theme-overlay-meetings-normal: #ffffffcc;
612
+ --mds-color-theme-overlay-button-secondary-normal: #ffffff;
613
+ --mds-color-theme-overlay-button-secondary-hover: #ededed;
614
+ --mds-color-theme-overlay-button-secondary-pressed: #dedede;
615
+ --mds-color-theme-indicator-unstable: #c94403;
616
+ --mds-color-theme-indicator-attention: #db1f2e;
617
+ --mds-color-theme-indicator-stable: #1d805f;
618
+ --mds-color-theme-indicator-locked: #707070;
619
+ --mds-color-theme-indicator-caution: #a65e00;
620
+ --mds-color-theme-indicator-secure: #1170cf;
621
+ --mds-color-theme-common-whiteboard-sticky-note-yellow: #ffbe4f;
622
+ --mds-color-theme-common-whiteboard-sticky-note-red: #fc8b98;
623
+ --mds-color-theme-common-whiteboard-sticky-note-purple: #f294f1;
624
+ --mds-color-theme-common-whiteboard-sticky-note-cyan: #22c7d6;
625
+ --mds-color-theme-common-whiteboard-sticky-note-mint: #30c9b0;
626
+ --mds-color-theme-common-whiteboard-pen-black: #0f0f0f;
627
+ --mds-color-theme-common-whiteboard-pen-red: #f55868;
628
+ --mds-color-theme-common-whiteboard-pen-purple: #c233c4;
629
+ --mds-color-theme-common-whiteboard-pen-blue: #64b4fa;
630
+ --mds-color-theme-common-whiteboard-pen-green: #3cc29a;
631
+ --mds-color-theme-common-whiteboard-pen-yellow: #f2990a;
632
+ --mds-color-theme-common-whiteboard-pen-white: #ffffff;
633
+ --mds-color-theme-common-text-primary-normal: #fffffff2;
634
+ --mds-color-theme-common-text-primary-disabled: #ffffff66;
635
+ --mds-color-theme-common-text-secondary-normal: #ffffffb3;
636
+ --mds-color-theme-common-text-success-normal: #3cc29a;
637
+ --mds-color-theme-common-text-success-hover: #9fedd8;
638
+ --mds-color-theme-common-text-error-normal: #fc8b98;
639
+ --mds-color-theme-common-text-error-hover: #ffd4da;
640
+ --mds-color-theme-common-text-warning-normal: #f2990a;
641
+ --mds-color-theme-common-text-warning-hover: #ffda94;
642
+ --mds-color-theme-common-inverted-text-primary-normal: #000000f2;
643
+ --mds-color-theme-common-inverted-text-secondary-normal: #00000099;
644
+ --mds-color-theme-common-inverted-button-secondary-normal: #00000000;
645
+ --mds-color-theme-common-inverted-button-secondary-hover: #00000012;
646
+ --mds-color-theme-common-inverted-button-secondary-pressed: #00000033;
647
+ --mds-color-theme-common-inverted-button-secondary-disabled: #00000000;
648
+ --mds-color-theme-common-overlays-primary-normal: #000000e6;
649
+ --mds-color-theme-common-overlays-secondary-normal: #00000066;
650
+ --mds-color-theme-common-overlays-meeting-normal-0: #00000000;
651
+ --mds-color-theme-common-overlays-meeting-normal-1: #0000004d;
652
+ --mds-color-theme-common-overlays-meeting-normal-2: #000000cc;
653
+ --mds-color-theme-common-button-primary-normal: #fffffff2;
654
+ --mds-color-theme-common-button-primary-hover: #ffffffcc;
655
+ --mds-color-theme-common-button-primary-pressed: #ffffffb3;
656
+ --mds-color-theme-common-button-primary-disabled: #ffffff33;
657
+ --mds-color-theme-common-button-secondary-normal: #ffffff00;
658
+ --mds-color-theme-common-button-secondary-hover: #ffffff12;
659
+ --mds-color-theme-common-button-secondary-active-normal: #ffffff33;
660
+ --mds-color-theme-common-button-secondary-active-hover: #ffffff4d;
661
+ --mds-color-theme-common-button-secondary-active-pressed: #ffffff66;
662
+ --mds-color-theme-common-button-secondary-active-disabled: #ffffff1c;
663
+ --mds-color-theme-common-button-secondary-disabled: #ffffff00;
664
+ --mds-color-theme-common-button-promotion-normal: linear-gradient(46deg, #932099 0%, #a12a3a 100%);
665
+ --mds-color-theme-common-button-promotion-hover: linear-gradient(46deg, #601e66 0%, #66262d 100%);
666
+ --mds-color-theme-common-button-promotion-active: linear-gradient(46deg, #3b1840 0%, #3b1e21 100%);
667
+ --mds-color-theme-common-button-join-animated-gradient-normal: linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%);
668
+ --mds-color-theme-common-outline-button-normal: #ffffff4d;
669
+ --mds-color-theme-common-outline-primary-normal: #ffffff66;
670
+ --mds-color-theme-common-outline-primary-disabled: #ffffff33;
671
+ --mds-color-theme-common-outline-input-normal: #ffffff80;
672
+ --mds-color-theme-common-outline-secondary-normal: #00000033;
673
+ --mds-color-theme-common-outline-secondary-disabled: #00000033;
674
+ --mds-color-theme-common-outline-warning-normal: #f2990a;
675
+ --mds-color-theme-common-control-share-content-selected: #3cc29a;
676
+ --mds-color-theme-common-control-share-content-active: #c94403;
677
+ --mds-color-theme-common-control-share-content-inactive: #707070;
678
+ --mds-color-theme-common-control-inactive-normal: #00000033;
679
+ --mds-color-theme-common-background-alert-share-normal: #c94403;
680
+ --mds-color-theme-common-background-solid-dark: #1a1a1a;
681
+ --mds-color-theme-common-background-solid-light: #ffffff;
682
+ --mds-color-theme-common-content-pdf: #ee0507;
683
+ --mds-color-theme-common-content-word: #0078d6;
684
+ --mds-color-theme-common-content-powerpoint: #d93e17;
685
+ --mds-color-theme-common-content-excel: #00893e;
686
+ --mds-color-theme-common-content-onenote: #b839db;
687
+ --mds-color-theme-common-content-sheets: #f4b400;
688
+ --mds-color-theme-common-content-slides: #0f9d58;
689
+ --mds-color-theme-common-content-keynote: #029cfb;
690
+ --mds-color-theme-common-content-doc: #4285f4;
691
+ --mds-color-theme-common-touchbar-background-blue-normal: #1170cf;
692
+ --mds-color-theme-common-touchbar-background-blue-pressed: #063a75;
693
+ --mds-color-theme-common-touchbar-background-pink-normal: #d43b52;
694
+ --mds-color-theme-common-touchbar-background-pink-pressed: #66262d;
695
+ --mds-color-theme-common-touchbar-background-mint-normal: #148579;
696
+ --mds-color-theme-common-touchbar-background-mint-pressed: #12423f;
697
+ --mds-color-theme-common-touchbar-background-purple-normal: #c233c4;
698
+ --mds-color-theme-common-touchbar-background-purple-pressed: #601e66;
699
+ --mds-color-theme-common-touchbar-background-violet-normal: #875ae0;
700
+ --mds-color-theme-common-touchbar-background-violet-pressed: #432c78;
701
+ --mds-color-theme-common-touchbar-background-orange-normal: #c94403;
702
+ --mds-color-theme-common-touchbar-background-orange-pressed: #682601;
703
+ --mds-color-theme-common-touchbar-background-green-normal: #1d805f;
704
+ --mds-color-theme-common-touchbar-background-green-pressed: #134231;
705
+ --mds-color-theme-common-touchbar-background-red-normal: #db1f2e;
706
+ --mds-color-theme-common-touchbar-background-red-pressed: #780d13;
707
+ --mds-color-theme-common-touchbar-background-transparent: #00000000;
708
+ --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
709
+ --mds-color-theme-common-touchbar-icon-stable: #27a17a;
710
+ --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
711
+ --mds-color-theme-scrollbar-button-normal: #00000075;
712
+ --mds-color-theme-scrollbar-button-hover: #00000080;
713
+ --mds-color-theme-scrollbar-button-pressed: #00000099;
714
+ --mds-color-theme-scrollbar-arrow-normal: #00000099;
715
+ --mds-color-theme-scrollbar-arrow-background-normal: #00000000;
716
+ --mds-color-theme-scrollbar-arrow-background-hover: #00000033;
717
+ --mds-color-theme-scrollbar-arrow-background-pressed: #0000004d;
718
+ --mds-color-theme-scrollbar-background-secondary-ghost: #00000000;
719
+ --mds-color-theme-scrollbar-background-secondary-normal: #0000001c;
720
+ --mds-color-theme-illustrations-empty-primary-0: #93c437;
721
+ --mds-color-theme-illustrations-empty-primary-1: #279be8;
722
+ --mds-color-theme-illustrations-empty-secondary-0: #279be8;
723
+ --mds-color-theme-illustrations-empty-secondary-1: #875ae0;
724
+ --mds-color-theme-illustrations-onboarding-primary-0: #ffbe4f;
725
+ --mds-color-theme-illustrations-onboarding-primary-1: #93c437;
726
+ --mds-color-theme-illustrations-onboarding-secondary-0: #f55868;
727
+ --mds-color-theme-illustrations-onboarding-secondary-1: #875ae0;
728
+ --mds-color-theme-illustrations-onboarding-tertiary-0: #ffbe4f;
729
+ --mds-color-theme-illustrations-onboarding-tertiary-1: #ec6400;
730
+ --mds-color-theme-illustrations-onboarding-quartenary-0: #93c437;
731
+ --mds-color-theme-illustrations-onboarding-quartenary-1: #279be8;
732
+ --mds-color-theme-illustrations-onboarding-quinary-0: #279be8;
733
+ --mds-color-theme-illustrations-onboarding-quinary-1: #875ae0;
734
+ --mds-color-theme-illustrations-success-0: #3cc29a;
735
+ --mds-color-theme-illustrations-success-1: #93c437;
736
+ --mds-color-theme-illustrations-error-0: #f0677e;
737
+ --mds-color-theme-illustrations-error-1: #db1f2e;
738
+ --mds-color-theme-illustrations-default: #000000;
739
+ --mds-color-theme-globaltint-normal: #1170cf;
740
+ --mds-color-theme-globaltint-selected: #1170cf;
741
+ --mds-color-theme-groupedbackground-primary-normal: #f7f7f7;
742
+ --mds-color-theme-groupedbackground-secondary-normal: #ffffff;
743
+ --mds-color-theme-groupedbackground-tertiary-normal: #f7f7f7;
744
+ --mds-color-theme-groupedbackground-quaternary-normal: #ffffff;
745
+ --mds-color-theme-avatar-default: #545454;
746
+ --mds-color-theme-avatar-cobalt: #08599c;
747
+ --mds-color-theme-avatar-cyan: #066070;
748
+ --mds-color-theme-avatar-gold: #735107;
749
+ --mds-color-theme-avatar-lime: #416116;
750
+ --mds-color-theme-avatar-mint: #12615a;
751
+ --mds-color-theme-avatar-orange: #9c3202;
752
+ --mds-color-theme-avatar-pink: #a12a3a;
753
+ --mds-color-theme-avatar-purple: #932099;
754
+ --mds-color-theme-avatar-slate: #535573;
755
+ --mds-color-theme-avatar-violet: #643abd;
756
+ --mds-color-theme-avatar-yellow: #7d4705;
757
+ --mds-color-theme-avatar-hover: #00000012;
758
+ --mds-color-theme-avatar-pressed: #00000033;
759
+ --mds-color-theme-avatar-glass-normal: #00000012;
760
+ --mds-color-theme-avatar-glass-active: #ffffffcc;
761
+ --mds-color-theme-gradientdivider-default-normal: linear-gradient(90deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%);
762
+ --mds-color-theme-gradientdivider-default-hover: linear-gradient(90deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%);
763
+ --mds-color-theme-gradientdivider-error-normal: linear-gradient(90deg, #ab0a1500 0%, #ab0a1599 22.4%, #ab0a1599 22.4%, #ab0a1500 100%);
764
+ --mds-color-theme-gradientdivider-error-hover: linear-gradient(90deg, #ab0a1500 0%, #ab0a15e6 22.4%, #ab0a15e6 76.04%, #ab0a1500 100%);
765
+ --mds-color-theme-gradientdivider-warning-normal: linear-gradient(90deg, #7d470500 0%, #7d470599 22.4%, #7d470599 76.04%, #7d470500 100%);
766
+ --mds-color-theme-gradientdivider-warning-hover: linear-gradient(90deg, #7d470500 0%, #7d4705e6 22.4%, #7d4705e6 76.04%, #7d470500 100%);
767
+ --mds-color-theme-gradientdivider-announce-normal: linear-gradient(90deg, #0353a800 0%, #0353a899 22.4%, #0353a899 22.4%, #0353a800 100%);
768
+ --mds-color-theme-gradientdivider-announce-hover: linear-gradient(90deg, #0353a800 0%, #0353a8E6 76.04%, #0353a8E6 76.04%, #0353a800 100%);
769
+ --mds-color-theme-gradientdivider-success-normal: linear-gradient(90deg, #185e4600 0%, #185e4699 22.4%, #185e4699 76.04%, #185e4600 100%);
770
+ --mds-color-theme-gradientdivider-success-hover: linear-gradient(90deg, #185e4600 0%, #185e46E6 22.4%, #185e46E6 76.04%, #185e4600 100%);
771
+ --mds-color-theme-gradientdivider-orange-normal: linear-gradient(90deg, #9c320200 0%, #9c320299 22.4%, #9c320299 76.04%, #9c320200 100%);
772
+ --mds-color-theme-gradientdivider-orange-hover: linear-gradient(90deg, #9c320200 0%, #9c3202e6 22.4%, #9c3202e6 76.04%, #9c320200 100%);
773
+ --mds-color-theme-gradientdivider-purple-normal: linear-gradient(90deg, #93209900 0%, #93209999 22.4%, #93209999 76.04%, #93209900 100%);
774
+ --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #93209900 0%,#932099E6 22.4%, #932099E6 76.04%, #93209900 100%);
775
+ --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%);
776
+ --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%);
777
+ --mds-color-theme-focus-default-0: #ffffff;
778
+ --mds-color-theme-focus-default-1: #1170cf;
779
+ --mds-color-theme-focus-default-2: #1170cf59;
780
+ }
781
+ .mds-typography {
782
+ --mds-font-lineheight-base: 1rem;
783
+ --mds-font-lineheight-body-small: 1rem;
784
+ --mds-font-lineheight-body-midsize: 1.25rem;
785
+ --mds-font-lineheight-body-large: 1.5rem;
786
+ --mds-font-lineheight-heading-small: 1.75rem;
787
+ --mds-font-lineheight-heading-midsize: 2rem;
788
+ --mds-font-lineheight-heading-large: 2.5rem;
789
+ --mds-font-lineheight-heading-xlarge: 3.25rem;
790
+ --mds-font-lineheight-headline-small: 4rem;
791
+ --mds-font-family-primary: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
792
+ --mds-font-weight-light: 300;
793
+ --mds-font-weight-regular: 400;
794
+ --mds-font-weight-medium: 500;
795
+ --mds-font-weight-bold: 700;
796
+ --mds-font-size-base: 1rem;
797
+ --mds-font-size-body-small: 0.75rem;
798
+ --mds-font-size-body-midsize: 0.875rem;
799
+ --mds-font-size-body-large: 1rem;
800
+ --mds-font-size-heading-small: 1.25rem;
801
+ --mds-font-size-heading-midsize: 1.5rem;
802
+ --mds-font-size-heading-large: 2rem;
803
+ --mds-font-size-heading-xlarge: 2.5rem;
804
+ --mds-font-size-headline-small: 3.25rem;
805
+ --mds-font-text-transform-none: none;
806
+ --mds-font-text-transform-uppercase: uppercase;
807
+ --mds-font-text-transform-lowercase: lowercase;
808
+ --mds-font-text-transform-titlecase: titlecase;
809
+ --mds-font-decoration-underline: underline;
810
+ --mds-font-decoration-none: none;
811
+ --mds-font-apps-body-small-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
812
+ --mds-font-apps-body-small-regular-font-weight: 400;
813
+ --mds-font-apps-body-small-regular-line-height: 1rem;
814
+ --mds-font-apps-body-small-regular-font-size: 0.75rem;
815
+ --mds-font-apps-body-small-regular-text-case: none;
816
+ --mds-font-apps-body-small-regular-text-decoration: none;
817
+ --mds-font-apps-body-small-regular-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
818
+ --mds-font-apps-body-small-regular-underline-font-weight: 400;
819
+ --mds-font-apps-body-small-regular-underline-line-height: 1rem;
820
+ --mds-font-apps-body-small-regular-underline-font-size: 0.75rem;
821
+ --mds-font-apps-body-small-regular-underline-text-case: none;
822
+ --mds-font-apps-body-small-regular-underline-text-decoration: underline;
823
+ --mds-font-apps-body-small-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
824
+ --mds-font-apps-body-small-medium-font-weight: 500;
825
+ --mds-font-apps-body-small-medium-line-height: 1rem;
826
+ --mds-font-apps-body-small-medium-font-size: 0.75rem;
827
+ --mds-font-apps-body-small-medium-text-case: none;
828
+ --mds-font-apps-body-small-medium-text-decoration: none;
829
+ --mds-font-apps-body-small-medium-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
830
+ --mds-font-apps-body-small-medium-underline-font-weight: 500;
831
+ --mds-font-apps-body-small-medium-underline-line-height: 1rem;
832
+ --mds-font-apps-body-small-medium-underline-font-size: 0.75rem;
833
+ --mds-font-apps-body-small-medium-underline-text-case: none;
834
+ --mds-font-apps-body-small-medium-underline-text-decoration: underline;
835
+ --mds-font-apps-body-small-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
836
+ --mds-font-apps-body-small-bold-font-weight: 700;
837
+ --mds-font-apps-body-small-bold-line-height: 1rem;
838
+ --mds-font-apps-body-small-bold-font-size: 0.75rem;
839
+ --mds-font-apps-body-small-bold-text-case: none;
840
+ --mds-font-apps-body-small-bold-text-decoration: none;
841
+ --mds-font-apps-body-midsize-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
842
+ --mds-font-apps-body-midsize-regular-font-weight: 400;
843
+ --mds-font-apps-body-midsize-regular-line-height: 1.25rem;
844
+ --mds-font-apps-body-midsize-regular-font-size: 0.875rem;
845
+ --mds-font-apps-body-midsize-regular-text-case: none;
846
+ --mds-font-apps-body-midsize-regular-text-decoration: none;
847
+ --mds-font-apps-body-midsize-regular-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
848
+ --mds-font-apps-body-midsize-regular-underline-font-weight: 400;
849
+ --mds-font-apps-body-midsize-regular-underline-line-height: 1.25rem;
850
+ --mds-font-apps-body-midsize-regular-underline-font-size: 0.875rem;
851
+ --mds-font-apps-body-midsize-regular-underline-text-case: none;
852
+ --mds-font-apps-body-midsize-regular-underline-text-decoration: underline;
853
+ --mds-font-apps-body-midsize-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
854
+ --mds-font-apps-body-midsize-medium-font-weight: 500;
855
+ --mds-font-apps-body-midsize-medium-line-height: 1.25rem;
856
+ --mds-font-apps-body-midsize-medium-font-size: 0.875rem;
857
+ --mds-font-apps-body-midsize-medium-text-case: none;
858
+ --mds-font-apps-body-midsize-medium-text-decoration: none;
859
+ --mds-font-apps-body-midsize-medium-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
860
+ --mds-font-apps-body-midsize-medium-underline-font-weight: 500;
861
+ --mds-font-apps-body-midsize-medium-underline-line-height: 1.25rem;
862
+ --mds-font-apps-body-midsize-medium-underline-font-size: 0.875rem;
863
+ --mds-font-apps-body-midsize-medium-underline-text-case: none;
864
+ --mds-font-apps-body-midsize-medium-underline-text-decoration: underline;
865
+ --mds-font-apps-body-midsize-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
866
+ --mds-font-apps-body-midsize-bold-font-weight: 700;
867
+ --mds-font-apps-body-midsize-bold-line-height: 1.25rem;
868
+ --mds-font-apps-body-midsize-bold-font-size: 0.875rem;
869
+ --mds-font-apps-body-midsize-bold-text-case: none;
870
+ --mds-font-apps-body-midsize-bold-text-decoration: none;
871
+ --mds-font-apps-body-large-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
872
+ --mds-font-apps-body-large-regular-font-weight: 400;
873
+ --mds-font-apps-body-large-regular-line-height: 1.5rem;
874
+ --mds-font-apps-body-large-regular-font-size: 1rem;
875
+ --mds-font-apps-body-large-regular-text-case: none;
876
+ --mds-font-apps-body-large-regular-text-decoration: none;
877
+ --mds-font-apps-body-large-regular-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
878
+ --mds-font-apps-body-large-regular-underline-font-weight: 400;
879
+ --mds-font-apps-body-large-regular-underline-line-height: 1.5rem;
880
+ --mds-font-apps-body-large-regular-underline-font-size: 1rem;
881
+ --mds-font-apps-body-large-regular-underline-text-case: none;
882
+ --mds-font-apps-body-large-regular-underline-text-decoration: underline;
883
+ --mds-font-apps-body-large-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
884
+ --mds-font-apps-body-large-medium-font-weight: 500;
885
+ --mds-font-apps-body-large-medium-line-height: 1.5rem;
886
+ --mds-font-apps-body-large-medium-font-size: 1rem;
887
+ --mds-font-apps-body-large-medium-text-case: none;
888
+ --mds-font-apps-body-large-medium-text-decoration: none;
889
+ --mds-font-apps-body-large-medium-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
890
+ --mds-font-apps-body-large-medium-underline-font-weight: 500;
891
+ --mds-font-apps-body-large-medium-underline-line-height: 1.5rem;
892
+ --mds-font-apps-body-large-medium-underline-font-size: 1rem;
893
+ --mds-font-apps-body-large-medium-underline-text-case: none;
894
+ --mds-font-apps-body-large-medium-underline-text-decoration: underline;
895
+ --mds-font-apps-body-large-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
896
+ --mds-font-apps-body-large-bold-font-weight: 700;
897
+ --mds-font-apps-body-large-bold-line-height: 1.5rem;
898
+ --mds-font-apps-body-large-bold-font-size: 1rem;
899
+ --mds-font-apps-body-large-bold-text-case: none;
900
+ --mds-font-apps-body-large-bold-text-decoration: none;
901
+ --mds-font-apps-heading-small-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
902
+ --mds-font-apps-heading-small-regular-font-weight: 400;
903
+ --mds-font-apps-heading-small-regular-line-height: 1.75rem;
904
+ --mds-font-apps-heading-small-regular-font-size: 1.25rem;
905
+ --mds-font-apps-heading-small-regular-text-case: none;
906
+ --mds-font-apps-heading-small-regular-text-decoration: none;
907
+ --mds-font-apps-heading-small-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
908
+ --mds-font-apps-heading-small-medium-font-weight: 500;
909
+ --mds-font-apps-heading-small-medium-line-height: 1.75rem;
910
+ --mds-font-apps-heading-small-medium-font-size: 1.25rem;
911
+ --mds-font-apps-heading-small-medium-text-case: none;
912
+ --mds-font-apps-heading-small-medium-text-decoration: none;
913
+ --mds-font-apps-heading-small-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
914
+ --mds-font-apps-heading-small-bold-font-weight: 700;
915
+ --mds-font-apps-heading-small-bold-line-height: 1.75rem;
916
+ --mds-font-apps-heading-small-bold-font-size: 1.25rem;
917
+ --mds-font-apps-heading-small-bold-text-case: none;
918
+ --mds-font-apps-heading-small-bold-text-decoration: none;
919
+ --mds-font-apps-heading-midsize-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
920
+ --mds-font-apps-heading-midsize-regular-font-weight: 400;
921
+ --mds-font-apps-heading-midsize-regular-line-height: 2rem;
922
+ --mds-font-apps-heading-midsize-regular-font-size: 1.5rem;
923
+ --mds-font-apps-heading-midsize-regular-text-case: none;
924
+ --mds-font-apps-heading-midsize-regular-text-decoration: none;
925
+ --mds-font-apps-heading-midsize-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
926
+ --mds-font-apps-heading-midsize-medium-font-weight: 500;
927
+ --mds-font-apps-heading-midsize-medium-line-height: 2rem;
928
+ --mds-font-apps-heading-midsize-medium-font-size: 1.5rem;
929
+ --mds-font-apps-heading-midsize-medium-text-case: none;
930
+ --mds-font-apps-heading-midsize-medium-text-decoration: none;
931
+ --mds-font-apps-heading-midsize-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
932
+ --mds-font-apps-heading-midsize-bold-font-weight: 700;
933
+ --mds-font-apps-heading-midsize-bold-line-height: 2rem;
934
+ --mds-font-apps-heading-midsize-bold-font-size: 1.5rem;
935
+ --mds-font-apps-heading-midsize-bold-text-case: none;
936
+ --mds-font-apps-heading-midsize-bold-text-decoration: none;
937
+ --mds-font-apps-heading-large-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
938
+ --mds-font-apps-heading-large-regular-font-weight: 400;
939
+ --mds-font-apps-heading-large-regular-line-height: 2.5rem;
940
+ --mds-font-apps-heading-large-regular-font-size: 2rem;
941
+ --mds-font-apps-heading-large-regular-text-case: none;
942
+ --mds-font-apps-heading-large-regular-text-decoration: none;
943
+ --mds-font-apps-heading-large-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
944
+ --mds-font-apps-heading-large-medium-font-weight: 500;
945
+ --mds-font-apps-heading-large-medium-line-height: 2.5rem;
946
+ --mds-font-apps-heading-large-medium-font-size: 2rem;
947
+ --mds-font-apps-heading-large-medium-text-case: none;
948
+ --mds-font-apps-heading-large-medium-text-decoration: none;
949
+ --mds-font-apps-heading-large-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
950
+ --mds-font-apps-heading-large-bold-font-weight: 700;
951
+ --mds-font-apps-heading-large-bold-line-height: 2.5rem;
952
+ --mds-font-apps-heading-large-bold-font-size: 2rem;
953
+ --mds-font-apps-heading-large-bold-text-case: none;
954
+ --mds-font-apps-heading-large-bold-text-decoration: none;
955
+ --mds-font-apps-heading-xlarge-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
956
+ --mds-font-apps-heading-xlarge-regular-font-weight: 400;
957
+ --mds-font-apps-heading-xlarge-regular-line-height: 3.25rem;
958
+ --mds-font-apps-heading-xlarge-regular-font-size: 2.5rem;
959
+ --mds-font-apps-heading-xlarge-regular-text-case: none;
960
+ --mds-font-apps-heading-xlarge-regular-text-decoration: none;
961
+ --mds-font-apps-heading-xlarge-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
962
+ --mds-font-apps-heading-xlarge-medium-font-weight: 500;
963
+ --mds-font-apps-heading-xlarge-medium-line-height: 3.25rem;
964
+ --mds-font-apps-heading-xlarge-medium-font-size: 2.5rem;
965
+ --mds-font-apps-heading-xlarge-medium-text-case: none;
966
+ --mds-font-apps-heading-xlarge-medium-text-decoration: none;
967
+ --mds-font-apps-heading-xlarge-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
968
+ --mds-font-apps-heading-xlarge-bold-font-weight: 700;
969
+ --mds-font-apps-heading-xlarge-bold-line-height: 3.25rem;
970
+ --mds-font-apps-heading-xlarge-bold-font-size: 2.5rem;
971
+ --mds-font-apps-heading-xlarge-bold-text-case: none;
972
+ --mds-font-apps-heading-xlarge-bold-text-decoration: none;
973
+ --mds-font-apps-headline-small-light-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
974
+ --mds-font-apps-headline-small-light-font-weight: 300;
975
+ --mds-font-apps-headline-small-light-font-size: 3.25rem;
976
+ --mds-font-apps-headline-small-light-line-height: 4rem;
977
+ --mds-font-apps-headline-small-light-text-decoration: none;
978
+ --mds-font-apps-headline-small-light-text-case: none;
979
+ --mds-font-apps-headline-small-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
980
+ --mds-font-apps-headline-small-regular-font-weight: 400;
981
+ --mds-font-apps-headline-small-regular-font-size: 3.25rem;
982
+ --mds-font-apps-headline-small-regular-line-height: 4rem;
983
+ --mds-font-apps-headline-small-regular-text-decoration: none;
984
+ --mds-font-apps-headline-small-regular-text-case: none;
985
+ }
986
+ .mds-effect {
987
+ --mds-backdrop-filter: blur(10px);
988
+ }
989
+ .mds-elevation {
990
+ --mds-elevation-1: drop-shadow(0px 2px 8px rgba(0,0,0,0.2));
991
+ --mds-elevation-2: drop-shadow(0px 4px 16px rgba(0,0,0,0.2));
992
+ --mds-elevation-3: drop-shadow(0px 6px 24px rgba(0,0,0,0.25));
993
+ --mds-elevation-4: drop-shadow(0px 12px 48px rgba(0,0,0,0.25));
994
+ }