@bspk/ui 1.3.30 → 1.4.1
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.
- package/build.ts +1 -2
- package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.d.ts +11 -0
- package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.js +14 -0
- package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.js.map +1 -0
- package/dist/components/StylesProviderAgentWorkplace/index.d.ts +1 -0
- package/dist/components/StylesProviderAgentWorkplace/index.js +2 -0
- package/dist/components/StylesProviderAgentWorkplace/index.js.map +1 -0
- package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.d.ts +11 -0
- package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.js +14 -0
- package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.js.map +1 -0
- package/dist/components/StylesProviderBrokerWorkplace/index.d.ts +1 -0
- package/dist/components/StylesProviderBrokerWorkplace/index.js +2 -0
- package/dist/components/StylesProviderBrokerWorkplace/index.js.map +1 -0
- package/dist/components/StylesProviderDemo/brandsCss.js +10 -9
- package/dist/components/StylesProviderDemo/brandsCss.js.map +1 -1
- package/dist/components/StylesProviderDemo/exampleCss.js +5 -5
- package/dist/components/StylesProviderDemo/exampleCss.js.map +1 -1
- package/dist/components/Table/Table.js +1 -1
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/styles/agent-workplace.css +1800 -0
- package/dist/styles/{denali-boss.css.js → agent-workplace.css.js} +770 -849
- package/dist/styles/anywhere.css +687 -766
- package/dist/styles/anywhere.css.js +687 -766
- package/dist/styles/better-homes-gardens.css +579 -826
- package/dist/styles/better-homes-gardens.css.js +579 -826
- package/dist/styles/broker-workplace.css +1800 -0
- package/dist/styles/broker-workplace.css.js +1805 -0
- package/dist/styles/cartus.css +674 -765
- package/dist/styles/cartus.css.js +674 -765
- package/dist/styles/century-21.css +679 -766
- package/dist/styles/century-21.css.js +679 -766
- package/dist/styles/coldwell-banker.css +671 -762
- package/dist/styles/coldwell-banker.css.js +671 -762
- package/dist/styles/corcoran.css +663 -758
- package/dist/styles/corcoran.css.js +663 -758
- package/dist/styles/era.css +677 -766
- package/dist/styles/era.css.js +677 -766
- package/dist/styles/example.css +1898 -0
- package/dist/styles/example.css.js +1903 -0
- package/dist/styles/sothebys.css +670 -759
- package/dist/styles/sothebys.css.js +670 -759
- package/dist/types/common.d.ts +2 -1
- package/dist/types/common.js.map +1 -1
- package/package.json +7 -47
- package/src/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.tsx +15 -0
- package/src/components/StylesProviderAgentWorkplace/index.tsx +1 -0
- package/src/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.tsx +15 -0
- package/src/components/StylesProviderBrokerWorkplace/index.tsx +1 -0
- package/src/components/StylesProviderDemo/brandsCss.ts +13 -10
- package/src/components/StylesProviderDemo/exampleCss.ts +5 -5
- package/src/components/Table/Table.tsx +1 -1
- package/{dist/styles/denali-boss.css → src/styles/example.css} +401 -384
- package/src/types/common.ts +2 -10
- package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.d.ts +0 -11
- package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.js +0 -14
- package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.js.map +0 -1
- package/dist/components/StylesProviderDenaliBoss/index.d.ts +0 -1
- package/dist/components/StylesProviderDenaliBoss/index.js +0 -2
- package/dist/components/StylesProviderDenaliBoss/index.js.map +0 -1
- package/dist/constants/brands.d.ts +0 -7
- package/dist/constants/brands.js +0 -43
- package/dist/constants/brands.js.map +0 -1
- package/src/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.tsx +0 -15
- package/src/components/StylesProviderDenaliBoss/index.tsx +0 -1
- package/src/constants/brands.ts +0 -49
|
@@ -1,186 +1,46 @@
|
|
|
1
1
|
/** * This file is generated by the build script.
|
|
2
2
|
* Do not edit this file directly. */
|
|
3
3
|
const style = document.createElement('style');
|
|
4
|
-
style.appendChild(document.createTextNode(`/* Generated from figma export:
|
|
4
|
+
style.appendChild(document.createTextNode(`/* Generated from figma export: 2026-02-02T17:54:13.533Z */
|
|
5
5
|
|
|
6
|
-
@import url('https://fonts.googleapis.com/css2?family=
|
|
6
|
+
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap');
|
|
7
7
|
body {
|
|
8
8
|
font-family: var(--typeface);
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
:root {
|
|
12
12
|
/* Body/Base */
|
|
13
|
-
--body-base: 400 16px/
|
|
14
|
-
/* Body/Base -
|
|
15
|
-
--body-base-line-height:
|
|
16
|
-
/* Body/Base -
|
|
13
|
+
--body-base: 400 16px/24px var(--typeface);
|
|
14
|
+
/* Body/Base - line height */
|
|
15
|
+
--body-base-line-height: 24px;
|
|
16
|
+
/* Body/Base - size */
|
|
17
17
|
--body-base-size: 16px;
|
|
18
|
-
/* Body/Base -
|
|
18
|
+
/* Body/Base - style */
|
|
19
19
|
--body-base-style: regular;
|
|
20
20
|
/* Body/Large */
|
|
21
|
-
--body-large: 400 18px/
|
|
22
|
-
/* Body/Large -
|
|
23
|
-
--body-large-line-height:
|
|
24
|
-
/* Body/Large -
|
|
21
|
+
--body-large: 400 18px/28px var(--typeface);
|
|
22
|
+
/* Body/Large - line height */
|
|
23
|
+
--body-large-line-height: 28px;
|
|
24
|
+
/* Body/Large - size */
|
|
25
25
|
--body-large-size: 18px;
|
|
26
|
-
/* Body/Large -
|
|
26
|
+
/* Body/Large - style */
|
|
27
27
|
--body-large-style: regular;
|
|
28
28
|
/* Body/Small */
|
|
29
29
|
--body-small: 400 14px/20px var(--typeface);
|
|
30
|
-
/* Body/Small -
|
|
30
|
+
/* Body/Small - line height */
|
|
31
31
|
--body-small-line-height: 20px;
|
|
32
|
-
/* Body/Small -
|
|
32
|
+
/* Body/Small - size */
|
|
33
33
|
--body-small-size: 14px;
|
|
34
|
-
/* Body/Small -
|
|
34
|
+
/* Body/Small - style */
|
|
35
35
|
--body-small-style: regular;
|
|
36
36
|
/* Body/X-Small */
|
|
37
37
|
--body-x-small: 400 12px/16px var(--typeface);
|
|
38
|
-
/* Body/X-Small -
|
|
38
|
+
/* Body/X-Small - line height */
|
|
39
39
|
--body-x-small-line-height: 16px;
|
|
40
|
-
/* Body/X-Small -
|
|
40
|
+
/* Body/X-Small - size */
|
|
41
41
|
--body-x-small-size: 12px;
|
|
42
|
-
/* Body/X-Small -
|
|
42
|
+
/* Body/X-Small - style */
|
|
43
43
|
--body-x-small-style: regular;
|
|
44
|
-
/* Colors/Brands/Experiment/blue-dark/100 - Global (primitives) */
|
|
45
|
-
--colors-brands-experiment-blue-dark-100: #0a2f85;
|
|
46
|
-
/* Colors/Brands/Experiment/blue-dark/200 - Global (primitives) */
|
|
47
|
-
--colors-brands-experiment-blue-dark-200: #1347cc;
|
|
48
|
-
/* Colors/Brands/Experiment/blue-dark/300 - Global (primitives) */
|
|
49
|
-
--colors-brands-experiment-blue-dark-300: #0f59e2;
|
|
50
|
-
/* Colors/Brands/Experiment/blue-dark/400 - Global (primitives) */
|
|
51
|
-
--colors-brands-experiment-blue-dark-400: #357aea;
|
|
52
|
-
/* Colors/Brands/Experiment/blue-dark/50 - Global (primitives) */
|
|
53
|
-
--colors-brands-experiment-blue-dark-50: #181d34;
|
|
54
|
-
/* Colors/Brands/Experiment/blue-dark/500 - Global (primitives) */
|
|
55
|
-
--colors-brands-experiment-blue-dark-500: #2e88f6;
|
|
56
|
-
/* Colors/Brands/Experiment/blue-dark/600 - Global (primitives) */
|
|
57
|
-
--colors-brands-experiment-blue-dark-600: #50a1ff;
|
|
58
|
-
/* Colors/Brands/Experiment/blue-dark/700 - Global (primitives) */
|
|
59
|
-
--colors-brands-experiment-blue-dark-700: #7ab7ff;
|
|
60
|
-
/* Colors/Brands/Experiment/blue-dark/800 - Global (primitives) */
|
|
61
|
-
--colors-brands-experiment-blue-dark-800: #dcebfe;
|
|
62
|
-
/* Colors/Brands/Experiment/blue-dark/900 - Global (primitives) */
|
|
63
|
-
--colors-brands-experiment-blue-dark-900: #f0f6ff;
|
|
64
|
-
/* Colors/Brands/Experiment/blue-gray-dark/100 - Global (primitives) */
|
|
65
|
-
--colors-brands-experiment-blue-gray-dark-100: #1a2332;
|
|
66
|
-
/* Colors/Brands/Experiment/blue-gray-dark/200 - Global (primitives) */
|
|
67
|
-
--colors-brands-experiment-blue-gray-dark-200: #252e3c;
|
|
68
|
-
/* Colors/Brands/Experiment/blue-gray-dark/300 - Global (primitives) */
|
|
69
|
-
--colors-brands-experiment-blue-gray-dark-300: #323b49;
|
|
70
|
-
/* Colors/Brands/Experiment/blue-gray-dark/400 - Global (primitives) */
|
|
71
|
-
--colors-brands-experiment-blue-gray-dark-400: #5e6d82;
|
|
72
|
-
/* Colors/Brands/Experiment/blue-gray-dark/50 - Global (primitives) */
|
|
73
|
-
--colors-brands-experiment-blue-gray-dark-50: #0c101c;
|
|
74
|
-
/* Colors/Brands/Experiment/blue-gray-dark/500 - Global (primitives) */
|
|
75
|
-
--colors-brands-experiment-blue-gray-dark-500: #8b9bb2;
|
|
76
|
-
/* Colors/Brands/Experiment/blue-gray-dark/600 - Global (primitives) */
|
|
77
|
-
--colors-brands-experiment-blue-gray-dark-600: #b1c0d2;
|
|
78
|
-
/* Colors/Brands/Experiment/blue-gray-dark/700 - Global (primitives) */
|
|
79
|
-
--colors-brands-experiment-blue-gray-dark-700: #d4dce8;
|
|
80
|
-
/* Colors/Brands/Experiment/blue-gray-dark/800 - Global (primitives) */
|
|
81
|
-
--colors-brands-experiment-blue-gray-dark-800: #e2ebf3;
|
|
82
|
-
/* Colors/Brands/Experiment/blue-gray-dark/900 - Global (primitives) */
|
|
83
|
-
--colors-brands-experiment-blue-gray-dark-900: #f8fafc;
|
|
84
|
-
/* Colors/Brands/Experiment/blue-gray-light/100 - Global (primitives) */
|
|
85
|
-
--colors-brands-experiment-blue-gray-light-100: #f1f5f9;
|
|
86
|
-
/* Colors/Brands/Experiment/blue-gray-light/200 - Global (primitives) */
|
|
87
|
-
--colors-brands-experiment-blue-gray-light-200: #e1e7ef;
|
|
88
|
-
/* Colors/Brands/Experiment/blue-gray-light/300 - Global (primitives) */
|
|
89
|
-
--colors-brands-experiment-blue-gray-light-300: #c8d6e5;
|
|
90
|
-
/* Colors/Brands/Experiment/blue-gray-light/400 - Global (primitives) */
|
|
91
|
-
--colors-brands-experiment-blue-gray-light-400: #9eacc0;
|
|
92
|
-
/* Colors/Brands/Experiment/blue-gray-light/50 - Global (primitives) */
|
|
93
|
-
--colors-brands-experiment-blue-gray-light-50: #f8fafc;
|
|
94
|
-
/* Colors/Brands/Experiment/blue-gray-light/500 - Global (primitives) */
|
|
95
|
-
--colors-brands-experiment-blue-gray-light-500: #65758b;
|
|
96
|
-
/* Colors/Brands/Experiment/blue-gray-light/600 - Global (primitives) */
|
|
97
|
-
--colors-brands-experiment-blue-gray-light-600: #48566a;
|
|
98
|
-
/* Colors/Brands/Experiment/blue-gray-light/700 - Global (primitives) */
|
|
99
|
-
--colors-brands-experiment-blue-gray-light-700: #344256;
|
|
100
|
-
/* Colors/Brands/Experiment/blue-gray-light/800 - Global (primitives) */
|
|
101
|
-
--colors-brands-experiment-blue-gray-light-800: #1d283a;
|
|
102
|
-
/* Colors/Brands/Experiment/blue-gray-light/900 - Global (primitives) */
|
|
103
|
-
--colors-brands-experiment-blue-gray-light-900: #0f1729;
|
|
104
|
-
/* Colors/Brands/Experiment/blue-light/100 - Global (primitives) */
|
|
105
|
-
--colors-brands-experiment-blue-light-100: #dcebfe;
|
|
106
|
-
/* Colors/Brands/Experiment/blue-light/200 - Global (primitives) */
|
|
107
|
-
--colors-brands-experiment-blue-light-200: #bedbfe;
|
|
108
|
-
/* Colors/Brands/Experiment/blue-light/300 - Global (primitives) */
|
|
109
|
-
--colors-brands-experiment-blue-light-300: #91c3fd;
|
|
110
|
-
/* Colors/Brands/Experiment/blue-light/400 - Global (primitives) */
|
|
111
|
-
--colors-brands-experiment-blue-light-400: #61a6fa;
|
|
112
|
-
/* Colors/Brands/Experiment/blue-light/50 - Global (primitives) */
|
|
113
|
-
--colors-brands-experiment-blue-light-50: #f2f7ff;
|
|
114
|
-
/* Colors/Brands/Experiment/blue-light/500 - Global (primitives) */
|
|
115
|
-
--colors-brands-experiment-blue-light-500: #3479e9;
|
|
116
|
-
/* Colors/Brands/Experiment/blue-light/600 - Global (primitives) */
|
|
117
|
-
--colors-brands-experiment-blue-light-600: #1559ea;
|
|
118
|
-
/* Colors/Brands/Experiment/blue-light/700 - Global (primitives) */
|
|
119
|
-
--colors-brands-experiment-blue-light-700: #173fab;
|
|
120
|
-
/* Colors/Brands/Experiment/blue-light/800 - Global (primitives) */
|
|
121
|
-
--colors-brands-experiment-blue-light-800: #162f82;
|
|
122
|
-
/* Colors/Brands/Experiment/blue-light/900 - Global (primitives) */
|
|
123
|
-
--colors-brands-experiment-blue-light-900: #0c1736;
|
|
124
|
-
/* Colors/Brands/Experiment/Interactions/primary-dark-opacity-10 - Global (primitives) */
|
|
125
|
-
--colors-brands-experiment-interactions-primary-dark-opacity-10: #50a1ff1a;
|
|
126
|
-
/* Colors/Brands/Experiment/Interactions/primary-dark-opacity-12 - Global (primitives) */
|
|
127
|
-
--colors-brands-experiment-interactions-primary-dark-opacity-12: #50a1ff1f;
|
|
128
|
-
/* Colors/Brands/Experiment/Interactions/primary-dark-opacity-16 - Global (primitives) */
|
|
129
|
-
--colors-brands-experiment-interactions-primary-dark-opacity-16: #50a1ff29;
|
|
130
|
-
/* Colors/Brands/Experiment/Interactions/primary-dark-opacity-20 - Global (primitives) */
|
|
131
|
-
--colors-brands-experiment-interactions-primary-dark-opacity-20: #50a1ff33;
|
|
132
|
-
/* Colors/Brands/Experiment/Interactions/primary-dark-opacity-8 - Global (primitives) */
|
|
133
|
-
--colors-brands-experiment-interactions-primary-dark-opacity-8: #50a1ff14;
|
|
134
|
-
/* Colors/Brands/Experiment/Interactions/primary-light-opacity-10 - Global (primitives) */
|
|
135
|
-
--colors-brands-experiment-interactions-primary-light-opacity-10: #1559ea1a;
|
|
136
|
-
/* Colors/Brands/Experiment/Interactions/primary-light-opacity-12 - Global (primitives) */
|
|
137
|
-
--colors-brands-experiment-interactions-primary-light-opacity-12: #1559ea1f;
|
|
138
|
-
/* Colors/Brands/Experiment/Interactions/primary-light-opacity-16 - Global (primitives) */
|
|
139
|
-
--colors-brands-experiment-interactions-primary-light-opacity-16: #1559ea29;
|
|
140
|
-
/* Colors/Brands/Experiment/Interactions/primary-light-opacity-20 - Global (primitives) */
|
|
141
|
-
--colors-brands-experiment-interactions-primary-light-opacity-20: #1559ea33;
|
|
142
|
-
/* Colors/Brands/Experiment/Interactions/primary-light-opacity-8 - Global (primitives) */
|
|
143
|
-
--colors-brands-experiment-interactions-primary-light-opacity-8: #1559ea14;
|
|
144
|
-
/* Colors/Brands/Experiment/orange-dark/100 - Global (primitives) */
|
|
145
|
-
--colors-brands-experiment-orange-dark-100: #852c0f;
|
|
146
|
-
/* Colors/Brands/Experiment/orange-dark/200 - Global (primitives) */
|
|
147
|
-
--colors-brands-experiment-orange-dark-200: #ab4827;
|
|
148
|
-
/* Colors/Brands/Experiment/orange-dark/300 - Global (primitives) */
|
|
149
|
-
--colors-brands-experiment-orange-dark-300: #ce5a07;
|
|
150
|
-
/* Colors/Brands/Experiment/orange-dark/400 - Global (primitives) */
|
|
151
|
-
--colors-brands-experiment-orange-dark-400: #f27013;
|
|
152
|
-
/* Colors/Brands/Experiment/orange-dark/50 - Global (primitives) */
|
|
153
|
-
--colors-brands-experiment-orange-dark-50: #31160d;
|
|
154
|
-
/* Colors/Brands/Experiment/orange-dark/500 - Global (primitives) */
|
|
155
|
-
--colors-brands-experiment-orange-dark-500: #fb923c;
|
|
156
|
-
/* Colors/Brands/Experiment/orange-dark/600 - Global (primitives) */
|
|
157
|
-
--colors-brands-experiment-orange-dark-600: #fdba72;
|
|
158
|
-
/* Colors/Brands/Experiment/orange-dark/700 - Global (primitives) */
|
|
159
|
-
--colors-brands-experiment-orange-dark-700: #fed6a9;
|
|
160
|
-
/* Colors/Brands/Experiment/orange-dark/800 - Global (primitives) */
|
|
161
|
-
--colors-brands-experiment-orange-dark-800: #ffedd6;
|
|
162
|
-
/* Colors/Brands/Experiment/orange-dark/900 - Global (primitives) */
|
|
163
|
-
--colors-brands-experiment-orange-dark-900: #fff6eb;
|
|
164
|
-
/* Colors/Brands/Experiment/orange-light/100 - Global (primitives) */
|
|
165
|
-
--colors-brands-experiment-orange-light-100: #ffedd6;
|
|
166
|
-
/* Colors/Brands/Experiment/orange-light/200 - Global (primitives) */
|
|
167
|
-
--colors-brands-experiment-orange-light-200: #fed6a9;
|
|
168
|
-
/* Colors/Brands/Experiment/orange-light/300 - Global (primitives) */
|
|
169
|
-
--colors-brands-experiment-orange-light-300: #fdba72;
|
|
170
|
-
/* Colors/Brands/Experiment/orange-light/400 - Global (primitives) */
|
|
171
|
-
--colors-brands-experiment-orange-light-400: #fb923c;
|
|
172
|
-
/* Colors/Brands/Experiment/orange-light/50 - Global (primitives) */
|
|
173
|
-
--colors-brands-experiment-orange-light-50: #fff6eb;
|
|
174
|
-
/* Colors/Brands/Experiment/orange-light/500 - Global (primitives) */
|
|
175
|
-
--colors-brands-experiment-orange-light-500: #f67416;
|
|
176
|
-
/* Colors/Brands/Experiment/orange-light/600 - Global (primitives) */
|
|
177
|
-
--colors-brands-experiment-orange-light-600: #e4570c;
|
|
178
|
-
/* Colors/Brands/Experiment/orange-light/700 - Global (primitives) */
|
|
179
|
-
--colors-brands-experiment-orange-light-700: #b63c0b;
|
|
180
|
-
/* Colors/Brands/Experiment/orange-light/800 - Global (primitives) */
|
|
181
|
-
--colors-brands-experiment-orange-light-800: #80310f;
|
|
182
|
-
/* Colors/Brands/Experiment/orange-light/900 - Global (primitives) */
|
|
183
|
-
--colors-brands-experiment-orange-light-900: #471a0a;
|
|
184
44
|
/* Colors/Internal/pink-00-light - Global (primitives) */
|
|
185
45
|
--colors-internal-pink-00-light: #ff4f8d;
|
|
186
46
|
/* Colors/Internal/pink-50-dark - Global (primitives) */
|
|
@@ -212,7 +72,7 @@ body {
|
|
|
212
72
|
/* Colors/Neutral/22 - Global (primitives) */
|
|
213
73
|
--colors-neutral-22: #383838;
|
|
214
74
|
/* Colors/Neutral/24 - Global (primitives) */
|
|
215
|
-
--colors-neutral-24: #
|
|
75
|
+
--colors-neutral-24: #3d3d3d;
|
|
216
76
|
/* Colors/Neutral/26 - Global (primitives) */
|
|
217
77
|
--colors-neutral-26: #424242;
|
|
218
78
|
/* Colors/Neutral/28 - Global (primitives) */
|
|
@@ -289,6 +149,10 @@ body {
|
|
|
289
149
|
--colors-neutral-98: #fafafa;
|
|
290
150
|
/* Colors/Neutral/transparent - Global (primitives) */
|
|
291
151
|
--colors-neutral-transparent: #ffffff00;
|
|
152
|
+
/* Colors/System/AI-gradient/blue - Global (primitives) */
|
|
153
|
+
--colors-system-ai-gradient-blue: #215ecd;
|
|
154
|
+
/* Colors/System/AI-gradient/pink - Global (primitives) */
|
|
155
|
+
--colors-system-ai-gradient-pink: #c60ede;
|
|
292
156
|
/* Colors/System/blue-dark - Global (primitives) */
|
|
293
157
|
--colors-system-blue-dark: #5d92f5;
|
|
294
158
|
/* Colors/System/blue-dark-bg - Global (primitives) */
|
|
@@ -337,10 +201,10 @@ body {
|
|
|
337
201
|
--colors-system-spectrum-data-visual-azure-400: #7fc4ec;
|
|
338
202
|
/* Colors/System/Spectrum/Data visual/azure-700 - Global (primitives) */
|
|
339
203
|
--colors-system-spectrum-data-visual-azure-700: #299de0;
|
|
340
|
-
/* Colors/System/Spectrum/Data visual/backrose-900 - Global (primitives) */
|
|
341
|
-
--colors-system-spectrum-data-visual-backrose-900: #958ca3;
|
|
342
204
|
/* Colors/System/Spectrum/Data visual/blackrose-1200 - Global (primitives) */
|
|
343
205
|
--colors-system-spectrum-data-visual-blackrose-1200: #130033;
|
|
206
|
+
/* Colors/System/Spectrum/Data visual/blackrose-900 - Global (primitives) */
|
|
207
|
+
--colors-system-spectrum-data-visual-blackrose-900: #958ca3;
|
|
344
208
|
/* Colors/System/Spectrum/Data visual/bronze-1100 - Global (primitives) */
|
|
345
209
|
--colors-system-spectrum-data-visual-bronze-1100: #794b34;
|
|
346
210
|
/* Colors/System/Spectrum/Data visual/bronze-800 - Global (primitives) */
|
|
@@ -369,10 +233,10 @@ body {
|
|
|
369
233
|
--colors-system-spectrum-data-visual-highlight-azure-400-opacity: #7fc4ec4d;
|
|
370
234
|
/* Colors/System/Spectrum/Data visual/Highlight/azure-700-opacity - Global (primitives) */
|
|
371
235
|
--colors-system-spectrum-data-visual-highlight-azure-700-opacity: #299de04d;
|
|
372
|
-
/* Colors/System/Spectrum/Data visual/Highlight/backrose-900-opacity - Global (primitives) */
|
|
373
|
-
--colors-system-spectrum-data-visual-highlight-backrose-900-opacity: #958ca34d;
|
|
374
236
|
/* Colors/System/Spectrum/Data visual/Highlight/blackrose-1200-opacity - Global (primitives) */
|
|
375
237
|
--colors-system-spectrum-data-visual-highlight-blackrose-1200-opacity: #1300334d;
|
|
238
|
+
/* Colors/System/Spectrum/Data visual/Highlight/blackrose-900-opacity - Global (primitives) */
|
|
239
|
+
--colors-system-spectrum-data-visual-highlight-blackrose-900-opacity: #958ca34d;
|
|
376
240
|
/* Colors/System/Spectrum/Data visual/Highlight/bronze-1100-opacity - Global (primitives) */
|
|
377
241
|
--colors-system-spectrum-data-visual-highlight-bronze-1100-opacity: #794b344d;
|
|
378
242
|
/* Colors/System/Spectrum/Data visual/Highlight/bronze-800-opacity - Global (primitives) */
|
|
@@ -607,28 +471,10 @@ body {
|
|
|
607
471
|
--drop-shadow-south: 0px 2px 8px -2px #0000001a, 0px 2px 4px -2px #0000001f;
|
|
608
472
|
/* West - side sheets */
|
|
609
473
|
--drop-shadow-west: -8px 0px 8px -2px #0000001a, -5px 4px 4px -6px #00000026;
|
|
610
|
-
/* Foreground/
|
|
611
|
-
--foreground-
|
|
612
|
-
/* Foreground/
|
|
613
|
-
--foreground-
|
|
614
|
-
/* Foreground/Link text/subtle-inverse-pressed - Theme - Anywhere */
|
|
615
|
-
--foreground-link-text-subtle-inverse-pressed: #d1d1d1;
|
|
616
|
-
/* Foreground/Neutral/inverse-on-surface - Theme - Anywhere */
|
|
617
|
-
--foreground-neutral-inverse-on-surface: #fafafa;
|
|
618
|
-
/* Foreground/Neutral/on-color - Theme - Anywhere */
|
|
619
|
-
--foreground-neutral-on-color: #ffffff;
|
|
620
|
-
/* Foreground/Neutral/on-inverse-surface - Theme - Anywhere */
|
|
621
|
-
--foreground-neutral-on-inverse-surface: #fafafa;
|
|
622
|
-
/* Interaction/disabled-opacity - Theme - 3.0 */
|
|
623
|
-
--interaction-disabled-opacity: #0000000f;
|
|
624
|
-
/* Interaction/primary-disabled-opacity - Theme - 3.0 */
|
|
625
|
-
--interaction-primary-disabled-opacity: #1559ea1f;
|
|
626
|
-
/* Interaction/primary-hover-opacity - Theme - 3.0 */
|
|
627
|
-
--interaction-primary-hover-opacity: #1559ea1a;
|
|
628
|
-
/* Interaction/primary-press-opacity - Theme - 3.0 */
|
|
629
|
-
--interaction-primary-press-opacity: #1559ea33;
|
|
630
|
-
/* Interactions/disabled-opacity - Theme - Anywhere */
|
|
631
|
-
--interactions-disabled-opacity: #0000000f;
|
|
474
|
+
/* Foreground/AI-powered/blue - Theme - BRAND */
|
|
475
|
+
--foreground-ai-powered-blue: #000000;
|
|
476
|
+
/* Foreground/AI-powered/pink - Theme - BRAND */
|
|
477
|
+
--foreground-ai-powered-pink: #000000;
|
|
632
478
|
/* Interactions/opacity-black-10 - Global (primitives) */
|
|
633
479
|
--interactions-opacity-black-10: #0000001a;
|
|
634
480
|
/* Interactions/opacity-black-16 - Global (primitives) */
|
|
@@ -653,69 +499,69 @@ body {
|
|
|
653
499
|
--interactions-opacity-white-6: #ffffff0f;
|
|
654
500
|
/* Interactions/opacity-white-8 - Global (primitives) */
|
|
655
501
|
--interactions-opacity-white-8: #ffffff14;
|
|
656
|
-
/* Colors/Brands/
|
|
502
|
+
/* Colors/Brands/BRAND/Interactions/primary-dark-opacity-10 - Global (primitives) */
|
|
657
503
|
--interactions-primary-dark-opacity-10: #7271901a;
|
|
658
|
-
/* Colors/Brands/
|
|
504
|
+
/* Colors/Brands/BRAND/Interactions/primary-dark-opacity-12 - Global (primitives) */
|
|
659
505
|
--interactions-primary-dark-opacity-12: #7271901f;
|
|
660
|
-
/* Colors/Brands/
|
|
506
|
+
/* Colors/Brands/BRAND/Interactions/primary-dark-opacity-16 - Global (primitives) */
|
|
661
507
|
--interactions-primary-dark-opacity-16: #72719029;
|
|
662
|
-
/* Colors/Brands/
|
|
508
|
+
/* Colors/Brands/BRAND/Interactions/primary-dark-opacity-20 - Global (primitives) */
|
|
663
509
|
--interactions-primary-dark-opacity-20: #72719033;
|
|
664
|
-
/* Colors/Brands/
|
|
510
|
+
/* Colors/Brands/BRAND/Interactions/primary-dark-opacity-8 - Global (primitives) */
|
|
665
511
|
--interactions-primary-dark-opacity-8: #72719014;
|
|
666
|
-
/* Colors/Brands/
|
|
512
|
+
/* Colors/Brands/BRAND/Interactions/primary-light-opacity-10 - Global (primitives) */
|
|
667
513
|
--interactions-primary-light-opacity-10: #1413461a;
|
|
668
|
-
/* Colors/Brands/
|
|
514
|
+
/* Colors/Brands/BRAND/Interactions/primary-light-opacity-12 - Global (primitives) */
|
|
669
515
|
--interactions-primary-light-opacity-12: #1413461f;
|
|
670
|
-
/* Colors/Brands/
|
|
516
|
+
/* Colors/Brands/BRAND/Interactions/primary-light-opacity-16 - Global (primitives) */
|
|
671
517
|
--interactions-primary-light-opacity-16: #14134629;
|
|
672
|
-
/* Colors/Brands/
|
|
518
|
+
/* Colors/Brands/BRAND/Interactions/primary-light-opacity-20 - Global (primitives) */
|
|
673
519
|
--interactions-primary-light-opacity-20: #14134633;
|
|
674
|
-
/* Colors/Brands/
|
|
520
|
+
/* Colors/Brands/BRAND/Interactions/primary-light-opacity-8 - Global (primitives) */
|
|
675
521
|
--interactions-primary-light-opacity-8: #14134614;
|
|
676
522
|
/* Labels/Base */
|
|
677
|
-
--labels-base: 500 16px/
|
|
678
|
-
/* Labels/Base -
|
|
679
|
-
--labels-base-line-height:
|
|
680
|
-
/* Labels/Base -
|
|
523
|
+
--labels-base: 500 16px/24px var(--typeface);
|
|
524
|
+
/* Labels/Base - line height */
|
|
525
|
+
--labels-base-line-height: 24px;
|
|
526
|
+
/* Labels/Base - size */
|
|
681
527
|
--labels-base-size: 16px;
|
|
682
|
-
/* Labels/Base -
|
|
528
|
+
/* Labels/Base - style */
|
|
683
529
|
--labels-base-style: medium;
|
|
684
530
|
/* Labels/Large */
|
|
685
|
-
--labels-large: 500 18px/
|
|
686
|
-
/* Labels/Large -
|
|
687
|
-
--labels-large-line-height:
|
|
688
|
-
/* Labels/Large -
|
|
531
|
+
--labels-large: 500 18px/28px var(--typeface);
|
|
532
|
+
/* Labels/Large - line height */
|
|
533
|
+
--labels-large-line-height: 28px;
|
|
534
|
+
/* Labels/Large - size */
|
|
689
535
|
--labels-large-size: 18px;
|
|
690
|
-
/* Labels/Large -
|
|
536
|
+
/* Labels/Large - style */
|
|
691
537
|
--labels-large-style: medium;
|
|
692
538
|
/* Labels/Small */
|
|
693
539
|
--labels-small: 500 14px/20px var(--typeface);
|
|
694
|
-
/* Labels/Small -
|
|
540
|
+
/* Labels/Small - line height */
|
|
695
541
|
--labels-small-line-height: 20px;
|
|
696
|
-
/* Labels/Small -
|
|
542
|
+
/* Labels/Small - size */
|
|
697
543
|
--labels-small-size: 14px;
|
|
698
|
-
/* Labels/Small -
|
|
544
|
+
/* Labels/Small - style */
|
|
699
545
|
--labels-small-style: medium;
|
|
700
546
|
/* Labels/X-Small */
|
|
701
547
|
--labels-x-small: 500 12px/16px var(--typeface);
|
|
702
|
-
/* Labels/X-Small -
|
|
548
|
+
/* Labels/X-Small - line height */
|
|
703
549
|
--labels-x-small-line-height: 16px;
|
|
704
|
-
/* Labels/X-Small -
|
|
550
|
+
/* Labels/X-Small - size */
|
|
705
551
|
--labels-x-small-size: 12px;
|
|
706
|
-
/* Labels/X-Small -
|
|
552
|
+
/* Labels/X-Small - style */
|
|
707
553
|
--labels-x-small-style: medium;
|
|
708
|
-
/* Colors/Brands/
|
|
554
|
+
/* Colors/Brands/BRAND/Primary/00-base - Global (primitives) */
|
|
709
555
|
--primary-00-base: #141346;
|
|
710
|
-
/* Colors/Brands/
|
|
556
|
+
/* Colors/Brands/BRAND/Primary/15-dark - Global (primitives) */
|
|
711
557
|
--primary-15-dark: #11103c;
|
|
712
|
-
/* Colors/Brands/
|
|
558
|
+
/* Colors/Brands/BRAND/Primary/40-light - Global (primitives) */
|
|
713
559
|
--primary-40-light: #727190;
|
|
714
|
-
/* Colors/Brands/
|
|
560
|
+
/* Colors/Brands/BRAND/Primary/55-light - Global (primitives) */
|
|
715
561
|
--primary-55-light: #9595ac;
|
|
716
|
-
/* Colors/Brands/
|
|
562
|
+
/* Colors/Brands/BRAND/Primary/75-dark - Global (primitives) */
|
|
717
563
|
--primary-75-dark: #050512;
|
|
718
|
-
/* Colors/Brands/
|
|
564
|
+
/* Colors/Brands/BRAND/Primary/85-light - Global (primitives) */
|
|
719
565
|
--primary-85-light: #dcdce3;
|
|
720
566
|
/* Radius/full - Borders */
|
|
721
567
|
--radius-full: 999px;
|
|
@@ -729,17 +575,21 @@ body {
|
|
|
729
575
|
--radius-sm: 4px;
|
|
730
576
|
/* Radius/xlg - Borders */
|
|
731
577
|
--radius-xlg: 16px;
|
|
732
|
-
/* Colors/Brands/
|
|
578
|
+
/* Colors/Brands/BRAND/Secondary/00-base - Global (primitives) */
|
|
733
579
|
--secondary-00-base: #e95525;
|
|
734
|
-
/* Colors/Brands/
|
|
580
|
+
/* Colors/Brands/BRAND/Secondary/15-dark - Global (primitives) */
|
|
735
581
|
--secondary-15-dark: #c6481f;
|
|
736
|
-
/* Colors/Brands/
|
|
582
|
+
/* Colors/Brands/BRAND/Secondary/15-light - Global (primitives) */
|
|
583
|
+
--secondary-15-light: #f5b39d;
|
|
584
|
+
/* Colors/Brands/BRAND/Secondary/25-base - Global (primitives) */
|
|
585
|
+
--secondary-25-base: #af401c;
|
|
586
|
+
/* Colors/Brands/BRAND/Secondary/40-light - Global (primitives) */
|
|
737
587
|
--secondary-40-light: #f2997c;
|
|
738
|
-
/* Colors/Brands/
|
|
588
|
+
/* Colors/Brands/BRAND/Secondary/55-light - Global (primitives) */
|
|
739
589
|
--secondary-55-light: #f5b39d;
|
|
740
|
-
/* Colors/Brands/
|
|
590
|
+
/* Colors/Brands/BRAND/Secondary/75-dark - Global (primitives) */
|
|
741
591
|
--secondary-75-dark: #3a1509;
|
|
742
|
-
/* Colors/Brands/
|
|
592
|
+
/* Colors/Brands/BRAND/Secondary/85-light - Global (primitives) */
|
|
743
593
|
--secondary-85-light: #fce6de;
|
|
744
594
|
/* Shadows/Inner-Shadow-black-100 - Global (primitives) */
|
|
745
595
|
--shadows-inner-shadow-black-100: #000000;
|
|
@@ -873,22 +723,10 @@ body {
|
|
|
873
723
|
--spacings-960: 96px;
|
|
874
724
|
/* Spacings/None - Global (primitives) */
|
|
875
725
|
--spacings-none: 0;
|
|
876
|
-
/*
|
|
877
|
-
--
|
|
878
|
-
/*
|
|
879
|
-
--
|
|
880
|
-
/* Status/on-informational - Theme - Anywhere */
|
|
881
|
-
--status-on-informational: #ffffff;
|
|
882
|
-
/* Status/on-success - Theme - Anywhere */
|
|
883
|
-
--status-on-success: #ffffff;
|
|
884
|
-
/* Status/on-warning - Theme - Anywhere */
|
|
885
|
-
--status-on-warning: #141414;
|
|
886
|
-
/* Stroke/Neutral/focus-on-inverse - Theme - Anywhere */
|
|
887
|
-
--stroke-neutral-focus-on-inverse: #ffffff;
|
|
888
|
-
/* Stroke/Neutral/Interaction/inverse-focus - Theme - 3.0 */
|
|
889
|
-
--stroke-neutral-interaction-inverse-focus: #ffffff;
|
|
890
|
-
/* Stroke/Neutral/Interactions/inverse-focus - Theme - Anywhere */
|
|
891
|
-
--stroke-neutral-interactions-inverse-focus: #ffffff;
|
|
726
|
+
/* Stroke/AI-powered/blue - Theme - BRAND */
|
|
727
|
+
--stroke-ai-powered-blue: #000000;
|
|
728
|
+
/* Stroke/AI-powered/pink - Theme - BRAND */
|
|
729
|
+
--stroke-ai-powered-pink: #000000;
|
|
892
730
|
/* Stroke/none - Borders */
|
|
893
731
|
--stroke-none: 0;
|
|
894
732
|
/* Stroke/thick - Borders */
|
|
@@ -897,22 +735,24 @@ body {
|
|
|
897
735
|
--stroke-thicker: 4px;
|
|
898
736
|
/* Stroke/thin - Borders */
|
|
899
737
|
--stroke-thin: 1px;
|
|
900
|
-
/* Surface/
|
|
901
|
-
--surface-
|
|
902
|
-
/*
|
|
738
|
+
/* Surface/AI-powered/blue - Theme - BRAND */
|
|
739
|
+
--surface-ai-powered-blue: #000000;
|
|
740
|
+
/* Surface/AI-powered/pink - Theme - BRAND */
|
|
741
|
+
--surface-ai-powered-pink: #000000;
|
|
742
|
+
/* Colors/Brands/BRAND/Tertiary/00-base - Global (primitives) */
|
|
903
743
|
--tertiary-00-base: #030330;
|
|
904
|
-
/* Colors/Brands/
|
|
744
|
+
/* Colors/Brands/BRAND/Tertiary/15-dark - Global (primitives) */
|
|
905
745
|
--tertiary-15-dark: #030329;
|
|
906
|
-
/* Colors/Brands/
|
|
746
|
+
/* Colors/Brands/BRAND/Tertiary/40-light - Global (primitives) */
|
|
907
747
|
--tertiary-40-light: #686883;
|
|
908
|
-
/* Colors/Brands/
|
|
748
|
+
/* Colors/Brands/BRAND/Tertiary/55-light - Global (primitives) */
|
|
909
749
|
--tertiary-55-light: #8e8ea2;
|
|
910
|
-
/* Colors/Brands/
|
|
750
|
+
/* Colors/Brands/BRAND/Tertiary/75-dark - Global (primitives) */
|
|
911
751
|
--tertiary-75-dark: #01010c;
|
|
912
|
-
/* Colors/Brands/
|
|
752
|
+
/* Colors/Brands/BRAND/Tertiary/85-light - Global (primitives) */
|
|
913
753
|
--tertiary-85-light: #d9d9e0;
|
|
914
754
|
/* Typeface - Brand */
|
|
915
|
-
--typeface: '
|
|
755
|
+
--typeface: 'Inter', sans-serif;
|
|
916
756
|
/* Typography/Line-height/lh-1 - Global (primitives) */
|
|
917
757
|
--typography-line-height-lh-1: 16px;
|
|
918
758
|
/* Typography/Line-height/lh-10 - Global (primitives) */
|
|
@@ -976,29 +816,29 @@ body {
|
|
|
976
816
|
/* Typography/Size/xxxlg - Global (primitives) */
|
|
977
817
|
--typography-size-xxxlg: 40px;
|
|
978
818
|
/* Typography/Typeface/Arial - Global (primitives) */
|
|
979
|
-
--typography-typeface-arial: 'Arial'
|
|
819
|
+
--typography-typeface-arial: 'Arial';
|
|
980
820
|
/* Typography/Typeface/Geist - Global (primitives) */
|
|
981
|
-
--typography-typeface-geist: 'Geist'
|
|
821
|
+
--typography-typeface-geist: 'Geist';
|
|
982
822
|
/* Typography/Typeface/Helvetica - Global (primitives) */
|
|
983
|
-
--typography-typeface-helvetica: 'Helvetica'
|
|
823
|
+
--typography-typeface-helvetica: 'Helvetica';
|
|
984
824
|
/* Typography/Typeface/Inter - Global (primitives) */
|
|
985
|
-
--typography-typeface-inter: 'Inter'
|
|
825
|
+
--typography-typeface-inter: 'Inter';
|
|
986
826
|
/* Typography/Typeface/Lato - Global (primitives) */
|
|
987
|
-
--typography-typeface-lato: 'Lato'
|
|
827
|
+
--typography-typeface-lato: 'Lato';
|
|
988
828
|
/* Typography/Typeface/Manrope - Global (primitives) */
|
|
989
|
-
--typography-typeface-manrope: 'Manrope'
|
|
829
|
+
--typography-typeface-manrope: 'Manrope';
|
|
990
830
|
/* Typography/Typeface/Open Sans - Global (primitives) */
|
|
991
|
-
--typography-typeface-open-sans: 'Open Sans'
|
|
831
|
+
--typography-typeface-open-sans: 'Open Sans';
|
|
992
832
|
/* Typography/Typeface/Red Hat Text - Global (primitives) */
|
|
993
|
-
--typography-typeface-red-hat-text: 'Red Hat Text'
|
|
833
|
+
--typography-typeface-red-hat-text: 'Red Hat Text';
|
|
994
834
|
/* Typography/Typeface/Roboto - Global (primitives) */
|
|
995
|
-
--typography-typeface-roboto: 'Roboto'
|
|
835
|
+
--typography-typeface-roboto: 'Roboto';
|
|
996
836
|
/* Typography/Typeface/SF Pro - Global (primitives) */
|
|
997
|
-
--typography-typeface-sf-pro: 'SF Pro'
|
|
837
|
+
--typography-typeface-sf-pro: 'SF Pro';
|
|
998
838
|
/* Typography/Typeface/Typold - Global (primitives) */
|
|
999
|
-
--typography-typeface-typold: 'Typold'
|
|
839
|
+
--typography-typeface-typold: 'Typold';
|
|
1000
840
|
/* Typography/Typeface/Work Sans - Global (primitives) */
|
|
1001
|
-
--typography-typeface-work-sans: 'Work Sans'
|
|
841
|
+
--typography-typeface-work-sans: 'Work Sans';
|
|
1002
842
|
/* Typography/Weight/300 - Global (primitives) */
|
|
1003
843
|
--typography-weight-300: 300;
|
|
1004
844
|
/* Typography/Weight/400 - Global (primitives) */
|
|
@@ -1009,52 +849,52 @@ body {
|
|
|
1009
849
|
--typography-weight-600: 600;
|
|
1010
850
|
/* Mobile/Display/Regular/Large */
|
|
1011
851
|
--display-regular-large: 400 56px/72px var(--typeface);
|
|
1012
|
-
/* Mobile/Display/Regular/Large -
|
|
852
|
+
/* Mobile/Display/Regular/Large - line height */
|
|
1013
853
|
--display-regular-large-line-height: 72px;
|
|
1014
|
-
/* Mobile/Display/Regular/Large -
|
|
854
|
+
/* Mobile/Display/Regular/Large - size */
|
|
1015
855
|
--display-regular-large-size: 56px;
|
|
1016
|
-
/* Mobile/Display/Regular/Large -
|
|
856
|
+
/* Mobile/Display/Regular/Large - style */
|
|
1017
857
|
--display-regular-large-style: regular;
|
|
1018
858
|
/* Mobile/Display/Regular/Medium */
|
|
1019
859
|
--display-regular-medium: 400 48px/60px var(--typeface);
|
|
1020
|
-
/* Mobile/Display/Regular/Medium -
|
|
860
|
+
/* Mobile/Display/Regular/Medium - line height */
|
|
1021
861
|
--display-regular-medium-line-height: 60px;
|
|
1022
|
-
/* Mobile/Display/Regular/Medium -
|
|
862
|
+
/* Mobile/Display/Regular/Medium - size */
|
|
1023
863
|
--display-regular-medium-size: 48px;
|
|
1024
|
-
/* Mobile/Display/Regular/Medium -
|
|
864
|
+
/* Mobile/Display/Regular/Medium - style */
|
|
1025
865
|
--display-regular-medium-style: regular;
|
|
1026
866
|
/* Mobile/Display/Regular/Small */
|
|
1027
867
|
--display-regular-small: 400 40px/48px var(--typeface);
|
|
1028
|
-
/* Mobile/Display/Regular/Small -
|
|
868
|
+
/* Mobile/Display/Regular/Small - line height */
|
|
1029
869
|
--display-regular-small-line-height: 48px;
|
|
1030
|
-
/* Mobile/Display/Regular/Small -
|
|
870
|
+
/* Mobile/Display/Regular/Small - size */
|
|
1031
871
|
--display-regular-small-size: 40px;
|
|
1032
|
-
/* Mobile/Display/Regular/Small -
|
|
872
|
+
/* Mobile/Display/Regular/Small - style */
|
|
1033
873
|
--display-regular-small-style: regular;
|
|
1034
874
|
/* Mobile/Display/Semibold/Large */
|
|
1035
875
|
--display-semibold-large: 600 56px/72px var(--typeface);
|
|
1036
|
-
/* Mobile/Display/Semibold/Large -
|
|
876
|
+
/* Mobile/Display/Semibold/Large - line height */
|
|
1037
877
|
--display-semibold-large-line-height: 72px;
|
|
1038
|
-
/* Mobile/Display/Semibold/Large -
|
|
878
|
+
/* Mobile/Display/Semibold/Large - size */
|
|
1039
879
|
--display-semibold-large-size: 56px;
|
|
1040
|
-
/* Mobile/Display/Semibold/Large -
|
|
1041
|
-
--display-semibold-large-style:
|
|
880
|
+
/* Mobile/Display/Semibold/Large - style */
|
|
881
|
+
--display-semibold-large-style: 600;
|
|
1042
882
|
/* Mobile/Display/Semibold/Medium */
|
|
1043
883
|
--display-semibold-medium: 600 48px/60px var(--typeface);
|
|
1044
|
-
/* Mobile/Display/Semibold/Medium -
|
|
884
|
+
/* Mobile/Display/Semibold/Medium - line height */
|
|
1045
885
|
--display-semibold-medium-line-height: 60px;
|
|
1046
|
-
/* Mobile/Display/Semibold/Medium -
|
|
886
|
+
/* Mobile/Display/Semibold/Medium - size */
|
|
1047
887
|
--display-semibold-medium-size: 48px;
|
|
1048
|
-
/* Mobile/Display/Semibold/Medium -
|
|
1049
|
-
--display-semibold-medium-style:
|
|
888
|
+
/* Mobile/Display/Semibold/Medium - style */
|
|
889
|
+
--display-semibold-medium-style: 600;
|
|
1050
890
|
/* Mobile/Display/Semibold/Small */
|
|
1051
891
|
--display-semibold-small: 600 40px/48px var(--typeface);
|
|
1052
|
-
/* Mobile/Display/Semibold/Small -
|
|
892
|
+
/* Mobile/Display/Semibold/Small - line height */
|
|
1053
893
|
--display-semibold-small-line-height: 48px;
|
|
1054
|
-
/* Mobile/Display/Semibold/Small -
|
|
894
|
+
/* Mobile/Display/Semibold/Small - size */
|
|
1055
895
|
--display-semibold-small-size: 40px;
|
|
1056
|
-
/* Mobile/Display/Semibold/Small -
|
|
1057
|
-
--display-semibold-small-style:
|
|
896
|
+
/* Mobile/Display/Semibold/Small - style */
|
|
897
|
+
--display-semibold-small-style: 600;
|
|
1058
898
|
/* Mobile/Heading/H1 - Large Headline */
|
|
1059
899
|
--heading-h1: 600 32px/40px var(--typeface);
|
|
1060
900
|
/* Mobile/Heading/H1 - Large Headline line height */
|
|
@@ -1062,7 +902,7 @@ body {
|
|
|
1062
902
|
/* Mobile/Heading/H1 - Large Headline size */
|
|
1063
903
|
--heading-h1-size: 32px;
|
|
1064
904
|
/* Mobile/Heading/H1 - Large Headline style */
|
|
1065
|
-
--heading-h1-style:
|
|
905
|
+
--heading-h1-style: 600;
|
|
1066
906
|
/* Mobile/Heading/H2 - Headline */
|
|
1067
907
|
--heading-h2: 600 28px/36px var(--typeface);
|
|
1068
908
|
/* Mobile/Heading/H2 - Headline line height */
|
|
@@ -1070,7 +910,7 @@ body {
|
|
|
1070
910
|
/* Mobile/Heading/H2 - Headline size */
|
|
1071
911
|
--heading-h2-size: 28px;
|
|
1072
912
|
/* Mobile/Heading/H2 - Headline style */
|
|
1073
|
-
--heading-h2-style:
|
|
913
|
+
--heading-h2-style: 600;
|
|
1074
914
|
/* Mobile/Heading/H3 - Headline */
|
|
1075
915
|
--heading-h3: 600 24px/32px var(--typeface);
|
|
1076
916
|
/* Mobile/Heading/H3 - Headline line height */
|
|
@@ -1078,7 +918,7 @@ body {
|
|
|
1078
918
|
/* Mobile/Heading/H3 - Headline size */
|
|
1079
919
|
--heading-h3-size: 24px;
|
|
1080
920
|
/* Mobile/Heading/H3 - Headline style */
|
|
1081
|
-
--heading-h3-style:
|
|
921
|
+
--heading-h3-style: 600;
|
|
1082
922
|
/* Mobile/Heading/H4 - Headline */
|
|
1083
923
|
--heading-h4: 600 20px/28px var(--typeface);
|
|
1084
924
|
/* Mobile/Heading/H4 - Headline line height */
|
|
@@ -1086,22 +926,22 @@ body {
|
|
|
1086
926
|
/* Mobile/Heading/H4 - Headline size */
|
|
1087
927
|
--heading-h4-size: 20px;
|
|
1088
928
|
/* Mobile/Heading/H4 - Headline style */
|
|
1089
|
-
--heading-h4-style:
|
|
929
|
+
--heading-h4-style: 600;
|
|
1090
930
|
/* Mobile/Heading/H5 */
|
|
1091
931
|
--heading-h5: 600 18px/24px var(--typeface);
|
|
1092
|
-
/* Mobile/Heading/H5 -
|
|
932
|
+
/* Mobile/Heading/H5 - line height */
|
|
1093
933
|
--heading-h5-line-height: 24px;
|
|
1094
|
-
/* Mobile/Heading/H5 -
|
|
934
|
+
/* Mobile/Heading/H5 - size */
|
|
1095
935
|
--heading-h5-size: 18px;
|
|
1096
|
-
/* Mobile/Heading/H5 -
|
|
1097
|
-
--heading-h5-style:
|
|
936
|
+
/* Mobile/Heading/H5 - style */
|
|
937
|
+
--heading-h5-style: 600;
|
|
1098
938
|
/* Mobile/Heading/H6 */
|
|
1099
939
|
--heading-h6: 500 16px/20px var(--typeface);
|
|
1100
|
-
/* Mobile/Heading/H6 -
|
|
940
|
+
/* Mobile/Heading/H6 - line height */
|
|
1101
941
|
--heading-h6-line-height: 20px;
|
|
1102
|
-
/* Mobile/Heading/H6 -
|
|
942
|
+
/* Mobile/Heading/H6 - size */
|
|
1103
943
|
--heading-h6-size: 16px;
|
|
1104
|
-
/* Mobile/Heading/H6 -
|
|
944
|
+
/* Mobile/Heading/H6 - style */
|
|
1105
945
|
--heading-h6-style: medium;
|
|
1106
946
|
/* Mobile/Subheader/Large - Headline */
|
|
1107
947
|
--subheader-large: 400 20px/28px var(--typeface);
|
|
@@ -1143,749 +983,830 @@ body {
|
|
|
1143
983
|
--subheader-xxx-large-size: 32px;
|
|
1144
984
|
/* Mobile/Subheader/XXX-Large - Large Headline style */
|
|
1145
985
|
--subheader-xxx-large-style: regular;
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. */
|
|
1149
|
-
--display-regular-large: 400 64px/88px var(--typeface);
|
|
1150
|
-
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. line height */
|
|
1151
|
-
--display-regular-large-line-height: 88px;
|
|
1152
|
-
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. size */
|
|
1153
|
-
--display-regular-large-size: 64px;
|
|
1154
|
-
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. style */
|
|
1155
|
-
--display-regular-large-style: regular;
|
|
1156
|
-
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. */
|
|
1157
|
-
--display-regular-medium: 400 56px/72px var(--typeface);
|
|
1158
|
-
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. line height */
|
|
1159
|
-
--display-regular-medium-line-height: 72px;
|
|
1160
|
-
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. size */
|
|
1161
|
-
--display-regular-medium-size: 56px;
|
|
1162
|
-
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. style */
|
|
1163
|
-
--display-regular-medium-style: regular;
|
|
1164
|
-
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. */
|
|
1165
|
-
--display-regular-small: 400 48px/60px var(--typeface);
|
|
1166
|
-
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. line height */
|
|
1167
|
-
--display-regular-small-line-height: 60px;
|
|
1168
|
-
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. size */
|
|
1169
|
-
--display-regular-small-size: 48px;
|
|
1170
|
-
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. style */
|
|
1171
|
-
--display-regular-small-style: regular;
|
|
1172
|
-
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. */
|
|
1173
|
-
--display-semibold-large: 600 64px/88px var(--typeface);
|
|
1174
|
-
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. line height */
|
|
1175
|
-
--display-semibold-large-line-height: 88px;
|
|
1176
|
-
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. size */
|
|
1177
|
-
--display-semibold-large-size: 64px;
|
|
1178
|
-
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. style */
|
|
1179
|
-
--display-semibold-large-style: semibold;
|
|
1180
|
-
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. */
|
|
1181
|
-
--display-semibold-medium: 600 56px/72px var(--typeface);
|
|
1182
|
-
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. line height */
|
|
1183
|
-
--display-semibold-medium-line-height: 72px;
|
|
1184
|
-
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. size */
|
|
1185
|
-
--display-semibold-medium-size: 56px;
|
|
1186
|
-
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. style */
|
|
1187
|
-
--display-semibold-medium-style: semibold;
|
|
1188
|
-
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. */
|
|
1189
|
-
--display-semibold-small: 600 48px/60px var(--typeface);
|
|
1190
|
-
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. line height */
|
|
1191
|
-
--display-semibold-small-line-height: 60px;
|
|
1192
|
-
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. size */
|
|
1193
|
-
--display-semibold-small-size: 48px;
|
|
1194
|
-
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. style */
|
|
1195
|
-
--display-semibold-small-style: semibold;
|
|
1196
|
-
/* Desktop/Heading/H1 */
|
|
1197
|
-
--heading-h1: 600 40px/48px var(--typeface);
|
|
1198
|
-
/* Desktop/Heading/H1 - line height */
|
|
1199
|
-
--heading-h1-line-height: 48px;
|
|
1200
|
-
/* Desktop/Heading/H1 - size */
|
|
1201
|
-
--heading-h1-size: 40px;
|
|
1202
|
-
/* Desktop/Heading/H1 - style */
|
|
1203
|
-
--heading-h1-style: semibold;
|
|
1204
|
-
/* Desktop/Heading/H2 */
|
|
1205
|
-
--heading-h2: 600 32px/40px var(--typeface);
|
|
1206
|
-
/* Desktop/Heading/H2 - line height */
|
|
1207
|
-
--heading-h2-line-height: 40px;
|
|
1208
|
-
/* Desktop/Heading/H2 - size */
|
|
1209
|
-
--heading-h2-size: 32px;
|
|
1210
|
-
/* Desktop/Heading/H2 - style */
|
|
1211
|
-
--heading-h2-style: semibold;
|
|
1212
|
-
/* Desktop/Heading/H3 */
|
|
1213
|
-
--heading-h3: 600 28px/36px var(--typeface);
|
|
1214
|
-
/* Desktop/Heading/H3 - line height */
|
|
1215
|
-
--heading-h3-line-height: 36px;
|
|
1216
|
-
/* Desktop/Heading/H3 - size */
|
|
1217
|
-
--heading-h3-size: 28px;
|
|
1218
|
-
/* Desktop/Heading/H3 - style */
|
|
1219
|
-
--heading-h3-style: semibold;
|
|
1220
|
-
/* Desktop/Heading/H4 */
|
|
1221
|
-
--heading-h4: 600 24px/32px var(--typeface);
|
|
1222
|
-
/* Desktop/Heading/H4 - line height */
|
|
1223
|
-
--heading-h4-line-height: 32px;
|
|
1224
|
-
/* Desktop/Heading/H4 - size */
|
|
1225
|
-
--heading-h4-size: 24px;
|
|
1226
|
-
/* Desktop/Heading/H4 - style */
|
|
1227
|
-
--heading-h4-style: semibold;
|
|
1228
|
-
/* Desktop/Heading/H5 */
|
|
1229
|
-
--heading-h5: 600 20px/28px var(--typeface);
|
|
1230
|
-
/* Desktop/Heading/H5 - line height */
|
|
1231
|
-
--heading-h5-line-height: 28px;
|
|
1232
|
-
/* Desktop/Heading/H5 - size */
|
|
1233
|
-
--heading-h5-size: 20px;
|
|
1234
|
-
/* Desktop/Heading/H5 - style */
|
|
1235
|
-
--heading-h5-style: semibold;
|
|
1236
|
-
/* Desktop/Heading/H6 */
|
|
1237
|
-
--heading-h6: 500 18px/24px var(--typeface);
|
|
1238
|
-
/* Desktop/Heading/H6 - line height */
|
|
1239
|
-
--heading-h6-line-height: 24px;
|
|
1240
|
-
/* Desktop/Heading/H6 - size */
|
|
1241
|
-
--heading-h6-size: 18px;
|
|
1242
|
-
/* Desktop/Heading/H6 - style */
|
|
1243
|
-
--heading-h6-style: medium;
|
|
1244
|
-
/* Desktop/Subheader/Large - Headline */
|
|
1245
|
-
--subheader-large: 400 24px/32px var(--typeface);
|
|
1246
|
-
/* Desktop/Subheader/Large - Headline line height */
|
|
1247
|
-
--subheader-large-line-height: 32px;
|
|
1248
|
-
/* Desktop/Subheader/Large - Headline size */
|
|
1249
|
-
--subheader-large-size: 24px;
|
|
1250
|
-
/* Desktop/Subheader/Large - Headline style */
|
|
1251
|
-
--subheader-large-style: regular;
|
|
1252
|
-
/* Desktop/Subheader/Medium */
|
|
1253
|
-
--subheader-medium: 400 20px/28px var(--typeface);
|
|
1254
|
-
/* Desktop/Subheader/Medium - line height */
|
|
1255
|
-
--subheader-medium-line-height: 28px;
|
|
1256
|
-
/* Desktop/Subheader/Medium - size */
|
|
1257
|
-
--subheader-medium-size: 20px;
|
|
1258
|
-
/* Desktop/Subheader/Medium - style */
|
|
1259
|
-
--subheader-medium-style: regular;
|
|
1260
|
-
/* Desktop/Subheader/X-Large - Headline */
|
|
1261
|
-
--subheader-x-large: 400 28px/36px var(--typeface);
|
|
1262
|
-
/* Desktop/Subheader/X-Large - Headline line height */
|
|
1263
|
-
--subheader-x-large-line-height: 36px;
|
|
1264
|
-
/* Desktop/Subheader/X-Large - Headline size */
|
|
1265
|
-
--subheader-x-large-size: 28px;
|
|
1266
|
-
/* Desktop/Subheader/X-Large - Headline style */
|
|
1267
|
-
--subheader-x-large-style: regular;
|
|
1268
|
-
/* Desktop/Subheader/XX-Large - Headline */
|
|
1269
|
-
--subheader-xx-large: 400 32px/40px var(--typeface);
|
|
1270
|
-
/* Desktop/Subheader/XX-Large - Headline line height */
|
|
1271
|
-
--subheader-xx-large-line-height: 40px;
|
|
1272
|
-
/* Desktop/Subheader/XX-Large - Headline size */
|
|
1273
|
-
--subheader-xx-large-size: 32px;
|
|
1274
|
-
/* Desktop/Subheader/XX-Large - Headline style */
|
|
1275
|
-
--subheader-xx-large-style: regular;
|
|
1276
|
-
/* Desktop/Subheader/XXX-Large - Large Headline */
|
|
1277
|
-
--subheader-xxx-large: 400 40px/48px var(--typeface);
|
|
1278
|
-
/* Desktop/Subheader/XXX-Large - Large Headline line height */
|
|
1279
|
-
--subheader-xxx-large-line-height: 48px;
|
|
1280
|
-
/* Desktop/Subheader/XXX-Large - Large Headline size */
|
|
1281
|
-
--subheader-xxx-large-size: 40px;
|
|
1282
|
-
/* Desktop/Subheader/XXX-Large - Large Headline style */
|
|
1283
|
-
--subheader-xxx-large-style: regular;
|
|
1284
|
-
}
|
|
1285
|
-
|
|
1286
|
-
/** Light theme (default) **/
|
|
1287
|
-
/* Background/base - Theme - Anywhere */
|
|
986
|
+
/* light theme (default) */
|
|
987
|
+
/* Background/base - Theme - BRAND */
|
|
1288
988
|
--background-base: #ffffff;
|
|
1289
|
-
/* Background/scrim - Theme -
|
|
989
|
+
/* Background/scrim - Theme - BRAND */
|
|
1290
990
|
--background-scrim: #00000040;
|
|
1291
|
-
/* Background/shade - Theme -
|
|
991
|
+
/* Background/shade - Theme - BRAND */
|
|
1292
992
|
--background-shade: #f5f5f5;
|
|
1293
|
-
/* Data visual/category-01 -
|
|
993
|
+
/* Data visual/category-01 - Brand */
|
|
1294
994
|
--data-visual-category-01: #d67e51;
|
|
1295
|
-
/* Data visual/category-01-highlight -
|
|
995
|
+
/* Data visual/category-01-highlight - Brand */
|
|
1296
996
|
--data-visual-category-01-highlight: #d67e514d;
|
|
1297
|
-
/* Data visual/category-02 -
|
|
997
|
+
/* Data visual/category-02 - Brand */
|
|
1298
998
|
--data-visual-category-02: #7a2a0b;
|
|
1299
|
-
/* Data visual/category-02-highlight -
|
|
999
|
+
/* Data visual/category-02-highlight - Brand */
|
|
1300
1000
|
--data-visual-category-02-highlight: #7a2a0b4d;
|
|
1301
|
-
/* Data visual/category-03 -
|
|
1001
|
+
/* Data visual/category-03 - Brand */
|
|
1302
1002
|
--data-visual-category-03: #ab922b;
|
|
1303
|
-
/* Data visual/category-03-highlight -
|
|
1003
|
+
/* Data visual/category-03-highlight - Brand */
|
|
1304
1004
|
--data-visual-category-03-highlight: #ab922b4d;
|
|
1305
|
-
/* Data visual/category-04 -
|
|
1005
|
+
/* Data visual/category-04 - Brand */
|
|
1306
1006
|
--data-visual-category-04: #2d3300;
|
|
1307
|
-
/* Data visual/category-04-highlight -
|
|
1007
|
+
/* Data visual/category-04-highlight - Brand */
|
|
1308
1008
|
--data-visual-category-04-highlight: #2d33004d;
|
|
1309
|
-
/* Data visual/category-05 -
|
|
1009
|
+
/* Data visual/category-05 - Brand */
|
|
1310
1010
|
--data-visual-category-05: #794b34;
|
|
1311
|
-
/* Data visual/category-05-highlight -
|
|
1011
|
+
/* Data visual/category-05-highlight - Brand */
|
|
1312
1012
|
--data-visual-category-05-highlight: #794b344d;
|
|
1313
|
-
/* Data visual/category-06 -
|
|
1013
|
+
/* Data visual/category-06 - Brand */
|
|
1314
1014
|
--data-visual-category-06: #7f7f7f;
|
|
1315
|
-
/* Data visual/category-06-highlight -
|
|
1015
|
+
/* Data visual/category-06-highlight - Brand */
|
|
1316
1016
|
--data-visual-category-06-highlight: #7f7f7f4d;
|
|
1317
|
-
/* Data visual/category-07 -
|
|
1017
|
+
/* Data visual/category-07 - Brand */
|
|
1318
1018
|
--data-visual-category-07: #530909;
|
|
1319
|
-
/* Data visual/category-07-highlight -
|
|
1019
|
+
/* Data visual/category-07-highlight - Brand */
|
|
1320
1020
|
--data-visual-category-07-highlight: #5309094d;
|
|
1321
|
-
/* Data visual/category-1 - Theme -
|
|
1021
|
+
/* Data visual/category-1 - Theme - BRAND */
|
|
1322
1022
|
--data-visual-category-1: #7a2a0b;
|
|
1323
|
-
/* Data visual/category-1-highlight - Theme -
|
|
1023
|
+
/* Data visual/category-1-highlight - Theme - BRAND */
|
|
1324
1024
|
--data-visual-category-1-highlight: #7a2a0b4d;
|
|
1325
|
-
/* Data visual/category-2 - Theme -
|
|
1025
|
+
/* Data visual/category-2 - Theme - BRAND */
|
|
1326
1026
|
--data-visual-category-2: #d67e51;
|
|
1327
|
-
/* Data visual/category-2-highlight - Theme -
|
|
1027
|
+
/* Data visual/category-2-highlight - Theme - BRAND */
|
|
1328
1028
|
--data-visual-category-2-highlight: #d67e514d;
|
|
1329
|
-
/* Data visual/category-3 - Theme -
|
|
1029
|
+
/* Data visual/category-3 - Theme - BRAND */
|
|
1330
1030
|
--data-visual-category-3: #2d3300;
|
|
1331
|
-
/* Data visual/category-3-highlight - Theme -
|
|
1031
|
+
/* Data visual/category-3-highlight - Theme - BRAND */
|
|
1332
1032
|
--data-visual-category-3-highlight: #2d33004d;
|
|
1333
|
-
/* Data visual/category-4 - Theme -
|
|
1033
|
+
/* Data visual/category-4 - Theme - BRAND */
|
|
1334
1034
|
--data-visual-category-4: #ab922b;
|
|
1335
|
-
/* Data visual/category-4-highlight - Theme -
|
|
1035
|
+
/* Data visual/category-4-highlight - Theme - BRAND */
|
|
1336
1036
|
--data-visual-category-4-highlight: #ab922b4d;
|
|
1337
|
-
/* Data visual/category-5 - Theme -
|
|
1037
|
+
/* Data visual/category-5 - Theme - BRAND */
|
|
1338
1038
|
--data-visual-category-5: #530909;
|
|
1339
|
-
/* Data visual/category-5-highlight - Theme -
|
|
1039
|
+
/* Data visual/category-5-highlight - Theme - BRAND */
|
|
1340
1040
|
--data-visual-category-5-highlight: #5309094d;
|
|
1341
|
-
/* Data visual/category-6 - Theme -
|
|
1041
|
+
/* Data visual/category-6 - Theme - BRAND */
|
|
1342
1042
|
--data-visual-category-6: #7f7f7f;
|
|
1343
|
-
/* Data visual/category-6-highlight - Theme -
|
|
1043
|
+
/* Data visual/category-6-highlight - Theme - BRAND */
|
|
1344
1044
|
--data-visual-category-6-highlight: #7f7f7f4d;
|
|
1345
|
-
/* Data visual/category-7 - Theme -
|
|
1045
|
+
/* Data visual/category-7 - Theme - BRAND */
|
|
1346
1046
|
--data-visual-category-7: #794b34;
|
|
1347
|
-
/* Data visual/category-7-highlight - Theme -
|
|
1047
|
+
/* Data visual/category-7-highlight - Theme - BRAND */
|
|
1348
1048
|
--data-visual-category-7-highlight: #794b344d;
|
|
1349
|
-
/* Data visual/gradient-end - Theme -
|
|
1049
|
+
/* Data visual/gradient-end - Theme - BRAND */
|
|
1350
1050
|
--data-visual-gradient-end: #ffffff4d;
|
|
1351
|
-
/* Data visual/green - Theme -
|
|
1051
|
+
/* Data visual/green - Theme - BRAND */
|
|
1352
1052
|
--data-visual-green: #258750;
|
|
1353
|
-
/* Data visual/green-highlight - Theme -
|
|
1053
|
+
/* Data visual/green-highlight - Theme - BRAND */
|
|
1354
1054
|
--data-visual-green-highlight: #deede5;
|
|
1355
|
-
/* Data visual/negative -
|
|
1055
|
+
/* Data visual/negative - Brand */
|
|
1356
1056
|
--data-visual-negative: #d83a52;
|
|
1357
|
-
/* Data visual/negative-highlight -
|
|
1057
|
+
/* Data visual/negative-highlight - Brand */
|
|
1358
1058
|
--data-visual-negative-highlight: #f9e1e5;
|
|
1359
|
-
/* Data visual/positive -
|
|
1059
|
+
/* Data visual/positive - Brand */
|
|
1360
1060
|
--data-visual-positive: #258750;
|
|
1361
|
-
/* Data visual/positive-highlight -
|
|
1061
|
+
/* Data visual/positive-highlight - Brand */
|
|
1362
1062
|
--data-visual-positive-highlight: #deede5;
|
|
1363
|
-
/* Data visual/red - Theme -
|
|
1063
|
+
/* Data visual/red - Theme - BRAND */
|
|
1364
1064
|
--data-visual-red: #d83a52;
|
|
1365
|
-
/* Data visual/red-highlight - Theme -
|
|
1065
|
+
/* Data visual/red-highlight - Theme - BRAND */
|
|
1366
1066
|
--data-visual-red-highlight: #f9e1e5;
|
|
1367
|
-
/* Foreground/Brand/on-inverse-primary - Theme -
|
|
1067
|
+
/* Foreground/Brand/on-inverse-primary - Theme - BRAND */
|
|
1368
1068
|
--foreground-brand-on-inverse-primary: #727190;
|
|
1369
|
-
/* Foreground/Brand/on-inverse-secondary - Theme -
|
|
1069
|
+
/* Foreground/Brand/on-inverse-secondary - Theme - BRAND */
|
|
1370
1070
|
--foreground-brand-on-inverse-secondary: #f2997c;
|
|
1371
|
-
/* Foreground/Brand/on-
|
|
1071
|
+
/* Foreground/Brand/on-light-color-secondary - Theme - BRAND */
|
|
1072
|
+
--foreground-brand-on-light-color-secondary: #af401c;
|
|
1073
|
+
/* Foreground/Brand/on-brand-primary - Theme - BRAND */
|
|
1074
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1075
|
+
--foreground-brand-on-primary: #ffffff;
|
|
1076
|
+
/* Foreground/Brand/on-brand-secondary - Theme - BRAND */
|
|
1077
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1372
1078
|
--foreground-brand-on-secondary: #ffffff;
|
|
1373
|
-
/* Foreground/Brand/brand-primary - Theme -
|
|
1079
|
+
/* Foreground/Brand/brand-primary - Theme - BRAND */
|
|
1080
|
+
/* Foreground text and icons that match the brand's primary color */
|
|
1374
1081
|
--foreground-brand-primary: #030330;
|
|
1375
|
-
/* Foreground/Brand/brand-primary-depth - Theme -
|
|
1082
|
+
/* Foreground/Brand/brand-primary-depth - Theme - BRAND */
|
|
1376
1083
|
--foreground-brand-primary-depth: #11103c;
|
|
1377
|
-
/* Foreground/Brand/brand-secondary - Theme -
|
|
1084
|
+
/* Foreground/Brand/brand-secondary - Theme - BRAND */
|
|
1085
|
+
/* Foreground text and icons that match the brand's secondary color */
|
|
1378
1086
|
--foreground-brand-secondary: #e95525;
|
|
1379
|
-
/* Foreground/Brand/brand-secondary-depth - Theme -
|
|
1087
|
+
/* Foreground/Brand/brand-secondary-depth - Theme - BRAND */
|
|
1380
1088
|
--foreground-brand-secondary-depth: #c6481f;
|
|
1381
|
-
/* Foreground/Link text/default - Theme -
|
|
1089
|
+
/* Foreground/Link text/default - Theme - BRAND */
|
|
1382
1090
|
--foreground-link-text-default: #215ecd;
|
|
1383
|
-
/* Foreground/Link text/default-disabled - Theme -
|
|
1091
|
+
/* Foreground/Link text/default-disabled - Theme - BRAND */
|
|
1384
1092
|
--foreground-link-text-default-disabled: #7a9ee1;
|
|
1385
|
-
/* Foreground/Link text/default-hovered - Theme -
|
|
1093
|
+
/* Foreground/Link text/default-hovered - Theme - BRAND */
|
|
1386
1094
|
--foreground-link-text-default-hovered: #1e55b9;
|
|
1387
|
-
/* Foreground/Link text/default-pressed - Theme -
|
|
1095
|
+
/* Foreground/Link text/default-pressed - Theme - BRAND */
|
|
1388
1096
|
--foreground-link-text-default-pressed: #1a4ba4;
|
|
1389
|
-
/* Foreground/Link text/default-visited - Theme -
|
|
1097
|
+
/* Foreground/Link text/default-visited - Theme - BRAND */
|
|
1390
1098
|
--foreground-link-text-default-visited: #7a3e7a;
|
|
1391
|
-
/* Foreground/Link text/subtle-disabled -
|
|
1099
|
+
/* Foreground/Link text/subtle-disabled - Brand */
|
|
1392
1100
|
--foreground-link-text-subtle-disabled: #bdbdbd;
|
|
1393
|
-
/* Foreground/Link text/subtle-hovered - Theme -
|
|
1101
|
+
/* Foreground/Link text/subtle-hovered - Theme - BRAND */
|
|
1394
1102
|
--foreground-link-text-subtle-hovered: #292929;
|
|
1395
|
-
/* Foreground/Link text/subtle-
|
|
1103
|
+
/* Foreground/Link text/subtle-inverse-hovered - Theme - BRAND */
|
|
1104
|
+
--foreground-link-text-subtle-inverse-hovered: #e6e6e6;
|
|
1105
|
+
/* Foreground/Link text/subtle-inverse-pressed - Theme - BRAND */
|
|
1106
|
+
--foreground-link-text-subtle-inverse-pressed: #d1d1d1;
|
|
1107
|
+
/* Foreground/Link text/subtle-inversed-disabled - Brand */
|
|
1396
1108
|
--foreground-link-text-subtle-inversed-disabled: #757575;
|
|
1397
|
-
/* Foreground/Link text/subtle-pressed - Theme -
|
|
1398
|
-
--foreground-link-text-subtle-pressed: #
|
|
1399
|
-
/* Foreground/Neutral/disabled-on-color-surface - Theme -
|
|
1109
|
+
/* Foreground/Link text/subtle-pressed - Theme - BRAND */
|
|
1110
|
+
--foreground-link-text-subtle-pressed: #3d3d3d;
|
|
1111
|
+
/* Foreground/Neutral/disabled-on-color-surface - Theme - BRAND */
|
|
1400
1112
|
--foreground-neutral-disabled-on-color-surface: #757575;
|
|
1401
|
-
/* Foreground/Neutral/disabled-on-surface - Theme -
|
|
1113
|
+
/* Foreground/Neutral/disabled-on-surface - Theme - BRAND */
|
|
1402
1114
|
--foreground-neutral-disabled-on-surface: #bdbdbd;
|
|
1403
|
-
/* Foreground/Neutral/on-surface - Theme -
|
|
1115
|
+
/* Foreground/Neutral/inverse-on-surface - Theme - BRAND */
|
|
1116
|
+
--foreground-neutral-inverse-on-surface: #fafafa;
|
|
1117
|
+
/* Foreground/Neutral/on-color - Theme - BRAND */
|
|
1118
|
+
/* Interactive controls */
|
|
1119
|
+
--foreground-neutral-on-color: #ffffff;
|
|
1120
|
+
/* Foreground/Neutral/on-inverse-surface - Brand */
|
|
1121
|
+
/* Text and icons against inverse surface */
|
|
1122
|
+
--foreground-neutral-on-inverse-surface: #fafafa;
|
|
1123
|
+
/* Foreground/Neutral/on-surface - Theme - BRAND */
|
|
1124
|
+
/* Default foreground text and icons against any surface color */
|
|
1404
1125
|
--foreground-neutral-on-surface: #141414;
|
|
1405
|
-
/* Foreground/Neutral/on-surface-variant-01 - Theme -
|
|
1406
|
-
|
|
1407
|
-
|
|
1126
|
+
/* Foreground/Neutral/on-surface-variant-01 - Theme - BRAND */
|
|
1127
|
+
/* Secondary foreground color for icons and text */
|
|
1128
|
+
--foreground-neutral-on-surface-variant-01: #707070;
|
|
1129
|
+
/* Foreground/Neutral/on-surface-variant-02 - Theme - BRAND */
|
|
1130
|
+
/* Tertiary foreground color for icons and text */
|
|
1408
1131
|
--foreground-neutral-on-surface-variant-02: #757575;
|
|
1409
|
-
/* Foreground/Neutral/on-surface-variant-03 - Theme -
|
|
1132
|
+
/* Foreground/Neutral/on-surface-variant-03 - Theme - BRAND */
|
|
1133
|
+
/* Quaternary foreground color for icons and text. Only for placeholder text */
|
|
1410
1134
|
--foreground-neutral-on-surface-variant-03: #8a8a8a;
|
|
1411
|
-
/* Foreground/Neutral/skeleton-element - Theme -
|
|
1412
|
-
--foreground-neutral-skeleton-element: #
|
|
1413
|
-
/* Foreground/Spectrum/blue - Theme -
|
|
1135
|
+
/* Foreground/Neutral/skeleton-element - Theme - BRAND */
|
|
1136
|
+
--foreground-neutral-skeleton-element: #e0e0e0;
|
|
1137
|
+
/* Foreground/Spectrum/blue - Theme - BRAND */
|
|
1414
1138
|
--foreground-spectrum-blue: #143778;
|
|
1415
|
-
/* Foreground/Spectrum/green - Theme -
|
|
1139
|
+
/* Foreground/Spectrum/green - Theme - BRAND */
|
|
1416
1140
|
--foreground-spectrum-green: #134428;
|
|
1417
|
-
/* Foreground/Spectrum/lime - Theme -
|
|
1141
|
+
/* Foreground/Spectrum/lime - Theme - BRAND */
|
|
1418
1142
|
--foreground-spectrum-lime: #60651a;
|
|
1419
|
-
/* Foreground/Spectrum/magenta - Theme -
|
|
1143
|
+
/* Foreground/Spectrum/magenta - Theme - BRAND */
|
|
1420
1144
|
--foreground-spectrum-magenta: #63076f;
|
|
1421
|
-
/* Foreground/Spectrum/orange - Theme -
|
|
1145
|
+
/* Foreground/Spectrum/orange - Theme - BRAND */
|
|
1422
1146
|
--foreground-spectrum-orange: #773001;
|
|
1423
|
-
/* Foreground/Spectrum/pink - Theme -
|
|
1147
|
+
/* Foreground/Spectrum/pink - Theme - BRAND */
|
|
1424
1148
|
--foreground-spectrum-pink: #6c1240;
|
|
1425
|
-
/* Foreground/Spectrum/purple - Theme -
|
|
1149
|
+
/* Foreground/Spectrum/purple - Theme - BRAND */
|
|
1426
1150
|
--foreground-spectrum-purple: #310077;
|
|
1427
|
-
/* Foreground/Spectrum/red - Theme -
|
|
1151
|
+
/* Foreground/Spectrum/red - Theme - BRAND */
|
|
1428
1152
|
--foreground-spectrum-red: #6c1d29;
|
|
1429
|
-
/* Foreground/Spectrum/teal - Theme -
|
|
1153
|
+
/* Foreground/Spectrum/teal - Theme - BRAND */
|
|
1430
1154
|
--foreground-spectrum-teal: #01413c;
|
|
1431
|
-
/* Foreground/Spectrum/yellow - Theme -
|
|
1155
|
+
/* Foreground/Spectrum/yellow - Theme - BRAND */
|
|
1432
1156
|
--foreground-spectrum-yellow: #7b5e18;
|
|
1433
|
-
/*
|
|
1434
|
-
--interaction-brand-disabled-opacity: #0000000f;
|
|
1435
|
-
/* Interaction/brand-hover-opacity - Theme - 3.0 */
|
|
1436
|
-
--interaction-brand-hover-opacity: #0000001a;
|
|
1437
|
-
/* Interaction/brand-press-opacity - Theme - 3.0 */
|
|
1438
|
-
--interaction-brand-press-opacity: #00000033;
|
|
1439
|
-
/* Interaction/hover-opacity - Theme - 3.0 */
|
|
1440
|
-
--interaction-hover-opacity: #00000014;
|
|
1441
|
-
/* Interaction/link-active-opacity - Theme - 3.0 */
|
|
1442
|
-
--interaction-link-active-opacity: #0000004d;
|
|
1443
|
-
/* Interaction/press-opacity - Theme - 3.0 */
|
|
1444
|
-
--interaction-press-opacity: #00000029;
|
|
1445
|
-
/* Interactions/brand-disabled-opacity - Theme - Anywhere */
|
|
1157
|
+
/* Interactions/brand-disabled-opacity - Theme - BRAND */
|
|
1446
1158
|
--interactions-brand-disabled-opacity: #0000000f;
|
|
1447
|
-
/* Interactions/brand-hover-opacity - Theme -
|
|
1159
|
+
/* Interactions/brand-hover-opacity - Theme - BRAND */
|
|
1448
1160
|
--interactions-brand-hover-opacity: #0000001a;
|
|
1449
|
-
/* Interactions/brand-press-opacity - Theme -
|
|
1161
|
+
/* Interactions/brand-press-opacity - Theme - BRAND */
|
|
1450
1162
|
--interactions-brand-press-opacity: #00000033;
|
|
1451
|
-
/* Interactions/
|
|
1163
|
+
/* Interactions/disabled-opacity - Theme - BRAND */
|
|
1164
|
+
--interactions-disabled-opacity: #0000000f;
|
|
1165
|
+
/* Interactions/hover-opacity - Theme - BRAND */
|
|
1452
1166
|
--interactions-hover-opacity: #00000014;
|
|
1453
|
-
/* Interactions/link-active-opacity - Theme -
|
|
1167
|
+
/* Interactions/link-active-opacity - Theme - BRAND */
|
|
1454
1168
|
--interactions-link-active-opacity: #0000004d;
|
|
1455
|
-
/* Interactions/neutral-hover-opacity -
|
|
1169
|
+
/* Interactions/neutral-hover-opacity - Brand */
|
|
1170
|
+
/* surfaces using neutral tones */
|
|
1456
1171
|
--interactions-neutral-hover-opacity: #00000014;
|
|
1457
|
-
/* Interactions/neutral-press-opacity -
|
|
1172
|
+
/* Interactions/neutral-press-opacity - Brand */
|
|
1173
|
+
/* surfaces using neutral tones */
|
|
1458
1174
|
--interactions-neutral-press-opacity: #00000029;
|
|
1459
|
-
/* Interactions/press-opacity - Theme -
|
|
1175
|
+
/* Interactions/press-opacity - Theme - BRAND */
|
|
1460
1176
|
--interactions-press-opacity: #00000029;
|
|
1461
|
-
/* Interactions/primary-disabled-opacity - Theme -
|
|
1177
|
+
/* Interactions/primary-disabled-opacity - Theme - BRAND */
|
|
1462
1178
|
--interactions-primary-disabled-opacity: #1413461f;
|
|
1463
|
-
/* Interactions/primary-hover-opacity - Theme -
|
|
1179
|
+
/* Interactions/primary-hover-opacity - Theme - BRAND */
|
|
1464
1180
|
--interactions-primary-hover-opacity: #1413461a;
|
|
1465
|
-
/* Interactions/primary-press-opacity - Theme -
|
|
1181
|
+
/* Interactions/primary-press-opacity - Theme - BRAND */
|
|
1466
1182
|
--interactions-primary-press-opacity: #14134633;
|
|
1467
|
-
/* Shadow/shadow-10 - Theme -
|
|
1183
|
+
/* Shadow/shadow-10 - Theme - BRAND */
|
|
1468
1184
|
--shadow-10: #0000001a;
|
|
1469
|
-
/* Shadow/shadow-12 - Theme -
|
|
1185
|
+
/* Shadow/shadow-12 - Theme - BRAND */
|
|
1470
1186
|
--shadow-12: #0000001f;
|
|
1471
|
-
/* Shadow/shadow-15 - Theme -
|
|
1187
|
+
/* Shadow/shadow-15 - Theme - BRAND */
|
|
1472
1188
|
--shadow-15: #00000026;
|
|
1473
|
-
/* Shadow/shadow-25 - Theme -
|
|
1189
|
+
/* Shadow/shadow-25 - Theme - BRAND */
|
|
1474
1190
|
--shadow-25: #00000040;
|
|
1475
|
-
/* Shadow/shadow-32 - Theme -
|
|
1191
|
+
/* Shadow/shadow-32 - Theme - BRAND */
|
|
1476
1192
|
--shadow-32: #00000052;
|
|
1477
|
-
/* Shadow/inner-shadow -
|
|
1193
|
+
/* Shadow/inner-shadow - Brand */
|
|
1478
1194
|
--shadow-inner: #ffffff;
|
|
1479
|
-
/* Shadow/inner-shadow-100 - Theme -
|
|
1195
|
+
/* Shadow/inner-shadow-100 - Theme - BRAND */
|
|
1480
1196
|
--shadow-inner-100: #ffffff;
|
|
1481
|
-
/* Shadow/variant-01 -
|
|
1197
|
+
/* Shadow/variant-01 - Brand */
|
|
1482
1198
|
--shadow-variant-01: #0000001a;
|
|
1483
|
-
/* Shadow/variant-02 -
|
|
1199
|
+
/* Shadow/variant-02 - Brand */
|
|
1484
1200
|
--shadow-variant-02: #0000001f;
|
|
1485
|
-
/* Shadow/variant-03 -
|
|
1201
|
+
/* Shadow/variant-03 - Brand */
|
|
1486
1202
|
--shadow-variant-03: #00000026;
|
|
1487
|
-
/* Shadow/variant-04 -
|
|
1203
|
+
/* Shadow/variant-04 - Brand */
|
|
1488
1204
|
--shadow-variant-04: #00000040;
|
|
1489
|
-
/* Shadow/variant-05 -
|
|
1205
|
+
/* Shadow/variant-05 - Brand */
|
|
1490
1206
|
--shadow-variant-05: #00000052;
|
|
1491
|
-
/* Status/error - Theme -
|
|
1207
|
+
/* Status/error - Theme - BRAND */
|
|
1208
|
+
/* Foreground error text and icons */
|
|
1492
1209
|
--status-error: #d83a52;
|
|
1493
|
-
/* Status/information - Theme -
|
|
1210
|
+
/* Status/information - Theme - BRAND */
|
|
1494
1211
|
--status-information: #276ef1;
|
|
1495
|
-
/* Status/informational -
|
|
1212
|
+
/* Status/informational - Brand */
|
|
1213
|
+
/* Foreground informational text and icons */
|
|
1496
1214
|
--status-informational: #276ef1;
|
|
1497
|
-
/* Status/
|
|
1215
|
+
/* Status/on-error - Theme - BRAND */
|
|
1216
|
+
/* Foreground error text and icons */
|
|
1217
|
+
--status-on-error: #ffffff;
|
|
1218
|
+
/* Status/on-information - Theme - BRAND */
|
|
1219
|
+
--status-on-information: #ffffff;
|
|
1220
|
+
/* Status/on-informational - Brand */
|
|
1221
|
+
/* Foreground informational text and icons */
|
|
1222
|
+
--status-on-informational: #ffffff;
|
|
1223
|
+
/* Status/on-success - Theme - BRAND */
|
|
1224
|
+
/* Foreground success icons and text */
|
|
1225
|
+
--status-on-success: #ffffff;
|
|
1226
|
+
/* Status/on-warning - Theme - BRAND */
|
|
1227
|
+
/* Foreground warning icons */
|
|
1228
|
+
--status-on-warning: #141414;
|
|
1229
|
+
/* Status/success - Theme - BRAND */
|
|
1230
|
+
/* Foreground success icons and text */
|
|
1498
1231
|
--status-success: #258750;
|
|
1499
|
-
/* Status/warning - Theme -
|
|
1232
|
+
/* Status/warning - Theme - BRAND */
|
|
1233
|
+
/* Foreground warning icons */
|
|
1500
1234
|
--status-warning: #f6bc2f;
|
|
1501
|
-
/* Stroke/Brand/brand-primary - Theme -
|
|
1235
|
+
/* Stroke/Brand/brand-primary - Theme - BRAND */
|
|
1236
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1502
1237
|
--stroke-brand-primary: #030330;
|
|
1503
|
-
/* Stroke/Brand/brand-primary-depth - Theme -
|
|
1238
|
+
/* Stroke/Brand/brand-primary-depth - Theme - BRAND */
|
|
1239
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1504
1240
|
--stroke-brand-primary-depth: #030329;
|
|
1505
|
-
/* Stroke/Brand/brand-secondary - Theme -
|
|
1241
|
+
/* Stroke/Brand/brand-secondary - Theme - BRAND */
|
|
1506
1242
|
--stroke-brand-secondary: #e95525;
|
|
1507
|
-
/* Stroke/Brand/brand-secondary-depth - Theme -
|
|
1243
|
+
/* Stroke/Brand/brand-secondary-depth - Theme - BRAND */
|
|
1508
1244
|
--stroke-brand-secondary-depth: #c6481f;
|
|
1509
|
-
/* Stroke/Neutral/neutral-base - Theme -
|
|
1245
|
+
/* Stroke/Neutral/neutral-base - Theme - BRAND */
|
|
1246
|
+
/* For control components */
|
|
1510
1247
|
--stroke-neutral-base: #949494;
|
|
1511
|
-
/* Stroke/Neutral/disabled-dark -
|
|
1248
|
+
/* Stroke/Neutral/disabled-dark - Brand */
|
|
1249
|
+
/* Disabled outline separating the fill and surface background */
|
|
1512
1250
|
--stroke-neutral-disabled-dark: #757575;
|
|
1513
|
-
/* Stroke/Neutral/disabled-light -
|
|
1251
|
+
/* Stroke/Neutral/disabled-light - Brand */
|
|
1252
|
+
/* Disabled outline separating the fill and surface background */
|
|
1514
1253
|
--stroke-neutral-disabled-light: #bdbdbd;
|
|
1515
|
-
/* Stroke/Neutral/focus -
|
|
1254
|
+
/* Stroke/Neutral/focus - Brand */
|
|
1255
|
+
/* Highlight focus element */
|
|
1516
1256
|
--stroke-neutral-focus: #000000;
|
|
1517
|
-
/* Stroke/Neutral/
|
|
1257
|
+
/* Stroke/Neutral/focus-on-inverse - Brand */
|
|
1258
|
+
/* Highlight focus element */
|
|
1259
|
+
--stroke-neutral-focus-on-inverse: #ffffff;
|
|
1260
|
+
/* Stroke/Neutral/neutral-high - Brand */
|
|
1518
1261
|
--stroke-neutral-high: #141414;
|
|
1519
|
-
/* Stroke/Neutral/neutral-high-contrast - Theme -
|
|
1262
|
+
/* Stroke/Neutral/neutral-high-contrast - Theme - BRAND */
|
|
1520
1263
|
--stroke-neutral-high-contrast: #141414;
|
|
1521
|
-
/* Stroke/Neutral/
|
|
1522
|
-
--stroke-neutral-interaction-disabled-dark: #48566a;
|
|
1523
|
-
/* Stroke/Neutral/Interaction/disabled-light - Theme - 3.0 */
|
|
1524
|
-
--stroke-neutral-interaction-disabled-light: #c8d6e5;
|
|
1525
|
-
/* Stroke/Neutral/Interaction/focus - Theme - 3.0 */
|
|
1526
|
-
--stroke-neutral-interaction-focus: #000000;
|
|
1527
|
-
/* Stroke/Neutral/Interactions/disabled-dark - Theme - Anywhere */
|
|
1264
|
+
/* Stroke/Neutral/Interactions/disabled-dark - Theme - BRAND */
|
|
1528
1265
|
--stroke-neutral-interactions-disabled-dark: #757575;
|
|
1529
|
-
/* Stroke/Neutral/Interactions/disabled-light - Theme -
|
|
1266
|
+
/* Stroke/Neutral/Interactions/disabled-light - Theme - BRAND */
|
|
1530
1267
|
--stroke-neutral-interactions-disabled-light: #bdbdbd;
|
|
1531
|
-
/* Stroke/Neutral/Interactions/focus - Theme -
|
|
1268
|
+
/* Stroke/Neutral/Interactions/focus - Theme - BRAND */
|
|
1532
1269
|
--stroke-neutral-interactions-focus: #000000;
|
|
1533
|
-
/* Stroke/Neutral/
|
|
1270
|
+
/* Stroke/Neutral/Interactions/inverse-focus - Theme - BRAND */
|
|
1271
|
+
--stroke-neutral-interactions-inverse-focus: #ffffff;
|
|
1272
|
+
/* Stroke/Neutral/neutral-low - Brand */
|
|
1273
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1534
1274
|
--stroke-neutral-low: #e0e0e0;
|
|
1535
|
-
/* Stroke/Neutral/neutral-low-contrast - Theme -
|
|
1275
|
+
/* Stroke/Neutral/neutral-low-contrast - Theme - BRAND */
|
|
1536
1276
|
--stroke-neutral-low-contrast: #e0e0e0;
|
|
1537
|
-
/* Surface/Brand/primary - Theme -
|
|
1277
|
+
/* Surface/Brand/primary - Theme - BRAND */
|
|
1538
1278
|
--surface-brand-primary: #141346;
|
|
1539
|
-
/* Surface/Brand/primary-highlight - Theme -
|
|
1279
|
+
/* Surface/Brand/primary-highlight - Theme - BRAND */
|
|
1540
1280
|
--surface-brand-primary-highlight: #dcdce3;
|
|
1541
|
-
/* Surface/Brand/secondary - Theme -
|
|
1281
|
+
/* Surface/Brand/secondary - Theme - BRAND */
|
|
1542
1282
|
--surface-brand-secondary: #e95525;
|
|
1543
|
-
/* Surface/Brand/secondary-highlight - Theme -
|
|
1283
|
+
/* Surface/Brand/secondary-highlight - Theme - BRAND */
|
|
1544
1284
|
--surface-brand-secondary-highlight: #fce6de;
|
|
1545
|
-
/* Surface/Neutral/Interactions/dark-disabled - Theme -
|
|
1285
|
+
/* Surface/Neutral/Interactions/dark-disabled - Theme - BRAND */
|
|
1546
1286
|
--surface-neutral-interactions-dark-disabled: #d6d6d6;
|
|
1547
|
-
/* Surface/Neutral/Interactions/light-disabled - Theme -
|
|
1287
|
+
/* Surface/Neutral/Interactions/light-disabled - Theme - BRAND */
|
|
1548
1288
|
--surface-neutral-interactions-light-disabled: #f5f5f5;
|
|
1549
|
-
/* Surface/Neutral/
|
|
1550
|
-
|
|
1551
|
-
/* Surface/Neutral/inverse - Theme - Anywhere */
|
|
1289
|
+
/* Surface/Neutral/inverse - Brand */
|
|
1290
|
+
/* Inverted. Use for toasts notification & snackbars */
|
|
1552
1291
|
--surface-neutral-inverse: #1f1f1f;
|
|
1553
|
-
/* Surface/Neutral/inverse-dark - Theme -
|
|
1292
|
+
/* Surface/Neutral/inverse-dark - Theme - BRAND */
|
|
1554
1293
|
--surface-neutral-inverse-dark: #1f1f1f;
|
|
1555
|
-
/* Surface/Neutral/inverse-light - Theme -
|
|
1294
|
+
/* Surface/Neutral/inverse-light - Theme - BRAND */
|
|
1556
1295
|
--surface-neutral-inverse-light: #ffffff;
|
|
1557
|
-
/* Surface/Neutral/
|
|
1558
|
-
--surface-neutral-skeleton: #e0e0e0;
|
|
1559
|
-
/* Surface/Neutral/T1-base - Theme - Anywhere */
|
|
1296
|
+
/* Surface/Neutral/T1-base - Theme - BRAND */
|
|
1560
1297
|
--surface-neutral-t1-base: #ffffff;
|
|
1561
|
-
/* Surface/Neutral/T2-lowest - Theme -
|
|
1298
|
+
/* Surface/Neutral/T2-lowest - Theme - BRAND */
|
|
1562
1299
|
--surface-neutral-t2-lowest: #f5f5f5;
|
|
1563
|
-
/* Surface/Neutral/T3-low - Theme -
|
|
1300
|
+
/* Surface/Neutral/T3-low - Theme - BRAND */
|
|
1301
|
+
/* Navigations, app bar etc */
|
|
1564
1302
|
--surface-neutral-t3-low: #dbdbdb;
|
|
1565
|
-
/* Surface/Neutral/T4-high - Theme -
|
|
1566
|
-
|
|
1567
|
-
|
|
1303
|
+
/* Surface/Neutral/T4-high - Theme - BRAND */
|
|
1304
|
+
/* Navigations, app bar etc */
|
|
1305
|
+
--surface-neutral-t4-high: #8a8a8a;
|
|
1306
|
+
/* Surface/Neutral/transparent - Theme - BRAND */
|
|
1307
|
+
--surface-neutral-transparent: #ffffff00;
|
|
1308
|
+
/* Surface/Spectrum/blue - Theme - BRAND */
|
|
1568
1309
|
--surface-spectrum-blue: #dfe9fd;
|
|
1569
|
-
/* Surface/Spectrum/green - Theme -
|
|
1310
|
+
/* Surface/Spectrum/green - Theme - BRAND */
|
|
1570
1311
|
--surface-spectrum-green: #deede5;
|
|
1571
|
-
/* Surface/Spectrum/lime - Theme -
|
|
1312
|
+
/* Surface/Spectrum/lime - Theme - BRAND */
|
|
1572
1313
|
--surface-spectrum-lime: #f6f7e0;
|
|
1573
|
-
/* Surface/Spectrum/magenta - Theme -
|
|
1314
|
+
/* Surface/Spectrum/magenta - Theme - BRAND */
|
|
1574
1315
|
--surface-spectrum-magenta: #f6dbfa;
|
|
1575
|
-
/* Surface/Spectrum/orange - Theme -
|
|
1316
|
+
/* Surface/Spectrum/orange - Theme - BRAND */
|
|
1576
1317
|
--surface-spectrum-orange: #fce7d9;
|
|
1577
|
-
/* Surface/Spectrum/pink - Theme -
|
|
1318
|
+
/* Surface/Spectrum/pink - Theme - BRAND */
|
|
1578
1319
|
--surface-spectrum-pink: #f9deec;
|
|
1579
|
-
/* Surface/Spectrum/purple - Theme -
|
|
1320
|
+
/* Surface/Spectrum/purple - Theme - BRAND */
|
|
1580
1321
|
--surface-spectrum-purple: #e7d9fc;
|
|
1581
|
-
/* Surface/Spectrum/red - Theme -
|
|
1322
|
+
/* Surface/Spectrum/red - Theme - BRAND */
|
|
1582
1323
|
--surface-spectrum-red: #f9e1e5;
|
|
1583
|
-
/* Surface/Spectrum/teal - Theme -
|
|
1324
|
+
/* Surface/Spectrum/teal - Theme - BRAND */
|
|
1584
1325
|
--surface-spectrum-teal: #d9eceb;
|
|
1585
|
-
/* Surface/Spectrum/yellow - Theme -
|
|
1326
|
+
/* Surface/Spectrum/yellow - Theme - BRAND */
|
|
1586
1327
|
--surface-spectrum-yellow: #fef5e0;
|
|
1587
|
-
}
|
|
1588
1328
|
|
|
1329
|
+
@media (width >= 640px) {
|
|
1330
|
+
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. */
|
|
1331
|
+
--display-regular-large: 400 64px/88px var(--typeface);
|
|
1332
|
+
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. line height */
|
|
1333
|
+
--display-regular-large-line-height: 88px;
|
|
1334
|
+
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. size */
|
|
1335
|
+
--display-regular-large-size: 64px;
|
|
1336
|
+
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. style */
|
|
1337
|
+
--display-regular-large-style: regular;
|
|
1338
|
+
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. */
|
|
1339
|
+
--display-regular-medium: 400 56px/72px var(--typeface);
|
|
1340
|
+
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. line height */
|
|
1341
|
+
--display-regular-medium-line-height: 72px;
|
|
1342
|
+
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. size */
|
|
1343
|
+
--display-regular-medium-size: 56px;
|
|
1344
|
+
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. style */
|
|
1345
|
+
--display-regular-medium-style: regular;
|
|
1346
|
+
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. */
|
|
1347
|
+
--display-regular-small: 400 48px/60px var(--typeface);
|
|
1348
|
+
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. line height */
|
|
1349
|
+
--display-regular-small-line-height: 60px;
|
|
1350
|
+
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. size */
|
|
1351
|
+
--display-regular-small-size: 48px;
|
|
1352
|
+
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. style */
|
|
1353
|
+
--display-regular-small-style: regular;
|
|
1354
|
+
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. */
|
|
1355
|
+
--display-semibold-large: 600 64px/88px var(--typeface);
|
|
1356
|
+
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. line height */
|
|
1357
|
+
--display-semibold-large-line-height: 88px;
|
|
1358
|
+
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. size */
|
|
1359
|
+
--display-semibold-large-size: 64px;
|
|
1360
|
+
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. style */
|
|
1361
|
+
--display-semibold-large-style: 600;
|
|
1362
|
+
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. */
|
|
1363
|
+
--display-semibold-medium: 600 56px/72px var(--typeface);
|
|
1364
|
+
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. line height */
|
|
1365
|
+
--display-semibold-medium-line-height: 72px;
|
|
1366
|
+
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. size */
|
|
1367
|
+
--display-semibold-medium-size: 56px;
|
|
1368
|
+
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. style */
|
|
1369
|
+
--display-semibold-medium-style: 600;
|
|
1370
|
+
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. */
|
|
1371
|
+
--display-semibold-small: 600 48px/60px var(--typeface);
|
|
1372
|
+
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. line height */
|
|
1373
|
+
--display-semibold-small-line-height: 60px;
|
|
1374
|
+
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. size */
|
|
1375
|
+
--display-semibold-small-size: 48px;
|
|
1376
|
+
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. style */
|
|
1377
|
+
--display-semibold-small-style: 600;
|
|
1378
|
+
/* Desktop/Heading/H1 */
|
|
1379
|
+
--heading-h1: 600 40px/48px var(--typeface);
|
|
1380
|
+
/* Desktop/Heading/H1 - line height */
|
|
1381
|
+
--heading-h1-line-height: 48px;
|
|
1382
|
+
/* Desktop/Heading/H1 - size */
|
|
1383
|
+
--heading-h1-size: 40px;
|
|
1384
|
+
/* Desktop/Heading/H1 - style */
|
|
1385
|
+
--heading-h1-style: 600;
|
|
1386
|
+
/* Desktop/Heading/H2 */
|
|
1387
|
+
--heading-h2: 600 32px/40px var(--typeface);
|
|
1388
|
+
/* Desktop/Heading/H2 - line height */
|
|
1389
|
+
--heading-h2-line-height: 40px;
|
|
1390
|
+
/* Desktop/Heading/H2 - size */
|
|
1391
|
+
--heading-h2-size: 32px;
|
|
1392
|
+
/* Desktop/Heading/H2 - style */
|
|
1393
|
+
--heading-h2-style: 600;
|
|
1394
|
+
/* Desktop/Heading/H3 */
|
|
1395
|
+
--heading-h3: 600 28px/36px var(--typeface);
|
|
1396
|
+
/* Desktop/Heading/H3 - line height */
|
|
1397
|
+
--heading-h3-line-height: 36px;
|
|
1398
|
+
/* Desktop/Heading/H3 - size */
|
|
1399
|
+
--heading-h3-size: 28px;
|
|
1400
|
+
/* Desktop/Heading/H3 - style */
|
|
1401
|
+
--heading-h3-style: 600;
|
|
1402
|
+
/* Desktop/Heading/H4 */
|
|
1403
|
+
--heading-h4: 600 24px/32px var(--typeface);
|
|
1404
|
+
/* Desktop/Heading/H4 - line height */
|
|
1405
|
+
--heading-h4-line-height: 32px;
|
|
1406
|
+
/* Desktop/Heading/H4 - size */
|
|
1407
|
+
--heading-h4-size: 24px;
|
|
1408
|
+
/* Desktop/Heading/H4 - style */
|
|
1409
|
+
--heading-h4-style: 600;
|
|
1410
|
+
/* Desktop/Heading/H5 */
|
|
1411
|
+
--heading-h5: 600 20px/28px var(--typeface);
|
|
1412
|
+
/* Desktop/Heading/H5 - line height */
|
|
1413
|
+
--heading-h5-line-height: 28px;
|
|
1414
|
+
/* Desktop/Heading/H5 - size */
|
|
1415
|
+
--heading-h5-size: 20px;
|
|
1416
|
+
/* Desktop/Heading/H5 - style */
|
|
1417
|
+
--heading-h5-style: 600;
|
|
1418
|
+
/* Desktop/Heading/H6 */
|
|
1419
|
+
--heading-h6: 500 18px/24px var(--typeface);
|
|
1420
|
+
/* Desktop/Heading/H6 - line height */
|
|
1421
|
+
--heading-h6-line-height: 24px;
|
|
1422
|
+
/* Desktop/Heading/H6 - size */
|
|
1423
|
+
--heading-h6-size: 18px;
|
|
1424
|
+
/* Desktop/Heading/H6 - style */
|
|
1425
|
+
--heading-h6-style: medium;
|
|
1426
|
+
/* Desktop/Subheader/Large - Headline */
|
|
1427
|
+
--subheader-large: 400 24px/32px var(--typeface);
|
|
1428
|
+
/* Desktop/Subheader/Large - Headline line height */
|
|
1429
|
+
--subheader-large-line-height: 32px;
|
|
1430
|
+
/* Desktop/Subheader/Large - Headline size */
|
|
1431
|
+
--subheader-large-size: 24px;
|
|
1432
|
+
/* Desktop/Subheader/Large - Headline style */
|
|
1433
|
+
--subheader-large-style: regular;
|
|
1434
|
+
/* Desktop/Subheader/Medium */
|
|
1435
|
+
--subheader-medium: 400 20px/28px var(--typeface);
|
|
1436
|
+
/* Desktop/Subheader/Medium - line height */
|
|
1437
|
+
--subheader-medium-line-height: 28px;
|
|
1438
|
+
/* Desktop/Subheader/Medium - size */
|
|
1439
|
+
--subheader-medium-size: 20px;
|
|
1440
|
+
/* Desktop/Subheader/Medium - style */
|
|
1441
|
+
--subheader-medium-style: regular;
|
|
1442
|
+
/* Desktop/Subheader/X-Large - Headline */
|
|
1443
|
+
--subheader-x-large: 400 28px/36px var(--typeface);
|
|
1444
|
+
/* Desktop/Subheader/X-Large - Headline line height */
|
|
1445
|
+
--subheader-x-large-line-height: 36px;
|
|
1446
|
+
/* Desktop/Subheader/X-Large - Headline size */
|
|
1447
|
+
--subheader-x-large-size: 28px;
|
|
1448
|
+
/* Desktop/Subheader/X-Large - Headline style */
|
|
1449
|
+
--subheader-x-large-style: regular;
|
|
1450
|
+
/* Desktop/Subheader/XX-Large - Headline */
|
|
1451
|
+
--subheader-xx-large: 400 32px/40px var(--typeface);
|
|
1452
|
+
/* Desktop/Subheader/XX-Large - Headline line height */
|
|
1453
|
+
--subheader-xx-large-line-height: 40px;
|
|
1454
|
+
/* Desktop/Subheader/XX-Large - Headline size */
|
|
1455
|
+
--subheader-xx-large-size: 32px;
|
|
1456
|
+
/* Desktop/Subheader/XX-Large - Headline style */
|
|
1457
|
+
--subheader-xx-large-style: regular;
|
|
1458
|
+
/* Desktop/Subheader/XXX-Large - Large Headline */
|
|
1459
|
+
--subheader-xxx-large: 400 40px/48px var(--typeface);
|
|
1460
|
+
/* Desktop/Subheader/XXX-Large - Large Headline line height */
|
|
1461
|
+
--subheader-xxx-large-line-height: 48px;
|
|
1462
|
+
/* Desktop/Subheader/XXX-Large - Large Headline size */
|
|
1463
|
+
--subheader-xxx-large-size: 40px;
|
|
1464
|
+
/* Desktop/Subheader/XXX-Large - Large Headline style */
|
|
1465
|
+
--subheader-xxx-large-style: regular;
|
|
1466
|
+
}
|
|
1467
|
+
}
|
|
1468
|
+
/* dark theme */
|
|
1589
1469
|
[data-theme='dark'] {
|
|
1590
|
-
/* Background/base - Theme -
|
|
1470
|
+
/* Background/base - Theme - BRAND */
|
|
1591
1471
|
--background-base: #1f1f1f;
|
|
1592
|
-
/* Background/scrim - Theme -
|
|
1472
|
+
/* Background/scrim - Theme - BRAND */
|
|
1593
1473
|
--background-scrim: #61616180;
|
|
1594
|
-
/* Background/shade - Theme -
|
|
1474
|
+
/* Background/shade - Theme - BRAND */
|
|
1595
1475
|
--background-shade: #292929;
|
|
1596
|
-
/* Data visual/category-01 -
|
|
1476
|
+
/* Data visual/category-01 - Brand */
|
|
1597
1477
|
--data-visual-category-01: #e6b297;
|
|
1598
|
-
/* Data visual/category-01-highlight -
|
|
1478
|
+
/* Data visual/category-01-highlight - Brand */
|
|
1599
1479
|
--data-visual-category-01-highlight: #e6b2974d;
|
|
1600
|
-
/* Data visual/category-02 -
|
|
1480
|
+
/* Data visual/category-02 - Brand */
|
|
1601
1481
|
--data-visual-category-02: #b68a79;
|
|
1602
|
-
/* Data visual/category-02-highlight -
|
|
1482
|
+
/* Data visual/category-02-highlight - Brand */
|
|
1603
1483
|
--data-visual-category-02-highlight: #b68a794d;
|
|
1604
|
-
/* Data visual/category-03 -
|
|
1484
|
+
/* Data visual/category-03 - Brand */
|
|
1605
1485
|
--data-visual-category-03: #cdbe80;
|
|
1606
|
-
/* Data visual/category-03-highlight -
|
|
1486
|
+
/* Data visual/category-03-highlight - Brand */
|
|
1607
1487
|
--data-visual-category-03-highlight: #cdbe804d;
|
|
1608
|
-
/* Data visual/category-04 -
|
|
1488
|
+
/* Data visual/category-04 - Brand */
|
|
1609
1489
|
--data-visual-category-04: #969980;
|
|
1610
|
-
/* Data visual/category-04-highlight -
|
|
1490
|
+
/* Data visual/category-04-highlight - Brand */
|
|
1611
1491
|
--data-visual-category-04-highlight: #9699804d;
|
|
1612
|
-
/* Data visual/category-05 -
|
|
1492
|
+
/* Data visual/category-05 - Brand */
|
|
1613
1493
|
--data-visual-category-05: #af9385;
|
|
1614
|
-
/* Data visual/category-05-highlight -
|
|
1494
|
+
/* Data visual/category-05-highlight - Brand */
|
|
1615
1495
|
--data-visual-category-05-highlight: #af93854d;
|
|
1616
|
-
/* Data visual/category-06 -
|
|
1496
|
+
/* Data visual/category-06 - Brand */
|
|
1617
1497
|
--data-visual-category-06: #b2b2b2;
|
|
1618
|
-
/* Data visual/category-06-highlight -
|
|
1498
|
+
/* Data visual/category-06-highlight - Brand */
|
|
1619
1499
|
--data-visual-category-06-highlight: #b2b2b24d;
|
|
1620
|
-
/* Data visual/category-07 -
|
|
1500
|
+
/* Data visual/category-07 - Brand */
|
|
1621
1501
|
--data-visual-category-07: #a98484;
|
|
1622
|
-
/* Data visual/category-07-highlight -
|
|
1502
|
+
/* Data visual/category-07-highlight - Brand */
|
|
1623
1503
|
--data-visual-category-07-highlight: #a984844d;
|
|
1624
|
-
/* Data visual/category-1 - Theme -
|
|
1504
|
+
/* Data visual/category-1 - Theme - BRAND */
|
|
1625
1505
|
--data-visual-category-1: #b68a79;
|
|
1626
|
-
/* Data visual/category-1-highlight - Theme -
|
|
1506
|
+
/* Data visual/category-1-highlight - Theme - BRAND */
|
|
1627
1507
|
--data-visual-category-1-highlight: #b68a794d;
|
|
1628
|
-
/* Data visual/category-2 - Theme -
|
|
1508
|
+
/* Data visual/category-2 - Theme - BRAND */
|
|
1629
1509
|
--data-visual-category-2: #e6b297;
|
|
1630
|
-
/* Data visual/category-2-highlight - Theme -
|
|
1510
|
+
/* Data visual/category-2-highlight - Theme - BRAND */
|
|
1631
1511
|
--data-visual-category-2-highlight: #e6b2974d;
|
|
1632
|
-
/* Data visual/category-3 - Theme -
|
|
1512
|
+
/* Data visual/category-3 - Theme - BRAND */
|
|
1633
1513
|
--data-visual-category-3: #969980;
|
|
1634
|
-
/* Data visual/category-3-highlight - Theme -
|
|
1514
|
+
/* Data visual/category-3-highlight - Theme - BRAND */
|
|
1635
1515
|
--data-visual-category-3-highlight: #9699804d;
|
|
1636
|
-
/* Data visual/category-4 - Theme -
|
|
1516
|
+
/* Data visual/category-4 - Theme - BRAND */
|
|
1637
1517
|
--data-visual-category-4: #cdbe80;
|
|
1638
|
-
/* Data visual/category-4-highlight - Theme -
|
|
1518
|
+
/* Data visual/category-4-highlight - Theme - BRAND */
|
|
1639
1519
|
--data-visual-category-4-highlight: #cdbe804d;
|
|
1640
|
-
/* Data visual/category-5 - Theme -
|
|
1520
|
+
/* Data visual/category-5 - Theme - BRAND */
|
|
1641
1521
|
--data-visual-category-5: #a98484;
|
|
1642
|
-
/* Data visual/category-5-highlight - Theme -
|
|
1522
|
+
/* Data visual/category-5-highlight - Theme - BRAND */
|
|
1643
1523
|
--data-visual-category-5-highlight: #a984844d;
|
|
1644
|
-
/* Data visual/category-6 - Theme -
|
|
1524
|
+
/* Data visual/category-6 - Theme - BRAND */
|
|
1645
1525
|
--data-visual-category-6: #b2b2b2;
|
|
1646
|
-
/* Data visual/category-6-highlight - Theme -
|
|
1526
|
+
/* Data visual/category-6-highlight - Theme - BRAND */
|
|
1647
1527
|
--data-visual-category-6-highlight: #b2b2b24d;
|
|
1648
|
-
/* Data visual/category-7 - Theme -
|
|
1528
|
+
/* Data visual/category-7 - Theme - BRAND */
|
|
1649
1529
|
--data-visual-category-7: #af9385;
|
|
1650
|
-
/* Data visual/category-7-highlight - Theme -
|
|
1530
|
+
/* Data visual/category-7-highlight - Theme - BRAND */
|
|
1651
1531
|
--data-visual-category-7-highlight: #af93854d;
|
|
1652
|
-
/* Data visual/gradient-end - Theme -
|
|
1532
|
+
/* Data visual/gradient-end - Theme - BRAND */
|
|
1653
1533
|
--data-visual-gradient-end: #1f1f1f4d;
|
|
1654
|
-
/* Data visual/green - Theme -
|
|
1534
|
+
/* Data visual/green - Theme - BRAND */
|
|
1655
1535
|
--data-visual-green: #7cb796;
|
|
1656
|
-
/* Data visual/green-highlight - Theme -
|
|
1536
|
+
/* Data visual/green-highlight - Theme - BRAND */
|
|
1657
1537
|
--data-visual-green-highlight: #0d2f1c;
|
|
1658
|
-
/* Data visual/negative -
|
|
1538
|
+
/* Data visual/negative - Brand */
|
|
1659
1539
|
--data-visual-negative: #e88997;
|
|
1660
|
-
/* Data visual/negative-highlight -
|
|
1540
|
+
/* Data visual/negative-highlight - Brand */
|
|
1661
1541
|
--data-visual-negative-highlight: #4c141d;
|
|
1662
|
-
/* Data visual/positive -
|
|
1542
|
+
/* Data visual/positive - Brand */
|
|
1663
1543
|
--data-visual-positive: #7cb796;
|
|
1664
|
-
/* Data visual/positive-highlight -
|
|
1544
|
+
/* Data visual/positive-highlight - Brand */
|
|
1665
1545
|
--data-visual-positive-highlight: #0d2f1c;
|
|
1666
|
-
/* Data visual/red - Theme -
|
|
1546
|
+
/* Data visual/red - Theme - BRAND */
|
|
1667
1547
|
--data-visual-red: #e88997;
|
|
1668
|
-
/* Data visual/red-highlight - Theme -
|
|
1548
|
+
/* Data visual/red-highlight - Theme - BRAND */
|
|
1669
1549
|
--data-visual-red-highlight: #4c141d;
|
|
1670
|
-
/* Foreground/Brand/on-inverse-primary - Theme -
|
|
1550
|
+
/* Foreground/Brand/on-inverse-primary - Theme - BRAND */
|
|
1671
1551
|
--foreground-brand-on-inverse-primary: #727190;
|
|
1672
|
-
/* Foreground/Brand/on-inverse-secondary - Theme -
|
|
1552
|
+
/* Foreground/Brand/on-inverse-secondary - Theme - BRAND */
|
|
1673
1553
|
--foreground-brand-on-inverse-secondary: #f2997c;
|
|
1674
|
-
/* Foreground/Brand/on-
|
|
1554
|
+
/* Foreground/Brand/on-light-color-secondary - Theme - BRAND */
|
|
1555
|
+
--foreground-brand-on-light-color-secondary: #f5b39d;
|
|
1556
|
+
/* Foreground/Brand/on-brand-primary - Theme - BRAND */
|
|
1557
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1558
|
+
--foreground-brand-on-primary: #ffffff;
|
|
1559
|
+
/* Foreground/Brand/on-brand-secondary - Theme - BRAND */
|
|
1560
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1675
1561
|
--foreground-brand-on-secondary: #141414;
|
|
1676
|
-
/* Foreground/Brand/brand-primary - Theme -
|
|
1562
|
+
/* Foreground/Brand/brand-primary - Theme - BRAND */
|
|
1563
|
+
/* Foreground text and icons that match the brand's primary color */
|
|
1677
1564
|
--foreground-brand-primary: #727190;
|
|
1678
|
-
/* Foreground/Brand/brand-primary-depth - Theme -
|
|
1565
|
+
/* Foreground/Brand/brand-primary-depth - Theme - BRAND */
|
|
1679
1566
|
--foreground-brand-primary-depth: #9595ac;
|
|
1680
|
-
/* Foreground/Brand/brand-secondary - Theme -
|
|
1567
|
+
/* Foreground/Brand/brand-secondary - Theme - BRAND */
|
|
1568
|
+
/* Foreground text and icons that match the brand's secondary color */
|
|
1681
1569
|
--foreground-brand-secondary: #f2997c;
|
|
1682
|
-
/* Foreground/Brand/brand-secondary-depth - Theme -
|
|
1570
|
+
/* Foreground/Brand/brand-secondary-depth - Theme - BRAND */
|
|
1683
1571
|
--foreground-brand-secondary-depth: #f5b39d;
|
|
1684
|
-
/* Foreground/Link text/default - Theme -
|
|
1572
|
+
/* Foreground/Link text/default - Theme - BRAND */
|
|
1685
1573
|
--foreground-link-text-default: #7a9ee1;
|
|
1686
|
-
/* Foreground/Link text/default-disabled - Theme -
|
|
1574
|
+
/* Foreground/Link text/default-disabled - Theme - BRAND */
|
|
1687
1575
|
--foreground-link-text-default-disabled: #14387b;
|
|
1688
|
-
/* Foreground/Link text/default-hovered - Theme -
|
|
1576
|
+
/* Foreground/Link text/default-hovered - Theme - BRAND */
|
|
1689
1577
|
--foreground-link-text-default-hovered: #90afe6;
|
|
1690
|
-
/* Foreground/Link text/default-pressed - Theme -
|
|
1578
|
+
/* Foreground/Link text/default-pressed - Theme - BRAND */
|
|
1691
1579
|
--foreground-link-text-default-pressed: #a6bfeb;
|
|
1692
|
-
/* Foreground/Link text/default-visited - Theme -
|
|
1580
|
+
/* Foreground/Link text/default-visited - Theme - BRAND */
|
|
1693
1581
|
--foreground-link-text-default-visited: #af8baf;
|
|
1694
|
-
/* Foreground/Link text/subtle-disabled -
|
|
1582
|
+
/* Foreground/Link text/subtle-disabled - Brand */
|
|
1695
1583
|
--foreground-link-text-subtle-disabled: #4d4d4d;
|
|
1696
|
-
/* Foreground/Link text/subtle-hovered - Theme -
|
|
1584
|
+
/* Foreground/Link text/subtle-hovered - Theme - BRAND */
|
|
1697
1585
|
--foreground-link-text-subtle-hovered: #e6e6e6;
|
|
1698
|
-
/* Foreground/Link text/subtle-
|
|
1699
|
-
--foreground-link-text-subtle-
|
|
1700
|
-
/* Foreground/Link text/subtle-pressed - Theme -
|
|
1586
|
+
/* Foreground/Link text/subtle-inverse-hovered - Theme - BRAND */
|
|
1587
|
+
--foreground-link-text-subtle-inverse-hovered: #e6e6e6;
|
|
1588
|
+
/* Foreground/Link text/subtle-inverse-pressed - Theme - BRAND */
|
|
1589
|
+
--foreground-link-text-subtle-inverse-pressed: #d1d1d1;
|
|
1590
|
+
/* Foreground/Link text/subtle-inversed-disabled - Brand */
|
|
1591
|
+
--foreground-link-text-subtle-inversed-disabled: #3d3d3d;
|
|
1592
|
+
/* Foreground/Link text/subtle-pressed - Theme - BRAND */
|
|
1701
1593
|
--foreground-link-text-subtle-pressed: #d1d1d1;
|
|
1702
|
-
/* Foreground/Neutral/disabled-on-color-surface - Theme -
|
|
1703
|
-
--foreground-neutral-disabled-on-color-surface: #
|
|
1704
|
-
/* Foreground/Neutral/disabled-on-surface - Theme -
|
|
1594
|
+
/* Foreground/Neutral/disabled-on-color-surface - Theme - BRAND */
|
|
1595
|
+
--foreground-neutral-disabled-on-color-surface: #3d3d3d;
|
|
1596
|
+
/* Foreground/Neutral/disabled-on-surface - Theme - BRAND */
|
|
1705
1597
|
--foreground-neutral-disabled-on-surface: #4d4d4d;
|
|
1706
|
-
/* Foreground/Neutral/on-surface - Theme -
|
|
1598
|
+
/* Foreground/Neutral/inverse-on-surface - Theme - BRAND */
|
|
1599
|
+
--foreground-neutral-inverse-on-surface: #fafafa;
|
|
1600
|
+
/* Foreground/Neutral/on-color - Theme - BRAND */
|
|
1601
|
+
/* Interactive controls */
|
|
1602
|
+
--foreground-neutral-on-color: #ffffff;
|
|
1603
|
+
/* Foreground/Neutral/on-inverse-surface - Brand */
|
|
1604
|
+
/* Text and icons against inverse surface */
|
|
1605
|
+
--foreground-neutral-on-inverse-surface: #fafafa;
|
|
1606
|
+
/* Foreground/Neutral/on-surface - Theme - BRAND */
|
|
1607
|
+
/* Default foreground text and icons against any surface color */
|
|
1707
1608
|
--foreground-neutral-on-surface: #fafafa;
|
|
1708
|
-
/* Foreground/Neutral/on-surface-variant-01 - Theme -
|
|
1609
|
+
/* Foreground/Neutral/on-surface-variant-01 - Theme - BRAND */
|
|
1610
|
+
/* Secondary foreground color for icons and text */
|
|
1709
1611
|
--foreground-neutral-on-surface-variant-01: #c2c2c2;
|
|
1710
|
-
/* Foreground/Neutral/on-surface-variant-02 - Theme -
|
|
1612
|
+
/* Foreground/Neutral/on-surface-variant-02 - Theme - BRAND */
|
|
1613
|
+
/* Tertiary foreground color for icons and text */
|
|
1711
1614
|
--foreground-neutral-on-surface-variant-02: #9e9e9e;
|
|
1712
|
-
/* Foreground/Neutral/on-surface-variant-03 - Theme -
|
|
1615
|
+
/* Foreground/Neutral/on-surface-variant-03 - Theme - BRAND */
|
|
1616
|
+
/* Quaternary foreground color for icons and text. Only for placeholder text */
|
|
1713
1617
|
--foreground-neutral-on-surface-variant-03: #757575;
|
|
1714
|
-
/* Foreground/Neutral/skeleton-element - Theme -
|
|
1715
|
-
--foreground-neutral-skeleton-element: #
|
|
1716
|
-
/* Foreground/Spectrum/blue - Theme -
|
|
1618
|
+
/* Foreground/Neutral/skeleton-element - Theme - BRAND */
|
|
1619
|
+
--foreground-neutral-skeleton-element: #333333;
|
|
1620
|
+
/* Foreground/Spectrum/blue - Theme - BRAND */
|
|
1717
1621
|
--foreground-spectrum-blue: #88aff7;
|
|
1718
|
-
/* Foreground/Spectrum/green - Theme -
|
|
1622
|
+
/* Foreground/Spectrum/green - Theme - BRAND */
|
|
1719
1623
|
--foreground-spectrum-green: #87bd9f;
|
|
1720
|
-
/* Foreground/Spectrum/lime - Theme -
|
|
1624
|
+
/* Foreground/Spectrum/lime - Theme - BRAND */
|
|
1721
1625
|
--foreground-spectrum-lime: #dce28f;
|
|
1722
|
-
/* Foreground/Spectrum/magenta - Theme -
|
|
1626
|
+
/* Foreground/Spectrum/magenta - Theme - BRAND */
|
|
1723
1627
|
--foreground-spectrum-magenta: #e07aed;
|
|
1724
|
-
/* Foreground/Spectrum/orange - Theme -
|
|
1628
|
+
/* Foreground/Spectrum/orange - Theme - BRAND */
|
|
1725
1629
|
--foreground-spectrum-orange: #f6a874;
|
|
1726
|
-
/* Foreground/Spectrum/pink - Theme -
|
|
1630
|
+
/* Foreground/Spectrum/pink - Theme - BRAND */
|
|
1727
1631
|
--foreground-spectrum-pink: #ea86b9;
|
|
1728
|
-
/* Foreground/Spectrum/purple - Theme -
|
|
1632
|
+
/* Foreground/Spectrum/purple - Theme - BRAND */
|
|
1729
1633
|
--foreground-spectrum-purple: #c8a6f9;
|
|
1730
|
-
/* Foreground/Spectrum/red - Theme -
|
|
1634
|
+
/* Foreground/Spectrum/red - Theme - BRAND */
|
|
1731
1635
|
--foreground-spectrum-red: #ea93a0;
|
|
1732
|
-
/* Foreground/Spectrum/teal - Theme -
|
|
1636
|
+
/* Foreground/Spectrum/teal - Theme - BRAND */
|
|
1733
1637
|
--foreground-spectrum-teal: #74bbb4;
|
|
1734
|
-
/* Foreground/Spectrum/yellow - Theme -
|
|
1638
|
+
/* Foreground/Spectrum/yellow - Theme - BRAND */
|
|
1735
1639
|
--foreground-spectrum-yellow: #fada8d;
|
|
1736
|
-
/*
|
|
1737
|
-
--interaction-brand-disabled-opacity: #ffffff0f;
|
|
1738
|
-
/* Interaction/brand-hover-opacity - Theme - 3.0 */
|
|
1739
|
-
--interaction-brand-hover-opacity: #ffffff1a;
|
|
1740
|
-
/* Interaction/brand-press-opacity - Theme - 3.0 */
|
|
1741
|
-
--interaction-brand-press-opacity: #ffffff33;
|
|
1742
|
-
/* Interaction/hover-opacity - Theme - 3.0 */
|
|
1743
|
-
--interaction-hover-opacity: #ffffff14;
|
|
1744
|
-
/* Interaction/link-active-opacity - Theme - 3.0 */
|
|
1745
|
-
--interaction-link-active-opacity: #ffffff4d;
|
|
1746
|
-
/* Interaction/press-opacity - Theme - 3.0 */
|
|
1747
|
-
--interaction-press-opacity: #ffffff29;
|
|
1748
|
-
/* Interactions/brand-disabled-opacity - Theme - Anywhere */
|
|
1640
|
+
/* Interactions/brand-disabled-opacity - Theme - BRAND */
|
|
1749
1641
|
--interactions-brand-disabled-opacity: #ffffff0f;
|
|
1750
|
-
/* Interactions/brand-hover-opacity - Theme -
|
|
1642
|
+
/* Interactions/brand-hover-opacity - Theme - BRAND */
|
|
1751
1643
|
--interactions-brand-hover-opacity: #ffffff1a;
|
|
1752
|
-
/* Interactions/brand-press-opacity - Theme -
|
|
1644
|
+
/* Interactions/brand-press-opacity - Theme - BRAND */
|
|
1753
1645
|
--interactions-brand-press-opacity: #ffffff33;
|
|
1754
|
-
/* Interactions/
|
|
1646
|
+
/* Interactions/disabled-opacity - Theme - BRAND */
|
|
1647
|
+
--interactions-disabled-opacity: #0000000f;
|
|
1648
|
+
/* Interactions/hover-opacity - Theme - BRAND */
|
|
1755
1649
|
--interactions-hover-opacity: #ffffff14;
|
|
1756
|
-
/* Interactions/link-active-opacity - Theme -
|
|
1650
|
+
/* Interactions/link-active-opacity - Theme - BRAND */
|
|
1757
1651
|
--interactions-link-active-opacity: #ffffff4d;
|
|
1758
|
-
/* Interactions/neutral-hover-opacity -
|
|
1652
|
+
/* Interactions/neutral-hover-opacity - Brand */
|
|
1653
|
+
/* surfaces using neutral tones */
|
|
1759
1654
|
--interactions-neutral-hover-opacity: #ffffff14;
|
|
1760
|
-
/* Interactions/neutral-press-opacity -
|
|
1655
|
+
/* Interactions/neutral-press-opacity - Brand */
|
|
1656
|
+
/* surfaces using neutral tones */
|
|
1761
1657
|
--interactions-neutral-press-opacity: #ffffff29;
|
|
1762
|
-
/* Interactions/press-opacity - Theme -
|
|
1658
|
+
/* Interactions/press-opacity - Theme - BRAND */
|
|
1763
1659
|
--interactions-press-opacity: #ffffff29;
|
|
1764
|
-
/* Interactions/primary-disabled-opacity - Theme -
|
|
1660
|
+
/* Interactions/primary-disabled-opacity - Theme - BRAND */
|
|
1765
1661
|
--interactions-primary-disabled-opacity: #7271901f;
|
|
1766
|
-
/* Interactions/primary-hover-opacity - Theme -
|
|
1662
|
+
/* Interactions/primary-hover-opacity - Theme - BRAND */
|
|
1767
1663
|
--interactions-primary-hover-opacity: #7271901a;
|
|
1768
|
-
/* Interactions/primary-press-opacity - Theme -
|
|
1664
|
+
/* Interactions/primary-press-opacity - Theme - BRAND */
|
|
1769
1665
|
--interactions-primary-press-opacity: #72719033;
|
|
1770
|
-
/* Shadow/shadow-10 - Theme -
|
|
1666
|
+
/* Shadow/shadow-10 - Theme - BRAND */
|
|
1771
1667
|
--shadow-10: #6161611a;
|
|
1772
|
-
/* Shadow/shadow-12 - Theme -
|
|
1668
|
+
/* Shadow/shadow-12 - Theme - BRAND */
|
|
1773
1669
|
--shadow-12: #6161611f;
|
|
1774
|
-
/* Shadow/shadow-15 - Theme -
|
|
1670
|
+
/* Shadow/shadow-15 - Theme - BRAND */
|
|
1775
1671
|
--shadow-15: #61616126;
|
|
1776
|
-
/* Shadow/shadow-25 - Theme -
|
|
1672
|
+
/* Shadow/shadow-25 - Theme - BRAND */
|
|
1777
1673
|
--shadow-25: #61616140;
|
|
1778
|
-
/* Shadow/shadow-32 - Theme -
|
|
1674
|
+
/* Shadow/shadow-32 - Theme - BRAND */
|
|
1779
1675
|
--shadow-32: #61616152;
|
|
1780
|
-
/* Shadow/inner-shadow -
|
|
1676
|
+
/* Shadow/inner-shadow - Brand */
|
|
1781
1677
|
--shadow-inner: #000000;
|
|
1782
|
-
/* Shadow/inner-shadow-100 - Theme -
|
|
1678
|
+
/* Shadow/inner-shadow-100 - Theme - BRAND */
|
|
1783
1679
|
--shadow-inner-100: #000000;
|
|
1784
|
-
/* Shadow/variant-01 -
|
|
1680
|
+
/* Shadow/variant-01 - Brand */
|
|
1785
1681
|
--shadow-variant-01: #6161611a;
|
|
1786
|
-
/* Shadow/variant-02 -
|
|
1682
|
+
/* Shadow/variant-02 - Brand */
|
|
1787
1683
|
--shadow-variant-02: #6161611f;
|
|
1788
|
-
/* Shadow/variant-03 -
|
|
1684
|
+
/* Shadow/variant-03 - Brand */
|
|
1789
1685
|
--shadow-variant-03: #61616126;
|
|
1790
|
-
/* Shadow/variant-04 -
|
|
1686
|
+
/* Shadow/variant-04 - Brand */
|
|
1791
1687
|
--shadow-variant-04: #61616140;
|
|
1792
|
-
/* Shadow/variant-05 -
|
|
1688
|
+
/* Shadow/variant-05 - Brand */
|
|
1793
1689
|
--shadow-variant-05: #61616152;
|
|
1794
|
-
/* Status/error - Theme -
|
|
1690
|
+
/* Status/error - Theme - BRAND */
|
|
1691
|
+
/* Foreground error text and icons */
|
|
1795
1692
|
--status-error: #e26b7d;
|
|
1796
|
-
/* Status/information - Theme -
|
|
1693
|
+
/* Status/information - Theme - BRAND */
|
|
1797
1694
|
--status-information: #5d92f5;
|
|
1798
|
-
/* Status/informational -
|
|
1695
|
+
/* Status/informational - Brand */
|
|
1696
|
+
/* Foreground informational text and icons */
|
|
1799
1697
|
--status-informational: #5d92f5;
|
|
1800
|
-
/* Status/
|
|
1698
|
+
/* Status/on-error - Theme - BRAND */
|
|
1699
|
+
/* Foreground error text and icons */
|
|
1700
|
+
--status-on-error: #ffffff;
|
|
1701
|
+
/* Status/on-information - Theme - BRAND */
|
|
1702
|
+
--status-on-information: #ffffff;
|
|
1703
|
+
/* Status/on-informational - Brand */
|
|
1704
|
+
/* Foreground informational text and icons */
|
|
1705
|
+
--status-on-informational: #ffffff;
|
|
1706
|
+
/* Status/on-success - Theme - BRAND */
|
|
1707
|
+
/* Foreground success icons and text */
|
|
1708
|
+
--status-on-success: #ffffff;
|
|
1709
|
+
/* Status/on-warning - Theme - BRAND */
|
|
1710
|
+
/* Foreground warning icons */
|
|
1711
|
+
--status-on-warning: #141414;
|
|
1712
|
+
/* Status/success - Theme - BRAND */
|
|
1713
|
+
/* Foreground success icons and text */
|
|
1801
1714
|
--status-success: #519f73;
|
|
1802
|
-
/* Status/warning - Theme -
|
|
1715
|
+
/* Status/warning - Theme - BRAND */
|
|
1716
|
+
/* Foreground warning icons */
|
|
1803
1717
|
--status-warning: #f8cd63;
|
|
1804
|
-
/* Stroke/Brand/brand-primary - Theme -
|
|
1718
|
+
/* Stroke/Brand/brand-primary - Theme - BRAND */
|
|
1719
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1805
1720
|
--stroke-brand-primary: #727190;
|
|
1806
|
-
/* Stroke/Brand/brand-primary-depth - Theme -
|
|
1721
|
+
/* Stroke/Brand/brand-primary-depth - Theme - BRAND */
|
|
1722
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1807
1723
|
--stroke-brand-primary-depth: #9595ac;
|
|
1808
|
-
/* Stroke/Brand/brand-secondary - Theme -
|
|
1724
|
+
/* Stroke/Brand/brand-secondary - Theme - BRAND */
|
|
1809
1725
|
--stroke-brand-secondary: #f2997c;
|
|
1810
|
-
/* Stroke/Brand/brand-secondary-depth - Theme -
|
|
1726
|
+
/* Stroke/Brand/brand-secondary-depth - Theme - BRAND */
|
|
1811
1727
|
--stroke-brand-secondary-depth: #f5b39d;
|
|
1812
|
-
/* Stroke/Neutral/neutral-base - Theme -
|
|
1728
|
+
/* Stroke/Neutral/neutral-base - Theme - BRAND */
|
|
1729
|
+
/* For control components */
|
|
1813
1730
|
--stroke-neutral-base: #6b6b6b;
|
|
1814
|
-
/* Stroke/Neutral/disabled-dark -
|
|
1815
|
-
|
|
1816
|
-
|
|
1731
|
+
/* Stroke/Neutral/disabled-dark - Brand */
|
|
1732
|
+
/* Disabled outline separating the fill and surface background */
|
|
1733
|
+
--stroke-neutral-disabled-dark: #3d3d3d;
|
|
1734
|
+
/* Stroke/Neutral/disabled-light - Brand */
|
|
1735
|
+
/* Disabled outline separating the fill and surface background */
|
|
1817
1736
|
--stroke-neutral-disabled-light: #4d4d4d;
|
|
1818
|
-
/* Stroke/Neutral/focus -
|
|
1737
|
+
/* Stroke/Neutral/focus - Brand */
|
|
1738
|
+
/* Highlight focus element */
|
|
1819
1739
|
--stroke-neutral-focus: #ffffff;
|
|
1820
|
-
/* Stroke/Neutral/
|
|
1740
|
+
/* Stroke/Neutral/focus-on-inverse - Brand */
|
|
1741
|
+
/* Highlight focus element */
|
|
1742
|
+
--stroke-neutral-focus-on-inverse: #ffffff;
|
|
1743
|
+
/* Stroke/Neutral/neutral-high - Brand */
|
|
1821
1744
|
--stroke-neutral-high: #fafafa;
|
|
1822
|
-
/* Stroke/Neutral/neutral-high-contrast - Theme -
|
|
1745
|
+
/* Stroke/Neutral/neutral-high-contrast - Theme - BRAND */
|
|
1823
1746
|
--stroke-neutral-high-contrast: #fafafa;
|
|
1824
|
-
/* Stroke/Neutral/
|
|
1825
|
-
--stroke-neutral-
|
|
1826
|
-
/* Stroke/Neutral/
|
|
1827
|
-
--stroke-neutral-interaction-disabled-light: #323b49;
|
|
1828
|
-
/* Stroke/Neutral/Interaction/focus - Theme - 3.0 */
|
|
1829
|
-
--stroke-neutral-interaction-focus: #ffffff;
|
|
1830
|
-
/* Stroke/Neutral/Interactions/disabled-dark - Theme - Anywhere */
|
|
1831
|
-
--stroke-neutral-interactions-disabled-dark: #424242;
|
|
1832
|
-
/* Stroke/Neutral/Interactions/disabled-light - Theme - Anywhere */
|
|
1747
|
+
/* Stroke/Neutral/Interactions/disabled-dark - Theme - BRAND */
|
|
1748
|
+
--stroke-neutral-interactions-disabled-dark: #3d3d3d;
|
|
1749
|
+
/* Stroke/Neutral/Interactions/disabled-light - Theme - BRAND */
|
|
1833
1750
|
--stroke-neutral-interactions-disabled-light: #4d4d4d;
|
|
1834
|
-
/* Stroke/Neutral/Interactions/focus - Theme -
|
|
1751
|
+
/* Stroke/Neutral/Interactions/focus - Theme - BRAND */
|
|
1835
1752
|
--stroke-neutral-interactions-focus: #ffffff;
|
|
1836
|
-
/* Stroke/Neutral/
|
|
1753
|
+
/* Stroke/Neutral/Interactions/inverse-focus - Theme - BRAND */
|
|
1754
|
+
--stroke-neutral-interactions-inverse-focus: #ffffff;
|
|
1755
|
+
/* Stroke/Neutral/neutral-low - Brand */
|
|
1756
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1837
1757
|
--stroke-neutral-low: #4d4d4d;
|
|
1838
|
-
/* Stroke/Neutral/neutral-low-contrast - Theme -
|
|
1758
|
+
/* Stroke/Neutral/neutral-low-contrast - Theme - BRAND */
|
|
1839
1759
|
--stroke-neutral-low-contrast: #4d4d4d;
|
|
1840
|
-
/* Surface/Brand/primary - Theme -
|
|
1760
|
+
/* Surface/Brand/primary - Theme - BRAND */
|
|
1841
1761
|
--surface-brand-primary: #727190;
|
|
1842
|
-
/* Surface/Brand/primary-highlight - Theme -
|
|
1762
|
+
/* Surface/Brand/primary-highlight - Theme - BRAND */
|
|
1843
1763
|
--surface-brand-primary-highlight: #050512;
|
|
1844
|
-
/* Surface/Brand/secondary - Theme -
|
|
1764
|
+
/* Surface/Brand/secondary - Theme - BRAND */
|
|
1845
1765
|
--surface-brand-secondary: #f2997c;
|
|
1846
|
-
/* Surface/Brand/secondary-highlight - Theme -
|
|
1766
|
+
/* Surface/Brand/secondary-highlight - Theme - BRAND */
|
|
1847
1767
|
--surface-brand-secondary-highlight: #3a1509;
|
|
1848
|
-
/* Surface/Neutral/Interactions/dark-disabled - Theme -
|
|
1768
|
+
/* Surface/Neutral/Interactions/dark-disabled - Theme - BRAND */
|
|
1849
1769
|
--surface-neutral-interactions-dark-disabled: #474747;
|
|
1850
|
-
/* Surface/Neutral/Interactions/light-disabled - Theme -
|
|
1770
|
+
/* Surface/Neutral/Interactions/light-disabled - Theme - BRAND */
|
|
1851
1771
|
--surface-neutral-interactions-light-disabled: #292929;
|
|
1852
|
-
/* Surface/Neutral/
|
|
1853
|
-
|
|
1854
|
-
/* Surface/Neutral/inverse - Theme - Anywhere */
|
|
1772
|
+
/* Surface/Neutral/inverse - Brand */
|
|
1773
|
+
/* Inverted. Use for toasts notification & snackbars */
|
|
1855
1774
|
--surface-neutral-inverse: #383838;
|
|
1856
|
-
/* Surface/Neutral/inverse-dark - Theme -
|
|
1775
|
+
/* Surface/Neutral/inverse-dark - Theme - BRAND */
|
|
1857
1776
|
--surface-neutral-inverse-dark: #383838;
|
|
1858
|
-
/* Surface/Neutral/inverse-light - Theme -
|
|
1777
|
+
/* Surface/Neutral/inverse-light - Theme - BRAND */
|
|
1859
1778
|
--surface-neutral-inverse-light: #575757;
|
|
1860
|
-
/* Surface/Neutral/
|
|
1861
|
-
--surface-neutral-skeleton: #333333;
|
|
1862
|
-
/* Surface/Neutral/T1-base - Theme - Anywhere */
|
|
1779
|
+
/* Surface/Neutral/T1-base - Theme - BRAND */
|
|
1863
1780
|
--surface-neutral-t1-base: #1f1f1f;
|
|
1864
|
-
/* Surface/Neutral/T2-lowest - Theme -
|
|
1781
|
+
/* Surface/Neutral/T2-lowest - Theme - BRAND */
|
|
1865
1782
|
--surface-neutral-t2-lowest: #2e2e2e;
|
|
1866
|
-
/* Surface/Neutral/T3-low - Theme -
|
|
1783
|
+
/* Surface/Neutral/T3-low - Theme - BRAND */
|
|
1784
|
+
/* Navigations, app bar etc */
|
|
1867
1785
|
--surface-neutral-t3-low: #383838;
|
|
1868
|
-
/* Surface/Neutral/T4-high - Theme -
|
|
1869
|
-
|
|
1870
|
-
|
|
1786
|
+
/* Surface/Neutral/T4-high - Theme - BRAND */
|
|
1787
|
+
/* Navigations, app bar etc */
|
|
1788
|
+
--surface-neutral-t4-high: #7a7a7a;
|
|
1789
|
+
/* Surface/Neutral/transparent - Theme - BRAND */
|
|
1790
|
+
--surface-neutral-transparent: #ffffff00;
|
|
1791
|
+
/* Surface/Spectrum/blue - Theme - BRAND */
|
|
1871
1792
|
--surface-spectrum-blue: #0e2754;
|
|
1872
|
-
/* Surface/Spectrum/green - Theme -
|
|
1793
|
+
/* Surface/Spectrum/green - Theme - BRAND */
|
|
1873
1794
|
--surface-spectrum-green: #0d2f1c;
|
|
1874
|
-
/* Surface/Spectrum/lime - Theme -
|
|
1795
|
+
/* Surface/Spectrum/lime - Theme - BRAND */
|
|
1875
1796
|
--surface-spectrum-lime: #434712;
|
|
1876
|
-
/* Surface/Spectrum/magenta - Theme -
|
|
1797
|
+
/* Surface/Spectrum/magenta - Theme - BRAND */
|
|
1877
1798
|
--surface-spectrum-magenta: #45054e;
|
|
1878
|
-
/* Surface/Spectrum/orange - Theme -
|
|
1799
|
+
/* Surface/Spectrum/orange - Theme - BRAND */
|
|
1879
1800
|
--surface-spectrum-orange: #532201;
|
|
1880
|
-
/* Surface/Spectrum/pink - Theme -
|
|
1801
|
+
/* Surface/Spectrum/pink - Theme - BRAND */
|
|
1881
1802
|
--surface-spectrum-pink: #4c0c2d;
|
|
1882
|
-
/* Surface/Spectrum/purple - Theme -
|
|
1803
|
+
/* Surface/Spectrum/purple - Theme - BRAND */
|
|
1883
1804
|
--surface-spectrum-purple: #220053;
|
|
1884
|
-
/* Surface/Spectrum/red - Theme -
|
|
1805
|
+
/* Surface/Spectrum/red - Theme - BRAND */
|
|
1885
1806
|
--surface-spectrum-red: #4c141d;
|
|
1886
|
-
/* Surface/Spectrum/teal - Theme -
|
|
1807
|
+
/* Surface/Spectrum/teal - Theme - BRAND */
|
|
1887
1808
|
--surface-spectrum-teal: #012e2a;
|
|
1888
|
-
/* Surface/Spectrum/yellow - Theme -
|
|
1809
|
+
/* Surface/Spectrum/yellow - Theme - BRAND */
|
|
1889
1810
|
--surface-spectrum-yellow: #564210;
|
|
1890
1811
|
}
|
|
1891
1812
|
`));
|