@momentum-design/tokens 0.15.0 → 0.16.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 (117) hide show
  1. package/dist/css/components/complete.css +1843 -325
  2. package/dist/css/motion/animation.css +11 -32
  3. package/dist/css/theme/webex/dark-bronze-stable.css +58 -16
  4. package/dist/css/theme/webex/dark-fluid.css +511 -0
  5. package/dist/css/theme/webex/dark-indigo-stable.css +58 -16
  6. package/dist/css/theme/webex/dark-jade-stable.css +58 -16
  7. package/dist/css/theme/webex/dark-lavender-stable.css +58 -16
  8. package/dist/css/theme/webex/dark-rose-stable.css +58 -16
  9. package/dist/css/theme/webex/dark-stable.css +58 -16
  10. package/dist/css/theme/webex/hc-dark-stable.css +21 -14
  11. package/dist/css/theme/webex/hc-light-stable.css +21 -14
  12. package/dist/css/theme/webex/light-bronze-stable.css +59 -17
  13. package/dist/css/theme/webex/light-fluid.css +511 -0
  14. package/dist/css/theme/webex/light-indigo-stable.css +59 -17
  15. package/dist/css/theme/webex/light-jade-stable.css +59 -17
  16. package/dist/css/theme/webex/light-lavender-stable.css +59 -17
  17. package/dist/css/theme/webex/light-rose-stable.css +59 -17
  18. package/dist/css/theme/webex/light-stable.css +59 -17
  19. package/dist/ios/theme/webex/dark-bronze-stable.swift +57 -15
  20. package/dist/ios/theme/webex/dark-fluid.swift +517 -0
  21. package/dist/ios/theme/webex/dark-indigo-stable.swift +57 -15
  22. package/dist/ios/theme/webex/dark-jade-stable.swift +57 -15
  23. package/dist/ios/theme/webex/dark-lavender-stable.swift +57 -15
  24. package/dist/ios/theme/webex/dark-rose-stable.swift +57 -15
  25. package/dist/ios/theme/webex/dark-stable.swift +57 -15
  26. package/dist/ios/theme/webex/hc-dark-stable.swift +21 -14
  27. package/dist/ios/theme/webex/hc-light-stable.swift +21 -14
  28. package/dist/ios/theme/webex/light-bronze-stable.swift +59 -17
  29. package/dist/ios/theme/webex/light-fluid.swift +517 -0
  30. package/dist/ios/theme/webex/light-indigo-stable.swift +59 -17
  31. package/dist/ios/theme/webex/light-jade-stable.swift +59 -17
  32. package/dist/ios/theme/webex/light-lavender-stable.swift +59 -17
  33. package/dist/ios/theme/webex/light-rose-stable.swift +59 -17
  34. package/dist/ios/theme/webex/light-stable.swift +59 -17
  35. package/dist/ios-webex/theme/webex/dark-bronze-stable.swift +46 -7
  36. package/dist/ios-webex/theme/webex/dark-fluid.swift +629 -0
  37. package/dist/ios-webex/theme/webex/dark-indigo-stable.swift +46 -7
  38. package/dist/ios-webex/theme/webex/dark-jade-stable.swift +46 -7
  39. package/dist/ios-webex/theme/webex/dark-lavender-stable.swift +46 -7
  40. package/dist/ios-webex/theme/webex/dark-rose-stable.swift +46 -7
  41. package/dist/ios-webex/theme/webex/dark-stable.swift +46 -7
  42. package/dist/ios-webex/theme/webex/light-bronze-stable.swift +126 -12
  43. package/dist/ios-webex/theme/webex/light-fluid.swift +1830 -0
  44. package/dist/ios-webex/theme/webex/light-indigo-stable.swift +126 -12
  45. package/dist/ios-webex/theme/webex/light-jade-stable.swift +126 -12
  46. package/dist/ios-webex/theme/webex/light-lavender-stable.swift +126 -12
  47. package/dist/ios-webex/theme/webex/light-rose-stable.swift +126 -12
  48. package/dist/ios-webex/theme/webex/light-stable.swift +126 -12
  49. package/dist/json/core/complete.json +44 -44
  50. package/dist/json/motion/animation.json +172 -235
  51. package/dist/json/theme/webex/dark-bronze-stable.json +2096 -360
  52. package/dist/json/theme/webex/dark-fluid.json +15702 -0
  53. package/dist/json/theme/webex/dark-indigo-stable.json +2096 -360
  54. package/dist/json/theme/webex/dark-jade-stable.json +2096 -360
  55. package/dist/json/theme/webex/dark-lavender-stable.json +2096 -360
  56. package/dist/json/theme/webex/dark-rose-stable.json +2096 -360
  57. package/dist/json/theme/webex/dark-stable.json +2096 -360
  58. package/dist/json/theme/webex/hc-dark-stable.json +297 -122
  59. package/dist/json/theme/webex/hc-light-stable.json +297 -122
  60. package/dist/json/theme/webex/light-bronze-stable.json +1999 -309
  61. package/dist/json/theme/webex/light-fluid.json +15702 -0
  62. package/dist/json/theme/webex/light-indigo-stable.json +1999 -309
  63. package/dist/json/theme/webex/light-jade-stable.json +1999 -309
  64. package/dist/json/theme/webex/light-lavender-stable.json +1999 -309
  65. package/dist/json/theme/webex/light-rose-stable.json +1999 -309
  66. package/dist/json/theme/webex/light-stable.json +1999 -309
  67. package/dist/json-minimal/motion/animation.json +11 -12
  68. package/dist/json-minimal/theme/webex/dark-bronze-stable.json +103 -21
  69. package/dist/json-minimal/theme/webex/dark-fluid.json +1009 -0
  70. package/dist/json-minimal/theme/webex/dark-indigo-stable.json +103 -21
  71. package/dist/json-minimal/theme/webex/dark-jade-stable.json +103 -21
  72. package/dist/json-minimal/theme/webex/dark-lavender-stable.json +103 -21
  73. package/dist/json-minimal/theme/webex/dark-rose-stable.json +103 -21
  74. package/dist/json-minimal/theme/webex/dark-stable.json +103 -21
  75. package/dist/json-minimal/theme/webex/hc-dark-stable.json +21 -14
  76. package/dist/json-minimal/theme/webex/hc-light-stable.json +21 -14
  77. package/dist/json-minimal/theme/webex/light-bronze-stable.json +100 -18
  78. package/dist/json-minimal/theme/webex/light-fluid.json +1009 -0
  79. package/dist/json-minimal/theme/webex/light-indigo-stable.json +100 -18
  80. package/dist/json-minimal/theme/webex/light-jade-stable.json +100 -18
  81. package/dist/json-minimal/theme/webex/light-lavender-stable.json +100 -18
  82. package/dist/json-minimal/theme/webex/light-rose-stable.json +100 -18
  83. package/dist/json-minimal/theme/webex/light-stable.json +100 -18
  84. package/dist/resources/theme/webex/dark-bronze-stable.xml +58 -16
  85. package/dist/resources/theme/webex/dark-fluid.xml +513 -0
  86. package/dist/resources/theme/webex/dark-indigo-stable.xml +58 -16
  87. package/dist/resources/theme/webex/dark-jade-stable.xml +58 -16
  88. package/dist/resources/theme/webex/dark-lavender-stable.xml +58 -16
  89. package/dist/resources/theme/webex/dark-rose-stable.xml +58 -16
  90. package/dist/resources/theme/webex/dark-stable.xml +58 -16
  91. package/dist/resources/theme/webex/hc-dark-stable.xml +21 -14
  92. package/dist/resources/theme/webex/hc-light-stable.xml +21 -14
  93. package/dist/resources/theme/webex/light-bronze-stable.xml +59 -17
  94. package/dist/resources/theme/webex/light-fluid.xml +513 -0
  95. package/dist/resources/theme/webex/light-indigo-stable.xml +59 -17
  96. package/dist/resources/theme/webex/light-jade-stable.xml +59 -17
  97. package/dist/resources/theme/webex/light-lavender-stable.xml +59 -17
  98. package/dist/resources/theme/webex/light-rose-stable.xml +59 -17
  99. package/dist/resources/theme/webex/light-stable.xml +59 -17
  100. package/dist/scss/motion/animation.scss +11 -32
  101. package/dist/scss/theme/webex/dark-bronze-stable.scss +58 -16
  102. package/dist/scss/theme/webex/dark-fluid.scss +508 -0
  103. package/dist/scss/theme/webex/dark-indigo-stable.scss +58 -16
  104. package/dist/scss/theme/webex/dark-jade-stable.scss +58 -16
  105. package/dist/scss/theme/webex/dark-lavender-stable.scss +58 -16
  106. package/dist/scss/theme/webex/dark-rose-stable.scss +58 -16
  107. package/dist/scss/theme/webex/dark-stable.scss +58 -16
  108. package/dist/scss/theme/webex/hc-dark-stable.scss +21 -14
  109. package/dist/scss/theme/webex/hc-light-stable.scss +21 -14
  110. package/dist/scss/theme/webex/light-bronze-stable.scss +59 -17
  111. package/dist/scss/theme/webex/light-fluid.scss +508 -0
  112. package/dist/scss/theme/webex/light-indigo-stable.scss +59 -17
  113. package/dist/scss/theme/webex/light-jade-stable.scss +59 -17
  114. package/dist/scss/theme/webex/light-lavender-stable.scss +59 -17
  115. package/dist/scss/theme/webex/light-rose-stable.scss +59 -17
  116. package/dist/scss/theme/webex/light-stable.scss +59 -17
  117. package/package.json +1 -1
@@ -168,8 +168,30 @@
168
168
  --mds-color-theme-background-glass-heavy: #000000cc;
169
169
  --mds-color-theme-background-glass-radial-0: #ffffff0d;
170
170
  --mds-color-theme-background-glass-radial-1: #ffffff00;
171
+ --mds-color-theme-background-glass-legacy: #00000066;
171
172
  --mds-color-theme-background-input-disabled: #ffffff1c;
172
173
  --mds-color-theme-background-overlay-normal: #07101cb3;
174
+ --mds-color-theme-background-app-canvas: #0f0f0f;
175
+ --mds-color-theme-background-tertiary-normal: #3b3b3b80;
176
+ --mds-color-theme-background-glow-accent-stop-0: #0051AF;
177
+ --mds-color-theme-background-glow-accent-stop-1: #0087EA;
178
+ --mds-color-theme-background-glow-accent-stop-2: #00BCEB;
179
+ --mds-color-theme-background-glow-large-stop-0: #B8D5FF;
180
+ --mds-color-theme-background-glow-large-stop-1: #478EFF;
181
+ --mds-color-theme-background-glow-large-stop-2: #12275C;
182
+ --mds-color-theme-background-glow-large-stop-3: #0f0f0f;
183
+ --mds-color-theme-background-glow-light-stop-0: #ffffff;
184
+ --mds-color-theme-background-glow-light-stop-1: #ffda94;
185
+ --mds-color-theme-background-glow-light-stop-2: #FF9000;
186
+ --mds-color-theme-background-glow-light-stop-3: #FFB2D6;
187
+ --mds-color-theme-background-glow-light-stop-4: #B8D5FF;
188
+ --mds-color-theme-background-glow-light-stop-5: #0000;
189
+ --mds-color-theme-background-glow-medium-stop-0: #bce36f;
190
+ --mds-color-theme-background-glow-medium-stop-1: #FF9000;
191
+ --mds-color-theme-background-glow-medium-stop-2: #601e66;
192
+ --mds-color-theme-background-glow-small-stop-0: #1869ff;
193
+ --mds-color-theme-background-glow-small-stop-1: #80868b80;
194
+ --mds-color-theme-background-glow-small-stop-2: #73a321;
173
195
  --mds-color-theme-button-primary-normal: #fffffff2;
174
196
  --mds-color-theme-button-primary-hover: #ffffffcc;
175
197
  --mds-color-theme-button-primary-pressed: #ffffffb3;
@@ -221,7 +243,7 @@
221
243
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
222
244
  --mds-color-theme-outline-warning-normal: #f2990a;
223
245
  --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%);
