@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,7 +1,7 @@
|
|
|
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
6
|
@import url('https://fonts.googleapis.com/css2?family=Geist:ital,wght@0,100..900;1,100..900&display=swap');
|
|
7
7
|
body {
|
|
@@ -10,177 +10,37 @@ body {
|
|
|
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,26 +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 - Sotheby's */
|
|
615
|
-
--foreground-link-text-subtle-inverse-pressed: #d1d1d1;
|
|
616
|
-
/* Foreground/Neutral/inverse-on-surface - Theme - Sotheby's */
|
|
617
|
-
--foreground-neutral-inverse-on-surface: #fafafa;
|
|
618
|
-
/* Foreground/Neutral/on-color - Theme - Sotheby's */
|
|
619
|
-
--foreground-neutral-on-color: #ffffff;
|
|
620
|
-
/* Foreground/Neutral/on-inverse-surface - Theme - Sotheby's */
|
|
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;
|
|
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;
|
|
630
478
|
/* Interactions/opacity-black-10 - Global (primitives) */
|
|
631
479
|
--interactions-opacity-black-10: #0000001a;
|
|
632
480
|
/* Interactions/opacity-black-16 - Global (primitives) */
|
|
@@ -651,69 +499,69 @@ body {
|
|
|
651
499
|
--interactions-opacity-white-6: #ffffff0f;
|
|
652
500
|
/* Interactions/opacity-white-8 - Global (primitives) */
|
|
653
501
|
--interactions-opacity-white-8: #ffffff14;
|
|
654
|
-
/* Colors/Brands/
|
|
502
|
+
/* Colors/Brands/BRAND/Interactions/primary-dark-opacity-10 - Global (primitives) */
|
|
655
503
|
--interactions-primary-dark-opacity-10: #667b921a;
|
|
656
|
-
/* Colors/Brands/
|
|
504
|
+
/* Colors/Brands/BRAND/Interactions/primary-dark-opacity-12 - Global (primitives) */
|
|
657
505
|
--interactions-primary-dark-opacity-12: #667b921f;
|
|
658
|
-
/* Colors/Brands/
|
|
506
|
+
/* Colors/Brands/BRAND/Interactions/primary-dark-opacity-16 - Global (primitives) */
|
|
659
507
|
--interactions-primary-dark-opacity-16: #667b9229;
|
|
660
|
-
/* Colors/Brands/
|
|
508
|
+
/* Colors/Brands/BRAND/Interactions/primary-dark-opacity-20 - Global (primitives) */
|
|
661
509
|
--interactions-primary-dark-opacity-20: #667b9233;
|
|
662
|
-
/* Colors/Brands/
|
|
510
|
+
/* Colors/Brands/BRAND/Interactions/primary-dark-opacity-8 - Global (primitives) */
|
|
663
511
|
--interactions-primary-dark-opacity-8: #667b9214;
|
|
664
|
-
/* Colors/Brands/
|
|
512
|
+
/* Colors/Brands/BRAND/Interactions/primary-light-opacity-10 - Global (primitives) */
|
|
665
513
|
--interactions-primary-light-opacity-10: #0023491a;
|
|
666
|
-
/* Colors/Brands/
|
|
514
|
+
/* Colors/Brands/BRAND/Interactions/primary-light-opacity-12 - Global (primitives) */
|
|
667
515
|
--interactions-primary-light-opacity-12: #0023491f;
|
|
668
|
-
/* Colors/Brands/
|
|
516
|
+
/* Colors/Brands/BRAND/Interactions/primary-light-opacity-16 - Global (primitives) */
|
|
669
517
|
--interactions-primary-light-opacity-16: #00234929;
|
|
670
|
-
/* Colors/Brands/
|
|
518
|
+
/* Colors/Brands/BRAND/Interactions/primary-light-opacity-20 - Global (primitives) */
|
|
671
519
|
--interactions-primary-light-opacity-20: #00234933;
|
|
672
|
-
/* Colors/Brands/
|
|
520
|
+
/* Colors/Brands/BRAND/Interactions/primary-light-opacity-8 - Global (primitives) */
|
|
673
521
|
--interactions-primary-light-opacity-8: #00234914;
|
|
674
522
|
/* Labels/Base */
|
|
675
|
-
--labels-base: 500 16px/
|
|
676
|
-
/* Labels/Base -
|
|
677
|
-
--labels-base-line-height:
|
|
678
|
-
/* 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 */
|
|
679
527
|
--labels-base-size: 16px;
|
|
680
|
-
/* Labels/Base -
|
|
528
|
+
/* Labels/Base - style */
|
|
681
529
|
--labels-base-style: medium;
|
|
682
530
|
/* Labels/Large */
|
|
683
|
-
--labels-large: 500 18px/
|
|
684
|
-
/* Labels/Large -
|
|
685
|
-
--labels-large-line-height:
|
|
686
|
-
/* 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 */
|
|
687
535
|
--labels-large-size: 18px;
|
|
688
|
-
/* Labels/Large -
|
|
536
|
+
/* Labels/Large - style */
|
|
689
537
|
--labels-large-style: medium;
|
|
690
538
|
/* Labels/Small */
|
|
691
539
|
--labels-small: 500 14px/20px var(--typeface);
|
|
692
|
-
/* Labels/Small -
|
|
540
|
+
/* Labels/Small - line height */
|
|
693
541
|
--labels-small-line-height: 20px;
|
|
694
|
-
/* Labels/Small -
|
|
542
|
+
/* Labels/Small - size */
|
|
695
543
|
--labels-small-size: 14px;
|
|
696
|
-
/* Labels/Small -
|
|
544
|
+
/* Labels/Small - style */
|
|
697
545
|
--labels-small-style: medium;
|
|
698
546
|
/* Labels/X-Small */
|
|
699
547
|
--labels-x-small: 500 12px/16px var(--typeface);
|
|
700
|
-
/* Labels/X-Small -
|
|
548
|
+
/* Labels/X-Small - line height */
|
|
701
549
|
--labels-x-small-line-height: 16px;
|
|
702
|
-
/* Labels/X-Small -
|
|
550
|
+
/* Labels/X-Small - size */
|
|
703
551
|
--labels-x-small-size: 12px;
|
|
704
|
-
/* Labels/X-Small -
|
|
552
|
+
/* Labels/X-Small - style */
|
|
705
553
|
--labels-x-small-style: medium;
|
|
706
|
-
/* Colors/Brands/
|
|
554
|
+
/* Colors/Brands/BRAND/Primary/00-base - Global (primitives) */
|
|
707
555
|
--primary-00-base: #002349;
|
|
708
|
-
/* Colors/Brands/
|
|
556
|
+
/* Colors/Brands/BRAND/Primary/15-dark - Global (primitives) */
|
|
709
557
|
--primary-15-dark: #001e3e;
|
|
710
|
-
/* Colors/Brands/
|
|
558
|
+
/* Colors/Brands/BRAND/Primary/40-light - Global (primitives) */
|
|
711
559
|
--primary-40-light: #667b92;
|
|
712
|
-
/* Colors/Brands/
|
|
560
|
+
/* Colors/Brands/BRAND/Primary/55-light - Global (primitives) */
|
|
713
561
|
--primary-55-light: #8c9cad;
|
|
714
|
-
/* Colors/Brands/
|
|
562
|
+
/* Colors/Brands/BRAND/Primary/75-dark - Global (primitives) */
|
|
715
563
|
--primary-75-dark: #000912;
|
|
716
|
-
/* Colors/Brands/
|
|
564
|
+
/* Colors/Brands/BRAND/Primary/85-light - Global (primitives) */
|
|
717
565
|
--primary-85-light: #d9dee4;
|
|
718
566
|
/* Radius/full - Borders */
|
|
719
567
|
--radius-full: 999px;
|
|
@@ -727,17 +575,17 @@ body {
|
|
|
727
575
|
--radius-sm: 4px;
|
|
728
576
|
/* Radius/xlg - Borders */
|
|
729
577
|
--radius-xlg: 16px;
|
|
730
|
-
/* Colors/Brands/
|
|
578
|
+
/* Colors/Brands/BRAND/Secondary/00-base - Global (primitives) */
|
|
731
579
|
--secondary-00-base: #c29b40;
|
|
732
|
-
/* Colors/Brands/
|
|
580
|
+
/* Colors/Brands/BRAND/Secondary/15-dark - Global (primitives) */
|
|
733
581
|
--secondary-15-dark: #a58436;
|
|
734
|
-
/* Colors/Brands/
|
|
582
|
+
/* Colors/Brands/BRAND/Secondary/40-light - Global (primitives) */
|
|
735
583
|
--secondary-40-light: #dac38c;
|
|
736
|
-
/* Colors/Brands/
|
|
584
|
+
/* Colors/Brands/BRAND/Secondary/55-light - Global (primitives) */
|
|
737
585
|
--secondary-55-light: #e4d2a9;
|
|
738
|
-
/* Colors/Brands/
|
|
586
|
+
/* Colors/Brands/BRAND/Secondary/75-dark - Global (primitives) */
|
|
739
587
|
--secondary-75-dark: #312710;
|
|
740
|
-
/* Colors/Brands/
|
|
588
|
+
/* Colors/Brands/BRAND/Secondary/85-light - Global (primitives) */
|
|
741
589
|
--secondary-85-light: #f6f0e2;
|
|
742
590
|
/* Shadows/Inner-Shadow-black-100 - Global (primitives) */
|
|
743
591
|
--shadows-inner-shadow-black-100: #000000;
|
|
@@ -871,22 +719,10 @@ body {
|
|
|
871
719
|
--spacings-960: 96px;
|
|
872
720
|
/* Spacings/None - Global (primitives) */
|
|
873
721
|
--spacings-none: 0;
|
|
874
|
-
/*
|
|
875
|
-
--
|
|
876
|
-
/*
|
|
877
|
-
--
|
|
878
|
-
/* Status/on-informational - Theme - Sotheby's */
|
|
879
|
-
--status-on-informational: #ffffff;
|
|
880
|
-
/* Status/on-success - Theme - Sotheby's */
|
|
881
|
-
--status-on-success: #ffffff;
|
|
882
|
-
/* Status/on-warning - Theme - Sotheby's */
|
|
883
|
-
--status-on-warning: #141414;
|
|
884
|
-
/* Stroke/Neutral/focus-on-inverse - Theme - Sotheby's */
|
|
885
|
-
--stroke-neutral-focus-on-inverse: #ffffff;
|
|
886
|
-
/* Stroke/Neutral/Interaction/inverse-focus - Theme - 3.0 */
|
|
887
|
-
--stroke-neutral-interaction-inverse-focus: #ffffff;
|
|
888
|
-
/* Stroke/Neutral/Interactions/inverse-focus - Theme - Sotheby's */
|
|
889
|
-
--stroke-neutral-interactions-inverse-focus: #ffffff;
|
|
722
|
+
/* Stroke/AI-powered/blue - Theme - BRAND */
|
|
723
|
+
--stroke-ai-powered-blue: #000000;
|
|
724
|
+
/* Stroke/AI-powered/pink - Theme - BRAND */
|
|
725
|
+
--stroke-ai-powered-pink: #000000;
|
|
890
726
|
/* Stroke/none - Borders */
|
|
891
727
|
--stroke-none: 0;
|
|
892
728
|
/* Stroke/thick - Borders */
|
|
@@ -895,10 +731,12 @@ body {
|
|
|
895
731
|
--stroke-thicker: 4px;
|
|
896
732
|
/* Stroke/thin - Borders */
|
|
897
733
|
--stroke-thin: 1px;
|
|
898
|
-
/* Surface/
|
|
899
|
-
--surface-
|
|
734
|
+
/* Surface/AI-powered/blue - Theme - BRAND */
|
|
735
|
+
--surface-ai-powered-blue: #000000;
|
|
736
|
+
/* Surface/AI-powered/pink - Theme - BRAND */
|
|
737
|
+
--surface-ai-powered-pink: #000000;
|
|
900
738
|
/* Typeface - Brand */
|
|
901
|
-
--typeface: 'Geist',
|
|
739
|
+
--typeface: 'Geist', sans-serif;
|
|
902
740
|
/* Typography/Line-height/lh-1 - Global (primitives) */
|
|
903
741
|
--typography-line-height-lh-1: 16px;
|
|
904
742
|
/* Typography/Line-height/lh-10 - Global (primitives) */
|
|
@@ -962,29 +800,29 @@ body {
|
|
|
962
800
|
/* Typography/Size/xxxlg - Global (primitives) */
|
|
963
801
|
--typography-size-xxxlg: 40px;
|
|
964
802
|
/* Typography/Typeface/Arial - Global (primitives) */
|
|
965
|
-
--typography-typeface-arial: 'Arial'
|
|
803
|
+
--typography-typeface-arial: 'Arial';
|
|
966
804
|
/* Typography/Typeface/Geist - Global (primitives) */
|
|
967
|
-
--typography-typeface-geist: 'Geist'
|
|
805
|
+
--typography-typeface-geist: 'Geist';
|
|
968
806
|
/* Typography/Typeface/Helvetica - Global (primitives) */
|
|
969
|
-
--typography-typeface-helvetica: 'Helvetica'
|
|
807
|
+
--typography-typeface-helvetica: 'Helvetica';
|
|
970
808
|
/* Typography/Typeface/Inter - Global (primitives) */
|
|
971
|
-
--typography-typeface-inter: 'Inter'
|
|
809
|
+
--typography-typeface-inter: 'Inter';
|
|
972
810
|
/* Typography/Typeface/Lato - Global (primitives) */
|
|
973
|
-
--typography-typeface-lato: 'Lato'
|
|
811
|
+
--typography-typeface-lato: 'Lato';
|
|
974
812
|
/* Typography/Typeface/Manrope - Global (primitives) */
|
|
975
|
-
--typography-typeface-manrope: 'Manrope'
|
|
813
|
+
--typography-typeface-manrope: 'Manrope';
|
|
976
814
|
/* Typography/Typeface/Open Sans - Global (primitives) */
|
|
977
|
-
--typography-typeface-open-sans: 'Open Sans'
|
|
815
|
+
--typography-typeface-open-sans: 'Open Sans';
|
|
978
816
|
/* Typography/Typeface/Red Hat Text - Global (primitives) */
|
|
979
|
-
--typography-typeface-red-hat-text: 'Red Hat Text'
|
|
817
|
+
--typography-typeface-red-hat-text: 'Red Hat Text';
|
|
980
818
|
/* Typography/Typeface/Roboto - Global (primitives) */
|
|
981
|
-
--typography-typeface-roboto: 'Roboto'
|
|
819
|
+
--typography-typeface-roboto: 'Roboto';
|
|
982
820
|
/* Typography/Typeface/SF Pro - Global (primitives) */
|
|
983
|
-
--typography-typeface-sf-pro: 'SF Pro'
|
|
821
|
+
--typography-typeface-sf-pro: 'SF Pro';
|
|
984
822
|
/* Typography/Typeface/Typold - Global (primitives) */
|
|
985
|
-
--typography-typeface-typold: 'Typold'
|
|
823
|
+
--typography-typeface-typold: 'Typold';
|
|
986
824
|
/* Typography/Typeface/Work Sans - Global (primitives) */
|
|
987
|
-
--typography-typeface-work-sans: 'Work Sans'
|
|
825
|
+
--typography-typeface-work-sans: 'Work Sans';
|
|
988
826
|
/* Typography/Weight/300 - Global (primitives) */
|
|
989
827
|
--typography-weight-300: 300;
|
|
990
828
|
/* Typography/Weight/400 - Global (primitives) */
|
|
@@ -995,52 +833,52 @@ body {
|
|
|
995
833
|
--typography-weight-600: 600;
|
|
996
834
|
/* Mobile/Display/Regular/Large */
|
|
997
835
|
--display-regular-large: 400 56px/72px var(--typeface);
|
|
998
|
-
/* Mobile/Display/Regular/Large -
|
|
836
|
+
/* Mobile/Display/Regular/Large - line height */
|
|
999
837
|
--display-regular-large-line-height: 72px;
|
|
1000
|
-
/* Mobile/Display/Regular/Large -
|
|
838
|
+
/* Mobile/Display/Regular/Large - size */
|
|
1001
839
|
--display-regular-large-size: 56px;
|
|
1002
|
-
/* Mobile/Display/Regular/Large -
|
|
840
|
+
/* Mobile/Display/Regular/Large - style */
|
|
1003
841
|
--display-regular-large-style: regular;
|
|
1004
842
|
/* Mobile/Display/Regular/Medium */
|
|
1005
843
|
--display-regular-medium: 400 48px/60px var(--typeface);
|
|
1006
|
-
/* Mobile/Display/Regular/Medium -
|
|
844
|
+
/* Mobile/Display/Regular/Medium - line height */
|
|
1007
845
|
--display-regular-medium-line-height: 60px;
|
|
1008
|
-
/* Mobile/Display/Regular/Medium -
|
|
846
|
+
/* Mobile/Display/Regular/Medium - size */
|
|
1009
847
|
--display-regular-medium-size: 48px;
|
|
1010
|
-
/* Mobile/Display/Regular/Medium -
|
|
848
|
+
/* Mobile/Display/Regular/Medium - style */
|
|
1011
849
|
--display-regular-medium-style: regular;
|
|
1012
850
|
/* Mobile/Display/Regular/Small */
|
|
1013
851
|
--display-regular-small: 400 40px/48px var(--typeface);
|
|
1014
|
-
/* Mobile/Display/Regular/Small -
|
|
852
|
+
/* Mobile/Display/Regular/Small - line height */
|
|
1015
853
|
--display-regular-small-line-height: 48px;
|
|
1016
|
-
/* Mobile/Display/Regular/Small -
|
|
854
|
+
/* Mobile/Display/Regular/Small - size */
|
|
1017
855
|
--display-regular-small-size: 40px;
|
|
1018
|
-
/* Mobile/Display/Regular/Small -
|
|
856
|
+
/* Mobile/Display/Regular/Small - style */
|
|
1019
857
|
--display-regular-small-style: regular;
|
|
1020
858
|
/* Mobile/Display/Semibold/Large */
|
|
1021
859
|
--display-semibold-large: 600 56px/72px var(--typeface);
|
|
1022
|
-
/* Mobile/Display/Semibold/Large -
|
|
860
|
+
/* Mobile/Display/Semibold/Large - line height */
|
|
1023
861
|
--display-semibold-large-line-height: 72px;
|
|
1024
|
-
/* Mobile/Display/Semibold/Large -
|
|
862
|
+
/* Mobile/Display/Semibold/Large - size */
|
|
1025
863
|
--display-semibold-large-size: 56px;
|
|
1026
|
-
/* Mobile/Display/Semibold/Large -
|
|
1027
|
-
--display-semibold-large-style:
|
|
864
|
+
/* Mobile/Display/Semibold/Large - style */
|
|
865
|
+
--display-semibold-large-style: 600;
|
|
1028
866
|
/* Mobile/Display/Semibold/Medium */
|
|
1029
867
|
--display-semibold-medium: 600 48px/60px var(--typeface);
|
|
1030
|
-
/* Mobile/Display/Semibold/Medium -
|
|
868
|
+
/* Mobile/Display/Semibold/Medium - line height */
|
|
1031
869
|
--display-semibold-medium-line-height: 60px;
|
|
1032
|
-
/* Mobile/Display/Semibold/Medium -
|
|
870
|
+
/* Mobile/Display/Semibold/Medium - size */
|
|
1033
871
|
--display-semibold-medium-size: 48px;
|
|
1034
|
-
/* Mobile/Display/Semibold/Medium -
|
|
1035
|
-
--display-semibold-medium-style:
|
|
872
|
+
/* Mobile/Display/Semibold/Medium - style */
|
|
873
|
+
--display-semibold-medium-style: 600;
|
|
1036
874
|
/* Mobile/Display/Semibold/Small */
|
|
1037
875
|
--display-semibold-small: 600 40px/48px var(--typeface);
|
|
1038
|
-
/* Mobile/Display/Semibold/Small -
|
|
876
|
+
/* Mobile/Display/Semibold/Small - line height */
|
|
1039
877
|
--display-semibold-small-line-height: 48px;
|
|
1040
|
-
/* Mobile/Display/Semibold/Small -
|
|
878
|
+
/* Mobile/Display/Semibold/Small - size */
|
|
1041
879
|
--display-semibold-small-size: 40px;
|
|
1042
|
-
/* Mobile/Display/Semibold/Small -
|
|
1043
|
-
--display-semibold-small-style:
|
|
880
|
+
/* Mobile/Display/Semibold/Small - style */
|
|
881
|
+
--display-semibold-small-style: 600;
|
|
1044
882
|
/* Mobile/Heading/H1 - Large Headline */
|
|
1045
883
|
--heading-h1: 600 32px/40px var(--typeface);
|
|
1046
884
|
/* Mobile/Heading/H1 - Large Headline line height */
|
|
@@ -1048,7 +886,7 @@ body {
|
|
|
1048
886
|
/* Mobile/Heading/H1 - Large Headline size */
|
|
1049
887
|
--heading-h1-size: 32px;
|
|
1050
888
|
/* Mobile/Heading/H1 - Large Headline style */
|
|
1051
|
-
--heading-h1-style:
|
|
889
|
+
--heading-h1-style: 600;
|
|
1052
890
|
/* Mobile/Heading/H2 - Headline */
|
|
1053
891
|
--heading-h2: 600 28px/36px var(--typeface);
|
|
1054
892
|
/* Mobile/Heading/H2 - Headline line height */
|
|
@@ -1056,7 +894,7 @@ body {
|
|
|
1056
894
|
/* Mobile/Heading/H2 - Headline size */
|
|
1057
895
|
--heading-h2-size: 28px;
|
|
1058
896
|
/* Mobile/Heading/H2 - Headline style */
|
|
1059
|
-
--heading-h2-style:
|
|
897
|
+
--heading-h2-style: 600;
|
|
1060
898
|
/* Mobile/Heading/H3 - Headline */
|
|
1061
899
|
--heading-h3: 600 24px/32px var(--typeface);
|
|
1062
900
|
/* Mobile/Heading/H3 - Headline line height */
|
|
@@ -1064,7 +902,7 @@ body {
|
|
|
1064
902
|
/* Mobile/Heading/H3 - Headline size */
|
|
1065
903
|
--heading-h3-size: 24px;
|
|
1066
904
|
/* Mobile/Heading/H3 - Headline style */
|
|
1067
|
-
--heading-h3-style:
|
|
905
|
+
--heading-h3-style: 600;
|
|
1068
906
|
/* Mobile/Heading/H4 - Headline */
|
|
1069
907
|
--heading-h4: 600 20px/28px var(--typeface);
|
|
1070
908
|
/* Mobile/Heading/H4 - Headline line height */
|
|
@@ -1072,22 +910,22 @@ body {
|
|
|
1072
910
|
/* Mobile/Heading/H4 - Headline size */
|
|
1073
911
|
--heading-h4-size: 20px;
|
|
1074
912
|
/* Mobile/Heading/H4 - Headline style */
|
|
1075
|
-
--heading-h4-style:
|
|
913
|
+
--heading-h4-style: 600;
|
|
1076
914
|
/* Mobile/Heading/H5 */
|
|
1077
915
|
--heading-h5: 600 18px/24px var(--typeface);
|
|
1078
|
-
/* Mobile/Heading/H5 -
|
|
916
|
+
/* Mobile/Heading/H5 - line height */
|
|
1079
917
|
--heading-h5-line-height: 24px;
|
|
1080
|
-
/* Mobile/Heading/H5 -
|
|
918
|
+
/* Mobile/Heading/H5 - size */
|
|
1081
919
|
--heading-h5-size: 18px;
|
|
1082
|
-
/* Mobile/Heading/H5 -
|
|
1083
|
-
--heading-h5-style:
|
|
920
|
+
/* Mobile/Heading/H5 - style */
|
|
921
|
+
--heading-h5-style: 600;
|
|
1084
922
|
/* Mobile/Heading/H6 */
|
|
1085
923
|
--heading-h6: 500 16px/20px var(--typeface);
|
|
1086
|
-
/* Mobile/Heading/H6 -
|
|
924
|
+
/* Mobile/Heading/H6 - line height */
|
|
1087
925
|
--heading-h6-line-height: 20px;
|
|
1088
|
-
/* Mobile/Heading/H6 -
|
|
926
|
+
/* Mobile/Heading/H6 - size */
|
|
1089
927
|
--heading-h6-size: 16px;
|
|
1090
|
-
/* Mobile/Heading/H6 -
|
|
928
|
+
/* Mobile/Heading/H6 - style */
|
|
1091
929
|
--heading-h6-style: medium;
|
|
1092
930
|
/* Mobile/Subheader/Large - Headline */
|
|
1093
931
|
--subheader-large: 400 20px/28px var(--typeface);
|
|
@@ -1129,753 +967,826 @@ body {
|
|
|
1129
967
|
--subheader-xxx-large-size: 32px;
|
|
1130
968
|
/* Mobile/Subheader/XXX-Large - Large Headline style */
|
|
1131
969
|
--subheader-xxx-large-style: regular;
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. */
|
|
1135
|
-
--display-regular-large: 400 64px/88px var(--typeface);
|
|
1136
|
-
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. line height */
|
|
1137
|
-
--display-regular-large-line-height: 88px;
|
|
1138
|
-
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. size */
|
|
1139
|
-
--display-regular-large-size: 64px;
|
|
1140
|
-
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. style */
|
|
1141
|
-
--display-regular-large-style: regular;
|
|
1142
|
-
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. */
|
|
1143
|
-
--display-regular-medium: 400 56px/72px var(--typeface);
|
|
1144
|
-
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. line height */
|
|
1145
|
-
--display-regular-medium-line-height: 72px;
|
|
1146
|
-
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. size */
|
|
1147
|
-
--display-regular-medium-size: 56px;
|
|
1148
|
-
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. style */
|
|
1149
|
-
--display-regular-medium-style: regular;
|
|
1150
|
-
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. */
|
|
1151
|
-
--display-regular-small: 400 48px/60px var(--typeface);
|
|
1152
|
-
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. line height */
|
|
1153
|
-
--display-regular-small-line-height: 60px;
|
|
1154
|
-
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. size */
|
|
1155
|
-
--display-regular-small-size: 48px;
|
|
1156
|
-
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. style */
|
|
1157
|
-
--display-regular-small-style: regular;
|
|
1158
|
-
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. */
|
|
1159
|
-
--display-semibold-large: 600 64px/88px var(--typeface);
|
|
1160
|
-
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. line height */
|
|
1161
|
-
--display-semibold-large-line-height: 88px;
|
|
1162
|
-
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. size */
|
|
1163
|
-
--display-semibold-large-size: 64px;
|
|
1164
|
-
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. style */
|
|
1165
|
-
--display-semibold-large-style: semibold;
|
|
1166
|
-
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. */
|
|
1167
|
-
--display-semibold-medium: 600 56px/72px var(--typeface);
|
|
1168
|
-
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. line height */
|
|
1169
|
-
--display-semibold-medium-line-height: 72px;
|
|
1170
|
-
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. size */
|
|
1171
|
-
--display-semibold-medium-size: 56px;
|
|
1172
|
-
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. style */
|
|
1173
|
-
--display-semibold-medium-style: semibold;
|
|
1174
|
-
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. */
|
|
1175
|
-
--display-semibold-small: 600 48px/60px var(--typeface);
|
|
1176
|
-
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. line height */
|
|
1177
|
-
--display-semibold-small-line-height: 60px;
|
|
1178
|
-
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. size */
|
|
1179
|
-
--display-semibold-small-size: 48px;
|
|
1180
|
-
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. style */
|
|
1181
|
-
--display-semibold-small-style: semibold;
|
|
1182
|
-
/* Desktop/Heading/H1 */
|
|
1183
|
-
--heading-h1: 600 40px/48px var(--typeface);
|
|
1184
|
-
/* Desktop/Heading/H1 - line height */
|
|
1185
|
-
--heading-h1-line-height: 48px;
|
|
1186
|
-
/* Desktop/Heading/H1 - size */
|
|
1187
|
-
--heading-h1-size: 40px;
|
|
1188
|
-
/* Desktop/Heading/H1 - style */
|
|
1189
|
-
--heading-h1-style: semibold;
|
|
1190
|
-
/* Desktop/Heading/H2 */
|
|
1191
|
-
--heading-h2: 600 32px/40px var(--typeface);
|
|
1192
|
-
/* Desktop/Heading/H2 - line height */
|
|
1193
|
-
--heading-h2-line-height: 40px;
|
|
1194
|
-
/* Desktop/Heading/H2 - size */
|
|
1195
|
-
--heading-h2-size: 32px;
|
|
1196
|
-
/* Desktop/Heading/H2 - style */
|
|
1197
|
-
--heading-h2-style: semibold;
|
|
1198
|
-
/* Desktop/Heading/H3 */
|
|
1199
|
-
--heading-h3: 600 28px/36px var(--typeface);
|
|
1200
|
-
/* Desktop/Heading/H3 - line height */
|
|
1201
|
-
--heading-h3-line-height: 36px;
|
|
1202
|
-
/* Desktop/Heading/H3 - size */
|
|
1203
|
-
--heading-h3-size: 28px;
|
|
1204
|
-
/* Desktop/Heading/H3 - style */
|
|
1205
|
-
--heading-h3-style: semibold;
|
|
1206
|
-
/* Desktop/Heading/H4 */
|
|
1207
|
-
--heading-h4: 600 24px/32px var(--typeface);
|
|
1208
|
-
/* Desktop/Heading/H4 - line height */
|
|
1209
|
-
--heading-h4-line-height: 32px;
|
|
1210
|
-
/* Desktop/Heading/H4 - size */
|
|
1211
|
-
--heading-h4-size: 24px;
|
|
1212
|
-
/* Desktop/Heading/H4 - style */
|
|
1213
|
-
--heading-h4-style: semibold;
|
|
1214
|
-
/* Desktop/Heading/H5 */
|
|
1215
|
-
--heading-h5: 600 20px/28px var(--typeface);
|
|
1216
|
-
/* Desktop/Heading/H5 - line height */
|
|
1217
|
-
--heading-h5-line-height: 28px;
|
|
1218
|
-
/* Desktop/Heading/H5 - size */
|
|
1219
|
-
--heading-h5-size: 20px;
|
|
1220
|
-
/* Desktop/Heading/H5 - style */
|
|
1221
|
-
--heading-h5-style: semibold;
|
|
1222
|
-
/* Desktop/Heading/H6 */
|
|
1223
|
-
--heading-h6: 500 18px/24px var(--typeface);
|
|
1224
|
-
/* Desktop/Heading/H6 - line height */
|
|
1225
|
-
--heading-h6-line-height: 24px;
|
|
1226
|
-
/* Desktop/Heading/H6 - size */
|
|
1227
|
-
--heading-h6-size: 18px;
|
|
1228
|
-
/* Desktop/Heading/H6 - style */
|
|
1229
|
-
--heading-h6-style: medium;
|
|
1230
|
-
/* Desktop/Subheader/Large - Headline */
|
|
1231
|
-
--subheader-large: 400 24px/32px var(--typeface);
|
|
1232
|
-
/* Desktop/Subheader/Large - Headline line height */
|
|
1233
|
-
--subheader-large-line-height: 32px;
|
|
1234
|
-
/* Desktop/Subheader/Large - Headline size */
|
|
1235
|
-
--subheader-large-size: 24px;
|
|
1236
|
-
/* Desktop/Subheader/Large - Headline style */
|
|
1237
|
-
--subheader-large-style: regular;
|
|
1238
|
-
/* Desktop/Subheader/Medium */
|
|
1239
|
-
--subheader-medium: 400 20px/28px var(--typeface);
|
|
1240
|
-
/* Desktop/Subheader/Medium - line height */
|
|
1241
|
-
--subheader-medium-line-height: 28px;
|
|
1242
|
-
/* Desktop/Subheader/Medium - size */
|
|
1243
|
-
--subheader-medium-size: 20px;
|
|
1244
|
-
/* Desktop/Subheader/Medium - style */
|
|
1245
|
-
--subheader-medium-style: regular;
|
|
1246
|
-
/* Desktop/Subheader/X-Large - Headline */
|
|
1247
|
-
--subheader-x-large: 400 28px/36px var(--typeface);
|
|
1248
|
-
/* Desktop/Subheader/X-Large - Headline line height */
|
|
1249
|
-
--subheader-x-large-line-height: 36px;
|
|
1250
|
-
/* Desktop/Subheader/X-Large - Headline size */
|
|
1251
|
-
--subheader-x-large-size: 28px;
|
|
1252
|
-
/* Desktop/Subheader/X-Large - Headline style */
|
|
1253
|
-
--subheader-x-large-style: regular;
|
|
1254
|
-
/* Desktop/Subheader/XX-Large - Headline */
|
|
1255
|
-
--subheader-xx-large: 400 32px/40px var(--typeface);
|
|
1256
|
-
/* Desktop/Subheader/XX-Large - Headline line height */
|
|
1257
|
-
--subheader-xx-large-line-height: 40px;
|
|
1258
|
-
/* Desktop/Subheader/XX-Large - Headline size */
|
|
1259
|
-
--subheader-xx-large-size: 32px;
|
|
1260
|
-
/* Desktop/Subheader/XX-Large - Headline style */
|
|
1261
|
-
--subheader-xx-large-style: regular;
|
|
1262
|
-
/* Desktop/Subheader/XXX-Large - Large Headline */
|
|
1263
|
-
--subheader-xxx-large: 400 40px/48px var(--typeface);
|
|
1264
|
-
/* Desktop/Subheader/XXX-Large - Large Headline line height */
|
|
1265
|
-
--subheader-xxx-large-line-height: 48px;
|
|
1266
|
-
/* Desktop/Subheader/XXX-Large - Large Headline size */
|
|
1267
|
-
--subheader-xxx-large-size: 40px;
|
|
1268
|
-
/* Desktop/Subheader/XXX-Large - Large Headline style */
|
|
1269
|
-
--subheader-xxx-large-style: regular;
|
|
1270
|
-
}
|
|
1271
|
-
|
|
1272
|
-
/** Light theme (default) **/
|
|
1273
|
-
/* Background/base - Theme - Sotheby's */
|
|
970
|
+
/* light theme (default) */
|
|
971
|
+
/* Background/base - Theme - BRAND */
|
|
1274
972
|
--background-base: #ffffff;
|
|
1275
|
-
/* Background/scrim - Theme -
|
|
973
|
+
/* Background/scrim - Theme - BRAND */
|
|
1276
974
|
--background-scrim: #00000040;
|
|
1277
|
-
/* Background/shade - Theme -
|
|
975
|
+
/* Background/shade - Theme - BRAND */
|
|
1278
976
|
--background-shade: #f5f5f5;
|
|
1279
|
-
/* Data visual/category-01 -
|
|
977
|
+
/* Data visual/category-01 - Brand */
|
|
1280
978
|
--data-visual-category-01: #130033;
|
|
1281
|
-
/* Data visual/category-01-highlight -
|
|
979
|
+
/* Data visual/category-01-highlight - Brand */
|
|
1282
980
|
--data-visual-category-01-highlight: #1300334d;
|
|
1283
|
-
/* Data visual/category-02 -
|
|
981
|
+
/* Data visual/category-02 - Brand */
|
|
1284
982
|
--data-visual-category-02: #299de0;
|
|
1285
|
-
/* Data visual/category-02-highlight -
|
|
983
|
+
/* Data visual/category-02-highlight - Brand */
|
|
1286
984
|
--data-visual-category-02-highlight: #299de04d;
|
|
1287
|
-
/* Data visual/category-03 -
|
|
985
|
+
/* Data visual/category-03 - Brand */
|
|
1288
986
|
--data-visual-category-03: #0a466c;
|
|
1289
|
-
/* Data visual/category-03-highlight -
|
|
987
|
+
/* Data visual/category-03-highlight - Brand */
|
|
1290
988
|
--data-visual-category-03-highlight: #0a466c4d;
|
|
1291
|
-
/* Data visual/category-04 -
|
|
989
|
+
/* Data visual/category-04 - Brand */
|
|
1292
990
|
--data-visual-category-04: #389e7a;
|
|
1293
|
-
/* Data visual/category-04-highlight -
|
|
991
|
+
/* Data visual/category-04-highlight - Brand */
|
|
1294
992
|
--data-visual-category-04-highlight: #389e7a4d;
|
|
1295
|
-
/* Data visual/category-05 -
|
|
993
|
+
/* Data visual/category-05 - Brand */
|
|
1296
994
|
--data-visual-category-05: #094a53;
|
|
1297
|
-
/* Data visual/category-05-highlight -
|
|
995
|
+
/* Data visual/category-05-highlight - Brand */
|
|
1298
996
|
--data-visual-category-05-highlight: #094a534d;
|
|
1299
|
-
/* Data visual/category-06 -
|
|
997
|
+
/* Data visual/category-06 - Brand */
|
|
1300
998
|
--data-visual-category-06: #7f7f7f;
|
|
1301
|
-
/* Data visual/category-06-highlight -
|
|
999
|
+
/* Data visual/category-06-highlight - Brand */
|
|
1302
1000
|
--data-visual-category-06-highlight: #7f7f7f4d;
|
|
1303
|
-
/* Data visual/category-07 -
|
|
1001
|
+
/* Data visual/category-07 - Brand */
|
|
1304
1002
|
--data-visual-category-07: #433479;
|
|
1305
|
-
/* Data visual/category-07-highlight -
|
|
1003
|
+
/* Data visual/category-07-highlight - Brand */
|
|
1306
1004
|
--data-visual-category-07-highlight: #4334794d;
|
|
1307
|
-
/* Data visual/category-1 - Theme -
|
|
1005
|
+
/* Data visual/category-1 - Theme - BRAND */
|
|
1308
1006
|
--data-visual-category-1: #0a466c;
|
|
1309
|
-
/* Data visual/category-1-highlight - Theme -
|
|
1007
|
+
/* Data visual/category-1-highlight - Theme - BRAND */
|
|
1310
1008
|
--data-visual-category-1-highlight: #0a466c4d;
|
|
1311
|
-
/* Data visual/category-2 - Theme -
|
|
1009
|
+
/* Data visual/category-2 - Theme - BRAND */
|
|
1312
1010
|
--data-visual-category-2: #299de0;
|
|
1313
|
-
/* Data visual/category-2-highlight - Theme -
|
|
1011
|
+
/* Data visual/category-2-highlight - Theme - BRAND */
|
|
1314
1012
|
--data-visual-category-2-highlight: #299de04d;
|
|
1315
|
-
/* Data visual/category-3 - Theme -
|
|
1013
|
+
/* Data visual/category-3 - Theme - BRAND */
|
|
1316
1014
|
--data-visual-category-3: #130033;
|
|
1317
|
-
/* Data visual/category-3-highlight - Theme -
|
|
1015
|
+
/* Data visual/category-3-highlight - Theme - BRAND */
|
|
1318
1016
|
--data-visual-category-3-highlight: #1300334d;
|
|
1319
|
-
/* Data visual/category-4 - Theme -
|
|
1017
|
+
/* Data visual/category-4 - Theme - BRAND */
|
|
1320
1018
|
--data-visual-category-4: #389e7a;
|
|
1321
|
-
/* Data visual/category-4-highlight - Theme -
|
|
1019
|
+
/* Data visual/category-4-highlight - Theme - BRAND */
|
|
1322
1020
|
--data-visual-category-4-highlight: #389e7a4d;
|
|
1323
|
-
/* Data visual/category-5 - Theme -
|
|
1021
|
+
/* Data visual/category-5 - Theme - BRAND */
|
|
1324
1022
|
--data-visual-category-5: #094a53;
|
|
1325
|
-
/* Data visual/category-5-highlight - Theme -
|
|
1023
|
+
/* Data visual/category-5-highlight - Theme - BRAND */
|
|
1326
1024
|
--data-visual-category-5-highlight: #094a534d;
|
|
1327
|
-
/* Data visual/category-6 - Theme -
|
|
1025
|
+
/* Data visual/category-6 - Theme - BRAND */
|
|
1328
1026
|
--data-visual-category-6: #7f7f7f;
|
|
1329
|
-
/* Data visual/category-6-highlight - Theme -
|
|
1027
|
+
/* Data visual/category-6-highlight - Theme - BRAND */
|
|
1330
1028
|
--data-visual-category-6-highlight: #7f7f7f4d;
|
|
1331
|
-
/* Data visual/category-7 - Theme -
|
|
1029
|
+
/* Data visual/category-7 - Theme - BRAND */
|
|
1332
1030
|
--data-visual-category-7: #433479;
|
|
1333
|
-
/* Data visual/category-7-highlight - Theme -
|
|
1031
|
+
/* Data visual/category-7-highlight - Theme - BRAND */
|
|
1334
1032
|
--data-visual-category-7-highlight: #4334794d;
|
|
1335
|
-
/* Data visual/gradient-end - Theme -
|
|
1033
|
+
/* Data visual/gradient-end - Theme - BRAND */
|
|
1336
1034
|
--data-visual-gradient-end: #ffffff4d;
|
|
1337
|
-
/* Data visual/green - Theme -
|
|
1035
|
+
/* Data visual/green - Theme - BRAND */
|
|
1338
1036
|
--data-visual-green: #258750;
|
|
1339
|
-
/* Data visual/green-highlight - Theme -
|
|
1037
|
+
/* Data visual/green-highlight - Theme - BRAND */
|
|
1340
1038
|
--data-visual-green-highlight: #deede5;
|
|
1341
|
-
/* Data visual/negative -
|
|
1039
|
+
/* Data visual/negative - Brand */
|
|
1342
1040
|
--data-visual-negative: #d83a52;
|
|
1343
|
-
/* Data visual/negative-highlight -
|
|
1041
|
+
/* Data visual/negative-highlight - Brand */
|
|
1344
1042
|
--data-visual-negative-highlight: #f9e1e5;
|
|
1345
|
-
/* Data visual/positive -
|
|
1043
|
+
/* Data visual/positive - Brand */
|
|
1346
1044
|
--data-visual-positive: #258750;
|
|
1347
|
-
/* Data visual/positive-highlight -
|
|
1045
|
+
/* Data visual/positive-highlight - Brand */
|
|
1348
1046
|
--data-visual-positive-highlight: #deede5;
|
|
1349
|
-
/* Data visual/red - Theme -
|
|
1047
|
+
/* Data visual/red - Theme - BRAND */
|
|
1350
1048
|
--data-visual-red: #d83a52;
|
|
1351
|
-
/* Data visual/red-highlight - Theme -
|
|
1049
|
+
/* Data visual/red-highlight - Theme - BRAND */
|
|
1352
1050
|
--data-visual-red-highlight: #f9e1e5;
|
|
1353
|
-
/* Foreground/Brand/on-inverse-primary - Theme -
|
|
1051
|
+
/* Foreground/Brand/on-inverse-primary - Theme - BRAND */
|
|
1354
1052
|
--foreground-brand-on-inverse-primary: #667b92;
|
|
1355
|
-
/* Foreground/Brand/on-inverse-secondary - Theme -
|
|
1053
|
+
/* Foreground/Brand/on-inverse-secondary - Theme - BRAND */
|
|
1356
1054
|
--foreground-brand-on-inverse-secondary: #dac38c;
|
|
1357
|
-
/* Foreground/Brand/on-brand-
|
|
1055
|
+
/* Foreground/Brand/on-brand-primary - Theme - BRAND */
|
|
1056
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1057
|
+
--foreground-brand-on-primary: #ffffff;
|
|
1058
|
+
/* Foreground/Brand/on-brand-secondary - Theme - BRAND */
|
|
1059
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1358
1060
|
--foreground-brand-on-secondary: #141414;
|
|
1359
|
-
/* Foreground/Brand/brand-primary - Theme -
|
|
1061
|
+
/* Foreground/Brand/brand-primary - Theme - BRAND */
|
|
1062
|
+
/* Foreground text and icons that match the brand's primary color */
|
|
1360
1063
|
--foreground-brand-primary: #002349;
|
|
1361
|
-
/* Foreground/Brand/brand-primary-depth - Theme -
|
|
1064
|
+
/* Foreground/Brand/brand-primary-depth - Theme - BRAND */
|
|
1362
1065
|
--foreground-brand-primary-depth: #001e3e;
|
|
1363
|
-
/* Foreground/Brand/brand-secondary - Theme -
|
|
1066
|
+
/* Foreground/Brand/brand-secondary - Theme - BRAND */
|
|
1067
|
+
/* Foreground text and icons that match the brand's secondary color */
|
|
1364
1068
|
--foreground-brand-secondary: #c29b40;
|
|
1365
|
-
/* Foreground/Brand/brand-secondary-depth - Theme -
|
|
1069
|
+
/* Foreground/Brand/brand-secondary-depth - Theme - BRAND */
|
|
1366
1070
|
--foreground-brand-secondary-depth: #a58436;
|
|
1367
|
-
/* Foreground/Link text/default - Theme -
|
|
1071
|
+
/* Foreground/Link text/default - Theme - BRAND */
|
|
1368
1072
|
--foreground-link-text-default: #215ecd;
|
|
1369
|
-
/* Foreground/Link text/default-disabled - Theme -
|
|
1073
|
+
/* Foreground/Link text/default-disabled - Theme - BRAND */
|
|
1370
1074
|
--foreground-link-text-default-disabled: #7a9ee1;
|
|
1371
|
-
/* Foreground/Link text/default-hovered - Theme -
|
|
1075
|
+
/* Foreground/Link text/default-hovered - Theme - BRAND */
|
|
1372
1076
|
--foreground-link-text-default-hovered: #1e55b9;
|
|
1373
|
-
/* Foreground/Link text/default-pressed - Theme -
|
|
1077
|
+
/* Foreground/Link text/default-pressed - Theme - BRAND */
|
|
1374
1078
|
--foreground-link-text-default-pressed: #1a4ba4;
|
|
1375
|
-
/* Foreground/Link text/default-visited - Theme -
|
|
1079
|
+
/* Foreground/Link text/default-visited - Theme - BRAND */
|
|
1376
1080
|
--foreground-link-text-default-visited: #7a3e7a;
|
|
1377
|
-
/* Foreground/Link text/subtle-disabled -
|
|
1081
|
+
/* Foreground/Link text/subtle-disabled - Brand */
|
|
1378
1082
|
--foreground-link-text-subtle-disabled: #bdbdbd;
|
|
1379
|
-
/* Foreground/Link text/subtle-hovered - Theme -
|
|
1083
|
+
/* Foreground/Link text/subtle-hovered - Theme - BRAND */
|
|
1380
1084
|
--foreground-link-text-subtle-hovered: #292929;
|
|
1381
|
-
/* Foreground/Link text/subtle-
|
|
1085
|
+
/* Foreground/Link text/subtle-inverse-hovered - Theme - BRAND */
|
|
1086
|
+
--foreground-link-text-subtle-inverse-hovered: #e6e6e6;
|
|
1087
|
+
/* Foreground/Link text/subtle-inverse-pressed - Theme - BRAND */
|
|
1088
|
+
--foreground-link-text-subtle-inverse-pressed: #d1d1d1;
|
|
1089
|
+
/* Foreground/Link text/subtle-inversed-disabled - Brand */
|
|
1382
1090
|
--foreground-link-text-subtle-inversed-disabled: #6b6b6b;
|
|
1383
|
-
/* Foreground/Link text/subtle-pressed - Theme -
|
|
1384
|
-
--foreground-link-text-subtle-pressed: #
|
|
1385
|
-
/* Foreground/Neutral/disabled-on-color-surface - Theme -
|
|
1091
|
+
/* Foreground/Link text/subtle-pressed - Theme - BRAND */
|
|
1092
|
+
--foreground-link-text-subtle-pressed: #3d3d3d;
|
|
1093
|
+
/* Foreground/Neutral/disabled-on-color-surface - Theme - BRAND */
|
|
1386
1094
|
--foreground-neutral-disabled-on-color-surface: #6b6b6b;
|
|
1387
|
-
/* Foreground/Neutral/disabled-on-surface - Theme -
|
|
1095
|
+
/* Foreground/Neutral/disabled-on-surface - Theme - BRAND */
|
|
1388
1096
|
--foreground-neutral-disabled-on-surface: #bdbdbd;
|
|
1389
|
-
/* Foreground/Neutral/on-surface - Theme -
|
|
1097
|
+
/* Foreground/Neutral/inverse-on-surface - Theme - BRAND */
|
|
1098
|
+
--foreground-neutral-inverse-on-surface: #fafafa;
|
|
1099
|
+
/* Foreground/Neutral/on-color - Theme - BRAND */
|
|
1100
|
+
/* Interactive controls */
|
|
1101
|
+
--foreground-neutral-on-color: #ffffff;
|
|
1102
|
+
/* Foreground/Neutral/on-inverse-surface - Brand */
|
|
1103
|
+
/* Text and icons against inverse surface */
|
|
1104
|
+
--foreground-neutral-on-inverse-surface: #fafafa;
|
|
1105
|
+
/* Foreground/Neutral/on-surface - Theme - BRAND */
|
|
1106
|
+
/* Default foreground text and icons against any surface color */
|
|
1390
1107
|
--foreground-neutral-on-surface: #141414;
|
|
1391
|
-
/* Foreground/Neutral/on-surface-variant-01 - Theme -
|
|
1392
|
-
|
|
1393
|
-
|
|
1108
|
+
/* Foreground/Neutral/on-surface-variant-01 - Theme - BRAND */
|
|
1109
|
+
/* Secondary foreground color for icons and text */
|
|
1110
|
+
--foreground-neutral-on-surface-variant-01: #707070;
|
|
1111
|
+
/* Foreground/Neutral/on-surface-variant-02 - Theme - BRAND */
|
|
1112
|
+
/* Tertiary foreground color for icons and text */
|
|
1394
1113
|
--foreground-neutral-on-surface-variant-02: #757575;
|
|
1395
|
-
/* Foreground/Neutral/on-surface-variant-03 - Theme -
|
|
1114
|
+
/* Foreground/Neutral/on-surface-variant-03 - Theme - BRAND */
|
|
1115
|
+
/* Quaternary foreground color for icons and text. Only for placeholder text */
|
|
1396
1116
|
--foreground-neutral-on-surface-variant-03: #8a8a8a;
|
|
1397
|
-
/* Foreground/Neutral/skeleton-element - Theme -
|
|
1398
|
-
--foreground-neutral-skeleton-element: #
|
|
1399
|
-
/* Foreground/Spectrum/blue - Theme -
|
|
1117
|
+
/* Foreground/Neutral/skeleton-element - Theme - BRAND */
|
|
1118
|
+
--foreground-neutral-skeleton-element: #e0e0e0;
|
|
1119
|
+
/* Foreground/Spectrum/blue - Theme - BRAND */
|
|
1400
1120
|
--foreground-spectrum-blue: #143778;
|
|
1401
|
-
/* Foreground/Spectrum/green - Theme -
|
|
1121
|
+
/* Foreground/Spectrum/green - Theme - BRAND */
|
|
1402
1122
|
--foreground-spectrum-green: #134428;
|
|
1403
|
-
/* Foreground/Spectrum/lime - Theme -
|
|
1123
|
+
/* Foreground/Spectrum/lime - Theme - BRAND */
|
|
1404
1124
|
--foreground-spectrum-lime: #60651a;
|
|
1405
|
-
/* Foreground/Spectrum/magenta - Theme -
|
|
1125
|
+
/* Foreground/Spectrum/magenta - Theme - BRAND */
|
|
1406
1126
|
--foreground-spectrum-magenta: #63076f;
|
|
1407
|
-
/* Foreground/Spectrum/orange - Theme -
|
|
1127
|
+
/* Foreground/Spectrum/orange - Theme - BRAND */
|
|
1408
1128
|
--foreground-spectrum-orange: #773001;
|
|
1409
|
-
/* Foreground/Spectrum/pink - Theme -
|
|
1129
|
+
/* Foreground/Spectrum/pink - Theme - BRAND */
|
|
1410
1130
|
--foreground-spectrum-pink: #6c1240;
|
|
1411
|
-
/* Foreground/Spectrum/purple - Theme -
|
|
1131
|
+
/* Foreground/Spectrum/purple - Theme - BRAND */
|
|
1412
1132
|
--foreground-spectrum-purple: #310077;
|
|
1413
|
-
/* Foreground/Spectrum/red - Theme -
|
|
1133
|
+
/* Foreground/Spectrum/red - Theme - BRAND */
|
|
1414
1134
|
--foreground-spectrum-red: #6c1d29;
|
|
1415
|
-
/* Foreground/Spectrum/teal - Theme -
|
|
1135
|
+
/* Foreground/Spectrum/teal - Theme - BRAND */
|
|
1416
1136
|
--foreground-spectrum-teal: #01413c;
|
|
1417
|
-
/* Foreground/Spectrum/yellow - Theme -
|
|
1137
|
+
/* Foreground/Spectrum/yellow - Theme - BRAND */
|
|
1418
1138
|
--foreground-spectrum-yellow: #7b5e18;
|
|
1419
|
-
/*
|
|
1420
|
-
--interaction-brand-disabled-opacity: #0000000f;
|
|
1421
|
-
/* Interaction/brand-hover-opacity - Theme - 3.0 */
|
|
1422
|
-
--interaction-brand-hover-opacity: #0000001a;
|
|
1423
|
-
/* Interaction/brand-press-opacity - Theme - 3.0 */
|
|
1424
|
-
--interaction-brand-press-opacity: #00000033;
|
|
1425
|
-
/* Interaction/hover-opacity - Theme - 3.0 */
|
|
1426
|
-
--interaction-hover-opacity: #00000014;
|
|
1427
|
-
/* Interaction/link-active-opacity - Theme - 3.0 */
|
|
1428
|
-
--interaction-link-active-opacity: #0000004d;
|
|
1429
|
-
/* Interaction/press-opacity - Theme - 3.0 */
|
|
1430
|
-
--interaction-press-opacity: #00000029;
|
|
1431
|
-
/* Interactions/brand-disabled-opacity - Theme - Sotheby's */
|
|
1139
|
+
/* Interactions/brand-disabled-opacity - Theme - BRAND */
|
|
1432
1140
|
--interactions-brand-disabled-opacity: #0000000f;
|
|
1433
|
-
/* Interactions/brand-hover-opacity - Theme -
|
|
1141
|
+
/* Interactions/brand-hover-opacity - Theme - BRAND */
|
|
1434
1142
|
--interactions-brand-hover-opacity: #0000001a;
|
|
1435
|
-
/* Interactions/brand-press-opacity - Theme -
|
|
1143
|
+
/* Interactions/brand-press-opacity - Theme - BRAND */
|
|
1436
1144
|
--interactions-brand-press-opacity: #00000033;
|
|
1437
|
-
/* Interactions/disabled-opacity - Theme -
|
|
1145
|
+
/* Interactions/disabled-opacity - Theme - BRAND */
|
|
1438
1146
|
--interactions-disabled-opacity: #0000000f;
|
|
1439
|
-
/* Interactions/hover-opacity - Theme -
|
|
1147
|
+
/* Interactions/hover-opacity - Theme - BRAND */
|
|
1440
1148
|
--interactions-hover-opacity: #00000014;
|
|
1441
|
-
/* Interactions/link-active-opacity - Theme -
|
|
1149
|
+
/* Interactions/link-active-opacity - Theme - BRAND */
|
|
1442
1150
|
--interactions-link-active-opacity: #0000004d;
|
|
1443
|
-
/* Interactions/neutral-hover-opacity -
|
|
1151
|
+
/* Interactions/neutral-hover-opacity - Brand */
|
|
1152
|
+
/* surfaces using neutral tones */
|
|
1444
1153
|
--interactions-neutral-hover-opacity: #00000014;
|
|
1445
|
-
/* Interactions/neutral-press-opacity -
|
|
1154
|
+
/* Interactions/neutral-press-opacity - Brand */
|
|
1155
|
+
/* surfaces using neutral tones */
|
|
1446
1156
|
--interactions-neutral-press-opacity: #00000029;
|
|
1447
|
-
/* Interactions/press-opacity - Theme -
|
|
1157
|
+
/* Interactions/press-opacity - Theme - BRAND */
|
|
1448
1158
|
--interactions-press-opacity: #00000029;
|
|
1449
|
-
/* Interactions/primary-disabled-opacity - Theme -
|
|
1159
|
+
/* Interactions/primary-disabled-opacity - Theme - BRAND */
|
|
1450
1160
|
--interactions-primary-disabled-opacity: #0023491f;
|
|
1451
|
-
/* Interactions/primary-hover-opacity - Theme -
|
|
1161
|
+
/* Interactions/primary-hover-opacity - Theme - BRAND */
|
|
1452
1162
|
--interactions-primary-hover-opacity: #0023491a;
|
|
1453
|
-
/* Interactions/primary-press-opacity - Theme -
|
|
1163
|
+
/* Interactions/primary-press-opacity - Theme - BRAND */
|
|
1454
1164
|
--interactions-primary-press-opacity: #00234933;
|
|
1455
|
-
/* Shadow/shadow-10 - Theme -
|
|
1165
|
+
/* Shadow/shadow-10 - Theme - BRAND */
|
|
1456
1166
|
--shadow-10: #0000001a;
|
|
1457
|
-
/* Shadow/shadow-12 - Theme -
|
|
1167
|
+
/* Shadow/shadow-12 - Theme - BRAND */
|
|
1458
1168
|
--shadow-12: #0000001f;
|
|
1459
|
-
/* Shadow/shadow-15 - Theme -
|
|
1169
|
+
/* Shadow/shadow-15 - Theme - BRAND */
|
|
1460
1170
|
--shadow-15: #00000026;
|
|
1461
|
-
/* Shadow/shadow-25 - Theme -
|
|
1171
|
+
/* Shadow/shadow-25 - Theme - BRAND */
|
|
1462
1172
|
--shadow-25: #00000040;
|
|
1463
|
-
/* Shadow/shadow-32 - Theme -
|
|
1173
|
+
/* Shadow/shadow-32 - Theme - BRAND */
|
|
1464
1174
|
--shadow-32: #00000052;
|
|
1465
|
-
/* Shadow/inner-shadow -
|
|
1175
|
+
/* Shadow/inner-shadow - Brand */
|
|
1466
1176
|
--shadow-inner: #ffffff;
|
|
1467
|
-
/* Shadow/inner-shadow-100 - Theme -
|
|
1177
|
+
/* Shadow/inner-shadow-100 - Theme - BRAND */
|
|
1468
1178
|
--shadow-inner-100: #ffffff;
|
|
1469
|
-
/* Shadow/variant-01 -
|
|
1179
|
+
/* Shadow/variant-01 - Brand */
|
|
1470
1180
|
--shadow-variant-01: #0000001a;
|
|
1471
|
-
/* Shadow/variant-02 -
|
|
1181
|
+
/* Shadow/variant-02 - Brand */
|
|
1472
1182
|
--shadow-variant-02: #0000001f;
|
|
1473
|
-
/* Shadow/variant-03 -
|
|
1183
|
+
/* Shadow/variant-03 - Brand */
|
|
1474
1184
|
--shadow-variant-03: #00000026;
|
|
1475
|
-
/* Shadow/variant-04 -
|
|
1185
|
+
/* Shadow/variant-04 - Brand */
|
|
1476
1186
|
--shadow-variant-04: #00000040;
|
|
1477
|
-
/* Shadow/variant-05 -
|
|
1187
|
+
/* Shadow/variant-05 - Brand */
|
|
1478
1188
|
--shadow-variant-05: #00000052;
|
|
1479
|
-
/* Status/error - Theme -
|
|
1189
|
+
/* Status/error - Theme - BRAND */
|
|
1190
|
+
/* Foreground error text and icons */
|
|
1480
1191
|
--status-error: #d83a52;
|
|
1481
|
-
/* Status/information - Theme -
|
|
1192
|
+
/* Status/information - Theme - BRAND */
|
|
1482
1193
|
--status-information: #276ef1;
|
|
1483
|
-
/* Status/informational -
|
|
1194
|
+
/* Status/informational - Brand */
|
|
1195
|
+
/* Foreground informational text and icons */
|
|
1484
1196
|
--status-informational: #276ef1;
|
|
1485
|
-
/* Status/
|
|
1197
|
+
/* Status/on-error - Theme - BRAND */
|
|
1198
|
+
/* Foreground error text and icons */
|
|
1199
|
+
--status-on-error: #ffffff;
|
|
1200
|
+
/* Status/on-information - Theme - BRAND */
|
|
1201
|
+
--status-on-information: #ffffff;
|
|
1202
|
+
/* Status/on-informational - Brand */
|
|
1203
|
+
/* Foreground informational text and icons */
|
|
1204
|
+
--status-on-informational: #ffffff;
|
|
1205
|
+
/* Status/on-success - Theme - BRAND */
|
|
1206
|
+
/* Foreground success icons and text */
|
|
1207
|
+
--status-on-success: #ffffff;
|
|
1208
|
+
/* Status/on-warning - Theme - BRAND */
|
|
1209
|
+
/* Foreground warning icons */
|
|
1210
|
+
--status-on-warning: #141414;
|
|
1211
|
+
/* Status/success - Theme - BRAND */
|
|
1212
|
+
/* Foreground success icons and text */
|
|
1486
1213
|
--status-success: #258750;
|
|
1487
|
-
/* Status/warning - Theme -
|
|
1214
|
+
/* Status/warning - Theme - BRAND */
|
|
1215
|
+
/* Foreground warning icons */
|
|
1488
1216
|
--status-warning: #f6bc2f;
|
|
1489
|
-
/* Stroke/Brand/brand-primary - Theme -
|
|
1217
|
+
/* Stroke/Brand/brand-primary - Theme - BRAND */
|
|
1218
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1490
1219
|
--stroke-brand-primary: #002349;
|
|
1491
|
-
/* Stroke/Brand/brand-primary-depth - Theme -
|
|
1220
|
+
/* Stroke/Brand/brand-primary-depth - Theme - BRAND */
|
|
1221
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1492
1222
|
--stroke-brand-primary-depth: #001e3e;
|
|
1493
|
-
/* Stroke/Brand/brand-secondary - Theme -
|
|
1223
|
+
/* Stroke/Brand/brand-secondary - Theme - BRAND */
|
|
1494
1224
|
--stroke-brand-secondary: #c29b40;
|
|
1495
|
-
/* Stroke/Brand/brand-secondary-depth - Theme -
|
|
1225
|
+
/* Stroke/Brand/brand-secondary-depth - Theme - BRAND */
|
|
1496
1226
|
--stroke-brand-secondary-depth: #a58436;
|
|
1497
|
-
/* Stroke/Neutral/neutral-base - Theme -
|
|
1227
|
+
/* Stroke/Neutral/neutral-base - Theme - BRAND */
|
|
1228
|
+
/* For control components */
|
|
1498
1229
|
--stroke-neutral-base: #949494;
|
|
1499
|
-
/* Stroke/Neutral/disabled-dark -
|
|
1230
|
+
/* Stroke/Neutral/disabled-dark - Brand */
|
|
1231
|
+
/* Disabled outline separating the fill and surface background */
|
|
1500
1232
|
--stroke-neutral-disabled-dark: #757575;
|
|
1501
|
-
/* Stroke/Neutral/disabled-light -
|
|
1233
|
+
/* Stroke/Neutral/disabled-light - Brand */
|
|
1234
|
+
/* Disabled outline separating the fill and surface background */
|
|
1502
1235
|
--stroke-neutral-disabled-light: #bdbdbd;
|
|
1503
|
-
/* Stroke/Neutral/focus -
|
|
1236
|
+
/* Stroke/Neutral/focus - Brand */
|
|
1237
|
+
/* Highlight focus element */
|
|
1504
1238
|
--stroke-neutral-focus: #000000;
|
|
1505
|
-
/* Stroke/Neutral/
|
|
1239
|
+
/* Stroke/Neutral/focus-on-inverse - Brand */
|
|
1240
|
+
/* Highlight focus element */
|
|
1241
|
+
--stroke-neutral-focus-on-inverse: #ffffff;
|
|
1242
|
+
/* Stroke/Neutral/neutral-high - Brand */
|
|
1506
1243
|
--stroke-neutral-high: #141414;
|
|
1507
|
-
/* Stroke/Neutral/neutral-high-contrast - Theme -
|
|
1244
|
+
/* Stroke/Neutral/neutral-high-contrast - Theme - BRAND */
|
|
1508
1245
|
--stroke-neutral-high-contrast: #141414;
|
|
1509
|
-
/* Stroke/Neutral/
|
|
1510
|
-
--stroke-neutral-interaction-disabled-dark: #48566a;
|
|
1511
|
-
/* Stroke/Neutral/Interaction/disabled-light - Theme - 3.0 */
|
|
1512
|
-
--stroke-neutral-interaction-disabled-light: #c8d6e5;
|
|
1513
|
-
/* Stroke/Neutral/Interaction/focus - Theme - 3.0 */
|
|
1514
|
-
--stroke-neutral-interaction-focus: #000000;
|
|
1515
|
-
/* Stroke/Neutral/Interactions/disabled-dark - Theme - Sotheby's */
|
|
1246
|
+
/* Stroke/Neutral/Interactions/disabled-dark - Theme - BRAND */
|
|
1516
1247
|
--stroke-neutral-interactions-disabled-dark: #757575;
|
|
1517
|
-
/* Stroke/Neutral/Interactions/disabled-light - Theme -
|
|
1248
|
+
/* Stroke/Neutral/Interactions/disabled-light - Theme - BRAND */
|
|
1518
1249
|
--stroke-neutral-interactions-disabled-light: #bdbdbd;
|
|
1519
|
-
/* Stroke/Neutral/Interactions/focus - Theme -
|
|
1250
|
+
/* Stroke/Neutral/Interactions/focus - Theme - BRAND */
|
|
1520
1251
|
--stroke-neutral-interactions-focus: #000000;
|
|
1521
|
-
/* Stroke/Neutral/
|
|
1252
|
+
/* Stroke/Neutral/Interactions/inverse-focus - Theme - BRAND */
|
|
1253
|
+
--stroke-neutral-interactions-inverse-focus: #ffffff;
|
|
1254
|
+
/* Stroke/Neutral/neutral-low - Brand */
|
|
1255
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1522
1256
|
--stroke-neutral-low: #e0e0e0;
|
|
1523
|
-
/* Stroke/Neutral/neutral-low-contrast - Theme -
|
|
1257
|
+
/* Stroke/Neutral/neutral-low-contrast - Theme - BRAND */
|
|
1524
1258
|
--stroke-neutral-low-contrast: #e0e0e0;
|
|
1525
|
-
/* Surface/Brand/primary - Theme -
|
|
1259
|
+
/* Surface/Brand/primary - Theme - BRAND */
|
|
1526
1260
|
--surface-brand-primary: #002349;
|
|
1527
|
-
/* Surface/Brand/primary-highlight - Theme -
|
|
1261
|
+
/* Surface/Brand/primary-highlight - Theme - BRAND */
|
|
1528
1262
|
--surface-brand-primary-highlight: #d9dee4;
|
|
1529
|
-
/* Surface/Brand/secondary - Theme -
|
|
1263
|
+
/* Surface/Brand/secondary - Theme - BRAND */
|
|
1530
1264
|
--surface-brand-secondary: #c29b40;
|
|
1531
|
-
/* Surface/Brand/secondary-highlight - Theme -
|
|
1265
|
+
/* Surface/Brand/secondary-highlight - Theme - BRAND */
|
|
1532
1266
|
--surface-brand-secondary-highlight: #f6f0e2;
|
|
1533
|
-
/* Surface/Neutral/Interactions/dark-disabled - Theme -
|
|
1267
|
+
/* Surface/Neutral/Interactions/dark-disabled - Theme - BRAND */
|
|
1534
1268
|
--surface-neutral-interactions-dark-disabled: #d6d6d6;
|
|
1535
|
-
/* Surface/Neutral/Interactions/light-disabled - Theme -
|
|
1269
|
+
/* Surface/Neutral/Interactions/light-disabled - Theme - BRAND */
|
|
1536
1270
|
--surface-neutral-interactions-light-disabled: #f5f5f5;
|
|
1537
|
-
/* Surface/Neutral/
|
|
1538
|
-
|
|
1539
|
-
/* Surface/Neutral/inverse - Theme - Sotheby's */
|
|
1271
|
+
/* Surface/Neutral/inverse - Brand */
|
|
1272
|
+
/* Inverted. Use for toasts notification & snackbars */
|
|
1540
1273
|
--surface-neutral-inverse: #1f1f1f;
|
|
1541
|
-
/* Surface/Neutral/inverse-dark - Theme -
|
|
1274
|
+
/* Surface/Neutral/inverse-dark - Theme - BRAND */
|
|
1542
1275
|
--surface-neutral-inverse-dark: #1f1f1f;
|
|
1543
|
-
/* Surface/Neutral/inverse-light - Theme -
|
|
1276
|
+
/* Surface/Neutral/inverse-light - Theme - BRAND */
|
|
1544
1277
|
--surface-neutral-inverse-light: #ffffff;
|
|
1545
|
-
/* Surface/Neutral/
|
|
1546
|
-
--surface-neutral-skeleton: #e0e0e0;
|
|
1547
|
-
/* Surface/Neutral/T1-base - Theme - Sotheby's */
|
|
1278
|
+
/* Surface/Neutral/T1-base - Theme - BRAND */
|
|
1548
1279
|
--surface-neutral-t1-base: #ffffff;
|
|
1549
|
-
/* Surface/Neutral/T2-lowest - Theme -
|
|
1280
|
+
/* Surface/Neutral/T2-lowest - Theme - BRAND */
|
|
1550
1281
|
--surface-neutral-t2-lowest: #f5f5f5;
|
|
1551
|
-
/* Surface/Neutral/T3-low - Theme -
|
|
1282
|
+
/* Surface/Neutral/T3-low - Theme - BRAND */
|
|
1283
|
+
/* Navigations, app bar etc */
|
|
1552
1284
|
--surface-neutral-t3-low: #dbdbdb;
|
|
1553
|
-
/* Surface/Neutral/T4-high - Theme -
|
|
1554
|
-
|
|
1555
|
-
|
|
1285
|
+
/* Surface/Neutral/T4-high - Theme - BRAND */
|
|
1286
|
+
/* Navigations, app bar etc */
|
|
1287
|
+
--surface-neutral-t4-high: #8a8a8a;
|
|
1288
|
+
/* Surface/Neutral/transparent - Theme - BRAND */
|
|
1289
|
+
--surface-neutral-transparent: #ffffff00;
|
|
1290
|
+
/* Surface/Spectrum/blue - Theme - BRAND */
|
|
1556
1291
|
--surface-spectrum-blue: #dfe9fd;
|
|
1557
|
-
/* Surface/Spectrum/green - Theme -
|
|
1292
|
+
/* Surface/Spectrum/green - Theme - BRAND */
|
|
1558
1293
|
--surface-spectrum-green: #deede5;
|
|
1559
|
-
/* Surface/Spectrum/lime - Theme -
|
|
1294
|
+
/* Surface/Spectrum/lime - Theme - BRAND */
|
|
1560
1295
|
--surface-spectrum-lime: #f6f7e0;
|
|
1561
|
-
/* Surface/Spectrum/magenta - Theme -
|
|
1296
|
+
/* Surface/Spectrum/magenta - Theme - BRAND */
|
|
1562
1297
|
--surface-spectrum-magenta: #f6dbfa;
|
|
1563
|
-
/* Surface/Spectrum/orange - Theme -
|
|
1298
|
+
/* Surface/Spectrum/orange - Theme - BRAND */
|
|
1564
1299
|
--surface-spectrum-orange: #fce7d9;
|
|
1565
|
-
/* Surface/Spectrum/pink - Theme -
|
|
1300
|
+
/* Surface/Spectrum/pink - Theme - BRAND */
|
|
1566
1301
|
--surface-spectrum-pink: #f9deec;
|
|
1567
|
-
/* Surface/Spectrum/purple - Theme -
|
|
1302
|
+
/* Surface/Spectrum/purple - Theme - BRAND */
|
|
1568
1303
|
--surface-spectrum-purple: #e7d9fc;
|
|
1569
|
-
/* Surface/Spectrum/red - Theme -
|
|
1304
|
+
/* Surface/Spectrum/red - Theme - BRAND */
|
|
1570
1305
|
--surface-spectrum-red: #f9e1e5;
|
|
1571
|
-
/* Surface/Spectrum/teal - Theme -
|
|
1306
|
+
/* Surface/Spectrum/teal - Theme - BRAND */
|
|
1572
1307
|
--surface-spectrum-teal: #d9eceb;
|
|
1573
|
-
/* Surface/Spectrum/yellow - Theme -
|
|
1308
|
+
/* Surface/Spectrum/yellow - Theme - BRAND */
|
|
1574
1309
|
--surface-spectrum-yellow: #fef5e0;
|
|
1575
|
-
}
|
|
1576
1310
|
|
|
1311
|
+
@media (width >= 640px) {
|
|
1312
|
+
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. */
|
|
1313
|
+
--display-regular-large: 400 64px/88px var(--typeface);
|
|
1314
|
+
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. line height */
|
|
1315
|
+
--display-regular-large-line-height: 88px;
|
|
1316
|
+
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. size */
|
|
1317
|
+
--display-regular-large-size: 64px;
|
|
1318
|
+
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. style */
|
|
1319
|
+
--display-regular-large-style: regular;
|
|
1320
|
+
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. */
|
|
1321
|
+
--display-regular-medium: 400 56px/72px var(--typeface);
|
|
1322
|
+
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. line height */
|
|
1323
|
+
--display-regular-medium-line-height: 72px;
|
|
1324
|
+
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. size */
|
|
1325
|
+
--display-regular-medium-size: 56px;
|
|
1326
|
+
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. style */
|
|
1327
|
+
--display-regular-medium-style: regular;
|
|
1328
|
+
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. */
|
|
1329
|
+
--display-regular-small: 400 48px/60px var(--typeface);
|
|
1330
|
+
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. line height */
|
|
1331
|
+
--display-regular-small-line-height: 60px;
|
|
1332
|
+
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. size */
|
|
1333
|
+
--display-regular-small-size: 48px;
|
|
1334
|
+
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. style */
|
|
1335
|
+
--display-regular-small-style: regular;
|
|
1336
|
+
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. */
|
|
1337
|
+
--display-semibold-large: 600 64px/88px var(--typeface);
|
|
1338
|
+
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. line height */
|
|
1339
|
+
--display-semibold-large-line-height: 88px;
|
|
1340
|
+
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. size */
|
|
1341
|
+
--display-semibold-large-size: 64px;
|
|
1342
|
+
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. style */
|
|
1343
|
+
--display-semibold-large-style: 600;
|
|
1344
|
+
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. */
|
|
1345
|
+
--display-semibold-medium: 600 56px/72px var(--typeface);
|
|
1346
|
+
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. line height */
|
|
1347
|
+
--display-semibold-medium-line-height: 72px;
|
|
1348
|
+
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. size */
|
|
1349
|
+
--display-semibold-medium-size: 56px;
|
|
1350
|
+
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. style */
|
|
1351
|
+
--display-semibold-medium-style: 600;
|
|
1352
|
+
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. */
|
|
1353
|
+
--display-semibold-small: 600 48px/60px var(--typeface);
|
|
1354
|
+
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. line height */
|
|
1355
|
+
--display-semibold-small-line-height: 60px;
|
|
1356
|
+
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. size */
|
|
1357
|
+
--display-semibold-small-size: 48px;
|
|
1358
|
+
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. style */
|
|
1359
|
+
--display-semibold-small-style: 600;
|
|
1360
|
+
/* Desktop/Heading/H1 */
|
|
1361
|
+
--heading-h1: 600 40px/48px var(--typeface);
|
|
1362
|
+
/* Desktop/Heading/H1 - line height */
|
|
1363
|
+
--heading-h1-line-height: 48px;
|
|
1364
|
+
/* Desktop/Heading/H1 - size */
|
|
1365
|
+
--heading-h1-size: 40px;
|
|
1366
|
+
/* Desktop/Heading/H1 - style */
|
|
1367
|
+
--heading-h1-style: 600;
|
|
1368
|
+
/* Desktop/Heading/H2 */
|
|
1369
|
+
--heading-h2: 600 32px/40px var(--typeface);
|
|
1370
|
+
/* Desktop/Heading/H2 - line height */
|
|
1371
|
+
--heading-h2-line-height: 40px;
|
|
1372
|
+
/* Desktop/Heading/H2 - size */
|
|
1373
|
+
--heading-h2-size: 32px;
|
|
1374
|
+
/* Desktop/Heading/H2 - style */
|
|
1375
|
+
--heading-h2-style: 600;
|
|
1376
|
+
/* Desktop/Heading/H3 */
|
|
1377
|
+
--heading-h3: 600 28px/36px var(--typeface);
|
|
1378
|
+
/* Desktop/Heading/H3 - line height */
|
|
1379
|
+
--heading-h3-line-height: 36px;
|
|
1380
|
+
/* Desktop/Heading/H3 - size */
|
|
1381
|
+
--heading-h3-size: 28px;
|
|
1382
|
+
/* Desktop/Heading/H3 - style */
|
|
1383
|
+
--heading-h3-style: 600;
|
|
1384
|
+
/* Desktop/Heading/H4 */
|
|
1385
|
+
--heading-h4: 600 24px/32px var(--typeface);
|
|
1386
|
+
/* Desktop/Heading/H4 - line height */
|
|
1387
|
+
--heading-h4-line-height: 32px;
|
|
1388
|
+
/* Desktop/Heading/H4 - size */
|
|
1389
|
+
--heading-h4-size: 24px;
|
|
1390
|
+
/* Desktop/Heading/H4 - style */
|
|
1391
|
+
--heading-h4-style: 600;
|
|
1392
|
+
/* Desktop/Heading/H5 */
|
|
1393
|
+
--heading-h5: 600 20px/28px var(--typeface);
|
|
1394
|
+
/* Desktop/Heading/H5 - line height */
|
|
1395
|
+
--heading-h5-line-height: 28px;
|
|
1396
|
+
/* Desktop/Heading/H5 - size */
|
|
1397
|
+
--heading-h5-size: 20px;
|
|
1398
|
+
/* Desktop/Heading/H5 - style */
|
|
1399
|
+
--heading-h5-style: 600;
|
|
1400
|
+
/* Desktop/Heading/H6 */
|
|
1401
|
+
--heading-h6: 500 18px/24px var(--typeface);
|
|
1402
|
+
/* Desktop/Heading/H6 - line height */
|
|
1403
|
+
--heading-h6-line-height: 24px;
|
|
1404
|
+
/* Desktop/Heading/H6 - size */
|
|
1405
|
+
--heading-h6-size: 18px;
|
|
1406
|
+
/* Desktop/Heading/H6 - style */
|
|
1407
|
+
--heading-h6-style: medium;
|
|
1408
|
+
/* Desktop/Subheader/Large - Headline */
|
|
1409
|
+
--subheader-large: 400 24px/32px var(--typeface);
|
|
1410
|
+
/* Desktop/Subheader/Large - Headline line height */
|
|
1411
|
+
--subheader-large-line-height: 32px;
|
|
1412
|
+
/* Desktop/Subheader/Large - Headline size */
|
|
1413
|
+
--subheader-large-size: 24px;
|
|
1414
|
+
/* Desktop/Subheader/Large - Headline style */
|
|
1415
|
+
--subheader-large-style: regular;
|
|
1416
|
+
/* Desktop/Subheader/Medium */
|
|
1417
|
+
--subheader-medium: 400 20px/28px var(--typeface);
|
|
1418
|
+
/* Desktop/Subheader/Medium - line height */
|
|
1419
|
+
--subheader-medium-line-height: 28px;
|
|
1420
|
+
/* Desktop/Subheader/Medium - size */
|
|
1421
|
+
--subheader-medium-size: 20px;
|
|
1422
|
+
/* Desktop/Subheader/Medium - style */
|
|
1423
|
+
--subheader-medium-style: regular;
|
|
1424
|
+
/* Desktop/Subheader/X-Large - Headline */
|
|
1425
|
+
--subheader-x-large: 400 28px/36px var(--typeface);
|
|
1426
|
+
/* Desktop/Subheader/X-Large - Headline line height */
|
|
1427
|
+
--subheader-x-large-line-height: 36px;
|
|
1428
|
+
/* Desktop/Subheader/X-Large - Headline size */
|
|
1429
|
+
--subheader-x-large-size: 28px;
|
|
1430
|
+
/* Desktop/Subheader/X-Large - Headline style */
|
|
1431
|
+
--subheader-x-large-style: regular;
|
|
1432
|
+
/* Desktop/Subheader/XX-Large - Headline */
|
|
1433
|
+
--subheader-xx-large: 400 32px/40px var(--typeface);
|
|
1434
|
+
/* Desktop/Subheader/XX-Large - Headline line height */
|
|
1435
|
+
--subheader-xx-large-line-height: 40px;
|
|
1436
|
+
/* Desktop/Subheader/XX-Large - Headline size */
|
|
1437
|
+
--subheader-xx-large-size: 32px;
|
|
1438
|
+
/* Desktop/Subheader/XX-Large - Headline style */
|
|
1439
|
+
--subheader-xx-large-style: regular;
|
|
1440
|
+
/* Desktop/Subheader/XXX-Large - Large Headline */
|
|
1441
|
+
--subheader-xxx-large: 400 40px/48px var(--typeface);
|
|
1442
|
+
/* Desktop/Subheader/XXX-Large - Large Headline line height */
|
|
1443
|
+
--subheader-xxx-large-line-height: 48px;
|
|
1444
|
+
/* Desktop/Subheader/XXX-Large - Large Headline size */
|
|
1445
|
+
--subheader-xxx-large-size: 40px;
|
|
1446
|
+
/* Desktop/Subheader/XXX-Large - Large Headline style */
|
|
1447
|
+
--subheader-xxx-large-style: regular;
|
|
1448
|
+
}
|
|
1449
|
+
}
|
|
1450
|
+
/* dark theme */
|
|
1577
1451
|
[data-theme='dark'] {
|
|
1578
|
-
/* Background/base - Theme -
|
|
1452
|
+
/* Background/base - Theme - BRAND */
|
|
1579
1453
|
--background-base: #1f1f1f;
|
|
1580
|
-
/* Background/scrim - Theme -
|
|
1454
|
+
/* Background/scrim - Theme - BRAND */
|
|
1581
1455
|
--background-scrim: #61616180;
|
|
1582
|
-
/* Background/shade - Theme -
|
|
1456
|
+
/* Background/shade - Theme - BRAND */
|
|
1583
1457
|
--background-shade: #292929;
|
|
1584
|
-
/* Data visual/category-01 -
|
|
1458
|
+
/* Data visual/category-01 - Brand */
|
|
1585
1459
|
--data-visual-category-01: #958ca3;
|
|
1586
|
-
/* Data visual/category-01-highlight -
|
|
1460
|
+
/* Data visual/category-01-highlight - Brand */
|
|
1587
1461
|
--data-visual-category-01-highlight: #958ca34d;
|
|
1588
|
-
/* Data visual/category-02 -
|
|
1462
|
+
/* Data visual/category-02 - Brand */
|
|
1589
1463
|
--data-visual-category-02: #7fc4ec;
|
|
1590
|
-
/* Data visual/category-02-highlight -
|
|
1464
|
+
/* Data visual/category-02-highlight - Brand */
|
|
1591
1465
|
--data-visual-category-02-highlight: #7fc4ec4d;
|
|
1592
|
-
/* Data visual/category-03 -
|
|
1466
|
+
/* Data visual/category-03 - Brand */
|
|
1593
1467
|
--data-visual-category-03: #7899ae;
|
|
1594
|
-
/* Data visual/category-03-highlight -
|
|
1468
|
+
/* Data visual/category-03-highlight - Brand */
|
|
1595
1469
|
--data-visual-category-03-highlight: #7899ae4d;
|
|
1596
|
-
/* Data visual/category-04 -
|
|
1470
|
+
/* Data visual/category-04 - Brand */
|
|
1597
1471
|
--data-visual-category-04: #88c5af;
|
|
1598
|
-
/* Data visual/category-04-highlight -
|
|
1472
|
+
/* Data visual/category-04-highlight - Brand */
|
|
1599
1473
|
--data-visual-category-04-highlight: #88c5af4d;
|
|
1600
|
-
/* Data visual/category-05 -
|
|
1474
|
+
/* Data visual/category-05 - Brand */
|
|
1601
1475
|
--data-visual-category-05: #789ba0;
|
|
1602
|
-
/* Data visual/category-05-highlight -
|
|
1476
|
+
/* Data visual/category-05-highlight - Brand */
|
|
1603
1477
|
--data-visual-category-05-highlight: #789ba04d;
|
|
1604
|
-
/* Data visual/category-06 -
|
|
1478
|
+
/* Data visual/category-06 - Brand */
|
|
1605
1479
|
--data-visual-category-06: #b2b2b2;
|
|
1606
|
-
/* Data visual/category-06-highlight -
|
|
1480
|
+
/* Data visual/category-06-highlight - Brand */
|
|
1607
1481
|
--data-visual-category-06-highlight: #b2b2b24d;
|
|
1608
|
-
/* Data visual/category-07 -
|
|
1482
|
+
/* Data visual/category-07 - Brand */
|
|
1609
1483
|
--data-visual-category-07: #a19abc;
|
|
1610
|
-
/* Data visual/category-07-highlight -
|
|
1484
|
+
/* Data visual/category-07-highlight - Brand */
|
|
1611
1485
|
--data-visual-category-07-highlight: #a19abc4d;
|
|
1612
|
-
/* Data visual/category-1 - Theme -
|
|
1486
|
+
/* Data visual/category-1 - Theme - BRAND */
|
|
1613
1487
|
--data-visual-category-1: #7899ae;
|
|
1614
|
-
/* Data visual/category-1-highlight - Theme -
|
|
1488
|
+
/* Data visual/category-1-highlight - Theme - BRAND */
|
|
1615
1489
|
--data-visual-category-1-highlight: #7899ae4d;
|
|
1616
|
-
/* Data visual/category-2 - Theme -
|
|
1490
|
+
/* Data visual/category-2 - Theme - BRAND */
|
|
1617
1491
|
--data-visual-category-2: #7fc4ec;
|
|
1618
|
-
/* Data visual/category-2-highlight - Theme -
|
|
1492
|
+
/* Data visual/category-2-highlight - Theme - BRAND */
|
|
1619
1493
|
--data-visual-category-2-highlight: #7fc4ec4d;
|
|
1620
|
-
/* Data visual/category-3 - Theme -
|
|
1494
|
+
/* Data visual/category-3 - Theme - BRAND */
|
|
1621
1495
|
--data-visual-category-3: #958ca3;
|
|
1622
|
-
/* Data visual/category-3-highlight - Theme -
|
|
1496
|
+
/* Data visual/category-3-highlight - Theme - BRAND */
|
|
1623
1497
|
--data-visual-category-3-highlight: #958ca34d;
|
|
1624
|
-
/* Data visual/category-4 - Theme -
|
|
1498
|
+
/* Data visual/category-4 - Theme - BRAND */
|
|
1625
1499
|
--data-visual-category-4: #88c5af;
|
|
1626
|
-
/* Data visual/category-4-highlight - Theme -
|
|
1500
|
+
/* Data visual/category-4-highlight - Theme - BRAND */
|
|
1627
1501
|
--data-visual-category-4-highlight: #88c5af4d;
|
|
1628
|
-
/* Data visual/category-5 - Theme -
|
|
1502
|
+
/* Data visual/category-5 - Theme - BRAND */
|
|
1629
1503
|
--data-visual-category-5: #789ba0;
|
|
1630
|
-
/* Data visual/category-5-highlight - Theme -
|
|
1504
|
+
/* Data visual/category-5-highlight - Theme - BRAND */
|
|
1631
1505
|
--data-visual-category-5-highlight: #789ba04d;
|
|
1632
|
-
/* Data visual/category-6 - Theme -
|
|
1506
|
+
/* Data visual/category-6 - Theme - BRAND */
|
|
1633
1507
|
--data-visual-category-6: #b2b2b2;
|
|
1634
|
-
/* Data visual/category-6-highlight - Theme -
|
|
1508
|
+
/* Data visual/category-6-highlight - Theme - BRAND */
|
|
1635
1509
|
--data-visual-category-6-highlight: #b2b2b24d;
|
|
1636
|
-
/* Data visual/category-7 - Theme -
|
|
1510
|
+
/* Data visual/category-7 - Theme - BRAND */
|
|
1637
1511
|
--data-visual-category-7: #a19abc;
|
|
1638
|
-
/* Data visual/category-7-highlight - Theme -
|
|
1512
|
+
/* Data visual/category-7-highlight - Theme - BRAND */
|
|
1639
1513
|
--data-visual-category-7-highlight: #a19abc4d;
|
|
1640
|
-
/* Data visual/gradient-end - Theme -
|
|
1514
|
+
/* Data visual/gradient-end - Theme - BRAND */
|
|
1641
1515
|
--data-visual-gradient-end: #1f1f1f4d;
|
|
1642
|
-
/* Data visual/green - Theme -
|
|
1516
|
+
/* Data visual/green - Theme - BRAND */
|
|
1643
1517
|
--data-visual-green: #7cb796;
|
|
1644
|
-
/* Data visual/green-highlight - Theme -
|
|
1518
|
+
/* Data visual/green-highlight - Theme - BRAND */
|
|
1645
1519
|
--data-visual-green-highlight: #0d2f1c;
|
|
1646
|
-
/* Data visual/negative -
|
|
1520
|
+
/* Data visual/negative - Brand */
|
|
1647
1521
|
--data-visual-negative: #e88997;
|
|
1648
|
-
/* Data visual/negative-highlight -
|
|
1522
|
+
/* Data visual/negative-highlight - Brand */
|
|
1649
1523
|
--data-visual-negative-highlight: #4c141d;
|
|
1650
|
-
/* Data visual/positive -
|
|
1524
|
+
/* Data visual/positive - Brand */
|
|
1651
1525
|
--data-visual-positive: #7cb796;
|
|
1652
|
-
/* Data visual/positive-highlight -
|
|
1526
|
+
/* Data visual/positive-highlight - Brand */
|
|
1653
1527
|
--data-visual-positive-highlight: #0d2f1c;
|
|
1654
|
-
/* Data visual/red - Theme -
|
|
1528
|
+
/* Data visual/red - Theme - BRAND */
|
|
1655
1529
|
--data-visual-red: #e88997;
|
|
1656
|
-
/* Data visual/red-highlight - Theme -
|
|
1530
|
+
/* Data visual/red-highlight - Theme - BRAND */
|
|
1657
1531
|
--data-visual-red-highlight: #4c141d;
|
|
1658
|
-
/* Foreground/Brand/on-inverse-primary - Theme -
|
|
1532
|
+
/* Foreground/Brand/on-inverse-primary - Theme - BRAND */
|
|
1659
1533
|
--foreground-brand-on-inverse-primary: #667b92;
|
|
1660
|
-
/* Foreground/Brand/on-inverse-secondary - Theme -
|
|
1534
|
+
/* Foreground/Brand/on-inverse-secondary - Theme - BRAND */
|
|
1661
1535
|
--foreground-brand-on-inverse-secondary: #dac38c;
|
|
1662
|
-
/* Foreground/Brand/on-brand-
|
|
1536
|
+
/* Foreground/Brand/on-brand-primary - Theme - BRAND */
|
|
1537
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1538
|
+
--foreground-brand-on-primary: #ffffff;
|
|
1539
|
+
/* Foreground/Brand/on-brand-secondary - Theme - BRAND */
|
|
1540
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1663
1541
|
--foreground-brand-on-secondary: #141414;
|
|
1664
|
-
/* Foreground/Brand/brand-primary - Theme -
|
|
1542
|
+
/* Foreground/Brand/brand-primary - Theme - BRAND */
|
|
1543
|
+
/* Foreground text and icons that match the brand's primary color */
|
|
1665
1544
|
--foreground-brand-primary: #667b92;
|
|
1666
|
-
/* Foreground/Brand/brand-primary-depth - Theme -
|
|
1545
|
+
/* Foreground/Brand/brand-primary-depth - Theme - BRAND */
|
|
1667
1546
|
--foreground-brand-primary-depth: #8c9cad;
|
|
1668
|
-
/* Foreground/Brand/brand-secondary - Theme -
|
|
1547
|
+
/* Foreground/Brand/brand-secondary - Theme - BRAND */
|
|
1548
|
+
/* Foreground text and icons that match the brand's secondary color */
|
|
1669
1549
|
--foreground-brand-secondary: #dac38c;
|
|
1670
|
-
/* Foreground/Brand/brand-secondary-depth - Theme -
|
|
1550
|
+
/* Foreground/Brand/brand-secondary-depth - Theme - BRAND */
|
|
1671
1551
|
--foreground-brand-secondary-depth: #e4d2a9;
|
|
1672
|
-
/* Foreground/Link text/default - Theme -
|
|
1552
|
+
/* Foreground/Link text/default - Theme - BRAND */
|
|
1673
1553
|
--foreground-link-text-default: #7a9ee1;
|
|
1674
|
-
/* Foreground/Link text/default-disabled - Theme -
|
|
1554
|
+
/* Foreground/Link text/default-disabled - Theme - BRAND */
|
|
1675
1555
|
--foreground-link-text-default-disabled: #14387b;
|
|
1676
|
-
/* Foreground/Link text/default-hovered - Theme -
|
|
1556
|
+
/* Foreground/Link text/default-hovered - Theme - BRAND */
|
|
1677
1557
|
--foreground-link-text-default-hovered: #90afe6;
|
|
1678
|
-
/* Foreground/Link text/default-pressed - Theme -
|
|
1558
|
+
/* Foreground/Link text/default-pressed - Theme - BRAND */
|
|
1679
1559
|
--foreground-link-text-default-pressed: #a6bfeb;
|
|
1680
|
-
/* Foreground/Link text/default-visited - Theme -
|
|
1560
|
+
/* Foreground/Link text/default-visited - Theme - BRAND */
|
|
1681
1561
|
--foreground-link-text-default-visited: #af8baf;
|
|
1682
|
-
/* Foreground/Link text/subtle-disabled -
|
|
1562
|
+
/* Foreground/Link text/subtle-disabled - Brand */
|
|
1683
1563
|
--foreground-link-text-subtle-disabled: #4d4d4d;
|
|
1684
|
-
/* Foreground/Link text/subtle-hovered - Theme -
|
|
1564
|
+
/* Foreground/Link text/subtle-hovered - Theme - BRAND */
|
|
1685
1565
|
--foreground-link-text-subtle-hovered: #e6e6e6;
|
|
1686
|
-
/* Foreground/Link text/subtle-
|
|
1687
|
-
--foreground-link-text-subtle-
|
|
1688
|
-
/* Foreground/Link text/subtle-pressed - Theme -
|
|
1566
|
+
/* Foreground/Link text/subtle-inverse-hovered - Theme - BRAND */
|
|
1567
|
+
--foreground-link-text-subtle-inverse-hovered: #e6e6e6;
|
|
1568
|
+
/* Foreground/Link text/subtle-inverse-pressed - Theme - BRAND */
|
|
1569
|
+
--foreground-link-text-subtle-inverse-pressed: #d1d1d1;
|
|
1570
|
+
/* Foreground/Link text/subtle-inversed-disabled - Brand */
|
|
1571
|
+
--foreground-link-text-subtle-inversed-disabled: #3d3d3d;
|
|
1572
|
+
/* Foreground/Link text/subtle-pressed - Theme - BRAND */
|
|
1689
1573
|
--foreground-link-text-subtle-pressed: #d1d1d1;
|
|
1690
|
-
/* Foreground/Neutral/disabled-on-color-surface - Theme -
|
|
1691
|
-
--foreground-neutral-disabled-on-color-surface: #
|
|
1692
|
-
/* Foreground/Neutral/disabled-on-surface - Theme -
|
|
1574
|
+
/* Foreground/Neutral/disabled-on-color-surface - Theme - BRAND */
|
|
1575
|
+
--foreground-neutral-disabled-on-color-surface: #3d3d3d;
|
|
1576
|
+
/* Foreground/Neutral/disabled-on-surface - Theme - BRAND */
|
|
1693
1577
|
--foreground-neutral-disabled-on-surface: #4d4d4d;
|
|
1694
|
-
/* Foreground/Neutral/on-surface - Theme -
|
|
1578
|
+
/* Foreground/Neutral/inverse-on-surface - Theme - BRAND */
|
|
1579
|
+
--foreground-neutral-inverse-on-surface: #fafafa;
|
|
1580
|
+
/* Foreground/Neutral/on-color - Theme - BRAND */
|
|
1581
|
+
/* Interactive controls */
|
|
1582
|
+
--foreground-neutral-on-color: #ffffff;
|
|
1583
|
+
/* Foreground/Neutral/on-inverse-surface - Brand */
|
|
1584
|
+
/* Text and icons against inverse surface */
|
|
1585
|
+
--foreground-neutral-on-inverse-surface: #fafafa;
|
|
1586
|
+
/* Foreground/Neutral/on-surface - Theme - BRAND */
|
|
1587
|
+
/* Default foreground text and icons against any surface color */
|
|
1695
1588
|
--foreground-neutral-on-surface: #fafafa;
|
|
1696
|
-
/* Foreground/Neutral/on-surface-variant-01 - Theme -
|
|
1589
|
+
/* Foreground/Neutral/on-surface-variant-01 - Theme - BRAND */
|
|
1590
|
+
/* Secondary foreground color for icons and text */
|
|
1697
1591
|
--foreground-neutral-on-surface-variant-01: #c2c2c2;
|
|
1698
|
-
/* Foreground/Neutral/on-surface-variant-02 - Theme -
|
|
1592
|
+
/* Foreground/Neutral/on-surface-variant-02 - Theme - BRAND */
|
|
1593
|
+
/* Tertiary foreground color for icons and text */
|
|
1699
1594
|
--foreground-neutral-on-surface-variant-02: #9e9e9e;
|
|
1700
|
-
/* Foreground/Neutral/on-surface-variant-03 - Theme -
|
|
1595
|
+
/* Foreground/Neutral/on-surface-variant-03 - Theme - BRAND */
|
|
1596
|
+
/* Quaternary foreground color for icons and text. Only for placeholder text */
|
|
1701
1597
|
--foreground-neutral-on-surface-variant-03: #757575;
|
|
1702
|
-
/* Foreground/Neutral/skeleton-element - Theme -
|
|
1703
|
-
--foreground-neutral-skeleton-element: #
|
|
1704
|
-
/* Foreground/Spectrum/blue - Theme -
|
|
1598
|
+
/* Foreground/Neutral/skeleton-element - Theme - BRAND */
|
|
1599
|
+
--foreground-neutral-skeleton-element: #333333;
|
|
1600
|
+
/* Foreground/Spectrum/blue - Theme - BRAND */
|
|
1705
1601
|
--foreground-spectrum-blue: #88aff7;
|
|
1706
|
-
/* Foreground/Spectrum/green - Theme -
|
|
1602
|
+
/* Foreground/Spectrum/green - Theme - BRAND */
|
|
1707
1603
|
--foreground-spectrum-green: #87bd9f;
|
|
1708
|
-
/* Foreground/Spectrum/lime - Theme -
|
|
1604
|
+
/* Foreground/Spectrum/lime - Theme - BRAND */
|
|
1709
1605
|
--foreground-spectrum-lime: #dce28f;
|
|
1710
|
-
/* Foreground/Spectrum/magenta - Theme -
|
|
1606
|
+
/* Foreground/Spectrum/magenta - Theme - BRAND */
|
|
1711
1607
|
--foreground-spectrum-magenta: #e07aed;
|
|
1712
|
-
/* Foreground/Spectrum/orange - Theme -
|
|
1608
|
+
/* Foreground/Spectrum/orange - Theme - BRAND */
|
|
1713
1609
|
--foreground-spectrum-orange: #f6a874;
|
|
1714
|
-
/* Foreground/Spectrum/pink - Theme -
|
|
1610
|
+
/* Foreground/Spectrum/pink - Theme - BRAND */
|
|
1715
1611
|
--foreground-spectrum-pink: #ea86b9;
|
|
1716
|
-
/* Foreground/Spectrum/purple - Theme -
|
|
1612
|
+
/* Foreground/Spectrum/purple - Theme - BRAND */
|
|
1717
1613
|
--foreground-spectrum-purple: #c8a6f9;
|
|
1718
|
-
/* Foreground/Spectrum/red - Theme -
|
|
1614
|
+
/* Foreground/Spectrum/red - Theme - BRAND */
|
|
1719
1615
|
--foreground-spectrum-red: #ea93a0;
|
|
1720
|
-
/* Foreground/Spectrum/teal - Theme -
|
|
1616
|
+
/* Foreground/Spectrum/teal - Theme - BRAND */
|
|
1721
1617
|
--foreground-spectrum-teal: #74bbb4;
|
|
1722
|
-
/* Foreground/Spectrum/yellow - Theme -
|
|
1618
|
+
/* Foreground/Spectrum/yellow - Theme - BRAND */
|
|
1723
1619
|
--foreground-spectrum-yellow: #fada8d;
|
|
1724
|
-
/*
|
|
1725
|
-
--interaction-brand-disabled-opacity: #ffffff0f;
|
|
1726
|
-
/* Interaction/brand-hover-opacity - Theme - 3.0 */
|
|
1727
|
-
--interaction-brand-hover-opacity: #ffffff1a;
|
|
1728
|
-
/* Interaction/brand-press-opacity - Theme - 3.0 */
|
|
1729
|
-
--interaction-brand-press-opacity: #ffffff33;
|
|
1730
|
-
/* Interaction/hover-opacity - Theme - 3.0 */
|
|
1731
|
-
--interaction-hover-opacity: #ffffff14;
|
|
1732
|
-
/* Interaction/link-active-opacity - Theme - 3.0 */
|
|
1733
|
-
--interaction-link-active-opacity: #ffffff4d;
|
|
1734
|
-
/* Interaction/press-opacity - Theme - 3.0 */
|
|
1735
|
-
--interaction-press-opacity: #ffffff29;
|
|
1736
|
-
/* Interactions/brand-disabled-opacity - Theme - Sotheby's */
|
|
1620
|
+
/* Interactions/brand-disabled-opacity - Theme - BRAND */
|
|
1737
1621
|
--interactions-brand-disabled-opacity: #ffffff0f;
|
|
1738
|
-
/* Interactions/brand-hover-opacity - Theme -
|
|
1622
|
+
/* Interactions/brand-hover-opacity - Theme - BRAND */
|
|
1739
1623
|
--interactions-brand-hover-opacity: #ffffff1a;
|
|
1740
|
-
/* Interactions/brand-press-opacity - Theme -
|
|
1624
|
+
/* Interactions/brand-press-opacity - Theme - BRAND */
|
|
1741
1625
|
--interactions-brand-press-opacity: #ffffff33;
|
|
1742
|
-
/* Interactions/disabled-opacity - Theme -
|
|
1626
|
+
/* Interactions/disabled-opacity - Theme - BRAND */
|
|
1743
1627
|
--interactions-disabled-opacity: #ffffff0f;
|
|
1744
|
-
/* Interactions/hover-opacity - Theme -
|
|
1628
|
+
/* Interactions/hover-opacity - Theme - BRAND */
|
|
1745
1629
|
--interactions-hover-opacity: #ffffff14;
|
|
1746
|
-
/* Interactions/link-active-opacity - Theme -
|
|
1630
|
+
/* Interactions/link-active-opacity - Theme - BRAND */
|
|
1747
1631
|
--interactions-link-active-opacity: #ffffff4d;
|
|
1748
|
-
/* Interactions/neutral-hover-opacity -
|
|
1632
|
+
/* Interactions/neutral-hover-opacity - Brand */
|
|
1633
|
+
/* surfaces using neutral tones */
|
|
1749
1634
|
--interactions-neutral-hover-opacity: #ffffff14;
|
|
1750
|
-
/* Interactions/neutral-press-opacity -
|
|
1635
|
+
/* Interactions/neutral-press-opacity - Brand */
|
|
1636
|
+
/* surfaces using neutral tones */
|
|
1751
1637
|
--interactions-neutral-press-opacity: #ffffff29;
|
|
1752
|
-
/* Interactions/press-opacity - Theme -
|
|
1638
|
+
/* Interactions/press-opacity - Theme - BRAND */
|
|
1753
1639
|
--interactions-press-opacity: #ffffff29;
|
|
1754
|
-
/* Interactions/primary-disabled-opacity - Theme -
|
|
1640
|
+
/* Interactions/primary-disabled-opacity - Theme - BRAND */
|
|
1755
1641
|
--interactions-primary-disabled-opacity: #667b921f;
|
|
1756
|
-
/* Interactions/primary-hover-opacity - Theme -
|
|
1642
|
+
/* Interactions/primary-hover-opacity - Theme - BRAND */
|
|
1757
1643
|
--interactions-primary-hover-opacity: #667b921a;
|
|
1758
|
-
/* Interactions/primary-press-opacity - Theme -
|
|
1644
|
+
/* Interactions/primary-press-opacity - Theme - BRAND */
|
|
1759
1645
|
--interactions-primary-press-opacity: #667b9233;
|
|
1760
|
-
/* Shadow/shadow-10 - Theme -
|
|
1646
|
+
/* Shadow/shadow-10 - Theme - BRAND */
|
|
1761
1647
|
--shadow-10: #6161611a;
|
|
1762
|
-
/* Shadow/shadow-12 - Theme -
|
|
1648
|
+
/* Shadow/shadow-12 - Theme - BRAND */
|
|
1763
1649
|
--shadow-12: #6161611f;
|
|
1764
|
-
/* Shadow/shadow-15 - Theme -
|
|
1650
|
+
/* Shadow/shadow-15 - Theme - BRAND */
|
|
1765
1651
|
--shadow-15: #61616126;
|
|
1766
|
-
/* Shadow/shadow-25 - Theme -
|
|
1652
|
+
/* Shadow/shadow-25 - Theme - BRAND */
|
|
1767
1653
|
--shadow-25: #61616140;
|
|
1768
|
-
/* Shadow/shadow-32 - Theme -
|
|
1654
|
+
/* Shadow/shadow-32 - Theme - BRAND */
|
|
1769
1655
|
--shadow-32: #61616152;
|
|
1770
|
-
/* Shadow/inner-shadow -
|
|
1656
|
+
/* Shadow/inner-shadow - Brand */
|
|
1771
1657
|
--shadow-inner: #000000;
|
|
1772
|
-
/* Shadow/inner-shadow-100 - Theme -
|
|
1658
|
+
/* Shadow/inner-shadow-100 - Theme - BRAND */
|
|
1773
1659
|
--shadow-inner-100: #000000;
|
|
1774
|
-
/* Shadow/variant-01 -
|
|
1660
|
+
/* Shadow/variant-01 - Brand */
|
|
1775
1661
|
--shadow-variant-01: #6161611a;
|
|
1776
|
-
/* Shadow/variant-02 -
|
|
1662
|
+
/* Shadow/variant-02 - Brand */
|
|
1777
1663
|
--shadow-variant-02: #6161611f;
|
|
1778
|
-
/* Shadow/variant-03 -
|
|
1664
|
+
/* Shadow/variant-03 - Brand */
|
|
1779
1665
|
--shadow-variant-03: #61616126;
|
|
1780
|
-
/* Shadow/variant-04 -
|
|
1666
|
+
/* Shadow/variant-04 - Brand */
|
|
1781
1667
|
--shadow-variant-04: #61616140;
|
|
1782
|
-
/* Shadow/variant-05 -
|
|
1668
|
+
/* Shadow/variant-05 - Brand */
|
|
1783
1669
|
--shadow-variant-05: #61616152;
|
|
1784
|
-
/* Status/error - Theme -
|
|
1670
|
+
/* Status/error - Theme - BRAND */
|
|
1671
|
+
/* Foreground error text and icons */
|
|
1785
1672
|
--status-error: #e26b7d;
|
|
1786
|
-
/* Status/information - Theme -
|
|
1673
|
+
/* Status/information - Theme - BRAND */
|
|
1787
1674
|
--status-information: #5d92f5;
|
|
1788
|
-
/* Status/informational -
|
|
1675
|
+
/* Status/informational - Brand */
|
|
1676
|
+
/* Foreground informational text and icons */
|
|
1789
1677
|
--status-informational: #5d92f5;
|
|
1790
|
-
/* Status/
|
|
1678
|
+
/* Status/on-error - Theme - BRAND */
|
|
1679
|
+
/* Foreground error text and icons */
|
|
1680
|
+
--status-on-error: #ffffff;
|
|
1681
|
+
/* Status/on-information - Theme - BRAND */
|
|
1682
|
+
--status-on-information: #ffffff;
|
|
1683
|
+
/* Status/on-informational - Brand */
|
|
1684
|
+
/* Foreground informational text and icons */
|
|
1685
|
+
--status-on-informational: #ffffff;
|
|
1686
|
+
/* Status/on-success - Theme - BRAND */
|
|
1687
|
+
/* Foreground success icons and text */
|
|
1688
|
+
--status-on-success: #ffffff;
|
|
1689
|
+
/* Status/on-warning - Theme - BRAND */
|
|
1690
|
+
/* Foreground warning icons */
|
|
1691
|
+
--status-on-warning: #141414;
|
|
1692
|
+
/* Status/success - Theme - BRAND */
|
|
1693
|
+
/* Foreground success icons and text */
|
|
1791
1694
|
--status-success: #519f73;
|
|
1792
|
-
/* Status/warning - Theme -
|
|
1695
|
+
/* Status/warning - Theme - BRAND */
|
|
1696
|
+
/* Foreground warning icons */
|
|
1793
1697
|
--status-warning: #f8cd63;
|
|
1794
|
-
/* Stroke/Brand/brand-primary - Theme -
|
|
1698
|
+
/* Stroke/Brand/brand-primary - Theme - BRAND */
|
|
1699
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1795
1700
|
--stroke-brand-primary: #667b92;
|
|
1796
|
-
/* Stroke/Brand/brand-primary-depth - Theme -
|
|
1701
|
+
/* Stroke/Brand/brand-primary-depth - Theme - BRAND */
|
|
1702
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1797
1703
|
--stroke-brand-primary-depth: #8c9cad;
|
|
1798
|
-
/* Stroke/Brand/brand-secondary - Theme -
|
|
1704
|
+
/* Stroke/Brand/brand-secondary - Theme - BRAND */
|
|
1799
1705
|
--stroke-brand-secondary: #dac38c;
|
|
1800
|
-
/* Stroke/Brand/brand-secondary-depth - Theme -
|
|
1706
|
+
/* Stroke/Brand/brand-secondary-depth - Theme - BRAND */
|
|
1801
1707
|
--stroke-brand-secondary-depth: #e4d2a9;
|
|
1802
|
-
/* Stroke/Neutral/neutral-base - Theme -
|
|
1708
|
+
/* Stroke/Neutral/neutral-base - Theme - BRAND */
|
|
1709
|
+
/* For control components */
|
|
1803
1710
|
--stroke-neutral-base: #6b6b6b;
|
|
1804
|
-
/* Stroke/Neutral/disabled-dark -
|
|
1805
|
-
|
|
1806
|
-
|
|
1711
|
+
/* Stroke/Neutral/disabled-dark - Brand */
|
|
1712
|
+
/* Disabled outline separating the fill and surface background */
|
|
1713
|
+
--stroke-neutral-disabled-dark: #3d3d3d;
|
|
1714
|
+
/* Stroke/Neutral/disabled-light - Brand */
|
|
1715
|
+
/* Disabled outline separating the fill and surface background */
|
|
1807
1716
|
--stroke-neutral-disabled-light: #4d4d4d;
|
|
1808
|
-
/* Stroke/Neutral/focus -
|
|
1717
|
+
/* Stroke/Neutral/focus - Brand */
|
|
1718
|
+
/* Highlight focus element */
|
|
1809
1719
|
--stroke-neutral-focus: #ffffff;
|
|
1810
|
-
/* Stroke/Neutral/
|
|
1720
|
+
/* Stroke/Neutral/focus-on-inverse - Brand */
|
|
1721
|
+
/* Highlight focus element */
|
|
1722
|
+
--stroke-neutral-focus-on-inverse: #ffffff;
|
|
1723
|
+
/* Stroke/Neutral/neutral-high - Brand */
|
|
1811
1724
|
--stroke-neutral-high: #fafafa;
|
|
1812
|
-
/* Stroke/Neutral/neutral-high-contrast - Theme -
|
|
1725
|
+
/* Stroke/Neutral/neutral-high-contrast - Theme - BRAND */
|
|
1813
1726
|
--stroke-neutral-high-contrast: #fafafa;
|
|
1814
|
-
/* Stroke/Neutral/
|
|
1815
|
-
--stroke-neutral-
|
|
1816
|
-
/* Stroke/Neutral/
|
|
1817
|
-
--stroke-neutral-interaction-disabled-light: #323b49;
|
|
1818
|
-
/* Stroke/Neutral/Interaction/focus - Theme - 3.0 */
|
|
1819
|
-
--stroke-neutral-interaction-focus: #ffffff;
|
|
1820
|
-
/* Stroke/Neutral/Interactions/disabled-dark - Theme - Sotheby's */
|
|
1821
|
-
--stroke-neutral-interactions-disabled-dark: #424242;
|
|
1822
|
-
/* Stroke/Neutral/Interactions/disabled-light - Theme - Sotheby's */
|
|
1727
|
+
/* Stroke/Neutral/Interactions/disabled-dark - Theme - BRAND */
|
|
1728
|
+
--stroke-neutral-interactions-disabled-dark: #3d3d3d;
|
|
1729
|
+
/* Stroke/Neutral/Interactions/disabled-light - Theme - BRAND */
|
|
1823
1730
|
--stroke-neutral-interactions-disabled-light: #4d4d4d;
|
|
1824
|
-
/* Stroke/Neutral/Interactions/focus - Theme -
|
|
1731
|
+
/* Stroke/Neutral/Interactions/focus - Theme - BRAND */
|
|
1825
1732
|
--stroke-neutral-interactions-focus: #ffffff;
|
|
1826
|
-
/* Stroke/Neutral/
|
|
1733
|
+
/* Stroke/Neutral/Interactions/inverse-focus - Theme - BRAND */
|
|
1734
|
+
--stroke-neutral-interactions-inverse-focus: #ffffff;
|
|
1735
|
+
/* Stroke/Neutral/neutral-low - Brand */
|
|
1736
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1827
1737
|
--stroke-neutral-low: #4d4d4d;
|
|
1828
|
-
/* Stroke/Neutral/neutral-low-contrast - Theme -
|
|
1738
|
+
/* Stroke/Neutral/neutral-low-contrast - Theme - BRAND */
|
|
1829
1739
|
--stroke-neutral-low-contrast: #4d4d4d;
|
|
1830
|
-
/* Surface/Brand/primary - Theme -
|
|
1740
|
+
/* Surface/Brand/primary - Theme - BRAND */
|
|
1831
1741
|
--surface-brand-primary: #667b92;
|
|
1832
|
-
/* Surface/Brand/primary-highlight - Theme -
|
|
1742
|
+
/* Surface/Brand/primary-highlight - Theme - BRAND */
|
|
1833
1743
|
--surface-brand-primary-highlight: #000912;
|
|
1834
|
-
/* Surface/Brand/secondary - Theme -
|
|
1744
|
+
/* Surface/Brand/secondary - Theme - BRAND */
|
|
1835
1745
|
--surface-brand-secondary: #dac38c;
|
|
1836
|
-
/* Surface/Brand/secondary-highlight - Theme -
|
|
1746
|
+
/* Surface/Brand/secondary-highlight - Theme - BRAND */
|
|
1837
1747
|
--surface-brand-secondary-highlight: #312710;
|
|
1838
|
-
/* Surface/Neutral/Interactions/dark-disabled - Theme -
|
|
1748
|
+
/* Surface/Neutral/Interactions/dark-disabled - Theme - BRAND */
|
|
1839
1749
|
--surface-neutral-interactions-dark-disabled: #474747;
|
|
1840
|
-
/* Surface/Neutral/Interactions/light-disabled - Theme -
|
|
1750
|
+
/* Surface/Neutral/Interactions/light-disabled - Theme - BRAND */
|
|
1841
1751
|
--surface-neutral-interactions-light-disabled: #292929;
|
|
1842
|
-
/* Surface/Neutral/
|
|
1843
|
-
|
|
1844
|
-
/* Surface/Neutral/inverse - Theme - Sotheby's */
|
|
1752
|
+
/* Surface/Neutral/inverse - Brand */
|
|
1753
|
+
/* Inverted. Use for toasts notification & snackbars */
|
|
1845
1754
|
--surface-neutral-inverse: #383838;
|
|
1846
|
-
/* Surface/Neutral/inverse-dark - Theme -
|
|
1755
|
+
/* Surface/Neutral/inverse-dark - Theme - BRAND */
|
|
1847
1756
|
--surface-neutral-inverse-dark: #383838;
|
|
1848
|
-
/* Surface/Neutral/inverse-light - Theme -
|
|
1757
|
+
/* Surface/Neutral/inverse-light - Theme - BRAND */
|
|
1849
1758
|
--surface-neutral-inverse-light: #575757;
|
|
1850
|
-
/* Surface/Neutral/
|
|
1851
|
-
--surface-neutral-skeleton: #333333;
|
|
1852
|
-
/* Surface/Neutral/T1-base - Theme - Sotheby's */
|
|
1759
|
+
/* Surface/Neutral/T1-base - Theme - BRAND */
|
|
1853
1760
|
--surface-neutral-t1-base: #1f1f1f;
|
|
1854
|
-
/* Surface/Neutral/T2-lowest - Theme -
|
|
1761
|
+
/* Surface/Neutral/T2-lowest - Theme - BRAND */
|
|
1855
1762
|
--surface-neutral-t2-lowest: #2e2e2e;
|
|
1856
|
-
/* Surface/Neutral/T3-low - Theme -
|
|
1763
|
+
/* Surface/Neutral/T3-low - Theme - BRAND */
|
|
1764
|
+
/* Navigations, app bar etc */
|
|
1857
1765
|
--surface-neutral-t3-low: #383838;
|
|
1858
|
-
/* Surface/Neutral/T4-high - Theme -
|
|
1859
|
-
|
|
1860
|
-
|
|
1766
|
+
/* Surface/Neutral/T4-high - Theme - BRAND */
|
|
1767
|
+
/* Navigations, app bar etc */
|
|
1768
|
+
--surface-neutral-t4-high: #7a7a7a;
|
|
1769
|
+
/* Surface/Neutral/transparent - Theme - BRAND */
|
|
1770
|
+
--surface-neutral-transparent: #ffffff00;
|
|
1771
|
+
/* Surface/Spectrum/blue - Theme - BRAND */
|
|
1861
1772
|
--surface-spectrum-blue: #0e2754;
|
|
1862
|
-
/* Surface/Spectrum/green - Theme -
|
|
1773
|
+
/* Surface/Spectrum/green - Theme - BRAND */
|
|
1863
1774
|
--surface-spectrum-green: #0d2f1c;
|
|
1864
|
-
/* Surface/Spectrum/lime - Theme -
|
|
1775
|
+
/* Surface/Spectrum/lime - Theme - BRAND */
|
|
1865
1776
|
--surface-spectrum-lime: #434712;
|
|
1866
|
-
/* Surface/Spectrum/magenta - Theme -
|
|
1777
|
+
/* Surface/Spectrum/magenta - Theme - BRAND */
|
|
1867
1778
|
--surface-spectrum-magenta: #45054e;
|
|
1868
|
-
/* Surface/Spectrum/orange - Theme -
|
|
1779
|
+
/* Surface/Spectrum/orange - Theme - BRAND */
|
|
1869
1780
|
--surface-spectrum-orange: #532201;
|
|
1870
|
-
/* Surface/Spectrum/pink - Theme -
|
|
1781
|
+
/* Surface/Spectrum/pink - Theme - BRAND */
|
|
1871
1782
|
--surface-spectrum-pink: #4c0c2d;
|
|
1872
|
-
/* Surface/Spectrum/purple - Theme -
|
|
1783
|
+
/* Surface/Spectrum/purple - Theme - BRAND */
|
|
1873
1784
|
--surface-spectrum-purple: #220053;
|
|
1874
|
-
/* Surface/Spectrum/red - Theme -
|
|
1785
|
+
/* Surface/Spectrum/red - Theme - BRAND */
|
|
1875
1786
|
--surface-spectrum-red: #4c141d;
|
|
1876
|
-
/* Surface/Spectrum/teal - Theme -
|
|
1787
|
+
/* Surface/Spectrum/teal - Theme - BRAND */
|
|
1877
1788
|
--surface-spectrum-teal: #012e2a;
|
|
1878
|
-
/* Surface/Spectrum/yellow - Theme -
|
|
1789
|
+
/* Surface/Spectrum/yellow - Theme - BRAND */
|
|
1879
1790
|
--surface-spectrum-yellow: #564210;
|
|
1880
1791
|
}
|
|
1881
1792
|
`));
|