@momentum-design/tokens 0.2.6 → 0.2.8

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