@diplodoc/components 4.17.0 → 4.18.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 (104) hide show
  1. package/build/cjs/components/BookmarkButton/BookmarkButton.css.map +1 -1
  2. package/build/cjs/components/Breadcrumbs/Breadcrumbs.css.map +3 -3
  3. package/build/cjs/components/ContributorAvatars/ContributorAvatars.css.map +3 -3
  4. package/build/cjs/components/Contributors/Contributors.css.map +3 -3
  5. package/build/cjs/components/Control/Control.css.map +3 -3
  6. package/build/cjs/components/Controls/Controls.css.map +3 -3
  7. package/build/cjs/components/Controls/Controls.d.ts +3 -3
  8. package/build/cjs/components/Controls/Controls.js.map +2 -2
  9. package/build/cjs/components/Controls/single-controls/DividerControl/DividerControl.css.map +1 -1
  10. package/build/cjs/components/Controls/single-controls/LangControl/LangControl.css.map +3 -3
  11. package/build/cjs/components/Controls/single-controls/LangControl/LangControl.d.ts +2 -2
  12. package/build/cjs/components/Controls/single-controls/LangControl/LangControl.js.map +1 -1
  13. package/build/cjs/components/Controls/single-controls/SettingsControl/SettingsControl.css.map +3 -3
  14. package/build/cjs/components/DocLayout/DocLayout.css.map +3 -3
  15. package/build/cjs/components/DocLeadingPage/DocLeadingPage.css.map +3 -3
  16. package/build/cjs/components/DocPage/DocPage.css.map +3 -3
  17. package/build/cjs/components/DocPage/DocPage.d.ts +3 -3
  18. package/build/cjs/components/DocPage/DocPage.js.map +1 -1
  19. package/build/cjs/components/DocPageTitle/DocPageTitle.css.map +1 -1
  20. package/build/cjs/components/ErrorPage/ErrorPage.css.map +3 -3
  21. package/build/cjs/components/Feedback/Feedback.css.map +3 -3
  22. package/build/cjs/components/Mark/Mark.css.map +1 -1
  23. package/build/cjs/components/MiniToc/MiniToc.css.map +3 -3
  24. package/build/cjs/components/MobileControls/MobileControl/MobileControl.css.map +3 -3
  25. package/build/cjs/components/MobileControls/MobileControlSheet/MobileControlSheet.css.map +3 -3
  26. package/build/cjs/components/MobileControls/MobileControls.css.map +3 -3
  27. package/build/cjs/components/MobileControls/MobileControls.js.map +1 -1
  28. package/build/cjs/components/Paginator/Paginator.css.map +3 -3
  29. package/build/cjs/components/SearchBar/SearchBar.css.map +3 -3
  30. package/build/cjs/components/SearchItem/SearchItem.css.map +3 -3
  31. package/build/cjs/components/SearchPage/SearchPage.css.map +3 -3
  32. package/build/cjs/components/SearchSuggest/index.css.map +3 -3
  33. package/build/cjs/components/SubNavigation/SubNavigation.css.map +3 -3
  34. package/build/cjs/components/Subscribe/Subscribe.css.map +3 -3
  35. package/build/cjs/components/Toc/Toc.css.map +3 -3
  36. package/build/cjs/components/TocItem/TocItem.css +13 -0
  37. package/build/cjs/components/TocItem/TocItem.css.map +3 -3
  38. package/build/cjs/components/TocItem/TocItem.d.ts +1 -0
  39. package/build/cjs/components/TocItem/TocItem.js +6 -3
  40. package/build/cjs/components/TocItem/TocItem.js.map +2 -2
  41. package/build/cjs/components/TocLable/TocLabel.css.map +2 -2
  42. package/build/cjs/components/TocNavPanel/TocNavPanel.css.map +3 -3
  43. package/build/cjs/components/ToggleArrow/ToggleArrow.css.map +1 -1
  44. package/build/cjs/components/UpdatedAtDate/UpdatedAtDate.css.map +2 -2
  45. package/build/cjs/components/navigation/CustomNavigation/CustomNavigation.css.map +3 -3
  46. package/build/cjs/components/navigation/MobileDropdown/MobileDropdown.css.map +3 -3
  47. package/build/cjs/components/navigation/Sidebar/Sidebar.css.map +3 -3
  48. package/build/cjs/components/navigation/SidebarContent/SidebarContent.css.map +3 -3
  49. package/build/cjs/components/navigation/SidebarNavigation/SidebarNavigation.css.map +3 -3
  50. package/build/cjs/components/navigation/ToMainMenu/ToMainMenu.css.map +3 -3
  51. package/build/esm/components/BookmarkButton/BookmarkButton.css.map +1 -1
  52. package/build/esm/components/Breadcrumbs/Breadcrumbs.css.map +3 -3
  53. package/build/esm/components/ContributorAvatars/ContributorAvatars.css.map +3 -3
  54. package/build/esm/components/Contributors/Contributors.css.map +3 -3
  55. package/build/esm/components/Control/Control.css.map +3 -3
  56. package/build/esm/components/Controls/Controls.css.map +3 -3
  57. package/build/esm/components/Controls/Controls.d.ts +3 -3
  58. package/build/esm/components/Controls/Controls.js.map +2 -2
  59. package/build/esm/components/Controls/single-controls/DividerControl/DividerControl.css.map +1 -1
  60. package/build/esm/components/Controls/single-controls/LangControl/LangControl.css.map +3 -3
  61. package/build/esm/components/Controls/single-controls/LangControl/LangControl.d.ts +2 -2
  62. package/build/esm/components/Controls/single-controls/LangControl/LangControl.js.map +1 -1
  63. package/build/esm/components/Controls/single-controls/SettingsControl/SettingsControl.css.map +3 -3
  64. package/build/esm/components/DocLayout/DocLayout.css.map +3 -3
  65. package/build/esm/components/DocLeadingPage/DocLeadingPage.css.map +3 -3
  66. package/build/esm/components/DocPage/DocPage.css.map +3 -3
  67. package/build/esm/components/DocPage/DocPage.d.ts +3 -3
  68. package/build/esm/components/DocPage/DocPage.js.map +1 -1
  69. package/build/esm/components/DocPageTitle/DocPageTitle.css.map +1 -1
  70. package/build/esm/components/ErrorPage/ErrorPage.css.map +3 -3
  71. package/build/esm/components/Feedback/Feedback.css.map +3 -3
  72. package/build/esm/components/Mark/Mark.css.map +1 -1
  73. package/build/esm/components/MiniToc/MiniToc.css.map +3 -3
  74. package/build/esm/components/MobileControls/MobileControl/MobileControl.css.map +3 -3
  75. package/build/esm/components/MobileControls/MobileControlSheet/MobileControlSheet.css.map +3 -3
  76. package/build/esm/components/MobileControls/MobileControls.css.map +3 -3
  77. package/build/esm/components/MobileControls/MobileControls.js.map +1 -1
  78. package/build/esm/components/Paginator/Paginator.css.map +3 -3
  79. package/build/esm/components/SearchBar/SearchBar.css.map +3 -3
  80. package/build/esm/components/SearchItem/SearchItem.css.map +3 -3
  81. package/build/esm/components/SearchPage/SearchPage.css.map +3 -3
  82. package/build/esm/components/SearchSuggest/index.css.map +3 -3
  83. package/build/esm/components/SubNavigation/SubNavigation.css.map +3 -3
  84. package/build/esm/components/Subscribe/Subscribe.css.map +3 -3
  85. package/build/esm/components/Toc/Toc.css.map +3 -3
  86. package/build/esm/components/TocItem/TocItem.css +13 -0
  87. package/build/esm/components/TocItem/TocItem.css.map +3 -3
  88. package/build/esm/components/TocItem/TocItem.d.ts +1 -0
  89. package/build/esm/components/TocItem/TocItem.js +6 -3
  90. package/build/esm/components/TocItem/TocItem.js.map +2 -2
  91. package/build/esm/components/TocLable/TocLabel.css.map +2 -2
  92. package/build/esm/components/TocNavPanel/TocNavPanel.css.map +3 -3
  93. package/build/esm/components/ToggleArrow/ToggleArrow.css.map +1 -1
  94. package/build/esm/components/UpdatedAtDate/UpdatedAtDate.css.map +2 -2
  95. package/build/esm/components/navigation/CustomNavigation/CustomNavigation.css.map +3 -3
  96. package/build/esm/components/navigation/MobileDropdown/MobileDropdown.css.map +3 -3
  97. package/build/esm/components/navigation/Sidebar/Sidebar.css.map +3 -3
  98. package/build/esm/components/navigation/SidebarContent/SidebarContent.css.map +3 -3
  99. package/build/esm/components/navigation/SidebarNavigation/SidebarNavigation.css.map +3 -3
  100. package/build/esm/components/navigation/ToMainMenu/ToMainMenu.css.map +3 -3
  101. package/build/index.css +1785 -1
  102. package/build/index.css.map +3 -3
  103. package/build/themes/common/index.css.map +2 -2
  104. package/package.json +2 -2
package/build/index.css CHANGED
@@ -1,6 +1,1790 @@
1
- @import "@gravity-ui/uikit/styles/styles.css";
1
+ @charset "UTF-8";
2
2
 
3
3
  /* src/index.scss */
