@syscore/ui-library 1.3.4 → 1.3.5
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/client/global.css +1053 -153
- package/client/storybook.css +0 -870
- package/package.json +1 -1
package/client/global.css
CHANGED
|
@@ -1,3 +1,885 @@
|
|
|
1
|
+
/** @import must precede all other statements */
|
|
2
|
+
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap")
|
|
3
|
+
layer(base);
|
|
4
|
+
|
|
5
|
+
@font-face {
|
|
6
|
+
font-family: "Mazzard Soft M";
|
|
7
|
+
src: url("/fonts/Mazzard-M/mazzardsoftm-black.otf");
|
|
8
|
+
font-weight: 900;
|
|
9
|
+
font-style: normal;
|
|
10
|
+
font-display: swap;
|
|
11
|
+
}
|
|
12
|
+
@font-face {
|
|
13
|
+
font-family: "Mazzard Soft M";
|
|
14
|
+
src: url("/fonts/Mazzard-M/mazzardsoftm-blackitalic.otf");
|
|
15
|
+
font-weight: 900;
|
|
16
|
+
font-style: italic;
|
|
17
|
+
font-display: swap;
|
|
18
|
+
}
|
|
19
|
+
@font-face {
|
|
20
|
+
font-family: "Mazzard Soft M";
|
|
21
|
+
src: url("/fonts/Mazzard-M/mazzardsoftm-extrabold.otf");
|
|
22
|
+
font-weight: 800;
|
|
23
|
+
font-style: normal;
|
|
24
|
+
font-display: swap;
|
|
25
|
+
}
|
|
26
|
+
@font-face {
|
|
27
|
+
font-family: "Mazzard Soft M";
|
|
28
|
+
src: url("/fonts/Mazzard-M/mazzardsoftm-extrabolditalic.otf");
|
|
29
|
+
font-weight: 800;
|
|
30
|
+
font-style: italic;
|
|
31
|
+
font-display: swap;
|
|
32
|
+
}
|
|
33
|
+
@font-face {
|
|
34
|
+
font-family: "Mazzard Soft M";
|
|
35
|
+
src: url("/fonts/Mazzard-M/mazzardsoftm-bold.otf");
|
|
36
|
+
font-weight: 700;
|
|
37
|
+
font-style: normal;
|
|
38
|
+
font-display: swap;
|
|
39
|
+
}
|
|
40
|
+
@font-face {
|
|
41
|
+
font-family: "Mazzard Soft M";
|
|
42
|
+
src: url("/fonts/Mazzard-M/mazzardsoftm-bolditalic.otf");
|
|
43
|
+
font-weight: 700;
|
|
44
|
+
font-style: italic;
|
|
45
|
+
font-display: swap;
|
|
46
|
+
}
|
|
47
|
+
@font-face {
|
|
48
|
+
font-family: "Mazzard Soft M";
|
|
49
|
+
src: url("/fonts/Mazzard-M/mazzardsoftm-semibold.otf");
|
|
50
|
+
font-weight: 600;
|
|
51
|
+
font-style: normal;
|
|
52
|
+
font-display: swap;
|
|
53
|
+
}
|
|
54
|
+
@font-face {
|
|
55
|
+
font-family: "Mazzard Soft M";
|
|
56
|
+
src: url("/fonts/Mazzard-M/mazzardsoftm-semibolditalic.otf");
|
|
57
|
+
font-weight: 600;
|
|
58
|
+
font-style: italic;
|
|
59
|
+
font-display: swap;
|
|
60
|
+
}
|
|
61
|
+
@font-face {
|
|
62
|
+
font-family: "Mazzard Soft M";
|
|
63
|
+
src: url("/fonts/Mazzard-M/mazzardsoftm-medium.otf");
|
|
64
|
+
font-weight: 500;
|
|
65
|
+
font-style: normal;
|
|
66
|
+
font-display: swap;
|
|
67
|
+
}
|
|
68
|
+
@font-face {
|
|
69
|
+
font-family: "Mazzard Soft M";
|
|
70
|
+
src: url("/fonts/Mazzard-M/mazzardsoftm-mediumitalic.otf");
|
|
71
|
+
font-weight: 500;
|
|
72
|
+
font-style: italic;
|
|
73
|
+
font-display: swap;
|
|
74
|
+
}
|
|
75
|
+
@font-face {
|
|
76
|
+
font-family: "Mazzard Soft M";
|
|
77
|
+
src: url("/fonts/Mazzard-M/mazzardsoftm-regular.otf");
|
|
78
|
+
font-weight: 400;
|
|
79
|
+
font-style: normal;
|
|
80
|
+
font-display: swap;
|
|
81
|
+
}
|
|
82
|
+
@font-face {
|
|
83
|
+
font-family: "Mazzard Soft M";
|
|
84
|
+
src: url("/fonts/Mazzard-M/mazzardsoftm-italic.otf");
|
|
85
|
+
font-weight: 400;
|
|
86
|
+
font-style: italic;
|
|
87
|
+
font-display: swap;
|
|
88
|
+
}
|
|
89
|
+
@font-face {
|
|
90
|
+
font-family: "Mazzard Soft M";
|
|
91
|
+
src: url("/fonts/Mazzard-M/mazzardsoftm-light.otf");
|
|
92
|
+
font-weight: 300;
|
|
93
|
+
font-style: normal;
|
|
94
|
+
font-display: swap;
|
|
95
|
+
}
|
|
96
|
+
@font-face {
|
|
97
|
+
font-family: "Mazzard Soft M";
|
|
98
|
+
src: url("/fonts/Mazzard-M/mazzardsoftm-lightitalic.otf");
|
|
99
|
+
font-weight: 300;
|
|
100
|
+
font-style: italic;
|
|
101
|
+
font-display: swap;
|
|
102
|
+
}
|
|
103
|
+
@font-face {
|
|
104
|
+
font-family: "Mazzard Soft M";
|
|
105
|
+
src: url("/fonts/Mazzard-M/mazzardsoftm-extralight.otf");
|
|
106
|
+
font-weight: 200;
|
|
107
|
+
font-style: normal;
|
|
108
|
+
font-display: swap;
|
|
109
|
+
}
|
|
110
|
+
@font-face {
|
|
111
|
+
font-family: "Mazzard Soft M";
|
|
112
|
+
src: url("/fonts/Mazzard-M/mazzardsoftm-extralightitalic.otf");
|
|
113
|
+
font-weight: 200;
|
|
114
|
+
font-style: italic;
|
|
115
|
+
font-display: swap;
|
|
116
|
+
}
|
|
117
|
+
@font-face {
|
|
118
|
+
font-family: "Mazzard Soft M";
|
|
119
|
+
src: url("/fonts/Mazzard-M/mazzardsoftm-thin.otf");
|
|
120
|
+
font-weight: 100;
|
|
121
|
+
font-style: normal;
|
|
122
|
+
font-display: swap;
|
|
123
|
+
}
|
|
124
|
+
@font-face {
|
|
125
|
+
font-family: "Mazzard Soft M";
|
|
126
|
+
src: url("/fonts/Mazzard-M/mazzardsoftm-thinitalic.otf");
|
|
127
|
+
font-weight: 100;
|
|
128
|
+
font-style: italic;
|
|
129
|
+
font-display: swap;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
@font-face {
|
|
133
|
+
font-family: "FtMade";
|
|
134
|
+
src:
|
|
135
|
+
url("/fonts/FT-Made/FTMade-Regular.woff2") format("woff2"),
|
|
136
|
+
url("/fonts/FT-Made/FTMade-Regular.woff") format("woff"),
|
|
137
|
+
url("/fonts/FT-Made/FTMade-Regular.otf") format("opentype"),
|
|
138
|
+
url("/fonts/FT-Made/FTMade-Regular.ttf") format("truetype");
|
|
139
|
+
font-weight: normal;
|
|
140
|
+
font-style: normal;
|
|
141
|
+
font-display: swap;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
/* Container Utility Class */
|
|
145
|
+
.container {
|
|
146
|
+
margin-inline: auto;
|
|
147
|
+
padding-inline: 2rem;
|
|
148
|
+
@media (min-width: 640px) {
|
|
149
|
+
max-width: none;
|
|
150
|
+
}
|
|
151
|
+
@media (width >= 1400px) {
|
|
152
|
+
max-width: 1400px;
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
/* Button Primary Gradient Utility Class */
|
|
157
|
+
.btn-primary-gradient {
|
|
158
|
+
background-image:
|
|
159
|
+
linear-gradient(
|
|
160
|
+
0deg,
|
|
161
|
+
rgba(15, 116, 138, 0.6) 0%,
|
|
162
|
+
rgba(15, 116, 138, 0.6) 100%
|
|
163
|
+
),
|
|
164
|
+
linear-gradient(99deg, #41d5f6 3.39%, #3eecd1 57.86%, #66fcd9 112.32%);
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
/* CSS Custom Properties - Color Variables */
|
|
168
|
+
:root {
|
|
169
|
+
--color-inherit: inherit;
|
|
170
|
+
--color-current: currentColor;
|
|
171
|
+
--color-transparent: transparent;
|
|
172
|
+
--color-black: hsl(var(--black));
|
|
173
|
+
--color-white: hsl(var(--white));
|
|
174
|
+
|
|
175
|
+
--color-slate-50: hsl(var(--slate-50));
|
|
176
|
+
--color-slate-100: hsl(var(--slate-100));
|
|
177
|
+
--color-slate-200: hsl(var(--slate-200));
|
|
178
|
+
--color-slate-300: hsl(var(--slate-300));
|
|
179
|
+
--color-slate-400: hsl(var(--slate-400));
|
|
180
|
+
--color-slate-500: hsl(var(--slate-500));
|
|
181
|
+
--color-slate-600: hsl(var(--slate-600));
|
|
182
|
+
--color-slate-700: hsl(var(--slate-700));
|
|
183
|
+
--color-slate-800: hsl(var(--slate-800));
|
|
184
|
+
--color-slate-900: hsl(var(--slate-900));
|
|
185
|
+
|
|
186
|
+
--color-gray-50: hsl(var(--gray-50));
|
|
187
|
+
--color-gray-100: hsl(var(--gray-100));
|
|
188
|
+
--color-gray-200: hsl(var(--gray-200));
|
|
189
|
+
--color-gray-300: hsl(var(--gray-300));
|
|
190
|
+
--color-gray-400: hsl(var(--gray-400));
|
|
191
|
+
--color-gray-500: hsl(var(--gray-500));
|
|
192
|
+
--color-gray-600: hsl(var(--gray-600));
|
|
193
|
+
--color-gray-700: hsl(var(--gray-700));
|
|
194
|
+
--color-gray-800: hsl(var(--gray-800));
|
|
195
|
+
--color-gray-900: hsl(var(--gray-900));
|
|
196
|
+
|
|
197
|
+
--color-zinc-50: #fafafa;
|
|
198
|
+
--color-zinc-100: #f4f4f5;
|
|
199
|
+
--color-zinc-200: #e4e4e7;
|
|
200
|
+
--color-zinc-300: #d4d4d8;
|
|
201
|
+
--color-zinc-400: #a1a1aa;
|
|
202
|
+
--color-zinc-500: #71717a;
|
|
203
|
+
--color-zinc-600: #52525b;
|
|
204
|
+
--color-zinc-700: #3f3f46;
|
|
205
|
+
--color-zinc-800: #27272a;
|
|
206
|
+
--color-zinc-900: #18181b;
|
|
207
|
+
--color-zinc-950: #09090b;
|
|
208
|
+
|
|
209
|
+
--color-neutral-50: #fafafa;
|
|
210
|
+
--color-neutral-100: #f5f5f5;
|
|
211
|
+
--color-neutral-200: #e5e5e5;
|
|
212
|
+
--color-neutral-300: #d4d4d4;
|
|
213
|
+
--color-neutral-400: #a3a3a3;
|
|
214
|
+
--color-neutral-500: #737373;
|
|
215
|
+
--color-neutral-600: #525252;
|
|
216
|
+
--color-neutral-700: #404040;
|
|
217
|
+
--color-neutral-800: #262626;
|
|
218
|
+
--color-neutral-900: #171717;
|
|
219
|
+
--color-neutral-950: #0a0a0a;
|
|
220
|
+
|
|
221
|
+
--color-stone-50: #fafaf9;
|
|
222
|
+
--color-stone-100: #f5f5f4;
|
|
223
|
+
--color-stone-200: #e7e5e4;
|
|
224
|
+
--color-stone-300: #d6d3d1;
|
|
225
|
+
--color-stone-400: #a8a29e;
|
|
226
|
+
--color-stone-500: #78716c;
|
|
227
|
+
--color-stone-600: #57534e;
|
|
228
|
+
--color-stone-700: #44403c;
|
|
229
|
+
--color-stone-800: #292524;
|
|
230
|
+
--color-stone-900: #1c1917;
|
|
231
|
+
--color-stone-950: #0c0a09;
|
|
232
|
+
|
|
233
|
+
--color-red-50: #fef2f2;
|
|
234
|
+
--color-red-100: #fee2e2;
|
|
235
|
+
--color-red-200: #fecaca;
|
|
236
|
+
--color-red-300: #fca5a5;
|
|
237
|
+
--color-red-400: #f87171;
|
|
238
|
+
--color-red-500: #ef4444;
|
|
239
|
+
--color-red-600: #dc2626;
|
|
240
|
+
--color-red-700: #b91c1c;
|
|
241
|
+
--color-red-800: #991b1b;
|
|
242
|
+
--color-red-900: #7f1d1d;
|
|
243
|
+
--color-red-950: #450a0a;
|
|
244
|
+
|
|
245
|
+
--color-orange-50: #fff7ed;
|
|
246
|
+
--color-orange-100: #ffedd5;
|
|
247
|
+
--color-orange-200: #fed7aa;
|
|
248
|
+
--color-orange-300: #fdba74;
|
|
249
|
+
--color-orange-400: #fb923c;
|
|
250
|
+
--color-orange-500: #f97316;
|
|
251
|
+
--color-orange-600: #ea580c;
|
|
252
|
+
--color-orange-700: #c2410c;
|
|
253
|
+
--color-orange-800: #9a3412;
|
|
254
|
+
--color-orange-900: #7c2d12;
|
|
255
|
+
--color-orange-950: #431407;
|
|
256
|
+
|
|
257
|
+
--color-amber-50: #fffbeb;
|
|
258
|
+
--color-amber-100: #fef3c7;
|
|
259
|
+
--color-amber-200: #fde68a;
|
|
260
|
+
--color-amber-300: #fcd34d;
|
|
261
|
+
--color-amber-400: #fbbf24;
|
|
262
|
+
--color-amber-500: #f59e0b;
|
|
263
|
+
--color-amber-600: #d97706;
|
|
264
|
+
--color-amber-700: #b45309;
|
|
265
|
+
--color-amber-800: #92400e;
|
|
266
|
+
--color-amber-900: #78350f;
|
|
267
|
+
--color-amber-950: #451a03;
|
|
268
|
+
|
|
269
|
+
--color-yellow-50: #fefce8;
|
|
270
|
+
--color-yellow-100: #fef9c3;
|
|
271
|
+
--color-yellow-200: #fef08a;
|
|
272
|
+
--color-yellow-300: #fde047;
|
|
273
|
+
--color-yellow-400: #facc15;
|
|
274
|
+
--color-yellow-500: #eab308;
|
|
275
|
+
--color-yellow-600: #ca8a04;
|
|
276
|
+
--color-yellow-700: #a16207;
|
|
277
|
+
--color-yellow-800: #854d0e;
|
|
278
|
+
--color-yellow-900: #713f12;
|
|
279
|
+
--color-yellow-950: #422006;
|
|
280
|
+
|
|
281
|
+
--color-lime-50: #f7fee7;
|
|
282
|
+
--color-lime-100: #ecfccb;
|
|
283
|
+
--color-lime-200: #d9f99d;
|
|
284
|
+
--color-lime-300: #bef264;
|
|
285
|
+
--color-lime-400: #a3e635;
|
|
286
|
+
--color-lime-500: #84cc16;
|
|
287
|
+
--color-lime-600: #65a30d;
|
|
288
|
+
--color-lime-700: #4d7c0f;
|
|
289
|
+
--color-lime-800: #3f6212;
|
|
290
|
+
--color-lime-900: #365314;
|
|
291
|
+
--color-lime-950: #1a2e05;
|
|
292
|
+
|
|
293
|
+
--color-green-50: #f0fdf4;
|
|
294
|
+
--color-green-100: #dcfce7;
|
|
295
|
+
--color-green-200: #bbf7d0;
|
|
296
|
+
--color-green-300: #86efac;
|
|
297
|
+
--color-green-400: #4ade80;
|
|
298
|
+
--color-green-500: #22c55e;
|
|
299
|
+
--color-green-600: #16a34a;
|
|
300
|
+
--color-green-700: #15803d;
|
|
301
|
+
--color-green-800: #166534;
|
|
302
|
+
--color-green-900: #14532d;
|
|
303
|
+
--color-green-950: #052e16;
|
|
304
|
+
|
|
305
|
+
--color-emerald-50: #ecfdf5;
|
|
306
|
+
--color-emerald-100: #d1fae5;
|
|
307
|
+
--color-emerald-200: #a7f3d0;
|
|
308
|
+
--color-emerald-300: #6ee7b7;
|
|
309
|
+
--color-emerald-400: #34d399;
|
|
310
|
+
--color-emerald-500: #10b981;
|
|
311
|
+
--color-emerald-600: #059669;
|
|
312
|
+
--color-emerald-700: #047857;
|
|
313
|
+
--color-emerald-800: #065f46;
|
|
314
|
+
--color-emerald-900: #064e3b;
|
|
315
|
+
--color-emerald-950: #022c22;
|
|
316
|
+
|
|
317
|
+
--color-teal-50: #f0fdfa;
|
|
318
|
+
--color-teal-100: #ccfbf1;
|
|
319
|
+
--color-teal-200: #99f6e4;
|
|
320
|
+
--color-teal-300: #5eead4;
|
|
321
|
+
--color-teal-400: #2dd4bf;
|
|
322
|
+
--color-teal-500: #14b8a6;
|
|
323
|
+
--color-teal-600: #0d9488;
|
|
324
|
+
--color-teal-700: #0f766e;
|
|
325
|
+
--color-teal-800: #115e59;
|
|
326
|
+
--color-teal-900: #134e4a;
|
|
327
|
+
--color-teal-950: #042f2e;
|
|
328
|
+
|
|
329
|
+
--color-cyan-50: hsl(var(--cyan-50));
|
|
330
|
+
--color-cyan-100: hsl(var(--cyan-100));
|
|
331
|
+
--color-cyan-200: hsl(var(--cyan-200));
|
|
332
|
+
--color-cyan-300: hsl(var(--cyan-300));
|
|
333
|
+
--color-cyan-400: hsl(var(--cyan-400));
|
|
334
|
+
--color-cyan-500: hsl(var(--cyan-500));
|
|
335
|
+
--color-cyan-600: hsl(var(--cyan-600));
|
|
336
|
+
--color-cyan-700: hsl(var(--cyan-700));
|
|
337
|
+
--color-cyan-800: hsl(var(--cyan-800));
|
|
338
|
+
--color-cyan-dark: hsl(var(--cyan-dark));
|
|
339
|
+
--color-cyan-gradient-from: hsl(var(--cyan-gradient-from));
|
|
340
|
+
--color-cyan-gradient-via: hsl(var(--cyan-gradient-via));
|
|
341
|
+
--color-cyan-gradient-to: hsl(var(--cyan-gradient-to));
|
|
342
|
+
|
|
343
|
+
--color-sky-50: #f0f9ff;
|
|
344
|
+
--color-sky-100: #e0f2fe;
|
|
345
|
+
--color-sky-200: #bae6fd;
|
|
346
|
+
--color-sky-300: #7dd3fc;
|
|
347
|
+
--color-sky-400: #38bdf8;
|
|
348
|
+
--color-sky-500: #0ea5e9;
|
|
349
|
+
--color-sky-600: #0284c7;
|
|
350
|
+
--color-sky-700: #0369a1;
|
|
351
|
+
--color-sky-800: #075985;
|
|
352
|
+
--color-sky-900: #0c4a6e;
|
|
353
|
+
--color-sky-950: #082f49;
|
|
354
|
+
|
|
355
|
+
--color-blue-50: hsl(var(--blue-50));
|
|
356
|
+
--color-blue-100: hsl(var(--blue-100));
|
|
357
|
+
--color-blue-200: hsl(var(--blue-200));
|
|
358
|
+
--color-blue-300: hsl(var(--blue-300));
|
|
359
|
+
--color-blue-400: hsl(var(--blue-400));
|
|
360
|
+
--color-blue-500: hsl(var(--blue-500));
|
|
361
|
+
--color-blue-600: hsl(var(--blue-600));
|
|
362
|
+
|
|
363
|
+
--color-indigo-50: #eef2ff;
|
|
364
|
+
--color-indigo-100: #e0e7ff;
|
|
365
|
+
--color-indigo-200: #c7d2fe;
|
|
366
|
+
--color-indigo-300: #a5b4fc;
|
|
367
|
+
--color-indigo-400: #818cf8;
|
|
368
|
+
--color-indigo-500: #6366f1;
|
|
369
|
+
--color-indigo-600: #4f46e5;
|
|
370
|
+
--color-indigo-700: #4338ca;
|
|
371
|
+
--color-indigo-800: #3730a3;
|
|
372
|
+
--color-indigo-900: #312e81;
|
|
373
|
+
--color-indigo-950: #1e1b4b;
|
|
374
|
+
|
|
375
|
+
--color-violet-100: hsl(var(--violet-100));
|
|
376
|
+
--color-violet-200: hsl(var(--violet-200));
|
|
377
|
+
--color-violet-500: hsl(var(--violet-500));
|
|
378
|
+
--color-violet-600: hsl(var(--violet-600));
|
|
379
|
+
--color-violet-700: hsl(var(--violet-700));
|
|
380
|
+
|
|
381
|
+
--color-purple-50: #faf5ff;
|
|
382
|
+
--color-purple-100: #f3e8ff;
|
|
383
|
+
--color-purple-200: #e9d5ff;
|
|
384
|
+
--color-purple-300: #d8b4fe;
|
|
385
|
+
--color-purple-400: #c084fc;
|
|
386
|
+
--color-purple-500: #a855f7;
|
|
387
|
+
--color-purple-600: #9333ea;
|
|
388
|
+
--color-purple-700: #7e22ce;
|
|
389
|
+
--color-purple-800: #6b21a8;
|
|
390
|
+
--color-purple-900: #581c87;
|
|
391
|
+
--color-purple-950: #3b0764;
|
|
392
|
+
|
|
393
|
+
--color-fuchsia-50: #fdf4ff;
|
|
394
|
+
--color-fuchsia-100: #fae8ff;
|
|
395
|
+
--color-fuchsia-200: #f5d0fe;
|
|
396
|
+
--color-fuchsia-300: #f0abfc;
|
|
397
|
+
--color-fuchsia-400: #e879f9;
|
|
398
|
+
--color-fuchsia-500: #d946ef;
|
|
399
|
+
--color-fuchsia-600: #c026d3;
|
|
400
|
+
--color-fuchsia-700: #a21caf;
|
|
401
|
+
--color-fuchsia-800: #86198f;
|
|
402
|
+
--color-fuchsia-900: #701a75;
|
|
403
|
+
--color-fuchsia-950: #4a044e;
|
|
404
|
+
|
|
405
|
+
--color-pink-50: #fdf2f8;
|
|
406
|
+
--color-pink-100: #fce7f3;
|
|
407
|
+
--color-pink-200: #fbcfe8;
|
|
408
|
+
--color-pink-300: #f9a8d4;
|
|
409
|
+
--color-pink-400: #f472b6;
|
|
410
|
+
--color-pink-500: #ec4899;
|
|
411
|
+
--color-pink-600: #db2777;
|
|
412
|
+
--color-pink-700: #be185d;
|
|
413
|
+
--color-pink-800: #9d174d;
|
|
414
|
+
--color-pink-900: #831843;
|
|
415
|
+
--color-pink-950: #500724;
|
|
416
|
+
|
|
417
|
+
--color-rose-50: #fff1f2;
|
|
418
|
+
--color-rose-100: #ffe4e6;
|
|
419
|
+
--color-rose-200: #fecdd3;
|
|
420
|
+
--color-rose-300: #fda4af;
|
|
421
|
+
--color-rose-400: #fb7185;
|
|
422
|
+
--color-rose-500: #f43f5e;
|
|
423
|
+
--color-rose-600: #e11d48;
|
|
424
|
+
--color-rose-700: #be123c;
|
|
425
|
+
--color-rose-800: #9f1239;
|
|
426
|
+
--color-rose-900: #881337;
|
|
427
|
+
--color-rose-950: #4c0519;
|
|
428
|
+
|
|
429
|
+
--color-light-blue-50: #f0f9ff;
|
|
430
|
+
--color-light-blue-100: #e0f2fe;
|
|
431
|
+
--color-light-blue-200: #bae6fd;
|
|
432
|
+
--color-light-blue-300: #7dd3fc;
|
|
433
|
+
--color-light-blue-400: #38bdf8;
|
|
434
|
+
--color-light-blue-500: #0ea5e9;
|
|
435
|
+
--color-light-blue-600: #0284c7;
|
|
436
|
+
--color-light-blue-700: #0369a1;
|
|
437
|
+
--color-light-blue-800: #075985;
|
|
438
|
+
--color-light-blue-900: #0c4a6e;
|
|
439
|
+
--color-light-blue-950: #082f49;
|
|
440
|
+
|
|
441
|
+
--color-warm-gray-50: #fafaf9;
|
|
442
|
+
--color-warm-gray-100: #f5f5f4;
|
|
443
|
+
--color-warm-gray-200: #e7e5e4;
|
|
444
|
+
--color-warm-gray-300: #d6d3d1;
|
|
445
|
+
--color-warm-gray-400: #a8a29e;
|
|
446
|
+
--color-warm-gray-500: #78716c;
|
|
447
|
+
--color-warm-gray-600: #57534e;
|
|
448
|
+
--color-warm-gray-700: #44403c;
|
|
449
|
+
--color-warm-gray-800: #292524;
|
|
450
|
+
--color-warm-gray-900: #1c1917;
|
|
451
|
+
--color-warm-gray-950: #0c0a09;
|
|
452
|
+
|
|
453
|
+
--color-true-gray-50: #fafafa;
|
|
454
|
+
--color-true-gray-100: #f5f5f5;
|
|
455
|
+
--color-true-gray-200: #e5e5e5;
|
|
456
|
+
--color-true-gray-300: #d4d4d4;
|
|
457
|
+
--color-true-gray-400: #a3a3a3;
|
|
458
|
+
--color-true-gray-500: #737373;
|
|
459
|
+
--color-true-gray-600: #525252;
|
|
460
|
+
--color-true-gray-700: #404040;
|
|
461
|
+
--color-true-gray-800: #262626;
|
|
462
|
+
--color-true-gray-900: #171717;
|
|
463
|
+
--color-true-gray-950: #0a0a0a;
|
|
464
|
+
|
|
465
|
+
--color-cool-gray-50: #f9fafb;
|
|
466
|
+
--color-cool-gray-100: #f3f4f6;
|
|
467
|
+
--color-cool-gray-200: #e5e7eb;
|
|
468
|
+
--color-cool-gray-300: #d1d5db;
|
|
469
|
+
--color-cool-gray-400: #9ca3af;
|
|
470
|
+
--color-cool-gray-500: #6b7280;
|
|
471
|
+
--color-cool-gray-600: #4b5563;
|
|
472
|
+
--color-cool-gray-700: #374151;
|
|
473
|
+
--color-cool-gray-800: #1f2937;
|
|
474
|
+
--color-cool-gray-900: #111827;
|
|
475
|
+
--color-cool-gray-950: #030712;
|
|
476
|
+
|
|
477
|
+
--color-blue-gray-50: #f8fafc;
|
|
478
|
+
--color-blue-gray-100: #f1f5f9;
|
|
479
|
+
--color-blue-gray-200: #e2e8f0;
|
|
480
|
+
--color-blue-gray-300: #cbd5e1;
|
|
481
|
+
--color-blue-gray-400: #94a3b8;
|
|
482
|
+
--color-blue-gray-500: #64748b;
|
|
483
|
+
--color-blue-gray-600: #475569;
|
|
484
|
+
--color-blue-gray-700: #334155;
|
|
485
|
+
--color-blue-gray-800: #1e293b;
|
|
486
|
+
--color-blue-gray-900: #0f172a;
|
|
487
|
+
--color-blue-gray-950: #020617;
|
|
488
|
+
|
|
489
|
+
--color-border: hsl(var(--border));
|
|
490
|
+
--color-input: hsl(var(--input));
|
|
491
|
+
--color-ring: hsl(var(--ring));
|
|
492
|
+
--color-background: hsl(var(--background));
|
|
493
|
+
--color-foreground: hsl(var(--foreground));
|
|
494
|
+
|
|
495
|
+
--color-primary: hsl(var(--primary));
|
|
496
|
+
--color-primary-foreground: hsl(var(--primary-foreground));
|
|
497
|
+
|
|
498
|
+
--color-secondary: hsl(var(--secondary));
|
|
499
|
+
--color-secondary-foreground: hsl(var(--secondary-foreground));
|
|
500
|
+
|
|
501
|
+
--color-destructive: hsl(var(--destructive));
|
|
502
|
+
--color-destructive-foreground: hsl(var(--destructive-foreground));
|
|
503
|
+
|
|
504
|
+
--color-muted: hsl(var(--muted));
|
|
505
|
+
--color-muted-foreground: hsl(var(--muted-foreground));
|
|
506
|
+
|
|
507
|
+
--color-accent: hsl(var(--accent));
|
|
508
|
+
--color-accent-foreground: hsl(var(--accent-foreground));
|
|
509
|
+
|
|
510
|
+
--color-popover: hsl(var(--popover));
|
|
511
|
+
--color-popover-foreground: hsl(var(--popover-foreground));
|
|
512
|
+
|
|
513
|
+
--color-card: hsl(var(--card));
|
|
514
|
+
--color-card-foreground: hsl(var(--card-foreground));
|
|
515
|
+
|
|
516
|
+
--color-sidebar: hsl(var(--sidebar-background));
|
|
517
|
+
--color-sidebar-foreground: hsl(var(--sidebar-foreground));
|
|
518
|
+
--color-sidebar-primary: hsl(var(--sidebar-primary));
|
|
519
|
+
--color-sidebar-primary-foreground: hsl(var(--sidebar-primary-foreground));
|
|
520
|
+
--color-sidebar-accent: hsl(var(--sidebar-accent));
|
|
521
|
+
--color-sidebar-accent-foreground: hsl(var(--sidebar-accent-foreground));
|
|
522
|
+
--color-sidebar-border: hsl(var(--sidebar-border));
|
|
523
|
+
--color-sidebar-ring: hsl(var(--sidebar-ring));
|
|
524
|
+
|
|
525
|
+
--radius-lg: 12px;
|
|
526
|
+
--radius-md: 8px;
|
|
527
|
+
--radius-sm: 6px;
|
|
528
|
+
|
|
529
|
+
/* Figma Design System Colors */
|
|
530
|
+
--color-white: #fff;
|
|
531
|
+
--color-black: #000;
|
|
532
|
+
|
|
533
|
+
--color-gray-50: #f9f9fa;
|
|
534
|
+
--color-gray-100: #eff1f2;
|
|
535
|
+
--color-gray-200: #dedfe3;
|
|
536
|
+
--color-gray-300: #cbcdd2;
|
|
537
|
+
--color-gray-400: #9fa2ab;
|
|
538
|
+
--color-gray-500: #71747d;
|
|
539
|
+
--color-gray-600: #52545d;
|
|
540
|
+
--color-gray-700: #3e4049;
|
|
541
|
+
--color-gray-800: #282a31;
|
|
542
|
+
--color-gray-900: #171820;
|
|
543
|
+
|
|
544
|
+
--color-blue-50: #fbfdfe;
|
|
545
|
+
--color-blue-100: #eff5fb;
|
|
546
|
+
--color-blue-200: #cbe0f1;
|
|
547
|
+
--color-blue-300: #a3c8e6;
|
|
548
|
+
--color-blue-400: #72abd9;
|
|
549
|
+
--color-blue-500: #3481c1;
|
|
550
|
+
--color-blue-600: #2e74ad;
|
|
551
|
+
--color-blue-700: #286495;
|
|
552
|
+
--color-blue-800: #22547d;
|
|
553
|
+
--color-blue-900: #183b58;
|
|
554
|
+
|
|
555
|
+
--color-cyan-50: #fafeff;
|
|
556
|
+
--color-cyan-100: #d6f4fb;
|
|
557
|
+
--color-cyan-200: #95e2f4;
|
|
558
|
+
--color-cyan-300: #39c9ea;
|
|
559
|
+
--color-cyan-400: #18bde2;
|
|
560
|
+
--color-cyan-500: #16adcf;
|
|
561
|
+
--color-cyan-600: #149ebd;
|
|
562
|
+
--color-cyan-700: #128ba6;
|
|
563
|
+
--color-cyan-800: #0f748a;
|
|
564
|
+
--color-cyan-900: #0a5161;
|
|
565
|
+
|
|
566
|
+
--color-emerald-50: #fbfefe;
|
|
567
|
+
--color-emerald-100: #e0fbf5;
|
|
568
|
+
--color-emerald-200: #bcf6ea;
|
|
569
|
+
--color-emerald-300: #8aefdb;
|
|
570
|
+
--color-emerald-400: #50e7ca;
|
|
571
|
+
--color-emerald-500: #1dd7b2;
|
|
572
|
+
--color-emerald-600: #1bc5a3;
|
|
573
|
+
--color-emerald-700: #17aa8d;
|
|
574
|
+
--color-emerald-800: #138b73;
|
|
575
|
+
--color-emerald-900: #0e6352;
|
|
576
|
+
|
|
577
|
+
--color-plum-50: #fdfcfd;
|
|
578
|
+
--color-plum-100: #f7f2f6;
|
|
579
|
+
--color-plum-200: #f0e1ed;
|
|
580
|
+
--color-plum-300: #e8cae1;
|
|
581
|
+
--color-plum-400: #dcadd2;
|
|
582
|
+
--color-plum-500: #bf78ae;
|
|
583
|
+
--color-plum-600: #aa6a9b;
|
|
584
|
+
--color-plum-700: #905c84;
|
|
585
|
+
--color-plum-800: #7f5075;
|
|
586
|
+
--color-plum-900: #633e5a;
|
|
587
|
+
|
|
588
|
+
--color-coral-50: #fefcfb;
|
|
589
|
+
--color-coral-100: #fcf4f2;
|
|
590
|
+
--color-coral-200: #f8dfd8;
|
|
591
|
+
--color-coral-300: #f4c9be;
|
|
592
|
+
--color-coral-400: #f0aa99;
|
|
593
|
+
--color-coral-500: #ed896f;
|
|
594
|
+
--color-coral-600: #e67357;
|
|
595
|
+
--color-coral-700: #dc5432;
|
|
596
|
+
--color-coral-800: #bc4324;
|
|
597
|
+
--color-coral-900: #81311d;
|
|
598
|
+
|
|
599
|
+
--color-pink-50: #fefbfb;
|
|
600
|
+
--color-pink-100: #fceeef;
|
|
601
|
+
--color-pink-200: #f7d4d8;
|
|
602
|
+
--color-pink-300: #f2b4bb;
|
|
603
|
+
--color-pink-400: #efa4ad;
|
|
604
|
+
--color-pink-500: #eb8e99;
|
|
605
|
+
--color-pink-600: #e77481;
|
|
606
|
+
--color-pink-700: #e25566;
|
|
607
|
+
--color-pink-800: #c92e3f;
|
|
608
|
+
--color-pink-900: #9d1b2a;
|
|
609
|
+
|
|
610
|
+
--color-bronze-50: #fefdfb;
|
|
611
|
+
--color-bronze-100: #fbf8f3;
|
|
612
|
+
--color-bronze-200: #f8f1e8;
|
|
613
|
+
--color-bronze-300: #f3e7d8;
|
|
614
|
+
--color-bronze-400: #eedec9;
|
|
615
|
+
--color-bronze-500: #e8d2b5;
|
|
616
|
+
--color-bronze-600: #dcba8e;
|
|
617
|
+
--color-bronze-700: #d0a367;
|
|
618
|
+
--color-bronze-800: #bb833a;
|
|
619
|
+
--color-bronze-900: #845d29;
|
|
620
|
+
|
|
621
|
+
--color-silver-50: #fcfcfd;
|
|
622
|
+
--color-silver-100: #f6f7f8;
|
|
623
|
+
--color-silver-200: #edf0f2;
|
|
624
|
+
--color-silver-300: #e2e5e9;
|
|
625
|
+
--color-silver-400: #d6dbe0;
|
|
626
|
+
--color-silver-500: #c8ced6;
|
|
627
|
+
--color-silver-600: #bcc4cd;
|
|
628
|
+
--color-silver-700: #a2adb9;
|
|
629
|
+
--color-silver-800: #8190a1;
|
|
630
|
+
--color-silver-900: #5c6a7b;
|
|
631
|
+
|
|
632
|
+
--color-gold-50: #fefdfb;
|
|
633
|
+
--color-gold-100: #fdfcf6;
|
|
634
|
+
--color-gold-200: #f9f5e1;
|
|
635
|
+
--color-gold-300: #f6efd0;
|
|
636
|
+
--color-gold-400: #f2e8bb;
|
|
637
|
+
--color-gold-500: #eee2aa;
|
|
638
|
+
--color-gold-600: #eada94;
|
|
639
|
+
--color-gold-700: #e5d27b;
|
|
640
|
+
--color-gold-800: #cdae28;
|
|
641
|
+
--color-gold-900: #917c1d;
|
|
642
|
+
|
|
643
|
+
--color-platinum-50: #fcfcfd;
|
|
644
|
+
--color-platinum-100: #f7f7f8;
|
|
645
|
+
--color-platinum-200: #ececee;
|
|
646
|
+
--color-platinum-300: #e2e1e5;
|
|
647
|
+
--color-platinum-400: #d2d1d6;
|
|
648
|
+
--color-platinum-500: #c6c5cc;
|
|
649
|
+
--color-platinum-600: #b4b3bc;
|
|
650
|
+
--color-platinum-700: #9f9da9;
|
|
651
|
+
--color-platinum-800: #848291;
|
|
652
|
+
--color-platinum-900: #5d5b67;
|
|
653
|
+
|
|
654
|
+
--color-beige-50: #fdfcfc;
|
|
655
|
+
--color-beige-100: #fbfaf9;
|
|
656
|
+
--color-beige-200: #efeae6;
|
|
657
|
+
--color-beige-300: #e2d7d0;
|
|
658
|
+
--color-beige-400: #d2c2b6;
|
|
659
|
+
--color-beige-500: #c1aa9a;
|
|
660
|
+
--color-beige-600: #b59a87;
|
|
661
|
+
--color-beige-700: #a5856e;
|
|
662
|
+
--color-beige-800: #8b6c56;
|
|
663
|
+
--color-beige-900: #685140;
|
|
664
|
+
|
|
665
|
+
--color-mind: #0a5161;
|
|
666
|
+
--color-community: #0f748a;
|
|
667
|
+
--color-movement: #149ebd;
|
|
668
|
+
--color-water: #39c9ea;
|
|
669
|
+
--color-air: #87dff2;
|
|
670
|
+
|
|
671
|
+
--color-btn-hover: #00000014;
|
|
672
|
+
|
|
673
|
+
--color-light: #8aefdb;
|
|
674
|
+
--color-thermalcomfort: #3eddbf;
|
|
675
|
+
--color-nourishment: #17aa8d;
|
|
676
|
+
--color-sound: #0c705c;
|
|
677
|
+
--color-materials: #0a4f41;
|
|
678
|
+
|
|
679
|
+
--color-healthsafety: #72abd9;
|
|
680
|
+
--color-performance: #0f748a;
|
|
681
|
+
--color-equity: #17aa8d;
|
|
682
|
+
--color-coworking: #9a608c;
|
|
683
|
+
|
|
684
|
+
--gradient-0: 99deg, #41d5f6 3.39%, #3eecd1 57.86%, #66fcd9 112.32%;
|
|
685
|
+
--gradient-1: 58deg, #8aefdb 2.8%, #d4bace 41.67%, #cbe0f1 80.55%;
|
|
686
|
+
--gradient-performance:
|
|
687
|
+
180deg, #1dd7b2 0%, #18bde2 50%, #bf78ae 75%, #e67357 100%;
|
|
688
|
+
|
|
689
|
+
--blur-xs: 2px;
|
|
690
|
+
--blur-sm: 4px;
|
|
691
|
+
--blur-md: 8px;
|
|
692
|
+
--blur-lg: 12px;
|
|
693
|
+
--blur-xl: 20px;
|
|
694
|
+
|
|
695
|
+
--shadow-xs: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
|
|
696
|
+
--shadow-sm:
|
|
697
|
+
0 1px 3px 0 rgba(16, 24, 40, 0.1), 0 1px 2px -1px rgba(16, 24, 40, 0.1);
|
|
698
|
+
--shadow-md:
|
|
699
|
+
0 4px 6px -1px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.1);
|
|
700
|
+
--shadow-lg:
|
|
701
|
+
0 10px 15px -3px rgba(16, 24, 40, 0.1), 0 4px 6px -4px rgba(16, 24, 40, 0.1);
|
|
702
|
+
--shadow-xl:
|
|
703
|
+
0 20px 25px -5px rgba(16, 24, 40, 0.1),
|
|
704
|
+
0 8px 10px -6px rgba(16, 24, 40, 0.1);
|
|
705
|
+
--shadow-2xl: 0 25px 50px -12px rgba(16, 24, 40, 0.25);
|
|
706
|
+
|
|
707
|
+
--font-sans:
|
|
708
|
+
"Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
|
|
709
|
+
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
710
|
+
--font-dm-sans:
|
|
711
|
+
"DM Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
|
|
712
|
+
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
713
|
+
--font-mazzard:
|
|
714
|
+
"Mazzard Soft M", ui-serif, Georgia, Cambria, "Times New Roman", Times,
|
|
715
|
+
serif;
|
|
716
|
+
--font-ftmade:
|
|
717
|
+
"FtMade", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
|
|
718
|
+
|
|
719
|
+
--animate-accordion-down: accordion-down 0.2s ease-out;
|
|
720
|
+
--animate-accordion-up: accordion-up 0.2s ease-out;
|
|
721
|
+
|
|
722
|
+
@keyframes accordion-down {
|
|
723
|
+
from {
|
|
724
|
+
height: 0;
|
|
725
|
+
}
|
|
726
|
+
to {
|
|
727
|
+
height: var(--radix-accordion-content-height);
|
|
728
|
+
}
|
|
729
|
+
}
|
|
730
|
+
@keyframes accordion-up {
|
|
731
|
+
from {
|
|
732
|
+
height: var(--radix-accordion-content-height);
|
|
733
|
+
}
|
|
734
|
+
to {
|
|
735
|
+
height: 0;
|
|
736
|
+
}
|
|
737
|
+
}
|
|
738
|
+
}
|
|
739
|
+
|
|
740
|
+
/*
|
|
741
|
+
The default border color has changed to `currentcolor` in Tailwind CSS v4,
|
|
742
|
+
so we've added these compatibility styles to make sure everything still
|
|
743
|
+
looks the same as it did with Tailwind CSS v3.
|
|
744
|
+
|
|
745
|
+
If we ever want to remove these styles, we need to add an explicit border
|
|
746
|
+
color utility to any element that depends on these defaults.
|
|
747
|
+
*/
|
|
748
|
+
*,
|
|
749
|
+
::after,
|
|
750
|
+
::before,
|
|
751
|
+
::backdrop,
|
|
752
|
+
::file-selector-button {
|
|
753
|
+
border-color: var(--color-gray-200, currentcolor);
|
|
754
|
+
}
|
|
755
|
+
|
|
756
|
+
/**
|
|
757
|
+
* Tailwind CSS theme variables
|
|
758
|
+
* These variables are used by Tailwind CSS and should be expressed as HSL values.
|
|
759
|
+
*/
|
|
760
|
+
:root {
|
|
761
|
+
--background: 0 0% 100%;
|
|
762
|
+
--foreground: 230 15% 12%;
|
|
763
|
+
|
|
764
|
+
--card: 0 0% 100%;
|
|
765
|
+
--card-foreground: 230 15% 12%;
|
|
766
|
+
|
|
767
|
+
--popover: 0 0% 100%;
|
|
768
|
+
--popover-foreground: 230 15% 12%;
|
|
769
|
+
|
|
770
|
+
--primary: 190 84% 29%;
|
|
771
|
+
--primary-foreground: 210 40% 98%;
|
|
772
|
+
|
|
773
|
+
--secondary: 252 100% 97%;
|
|
774
|
+
--secondary-foreground: 255 35% 20%;
|
|
775
|
+
|
|
776
|
+
--muted: 240 33% 98%;
|
|
777
|
+
--muted-foreground: 230 12% 40%;
|
|
778
|
+
|
|
779
|
+
--accent: 255 85% 55%;
|
|
780
|
+
--accent-foreground: 210 40% 98%;
|
|
781
|
+
|
|
782
|
+
--destructive: 0 72% 51%;
|
|
783
|
+
--destructive-foreground: 210 40% 98%;
|
|
784
|
+
|
|
785
|
+
--border: 240 13% 92%;
|
|
786
|
+
--input: 240 13% 92%;
|
|
787
|
+
--ring: 255 85% 55%;
|
|
788
|
+
|
|
789
|
+
--radius: 0.625rem;
|
|
790
|
+
|
|
791
|
+
/* Utility colors */
|
|
792
|
+
--white: 0 0% 100%;
|
|
793
|
+
--black: 0 0% 0%;
|
|
794
|
+
--coolGrey-400: 225 7% 35%;
|
|
795
|
+
|
|
796
|
+
--sidebar-background: 0 0% 98%;
|
|
797
|
+
--sidebar-foreground: 240 5.3% 26.1%;
|
|
798
|
+
--sidebar-primary: 240 5.9% 10%;
|
|
799
|
+
--sidebar-primary-foreground: 0 0% 98%;
|
|
800
|
+
--sidebar-accent: 240 4.8% 95.9%;
|
|
801
|
+
--sidebar-accent-foreground: 240 5.9% 10%;
|
|
802
|
+
--sidebar-border: 220 13% 91%;
|
|
803
|
+
--sidebar-ring: 217.2 91.2% 59.8%;
|
|
804
|
+
}
|
|
805
|
+
|
|
806
|
+
.dark {
|
|
807
|
+
--background: 230 15% 9%;
|
|
808
|
+
--foreground: 210 40% 98%;
|
|
809
|
+
|
|
810
|
+
--card: 230 15% 9%;
|
|
811
|
+
--card-foreground: 210 40% 98%;
|
|
812
|
+
|
|
813
|
+
--popover: 230 15% 9%;
|
|
814
|
+
--popover-foreground: 210 40% 98%;
|
|
815
|
+
|
|
816
|
+
--primary: 255 85% 66%;
|
|
817
|
+
--primary-foreground: 232 25% 12%;
|
|
818
|
+
|
|
819
|
+
--secondary: 240 16% 16%;
|
|
820
|
+
--secondary-foreground: 210 40% 98%;
|
|
821
|
+
|
|
822
|
+
--muted: 240 16% 16%;
|
|
823
|
+
--muted-foreground: 215 20.2% 65.1%;
|
|
824
|
+
|
|
825
|
+
--accent: 255 85% 66%;
|
|
826
|
+
--accent-foreground: 232 25% 12%;
|
|
827
|
+
|
|
828
|
+
--destructive: 0 62.8% 30.6%;
|
|
829
|
+
--destructive-foreground: 210 40% 98%;
|
|
830
|
+
|
|
831
|
+
--border: 240 14% 18%;
|
|
832
|
+
--input: 240 14% 18%;
|
|
833
|
+
--ring: 255 85% 66%;
|
|
834
|
+
--sidebar-background: 240 5.9% 10%;
|
|
835
|
+
--sidebar-foreground: 240 4.8% 95.9%;
|
|
836
|
+
--sidebar-primary: 224.3 76.3% 48%;
|
|
837
|
+
--sidebar-primary-foreground: 0 0% 100%;
|
|
838
|
+
--sidebar-accent: 240 3.7% 15.9%;
|
|
839
|
+
--sidebar-accent-foreground: 240 4.8% 95.9%;
|
|
840
|
+
--sidebar-border: 240 3.7% 15.9%;
|
|
841
|
+
--sidebar-ring: 217.2 91.2% 59.8%;
|
|
842
|
+
}
|
|
843
|
+
|
|
844
|
+
/* Base Styles */
|
|
845
|
+
body {
|
|
846
|
+
background-color: hsl(var(--background));
|
|
847
|
+
color: hsl(var(--foreground));
|
|
848
|
+
-webkit-font-smoothing: antialiased;
|
|
849
|
+
-moz-osx-font-smoothing: grayscale;
|
|
850
|
+
font-feature-settings:
|
|
851
|
+
"ss01" on,
|
|
852
|
+
"ss03" on,
|
|
853
|
+
"cv01" on;
|
|
854
|
+
}
|
|
855
|
+
|
|
856
|
+
.container-xl {
|
|
857
|
+
margin-left: auto;
|
|
858
|
+
margin-right: auto;
|
|
859
|
+
max-width: calc(1728px + 64px);
|
|
860
|
+
width: 100%;
|
|
861
|
+
padding-left: 2rem;
|
|
862
|
+
padding-right: 2rem;
|
|
863
|
+
}
|
|
864
|
+
|
|
865
|
+
.container-lg {
|
|
866
|
+
margin-left: auto;
|
|
867
|
+
margin-right: auto;
|
|
868
|
+
max-width: calc(1536px + 64px);
|
|
869
|
+
width: 100%;
|
|
870
|
+
padding-left: 2rem;
|
|
871
|
+
padding-right: 2rem;
|
|
872
|
+
}
|
|
873
|
+
|
|
874
|
+
.container-sm {
|
|
875
|
+
margin-left: auto;
|
|
876
|
+
margin-right: auto;
|
|
877
|
+
max-width: calc(1072px + 64px);
|
|
878
|
+
width: 100%;
|
|
879
|
+
padding-left: 2rem;
|
|
880
|
+
padding-right: 2rem;
|
|
881
|
+
}
|
|
882
|
+
|
|
1
883
|
/* Button Styles */
|
|
2
884
|
.button {
|
|
3
885
|
display: inline-flex;
|
|
@@ -5578,17 +6460,18 @@
|
|
|
5578
6460
|
font-size: 38px;
|
|
5579
6461
|
line-height: 40px;
|
|
5580
6462
|
letter-spacing: -0.38px;
|
|
6463
|
+
}
|
|
5581
6464
|
|
|
5582
|
-
|
|
5583
|
-
|
|
5584
|
-
|
|
5585
|
-
|
|
5586
|
-
|
|
5587
|
-
|
|
5588
|
-
|
|
5589
|
-
|
|
5590
|
-
|
|
5591
|
-
|
|
6465
|
+
.heading-large::before {
|
|
6466
|
+
content: "";
|
|
6467
|
+
margin-bottom: -0.2703em;
|
|
6468
|
+
display: table;
|
|
6469
|
+
}
|
|
6470
|
+
|
|
6471
|
+
.heading-large::after {
|
|
6472
|
+
content: "";
|
|
6473
|
+
margin-top: -0.1023em;
|
|
6474
|
+
display: table;
|
|
5592
6475
|
}
|
|
5593
6476
|
|
|
5594
6477
|
.heading-medium {
|
|
@@ -5596,17 +6479,18 @@
|
|
|
5596
6479
|
font-size: 34px;
|
|
5597
6480
|
line-height: 36px;
|
|
5598
6481
|
letter-spacing: -0.34px;
|
|
6482
|
+
}
|
|
5599
6483
|
|
|
5600
|
-
|
|
5601
|
-
|
|
5602
|
-
|
|
5603
|
-
|
|
5604
|
-
|
|
5605
|
-
|
|
5606
|
-
|
|
5607
|
-
|
|
5608
|
-
|
|
5609
|
-
|
|
6484
|
+
.heading-medium::before {
|
|
6485
|
+
content: "";
|
|
6486
|
+
margin-bottom: -0.2734em;
|
|
6487
|
+
display: table;
|
|
6488
|
+
}
|
|
6489
|
+
|
|
6490
|
+
.heading-medium::after {
|
|
6491
|
+
content: "";
|
|
6492
|
+
margin-top: -0.1054em;
|
|
6493
|
+
display: table;
|
|
5610
6494
|
}
|
|
5611
6495
|
|
|
5612
6496
|
.heading-small {
|
|
@@ -5614,17 +6498,18 @@
|
|
|
5614
6498
|
font-size: 30px;
|
|
5615
6499
|
line-height: 32px;
|
|
5616
6500
|
letter-spacing: -0.3px;
|
|
6501
|
+
}
|
|
5617
6502
|
|
|
5618
|
-
|
|
5619
|
-
|
|
5620
|
-
|
|
5621
|
-
|
|
5622
|
-
|
|
5623
|
-
|
|
5624
|
-
|
|
5625
|
-
|
|
5626
|
-
|
|
5627
|
-
|
|
6503
|
+
.heading-small::before {
|
|
6504
|
+
content: "";
|
|
6505
|
+
margin-bottom: -0.2773em;
|
|
6506
|
+
display: table;
|
|
6507
|
+
}
|
|
6508
|
+
|
|
6509
|
+
.heading-small::after {
|
|
6510
|
+
content: "";
|
|
6511
|
+
margin-top: -0.1093em;
|
|
6512
|
+
display: table;
|
|
5628
6513
|
}
|
|
5629
6514
|
|
|
5630
6515
|
.heading-xsmall {
|
|
@@ -5632,17 +6517,18 @@
|
|
|
5632
6517
|
font-size: 22px;
|
|
5633
6518
|
line-height: 24px;
|
|
5634
6519
|
letter-spacing: -0.22px;
|
|
6520
|
+
}
|
|
5635
6521
|
|
|
5636
|
-
|
|
5637
|
-
|
|
5638
|
-
|
|
5639
|
-
|
|
5640
|
-
|
|
5641
|
-
|
|
5642
|
-
|
|
5643
|
-
|
|
5644
|
-
|
|
5645
|
-
|
|
6522
|
+
.heading-xsmall::before {
|
|
6523
|
+
content: "";
|
|
6524
|
+
margin-bottom: -0.2895em;
|
|
6525
|
+
display: table;
|
|
6526
|
+
}
|
|
6527
|
+
|
|
6528
|
+
.heading-xsmall::after {
|
|
6529
|
+
content: "";
|
|
6530
|
+
margin-top: -0.1215em;
|
|
6531
|
+
display: table;
|
|
5646
6532
|
}
|
|
5647
6533
|
|
|
5648
6534
|
.heading-xxsmall {
|
|
@@ -5650,17 +6536,18 @@
|
|
|
5650
6536
|
font-size: 20px;
|
|
5651
6537
|
line-height: 22px;
|
|
5652
6538
|
letter-spacing: -0.22px;
|
|
6539
|
+
}
|
|
5653
6540
|
|
|
5654
|
-
|
|
5655
|
-
|
|
5656
|
-
|
|
5657
|
-
|
|
5658
|
-
|
|
5659
|
-
|
|
5660
|
-
|
|
5661
|
-
|
|
5662
|
-
|
|
5663
|
-
|
|
6541
|
+
.heading-xxsmall::before {
|
|
6542
|
+
content: "";
|
|
6543
|
+
margin-bottom: -0.2895em;
|
|
6544
|
+
display: table;
|
|
6545
|
+
}
|
|
6546
|
+
|
|
6547
|
+
.heading-xxsmall::after {
|
|
6548
|
+
content: "";
|
|
6549
|
+
margin-top: -0.1215em;
|
|
6550
|
+
display: table;
|
|
5664
6551
|
}
|
|
5665
6552
|
|
|
5666
6553
|
/* Body Utilities */
|
|
@@ -5669,17 +6556,18 @@
|
|
|
5669
6556
|
font-style: normal;
|
|
5670
6557
|
font-weight: 400;
|
|
5671
6558
|
line-height: 25.2px;
|
|
6559
|
+
}
|
|
5672
6560
|
|
|
5673
|
-
|
|
5674
|
-
|
|
5675
|
-
|
|
5676
|
-
|
|
5677
|
-
|
|
5678
|
-
|
|
5679
|
-
|
|
5680
|
-
|
|
5681
|
-
|
|
5682
|
-
|
|
6561
|
+
.body-large::before {
|
|
6562
|
+
content: "";
|
|
6563
|
+
margin-bottom: -0.2694em;
|
|
6564
|
+
display: table;
|
|
6565
|
+
}
|
|
6566
|
+
|
|
6567
|
+
.body-large::after {
|
|
6568
|
+
content: "";
|
|
6569
|
+
margin-top: -0.4444em;
|
|
6570
|
+
display: table;
|
|
5683
6571
|
}
|
|
5684
6572
|
|
|
5685
6573
|
.body-base {
|
|
@@ -5687,34 +6575,37 @@
|
|
|
5687
6575
|
font-style: normal;
|
|
5688
6576
|
font-weight: 400;
|
|
5689
6577
|
line-height: 22.4px;
|
|
6578
|
+
}
|
|
5690
6579
|
|
|
5691
|
-
|
|
5692
|
-
|
|
5693
|
-
|
|
5694
|
-
|
|
5695
|
-
}
|
|
5696
|
-
&::after {
|
|
5697
|
-
content: "";
|
|
5698
|
-
margin-top: -0.4375em;
|
|
5699
|
-
display: table;
|
|
5700
|
-
}
|
|
6580
|
+
.body-base::before {
|
|
6581
|
+
content: "";
|
|
6582
|
+
margin-bottom: -0.2625em;
|
|
6583
|
+
display: table;
|
|
5701
6584
|
}
|
|
6585
|
+
|
|
6586
|
+
.body-base::after {
|
|
6587
|
+
content: "";
|
|
6588
|
+
margin-top: -0.4375em;
|
|
6589
|
+
display: table;
|
|
6590
|
+
}
|
|
6591
|
+
|
|
5702
6592
|
.body-small {
|
|
5703
6593
|
font-size: 14px;
|
|
5704
6594
|
font-style: normal;
|
|
5705
6595
|
font-weight: 400;
|
|
5706
6596
|
line-height: 19.6px;
|
|
6597
|
+
}
|
|
5707
6598
|
|
|
5708
|
-
|
|
5709
|
-
|
|
5710
|
-
|
|
5711
|
-
|
|
5712
|
-
|
|
5713
|
-
|
|
5714
|
-
|
|
5715
|
-
|
|
5716
|
-
|
|
5717
|
-
|
|
6599
|
+
.body-small::before {
|
|
6600
|
+
content: "";
|
|
6601
|
+
margin-bottom: -0.2536em;
|
|
6602
|
+
display: table;
|
|
6603
|
+
}
|
|
6604
|
+
|
|
6605
|
+
.body-small::after {
|
|
6606
|
+
content: "";
|
|
6607
|
+
margin-top: -0.4286em;
|
|
6608
|
+
display: table;
|
|
5718
6609
|
}
|
|
5719
6610
|
|
|
5720
6611
|
/* Overline Utilities */
|
|
@@ -5725,55 +6616,59 @@
|
|
|
5725
6616
|
line-height: 14px; /* 100% */
|
|
5726
6617
|
letter-spacing: 0.5px;
|
|
5727
6618
|
text-transform: uppercase;
|
|
6619
|
+
}
|
|
5728
6620
|
|
|
5729
|
-
|
|
5730
|
-
|
|
5731
|
-
|
|
5732
|
-
|
|
5733
|
-
|
|
5734
|
-
|
|
5735
|
-
|
|
5736
|
-
|
|
5737
|
-
|
|
5738
|
-
|
|
6621
|
+
.overline-large::before {
|
|
6622
|
+
content: "";
|
|
6623
|
+
margin-bottom: -0.075em;
|
|
6624
|
+
display: table;
|
|
6625
|
+
}
|
|
6626
|
+
|
|
6627
|
+
.overline-large::after {
|
|
6628
|
+
content: "";
|
|
6629
|
+
margin-top: -0.25em;
|
|
6630
|
+
display: table;
|
|
5739
6631
|
}
|
|
5740
|
-
|
|
6632
|
+
.overline-medium {
|
|
5741
6633
|
font-size: 12px;
|
|
5742
6634
|
font-style: normal;
|
|
5743
6635
|
font-weight: 600;
|
|
5744
6636
|
line-height: 12px; /* 100% */
|
|
5745
6637
|
letter-spacing: 0.5px;
|
|
5746
6638
|
text-transform: uppercase;
|
|
6639
|
+
}
|
|
5747
6640
|
|
|
5748
|
-
|
|
5749
|
-
|
|
5750
|
-
|
|
5751
|
-
|
|
5752
|
-
|
|
5753
|
-
|
|
5754
|
-
|
|
5755
|
-
|
|
5756
|
-
|
|
5757
|
-
|
|
6641
|
+
.overline-medium::before {
|
|
6642
|
+
content: "";
|
|
6643
|
+
margin-bottom: -0.075em;
|
|
6644
|
+
display: table;
|
|
6645
|
+
}
|
|
6646
|
+
|
|
6647
|
+
.overline-medium::after {
|
|
6648
|
+
content: "";
|
|
6649
|
+
margin-top: -0.25em;
|
|
6650
|
+
display: table;
|
|
5758
6651
|
}
|
|
5759
|
-
|
|
6652
|
+
|
|
6653
|
+
.overline-small {
|
|
5760
6654
|
font-size: 10px;
|
|
5761
6655
|
font-style: normal;
|
|
5762
6656
|
font-weight: 600;
|
|
5763
6657
|
line-height: 10px; /* 100% */
|
|
5764
6658
|
letter-spacing: 0.5px;
|
|
5765
6659
|
text-transform: uppercase;
|
|
6660
|
+
}
|
|
5766
6661
|
|
|
5767
|
-
|
|
5768
|
-
|
|
5769
|
-
|
|
5770
|
-
|
|
5771
|
-
|
|
5772
|
-
|
|
5773
|
-
|
|
5774
|
-
|
|
5775
|
-
|
|
5776
|
-
|
|
6662
|
+
.overline-small::before {
|
|
6663
|
+
content: "";
|
|
6664
|
+
margin-bottom: -0.075em;
|
|
6665
|
+
display: table;
|
|
6666
|
+
}
|
|
6667
|
+
|
|
6668
|
+
.overline-small::after {
|
|
6669
|
+
content: "";
|
|
6670
|
+
margin-top: -0.25em;
|
|
6671
|
+
display: table;
|
|
5777
6672
|
}
|
|
5778
6673
|
|
|
5779
6674
|
/* Number Utilities */
|
|
@@ -5783,36 +6678,38 @@
|
|
|
5783
6678
|
font-weight: 400;
|
|
5784
6679
|
line-height: 25.2px;
|
|
5785
6680
|
font-variant-numeric: lining-nums tabular-nums;
|
|
6681
|
+
}
|
|
5786
6682
|
|
|
5787
|
-
|
|
5788
|
-
|
|
5789
|
-
|
|
5790
|
-
|
|
5791
|
-
}
|
|
5792
|
-
&::after {
|
|
5793
|
-
content: "";
|
|
5794
|
-
margin-top: -0.4444em;
|
|
5795
|
-
display: table;
|
|
5796
|
-
}
|
|
6683
|
+
.number-large::before {
|
|
6684
|
+
content: "";
|
|
6685
|
+
margin-bottom: -0.2694em;
|
|
6686
|
+
display: table;
|
|
5797
6687
|
}
|
|
5798
6688
|
|
|
5799
|
-
|
|
6689
|
+
.number-large::after {
|
|
6690
|
+
content: "";
|
|
6691
|
+
margin-top: -0.4444em;
|
|
6692
|
+
display: table;
|
|
6693
|
+
}
|
|
6694
|
+
|
|
6695
|
+
.number-base {
|
|
5800
6696
|
font-size: 16px;
|
|
5801
6697
|
font-style: normal;
|
|
5802
6698
|
font-weight: 400;
|
|
5803
6699
|
line-height: 22.4px;
|
|
5804
6700
|
font-variant-numeric: lining-nums tabular-nums;
|
|
6701
|
+
}
|
|
5805
6702
|
|
|
5806
|
-
|
|
5807
|
-
|
|
5808
|
-
|
|
5809
|
-
|
|
5810
|
-
|
|
5811
|
-
|
|
5812
|
-
|
|
5813
|
-
|
|
5814
|
-
|
|
5815
|
-
|
|
6703
|
+
.number-base::before {
|
|
6704
|
+
content: "";
|
|
6705
|
+
margin-bottom: -0.2625em;
|
|
6706
|
+
display: table;
|
|
6707
|
+
}
|
|
6708
|
+
|
|
6709
|
+
.number-base::after {
|
|
6710
|
+
content: "";
|
|
6711
|
+
margin-top: -0.4375em;
|
|
6712
|
+
display: table;
|
|
5816
6713
|
}
|
|
5817
6714
|
|
|
5818
6715
|
.number-small {
|
|
@@ -5821,35 +6718,38 @@
|
|
|
5821
6718
|
font-weight: 400;
|
|
5822
6719
|
line-height: 19.6px;
|
|
5823
6720
|
font-variant-numeric: lining-nums tabular-nums;
|
|
6721
|
+
}
|
|
5824
6722
|
|
|
5825
|
-
|
|
5826
|
-
|
|
5827
|
-
|
|
5828
|
-
|
|
5829
|
-
}
|
|
5830
|
-
&::after {
|
|
5831
|
-
content: "";
|
|
5832
|
-
margin-top: -0.4286em;
|
|
5833
|
-
display: table;
|
|
5834
|
-
}
|
|
6723
|
+
.number-small::before {
|
|
6724
|
+
content: "";
|
|
6725
|
+
margin-bottom: -0.2536em;
|
|
6726
|
+
display: table;
|
|
5835
6727
|
}
|
|
6728
|
+
|
|
6729
|
+
.number-small::after {
|
|
6730
|
+
content: "";
|
|
6731
|
+
margin-top: -0.4286em;
|
|
6732
|
+
display: table;
|
|
6733
|
+
}
|
|
6734
|
+
|
|
5836
6735
|
.number-xsmall {
|
|
5837
6736
|
font-size: 14px;
|
|
5838
6737
|
font-style: normal;
|
|
5839
6738
|
font-weight: 400;
|
|
5840
6739
|
line-height: 16.8px;
|
|
5841
6740
|
font-variant-numeric: lining-nums tabular-nums;
|
|
6741
|
+
}
|
|
5842
6742
|
|
|
5843
|
-
|
|
5844
|
-
|
|
5845
|
-
|
|
5846
|
-
|
|
5847
|
-
|
|
5848
|
-
|
|
5849
|
-
|
|
5850
|
-
|
|
5851
|
-
|
|
5852
|
-
|
|
6743
|
+
.number-xsmall::before {
|
|
6744
|
+
content: "";
|
|
6745
|
+
margin-bottom: -0.2417em;
|
|
6746
|
+
display: table;
|
|
6747
|
+
}
|
|
6748
|
+
|
|
6749
|
+
.number-xsmall::after {
|
|
6750
|
+
content: "";
|
|
6751
|
+
margin-top: -0.4167em;
|
|
6752
|
+
display: table;
|
|
5853
6753
|
}
|
|
5854
6754
|
|
|
5855
6755
|
.underline-dotted {
|