224
- --mds-color-theme-outline-ai-normal: linear-gradient(27deg, #0087EA 10.22%, #00BCEB 88.93%, #63FFF7 162.86%);
246
+ --mds-color-theme-outline-ai-normal: #ffffff;
225
247
  --mds-color-theme-control-active-normal: #64b4fa;
226
248
  --mds-color-theme-control-active-hover: #3492eb;
227
249
  --mds-color-theme-control-active-pressed: #1170cf;
@@ -236,6 +258,10 @@
236
258
  --mds-color-theme-overlay-button-secondary-normal: #0f0f0f;
237
259
  --mds-color-theme-overlay-button-secondary-hover: #262626;
238
260
  --mds-color-theme-overlay-button-secondary-pressed: #3b3b3b;
261
+ --mds-color-theme-overlay-header-0: #1a1a1a80;
262
+ --mds-color-theme-overlay-header-1: #1a1a1a00;
263
+ --mds-color-theme-overlay-navigation-0: #00000000;
264
+ --mds-color-theme-overlay-navigation-1: #3b3b3b;
239
265
  --mds-color-theme-indicator-unstable: #ec6400;
240
266
  --mds-color-theme-indicator-attention: #f55868;
241
267
  --mds-color-theme-indicator-stable: #27a17a;
@@ -281,15 +307,16 @@
281
307
  --mds-color-theme-common-button-primary-disabled: #ffffff33;
282
308
  --mds-color-theme-common-button-secondary-normal: #ffffff00;
283
309
  --mds-color-theme-common-button-secondary-hover: #ffffff12;
310
+ --mds-color-theme-common-button-secondary-pressed: #ffffff33;
284
311
  --mds-color-theme-common-button-secondary-active-normal: #ffffff33;
285
312
  --mds-color-theme-common-button-secondary-active-hover: #ffffff4d;
286
313
  --mds-color-theme-common-button-secondary-active-pressed: #ffffff66;
287
314
  --mds-color-theme-common-button-secondary-active-disabled: #ffffff1c;
288
315
  --mds-color-theme-common-button-secondary-disabled: #ffffff00;
289
- --mds-color-theme-common-button-join-animated-gradient-normal: linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%);
290
316
  --mds-color-theme-common-button-promotion-normal: linear-gradient(45deg, #932099 0%, #a12a3a 100%);
291
317
  --mds-color-theme-common-button-promotion-hover: linear-gradient(45deg, #601e66 0%, #66262d 100%);
292
318
  --mds-color-theme-common-button-promotion-active: linear-gradient(45deg, #3b1840 0%, #3b1e21 100%);
319
+ --mds-color-theme-common-button-join-animated-gradient-normal: linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%);
293
320
  --mds-color-theme-common-outline-button-normal: #ffffff80;
294
321
  --mds-color-theme-common-outline-primary-normal: #ffffff66;
295
322
  --mds-color-theme-common-outline-primary-disabled: #ffffff33;
@@ -421,31 +448,46 @@
421
448
  --mds-color-theme-focus-default-0: #000000;
422
449
  --mds-color-theme-focus-default-1: #64b4fa;
423
450
  --mds-color-theme-focus-default-2: #64b4fa59;
451
+ --mds-color-theme-ai-hint-primary-gradient-0: #FFA838;
452
+ --mds-color-theme-ai-hint-primary-gradient-1: #FF4FA4;
453
+ --mds-color-theme-ai-hint-primary-gradient-2: #15337D;
454
+ --mds-color-theme-ai-hint-secondary-gradient-0: #1869ff00;
455
+ --mds-color-theme-ai-hint-secondary-gradient-1: #1869FF;
456
+ --mds-color-theme-ai-hint-secondary-gradient-2: #FF4FA4;
457
+ --mds-color-theme-ai-hint-secondary-gradient-3: #FFA838;
458
+ --mds-color-theme-ai-hint-secondary-gradient-4: #ffa83800;
424
459
  --mds-spacing-theme-pad-none: 0;
460
+ --mds-spacing-theme-pad-v-2xs: 0.25rem;
425
461
  --mds-spacing-theme-pad-v-xs: 0.5rem;
426
462
  --mds-spacing-theme-pad-v-sm: 0.75rem;
427
463
  --mds-spacing-theme-pad-v-md: 1rem;
428
- --mds-spacing-theme-pad-v-lg: 1.5rem;
429
- --mds-spacing-theme-pad-v-xl: 2rem;
464
+ --mds-spacing-theme-pad-v-lg: 1.25rem;
465
+ --mds-spacing-theme-pad-v-xl: 1.5rem;
466
+ --mds-spacing-theme-pad-v-2xl: 2rem;
467
+ --mds-spacing-theme-pad-h-2xs: 0.25rem;
430
468
  --mds-spacing-theme-pad-h-xs: 0.5rem;
431
469
  --mds-spacing-theme-pad-h-sm: 0.75rem;
432
470
  --mds-spacing-theme-pad-h-md: 1rem;
433
- --mds-spacing-theme-pad-h-lg: 1.5rem;
434
- --mds-spacing-theme-pad-h-xl: 2rem;
471
+ --mds-spacing-theme-pad-h-lg: 1.25rem;
472
+ --mds-spacing-theme-pad-h-xl: 1.5rem;
473
+ --mds-spacing-theme-pad-h-2xl: 2rem;
435
474
  --mds-spacing-theme-gap-none: 0;
436
- --mds-spacing-theme-gap-ultra-tight: 0.25rem;
437
- --mds-spacing-theme-gap-tight: 0.5rem;
438
- --mds-spacing-theme-gap-wide: 1rem;
439
- --mds-spacing-theme-gap-loose: 1.5rem;
440
- --mds-spacing-theme-gap-ultraloose: 2rem;
475
+ --mds-spacing-theme-gap-2xs: 0.25rem;
476
+ --mds-spacing-theme-gap-xs: 0.5rem;
477
+ --mds-spacing-theme-gap-sm: 0.75rem;
478
+ --mds-spacing-theme-gap-md: 1rem;
479
+ --mds-spacing-theme-gap-lg: 1.25rem;
480
+ --mds-spacing-theme-gap-xl: 1.5rem;
481
+ --mds-spacing-theme-gap-2xl: 2rem;
482
+ --mds-border-theme-none: 0;
441
483
  --mds-border-theme-default: 1px;
442
484
  --mds-border-theme-emphasis: 0.125rem;
443
485
  --mds-radius-theme-none: 0;
444
- --mds-radius-theme-subtle: 0.125rem;
445
- --mds-radius-theme-small: 0.25rem;
446
- --mds-radius-theme-medium: 0.5rem;
447
- --mds-radius-theme-large: 0.75rem;
448
- --mds-radius-theme-pill: 1.25rem;
486
+ --mds-radius-theme-2xs: 0.125rem;
487
+ --mds-radius-theme-xs: 0.25rem;
488
+ --mds-radius-theme-sm: 0.5rem;
489
+ --mds-radius-theme-md: 0.75rem;
490
+ --mds-radius-theme-lg: 1rem;
449
491
  --mds-radius-theme-full: 50%;
450
492
  --mds-size-theme-sm-4: 0.25rem;
451
493
  --mds-size-theme-sm-8: 0.5rem;
@@ -633,8 +675,30 @@
633
675
  --mds-color-theme-background-glass-heavy: #000000cc;
634
676
  --mds-color-theme-background-glass-radial-0: #ffffff0d;
635
677
  --mds-color-theme-background-glass-radial-1: #ffffff00;
678
+ --mds-color-theme-background-glass-legacy: #00000066;
636
679
  --mds-color-theme-background-input-disabled: #ffffff1c;
637
680
  --mds-color-theme-background-overlay-normal: #07101cb3;
681
+ --mds-color-theme-background-app-canvas: #0f0f0f;
682
+ --mds-color-theme-background-tertiary-normal: #3b3b3b80;
683
+ --mds-color-theme-background-glow-accent-stop-0: #0051AF;
684
+ --mds-color-theme-background-glow-accent-stop-1: #0087EA;
685
+ --mds-color-theme-background-glow-accent-stop-2: #00BCEB;
686
+ --mds-color-theme-background-glow-large-stop-0: #B8D5FF;
687
+ --mds-color-theme-background-glow-large-stop-1: #478EFF;
688
+ --mds-color-theme-background-glow-large-stop-2: #12275C;
689
+ --mds-color-theme-background-glow-large-stop-3: #0f0f0f;
690
+ --mds-color-theme-background-glow-light-stop-0: #ffffff;
691
+ --mds-color-theme-background-glow-light-stop-1: #ffda94;
692
+ --mds-color-theme-background-glow-light-stop-2: #FF9000;
693
+ --mds-color-theme-background-glow-light-stop-3: #FFB2D6;
694
+ --mds-color-theme-background-glow-light-stop-4: #B8D5FF;
695
+ --mds-color-theme-background-glow-light-stop-5: #0000;
696
+ --mds-color-theme-background-glow-medium-stop-0: #bce36f;
697
+ --mds-color-theme-background-glow-medium-stop-1: #FF9000;
698
+ --mds-color-theme-background-glow-medium-stop-2: #601e66;
699
+ --mds-color-theme-background-glow-small-stop-0: #1869ff;
700
+ --mds-color-theme-background-glow-small-stop-1: #80868b80;
701
+ --mds-color-theme-background-glow-small-stop-2: #73a321;
638
702
  --mds-color-theme-button-primary-normal: #fffffff2;
639
703
  --mds-color-theme-button-primary-hover: #ffffffcc;
640
704
  --mds-color-theme-button-primary-pressed: #ffffffb3;
@@ -686,7 +750,7 @@
686
750
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
687
751
  --mds-color-theme-outline-warning-normal: #f2990a;
688
752
  --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%);
689
- --mds-color-theme-outline-ai-normal: linear-gradient(27deg, #0087EA 10.22%, #00BCEB 88.93%, #63FFF7 162.86%);
753
+ --mds-color-theme-outline-ai-normal: #ffffff;
690
754
  --mds-color-theme-control-active-normal: #64b4fa;
691
755
  --mds-color-theme-control-active-hover: #3492eb;
692
756
  --mds-color-theme-control-active-pressed: #1170cf;
@@ -701,6 +765,10 @@
701
765
  --mds-color-theme-overlay-button-secondary-normal: #0f0f0f;
702
766
  --mds-color-theme-overlay-button-secondary-hover: #262626;
703
767
  --mds-color-theme-overlay-button-secondary-pressed: #3b3b3b;
768
+ --mds-color-theme-overlay-header-0: #1a1a1a80;
769
+ --mds-color-theme-overlay-header-1: #1a1a1a00;
770
+ --mds-color-theme-overlay-navigation-0: #00000000;
771
+ --mds-color-theme-overlay-navigation-1: #3b3b3b;
704
772
  --mds-color-theme-indicator-unstable: #ec6400;
705
773
  --mds-color-theme-indicator-attention: #f55868;
706
774
  --mds-color-theme-indicator-stable: #27a17a;
@@ -746,15 +814,16 @@
746
814
  --mds-color-theme-common-button-primary-disabled: #ffffff33;
747
815
  --mds-color-theme-common-button-secondary-normal: #ffffff00;
748
816
  --mds-color-theme-common-button-secondary-hover: #ffffff12;
817
+ --mds-color-theme-common-button-secondary-pressed: #ffffff33;
749
818
  --mds-color-theme-common-button-secondary-active-normal: #ffffff33;
750
819
  --mds-color-theme-common-button-secondary-active-hover: #ffffff4d;
751
820
  --mds-color-theme-common-button-secondary-active-pressed: #ffffff66;
752
821
  --mds-color-theme-common-button-secondary-active-disabled: #ffffff1c;
753
822
  --mds-color-theme-common-button-secondary-disabled: #ffffff00;
754
- --mds-color-theme-common-button-join-animated-gradient-normal: linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%);
755
823
  --mds-color-theme-common-button-promotion-normal: linear-gradient(45deg, #932099 0%, #a12a3a 100%);
756
824
  --mds-color-theme-common-button-promotion-hover: linear-gradient(45deg, #601e66 0%, #66262d 100%);
757
825
  --mds-color-theme-common-button-promotion-active: linear-gradient(45deg, #3b1840 0%, #3b1e21 100%);
826
+ --mds-color-theme-common-button-join-animated-gradient-normal: linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%);
758
827
  --mds-color-theme-common-outline-button-normal: #ffffff80;
759
828
  --mds-color-theme-common-outline-primary-normal: #ffffff66;
760
829
  --mds-color-theme-common-outline-primary-disabled: #ffffff33;
@@ -886,31 +955,46 @@
886
955
  --mds-color-theme-focus-default-0: #000000;
887
956
  --mds-color-theme-focus-default-1: #64b4fa;
888
957
  --mds-color-theme-focus-default-2: #64b4fa59;
958
+ --mds-color-theme-ai-hint-primary-gradient-0: #FFA838;
959
+ --mds-color-theme-ai-hint-primary-gradient-1: #FF4FA4;
960
+ --mds-color-theme-ai-hint-primary-gradient-2: #15337D;
961
+ --mds-color-theme-ai-hint-secondary-gradient-0: #1869ff00;
962
+ --mds-color-theme-ai-hint-secondary-gradient-1: #1869FF;
963
+ --mds-color-theme-ai-hint-secondary-gradient-2: #FF4FA4;
964
+ --mds-color-theme-ai-hint-secondary-gradient-3: #FFA838;
965
+ --mds-color-theme-ai-hint-secondary-gradient-4: #ffa83800;
889
966
  --mds-spacing-theme-pad-none: 0;
967
+ --mds-spacing-theme-pad-v-2xs: 0.25rem;
890
968
  --mds-spacing-theme-pad-v-xs: 0.5rem;
891
969
  --mds-spacing-theme-pad-v-sm: 0.75rem;
892
970
  --mds-spacing-theme-pad-v-md: 1rem;
893
- --mds-spacing-theme-pad-v-lg: 1.5rem;
894
- --mds-spacing-theme-pad-v-xl: 2rem;
971
+ --mds-spacing-theme-pad-v-lg: 1.25rem;
972
+ --mds-spacing-theme-pad-v-xl: 1.5rem;
973
+ --mds-spacing-theme-pad-v-2xl: 2rem;
974
+ --mds-spacing-theme-pad-h-2xs: 0.25rem;
895
975
  --mds-spacing-theme-pad-h-xs: 0.5rem;
896
976
  --mds-spacing-theme-pad-h-sm: 0.75rem;
897
977
  --mds-spacing-theme-pad-h-md: 1rem;
898
- --mds-spacing-theme-pad-h-lg: 1.5rem;
899
- --mds-spacing-theme-pad-h-xl: 2rem;
978
+ --mds-spacing-theme-pad-h-lg: 1.25rem;
979
+ --mds-spacing-theme-pad-h-xl: 1.5rem;
980
+ --mds-spacing-theme-pad-h-2xl: 2rem;
900
981
  --mds-spacing-theme-gap-none: 0;
901
- --mds-spacing-theme-gap-ultra-tight: 0.25rem;
902
- --mds-spacing-theme-gap-tight: 0.5rem;
903
- --mds-spacing-theme-gap-wide: 1rem;
904
- --mds-spacing-theme-gap-loose: 1.5rem;
905
- --mds-spacing-theme-gap-ultraloose: 2rem;
982
+ --mds-spacing-theme-gap-2xs: 0.25rem;
983
+ --mds-spacing-theme-gap-xs: 0.5rem;
984
+ --mds-spacing-theme-gap-sm: 0.75rem;
985
+ --mds-spacing-theme-gap-md: 1rem;
986
+ --mds-spacing-theme-gap-lg: 1.25rem;
987
+ --mds-spacing-theme-gap-xl: 1.5rem;
988
+ --mds-spacing-theme-gap-2xl: 2rem;
989
+ --mds-border-theme-none: 0;
906
990
  --mds-border-theme-default: 1px;
907
991
  --mds-border-theme-emphasis: 0.125rem;
908
992
  --mds-radius-theme-none: 0;
909
- --mds-radius-theme-subtle: 0.125rem;
910
- --mds-radius-theme-small: 0.25rem;
911
- --mds-radius-theme-medium: 0.5rem;
912
- --mds-radius-theme-large: 0.75rem;
913
- --mds-radius-theme-pill: 1.25rem;
993
+ --mds-radius-theme-2xs: 0.125rem;
994
+ --mds-radius-theme-xs: 0.25rem;
995
+ --mds-radius-theme-sm: 0.5rem;
996
+ --mds-radius-theme-md: 0.75rem;
997
+ --mds-radius-theme-lg: 1rem;
914
998
  --mds-radius-theme-full: 50%;
915
999
  --mds-size-theme-sm-4: 0.25rem;
916
1000
  --mds-size-theme-sm-8: 0.5rem;
@@ -1098,8 +1182,30 @@
1098
1182
  --mds-color-theme-background-glass-heavy: #000000cc;
1099
1183
  --mds-color-theme-background-glass-radial-0: #ffffff0d;
1100
1184
  --mds-color-theme-background-glass-radial-1: #ffffff00;
1185
+ --mds-color-theme-background-glass-legacy: #00000066;
1101
1186
  --mds-color-theme-background-input-disabled: #ffffff1c;
1102
1187
  --mds-color-theme-background-overlay-normal: #07101cb3;
1188
+ --mds-color-theme-background-app-canvas: #0f0f0f;
1189
+ --mds-color-theme-background-tertiary-normal: #3b3b3b80;
1190
+ --mds-color-theme-background-glow-accent-stop-0: #0051AF;
1191
+ --mds-color-theme-background-glow-accent-stop-1: #0087EA;
1192
+ --mds-color-theme-background-glow-accent-stop-2: #00BCEB;
1193
+ --mds-color-theme-background-glow-large-stop-0: #B8D5FF;
1194
+ --mds-color-theme-background-glow-large-stop-1: #478EFF;
1195
+ --mds-color-theme-background-glow-large-stop-2: #12275C;
1196
+ --mds-color-theme-background-glow-large-stop-3: #0f0f0f;
1197
+ --mds-color-theme-background-glow-light-stop-0: #ffffff;
1198
+ --mds-color-theme-background-glow-light-stop-1: #ffda94;
1199
+ --mds-color-theme-background-glow-light-stop-2: #FF9000;
1200
+ --mds-color-theme-background-glow-light-stop-3: #FFB2D6;
1201
+ --mds-color-theme-background-glow-light-stop-4: #B8D5FF;
1202
+ --mds-color-theme-background-glow-light-stop-5: #0000;
1203
+ --mds-color-theme-background-glow-medium-stop-0: #bce36f;
1204
+ --mds-color-theme-background-glow-medium-stop-1: #FF9000;
1205
+ --mds-color-theme-background-glow-medium-stop-2: #601e66;
1206
+ --mds-color-theme-background-glow-small-stop-0: #1869ff;
1207
+ --mds-color-theme-background-glow-small-stop-1: #80868b80;
1208
+ --mds-color-theme-background-glow-small-stop-2: #73a321;
1103
1209
  --mds-color-theme-button-primary-normal: #fffffff2;
1104
1210
  --mds-color-theme-button-primary-hover: #ffffffcc;
1105
1211
  --mds-color-theme-button-primary-pressed: #ffffffb3;
@@ -1151,7 +1257,7 @@
1151
1257
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
1152
1258
  --mds-color-theme-outline-warning-normal: #f2990a;
1153
1259
  --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%);
1154
- --mds-color-theme-outline-ai-normal: linear-gradient(27deg, #0087EA 10.22%, #00BCEB 88.93%, #63FFF7 162.86%);
1260
+ --mds-color-theme-outline-ai-normal: #ffffff;
1155
1261
  --mds-color-theme-control-active-normal: #64b4fa;
1156
1262
  --mds-color-theme-control-active-hover: #3492eb;
1157
1263
  --mds-color-theme-control-active-pressed: #1170cf;
@@ -1166,6 +1272,10 @@
1166
1272
  --mds-color-theme-overlay-button-secondary-normal: #0f0f0f;
1167
1273
  --mds-color-theme-overlay-button-secondary-hover: #262626;
1168
1274
  --mds-color-theme-overlay-button-secondary-pressed: #3b3b3b;
1275
+ --mds-color-theme-overlay-header-0: #1a1a1a80;
1276
+ --mds-color-theme-overlay-header-1: #1a1a1a00;
1277
+ --mds-color-theme-overlay-navigation-0: #00000000;
1278
+ --mds-color-theme-overlay-navigation-1: #3b3b3b;
1169
1279
  --mds-color-theme-indicator-unstable: #ec6400;
1170
1280
  --mds-color-theme-indicator-attention: #f55868;
1171
1281
  --mds-color-theme-indicator-stable: #27a17a;
@@ -1211,15 +1321,16 @@
1211
1321
  --mds-color-theme-common-button-primary-disabled: #ffffff33;
1212
1322
  --mds-color-theme-common-button-secondary-normal: #ffffff00;
1213
1323
  --mds-color-theme-common-button-secondary-hover: #ffffff12;
1324
+ --mds-color-theme-common-button-secondary-pressed: #ffffff33;
1214
1325
  --mds-color-theme-common-button-secondary-active-normal: #ffffff33;
1215
1326
  --mds-color-theme-common-button-secondary-active-hover: #ffffff4d;
1216
1327
  --mds-color-theme-common-button-secondary-active-pressed: #ffffff66;
1217
1328
  --mds-color-theme-common-button-secondary-active-disabled: #ffffff1c;
1218
1329
  --mds-color-theme-common-button-secondary-disabled: #ffffff00;
1219
- --mds-color-theme-common-button-join-animated-gradient-normal: linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%);
1220
1330
  --mds-color-theme-common-button-promotion-normal: linear-gradient(45deg, #932099 0%, #a12a3a 100%);
1221
1331
  --mds-color-theme-common-button-promotion-hover: linear-gradient(45deg, #601e66 0%, #66262d 100%);
1222
1332
  --mds-color-theme-common-button-promotion-active: linear-gradient(45deg, #3b1840 0%, #3b1e21 100%);
1333
+ --mds-color-theme-common-button-join-animated-gradient-normal: linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%);
1223
1334
  --mds-color-theme-common-outline-button-normal: #ffffff80;
1224
1335
  --mds-color-theme-common-outline-primary-normal: #ffffff66;
1225
1336
  --mds-color-theme-common-outline-primary-disabled: #ffffff33;
@@ -1351,31 +1462,46 @@
1351
1462
  --mds-color-theme-focus-default-0: #000000;
1352
1463
  --mds-color-theme-focus-default-1: #64b4fa;
1353
1464
  --mds-color-theme-focus-default-2: #64b4fa59;
1465
+ --mds-color-theme-ai-hint-primary-gradient-0: #FFA838;
1466
+ --mds-color-theme-ai-hint-primary-gradient-1: #FF4FA4;
1467
+ --mds-color-theme-ai-hint-primary-gradient-2: #15337D;
1468
+ --mds-color-theme-ai-hint-secondary-gradient-0: #1869ff00;
1469
+ --mds-color-theme-ai-hint-secondary-gradient-1: #1869FF;
1470
+ --mds-color-theme-ai-hint-secondary-gradient-2: #FF4FA4;
1471
+ --mds-color-theme-ai-hint-secondary-gradient-3: #FFA838;
1472
+ --mds-color-theme-ai-hint-secondary-gradient-4: #ffa83800;
1354
1473
  --mds-spacing-theme-pad-none: 0;
1474
+ --mds-spacing-theme-pad-v-2xs: 0.25rem;
1355
1475
  --mds-spacing-theme-pad-v-xs: 0.5rem;
1356
1476
  --mds-spacing-theme-pad-v-sm: 0.75rem;
1357
1477
  --mds-spacing-theme-pad-v-md: 1rem;
1358
- --mds-spacing-theme-pad-v-lg: 1.5rem;
1359
- --mds-spacing-theme-pad-v-xl: 2rem;
1478
+ --mds-spacing-theme-pad-v-lg: 1.25rem;
1479
+ --mds-spacing-theme-pad-v-xl: 1.5rem;
1480
+ --mds-spacing-theme-pad-v-2xl: 2rem;
1481
+ --mds-spacing-theme-pad-h-2xs: 0.25rem;
1360
1482
  --mds-spacing-theme-pad-h-xs: 0.5rem;
1361
1483
  --mds-spacing-theme-pad-h-sm: 0.75rem;
1362
1484
  --mds-spacing-theme-pad-h-md: 1rem;
1363
- --mds-spacing-theme-pad-h-lg: 1.5rem;
1364
- --mds-spacing-theme-pad-h-xl: 2rem;
1485
+ --mds-spacing-theme-pad-h-lg: 1.25rem;
1486
+ --mds-spacing-theme-pad-h-xl: 1.5rem;
1487
+ --mds-spacing-theme-pad-h-2xl: 2rem;
1365
1488
  --mds-spacing-theme-gap-none: 0;
1366
- --mds-spacing-theme-gap-ultra-tight: 0.25rem;
1367
- --mds-spacing-theme-gap-tight: 0.5rem;
1368
- --mds-spacing-theme-gap-wide: 1rem;
1369
- --mds-spacing-theme-gap-loose: 1.5rem;
1370
- --mds-spacing-theme-gap-ultraloose: 2rem;
1489
+ --mds-spacing-theme-gap-2xs: 0.25rem;
1490
+ --mds-spacing-theme-gap-xs: 0.5rem;
1491
+ --mds-spacing-theme-gap-sm: 0.75rem;
1492
+ --mds-spacing-theme-gap-md: 1rem;
1493
+ --mds-spacing-theme-gap-lg: 1.25rem;
1494
+ --mds-spacing-theme-gap-xl: 1.5rem;
1495
+ --mds-spacing-theme-gap-2xl: 2rem;
1496
+ --mds-border-theme-none: 0;
1371
1497
  --mds-border-theme-default: 1px;
1372
1498
  --mds-border-theme-emphasis: 0.125rem;
1373
1499
  --mds-radius-theme-none: 0;
1374
- --mds-radius-theme-subtle: 0.125rem;
1375
- --mds-radius-theme-small: 0.25rem;
1376
- --mds-radius-theme-medium: 0.5rem;
1377
- --mds-radius-theme-large: 0.75rem;
1378
- --mds-radius-theme-pill: 1.25rem;
1500
+ --mds-radius-theme-2xs: 0.125rem;
1501
+ --mds-radius-theme-xs: 0.25rem;
1502
+ --mds-radius-theme-sm: 0.5rem;
1503
+ --mds-radius-theme-md: 0.75rem;
1504
+ --mds-radius-theme-lg: 1rem;
1379
1505
  --mds-radius-theme-full: 50%;
1380
1506
  --mds-size-theme-sm-4: 0.25rem;
1381
1507
  --mds-size-theme-sm-8: 0.5rem;
@@ -1563,8 +1689,30 @@
1563
1689
  --mds-color-theme-background-glass-heavy: #000000cc;
1564
1690
  --mds-color-theme-background-glass-radial-0: #ffffff0d;
1565
1691
  --mds-color-theme-background-glass-radial-1: #ffffff00;
1692
+ --mds-color-theme-background-glass-legacy: #00000066;
1566
1693
  --mds-color-theme-background-input-disabled: #ffffff1c;
1567
1694
  --mds-color-theme-background-overlay-normal: #07101cb3;
1695
+ --mds-color-theme-background-app-canvas: #0f0f0f;
1696
+ --mds-color-theme-background-tertiary-normal: #3b3b3b80;
1697
+ --mds-color-theme-background-glow-accent-stop-0: #0051AF;
1698
+ --mds-color-theme-background-glow-accent-stop-1: #0087EA;
1699
+ --mds-color-theme-background-glow-accent-stop-2: #00BCEB;
1700
+ --mds-color-theme-background-glow-large-stop-0: #B8D5FF;
1701
+ --mds-color-theme-background-glow-large-stop-1: #478EFF;
1702
+ --mds-color-theme-background-glow-large-stop-2: #12275C;
1703
+ --mds-color-theme-background-glow-large-stop-3: #0f0f0f;
1704
+ --mds-color-theme-background-glow-light-stop-0: #ffffff;
1705
+ --mds-color-theme-background-glow-light-stop-1: #ffda94;
1706
+ --mds-color-theme-background-glow-light-stop-2: #FF9000;
1707
+ --mds-color-theme-background-glow-light-stop-3: #FFB2D6;
1708
+ --mds-color-theme-background-glow-light-stop-4: #B8D5FF;
1709
+ --mds-color-theme-background-glow-light-stop-5: #0000;
1710
+ --mds-color-theme-background-glow-medium-stop-0: #bce36f;
1711
+ --mds-color-theme-background-glow-medium-stop-1: #FF9000;
1712
+ --mds-color-theme-background-glow-medium-stop-2: #601e66;
1713
+ --mds-color-theme-background-glow-small-stop-0: #1869ff;
1714
+ --mds-color-theme-background-glow-small-stop-1: #80868b80;
1715
+ --mds-color-theme-background-glow-small-stop-2: #73a321;
1568
1716
  --mds-color-theme-button-primary-normal: #fffffff2;
1569
1717
  --mds-color-theme-button-primary-hover: #ffffffcc;
1570
1718
  --mds-color-theme-button-primary-pressed: #ffffffb3;
@@ -1616,7 +1764,7 @@
1616
1764
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
1617
1765
  --mds-color-theme-outline-warning-normal: #f2990a;
1618
1766
  --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%);
1619
- --mds-color-theme-outline-ai-normal: linear-gradient(27deg, #0087EA 10.22%, #00BCEB 88.93%, #63FFF7 162.86%);
1767
+ --mds-color-theme-outline-ai-normal: #ffffff;
1620
1768
  --mds-color-theme-control-active-normal: #64b4fa;
1621
1769
  --mds-color-theme-control-active-hover: #3492eb;
1622
1770
  --mds-color-theme-control-active-pressed: #1170cf;
@@ -1631,6 +1779,10 @@
1631
1779
  --mds-color-theme-overlay-button-secondary-normal: #0f0f0f;
1632
1780
  --mds-color-theme-overlay-button-secondary-hover: #262626;
1633
1781
  --mds-color-theme-overlay-button-secondary-pressed: #3b3b3b;
1782
+ --mds-color-theme-overlay-header-0: #1a1a1a80;
1783
+ --mds-color-theme-overlay-header-1: #1a1a1a00;
1784
+ --mds-color-theme-overlay-navigation-0: #00000000;
1785
+ --mds-color-theme-overlay-navigation-1: #3b3b3b;
1634
1786
  --mds-color-theme-indicator-unstable: #ec6400;
1635
1787
  --mds-color-theme-indicator-attention: #f55868;
1636
1788
  --mds-color-theme-indicator-stable: #27a17a;
@@ -1676,15 +1828,16 @@
1676
1828
  --mds-color-theme-common-button-primary-disabled: #ffffff33;
1677
1829
  --mds-color-theme-common-button-secondary-normal: #ffffff00;
1678
1830
  --mds-color-theme-common-button-secondary-hover: #ffffff12;
1831
+ --mds-color-theme-common-button-secondary-pressed: #ffffff33;
1679
1832
  --mds-color-theme-common-button-secondary-active-normal: #ffffff33;
1680
1833
  --mds-color-theme-common-button-secondary-active-hover: #ffffff4d;
1681
1834
  --mds-color-theme-common-button-secondary-active-pressed: #ffffff66;
1682
1835
  --mds-color-theme-common-button-secondary-active-disabled: #ffffff1c;
1683
1836
  --mds-color-theme-common-button-secondary-disabled: #ffffff00;
1684
- --mds-color-theme-common-button-join-animated-gradient-normal: linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%);
1685
1837
  --mds-color-theme-common-button-promotion-normal: linear-gradient(45deg, #932099 0%, #a12a3a 100%);
1686
1838
  --mds-color-theme-common-button-promotion-hover: linear-gradient(45deg, #601e66 0%, #66262d 100%);
1687
1839
  --mds-color-theme-common-button-promotion-active: linear-gradient(45deg, #3b1840 0%, #3b1e21 100%);
1840
+ --mds-color-theme-common-button-join-animated-gradient-normal: linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%);
1688
1841
  --mds-color-theme-common-outline-button-normal: #ffffff80;
1689
1842
  --mds-color-theme-common-outline-primary-normal: #ffffff66;
1690
1843
  --mds-color-theme-common-outline-primary-disabled: #ffffff33;
@@ -1816,31 +1969,46 @@
1816
1969
  --mds-color-theme-focus-default-0: #000000;
1817
1970
  --mds-color-theme-focus-default-1: #64b4fa;
1818
1971
  --mds-color-theme-focus-default-2: #64b4fa59;
1972
+ --mds-color-theme-ai-hint-primary-gradient-0: #FFA838;
1973
+ --mds-color-theme-ai-hint-primary-gradient-1: #FF4FA4;
1974
+ --mds-color-theme-ai-hint-primary-gradient-2: #15337D;
1975
+ --mds-color-theme-ai-hint-secondary-gradient-0: #1869ff00;
1976
+ --mds-color-theme-ai-hint-secondary-gradient-1: #1869FF;
1977
+ --mds-color-theme-ai-hint-secondary-gradient-2: #FF4FA4;
1978
+ --mds-color-theme-ai-hint-secondary-gradient-3: #FFA838;
1979
+ --mds-color-theme-ai-hint-secondary-gradient-4: #ffa83800;
1819
1980
  --mds-spacing-theme-pad-none: 0;
1981
+ --mds-spacing-theme-pad-v-2xs: 0.25rem;
1820
1982
  --mds-spacing-theme-pad-v-xs: 0.5rem;
1821
1983
  --mds-spacing-theme-pad-v-sm: 0.75rem;
1822
1984
  --mds-spacing-theme-pad-v-md: 1rem;
1823
- --mds-spacing-theme-pad-v-lg: 1.5rem;
1824
- --mds-spacing-theme-pad-v-xl: 2rem;
1985
+ --mds-spacing-theme-pad-v-lg: 1.25rem;
1986
+ --mds-spacing-theme-pad-v-xl: 1.5rem;
1987
+ --mds-spacing-theme-pad-v-2xl: 2rem;
1988
+ --mds-spacing-theme-pad-h-2xs: 0.25rem;
1825
1989
  --mds-spacing-theme-pad-h-xs: 0.5rem;
1826
1990
  --mds-spacing-theme-pad-h-sm: 0.75rem;
1827
1991
  --mds-spacing-theme-pad-h-md: 1rem;
1828
- --mds-spacing-theme-pad-h-lg: 1.5rem;
1829
- --mds-spacing-theme-pad-h-xl: 2rem;
1992
+ --mds-spacing-theme-pad-h-lg: 1.25rem;
1993
+ --mds-spacing-theme-pad-h-xl: 1.5rem;
1994
+ --mds-spacing-theme-pad-h-2xl: 2rem;
1830
1995
  --mds-spacing-theme-gap-none: 0;
1831
- --mds-spacing-theme-gap-ultra-tight: 0.25rem;
1832
- --mds-spacing-theme-gap-tight: 0.5rem;
1833
- --mds-spacing-theme-gap-wide: 1rem;
1834
- --mds-spacing-theme-gap-loose: 1.5rem;
1835
- --mds-spacing-theme-gap-ultraloose: 2rem;
1996
+ --mds-spacing-theme-gap-2xs: 0.25rem;
1997
+ --mds-spacing-theme-gap-xs: 0.5rem;
1998
+ --mds-spacing-theme-gap-sm: 0.75rem;
1999
+ --mds-spacing-theme-gap-md: 1rem;
2000
+ --mds-spacing-theme-gap-lg: 1.25rem;
2001
+ --mds-spacing-theme-gap-xl: 1.5rem;
2002
+ --mds-spacing-theme-gap-2xl: 2rem;
2003
+ --mds-border-theme-none: 0;
1836
2004
  --mds-border-theme-default: 1px;
1837
2005
  --mds-border-theme-emphasis: 0.125rem;
1838
2006
  --mds-radius-theme-none: 0;
1839
- --mds-radius-theme-subtle: 0.125rem;
1840
- --mds-radius-theme-small: 0.25rem;
1841
- --mds-radius-theme-medium: 0.5rem;
1842
- --mds-radius-theme-large: 0.75rem;
1843
- --mds-radius-theme-pill: 1.25rem;
2007
+ --mds-radius-theme-2xs: 0.125rem;
2008
+ --mds-radius-theme-xs: 0.25rem;
2009
+ --mds-radius-theme-sm: 0.5rem;
2010
+ --mds-radius-theme-md: 0.75rem;
2011
+ --mds-radius-theme-lg: 1rem;
1844
2012
  --mds-radius-theme-full: 50%;
1845
2013
  --mds-size-theme-sm-4: 0.25rem;
1846
2014
  --mds-size-theme-sm-8: 0.5rem;
@@ -2028,8 +2196,30 @@
2028
2196
  --mds-color-theme-background-glass-heavy: #000000cc;
2029
2197
  --mds-color-theme-background-glass-radial-0: #ffffff0d;
2030
2198
  --mds-color-theme-background-glass-radial-1: #ffffff00;
2199
+ --mds-color-theme-background-glass-legacy: #00000066;
2031
2200
  --mds-color-theme-background-input-disabled: #ffffff1c;
2032
2201
  --mds-color-theme-background-overlay-normal: #07101cb3;
2202
+ --mds-color-theme-background-app-canvas: #0f0f0f;
2203
+ --mds-color-theme-background-tertiary-normal: #3b3b3b80;
2204
+ --mds-color-theme-background-glow-accent-stop-0: #0051AF;
2205
+ --mds-color-theme-background-glow-accent-stop-1: #0087EA;
2206
+ --mds-color-theme-background-glow-accent-stop-2: #00BCEB;
2207
+ --mds-color-theme-background-glow-large-stop-0: #B8D5FF;
2208
+ --mds-color-theme-background-glow-large-stop-1: #478EFF;
2209
+ --mds-color-theme-background-glow-large-stop-2: #12275C;
2210
+ --mds-color-theme-background-glow-large-stop-3: #0f0f0f;
2211
+ --mds-color-theme-background-glow-light-stop-0: #ffffff;
2212
+ --mds-color-theme-background-glow-light-stop-1: #ffda94;
2213
+ --mds-color-theme-background-glow-light-stop-2: #FF9000;
2214
+ --mds-color-theme-background-glow-light-stop-3: #FFB2D6;
2215
+ --mds-color-theme-background-glow-light-stop-4: #B8D5FF;
2216
+ --mds-color-theme-background-glow-light-stop-5: #0000;
2217
+ --mds-color-theme-background-glow-medium-stop-0: #bce36f;
2218
+ --mds-color-theme-background-glow-medium-stop-1: #FF9000;
2219
+ --mds-color-theme-background-glow-medium-stop-2: #601e66;
2220
+ --mds-color-theme-background-glow-small-stop-0: #1869ff;
2221
+ --mds-color-theme-background-glow-small-stop-1: #80868b80;
2222
+ --mds-color-theme-background-glow-small-stop-2: #73a321;
2033
2223
  --mds-color-theme-button-primary-normal: #fffffff2;
2034
2224
  --mds-color-theme-button-primary-hover: #ffffffcc;
2035
2225
  --mds-color-theme-button-primary-pressed: #ffffffb3;
@@ -2081,7 +2271,7 @@
2081
2271
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
2082
2272
  --mds-color-theme-outline-warning-normal: #f2990a;
2083
2273
  --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%);
2084
- --mds-color-theme-outline-ai-normal: linear-gradient(27deg, #0087EA 10.22%, #00BCEB 88.93%, #63FFF7 162.86%);
2274
+ --mds-color-theme-outline-ai-normal: #ffffff;
2085
2275
  --mds-color-theme-control-active-normal: #64b4fa;
2086
2276
  --mds-color-theme-control-active-hover: #3492eb;
2087
2277
  --mds-color-theme-control-active-pressed: #1170cf;
@@ -2096,6 +2286,10 @@
2096
2286
  --mds-color-theme-overlay-button-secondary-normal: #0f0f0f;
2097
2287
  --mds-color-theme-overlay-button-secondary-hover: #262626;
2098
2288
  --mds-color-theme-overlay-button-secondary-pressed: #3b3b3b;
2289
+ --mds-color-theme-overlay-header-0: #1a1a1a80;
2290
+ --mds-color-theme-overlay-header-1: #1a1a1a00;
2291
+ --mds-color-theme-overlay-navigation-0: #00000000;
2292
+ --mds-color-theme-overlay-navigation-1: #3b3b3b;
2099
2293
  --mds-color-theme-indicator-unstable: #ec6400;
2100
2294
  --mds-color-theme-indicator-attention: #f55868;
2101
2295
  --mds-color-theme-indicator-stable: #27a17a;
@@ -2141,15 +2335,16 @@
2141
2335
  --mds-color-theme-common-button-primary-disabled: #ffffff33;
2142
2336
  --mds-color-theme-common-button-secondary-normal: #ffffff00;
2143
2337
  --mds-color-theme-common-button-secondary-hover: #ffffff12;
2338
+ --mds-color-theme-common-button-secondary-pressed: #ffffff33;
2144
2339
  --mds-color-theme-common-button-secondary-active-normal: #ffffff33;
2145
2340
  --mds-color-theme-common-button-secondary-active-hover: #ffffff4d;
2146
2341
  --mds-color-theme-common-button-secondary-active-pressed: #ffffff66;
2147
2342
  --mds-color-theme-common-button-secondary-active-disabled: #ffffff1c;
2148
2343
  --mds-color-theme-common-button-secondary-disabled: #ffffff00;
2149
- --mds-color-theme-common-button-join-animated-gradient-normal: linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%);
2150
2344
  --mds-color-theme-common-button-promotion-normal: linear-gradient(45deg, #932099 0%, #a12a3a 100%);
2151
2345
  --mds-color-theme-common-button-promotion-hover: linear-gradient(45deg, #601e66 0%, #66262d 100%);
2152
2346
  --mds-color-theme-common-button-promotion-active: linear-gradient(45deg, #3b1840 0%, #3b1e21 100%);
2347
+ --mds-color-theme-common-button-join-animated-gradient-normal: linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%);
2153
2348
  --mds-color-theme-common-outline-button-normal: #ffffff80;
2154
2349
  --mds-color-theme-common-outline-primary-normal: #ffffff66;
2155
2350
  --mds-color-theme-common-outline-primary-disabled: #ffffff33;
@@ -2281,31 +2476,46 @@
2281
2476
  --mds-color-theme-focus-default-0: #000000;
2282
2477
  --mds-color-theme-focus-default-1: #64b4fa;
2283
2478
  --mds-color-theme-focus-default-2: #64b4fa59;
2479
+ --mds-color-theme-ai-hint-primary-gradient-0: #FFA838;
2480
+ --mds-color-theme-ai-hint-primary-gradient-1: #FF4FA4;
2481
+ --mds-color-theme-ai-hint-primary-gradient-2: #15337D;
2482
+ --mds-color-theme-ai-hint-secondary-gradient-0: #1869ff00;
2483
+ --mds-color-theme-ai-hint-secondary-gradient-1: #1869FF;
2484
+ --mds-color-theme-ai-hint-secondary-gradient-2: #FF4FA4;
2485
+ --mds-color-theme-ai-hint-secondary-gradient-3: #FFA838;
2486
+ --mds-color-theme-ai-hint-secondary-gradient-4: #ffa83800;
2284
2487
  --mds-spacing-theme-pad-none: 0;
2488
+ --mds-spacing-theme-pad-v-2xs: 0.25rem;
2285
2489
  --mds-spacing-theme-pad-v-xs: 0.5rem;
2286
2490
  --mds-spacing-theme-pad-v-sm: 0.75rem;
2287
2491
  --mds-spacing-theme-pad-v-md: 1rem;
2288
- --mds-spacing-theme-pad-v-lg: 1.5rem;
2289
- --mds-spacing-theme-pad-v-xl: 2rem;
2492
+ --mds-spacing-theme-pad-v-lg: 1.25rem;
2493
+ --mds-spacing-theme-pad-v-xl: 1.5rem;
2494
+ --mds-spacing-theme-pad-v-2xl: 2rem;
2495
+ --mds-spacing-theme-pad-h-2xs: 0.25rem;
2290
2496
  --mds-spacing-theme-pad-h-xs: 0.5rem;
2291
2497
  --mds-spacing-theme-pad-h-sm: 0.75rem;
2292
2498
  --mds-spacing-theme-pad-h-md: 1rem;
2293
- --mds-spacing-theme-pad-h-lg: 1.5rem;
2294
- --mds-spacing-theme-pad-h-xl: 2rem;
2499
+ --mds-spacing-theme-pad-h-lg: 1.25rem;
2500
+ --mds-spacing-theme-pad-h-xl: 1.5rem;
2501
+ --mds-spacing-theme-pad-h-2xl: 2rem;
2295
2502
  --mds-spacing-theme-gap-none: 0;
2296
- --mds-spacing-theme-gap-ultra-tight: 0.25rem;
2297
- --mds-spacing-theme-gap-tight: 0.5rem;
2298
- --mds-spacing-theme-gap-wide: 1rem;
2299
- --mds-spacing-theme-gap-loose: 1.5rem;
2300
- --mds-spacing-theme-gap-ultraloose: 2rem;
2503
+ --mds-spacing-theme-gap-2xs: 0.25rem;
2504
+ --mds-spacing-theme-gap-xs: 0.5rem;
2505
+ --mds-spacing-theme-gap-sm: 0.75rem;
2506
+ --mds-spacing-theme-gap-md: 1rem;
2507
+ --mds-spacing-theme-gap-lg: 1.25rem;
2508
+ --mds-spacing-theme-gap-xl: 1.5rem;
2509
+ --mds-spacing-theme-gap-2xl: 2rem;
2510
+ --mds-border-theme-none: 0;
2301
2511
  --mds-border-theme-default: 1px;
2302
2512
  --mds-border-theme-emphasis: 0.125rem;
2303
2513
  --mds-radius-theme-none: 0;
2304
- --mds-radius-theme-subtle: 0.125rem;
2305
- --mds-radius-theme-small: 0.25rem;
2306
- --mds-radius-theme-medium: 0.5rem;
2307
- --mds-radius-theme-large: 0.75rem;
2308
- --mds-radius-theme-pill: 1.25rem;
2514
+ --mds-radius-theme-2xs: 0.125rem;
2515
+ --mds-radius-theme-xs: 0.25rem;
2516
+ --mds-radius-theme-sm: 0.5rem;
2517
+ --mds-radius-theme-md: 0.75rem;
2518
+ --mds-radius-theme-lg: 1rem;
2309
2519
  --mds-radius-theme-full: 50%;
2310
2520
  --mds-size-theme-sm-4: 0.25rem;
2311
2521
  --mds-size-theme-sm-8: 0.5rem;
@@ -2493,20 +2703,1056 @@
2493
2703
  --mds-color-theme-background-glass-heavy: #000000cc;
2494
2704
  --mds-color-theme-background-glass-radial-0: #ffffff0d;
2495
2705
  --mds-color-theme-background-glass-radial-1: #ffffff00;
2496
- --mds-color-theme-background-input-disabled: #ffffff1c;
2497
- --mds-color-theme-background-overlay-normal: #07101cb3;
2498
- --mds-color-theme-button-primary-normal: #fffffff2;
2499
- --mds-color-theme-button-primary-hover: #ffffffcc;
2500
- --mds-color-theme-button-primary-pressed: #ffffffb3;
2501
- --mds-color-theme-button-primary-disabled: #ffffff33;
2502
- --mds-color-theme-button-secondary-normal: #ffffff00;
2503
- --mds-color-theme-button-secondary-hover: #ffffff12;
2504
- --mds-color-theme-button-secondary-pressed: #ffffff33;
2505
- --mds-color-theme-button-secondary-disabled: #ffffff00;
2506
- --mds-color-theme-button-secondary-active-normal: #ffffff33;
2507
- --mds-color-theme-button-secondary-active-hover: #ffffff4d;
2508
- --mds-color-theme-button-secondary-active-pressed: #ffffff66;
2509
- --mds-color-theme-button-secondary-active-disabled: #ffffff1c;
2706
+ --mds-color-theme-background-glass-legacy: #00000066;
2707
+ --mds-color-theme-background-input-disabled: #ffffff1c;
2708
+ --mds-color-theme-background-overlay-normal: #07101cb3;
2709
+ --mds-color-theme-background-app-canvas: #0f0f0f;
2710
+ --mds-color-theme-background-tertiary-normal: #3b3b3b80;
2711
+ --mds-color-theme-background-glow-accent-stop-0: #0051AF;
2712
+ --mds-color-theme-background-glow-accent-stop-1: #0087EA;
2713
+ --mds-color-theme-background-glow-accent-stop-2: #00BCEB;
2714
+ --mds-color-theme-background-glow-large-stop-0: #B8D5FF;
2715
+ --mds-color-theme-background-glow-large-stop-1: #478EFF;
2716
+ --mds-color-theme-background-glow-large-stop-2: #12275C;
2717
+ --mds-color-theme-background-glow-large-stop-3: #0f0f0f;
2718
+ --mds-color-theme-background-glow-light-stop-0: #ffffff;
2719
+ --mds-color-theme-background-glow-light-stop-1: #ffda94;
2720
+ --mds-color-theme-background-glow-light-stop-2: #FF9000;
2721
+ --mds-color-theme-background-glow-light-stop-3: #FFB2D6;
2722
+ --mds-color-theme-background-glow-light-stop-4: #B8D5FF;
2723
+ --mds-color-theme-background-glow-light-stop-5: #0000;
2724
+ --mds-color-theme-background-glow-medium-stop-0: #bce36f;
2725
+ --mds-color-theme-background-glow-medium-stop-1: #FF9000;
2726
+ --mds-color-theme-background-glow-medium-stop-2: #601e66;
2727
+ --mds-color-theme-background-glow-small-stop-0: #1869ff;
2728
+ --mds-color-theme-background-glow-small-stop-1: #80868b80;
2729
+ --mds-color-theme-background-glow-small-stop-2: #73a321;
2730
+ --mds-color-theme-button-primary-normal: #fffffff2;
2731
+ --mds-color-theme-button-primary-hover: #ffffffcc;
2732
+ --mds-color-theme-button-primary-pressed: #ffffffb3;
2733
+ --mds-color-theme-button-primary-disabled: #ffffff33;
2734
+ --mds-color-theme-button-secondary-normal: #ffffff00;
2735
+ --mds-color-theme-button-secondary-hover: #ffffff12;
2736
+ --mds-color-theme-button-secondary-pressed: #ffffff33;
2737
+ --mds-color-theme-button-secondary-disabled: #ffffff00;
2738
+ --mds-color-theme-button-secondary-active-normal: #ffffff33;
2739
+ --mds-color-theme-button-secondary-active-hover: #ffffff4d;
2740
+ --mds-color-theme-button-secondary-active-pressed: #ffffff66;
2741
+ --mds-color-theme-button-secondary-active-disabled: #ffffff1c;
2742
+ --mds-color-theme-button-join-normal: #1d805f;
2743
+ --mds-color-theme-button-join-hover: #185e46;
2744
+ --mds-color-theme-button-join-pressed: #134231;
2745
+ --mds-color-theme-button-cancel-normal: #db1f2e;
2746
+ --mds-color-theme-button-cancel-hover: #ab0a15;
2747
+ --mds-color-theme-button-cancel-pressed: #780d13;
2748
+ --mds-color-theme-button-accent-normal: #1170cf;
2749
+ --mds-color-theme-button-accent-hover: #0353a8;
2750
+ --mds-color-theme-button-accent-pressed: #063a75;
2751
+ --mds-color-theme-button-glass-primary-normal: #ffffffcc;
2752
+ --mds-color-theme-button-glass-primary-hover: #ffffffb3;
2753
+ --mds-color-theme-button-glass-primary-pressed: #ffffff99;
2754
+ --mds-color-theme-outline-primary-normal: #ffffff66;
2755
+ --mds-color-theme-outline-primary-disabled: #ffffff33;
2756
+ --mds-color-theme-outline-theme-normal: #64b4fa;
2757
+ --mds-color-theme-outline-secondary-normal: #ffffff33;
2758
+ --mds-color-theme-outline-input-normal: #ffffff80;
2759
+ --mds-color-theme-outline-input-active: #ffffffe6;
2760
+ --mds-color-theme-outline-button-normal: #ffffff80;
2761
+ --mds-color-theme-outline-join-normal: #3cc29a;
2762
+ --mds-color-theme-outline-cancel-normal: #fc8b98;
2763
+ --mds-color-theme-outline-share-selected: #27a17a;
2764
+ --mds-color-theme-outline-share-active: #ec6400;
2765
+ --mds-color-theme-outline-share-inactive: #8f8f8f;
2766
+ --mds-color-theme-outline-overlay-normal: #adadad;
2767
+ --mds-color-theme-outline-high-contrast-focus: #ffffff;
2768
+ --mds-color-theme-outline-label-cobalt: #5ebff7;
2769
+ --mds-color-theme-outline-label-gold: #d6b220;
2770
+ --mds-color-theme-outline-label-lime: #93c437;
2771
+ --mds-color-theme-outline-label-mint: #30c9b0;
2772
+ --mds-color-theme-outline-label-orange: #fd884e;
2773
+ --mds-color-theme-outline-label-pink: #fc97aa;
2774
+ --mds-color-theme-outline-label-purple: #f294f1;
2775
+ --mds-color-theme-outline-label-slate: #b0b4d9;
2776
+ --mds-color-theme-outline-label-violet: #c7a5fa;
2777
+ --mds-color-theme-outline-promotion-normal: #c233c4;
2778
+ --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
2779
+ --mds-color-theme-outline-warning-normal: #f2990a;
2780
+ --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%);
2781
+ --mds-color-theme-outline-ai-normal: #ffffff;
2782
+ --mds-color-theme-control-active-normal: #64b4fa;
2783
+ --mds-color-theme-control-active-hover: #3492eb;
2784
+ --mds-color-theme-control-active-pressed: #1170cf;
2785
+ --mds-color-theme-control-active-active: #1170cf;
2786
+ --mds-color-theme-control-active-disabled: #ffffff33;
2787
+ --mds-color-theme-control-indicator-inactive-normal: #8f8f8f;
2788
+ --mds-color-theme-control-inactive-normal: #ffffff1c;
2789
+ --mds-color-theme-control-inactive-hover: #ffffff33;
2790
+ --mds-color-theme-control-inactive-pressed: #ffffff4d;
2791
+ --mds-color-theme-control-inactive-disabled: #ffffff12;
2792
+ --mds-color-theme-overlay-meetings-normal: #000000b3;
2793
+ --mds-color-theme-overlay-button-secondary-normal: #0f0f0f;
2794
+ --mds-color-theme-overlay-button-secondary-hover: #262626;
2795
+ --mds-color-theme-overlay-button-secondary-pressed: #3b3b3b;
2796
+ --mds-color-theme-overlay-header-0: #1a1a1a80;
2797
+ --mds-color-theme-overlay-header-1: #1a1a1a00;
2798
+ --mds-color-theme-overlay-navigation-0: #00000000;
2799
+ --mds-color-theme-overlay-navigation-1: #3b3b3b;
2800
+ --mds-color-theme-indicator-unstable: #ec6400;
2801
+ --mds-color-theme-indicator-attention: #f55868;
2802
+ --mds-color-theme-indicator-stable: #27a17a;
2803
+ --mds-color-theme-indicator-locked: #8f8f8f;
2804
+ --mds-color-theme-indicator-caution: #cf7900;
2805
+ --mds-color-theme-indicator-secure: #3492eb;
2806
+ --mds-color-theme-common-whiteboard-sticky-note-yellow: #ffbe4f;
2807
+ --mds-color-theme-common-whiteboard-sticky-note-red: #fc8b98;
2808
+ --mds-color-theme-common-whiteboard-sticky-note-purple: #f294f1;
2809
+ --mds-color-theme-common-whiteboard-sticky-note-cyan: #22c7d6;
2810
+ --mds-color-theme-common-whiteboard-sticky-note-mint: #30c9b0;
2811
+ --mds-color-theme-common-whiteboard-pen-black: #0f0f0f;
2812
+ --mds-color-theme-common-whiteboard-pen-red: #f55868;
2813
+ --mds-color-theme-common-whiteboard-pen-purple: #c233c4;
2814
+ --mds-color-theme-common-whiteboard-pen-blue: #64b4fa;
2815
+ --mds-color-theme-common-whiteboard-pen-green: #3cc29a;
2816
+ --mds-color-theme-common-whiteboard-pen-yellow: #f2990a;
2817
+ --mds-color-theme-common-whiteboard-pen-white: #ffffff;
2818
+ --mds-color-theme-common-text-primary-normal: #fffffff2;
2819
+ --mds-color-theme-common-text-primary-disabled: #ffffff66;
2820
+ --mds-color-theme-common-text-secondary-normal: #ffffffb3;
2821
+ --mds-color-theme-common-text-success-normal: #3cc29a;
2822
+ --mds-color-theme-common-text-success-hover: #9fedd8;
2823
+ --mds-color-theme-common-text-error-normal: #fc8b98;
2824
+ --mds-color-theme-common-text-error-hover: #ffd4da;
2825
+ --mds-color-theme-common-text-warning-normal: #f2990a;
2826
+ --mds-color-theme-common-text-warning-hover: #ffda94;
2827
+ --mds-color-theme-common-inverted-text-secondary-normal: #00000099;
2828
+ --mds-color-theme-common-inverted-text-primary-normal: #000000f2;
2829
+ --mds-color-theme-common-inverted-text-primary-disabled: #00000066;
2830
+ --mds-color-theme-common-inverted-button-secondary-normal: #00000000;
2831
+ --mds-color-theme-common-inverted-button-secondary-hover: #00000012;
2832
+ --mds-color-theme-common-inverted-button-secondary-pressed: #00000033;
2833
+ --mds-color-theme-common-inverted-button-secondary-disabled: #00000000;
2834
+ --mds-color-theme-common-overlays-primary-normal: #000000e6;
2835
+ --mds-color-theme-common-overlays-secondary-normal: #00000066;
2836
+ --mds-color-theme-common-overlays-meeting-normal-0: #00000000;
2837
+ --mds-color-theme-common-overlays-meeting-normal-1: #0000004d;
2838
+ --mds-color-theme-common-overlays-meeting-normal-2: #000000cc;
2839
+ --mds-color-theme-common-button-primary-normal: #fffffff2;
2840
+ --mds-color-theme-common-button-primary-hover: #ffffffcc;
2841
+ --mds-color-theme-common-button-primary-pressed: #ffffffb3;
2842
+ --mds-color-theme-common-button-primary-disabled: #ffffff33;
2843
+ --mds-color-theme-common-button-secondary-normal: #ffffff00;
2844
+ --mds-color-theme-common-button-secondary-hover: #ffffff12;
2845
+ --mds-color-theme-common-button-secondary-pressed: #ffffff33;
2846
+ --mds-color-theme-common-button-secondary-active-normal: #ffffff33;
2847
+ --mds-color-theme-common-button-secondary-active-hover: #ffffff4d;
2848
+ --mds-color-theme-common-button-secondary-active-pressed: #ffffff66;
2849
+ --mds-color-theme-common-button-secondary-active-disabled: #ffffff1c;
2850
+ --mds-color-theme-common-button-secondary-disabled: #ffffff00;
2851
+ --mds-color-theme-common-button-promotion-normal: linear-gradient(45deg, #932099 0%, #a12a3a 100%);
2852
+ --mds-color-theme-common-button-promotion-hover: linear-gradient(45deg, #601e66 0%, #66262d 100%);
2853
+ --mds-color-theme-common-button-promotion-active: linear-gradient(45deg, #3b1840 0%, #3b1e21 100%);
2854
+ --mds-color-theme-common-button-join-animated-gradient-normal: linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%);
2855
+ --mds-color-theme-common-outline-button-normal: #ffffff80;
2856
+ --mds-color-theme-common-outline-primary-normal: #ffffff66;
2857
+ --mds-color-theme-common-outline-primary-disabled: #ffffff33;
2858
+ --mds-color-theme-common-outline-input-normal: #ffffff80;
2859
+ --mds-color-theme-common-outline-secondary-normal: #00000033;
2860
+ --mds-color-theme-common-outline-secondary-disabled: #00000033;
2861
+ --mds-color-theme-common-outline-warning-normal: #f2990a;
2862
+ --mds-color-theme-common-control-share-content-selected: #3cc29a;
2863
+ --mds-color-theme-common-control-share-content-active: #c94403;
2864
+ --mds-color-theme-common-control-share-content-inactive: #707070;
2865
+ --mds-color-theme-common-control-inactive-normal: #00000033;
2866
+ --mds-color-theme-common-background-alert-share-normal: #c94403;
2867
+ --mds-color-theme-common-background-solid-dark: #1a1a1a;
2868
+ --mds-color-theme-common-background-solid-light: #ffffff;
2869
+ --mds-color-theme-common-content-pdf: #ee0507;
2870
+ --mds-color-theme-common-content-word: #0078d6;
2871
+ --mds-color-theme-common-content-powerpoint: #d93e17;
2872
+ --mds-color-theme-common-content-excel: #00893e;
2873
+ --mds-color-theme-common-content-onenote: #b839db;
2874
+ --mds-color-theme-common-content-sheets: #0f9d58;
2875
+ --mds-color-theme-common-content-slides: #F4B400;
2876
+ --mds-color-theme-common-content-keynote: #029cfb;
2877
+ --mds-color-theme-common-content-doc: #4285f4;
2878
+ --mds-color-theme-common-touchbar-background-blue-normal: #1170cf;
2879
+ --mds-color-theme-common-touchbar-background-blue-pressed: #063a75;
2880
+ --mds-color-theme-common-touchbar-background-pink-normal: #d43b52;
2881
+ --mds-color-theme-common-touchbar-background-pink-pressed: #66262d;
2882
+ --mds-color-theme-common-touchbar-background-mint-normal: #148579;
2883
+ --mds-color-theme-common-touchbar-background-mint-pressed: #12423f;
2884
+ --mds-color-theme-common-touchbar-background-purple-normal: #c233c4;
2885
+ --mds-color-theme-common-touchbar-background-purple-pressed: #601e66;
2886
+ --mds-color-theme-common-touchbar-background-violet-normal: #875ae0;
2887
+ --mds-color-theme-common-touchbar-background-violet-pressed: #432c78;
2888
+ --mds-color-theme-common-touchbar-background-orange-normal: #c94403;
2889
+ --mds-color-theme-common-touchbar-background-orange-pressed: #682601;
2890
+ --mds-color-theme-common-touchbar-background-green-normal: #1d805f;
2891
+ --mds-color-theme-common-touchbar-background-green-pressed: #134231;
2892
+ --mds-color-theme-common-touchbar-background-red-normal: #db1f2e;
2893
+ --mds-color-theme-common-touchbar-background-red-pressed: #780d13;
2894
+ --mds-color-theme-common-touchbar-background-transparent: #00000000;
2895
+ --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
2896
+ --mds-color-theme-common-touchbar-icon-stable: #27a17a;
2897
+ --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
2898
+ --mds-color-theme-common-caption-background-dark-green: #0e2b20;
2899
+ --mds-color-theme-common-caption-background-dark-blue: #0a274a;
2900
+ --mds-color-theme-common-caption-background-dark-purple: #3b1840;
2901
+ --mds-color-theme-common-caption-background-dark-yellow: #36220c;
2902
+ --mds-color-theme-common-caption-background-light-green: #cef5eb;
2903
+ --mds-color-theme-common-caption-background-light-blue: #dbf0ff;
2904
+ --mds-color-theme-common-caption-background-light-purple: #fcf2fc;
2905
+ --mds-color-theme-common-caption-background-light-yellow: #ffebc2;
2906
+ --mds-color-theme-common-caption-text-dark-normal: #000000f2;
2907
+ --mds-color-theme-common-caption-text-dark-green: #3cc29a;
2908
+ --mds-color-theme-common-caption-text-dark-blue: #64b4fa;
2909
+ --mds-color-theme-common-caption-text-dark-purple: #f294f1;
2910
+ --mds-color-theme-common-caption-text-dark-yellow: #f2990a;
2911
+ --mds-color-theme-common-caption-text-light-normal: #fffffff2;
2912
+ --mds-color-theme-common-caption-text-light-green: #185e46;
2913
+ --mds-color-theme-common-caption-text-light-blue: #0353a8;
2914
+ --mds-color-theme-common-caption-text-light-purple: #932099;
2915
+ --mds-color-theme-common-caption-text-light-yellow: #7d4705;
2916
+ --mds-color-theme-scrollbar-button-normal: #ffffff66;
2917
+ --mds-color-theme-scrollbar-button-hover: #ffffff80;
2918
+ --mds-color-theme-scrollbar-button-pressed: #ffffff99;
2919
+ --mds-color-theme-scrollbar-arrow-normal: #ffffffb3;
2920
+ --mds-color-theme-scrollbar-arrow-background-normal: #ffffff00;
2921
+ --mds-color-theme-scrollbar-arrow-background-hover: #ffffff33;
2922
+ --mds-color-theme-scrollbar-arrow-background-pressed: #ffffff4d;
2923
+ --mds-color-theme-scrollbar-background-secondary-ghost: #ffffff00;
2924
+ --mds-color-theme-scrollbar-background-secondary-normal: #ffffff1c;
2925
+ --mds-color-theme-illustrations-empty-primary-0: #93c437;
2926
+ --mds-color-theme-illustrations-empty-primary-1: #279be8;
2927
+ --mds-color-theme-illustrations-empty-secondary-0: #279be8;
2928
+ --mds-color-theme-illustrations-empty-secondary-1: #875ae0;
2929
+ --mds-color-theme-illustrations-onboarding-primary-0: #ffbe4f;
2930
+ --mds-color-theme-illustrations-onboarding-primary-1: #93c437;
2931
+ --mds-color-theme-illustrations-onboarding-secondary-0: #f55868;
2932
+ --mds-color-theme-illustrations-onboarding-secondary-1: #875ae0;
2933
+ --mds-color-theme-illustrations-onboarding-tertiary-0: #ffbe4f;
2934
+ --mds-color-theme-illustrations-onboarding-tertiary-1: #ec6400;
2935
+ --mds-color-theme-illustrations-onboarding-quartenary-0: #93c437;
2936
+ --mds-color-theme-illustrations-onboarding-quartenary-1: #279be8;
2937
+ --mds-color-theme-illustrations-onboarding-quinary-0: #279be8;
2938
+ --mds-color-theme-illustrations-onboarding-quinary-1: #875ae0;
2939
+ --mds-color-theme-illustrations-success-0: #3cc29a;
2940
+ --mds-color-theme-illustrations-success-1: #93c437;
2941
+ --mds-color-theme-illustrations-error-0: #f0677e;
2942
+ --mds-color-theme-illustrations-error-1: #db1f2e;
2943
+ --mds-color-theme-illustrations-default: #ffffff;
2944
+ --mds-color-theme-globaltint-normal: #3492eb;
2945
+ --mds-color-theme-globaltint-selected: #1170cf;
2946
+ --mds-color-theme-groupedbackground-primary-normal: #000000;
2947
+ --mds-color-theme-groupedbackground-secondary-normal: #1a1a1a;
2948
+ --mds-color-theme-groupedbackground-tertiary-normal: #262626;
2949
+ --mds-color-theme-groupedbackground-quaternary-normal: #3b3b3b;
2950
+ --mds-color-theme-gradientdivider-default-normal: linear-gradient(90deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
2951
+ --mds-color-theme-gradientdivider-default-hover: linear-gradient(90deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
2952
+ --mds-color-theme-gradientdivider-error-normal: linear-gradient(90deg, #fc8b9800 0%, #fc8b9899 22.4%, #fc8b9899 76.04%, #fc8b9800 100%);
2953
+ --mds-color-theme-gradientdivider-error-hover: linear-gradient(90deg, #fc8b9800 0%, #fc8b98e6 22.4%, #fc8b98e6 76.04%, #fc8b9800 100%);
2954
+ --mds-color-theme-gradientdivider-warning-normal: linear-gradient(90deg, #f2990a00 0%, #f2990a99 22.4%, #f2990a99 76.04%, #f2990a00 100%);
2955
+ --mds-color-theme-gradientdivider-warning-hover: linear-gradient(90deg, #f2990a00 0%, #f2990ae6 22.4%, #f2990ae6 76.04%, #f2990a00 100%);
2956
+ --mds-color-theme-gradientdivider-announce-normal: linear-gradient(90deg, #64b4fa00 0%, #64b4fa99 22.4%, #64b4fa99 76.04%, #64b4fa00 100%);
2957
+ --mds-color-theme-gradientdivider-announce-hover: linear-gradient(90deg, #64b4fa00 0%,#64b4faE6 22.4%, #64b4faE6 76.04%, #64b4fa00 100%);
2958
+ --mds-color-theme-gradientdivider-success-normal: linear-gradient(90deg, #3cc29a00 0%, #3cc29a99 22.4%, #3cc29a99 76.04%, #3cc29a00 100%);
2959
+ --mds-color-theme-gradientdivider-success-hover: linear-gradient(90deg, #3cc29a00 0%,#3cc29aE6 22.4%, #3cc29aE6 76.04%, #3cc29a00 100%);
2960
+ --mds-color-theme-gradientdivider-orange-normal: linear-gradient(90deg, #fd884e00 0%, #fd884e99 22.4%, #fd884e99 76.04%, #fd884e00 100%);
2961
+ --mds-color-theme-gradientdivider-orange-hover: linear-gradient(90deg, #fd884e00 0%,#fd884eE6 22.4%, #fd884eE6 76.04%, #fd884e00 100%);
2962
+ --mds-color-theme-gradientdivider-purple-normal: linear-gradient(90deg, #f294f100 0%, #f294f199 22.4%, #f294f199 76.04%, #f294f100 100%);
2963
+ --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%);
2964
+ --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
2965
+ --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
2966
+ --mds-color-theme-avatar-ghost: #ffffff00;
2967
+ --mds-color-theme-avatar-default: #545454;
2968
+ --mds-color-theme-avatar-hover: #ffffff12;
2969
+ --mds-color-theme-avatar-pressed: #ffffff33;
2970
+ --mds-color-theme-avatar-cobalt: #08599c;
2971
+ --mds-color-theme-avatar-cyan: #066070;
2972
+ --mds-color-theme-avatar-gold: #735107;
2973
+ --mds-color-theme-avatar-lime: #416116;
2974
+ --mds-color-theme-avatar-mint: #12615a;
2975
+ --mds-color-theme-avatar-orange: #9c3202;
2976
+ --mds-color-theme-avatar-pink: #a12a3a;
2977
+ --mds-color-theme-avatar-purple: #932099;
2978
+ --mds-color-theme-avatar-slate: #535573;
2979
+ --mds-color-theme-avatar-violet: #643abd;
2980
+ --mds-color-theme-avatar-yellow: #7d4705;
2981
+ --mds-color-theme-avatar-glass-normal: #ffffff12;
2982
+ --mds-color-theme-avatar-glass-active: #ffffffcc;
2983
+ --mds-color-theme-focus-default-0: #000000;
2984
+ --mds-color-theme-focus-default-1: #64b4fa;
2985
+ --mds-color-theme-focus-default-2: #64b4fa59;
2986
+ --mds-color-theme-ai-hint-primary-gradient-0: #FFA838;
2987
+ --mds-color-theme-ai-hint-primary-gradient-1: #FF4FA4;
2988
+ --mds-color-theme-ai-hint-primary-gradient-2: #15337D;
2989
+ --mds-color-theme-ai-hint-secondary-gradient-0: #1869ff00;
2990
+ --mds-color-theme-ai-hint-secondary-gradient-1: #1869FF;
2991
+ --mds-color-theme-ai-hint-secondary-gradient-2: #FF4FA4;
2992
+ --mds-color-theme-ai-hint-secondary-gradient-3: #FFA838;
2993
+ --mds-color-theme-ai-hint-secondary-gradient-4: #ffa83800;
2994
+ --mds-spacing-theme-pad-none: 0;
2995
+ --mds-spacing-theme-pad-v-2xs: 0.25rem;
2996
+ --mds-spacing-theme-pad-v-xs: 0.5rem;
2997
+ --mds-spacing-theme-pad-v-sm: 0.75rem;
2998
+ --mds-spacing-theme-pad-v-md: 1rem;
2999
+ --mds-spacing-theme-pad-v-lg: 1.25rem;
3000
+ --mds-spacing-theme-pad-v-xl: 1.5rem;
3001
+ --mds-spacing-theme-pad-v-2xl: 2rem;
3002
+ --mds-spacing-theme-pad-h-2xs: 0.25rem;
3003
+ --mds-spacing-theme-pad-h-xs: 0.5rem;
3004
+ --mds-spacing-theme-pad-h-sm: 0.75rem;
3005
+ --mds-spacing-theme-pad-h-md: 1rem;
3006
+ --mds-spacing-theme-pad-h-lg: 1.25rem;
3007
+ --mds-spacing-theme-pad-h-xl: 1.5rem;
3008
+ --mds-spacing-theme-pad-h-2xl: 2rem;
3009
+ --mds-spacing-theme-gap-none: 0;
3010
+ --mds-spacing-theme-gap-2xs: 0.25rem;
3011
+ --mds-spacing-theme-gap-xs: 0.5rem;
3012
+ --mds-spacing-theme-gap-sm: 0.75rem;
3013
+ --mds-spacing-theme-gap-md: 1rem;
3014
+ --mds-spacing-theme-gap-lg: 1.25rem;
3015
+ --mds-spacing-theme-gap-xl: 1.5rem;
3016
+ --mds-spacing-theme-gap-2xl: 2rem;
3017
+ --mds-border-theme-none: 0;
3018
+ --mds-border-theme-default: 1px;
3019
+ --mds-border-theme-emphasis: 0.125rem;
3020
+ --mds-radius-theme-none: 0;
3021
+ --mds-radius-theme-2xs: 0.125rem;
3022
+ --mds-radius-theme-xs: 0.25rem;
3023
+ --mds-radius-theme-sm: 0.5rem;
3024
+ --mds-radius-theme-md: 0.75rem;
3025
+ --mds-radius-theme-lg: 1rem;
3026
+ --mds-radius-theme-full: 50%;
3027
+ --mds-size-theme-sm-4: 0.25rem;
3028
+ --mds-size-theme-sm-8: 0.5rem;
3029
+ --mds-size-theme-sm-12: 0.75rem;
3030
+ --mds-size-theme-md-16: 1rem;
3031
+ --mds-size-theme-md-20: 1.25rem;
3032
+ --mds-size-theme-md-24: 1.5rem;
3033
+ --mds-size-theme-md-28: 1.75rem;
3034
+ --mds-size-theme-md-32: 2rem;
3035
+ --mds-size-theme-lg-40: 2.5rem;
3036
+ --mds-size-theme-lg-52: 3.25rem;
3037
+ --mds-size-theme-lg-64: 4rem;
3038
+ --mds-size-theme-xl-72: 4.5rem;
3039
+ --mds-size-theme-xl-88: 5.5rem;
3040
+ --mds-size-theme-xl-100: 6.25rem;
3041
+ --mds-size-theme-xl-124: 7.75rem;
3042
+ }
3043
+ .mds-theme-fluid-darkWebex {
3044
+ --mds-color-theme-text-primary-normal: #fffffff2;
3045
+ --mds-color-theme-text-primary-disabled: #ffffff66;
3046
+ --mds-color-theme-text-secondary-normal: #ffffffb3;
3047
+ --mds-color-theme-text-error-normal: #fc8b98;
3048
+ --mds-color-theme-text-error-hover: #ffd4da;
3049
+ --mds-color-theme-text-error-active: #ffd4da;
3050
+ --mds-color-theme-text-success-normal: #3cc29a;
3051
+ --mds-color-theme-text-success-hover: #9fedd8;
3052
+ --mds-color-theme-text-success-active: #9fedd8;
3053
+ --mds-color-theme-text-warning-normal: #f2990a;
3054
+ --mds-color-theme-text-warning-hover: #ffda94;
3055
+ --mds-color-theme-text-warning-active: #ffda94;
3056
+ --mds-color-theme-text-highlight: #063a75;
3057
+ --mds-color-theme-text-accent-normal: #64b4fa;
3058
+ --mds-color-theme-text-accent-hover: #bfe3ff;
3059
+ --mds-color-theme-text-accent-active: #bfe3ff;
3060
+ --mds-color-theme-text-teamdefault-normal: #ffffffb3;
3061
+ --mds-color-theme-text-teamdefault-hover: #ffffffb3;
3062
+ --mds-color-theme-text-teamdefault-active: #fffffff2;
3063
+ --mds-color-theme-text-alert-purple-normal: #f294f1;
3064
+ --mds-color-theme-text-alert-purple-hover: #fce1fc;
3065
+ --mds-color-theme-text-alert-purple-active: #fce1fc;
3066
+ --mds-color-theme-text-alert-orange-normal: #fd884e;
3067
+ --mds-color-theme-text-alert-orange-hover: #fed5ac;
3068
+ --mds-color-theme-text-alert-orange-active: #fed5ac;
3069
+ --mds-color-theme-text-team-cobalt-normal: #5ebff7;
3070
+ --mds-color-theme-text-team-cobalt-hover: #5ebff7;
3071
+ --mds-color-theme-text-team-cobalt-active: #c7eeff;
3072
+ --mds-color-theme-text-team-cyan-normal: #22c7d6;
3073
+ --mds-color-theme-text-team-cyan-hover: #22c7d6;
3074
+ --mds-color-theme-text-team-cyan-active: #b2f4f7;
3075
+ --mds-color-theme-text-team-mint-normal: #30c9b0;
3076
+ --mds-color-theme-text-team-mint-hover: #baf5e7;
3077
+ --mds-color-theme-text-team-mint-active: #baf5e7;
3078
+ --mds-color-theme-text-team-lime-normal: #93c437;
3079
+ --mds-color-theme-text-team-lime-hover: #93c437;
3080
+ --mds-color-theme-text-team-lime-active: #ddf2ae;
3081
+ --mds-color-theme-text-team-gold-normal: #d6b220;
3082
+ --mds-color-theme-text-team-gold-hover: #d6b220;
3083
+ --mds-color-theme-text-team-gold-active: #f5eaa2;
3084
+ --mds-color-theme-text-team-orange-normal: #fd884e;
3085
+ --mds-color-theme-text-team-orange-hover: #fd884e;
3086
+ --mds-color-theme-text-team-orange-active: #fed5ac;
3087
+ --mds-color-theme-text-team-pink-normal: #fc97aa;
3088
+ --mds-color-theme-text-team-pink-hover: #fc97aa;
3089
+ --mds-color-theme-text-team-pink-active: #ffe0e7;
3090
+ --mds-color-theme-text-team-purple-normal: #f294f1;
3091
+ --mds-color-theme-text-team-purple-hover: #f294f1;
3092
+ --mds-color-theme-text-team-purple-active: #fce1fc;
3093
+ --mds-color-theme-text-team-violet-normal: #c7a5fa;
3094
+ --mds-color-theme-text-team-violet-hover: #c7a5fa;
3095
+ --mds-color-theme-text-team-violet-active: #f0e3fc;
3096
+ --mds-color-theme-text-team-slate-normal: #b0b4d9;
3097
+ --mds-color-theme-text-team-slate-hover: #b0b4d9;
3098
+ --mds-color-theme-text-team-slate-active: #e3e7fa;
3099
+ --mds-color-theme-inverted-text-primary-normal: #000000f2;
3100
+ --mds-color-theme-inverted-text-primary-disabled: #00000066;
3101
+ --mds-color-theme-inverted-text-secondary-normal: #000000b3;
3102
+ --mds-color-theme-inverted-text-accent-normal: #0353a8;
3103
+ --mds-color-theme-inverted-text-accent-hover: #0a274a;
3104
+ --mds-color-theme-inverted-text-accent-active: #0a274a;
3105
+ --mds-color-theme-inverted-background-normal: #ffffffcc;
3106
+ --mds-color-theme-inverted-button-primary-normal: #000000f2;
3107
+ --mds-color-theme-inverted-button-primary-hover: #000000cc;
3108
+ --mds-color-theme-inverted-button-primary-pressed: #000000b3;
3109
+ --mds-color-theme-inverted-button-primary-disabled: #00000033;
3110
+ --mds-color-theme-inverted-button-secondary-normal: #00000000;
3111
+ --mds-color-theme-inverted-button-secondary-hover: #00000012;
3112
+ --mds-color-theme-inverted-button-secondary-pressed: #00000033;
3113
+ --mds-color-theme-inverted-button-secondary-disabled: #00000000;
3114
+ --mds-color-theme-inverted-outline-button-normal: #00000080;
3115
+ --mds-color-theme-inverted-outline-primary-normal: #00000075;
3116
+ --mds-color-theme-inverted-outline-disabled-normal: #00000033;
3117
+ --mds-color-theme-inverted-outline-theme-normal: #1170cf;
3118
+ --mds-color-theme-inverted-outline-input-normal: #00000080;
3119
+ --mds-color-theme-inverted-control-active-normal: #1170cf;
3120
+ --mds-color-theme-inverted-control-active-hover: #0353a8;
3121
+ --mds-color-theme-inverted-control-active-pressed: #063a75;
3122
+ --mds-color-theme-inverted-control-active-active: #063a75;
3123
+ --mds-color-theme-inverted-control-active-disabled: #00000033;
3124
+ --mds-color-theme-inverted-control-inactive-normal: #0000001c;
3125
+ --mds-color-theme-inverted-control-inactive-hover: #0000004d;
3126
+ --mds-color-theme-inverted-control-inactive-pressed: #00000066;
3127
+ --mds-color-theme-inverted-control-inactive-disabled: #00000033;
3128
+ --mds-color-theme-inverted-control-indicator-inactive-normal: #8f8f8f;
3129
+ --mds-color-theme-background-primary-ghost: #ffffff00;
3130
+ --mds-color-theme-background-primary-hover: #ffffff12;
3131
+ --mds-color-theme-background-primary-active: #ffffff1c;
3132
+ --mds-color-theme-background-primary-disabled: #ffffff00;
3133
+ --mds-color-theme-background-solid-primary-normal: #000000cc;
3134
+ --mds-color-theme-background-solid-secondary-normal: #00000099;
3135
+ --mds-color-theme-background-solid-tertiary-normal: #00000066;
3136
+ --mds-color-theme-background-solid-quaternary-normal: #ffffff0d;
3137
+ --mds-color-theme-background-secondary-normal: #ffffff1c;
3138
+ --mds-color-theme-background-secondary-hover: #ffffff33;
3139
+ --mds-color-theme-background-secondary-active: #ffffff4d;
3140
+ --mds-color-theme-background-secondary-disabled: #ffffff00;
3141
+ --mds-color-theme-background-secondary-subtle: #ffffff12;
3142
+ --mds-color-theme-background-accent-normal: #1170cf;
3143
+ --mds-color-theme-background-accent-active: #64b4fa;
3144
+ --mds-color-theme-background-alert-default-normal: #3b3b3b;
3145
+ --mds-color-theme-background-alert-default-hover: #3b3b3b;
3146
+ --mds-color-theme-background-alert-default-active: #545454;
3147
+ --mds-color-theme-background-alert-success-normal: #0e2b20;
3148
+ --mds-color-theme-background-alert-success-hover: #0e2b20;
3149
+ --mds-color-theme-background-alert-success-active: #134231;
3150
+ --mds-color-theme-background-alert-warning-normal: #36220c;
3151
+ --mds-color-theme-background-alert-warning-hover: #36220c;
3152
+ --mds-color-theme-background-alert-warning-active: #57330a;
3153
+ --mds-color-theme-background-alert-error-normal: #4f0e10;
3154
+ --mds-color-theme-background-alert-error-hover: #4f0e10;
3155
+ --mds-color-theme-background-alert-error-active: #780d13;
3156
+ --mds-color-theme-background-alert-theme-normal: #0a274a;
3157
+ --mds-color-theme-background-alert-theme-hover: #0a274a;
3158
+ --mds-color-theme-background-alert-theme-active: #063a75;
3159
+ --mds-color-theme-background-alert-purple-normal: #3b1840;
3160
+ --mds-color-theme-background-alert-purple-hover: #3b1840;
3161
+ --mds-color-theme-background-alert-purple-active: #601e66;
3162
+ --mds-color-theme-background-alert-orange-normal: #411b04;
3163
+ --mds-color-theme-background-alert-orange-hover: #411b04;
3164
+ --mds-color-theme-background-alert-orange-active: #682601;
3165
+ --mds-color-theme-background-label-cobalt-normal: #12283d;
3166
+ --mds-color-theme-background-label-cobalt-hover: #103c63;
3167
+ --mds-color-theme-background-label-cobalt-active: #08599c;
3168
+ --mds-color-theme-background-label-gold-normal: #30240d;
3169
+ --mds-color-theme-background-label-gold-hover: #4d370c;
3170
+ --mds-color-theme-background-label-gold-active: #735107;
3171
+ --mds-color-theme-background-label-lime-normal: #1e2b10;
3172
+ --mds-color-theme-background-label-lime-hover: #2d4214;
3173
+ --mds-color-theme-background-label-lime-active: #416116;
3174
+ --mds-color-theme-background-label-mint-normal: #102b2a;
3175
+ --mds-color-theme-background-label-mint-hover: #12423f;
3176
+ --mds-color-theme-background-label-mint-active: #12615a;
3177
+ --mds-color-theme-background-label-orange-normal: #411b04;
3178
+ --mds-color-theme-background-label-orange-hover: #682601;
3179
+ --mds-color-theme-background-label-orange-active: #9c3202;
3180
+ --mds-color-theme-background-label-pink-normal: #3b1e21;
3181
+ --mds-color-theme-background-label-pink-hover: #66262d;
3182
+ --mds-color-theme-background-label-pink-active: #a12a3a;
3183
+ --mds-color-theme-background-label-purple-normal: #3b1840;
3184
+ --mds-color-theme-background-label-purple-hover: #601e66;
3185
+ --mds-color-theme-background-label-purple-active: #932099;
3186
+ --mds-color-theme-background-label-slate-normal: #26262b;
3187
+ --mds-color-theme-background-label-slate-hover: #393a47;
3188
+ --mds-color-theme-background-label-slate-active: #535573;
3189
+ --mds-color-theme-background-label-violet-normal: #29223d;
3190
+ --mds-color-theme-background-label-violet-hover: #432c78;
3191
+ --mds-color-theme-background-label-violet-active: #643abd;
3192
+ --mds-color-theme-background-label-default-normal: #ffffff00;
3193
+ --mds-color-theme-background-label-default-hover: #ffffff12;
3194
+ --mds-color-theme-background-label-default-active: #ffffff1c;
3195
+ --mds-color-theme-background-label-error-normal: #4f0e10;
3196
+ --mds-color-theme-background-label-error-hover: #780d13;
3197
+ --mds-color-theme-background-label-error-active: #ab0a15;
3198
+ --mds-color-theme-background-namelabel-normal: #000000b3;
3199
+ --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%);
3200
+ --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #262626 0%, #0f0f0f 100%);
3201
+ --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
3202
+ --mds-color-theme-background-skeleton-normal: #262626;
3203
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
3204
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
3205
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
3206
+ --mds-color-theme-background-glass-normal: #ffffff0d;
3207
+ --mds-color-theme-background-glass-active: #ffffff1c;
3208
+ --mds-color-theme-background-glass-light: #00000066;
3209
+ --mds-color-theme-background-glass-medium: #00000099;
3210
+ --mds-color-theme-background-glass-heavy: #000000cc;
3211
+ --mds-color-theme-background-glass-radial-0: #ffffff0d;
3212
+ --mds-color-theme-background-glass-radial-1: #ffffff00;
3213
+ --mds-color-theme-background-glass-legacy: #00000066;
3214
+ --mds-color-theme-background-input-disabled: #ffffff1c;
3215
+ --mds-color-theme-background-overlay-normal: #07101cb3;
3216
+ --mds-color-theme-background-app-canvas: #0f0f0f;
3217
+ --mds-color-theme-background-tertiary-normal: #3b3b3b80;
3218
+ --mds-color-theme-background-glow-accent-stop-0: #0051AF;
3219
+ --mds-color-theme-background-glow-accent-stop-1: #0087EA;
3220
+ --mds-color-theme-background-glow-accent-stop-2: #00BCEB;
3221
+ --mds-color-theme-background-glow-large-stop-0: #B8D5FF;
3222
+ --mds-color-theme-background-glow-large-stop-1: #478EFF;
3223
+ --mds-color-theme-background-glow-large-stop-2: #12275C;
3224
+ --mds-color-theme-background-glow-large-stop-3: #0f0f0f;
3225
+ --mds-color-theme-background-glow-light-stop-0: #ffffff;
3226
+ --mds-color-theme-background-glow-light-stop-1: #ffda94;
3227
+ --mds-color-theme-background-glow-light-stop-2: #FF9000;
3228
+ --mds-color-theme-background-glow-light-stop-3: #FFB2D6;
3229
+ --mds-color-theme-background-glow-light-stop-4: #B8D5FF;
3230
+ --mds-color-theme-background-glow-light-stop-5: #0000;
3231
+ --mds-color-theme-background-glow-medium-stop-0: #bce36f;
3232
+ --mds-color-theme-background-glow-medium-stop-1: #FF9000;
3233
+ --mds-color-theme-background-glow-medium-stop-2: #601e66;
3234
+ --mds-color-theme-background-glow-small-stop-0: #1869ff;
3235
+ --mds-color-theme-background-glow-small-stop-1: #80868b80;
3236
+ --mds-color-theme-background-glow-small-stop-2: #73a321;
3237
+ --mds-color-theme-button-primary-normal: #fffffff2;
3238
+ --mds-color-theme-button-primary-hover: #ffffffcc;
3239
+ --mds-color-theme-button-primary-pressed: #ffffffb3;
3240
+ --mds-color-theme-button-primary-disabled: #ffffff33;
3241
+ --mds-color-theme-button-secondary-normal: #ffffff00;
3242
+ --mds-color-theme-button-secondary-hover: #ffffff12;
3243
+ --mds-color-theme-button-secondary-pressed: #ffffff33;
3244
+ --mds-color-theme-button-secondary-disabled: #ffffff00;
3245
+ --mds-color-theme-button-secondary-active-normal: #ffffff33;
3246
+ --mds-color-theme-button-secondary-active-hover: #ffffff4d;
3247
+ --mds-color-theme-button-secondary-active-pressed: #ffffff66;
3248
+ --mds-color-theme-button-secondary-active-disabled: #ffffff1c;
3249
+ --mds-color-theme-button-join-normal: #1d805f;
3250
+ --mds-color-theme-button-join-hover: #185e46;
3251
+ --mds-color-theme-button-join-pressed: #134231;
3252
+ --mds-color-theme-button-cancel-normal: #db1f2e;
3253
+ --mds-color-theme-button-cancel-hover: #ab0a15;
3254
+ --mds-color-theme-button-cancel-pressed: #780d13;
3255
+ --mds-color-theme-button-accent-normal: #1170cf;
3256
+ --mds-color-theme-button-accent-hover: #0353a8;
3257
+ --mds-color-theme-button-accent-pressed: #063a75;
3258
+ --mds-color-theme-button-glass-primary-normal: #ffffffcc;
3259
+ --mds-color-theme-button-glass-primary-hover: #ffffffb3;
3260
+ --mds-color-theme-button-glass-primary-pressed: #ffffff99;
3261
+ --mds-color-theme-outline-primary-normal: #ffffff66;
3262
+ --mds-color-theme-outline-primary-disabled: #ffffff33;
3263
+ --mds-color-theme-outline-theme-normal: #64b4fa;
3264
+ --mds-color-theme-outline-secondary-normal: #ffffff33;
3265
+ --mds-color-theme-outline-input-normal: #ffffff80;
3266
+ --mds-color-theme-outline-input-active: #ffffffe6;
3267
+ --mds-color-theme-outline-button-normal: #ffffff80;
3268
+ --mds-color-theme-outline-join-normal: #3cc29a;
3269
+ --mds-color-theme-outline-cancel-normal: #fc8b98;
3270
+ --mds-color-theme-outline-share-selected: #27a17a;
3271
+ --mds-color-theme-outline-share-active: #ec6400;
3272
+ --mds-color-theme-outline-share-inactive: #8f8f8f;
3273
+ --mds-color-theme-outline-overlay-normal: #adadad;
3274
+ --mds-color-theme-outline-high-contrast-focus: #ffffff;
3275
+ --mds-color-theme-outline-label-cobalt: #5ebff7;
3276
+ --mds-color-theme-outline-label-gold: #d6b220;
3277
+ --mds-color-theme-outline-label-lime: #93c437;
3278
+ --mds-color-theme-outline-label-mint: #30c9b0;
3279
+ --mds-color-theme-outline-label-orange: #fd884e;
3280
+ --mds-color-theme-outline-label-pink: #fc97aa;
3281
+ --mds-color-theme-outline-label-purple: #f294f1;
3282
+ --mds-color-theme-outline-label-slate: #b0b4d9;
3283
+ --mds-color-theme-outline-label-violet: #c7a5fa;
3284
+ --mds-color-theme-outline-promotion-normal: #c233c4;
3285
+ --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
3286
+ --mds-color-theme-outline-warning-normal: #f2990a;
3287
+ --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%);
3288
+ --mds-color-theme-outline-ai-normal: #ffffff;
3289
+ --mds-color-theme-control-active-normal: #64b4fa;
3290
+ --mds-color-theme-control-active-hover: #3492eb;
3291
+ --mds-color-theme-control-active-pressed: #1170cf;
3292
+ --mds-color-theme-control-active-active: #1170cf;
3293
+ --mds-color-theme-control-active-disabled: #ffffff33;
3294
+ --mds-color-theme-control-indicator-inactive-normal: #8f8f8f;
3295
+ --mds-color-theme-control-inactive-normal: #ffffff1c;
3296
+ --mds-color-theme-control-inactive-hover: #ffffff33;
3297
+ --mds-color-theme-control-inactive-pressed: #ffffff4d;
3298
+ --mds-color-theme-control-inactive-disabled: #ffffff12;
3299
+ --mds-color-theme-overlay-meetings-normal: #000000b3;
3300
+ --mds-color-theme-overlay-button-secondary-normal: #0f0f0f;
3301
+ --mds-color-theme-overlay-button-secondary-hover: #262626;
3302
+ --mds-color-theme-overlay-button-secondary-pressed: #3b3b3b;
3303
+ --mds-color-theme-overlay-header-0: #1a1a1a80;
3304
+ --mds-color-theme-overlay-header-1: #1a1a1a00;
3305
+ --mds-color-theme-overlay-navigation-0: #00000000;
3306
+ --mds-color-theme-overlay-navigation-1: #3b3b3b;
3307
+ --mds-color-theme-indicator-unstable: #ec6400;
3308
+ --mds-color-theme-indicator-attention: #f55868;
3309
+ --mds-color-theme-indicator-stable: #27a17a;
3310
+ --mds-color-theme-indicator-locked: #8f8f8f;
3311
+ --mds-color-theme-indicator-caution: #cf7900;
3312
+ --mds-color-theme-indicator-secure: #3492eb;
3313
+ --mds-color-theme-common-whiteboard-sticky-note-yellow: #ffbe4f;
3314
+ --mds-color-theme-common-whiteboard-sticky-note-red: #fc8b98;
3315
+ --mds-color-theme-common-whiteboard-sticky-note-purple: #f294f1;
3316
+ --mds-color-theme-common-whiteboard-sticky-note-cyan: #22c7d6;
3317
+ --mds-color-theme-common-whiteboard-sticky-note-mint: #30c9b0;
3318
+ --mds-color-theme-common-whiteboard-pen-black: #0f0f0f;
3319
+ --mds-color-theme-common-whiteboard-pen-red: #f55868;
3320
+ --mds-color-theme-common-whiteboard-pen-purple: #c233c4;
3321
+ --mds-color-theme-common-whiteboard-pen-blue: #64b4fa;
3322
+ --mds-color-theme-common-whiteboard-pen-green: #3cc29a;
3323
+ --mds-color-theme-common-whiteboard-pen-yellow: #f2990a;
3324
+ --mds-color-theme-common-whiteboard-pen-white: #ffffff;
3325
+ --mds-color-theme-common-text-primary-normal: #fffffff2;
3326
+ --mds-color-theme-common-text-primary-disabled: #ffffff66;
3327
+ --mds-color-theme-common-text-secondary-normal: #ffffffb3;
3328
+ --mds-color-theme-common-text-success-normal: #3cc29a;
3329
+ --mds-color-theme-common-text-success-hover: #9fedd8;
3330
+ --mds-color-theme-common-text-error-normal: #fc8b98;
3331
+ --mds-color-theme-common-text-error-hover: #ffd4da;
3332
+ --mds-color-theme-common-text-warning-normal: #f2990a;
3333
+ --mds-color-theme-common-text-warning-hover: #ffda94;
3334
+ --mds-color-theme-common-inverted-text-secondary-normal: #00000099;
3335
+ --mds-color-theme-common-inverted-text-primary-normal: #000000f2;
3336
+ --mds-color-theme-common-inverted-text-primary-disabled: #00000066;
3337
+ --mds-color-theme-common-inverted-button-secondary-normal: #00000000;
3338
+ --mds-color-theme-common-inverted-button-secondary-hover: #00000012;
3339
+ --mds-color-theme-common-inverted-button-secondary-pressed: #00000033;
3340
+ --mds-color-theme-common-inverted-button-secondary-disabled: #00000000;
3341
+ --mds-color-theme-common-overlays-primary-normal: #000000e6;
3342
+ --mds-color-theme-common-overlays-secondary-normal: #00000066;
3343
+ --mds-color-theme-common-overlays-meeting-normal-0: #00000000;
3344
+ --mds-color-theme-common-overlays-meeting-normal-1: #0000004d;
3345
+ --mds-color-theme-common-overlays-meeting-normal-2: #000000cc;
3346
+ --mds-color-theme-common-button-primary-normal: #fffffff2;
3347
+ --mds-color-theme-common-button-primary-hover: #ffffffcc;
3348
+ --mds-color-theme-common-button-primary-pressed: #ffffffb3;
3349
+ --mds-color-theme-common-button-primary-disabled: #ffffff33;
3350
+ --mds-color-theme-common-button-secondary-normal: #ffffff00;
3351
+ --mds-color-theme-common-button-secondary-hover: #ffffff12;
3352
+ --mds-color-theme-common-button-secondary-pressed: #ffffff33;
3353
+ --mds-color-theme-common-button-secondary-active-normal: #ffffff33;
3354
+ --mds-color-theme-common-button-secondary-active-hover: #ffffff4d;
3355
+ --mds-color-theme-common-button-secondary-active-pressed: #ffffff66;
3356
+ --mds-color-theme-common-button-secondary-active-disabled: #ffffff1c;
3357
+ --mds-color-theme-common-button-secondary-disabled: #ffffff00;
3358
+ --mds-color-theme-common-button-promotion-normal: linear-gradient(45deg, #932099 0%, #a12a3a 100%);
3359
+ --mds-color-theme-common-button-promotion-hover: linear-gradient(45deg, #601e66 0%, #66262d 100%);
3360
+ --mds-color-theme-common-button-promotion-active: linear-gradient(45deg, #3b1840 0%, #3b1e21 100%);
3361
+ --mds-color-theme-common-button-join-animated-gradient-normal: linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%);
3362
+ --mds-color-theme-common-outline-button-normal: #ffffff80;
3363
+ --mds-color-theme-common-outline-primary-normal: #ffffff66;
3364
+ --mds-color-theme-common-outline-primary-disabled: #ffffff33;
3365
+ --mds-color-theme-common-outline-input-normal: #ffffff80;
3366
+ --mds-color-theme-common-outline-secondary-normal: #00000033;
3367
+ --mds-color-theme-common-outline-secondary-disabled: #00000033;
3368
+ --mds-color-theme-common-outline-warning-normal: #f2990a;
3369
+ --mds-color-theme-common-control-share-content-selected: #3cc29a;
3370
+ --mds-color-theme-common-control-share-content-active: #c94403;
3371
+ --mds-color-theme-common-control-share-content-inactive: #707070;
3372
+ --mds-color-theme-common-control-inactive-normal: #00000033;
3373
+ --mds-color-theme-common-background-alert-share-normal: #c94403;
3374
+ --mds-color-theme-common-background-solid-dark: #1a1a1a;
3375
+ --mds-color-theme-common-background-solid-light: #ffffff;
3376
+ --mds-color-theme-common-content-pdf: #ee0507;
3377
+ --mds-color-theme-common-content-word: #0078d6;
3378
+ --mds-color-theme-common-content-powerpoint: #d93e17;
3379
+ --mds-color-theme-common-content-excel: #00893e;
3380
+ --mds-color-theme-common-content-onenote: #b839db;
3381
+ --mds-color-theme-common-content-sheets: #0f9d58;
3382
+ --mds-color-theme-common-content-slides: #F4B400;
3383
+ --mds-color-theme-common-content-keynote: #029cfb;
3384
+ --mds-color-theme-common-content-doc: #4285f4;
3385
+ --mds-color-theme-common-touchbar-background-blue-normal: #1170cf;
3386
+ --mds-color-theme-common-touchbar-background-blue-pressed: #063a75;
3387
+ --mds-color-theme-common-touchbar-background-pink-normal: #d43b52;
3388
+ --mds-color-theme-common-touchbar-background-pink-pressed: #66262d;
3389
+ --mds-color-theme-common-touchbar-background-mint-normal: #148579;
3390
+ --mds-color-theme-common-touchbar-background-mint-pressed: #12423f;
3391
+ --mds-color-theme-common-touchbar-background-purple-normal: #c233c4;
3392
+ --mds-color-theme-common-touchbar-background-purple-pressed: #601e66;
3393
+ --mds-color-theme-common-touchbar-background-violet-normal: #875ae0;
3394
+ --mds-color-theme-common-touchbar-background-violet-pressed: #432c78;
3395
+ --mds-color-theme-common-touchbar-background-orange-normal: #c94403;
3396
+ --mds-color-theme-common-touchbar-background-orange-pressed: #682601;
3397
+ --mds-color-theme-common-touchbar-background-green-normal: #1d805f;
3398
+ --mds-color-theme-common-touchbar-background-green-pressed: #134231;
3399
+ --mds-color-theme-common-touchbar-background-red-normal: #db1f2e;
3400
+ --mds-color-theme-common-touchbar-background-red-pressed: #780d13;
3401
+ --mds-color-theme-common-touchbar-background-transparent: #00000000;
3402
+ --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
3403
+ --mds-color-theme-common-touchbar-icon-stable: #27a17a;
3404
+ --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
3405
+ --mds-color-theme-common-caption-background-dark-green: #0e2b20;
3406
+ --mds-color-theme-common-caption-background-dark-blue: #0a274a;
3407
+ --mds-color-theme-common-caption-background-dark-purple: #3b1840;
3408
+ --mds-color-theme-common-caption-background-dark-yellow: #36220c;
3409
+ --mds-color-theme-common-caption-background-light-green: #cef5eb;
3410
+ --mds-color-theme-common-caption-background-light-blue: #dbf0ff;
3411
+ --mds-color-theme-common-caption-background-light-purple: #fcf2fc;
3412
+ --mds-color-theme-common-caption-background-light-yellow: #ffebc2;
3413
+ --mds-color-theme-common-caption-text-dark-normal: #000000f2;
3414
+ --mds-color-theme-common-caption-text-dark-green: #3cc29a;
3415
+ --mds-color-theme-common-caption-text-dark-blue: #64b4fa;
3416
+ --mds-color-theme-common-caption-text-dark-purple: #f294f1;
3417
+ --mds-color-theme-common-caption-text-dark-yellow: #f2990a;
3418
+ --mds-color-theme-common-caption-text-light-normal: #fffffff2;
3419
+ --mds-color-theme-common-caption-text-light-green: #185e46;
3420
+ --mds-color-theme-common-caption-text-light-blue: #0353a8;
3421
+ --mds-color-theme-common-caption-text-light-purple: #932099;
3422
+ --mds-color-theme-common-caption-text-light-yellow: #7d4705;
3423
+ --mds-color-theme-scrollbar-button-normal: #ffffff66;
3424
+ --mds-color-theme-scrollbar-button-hover: #ffffff80;
3425
+ --mds-color-theme-scrollbar-button-pressed: #ffffff99;
3426
+ --mds-color-theme-scrollbar-arrow-normal: #ffffffb3;
3427
+ --mds-color-theme-scrollbar-arrow-background-normal: #ffffff00;
3428
+ --mds-color-theme-scrollbar-arrow-background-hover: #ffffff33;
3429
+ --mds-color-theme-scrollbar-arrow-background-pressed: #ffffff4d;
3430
+ --mds-color-theme-scrollbar-background-secondary-ghost: #ffffff00;
3431
+ --mds-color-theme-scrollbar-background-secondary-normal: #ffffff1c;
3432
+ --mds-color-theme-illustrations-empty-primary-0: #93c437;
3433
+ --mds-color-theme-illustrations-empty-primary-1: #279be8;
3434
+ --mds-color-theme-illustrations-empty-secondary-0: #279be8;
3435
+ --mds-color-theme-illustrations-empty-secondary-1: #875ae0;
3436
+ --mds-color-theme-illustrations-onboarding-primary-0: #ffbe4f;
3437
+ --mds-color-theme-illustrations-onboarding-primary-1: #93c437;
3438
+ --mds-color-theme-illustrations-onboarding-secondary-0: #f55868;
3439
+ --mds-color-theme-illustrations-onboarding-secondary-1: #875ae0;
3440
+ --mds-color-theme-illustrations-onboarding-tertiary-0: #ffbe4f;
3441
+ --mds-color-theme-illustrations-onboarding-tertiary-1: #ec6400;
3442
+ --mds-color-theme-illustrations-onboarding-quartenary-0: #93c437;
3443
+ --mds-color-theme-illustrations-onboarding-quartenary-1: #279be8;
3444
+ --mds-color-theme-illustrations-onboarding-quinary-0: #279be8;
3445
+ --mds-color-theme-illustrations-onboarding-quinary-1: #875ae0;
3446
+ --mds-color-theme-illustrations-success-0: #3cc29a;
3447
+ --mds-color-theme-illustrations-success-1: #93c437;
3448
+ --mds-color-theme-illustrations-error-0: #f0677e;
3449
+ --mds-color-theme-illustrations-error-1: #db1f2e;
3450
+ --mds-color-theme-illustrations-default: #ffffff;
3451
+ --mds-color-theme-globaltint-normal: #3492eb;
3452
+ --mds-color-theme-globaltint-selected: #1170cf;
3453
+ --mds-color-theme-groupedbackground-primary-normal: #000000;
3454
+ --mds-color-theme-groupedbackground-secondary-normal: #1a1a1a;
3455
+ --mds-color-theme-groupedbackground-tertiary-normal: #262626;
3456
+ --mds-color-theme-groupedbackground-quaternary-normal: #3b3b3b;
3457
+ --mds-color-theme-gradientdivider-default-normal: linear-gradient(90deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
3458
+ --mds-color-theme-gradientdivider-default-hover: linear-gradient(90deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
3459
+ --mds-color-theme-gradientdivider-error-normal: linear-gradient(90deg, #fc8b9800 0%, #fc8b9899 22.4%, #fc8b9899 76.04%, #fc8b9800 100%);
3460
+ --mds-color-theme-gradientdivider-error-hover: linear-gradient(90deg, #fc8b9800 0%, #fc8b98e6 22.4%, #fc8b98e6 76.04%, #fc8b9800 100%);
3461
+ --mds-color-theme-gradientdivider-warning-normal: linear-gradient(90deg, #f2990a00 0%, #f2990a99 22.4%, #f2990a99 76.04%, #f2990a00 100%);
3462
+ --mds-color-theme-gradientdivider-warning-hover: linear-gradient(90deg, #f2990a00 0%, #f2990ae6 22.4%, #f2990ae6 76.04%, #f2990a00 100%);
3463
+ --mds-color-theme-gradientdivider-announce-normal: linear-gradient(90deg, #64b4fa00 0%, #64b4fa99 22.4%, #64b4fa99 76.04%, #64b4fa00 100%);
3464
+ --mds-color-theme-gradientdivider-announce-hover: linear-gradient(90deg, #64b4fa00 0%,#64b4faE6 22.4%, #64b4faE6 76.04%, #64b4fa00 100%);
3465
+ --mds-color-theme-gradientdivider-success-normal: linear-gradient(90deg, #3cc29a00 0%, #3cc29a99 22.4%, #3cc29a99 76.04%, #3cc29a00 100%);
3466
+ --mds-color-theme-gradientdivider-success-hover: linear-gradient(90deg, #3cc29a00 0%,#3cc29aE6 22.4%, #3cc29aE6 76.04%, #3cc29a00 100%);
3467
+ --mds-color-theme-gradientdivider-orange-normal: linear-gradient(90deg, #fd884e00 0%, #fd884e99 22.4%, #fd884e99 76.04%, #fd884e00 100%);
3468
+ --mds-color-theme-gradientdivider-orange-hover: linear-gradient(90deg, #fd884e00 0%,#fd884eE6 22.4%, #fd884eE6 76.04%, #fd884e00 100%);
3469
+ --mds-color-theme-gradientdivider-purple-normal: linear-gradient(90deg, #f294f100 0%, #f294f199 22.4%, #f294f199 76.04%, #f294f100 100%);
3470
+ --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%);
3471
+ --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
3472
+ --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
3473
+ --mds-color-theme-avatar-ghost: #ffffff00;
3474
+ --mds-color-theme-avatar-default: #545454;
3475
+ --mds-color-theme-avatar-hover: #ffffff12;
3476
+ --mds-color-theme-avatar-pressed: #ffffff33;
3477
+ --mds-color-theme-avatar-cobalt: #08599c;
3478
+ --mds-color-theme-avatar-cyan: #066070;
3479
+ --mds-color-theme-avatar-gold: #735107;
3480
+ --mds-color-theme-avatar-lime: #416116;
3481
+ --mds-color-theme-avatar-mint: #12615a;
3482
+ --mds-color-theme-avatar-orange: #9c3202;
3483
+ --mds-color-theme-avatar-pink: #a12a3a;
3484
+ --mds-color-theme-avatar-purple: #932099;
3485
+ --mds-color-theme-avatar-slate: #535573;
3486
+ --mds-color-theme-avatar-violet: #643abd;
3487
+ --mds-color-theme-avatar-yellow: #7d4705;
3488
+ --mds-color-theme-avatar-glass-normal: #ffffff12;
3489
+ --mds-color-theme-avatar-glass-active: #ffffffcc;
3490
+ --mds-color-theme-focus-default-0: #000000;
3491
+ --mds-color-theme-focus-default-1: #64b4fa;
3492
+ --mds-color-theme-focus-default-2: #64b4fa59;
3493
+ --mds-color-theme-ai-hint-primary-gradient-0: #FFA838;
3494
+ --mds-color-theme-ai-hint-primary-gradient-1: #FF4FA4;
3495
+ --mds-color-theme-ai-hint-primary-gradient-2: #15337D;
3496
+ --mds-color-theme-ai-hint-secondary-gradient-0: #1869ff00;
3497
+ --mds-color-theme-ai-hint-secondary-gradient-1: #1869FF;
3498
+ --mds-color-theme-ai-hint-secondary-gradient-2: #FF4FA4;
3499
+ --mds-color-theme-ai-hint-secondary-gradient-3: #FFA838;
3500
+ --mds-color-theme-ai-hint-secondary-gradient-4: #ffa83800;
3501
+ --mds-spacing-theme-pad-none: 0;
3502
+ --mds-spacing-theme-pad-v-2xs: 0.25rem;
3503
+ --mds-spacing-theme-pad-v-xs: 0.5rem;
3504
+ --mds-spacing-theme-pad-v-sm: 0.75rem;
3505
+ --mds-spacing-theme-pad-v-md: 1rem;
3506
+ --mds-spacing-theme-pad-v-lg: 1.25rem;
3507
+ --mds-spacing-theme-pad-v-xl: 1.5rem;
3508
+ --mds-spacing-theme-pad-v-2xl: 2rem;
3509
+ --mds-spacing-theme-pad-h-2xs: 0.25rem;
3510
+ --mds-spacing-theme-pad-h-xs: 0.5rem;
3511
+ --mds-spacing-theme-pad-h-sm: 0.75rem;
3512
+ --mds-spacing-theme-pad-h-md: 1rem;
3513
+ --mds-spacing-theme-pad-h-lg: 1.25rem;
3514
+ --mds-spacing-theme-pad-h-xl: 1.5rem;
3515
+ --mds-spacing-theme-pad-h-2xl: 2rem;
3516
+ --mds-spacing-theme-gap-none: 0;
3517
+ --mds-spacing-theme-gap-2xs: 0.25rem;
3518
+ --mds-spacing-theme-gap-xs: 0.5rem;
3519
+ --mds-spacing-theme-gap-sm: 0.75rem;
3520
+ --mds-spacing-theme-gap-md: 1rem;
3521
+ --mds-spacing-theme-gap-lg: 1.25rem;
3522
+ --mds-spacing-theme-gap-xl: 1.5rem;
3523
+ --mds-spacing-theme-gap-2xl: 2rem;
3524
+ --mds-border-theme-none: 0;
3525
+ --mds-border-theme-default: 1px;
3526
+ --mds-border-theme-emphasis: 0.125rem;
3527
+ --mds-radius-theme-none: 0;
3528
+ --mds-radius-theme-2xs: 0.125rem;
3529
+ --mds-radius-theme-xs: 0.25rem;
3530
+ --mds-radius-theme-sm: 0.5rem;
3531
+ --mds-radius-theme-md: 0.75rem;
3532
+ --mds-radius-theme-lg: 1rem;
3533
+ --mds-radius-theme-full: 50%;
3534
+ --mds-size-theme-sm-4: 0.25rem;
3535
+ --mds-size-theme-sm-8: 0.5rem;
3536
+ --mds-size-theme-sm-12: 0.75rem;
3537
+ --mds-size-theme-md-16: 1rem;
3538
+ --mds-size-theme-md-20: 1.25rem;
3539
+ --mds-size-theme-md-24: 1.5rem;
3540
+ --mds-size-theme-md-28: 1.75rem;
3541
+ --mds-size-theme-md-32: 2rem;
3542
+ --mds-size-theme-lg-40: 2.5rem;
3543
+ --mds-size-theme-lg-52: 3.25rem;
3544
+ --mds-size-theme-lg-64: 4rem;
3545
+ --mds-size-theme-xl-72: 4.5rem;
3546
+ --mds-size-theme-xl-88: 5.5rem;
3547
+ --mds-size-theme-xl-100: 6.25rem;
3548
+ --mds-size-theme-xl-124: 7.75rem;
3549
+ }
3550
+ .mds-theme-stable-lightWebex {
3551
+ --mds-color-theme-text-primary-normal: #000000f2;
3552
+ --mds-color-theme-text-primary-disabled: #00000066;
3553
+ --mds-color-theme-text-secondary-normal: #000000b3;
3554
+ --mds-color-theme-text-error-normal: #ab0a15;
3555
+ --mds-color-theme-text-error-hover: #4f0e10;
3556
+ --mds-color-theme-text-error-active: #4f0e10;
3557
+ --mds-color-theme-text-success-normal: #185e46;
3558
+ --mds-color-theme-text-success-hover: #0e2b20;
3559
+ --mds-color-theme-text-success-active: #0e2b20;
3560
+ --mds-color-theme-text-warning-normal: #7d4705;
3561
+ --mds-color-theme-text-warning-hover: #36220c;
3562
+ --mds-color-theme-text-warning-active: #36220c;
3563
+ --mds-color-theme-text-highlight: #bfe3ff;
3564
+ --mds-color-theme-text-accent-normal: #0353a8;
3565
+ --mds-color-theme-text-accent-hover: #0a274a;
3566
+ --mds-color-theme-text-accent-active: #0a274a;
3567
+ --mds-color-theme-text-teamdefault-normal: #000000b3;
3568
+ --mds-color-theme-text-teamdefault-hover: #000000b3;
3569
+ --mds-color-theme-text-teamdefault-active: #000000f2;
3570
+ --mds-color-theme-text-alert-purple-normal: #932099;
3571
+ --mds-color-theme-text-alert-purple-hover: #3b1840;
3572
+ --mds-color-theme-text-alert-purple-active: #3b1840;
3573
+ --mds-color-theme-text-alert-orange-normal: #9c3202;
3574
+ --mds-color-theme-text-alert-orange-hover: #411b04;
3575
+ --mds-color-theme-text-alert-orange-active: #411b04;
3576
+ --mds-color-theme-text-team-cobalt-normal: #08599c;
3577
+ --mds-color-theme-text-team-cobalt-hover: #08599c;
3578
+ --mds-color-theme-text-team-cobalt-active: #12283d;
3579
+ --mds-color-theme-text-team-cyan-normal: #066070;
3580
+ --mds-color-theme-text-team-cyan-hover: #0b2a30;
3581
+ --mds-color-theme-text-team-cyan-active: #0b2a30;
3582
+ --mds-color-theme-text-team-mint-normal: #12615a;
3583
+ --mds-color-theme-text-team-mint-hover: #102b2a;
3584
+ --mds-color-theme-text-team-mint-active: #102b2a;
3585
+ --mds-color-theme-text-team-lime-normal: #416116;
3586
+ --mds-color-theme-text-team-lime-hover: #416116;
3587
+ --mds-color-theme-text-team-lime-active: #1e2b10;
3588
+ --mds-color-theme-text-team-gold-normal: #735107;
3589
+ --mds-color-theme-text-team-gold-hover: #735107;
3590
+ --mds-color-theme-text-team-gold-active: #30240d;
3591
+ --mds-color-theme-text-team-orange-normal: #9c3202;
3592
+ --mds-color-theme-text-team-orange-hover: #9c3202;
3593
+ --mds-color-theme-text-team-orange-active: #411b04;
3594
+ --mds-color-theme-text-team-pink-normal: #a12a3a;
3595
+ --mds-color-theme-text-team-pink-hover: #a12a3a;
3596
+ --mds-color-theme-text-team-pink-active: #3b1e21;
3597
+ --mds-color-theme-text-team-purple-normal: #932099;
3598
+ --mds-color-theme-text-team-purple-hover: #932099;
3599
+ --mds-color-theme-text-team-purple-active: #3b1840;
3600
+ --mds-color-theme-text-team-violet-normal: #643abd;
3601
+ --mds-color-theme-text-team-violet-hover: #643abd;
3602
+ --mds-color-theme-text-team-violet-active: #29223d;
3603
+ --mds-color-theme-text-team-slate-normal: #535573;
3604
+ --mds-color-theme-text-team-slate-hover: #535573;
3605
+ --mds-color-theme-text-team-slate-active: #26262b;
3606
+ --mds-color-theme-inverted-text-primary-normal: #fffffff2;
3607
+ --mds-color-theme-inverted-text-primary-disabled: #ffffff66;
3608
+ --mds-color-theme-inverted-text-secondary-normal: #ffffffb3;
3609
+ --mds-color-theme-inverted-text-accent-normal: #64b4fa;
3610
+ --mds-color-theme-inverted-text-accent-hover: #bfe3ff;
3611
+ --mds-color-theme-inverted-text-accent-active: #bfe3ff;
3612
+ --mds-color-theme-inverted-background-normal: #000000;
3613
+ --mds-color-theme-inverted-button-primary-normal: #fffffff2;
3614
+ --mds-color-theme-inverted-button-primary-hover: #ffffffcc;
3615
+ --mds-color-theme-inverted-button-primary-pressed: #ffffffb3;
3616
+ --mds-color-theme-inverted-button-primary-disabled: #ffffff33;
3617
+ --mds-color-theme-inverted-button-secondary-normal: #ffffff00;
3618
+ --mds-color-theme-inverted-button-secondary-hover: #ffffff12;
3619
+ --mds-color-theme-inverted-button-secondary-pressed: #ffffff33;
3620
+ --mds-color-theme-inverted-button-secondary-disabled: #ffffff00;
3621
+ --mds-color-theme-inverted-outline-button-normal: #ffffff80;
3622
+ --mds-color-theme-inverted-outline-primary-normal: #ffffff66;
3623
+ --mds-color-theme-inverted-outline-disabled-normal: #ffffff33;
3624
+ --mds-color-theme-inverted-outline-theme-normal: #64b4fa;
3625
+ --mds-color-theme-inverted-outline-input-normal: #ffffff80;
3626
+ --mds-color-theme-inverted-control-active-normal: #64b4fa;
3627
+ --mds-color-theme-inverted-control-active-hover: #3492eb;
3628
+ --mds-color-theme-inverted-control-active-pressed: #1170cf;
3629
+ --mds-color-theme-inverted-control-active-active: #1170cf;
3630
+ --mds-color-theme-inverted-control-active-disabled: #ffffff33;
3631
+ --mds-color-theme-inverted-control-inactive-normal: #ffffff1c;
3632
+ --mds-color-theme-inverted-control-inactive-hover: #ffffff4d;
3633
+ --mds-color-theme-inverted-control-inactive-pressed: #ffffff66;
3634
+ --mds-color-theme-inverted-control-inactive-disabled: #ffffff33;
3635
+ --mds-color-theme-inverted-control-indicator-inactive-normal: #8f8f8f;
3636
+ --mds-color-theme-background-primary-ghost: #00000000;
3637
+ --mds-color-theme-background-primary-hover: #00000012;
3638
+ --mds-color-theme-background-primary-active: #0000001c;
3639
+ --mds-color-theme-background-primary-disabled: #00000000;
3640
+ --mds-color-theme-background-solid-primary-normal: #ffffff;
3641
+ --mds-color-theme-background-solid-secondary-normal: #f7f7f7;
3642
+ --mds-color-theme-background-solid-tertiary-normal: #ededed;
3643
+ --mds-color-theme-background-solid-quaternary-normal: #ffffff;
3644
+ --mds-color-theme-background-secondary-normal: #0000001c;
3645
+ --mds-color-theme-background-secondary-hover: #00000033;
3646
+ --mds-color-theme-background-secondary-active: #0000004d;
3647
+ --mds-color-theme-background-secondary-disabled: #00000000;
3648
+ --mds-color-theme-background-secondary-subtle: #00000012;
3649
+ --mds-color-theme-background-accent-normal: #1170cf;
3650
+ --mds-color-theme-background-accent-active: #0353a8;
3651
+ --mds-color-theme-background-alert-default-normal: #dedede;
3652
+ --mds-color-theme-background-alert-default-hover: #dedede;
3653
+ --mds-color-theme-background-alert-default-active: #c9c9c9;
3654
+ --mds-color-theme-background-alert-success-normal: #cef5eb;
3655
+ --mds-color-theme-background-alert-success-hover: #cef5eb;
3656
+ --mds-color-theme-background-alert-success-active: #9fedd8;
3657
+ --mds-color-theme-background-alert-warning-normal: #ffebc2;
3658
+ --mds-color-theme-background-alert-warning-hover: #ffebc2;
3659
+ --mds-color-theme-background-alert-warning-active: #ffda94;
3660
+ --mds-color-theme-background-alert-error-normal: #ffe8ea;
3661
+ --mds-color-theme-background-alert-error-hover: #ffe8ea;
3662
+ --mds-color-theme-background-alert-error-active: #ffd4da;
3663
+ --mds-color-theme-background-alert-theme-normal: #dbf0ff;
3664
+ --mds-color-theme-background-alert-theme-hover: #dbf0ff;
3665
+ --mds-color-theme-background-alert-theme-active: #bfe3ff;
3666
+ --mds-color-theme-background-alert-purple-normal: #fcf2fc;
3667
+ --mds-color-theme-background-alert-purple-hover: #fcf2fc;
3668
+ --mds-color-theme-background-alert-purple-active: #fce1fc;
3669
+ --mds-color-theme-background-alert-orange-normal: #feebd7;
3670
+ --mds-color-theme-background-alert-orange-hover: #feebd7;
3671
+ --mds-color-theme-background-alert-orange-active: #fed5ac;
3672
+ --mds-color-theme-background-label-cobalt-normal: #e5f8ff;
3673
+ --mds-color-theme-background-label-cobalt-hover: #c7eeff;
3674
+ --mds-color-theme-background-label-cobalt-active: #99ddff;
3675
+ --mds-color-theme-background-label-gold-normal: #f7f6dc;
3676
+ --mds-color-theme-background-label-gold-hover: #f5eaa2;
3677
+ --mds-color-theme-background-label-gold-active: #ebd460;
3678
+ --mds-color-theme-background-label-lime-normal: #f3f7e9;
3679
+ --mds-color-theme-background-label-lime-hover: #ddf2ae;
3680
+ --mds-color-theme-background-label-lime-active: #bce36f;
3681
+ --mds-color-theme-background-label-mint-normal: #e9f7f3;
3682
+ --mds-color-theme-background-label-mint-hover: #baf5e7;
3683
+ --mds-color-theme-background-label-mint-active: #74e8d1;
3684
+ --mds-color-theme-background-label-orange-normal: #feebd7;
3685
+ --mds-color-theme-background-label-orange-hover: #fed5ac;
3686
+ --mds-color-theme-background-label-orange-active: #feba7f;
3687
+ --mds-color-theme-background-label-pink-normal: #fff2f5;
3688
+ --mds-color-theme-background-label-pink-hover: #ffe0e7;
3689
+ --mds-color-theme-background-label-pink-active: #ffc7d2;
3690
+ --mds-color-theme-background-label-purple-normal: #fcf2fc;
3691
+ --mds-color-theme-background-label-purple-hover: #fce1fc;
3692
+ --mds-color-theme-background-label-purple-active: #fac3f8;
3693
+ --mds-color-theme-background-label-slate-normal: #f2f4ff;
3694
+ --mds-color-theme-background-label-slate-hover: #e3e7fa;
3695
+ --mds-color-theme-background-label-slate-active: #ced2ed;
3696
+ --mds-color-theme-background-label-violet-normal: #f8f2fc;
3697
+ --mds-color-theme-background-label-violet-hover: #f0e3fc;
3698
+ --mds-color-theme-background-label-violet-active: #e2cafc;
3699
+ --mds-color-theme-background-label-default-normal: #ededed;
3700
+ --mds-color-theme-background-label-default-hover: #dedede;
3701
+ --mds-color-theme-background-label-default-active: #c9c9c9;
3702
+ --mds-color-theme-background-label-error-normal: #ffe8ea;
3703
+ --mds-color-theme-background-label-error-hover: #ffd4da;
3704
+ --mds-color-theme-background-label-error-active: #ffb8c1;
3705
+ --mds-color-theme-background-namelabel-normal: #000000b3;
3706
+ --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f0f0f0 0%, #ffffff 100%);
3707
+ --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
3708
+ --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
3709
+ --mds-color-theme-background-skeleton-normal: #c9c9c9;
3710
+ --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
3711
+ --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
3712
+ --mds-color-theme-background-skeleton-shimmer-2: #f7f7f700;
3713
+ --mds-color-theme-background-glass-normal: #ffffff66;
3714
+ --mds-color-theme-background-glass-active: #ffffff99;
3715
+ --mds-color-theme-background-glass-light: #ffffff66;
3716
+ --mds-color-theme-background-glass-medium: #ffffff99;
3717
+ --mds-color-theme-background-glass-heavy: #ffffffcc;
3718
+ --mds-color-theme-background-glass-radial-0: #ffffff0d;
3719
+ --mds-color-theme-background-glass-radial-1: #ffffff00;
3720
+ --mds-color-theme-background-glass-legacy: #ffffff99;
3721
+ --mds-color-theme-background-input-disabled: #0000001c;
3722
+ --mds-color-theme-background-overlay-normal: #07101c66;
3723
+ --mds-color-theme-background-app-canvas: #ffffff;
3724
+ --mds-color-theme-background-tertiary-normal: #ffffff0d;
3725
+ --mds-color-theme-background-glow-accent-stop-0: #0051AF;
3726
+ --mds-color-theme-background-glow-accent-stop-1: #0087EA;
3727
+ --mds-color-theme-background-glow-accent-stop-2: #00BCEB;
3728
+ --mds-color-theme-background-glow-large-stop-0: #ffda94;
3729
+ --mds-color-theme-background-glow-large-stop-1: #FF9000;
3730
+ --mds-color-theme-background-glow-large-stop-2: #FFB2D6;
3731
+ --mds-color-theme-background-glow-large-stop-3: #B8D5FF;
3732
+ --mds-color-theme-background-glow-light-stop-0: #ffffff;
3733
+ --mds-color-theme-background-glow-light-stop-1: #ffda94;
3734
+ --mds-color-theme-background-glow-light-stop-2: #FF9000;
3735
+ --mds-color-theme-background-glow-light-stop-3: #FFB2D6;
3736
+ --mds-color-theme-background-glow-light-stop-4: #B8D5FF;
3737
+ --mds-color-theme-background-glow-light-stop-5: #b8d5ff00;
3738
+ --mds-color-theme-background-glow-medium-stop-0: #f2990a40;
3739
+ --mds-color-theme-background-glow-medium-stop-1: #FF9000;
3740
+ --mds-color-theme-background-glow-medium-stop-2: #FF4FA4;
3741
+ --mds-color-theme-background-glow-small-stop-0: #1869ffbf;
3742
+ --mds-color-theme-background-glow-small-stop-1: #64b4fa;
3743
+ --mds-color-theme-background-glow-small-stop-2: #FF4FA4;
3744
+ --mds-color-theme-button-primary-normal: #000000f2;
3745
+ --mds-color-theme-button-primary-hover: #000000cc;
3746
+ --mds-color-theme-button-primary-pressed: #000000b3;
3747
+ --mds-color-theme-button-primary-disabled: #00000033;
3748
+ --mds-color-theme-button-secondary-normal: #00000000;
3749
+ --mds-color-theme-button-secondary-hover: #00000012;
3750
+ --mds-color-theme-button-secondary-pressed: #00000033;
3751
+ --mds-color-theme-button-secondary-disabled: #00000000;
3752
+ --mds-color-theme-button-secondary-active-normal: #00000033;
3753
+ --mds-color-theme-button-secondary-active-hover: #0000004d;
3754
+ --mds-color-theme-button-secondary-active-pressed: #00000066;
3755
+ --mds-color-theme-button-secondary-active-disabled: #0000001c;
2510
3756
  --mds-color-theme-button-join-normal: #1d805f;
2511
3757
  --mds-color-theme-button-join-hover: #185e46;
2512
3758
  --mds-color-theme-button-join-pressed: #134231;
@@ -2516,57 +3762,61 @@
2516
3762
  --mds-color-theme-button-accent-normal: #1170cf;
2517
3763
  --mds-color-theme-button-accent-hover: #0353a8;
2518
3764
  --mds-color-theme-button-accent-pressed: #063a75;
2519
- --mds-color-theme-button-glass-primary-normal: #ffffffcc;
2520
- --mds-color-theme-button-glass-primary-hover: #ffffffb3;
2521
- --mds-color-theme-button-glass-primary-pressed: #ffffff99;
2522
- --mds-color-theme-outline-primary-normal: #ffffff66;
2523
- --mds-color-theme-outline-primary-disabled: #ffffff33;
2524
- --mds-color-theme-outline-theme-normal: #64b4fa;
2525
- --mds-color-theme-outline-secondary-normal: #ffffff33;
2526
- --mds-color-theme-outline-input-normal: #ffffff80;
2527
- --mds-color-theme-outline-input-active: #ffffffe6;
2528
- --mds-color-theme-outline-button-normal: #ffffff80;
2529
- --mds-color-theme-outline-join-normal: #3cc29a;
2530
- --mds-color-theme-outline-cancel-normal: #fc8b98;
3765
+ --mds-color-theme-button-glass-primary-normal: #000000cc;
3766
+ --mds-color-theme-button-glass-primary-hover: #000000b3;
3767
+ --mds-color-theme-button-glass-primary-pressed: #00000099;
3768
+ --mds-color-theme-outline-primary-normal: #00000075;
3769
+ --mds-color-theme-outline-primary-disabled: #00000033;
3770
+ --mds-color-theme-outline-theme-normal: #1170cf;
3771
+ --mds-color-theme-outline-secondary-normal: #00000033;
3772
+ --mds-color-theme-outline-input-normal: #00000080;
3773
+ --mds-color-theme-outline-input-active: #000000e6;
3774
+ --mds-color-theme-outline-button-normal: #00000080;
3775
+ --mds-color-theme-outline-join-normal: #185e46;
3776
+ --mds-color-theme-outline-cancel-normal: #ab0a15;
2531
3777
  --mds-color-theme-outline-share-selected: #27a17a;
2532
3778
  --mds-color-theme-outline-share-active: #ec6400;
2533
3779
  --mds-color-theme-outline-share-inactive: #8f8f8f;
2534
- --mds-color-theme-outline-overlay-normal: #adadad;
2535
- --mds-color-theme-outline-high-contrast-focus: #ffffff;
2536
- --mds-color-theme-outline-label-cobalt: #5ebff7;
2537
- --mds-color-theme-outline-label-gold: #d6b220;
2538
- --mds-color-theme-outline-label-lime: #93c437;
2539
- --mds-color-theme-outline-label-mint: #30c9b0;
2540
- --mds-color-theme-outline-label-orange: #fd884e;
2541
- --mds-color-theme-outline-label-pink: #fc97aa;
2542
- --mds-color-theme-outline-label-purple: #f294f1;
2543
- --mds-color-theme-outline-label-slate: #b0b4d9;
2544
- --mds-color-theme-outline-label-violet: #c7a5fa;
3780
+ --mds-color-theme-outline-overlay-normal: #707070;
3781
+ --mds-color-theme-outline-high-contrast-focus: #000000;
3782
+ --mds-color-theme-outline-label-cobalt: #0a78cc;
3783
+ --mds-color-theme-outline-label-gold: #996e00;
3784
+ --mds-color-theme-outline-label-lime: #588219;
3785
+ --mds-color-theme-outline-label-mint: #148579;
3786
+ --mds-color-theme-outline-label-orange: #c94403;
3787
+ --mds-color-theme-outline-label-pink: #d43b52;
3788
+ --mds-color-theme-outline-label-purple: #c233c4;
3789
+ --mds-color-theme-outline-label-slate: #6f739e;
3790
+ --mds-color-theme-outline-label-violet: #875ae0;
2545
3791
  --mds-color-theme-outline-promotion-normal: #c233c4;
2546
- --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
2547
- --mds-color-theme-outline-warning-normal: #f2990a;
2548
- --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%);
2549
- --mds-color-theme-outline-ai-normal: linear-gradient(27deg, #0087EA 10.22%, #00BCEB 88.93%, #63FFF7 162.86%);
2550
- --mds-color-theme-control-active-normal: #64b4fa;
2551
- --mds-color-theme-control-active-hover: #3492eb;
2552
- --mds-color-theme-control-active-pressed: #1170cf;
2553
- --mds-color-theme-control-active-active: #1170cf;
2554
- --mds-color-theme-control-active-disabled: #ffffff33;
2555
- --mds-color-theme-control-indicator-inactive-normal: #8f8f8f;
2556
- --mds-color-theme-control-inactive-normal: #ffffff1c;
2557
- --mds-color-theme-control-inactive-hover: #ffffff33;
2558
- --mds-color-theme-control-inactive-pressed: #ffffff4d;
2559
- --mds-color-theme-control-inactive-disabled: #ffffff12;
2560
- --mds-color-theme-overlay-meetings-normal: #000000b3;
2561
- --mds-color-theme-overlay-button-secondary-normal: #0f0f0f;
2562
- --mds-color-theme-overlay-button-secondary-hover: #262626;
2563
- --mds-color-theme-overlay-button-secondary-pressed: #3b3b3b;
2564
- --mds-color-theme-indicator-unstable: #ec6400;
2565
- --mds-color-theme-indicator-attention: #f55868;
2566
- --mds-color-theme-indicator-stable: #27a17a;
2567
- --mds-color-theme-indicator-locked: #8f8f8f;
2568
- --mds-color-theme-indicator-caution: #cf7900;
2569
- --mds-color-theme-indicator-secure: #3492eb;
3792
+ --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);
3793
+ --mds-color-theme-outline-warning-normal: #7d4705;
3794
+ --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #00000012 0%, #00000033 100%);
3795
+ --mds-color-theme-outline-ai-normal: #ffffff;
3796
+ --mds-color-theme-control-active-normal: #1170cf;
3797
+ --mds-color-theme-control-active-hover: #0353a8;
3798
+ --mds-color-theme-control-active-pressed: #063a75;
3799
+ --mds-color-theme-control-active-active: #063a75;
3800
+ --mds-color-theme-control-active-disabled: #00000033;
3801
+ --mds-color-theme-control-indicator-inactive-normal: #707070;
3802
+ --mds-color-theme-control-inactive-normal: #0000001c;
3803
+ --mds-color-theme-control-inactive-hover: #00000033;
3804
+ --mds-color-theme-control-inactive-pressed: #0000004d;
3805
+ --mds-color-theme-control-inactive-disabled: #00000012;
3806
+ --mds-color-theme-overlay-meetings-normal: #ffffffcc;
3807
+ --mds-color-theme-overlay-button-secondary-normal: #ffffff;
3808
+ --mds-color-theme-overlay-button-secondary-hover: #ededed;
3809
+ --mds-color-theme-overlay-button-secondary-pressed: #dedede;
3810
+ --mds-color-theme-overlay-header-0: #ffffff0d;
3811
+ --mds-color-theme-overlay-header-1: #fff0;
3812
+ --mds-color-theme-overlay-navigation-0: #ffffff00;
3813
+ --mds-color-theme-overlay-navigation-1: #c9c9c9;
3814
+ --mds-color-theme-indicator-unstable: #c94403;
3815
+ --mds-color-theme-indicator-attention: #db1f2e;
3816
+ --mds-color-theme-indicator-stable: #1d805f;
3817
+ --mds-color-theme-indicator-locked: #707070;
3818
+ --mds-color-theme-indicator-caution: #a65e00;
3819
+ --mds-color-theme-indicator-secure: #1170cf;
2570
3820
  --mds-color-theme-common-whiteboard-sticky-note-yellow: #ffbe4f;
2571
3821
  --mds-color-theme-common-whiteboard-sticky-note-red: #fc8b98;
2572
3822
  --mds-color-theme-common-whiteboard-sticky-note-purple: #f294f1;
@@ -2588,9 +3838,9 @@
2588
3838
  --mds-color-theme-common-text-error-hover: #ffd4da;
2589
3839
  --mds-color-theme-common-text-warning-normal: #f2990a;
2590
3840
  --mds-color-theme-common-text-warning-hover: #ffda94;
2591
- --mds-color-theme-common-inverted-text-secondary-normal: #00000099;
2592
3841
  --mds-color-theme-common-inverted-text-primary-normal: #000000f2;
2593
3842
  --mds-color-theme-common-inverted-text-primary-disabled: #00000066;
3843
+ --mds-color-theme-common-inverted-text-secondary-normal: #00000099;
2594
3844
  --mds-color-theme-common-inverted-button-secondary-normal: #00000000;
2595
3845
  --mds-color-theme-common-inverted-button-secondary-hover: #00000012;
2596
3846
  --mds-color-theme-common-inverted-button-secondary-pressed: #00000033;
@@ -2606,15 +3856,16 @@
2606
3856
  --mds-color-theme-common-button-primary-disabled: #ffffff33;
2607
3857
  --mds-color-theme-common-button-secondary-normal: #ffffff00;
2608
3858
  --mds-color-theme-common-button-secondary-hover: #ffffff12;
3859
+ --mds-color-theme-common-button-secondary-pressed: #ffffff33;
2609
3860
  --mds-color-theme-common-button-secondary-active-normal: #ffffff33;
2610
3861
  --mds-color-theme-common-button-secondary-active-hover: #ffffff4d;
2611
3862
  --mds-color-theme-common-button-secondary-active-pressed: #ffffff66;
2612
3863
  --mds-color-theme-common-button-secondary-active-disabled: #ffffff1c;
2613
3864
  --mds-color-theme-common-button-secondary-disabled: #ffffff00;
3865
+ --mds-color-theme-common-button-promotion-normal: linear-gradient(46deg, #932099 0%, #a12a3a 100%);
3866
+ --mds-color-theme-common-button-promotion-hover: linear-gradient(46deg, #601e66 0%, #66262d 100%);
3867
+ --mds-color-theme-common-button-promotion-active: linear-gradient(46deg, #3b1840 0%, #3b1e21 100%);
2614
3868
  --mds-color-theme-common-button-join-animated-gradient-normal: linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%);
2615
- --mds-color-theme-common-button-promotion-normal: linear-gradient(45deg, #932099 0%, #a12a3a 100%);
2616
- --mds-color-theme-common-button-promotion-hover: linear-gradient(45deg, #601e66 0%, #66262d 100%);
2617
- --mds-color-theme-common-button-promotion-active: linear-gradient(45deg, #3b1840 0%, #3b1e21 100%);
2618
3869
  --mds-color-theme-common-outline-button-normal: #ffffff80;
2619
3870
  --mds-color-theme-common-outline-primary-normal: #ffffff66;
2620
3871
  --mds-color-theme-common-outline-primary-disabled: #ffffff33;
@@ -2676,15 +3927,15 @@
2676
3927
  --mds-color-theme-common-caption-text-light-blue: #0353a8;
2677
3928
  --mds-color-theme-common-caption-text-light-purple: #932099;
2678
3929
  --mds-color-theme-common-caption-text-light-yellow: #7d4705;
2679
- --mds-color-theme-scrollbar-button-normal: #ffffff66;
2680
- --mds-color-theme-scrollbar-button-hover: #ffffff80;
2681
- --mds-color-theme-scrollbar-button-pressed: #ffffff99;
2682
- --mds-color-theme-scrollbar-arrow-normal: #ffffffb3;
2683
- --mds-color-theme-scrollbar-arrow-background-normal: #ffffff00;
2684
- --mds-color-theme-scrollbar-arrow-background-hover: #ffffff33;
2685
- --mds-color-theme-scrollbar-arrow-background-pressed: #ffffff4d;
2686
- --mds-color-theme-scrollbar-background-secondary-ghost: #ffffff00;
2687
- --mds-color-theme-scrollbar-background-secondary-normal: #ffffff1c;
3930
+ --mds-color-theme-scrollbar-button-normal: #00000075;
3931
+ --mds-color-theme-scrollbar-button-hover: #00000080;
3932
+ --mds-color-theme-scrollbar-button-pressed: #00000099;
3933
+ --mds-color-theme-scrollbar-arrow-normal: #00000099;
3934
+ --mds-color-theme-scrollbar-arrow-background-normal: #00000000;
3935
+ --mds-color-theme-scrollbar-arrow-background-hover: #00000033;
3936
+ --mds-color-theme-scrollbar-arrow-background-pressed: #0000004d;
3937
+ --mds-color-theme-scrollbar-background-secondary-ghost: #00000000;
3938
+ --mds-color-theme-scrollbar-background-secondary-normal: #0000001c;
2688
3939
  --mds-color-theme-illustrations-empty-primary-0: #93c437;
2689
3940
  --mds-color-theme-illustrations-empty-primary-1: #279be8;
2690
3941
  --mds-color-theme-illustrations-empty-secondary-0: #279be8;
@@ -2703,33 +3954,15 @@
2703
3954
  --mds-color-theme-illustrations-success-1: #93c437;
2704
3955
  --mds-color-theme-illustrations-error-0: #f0677e;
2705
3956
  --mds-color-theme-illustrations-error-1: #db1f2e;
2706
- --mds-color-theme-illustrations-default: #ffffff;
2707
- --mds-color-theme-globaltint-normal: #3492eb;
3957
+ --mds-color-theme-illustrations-default: #000000;
3958
+ --mds-color-theme-globaltint-normal: #1170cf;
2708
3959
  --mds-color-theme-globaltint-selected: #1170cf;
2709
- --mds-color-theme-groupedbackground-primary-normal: #000000;
2710
- --mds-color-theme-groupedbackground-secondary-normal: #1a1a1a;
2711
- --mds-color-theme-groupedbackground-tertiary-normal: #262626;
2712
- --mds-color-theme-groupedbackground-quaternary-normal: #3b3b3b;
2713
- --mds-color-theme-gradientdivider-default-normal: linear-gradient(90deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
2714
- --mds-color-theme-gradientdivider-default-hover: linear-gradient(90deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
2715
- --mds-color-theme-gradientdivider-error-normal: linear-gradient(90deg, #fc8b9800 0%, #fc8b9899 22.4%, #fc8b9899 76.04%, #fc8b9800 100%);
2716
- --mds-color-theme-gradientdivider-error-hover: linear-gradient(90deg, #fc8b9800 0%, #fc8b98e6 22.4%, #fc8b98e6 76.04%, #fc8b9800 100%);
2717
- --mds-color-theme-gradientdivider-warning-normal: linear-gradient(90deg, #f2990a00 0%, #f2990a99 22.4%, #f2990a99 76.04%, #f2990a00 100%);
2718
- --mds-color-theme-gradientdivider-warning-hover: linear-gradient(90deg, #f2990a00 0%, #f2990ae6 22.4%, #f2990ae6 76.04%, #f2990a00 100%);
2719
- --mds-color-theme-gradientdivider-announce-normal: linear-gradient(90deg, #64b4fa00 0%, #64b4fa99 22.4%, #64b4fa99 76.04%, #64b4fa00 100%);
2720
- --mds-color-theme-gradientdivider-announce-hover: linear-gradient(90deg, #64b4fa00 0%,#64b4faE6 22.4%, #64b4faE6 76.04%, #64b4fa00 100%);
2721
- --mds-color-theme-gradientdivider-success-normal: linear-gradient(90deg, #3cc29a00 0%, #3cc29a99 22.4%, #3cc29a99 76.04%, #3cc29a00 100%);
2722
- --mds-color-theme-gradientdivider-success-hover: linear-gradient(90deg, #3cc29a00 0%,#3cc29aE6 22.4%, #3cc29aE6 76.04%, #3cc29a00 100%);
2723
- --mds-color-theme-gradientdivider-orange-normal: linear-gradient(90deg, #fd884e00 0%, #fd884e99 22.4%, #fd884e99 76.04%, #fd884e00 100%);
2724
- --mds-color-theme-gradientdivider-orange-hover: linear-gradient(90deg, #fd884e00 0%,#fd884eE6 22.4%, #fd884eE6 76.04%, #fd884e00 100%);
2725
- --mds-color-theme-gradientdivider-purple-normal: linear-gradient(90deg, #f294f100 0%, #f294f199 22.4%, #f294f199 76.04%, #f294f100 100%);
2726
- --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%);
2727
- --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
2728
- --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
2729
- --mds-color-theme-avatar-ghost: #ffffff00;
3960
+ --mds-color-theme-groupedbackground-primary-normal: #f7f7f7;
3961
+ --mds-color-theme-groupedbackground-secondary-normal: #ffffff;
3962
+ --mds-color-theme-groupedbackground-tertiary-normal: #f7f7f7;
3963
+ --mds-color-theme-groupedbackground-quaternary-normal: #ffffff;
3964
+ --mds-color-theme-avatar-ghost: #00000000;
2730
3965
  --mds-color-theme-avatar-default: #545454;
2731
- --mds-color-theme-avatar-hover: #ffffff12;
2732
- --mds-color-theme-avatar-pressed: #ffffff33;
2733
3966
  --mds-color-theme-avatar-cobalt: #08599c;
2734
3967
  --mds-color-theme-avatar-cyan: #066070;
2735
3968
  --mds-color-theme-avatar-gold: #735107;
@@ -2741,36 +3974,69 @@
2741
3974
  --mds-color-theme-avatar-slate: #535573;
2742
3975
  --mds-color-theme-avatar-violet: #643abd;
2743
3976
  --mds-color-theme-avatar-yellow: #7d4705;
2744
- --mds-color-theme-avatar-glass-normal: #ffffff12;
3977
+ --mds-color-theme-avatar-hover: #00000012;
3978
+ --mds-color-theme-avatar-pressed: #00000033;
3979
+ --mds-color-theme-avatar-glass-normal: #00000012;
2745
3980
  --mds-color-theme-avatar-glass-active: #ffffffcc;
2746
- --mds-color-theme-focus-default-0: #000000;
2747
- --mds-color-theme-focus-default-1: #64b4fa;
2748
- --mds-color-theme-focus-default-2: #64b4fa59;
3981
+ --mds-color-theme-gradientdivider-default-normal: linear-gradient(90deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%);
3982
+ --mds-color-theme-gradientdivider-default-hover: linear-gradient(90deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%);
3983
+ --mds-color-theme-gradientdivider-error-normal: linear-gradient(90deg, #ab0a1500 0%, #ab0a1599 22.4%, #ab0a1599 22.4%, #ab0a1500 100%);
3984
+ --mds-color-theme-gradientdivider-error-hover: linear-gradient(90deg, #ab0a1500 0%, #ab0a15e6 22.4%, #ab0a15e6 76.04%, #ab0a1500 100%);
3985
+ --mds-color-theme-gradientdivider-warning-normal: linear-gradient(90deg, #7d470500 0%, #7d470599 22.4%, #7d470599 76.04%, #7d470500 100%);
3986
+ --mds-color-theme-gradientdivider-warning-hover: linear-gradient(90deg, #7d470500 0%, #7d4705e6 22.4%, #7d4705e6 76.04%, #7d470500 100%);
3987
+ --mds-color-theme-gradientdivider-announce-normal: linear-gradient(90deg, #0353a800 0%, #0353a899 22.4%, #0353a899 22.4%, #0353a800 100%);
3988
+ --mds-color-theme-gradientdivider-announce-hover: linear-gradient(90deg, #0353a800 0%, #0353a8E6 76.04%, #0353a8E6 76.04%, #0353a800 100%);
3989
+ --mds-color-theme-gradientdivider-success-normal: linear-gradient(90deg, #185e4600 0%, #185e4699 22.4%, #185e4699 76.04%, #185e4600 100%);
3990
+ --mds-color-theme-gradientdivider-success-hover: linear-gradient(90deg, #185e4600 0%, #185e46E6 22.4%, #185e46E6 76.04%, #185e4600 100%);
3991
+ --mds-color-theme-gradientdivider-orange-normal: linear-gradient(90deg, #9c320200 0%, #9c320299 22.4%, #9c320299 76.04%, #9c320200 100%);
3992
+ --mds-color-theme-gradientdivider-orange-hover: linear-gradient(90deg, #9c320200 0%, #9c3202e6 22.4%, #9c3202e6 76.04%, #9c320200 100%);
3993
+ --mds-color-theme-gradientdivider-purple-normal: linear-gradient(90deg, #93209900 0%, #93209999 22.4%, #93209999 76.04%, #93209900 100%);
3994
+ --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #93209900 0%,#932099E6 22.4%, #932099E6 76.04%, #93209900 100%);
3995
+ --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%);
3996
+ --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%);
3997
+ --mds-color-theme-focus-default-0: #ffffff;
3998
+ --mds-color-theme-focus-default-1: #1170cf;
3999
+ --mds-color-theme-focus-default-2: #1570cf59;
4000
+ --mds-color-theme-ai-hint-primary-gradient-0: #FFA838;
4001
+ --mds-color-theme-ai-hint-primary-gradient-1: #FF4FA4;
4002
+ --mds-color-theme-ai-hint-primary-gradient-2: #15337D;
4003
+ --mds-color-theme-ai-hint-secondary-gradient-0: #1869ff00;
4004
+ --mds-color-theme-ai-hint-secondary-gradient-1: #1869FF;
4005
+ --mds-color-theme-ai-hint-secondary-gradient-2: #FF4FA4;
4006
+ --mds-color-theme-ai-hint-secondary-gradient-3: #FFA838;
4007
+ --mds-color-theme-ai-hint-secondary-gradient-4: #ffa83800;
2749
4008
  --mds-spacing-theme-pad-none: 0;
4009
+ --mds-spacing-theme-pad-v-2xs: 0.25rem;
2750
4010
  --mds-spacing-theme-pad-v-xs: 0.5rem;
2751
4011
  --mds-spacing-theme-pad-v-sm: 0.75rem;
2752
4012
  --mds-spacing-theme-pad-v-md: 1rem;
2753
- --mds-spacing-theme-pad-v-lg: 1.5rem;
2754
- --mds-spacing-theme-pad-v-xl: 2rem;
4013
+ --mds-spacing-theme-pad-v-lg: 1.25rem;
4014
+ --mds-spacing-theme-pad-v-xl: 1.5rem;
4015
+ --mds-spacing-theme-pad-v-2xl: 2rem;
4016
+ --mds-spacing-theme-pad-h-2xs: 0.25rem;
2755
4017
  --mds-spacing-theme-pad-h-xs: 0.5rem;
2756
4018
  --mds-spacing-theme-pad-h-sm: 0.75rem;
2757
4019
  --mds-spacing-theme-pad-h-md: 1rem;
2758
- --mds-spacing-theme-pad-h-lg: 1.5rem;
2759
- --mds-spacing-theme-pad-h-xl: 2rem;
4020
+ --mds-spacing-theme-pad-h-lg: 1.25rem;
4021
+ --mds-spacing-theme-pad-h-xl: 1.5rem;
4022
+ --mds-spacing-theme-pad-h-2xl: 2rem;
2760
4023
  --mds-spacing-theme-gap-none: 0;
2761
- --mds-spacing-theme-gap-ultra-tight: 0.25rem;
2762
- --mds-spacing-theme-gap-tight: 0.5rem;
2763
- --mds-spacing-theme-gap-wide: 1rem;
2764
- --mds-spacing-theme-gap-loose: 1.5rem;
2765
- --mds-spacing-theme-gap-ultraloose: 2rem;
4024
+ --mds-spacing-theme-gap-2xs: 0.25rem;
4025
+ --mds-spacing-theme-gap-xs: 0.5rem;
4026
+ --mds-spacing-theme-gap-sm: 0.75rem;
4027
+ --mds-spacing-theme-gap-md: 1rem;
4028
+ --mds-spacing-theme-gap-lg: 1.25rem;
4029
+ --mds-spacing-theme-gap-xl: 1.5rem;
4030
+ --mds-spacing-theme-gap-2xl: 2rem;
4031
+ --mds-border-theme-none: 0;
2766
4032
  --mds-border-theme-default: 1px;
2767
4033
  --mds-border-theme-emphasis: 0.125rem;
2768
4034
  --mds-radius-theme-none: 0;
2769
- --mds-radius-theme-subtle: 0.125rem;
2770
- --mds-radius-theme-small: 0.25rem;
2771
- --mds-radius-theme-medium: 0.5rem;
2772
- --mds-radius-theme-large: 0.75rem;
2773
- --mds-radius-theme-pill: 1.25rem;
4035
+ --mds-radius-theme-2xs: 0.125rem;
4036
+ --mds-radius-theme-xs: 0.25rem;
4037
+ --mds-radius-theme-sm: 0.5rem;
4038
+ --mds-radius-theme-md: 0.75rem;
4039
+ --mds-radius-theme-lg: 1rem;
2774
4040
  --mds-radius-theme-full: 50%;
2775
4041
  --mds-size-theme-sm-4: 0.25rem;
2776
4042
  --mds-size-theme-sm-8: 0.5rem;
@@ -2788,7 +4054,7 @@
2788
4054
  --mds-size-theme-xl-100: 6.25rem;
2789
4055
  --mds-size-theme-xl-124: 7.75rem;
2790
4056
  }
2791
- .mds-theme-stable-lightWebex {
4057
+ .mds-theme-stable-lightBronzeWebex {
2792
4058
  --mds-color-theme-text-primary-normal: #000000f2;
2793
4059
  --mds-color-theme-text-primary-disabled: #00000066;
2794
4060
  --mds-color-theme-text-secondary-normal: #000000b3;
@@ -2944,13 +4210,13 @@
2944
4210
  --mds-color-theme-background-label-error-hover: #ffd4da;
2945
4211
  --mds-color-theme-background-label-error-active: #ffb8c1;
2946
4212
  --mds-color-theme-background-namelabel-normal: #000000b3;
2947
- --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f0f0f0 0%, #ffffff 100%);
2948
- --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
4213
+ --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f5efe4 0%, #ffffff 100%);
4214
+ --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fcfaf4 0%, #ffffff 100%);
2949
4215
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
2950
4216
  --mds-color-theme-background-skeleton-normal: #c9c9c9;
2951
4217
  --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
2952
4218
  --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
2953
- --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
4219
+ --mds-color-theme-background-skeleton-shimmer-2: #f7f7f700;
2954
4220
  --mds-color-theme-background-glass-normal: #ffffff66;
2955
4221
  --mds-color-theme-background-glass-active: #ffffff99;
2956
4222
  --mds-color-theme-background-glass-light: #ffffff66;
@@ -2958,8 +4224,30 @@
2958
4224
  --mds-color-theme-background-glass-heavy: #ffffffcc;
2959
4225
  --mds-color-theme-background-glass-radial-0: #ffffff0d;
2960
4226
  --mds-color-theme-background-glass-radial-1: #ffffff00;
4227
+ --mds-color-theme-background-glass-legacy: #ffffff99;
2961
4228
  --mds-color-theme-background-input-disabled: #0000001c;
2962
4229
  --mds-color-theme-background-overlay-normal: #07101c66;
4230
+ --mds-color-theme-background-app-canvas: #ffffff;
4231
+ --mds-color-theme-background-tertiary-normal: #ffffff0d;
4232
+ --mds-color-theme-background-glow-accent-stop-0: #0051AF;
4233
+ --mds-color-theme-background-glow-accent-stop-1: #0087EA;
4234
+ --mds-color-theme-background-glow-accent-stop-2: #00BCEB;
4235
+ --mds-color-theme-background-glow-large-stop-0: #ffda94;
4236
+ --mds-color-theme-background-glow-large-stop-1: #FF9000;
4237
+ --mds-color-theme-background-glow-large-stop-2: #FFB2D6;
4238
+ --mds-color-theme-background-glow-large-stop-3: #B8D5FF;
4239
+ --mds-color-theme-background-glow-light-stop-0: #ffffff;
4240
+ --mds-color-theme-background-glow-light-stop-1: #ffda94;
4241
+ --mds-color-theme-background-glow-light-stop-2: #FF9000;
4242
+ --mds-color-theme-background-glow-light-stop-3: #FFB2D6;
4243
+ --mds-color-theme-background-glow-light-stop-4: #B8D5FF;
4244
+ --mds-color-theme-background-glow-light-stop-5: #b8d5ff00;
4245
+ --mds-color-theme-background-glow-medium-stop-0: #f2990a40;
4246
+ --mds-color-theme-background-glow-medium-stop-1: #FF9000;
4247
+ --mds-color-theme-background-glow-medium-stop-2: #FF4FA4;
4248
+ --mds-color-theme-background-glow-small-stop-0: #1869ffbf;
4249
+ --mds-color-theme-background-glow-small-stop-1: #64b4fa;
4250
+ --mds-color-theme-background-glow-small-stop-2: #FF4FA4;
2963
4251
  --mds-color-theme-button-primary-normal: #000000f2;
2964
4252
  --mds-color-theme-button-primary-hover: #000000cc;
2965
4253
  --mds-color-theme-button-primary-pressed: #000000b3;
@@ -3011,7 +4299,7 @@
3011
4299
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);
3012
4300
  --mds-color-theme-outline-warning-normal: #7d4705;
3013
4301
  --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #00000012 0%, #00000033 100%);
3014
- --mds-color-theme-outline-ai-normal: linear-gradient(27deg, #0087EA 10.22%, #00BCEB 88.93%, #63FFF7 162.86%);
4302
+ --mds-color-theme-outline-ai-normal: #ffffff;
3015
4303
  --mds-color-theme-control-active-normal: #1170cf;
3016
4304
  --mds-color-theme-control-active-hover: #0353a8;
3017
4305
  --mds-color-theme-control-active-pressed: #063a75;
@@ -3026,6 +4314,10 @@
3026
4314
  --mds-color-theme-overlay-button-secondary-normal: #ffffff;
3027
4315
  --mds-color-theme-overlay-button-secondary-hover: #ededed;
3028
4316
  --mds-color-theme-overlay-button-secondary-pressed: #dedede;
4317
+ --mds-color-theme-overlay-header-0: #ffffff0d;
4318
+ --mds-color-theme-overlay-header-1: #fff0;
4319
+ --mds-color-theme-overlay-navigation-0: #ffffff00;
4320
+ --mds-color-theme-overlay-navigation-1: #c9c9c9;
3029
4321
  --mds-color-theme-indicator-unstable: #c94403;
3030
4322
  --mds-color-theme-indicator-attention: #db1f2e;
3031
4323
  --mds-color-theme-indicator-stable: #1d805f;
@@ -3071,6 +4363,7 @@
3071
4363
  --mds-color-theme-common-button-primary-disabled: #ffffff33;
3072
4364
  --mds-color-theme-common-button-secondary-normal: #ffffff00;
3073
4365
  --mds-color-theme-common-button-secondary-hover: #ffffff12;
4366
+ --mds-color-theme-common-button-secondary-pressed: #ffffff33;
3074
4367
  --mds-color-theme-common-button-secondary-active-normal: #ffffff33;
3075
4368
  --mds-color-theme-common-button-secondary-active-hover: #ffffff4d;
3076
4369
  --mds-color-theme-common-button-secondary-active-pressed: #ffffff66;
@@ -3210,32 +4503,47 @@
3210
4503
  --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%);
3211
4504
  --mds-color-theme-focus-default-0: #ffffff;
3212
4505
  --mds-color-theme-focus-default-1: #1170cf;
3213
- --mds-color-theme-focus-default-2: #1170cf59;
4506
+ --mds-color-theme-focus-default-2: #1570cf59;
4507
+ --mds-color-theme-ai-hint-primary-gradient-0: #FFA838;
4508
+ --mds-color-theme-ai-hint-primary-gradient-1: #FF4FA4;
4509
+ --mds-color-theme-ai-hint-primary-gradient-2: #15337D;
4510
+ --mds-color-theme-ai-hint-secondary-gradient-0: #1869ff00;
4511
+ --mds-color-theme-ai-hint-secondary-gradient-1: #1869FF;
4512
+ --mds-color-theme-ai-hint-secondary-gradient-2: #FF4FA4;
4513
+ --mds-color-theme-ai-hint-secondary-gradient-3: #FFA838;
4514
+ --mds-color-theme-ai-hint-secondary-gradient-4: #ffa83800;
3214
4515
  --mds-spacing-theme-pad-none: 0;
4516
+ --mds-spacing-theme-pad-v-2xs: 0.25rem;
3215
4517
  --mds-spacing-theme-pad-v-xs: 0.5rem;
3216
4518
  --mds-spacing-theme-pad-v-sm: 0.75rem;
3217
4519
  --mds-spacing-theme-pad-v-md: 1rem;
3218
- --mds-spacing-theme-pad-v-lg: 1.5rem;
3219
- --mds-spacing-theme-pad-v-xl: 2rem;
4520
+ --mds-spacing-theme-pad-v-lg: 1.25rem;
4521
+ --mds-spacing-theme-pad-v-xl: 1.5rem;
4522
+ --mds-spacing-theme-pad-v-2xl: 2rem;
4523
+ --mds-spacing-theme-pad-h-2xs: 0.25rem;
3220
4524
  --mds-spacing-theme-pad-h-xs: 0.5rem;
3221
4525
  --mds-spacing-theme-pad-h-sm: 0.75rem;
3222
4526
  --mds-spacing-theme-pad-h-md: 1rem;
3223
- --mds-spacing-theme-pad-h-lg: 1.5rem;
3224
- --mds-spacing-theme-pad-h-xl: 2rem;
4527
+ --mds-spacing-theme-pad-h-lg: 1.25rem;
4528
+ --mds-spacing-theme-pad-h-xl: 1.5rem;
4529
+ --mds-spacing-theme-pad-h-2xl: 2rem;
3225
4530
  --mds-spacing-theme-gap-none: 0;
3226
- --mds-spacing-theme-gap-ultra-tight: 0.25rem;
3227
- --mds-spacing-theme-gap-tight: 0.5rem;
3228
- --mds-spacing-theme-gap-wide: 1rem;
3229
- --mds-spacing-theme-gap-loose: 1.5rem;
3230
- --mds-spacing-theme-gap-ultraloose: 2rem;
4531
+ --mds-spacing-theme-gap-2xs: 0.25rem;
4532
+ --mds-spacing-theme-gap-xs: 0.5rem;
4533
+ --mds-spacing-theme-gap-sm: 0.75rem;
4534
+ --mds-spacing-theme-gap-md: 1rem;
4535
+ --mds-spacing-theme-gap-lg: 1.25rem;
4536
+ --mds-spacing-theme-gap-xl: 1.5rem;
4537
+ --mds-spacing-theme-gap-2xl: 2rem;
4538
+ --mds-border-theme-none: 0;
3231
4539
  --mds-border-theme-default: 1px;
3232
4540
  --mds-border-theme-emphasis: 0.125rem;
3233
4541
  --mds-radius-theme-none: 0;
3234
- --mds-radius-theme-subtle: 0.125rem;
3235
- --mds-radius-theme-small: 0.25rem;
3236
- --mds-radius-theme-medium: 0.5rem;
3237
- --mds-radius-theme-large: 0.75rem;
3238
- --mds-radius-theme-pill: 1.25rem;
4542
+ --mds-radius-theme-2xs: 0.125rem;
4543
+ --mds-radius-theme-xs: 0.25rem;
4544
+ --mds-radius-theme-sm: 0.5rem;
4545
+ --mds-radius-theme-md: 0.75rem;
4546
+ --mds-radius-theme-lg: 1rem;
3239
4547
  --mds-radius-theme-full: 50%;
3240
4548
  --mds-size-theme-sm-4: 0.25rem;
3241
4549
  --mds-size-theme-sm-8: 0.5rem;
@@ -3253,7 +4561,7 @@
3253
4561
  --mds-size-theme-xl-100: 6.25rem;
3254
4562
  --mds-size-theme-xl-124: 7.75rem;
3255
4563
  }
3256
- .mds-theme-stable-lightBronzeWebex {
4564
+ .mds-theme-stable-lightIndigoWebex {
3257
4565
  --mds-color-theme-text-primary-normal: #000000f2;
3258
4566
  --mds-color-theme-text-primary-disabled: #00000066;
3259
4567
  --mds-color-theme-text-secondary-normal: #000000b3;
@@ -3409,13 +4717,13 @@
3409
4717
  --mds-color-theme-background-label-error-hover: #ffd4da;
3410
4718
  --mds-color-theme-background-label-error-active: #ffb8c1;
3411
4719
  --mds-color-theme-background-namelabel-normal: #000000b3;
3412
- --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f5efe4 0%, #ffffff 100%);
3413
- --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fcfaf4 0%, #ffffff 100%);
4720
+ --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #ebeffc 0%, #ffffff 100%);
4721
+ --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #f7f9ff 0%, #ffffff 100%);
3414
4722
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
3415
4723
  --mds-color-theme-background-skeleton-normal: #c9c9c9;
3416
4724
  --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
3417
4725
  --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
3418
- --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
4726
+ --mds-color-theme-background-skeleton-shimmer-2: #f7f7f700;
3419
4727
  --mds-color-theme-background-glass-normal: #ffffff66;
3420
4728
  --mds-color-theme-background-glass-active: #ffffff99;
3421
4729
  --mds-color-theme-background-glass-light: #ffffff66;
@@ -3423,8 +4731,30 @@
3423
4731
  --mds-color-theme-background-glass-heavy: #ffffffcc;
3424
4732
  --mds-color-theme-background-glass-radial-0: #ffffff0d;
3425
4733
  --mds-color-theme-background-glass-radial-1: #ffffff00;
4734
+ --mds-color-theme-background-glass-legacy: #ffffff99;
3426
4735
  --mds-color-theme-background-input-disabled: #0000001c;
3427
4736
  --mds-color-theme-background-overlay-normal: #07101c66;
4737
+ --mds-color-theme-background-app-canvas: #ffffff;
4738
+ --mds-color-theme-background-tertiary-normal: #ffffff0d;
4739
+ --mds-color-theme-background-glow-accent-stop-0: #0051AF;
4740
+ --mds-color-theme-background-glow-accent-stop-1: #0087EA;
4741
+ --mds-color-theme-background-glow-accent-stop-2: #00BCEB;
4742
+ --mds-color-theme-background-glow-large-stop-0: #ffda94;
4743
+ --mds-color-theme-background-glow-large-stop-1: #FF9000;
4744
+ --mds-color-theme-background-glow-large-stop-2: #FFB2D6;
4745
+ --mds-color-theme-background-glow-large-stop-3: #B8D5FF;
4746
+ --mds-color-theme-background-glow-light-stop-0: #ffffff;
4747
+ --mds-color-theme-background-glow-light-stop-1: #ffda94;
4748
+ --mds-color-theme-background-glow-light-stop-2: #FF9000;
4749
+ --mds-color-theme-background-glow-light-stop-3: #FFB2D6;
4750
+ --mds-color-theme-background-glow-light-stop-4: #B8D5FF;
4751
+ --mds-color-theme-background-glow-light-stop-5: #b8d5ff00;
4752
+ --mds-color-theme-background-glow-medium-stop-0: #f2990a40;
4753
+ --mds-color-theme-background-glow-medium-stop-1: #FF9000;
4754
+ --mds-color-theme-background-glow-medium-stop-2: #FF4FA4;
4755
+ --mds-color-theme-background-glow-small-stop-0: #1869ffbf;
4756
+ --mds-color-theme-background-glow-small-stop-1: #64b4fa;
4757
+ --mds-color-theme-background-glow-small-stop-2: #FF4FA4;
3428
4758
  --mds-color-theme-button-primary-normal: #000000f2;
3429
4759
  --mds-color-theme-button-primary-hover: #000000cc;
3430
4760
  --mds-color-theme-button-primary-pressed: #000000b3;
@@ -3476,7 +4806,7 @@
3476
4806
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);
3477
4807
  --mds-color-theme-outline-warning-normal: #7d4705;
3478
4808
  --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #00000012 0%, #00000033 100%);
3479
- --mds-color-theme-outline-ai-normal: linear-gradient(27deg, #0087EA 10.22%, #00BCEB 88.93%, #63FFF7 162.86%);
4809
+ --mds-color-theme-outline-ai-normal: #ffffff;
3480
4810
  --mds-color-theme-control-active-normal: #1170cf;
3481
4811
  --mds-color-theme-control-active-hover: #0353a8;
3482
4812
  --mds-color-theme-control-active-pressed: #063a75;
@@ -3491,6 +4821,10 @@
3491
4821
  --mds-color-theme-overlay-button-secondary-normal: #ffffff;
3492
4822
  --mds-color-theme-overlay-button-secondary-hover: #ededed;
3493
4823
  --mds-color-theme-overlay-button-secondary-pressed: #dedede;
4824
+ --mds-color-theme-overlay-header-0: #ffffff0d;
4825
+ --mds-color-theme-overlay-header-1: #fff0;
4826
+ --mds-color-theme-overlay-navigation-0: #ffffff00;
4827
+ --mds-color-theme-overlay-navigation-1: #c9c9c9;
3494
4828
  --mds-color-theme-indicator-unstable: #c94403;
3495
4829
  --mds-color-theme-indicator-attention: #db1f2e;
3496
4830
  --mds-color-theme-indicator-stable: #1d805f;
@@ -3536,6 +4870,7 @@
3536
4870
  --mds-color-theme-common-button-primary-disabled: #ffffff33;
3537
4871
  --mds-color-theme-common-button-secondary-normal: #ffffff00;
3538
4872
  --mds-color-theme-common-button-secondary-hover: #ffffff12;
4873
+ --mds-color-theme-common-button-secondary-pressed: #ffffff33;
3539
4874
  --mds-color-theme-common-button-secondary-active-normal: #ffffff33;
3540
4875
  --mds-color-theme-common-button-secondary-active-hover: #ffffff4d;
3541
4876
  --mds-color-theme-common-button-secondary-active-pressed: #ffffff66;
@@ -3675,32 +5010,47 @@
3675
5010
  --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%);
3676
5011
  --mds-color-theme-focus-default-0: #ffffff;
3677
5012
  --mds-color-theme-focus-default-1: #1170cf;
3678
- --mds-color-theme-focus-default-2: #1170cf59;
5013
+ --mds-color-theme-focus-default-2: #1570cf59;
5014
+ --mds-color-theme-ai-hint-primary-gradient-0: #FFA838;
5015
+ --mds-color-theme-ai-hint-primary-gradient-1: #FF4FA4;
5016
+ --mds-color-theme-ai-hint-primary-gradient-2: #15337D;
5017
+ --mds-color-theme-ai-hint-secondary-gradient-0: #1869ff00;
5018
+ --mds-color-theme-ai-hint-secondary-gradient-1: #1869FF;
5019
+ --mds-color-theme-ai-hint-secondary-gradient-2: #FF4FA4;
5020
+ --mds-color-theme-ai-hint-secondary-gradient-3: #FFA838;
5021
+ --mds-color-theme-ai-hint-secondary-gradient-4: #ffa83800;
3679
5022
  --mds-spacing-theme-pad-none: 0;
5023
+ --mds-spacing-theme-pad-v-2xs: 0.25rem;
3680
5024
  --mds-spacing-theme-pad-v-xs: 0.5rem;
3681
5025
  --mds-spacing-theme-pad-v-sm: 0.75rem;
3682
5026
  --mds-spacing-theme-pad-v-md: 1rem;
3683
- --mds-spacing-theme-pad-v-lg: 1.5rem;
3684
- --mds-spacing-theme-pad-v-xl: 2rem;
5027
+ --mds-spacing-theme-pad-v-lg: 1.25rem;
5028
+ --mds-spacing-theme-pad-v-xl: 1.5rem;
5029
+ --mds-spacing-theme-pad-v-2xl: 2rem;
5030
+ --mds-spacing-theme-pad-h-2xs: 0.25rem;
3685
5031
  --mds-spacing-theme-pad-h-xs: 0.5rem;
3686
5032
  --mds-spacing-theme-pad-h-sm: 0.75rem;
3687
5033
  --mds-spacing-theme-pad-h-md: 1rem;
3688
- --mds-spacing-theme-pad-h-lg: 1.5rem;
3689
- --mds-spacing-theme-pad-h-xl: 2rem;
5034
+ --mds-spacing-theme-pad-h-lg: 1.25rem;
5035
+ --mds-spacing-theme-pad-h-xl: 1.5rem;
5036
+ --mds-spacing-theme-pad-h-2xl: 2rem;
3690
5037
  --mds-spacing-theme-gap-none: 0;
3691
- --mds-spacing-theme-gap-ultra-tight: 0.25rem;
3692
- --mds-spacing-theme-gap-tight: 0.5rem;
3693
- --mds-spacing-theme-gap-wide: 1rem;
3694
- --mds-spacing-theme-gap-loose: 1.5rem;
3695
- --mds-spacing-theme-gap-ultraloose: 2rem;
5038
+ --mds-spacing-theme-gap-2xs: 0.25rem;
5039
+ --mds-spacing-theme-gap-xs: 0.5rem;
5040
+ --mds-spacing-theme-gap-sm: 0.75rem;
5041
+ --mds-spacing-theme-gap-md: 1rem;
5042
+ --mds-spacing-theme-gap-lg: 1.25rem;
5043
+ --mds-spacing-theme-gap-xl: 1.5rem;
5044
+ --mds-spacing-theme-gap-2xl: 2rem;
5045
+ --mds-border-theme-none: 0;
3696
5046
  --mds-border-theme-default: 1px;
3697
5047
  --mds-border-theme-emphasis: 0.125rem;
3698
5048
  --mds-radius-theme-none: 0;
3699
- --mds-radius-theme-subtle: 0.125rem;
3700
- --mds-radius-theme-small: 0.25rem;
3701
- --mds-radius-theme-medium: 0.5rem;
3702
- --mds-radius-theme-large: 0.75rem;
3703
- --mds-radius-theme-pill: 1.25rem;
5049
+ --mds-radius-theme-2xs: 0.125rem;
5050
+ --mds-radius-theme-xs: 0.25rem;
5051
+ --mds-radius-theme-sm: 0.5rem;
5052
+ --mds-radius-theme-md: 0.75rem;
5053
+ --mds-radius-theme-lg: 1rem;
3704
5054
  --mds-radius-theme-full: 50%;
3705
5055
  --mds-size-theme-sm-4: 0.25rem;
3706
5056
  --mds-size-theme-sm-8: 0.5rem;
@@ -3718,7 +5068,7 @@
3718
5068
  --mds-size-theme-xl-100: 6.25rem;
3719
5069
  --mds-size-theme-xl-124: 7.75rem;
3720
5070
  }
3721
- .mds-theme-stable-lightIndigoWebex {
5071
+ .mds-theme-stable-lightJadeWebex {
3722
5072
  --mds-color-theme-text-primary-normal: #000000f2;
3723
5073
  --mds-color-theme-text-primary-disabled: #00000066;
3724
5074
  --mds-color-theme-text-secondary-normal: #000000b3;
@@ -3874,13 +5224,13 @@
3874
5224
  --mds-color-theme-background-label-error-hover: #ffd4da;
3875
5225
  --mds-color-theme-background-label-error-active: #ffb8c1;
3876
5226
  --mds-color-theme-background-namelabel-normal: #000000b3;
3877
- --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #ebeffc 0%, #ffffff 100%);
3878
- --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #f7f9ff 0%, #ffffff 100%);
5227
+ --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #e6f2f1 0%, #ffffff 100%);
5228
+ --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #f7fcfc 0%, #ffffff 100%);
3879
5229
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
3880
5230
  --mds-color-theme-background-skeleton-normal: #c9c9c9;
3881
5231
  --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
3882
5232
  --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
3883
- --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
5233
+ --mds-color-theme-background-skeleton-shimmer-2: #f7f7f700;
3884
5234
  --mds-color-theme-background-glass-normal: #ffffff66;
3885
5235
  --mds-color-theme-background-glass-active: #ffffff99;
3886
5236
  --mds-color-theme-background-glass-light: #ffffff66;
@@ -3888,8 +5238,30 @@
3888
5238
  --mds-color-theme-background-glass-heavy: #ffffffcc;
3889
5239
  --mds-color-theme-background-glass-radial-0: #ffffff0d;
3890
5240
  --mds-color-theme-background-glass-radial-1: #ffffff00;
5241
+ --mds-color-theme-background-glass-legacy: #ffffff99;
3891
5242
  --mds-color-theme-background-input-disabled: #0000001c;
3892
5243
  --mds-color-theme-background-overlay-normal: #07101c66;
5244
+ --mds-color-theme-background-app-canvas: #ffffff;
5245
+ --mds-color-theme-background-tertiary-normal: #ffffff0d;
5246
+ --mds-color-theme-background-glow-accent-stop-0: #0051AF;
5247
+ --mds-color-theme-background-glow-accent-stop-1: #0087EA;
5248
+ --mds-color-theme-background-glow-accent-stop-2: #00BCEB;
5249
+ --mds-color-theme-background-glow-large-stop-0: #ffda94;
5250
+ --mds-color-theme-background-glow-large-stop-1: #FF9000;
5251
+ --mds-color-theme-background-glow-large-stop-2: #FFB2D6;
5252
+ --mds-color-theme-background-glow-large-stop-3: #B8D5FF;
5253
+ --mds-color-theme-background-glow-light-stop-0: #ffffff;
5254
+ --mds-color-theme-background-glow-light-stop-1: #ffda94;
5255
+ --mds-color-theme-background-glow-light-stop-2: #FF9000;
5256
+ --mds-color-theme-background-glow-light-stop-3: #FFB2D6;
5257
+ --mds-color-theme-background-glow-light-stop-4: #B8D5FF;
5258
+ --mds-color-theme-background-glow-light-stop-5: #b8d5ff00;
5259
+ --mds-color-theme-background-glow-medium-stop-0: #f2990a40;
5260
+ --mds-color-theme-background-glow-medium-stop-1: #FF9000;
5261
+ --mds-color-theme-background-glow-medium-stop-2: #FF4FA4;
5262
+ --mds-color-theme-background-glow-small-stop-0: #1869ffbf;
5263
+ --mds-color-theme-background-glow-small-stop-1: #64b4fa;
5264
+ --mds-color-theme-background-glow-small-stop-2: #FF4FA4;
3893
5265
  --mds-color-theme-button-primary-normal: #000000f2;
3894
5266
  --mds-color-theme-button-primary-hover: #000000cc;
3895
5267
  --mds-color-theme-button-primary-pressed: #000000b3;
@@ -3941,7 +5313,7 @@
3941
5313
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);
3942
5314
  --mds-color-theme-outline-warning-normal: #7d4705;
3943
5315
  --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #00000012 0%, #00000033 100%);
3944
- --mds-color-theme-outline-ai-normal: linear-gradient(27deg, #0087EA 10.22%, #00BCEB 88.93%, #63FFF7 162.86%);
5316
+ --mds-color-theme-outline-ai-normal: #ffffff;
3945
5317
  --mds-color-theme-control-active-normal: #1170cf;
3946
5318
  --mds-color-theme-control-active-hover: #0353a8;
3947
5319
  --mds-color-theme-control-active-pressed: #063a75;
@@ -3956,6 +5328,10 @@
3956
5328
  --mds-color-theme-overlay-button-secondary-normal: #ffffff;
3957
5329
  --mds-color-theme-overlay-button-secondary-hover: #ededed;
3958
5330
  --mds-color-theme-overlay-button-secondary-pressed: #dedede;
5331
+ --mds-color-theme-overlay-header-0: #ffffff0d;
5332
+ --mds-color-theme-overlay-header-1: #fff0;
5333
+ --mds-color-theme-overlay-navigation-0: #ffffff00;
5334
+ --mds-color-theme-overlay-navigation-1: #c9c9c9;
3959
5335
  --mds-color-theme-indicator-unstable: #c94403;
3960
5336
  --mds-color-theme-indicator-attention: #db1f2e;
3961
5337
  --mds-color-theme-indicator-stable: #1d805f;
@@ -4001,6 +5377,7 @@
4001
5377
  --mds-color-theme-common-button-primary-disabled: #ffffff33;
4002
5378
  --mds-color-theme-common-button-secondary-normal: #ffffff00;
4003
5379
  --mds-color-theme-common-button-secondary-hover: #ffffff12;
5380
+ --mds-color-theme-common-button-secondary-pressed: #ffffff33;
4004
5381
  --mds-color-theme-common-button-secondary-active-normal: #ffffff33;
4005
5382
  --mds-color-theme-common-button-secondary-active-hover: #ffffff4d;
4006
5383
  --mds-color-theme-common-button-secondary-active-pressed: #ffffff66;
@@ -4140,32 +5517,47 @@
4140
5517
  --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%);
4141
5518
  --mds-color-theme-focus-default-0: #ffffff;
4142
5519
  --mds-color-theme-focus-default-1: #1170cf;
4143
- --mds-color-theme-focus-default-2: #1170cf59;
5520
+ --mds-color-theme-focus-default-2: #1570cf59;
5521
+ --mds-color-theme-ai-hint-primary-gradient-0: #FFA838;
5522
+ --mds-color-theme-ai-hint-primary-gradient-1: #FF4FA4;
5523
+ --mds-color-theme-ai-hint-primary-gradient-2: #15337D;
5524
+ --mds-color-theme-ai-hint-secondary-gradient-0: #1869ff00;
5525
+ --mds-color-theme-ai-hint-secondary-gradient-1: #1869FF;
5526
+ --mds-color-theme-ai-hint-secondary-gradient-2: #FF4FA4;
5527
+ --mds-color-theme-ai-hint-secondary-gradient-3: #FFA838;
5528
+ --mds-color-theme-ai-hint-secondary-gradient-4: #ffa83800;
4144
5529
  --mds-spacing-theme-pad-none: 0;
5530
+ --mds-spacing-theme-pad-v-2xs: 0.25rem;
4145
5531
  --mds-spacing-theme-pad-v-xs: 0.5rem;
4146
5532
  --mds-spacing-theme-pad-v-sm: 0.75rem;
4147
5533
  --mds-spacing-theme-pad-v-md: 1rem;
4148
- --mds-spacing-theme-pad-v-lg: 1.5rem;
4149
- --mds-spacing-theme-pad-v-xl: 2rem;
5534
+ --mds-spacing-theme-pad-v-lg: 1.25rem;
5535
+ --mds-spacing-theme-pad-v-xl: 1.5rem;
5536
+ --mds-spacing-theme-pad-v-2xl: 2rem;
5537
+ --mds-spacing-theme-pad-h-2xs: 0.25rem;
4150
5538
  --mds-spacing-theme-pad-h-xs: 0.5rem;
4151
5539
  --mds-spacing-theme-pad-h-sm: 0.75rem;
4152
5540
  --mds-spacing-theme-pad-h-md: 1rem;
4153
- --mds-spacing-theme-pad-h-lg: 1.5rem;
4154
- --mds-spacing-theme-pad-h-xl: 2rem;
5541
+ --mds-spacing-theme-pad-h-lg: 1.25rem;
5542
+ --mds-spacing-theme-pad-h-xl: 1.5rem;
5543
+ --mds-spacing-theme-pad-h-2xl: 2rem;
4155
5544
  --mds-spacing-theme-gap-none: 0;
4156
- --mds-spacing-theme-gap-ultra-tight: 0.25rem;
4157
- --mds-spacing-theme-gap-tight: 0.5rem;
4158
- --mds-spacing-theme-gap-wide: 1rem;
4159
- --mds-spacing-theme-gap-loose: 1.5rem;
4160
- --mds-spacing-theme-gap-ultraloose: 2rem;
5545
+ --mds-spacing-theme-gap-2xs: 0.25rem;
5546
+ --mds-spacing-theme-gap-xs: 0.5rem;
5547
+ --mds-spacing-theme-gap-sm: 0.75rem;
5548
+ --mds-spacing-theme-gap-md: 1rem;
5549
+ --mds-spacing-theme-gap-lg: 1.25rem;
5550
+ --mds-spacing-theme-gap-xl: 1.5rem;
5551
+ --mds-spacing-theme-gap-2xl: 2rem;
5552
+ --mds-border-theme-none: 0;
4161
5553
  --mds-border-theme-default: 1px;
4162
5554
  --mds-border-theme-emphasis: 0.125rem;
4163
5555
  --mds-radius-theme-none: 0;
4164
- --mds-radius-theme-subtle: 0.125rem;
4165
- --mds-radius-theme-small: 0.25rem;
4166
- --mds-radius-theme-medium: 0.5rem;
4167
- --mds-radius-theme-large: 0.75rem;
4168
- --mds-radius-theme-pill: 1.25rem;
5556
+ --mds-radius-theme-2xs: 0.125rem;
5557
+ --mds-radius-theme-xs: 0.25rem;
5558
+ --mds-radius-theme-sm: 0.5rem;
5559
+ --mds-radius-theme-md: 0.75rem;
5560
+ --mds-radius-theme-lg: 1rem;
4169
5561
  --mds-radius-theme-full: 50%;
4170
5562
  --mds-size-theme-sm-4: 0.25rem;
4171
5563
  --mds-size-theme-sm-8: 0.5rem;
@@ -4183,7 +5575,7 @@
4183
5575
  --mds-size-theme-xl-100: 6.25rem;
4184
5576
  --mds-size-theme-xl-124: 7.75rem;
4185
5577
  }
4186
- .mds-theme-stable-lightJadeWebex {
5578
+ .mds-theme-stable-lightLavenderWebex {
4187
5579
  --mds-color-theme-text-primary-normal: #000000f2;
4188
5580
  --mds-color-theme-text-primary-disabled: #00000066;
4189
5581
  --mds-color-theme-text-secondary-normal: #000000b3;
@@ -4339,13 +5731,13 @@
4339
5731
  --mds-color-theme-background-label-error-hover: #ffd4da;
4340
5732
  --mds-color-theme-background-label-error-active: #ffb8c1;
4341
5733
  --mds-color-theme-background-namelabel-normal: #000000b3;
4342
- --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #e6f2f1 0%, #ffffff 100%);
4343
- --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #f7fcfc 0%, #ffffff 100%);
5734
+ --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f4ebff 0%, #ffffff 100%);
5735
+ --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fbf7ff 0%, #ffffff 100%);
4344
5736
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
4345
5737
  --mds-color-theme-background-skeleton-normal: #c9c9c9;
4346
5738
  --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
4347
5739
  --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
4348
- --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
5740
+ --mds-color-theme-background-skeleton-shimmer-2: #f7f7f700;
4349
5741
  --mds-color-theme-background-glass-normal: #ffffff66;
4350
5742
  --mds-color-theme-background-glass-active: #ffffff99;
4351
5743
  --mds-color-theme-background-glass-light: #ffffff66;
@@ -4353,8 +5745,30 @@
4353
5745
  --mds-color-theme-background-glass-heavy: #ffffffcc;
4354
5746
  --mds-color-theme-background-glass-radial-0: #ffffff0d;
4355
5747
  --mds-color-theme-background-glass-radial-1: #ffffff00;
5748
+ --mds-color-theme-background-glass-legacy: #ffffff99;
4356
5749
  --mds-color-theme-background-input-disabled: #0000001c;
4357
5750
  --mds-color-theme-background-overlay-normal: #07101c66;
5751
+ --mds-color-theme-background-app-canvas: #ffffff;
5752
+ --mds-color-theme-background-tertiary-normal: #ffffff0d;
5753
+ --mds-color-theme-background-glow-accent-stop-0: #0051AF;
5754
+ --mds-color-theme-background-glow-accent-stop-1: #0087EA;
5755
+ --mds-color-theme-background-glow-accent-stop-2: #00BCEB;
5756
+ --mds-color-theme-background-glow-large-stop-0: #ffda94;
5757
+ --mds-color-theme-background-glow-large-stop-1: #FF9000;
5758
+ --mds-color-theme-background-glow-large-stop-2: #FFB2D6;
5759
+ --mds-color-theme-background-glow-large-stop-3: #B8D5FF;
5760
+ --mds-color-theme-background-glow-light-stop-0: #ffffff;
5761
+ --mds-color-theme-background-glow-light-stop-1: #ffda94;
5762
+ --mds-color-theme-background-glow-light-stop-2: #FF9000;
5763
+ --mds-color-theme-background-glow-light-stop-3: #FFB2D6;
5764
+ --mds-color-theme-background-glow-light-stop-4: #B8D5FF;
5765
+ --mds-color-theme-background-glow-light-stop-5: #b8d5ff00;
5766
+ --mds-color-theme-background-glow-medium-stop-0: #f2990a40;
5767
+ --mds-color-theme-background-glow-medium-stop-1: #FF9000;
5768
+ --mds-color-theme-background-glow-medium-stop-2: #FF4FA4;
5769
+ --mds-color-theme-background-glow-small-stop-0: #1869ffbf;
5770
+ --mds-color-theme-background-glow-small-stop-1: #64b4fa;
5771
+ --mds-color-theme-background-glow-small-stop-2: #FF4FA4;
4358
5772
  --mds-color-theme-button-primary-normal: #000000f2;
4359
5773
  --mds-color-theme-button-primary-hover: #000000cc;
4360
5774
  --mds-color-theme-button-primary-pressed: #000000b3;
@@ -4406,7 +5820,7 @@
4406
5820
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);
4407
5821
  --mds-color-theme-outline-warning-normal: #7d4705;
4408
5822
  --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #00000012 0%, #00000033 100%);
4409
- --mds-color-theme-outline-ai-normal: linear-gradient(27deg, #0087EA 10.22%, #00BCEB 88.93%, #63FFF7 162.86%);
5823
+ --mds-color-theme-outline-ai-normal: #ffffff;
4410
5824
  --mds-color-theme-control-active-normal: #1170cf;
4411
5825
  --mds-color-theme-control-active-hover: #0353a8;
4412
5826
  --mds-color-theme-control-active-pressed: #063a75;
@@ -4421,6 +5835,10 @@
4421
5835
  --mds-color-theme-overlay-button-secondary-normal: #ffffff;
4422
5836
  --mds-color-theme-overlay-button-secondary-hover: #ededed;
4423
5837
  --mds-color-theme-overlay-button-secondary-pressed: #dedede;
5838
+ --mds-color-theme-overlay-header-0: #ffffff0d;
5839
+ --mds-color-theme-overlay-header-1: #fff0;
5840
+ --mds-color-theme-overlay-navigation-0: #ffffff00;
5841
+ --mds-color-theme-overlay-navigation-1: #c9c9c9;
4424
5842
  --mds-color-theme-indicator-unstable: #c94403;
4425
5843
  --mds-color-theme-indicator-attention: #db1f2e;
4426
5844
  --mds-color-theme-indicator-stable: #1d805f;
@@ -4466,6 +5884,7 @@
4466
5884
  --mds-color-theme-common-button-primary-disabled: #ffffff33;
4467
5885
  --mds-color-theme-common-button-secondary-normal: #ffffff00;
4468
5886
  --mds-color-theme-common-button-secondary-hover: #ffffff12;
5887
+ --mds-color-theme-common-button-secondary-pressed: #ffffff33;
4469
5888
  --mds-color-theme-common-button-secondary-active-normal: #ffffff33;
4470
5889
  --mds-color-theme-common-button-secondary-active-hover: #ffffff4d;
4471
5890
  --mds-color-theme-common-button-secondary-active-pressed: #ffffff66;
@@ -4605,32 +6024,47 @@
4605
6024
  --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%);
4606
6025
  --mds-color-theme-focus-default-0: #ffffff;
4607
6026
  --mds-color-theme-focus-default-1: #1170cf;
4608
- --mds-color-theme-focus-default-2: #1170cf59;
6027
+ --mds-color-theme-focus-default-2: #1570cf59;
6028
+ --mds-color-theme-ai-hint-primary-gradient-0: #FFA838;
6029
+ --mds-color-theme-ai-hint-primary-gradient-1: #FF4FA4;
6030
+ --mds-color-theme-ai-hint-primary-gradient-2: #15337D;
6031
+ --mds-color-theme-ai-hint-secondary-gradient-0: #1869ff00;
6032
+ --mds-color-theme-ai-hint-secondary-gradient-1: #1869FF;
6033
+ --mds-color-theme-ai-hint-secondary-gradient-2: #FF4FA4;
6034
+ --mds-color-theme-ai-hint-secondary-gradient-3: #FFA838;
6035
+ --mds-color-theme-ai-hint-secondary-gradient-4: #ffa83800;
4609
6036
  --mds-spacing-theme-pad-none: 0;
6037
+ --mds-spacing-theme-pad-v-2xs: 0.25rem;
4610
6038
  --mds-spacing-theme-pad-v-xs: 0.5rem;
4611
6039
  --mds-spacing-theme-pad-v-sm: 0.75rem;
4612
6040
  --mds-spacing-theme-pad-v-md: 1rem;
4613
- --mds-spacing-theme-pad-v-lg: 1.5rem;
4614
- --mds-spacing-theme-pad-v-xl: 2rem;
6041
+ --mds-spacing-theme-pad-v-lg: 1.25rem;
6042
+ --mds-spacing-theme-pad-v-xl: 1.5rem;
6043
+ --mds-spacing-theme-pad-v-2xl: 2rem;
6044
+ --mds-spacing-theme-pad-h-2xs: 0.25rem;
4615
6045
  --mds-spacing-theme-pad-h-xs: 0.5rem;
4616
6046
  --mds-spacing-theme-pad-h-sm: 0.75rem;
4617
6047
  --mds-spacing-theme-pad-h-md: 1rem;
4618
- --mds-spacing-theme-pad-h-lg: 1.5rem;
4619
- --mds-spacing-theme-pad-h-xl: 2rem;
6048
+ --mds-spacing-theme-pad-h-lg: 1.25rem;
6049
+ --mds-spacing-theme-pad-h-xl: 1.5rem;
6050
+ --mds-spacing-theme-pad-h-2xl: 2rem;
4620
6051
  --mds-spacing-theme-gap-none: 0;
4621
- --mds-spacing-theme-gap-ultra-tight: 0.25rem;
4622
- --mds-spacing-theme-gap-tight: 0.5rem;
4623
- --mds-spacing-theme-gap-wide: 1rem;
4624
- --mds-spacing-theme-gap-loose: 1.5rem;
4625
- --mds-spacing-theme-gap-ultraloose: 2rem;
6052
+ --mds-spacing-theme-gap-2xs: 0.25rem;
6053
+ --mds-spacing-theme-gap-xs: 0.5rem;
6054
+ --mds-spacing-theme-gap-sm: 0.75rem;
6055
+ --mds-spacing-theme-gap-md: 1rem;
6056
+ --mds-spacing-theme-gap-lg: 1.25rem;
6057
+ --mds-spacing-theme-gap-xl: 1.5rem;
6058
+ --mds-spacing-theme-gap-2xl: 2rem;
6059
+ --mds-border-theme-none: 0;
4626
6060
  --mds-border-theme-default: 1px;
4627
6061
  --mds-border-theme-emphasis: 0.125rem;
4628
6062
  --mds-radius-theme-none: 0;
4629
- --mds-radius-theme-subtle: 0.125rem;
4630
- --mds-radius-theme-small: 0.25rem;
4631
- --mds-radius-theme-medium: 0.5rem;
4632
- --mds-radius-theme-large: 0.75rem;
4633
- --mds-radius-theme-pill: 1.25rem;
6063
+ --mds-radius-theme-2xs: 0.125rem;
6064
+ --mds-radius-theme-xs: 0.25rem;
6065
+ --mds-radius-theme-sm: 0.5rem;
6066
+ --mds-radius-theme-md: 0.75rem;
6067
+ --mds-radius-theme-lg: 1rem;
4634
6068
  --mds-radius-theme-full: 50%;
4635
6069
  --mds-size-theme-sm-4: 0.25rem;
4636
6070
  --mds-size-theme-sm-8: 0.5rem;
@@ -4648,7 +6082,7 @@
4648
6082
  --mds-size-theme-xl-100: 6.25rem;
4649
6083
  --mds-size-theme-xl-124: 7.75rem;
4650
6084
  }
4651
- .mds-theme-stable-lightLavenderWebex {
6085
+ .mds-theme-stable-lightRoseWebex {
4652
6086
  --mds-color-theme-text-primary-normal: #000000f2;
4653
6087
  --mds-color-theme-text-primary-disabled: #00000066;
4654
6088
  --mds-color-theme-text-secondary-normal: #000000b3;
@@ -4804,13 +6238,13 @@
4804
6238
  --mds-color-theme-background-label-error-hover: #ffd4da;
4805
6239
  --mds-color-theme-background-label-error-active: #ffb8c1;
4806
6240
  --mds-color-theme-background-namelabel-normal: #000000b3;
4807
- --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f4ebff 0%, #ffffff 100%);
4808
- --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fbf7ff 0%, #ffffff 100%);
6241
+ --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #fcebf5 0%, #ffffff 100%);
6242
+ --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fff9fd 0%, #ffffff 100%);
4809
6243
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
4810
6244
  --mds-color-theme-background-skeleton-normal: #c9c9c9;
4811
6245
  --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
4812
6246
  --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
4813
- --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
6247
+ --mds-color-theme-background-skeleton-shimmer-2: #f7f7f700;
4814
6248
  --mds-color-theme-background-glass-normal: #ffffff66;
4815
6249
  --mds-color-theme-background-glass-active: #ffffff99;
4816
6250
  --mds-color-theme-background-glass-light: #ffffff66;
@@ -4818,8 +6252,30 @@
4818
6252
  --mds-color-theme-background-glass-heavy: #ffffffcc;
4819
6253
  --mds-color-theme-background-glass-radial-0: #ffffff0d;
4820
6254
  --mds-color-theme-background-glass-radial-1: #ffffff00;
6255
+ --mds-color-theme-background-glass-legacy: #ffffff99;
4821
6256
  --mds-color-theme-background-input-disabled: #0000001c;
4822
6257
  --mds-color-theme-background-overlay-normal: #07101c66;
6258
+ --mds-color-theme-background-app-canvas: #ffffff;
6259
+ --mds-color-theme-background-tertiary-normal: #ffffff0d;
6260
+ --mds-color-theme-background-glow-accent-stop-0: #0051AF;
6261
+ --mds-color-theme-background-glow-accent-stop-1: #0087EA;
6262
+ --mds-color-theme-background-glow-accent-stop-2: #00BCEB;
6263
+ --mds-color-theme-background-glow-large-stop-0: #ffda94;
6264
+ --mds-color-theme-background-glow-large-stop-1: #FF9000;
6265
+ --mds-color-theme-background-glow-large-stop-2: #FFB2D6;
6266
+ --mds-color-theme-background-glow-large-stop-3: #B8D5FF;
6267
+ --mds-color-theme-background-glow-light-stop-0: #ffffff;
6268
+ --mds-color-theme-background-glow-light-stop-1: #ffda94;
6269
+ --mds-color-theme-background-glow-light-stop-2: #FF9000;
6270
+ --mds-color-theme-background-glow-light-stop-3: #FFB2D6;
6271
+ --mds-color-theme-background-glow-light-stop-4: #B8D5FF;
6272
+ --mds-color-theme-background-glow-light-stop-5: #b8d5ff00;
6273
+ --mds-color-theme-background-glow-medium-stop-0: #f2990a40;
6274
+ --mds-color-theme-background-glow-medium-stop-1: #FF9000;
6275
+ --mds-color-theme-background-glow-medium-stop-2: #FF4FA4;
6276
+ --mds-color-theme-background-glow-small-stop-0: #1869ffbf;
6277
+ --mds-color-theme-background-glow-small-stop-1: #64b4fa;
6278
+ --mds-color-theme-background-glow-small-stop-2: #FF4FA4;
4823
6279
  --mds-color-theme-button-primary-normal: #000000f2;
4824
6280
  --mds-color-theme-button-primary-hover: #000000cc;
4825
6281
  --mds-color-theme-button-primary-pressed: #000000b3;
@@ -4871,7 +6327,7 @@
4871
6327
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);
4872
6328
  --mds-color-theme-outline-warning-normal: #7d4705;
4873
6329
  --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #00000012 0%, #00000033 100%);
4874
- --mds-color-theme-outline-ai-normal: linear-gradient(27deg, #0087EA 10.22%, #00BCEB 88.93%, #63FFF7 162.86%);
6330
+ --mds-color-theme-outline-ai-normal: #ffffff;
4875
6331
  --mds-color-theme-control-active-normal: #1170cf;
4876
6332
  --mds-color-theme-control-active-hover: #0353a8;
4877
6333
  --mds-color-theme-control-active-pressed: #063a75;
@@ -4886,6 +6342,10 @@
4886
6342
  --mds-color-theme-overlay-button-secondary-normal: #ffffff;
4887
6343
  --mds-color-theme-overlay-button-secondary-hover: #ededed;
4888
6344
  --mds-color-theme-overlay-button-secondary-pressed: #dedede;
6345
+ --mds-color-theme-overlay-header-0: #ffffff0d;
6346
+ --mds-color-theme-overlay-header-1: #fff0;
6347
+ --mds-color-theme-overlay-navigation-0: #ffffff00;
6348
+ --mds-color-theme-overlay-navigation-1: #c9c9c9;
4889
6349
  --mds-color-theme-indicator-unstable: #c94403;
4890
6350
  --mds-color-theme-indicator-attention: #db1f2e;
4891
6351
  --mds-color-theme-indicator-stable: #1d805f;
@@ -4931,6 +6391,7 @@
4931
6391
  --mds-color-theme-common-button-primary-disabled: #ffffff33;
4932
6392
  --mds-color-theme-common-button-secondary-normal: #ffffff00;
4933
6393
  --mds-color-theme-common-button-secondary-hover: #ffffff12;
6394
+ --mds-color-theme-common-button-secondary-pressed: #ffffff33;
4934
6395
  --mds-color-theme-common-button-secondary-active-normal: #ffffff33;
4935
6396
  --mds-color-theme-common-button-secondary-active-hover: #ffffff4d;
4936
6397
  --mds-color-theme-common-button-secondary-active-pressed: #ffffff66;
@@ -5070,32 +6531,47 @@
5070
6531
  --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%);
5071
6532
  --mds-color-theme-focus-default-0: #ffffff;
5072
6533
  --mds-color-theme-focus-default-1: #1170cf;
5073
- --mds-color-theme-focus-default-2: #1170cf59;
6534
+ --mds-color-theme-focus-default-2: #1570cf59;
6535
+ --mds-color-theme-ai-hint-primary-gradient-0: #FFA838;
6536
+ --mds-color-theme-ai-hint-primary-gradient-1: #FF4FA4;
6537
+ --mds-color-theme-ai-hint-primary-gradient-2: #15337D;
6538
+ --mds-color-theme-ai-hint-secondary-gradient-0: #1869ff00;
6539
+ --mds-color-theme-ai-hint-secondary-gradient-1: #1869FF;
6540
+ --mds-color-theme-ai-hint-secondary-gradient-2: #FF4FA4;
6541
+ --mds-color-theme-ai-hint-secondary-gradient-3: #FFA838;
6542
+ --mds-color-theme-ai-hint-secondary-gradient-4: #ffa83800;
5074
6543
  --mds-spacing-theme-pad-none: 0;
6544
+ --mds-spacing-theme-pad-v-2xs: 0.25rem;
5075
6545
  --mds-spacing-theme-pad-v-xs: 0.5rem;
5076
6546
  --mds-spacing-theme-pad-v-sm: 0.75rem;
5077
6547
  --mds-spacing-theme-pad-v-md: 1rem;
5078
- --mds-spacing-theme-pad-v-lg: 1.5rem;
5079
- --mds-spacing-theme-pad-v-xl: 2rem;
6548
+ --mds-spacing-theme-pad-v-lg: 1.25rem;
6549
+ --mds-spacing-theme-pad-v-xl: 1.5rem;
6550
+ --mds-spacing-theme-pad-v-2xl: 2rem;
6551
+ --mds-spacing-theme-pad-h-2xs: 0.25rem;
5080
6552
  --mds-spacing-theme-pad-h-xs: 0.5rem;
5081
6553
  --mds-spacing-theme-pad-h-sm: 0.75rem;
5082
6554
  --mds-spacing-theme-pad-h-md: 1rem;
5083
- --mds-spacing-theme-pad-h-lg: 1.5rem;
5084
- --mds-spacing-theme-pad-h-xl: 2rem;
6555
+ --mds-spacing-theme-pad-h-lg: 1.25rem;
6556
+ --mds-spacing-theme-pad-h-xl: 1.5rem;
6557
+ --mds-spacing-theme-pad-h-2xl: 2rem;
5085
6558
  --mds-spacing-theme-gap-none: 0;
5086
- --mds-spacing-theme-gap-ultra-tight: 0.25rem;
5087
- --mds-spacing-theme-gap-tight: 0.5rem;
5088
- --mds-spacing-theme-gap-wide: 1rem;
5089
- --mds-spacing-theme-gap-loose: 1.5rem;
5090
- --mds-spacing-theme-gap-ultraloose: 2rem;
6559
+ --mds-spacing-theme-gap-2xs: 0.25rem;
6560
+ --mds-spacing-theme-gap-xs: 0.5rem;
6561
+ --mds-spacing-theme-gap-sm: 0.75rem;
6562
+ --mds-spacing-theme-gap-md: 1rem;
6563
+ --mds-spacing-theme-gap-lg: 1.25rem;
6564
+ --mds-spacing-theme-gap-xl: 1.5rem;
6565
+ --mds-spacing-theme-gap-2xl: 2rem;
6566
+ --mds-border-theme-none: 0;
5091
6567
  --mds-border-theme-default: 1px;
5092
6568
  --mds-border-theme-emphasis: 0.125rem;
5093
6569
  --mds-radius-theme-none: 0;
5094
- --mds-radius-theme-subtle: 0.125rem;
5095
- --mds-radius-theme-small: 0.25rem;
5096
- --mds-radius-theme-medium: 0.5rem;
5097
- --mds-radius-theme-large: 0.75rem;
5098
- --mds-radius-theme-pill: 1.25rem;
6570
+ --mds-radius-theme-2xs: 0.125rem;
6571
+ --mds-radius-theme-xs: 0.25rem;
6572
+ --mds-radius-theme-sm: 0.5rem;
6573
+ --mds-radius-theme-md: 0.75rem;
6574
+ --mds-radius-theme-lg: 1rem;
5099
6575
  --mds-radius-theme-full: 50%;
5100
6576
  --mds-size-theme-sm-4: 0.25rem;
5101
6577
  --mds-size-theme-sm-8: 0.5rem;
@@ -5113,7 +6589,7 @@
5113
6589
  --mds-size-theme-xl-100: 6.25rem;
5114
6590
  --mds-size-theme-xl-124: 7.75rem;
5115
6591
  }
5116
- .mds-theme-stable-lightRoseWebex {
6592
+ .mds-theme-fluid-lightWebex {
5117
6593
  --mds-color-theme-text-primary-normal: #000000f2;
5118
6594
  --mds-color-theme-text-primary-disabled: #00000066;
5119
6595
  --mds-color-theme-text-secondary-normal: #000000b3;
@@ -5175,7 +6651,7 @@
5175
6651
  --mds-color-theme-inverted-text-accent-normal: #64b4fa;
5176
6652
  --mds-color-theme-inverted-text-accent-hover: #bfe3ff;
5177
6653
  --mds-color-theme-inverted-text-accent-active: #bfe3ff;
5178
- --mds-color-theme-inverted-background-normal: #000000;
6654
+ --mds-color-theme-inverted-background-normal: #000000cc;
5179
6655
  --mds-color-theme-inverted-button-primary-normal: #fffffff2;
5180
6656
  --mds-color-theme-inverted-button-primary-hover: #ffffffcc;
5181
6657
  --mds-color-theme-inverted-button-primary-pressed: #ffffffb3;
@@ -5203,10 +6679,10 @@
5203
6679
  --mds-color-theme-background-primary-hover: #00000012;
5204
6680
  --mds-color-theme-background-primary-active: #0000001c;
5205
6681
  --mds-color-theme-background-primary-disabled: #00000000;
5206
- --mds-color-theme-background-solid-primary-normal: #ffffff;
5207
- --mds-color-theme-background-solid-secondary-normal: #f7f7f7;
5208
- --mds-color-theme-background-solid-tertiary-normal: #ededed;
5209
- --mds-color-theme-background-solid-quaternary-normal: #ffffff;
6682
+ --mds-color-theme-background-solid-primary-normal: #ffffffcc;
6683
+ --mds-color-theme-background-solid-secondary-normal: #ffffff99;
6684
+ --mds-color-theme-background-solid-tertiary-normal: #ffffff66;
6685
+ --mds-color-theme-background-solid-quaternary-normal: #ffffff66;
5210
6686
  --mds-color-theme-background-secondary-normal: #0000001c;
5211
6687
  --mds-color-theme-background-secondary-hover: #00000033;
5212
6688
  --mds-color-theme-background-secondary-active: #0000004d;
@@ -5262,20 +6738,20 @@
5262
6738
  --mds-color-theme-background-label-violet-normal: #f8f2fc;
5263
6739
  --mds-color-theme-background-label-violet-hover: #f0e3fc;
5264
6740
  --mds-color-theme-background-label-violet-active: #e2cafc;
5265
- --mds-color-theme-background-label-default-normal: #ededed;
5266
- --mds-color-theme-background-label-default-hover: #dedede;
5267
- --mds-color-theme-background-label-default-active: #c9c9c9;
6741
+ --mds-color-theme-background-label-default-normal: #00000000;
6742
+ --mds-color-theme-background-label-default-hover: #00000012;
6743
+ --mds-color-theme-background-label-default-active: #0000001c;
5268
6744
  --mds-color-theme-background-label-error-normal: #ffe8ea;
5269
6745
  --mds-color-theme-background-label-error-hover: #ffd4da;
5270
6746
  --mds-color-theme-background-label-error-active: #ffb8c1;
5271
6747
  --mds-color-theme-background-namelabel-normal: #000000b3;
5272
- --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #fcebf5 0%, #ffffff 100%);
5273
- --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fff9fd 0%, #ffffff 100%);
6748
+ --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f0f0f0 0%, #ffffff 100%);
6749
+ --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
5274
6750
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
5275
6751
  --mds-color-theme-background-skeleton-normal: #c9c9c9;
5276
6752
  --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
5277
6753
  --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
5278
- --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
6754
+ --mds-color-theme-background-skeleton-shimmer-2: #f7f7f700;
5279
6755
  --mds-color-theme-background-glass-normal: #ffffff66;
5280
6756
  --mds-color-theme-background-glass-active: #ffffff99;
5281
6757
  --mds-color-theme-background-glass-light: #ffffff66;
@@ -5283,8 +6759,30 @@
5283
6759
  --mds-color-theme-background-glass-heavy: #ffffffcc;
5284
6760
  --mds-color-theme-background-glass-radial-0: #ffffff0d;
5285
6761
  --mds-color-theme-background-glass-radial-1: #ffffff00;
6762
+ --mds-color-theme-background-glass-legacy: #ffffff99;
5286
6763
  --mds-color-theme-background-input-disabled: #0000001c;
5287
6764
  --mds-color-theme-background-overlay-normal: #07101c66;
6765
+ --mds-color-theme-background-app-canvas: #ffffff;
6766
+ --mds-color-theme-background-tertiary-normal: #ffffff0d;
6767
+ --mds-color-theme-background-glow-accent-stop-0: #0051AF;
6768
+ --mds-color-theme-background-glow-accent-stop-1: #0087EA;
6769
+ --mds-color-theme-background-glow-accent-stop-2: #00BCEB;
6770
+ --mds-color-theme-background-glow-large-stop-0: #ffda94;
6771
+ --mds-color-theme-background-glow-large-stop-1: #FF9000;
6772
+ --mds-color-theme-background-glow-large-stop-2: #FFB2D6;
6773
+ --mds-color-theme-background-glow-large-stop-3: #B8D5FF;
6774
+ --mds-color-theme-background-glow-light-stop-0: #ffffff;
6775
+ --mds-color-theme-background-glow-light-stop-1: #ffda94;
6776
+ --mds-color-theme-background-glow-light-stop-2: #FF9000;
6777
+ --mds-color-theme-background-glow-light-stop-3: #FFB2D6;
6778
+ --mds-color-theme-background-glow-light-stop-4: #B8D5FF;
6779
+ --mds-color-theme-background-glow-light-stop-5: #b8d5ff00;
6780
+ --mds-color-theme-background-glow-medium-stop-0: #f2990a40;
6781
+ --mds-color-theme-background-glow-medium-stop-1: #FF9000;
6782
+ --mds-color-theme-background-glow-medium-stop-2: #FF4FA4;
6783
+ --mds-color-theme-background-glow-small-stop-0: #1869ffbf;
6784
+ --mds-color-theme-background-glow-small-stop-1: #64b4fa;
6785
+ --mds-color-theme-background-glow-small-stop-2: #FF4FA4;
5288
6786
  --mds-color-theme-button-primary-normal: #000000f2;
5289
6787
  --mds-color-theme-button-primary-hover: #000000cc;
5290
6788
  --mds-color-theme-button-primary-pressed: #000000b3;
@@ -5336,7 +6834,7 @@
5336
6834
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);
5337
6835
  --mds-color-theme-outline-warning-normal: #7d4705;
5338
6836
  --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #00000012 0%, #00000033 100%);
5339
- --mds-color-theme-outline-ai-normal: linear-gradient(27deg, #0087EA 10.22%, #00BCEB 88.93%, #63FFF7 162.86%);
6837
+ --mds-color-theme-outline-ai-normal: #ffffff;
5340
6838
  --mds-color-theme-control-active-normal: #1170cf;
5341
6839
  --mds-color-theme-control-active-hover: #0353a8;
5342
6840
  --mds-color-theme-control-active-pressed: #063a75;
@@ -5351,6 +6849,10 @@
5351
6849
  --mds-color-theme-overlay-button-secondary-normal: #ffffff;
5352
6850
  --mds-color-theme-overlay-button-secondary-hover: #ededed;
5353
6851
  --mds-color-theme-overlay-button-secondary-pressed: #dedede;
6852
+ --mds-color-theme-overlay-header-0: #ffffff0d;
6853
+ --mds-color-theme-overlay-header-1: #fff0;
6854
+ --mds-color-theme-overlay-navigation-0: #ffffff00;
6855
+ --mds-color-theme-overlay-navigation-1: #c9c9c9;
5354
6856
  --mds-color-theme-indicator-unstable: #c94403;
5355
6857
  --mds-color-theme-indicator-attention: #db1f2e;
5356
6858
  --mds-color-theme-indicator-stable: #1d805f;
@@ -5396,6 +6898,7 @@
5396
6898
  --mds-color-theme-common-button-primary-disabled: #ffffff33;
5397
6899
  --mds-color-theme-common-button-secondary-normal: #ffffff00;
5398
6900
  --mds-color-theme-common-button-secondary-hover: #ffffff12;
6901
+ --mds-color-theme-common-button-secondary-pressed: #ffffff33;
5399
6902
  --mds-color-theme-common-button-secondary-active-normal: #ffffff33;
5400
6903
  --mds-color-theme-common-button-secondary-active-hover: #ffffff4d;
5401
6904
  --mds-color-theme-common-button-secondary-active-pressed: #ffffff66;
@@ -5535,32 +7038,47 @@
5535
7038
  --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%);
5536
7039
  --mds-color-theme-focus-default-0: #ffffff;
5537
7040
  --mds-color-theme-focus-default-1: #1170cf;
5538
- --mds-color-theme-focus-default-2: #1170cf59;
7041
+ --mds-color-theme-focus-default-2: #1570cf59;
7042
+ --mds-color-theme-ai-hint-primary-gradient-0: #FFA838;
7043
+ --mds-color-theme-ai-hint-primary-gradient-1: #FF4FA4;
7044
+ --mds-color-theme-ai-hint-primary-gradient-2: #15337D;
7045
+ --mds-color-theme-ai-hint-secondary-gradient-0: #1869ff00;
7046
+ --mds-color-theme-ai-hint-secondary-gradient-1: #1869FF;
7047
+ --mds-color-theme-ai-hint-secondary-gradient-2: #FF4FA4;
7048
+ --mds-color-theme-ai-hint-secondary-gradient-3: #FFA838;
7049
+ --mds-color-theme-ai-hint-secondary-gradient-4: #ffa83800;
5539
7050
  --mds-spacing-theme-pad-none: 0;
7051
+ --mds-spacing-theme-pad-v-2xs: 0.25rem;
5540
7052
  --mds-spacing-theme-pad-v-xs: 0.5rem;
5541
7053
  --mds-spacing-theme-pad-v-sm: 0.75rem;
5542
7054
  --mds-spacing-theme-pad-v-md: 1rem;
5543
- --mds-spacing-theme-pad-v-lg: 1.5rem;
5544
- --mds-spacing-theme-pad-v-xl: 2rem;
7055
+ --mds-spacing-theme-pad-v-lg: 1.25rem;
7056
+ --mds-spacing-theme-pad-v-xl: 1.5rem;
7057
+ --mds-spacing-theme-pad-v-2xl: 2rem;
7058
+ --mds-spacing-theme-pad-h-2xs: 0.25rem;
5545
7059
  --mds-spacing-theme-pad-h-xs: 0.5rem;
5546
7060
  --mds-spacing-theme-pad-h-sm: 0.75rem;
5547
7061
  --mds-spacing-theme-pad-h-md: 1rem;
5548
- --mds-spacing-theme-pad-h-lg: 1.5rem;
5549
- --mds-spacing-theme-pad-h-xl: 2rem;
7062
+ --mds-spacing-theme-pad-h-lg: 1.25rem;
7063
+ --mds-spacing-theme-pad-h-xl: 1.5rem;
7064
+ --mds-spacing-theme-pad-h-2xl: 2rem;
5550
7065
  --mds-spacing-theme-gap-none: 0;
5551
- --mds-spacing-theme-gap-ultra-tight: 0.25rem;
5552
- --mds-spacing-theme-gap-tight: 0.5rem;
5553
- --mds-spacing-theme-gap-wide: 1rem;
5554
- --mds-spacing-theme-gap-loose: 1.5rem;
5555
- --mds-spacing-theme-gap-ultraloose: 2rem;
7066
+ --mds-spacing-theme-gap-2xs: 0.25rem;
7067
+ --mds-spacing-theme-gap-xs: 0.5rem;
7068
+ --mds-spacing-theme-gap-sm: 0.75rem;
7069
+ --mds-spacing-theme-gap-md: 1rem;
7070
+ --mds-spacing-theme-gap-lg: 1.25rem;
7071
+ --mds-spacing-theme-gap-xl: 1.5rem;
7072
+ --mds-spacing-theme-gap-2xl: 2rem;
7073
+ --mds-border-theme-none: 0;
5556
7074
  --mds-border-theme-default: 1px;
5557
7075
  --mds-border-theme-emphasis: 0.125rem;
5558
7076
  --mds-radius-theme-none: 0;
5559
- --mds-radius-theme-subtle: 0.125rem;
5560
- --mds-radius-theme-small: 0.25rem;
5561
- --mds-radius-theme-medium: 0.5rem;
5562
- --mds-radius-theme-large: 0.75rem;
5563
- --mds-radius-theme-pill: 1.25rem;
7077
+ --mds-radius-theme-2xs: 0.125rem;
7078
+ --mds-radius-theme-xs: 0.25rem;
7079
+ --mds-radius-theme-sm: 0.5rem;
7080
+ --mds-radius-theme-md: 0.75rem;
7081
+ --mds-radius-theme-lg: 1rem;
5564
7082
  --mds-radius-theme-full: 50%;
5565
7083
  --mds-size-theme-sm-4: 0.25rem;
5566
7084
  --mds-size-theme-sm-8: 0.5rem;