4
+ .g-root {
5
+ background: var(--g-color-base-background);
6
+ color: var(--g-color-text-primary);
7
+ --g-font-family-sans:
8
+ "Inter",
9
+ "Helvetica Neue",
10
+ "Helvetica",
11
+ "Arial",
12
+ sans-serif;
13
+ --g-font-family-monospace:
14
+ "Menlo",
15
+ "Monaco",
16
+ "Consolas",
17
+ "Ubuntu Mono",
18
+ "Liberation Mono",
19
+ "DejaVu Sans Mono",
20
+ "Courier New",
21
+ "Courier",
22
+ monospace;
23
+ --g-text-body-font-family: var(--g-font-family-sans);
24
+ --g-text-caption-font-family: var(--g-font-family-sans);
25
+ --g-text-header-font-family: var(--g-font-family-sans);
26
+ --g-text-subheader-font-family: var(--g-font-family-sans);
27
+ --g-text-display-font-family: var(--g-font-family-sans);
28
+ --g-text-code-font-family: var(--g-font-family-monospace);
29
+ --g-text-body-font-weight: 400;
30
+ --g-text-caption-font-weight: 400;
31
+ --g-text-header-font-weight: 600;
32
+ --g-text-subheader-font-weight: 600;
33
+ --g-text-display-font-weight: 600;
34
+ --g-text-code-font-weight: 400;
35
+ --g-text-accent-font-weight: 600;
36
+ --g-text-body-1-font-size: 13px;
37
+ --g-text-body-1-line-height: 18px;
38
+ --g-text-body-2-font-size: 15px;
39
+ --g-text-body-2-line-height: 20px;
40
+ --g-text-body-3-font-size: 17px;
41
+ --g-text-body-3-line-height: 24px;
42
+ --g-text-body-short-font-size: 13px;
43
+ --g-text-body-short-line-height: 16px;
44
+ --g-text-caption-1-font-size: 9px;
45
+ --g-text-caption-1-line-height: 12px;
46
+ --g-text-caption-2-font-size: 11px;
47
+ --g-text-caption-2-line-height: 16px;
48
+ --g-text-header-1-font-size: 20px;
49
+ --g-text-header-1-line-height: 24px;
50
+ --g-text-header-2-font-size: 24px;
51
+ --g-text-header-2-line-height: 28px;
52
+ --g-text-subheader-1-font-size: 13px;
53
+ --g-text-subheader-1-line-height: 18px;
54
+ --g-text-subheader-2-font-size: 15px;
55
+ --g-text-subheader-2-line-height: 20px;
56
+ --g-text-subheader-3-font-size: 17px;
57
+ --g-text-subheader-3-line-height: 24px;
58
+ --g-text-display-1-font-size: 28px;
59
+ --g-text-display-1-line-height: 36px;
60
+ --g-text-display-2-font-size: 32px;
61
+ --g-text-display-2-line-height: 40px;
62
+ --g-text-display-3-font-size: 40px;
63
+ --g-text-display-3-line-height: 48px;
64
+ --g-text-display-4-font-size: 48px;
65
+ --g-text-display-4-line-height: 52px;
66
+ --g-text-code-1-font-size: 12px;
67
+ --g-text-code-1-line-height: 18px;
68
+ --g-text-code-2-font-size: 14px;
69
+ --g-text-code-2-line-height: 20px;
70
+ --g-text-code-3-font-size: 16px;
71
+ --g-text-code-3-line-height: 24px;
72
+ --g-text-code-inline-1-font-size: 12px;
73
+ --g-text-code-inline-1-line-height: 14px;
74
+ --g-text-code-inline-2-font-size: 14px;
75
+ --g-text-code-inline-2-line-height: 16px;
76
+ --g-text-code-inline-3-font-size: 16px;
77
+ --g-text-code-inline-3-line-height: 20px;
78
+ font-family:
79
+ "Inter",
80
+ "Helvetica Neue",
81
+ "Helvetica",
82
+ "Arial",
83
+ sans-serif;
84
+ font-family: var(--g-text-body-font-family);
85
+ font-weight: 400;
86
+ font-weight: var(--g-text-body-font-weight);
87
+ font-size: 13px;
88
+ font-size: var(--g-text-body-1-font-size);
89
+ line-height: 18px;
90
+ line-height: var(--g-text-body-1-line-height);
91
+ --g-spacing-base: 4px;
92
+ --g-spacing-0: calc(var(--g-spacing-base) * 0);
93
+ --g-spacing-half: calc(var(--g-spacing-base) * 0.5);
94
+ --g-spacing-1: var(--g-spacing-base);
95
+ --g-spacing-2: calc(var(--g-spacing-base) * 2);
96
+ --g-spacing-3: calc(var(--g-spacing-base) * 3);
97
+ --g-spacing-4: calc(var(--g-spacing-base) * 4);
98
+ --g-spacing-5: calc(var(--g-spacing-base) * 5);
99
+ --g-spacing-6: calc(var(--g-spacing-base) * 6);
100
+ --g-spacing-7: calc(var(--g-spacing-base) * 7);
101
+ --g-spacing-8: calc(var(--g-spacing-base) * 8);
102
+ --g-spacing-9: calc(var(--g-spacing-base) * 9);
103
+ --g-spacing-10: calc(var(--g-spacing-base) * 10);
104
+ --g-scrollbar-width: 12px;
105
+ --g-border-radius-xs: 3px;
106
+ --g-border-radius-s: 5px;
107
+ --g-border-radius-m: 6px;
108
+ --g-border-radius-l: 8px;
109
+ --g-border-radius-xl: 10px;
110
+ --g-focus-border-radius: 2px;
111
+ }
112
+ body.g-root {
113
+ --g-flow-direction: 1;
114
+ --g-flow-is-ltr: 1;
115
+ --g-flow-is-rtl: 0;
116
+ }
117
+ .g-root[dir=ltr] {
118
+ --g-flow-direction: 1;
119
+ --g-flow-is-ltr: 1;
120
+ --g-flow-is-rtl: 0;
121
+ }
122
+ .g-root[dir=rtl] {
123
+ --g-flow-direction: -1;
124
+ --g-flow-is-ltr: 0;
125
+ --g-flow-is-rtl: 1;
126
+ }
127
+ .g-root_theme_light {
128
+ --g-color-private-white-50: rgba(255, 255, 255, 0.05);
129
+ --g-color-private-white-70: rgba(255, 255, 255, 0.07);
130
+ --g-color-private-white-100: rgba(255, 255, 255, 0.1);
131
+ --g-color-private-white-150: rgba(255, 255, 255, 0.15);
132
+ --g-color-private-white-200: rgba(255, 255, 255, 0.2);
133
+ --g-color-private-white-250: rgba(255, 255, 255, 0.25);
134
+ --g-color-private-white-300: rgba(255, 255, 255, 0.3);
135
+ --g-color-private-white-350: rgba(255, 255, 255, 0.35);
136
+ --g-color-private-white-400: rgba(255, 255, 255, 0.4);
137
+ --g-color-private-white-450: rgba(255, 255, 255, 0.45);
138
+ --g-color-private-white-500: rgba(255, 255, 255, 0.5);
139
+ --g-color-private-white-550: rgba(255, 255, 255, 0.55);
140
+ --g-color-private-white-600: rgba(255, 255, 255, 0.6);
141
+ --g-color-private-white-650: rgba(255, 255, 255, 0.65);
142
+ --g-color-private-white-700: rgba(255, 255, 255, 0.7);
143
+ --g-color-private-white-750: rgba(255, 255, 255, 0.75);
144
+ --g-color-private-white-800: rgba(255, 255, 255, 0.8);
145
+ --g-color-private-white-850: rgba(255, 255, 255, 0.85);
146
+ --g-color-private-white-900: rgba(255, 255, 255, 0.9);
147
+ --g-color-private-white-950: rgba(255, 255, 255, 0.95);
148
+ --g-color-private-white-1000-solid: rgb(255, 255, 255);
149
+ --g-color-private-black-50: rgba(0, 0, 0, 0.05);
150
+ --g-color-private-black-70: rgba(0, 0, 0, 0.07);
151
+ --g-color-private-black-100: rgba(0, 0, 0, 0.1);
152
+ --g-color-private-black-150: rgba(0, 0, 0, 0.15);
153
+ --g-color-private-black-200: rgba(0, 0, 0, 0.2);
154
+ --g-color-private-black-250: rgba(0, 0, 0, 0.25);
155
+ --g-color-private-black-300: rgba(0, 0, 0, 0.3);
156
+ --g-color-private-black-350: rgba(0, 0, 0, 0.35);
157
+ --g-color-private-black-400: rgba(0, 0, 0, 0.4);
158
+ --g-color-private-black-450: rgba(0, 0, 0, 0.45);
159
+ --g-color-private-black-500: rgba(0, 0, 0, 0.5);
160
+ --g-color-private-black-550: rgba(0, 0, 0, 0.55);
161
+ --g-color-private-black-600: rgba(0, 0, 0, 0.6);
162
+ --g-color-private-black-650: rgba(0, 0, 0, 0.65);
163
+ --g-color-private-black-700: rgba(0, 0, 0, 0.7);
164
+ --g-color-private-black-750: rgba(0, 0, 0, 0.75);
165
+ --g-color-private-black-800: rgba(0, 0, 0, 0.8);
166
+ --g-color-private-black-850: rgba(0, 0, 0, 0.85);
167
+ --g-color-private-black-900: rgba(0, 0, 0, 0.9);
168
+ --g-color-private-black-950: rgba(0, 0, 0, 0.95);
169
+ --g-color-private-black-20-solid: rgb(250, 250, 250);
170
+ --g-color-private-black-50-solid: rgb(242, 242, 242);
171
+ --g-color-private-black-100-solid: rgb(229, 229, 229);
172
+ --g-color-private-black-150-solid: rgb(217, 217, 217);
173
+ --g-color-private-black-200-solid: rgb(204, 204, 204);
174
+ --g-color-private-black-250-solid: rgb(191, 191, 191);
175
+ --g-color-private-black-300-solid: rgb(179, 179, 179);
176
+ --g-color-private-black-350-solid: rgb(166, 166, 166);
177
+ --g-color-private-black-400-solid: rgb(153, 153, 153);
178
+ --g-color-private-black-450-solid: rgb(140, 140, 140);
179
+ --g-color-private-black-500-solid: rgb(128, 128, 128);
180
+ --g-color-private-black-550-solid: rgb(115, 115, 115);
181
+ --g-color-private-black-600-solid: rgb(102, 102, 102);
182
+ --g-color-private-black-650-solid: rgb(89, 89, 89);
183
+ --g-color-private-black-700-solid: rgb(76, 76, 76);
184
+ --g-color-private-black-750-solid: rgb(64, 64, 64);
185
+ --g-color-private-black-800-solid: rgb(51, 51, 51);
186
+ --g-color-private-black-850-solid: rgb(38, 38, 38);
187
+ --g-color-private-black-900-solid: rgb(26, 26, 26);
188
+ --g-color-private-black-950-solid: rgb(13, 13, 13);
189
+ --g-color-private-black-1000-solid: rgb(0, 0, 0);
190
+ --g-color-private-blue-50: rgba(54, 151, 241, 0.1);
191
+ --g-color-private-blue-100: rgba(54, 151, 241, 0.15);
192
+ --g-color-private-blue-150: rgba(54, 151, 241, 0.2);
193
+ --g-color-private-blue-200: rgba(54, 151, 241, 0.3);
194
+ --g-color-private-blue-250: rgba(54, 151, 241, 0.4);
195
+ --g-color-private-blue-300: rgba(54, 151, 241, 0.5);
196
+ --g-color-private-blue-350: rgba(54, 151, 241, 0.6);
197
+ --g-color-private-blue-400: rgba(54, 151, 241, 0.7);
198
+ --g-color-private-blue-450: rgba(54, 151, 241, 0.8);
199
+ --g-color-private-blue-500: rgba(54, 151, 241, 0.9);
200
+ --g-color-private-blue-50-solid: rgb(235, 245, 254);
201
+ --g-color-private-blue-100-solid: rgb(225, 239, 253);
202
+ --g-color-private-blue-150-solid: rgb(215, 234, 252);
203
+ --g-color-private-blue-200-solid: rgb(195, 224, 251);
204
+ --g-color-private-blue-250-solid: rgb(175, 213, 249);
205
+ --g-color-private-blue-300-solid: rgb(155, 203, 248);
206
+ --g-color-private-blue-350-solid: rgb(134, 193, 247);
207
+ --g-color-private-blue-400-solid: rgb(114, 182, 245);
208
+ --g-color-private-blue-450-solid: rgb(94, 172, 244);
209
+ --g-color-private-blue-500-solid: rgb(74, 161, 242);
210
+ --g-color-private-blue-550-solid: rgb(54, 151, 241);
211
+ --g-color-private-blue-600-solid: rgb(52, 139, 220);
212
+ --g-color-private-blue-650-solid: rgb(50, 127, 200);
213
+ --g-color-private-blue-700-solid: rgb(48, 114, 179);
214
+ --g-color-private-blue-750-solid: rgb(46, 102, 158);
215
+ --g-color-private-blue-800-solid: rgb(44, 90, 138);
216
+ --g-color-private-blue-850-solid: rgb(42, 78, 117);
217
+ --g-color-private-blue-900-solid: rgb(40, 66, 96);
218
+ --g-color-private-blue-950-solid: rgb(38, 53, 75);
219
+ --g-color-private-blue-1000-solid: rgb(37, 47, 65);
220
+ --g-color-private-green-50: rgba(50, 186, 118, 0.1);
221
+ --g-color-private-green-100: rgba(50, 186, 118, 0.15);
222
+ --g-color-private-green-150: rgba(50, 186, 118, 0.2);
223
+ --g-color-private-green-200: rgba(50, 186, 118, 0.3);
224
+ --g-color-private-green-250: rgba(50, 186, 118, 0.4);
225
+ --g-color-private-green-300: rgba(50, 186, 118, 0.5);
226
+ --g-color-private-green-350: rgba(50, 186, 118, 0.6);
227
+ --g-color-private-green-400: rgba(50, 186, 118, 0.7);
228
+ --g-color-private-green-450: rgba(50, 186, 118, 0.8);
229
+ --g-color-private-green-500: rgba(50, 186, 118, 0.9);
230
+ --g-color-private-green-50-solid: rgb(235, 248, 241);
231
+ --g-color-private-green-100-solid: rgb(224, 245, 234);
232
+ --g-color-private-green-150-solid: rgb(214, 241, 228);
233
+ --g-color-private-green-200-solid: rgb(194, 234, 214);
234
+ --g-color-private-green-250-solid: rgb(173, 227, 200);
235
+ --g-color-private-green-300-solid: rgb(153, 221, 187);
236
+ --g-color-private-green-350-solid: rgb(132, 214, 173);
237
+ --g-color-private-green-400-solid: rgb(112, 207, 159);
238
+ --g-color-private-green-450-solid: rgb(91, 200, 145);
239
+ --g-color-private-green-500-solid: rgb(71, 193, 132);
240
+ --g-color-private-green-550-solid: rgb(50, 186, 118);
241
+ --g-color-private-green-600-solid: rgb(48, 170, 110);
242
+ --g-color-private-green-650-solid: rgb(47, 155, 101);
243
+ --g-color-private-green-700-solid: rgb(45, 139, 93);
244
+ --g-color-private-green-750-solid: rgb(44, 123, 84);
245
+ --g-color-private-green-800-solid: rgb(42, 108, 76);
246
+ --g-color-private-green-850-solid: rgb(40, 92, 68);
247
+ --g-color-private-green-900-solid: rgb(39, 76, 59);
248
+ --g-color-private-green-950-solid: rgb(37, 60, 51);
249
+ --g-color-private-green-1000-solid: rgb(36, 53, 47);
250
+ --g-color-private-yellow-50: rgba(255, 190, 92, 0.1);
251
+ --g-color-private-yellow-100: rgba(255, 190, 92, 0.15);
252
+ --g-color-private-yellow-150: rgba(255, 190, 92, 0.2);
253
+ --g-color-private-yellow-200: rgba(255, 190, 92, 0.3);
254
+ --g-color-private-yellow-250: rgba(255, 190, 92, 0.4);
255
+ --g-color-private-yellow-300: rgba(255, 190, 92, 0.5);
256
+ --g-color-private-yellow-350: rgba(255, 190, 92, 0.6);
257
+ --g-color-private-yellow-400: rgba(255, 190, 92, 0.7);
258
+ --g-color-private-yellow-450: rgba(255, 190, 92, 0.8);
259
+ --g-color-private-yellow-500: rgba(255, 190, 92, 0.9);
260
+ --g-color-private-yellow-50-solid: rgb(255, 249, 239);
261
+ --g-color-private-yellow-100-solid: rgb(255, 245, 231);
262
+ --g-color-private-yellow-150-solid: rgb(255, 242, 222);
263
+ --g-color-private-yellow-200-solid: rgb(255, 236, 206);
264
+ --g-color-private-yellow-250-solid: rgb(255, 229, 190);
265
+ --g-color-private-yellow-300-solid: rgb(255, 223, 174);
266
+ --g-color-private-yellow-350-solid: rgb(255, 216, 157);
267
+ --g-color-private-yellow-400-solid: rgb(255, 210, 141);
268
+ --g-color-private-yellow-450-solid: rgb(255, 203, 125);
269
+ --g-color-private-yellow-500-solid: rgb(255, 197, 108);
270
+ --g-color-private-yellow-550-solid: rgb(255, 190, 92);
271
+ --g-color-private-yellow-600-solid: rgb(233, 174, 86);
272
+ --g-color-private-yellow-650-solid: rgb(211, 158, 80);
273
+ --g-color-private-yellow-700-solid: rgb(189, 142, 75);
274
+ --g-color-private-yellow-750-solid: rgb(167, 126, 69);
275
+ --g-color-private-yellow-800-solid: rgb(145, 110, 63);
276
+ --g-color-private-yellow-850-solid: rgb(122, 93, 57);
277
+ --g-color-private-yellow-900-solid: rgb(100, 77, 51);
278
+ --g-color-private-yellow-950-solid: rgb(78, 61, 46);
279
+ --g-color-private-yellow-1000-solid: rgb(67, 53, 43);
280
+ --g-color-private-orange-50: rgba(255, 119, 0, 0.1);
281
+ --g-color-private-orange-100: rgba(255, 119, 0, 0.15);
282
+ --g-color-private-orange-150: rgba(255, 119, 0, 0.2);
283
+ --g-color-private-orange-200: rgba(255, 119, 0, 0.3);
284
+ --g-color-private-orange-250: rgba(255, 119, 0, 0.4);
285
+ --g-color-private-orange-300: rgba(255, 119, 0, 0.5);
286
+ --g-color-private-orange-350: rgba(255, 119, 0, 0.6);
287
+ --g-color-private-orange-400: rgba(255, 119, 0, 0.7);
288
+ --g-color-private-orange-450: rgba(255, 119, 0, 0.8);
289
+ --g-color-private-orange-500: rgba(255, 119, 0, 0.9);
290
+ --g-color-private-orange-50-solid: rgb(255, 241, 230);
291
+ --g-color-private-orange-100-solid: rgb(255, 235, 217);
292
+ --g-color-private-orange-150-solid: rgb(255, 228, 204);
293
+ --g-color-private-orange-200-solid: rgb(255, 214, 179);
294
+ --g-color-private-orange-250-solid: rgb(255, 201, 153);
295
+ --g-color-private-orange-300-solid: rgb(255, 187, 128);
296
+ --g-color-private-orange-350-solid: rgb(255, 173, 102);
297
+ --g-color-private-orange-400-solid: rgb(255, 160, 77);
298
+ --g-color-private-orange-450-solid: rgb(255, 146, 51);
299
+ --g-color-private-orange-500-solid: rgb(255, 133, 25);
300
+ --g-color-private-orange-550-solid: rgb(255, 119, 0);
301
+ --g-color-private-orange-600-solid: rgb(233, 110, 3);
302
+ --g-color-private-orange-650-solid: rgb(211, 101, 7);
303
+ --g-color-private-orange-700-solid: rgb(189, 92, 10);
304
+ --g-color-private-orange-750-solid: rgb(167, 83, 14);
305
+ --g-color-private-orange-800-solid: rgb(145, 74, 17);
306
+ --g-color-private-orange-850-solid: rgb(122, 65, 20);
307
+ --g-color-private-orange-900-solid: rgb(100, 56, 24);
308
+ --g-color-private-orange-950-solid: rgb(78, 47, 27);
309
+ --g-color-private-orange-1000-solid: rgb(67, 43, 29);
310
+ --g-color-private-red-50: rgba(255, 0, 61, 0.1);
311
+ --g-color-private-red-100: rgba(255, 0, 61, 0.15);
312
+ --g-color-private-red-150: rgba(255, 0, 61, 0.2);
313
+ --g-color-private-red-200: rgba(255, 0, 61, 0.3);
314
+ --g-color-private-red-250: rgba(255, 0, 61, 0.4);
315
+ --g-color-private-red-300: rgba(255, 0, 61, 0.5);
316
+ --g-color-private-red-350: rgba(255, 0, 61, 0.6);
317
+ --g-color-private-red-400: rgba(255, 0, 61, 0.7);
318
+ --g-color-private-red-450: rgba(255, 0, 61, 0.8);
319
+ --g-color-private-red-500: rgba(255, 0, 61, 0.9);
320
+ --g-color-private-red-50-solid: rgb(255, 230, 236);
321
+ --g-color-private-red-100-solid: rgb(255, 217, 226);
322
+ --g-color-private-red-150-solid: rgb(255, 204, 216);
323
+ --g-color-private-red-200-solid: rgb(255, 179, 197);
324
+ --g-color-private-red-250-solid: rgb(255, 153, 177);
325
+ --g-color-private-red-300-solid: rgb(255, 128, 158);
326
+ --g-color-private-red-350-solid: rgb(255, 102, 139);
327
+ --g-color-private-red-400-solid: rgb(255, 77, 119);
328
+ --g-color-private-red-450-solid: rgb(255, 51, 100);
329
+ --g-color-private-red-500-solid: rgb(255, 25, 80);
330
+ --g-color-private-red-550-solid: rgb(255, 0, 61);
331
+ --g-color-private-red-600-solid: rgb(233, 3, 58);
332
+ --g-color-private-red-650-solid: rgb(211, 6, 56);
333
+ --g-color-private-red-700-solid: rgb(189, 9, 53);
334
+ --g-color-private-red-750-solid: rgb(167, 12, 50);
335
+ --g-color-private-red-800-solid: rgb(145, 15, 48);
336
+ --g-color-private-red-850-solid: rgb(122, 17, 45);
337
+ --g-color-private-red-900-solid: rgb(100, 20, 42);
338
+ --g-color-private-red-950-solid: rgb(78, 23, 39);
339
+ --g-color-private-red-1000-solid: rgb(67, 25, 38);
340
+ --g-color-private-purple-50: rgba(143, 82, 204, 0.1);
341
+ --g-color-private-purple-100: rgba(143, 82, 204, 0.15);
342
+ --g-color-private-purple-150: rgba(143, 82, 204, 0.2);
343
+ --g-color-private-purple-200: rgba(143, 82, 204, 0.3);
344
+ --g-color-private-purple-250: rgba(143, 82, 204, 0.4);
345
+ --g-color-private-purple-300: rgba(143, 82, 204, 0.5);
346
+ --g-color-private-purple-350: rgba(143, 82, 204, 0.6);
347
+ --g-color-private-purple-400: rgba(143, 82, 204, 0.7);
348
+ --g-color-private-purple-450: rgba(143, 82, 204, 0.8);
349
+ --g-color-private-purple-500: rgba(143, 82, 204, 0.9);
350
+ --g-color-private-purple-50-solid: rgb(244, 238, 250);
351
+ --g-color-private-purple-100-solid: rgb(238, 229, 247);
352
+ --g-color-private-purple-150-solid: rgb(233, 220, 245);
353
+ --g-color-private-purple-200-solid: rgb(221, 203, 240);
354
+ --g-color-private-purple-250-solid: rgb(210, 186, 235);
355
+ --g-color-private-purple-300-solid: rgb(199, 169, 230);
356
+ --g-color-private-purple-350-solid: rgb(188, 151, 224);
357
+ --g-color-private-purple-400-solid: rgb(177, 134, 219);
358
+ --g-color-private-purple-450-solid: rgb(165, 117, 214);
359
+ --g-color-private-purple-500-solid: rgb(154, 99, 209);
360
+ --g-color-private-purple-550-solid: rgb(143, 82, 204);
361
+ --g-color-private-purple-600-solid: rgb(132, 77, 187);
362
+ --g-color-private-purple-650-solid: rgb(121, 71, 170);
363
+ --g-color-private-purple-700-solid: rgb(110, 66, 153);
364
+ --g-color-private-purple-750-solid: rgb(99, 61, 136);
365
+ --g-color-private-purple-800-solid: rgb(89, 56, 119);
366
+ --g-color-private-purple-850-solid: rgb(78, 50, 102);
367
+ --g-color-private-purple-900-solid: rgb(67, 45, 85);
368
+ --g-color-private-purple-950-solid: rgb(56, 40, 68);
369
+ --g-color-private-purple-1000-solid: rgb(50, 37, 60);
370
+ --g-color-private-cool-grey-50: rgba(107, 132, 153, 0.1);
371
+ --g-color-private-cool-grey-100: rgba(107, 132, 153, 0.15);
372
+ --g-color-private-cool-grey-150: rgba(107, 132, 153, 0.2);
373
+ --g-color-private-cool-grey-200: rgba(107, 132, 153, 0.3);
374
+ --g-color-private-cool-grey-250: rgba(107, 132, 153, 0.4);
375
+ --g-color-private-cool-grey-300: rgba(107, 132, 153, 0.5);
376
+ --g-color-private-cool-grey-350: rgba(107, 132, 153, 0.6);
377
+ --g-color-private-cool-grey-400: rgba(107, 132, 153, 0.7);
378
+ --g-color-private-cool-grey-450: rgba(107, 132, 153, 0.8);
379
+ --g-color-private-cool-grey-500: rgba(107, 132, 153, 0.9);
380
+ --g-color-private-cool-grey-50-solid: rgb(240, 243, 245);
381
+ --g-color-private-cool-grey-100-solid: rgb(233, 237, 240);
382
+ --g-color-private-cool-grey-150-solid: rgb(225, 230, 235);
383
+ --g-color-private-cool-grey-200-solid: rgb(211, 218, 224);
384
+ --g-color-private-cool-grey-250-solid: rgb(196, 206, 214);
385
+ --g-color-private-cool-grey-300-solid: rgb(181, 194, 204);
386
+ --g-color-private-cool-grey-350-solid: rgb(166, 181, 194);
387
+ --g-color-private-cool-grey-400-solid: rgb(151, 169, 184);
388
+ --g-color-private-cool-grey-450-solid: rgb(137, 157, 173);
389
+ --g-color-private-cool-grey-500-solid: rgb(122, 144, 163);
390
+ --g-color-private-cool-grey-550-solid: rgb(107, 132, 153);
391
+ --g-color-private-cool-grey-600-solid: rgb(100, 122, 141);
392
+ --g-color-private-cool-grey-650-solid: rgb(92, 111, 129);
393
+ --g-color-private-cool-grey-700-solid: rgb(85, 101, 117);
394
+ --g-color-private-cool-grey-750-solid: rgb(78, 91, 105);
395
+ --g-color-private-cool-grey-800-solid: rgb(71, 81, 94);
396
+ --g-color-private-cool-grey-850-solid: rgb(63, 70, 82);
397
+ --g-color-private-cool-grey-900-solid: rgb(56, 60, 70);
398
+ --g-color-private-cool-grey-950-solid: rgb(49, 50, 58);
399
+ --g-color-private-cool-grey-1000-solid: rgb(45, 44, 52);
400
+ --g-color-text-primary: var(--g-color-text-dark-primary);
401
+ --g-color-text-complementary: var(--g-color-text-dark-complementary);
402
+ --g-color-text-secondary: var(--g-color-text-dark-secondary);
403
+ --g-color-text-hint: var(--g-color-text-dark-hint);
404
+ --g-color-text-info: var(--g-color-private-blue-600-solid);
405
+ --g-color-text-positive: var(--g-color-private-green-600-solid);
406
+ --g-color-text-warning: var(--g-color-private-yellow-700-solid);
407
+ --g-color-text-danger: var(--g-color-private-red-600-solid);
408
+ --g-color-text-utility: var(--g-color-private-purple-600-solid);
409
+ --g-color-text-misc: var(--g-color-private-cool-grey-600-solid);
410
+ --g-color-text-info-heavy: var(--g-color-private-blue-700-solid);
411
+ --g-color-text-positive-heavy: var(--g-color-private-green-700-solid);
412
+ --g-color-text-warning-heavy: var(--g-color-private-orange-700-solid);
413
+ --g-color-text-danger-heavy: var(--g-color-private-red-700-solid);
414
+ --g-color-text-utility-heavy: var(--g-color-private-purple-700-solid);
415
+ --g-color-text-misc-heavy: var(--g-color-private-cool-grey-700-solid);
416
+ --g-color-text-brand: var(--g-color-private-yellow-700-solid);
417
+ --g-color-text-brand-heavy: var(--g-color-private-orange-700-solid);
418
+ --g-color-text-brand-contrast: var(--g-color-text-dark-primary);
419
+ --g-color-text-link: var(--g-color-private-yellow-650-solid);
420
+ --g-color-text-link-hover: var(--g-color-private-orange-650-solid);
421
+ --g-color-text-link-visited: var(--g-color-private-purple-550-solid);
422
+ --g-color-text-link-visited-hover: var(--g-color-private-purple-800-solid);
423
+ --g-color-text-dark-primary: var(--g-color-private-black-850);
424
+ --g-color-text-dark-complementary: var(--g-color-private-black-700);
425
+ --g-color-text-dark-secondary: var(--g-color-private-black-500);
426
+ --g-color-text-dark-hint: var(--g-color-private-black-300);
427
+ --g-color-text-light-primary: var(--g-color-private-white-1000-solid);
428
+ --g-color-text-light-complementary: var(--g-color-private-white-850);
429
+ --g-color-text-light-secondary: var(--g-color-private-white-700);
430
+ --g-color-text-light-hint: var(--g-color-private-white-500);
431
+ --g-color-text-inverted-primary: var(--g-color-text-light-primary);
432
+ --g-color-text-inverted-complementary: var(--g-color-text-light-complementary);
433
+ --g-color-text-inverted-secondary: var(--g-color-text-light-secondary);
434
+ --g-color-text-inverted-hint: var(--g-color-text-light-hint);
435
+ --g-color-base-background: var(--g-color-private-white-1000-solid);
436
+ --g-color-base-generic: var(--g-color-private-black-50);
437
+ --g-color-base-generic-hover: var(--g-color-private-black-150);
438
+ --g-color-base-generic-medium: var(--g-color-private-black-150);
439
+ --g-color-base-generic-medium-hover: var(--g-color-private-black-250);
440
+ --g-color-base-generic-accent: var(--g-color-private-black-150);
441
+ --g-color-base-generic-accent-disabled: var(--g-color-private-black-70);
442
+ --g-color-base-generic-ultralight: var(--g-color-private-black-20-solid);
443
+ --g-color-base-simple-hover: var(--g-color-private-black-50);
444
+ --g-color-base-simple-hover-solid: var(--g-color-private-black-50-solid);
445
+ --g-color-base-brand: var(--g-color-private-yellow-550-solid);
446
+ --g-color-base-brand-hover: var(--g-color-private-yellow-600-solid);
447
+ --g-color-base-selection: var(--g-color-private-yellow-200);
448
+ --g-color-base-selection-hover: var(--g-color-private-yellow-300);
449
+ --g-color-base-info-light: var(--g-color-private-blue-100);
450
+ --g-color-base-info-light-hover: var(--g-color-private-blue-200);
451
+ --g-color-base-info-medium: var(--g-color-private-blue-200);
452
+ --g-color-base-info-medium-hover: var(--g-color-private-blue-300);
453
+ --g-color-base-info-heavy: var(--g-color-private-blue-600-solid);
454
+ --g-color-base-info-heavy-hover: var(--g-color-private-blue-700-solid);
455
+ --g-color-base-positive-light: var(--g-color-private-green-100);
456
+ --g-color-base-positive-light-hover: var(--g-color-private-green-200);
457
+ --g-color-base-positive-medium: var(--g-color-private-green-200);
458
+ --g-color-base-positive-medium-hover: var(--g-color-private-green-300);
459
+ --g-color-base-positive-heavy: var(--g-color-private-green-600-solid);
460
+ --g-color-base-positive-heavy-hover: var(--g-color-private-green-700-solid);
461
+ --g-color-base-warning-light: var(--g-color-private-yellow-200);
462
+ --g-color-base-warning-light-hover: var(--g-color-private-yellow-300);
463
+ --g-color-base-warning-medium: var(--g-color-private-yellow-400);
464
+ --g-color-base-warning-medium-hover: var(--g-color-private-yellow-500);
465
+ --g-color-base-warning-heavy: var(--g-color-private-yellow-550-solid);
466
+ --g-color-base-warning-heavy-hover: var(--g-color-private-yellow-650-solid);
467
+ --g-color-base-danger-light: var(--g-color-private-red-100);
468
+ --g-color-base-danger-light-hover: var(--g-color-private-red-200);
469
+ --g-color-base-danger-medium: var(--g-color-private-red-200);
470
+ --g-color-base-danger-medium-hover: var(--g-color-private-red-300);
471
+ --g-color-base-danger-heavy: var(--g-color-private-red-600-solid);
472
+ --g-color-base-danger-heavy-hover: var(--g-color-private-red-700-solid);
473
+ --g-color-base-utility-light: var(--g-color-private-purple-100);
474
+ --g-color-base-utility-light-hover: var(--g-color-private-purple-200);
475
+ --g-color-base-utility-medium: var(--g-color-private-purple-200);
476
+ --g-color-base-utility-medium-hover: var(--g-color-private-purple-300);
477
+ --g-color-base-utility-heavy: var(--g-color-private-purple-600-solid);
478
+ --g-color-base-utility-heavy-hover: var(--g-color-private-purple-700-solid);
479
+ --g-color-base-neutral-light: var(--g-color-private-black-50);
480
+ --g-color-base-neutral-light-hover: var(--g-color-private-black-100);
481
+ --g-color-base-neutral-medium: var(--g-color-private-black-200);
482
+ --g-color-base-neutral-medium-hover: var(--g-color-private-black-250);
483
+ --g-color-base-neutral-heavy: var(--g-color-private-black-450);
484
+ --g-color-base-neutral-heavy-hover: var(--g-color-private-black-550);
485
+ --g-color-base-misc-light: var(--g-color-private-cool-grey-100);
486
+ --g-color-base-misc-light-hover: var(--g-color-private-cool-grey-200);
487
+ --g-color-base-misc-medium: var(--g-color-private-cool-grey-200);
488
+ --g-color-base-misc-medium-hover: var(--g-color-private-cool-grey-300);
489
+ --g-color-base-misc-heavy: var(--g-color-private-cool-grey-600-solid);
490
+ --g-color-base-misc-heavy-hover: var(--g-color-private-cool-grey-700-solid);
491
+ --g-color-base-light: var(--g-color-private-white-1000-solid);
492
+ --g-color-base-light-hover: var(--g-color-private-white-850);
493
+ --g-color-base-light-simple-hover: var(--g-color-private-white-150);
494
+ --g-color-base-light-disabled: var(--g-color-private-white-150);
495
+ --g-color-base-light-accent-disabled: var(--g-color-private-white-300);
496
+ --g-color-base-float: var(--g-color-private-white-1000-solid);
497
+ --g-color-base-float-hover: var(--g-color-private-black-50-solid);
498
+ --g-color-base-float-medium: var(--g-color-private-black-550-solid);
499
+ --g-color-base-float-heavy: var(--g-color-private-black-700-solid);
500
+ --g-color-base-float-accent: var(--g-color-private-white-1000-solid);
501
+ --g-color-base-float-accent-hover: var(--g-color-private-white-850);
502
+ --g-color-base-float-announcement: var(--g-color-private-cool-grey-50-solid);
503
+ --g-color-base-modal: var(--g-color-base-background);
504
+ --g-color-line-generic: var(--g-color-private-black-100);
505
+ --g-color-line-generic-hover: var(--g-color-private-black-150);
506
+ --g-color-line-generic-active: var(--g-color-private-black-300);
507
+ --g-color-line-generic-accent: var(--g-color-private-black-150);
508
+ --g-color-line-generic-accent-hover: var(--g-color-private-black-300);
509
+ --g-color-line-generic-solid: var(--g-color-private-black-100-solid);
510
+ --g-color-line-brand: var(--g-color-private-yellow-600-solid);
511
+ --g-color-line-focus: var(--g-color-private-cool-grey-450);
512
+ --g-color-line-light: var(--g-color-private-white-500);
513
+ --g-color-line-info: var(--g-color-private-blue-450);
514
+ --g-color-line-positive: var(--g-color-private-green-450);
515
+ --g-color-line-warning: var(--g-color-private-yellow-600-solid);
516
+ --g-color-line-danger: var(--g-color-private-red-450);
517
+ --g-color-line-utility: var(--g-color-private-purple-450);
518
+ --g-color-line-misc: var(--g-color-private-cool-grey-450);
519
+ --g-color-sfx-veil: var(--g-color-private-black-250);
520
+ --g-color-sfx-shadow: var(--g-color-private-black-150);
521
+ --g-color-sfx-shadow-heavy: var(--g-color-private-black-500);
522
+ --g-color-sfx-shadow-light: var(--g-color-private-black-50);
523
+ --g-color-sfx-fade: var(--g-color-private-white-300);
524
+ --g-color-scroll-track: var(--g-color-base-background);
525
+ --g-color-scroll-handle: var(--g-color-private-black-100);
526
+ --g-color-scroll-handle-hover: var(--g-color-private-black-150);
527
+ --g-color-scroll-corner: var(--g-color-private-black-100);
528
+ --g-color-infographics-axis: var(--g-color-private-black-150-solid);
529
+ --g-color-infographics-tooltip-bg: var(--g-color-private-white-950);
530
+ }
531
+ .g-root_theme_dark {
532
+ --g-color-private-white-50: rgba(255, 255, 255, 0.05);
533
+ --g-color-private-white-70: rgba(255, 255, 255, 0.07);
534
+ --g-color-private-white-100: rgba(255, 255, 255, 0.1);
535
+ --g-color-private-white-150: rgba(255, 255, 255, 0.15);
536
+ --g-color-private-white-200: rgba(255, 255, 255, 0.2);
537
+ --g-color-private-white-250: rgba(255, 255, 255, 0.25);
538
+ --g-color-private-white-300: rgba(255, 255, 255, 0.3);
539
+ --g-color-private-white-350: rgba(255, 255, 255, 0.35);
540
+ --g-color-private-white-400: rgba(255, 255, 255, 0.4);
541
+ --g-color-private-white-450: rgba(255, 255, 255, 0.45);
542
+ --g-color-private-white-500: rgba(255, 255, 255, 0.5);
543
+ --g-color-private-white-550: rgba(255, 255, 255, 0.55);
544
+ --g-color-private-white-600: rgba(255, 255, 255, 0.6);
545
+ --g-color-private-white-650: rgba(255, 255, 255, 0.65);
546
+ --g-color-private-white-700: rgba(255, 255, 255, 0.7);
547
+ --g-color-private-white-750: rgba(255, 255, 255, 0.75);
548
+ --g-color-private-white-800: rgba(255, 255, 255, 0.8);
549
+ --g-color-private-white-850: rgba(255, 255, 255, 0.85);
550
+ --g-color-private-white-900: rgba(255, 255, 255, 0.9);
551
+ --g-color-private-white-950: rgba(255, 255, 255, 0.95);
552
+ --g-color-private-white-20-solid: rgb(38, 34, 38);
553
+ --g-color-private-white-50-solid: rgb(45, 40, 45);
554
+ --g-color-private-white-70-solid: rgb(49, 45, 49);
555
+ --g-color-private-white-100-solid: rgb(56, 52, 56);
556
+ --g-color-private-white-150-solid: rgb(67, 63, 67);
557
+ --g-color-private-white-200-solid: rgb(78, 74, 78);
558
+ --g-color-private-white-250-solid: rgb(89, 85, 89);
559
+ --g-color-private-white-300-solid: rgb(100, 97, 100);
560
+ --g-color-private-white-350-solid: rgb(111, 108, 111);
561
+ --g-color-private-white-400-solid: rgb(122, 119, 122);
562
+ --g-color-private-white-450-solid: rgb(133, 131, 133);
563
+ --g-color-private-white-500-solid: rgb(144, 142, 144);
564
+ --g-color-private-white-550-solid: rgb(156, 153, 156);
565
+ --g-color-private-white-600-solid: rgb(167, 165, 167);
566
+ --g-color-private-white-650-solid: rgb(178, 176, 178);
567
+ --g-color-private-white-700-solid: rgb(189, 187, 189);
568
+ --g-color-private-white-750-solid: rgb(200, 198, 200);
569
+ --g-color-private-white-800-solid: rgb(211, 210, 211);
570
+ --g-color-private-white-850-solid: rgb(222, 221, 222);
571
+ --g-color-private-white-900-solid: rgb(233, 232, 233);
572
+ --g-color-private-white-950-solid: rgb(244, 244, 244);
573
+ --g-color-private-white-1000-solid: rgb(255, 255, 255);
574
+ --g-color-private-white-opaque-150: rgba(76, 75, 81, 0.95);
575
+ --g-color-private-black-20: rgba(0, 0, 0, 0.02);
576
+ --g-color-private-black-50: rgba(0, 0, 0, 0.05);
577
+ --g-color-private-black-100: rgba(0, 0, 0, 0.1);
578
+ --g-color-private-black-150: rgba(0, 0, 0, 0.15);
579
+ --g-color-private-black-200: rgba(0, 0, 0, 0.2);
580
+ --g-color-private-black-250: rgba(0, 0, 0, 0.25);
581
+ --g-color-private-black-300: rgba(0, 0, 0, 0.3);
582
+ --g-color-private-black-350: rgba(0, 0, 0, 0.35);
583
+ --g-color-private-black-400: rgba(0, 0, 0, 0.4);
584
+ --g-color-private-black-450: rgba(0, 0, 0, 0.45);
585
+ --g-color-private-black-500: rgba(0, 0, 0, 0.5);
586
+ --g-color-private-black-550: rgba(0, 0, 0, 0.55);
587
+ --g-color-private-black-600: rgba(0, 0, 0, 0.6);
588
+ --g-color-private-black-650: rgba(0, 0, 0, 0.65);
589
+ --g-color-private-black-700: rgba(0, 0, 0, 0.7);
590
+ --g-color-private-black-750: rgba(0, 0, 0, 0.75);
591
+ --g-color-private-black-800: rgba(0, 0, 0, 0.8);
592
+ --g-color-private-black-850: rgba(0, 0, 0, 0.85);
593
+ --g-color-private-black-900: rgba(0, 0, 0, 0.9);
594
+ --g-color-private-black-950: rgba(0, 0, 0, 0.95);
595
+ --g-color-private-black-1000-solid: rgb(0, 0, 0);
596
+ --g-color-private-blue-50: rgba(54, 151, 241, 0.1);
597
+ --g-color-private-blue-100: rgba(54, 151, 241, 0.15);
598
+ --g-color-private-blue-150: rgba(54, 151, 241, 0.2);
599
+ --g-color-private-blue-200: rgba(54, 151, 241, 0.3);
600
+ --g-color-private-blue-250: rgba(54, 151, 241, 0.4);
601
+ --g-color-private-blue-300: rgba(54, 151, 241, 0.5);
602
+ --g-color-private-blue-350: rgba(54, 151, 241, 0.6);
603
+ --g-color-private-blue-400: rgba(54, 151, 241, 0.7);
604
+ --g-color-private-blue-450: rgba(54, 151, 241, 0.8);
605
+ --g-color-private-blue-500: rgba(54, 151, 241, 0.9);
606
+ --g-color-private-blue-50-solid: rgb(36, 41, 55);
607
+ --g-color-private-blue-100-solid: rgb(37, 47, 65);
608
+ --g-color-private-blue-150-solid: rgb(38, 53, 75);
609
+ --g-color-private-blue-200-solid: rgb(40, 66, 96);
610
+ --g-color-private-blue-250-solid: rgb(42, 78, 117);
611
+ --g-color-private-blue-300-solid: rgb(44, 90, 138);
612
+ --g-color-private-blue-350-solid: rgb(46, 102, 158);
613
+ --g-color-private-blue-400-solid: rgb(48, 114, 179);
614
+ --g-color-private-blue-450-solid: rgb(50, 127, 200);
615
+ --g-color-private-blue-500-solid: rgb(52, 139, 220);
616
+ --g-color-private-blue-550-solid: rgb(54, 151, 241);
617
+ --g-color-private-blue-600-solid: rgb(74, 161, 242);
618
+ --g-color-private-blue-650-solid: rgb(94, 172, 244);
619
+ --g-color-private-blue-700-solid: rgb(114, 182, 245);
620
+ --g-color-private-blue-750-solid: rgb(134, 193, 247);
621
+ --g-color-private-blue-800-solid: rgb(155, 203, 248);
622
+ --g-color-private-blue-850-solid: rgb(175, 213, 249);
623
+ --g-color-private-blue-900-solid: rgb(195, 224, 251);
624
+ --g-color-private-blue-950-solid: rgb(215, 234, 252);
625
+ --g-color-private-blue-1000-solid: rgb(225, 239, 253);
626
+ --g-color-private-green-50: rgba(77, 176, 155, 0.1);
627
+ --g-color-private-green-100: rgba(77, 176, 155, 0.15);
628
+ --g-color-private-green-150: rgba(77, 176, 155, 0.2);
629
+ --g-color-private-green-200: rgba(77, 176, 155, 0.3);
630
+ --g-color-private-green-250: rgba(77, 176, 155, 0.4);
631
+ --g-color-private-green-300: rgba(77, 176, 155, 0.5);
632
+ --g-color-private-green-350: rgba(77, 176, 155, 0.6);
633
+ --g-color-private-green-400: rgba(77, 176, 155, 0.7);
634
+ --g-color-private-green-450: rgba(77, 176, 155, 0.8);
635
+ --g-color-private-green-500: rgba(77, 176, 155, 0.9);
636
+ --g-color-private-green-50-solid: rgb(38, 44, 46);
637
+ --g-color-private-green-100-solid: rgb(40, 51, 52);
638
+ --g-color-private-green-150-solid: rgb(43, 58, 58);
639
+ --g-color-private-green-200-solid: rgb(47, 73, 70);
640
+ --g-color-private-green-250-solid: rgb(51, 88, 82);
641
+ --g-color-private-green-300-solid: rgb(56, 103, 95);
642
+ --g-color-private-green-350-solid: rgb(60, 117, 107);
643
+ --g-color-private-green-400-solid: rgb(64, 132, 119);
644
+ --g-color-private-green-450-solid: rgb(68, 147, 131);
645
+ --g-color-private-green-500-solid: rgb(73, 161, 143);
646
+ --g-color-private-green-550-solid: rgb(77, 176, 155);
647
+ --g-color-private-green-600-solid: rgb(95, 184, 165);
648
+ --g-color-private-green-650-solid: rgb(113, 192, 175);
649
+ --g-color-private-green-700-solid: rgb(130, 200, 185);
650
+ --g-color-private-green-750-solid: rgb(148, 208, 195);
651
+ --g-color-private-green-800-solid: rgb(166, 216, 205);
652
+ --g-color-private-green-850-solid: rgb(184, 223, 215);
653
+ --g-color-private-green-900-solid: rgb(202, 231, 225);
654
+ --g-color-private-green-950-solid: rgb(219, 239, 235);
655
+ --g-color-private-green-1000-solid: rgb(228, 243, 240);
656
+ --g-color-private-yellow-50: rgba(255, 190, 92, 0.1);
657
+ --g-color-private-yellow-100: rgba(255, 190, 92, 0.15);
658
+ --g-color-private-yellow-150: rgba(255, 190, 92, 0.2);
659
+ --g-color-private-yellow-200: rgba(255, 190, 92, 0.3);
660
+ --g-color-private-yellow-250: rgba(255, 190, 92, 0.4);
661
+ --g-color-private-yellow-300: rgba(255, 190, 92, 0.5);
662
+ --g-color-private-yellow-350: rgba(255, 190, 92, 0.6);
663
+ --g-color-private-yellow-400: rgba(255, 190, 92, 0.7);
664
+ --g-color-private-yellow-450: rgba(255, 190, 92, 0.8);
665
+ --g-color-private-yellow-500: rgba(255, 190, 92, 0.9);
666
+ --g-color-private-yellow-50-solid: rgb(56, 45, 40);
667
+ --g-color-private-yellow-100-solid: rgb(67, 53, 43);
668
+ --g-color-private-yellow-150-solid: rgb(78, 61, 46);
669
+ --g-color-private-yellow-200-solid: rgb(100, 77, 51);
670
+ --g-color-private-yellow-250-solid: rgb(122, 93, 57);
671
+ --g-color-private-yellow-300-solid: rgb(145, 110, 63);
672
+ --g-color-private-yellow-350-solid: rgb(167, 126, 69);
673
+ --g-color-private-yellow-400-solid: rgb(189, 142, 75);
674
+ --g-color-private-yellow-450-solid: rgb(211, 158, 80);
675
+ --g-color-private-yellow-500-solid: rgb(233, 174, 86);
676
+ --g-color-private-yellow-550-solid: rgb(255, 190, 92);
677
+ --g-color-private-yellow-600-solid: rgb(255, 197, 108);
678
+ --g-color-private-yellow-650-solid: rgb(255, 203, 125);
679
+ --g-color-private-yellow-700-solid: rgb(255, 210, 141);
680
+ --g-color-private-yellow-750-solid: rgb(255, 216, 157);
681
+ --g-color-private-yellow-800-solid: rgb(255, 223, 174);
682
+ --g-color-private-yellow-850-solid: rgb(255, 229, 190);
683
+ --g-color-private-yellow-900-solid: rgb(255, 236, 206);
684
+ --g-color-private-yellow-950-solid: rgb(255, 242, 222);
685
+ --g-color-private-yellow-1000-solid: rgb(255, 245, 231);
686
+ --g-color-private-orange-50: rgba(200, 99, 12, 0.1);
687
+ --g-color-private-orange-100: rgba(200, 99, 12, 0.15);
688
+ --g-color-private-orange-150: rgba(200, 99, 12, 0.2);
689
+ --g-color-private-orange-200: rgba(200, 99, 12, 0.3);
690
+ --g-color-private-orange-250: rgba(200, 99, 12, 0.4);
691
+ --g-color-private-orange-300: rgba(200, 99, 12, 0.5);
692
+ --g-color-private-orange-350: rgba(200, 99, 12, 0.6);
693
+ --g-color-private-orange-400: rgba(200, 99, 12, 0.7);
694
+ --g-color-private-orange-450: rgba(200, 99, 12, 0.8);
695
+ --g-color-private-orange-500: rgba(200, 99, 12, 0.9);
696
+ --g-color-private-orange-50-solid: rgb(51, 36, 32);
697
+ --g-color-private-orange-100-solid: rgb(59, 40, 31);
698
+ --g-color-private-orange-150-solid: rgb(67, 43, 30);
699
+ --g-color-private-orange-200-solid: rgb(84, 50, 27);
700
+ --g-color-private-orange-250-solid: rgb(100, 57, 25);
701
+ --g-color-private-orange-300-solid: rgb(117, 64, 23);
702
+ --g-color-private-orange-350-solid: rgb(134, 71, 21);
703
+ --g-color-private-orange-400-solid: rgb(150, 78, 19);
704
+ --g-color-private-orange-450-solid: rgb(167, 85, 16);
705
+ --g-color-private-orange-500-solid: rgb(183, 92, 14);
706
+ --g-color-private-orange-550-solid: rgb(200, 99, 12);
707
+ --g-color-private-orange-600-solid: rgb(206, 115, 36);
708
+ --g-color-private-orange-650-solid: rgb(211, 130, 61);
709
+ --g-color-private-orange-700-solid: rgb(217, 146, 85);
710
+ --g-color-private-orange-750-solid: rgb(222, 161, 109);
711
+ --g-color-private-orange-800-solid: rgb(228, 177, 134);
712
+ --g-color-private-orange-850-solid: rgb(233, 193, 158);
713
+ --g-color-private-orange-900-solid: rgb(239, 208, 182);
714
+ --g-color-private-orange-950-solid: rgb(244, 224, 206);
715
+ --g-color-private-orange-1000-solid: rgb(247, 232, 219);
716
+ --g-color-private-red-50: rgba(229, 50, 93, 0.1);
717
+ --g-color-private-red-100: rgba(229, 50, 93, 0.15);
718
+ --g-color-private-red-150: rgba(229, 50, 93, 0.2);
719
+ --g-color-private-red-200: rgba(229, 50, 93, 0.3);
720
+ --g-color-private-red-250: rgba(229, 50, 93, 0.4);
721
+ --g-color-private-red-300: rgba(229, 50, 93, 0.5);
722
+ --g-color-private-red-350: rgba(229, 50, 93, 0.6);
723
+ --g-color-private-red-400: rgba(229, 50, 93, 0.7);
724
+ --g-color-private-red-450: rgba(229, 50, 93, 0.8);
725
+ --g-color-private-red-500: rgba(229, 50, 93, 0.9);
726
+ --g-color-private-red-50-solid: rgb(54, 31, 40);
727
+ --g-color-private-red-100-solid: rgb(63, 32, 43);
728
+ --g-color-private-red-150-solid: rgb(73, 33, 46);
729
+ --g-color-private-red-200-solid: rgb(93, 35, 52);
730
+ --g-color-private-red-250-solid: rgb(112, 37, 58);
731
+ --g-color-private-red-300-solid: rgb(132, 40, 64);
732
+ --g-color-private-red-350-solid: rgb(151, 42, 69);
733
+ --g-color-private-red-400-solid: rgb(171, 44, 75);
734
+ --g-color-private-red-450-solid: rgb(190, 46, 81);
735
+ --g-color-private-red-500-solid: rgb(210, 48, 87);
736
+ --g-color-private-red-550-solid: rgb(229, 50, 93);
737
+ --g-color-private-red-600-solid: rgb(232, 71, 109);
738
+ --g-color-private-red-650-solid: rgb(234, 91, 125);
739
+ --g-color-private-red-700-solid: rgb(237, 112, 142);
740
+ --g-color-private-red-750-solid: rgb(239, 132, 158);
741
+ --g-color-private-red-800-solid: rgb(242, 153, 174);
742
+ --g-color-private-red-850-solid: rgb(245, 173, 190);
743
+ --g-color-private-red-900-solid: rgb(247, 194, 206);
744
+ --g-color-private-red-950-solid: rgb(250, 214, 223);
745
+ --g-color-private-red-1000-solid: rgb(251, 224, 231);
746
+ --g-color-private-purple-50: rgba(143, 82, 204, 0.1);
747
+ --g-color-private-purple-100: rgba(143, 82, 204, 0.15);
748
+ --g-color-private-purple-150: rgba(143, 82, 204, 0.2);
749
+ --g-color-private-purple-200: rgba(143, 82, 204, 0.3);
750
+ --g-color-private-purple-250: rgba(143, 82, 204, 0.4);
751
+ --g-color-private-purple-300: rgba(143, 82, 204, 0.5);
752
+ --g-color-private-purple-350: rgba(143, 82, 204, 0.6);
753
+ --g-color-private-purple-400: rgba(143, 82, 204, 0.7);
754
+ --g-color-private-purple-450: rgba(143, 82, 204, 0.8);
755
+ --g-color-private-purple-500: rgba(143, 82, 204, 0.9);
756
+ --g-color-private-purple-50-solid: rgb(45, 34, 51);
757
+ --g-color-private-purple-100-solid: rgb(50, 37, 60);
758
+ --g-color-private-purple-150-solid: rgb(56, 40, 68);
759
+ --g-color-private-purple-200-solid: rgb(67, 45, 85);
760
+ --g-color-private-purple-250-solid: rgb(78, 50, 102);
761
+ --g-color-private-purple-300-solid: rgb(89, 56, 119);
762
+ --g-color-private-purple-350-solid: rgb(99, 61, 136);
763
+ --g-color-private-purple-400-solid: rgb(110, 66, 153);
764
+ --g-color-private-purple-450-solid: rgb(121, 71, 170);
765
+ --g-color-private-purple-500-solid: rgb(132, 77, 187);
766
+ --g-color-private-purple-550-solid: rgb(143, 82, 204);
767
+ --g-color-private-purple-600-solid: rgb(154, 99, 209);
768
+ --g-color-private-purple-650-solid: rgb(165, 117, 214);
769
+ --g-color-private-purple-700-solid: rgb(177, 134, 219);
770
+ --g-color-private-purple-750-solid: rgb(188, 151, 224);
771
+ --g-color-private-purple-800-solid: rgb(199, 169, 230);
772
+ --g-color-private-purple-850-solid: rgb(210, 186, 235);
773
+ --g-color-private-purple-900-solid: rgb(221, 203, 240);
774
+ --g-color-private-purple-950-solid: rgb(233, 220, 245);
775
+ --g-color-private-purple-1000-solid: rgb(238, 229, 247);
776
+ --g-color-private-cool-grey-50: rgba(96, 128, 156, 0.1);
777
+ --g-color-private-cool-grey-100: rgba(96, 128, 156, 0.15);
778
+ --g-color-private-cool-grey-150: rgba(96, 128, 156, 0.2);
779
+ --g-color-private-cool-grey-200: rgba(96, 128, 156, 0.3);
780
+ --g-color-private-cool-grey-250: rgba(96, 128, 156, 0.4);
781
+ --g-color-private-cool-grey-300: rgba(96, 128, 156, 0.5);
782
+ --g-color-private-cool-grey-350: rgba(96, 128, 156, 0.6);
783
+ --g-color-private-cool-grey-400: rgba(96, 128, 156, 0.7);
784
+ --g-color-private-cool-grey-450: rgba(96, 128, 156, 0.8);
785
+ --g-color-private-cool-grey-500: rgba(96, 128, 156, 0.9);
786
+ --g-color-private-cool-grey-50-solid: rgb(40, 39, 46);
787
+ --g-color-private-cool-grey-100-solid: rgb(43, 44, 52);
788
+ --g-color-private-cool-grey-150-solid: rgb(46, 49, 58);
789
+ --g-color-private-cool-grey-200-solid: rgb(53, 59, 71);
790
+ --g-color-private-cool-grey-250-solid: rgb(59, 69, 83);
791
+ --g-color-private-cool-grey-300-solid: rgb(65, 79, 95);
792
+ --g-color-private-cool-grey-350-solid: rgb(71, 88, 107);
793
+ --g-color-private-cool-grey-400-solid: rgb(77, 98, 119);
794
+ --g-color-private-cool-grey-450-solid: rgb(84, 108, 132);
795
+ --g-color-private-cool-grey-500-solid: rgb(90, 118, 144);
796
+ --g-color-private-cool-grey-550-solid: rgb(96, 128, 156);
797
+ --g-color-private-cool-grey-600-solid: rgb(112, 141, 166);
798
+ --g-color-private-cool-grey-650-solid: rgb(128, 153, 176);
799
+ --g-color-private-cool-grey-700-solid: rgb(144, 166, 186);
800
+ --g-color-private-cool-grey-750-solid: rgb(160, 179, 196);
801
+ --g-color-private-cool-grey-800-solid: rgb(176, 192, 206);
802
+ --g-color-private-cool-grey-850-solid: rgb(191, 204, 215);
803
+ --g-color-private-cool-grey-900-solid: rgb(207, 217, 225);
804
+ --g-color-private-cool-grey-950-solid: rgb(223, 230, 235);
805
+ --g-color-private-cool-grey-1000-solid: rgb(231, 236, 240);
806
+ --g-color-text-primary: var(--g-color-text-light-primary);
807
+ --g-color-text-complementary: var(--g-color-text-light-complementary);
808
+ --g-color-text-secondary: var(--g-color-text-light-secondary);
809
+ --g-color-text-hint: var(--g-color-text-light-hint);
810
+ --g-color-text-info: var(--g-color-private-blue-550-solid);
811
+ --g-color-text-positive: var(--g-color-private-green-550-solid);
812
+ --g-color-text-warning: var(--g-color-private-yellow-550-solid);
813
+ --g-color-text-danger: var(--g-color-private-red-550-solid);
814
+ --g-color-text-utility: var(--g-color-private-purple-600-solid);
815
+ --g-color-text-misc: var(--g-color-private-cool-grey-600-solid);
816
+ --g-color-text-info-heavy: var(--g-color-private-blue-600-solid);
817
+ --g-color-text-positive-heavy: var(--g-color-private-green-600-solid);
818
+ --g-color-text-warning-heavy: var(--g-color-private-yellow-600-solid);
819
+ --g-color-text-danger-heavy: var(--g-color-private-red-600-solid);
820
+ --g-color-text-utility-heavy: var(--g-color-private-purple-650-solid);
821
+ --g-color-text-misc-heavy: var(--g-color-private-cool-grey-650-solid);
822
+ --g-color-text-brand: var(--g-color-private-yellow-600-solid);
823
+ --g-color-text-brand-heavy: var(--g-color-private-yellow-700-solid);
824
+ --g-color-text-brand-contrast: var(--g-color-text-dark-primary);
825
+ --g-color-text-link: var(--g-color-private-yellow-550-solid);
826
+ --g-color-text-link-hover: var(--g-color-private-orange-550-solid);
827
+ --g-color-text-link-visited: var(--g-color-private-purple-600-solid);
828
+ --g-color-text-link-visited-hover: var(--g-color-private-purple-750-solid);
829
+ --g-color-text-dark-primary: var(--g-color-private-black-900);
830
+ --g-color-text-dark-complementary: var(--g-color-private-black-700);
831
+ --g-color-text-dark-secondary: var(--g-color-private-black-500);
832
+ --g-color-text-dark-hint: var(--g-color-private-black-300);
833
+ --g-color-text-light-primary: var(--g-color-private-white-850);
834
+ --g-color-text-light-complementary: var(--g-color-private-white-700);
835
+ --g-color-text-light-secondary: var(--g-color-private-white-500);
836
+ --g-color-text-light-hint: var(--g-color-private-white-300);
837
+ --g-color-text-inverted-primary: var(--g-color-text-dark-primary);
838
+ --g-color-text-inverted-complementary: var(--g-color-text-dark-complementary);
839
+ --g-color-text-inverted-secondary: var(--g-color-text-dark-secondary);
840
+ --g-color-text-inverted-hint: var(--g-color-text-dark-hint);
841
+ --g-color-base-background: rgb(34, 29, 34);
842
+ --g-color-base-generic: var(--g-color-private-white-100);
843
+ --g-color-base-generic-hover: var(--g-color-private-white-150);
844
+ --g-color-base-generic-medium: var(--g-color-private-white-250);
845
+ --g-color-base-generic-medium-hover: var(--g-color-private-white-300);
846
+ --g-color-base-generic-accent: var(--g-color-private-white-150);
847
+ --g-color-base-generic-accent-disabled: var(--g-color-private-white-70);
848
+ --g-color-base-generic-ultralight: var(--g-color-private-white-20-solid);
849
+ --g-color-base-simple-hover: var(--g-color-private-white-100);
850
+ --g-color-base-simple-hover-solid: var(--g-color-private-white-100-solid);
851
+ --g-color-base-brand: var(--g-color-private-yellow-550-solid);
852
+ --g-color-base-brand-hover: var(--g-color-private-yellow-650-solid);
853
+ --g-color-base-selection: var(--g-color-private-yellow-150);
854
+ --g-color-base-selection-hover: var(--g-color-private-yellow-200);
855
+ --g-color-base-info-light: var(--g-color-private-blue-150);
856
+ --g-color-base-info-light-hover: var(--g-color-private-blue-200);
857
+ --g-color-base-info-medium: var(--g-color-private-blue-300);
858
+ --g-color-base-info-medium-hover: var(--g-color-private-blue-400);
859
+ --g-color-base-info-heavy: var(--g-color-private-blue-600-solid);
860
+ --g-color-base-info-heavy-hover: var(--g-color-private-blue-700-solid);
861
+ --g-color-base-positive-light: var(--g-color-private-green-150);
862
+ --g-color-base-positive-light-hover: var(--g-color-private-green-200);
863
+ --g-color-base-positive-medium: var(--g-color-private-green-300);
864
+ --g-color-base-positive-medium-hover: var(--g-color-private-green-400);
865
+ --g-color-base-positive-heavy: var(--g-color-private-green-600-solid);
866
+ --g-color-base-positive-heavy-hover: var(--g-color-private-green-700-solid);
867
+ --g-color-base-warning-light: var(--g-color-private-yellow-150);
868
+ --g-color-base-warning-light-hover: var(--g-color-private-yellow-200);
869
+ --g-color-base-warning-medium: var(--g-color-private-yellow-300);
870
+ --g-color-base-warning-medium-hover: var(--g-color-private-yellow-400);
871
+ --g-color-base-warning-heavy: var(--g-color-private-yellow-600-solid);
872
+ --g-color-base-warning-heavy-hover: var(--g-color-private-yellow-700-solid);
873
+ --g-color-base-danger-light: var(--g-color-private-red-150);
874
+ --g-color-base-danger-light-hover: var(--g-color-private-red-200);
875
+ --g-color-base-danger-medium: var(--g-color-private-red-300);
876
+ --g-color-base-danger-medium-hover: var(--g-color-private-red-400);
877
+ --g-color-base-danger-heavy: var(--g-color-private-red-600-solid);
878
+ --g-color-base-danger-heavy-hover: var(--g-color-private-red-700-solid);
879
+ --g-color-base-utility-light: var(--g-color-private-purple-150);
880
+ --g-color-base-utility-light-hover: var(--g-color-private-purple-250);
881
+ --g-color-base-utility-medium: var(--g-color-private-purple-300);
882
+ --g-color-base-utility-medium-hover: var(--g-color-private-purple-400);
883
+ --g-color-base-utility-heavy: var(--g-color-private-purple-600-solid);
884
+ --g-color-base-utility-heavy-hover: var(--g-color-private-purple-700-solid);
885
+ --g-color-base-neutral-light: var(--g-color-private-white-100);
886
+ --g-color-base-neutral-light-hover: var(--g-color-private-white-150);
887
+ --g-color-base-neutral-medium: var(--g-color-private-white-250);
888
+ --g-color-base-neutral-medium-hover: var(--g-color-private-white-350);
889
+ --g-color-base-neutral-heavy: var(--g-color-private-white-550);
890
+ --g-color-base-neutral-heavy-hover: var(--g-color-private-white-650);
891
+ --g-color-base-misc-light: var(--g-color-private-cool-grey-150);
892
+ --g-color-base-misc-light-hover: var(--g-color-private-cool-grey-200);
893
+ --g-color-base-misc-medium: var(--g-color-private-cool-grey-300);
894
+ --g-color-base-misc-medium-hover: var(--g-color-private-cool-grey-400);
895
+ --g-color-base-misc-heavy: var(--g-color-private-cool-grey-600-solid);
896
+ --g-color-base-misc-heavy-hover: var(--g-color-private-cool-grey-700-solid);
897
+ --g-color-base-light: var(--g-color-private-white-850);
898
+ --g-color-base-light-hover: var(--g-color-private-white-700);
899
+ --g-color-base-light-simple-hover: var(--g-color-private-white-150);
900
+ --g-color-base-light-disabled: var(--g-color-private-white-150);
901
+ --g-color-base-light-accent-disabled: var(--g-color-private-white-300);
902
+ --g-color-base-float: var(--g-color-private-white-100-solid);
903
+ --g-color-base-float-hover: var(--g-color-private-white-150-solid);
904
+ --g-color-base-float-medium: var(--g-color-private-white-150-solid);
905
+ --g-color-base-float-heavy: var(--g-color-private-white-250-solid);
906
+ --g-color-base-float-accent: var(--g-color-private-white-150-solid);
907
+ --g-color-base-float-accent-hover: var(--g-color-private-white-200-solid);
908
+ --g-color-base-float-announcement: var(--g-color-private-white-150-solid);
909
+ --g-color-base-modal: var(--g-color-base-background);
910
+ --g-color-line-generic: var(--g-color-private-white-150);
911
+ --g-color-line-generic-hover: var(--g-color-private-white-250);
912
+ --g-color-line-generic-active: var(--g-color-private-white-300);
913
+ --g-color-line-generic-accent: var(--g-color-private-white-150);
914
+ --g-color-line-generic-accent-hover: var(--g-color-private-white-300);
915
+ --g-color-line-generic-solid: var(--g-color-private-white-150-solid);
916
+ --g-color-line-brand: var(--g-color-private-yellow-600-solid);
917
+ --g-color-line-focus: var(--g-color-private-cool-grey-450);
918
+ --g-color-line-light: var(--g-color-private-white-500);
919
+ --g-color-line-info: var(--g-color-private-blue-450);
920
+ --g-color-line-positive: var(--g-color-private-green-450);
921
+ --g-color-line-warning: var(--g-color-private-yellow-450);
922
+ --g-color-line-danger: var(--g-color-private-red-450);
923
+ --g-color-line-utility: var(--g-color-private-purple-450);
924
+ --g-color-line-misc: var(--g-color-private-cool-grey-450);
925
+ --g-color-sfx-veil: var(--g-color-private-black-600);
926
+ --g-color-sfx-shadow: var(--g-color-private-black-200);
927
+ --g-color-sfx-shadow-heavy: var(--g-color-private-black-500);
928
+ --g-color-sfx-shadow-light: var(--g-color-private-black-200);
929
+ --g-color-sfx-fade: var(--g-color-private-white-250);
930
+ --g-color-scroll-track: var(--g-color-base-background);
931
+ --g-color-scroll-handle: var(--g-color-private-white-150);
932
+ --g-color-scroll-handle-hover: var(--g-color-private-white-250);
933
+ --g-color-scroll-corner: var(--g-color-private-white-150);
934
+ --g-color-infographics-axis: var(--g-color-private-white-150-solid);
935
+ --g-color-infographics-tooltip-bg: var(--g-color-private-white-opaque-150);
936
+ }
937
+ .g-root_theme_light-hc {
938
+ --g-color-private-white-50: rgba(255, 255, 255, 0.05);
939
+ --g-color-private-white-70: rgba(255, 255, 255, 0.07);
940
+ --g-color-private-white-100: rgba(255, 255, 255, 0.1);
941
+ --g-color-private-white-150: rgba(255, 255, 255, 0.15);
942
+ --g-color-private-white-200: rgba(255, 255, 255, 0.2);
943
+ --g-color-private-white-250: rgba(255, 255, 255, 0.25);
944
+ --g-color-private-white-300: rgba(255, 255, 255, 0.3);
945
+ --g-color-private-white-350: rgba(255, 255, 255, 0.35);
946
+ --g-color-private-white-400: rgba(255, 255, 255, 0.4);
947
+ --g-color-private-white-450: rgba(255, 255, 255, 0.45);
948
+ --g-color-private-white-500: rgba(255, 255, 255, 0.5);
949
+ --g-color-private-white-550: rgba(255, 255, 255, 0.55);
950
+ --g-color-private-white-600: rgba(255, 255, 255, 0.6);
951
+ --g-color-private-white-650: rgba(255, 255, 255, 0.65);
952
+ --g-color-private-white-700: rgba(255, 255, 255, 0.7);
953
+ --g-color-private-white-750: rgba(255, 255, 255, 0.75);
954
+ --g-color-private-white-800: rgba(255, 255, 255, 0.8);
955
+ --g-color-private-white-850: rgba(255, 255, 255, 0.85);
956
+ --g-color-private-white-900: rgba(255, 255, 255, 0.9);
957
+ --g-color-private-white-950: rgba(255, 255, 255, 0.95);
958
+ --g-color-private-white-1000-solid: rgb(255, 255, 255);
959
+ --g-color-private-black-50: rgba(0, 0, 0, 0.05);
960
+ --g-color-private-black-100: rgba(0, 0, 0, 0.1);
961
+ --g-color-private-black-150: rgba(0, 0, 0, 0.15);
962
+ --g-color-private-black-200: rgba(0, 0, 0, 0.2);
963
+ --g-color-private-black-250: rgba(0, 0, 0, 0.25);
964
+ --g-color-private-black-300: rgba(0, 0, 0, 0.3);
965
+ --g-color-private-black-350: rgba(0, 0, 0, 0.35);
966
+ --g-color-private-black-400: rgba(0, 0, 0, 0.4);
967
+ --g-color-private-black-450: rgba(0, 0, 0, 0.45);
968
+ --g-color-private-black-500: rgba(0, 0, 0, 0.5);
969
+ --g-color-private-black-550: rgba(0, 0, 0, 0.55);
970
+ --g-color-private-black-600: rgba(0, 0, 0, 0.6);
971
+ --g-color-private-black-650: rgba(0, 0, 0, 0.65);
972
+ --g-color-private-black-700: rgba(0, 0, 0, 0.7);
973
+ --g-color-private-black-750: rgba(0, 0, 0, 0.75);
974
+ --g-color-private-black-800: rgba(0, 0, 0, 0.8);
975
+ --g-color-private-black-850: rgba(0, 0, 0, 0.85);
976
+ --g-color-private-black-900: rgba(0, 0, 0, 0.9);
977
+ --g-color-private-black-950: rgba(0, 0, 0, 0.95);
978
+ --g-color-private-black-50-solid: rgb(242, 242, 242);
979
+ --g-color-private-black-100-solid: rgb(229, 229, 229);
980
+ --g-color-private-black-150-solid: rgb(217, 217, 217);
981
+ --g-color-private-black-200-solid: rgb(204, 204, 204);
982
+ --g-color-private-black-250-solid: rgb(191, 191, 191);
983
+ --g-color-private-black-300-solid: rgb(179, 179, 179);
984
+ --g-color-private-black-350-solid: rgb(166, 166, 166);
985
+ --g-color-private-black-400-solid: rgb(153, 153, 153);
986
+ --g-color-private-black-450-solid: rgb(140, 140, 140);
987
+ --g-color-private-black-500-solid: rgb(128, 128, 128);
988
+ --g-color-private-black-550-solid: rgb(115, 115, 115);
989
+ --g-color-private-black-600-solid: rgb(102, 102, 102);
990
+ --g-color-private-black-650-solid: rgb(89, 89, 89);
991
+ --g-color-private-black-700-solid: rgb(76, 76, 76);
992
+ --g-color-private-black-750-solid: rgb(64, 64, 64);
993
+ --g-color-private-black-800-solid: rgb(51, 51, 51);
994
+ --g-color-private-black-850-solid: rgb(38, 38, 38);
995
+ --g-color-private-black-900-solid: rgb(26, 26, 26);
996
+ --g-color-private-black-950-solid: rgb(13, 13, 13);
997
+ --g-color-private-black-1000-solid: rgb(0, 0, 0);
998
+ --g-color-private-blue-50: rgba(54, 151, 241, 0.1);
999
+ --g-color-private-blue-100: rgba(54, 151, 241, 0.15);
1000
+ --g-color-private-blue-150: rgba(54, 151, 241, 0.2);
1001
+ --g-color-private-blue-200: rgba(54, 151, 241, 0.3);
1002
+ --g-color-private-blue-250: rgba(54, 151, 241, 0.4);
1003
+ --g-color-private-blue-300: rgba(54, 151, 241, 0.5);
1004
+ --g-color-private-blue-350: rgba(54, 151, 241, 0.6);
1005
+ --g-color-private-blue-400: rgba(54, 151, 241, 0.7);
1006
+ --g-color-private-blue-450: rgba(54, 151, 241, 0.8);
1007
+ --g-color-private-blue-500: rgba(54, 151, 241, 0.9);
1008
+ --g-color-private-blue-50-solid: rgb(235, 245, 254);
1009
+ --g-color-private-blue-100-solid: rgb(225, 239, 253);
1010
+ --g-color-private-blue-150-solid: rgb(215, 234, 252);
1011
+ --g-color-private-blue-200-solid: rgb(195, 224, 251);
1012
+ --g-color-private-blue-250-solid: rgb(175, 213, 249);
1013
+ --g-color-private-blue-300-solid: rgb(155, 203, 248);
1014
+ --g-color-private-blue-350-solid: rgb(134, 193, 247);
1015
+ --g-color-private-blue-400-solid: rgb(114, 182, 245);
1016
+ --g-color-private-blue-450-solid: rgb(94, 172, 244);
1017
+ --g-color-private-blue-500-solid: rgb(74, 161, 242);
1018
+ --g-color-private-blue-550-solid: rgb(54, 151, 241);
1019
+ --g-color-private-blue-600-solid: rgb(50, 138, 219);
1020
+ --g-color-private-blue-650-solid: rgb(47, 124, 196);
1021
+ --g-color-private-blue-700-solid: rgb(43, 111, 174);
1022
+ --g-color-private-blue-750-solid: rgb(40, 97, 152);
1023
+ --g-color-private-blue-800-solid: rgb(36, 84, 130);
1024
+ --g-color-private-blue-850-solid: rgb(32, 71, 107);
1025
+ --g-color-private-blue-900-solid: rgb(29, 57, 85);
1026
+ --g-color-private-blue-950-solid: rgb(25, 44, 63);
1027
+ --g-color-private-blue-1000-solid: rgb(23, 37, 51);
1028
+ --g-color-private-green-50: rgba(50, 186, 118, 0.1);
1029
+ --g-color-private-green-100: rgba(50, 186, 118, 0.15);
1030
+ --g-color-private-green-150: rgba(50, 186, 118, 0.2);
1031
+ --g-color-private-green-200: rgba(50, 186, 118, 0.3);
1032
+ --g-color-private-green-250: rgba(50, 186, 118, 0.4);
1033
+ --g-color-private-green-300: rgba(50, 186, 118, 0.5);
1034
+ --g-color-private-green-350: rgba(50, 186, 118, 0.6);
1035
+ --g-color-private-green-400: rgba(50, 186, 118, 0.7);
1036
+ --g-color-private-green-450: rgba(50, 186, 118, 0.8);
1037
+ --g-color-private-green-500: rgba(50, 186, 118, 0.9);
1038
+ --g-color-private-green-50-solid: rgb(235, 248, 241);
1039
+ --g-color-private-green-100-solid: rgb(224, 245, 234);
1040
+ --g-color-private-green-150-solid: rgb(214, 241, 228);
1041
+ --g-color-private-green-200-solid: rgb(194, 234, 214);
1042
+ --g-color-private-green-250-solid: rgb(173, 227, 200);
1043
+ --g-color-private-green-300-solid: rgb(153, 221, 187);
1044
+ --g-color-private-green-350-solid: rgb(132, 214, 173);
1045
+ --g-color-private-green-400-solid: rgb(112, 207, 159);
1046
+ --g-color-private-green-450-solid: rgb(91, 200, 145);
1047
+ --g-color-private-green-500-solid: rgb(71, 193, 132);
1048
+ --g-color-private-green-550-solid: rgb(50, 186, 118);
1049
+ --g-color-private-green-600-solid: rgb(47, 169, 108);
1050
+ --g-color-private-green-650-solid: rgb(44, 152, 98);
1051
+ --g-color-private-green-700-solid: rgb(40, 135, 88);
1052
+ --g-color-private-green-750-solid: rgb(37, 118, 78);
1053
+ --g-color-private-green-800-solid: rgb(34, 102, 68);
1054
+ --g-color-private-green-850-solid: rgb(31, 85, 58);
1055
+ --g-color-private-green-900-solid: rgb(28, 68, 48);
1056
+ --g-color-private-green-950-solid: rgb(24, 51, 38);
1057
+ --g-color-private-green-1000-solid: rgb(23, 42, 33);
1058
+ --g-color-private-yellow-50: rgba(255, 190, 92, 0.1);
1059
+ --g-color-private-yellow-100: rgba(255, 190, 92, 0.15);
1060
+ --g-color-private-yellow-150: rgba(255, 190, 92, 0.2);
1061
+ --g-color-private-yellow-200: rgba(255, 190, 92, 0.3);
1062
+ --g-color-private-yellow-250: rgba(255, 190, 92, 0.4);
1063
+ --g-color-private-yellow-300: rgba(255, 190, 92, 0.5);
1064
+ --g-color-private-yellow-350: rgba(255, 190, 92, 0.6);
1065
+ --g-color-private-yellow-400: rgba(255, 190, 92, 0.7);
1066
+ --g-color-private-yellow-450: rgba(255, 190, 92, 0.8);
1067
+ --g-color-private-yellow-500: rgba(255, 190, 92, 0.9);
1068
+ --g-color-private-yellow-50-solid: rgb(255, 249, 239);
1069
+ --g-color-private-yellow-100-solid: rgb(255, 245, 231);
1070
+ --g-color-private-yellow-150-solid: rgb(255, 242, 222);
1071
+ --g-color-private-yellow-200-solid: rgb(255, 236, 206);
1072
+ --g-color-private-yellow-250-solid: rgb(255, 229, 190);
1073
+ --g-color-private-yellow-300-solid: rgb(255, 223, 174);
1074
+ --g-color-private-yellow-350-solid: rgb(255, 216, 157);
1075
+ --g-color-private-yellow-400-solid: rgb(255, 210, 141);
1076
+ --g-color-private-yellow-450-solid: rgb(255, 203, 125);
1077
+ --g-color-private-yellow-500-solid: rgb(255, 197, 108);
1078
+ --g-color-private-yellow-550-solid: rgb(255, 190, 92);
1079
+ --g-color-private-yellow-600-solid: rgb(231, 173, 85);
1080
+ --g-color-private-yellow-650-solid: rgb(208, 155, 77);
1081
+ --g-color-private-yellow-700-solid: rgb(184, 138, 70);
1082
+ --g-color-private-yellow-750-solid: rgb(160, 121, 62);
1083
+ --g-color-private-yellow-800-solid: rgb(137, 104, 55);
1084
+ --g-color-private-yellow-850-solid: rgb(113, 86, 48);
1085
+ --g-color-private-yellow-900-solid: rgb(89, 69, 40);
1086
+ --g-color-private-yellow-950-solid: rgb(65, 52, 33);
1087
+ --g-color-private-yellow-1000-solid: rgb(54, 43, 29);
1088
+ --g-color-private-orange-50: rgba(255, 119, 0, 0.1);
1089
+ --g-color-private-orange-100: rgba(255, 119, 0, 0.15);
1090
+ --g-color-private-orange-150: rgba(255, 119, 0, 0.2);
1091
+ --g-color-private-orange-200: rgba(255, 119, 0, 0.3);
1092
+ --g-color-private-orange-250: rgba(255, 119, 0, 0.4);
1093
+ --g-color-private-orange-300: rgba(255, 119, 0, 0.5);
1094
+ --g-color-private-orange-350: rgba(255, 119, 0, 0.6);
1095
+ --g-color-private-orange-400: rgba(255, 119, 0, 0.7);
1096
+ --g-color-private-orange-450: rgba(255, 119, 0, 0.8);
1097
+ --g-color-private-orange-500: rgba(255, 119, 0, 0.9);
1098
+ --g-color-private-orange-50-solid: rgb(255, 241, 230);
1099
+ --g-color-private-orange-100-solid: rgb(255, 235, 217);
1100
+ --g-color-private-orange-150-solid: rgb(255, 228, 204);
1101
+ --g-color-private-orange-200-solid: rgb(255, 214, 179);
1102
+ --g-color-private-orange-250-solid: rgb(255, 201, 153);
1103
+ --g-color-private-orange-300-solid: rgb(255, 187, 128);
1104
+ --g-color-private-orange-350-solid: rgb(255, 173, 102);
1105
+ --g-color-private-orange-400-solid: rgb(255, 160, 77);
1106
+ --g-color-private-orange-450-solid: rgb(255, 146, 51);
1107
+ --g-color-private-orange-500-solid: rgb(255, 133, 25);
1108
+ --g-color-private-orange-550-solid: rgb(255, 119, 0);
1109
+ --g-color-private-orange-600-solid: rgb(231, 109, 2);
1110
+ --g-color-private-orange-650-solid: rgb(208, 99, 4);
1111
+ --g-color-private-orange-700-solid: rgb(184, 88, 5);
1112
+ --g-color-private-orange-750-solid: rgb(160, 78, 7);
1113
+ --g-color-private-orange-800-solid: rgb(137, 68, 9);
1114
+ --g-color-private-orange-850-solid: rgb(113, 58, 11);
1115
+ --g-color-private-orange-900-solid: rgb(89, 48, 13);
1116
+ --g-color-private-orange-950-solid: rgb(65, 37, 14);
1117
+ --g-color-private-orange-1000-solid: rgb(54, 32, 15);
1118
+ --g-color-private-red-50: rgba(255, 0, 61, 0.1);
1119
+ --g-color-private-red-100: rgba(255, 0, 61, 0.15);
1120
+ --g-color-private-red-150: rgba(255, 0, 61, 0.2);
1121
+ --g-color-private-red-200: rgba(255, 0, 61, 0.3);
1122
+ --g-color-private-red-250: rgba(255, 0, 61, 0.4);
1123
+ --g-color-private-red-300: rgba(255, 0, 61, 0.5);
1124
+ --g-color-private-red-350: rgba(255, 0, 61, 0.6);
1125
+ --g-color-private-red-400: rgba(255, 0, 61, 0.7);
1126
+ --g-color-private-red-450: rgba(255, 0, 61, 0.8);
1127
+ --g-color-private-red-500: rgba(255, 0, 61, 0.9);
1128
+ --g-color-private-red-50-solid: rgb(255, 230, 236);
1129
+ --g-color-private-red-100-solid: rgb(255, 217, 226);
1130
+ --g-color-private-red-150-solid: rgb(255, 204, 216);
1131
+ --g-color-private-red-200-solid: rgb(255, 179, 197);
1132
+ --g-color-private-red-250-solid: rgb(255, 153, 177);
1133
+ --g-color-private-red-300-solid: rgb(255, 128, 158);
1134
+ --g-color-private-red-350-solid: rgb(255, 102, 139);
1135
+ --g-color-private-red-400-solid: rgb(255, 77, 119);
1136
+ --g-color-private-red-450-solid: rgb(255, 51, 100);
1137
+ --g-color-private-red-500-solid: rgb(255, 25, 80);
1138
+ --g-color-private-red-550-solid: rgb(255, 0, 61);
1139
+ --g-color-private-red-600-solid: rgb(231, 2, 57);
1140
+ --g-color-private-red-650-solid: rgb(208, 3, 52);
1141
+ --g-color-private-red-700-solid: rgb(184, 5, 48);
1142
+ --g-color-private-red-750-solid: rgb(160, 7, 44);
1143
+ --g-color-private-red-800-solid: rgb(137, 9, 40);
1144
+ --g-color-private-red-850-solid: rgb(113, 10, 35);
1145
+ --g-color-private-red-900-solid: rgb(89, 12, 31);
1146
+ --g-color-private-red-950-solid: rgb(65, 14, 27);
1147
+ --g-color-private-red-1000-solid: rgb(54, 14, 24);
1148
+ --g-color-private-purple-50: rgba(143, 82, 204, 0.1);
1149
+ --g-color-private-purple-100: rgba(143, 82, 204, 0.15);
1150
+ --g-color-private-purple-150: rgba(143, 82, 204, 0.2);
1151
+ --g-color-private-purple-200: rgba(143, 82, 204, 0.3);
1152
+ --g-color-private-purple-250: rgba(143, 82, 204, 0.4);
1153
+ --g-color-private-purple-300: rgba(143, 82, 204, 0.5);
1154
+ --g-color-private-purple-350: rgba(143, 82, 204, 0.6);
1155
+ --g-color-private-purple-400: rgba(143, 82, 204, 0.7);
1156
+ --g-color-private-purple-450: rgba(143, 82, 204, 0.8);
1157
+ --g-color-private-purple-500: rgba(143, 82, 204, 0.9);
1158
+ --g-color-private-purple-50-solid: rgb(244, 238, 250);
1159
+ --g-color-private-purple-100-solid: rgb(238, 229, 247);
1160
+ --g-color-private-purple-150-solid: rgb(233, 220, 245);
1161
+ --g-color-private-purple-200-solid: rgb(221, 203, 240);
1162
+ --g-color-private-purple-250-solid: rgb(210, 186, 235);
1163
+ --g-color-private-purple-300-solid: rgb(199, 169, 230);
1164
+ --g-color-private-purple-350-solid: rgb(188, 151, 224);
1165
+ --g-color-private-purple-400-solid: rgb(177, 134, 219);
1166
+ --g-color-private-purple-450-solid: rgb(165, 117, 214);
1167
+ --g-color-private-purple-500-solid: rgb(154, 99, 209);
1168
+ --g-color-private-purple-550-solid: rgb(143, 82, 204);
1169
+ --g-color-private-purple-600-solid: rgb(131, 76, 185);
1170
+ --g-color-private-purple-650-solid: rgb(118, 69, 167);
1171
+ --g-color-private-purple-700-solid: rgb(106, 63, 148);
1172
+ --g-color-private-purple-750-solid: rgb(93, 56, 130);
1173
+ --g-color-private-purple-800-solid: rgb(81, 50, 111);
1174
+ --g-color-private-purple-850-solid: rgb(68, 43, 92);
1175
+ --g-color-private-purple-900-solid: rgb(56, 37, 74);
1176
+ --g-color-private-purple-950-solid: rgb(43, 30, 55);
1177
+ --g-color-private-purple-1000-solid: rgb(37, 27, 46);
1178
+ --g-color-private-cool-grey-50: rgba(107, 132, 153, 0.1);
1179
+ --g-color-private-cool-grey-100: rgba(107, 132, 153, 0.15);
1180
+ --g-color-private-cool-grey-150: rgba(107, 132, 153, 0.2);
1181
+ --g-color-private-cool-grey-200: rgba(107, 132, 153, 0.3);
1182
+ --g-color-private-cool-grey-250: rgba(107, 132, 153, 0.4);
1183
+ --g-color-private-cool-grey-300: rgba(107, 132, 153, 0.5);
1184
+ --g-color-private-cool-grey-350: rgba(107, 132, 153, 0.6);
1185
+ --g-color-private-cool-grey-400: rgba(107, 132, 153, 0.7);
1186
+ --g-color-private-cool-grey-450: rgba(107, 132, 153, 0.8);
1187
+ --g-color-private-cool-grey-500: rgba(107, 132, 153, 0.9);
1188
+ --g-color-private-cool-grey-50-solid: rgb(240, 243, 245);
1189
+ --g-color-private-cool-grey-100-solid: rgb(233, 237, 240);
1190
+ --g-color-private-cool-grey-150-solid: rgb(225, 230, 235);
1191
+ --g-color-private-cool-grey-200-solid: rgb(211, 218, 224);
1192
+ --g-color-private-cool-grey-250-solid: rgb(196, 206, 214);
1193
+ --g-color-private-cool-grey-300-solid: rgb(181, 194, 204);
1194
+ --g-color-private-cool-grey-350-solid: rgb(166, 181, 194);
1195
+ --g-color-private-cool-grey-400-solid: rgb(151, 169, 184);
1196
+ --g-color-private-cool-grey-450-solid: rgb(137, 157, 173);
1197
+ --g-color-private-cool-grey-500-solid: rgb(122, 144, 163);
1198
+ --g-color-private-cool-grey-550-solid: rgb(107, 132, 153);
1199
+ --g-color-private-cool-grey-600-solid: rgb(98, 121, 140);
1200
+ --g-color-private-cool-grey-650-solid: rgb(89, 109, 126);
1201
+ --g-color-private-cool-grey-700-solid: rgb(80, 98, 113);
1202
+ --g-color-private-cool-grey-750-solid: rgb(71, 86, 99);
1203
+ --g-color-private-cool-grey-800-solid: rgb(63, 75, 86);
1204
+ --g-color-private-cool-grey-850-solid: rgb(54, 63, 72);
1205
+ --g-color-private-cool-grey-900-solid: rgb(45, 52, 59);
1206
+ --g-color-private-cool-grey-950-solid: rgb(36, 40, 45);
1207
+ --g-color-private-cool-grey-1000-solid: rgb(31, 34, 38);
1208
+ --g-color-text-primary: var(--g-color-text-dark-primary);
1209
+ --g-color-text-complementary: var(--g-color-text-dark-complementary);
1210
+ --g-color-text-secondary: var(--g-color-text-dark-secondary);
1211
+ --g-color-text-hint: var(--g-color-text-dark-hint);
1212
+ --g-color-text-info: var(--g-color-private-blue-650-solid);
1213
+ --g-color-text-positive: var(--g-color-private-green-650-solid);
1214
+ --g-color-text-warning: var(--g-color-private-yellow-700-solid);
1215
+ --g-color-text-danger: var(--g-color-private-red-650-solid);
1216
+ --g-color-text-utility: var(--g-color-private-purple-650-solid);
1217
+ --g-color-text-misc: var(--g-color-private-cool-grey-650-solid);
1218
+ --g-color-text-info-heavy: var(--g-color-private-blue-900-solid);
1219
+ --g-color-text-positive-heavy: var(--g-color-private-green-900-solid);
1220
+ --g-color-text-warning-heavy: var(--g-color-private-orange-900-solid);
1221
+ --g-color-text-danger-heavy: var(--g-color-private-red-900-solid);
1222
+ --g-color-text-utility-heavy: var(--g-color-private-purple-900-solid);
1223
+ --g-color-text-misc-heavy: var(--g-color-private-cool-grey-900-solid);
1224
+ --g-color-text-brand: var(--g-color-private-yellow-700-solid);
1225
+ --g-color-text-brand-heavy: var(--g-color-private-orange-900-solid);
1226
+ --g-color-text-brand-contrast: var(--g-color-text-dark-primary);
1227
+ --g-color-text-link: var(--g-color-private-yellow-700-solid);
1228
+ --g-color-text-link-hover: var(--g-color-private-orange-700-solid);
1229
+ --g-color-text-link-visited: var(--g-color-private-purple-600-solid);
1230
+ --g-color-text-link-visited-hover: var(--g-color-private-purple-850-solid);
1231
+ --g-color-text-dark-primary: var(--g-color-private-black-1000-solid);
1232
+ --g-color-text-dark-complementary: var(--g-color-private-black-850);
1233
+ --g-color-text-dark-secondary: var(--g-color-private-black-700);
1234
+ --g-color-text-dark-hint: var(--g-color-private-black-500);
1235
+ --g-color-text-light-primary: var(--g-color-private-white-1000-solid);
1236
+ --g-color-text-light-complementary: var(--g-color-private-white-850);
1237
+ --g-color-text-light-secondary: var(--g-color-private-white-700);
1238
+ --g-color-text-light-hint: var(--g-color-private-white-500);
1239
+ --g-color-text-inverted-primary: var(--g-color-text-light-primary);
1240
+ --g-color-text-inverted-complementary: var(--g-color-text-light-complementary);
1241
+ --g-color-text-inverted-secondary: var(--g-color-text-light-secondary);
1242
+ --g-color-text-inverted-hint: var(--g-color-text-light-hint);
1243
+ --g-color-base-background: var(--g-color-private-white-1000-solid);
1244
+ --g-color-base-generic: var(--g-color-private-black-150);
1245
+ --g-color-base-generic-hover: var(--g-color-private-black-300);
1246
+ --g-color-base-generic-medium: var(--g-color-private-black-250);
1247
+ --g-color-base-generic-medium-hover: var(--g-color-private-black-350);
1248
+ --g-color-base-generic-accent: var(--g-color-private-black-250);
1249
+ --g-color-base-generic-accent-disabled: var(--g-color-private-black-150);
1250
+ --g-color-base-generic-ultralight: var(--g-color-private-black-50-solid);
1251
+ --g-color-base-simple-hover: var(--g-color-private-black-150);
1252
+ --g-color-base-simple-hover-solid: var(--g-color-private-black-150-solid);
1253
+ --g-color-base-brand: var(--g-color-private-yellow-550-solid);
1254
+ --g-color-base-brand-hover: var(--g-color-private-yellow-650-solid);
1255
+ --g-color-base-selection: var(--g-color-private-yellow-300);
1256
+ --g-color-base-selection-hover: var(--g-color-private-yellow-400);
1257
+ --g-color-base-info-light: var(--g-color-private-blue-250);
1258
+ --g-color-base-info-light-hover: var(--g-color-private-blue-350);
1259
+ --g-color-base-info-medium: var(--g-color-private-blue-400);
1260
+ --g-color-base-info-medium-hover: var(--g-color-private-blue-500);
1261
+ --g-color-base-info-heavy: var(--g-color-private-blue-700-solid);
1262
+ --g-color-base-info-heavy-hover: var(--g-color-private-blue-850-solid);
1263
+ --g-color-base-positive-light: var(--g-color-private-green-250);
1264
+ --g-color-base-positive-light-hover: var(--g-color-private-green-350);
1265
+ --g-color-base-positive-medium: var(--g-color-private-green-400);
1266
+ --g-color-base-positive-medium-hover: var(--g-color-private-green-500);
1267
+ --g-color-base-positive-heavy: var(--g-color-private-green-700-solid);
1268
+ --g-color-base-positive-heavy-hover: var(--g-color-private-green-800-solid);
1269
+ --g-color-base-warning-light: var(--g-color-private-yellow-300);
1270
+ --g-color-base-warning-light-hover: var(--g-color-private-yellow-400);
1271
+ --g-color-base-warning-medium: var(--g-color-private-yellow-400);
1272
+ --g-color-base-warning-medium-hover: var(--g-color-private-yellow-550-solid);
1273
+ --g-color-base-warning-heavy: var(--g-color-private-yellow-600-solid);
1274
+ --g-color-base-warning-heavy-hover: var(--g-color-private-yellow-700-solid);
1275
+ --g-color-base-danger-light: var(--g-color-private-red-250);
1276
+ --g-color-base-danger-light-hover: var(--g-color-private-red-350);
1277
+ --g-color-base-danger-medium: var(--g-color-private-red-400);
1278
+ --g-color-base-danger-medium-hover: var(--g-color-private-red-500);
1279
+ --g-color-base-danger-heavy: var(--g-color-private-red-700-solid);
1280
+ --g-color-base-danger-heavy-hover: var(--g-color-private-red-800-solid);
1281
+ --g-color-base-utility-light: var(--g-color-private-purple-250);
1282
+ --g-color-base-utility-light-hover: var(--g-color-private-purple-350);
1283
+ --g-color-base-utility-medium: var(--g-color-private-purple-400);
1284
+ --g-color-base-utility-medium-hover: var(--g-color-private-purple-500);
1285
+ --g-color-base-utility-heavy: var(--g-color-private-purple-700-solid);
1286
+ --g-color-base-utility-heavy-hover: var(--g-color-private-purple-800-solid);
1287
+ --g-color-base-neutral-light: var(--g-color-private-black-150);
1288
+ --g-color-base-neutral-light-hover: var(--g-color-private-black-250);
1289
+ --g-color-base-neutral-medium: var(--g-color-private-black-300);
1290
+ --g-color-base-neutral-medium-hover: var(--g-color-private-black-400);
1291
+ --g-color-base-neutral-heavy: var(--g-color-private-black-550);
1292
+ --g-color-base-neutral-heavy-hover: var(--g-color-private-black-650);
1293
+ --g-color-base-misc-light: var(--g-color-private-cool-grey-250);
1294
+ --g-color-base-misc-light-hover: var(--g-color-private-cool-grey-350);
1295
+ --g-color-base-misc-medium: var(--g-color-private-cool-grey-400);
1296
+ --g-color-base-misc-medium-hover: var(--g-color-private-cool-grey-500);
1297
+ --g-color-base-misc-heavy: var(--g-color-private-cool-grey-700-solid);
1298
+ --g-color-base-misc-heavy-hover: var(--g-color-private-cool-grey-800-solid);
1299
+ --g-color-base-light: var(--g-color-private-white-1000-solid);
1300
+ --g-color-base-light-hover: var(--g-color-private-white-850);
1301
+ --g-color-base-light-simple-hover: var(--g-color-private-white-300);
1302
+ --g-color-base-light-disabled: var(--g-color-private-white-150);
1303
+ --g-color-base-light-accent-disabled: var(--g-color-private-white-300);
1304
+ --g-color-base-float: var(--g-color-private-white-1000-solid);
1305
+ --g-color-base-float-hover: var(--g-color-private-black-150-solid);
1306
+ --g-color-base-float-medium: var(--g-color-private-black-550-solid);
1307
+ --g-color-base-float-heavy: var(--g-color-private-black-700-solid);
1308
+ --g-color-base-float-accent: var(--g-color-private-white-1000-solid);
1309
+ --g-color-base-float-accent-hover: var(--g-color-private-white-850);
1310
+ --g-color-base-float-announcement: var(--g-color-private-cool-grey-150-solid);
1311
+ --g-color-base-modal: var(--g-color-base-background);
1312
+ --g-color-line-generic: var(--g-color-private-black-200);
1313
+ --g-color-line-generic-hover: var(--g-color-private-black-400);
1314
+ --g-color-line-generic-active: var(--g-color-private-black-700);
1315
+ --g-color-line-generic-accent: var(--g-color-private-black-300);
1316
+ --g-color-line-generic-accent-hover: var(--g-color-private-black-700);
1317
+ --g-color-line-generic-solid: var(--g-color-private-black-200-solid);
1318
+ --g-color-line-brand: var(--g-color-private-yellow-600-solid);
1319
+ --g-color-line-focus: var(--g-color-private-cool-grey-450);
1320
+ --g-color-line-light: var(--g-color-private-white-500);
1321
+ --g-color-line-info: var(--g-color-private-blue-450);
1322
+ --g-color-line-positive: var(--g-color-private-green-450);
1323
+ --g-color-line-warning: var(--g-color-private-yellow-600-solid);
1324
+ --g-color-line-danger: var(--g-color-private-red-450);
1325
+ --g-color-line-utility: var(--g-color-private-purple-450);
1326
+ --g-color-line-misc: var(--g-color-private-cool-grey-450);
1327
+ --g-color-sfx-veil: var(--g-color-private-black-450);
1328
+ --g-color-sfx-shadow: var(--g-color-private-black-300);
1329
+ --g-color-sfx-shadow-heavy: var(--g-color-private-black-600);
1330
+ --g-color-sfx-shadow-light: var(--g-color-private-black-100);
1331
+ --g-color-sfx-fade: var(--g-color-private-white-300);
1332
+ --g-color-scroll-track: var(--g-color-base-background);
1333
+ --g-color-scroll-handle: var(--g-color-private-black-100);
1334
+ --g-color-scroll-handle-hover: var(--g-color-private-black-150);
1335
+ --g-color-scroll-corner: var(--g-color-private-black-100);
1336
+ --g-color-infographics-axis: var(--g-color-private-black-150-solid);
1337
+ --g-color-infographics-tooltip-bg: var(--g-color-private-white-950);
1338
+ }
1339
+ .g-root_theme_dark-hc {
1340
+ --g-color-private-white-50: rgba(255, 255, 255, 0.05);
1341
+ --g-color-private-white-70: rgba(255, 255, 255, 0.07);
1342
+ --g-color-private-white-100: rgba(255, 255, 255, 0.1);
1343
+ --g-color-private-white-150: rgba(255, 255, 255, 0.15);
1344
+ --g-color-private-white-200: rgba(255, 255, 255, 0.2);
1345
+ --g-color-private-white-250: rgba(255, 255, 255, 0.25);
1346
+ --g-color-private-white-300: rgba(255, 255, 255, 0.3);
1347
+ --g-color-private-white-350: rgba(255, 255, 255, 0.35);
1348
+ --g-color-private-white-400: rgba(255, 255, 255, 0.4);
1349
+ --g-color-private-white-450: rgba(255, 255, 255, 0.45);
1350
+ --g-color-private-white-500: rgba(255, 255, 255, 0.5);
1351
+ --g-color-private-white-550: rgba(255, 255, 255, 0.55);
1352
+ --g-color-private-white-600: rgba(255, 255, 255, 0.6);
1353
+ --g-color-private-white-650: rgba(255, 255, 255, 0.65);
1354
+ --g-color-private-white-700: rgba(255, 255, 255, 0.7);
1355
+ --g-color-private-white-750: rgba(255, 255, 255, 0.75);
1356
+ --g-color-private-white-800: rgba(255, 255, 255, 0.8);
1357
+ --g-color-private-white-850: rgba(255, 255, 255, 0.85);
1358
+ --g-color-private-white-900: rgba(255, 255, 255, 0.9);
1359
+ --g-color-private-white-950: rgba(255, 255, 255, 0.95);
1360
+ --g-color-private-white-50-solid: rgb(30, 29, 30);
1361
+ --g-color-private-white-70-solid: rgb(35, 34, 35);
1362
+ --g-color-private-white-100-solid: rgb(42, 41, 42);
1363
+ --g-color-private-white-150-solid: rgb(54, 53, 54);
1364
+ --g-color-private-white-200-solid: rgb(65, 65, 65);
1365
+ --g-color-private-white-250-solid: rgb(77, 77, 77);
1366
+ --g-color-private-white-300-solid: rgb(89, 88, 89);
1367
+ --g-color-private-white-350-solid: rgb(101, 100, 101);
1368
+ --g-color-private-white-400-solid: rgb(113, 112, 113);
1369
+ --g-color-private-white-450-solid: rgb(125, 124, 125);
1370
+ --g-color-private-white-500-solid: rgb(136, 136, 136);
1371
+ --g-color-private-white-550-solid: rgb(148, 148, 148);
1372
+ --g-color-private-white-600-solid: rgb(160, 160, 160);
1373
+ --g-color-private-white-650-solid: rgb(172, 172, 172);
1374
+ --g-color-private-white-700-solid: rgb(184, 184, 184);
1375
+ --g-color-private-white-750-solid: rgb(196, 195, 196);
1376
+ --g-color-private-white-800-solid: rgb(208, 207, 208);
1377
+ --g-color-private-white-850-solid: rgb(208, 207, 208);
1378
+ --g-color-private-white-900-solid: rgb(231, 231, 231);
1379
+ --g-color-private-white-950-solid: rgb(243, 243, 243);
1380
+ --g-color-private-white-1000-solid: rgb(255, 255, 255);
1381
+ --g-color-private-white-opaque-150: rgba(56, 57, 60, 0.97);
1382
+ --g-color-private-black-20: rgba(0, 0, 0, 0.02);
1383
+ --g-color-private-black-50: rgba(0, 0, 0, 0.05);
1384
+ --g-color-private-black-100: rgba(0, 0, 0, 0.1);
1385
+ --g-color-private-black-150: rgba(0, 0, 0, 0.15);
1386
+ --g-color-private-black-200: rgba(0, 0, 0, 0.2);
1387
+ --g-color-private-black-250: rgba(0, 0, 0, 0.25);
1388
+ --g-color-private-black-300: rgba(0, 0, 0, 0.3);
1389
+ --g-color-private-black-350: rgba(0, 0, 0, 0.35);
1390
+ --g-color-private-black-400: rgba(0, 0, 0, 0.4);
1391
+ --g-color-private-black-450: rgba(0, 0, 0, 0.45);
1392
+ --g-color-private-black-500: rgba(0, 0, 0, 0.5);
1393
+ --g-color-private-black-550: rgba(0, 0, 0, 0.55);
1394
+ --g-color-private-black-600: rgba(0, 0, 0, 0.6);
1395
+ --g-color-private-black-650: rgba(0, 0, 0, 0.65);
1396
+ --g-color-private-black-700: rgba(0, 0, 0, 0.7);
1397
+ --g-color-private-black-750: rgba(0, 0, 0, 0.75);
1398
+ --g-color-private-black-800: rgba(0, 0, 0, 0.8);
1399
+ --g-color-private-black-850: rgba(0, 0, 0, 0.85);
1400
+ --g-color-private-black-900: rgba(0, 0, 0, 0.9);
1401
+ --g-color-private-black-950: rgba(0, 0, 0, 0.95);
1402
+ --g-color-private-black-1000-solid: rgb(0, 0, 0);
1403
+ --g-color-private-blue-50: rgba(54, 151, 241, 0.1);
1404
+ --g-color-private-blue-100: rgba(54, 151, 241, 0.15);
1405
+ --g-color-private-blue-150: rgba(54, 151, 241, 0.2);
1406
+ --g-color-private-blue-200: rgba(54, 151, 241, 0.3);
1407
+ --g-color-private-blue-250: rgba(54, 151, 241, 0.4);
1408
+ --g-color-private-blue-300: rgba(54, 151, 241, 0.5);
1409
+ --g-color-private-blue-350: rgba(54, 151, 241, 0.6);
1410
+ --g-color-private-blue-400: rgba(54, 151, 241, 0.7);
1411
+ --g-color-private-blue-450: rgba(54, 151, 241, 0.8);
1412
+ --g-color-private-blue-500: rgba(54, 151, 241, 0.9);
1413
+ --g-color-private-blue-50-solid: rgb(22, 30, 40);
1414
+ --g-color-private-blue-100-solid: rgb(23, 37, 51);
1415
+ --g-color-private-blue-150-solid: rgb(25, 44, 63);
1416
+ --g-color-private-blue-200-solid: rgb(29, 57, 85);
1417
+ --g-color-private-blue-250-solid: rgb(32, 71, 107);
1418
+ --g-color-private-blue-300-solid: rgb(36, 84, 130);
1419
+ --g-color-private-blue-350-solid: rgb(40, 97, 152);
1420
+ --g-color-private-blue-400-solid: rgb(43, 111, 174);
1421
+ --g-color-private-blue-450-solid: rgb(47, 124, 196);
1422
+ --g-color-private-blue-500-solid: rgb(50, 138, 219);
1423
+ --g-color-private-blue-550-solid: rgb(54, 151, 241);
1424
+ --g-color-private-blue-600-solid: rgb(74, 161, 242);
1425
+ --g-color-private-blue-650-solid: rgb(94, 172, 244);
1426
+ --g-color-private-blue-700-solid: rgb(114, 182, 245);
1427
+ --g-color-private-blue-750-solid: rgb(134, 193, 247);
1428
+ --g-color-private-blue-800-solid: rgb(155, 203, 248);
1429
+ --g-color-private-blue-850-solid: rgb(175, 213, 249);
1430
+ --g-color-private-blue-900-solid: rgb(195, 224, 251);
1431
+ --g-color-private-blue-950-solid: rgb(215, 234, 252);
1432
+ --g-color-private-blue-1000-solid: rgb(225, 239, 253);
1433
+ --g-color-private-green-50: rgba(77, 176, 155, 0.1);
1434
+ --g-color-private-green-100: rgba(77, 176, 155, 0.15);
1435
+ --g-color-private-green-150: rgba(77, 176, 155, 0.2);
1436
+ --g-color-private-green-200: rgba(77, 176, 155, 0.3);
1437
+ --g-color-private-green-250: rgba(77, 176, 155, 0.4);
1438
+ --g-color-private-green-300: rgba(77, 176, 155, 0.5);
1439
+ --g-color-private-green-350: rgba(77, 176, 155, 0.6);
1440
+ --g-color-private-green-400: rgba(77, 176, 155, 0.7);
1441
+ --g-color-private-green-450: rgba(77, 176, 155, 0.8);
1442
+ --g-color-private-green-500: rgba(77, 176, 155, 0.9);
1443
+ --g-color-private-green-50-solid: rgb(24, 33, 32);
1444
+ --g-color-private-green-100-solid: rgb(27, 41, 39);
1445
+ --g-color-private-green-150-solid: rgb(30, 49, 45);
1446
+ --g-color-private-green-200-solid: rgb(36, 65, 59);
1447
+ --g-color-private-green-250-solid: rgb(42, 81, 73);
1448
+ --g-color-private-green-300-solid: rgb(48, 97, 87);
1449
+ --g-color-private-green-350-solid: rgb(53, 112, 100);
1450
+ --g-color-private-green-400-solid: rgb(59, 128, 114);
1451
+ --g-color-private-green-450-solid: rgb(65, 144, 128);
1452
+ --g-color-private-green-500-solid: rgb(71, 160, 141);
1453
+ --g-color-private-green-550-solid: rgb(77, 176, 155);
1454
+ --g-color-private-green-600-solid: rgb(95, 184, 165);
1455
+ --g-color-private-green-650-solid: rgb(113, 192, 175);
1456
+ --g-color-private-green-700-solid: rgb(130, 200, 185);
1457
+ --g-color-private-green-750-solid: rgb(148, 208, 195);
1458
+ --g-color-private-green-800-solid: rgb(166, 216, 205);
1459
+ --g-color-private-green-850-solid: rgb(184, 223, 215);
1460
+ --g-color-private-green-900-solid: rgb(202, 231, 225);
1461
+ --g-color-private-green-950-solid: rgb(219, 239, 235);
1462
+ --g-color-private-green-1000-solid: rgb(228, 243, 240);
1463
+ --g-color-private-yellow-50: rgba(255, 190, 92, 0.1);
1464
+ --g-color-private-yellow-100: rgba(255, 190, 92, 0.15);
1465
+ --g-color-private-yellow-150: rgba(255, 190, 92, 0.2);
1466
+ --g-color-private-yellow-200: rgba(255, 190, 92, 0.3);
1467
+ --g-color-private-yellow-250: rgba(255, 190, 92, 0.4);
1468
+ --g-color-private-yellow-300: rgba(255, 190, 92, 0.5);
1469
+ --g-color-private-yellow-350: rgba(255, 190, 92, 0.6);
1470
+ --g-color-private-yellow-400: rgba(255, 190, 92, 0.7);
1471
+ --g-color-private-yellow-450: rgba(255, 190, 92, 0.8);
1472
+ --g-color-private-yellow-500: rgba(255, 190, 92, 0.9);
1473
+ --g-color-private-yellow-50-solid: rgb(42, 34, 25);
1474
+ --g-color-private-yellow-100-solid: rgb(54, 43, 29);
1475
+ --g-color-private-yellow-150-solid: rgb(65, 52, 33);
1476
+ --g-color-private-yellow-200-solid: rgb(89, 69, 40);
1477
+ --g-color-private-yellow-250-solid: rgb(113, 86, 48);
1478
+ --g-color-private-yellow-300-solid: rgb(137, 104, 55);
1479
+ --g-color-private-yellow-350-solid: rgb(160, 121, 62);
1480
+ --g-color-private-yellow-400-solid: rgb(184, 138, 70);
1481
+ --g-color-private-yellow-450-solid: rgb(208, 155, 77);
1482
+ --g-color-private-yellow-500-solid: rgb(231, 173, 85);
1483
+ --g-color-private-yellow-550-solid: rgb(255, 190, 92);
1484
+ --g-color-private-yellow-600-solid: rgb(255, 197, 108);
1485
+ --g-color-private-yellow-650-solid: rgb(255, 203, 125);
1486
+ --g-color-private-yellow-700-solid: rgb(255, 210, 141);
1487
+ --g-color-private-yellow-750-solid: rgb(255, 216, 157);
1488
+ --g-color-private-yellow-800-solid: rgb(255, 223, 174);
1489
+ --g-color-private-yellow-850-solid: rgb(255, 229, 190);
1490
+ --g-color-private-yellow-900-solid: rgb(255, 236, 206);
1491
+ --g-color-private-yellow-950-solid: rgb(255, 242, 222);
1492
+ --g-color-private-yellow-1000-solid: rgb(255, 245, 231);
1493
+ --g-color-private-orange-50: rgba(200, 99, 12, 0.1);
1494
+ --g-color-private-orange-100: rgba(200, 99, 12, 0.15);
1495
+ --g-color-private-orange-150: rgba(200, 99, 12, 0.2);
1496
+ --g-color-private-orange-200: rgba(200, 99, 12, 0.3);
1497
+ --g-color-private-orange-250: rgba(200, 99, 12, 0.4);
1498
+ --g-color-private-orange-300: rgba(200, 99, 12, 0.5);
1499
+ --g-color-private-orange-350: rgba(200, 99, 12, 0.6);
1500
+ --g-color-private-orange-400: rgba(200, 99, 12, 0.7);
1501
+ --g-color-private-orange-450: rgba(200, 99, 12, 0.8);
1502
+ --g-color-private-orange-500: rgba(200, 99, 12, 0.9);
1503
+ --g-color-private-orange-50-solid: rgb(36, 25, 17);
1504
+ --g-color-private-orange-100-solid: rgb(45, 29, 17);
1505
+ --g-color-private-orange-150-solid: rgb(54, 33, 17);
1506
+ --g-color-private-orange-200-solid: rgb(73, 42, 16);
1507
+ --g-color-private-orange-250-solid: rgb(91, 50, 16);
1508
+ --g-color-private-orange-300-solid: rgb(109, 58, 15);
1509
+ --g-color-private-orange-350-solid: rgb(127, 66, 14);
1510
+ --g-color-private-orange-400-solid: rgb(145, 74, 14);
1511
+ --g-color-private-orange-450-solid: rgb(164, 83, 13);
1512
+ --g-color-private-orange-500-solid: rgb(182, 91, 13);
1513
+ --g-color-private-orange-550-solid: rgb(200, 99, 12);
1514
+ --g-color-private-orange-600-solid: rgb(206, 115, 36);
1515
+ --g-color-private-orange-650-solid: rgb(211, 130, 61);
1516
+ --g-color-private-orange-700-solid: rgb(217, 146, 85);
1517
+ --g-color-private-orange-750-solid: rgb(222, 161, 109);
1518
+ --g-color-private-orange-800-solid: rgb(228, 177, 134);
1519
+ --g-color-private-orange-850-solid: rgb(233, 193, 158);
1520
+ --g-color-private-orange-900-solid: rgb(239, 208, 182);
1521
+ --g-color-private-orange-950-solid: rgb(244, 224, 206);
1522
+ --g-color-private-orange-1000-solid: rgb(247, 232, 219);
1523
+ --g-color-private-red-50: rgba(229, 50, 93, 0.1);
1524
+ --g-color-private-red-100: rgba(229, 50, 93, 0.15);
1525
+ --g-color-private-red-150: rgba(229, 50, 93, 0.2);
1526
+ --g-color-private-red-200: rgba(229, 50, 93, 0.3);
1527
+ --g-color-private-red-250: rgba(229, 50, 93, 0.4);
1528
+ --g-color-private-red-300: rgba(229, 50, 93, 0.5);
1529
+ --g-color-private-red-350: rgba(229, 50, 93, 0.6);
1530
+ --g-color-private-red-400: rgba(229, 50, 93, 0.7);
1531
+ --g-color-private-red-450: rgba(229, 50, 93, 0.8);
1532
+ --g-color-private-red-500: rgba(229, 50, 93, 0.9);
1533
+ --g-color-private-red-50-solid: rgb(39, 20, 26);
1534
+ --g-color-private-red-100-solid: rgb(50, 22, 29);
1535
+ --g-color-private-red-150-solid: rgb(60, 24, 33);
1536
+ --g-color-private-red-200-solid: rgb(81, 27, 41);
1537
+ --g-color-private-red-250-solid: rgb(102, 30, 48);
1538
+ --g-color-private-red-300-solid: rgb(124, 34, 56);
1539
+ --g-color-private-red-350-solid: rgb(145, 37, 63);
1540
+ --g-color-private-red-400-solid: rgb(166, 40, 71);
1541
+ --g-color-private-red-450-solid: rgb(187, 43, 78);
1542
+ --g-color-private-red-500-solid: rgb(208, 47, 86);
1543
+ --g-color-private-red-550-solid: rgb(229, 50, 93);
1544
+ --g-color-private-red-600-solid: rgb(232, 71, 109);
1545
+ --g-color-private-red-650-solid: rgb(234, 91, 125);
1546
+ --g-color-private-red-700-solid: rgb(237, 112, 142);
1547
+ --g-color-private-red-750-solid: rgb(239, 132, 158);
1548
+ --g-color-private-red-800-solid: rgb(242, 153, 174);
1549
+ --g-color-private-red-850-solid: rgb(245, 173, 190);
1550
+ --g-color-private-red-900-solid: rgb(247, 194, 206);
1551
+ --g-color-private-red-950-solid: rgb(250, 214, 223);
1552
+ --g-color-private-red-1000-solid: rgb(251, 224, 231);
1553
+ --g-color-private-purple-50: rgba(143, 82, 204, 0.1);
1554
+ --g-color-private-purple-100: rgba(143, 82, 204, 0.15);
1555
+ --g-color-private-purple-150: rgba(143, 82, 204, 0.2);
1556
+ --g-color-private-purple-200: rgba(143, 82, 204, 0.3);
1557
+ --g-color-private-purple-250: rgba(143, 82, 204, 0.4);
1558
+ --g-color-private-purple-300: rgba(143, 82, 204, 0.5);
1559
+ --g-color-private-purple-350: rgba(143, 82, 204, 0.6);
1560
+ --g-color-private-purple-400: rgba(143, 82, 204, 0.7);
1561
+ --g-color-private-purple-450: rgba(143, 82, 204, 0.8);
1562
+ --g-color-private-purple-500: rgba(143, 82, 204, 0.9);
1563
+ --g-color-private-purple-50-solid: rgb(31, 24, 37);
1564
+ --g-color-private-purple-100-solid: rgb(37, 27, 46);
1565
+ --g-color-private-purple-150-solid: rgb(43, 30, 55);
1566
+ --g-color-private-purple-200-solid: rgb(56, 37, 74);
1567
+ --g-color-private-purple-250-solid: rgb(68, 43, 92);
1568
+ --g-color-private-purple-300-solid: rgb(81, 50, 111);
1569
+ --g-color-private-purple-350-solid: rgb(93, 56, 130);
1570
+ --g-color-private-purple-400-solid: rgb(106, 63, 148);
1571
+ --g-color-private-purple-450-solid: rgb(118, 69, 167);
1572
+ --g-color-private-purple-500-solid: rgb(131, 76, 185);
1573
+ --g-color-private-purple-550-solid: rgb(143, 82, 204);
1574
+ --g-color-private-purple-600-solid: rgb(154, 99, 209);
1575
+ --g-color-private-purple-650-solid: rgb(165, 117, 214);
1576
+ --g-color-private-purple-700-solid: rgb(177, 134, 219);
1577
+ --g-color-private-purple-750-solid: rgb(188, 151, 224);
1578
+ --g-color-private-purple-800-solid: rgb(199, 169, 230);
1579
+ --g-color-private-purple-850-solid: rgb(210, 186, 235);
1580
+ --g-color-private-purple-900-solid: rgb(221, 203, 240);
1581
+ --g-color-private-purple-950-solid: rgb(233, 220, 245);
1582
+ --g-color-private-purple-1000-solid: rgb(238, 229, 247);
1583
+ --g-color-private-cool-grey-50: rgba(96, 128, 156, 0.1);
1584
+ --g-color-private-cool-grey-100: rgba(96, 128, 156, 0.15);
1585
+ --g-color-private-cool-grey-150: rgba(96, 128, 156, 0.2);
1586
+ --g-color-private-cool-grey-200: rgba(96, 128, 156, 0.3);
1587
+ --g-color-private-cool-grey-250: rgba(96, 128, 156, 0.4);
1588
+ --g-color-private-cool-grey-300: rgba(96, 128, 156, 0.5);
1589
+ --g-color-private-cool-grey-350: rgba(96, 128, 156, 0.6);
1590
+ --g-color-private-cool-grey-400: rgba(96, 128, 156, 0.7);
1591
+ --g-color-private-cool-grey-450: rgba(96, 128, 156, 0.8);
1592
+ --g-color-private-cool-grey-500: rgba(96, 128, 156, 0.9);
1593
+ --g-color-private-cool-grey-50-solid: rgb(26, 28, 32);
1594
+ --g-color-private-cool-grey-100-solid: rgb(30, 34, 39);
1595
+ --g-color-private-cool-grey-150-solid: rgb(34, 39, 46);
1596
+ --g-color-private-cool-grey-200-solid: rgb(41, 50, 59);
1597
+ --g-color-private-cool-grey-250-solid: rgb(49, 61, 73);
1598
+ --g-color-private-cool-grey-300-solid: rgb(57, 73, 87);
1599
+ --g-color-private-cool-grey-350-solid: rgb(65, 84, 101);
1600
+ --g-color-private-cool-grey-400-solid: rgb(73, 95, 115);
1601
+ --g-color-private-cool-grey-450-solid: rgb(80, 106, 128);
1602
+ --g-color-private-cool-grey-500-solid: rgb(88, 117, 142);
1603
+ --g-color-private-cool-grey-550-solid: rgb(96, 128, 156);
1604
+ --g-color-private-cool-grey-600-solid: rgb(112, 141, 166);
1605
+ --g-color-private-cool-grey-650-solid: rgb(128, 153, 176);
1606
+ --g-color-private-cool-grey-700-solid: rgb(144, 166, 186);
1607
+ --g-color-private-cool-grey-750-solid: rgb(160, 179, 196);
1608
+ --g-color-private-cool-grey-800-solid: rgb(176, 192, 206);
1609
+ --g-color-private-cool-grey-850-solid: rgb(191, 204, 215);
1610
+ --g-color-private-cool-grey-900-solid: rgb(207, 217, 225);
1611
+ --g-color-private-cool-grey-950-solid: rgb(223, 230, 235);
1612
+ --g-color-private-cool-grey-1000-solid: rgb(231, 236, 240);
1613
+ --g-color-text-primary: var(--g-color-text-light-primary);
1614
+ --g-color-text-complementary: var(--g-color-text-light-complementary);
1615
+ --g-color-text-secondary: var(--g-color-text-light-secondary);
1616
+ --g-color-text-hint: var(--g-color-text-light-hint);
1617
+ --g-color-text-info: var(--g-color-private-blue-650-solid);
1618
+ --g-color-text-positive: var(--g-color-private-green-650-solid);
1619
+ --g-color-text-warning: var(--g-color-private-yellow-650-solid);
1620
+ --g-color-text-danger: var(--g-color-private-red-650-solid);
1621
+ --g-color-text-utility: var(--g-color-private-purple-650-solid);
1622
+ --g-color-text-misc: var(--g-color-private-cool-grey-650-solid);
1623
+ --g-color-text-info-heavy: var(--g-color-private-blue-850-solid);
1624
+ --g-color-text-positive-heavy: var(--g-color-private-green-850-solid);
1625
+ --g-color-text-warning-heavy: var(--g-color-private-yellow-850-solid);
1626
+ --g-color-text-danger-heavy: var(--g-color-private-red-850-solid);
1627
+ --g-color-text-utility-heavy: var(--g-color-private-purple-850-solid);
1628
+ --g-color-text-misc-heavy: var(--g-color-private-cool-grey-850-solid);
1629
+ --g-color-text-brand: var(--g-color-private-yellow-600-solid);
1630
+ --g-color-text-brand-heavy: var(--g-color-private-yellow-700-solid);
1631
+ --g-color-text-brand-contrast: var(--g-color-text-dark-primary);
1632
+ --g-color-text-link: var(--g-color-private-yellow-550-solid);
1633
+ --g-color-text-link-hover: var(--g-color-private-orange-550-solid);
1634
+ --g-color-text-link-visited: var(--g-color-private-purple-650-solid);
1635
+ --g-color-text-link-visited-hover: var(--g-color-private-purple-800-solid);
1636
+ --g-color-text-dark-primary: var(--g-color-private-black-1000-solid);
1637
+ --g-color-text-dark-complementary: var(--g-color-private-black-800);
1638
+ --g-color-text-dark-secondary: var(--g-color-private-black-600);
1639
+ --g-color-text-dark-hint: var(--g-color-private-black-400);
1640
+ --g-color-text-light-primary: var(--g-color-private-white-1000-solid);
1641
+ --g-color-text-light-complementary: var(--g-color-private-white-800);
1642
+ --g-color-text-light-secondary: var(--g-color-private-white-600);
1643
+ --g-color-text-light-hint: var(--g-color-private-white-400);
1644
+ --g-color-text-inverted-primary: var(--g-color-text-dark-primary);
1645
+ --g-color-text-inverted-complementary: var(--g-color-text-dark-complementary);
1646
+ --g-color-text-inverted-secondary: var(--g-color-text-dark-secondary);
1647
+ --g-color-text-inverted-hint: var(--g-color-text-dark-hint);
1648
+ --g-color-base-background: rgb(18, 17, 18);
1649
+ --g-color-base-generic: var(--g-color-private-white-100);
1650
+ --g-color-base-generic-hover: var(--g-color-private-white-250);
1651
+ --g-color-base-generic-medium: var(--g-color-private-white-250);
1652
+ --g-color-base-generic-medium-hover: var(--g-color-private-white-400);
1653
+ --g-color-base-generic-accent: var(--g-color-private-white-200);
1654
+ --g-color-base-generic-accent-disabled: var(--g-color-private-white-150);
1655
+ --g-color-base-generic-ultralight: var(--g-color-private-white-50);
1656
+ --g-color-base-simple-hover: var(--g-color-private-white-250);
1657
+ --g-color-base-simple-hover-solid: var(--g-color-private-white-250-solid);
1658
+ --g-color-base-brand: var(--g-color-private-yellow-550-solid);
1659
+ --g-color-base-brand-hover: var(--g-color-private-yellow-700-solid);
1660
+ --g-color-base-selection: var(--g-color-private-yellow-250);
1661
+ --g-color-base-selection-hover: var(--g-color-private-yellow-400);
1662
+ --g-color-base-info-light: var(--g-color-private-blue-250);
1663
+ --g-color-base-info-light-hover: var(--g-color-private-blue-400);
1664
+ --g-color-base-info-medium: var(--g-color-private-blue-450);
1665
+ --g-color-base-info-medium-hover: var(--g-color-private-blue-600-solid);
1666
+ --g-color-base-info-heavy: var(--g-color-private-blue-700-solid);
1667
+ --g-color-base-info-heavy-hover: var(--g-color-private-blue-850-solid);
1668
+ --g-color-base-positive-light: var(--g-color-private-green-250);
1669
+ --g-color-base-positive-light-hover: var(--g-color-private-green-400);
1670
+ --g-color-base-positive-medium: var(--g-color-private-green-450);
1671
+ --g-color-base-positive-medium-hover: var(--g-color-private-green-600-solid);
1672
+ --g-color-base-positive-heavy: var(--g-color-private-green-700-solid);
1673
+ --g-color-base-positive-heavy-hover: var(--g-color-private-green-850-solid);
1674
+ --g-color-base-warning-light: var(--g-color-private-yellow-250);
1675
+ --g-color-base-warning-light-hover: var(--g-color-private-yellow-400);
1676
+ --g-color-base-warning-medium: var(--g-color-private-yellow-450);
1677
+ --g-color-base-warning-medium-hover: var(--g-color-private-yellow-600-solid);
1678
+ --g-color-base-warning-heavy: var(--g-color-private-yellow-700-solid);
1679
+ --g-color-base-warning-heavy-hover: var(--g-color-private-yellow-850-solid);
1680
+ --g-color-base-danger-light: var(--g-color-private-red-250);
1681
+ --g-color-base-danger-light-hover: var(--g-color-private-red-400);
1682
+ --g-color-base-danger-medium: var(--g-color-private-red-450);
1683
+ --g-color-base-danger-medium-hover: var(--g-color-private-red-600-solid);
1684
+ --g-color-base-danger-heavy: var(--g-color-private-red-700-solid);
1685
+ --g-color-base-danger-heavy-hover: var(--g-color-private-red-850-solid);
1686
+ --g-color-base-utility-light: var(--g-color-private-purple-250);
1687
+ --g-color-base-utility-light-hover: var(--g-color-private-purple-400);
1688
+ --g-color-base-utility-medium: var(--g-color-private-purple-450);
1689
+ --g-color-base-utility-medium-hover: var(--g-color-private-purple-600-solid);
1690
+ --g-color-base-utility-heavy: var(--g-color-private-purple-700-solid);
1691
+ --g-color-base-utility-heavy-hover: var(--g-color-private-purple-850-solid);
1692
+ --g-color-base-neutral-light: var(--g-color-private-white-200);
1693
+ --g-color-base-neutral-light-hover: var(--g-color-private-white-350);
1694
+ --g-color-base-neutral-medium: var(--g-color-private-white-400);
1695
+ --g-color-base-neutral-medium-hover: var(--g-color-private-white-550);
1696
+ --g-color-base-neutral-heavy: var(--g-color-private-white-650);
1697
+ --g-color-base-neutral-heavy-hover: var(--g-color-private-white-750);
1698
+ --g-color-base-misc-light: var(--g-color-private-cool-grey-250);
1699
+ --g-color-base-misc-light-hover: var(--g-color-private-cool-grey-400);
1700
+ --g-color-base-misc-medium: var(--g-color-private-cool-grey-450);
1701
+ --g-color-base-misc-medium-hover: var(--g-color-private-cool-grey-600-solid);
1702
+ --g-color-base-misc-heavy: var(--g-color-private-cool-grey-700-solid);
1703
+ --g-color-base-misc-heavy-hover: var(--g-color-private-cool-grey-850-solid);
1704
+ --g-color-base-light: var(--g-color-private-white-850);
1705
+ --g-color-base-light-hover: var(--g-color-private-white-700);
1706
+ --g-color-base-light-simple-hover: var(--g-color-private-white-150);
1707
+ --g-color-base-light-disabled: var(--g-color-private-white-150);
1708
+ --g-color-base-light-accent-disabled: var(--g-color-private-white-300);
1709
+ --g-color-base-float: var(--g-color-private-white-100-solid);
1710
+ --g-color-base-float-hover: var(--g-color-private-white-200-solid);
1711
+ --g-color-base-float-medium: var(--g-color-private-white-200-solid);
1712
+ --g-color-base-float-heavy: var(--g-color-private-white-300-solid);
1713
+ --g-color-base-float-accent: var(--g-color-private-white-300-solid);
1714
+ --g-color-base-float-accent-hover: var(--g-color-private-white-400-solid);
1715
+ --g-color-base-float-announcement: var(--g-color-private-white-200-solid);
1716
+ --g-color-base-modal: var(--g-color-base-background);
1717
+ --g-color-line-generic: var(--g-color-private-white-150);
1718
+ --g-color-line-generic-hover: var(--g-color-private-white-250);
1719
+ --g-color-line-generic-active: var(--g-color-private-white-600);
1720
+ --g-color-line-generic-accent: var(--g-color-private-white-350);
1721
+ --g-color-line-generic-accent-hover: var(--g-color-private-white-800);
1722
+ --g-color-line-generic-solid: var(--g-color-private-white-150-solid);
1723
+ --g-color-line-brand: var(--g-color-private-yellow-600-solid);
1724
+ --g-color-line-focus: var(--g-color-private-cool-grey-550-solid);
1725
+ --g-color-line-light: var(--g-color-private-white-500);
1726
+ --g-color-line-info: var(--g-color-private-blue-550-solid);
1727
+ --g-color-line-positive: var(--g-color-private-green-550-solid);
1728
+ --g-color-line-warning: var(--g-color-private-yellow-550-solid);
1729
+ --g-color-line-danger: var(--g-color-private-red-550-solid);
1730
+ --g-color-line-utility: var(--g-color-private-purple-550-solid);
1731
+ --g-color-line-misc: var(--g-color-private-cool-grey-550-solid);
1732
+ --g-color-sfx-veil: var(--g-color-private-black-700);
1733
+ --g-color-sfx-shadow: var(--g-color-private-black-200);
1734
+ --g-color-sfx-shadow-heavy: var(--g-color-private-black-400);
1735
+ --g-color-sfx-shadow-light: var(--g-color-private-black-200);
1736
+ --g-color-sfx-fade: var(--g-color-private-white-250);
1737
+ --g-color-scroll-track: var(--g-color-base-background);
1738
+ --g-color-scroll-handle: var(--g-color-private-white-150);
1739
+ --g-color-scroll-handle-hover: var(--g-color-private-white-250);
1740
+ --g-color-scroll-corner: var(--g-color-private-white-150);
1741
+ --g-color-infographics-axis: var(--g-color-private-white-150-solid);
1742
+ --g-color-infographics-tooltip-bg: var(--g-color-private-white-opaque-150);
1743
+ }
1744
+ .g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) {
1745
+ scrollbar-width: var(--g-scrollbar-width);
1746
+ scrollbar-color: var(--g-color-scroll-handle) var(--g-color-scroll-track);
1747
+ }
1748
+ .g-root:not(.g-root_mobile):not(.g-root_native-scrollbar)::-webkit-scrollbar,
1749
+ .g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) *::-webkit-scrollbar {
1750
+ width: var(--g-scrollbar-width);
1751
+ height: var(--g-scrollbar-width);
1752
+ background: var(--g-color-scroll-track);
1753
+ }
1754
+ .g-root:not(.g-root_mobile):not(.g-root_native-scrollbar)::-webkit-scrollbar-track,
1755
+ .g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) *::-webkit-scrollbar-track {
1756
+ background: var(--g-color-scroll-track);
1757
+ }
1758
+ .g-root:not(.g-root_mobile):not(.g-root_native-scrollbar)::-webkit-scrollbar-corner,
1759
+ .g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) *::-webkit-scrollbar-corner {
1760
+ background: var(--g-color-scroll-corner);
1761
+ }
1762
+ .g-root:not(.g-root_mobile):not(.g-root_native-scrollbar)::-webkit-scrollbar-thumb,
1763
+ .g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) *::-webkit-scrollbar-thumb {
1764
+ background: var(--g-color-scroll-handle);
1765
+ }
1766
+ .g-root:not(.g-root_mobile):not(.g-root_native-scrollbar)::-webkit-scrollbar-thumb:hover,
1767
+ .g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) *::-webkit-scrollbar-thumb:hover {
1768
+ background: var(--g-color-scroll-handle-hover);
1769
+ }
1770
+ @keyframes g-loading-animation {
1771
+ from {
1772
+ background-position: -12px 0;
1773
+ }
1774
+ to {
1775
+ background-position: 0 0;
1776
+ }
1777
+ }
1778
+ :root:has(body.g-root_theme_light),
1779
+ :root:has(body.g-root_theme_light-hc) {
1780
+ --csstools-color-scheme--dark: ;
1781
+ color-scheme: light;
1782
+ }
1783
+ :root:has(body.g-root_theme_dark),
1784
+ :root:has(body.g-root_theme_dark-hc) {
1785
+ --csstools-color-scheme--dark: initial;
1786
+ color-scheme: dark;
1787
+ }
4
1788
  .dc-doc-page .yfm {
5
1789
  color: var(--g-color-text-primary);
6
1790
  --yfm-color-hljs-background: var(--g-color-base-background);