@lightspeed/design-system-css 45.2.1 → 46.0.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/dist/index.css +431 -760
- package/dist/index.css.map +1 -1
- package/package.json +1 -1
- package/src/vend.ui/components/vd-radio/vd-radio.scss +3 -2
- package/src/vend.ui/styles/global/colour/_colour-functions.scss +2 -3
- package/src/vend.ui/styles/global/colour/themes/_colour-themes.scss +0 -4
- package/src/vend.ui/styles/global/colour/themes/_generate-themes.scss +0 -3
- package/src/vend.ui/styles/global/colour/themes/_theme-hs-functions.scss +0 -10
package/dist/index.css
CHANGED
|
@@ -1,116 +1,6 @@
|
|
|
1
1
|
@media (prefers-color-scheme: dark) {
|
|
2
2
|
.vd-theme--use-dark-mode {
|
|
3
3
|
color-scheme: dark;
|
|
4
|
-
--hs-color-bg-neutral-inert-softer: #333337;
|
|
5
|
-
--hs-color-bg-neutral-inert-soft: #3d3d41;
|
|
6
|
-
--hs-color-bg-neutral-inert-default: #48484c;
|
|
7
|
-
--hs-color-bg-neutral-sunken: #060608;
|
|
8
|
-
--hs-color-bg-neutral-backdrop: #161619;
|
|
9
|
-
--hs-color-bg-neutral-edge: #1e1e21;
|
|
10
|
-
--hs-color-bg-neutral-top: #242427;
|
|
11
|
-
--hs-color-bg-neutral-topmost: #2f2f32;
|
|
12
|
-
--hs-color-bg-neutral-inverted-backdrop: #f1f2f7;
|
|
13
|
-
--hs-color-bg-neutral-inverted-top: white;
|
|
14
|
-
--hs-color-bg-neutral-dark-soft: #1e1e21;
|
|
15
|
-
--hs-color-bg-neutral-dark-default: black;
|
|
16
|
-
--hs-color-bg-neutral-dark-strong: black;
|
|
17
|
-
--hs-color-bg-go-highlight-default: rgba(134, 157, 255, 0.1607843137);
|
|
18
|
-
--hs-color-bg-go-highlight-strong: rgba(185, 200, 252, 0.1607843137);
|
|
19
|
-
--hs-color-bg-go-soft: #4e58fd;
|
|
20
|
-
--hs-color-bg-go-default: #3a1afe;
|
|
21
|
-
--hs-color-bg-go-strong: #2b13c7;
|
|
22
|
-
--hs-color-bg-success-highlight-default: rgba(49, 188, 84, 0.1607843137);
|
|
23
|
-
--hs-color-bg-success-highlight-strong: rgba(128, 227, 132, 0.1607843137);
|
|
24
|
-
--hs-color-bg-success-soft: #158731;
|
|
25
|
-
--hs-color-bg-success-default: #126a27;
|
|
26
|
-
--hs-color-bg-success-strong: #094f10;
|
|
27
|
-
--hs-color-bg-no-highlight-default: rgba(255, 121, 106, 0.1607843137);
|
|
28
|
-
--hs-color-bg-no-highlight-strong: rgba(255, 184, 173, 0.1607843137);
|
|
29
|
-
--hs-color-bg-no-soft: #d3202f;
|
|
30
|
-
--hs-color-bg-no-default: #aa2128;
|
|
31
|
-
--hs-color-bg-no-strong: #801617;
|
|
32
|
-
--hs-color-bg-warning-soft: #a95f22;
|
|
33
|
-
--hs-color-bg-warning-default: #854d25;
|
|
34
|
-
--hs-color-bg-warning-strong: #693a1b;
|
|
35
|
-
--hs-color-bg-warning-highlight-default: rgba(238, 134, 22, 0.1607843137);
|
|
36
|
-
--hs-color-bg-warning-highlight-strong: rgba(247, 190, 119, 0.1607843137);
|
|
37
|
-
--hs-color-bg-ai-soft: #a633cc;
|
|
38
|
-
--hs-color-bg-ai-default: #8824a9;
|
|
39
|
-
--hs-color-bg-ai-strong: #680e84;
|
|
40
|
-
--hs-color-bg-ai-highlight-default: rgba(213, 117, 249, 0.1607843137);
|
|
41
|
-
--hs-color-bg-ai-highlight-strong: rgba(231, 178, 252, 0.1607843137);
|
|
42
|
-
--hs-color-bg-supplementary-soft: #5177a2;
|
|
43
|
-
--hs-color-bg-supplementary-default: #365b85;
|
|
44
|
-
--hs-color-bg-supplementary-strong: #193f66;
|
|
45
|
-
--hs-color-bg-supplementary-highlight-default: rgba(128, 168, 213, 0.1607843137);
|
|
46
|
-
--hs-color-bg-supplementary-highlight-strong: rgba(177, 205, 238, 0.1607843137);
|
|
47
|
-
--hs-color-overlay-neutral-soft: rgba(255, 255, 255, 0.1215686275);
|
|
48
|
-
--hs-color-overlay-neutral-strong: rgba(0, 0, 0, 0.5019607843);
|
|
49
|
-
--hs-color-overlay-neutral-inverted-strong: rgba(0, 0, 0, 0.5019607843);
|
|
50
|
-
--hs-color-fg-neutral-soft: #bebec3;
|
|
51
|
-
--hs-color-fg-neutral-default: #e3e4e9;
|
|
52
|
-
--hs-color-fg-neutral-inert-soft: #747478;
|
|
53
|
-
--hs-color-fg-neutral-inert-default: #808084;
|
|
54
|
-
--hs-color-fg-neutral-dark-soft: #525256;
|
|
55
|
-
--hs-color-fg-neutral-dark-default: #1e1e21;
|
|
56
|
-
--hs-color-fg-neutral-inverted-soft: #3d3d41;
|
|
57
|
-
--hs-color-fg-neutral-inverted-default: #29292c;
|
|
58
|
-
--hs-color-fg-neutral-ondark-inert-soft: #808084;
|
|
59
|
-
--hs-color-fg-neutral-ondark-inert-default: #98989c;
|
|
60
|
-
--hs-color-fg-neutral-ondark-soft: #e3e4e9;
|
|
61
|
-
--hs-color-fg-neutral-ondark-default: white;
|
|
62
|
-
--hs-color-fg-go-soft: #768efd;
|
|
63
|
-
--hs-color-fg-go-default: #a9bbfc;
|
|
64
|
-
--hs-color-fg-go-strong: #b9c8fc;
|
|
65
|
-
--hs-color-fg-go-ondark-soft: #768efd;
|
|
66
|
-
--hs-color-fg-go-ondark-default: #a9bbfc;
|
|
67
|
-
--hs-color-fg-go-ondark-strong: #b9c8fc;
|
|
68
|
-
--hs-color-fg-success-soft: #20ae45;
|
|
69
|
-
--hs-color-fg-success-default: #65d573;
|
|
70
|
-
--hs-color-fg-success-strong: #80e384;
|
|
71
|
-
--hs-color-fg-warning-soft: #e17914;
|
|
72
|
-
--hs-color-fg-warning-default: #f7ac55;
|
|
73
|
-
--hs-color-fg-warning-strong: #f7be77;
|
|
74
|
-
--hs-color-fg-no-soft: #f96053;
|
|
75
|
-
--hs-color-fg-no-default: #ffa597;
|
|
76
|
-
--hs-color-fg-no-strong: #ffb8ad;
|
|
77
|
-
--hs-color-fg-ai-soft: #cb62f2;
|
|
78
|
-
--hs-color-fg-ai-default: #e3a0fd;
|
|
79
|
-
--hs-color-fg-ai-strong: #e7b2fc;
|
|
80
|
-
--hs-color-fg-ai-ondark-soft: #cb62f2;
|
|
81
|
-
--hs-color-fg-ai-ondark-default: #e3a0fd;
|
|
82
|
-
--hs-color-fg-ai-ondark-strong: #e7b2fc;
|
|
83
|
-
--hs-color-fg-supplementary-soft: #3C6996;
|
|
84
|
-
--hs-color-fg-supplementary-default: #5B83AC;
|
|
85
|
-
--hs-color-fg-supplementary-strong: #284563;
|
|
86
|
-
--hs-color-border-neutral-soft: #333337;
|
|
87
|
-
--hs-color-border-neutral-strong: #525256;
|
|
88
|
-
--hs-color-border-neutral-stronger: #8c8c90;
|
|
89
|
-
--hs-color-border-neutral-inverted-soft: #e3e4e9;
|
|
90
|
-
--hs-color-border-neutral-inverted-strong: #c9cacf;
|
|
91
|
-
--hs-color-border-neutral-inverted-stronger: #8c8c90;
|
|
92
|
-
--hs-color-border-neutral-ondark-soft: #48484c;
|
|
93
|
-
--hs-color-border-neutral-ondark-strong: #69696d;
|
|
94
|
-
--hs-color-border-neutral-ondark-stronger: #8c8c90;
|
|
95
|
-
--hs-color-border-go-soft: #4142fd;
|
|
96
|
-
--hs-color-border-go-default: #586cfe;
|
|
97
|
-
--hs-color-border-go-strong: #869dff;
|
|
98
|
-
--hs-color-border-success-soft: #0b7628;
|
|
99
|
-
--hs-color-border-success-default: #069638;
|
|
100
|
-
--hs-color-border-success-strong: #31bc54;
|
|
101
|
-
--hs-color-border-warning-soft: #965726;
|
|
102
|
-
--hs-color-border-warning-default: #bc6620;
|
|
103
|
-
--hs-color-border-warning-strong: #ee8616;
|
|
104
|
-
--hs-color-border-no-soft: #c01d27;
|
|
105
|
-
--hs-color-border-no-default: #ea2f37;
|
|
106
|
-
--hs-color-border-no-strong: #ff796a;
|
|
107
|
-
--hs-color-border-ai-soft: #982abb;
|
|
108
|
-
--hs-color-border-ai-default: #b440dc;
|
|
109
|
-
--hs-color-border-ai-strong: #d575f9;
|
|
110
|
-
--hs-color-border-supplementary-soft: #466c96;
|
|
111
|
-
--hs-color-border-supplementary-default: #5c83af;
|
|
112
|
-
--hs-color-border-supplementary-strong: #80a8d5;
|
|
113
|
-
--hs-color-select-arrows-bg: url('data:image/svg+xml,<svg width="20" height="46" xmlns="http://www.w3.org/2000/svg"><polygon fill="%23E3E4E9" points="10,0 0,10 20,10"/><polygon fill="%23E3E4E9" points="0,36 20,36 10,46 "/></svg>');
|
|
114
4
|
--ls-color-bg-neutral-inert-softer: #333337;
|
|
115
5
|
--ls-color-bg-neutral-inert-soft: #3d3d41;
|
|
116
6
|
--ls-color-bg-neutral-inert-default: #48484c;
|
|
@@ -240,116 +130,6 @@
|
|
|
240
130
|
:root,
|
|
241
131
|
.vd-theme--light {
|
|
242
132
|
color-scheme: light;
|
|
243
|
-
--hs-color-bg-neutral-inert-softer: #f1f2f7;
|
|
244
|
-
--hs-color-bg-neutral-inert-soft: #d6d7dc;
|
|
245
|
-
--hs-color-bg-neutral-inert-default: #b1b1b5;
|
|
246
|
-
--hs-color-bg-neutral-sunken: #e3e4e9;
|
|
247
|
-
--hs-color-bg-neutral-backdrop: #f1f2f7;
|
|
248
|
-
--hs-color-bg-neutral-edge: #e3e4e9;
|
|
249
|
-
--hs-color-bg-neutral-top: white;
|
|
250
|
-
--hs-color-bg-neutral-topmost: white;
|
|
251
|
-
--hs-color-bg-neutral-inverted-backdrop: #161619;
|
|
252
|
-
--hs-color-bg-neutral-inverted-top: #242427;
|
|
253
|
-
--hs-color-bg-neutral-dark-soft: #29292c;
|
|
254
|
-
--hs-color-bg-neutral-dark-default: #1e1e21;
|
|
255
|
-
--hs-color-bg-neutral-dark-strong: #161619;
|
|
256
|
-
--hs-color-bg-go-highlight-default: rgba(185, 200, 252, 0.1607843137);
|
|
257
|
-
--hs-color-bg-go-highlight-strong: rgba(134, 157, 255, 0.1607843137);
|
|
258
|
-
--hs-color-bg-go-soft: #4e58fd;
|
|
259
|
-
--hs-color-bg-go-default: #3a1afe;
|
|
260
|
-
--hs-color-bg-go-strong: #2b13c7;
|
|
261
|
-
--hs-color-bg-success-highlight-default: rgba(128, 227, 132, 0.1607843137);
|
|
262
|
-
--hs-color-bg-success-highlight-strong: rgba(49, 188, 84, 0.1607843137);
|
|
263
|
-
--hs-color-bg-success-soft: #158731;
|
|
264
|
-
--hs-color-bg-success-default: #126a27;
|
|
265
|
-
--hs-color-bg-success-strong: #094f10;
|
|
266
|
-
--hs-color-bg-no-highlight-default: rgba(255, 184, 173, 0.1607843137);
|
|
267
|
-
--hs-color-bg-no-highlight-strong: rgba(255, 121, 106, 0.1607843137);
|
|
268
|
-
--hs-color-bg-no-soft: #d3202f;
|
|
269
|
-
--hs-color-bg-no-default: #aa2128;
|
|
270
|
-
--hs-color-bg-no-strong: #801617;
|
|
271
|
-
--hs-color-bg-warning-soft: #a95f22;
|
|
272
|
-
--hs-color-bg-warning-default: #854d25;
|
|
273
|
-
--hs-color-bg-warning-strong: #693a1b;
|
|
274
|
-
--hs-color-bg-warning-highlight-default: rgba(247, 190, 119, 0.1607843137);
|
|
275
|
-
--hs-color-bg-warning-highlight-strong: rgba(238, 134, 22, 0.1607843137);
|
|
276
|
-
--hs-color-bg-ai-soft: #a633cc;
|
|
277
|
-
--hs-color-bg-ai-default: #8824a9;
|
|
278
|
-
--hs-color-bg-ai-strong: #680e84;
|
|
279
|
-
--hs-color-bg-ai-highlight-default: rgba(231, 178, 252, 0.1607843137);
|
|
280
|
-
--hs-color-bg-ai-highlight-strong: rgba(213, 117, 249, 0.1607843137);
|
|
281
|
-
--hs-color-bg-supplementary-soft: #5177a2;
|
|
282
|
-
--hs-color-bg-supplementary-default: #365b85;
|
|
283
|
-
--hs-color-bg-supplementary-strong: #193f66;
|
|
284
|
-
--hs-color-bg-supplementary-highlight-default: rgba(177, 205, 238, 0.1607843137);
|
|
285
|
-
--hs-color-bg-supplementary-highlight-strong: rgba(128, 168, 213, 0.1607843137);
|
|
286
|
-
--hs-color-overlay-neutral-soft: rgba(0, 0, 0, 0.0509803922);
|
|
287
|
-
--hs-color-overlay-neutral-strong: rgba(0, 0, 0, 0.5019607843);
|
|
288
|
-
--hs-color-overlay-neutral-inverted-strong: rgba(255, 255, 255, 0.5019607843);
|
|
289
|
-
--hs-color-fg-neutral-soft: #525256;
|
|
290
|
-
--hs-color-fg-neutral-default: #1e1e21;
|
|
291
|
-
--hs-color-fg-neutral-inert-soft: #a4a4a8;
|
|
292
|
-
--hs-color-fg-neutral-inert-default: #98989c;
|
|
293
|
-
--hs-color-fg-neutral-dark-soft: #525256;
|
|
294
|
-
--hs-color-fg-neutral-dark-default: #1e1e21;
|
|
295
|
-
--hs-color-fg-neutral-inverted-soft: #e3e4e9;
|
|
296
|
-
--hs-color-fg-neutral-inverted-default: white;
|
|
297
|
-
--hs-color-fg-neutral-ondark-inert-soft: #808084;
|
|
298
|
-
--hs-color-fg-neutral-ondark-inert-default: #98989c;
|
|
299
|
-
--hs-color-fg-neutral-ondark-soft: #e3e4e9;
|
|
300
|
-
--hs-color-fg-neutral-ondark-default: white;
|
|
301
|
-
--hs-color-fg-go-soft: #4e58fd;
|
|
302
|
-
--hs-color-fg-go-default: #3217e3;
|
|
303
|
-
--hs-color-fg-go-strong: #1e0796;
|
|
304
|
-
--hs-color-fg-go-ondark-soft: #768efd;
|
|
305
|
-
--hs-color-fg-go-ondark-default: #a9bbfc;
|
|
306
|
-
--hs-color-fg-go-ondark-strong: #b9c8fc;
|
|
307
|
-
--hs-color-fg-success-soft: #158731;
|
|
308
|
-
--hs-color-fg-success-default: #0f5c16;
|
|
309
|
-
--hs-color-fg-success-strong: #083a0c;
|
|
310
|
-
--hs-color-fg-warning-soft: #a95f22;
|
|
311
|
-
--hs-color-fg-warning-default: #79421d;
|
|
312
|
-
--hs-color-fg-warning-strong: #4f270c;
|
|
313
|
-
--hs-color-fg-no-soft: #d3202f;
|
|
314
|
-
--hs-color-fg-no-default: #941c1e;
|
|
315
|
-
--hs-color-fg-no-strong: #621512;
|
|
316
|
-
--hs-color-fg-ai-soft: #a633cc;
|
|
317
|
-
--hs-color-fg-ai-default: #771695;
|
|
318
|
-
--hs-color-fg-ai-strong: #4f0664;
|
|
319
|
-
--hs-color-fg-ai-ondark-soft: #cb62f2;
|
|
320
|
-
--hs-color-fg-ai-ondark-default: #e3a0fd;
|
|
321
|
-
--hs-color-fg-ai-ondark-strong: #e7b2fc;
|
|
322
|
-
--hs-color-fg-supplementary-soft: #3C6996;
|
|
323
|
-
--hs-color-fg-supplementary-default: #32577D;
|
|
324
|
-
--hs-color-fg-supplementary-strong: #284563;
|
|
325
|
-
--hs-color-border-neutral-soft: #e3e4e9;
|
|
326
|
-
--hs-color-border-neutral-strong: #c9cacf;
|
|
327
|
-
--hs-color-border-neutral-stronger: #8c8c90;
|
|
328
|
-
--hs-color-border-neutral-inverted-soft: #333337;
|
|
329
|
-
--hs-color-border-neutral-inverted-strong: #525256;
|
|
330
|
-
--hs-color-border-neutral-inverted-stronger: #8c8c90;
|
|
331
|
-
--hs-color-border-neutral-ondark-soft: #48484c;
|
|
332
|
-
--hs-color-border-neutral-ondark-strong: #69696d;
|
|
333
|
-
--hs-color-border-neutral-ondark-stronger: #8c8c90;
|
|
334
|
-
--hs-color-border-go-soft: #586cfe;
|
|
335
|
-
--hs-color-border-go-default: #4142fd;
|
|
336
|
-
--hs-color-border-go-strong: #3217e3;
|
|
337
|
-
--hs-color-border-success-soft: #069638;
|
|
338
|
-
--hs-color-border-success-default: #0b7628;
|
|
339
|
-
--hs-color-border-success-strong: #0f5c16;
|
|
340
|
-
--hs-color-border-warning-soft: #bc6620;
|
|
341
|
-
--hs-color-border-warning-default: #965726;
|
|
342
|
-
--hs-color-border-warning-strong: #79421d;
|
|
343
|
-
--hs-color-border-no-soft: #ea2f37;
|
|
344
|
-
--hs-color-border-no-default: #c01d27;
|
|
345
|
-
--hs-color-border-no-strong: #941c1e;
|
|
346
|
-
--hs-color-border-ai-soft: #b440dc;
|
|
347
|
-
--hs-color-border-ai-default: #982abb;
|
|
348
|
-
--hs-color-border-ai-strong: #771695;
|
|
349
|
-
--hs-color-border-supplementary-soft: #5c83af;
|
|
350
|
-
--hs-color-border-supplementary-default: #466c96;
|
|
351
|
-
--hs-color-border-supplementary-strong: #264b73;
|
|
352
|
-
--hs-color-select-arrows-bg: url('data:image/svg+xml,<svg width="20" height="46" xmlns="http://www.w3.org/2000/svg"><polygon fill="%231E1E21" points="10,0 0,10 20,10"/><polygon fill="%231E1E21" points="0,36 20,36 10,46 "/></svg>');
|
|
353
133
|
--ls-color-bg-neutral-inert-softer: #f1f2f7;
|
|
354
134
|
--ls-color-bg-neutral-inert-soft: #d6d7dc;
|
|
355
135
|
--ls-color-bg-neutral-inert-default: #b1b1b5;
|
|
@@ -471,116 +251,6 @@
|
|
|
471
251
|
|
|
472
252
|
.vd-theme--dark {
|
|
473
253
|
color-scheme: dark;
|
|
474
|
-
--hs-color-bg-neutral-inert-softer: #333337;
|
|
475
|
-
--hs-color-bg-neutral-inert-soft: #3d3d41;
|
|
476
|
-
--hs-color-bg-neutral-inert-default: #48484c;
|
|
477
|
-
--hs-color-bg-neutral-sunken: #060608;
|
|
478
|
-
--hs-color-bg-neutral-backdrop: #161619;
|
|
479
|
-
--hs-color-bg-neutral-edge: #1e1e21;
|
|
480
|
-
--hs-color-bg-neutral-top: #242427;
|
|
481
|
-
--hs-color-bg-neutral-topmost: #2f2f32;
|
|
482
|
-
--hs-color-bg-neutral-inverted-backdrop: #f1f2f7;
|
|
483
|
-
--hs-color-bg-neutral-inverted-top: white;
|
|
484
|
-
--hs-color-bg-neutral-dark-soft: #1e1e21;
|
|
485
|
-
--hs-color-bg-neutral-dark-default: black;
|
|
486
|
-
--hs-color-bg-neutral-dark-strong: black;
|
|
487
|
-
--hs-color-bg-go-highlight-default: rgba(134, 157, 255, 0.1607843137);
|
|
488
|
-
--hs-color-bg-go-highlight-strong: rgba(185, 200, 252, 0.1607843137);
|
|
489
|
-
--hs-color-bg-go-soft: #4e58fd;
|
|
490
|
-
--hs-color-bg-go-default: #3a1afe;
|
|
491
|
-
--hs-color-bg-go-strong: #2b13c7;
|
|
492
|
-
--hs-color-bg-success-highlight-default: rgba(49, 188, 84, 0.1607843137);
|
|
493
|
-
--hs-color-bg-success-highlight-strong: rgba(128, 227, 132, 0.1607843137);
|
|
494
|
-
--hs-color-bg-success-soft: #158731;
|
|
495
|
-
--hs-color-bg-success-default: #126a27;
|
|
496
|
-
--hs-color-bg-success-strong: #094f10;
|
|
497
|
-
--hs-color-bg-no-highlight-default: rgba(255, 121, 106, 0.1607843137);
|
|
498
|
-
--hs-color-bg-no-highlight-strong: rgba(255, 184, 173, 0.1607843137);
|
|
499
|
-
--hs-color-bg-no-soft: #d3202f;
|
|
500
|
-
--hs-color-bg-no-default: #aa2128;
|
|
501
|
-
--hs-color-bg-no-strong: #801617;
|
|
502
|
-
--hs-color-bg-warning-soft: #a95f22;
|
|
503
|
-
--hs-color-bg-warning-default: #854d25;
|
|
504
|
-
--hs-color-bg-warning-strong: #693a1b;
|
|
505
|
-
--hs-color-bg-warning-highlight-default: rgba(238, 134, 22, 0.1607843137);
|
|
506
|
-
--hs-color-bg-warning-highlight-strong: rgba(247, 190, 119, 0.1607843137);
|
|
507
|
-
--hs-color-bg-ai-soft: #a633cc;
|
|
508
|
-
--hs-color-bg-ai-default: #8824a9;
|
|
509
|
-
--hs-color-bg-ai-strong: #680e84;
|
|
510
|
-
--hs-color-bg-ai-highlight-default: rgba(213, 117, 249, 0.1607843137);
|
|
511
|
-
--hs-color-bg-ai-highlight-strong: rgba(231, 178, 252, 0.1607843137);
|
|
512
|
-
--hs-color-bg-supplementary-soft: #5177a2;
|
|
513
|
-
--hs-color-bg-supplementary-default: #365b85;
|
|
514
|
-
--hs-color-bg-supplementary-strong: #193f66;
|
|
515
|
-
--hs-color-bg-supplementary-highlight-default: rgba(128, 168, 213, 0.1607843137);
|
|
516
|
-
--hs-color-bg-supplementary-highlight-strong: rgba(177, 205, 238, 0.1607843137);
|
|
517
|
-
--hs-color-overlay-neutral-soft: rgba(255, 255, 255, 0.1215686275);
|
|
518
|
-
--hs-color-overlay-neutral-strong: rgba(0, 0, 0, 0.5019607843);
|
|
519
|
-
--hs-color-overlay-neutral-inverted-strong: rgba(0, 0, 0, 0.5019607843);
|
|
520
|
-
--hs-color-fg-neutral-soft: #bebec3;
|
|
521
|
-
--hs-color-fg-neutral-default: #e3e4e9;
|
|
522
|
-
--hs-color-fg-neutral-inert-soft: #747478;
|
|
523
|
-
--hs-color-fg-neutral-inert-default: #808084;
|
|
524
|
-
--hs-color-fg-neutral-dark-soft: #525256;
|
|
525
|
-
--hs-color-fg-neutral-dark-default: #1e1e21;
|
|
526
|
-
--hs-color-fg-neutral-inverted-soft: #3d3d41;
|
|
527
|
-
--hs-color-fg-neutral-inverted-default: #29292c;
|
|
528
|
-
--hs-color-fg-neutral-ondark-inert-soft: #808084;
|
|
529
|
-
--hs-color-fg-neutral-ondark-inert-default: #98989c;
|
|
530
|
-
--hs-color-fg-neutral-ondark-soft: #e3e4e9;
|
|
531
|
-
--hs-color-fg-neutral-ondark-default: white;
|
|
532
|
-
--hs-color-fg-go-soft: #768efd;
|
|
533
|
-
--hs-color-fg-go-default: #a9bbfc;
|
|
534
|
-
--hs-color-fg-go-strong: #b9c8fc;
|
|
535
|
-
--hs-color-fg-go-ondark-soft: #768efd;
|
|
536
|
-
--hs-color-fg-go-ondark-default: #a9bbfc;
|
|
537
|
-
--hs-color-fg-go-ondark-strong: #b9c8fc;
|
|
538
|
-
--hs-color-fg-success-soft: #20ae45;
|
|
539
|
-
--hs-color-fg-success-default: #65d573;
|
|
540
|
-
--hs-color-fg-success-strong: #80e384;
|
|
541
|
-
--hs-color-fg-warning-soft: #e17914;
|
|
542
|
-
--hs-color-fg-warning-default: #f7ac55;
|
|
543
|
-
--hs-color-fg-warning-strong: #f7be77;
|
|
544
|
-
--hs-color-fg-no-soft: #f96053;
|
|
545
|
-
--hs-color-fg-no-default: #ffa597;
|
|
546
|
-
--hs-color-fg-no-strong: #ffb8ad;
|
|
547
|
-
--hs-color-fg-ai-soft: #cb62f2;
|
|
548
|
-
--hs-color-fg-ai-default: #e3a0fd;
|
|
549
|
-
--hs-color-fg-ai-strong: #e7b2fc;
|
|
550
|
-
--hs-color-fg-ai-ondark-soft: #cb62f2;
|
|
551
|
-
--hs-color-fg-ai-ondark-default: #e3a0fd;
|
|
552
|
-
--hs-color-fg-ai-ondark-strong: #e7b2fc;
|
|
553
|
-
--hs-color-fg-supplementary-soft: #3C6996;
|
|
554
|
-
--hs-color-fg-supplementary-default: #5B83AC;
|
|
555
|
-
--hs-color-fg-supplementary-strong: #284563;
|
|
556
|
-
--hs-color-border-neutral-soft: #333337;
|
|
557
|
-
--hs-color-border-neutral-strong: #525256;
|
|
558
|
-
--hs-color-border-neutral-stronger: #8c8c90;
|
|
559
|
-
--hs-color-border-neutral-inverted-soft: #e3e4e9;
|
|
560
|
-
--hs-color-border-neutral-inverted-strong: #c9cacf;
|
|
561
|
-
--hs-color-border-neutral-inverted-stronger: #8c8c90;
|
|
562
|
-
--hs-color-border-neutral-ondark-soft: #48484c;
|
|
563
|
-
--hs-color-border-neutral-ondark-strong: #69696d;
|
|
564
|
-
--hs-color-border-neutral-ondark-stronger: #8c8c90;
|
|
565
|
-
--hs-color-border-go-soft: #4142fd;
|
|
566
|
-
--hs-color-border-go-default: #586cfe;
|
|
567
|
-
--hs-color-border-go-strong: #869dff;
|
|
568
|
-
--hs-color-border-success-soft: #0b7628;
|
|
569
|
-
--hs-color-border-success-default: #069638;
|
|
570
|
-
--hs-color-border-success-strong: #31bc54;
|
|
571
|
-
--hs-color-border-warning-soft: #965726;
|
|
572
|
-
--hs-color-border-warning-default: #bc6620;
|
|
573
|
-
--hs-color-border-warning-strong: #ee8616;
|
|
574
|
-
--hs-color-border-no-soft: #c01d27;
|
|
575
|
-
--hs-color-border-no-default: #ea2f37;
|
|
576
|
-
--hs-color-border-no-strong: #ff796a;
|
|
577
|
-
--hs-color-border-ai-soft: #982abb;
|
|
578
|
-
--hs-color-border-ai-default: #b440dc;
|
|
579
|
-
--hs-color-border-ai-strong: #d575f9;
|
|
580
|
-
--hs-color-border-supplementary-soft: #466c96;
|
|
581
|
-
--hs-color-border-supplementary-default: #5c83af;
|
|
582
|
-
--hs-color-border-supplementary-strong: #80a8d5;
|
|
583
|
-
--hs-color-select-arrows-bg: url('data:image/svg+xml,<svg width="20" height="46" xmlns="http://www.w3.org/2000/svg"><polygon fill="%23E3E4E9" points="10,0 0,10 20,10"/><polygon fill="%23E3E4E9" points="0,36 20,36 10,46 "/></svg>');
|
|
584
254
|
--ls-color-bg-neutral-inert-softer: #333337;
|
|
585
255
|
--ls-color-bg-neutral-inert-soft: #3d3d41;
|
|
586
256
|
--ls-color-bg-neutral-inert-default: #48484c;
|
|
@@ -701,10 +371,10 @@ body {
|
|
|
701
371
|
font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
702
372
|
font-size: 15px;
|
|
703
373
|
line-height: normal;
|
|
704
|
-
color: var(--ls-color-fg-neutral-default
|
|
374
|
+
color: var(--ls-color-fg-neutral-default);
|
|
705
375
|
padding: 0;
|
|
706
376
|
margin: 0;
|
|
707
|
-
background-color: var(--ls-color-bg-neutral-backdrop
|
|
377
|
+
background-color: var(--ls-color-bg-neutral-backdrop);
|
|
708
378
|
}
|
|
709
379
|
|
|
710
380
|
a:link {
|
|
@@ -880,19 +550,19 @@ details,
|
|
|
880
550
|
}
|
|
881
551
|
|
|
882
552
|
.vd-colour-do {
|
|
883
|
-
color: var(--ls-color-fg-go-default
|
|
553
|
+
color: var(--ls-color-fg-go-default);
|
|
884
554
|
}
|
|
885
555
|
|
|
886
556
|
.vd-colour-go {
|
|
887
|
-
color: var(--ls-color-fg-go-default
|
|
557
|
+
color: var(--ls-color-fg-go-default);
|
|
888
558
|
}
|
|
889
559
|
|
|
890
560
|
.vd-colour-no {
|
|
891
|
-
color: var(--ls-color-fg-no-default
|
|
561
|
+
color: var(--ls-color-fg-no-default);
|
|
892
562
|
}
|
|
893
563
|
|
|
894
564
|
.vd-colour-supplementary {
|
|
895
|
-
color: var(--ls-color-fg-supplementary-default
|
|
565
|
+
color: var(--ls-color-fg-supplementary-default);
|
|
896
566
|
}
|
|
897
567
|
|
|
898
568
|
.vd-switch-input, .vd-radio-input, .vd-checkbox-input {
|
|
@@ -939,7 +609,7 @@ details,
|
|
|
939
609
|
|
|
940
610
|
@keyframes vd-blink-highlight {
|
|
941
611
|
20%, 70% {
|
|
942
|
-
background-color: var(--ls-color-bg-go-highlight-default
|
|
612
|
+
background-color: var(--ls-color-bg-go-highlight-default);
|
|
943
613
|
}
|
|
944
614
|
}
|
|
945
615
|
@keyframes vd-shake {
|
|
@@ -1617,14 +1287,14 @@ details,
|
|
|
1617
1287
|
position: relative;
|
|
1618
1288
|
}
|
|
1619
1289
|
.vd-select-container.vd-error .vd-select {
|
|
1620
|
-
border-color: var(--ls-color-border-no-default
|
|
1290
|
+
border-color: var(--ls-color-border-no-default);
|
|
1621
1291
|
}
|
|
1622
1292
|
.vd-select-container.vd-error .vd-select:focus {
|
|
1623
|
-
box-shadow: 0 0 3px var(--ls-color-border-no-default
|
|
1293
|
+
box-shadow: 0 0 3px var(--ls-color-border-no-default);
|
|
1624
1294
|
}
|
|
1625
1295
|
|
|
1626
1296
|
.vd-select {
|
|
1627
|
-
color: var(--ls-color-fg-neutral-default
|
|
1297
|
+
color: var(--ls-color-fg-neutral-default);
|
|
1628
1298
|
font-family: lato, "Helvetica Neue", helvetica, roboto, arial, sans-serif;
|
|
1629
1299
|
font-weight: 400;
|
|
1630
1300
|
font-size: 15px;
|
|
@@ -1635,8 +1305,8 @@ details,
|
|
|
1635
1305
|
box-sizing: border-box;
|
|
1636
1306
|
outline: none;
|
|
1637
1307
|
box-shadow: none;
|
|
1638
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
1639
|
-
border: 2px solid var(--ls-color-border-neutral-soft
|
|
1308
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
1309
|
+
border: 2px solid var(--ls-color-border-neutral-soft);
|
|
1640
1310
|
border-radius: 4px;
|
|
1641
1311
|
transition-duration: 0.2s;
|
|
1642
1312
|
transition-property: border-color, box-shadow;
|
|
@@ -1645,10 +1315,10 @@ details,
|
|
|
1645
1315
|
background-repeat: no-repeat;
|
|
1646
1316
|
background-size: 8px 20px;
|
|
1647
1317
|
background-position: calc(100% - 14px) 10px;
|
|
1648
|
-
background-image: var(--ls-color-select-arrows-bg
|
|
1318
|
+
background-image: var(--ls-color-select-arrows-bg);
|
|
1649
1319
|
}
|
|
1650
1320
|
.vd-select::placeholder {
|
|
1651
|
-
color: var(--ls-color-fg-supplementary-default
|
|
1321
|
+
color: var(--ls-color-fg-supplementary-default);
|
|
1652
1322
|
opacity: 1;
|
|
1653
1323
|
}
|
|
1654
1324
|
.vd-select:placeholder-shown {
|
|
@@ -1664,14 +1334,14 @@ details,
|
|
|
1664
1334
|
}
|
|
1665
1335
|
}
|
|
1666
1336
|
.vd-select:focus, .vd-select.vd-focus {
|
|
1667
|
-
border-color: var(--ls-color-border-go-default
|
|
1668
|
-
box-shadow: 0 0 3px var(--ls-color-border-go-default
|
|
1337
|
+
border-color: var(--ls-color-border-go-default);
|
|
1338
|
+
box-shadow: 0 0 3px var(--ls-color-border-go-default);
|
|
1669
1339
|
}
|
|
1670
1340
|
.vd-select.vd-input--error, .vd-select.vd-error, .vd-select.ng-invalid.ng-dirty, .ng-submitted .vd-select.ng-invalid {
|
|
1671
|
-
border-color: var(--ls-color-border-no-default
|
|
1341
|
+
border-color: var(--ls-color-border-no-default);
|
|
1672
1342
|
}
|
|
1673
1343
|
.vd-select.vd-input--error:focus, .vd-select.vd-input--error.vd-focus, .vd-select.vd-error:focus, .vd-select.vd-error.vd-focus, .vd-select.ng-invalid.ng-dirty:focus, .vd-select.ng-invalid.ng-dirty.vd-focus, .ng-submitted .vd-select.ng-invalid:focus, .ng-submitted .vd-select.ng-invalid.vd-focus {
|
|
1674
|
-
box-shadow: 0 0 3px var(--ls-color-border-no-default
|
|
1344
|
+
box-shadow: 0 0 3px var(--ls-color-border-no-default);
|
|
1675
1345
|
}
|
|
1676
1346
|
|
|
1677
1347
|
.vd-select-group {
|
|
@@ -1744,7 +1414,7 @@ details,
|
|
|
1744
1414
|
}
|
|
1745
1415
|
|
|
1746
1416
|
.vd-select-inline--placeholder {
|
|
1747
|
-
color: var(--ls-color-bg-supplementary-default
|
|
1417
|
+
color: var(--ls-color-bg-supplementary-default);
|
|
1748
1418
|
}
|
|
1749
1419
|
|
|
1750
1420
|
.vd-select-inline-text {
|
|
@@ -1761,7 +1431,7 @@ details,
|
|
|
1761
1431
|
|
|
1762
1432
|
.vd-input {
|
|
1763
1433
|
cursor: text;
|
|
1764
|
-
color: var(--ls-color-fg-neutral-default
|
|
1434
|
+
color: var(--ls-color-fg-neutral-default);
|
|
1765
1435
|
font-family: lato, "Helvetica Neue", helvetica, roboto, arial, sans-serif;
|
|
1766
1436
|
font-weight: 400;
|
|
1767
1437
|
font-size: 15px;
|
|
@@ -1772,14 +1442,14 @@ details,
|
|
|
1772
1442
|
box-sizing: border-box;
|
|
1773
1443
|
outline: none;
|
|
1774
1444
|
box-shadow: none;
|
|
1775
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
1776
|
-
border: 2px solid var(--ls-color-border-neutral-soft
|
|
1445
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
1446
|
+
border: 2px solid var(--ls-color-border-neutral-soft);
|
|
1777
1447
|
border-radius: 4px;
|
|
1778
1448
|
transition-duration: 0.2s;
|
|
1779
1449
|
transition-property: border-color, box-shadow;
|
|
1780
1450
|
}
|
|
1781
1451
|
.vd-input::placeholder {
|
|
1782
|
-
color: var(--ls-color-fg-supplementary-default
|
|
1452
|
+
color: var(--ls-color-fg-supplementary-default);
|
|
1783
1453
|
opacity: 1;
|
|
1784
1454
|
}
|
|
1785
1455
|
.vd-input:placeholder-shown {
|
|
@@ -1795,20 +1465,20 @@ details,
|
|
|
1795
1465
|
}
|
|
1796
1466
|
}
|
|
1797
1467
|
.vd-input:focus, .vd-input.vd-focus {
|
|
1798
|
-
border-color: var(--ls-color-border-go-default
|
|
1799
|
-
box-shadow: 0 0 3px var(--ls-color-border-go-default
|
|
1468
|
+
border-color: var(--ls-color-border-go-default);
|
|
1469
|
+
box-shadow: 0 0 3px var(--ls-color-border-go-default);
|
|
1800
1470
|
}
|
|
1801
1471
|
.vd-input.vd-input--error, .vd-input.vd-error, .vd-input.ng-invalid.ng-dirty, .ng-submitted .vd-input.ng-invalid {
|
|
1802
|
-
border-color: var(--ls-color-border-no-default
|
|
1472
|
+
border-color: var(--ls-color-border-no-default);
|
|
1803
1473
|
}
|
|
1804
1474
|
.vd-input.vd-input--error:focus, .vd-input.vd-input--error.vd-focus, .vd-input.vd-error:focus, .vd-input.vd-error.vd-focus, .vd-input.ng-invalid.ng-dirty:focus, .vd-input.ng-invalid.ng-dirty.vd-focus, .ng-submitted .vd-input.ng-invalid:focus, .ng-submitted .vd-input.ng-invalid.vd-focus {
|
|
1805
|
-
box-shadow: 0 0 3px var(--ls-color-border-no-default
|
|
1475
|
+
box-shadow: 0 0 3px var(--ls-color-border-no-default);
|
|
1806
1476
|
}
|
|
1807
1477
|
|
|
1808
1478
|
.vd-input-error-message-section {
|
|
1809
1479
|
display: block;
|
|
1810
1480
|
margin-top: 8px;
|
|
1811
|
-
color: var(--ls-color-fg-no-default
|
|
1481
|
+
color: var(--ls-color-fg-no-default);
|
|
1812
1482
|
font-size: 12px;
|
|
1813
1483
|
}
|
|
1814
1484
|
.vd-input-error-message-section .vd-input-error-message-text {
|
|
@@ -1826,7 +1496,7 @@ details,
|
|
|
1826
1496
|
.vd-input-icon {
|
|
1827
1497
|
position: absolute;
|
|
1828
1498
|
top: 14px;
|
|
1829
|
-
color: var(--ls-color-fg-supplementary-default
|
|
1499
|
+
color: var(--ls-color-fg-supplementary-default);
|
|
1830
1500
|
pointer-events: none;
|
|
1831
1501
|
}
|
|
1832
1502
|
|
|
@@ -1866,10 +1536,10 @@ details,
|
|
|
1866
1536
|
display: flex;
|
|
1867
1537
|
}
|
|
1868
1538
|
.vd-autocomplete-input-container.vd-input--error .vd-autocomplete-input, .vd-autocomplete-input-container.vd-error .vd-autocomplete-input, .vd-autocomplete-input-container.ng-invalid.ng-dirty .vd-autocomplete-input, .ng-submitted .vd-autocomplete-input-container.ng-invalid .vd-autocomplete-input {
|
|
1869
|
-
border-color: var(--ls-color-border-no-default
|
|
1539
|
+
border-color: var(--ls-color-border-no-default);
|
|
1870
1540
|
}
|
|
1871
1541
|
.vd-autocomplete-input-container.vd-input--error .vd-autocomplete-input:focus, .vd-autocomplete-input-container.vd-input--error .vd-autocomplete-input.vd-focus, .vd-autocomplete-input-container.vd-error .vd-autocomplete-input:focus, .vd-autocomplete-input-container.vd-error .vd-autocomplete-input.vd-focus, .vd-autocomplete-input-container.ng-invalid.ng-dirty .vd-autocomplete-input:focus, .vd-autocomplete-input-container.ng-invalid.ng-dirty .vd-autocomplete-input.vd-focus, .ng-submitted .vd-autocomplete-input-container.ng-invalid .vd-autocomplete-input:focus, .ng-submitted .vd-autocomplete-input-container.ng-invalid .vd-autocomplete-input.vd-focus {
|
|
1872
|
-
box-shadow: 0 0 3px var(--ls-color-border-no-default
|
|
1542
|
+
box-shadow: 0 0 3px var(--ls-color-border-no-default);
|
|
1873
1543
|
}
|
|
1874
1544
|
|
|
1875
1545
|
.vd-autocomplete-input-typeahead {
|
|
@@ -1878,7 +1548,7 @@ details,
|
|
|
1878
1548
|
padding: 11px 14px;
|
|
1879
1549
|
box-sizing: border-box;
|
|
1880
1550
|
outline: none;
|
|
1881
|
-
color: var(--ls-color-fg-neutral-default
|
|
1551
|
+
color: var(--ls-color-fg-neutral-default);
|
|
1882
1552
|
font-family: lato, "Helvetica Neue", helvetica, roboto, arial, sans-serif;
|
|
1883
1553
|
font-weight: 400;
|
|
1884
1554
|
font-size: 15px;
|
|
@@ -1887,7 +1557,7 @@ details,
|
|
|
1887
1557
|
top: 1px;
|
|
1888
1558
|
left: 1px;
|
|
1889
1559
|
opacity: 1;
|
|
1890
|
-
color: var(--ls-color-fg-supplementary-default
|
|
1560
|
+
color: var(--ls-color-fg-supplementary-default);
|
|
1891
1561
|
pointer-events: none;
|
|
1892
1562
|
user-select: none;
|
|
1893
1563
|
text-align: left;
|
|
@@ -1895,7 +1565,7 @@ details,
|
|
|
1895
1565
|
white-space: nowrap;
|
|
1896
1566
|
}
|
|
1897
1567
|
.vd-autocomplete-input-typeahead::placeholder {
|
|
1898
|
-
color: var(--ls-color-fg-supplementary-default
|
|
1568
|
+
color: var(--ls-color-fg-supplementary-default);
|
|
1899
1569
|
opacity: 1;
|
|
1900
1570
|
}
|
|
1901
1571
|
.vd-autocomplete-input-typeahead:placeholder-shown {
|
|
@@ -1922,10 +1592,10 @@ details,
|
|
|
1922
1592
|
display: block;
|
|
1923
1593
|
}
|
|
1924
1594
|
.vd-autocomplete-filter.vd-input--error vd-autocomplete-multi, .vd-autocomplete-filter.vd-error vd-autocomplete-multi, .vd-autocomplete-filter.ng-invalid.ng-dirty vd-autocomplete-multi, .ng-submitted .vd-autocomplete-filter.ng-invalid vd-autocomplete-multi {
|
|
1925
|
-
border-color: var(--ls-color-border-no-default
|
|
1595
|
+
border-color: var(--ls-color-border-no-default);
|
|
1926
1596
|
}
|
|
1927
1597
|
.vd-autocomplete-filter.vd-input--error vd-autocomplete-multi:focus, .vd-autocomplete-filter.vd-input--error vd-autocomplete-multi.vd-focus, .vd-autocomplete-filter.vd-error vd-autocomplete-multi:focus, .vd-autocomplete-filter.vd-error vd-autocomplete-multi.vd-focus, .vd-autocomplete-filter.ng-invalid.ng-dirty vd-autocomplete-multi:focus, .vd-autocomplete-filter.ng-invalid.ng-dirty vd-autocomplete-multi.vd-focus, .ng-submitted .vd-autocomplete-filter.ng-invalid vd-autocomplete-multi:focus, .ng-submitted .vd-autocomplete-filter.ng-invalid vd-autocomplete-multi.vd-focus {
|
|
1928
|
-
box-shadow: 0 0 3px var(--ls-color-border-no-default
|
|
1598
|
+
box-shadow: 0 0 3px var(--ls-color-border-no-default);
|
|
1929
1599
|
}
|
|
1930
1600
|
|
|
1931
1601
|
.vd-autocomplete-filter-input-container {
|
|
@@ -1935,12 +1605,12 @@ details,
|
|
|
1935
1605
|
.vd-autocomplete-filter-input-container .vd-select {
|
|
1936
1606
|
padding-left: 34px;
|
|
1937
1607
|
border-radius: 4px 0 0 4px;
|
|
1938
|
-
border-right: 1px solid var(--ls-color-border-neutral-soft
|
|
1608
|
+
border-right: 1px solid var(--ls-color-border-neutral-soft);
|
|
1939
1609
|
transition: none;
|
|
1940
1610
|
}
|
|
1941
1611
|
.vd-autocomplete-filter-input-container .vd-lozenge-group {
|
|
1942
1612
|
border-radius: 0 4px 4px 0;
|
|
1943
|
-
border-left: 1px solid var(--ls-color-border-neutral-soft
|
|
1613
|
+
border-left: 1px solid var(--ls-color-border-neutral-soft);
|
|
1944
1614
|
}
|
|
1945
1615
|
.vd-autocomplete-filter-input-container vd-autocomplete-multi {
|
|
1946
1616
|
width: 100%;
|
|
@@ -1958,26 +1628,26 @@ details,
|
|
|
1958
1628
|
|
|
1959
1629
|
.vd-autocomplete-select-placeholder {
|
|
1960
1630
|
box-shadow: none;
|
|
1961
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
1962
|
-
border: 2px solid var(--ls-color-border-neutral-soft
|
|
1631
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
1632
|
+
border: 2px solid var(--ls-color-border-neutral-soft);
|
|
1963
1633
|
border-radius: 4px;
|
|
1964
1634
|
transition-duration: 0.2s;
|
|
1965
1635
|
transition-property: border-color, box-shadow;
|
|
1966
|
-
border-right: 1px solid var(--ls-color-border-neutral-soft
|
|
1636
|
+
border-right: 1px solid var(--ls-color-border-neutral-soft);
|
|
1967
1637
|
border-radius: 4px 0 0 4px;
|
|
1968
1638
|
padding: 11px;
|
|
1969
1639
|
padding-left: 34px;
|
|
1970
1640
|
text-transform: capitalize;
|
|
1971
1641
|
}
|
|
1972
1642
|
.vd-autocomplete-select-placeholder:focus, .vd-autocomplete-select-placeholder.vd-focus {
|
|
1973
|
-
border-color: var(--ls-color-border-go-default
|
|
1974
|
-
box-shadow: 0 0 3px var(--ls-color-border-go-default
|
|
1643
|
+
border-color: var(--ls-color-border-go-default);
|
|
1644
|
+
box-shadow: 0 0 3px var(--ls-color-border-go-default);
|
|
1975
1645
|
}
|
|
1976
1646
|
.vd-autocomplete-select-placeholder.vd-input--error, .vd-autocomplete-select-placeholder.vd-error, .vd-autocomplete-select-placeholder.ng-invalid.ng-dirty, .ng-submitted .vd-autocomplete-select-placeholder.ng-invalid {
|
|
1977
|
-
border-color: var(--ls-color-border-no-default
|
|
1647
|
+
border-color: var(--ls-color-border-no-default);
|
|
1978
1648
|
}
|
|
1979
1649
|
.vd-autocomplete-select-placeholder.vd-input--error:focus, .vd-autocomplete-select-placeholder.vd-input--error.vd-focus, .vd-autocomplete-select-placeholder.vd-error:focus, .vd-autocomplete-select-placeholder.vd-error.vd-focus, .vd-autocomplete-select-placeholder.ng-invalid.ng-dirty:focus, .vd-autocomplete-select-placeholder.ng-invalid.ng-dirty.vd-focus, .ng-submitted .vd-autocomplete-select-placeholder.ng-invalid:focus, .ng-submitted .vd-autocomplete-select-placeholder.ng-invalid.vd-focus {
|
|
1980
|
-
box-shadow: 0 0 3px var(--ls-color-border-no-default
|
|
1650
|
+
box-shadow: 0 0 3px var(--ls-color-border-no-default);
|
|
1981
1651
|
}
|
|
1982
1652
|
|
|
1983
1653
|
.vd-autocomplete-filter-icon {
|
|
@@ -1985,7 +1655,7 @@ details,
|
|
|
1985
1655
|
z-index: 1;
|
|
1986
1656
|
margin-left: 14px;
|
|
1987
1657
|
margin-top: 14px;
|
|
1988
|
-
color: var(--ls-color-fg-supplementary-default
|
|
1658
|
+
color: var(--ls-color-fg-supplementary-default);
|
|
1989
1659
|
}
|
|
1990
1660
|
|
|
1991
1661
|
.vd-autocomplete-filter-button-label {
|
|
@@ -1997,7 +1667,7 @@ details,
|
|
|
1997
1667
|
align-items: center;
|
|
1998
1668
|
justify-content: space-between;
|
|
1999
1669
|
min-height: 45px;
|
|
2000
|
-
background-color: var(--ls-color-bg-neutral-edge
|
|
1670
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
2001
1671
|
}
|
|
2002
1672
|
@media only screen and (max-width: 768px) {
|
|
2003
1673
|
.vd-action-bar {
|
|
@@ -2028,7 +1698,7 @@ details,
|
|
|
2028
1698
|
}
|
|
2029
1699
|
|
|
2030
1700
|
.vd-avatar {
|
|
2031
|
-
background-color: var(--ls-color-bg-neutral-edge
|
|
1701
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
2032
1702
|
background-repeat: no-repeat;
|
|
2033
1703
|
background-size: cover;
|
|
2034
1704
|
background-position: center;
|
|
@@ -2051,10 +1721,10 @@ details,
|
|
|
2051
1721
|
.vd-avatar.vd-avatar--deleted-image {
|
|
2052
1722
|
opacity: 0.35;
|
|
2053
1723
|
filter: grayscale(100%);
|
|
2054
|
-
background-color: var(--ls-color-bg-no-default
|
|
1724
|
+
background-color: var(--ls-color-bg-no-default);
|
|
2055
1725
|
}
|
|
2056
1726
|
.vd-avatar .deleted-state-icon {
|
|
2057
|
-
color: var(--ls-color-bg-neutral-top
|
|
1727
|
+
color: var(--ls-color-bg-neutral-top);
|
|
2058
1728
|
}
|
|
2059
1729
|
|
|
2060
1730
|
.vd-avatar--initials {
|
|
@@ -2069,7 +1739,7 @@ details,
|
|
|
2069
1739
|
font-weight: 700;
|
|
2070
1740
|
word-wrap: normal;
|
|
2071
1741
|
word-break: normal;
|
|
2072
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
1742
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2073
1743
|
text-align: center;
|
|
2074
1744
|
}
|
|
2075
1745
|
.vd-avatar--initials.vd-avatar--x-small {
|
|
@@ -2131,7 +1801,7 @@ details,
|
|
|
2131
1801
|
background-repeat: no-repeat;
|
|
2132
1802
|
background-size: cover;
|
|
2133
1803
|
background-position: center center;
|
|
2134
|
-
background-color: var(--ls-color-bg-neutral-edge
|
|
1804
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
2135
1805
|
position: relative;
|
|
2136
1806
|
}
|
|
2137
1807
|
.vd-avatar-multi-tile:only-child {
|
|
@@ -2145,7 +1815,7 @@ details,
|
|
|
2145
1815
|
}
|
|
2146
1816
|
|
|
2147
1817
|
.vd-avatar-multi-tile--remainder {
|
|
2148
|
-
background-color: var(--ls-color-border-neutral-strong
|
|
1818
|
+
background-color: var(--ls-color-border-neutral-strong);
|
|
2149
1819
|
}
|
|
2150
1820
|
|
|
2151
1821
|
.vd-avatar-multi-count {
|
|
@@ -2202,8 +1872,8 @@ details,
|
|
|
2202
1872
|
|
|
2203
1873
|
.vd-banner--info,
|
|
2204
1874
|
.vd-banner--activation {
|
|
2205
|
-
background-color: var(--ls-color-bg-supplementary-default
|
|
2206
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
1875
|
+
background-color: var(--ls-color-bg-supplementary-default);
|
|
1876
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2207
1877
|
border: none;
|
|
2208
1878
|
border-left: none;
|
|
2209
1879
|
border-right: none;
|
|
@@ -2218,13 +1888,13 @@ details,
|
|
|
2218
1888
|
.vd-banner--activation .vd-link:visited,
|
|
2219
1889
|
.vd-banner--activation .vd-btn--link,
|
|
2220
1890
|
.vd-banner--activation .vd-btn--link:hover {
|
|
2221
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
1891
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2222
1892
|
text-decoration: underline;
|
|
2223
1893
|
}
|
|
2224
1894
|
|
|
2225
1895
|
.vd-banner--negative {
|
|
2226
|
-
background-color: var(--ls-color-bg-no-default
|
|
2227
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
1896
|
+
background-color: var(--ls-color-bg-no-default);
|
|
1897
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2228
1898
|
border: none;
|
|
2229
1899
|
border-left: none;
|
|
2230
1900
|
border-right: none;
|
|
@@ -2234,13 +1904,13 @@ details,
|
|
|
2234
1904
|
.vd-banner--negative .vd-link:visited,
|
|
2235
1905
|
.vd-banner--negative .vd-btn--link,
|
|
2236
1906
|
.vd-banner--negative .vd-btn--link:hover {
|
|
2237
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
1907
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2238
1908
|
text-decoration: underline;
|
|
2239
1909
|
}
|
|
2240
1910
|
|
|
2241
1911
|
.vd-banner--success {
|
|
2242
|
-
background-color: var(--ls-color-bg-success-default
|
|
2243
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
1912
|
+
background-color: var(--ls-color-bg-success-default);
|
|
1913
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2244
1914
|
border: none;
|
|
2245
1915
|
border-left: none;
|
|
2246
1916
|
border-right: none;
|
|
@@ -2250,7 +1920,7 @@ details,
|
|
|
2250
1920
|
.vd-banner--success .vd-link:visited,
|
|
2251
1921
|
.vd-banner--success .vd-btn--link,
|
|
2252
1922
|
.vd-banner--success .vd-btn--link:hover {
|
|
2253
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
1923
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2254
1924
|
text-decoration: underline;
|
|
2255
1925
|
}
|
|
2256
1926
|
|
|
@@ -2275,7 +1945,7 @@ details,
|
|
|
2275
1945
|
}
|
|
2276
1946
|
|
|
2277
1947
|
.vd-bg--upsell {
|
|
2278
|
-
background: var(--ls-color-bg-neutral-backdrop
|
|
1948
|
+
background: var(--ls-color-bg-neutral-backdrop) url("//vendfrontendassets.freetls.fastly.net/images/backgrounds/dashboard-upsell-bg-v1.svg");
|
|
2279
1949
|
}
|
|
2280
1950
|
|
|
2281
1951
|
.vd-body {
|
|
@@ -2330,234 +2000,234 @@ a.vd-btn.disabled {
|
|
|
2330
2000
|
}
|
|
2331
2001
|
|
|
2332
2002
|
.vd-btn--do {
|
|
2333
|
-
background-color: var(--ls-color-bg-go-default
|
|
2334
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2003
|
+
background-color: var(--ls-color-bg-go-default);
|
|
2004
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2335
2005
|
}
|
|
2336
2006
|
@media (hover: hover) {
|
|
2337
2007
|
.vd-btn--do:hover {
|
|
2338
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2339
|
-
background-color: var(--ls-color-bg-go-soft
|
|
2008
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2009
|
+
background-color: var(--ls-color-bg-go-soft);
|
|
2340
2010
|
}
|
|
2341
2011
|
}
|
|
2342
2012
|
.vd-btn--do:active, .vd-btn--do.vd-btn--active {
|
|
2343
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2344
|
-
background-color: var(--ls-color-bg-go-strong
|
|
2013
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2014
|
+
background-color: var(--ls-color-bg-go-strong);
|
|
2345
2015
|
}
|
|
2346
2016
|
.vd-btn--do:focus {
|
|
2347
|
-
outline: 1px solid var(--ls-color-bg-go-soft
|
|
2017
|
+
outline: 1px solid var(--ls-color-bg-go-soft);
|
|
2348
2018
|
outline-offset: 2px;
|
|
2349
2019
|
}
|
|
2350
2020
|
|
|
2351
2021
|
.vd-btn--icon-do {
|
|
2352
2022
|
background-color: transparent;
|
|
2353
2023
|
padding: 12px 14px;
|
|
2354
|
-
color: var(--ls-color-fg-supplementary-default
|
|
2024
|
+
color: var(--ls-color-fg-supplementary-default);
|
|
2355
2025
|
}
|
|
2356
2026
|
@media (hover: hover) {
|
|
2357
2027
|
.vd-btn--icon-do:hover {
|
|
2358
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2359
|
-
background-color: var(--ls-color-bg-go-default
|
|
2028
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2029
|
+
background-color: var(--ls-color-bg-go-default);
|
|
2360
2030
|
}
|
|
2361
2031
|
}
|
|
2362
2032
|
.vd-btn--icon-do:active, .vd-btn--icon-do.vd-btn--active {
|
|
2363
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2364
|
-
background-color: var(--ls-color-bg-go-strong
|
|
2033
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2034
|
+
background-color: var(--ls-color-bg-go-strong);
|
|
2365
2035
|
}
|
|
2366
2036
|
.vd-btn--icon-do:focus {
|
|
2367
|
-
outline: 1px solid var(--ls-color-bg-go-soft
|
|
2037
|
+
outline: 1px solid var(--ls-color-bg-go-soft);
|
|
2368
2038
|
outline-offset: 2px;
|
|
2369
2039
|
}
|
|
2370
2040
|
|
|
2371
2041
|
.vd-btn--text-do {
|
|
2372
2042
|
background-color: transparent;
|
|
2373
|
-
color: var(--ls-color-fg-go-default
|
|
2043
|
+
color: var(--ls-color-fg-go-default);
|
|
2374
2044
|
}
|
|
2375
2045
|
@media (hover: hover) {
|
|
2376
2046
|
.vd-btn--text-do:hover {
|
|
2377
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2378
|
-
background-color: var(--ls-color-bg-go-default
|
|
2047
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2048
|
+
background-color: var(--ls-color-bg-go-default);
|
|
2379
2049
|
}
|
|
2380
2050
|
}
|
|
2381
2051
|
.vd-btn--text-do:active, .vd-btn--text-do.vd-btn--active {
|
|
2382
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2383
|
-
background-color: var(--ls-color-bg-go-strong
|
|
2052
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2053
|
+
background-color: var(--ls-color-bg-go-strong);
|
|
2384
2054
|
}
|
|
2385
2055
|
.vd-btn--text-do:focus {
|
|
2386
|
-
outline: 1px solid var(--ls-color-bg-go-soft
|
|
2056
|
+
outline: 1px solid var(--ls-color-bg-go-soft);
|
|
2387
2057
|
outline-offset: 2px;
|
|
2388
2058
|
}
|
|
2389
2059
|
|
|
2390
2060
|
.vd-btn--supplementary {
|
|
2391
|
-
background-color: var(--ls-color-bg-supplementary-default
|
|
2392
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2061
|
+
background-color: var(--ls-color-bg-supplementary-default);
|
|
2062
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2393
2063
|
}
|
|
2394
2064
|
@media (hover: hover) {
|
|
2395
2065
|
.vd-btn--supplementary:hover {
|
|
2396
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2397
|
-
background-color: var(--ls-color-bg-supplementary-soft
|
|
2066
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2067
|
+
background-color: var(--ls-color-bg-supplementary-soft);
|
|
2398
2068
|
}
|
|
2399
2069
|
}
|
|
2400
2070
|
.vd-btn--supplementary:active, .vd-btn--supplementary.vd-btn--active {
|
|
2401
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2402
|
-
background-color: var(--ls-color-bg-supplementary-strong
|
|
2071
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2072
|
+
background-color: var(--ls-color-bg-supplementary-strong);
|
|
2403
2073
|
}
|
|
2404
2074
|
.vd-btn--supplementary:focus {
|
|
2405
|
-
outline: 1px solid var(--ls-color-bg-supplementary-soft
|
|
2075
|
+
outline: 1px solid var(--ls-color-bg-supplementary-soft);
|
|
2406
2076
|
outline-offset: 2px;
|
|
2407
2077
|
}
|
|
2408
2078
|
|
|
2409
2079
|
.vd-btn--icon-supplementary {
|
|
2410
2080
|
background-color: transparent;
|
|
2411
2081
|
padding: 12px 14px;
|
|
2412
|
-
color: var(--ls-color-fg-supplementary-default
|
|
2082
|
+
color: var(--ls-color-fg-supplementary-default);
|
|
2413
2083
|
}
|
|
2414
2084
|
@media (hover: hover) {
|
|
2415
2085
|
.vd-btn--icon-supplementary:hover {
|
|
2416
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2417
|
-
background-color: var(--ls-color-bg-supplementary-default
|
|
2086
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2087
|
+
background-color: var(--ls-color-bg-supplementary-default);
|
|
2418
2088
|
}
|
|
2419
2089
|
}
|
|
2420
2090
|
.vd-btn--icon-supplementary:active, .vd-btn--icon-supplementary.vd-btn--active {
|
|
2421
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2422
|
-
background-color: var(--ls-color-bg-supplementary-strong
|
|
2091
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2092
|
+
background-color: var(--ls-color-bg-supplementary-strong);
|
|
2423
2093
|
}
|
|
2424
2094
|
.vd-btn--icon-supplementary:focus {
|
|
2425
|
-
outline: 1px solid var(--ls-color-bg-supplementary-soft
|
|
2095
|
+
outline: 1px solid var(--ls-color-bg-supplementary-soft);
|
|
2426
2096
|
outline-offset: 2px;
|
|
2427
2097
|
}
|
|
2428
2098
|
|
|
2429
2099
|
.vd-btn--text-supplementary {
|
|
2430
2100
|
background-color: transparent;
|
|
2431
|
-
color: var(--ls-color-fg-supplementary-default
|
|
2101
|
+
color: var(--ls-color-fg-supplementary-default);
|
|
2432
2102
|
}
|
|
2433
2103
|
@media (hover: hover) {
|
|
2434
2104
|
.vd-btn--text-supplementary:hover {
|
|
2435
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2436
|
-
background-color: var(--ls-color-bg-supplementary-default
|
|
2105
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2106
|
+
background-color: var(--ls-color-bg-supplementary-default);
|
|
2437
2107
|
}
|
|
2438
2108
|
}
|
|
2439
2109
|
.vd-btn--text-supplementary:active, .vd-btn--text-supplementary.vd-btn--active {
|
|
2440
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2441
|
-
background-color: var(--ls-color-bg-supplementary-strong
|
|
2110
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2111
|
+
background-color: var(--ls-color-bg-supplementary-strong);
|
|
2442
2112
|
}
|
|
2443
2113
|
.vd-btn--text-supplementary:focus {
|
|
2444
|
-
outline: 1px solid var(--ls-color-bg-supplementary-soft
|
|
2114
|
+
outline: 1px solid var(--ls-color-bg-supplementary-soft);
|
|
2445
2115
|
outline-offset: 2px;
|
|
2446
2116
|
}
|
|
2447
2117
|
|
|
2448
2118
|
.vd-btn--no {
|
|
2449
|
-
background-color: var(--ls-color-bg-no-default
|
|
2450
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2119
|
+
background-color: var(--ls-color-bg-no-default);
|
|
2120
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2451
2121
|
}
|
|
2452
2122
|
@media (hover: hover) {
|
|
2453
2123
|
.vd-btn--no:hover {
|
|
2454
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2455
|
-
background-color: var(--ls-color-bg-no-soft
|
|
2124
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2125
|
+
background-color: var(--ls-color-bg-no-soft);
|
|
2456
2126
|
}
|
|
2457
2127
|
}
|
|
2458
2128
|
.vd-btn--no:active, .vd-btn--no.vd-btn--active {
|
|
2459
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2460
|
-
background-color: var(--ls-color-bg-no-strong
|
|
2129
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2130
|
+
background-color: var(--ls-color-bg-no-strong);
|
|
2461
2131
|
}
|
|
2462
2132
|
.vd-btn--no:focus {
|
|
2463
|
-
outline: 1px solid var(--ls-color-bg-no-soft
|
|
2133
|
+
outline: 1px solid var(--ls-color-bg-no-soft);
|
|
2464
2134
|
outline-offset: 2px;
|
|
2465
2135
|
}
|
|
2466
2136
|
|
|
2467
2137
|
.vd-btn--icon-no {
|
|
2468
2138
|
background-color: transparent;
|
|
2469
2139
|
padding: 12px 14px;
|
|
2470
|
-
color: var(--ls-color-fg-supplementary-default
|
|
2140
|
+
color: var(--ls-color-fg-supplementary-default);
|
|
2471
2141
|
}
|
|
2472
2142
|
@media (hover: hover) {
|
|
2473
2143
|
.vd-btn--icon-no:hover {
|
|
2474
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2475
|
-
background-color: var(--ls-color-bg-no-default
|
|
2144
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2145
|
+
background-color: var(--ls-color-bg-no-default);
|
|
2476
2146
|
}
|
|
2477
2147
|
}
|
|
2478
2148
|
.vd-btn--icon-no:active, .vd-btn--icon-no.vd-btn--active {
|
|
2479
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2480
|
-
background-color: var(--ls-color-bg-no-strong
|
|
2149
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2150
|
+
background-color: var(--ls-color-bg-no-strong);
|
|
2481
2151
|
}
|
|
2482
2152
|
.vd-btn--icon-no:focus {
|
|
2483
|
-
outline: 1px solid var(--ls-color-bg-no-soft
|
|
2153
|
+
outline: 1px solid var(--ls-color-bg-no-soft);
|
|
2484
2154
|
outline-offset: 2px;
|
|
2485
2155
|
}
|
|
2486
2156
|
|
|
2487
2157
|
.vd-btn--text-no {
|
|
2488
2158
|
background-color: transparent;
|
|
2489
|
-
color: var(--ls-color-fg-no-default
|
|
2159
|
+
color: var(--ls-color-fg-no-default);
|
|
2490
2160
|
}
|
|
2491
2161
|
@media (hover: hover) {
|
|
2492
2162
|
.vd-btn--text-no:hover {
|
|
2493
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2494
|
-
background-color: var(--ls-color-bg-no-default
|
|
2163
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2164
|
+
background-color: var(--ls-color-bg-no-default);
|
|
2495
2165
|
}
|
|
2496
2166
|
}
|
|
2497
2167
|
.vd-btn--text-no:active, .vd-btn--text-no.vd-btn--active {
|
|
2498
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2499
|
-
background-color: var(--ls-color-bg-no-strong
|
|
2168
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2169
|
+
background-color: var(--ls-color-bg-no-strong);
|
|
2500
2170
|
}
|
|
2501
2171
|
.vd-btn--text-no:focus {
|
|
2502
|
-
outline: 1px solid var(--ls-color-bg-no-soft
|
|
2172
|
+
outline: 1px solid var(--ls-color-bg-no-soft);
|
|
2503
2173
|
outline-offset: 2px;
|
|
2504
2174
|
}
|
|
2505
2175
|
|
|
2506
2176
|
.vd-btn--go {
|
|
2507
|
-
background-color: var(--ls-color-bg-go-default
|
|
2508
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2177
|
+
background-color: var(--ls-color-bg-go-default);
|
|
2178
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2509
2179
|
}
|
|
2510
2180
|
@media (hover: hover) {
|
|
2511
2181
|
.vd-btn--go:hover {
|
|
2512
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2513
|
-
background-color: var(--ls-color-bg-go-soft
|
|
2182
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2183
|
+
background-color: var(--ls-color-bg-go-soft);
|
|
2514
2184
|
}
|
|
2515
2185
|
}
|
|
2516
2186
|
.vd-btn--go:active, .vd-btn--go.vd-btn--active {
|
|
2517
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2518
|
-
background-color: var(--ls-color-bg-go-strong
|
|
2187
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2188
|
+
background-color: var(--ls-color-bg-go-strong);
|
|
2519
2189
|
}
|
|
2520
2190
|
.vd-btn--go:focus {
|
|
2521
|
-
outline: 1px solid var(--ls-color-bg-go-soft
|
|
2191
|
+
outline: 1px solid var(--ls-color-bg-go-soft);
|
|
2522
2192
|
outline-offset: 2px;
|
|
2523
2193
|
}
|
|
2524
2194
|
|
|
2525
2195
|
.vd-btn--icon-go {
|
|
2526
2196
|
background-color: transparent;
|
|
2527
2197
|
padding: 12px 14px;
|
|
2528
|
-
color: var(--ls-color-fg-go-default
|
|
2198
|
+
color: var(--ls-color-fg-go-default);
|
|
2529
2199
|
}
|
|
2530
2200
|
@media (hover: hover) {
|
|
2531
2201
|
.vd-btn--icon-go:hover {
|
|
2532
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2533
|
-
background-color: var(--ls-color-bg-go-default
|
|
2202
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2203
|
+
background-color: var(--ls-color-bg-go-default);
|
|
2534
2204
|
}
|
|
2535
2205
|
}
|
|
2536
2206
|
.vd-btn--icon-go:active, .vd-btn--icon-go.vd-btn--active {
|
|
2537
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2538
|
-
background-color: var(--ls-color-bg-go-strong
|
|
2207
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2208
|
+
background-color: var(--ls-color-bg-go-strong);
|
|
2539
2209
|
}
|
|
2540
2210
|
.vd-btn--icon-go:focus {
|
|
2541
|
-
outline: 1px solid var(--ls-color-bg-go-soft
|
|
2211
|
+
outline: 1px solid var(--ls-color-bg-go-soft);
|
|
2542
2212
|
outline-offset: 2px;
|
|
2543
2213
|
}
|
|
2544
2214
|
|
|
2545
2215
|
.vd-btn--text-go {
|
|
2546
2216
|
background-color: transparent;
|
|
2547
|
-
color: var(--ls-color-fg-go-default
|
|
2217
|
+
color: var(--ls-color-fg-go-default);
|
|
2548
2218
|
}
|
|
2549
2219
|
@media (hover: hover) {
|
|
2550
2220
|
.vd-btn--text-go:hover {
|
|
2551
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2552
|
-
background-color: var(--ls-color-bg-go-default
|
|
2221
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2222
|
+
background-color: var(--ls-color-bg-go-default);
|
|
2553
2223
|
}
|
|
2554
2224
|
}
|
|
2555
2225
|
.vd-btn--text-go:active, .vd-btn--text-go.vd-btn--active {
|
|
2556
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2557
|
-
background-color: var(--ls-color-bg-go-strong
|
|
2226
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
2227
|
+
background-color: var(--ls-color-bg-go-strong);
|
|
2558
2228
|
}
|
|
2559
2229
|
.vd-btn--text-go:focus {
|
|
2560
|
-
outline: 1px solid var(--ls-color-bg-go-soft
|
|
2230
|
+
outline: 1px solid var(--ls-color-bg-go-soft);
|
|
2561
2231
|
outline-offset: 2px;
|
|
2562
2232
|
}
|
|
2563
2233
|
|
|
@@ -2573,7 +2243,7 @@ a.vd-btn.disabled {
|
|
|
2573
2243
|
text-decoration: underline;
|
|
2574
2244
|
}
|
|
2575
2245
|
.vd-btn--link:hover, .vd-btn--link:focus {
|
|
2576
|
-
color: var(--ls-color-fg-go-default
|
|
2246
|
+
color: var(--ls-color-fg-go-default);
|
|
2577
2247
|
}
|
|
2578
2248
|
|
|
2579
2249
|
.vd-btn--jumbo {
|
|
@@ -2615,11 +2285,11 @@ a.vd-btn.disabled {
|
|
|
2615
2285
|
line-height: 1.3333333333;
|
|
2616
2286
|
font-weight: 700;
|
|
2617
2287
|
align-items: center;
|
|
2618
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
2288
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
2619
2289
|
border-radius: 4px;
|
|
2620
|
-
border: 2px solid var(--ls-color-border-neutral-soft
|
|
2290
|
+
border: 2px solid var(--ls-color-border-neutral-soft);
|
|
2621
2291
|
box-sizing: border-box;
|
|
2622
|
-
color: var(--ls-color-fg-neutral-default
|
|
2292
|
+
color: var(--ls-color-fg-neutral-default);
|
|
2623
2293
|
cursor: pointer;
|
|
2624
2294
|
display: flex;
|
|
2625
2295
|
flex-direction: column;
|
|
@@ -2642,23 +2312,23 @@ a.vd-btn.disabled {
|
|
|
2642
2312
|
filter: grayscale(100%);
|
|
2643
2313
|
}
|
|
2644
2314
|
.vd-btn-panel:focus {
|
|
2645
|
-
border-color: var(--ls-color-border-go-default
|
|
2315
|
+
border-color: var(--ls-color-border-go-default);
|
|
2646
2316
|
}
|
|
2647
2317
|
.vd-btn-panel:hover {
|
|
2648
|
-
border-color: var(--ls-color-bg-go-soft
|
|
2318
|
+
border-color: var(--ls-color-bg-go-soft);
|
|
2649
2319
|
}
|
|
2650
2320
|
.vd-btn-panel:active {
|
|
2651
|
-
background-color: var(--ls-color-bg-neutral-edge
|
|
2321
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
2652
2322
|
}
|
|
2653
2323
|
|
|
2654
2324
|
.vd-btn-panel--selected {
|
|
2655
|
-
border-color: var(--ls-color-border-go-default
|
|
2325
|
+
border-color: var(--ls-color-border-go-default);
|
|
2656
2326
|
}
|
|
2657
2327
|
.vd-btn-panel--selected:focus, .vd-btn-panel--selected:hover {
|
|
2658
|
-
border-color: var(--ls-color-bg-go-soft
|
|
2328
|
+
border-color: var(--ls-color-bg-go-soft);
|
|
2659
2329
|
}
|
|
2660
2330
|
.vd-btn-panel--selected:active {
|
|
2661
|
-
border-color: var(--ls-color-bg-go-strong
|
|
2331
|
+
border-color: var(--ls-color-bg-go-strong);
|
|
2662
2332
|
}
|
|
2663
2333
|
|
|
2664
2334
|
.vd-btn-panel-group {
|
|
@@ -2687,8 +2357,8 @@ a.vd-btn.disabled {
|
|
|
2687
2357
|
}
|
|
2688
2358
|
|
|
2689
2359
|
.vd-card {
|
|
2690
|
-
border: 2px solid var(--ls-color-border-neutral-soft
|
|
2691
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
2360
|
+
border: 2px solid var(--ls-color-border-neutral-soft);
|
|
2361
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
2692
2362
|
border-radius: 5px;
|
|
2693
2363
|
}
|
|
2694
2364
|
.vd-card.vd-card--active {
|
|
@@ -2702,7 +2372,7 @@ a.vd-btn.disabled {
|
|
|
2702
2372
|
right: 1em;
|
|
2703
2373
|
content: "";
|
|
2704
2374
|
bottom: 0;
|
|
2705
|
-
box-shadow: 0 0.1em 4em 0 var(--ls-color-overlay-neutral-strong
|
|
2375
|
+
box-shadow: 0 0.1em 4em 0 var(--ls-color-overlay-neutral-strong);
|
|
2706
2376
|
}
|
|
2707
2377
|
|
|
2708
2378
|
vd-carousel {
|
|
@@ -2786,7 +2456,7 @@ vd-carousel-frame {
|
|
|
2786
2456
|
display: flex;
|
|
2787
2457
|
flex-direction: row;
|
|
2788
2458
|
justify-content: space-between;
|
|
2789
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
2459
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
2790
2460
|
height: 72px;
|
|
2791
2461
|
}
|
|
2792
2462
|
|
|
@@ -2814,11 +2484,11 @@ vd-carousel-frame {
|
|
|
2814
2484
|
width: 8px;
|
|
2815
2485
|
height: 8px;
|
|
2816
2486
|
border-radius: 50%;
|
|
2817
|
-
background-color: var(--ls-color-border-neutral-strong
|
|
2487
|
+
background-color: var(--ls-color-border-neutral-strong);
|
|
2818
2488
|
}
|
|
2819
2489
|
|
|
2820
2490
|
.vd-carousel-paginator-indicator--active::before {
|
|
2821
|
-
background-color: var(--ls-color-bg-go-default
|
|
2491
|
+
background-color: var(--ls-color-bg-go-default);
|
|
2822
2492
|
}
|
|
2823
2493
|
|
|
2824
2494
|
@keyframes vd-checkbox-checked {
|
|
@@ -2904,8 +2574,8 @@ vd-carousel-frame {
|
|
|
2904
2574
|
position: relative;
|
|
2905
2575
|
height: 24px;
|
|
2906
2576
|
width: 24px;
|
|
2907
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
2908
|
-
border: 2px solid var(--ls-color-border-neutral-strong
|
|
2577
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
2578
|
+
border: 2px solid var(--ls-color-border-neutral-strong);
|
|
2909
2579
|
border-radius: 4px;
|
|
2910
2580
|
box-sizing: border-box;
|
|
2911
2581
|
}
|
|
@@ -2914,9 +2584,9 @@ vd-carousel-frame {
|
|
|
2914
2584
|
box-sizing: content-box;
|
|
2915
2585
|
display: block;
|
|
2916
2586
|
position: absolute;
|
|
2917
|
-
border-right: 4px solid var(--ls-color-border-neutral-strong
|
|
2918
|
-
border-top: 4px solid var(--ls-color-border-neutral-strong
|
|
2919
|
-
border-color: var(--ls-color-border-neutral-strong
|
|
2587
|
+
border-right: 4px solid var(--ls-color-border-neutral-strong);
|
|
2588
|
+
border-top: 4px solid var(--ls-color-border-neutral-strong);
|
|
2589
|
+
border-color: var(--ls-color-border-neutral-strong);
|
|
2920
2590
|
transform: scaleX(-1) rotate(135deg);
|
|
2921
2591
|
transform-origin: left top;
|
|
2922
2592
|
height: 11px;
|
|
@@ -2932,19 +2602,19 @@ vd-carousel-frame {
|
|
|
2932
2602
|
}
|
|
2933
2603
|
|
|
2934
2604
|
.vd-checkbox-input:focus-visible + .vd-checkbox-tick {
|
|
2935
|
-
outline: 1px solid var(--ls-color-bg-go-soft
|
|
2605
|
+
outline: 1px solid var(--ls-color-bg-go-soft);
|
|
2936
2606
|
outline-offset: 2px;
|
|
2937
2607
|
}
|
|
2938
2608
|
|
|
2939
2609
|
.vd-checkbox-input:checked + .vd-checkbox-tick {
|
|
2940
2610
|
transition: background-color 0.8s;
|
|
2941
|
-
background-color: var(--ls-color-bg-go-default
|
|
2942
|
-
border-color: var(--ls-color-bg-go-default
|
|
2611
|
+
background-color: var(--ls-color-bg-go-default);
|
|
2612
|
+
border-color: var(--ls-color-bg-go-default);
|
|
2943
2613
|
}
|
|
2944
2614
|
.vd-checkbox-input:checked + .vd-checkbox-tick::after {
|
|
2945
2615
|
opacity: 1;
|
|
2946
2616
|
animation: vd-checkbox-checked 0.8s;
|
|
2947
|
-
border-color: var(--ls-color-fg-neutral-ondark-default
|
|
2617
|
+
border-color: var(--ls-color-fg-neutral-ondark-default);
|
|
2948
2618
|
box-sizing: content-box;
|
|
2949
2619
|
backface-visibility: hidden;
|
|
2950
2620
|
}
|
|
@@ -2969,11 +2639,11 @@ vd-carousel-frame {
|
|
|
2969
2639
|
}
|
|
2970
2640
|
|
|
2971
2641
|
.vd-checkbox--mixed .vd-checkbox-tick {
|
|
2972
|
-
border: 2px solid var(--ls-color-bg-go-default
|
|
2642
|
+
border: 2px solid var(--ls-color-bg-go-default);
|
|
2973
2643
|
}
|
|
2974
2644
|
|
|
2975
2645
|
.vd-checkbox--mixed .vd-checkbox-input:not(:checked) + .vd-checkbox-tick::after {
|
|
2976
|
-
background-color: var(--ls-color-bg-go-default
|
|
2646
|
+
background-color: var(--ls-color-bg-go-default);
|
|
2977
2647
|
border: none;
|
|
2978
2648
|
top: 9px;
|
|
2979
2649
|
left: 6px;
|
|
@@ -3057,7 +2727,7 @@ vd-carousel-frame {
|
|
|
3057
2727
|
box-sizing: border-box;
|
|
3058
2728
|
margin: 0 auto;
|
|
3059
2729
|
padding: var(--vd-dialog-spacing);
|
|
3060
|
-
background: var(--ls-color-bg-neutral-top
|
|
2730
|
+
background: var(--ls-color-bg-neutral-top);
|
|
3061
2731
|
border-radius: 4px;
|
|
3062
2732
|
display: flex;
|
|
3063
2733
|
flex-direction: column;
|
|
@@ -3144,7 +2814,7 @@ vd-carousel-frame {
|
|
|
3144
2814
|
width: 40px;
|
|
3145
2815
|
margin: 20px auto 0;
|
|
3146
2816
|
border: none;
|
|
3147
|
-
border-top: 1px solid var(--ls-color-border-neutral-strong
|
|
2817
|
+
border-top: 1px solid var(--ls-color-border-neutral-strong);
|
|
3148
2818
|
}
|
|
3149
2819
|
|
|
3150
2820
|
.vd-dialog-content {
|
|
@@ -3198,9 +2868,9 @@ vd-carousel-frame {
|
|
|
3198
2868
|
display: flex;
|
|
3199
2869
|
align-items: center;
|
|
3200
2870
|
justify-content: center;
|
|
3201
|
-
background: var(--ls-color-bg-neutral-top
|
|
2871
|
+
background: var(--ls-color-bg-neutral-top);
|
|
3202
2872
|
border-radius: 50%;
|
|
3203
|
-
color: var(--ls-color-fg-supplementary-default
|
|
2873
|
+
color: var(--ls-color-fg-supplementary-default);
|
|
3204
2874
|
padding: 10px;
|
|
3205
2875
|
text-decoration: none;
|
|
3206
2876
|
border: 0;
|
|
@@ -3216,15 +2886,15 @@ vd-carousel-frame {
|
|
|
3216
2886
|
}
|
|
3217
2887
|
.vd-dialog-close:focus {
|
|
3218
2888
|
outline: 0;
|
|
3219
|
-
box-shadow: 0 0 3px 1px var(--ls-color-fg-go-default
|
|
2889
|
+
box-shadow: 0 0 3px 1px var(--ls-color-fg-go-default);
|
|
3220
2890
|
}
|
|
3221
2891
|
.vd-modal--size-full-screen .vd-dialog-close {
|
|
3222
2892
|
top: 16px;
|
|
3223
2893
|
right: 16px;
|
|
3224
2894
|
}
|
|
3225
2895
|
.vd-modal--size-full-screen .vd-dialog-close .vd-dialog-close-button {
|
|
3226
|
-
background-color: var(--ls-color-bg-supplementary-default
|
|
3227
|
-
color: var(--ls-color-bg-neutral-top
|
|
2896
|
+
background-color: var(--ls-color-bg-supplementary-default);
|
|
2897
|
+
color: var(--ls-color-bg-neutral-top);
|
|
3228
2898
|
}
|
|
3229
2899
|
.vd-modal--size-full-screen .vd-dialog-close .vd-dialog-close-icon {
|
|
3230
2900
|
opacity: 1;
|
|
@@ -3260,7 +2930,7 @@ vd-carousel-frame {
|
|
|
3260
2930
|
font-size: 12px;
|
|
3261
2931
|
}
|
|
3262
2932
|
.vd-modal--size-full-screen .vd-dialog-close-label {
|
|
3263
|
-
color: var(--ls-color-fg-supplementary-default
|
|
2933
|
+
color: var(--ls-color-fg-supplementary-default);
|
|
3264
2934
|
font-weight: bold;
|
|
3265
2935
|
}
|
|
3266
2936
|
@media only screen and (max-width: 768px) {
|
|
@@ -3270,14 +2940,14 @@ vd-carousel-frame {
|
|
|
3270
2940
|
}
|
|
3271
2941
|
|
|
3272
2942
|
.vd-dialog-close--inverse .vd-dialog-close-button {
|
|
3273
|
-
background: var(--ls-color-bg-supplementary-default
|
|
3274
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
2943
|
+
background: var(--ls-color-bg-supplementary-default);
|
|
2944
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
3275
2945
|
}
|
|
3276
2946
|
.vd-dialog-close--inverse .vd-dialog-close-icon {
|
|
3277
2947
|
opacity: 1;
|
|
3278
2948
|
}
|
|
3279
2949
|
.vd-dialog-close--inverse .vd-dialog-close-label {
|
|
3280
|
-
color: var(--ls-color-fg-neutral-default
|
|
2950
|
+
color: var(--ls-color-fg-neutral-default);
|
|
3281
2951
|
opacity: 0.5;
|
|
3282
2952
|
}
|
|
3283
2953
|
|
|
@@ -3297,22 +2967,22 @@ vd-dott,
|
|
|
3297
2967
|
}
|
|
3298
2968
|
|
|
3299
2969
|
.vd-dott-gradient-start {
|
|
3300
|
-
stop-color: var(--ls-color-fg-go-default
|
|
2970
|
+
stop-color: var(--ls-color-fg-go-default);
|
|
3301
2971
|
}
|
|
3302
2972
|
|
|
3303
2973
|
.vd-dott-gradient-stop {
|
|
3304
|
-
stop-color: var(--ls-color-fg-success-default
|
|
2974
|
+
stop-color: var(--ls-color-fg-success-default);
|
|
3305
2975
|
}
|
|
3306
2976
|
|
|
3307
2977
|
.vd-dott-border:not(.vd-input--error):not(.vd-error) {
|
|
3308
2978
|
border: initial;
|
|
3309
|
-
border-top: 2px solid var(--ls-color-border-go-default
|
|
3310
|
-
border-bottom: 2px solid var(--ls-color-border-success-default
|
|
3311
|
-
background-image: linear-gradient(var(--ls-color-border-go-default
|
|
2979
|
+
border-top: 2px solid var(--ls-color-border-go-default);
|
|
2980
|
+
border-bottom: 2px solid var(--ls-color-border-success-default);
|
|
2981
|
+
background-image: linear-gradient(var(--ls-color-border-go-default), var(--ls-color-border-success-default)), linear-gradient(var(--ls-color-border-go-default), var(--ls-color-border-success-default));
|
|
3312
2982
|
background-size: 2px 100%;
|
|
3313
2983
|
background-position: 0 0, 100% 0;
|
|
3314
2984
|
background-repeat: no-repeat;
|
|
3315
|
-
box-shadow: 0 0 4px 0 var(--ls-color-border-go-default
|
|
2985
|
+
box-shadow: 0 0 4px 0 var(--ls-color-border-go-default);
|
|
3316
2986
|
}
|
|
3317
2987
|
|
|
3318
2988
|
.vd-dropdown-input {
|
|
@@ -3323,10 +2993,10 @@ vd-dott,
|
|
|
3323
2993
|
}
|
|
3324
2994
|
|
|
3325
2995
|
.vd-dropdown-input-container.vd-input--error .vd-dropdown-input, .vd-dropdown-input-container.vd-error .vd-dropdown-input, .vd-dropdown-input-container.ng-invalid.ng-dirty .vd-dropdown-input, .ng-submitted .vd-dropdown-input-container.ng-invalid .vd-dropdown-input {
|
|
3326
|
-
border-color: var(--ls-color-border-no-default
|
|
2996
|
+
border-color: var(--ls-color-border-no-default);
|
|
3327
2997
|
}
|
|
3328
2998
|
.vd-dropdown-input-container.vd-input--error .vd-dropdown-input:focus, .vd-dropdown-input-container.vd-input--error .vd-dropdown-input.vd-focus, .vd-dropdown-input-container.vd-error .vd-dropdown-input:focus, .vd-dropdown-input-container.vd-error .vd-dropdown-input.vd-focus, .vd-dropdown-input-container.ng-invalid.ng-dirty .vd-dropdown-input:focus, .vd-dropdown-input-container.ng-invalid.ng-dirty .vd-dropdown-input.vd-focus, .ng-submitted .vd-dropdown-input-container.ng-invalid .vd-dropdown-input:focus, .ng-submitted .vd-dropdown-input-container.ng-invalid .vd-dropdown-input.vd-focus {
|
|
3329
|
-
box-shadow: 0 0 3px var(--ls-color-border-no-default
|
|
2999
|
+
box-shadow: 0 0 3px var(--ls-color-border-no-default);
|
|
3330
3000
|
}
|
|
3331
3001
|
|
|
3332
3002
|
.vd-expandable-content {
|
|
@@ -3439,7 +3109,7 @@ vd-dott,
|
|
|
3439
3109
|
margin: 0 0 16px;
|
|
3440
3110
|
font-size: 16px;
|
|
3441
3111
|
font-weight: 700;
|
|
3442
|
-
border-bottom: 1px solid var(--ls-color-border-neutral-strong
|
|
3112
|
+
border-bottom: 1px solid var(--ls-color-border-neutral-strong);
|
|
3443
3113
|
width: 100%;
|
|
3444
3114
|
}
|
|
3445
3115
|
|
|
@@ -3455,14 +3125,14 @@ vd-dott,
|
|
|
3455
3125
|
font-weight: 900;
|
|
3456
3126
|
text-transform: uppercase;
|
|
3457
3127
|
padding: 4px 8px;
|
|
3458
|
-
background-color: var(--ls-color-bg-neutral-edge
|
|
3128
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
3459
3129
|
border-radius: 4px;
|
|
3460
3130
|
display: inline-block;
|
|
3461
3131
|
vertical-align: text-top;
|
|
3462
3132
|
overflow: hidden;
|
|
3463
3133
|
}
|
|
3464
3134
|
.vd-flag, .vd-flag:link, .vd-flag:visited {
|
|
3465
|
-
color: var(--ls-color-fg-supplementary-default
|
|
3135
|
+
color: var(--ls-color-fg-supplementary-default) !important;
|
|
3466
3136
|
}
|
|
3467
3137
|
|
|
3468
3138
|
.vd-flag-chevron {
|
|
@@ -3480,13 +3150,13 @@ vd-dott,
|
|
|
3480
3150
|
|
|
3481
3151
|
.vd-flag--negative,
|
|
3482
3152
|
.vd-flag--warning {
|
|
3483
|
-
background-color: var(--ls-color-bg-no-default
|
|
3153
|
+
background-color: var(--ls-color-bg-no-default);
|
|
3484
3154
|
}
|
|
3485
3155
|
.vd-flag--negative, .vd-flag--negative:link, .vd-flag--negative:visited,
|
|
3486
3156
|
.vd-flag--warning,
|
|
3487
3157
|
.vd-flag--warning:link,
|
|
3488
3158
|
.vd-flag--warning:visited {
|
|
3489
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
3159
|
+
color: var(--ls-color-fg-neutral-ondark-default) !important;
|
|
3490
3160
|
}
|
|
3491
3161
|
.vd-flag--negative .vd-flag-chevron,
|
|
3492
3162
|
.vd-flag--warning .vd-flag-chevron {
|
|
@@ -3553,7 +3223,7 @@ vd-dott,
|
|
|
3553
3223
|
.vd-header {
|
|
3554
3224
|
display: block;
|
|
3555
3225
|
font-weight: 700;
|
|
3556
|
-
color: var(--ls-color-fg-neutral-default
|
|
3226
|
+
color: var(--ls-color-fg-neutral-default);
|
|
3557
3227
|
margin: 0;
|
|
3558
3228
|
}
|
|
3559
3229
|
|
|
@@ -3605,7 +3275,7 @@ vd-dott,
|
|
|
3605
3275
|
text-align: center;
|
|
3606
3276
|
padding: 48px 20px;
|
|
3607
3277
|
box-sizing: border-box;
|
|
3608
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
3278
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
3609
3279
|
}
|
|
3610
3280
|
@media only screen and (max-width: 1000px) {
|
|
3611
3281
|
.vd-hero-container .vd-hero {
|
|
@@ -3631,7 +3301,7 @@ vd-dott,
|
|
|
3631
3301
|
word-break: break-word;
|
|
3632
3302
|
font-weight: 700;
|
|
3633
3303
|
margin: 0;
|
|
3634
|
-
color: var(--ls-color-fg-neutral-default
|
|
3304
|
+
color: var(--ls-color-fg-neutral-default);
|
|
3635
3305
|
line-height: 1.2;
|
|
3636
3306
|
font-synthesis: none;
|
|
3637
3307
|
text-rendering: optimizelegibility;
|
|
@@ -3666,9 +3336,9 @@ vd-dott,
|
|
|
3666
3336
|
justify-content: center;
|
|
3667
3337
|
padding: 20px;
|
|
3668
3338
|
box-sizing: border-box;
|
|
3669
|
-
background-color: var(--ls-color-bg-neutral-inverted-top
|
|
3339
|
+
background-color: var(--ls-color-bg-neutral-inverted-top);
|
|
3670
3340
|
font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
3671
|
-
color: var(--ls-color-fg-neutral-inverted-default
|
|
3341
|
+
color: var(--ls-color-fg-neutral-inverted-default);
|
|
3672
3342
|
text-align: center;
|
|
3673
3343
|
font-size: 15px;
|
|
3674
3344
|
}
|
|
@@ -3718,7 +3388,7 @@ vd-dott,
|
|
|
3718
3388
|
}
|
|
3719
3389
|
|
|
3720
3390
|
.vd-hero-aux-footer {
|
|
3721
|
-
color: var(--ls-color-border-neutral-strong
|
|
3391
|
+
color: var(--ls-color-border-neutral-strong);
|
|
3722
3392
|
margin-top: 12px;
|
|
3723
3393
|
}
|
|
3724
3394
|
|
|
@@ -3726,7 +3396,7 @@ vd-dott,
|
|
|
3726
3396
|
margin: 20px auto;
|
|
3727
3397
|
width: 100%;
|
|
3728
3398
|
max-width: 1100px;
|
|
3729
|
-
border-top: 1px solid var(--ls-color-border-neutral-strong
|
|
3399
|
+
border-top: 1px solid var(--ls-color-border-neutral-strong);
|
|
3730
3400
|
border-left: none;
|
|
3731
3401
|
border-right: none;
|
|
3732
3402
|
border-bottom: none;
|
|
@@ -3742,7 +3412,7 @@ vd-dott,
|
|
|
3742
3412
|
font-size: 12px;
|
|
3743
3413
|
}
|
|
3744
3414
|
.vd-countdown:not(.vd-text--negative) {
|
|
3745
|
-
color: var(--ls-color-fg-supplementary-default
|
|
3415
|
+
color: var(--ls-color-fg-supplementary-default);
|
|
3746
3416
|
}
|
|
3747
3417
|
|
|
3748
3418
|
.vd-in-page-help {
|
|
@@ -3750,7 +3420,7 @@ vd-dott,
|
|
|
3750
3420
|
}
|
|
3751
3421
|
|
|
3752
3422
|
.vd-in-page-help-section {
|
|
3753
|
-
border-bottom: 1px solid var(--ls-color-border-neutral-soft
|
|
3423
|
+
border-bottom: 1px solid var(--ls-color-border-neutral-soft);
|
|
3754
3424
|
}
|
|
3755
3425
|
|
|
3756
3426
|
.vd-in-page-help-container {
|
|
@@ -3806,13 +3476,13 @@ vd-dott,
|
|
|
3806
3476
|
}
|
|
3807
3477
|
|
|
3808
3478
|
.vd-link {
|
|
3809
|
-
color: var(--ls-color-fg-go-default
|
|
3479
|
+
color: var(--ls-color-fg-go-default);
|
|
3810
3480
|
text-decoration: none;
|
|
3811
3481
|
cursor: pointer;
|
|
3812
3482
|
transition: color 0.2s;
|
|
3813
3483
|
}
|
|
3814
3484
|
.vd-link:visited {
|
|
3815
|
-
color: var(--ls-color-fg-go-default
|
|
3485
|
+
color: var(--ls-color-fg-go-default);
|
|
3816
3486
|
}
|
|
3817
3487
|
@media (hover: hover) {
|
|
3818
3488
|
.vd-link:hover {
|
|
@@ -3829,7 +3499,7 @@ vd-dott,
|
|
|
3829
3499
|
}
|
|
3830
3500
|
@media (hover: hover) {
|
|
3831
3501
|
.vd-link--secondary:hover {
|
|
3832
|
-
color: var(--ls-color-fg-go-default
|
|
3502
|
+
color: var(--ls-color-fg-go-default) !important;
|
|
3833
3503
|
}
|
|
3834
3504
|
}
|
|
3835
3505
|
|
|
@@ -3844,8 +3514,8 @@ vd-dott,
|
|
|
3844
3514
|
line-height: 1.3333333333;
|
|
3845
3515
|
font-weight: 400;
|
|
3846
3516
|
padding: 6px 10px;
|
|
3847
|
-
color: var(--ls-color-fg-supplementary-default
|
|
3848
|
-
background-color: var(--ls-color-bg-neutral-edge
|
|
3517
|
+
color: var(--ls-color-fg-supplementary-default);
|
|
3518
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
3849
3519
|
border-radius: 4px;
|
|
3850
3520
|
display: inline-block;
|
|
3851
3521
|
margin-right: 4px;
|
|
@@ -3863,8 +3533,8 @@ vd-dott,
|
|
|
3863
3533
|
}
|
|
3864
3534
|
|
|
3865
3535
|
.vd-lozenge--interactive {
|
|
3866
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
3867
|
-
background-color: var(--ls-color-bg-supplementary-default
|
|
3536
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
3537
|
+
background-color: var(--ls-color-bg-supplementary-default);
|
|
3868
3538
|
}
|
|
3869
3539
|
|
|
3870
3540
|
.vd-lozenge--disabled {
|
|
@@ -3874,8 +3544,8 @@ vd-dott,
|
|
|
3874
3544
|
}
|
|
3875
3545
|
|
|
3876
3546
|
.vd-lozenge--marked {
|
|
3877
|
-
background-color: var(--ls-color-bg-no-default
|
|
3878
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
3547
|
+
background-color: var(--ls-color-bg-no-default);
|
|
3548
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
3879
3549
|
}
|
|
3880
3550
|
|
|
3881
3551
|
@keyframes vd-lozenge-group-already-added {
|
|
@@ -3901,25 +3571,25 @@ vd-dott,
|
|
|
3901
3571
|
align-items: center;
|
|
3902
3572
|
cursor: text;
|
|
3903
3573
|
box-shadow: none;
|
|
3904
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
3905
|
-
border: 2px solid var(--ls-color-border-neutral-soft
|
|
3574
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
3575
|
+
border: 2px solid var(--ls-color-border-neutral-soft);
|
|
3906
3576
|
border-radius: 4px;
|
|
3907
3577
|
transition-duration: 0.2s;
|
|
3908
3578
|
transition-property: border-color, box-shadow;
|
|
3909
3579
|
}
|
|
3910
3580
|
.vd-lozenge-group:focus, .vd-lozenge-group.vd-focus {
|
|
3911
|
-
border-color: var(--ls-color-border-go-default
|
|
3912
|
-
box-shadow: 0 0 3px var(--ls-color-border-go-default
|
|
3581
|
+
border-color: var(--ls-color-border-go-default);
|
|
3582
|
+
box-shadow: 0 0 3px var(--ls-color-border-go-default);
|
|
3913
3583
|
}
|
|
3914
3584
|
.vd-lozenge-group.vd-input--error, .vd-lozenge-group.vd-error, .vd-lozenge-group.ng-invalid.ng-dirty, .ng-submitted .vd-lozenge-group.ng-invalid {
|
|
3915
|
-
border-color: var(--ls-color-border-no-default
|
|
3585
|
+
border-color: var(--ls-color-border-no-default);
|
|
3916
3586
|
}
|
|
3917
3587
|
.vd-lozenge-group.vd-input--error:focus, .vd-lozenge-group.vd-input--error.vd-focus, .vd-lozenge-group.vd-error:focus, .vd-lozenge-group.vd-error.vd-focus, .vd-lozenge-group.ng-invalid.ng-dirty:focus, .vd-lozenge-group.ng-invalid.ng-dirty.vd-focus, .ng-submitted .vd-lozenge-group.ng-invalid:focus, .ng-submitted .vd-lozenge-group.ng-invalid.vd-focus {
|
|
3918
|
-
box-shadow: 0 0 3px var(--ls-color-border-no-default
|
|
3588
|
+
box-shadow: 0 0 3px var(--ls-color-border-no-default);
|
|
3919
3589
|
}
|
|
3920
3590
|
.vd-lozenge-group:focus-within {
|
|
3921
|
-
border-color: var(--ls-color-border-go-default
|
|
3922
|
-
box-shadow: 0 0 3px var(--ls-color-border-go-default
|
|
3591
|
+
border-color: var(--ls-color-border-go-default);
|
|
3592
|
+
box-shadow: 0 0 3px var(--ls-color-border-go-default);
|
|
3923
3593
|
}
|
|
3924
3594
|
.vd-lozenge-group .vd-lozenge {
|
|
3925
3595
|
margin-left: 4px;
|
|
@@ -3932,7 +3602,7 @@ vd-dott,
|
|
|
3932
3602
|
animation-fill-mode: both;
|
|
3933
3603
|
}
|
|
3934
3604
|
.vd-lozenge-group .vd-lozenge-group-input {
|
|
3935
|
-
color: var(--ls-color-fg-neutral-default
|
|
3605
|
+
color: var(--ls-color-fg-neutral-default);
|
|
3936
3606
|
font-family: lato, "Helvetica Neue", helvetica, roboto, arial, sans-serif;
|
|
3937
3607
|
font-weight: 400;
|
|
3938
3608
|
font-size: 15px;
|
|
@@ -3947,7 +3617,7 @@ vd-dott,
|
|
|
3947
3617
|
flex-grow: 1;
|
|
3948
3618
|
}
|
|
3949
3619
|
.vd-lozenge-group .vd-lozenge-group-input::placeholder {
|
|
3950
|
-
color: var(--ls-color-fg-supplementary-default
|
|
3620
|
+
color: var(--ls-color-fg-supplementary-default);
|
|
3951
3621
|
opacity: 1;
|
|
3952
3622
|
}
|
|
3953
3623
|
.vd-lozenge-group .vd-lozenge-group-input:placeholder-shown {
|
|
@@ -3969,7 +3639,7 @@ vd-dott,
|
|
|
3969
3639
|
width: 20px;
|
|
3970
3640
|
height: 20px;
|
|
3971
3641
|
border-radius: 50%;
|
|
3972
|
-
border: 2px solid var(--ls-color-fg-go-default
|
|
3642
|
+
border: 2px solid var(--ls-color-fg-go-default);
|
|
3973
3643
|
border-left-color: transparent;
|
|
3974
3644
|
animation: vd-rotate 1s ease-in-out infinite;
|
|
3975
3645
|
}
|
|
@@ -4053,7 +3723,7 @@ vd-dott,
|
|
|
4053
3723
|
font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
4054
3724
|
font-size: 15px;
|
|
4055
3725
|
line-height: normal;
|
|
4056
|
-
color: var(--ls-color-fg-neutral-default
|
|
3726
|
+
color: var(--ls-color-fg-neutral-default);
|
|
4057
3727
|
position: absolute;
|
|
4058
3728
|
z-index: 410;
|
|
4059
3729
|
}
|
|
@@ -4074,7 +3744,7 @@ vd-dott,
|
|
|
4074
3744
|
|
|
4075
3745
|
.vd-overlay--visible {
|
|
4076
3746
|
visibility: visible;
|
|
4077
|
-
background-color: var(--ls-color-overlay-neutral-strong
|
|
3747
|
+
background-color: var(--ls-color-overlay-neutral-strong);
|
|
4078
3748
|
pointer-events: auto;
|
|
4079
3749
|
}
|
|
4080
3750
|
|
|
@@ -4090,12 +3760,12 @@ vd-dott,
|
|
|
4090
3760
|
|
|
4091
3761
|
.vd-panel {
|
|
4092
3762
|
display: block;
|
|
4093
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
3763
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
4094
3764
|
margin: 0 -24px;
|
|
4095
3765
|
}
|
|
4096
3766
|
|
|
4097
3767
|
.vd-panel--dark {
|
|
4098
|
-
background-color: var(--ls-color-bg-neutral-backdrop
|
|
3768
|
+
background-color: var(--ls-color-bg-neutral-backdrop);
|
|
4099
3769
|
}
|
|
4100
3770
|
|
|
4101
3771
|
.vd-popover-container {
|
|
@@ -4106,7 +3776,7 @@ vd-dott,
|
|
|
4106
3776
|
font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
4107
3777
|
font-size: 15px;
|
|
4108
3778
|
line-height: normal;
|
|
4109
|
-
color: var(--ls-color-fg-neutral-default
|
|
3779
|
+
color: var(--ls-color-fg-neutral-default);
|
|
4110
3780
|
display: none;
|
|
4111
3781
|
position: relative;
|
|
4112
3782
|
z-index: 300;
|
|
@@ -4217,8 +3887,8 @@ vd-dott,
|
|
|
4217
3887
|
.vd-popover {
|
|
4218
3888
|
position: relative;
|
|
4219
3889
|
border-radius: 5px;
|
|
4220
|
-
filter: drop-shadow(0 4px 5px var(--ls-color-overlay-neutral-strong
|
|
4221
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
3890
|
+
filter: drop-shadow(0 4px 5px var(--ls-color-overlay-neutral-strong));
|
|
3891
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
4222
3892
|
}
|
|
4223
3893
|
.vd-popover-tether-pinned-bottom .vd-popover {
|
|
4224
3894
|
margin-bottom: 12px;
|
|
@@ -4231,7 +3901,7 @@ vd-dott,
|
|
|
4231
3901
|
position: relative;
|
|
4232
3902
|
box-sizing: border-box;
|
|
4233
3903
|
border-radius: 5px;
|
|
4234
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
3904
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
4235
3905
|
z-index: 1;
|
|
4236
3906
|
padding: 24px;
|
|
4237
3907
|
max-height: calc(50vh - 40px);
|
|
@@ -4260,26 +3930,26 @@ vd-dott,
|
|
|
4260
3930
|
position: absolute;
|
|
4261
3931
|
height: 12px;
|
|
4262
3932
|
width: 12px;
|
|
4263
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
3933
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
4264
3934
|
transform: rotate(45deg);
|
|
4265
3935
|
}
|
|
4266
3936
|
.vd-popover-tether-element-attached-bottom.vd-popover-tether-target-attached-top .vd-popover-actions:not(:empty) ~ .vd-popover-beak {
|
|
4267
|
-
background-color: var(--ls-color-bg-neutral-edge
|
|
3937
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
4268
3938
|
}
|
|
4269
3939
|
.vd-popover-tether-element-attached-bottom.vd-popover-tether-target-attached-left .vd-popover-actions:not(:empty) ~ .vd-popover-beak {
|
|
4270
|
-
background-color: var(--ls-color-bg-neutral-edge
|
|
3940
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
4271
3941
|
}
|
|
4272
3942
|
.vd-popover-tether-element-attached-bottom.vd-popover-tether-target-attached-right .vd-popover-actions:not(:empty) ~ .vd-popover-beak {
|
|
4273
|
-
background-color: var(--ls-color-bg-neutral-edge
|
|
3943
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
4274
3944
|
}
|
|
4275
3945
|
.vd-popover-tether-element-attached-bottom.vd-popover-tether-target-attached-top .vd-popover-actions:has(.vd-popover-list-footer-action:not(:empty)) ~ .vd-popover-beak {
|
|
4276
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
3946
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
4277
3947
|
}
|
|
4278
3948
|
.vd-popover-tether-element-attached-bottom.vd-popover-tether-target-attached-left .vd-popover-actions:has(.vd-popover-list-footer-action:not(:empty)) ~ .vd-popover-beak {
|
|
4279
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
3949
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
4280
3950
|
}
|
|
4281
3951
|
.vd-popover-tether-element-attached-bottom.vd-popover-tether-target-attached-right .vd-popover-actions:has(.vd-popover-list-footer-action:not(:empty)) ~ .vd-popover-beak {
|
|
4282
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
3952
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
4283
3953
|
}
|
|
4284
3954
|
.vd-popover-tether-pinned .vd-popover-beak {
|
|
4285
3955
|
display: none;
|
|
@@ -4334,13 +4004,13 @@ vd-dott,
|
|
|
4334
4004
|
}
|
|
4335
4005
|
.vd-multiselect-popover-container .vd-input-icon {
|
|
4336
4006
|
padding-right: 24px;
|
|
4337
|
-
color: var(--ls-color-fg-neutral-default
|
|
4007
|
+
color: var(--ls-color-fg-neutral-default);
|
|
4338
4008
|
}
|
|
4339
4009
|
.vd-multiselect-popover-container.vd-input--error .vd-multiselect-popover-input, .vd-multiselect-popover-container.vd-error .vd-multiselect-popover-input, .vd-multiselect-popover-container.ng-invalid.ng-dirty .vd-multiselect-popover-input, .ng-submitted .vd-multiselect-popover-container.ng-invalid .vd-multiselect-popover-input {
|
|
4340
|
-
border-color: var(--ls-color-border-no-default
|
|
4010
|
+
border-color: var(--ls-color-border-no-default);
|
|
4341
4011
|
}
|
|
4342
4012
|
.vd-multiselect-popover-container.vd-input--error .vd-multiselect-popover-input:focus, .vd-multiselect-popover-container.vd-input--error .vd-multiselect-popover-input.vd-focus, .vd-multiselect-popover-container.vd-error .vd-multiselect-popover-input:focus, .vd-multiselect-popover-container.vd-error .vd-multiselect-popover-input.vd-focus, .vd-multiselect-popover-container.ng-invalid.ng-dirty .vd-multiselect-popover-input:focus, .vd-multiselect-popover-container.ng-invalid.ng-dirty .vd-multiselect-popover-input.vd-focus, .ng-submitted .vd-multiselect-popover-container.ng-invalid .vd-multiselect-popover-input:focus, .ng-submitted .vd-multiselect-popover-container.ng-invalid .vd-multiselect-popover-input.vd-focus {
|
|
4343
|
-
box-shadow: 0 0 3px var(--ls-color-border-no-default
|
|
4013
|
+
box-shadow: 0 0 3px var(--ls-color-border-no-default);
|
|
4344
4014
|
}
|
|
4345
4015
|
|
|
4346
4016
|
.vd-multiselect-popover-content-container {
|
|
@@ -4412,7 +4082,7 @@ vd-dott,
|
|
|
4412
4082
|
}
|
|
4413
4083
|
.vd-popover-list-group-header::after {
|
|
4414
4084
|
content: "";
|
|
4415
|
-
border-bottom: 2px solid var(--ls-color-border-neutral-soft
|
|
4085
|
+
border-bottom: 2px solid var(--ls-color-border-neutral-soft);
|
|
4416
4086
|
display: block;
|
|
4417
4087
|
position: absolute;
|
|
4418
4088
|
bottom: 0;
|
|
@@ -4446,7 +4116,7 @@ vd-dott,
|
|
|
4446
4116
|
}
|
|
4447
4117
|
.vd-popover-list-group-divider::after {
|
|
4448
4118
|
content: "";
|
|
4449
|
-
border-bottom: 2px solid var(--ls-color-border-neutral-soft
|
|
4119
|
+
border-bottom: 2px solid var(--ls-color-border-neutral-soft);
|
|
4450
4120
|
display: block;
|
|
4451
4121
|
position: absolute;
|
|
4452
4122
|
right: 24px;
|
|
@@ -4468,7 +4138,7 @@ vd-dott,
|
|
|
4468
4138
|
text-decoration: none;
|
|
4469
4139
|
}
|
|
4470
4140
|
.vd-popover-list-item.vd-popover-list-item--active, .vd-popover-list-item:hover, .vd-popover-list-item:focus {
|
|
4471
|
-
background-color: var(--ls-color-bg-go-highlight-default
|
|
4141
|
+
background-color: var(--ls-color-bg-go-highlight-default);
|
|
4472
4142
|
}
|
|
4473
4143
|
|
|
4474
4144
|
.vd-popover-list-item--disabled {
|
|
@@ -4519,8 +4189,8 @@ vd-dott,
|
|
|
4519
4189
|
}
|
|
4520
4190
|
|
|
4521
4191
|
.vd-popover-list-footer--full {
|
|
4522
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
4523
|
-
border-top: 1px solid var(--ls-color-border-neutral-soft
|
|
4192
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
4193
|
+
border-top: 1px solid var(--ls-color-border-neutral-soft);
|
|
4524
4194
|
display: flex;
|
|
4525
4195
|
flex-direction: column;
|
|
4526
4196
|
min-height: 60px;
|
|
@@ -4537,9 +4207,9 @@ vd-dott,
|
|
|
4537
4207
|
font-size: 15px;
|
|
4538
4208
|
line-height: 1.3333333333;
|
|
4539
4209
|
font-weight: 700;
|
|
4540
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
4210
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
4541
4211
|
border: 0;
|
|
4542
|
-
color: var(--ls-color-fg-go-default
|
|
4212
|
+
color: var(--ls-color-fg-go-default);
|
|
4543
4213
|
cursor: pointer;
|
|
4544
4214
|
flex: 1 0 100%;
|
|
4545
4215
|
font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
@@ -4550,11 +4220,11 @@ vd-dott,
|
|
|
4550
4220
|
}
|
|
4551
4221
|
@media (hover: hover) {
|
|
4552
4222
|
.vd-popover-list-footer-action:hover {
|
|
4553
|
-
background-color: var(--ls-color-bg-go-highlight-default
|
|
4223
|
+
background-color: var(--ls-color-bg-go-highlight-default);
|
|
4554
4224
|
}
|
|
4555
4225
|
}
|
|
4556
4226
|
.vd-popover-list-footer-action:active, .vd-popover-list-footer-action:focus {
|
|
4557
|
-
background-color: var(--ls-color-bg-go-highlight-default
|
|
4227
|
+
background-color: var(--ls-color-bg-go-highlight-default);
|
|
4558
4228
|
}
|
|
4559
4229
|
|
|
4560
4230
|
.vd-popover-list-separator {
|
|
@@ -4581,7 +4251,7 @@ vd-dott,
|
|
|
4581
4251
|
word-break: break-word;
|
|
4582
4252
|
font-weight: 700;
|
|
4583
4253
|
margin: 0;
|
|
4584
|
-
color: var(--ls-color-fg-neutral-default
|
|
4254
|
+
color: var(--ls-color-fg-neutral-default);
|
|
4585
4255
|
line-height: 1.25;
|
|
4586
4256
|
font-synthesis: none;
|
|
4587
4257
|
text-rendering: optimizelegibility;
|
|
@@ -4722,8 +4392,8 @@ vd-dott,
|
|
|
4722
4392
|
height: 24px;
|
|
4723
4393
|
width: 24px;
|
|
4724
4394
|
border-radius: 50%;
|
|
4725
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
4726
|
-
border: 2px solid var(--ls-color-border-neutral-strong
|
|
4395
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
4396
|
+
border: 2px solid var(--ls-color-border-neutral-strong);
|
|
4727
4397
|
box-sizing: border-box;
|
|
4728
4398
|
}
|
|
4729
4399
|
.vd-radio-tick::after {
|
|
@@ -4733,7 +4403,7 @@ vd-dott,
|
|
|
4733
4403
|
height: 8px;
|
|
4734
4404
|
width: 8px;
|
|
4735
4405
|
border-radius: 50%;
|
|
4736
|
-
background-color: var(--ls-color-border-neutral-strong
|
|
4406
|
+
background-color: var(--ls-color-border-neutral-strong);
|
|
4737
4407
|
opacity: 0;
|
|
4738
4408
|
left: 6px;
|
|
4739
4409
|
top: 6px;
|
|
@@ -4746,13 +4416,13 @@ vd-dott,
|
|
|
4746
4416
|
|
|
4747
4417
|
.vd-radio-input:checked + .vd-radio-tick {
|
|
4748
4418
|
transition: background-color 0.8s;
|
|
4749
|
-
background-color: var(--ls-color-bg-go-default
|
|
4750
|
-
border-color: var(--ls-color-bg-go-default
|
|
4419
|
+
background-color: var(--ls-color-bg-go-default);
|
|
4420
|
+
border-color: var(--ls-color-bg-go-default);
|
|
4751
4421
|
}
|
|
4752
4422
|
.vd-radio-input:checked + .vd-radio-tick::after {
|
|
4753
4423
|
opacity: 1;
|
|
4754
4424
|
animation: vd-radio-checked 0.8s;
|
|
4755
|
-
background-color: var(--ls-color-fg-neutral-ondark-default
|
|
4425
|
+
background-color: var(--ls-color-fg-neutral-ondark-default);
|
|
4756
4426
|
box-sizing: content-box;
|
|
4757
4427
|
backface-visibility: hidden;
|
|
4758
4428
|
}
|
|
@@ -4769,7 +4439,7 @@ vd-dott,
|
|
|
4769
4439
|
.vd-radio.vd-disabled .vd-radio-input:hover:checked + .vd-radio-tick::after,
|
|
4770
4440
|
.vd-radio-input:disabled:hover:checked + .vd-radio-tick::after {
|
|
4771
4441
|
opacity: 1;
|
|
4772
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
4442
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
4773
4443
|
}
|
|
4774
4444
|
.vd-radio.vd-disabled .vd-radio-input ~ .vd-radio-label,
|
|
4775
4445
|
.vd-radio-input:disabled ~ .vd-radio-label {
|
|
@@ -4781,8 +4451,9 @@ vd-dott,
|
|
|
4781
4451
|
opacity: 0.35;
|
|
4782
4452
|
}
|
|
4783
4453
|
|
|
4784
|
-
.vd-radio:focus-within {
|
|
4785
|
-
|
|
4454
|
+
.vd-radio:focus-within .vd-radio-tick {
|
|
4455
|
+
outline: 1px solid var(--ls-color-bg-go-soft);
|
|
4456
|
+
outline-offset: 2px;
|
|
4786
4457
|
}
|
|
4787
4458
|
|
|
4788
4459
|
.vd-scrollable-container {
|
|
@@ -4814,7 +4485,7 @@ vd-dott,
|
|
|
4814
4485
|
}
|
|
4815
4486
|
.vd-scrollable-indicator::before {
|
|
4816
4487
|
content: "";
|
|
4817
|
-
box-shadow: 0 0 30px var(--ls-color-overlay-neutral-strong
|
|
4488
|
+
box-shadow: 0 0 30px var(--ls-color-overlay-neutral-strong);
|
|
4818
4489
|
border-radius: 100%;
|
|
4819
4490
|
width: 100%;
|
|
4820
4491
|
height: 100%;
|
|
@@ -4879,16 +4550,16 @@ vd-section .vd-section,
|
|
|
4879
4550
|
|
|
4880
4551
|
.vd-section--secondary,
|
|
4881
4552
|
.vd-section--secondary .vd-section-container {
|
|
4882
|
-
background-color: var(--ls-color-bg-neutral-edge
|
|
4553
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
4883
4554
|
}
|
|
4884
4555
|
|
|
4885
4556
|
.vd-section--tertiary,
|
|
4886
4557
|
.vd-section--tertiary .vd-section-container {
|
|
4887
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
4558
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
4888
4559
|
}
|
|
4889
4560
|
|
|
4890
4561
|
.vd-section--panel {
|
|
4891
|
-
border-bottom: 1px solid var(--ls-color-border-neutral-strong
|
|
4562
|
+
border-bottom: 1px solid var(--ls-color-border-neutral-strong);
|
|
4892
4563
|
margin: 0 24px;
|
|
4893
4564
|
}
|
|
4894
4565
|
.vd-section--panel:last-child {
|
|
@@ -4911,7 +4582,7 @@ vd-section .vd-section,
|
|
|
4911
4582
|
right: 1em;
|
|
4912
4583
|
content: "";
|
|
4913
4584
|
bottom: 0;
|
|
4914
|
-
box-shadow: 0 0.1em 4em 0 var(--ls-color-overlay-neutral-strong
|
|
4585
|
+
box-shadow: 0 0.1em 4em 0 var(--ls-color-overlay-neutral-strong);
|
|
4915
4586
|
}
|
|
4916
4587
|
.vd-section--fixed::after {
|
|
4917
4588
|
animation: vd-fade-in 0.2s ease-in-out;
|
|
@@ -4925,7 +4596,7 @@ vd-section .vd-section,
|
|
|
4925
4596
|
|
|
4926
4597
|
.vd-section--action-bar,
|
|
4927
4598
|
.vd-section--action-bar .vd-section-container {
|
|
4928
|
-
background-color: var(--ls-color-bg-neutral-edge
|
|
4599
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
4929
4600
|
}
|
|
4930
4601
|
.vd-section--action-bar .vd-section-wrap {
|
|
4931
4602
|
min-height: 45px;
|
|
@@ -4963,7 +4634,7 @@ vd-section .vd-section,
|
|
|
4963
4634
|
}
|
|
4964
4635
|
.vd-section-back .vd-section-back-icon {
|
|
4965
4636
|
display: block;
|
|
4966
|
-
color: var(--ls-color-border-neutral-strong
|
|
4637
|
+
color: var(--ls-color-border-neutral-strong);
|
|
4967
4638
|
font-size: 24px;
|
|
4968
4639
|
transition-duration: 0.2s;
|
|
4969
4640
|
transition-property: margin-left, padding-right, color;
|
|
@@ -4971,7 +4642,7 @@ vd-section .vd-section,
|
|
|
4971
4642
|
.vd-section-back:hover .vd-section-back-icon {
|
|
4972
4643
|
margin-left: -2px;
|
|
4973
4644
|
padding-right: 2px;
|
|
4974
|
-
color: var(--ls-color-fg-go-default
|
|
4645
|
+
color: var(--ls-color-fg-go-default);
|
|
4975
4646
|
}
|
|
4976
4647
|
@media only screen and (max-width: 1000px) {
|
|
4977
4648
|
.vd-section-back {
|
|
@@ -4991,12 +4662,12 @@ vd-section .vd-section,
|
|
|
4991
4662
|
font-weight: normal;
|
|
4992
4663
|
}
|
|
4993
4664
|
.vd-segcontrol:first-of-type .vd-segcontrol-button {
|
|
4994
|
-
border-left: 2px solid var(--ls-color-border-neutral-soft
|
|
4665
|
+
border-left: 2px solid var(--ls-color-border-neutral-soft);
|
|
4995
4666
|
border-radius: 4px 0 0 4px;
|
|
4996
4667
|
}
|
|
4997
4668
|
.vd-segcontrol:last-of-type .vd-segcontrol-button {
|
|
4998
4669
|
border-radius: 0 4px 4px 0;
|
|
4999
|
-
border-right: 2px solid var(--ls-color-border-neutral-soft
|
|
4670
|
+
border-right: 2px solid var(--ls-color-border-neutral-soft);
|
|
5000
4671
|
}
|
|
5001
4672
|
|
|
5002
4673
|
.vd-segcontrol--stretched {
|
|
@@ -5004,13 +4675,13 @@ vd-section .vd-section,
|
|
|
5004
4675
|
}
|
|
5005
4676
|
|
|
5006
4677
|
.vd-segcontrol--selected .vd-segcontrol-button {
|
|
5007
|
-
border-color: var(--ls-color-border-go-default
|
|
4678
|
+
border-color: var(--ls-color-border-go-default) !important;
|
|
5008
4679
|
z-index: 3;
|
|
5009
4680
|
}
|
|
5010
4681
|
|
|
5011
4682
|
.vd-segcontrol:not(.vd-segcontrol--selected):not(.vd-segcontrol--disabled):hover .vd-segcontrol-input:not(:disabled) ~ .vd-segcontrol-button {
|
|
5012
4683
|
z-index: 2;
|
|
5013
|
-
border-color: var(--ls-color-border-neutral-strong
|
|
4684
|
+
border-color: var(--ls-color-border-neutral-strong);
|
|
5014
4685
|
cursor: pointer;
|
|
5015
4686
|
}
|
|
5016
4687
|
|
|
@@ -5023,10 +4694,10 @@ vd-section .vd-section,
|
|
|
5023
4694
|
flex-direction: column;
|
|
5024
4695
|
justify-content: flex-start;
|
|
5025
4696
|
align-items: center;
|
|
5026
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
4697
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
5027
4698
|
padding: 12px 20px;
|
|
5028
|
-
border: 2px solid var(--ls-color-border-neutral-soft
|
|
5029
|
-
color: var(--ls-color-fg-neutral-default
|
|
4699
|
+
border: 2px solid var(--ls-color-border-neutral-soft);
|
|
4700
|
+
color: var(--ls-color-fg-neutral-default);
|
|
5030
4701
|
width: 100%;
|
|
5031
4702
|
transition-duration: 0.2s;
|
|
5032
4703
|
transition-property: background, border;
|
|
@@ -5037,7 +4708,7 @@ vd-section .vd-section,
|
|
|
5037
4708
|
position: absolute;
|
|
5038
4709
|
}
|
|
5039
4710
|
.vd-segcontrol-input:checked + .vd-segcontrol-button {
|
|
5040
|
-
color: var(--ls-color-fg-neutral-default
|
|
4711
|
+
color: var(--ls-color-fg-neutral-default);
|
|
5041
4712
|
}
|
|
5042
4713
|
.vd-segcontrol-input:disabled + .vd-segcontrol-button {
|
|
5043
4714
|
opacity: 0.35;
|
|
@@ -5047,8 +4718,8 @@ vd-section .vd-section,
|
|
|
5047
4718
|
}
|
|
5048
4719
|
|
|
5049
4720
|
.vd-segcontrol:active .vd-segcontrol-input + .vd-segcontrol-button {
|
|
5050
|
-
background-color: var(--ls-color-bg-neutral-inert-softer
|
|
5051
|
-
box-shadow: 0 0 3px var(--ls-color-bg-neutral-edge
|
|
4721
|
+
background-color: var(--ls-color-bg-neutral-inert-softer);
|
|
4722
|
+
box-shadow: 0 0 3px var(--ls-color-bg-neutral-edge);
|
|
5052
4723
|
}
|
|
5053
4724
|
|
|
5054
4725
|
.vd-segcontrol--panel {
|
|
@@ -5060,7 +4731,7 @@ vd-section .vd-section,
|
|
|
5060
4731
|
}
|
|
5061
4732
|
|
|
5062
4733
|
.vd-splash-fullscreen-container {
|
|
5063
|
-
border: 20px solid var(--ls-color-overlay-neutral-strong
|
|
4734
|
+
border: 20px solid var(--ls-color-overlay-neutral-strong);
|
|
5064
4735
|
box-sizing: border-box;
|
|
5065
4736
|
display: block;
|
|
5066
4737
|
position: fixed;
|
|
@@ -5081,7 +4752,7 @@ vd-section .vd-section,
|
|
|
5081
4752
|
display: flex;
|
|
5082
4753
|
justify-content: center;
|
|
5083
4754
|
align-items: center;
|
|
5084
|
-
background: var(--ls-color-bg-neutral-top
|
|
4755
|
+
background: var(--ls-color-bg-neutral-top);
|
|
5085
4756
|
overflow: auto;
|
|
5086
4757
|
animation: vd-fade-in 0.5s ease-in-out;
|
|
5087
4758
|
animation-fill-mode: forwards;
|
|
@@ -5110,7 +4781,7 @@ vd-section .vd-section,
|
|
|
5110
4781
|
|
|
5111
4782
|
.vd-status-icon {
|
|
5112
4783
|
border-radius: 50%;
|
|
5113
|
-
background-color: var(--ls-color-bg-go-default
|
|
4784
|
+
background-color: var(--ls-color-bg-go-default);
|
|
5114
4785
|
width: 8px;
|
|
5115
4786
|
height: 8px;
|
|
5116
4787
|
display: inline-block;
|
|
@@ -5118,7 +4789,7 @@ vd-section .vd-section,
|
|
|
5118
4789
|
}
|
|
5119
4790
|
|
|
5120
4791
|
.vd-status-icon--negative {
|
|
5121
|
-
background-color: var(--ls-color-bg-no-default
|
|
4792
|
+
background-color: var(--ls-color-bg-no-default);
|
|
5122
4793
|
}
|
|
5123
4794
|
|
|
5124
4795
|
.vd-suggestions-popover .vd-popover-content {
|
|
@@ -5150,8 +4821,8 @@ vd-section .vd-section,
|
|
|
5150
4821
|
right: 0;
|
|
5151
4822
|
height: 60px;
|
|
5152
4823
|
box-sizing: border-box;
|
|
5153
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
5154
|
-
border-top: 1px solid var(--ls-color-border-neutral-soft
|
|
4824
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
4825
|
+
border-top: 1px solid var(--ls-color-border-neutral-soft);
|
|
5155
4826
|
}
|
|
5156
4827
|
|
|
5157
4828
|
.vd-suggestion-query-container {
|
|
@@ -5182,8 +4853,8 @@ vd-section .vd-section,
|
|
|
5182
4853
|
margin-right: -16px !important;
|
|
5183
4854
|
}
|
|
5184
4855
|
.vd-suggestion-clear.vd-suggestion-clear--active {
|
|
5185
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
5186
|
-
background-color: var(--ls-color-bg-supplementary-soft
|
|
4856
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
4857
|
+
background-color: var(--ls-color-bg-supplementary-soft);
|
|
5187
4858
|
}
|
|
5188
4859
|
|
|
5189
4860
|
.vd-switch {
|
|
@@ -5208,8 +4879,8 @@ vd-section .vd-section,
|
|
|
5208
4879
|
height: 36px;
|
|
5209
4880
|
border-radius: 36px;
|
|
5210
4881
|
box-sizing: border-box;
|
|
5211
|
-
border: 2px solid var(--ls-color-bg-go-soft
|
|
5212
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
4882
|
+
border: 2px solid var(--ls-color-bg-go-soft);
|
|
4883
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
5213
4884
|
transition: background-color 0.5s ease-in-out;
|
|
5214
4885
|
}
|
|
5215
4886
|
.vd-switch--small .vd-switch-track {
|
|
@@ -5221,7 +4892,7 @@ vd-section .vd-section,
|
|
|
5221
4892
|
box-sizing: border-box;
|
|
5222
4893
|
display: inline-block;
|
|
5223
4894
|
position: absolute;
|
|
5224
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
4895
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
5225
4896
|
top: 8px;
|
|
5226
4897
|
left: 10px;
|
|
5227
4898
|
opacity: 0;
|
|
@@ -5239,7 +4910,7 @@ vd-section .vd-section,
|
|
|
5239
4910
|
position: absolute;
|
|
5240
4911
|
top: 8px;
|
|
5241
4912
|
left: 41px;
|
|
5242
|
-
color: var(--ls-color-bg-go-soft
|
|
4913
|
+
color: var(--ls-color-bg-go-soft);
|
|
5243
4914
|
opacity: 1;
|
|
5244
4915
|
transition: opacity 0.54s ease-in-out;
|
|
5245
4916
|
}
|
|
@@ -5253,8 +4924,8 @@ vd-section .vd-section,
|
|
|
5253
4924
|
float: left;
|
|
5254
4925
|
border-radius: inherit;
|
|
5255
4926
|
box-sizing: border-box;
|
|
5256
|
-
border: 2px solid var(--ls-color-bg-go-soft
|
|
5257
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
4927
|
+
border: 2px solid var(--ls-color-bg-go-soft);
|
|
4928
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
5258
4929
|
pointer-events: none;
|
|
5259
4930
|
width: 36px;
|
|
5260
4931
|
height: 36px;
|
|
@@ -5268,11 +4939,11 @@ vd-section .vd-section,
|
|
|
5268
4939
|
}
|
|
5269
4940
|
|
|
5270
4941
|
.vd-switch-input:checked:focus + .vd-switch-track {
|
|
5271
|
-
box-shadow: 0 0 5px 2px var(--ls-color-bg-go-default
|
|
4942
|
+
box-shadow: 0 0 5px 2px var(--ls-color-bg-go-default);
|
|
5272
4943
|
}
|
|
5273
4944
|
.vd-switch-input:checked + .vd-switch-track {
|
|
5274
|
-
border-color: var(--ls-color-bg-go-default
|
|
5275
|
-
background-color: var(--ls-color-bg-go-default
|
|
4945
|
+
border-color: var(--ls-color-bg-go-default);
|
|
4946
|
+
background-color: var(--ls-color-bg-go-default);
|
|
5276
4947
|
}
|
|
5277
4948
|
.vd-switch-input:checked + .vd-switch-track .vd-switch-icon {
|
|
5278
4949
|
opacity: 1;
|
|
@@ -5282,14 +4953,14 @@ vd-section .vd-section,
|
|
|
5282
4953
|
}
|
|
5283
4954
|
.vd-switch-input:checked + .vd-switch-track .vd-switch-track-knob {
|
|
5284
4955
|
transform: translate3d(32px, 0, 0);
|
|
5285
|
-
border-color: var(--ls-color-bg-go-default
|
|
4956
|
+
border-color: var(--ls-color-bg-go-default);
|
|
5286
4957
|
}
|
|
5287
4958
|
.vd-switch--small .vd-switch-input:checked + .vd-switch-track .vd-switch-track-knob {
|
|
5288
4959
|
transform: translate3d(24px, 0, 0);
|
|
5289
4960
|
}
|
|
5290
4961
|
|
|
5291
4962
|
.vd-switch-input:focus + .vd-switch-track {
|
|
5292
|
-
box-shadow: 0 0 5px 2px var(--ls-color-bg-go-soft
|
|
4963
|
+
box-shadow: 0 0 5px 2px var(--ls-color-bg-go-soft);
|
|
5293
4964
|
}
|
|
5294
4965
|
|
|
5295
4966
|
.vd-switch-input:disabled + .vd-switch-track {
|
|
@@ -5322,7 +4993,7 @@ vd-section .vd-section,
|
|
|
5322
4993
|
gap: 16px 32px;
|
|
5323
4994
|
padding: 0;
|
|
5324
4995
|
margin: 0;
|
|
5325
|
-
box-shadow: inset 0 -1px var(--ls-color-border-neutral-strong
|
|
4996
|
+
box-shadow: inset 0 -1px var(--ls-color-border-neutral-strong);
|
|
5326
4997
|
}
|
|
5327
4998
|
|
|
5328
4999
|
.vd-tabs-container--overflow {
|
|
@@ -5341,16 +5012,16 @@ vd-section .vd-section,
|
|
|
5341
5012
|
|
|
5342
5013
|
.vd-tab {
|
|
5343
5014
|
display: inline-block;
|
|
5344
|
-
color: var(--ls-color-fg-neutral-default
|
|
5015
|
+
color: var(--ls-color-fg-neutral-default);
|
|
5345
5016
|
}
|
|
5346
5017
|
.vd-tab.vd-tab--active .vd-tab-button {
|
|
5347
|
-
border-bottom-color: var(--ls-color-border-go-default
|
|
5348
|
-
color: var(--ls-color-fg-go-default
|
|
5018
|
+
border-bottom-color: var(--ls-color-border-go-default);
|
|
5019
|
+
color: var(--ls-color-fg-go-default);
|
|
5349
5020
|
}
|
|
5350
5021
|
@media (hover: hover) {
|
|
5351
5022
|
.vd-tab:hover:not(.vd-tab--disabled) .vd-tab-button {
|
|
5352
|
-
border-bottom-color: var(--ls-color-border-go-default
|
|
5353
|
-
color: var(--ls-color-fg-go-default
|
|
5023
|
+
border-bottom-color: var(--ls-color-border-go-default);
|
|
5024
|
+
color: var(--ls-color-fg-go-default);
|
|
5354
5025
|
}
|
|
5355
5026
|
.vd-tab:hover:not(.vd-tab--active) .vd-tab-button {
|
|
5356
5027
|
cursor: pointer;
|
|
@@ -5427,10 +5098,10 @@ table {
|
|
|
5427
5098
|
padding: 16px 40px;
|
|
5428
5099
|
}
|
|
5429
5100
|
.vd-table thead tr {
|
|
5430
|
-
border-color: var(--ls-color-border-neutral-strong
|
|
5101
|
+
border-color: var(--ls-color-border-neutral-strong);
|
|
5431
5102
|
}
|
|
5432
5103
|
.vd-table tr {
|
|
5433
|
-
border-bottom: 1px solid var(--ls-color-border-neutral-soft
|
|
5104
|
+
border-bottom: 1px solid var(--ls-color-border-neutral-soft);
|
|
5434
5105
|
}
|
|
5435
5106
|
.vd-table tr .vd-clickable {
|
|
5436
5107
|
display: block;
|
|
@@ -5457,10 +5128,10 @@ table {
|
|
|
5457
5128
|
border-right: none;
|
|
5458
5129
|
}
|
|
5459
5130
|
.vd-table tr.vd-border-t {
|
|
5460
|
-
border-top: 1px solid var(--ls-color-border-neutral-soft
|
|
5131
|
+
border-top: 1px solid var(--ls-color-border-neutral-soft);
|
|
5461
5132
|
}
|
|
5462
5133
|
.vd-table tr.vd-border-b {
|
|
5463
|
-
border-bottom: 1px solid var(--ls-color-border-neutral-soft
|
|
5134
|
+
border-bottom: 1px solid var(--ls-color-border-neutral-soft);
|
|
5464
5135
|
}
|
|
5465
5136
|
.vd-table tr.vd-med-pad-t td, .vd-table tr.vd-med-pad-v td {
|
|
5466
5137
|
padding-top: 8px;
|
|
@@ -5486,18 +5157,18 @@ table {
|
|
|
5486
5157
|
@media (hover: hover) {
|
|
5487
5158
|
.vd-table tr.vd-expandable:hover:not(.vd-expandable--nt) {
|
|
5488
5159
|
cursor: pointer;
|
|
5489
|
-
background-color: var(--ls-color-bg-go-highlight-default
|
|
5160
|
+
background-color: var(--ls-color-bg-go-highlight-default);
|
|
5490
5161
|
}
|
|
5491
5162
|
}
|
|
5492
5163
|
.vd-table tr.vd-expandable + tr:not(.vd-expandable), .vd-table tr.vd-expandable.vd-expandable--expanded {
|
|
5493
|
-
background: var(--ls-color-bg-neutral-top
|
|
5164
|
+
background: var(--ls-color-bg-neutral-top);
|
|
5494
5165
|
}
|
|
5495
5166
|
.vd-table tr.vd-expandable + tr:not(.vd-expandable) > td:first-child::before, .vd-table tr.vd-expandable.vd-expandable--expanded > td:first-child::before {
|
|
5496
5167
|
content: "";
|
|
5497
5168
|
top: -1px;
|
|
5498
5169
|
left: 0;
|
|
5499
5170
|
width: 4px;
|
|
5500
|
-
background-color: var(--ls-color-border-go-default
|
|
5171
|
+
background-color: var(--ls-color-border-go-default);
|
|
5501
5172
|
bottom: 0;
|
|
5502
5173
|
z-index: 1;
|
|
5503
5174
|
position: absolute;
|
|
@@ -5574,10 +5245,10 @@ table {
|
|
|
5574
5245
|
vertical-align: bottom;
|
|
5575
5246
|
}
|
|
5576
5247
|
.vd-table.vd-table--data {
|
|
5577
|
-
border: 1px solid var(--ls-color-border-neutral-soft
|
|
5248
|
+
border: 1px solid var(--ls-color-border-neutral-soft);
|
|
5578
5249
|
}
|
|
5579
5250
|
.vd-table.vd-table--data tr {
|
|
5580
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
5251
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
5581
5252
|
}
|
|
5582
5253
|
|
|
5583
5254
|
.vd-table--compact thead th {
|
|
@@ -5605,23 +5276,23 @@ table {
|
|
|
5605
5276
|
}
|
|
5606
5277
|
|
|
5607
5278
|
.vd-table--report {
|
|
5608
|
-
border: 1px solid var(--ls-color-border-neutral-soft
|
|
5279
|
+
border: 1px solid var(--ls-color-border-neutral-soft);
|
|
5609
5280
|
}
|
|
5610
5281
|
.vd-table--report > thead th {
|
|
5611
5282
|
padding: 16px;
|
|
5612
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
5283
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
5613
5284
|
}
|
|
5614
5285
|
.vd-table--report > thead tr {
|
|
5615
|
-
border: 1px solid var(--ls-color-border-neutral-soft
|
|
5286
|
+
border: 1px solid var(--ls-color-border-neutral-soft);
|
|
5616
5287
|
}
|
|
5617
5288
|
.vd-table--report > tbody > tr {
|
|
5618
5289
|
border-bottom: none;
|
|
5619
5290
|
}
|
|
5620
5291
|
.vd-table--report > tbody > tr:nth-child(odd) {
|
|
5621
|
-
background-color: var(--ls-color-bg-neutral-backdrop
|
|
5292
|
+
background-color: var(--ls-color-bg-neutral-backdrop);
|
|
5622
5293
|
}
|
|
5623
5294
|
.vd-table--report > tbody > tr:nth-child(even) {
|
|
5624
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
5295
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
5625
5296
|
}
|
|
5626
5297
|
.vd-table--report > tbody > tr > td {
|
|
5627
5298
|
padding: 16px;
|
|
@@ -5637,10 +5308,10 @@ table {
|
|
|
5637
5308
|
margin-bottom: 0;
|
|
5638
5309
|
}
|
|
5639
5310
|
.vd-table--report.vd-table--report--nested > tbody > tr:nth-child(odd) {
|
|
5640
|
-
background-color: var(--ls-color-bg-neutral-backdrop
|
|
5311
|
+
background-color: var(--ls-color-bg-neutral-backdrop);
|
|
5641
5312
|
}
|
|
5642
5313
|
.vd-table--report.vd-table--report--nested > tbody > tr:nth-child(even) {
|
|
5643
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
5314
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
5644
5315
|
}
|
|
5645
5316
|
.vd-table--report.vd-table--report--nested > tbody > tr > td:first-child {
|
|
5646
5317
|
padding-left: 13px;
|
|
@@ -5650,19 +5321,19 @@ table {
|
|
|
5650
5321
|
}
|
|
5651
5322
|
|
|
5652
5323
|
.vd-text--secondary {
|
|
5653
|
-
color: var(--ls-color-fg-supplementary-default
|
|
5324
|
+
color: var(--ls-color-fg-supplementary-default);
|
|
5654
5325
|
}
|
|
5655
5326
|
|
|
5656
5327
|
.vd-text--success {
|
|
5657
|
-
color: var(--ls-color-fg-go-default
|
|
5328
|
+
color: var(--ls-color-fg-go-default);
|
|
5658
5329
|
}
|
|
5659
5330
|
|
|
5660
5331
|
.vd-text--negative {
|
|
5661
|
-
color: var(--ls-color-fg-no-default
|
|
5332
|
+
color: var(--ls-color-fg-no-default);
|
|
5662
5333
|
}
|
|
5663
5334
|
|
|
5664
5335
|
.vd-text--disabled {
|
|
5665
|
-
color: var(--ls-color-fg-neutral-default
|
|
5336
|
+
color: var(--ls-color-fg-neutral-default);
|
|
5666
5337
|
opacity: 0.35;
|
|
5667
5338
|
}
|
|
5668
5339
|
|
|
@@ -5694,7 +5365,7 @@ table {
|
|
|
5694
5365
|
font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
5695
5366
|
font-size: 15px;
|
|
5696
5367
|
line-height: normal;
|
|
5697
|
-
color: var(--ls-color-fg-neutral-default
|
|
5368
|
+
color: var(--ls-color-fg-neutral-default);
|
|
5698
5369
|
position: fixed;
|
|
5699
5370
|
right: 0;
|
|
5700
5371
|
left: 0;
|
|
@@ -5722,7 +5393,7 @@ table {
|
|
|
5722
5393
|
padding: 24px 76px 24px 40px;
|
|
5723
5394
|
border-radius: 4px;
|
|
5724
5395
|
box-sizing: border-box;
|
|
5725
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
5396
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
5726
5397
|
text-align: center;
|
|
5727
5398
|
font-weight: 700;
|
|
5728
5399
|
transition: opacity ease-in-out 0.5s;
|
|
@@ -5744,25 +5415,25 @@ table {
|
|
|
5744
5415
|
}
|
|
5745
5416
|
|
|
5746
5417
|
.vd-toast-notification--success {
|
|
5747
|
-
background-color: var(--ls-color-bg-success-default
|
|
5418
|
+
background-color: var(--ls-color-bg-success-default);
|
|
5748
5419
|
}
|
|
5749
5420
|
|
|
5750
5421
|
.vd-toast-notification--negative {
|
|
5751
|
-
background-color: var(--ls-color-bg-no-default
|
|
5422
|
+
background-color: var(--ls-color-bg-no-default);
|
|
5752
5423
|
}
|
|
5753
5424
|
|
|
5754
5425
|
.vd-popover--tooltip {
|
|
5755
|
-
border-color: var(--ls-color-border-neutral-inverted-soft
|
|
5756
|
-
background-color: var(--ls-color-bg-neutral-inverted-top
|
|
5757
|
-
color: var(--ls-color-fg-neutral-inverted-default
|
|
5426
|
+
border-color: var(--ls-color-border-neutral-inverted-soft);
|
|
5427
|
+
background-color: var(--ls-color-bg-neutral-inverted-top);
|
|
5428
|
+
color: var(--ls-color-fg-neutral-inverted-default);
|
|
5758
5429
|
}
|
|
5759
5430
|
.vd-popover--tooltip .vd-popover-content {
|
|
5760
|
-
background-color: var(--ls-color-bg-neutral-inverted-top
|
|
5431
|
+
background-color: var(--ls-color-bg-neutral-inverted-top);
|
|
5761
5432
|
padding: 8px;
|
|
5762
5433
|
}
|
|
5763
5434
|
.vd-popover--tooltip .vd-popover-beak {
|
|
5764
|
-
background-color: var(--ls-color-bg-neutral-inverted-top
|
|
5765
|
-
border-color: var(--ls-color-border-neutral-inverted-soft
|
|
5435
|
+
background-color: var(--ls-color-bg-neutral-inverted-top);
|
|
5436
|
+
border-color: var(--ls-color-border-neutral-inverted-soft);
|
|
5766
5437
|
}
|
|
5767
5438
|
|
|
5768
5439
|
@media only screen and (max-width: 480px) {
|
|
@@ -5913,11 +5584,11 @@ td.vd-show-print {
|
|
|
5913
5584
|
.vd-next-stepper {
|
|
5914
5585
|
display: block;
|
|
5915
5586
|
padding: 24px;
|
|
5916
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
5917
|
-
border: 1px solid var(--ls-color-border-neutral-soft
|
|
5587
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
5588
|
+
border: 1px solid var(--ls-color-border-neutral-soft);
|
|
5918
5589
|
}
|
|
5919
5590
|
.vd-next-stepper.vd-next-stepper--on-box {
|
|
5920
|
-
background-color: var(--ls-color-bg-neutral-backdrop
|
|
5591
|
+
background-color: var(--ls-color-bg-neutral-backdrop);
|
|
5921
5592
|
border-color: transparent;
|
|
5922
5593
|
}
|
|
5923
5594
|
|
|
@@ -5940,7 +5611,7 @@ td.vd-show-print {
|
|
|
5940
5611
|
.vd-next-stepper-details {
|
|
5941
5612
|
display: flex;
|
|
5942
5613
|
flex-direction: column;
|
|
5943
|
-
border-top: 1px solid var(--ls-color-border-neutral-strong
|
|
5614
|
+
border-top: 1px solid var(--ls-color-border-neutral-strong);
|
|
5944
5615
|
margin-top: 8px;
|
|
5945
5616
|
padding-top: 8px;
|
|
5946
5617
|
}
|
|
@@ -6007,8 +5678,8 @@ td.vd-show-print {
|
|
|
6007
5678
|
margin-top: 16px;
|
|
6008
5679
|
}
|
|
6009
5680
|
.vd-id-badge.vd-id-badge--interactive-selection {
|
|
6010
|
-
border: 2px solid var(--ls-color-border-neutral-soft
|
|
6011
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
5681
|
+
border: 2px solid var(--ls-color-border-neutral-soft);
|
|
5682
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
6012
5683
|
border-radius: 5px;
|
|
6013
5684
|
cursor: pointer;
|
|
6014
5685
|
}
|
|
@@ -6017,10 +5688,10 @@ td.vd-show-print {
|
|
|
6017
5688
|
}
|
|
6018
5689
|
.vd-id-badge.vd-id-badge--interactive-selection:hover, .vd-id-badge.vd-id-badge--interactive-selection:active, .vd-id-badge.vd-id-badge--interactive-selection:focus {
|
|
6019
5690
|
outline: none;
|
|
6020
|
-
background-color: var(--ls-color-bg-go-highlight-default
|
|
5691
|
+
background-color: var(--ls-color-bg-go-highlight-default);
|
|
6021
5692
|
}
|
|
6022
5693
|
.vd-id-badge.vd-id-badge--current {
|
|
6023
|
-
border-color: var(--ls-color-border-go-default
|
|
5694
|
+
border-color: var(--ls-color-border-go-default);
|
|
6024
5695
|
}
|
|
6025
5696
|
.vd-id-badge.vd-id-badge--small .vd-id-badge__content {
|
|
6026
5697
|
padding: 8px;
|
|
@@ -6045,7 +5716,7 @@ td.vd-show-print {
|
|
|
6045
5716
|
outline: none;
|
|
6046
5717
|
}
|
|
6047
5718
|
.vd-id-badge.vd-id-badge--interactive-action:hover .vd-id-badge__header-title, .vd-id-badge.vd-id-badge--interactive-action:active .vd-id-badge__header-title, .vd-id-badge.vd-id-badge--interactive-action:focus .vd-id-badge__header-title {
|
|
6048
|
-
color: var(--ls-color-fg-go-default
|
|
5719
|
+
color: var(--ls-color-fg-go-default);
|
|
6049
5720
|
}
|
|
6050
5721
|
.vd-id-badge.vd-id-badge--x-small .vd-id-badge__content {
|
|
6051
5722
|
padding: 8px;
|
|
@@ -6086,7 +5757,7 @@ td.vd-show-print {
|
|
|
6086
5757
|
justify-content: center;
|
|
6087
5758
|
flex: 1;
|
|
6088
5759
|
word-break: break-word;
|
|
6089
|
-
color: var(--ls-color-fg-neutral-default
|
|
5760
|
+
color: var(--ls-color-fg-neutral-default);
|
|
6090
5761
|
font-synthesis: none;
|
|
6091
5762
|
text-rendering: optimizelegibility;
|
|
6092
5763
|
-webkit-font-smoothing: antialiased;
|
|
@@ -6123,7 +5794,7 @@ td.vd-show-print {
|
|
|
6123
5794
|
}
|
|
6124
5795
|
|
|
6125
5796
|
.vd-id-badge__image {
|
|
6126
|
-
background-color: var(--ls-color-bg-neutral-edge
|
|
5797
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
6127
5798
|
background-repeat: no-repeat;
|
|
6128
5799
|
background-size: contain;
|
|
6129
5800
|
background-position: center;
|
|
@@ -6173,7 +5844,7 @@ td.vd-show-print {
|
|
|
6173
5844
|
}
|
|
6174
5845
|
|
|
6175
5846
|
.vd-password-strength-meter[data-value="4"] {
|
|
6176
|
-
background-color: var(--ls-color-bg-success-default
|
|
5847
|
+
background-color: var(--ls-color-bg-success-default);
|
|
6177
5848
|
width: 100%;
|
|
6178
5849
|
}
|
|
6179
5850
|
|
|
@@ -6674,21 +6345,21 @@ td.vd-show-print {
|
|
|
6674
6345
|
}
|
|
6675
6346
|
.vd-bar-chart-container .y.axis text {
|
|
6676
6347
|
font-size: 14px;
|
|
6677
|
-
fill: var(--ls-color-fg-neutral-default
|
|
6348
|
+
fill: var(--ls-color-fg-neutral-default);
|
|
6678
6349
|
}
|
|
6679
6350
|
.vd-bar-chart-container .bar {
|
|
6680
|
-
fill: var(--ls-color-bg-success-default
|
|
6351
|
+
fill: var(--ls-color-bg-success-default);
|
|
6681
6352
|
opacity: 0.15;
|
|
6682
6353
|
}
|
|
6683
6354
|
.vd-bar-chart-container .top {
|
|
6684
|
-
fill: var(--ls-color-bg-success-default
|
|
6355
|
+
fill: var(--ls-color-bg-success-default);
|
|
6685
6356
|
}
|
|
6686
6357
|
.vd-bar-chart-container .bar-label {
|
|
6687
6358
|
font-size: 13px;
|
|
6688
|
-
fill: var(--ls-color-fg-neutral-default
|
|
6359
|
+
fill: var(--ls-color-fg-neutral-default);
|
|
6689
6360
|
}
|
|
6690
6361
|
.vd-bar-chart-container .bar-chart-background {
|
|
6691
|
-
fill: var(--ls-color-border-neutral-soft
|
|
6362
|
+
fill: var(--ls-color-border-neutral-soft);
|
|
6692
6363
|
}
|
|
6693
6364
|
|
|
6694
6365
|
.vd-currency-input-container {
|
|
@@ -6698,7 +6369,7 @@ td.vd-show-print {
|
|
|
6698
6369
|
|
|
6699
6370
|
.vd-datatable {
|
|
6700
6371
|
width: 100%;
|
|
6701
|
-
border: 1px solid var(--ls-color-border-neutral-strong
|
|
6372
|
+
border: 1px solid var(--ls-color-border-neutral-strong);
|
|
6702
6373
|
border-collapse: separate;
|
|
6703
6374
|
border-spacing: 0;
|
|
6704
6375
|
border-radius: 4px;
|
|
@@ -6724,36 +6395,36 @@ td.vd-show-print {
|
|
|
6724
6395
|
}
|
|
6725
6396
|
|
|
6726
6397
|
.vd-datatable-row:nth-child(odd) {
|
|
6727
|
-
background-color: var(--ls-color-bg-neutral-backdrop
|
|
6398
|
+
background-color: var(--ls-color-bg-neutral-backdrop);
|
|
6728
6399
|
}
|
|
6729
6400
|
.vd-datatable-row:nth-child(even) {
|
|
6730
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
6401
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
6731
6402
|
}
|
|
6732
6403
|
|
|
6733
6404
|
.vd-datatable-row--header {
|
|
6734
|
-
border-bottom: 1px solid var(--ls-color-border-neutral-strong
|
|
6405
|
+
border-bottom: 1px solid var(--ls-color-border-neutral-strong);
|
|
6735
6406
|
}
|
|
6736
6407
|
.vd-datatable-row--header:nth-child(odd), .vd-datatable-row--header:nth-child(even) {
|
|
6737
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
6408
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
6738
6409
|
}
|
|
6739
6410
|
|
|
6740
6411
|
.vd-datatable-row--header-sections {
|
|
6741
|
-
border-bottom: 1px solid var(--ls-color-border-neutral-strong
|
|
6412
|
+
border-bottom: 1px solid var(--ls-color-border-neutral-strong);
|
|
6742
6413
|
}
|
|
6743
6414
|
.vd-datatable-row--header-sections:nth-child(odd), .vd-datatable-row--header-sections:nth-child(even) {
|
|
6744
|
-
background-color: var(--ls-color-bg-neutral-edge
|
|
6415
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
6745
6416
|
}
|
|
6746
6417
|
|
|
6747
6418
|
.vd-datatable-row--footer:nth-child(odd), .vd-datatable-row--footer:nth-child(even) {
|
|
6748
|
-
background-color: var(--ls-color-bg-neutral-edge
|
|
6419
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
6749
6420
|
}
|
|
6750
6421
|
|
|
6751
6422
|
.vd-datatable-foot.vd-sticky .vd-datatable-row--footer:last-of-type .vd-datatable-cell {
|
|
6752
|
-
border-bottom: 1px solid var(--ls-color-border-neutral-strong
|
|
6423
|
+
border-bottom: 1px solid var(--ls-color-border-neutral-strong);
|
|
6753
6424
|
border-bottom-color: transparent;
|
|
6754
6425
|
}
|
|
6755
6426
|
.vd-datatable-foot.vd-sticky--stuck .vd-datatable-row--footer:last-of-type .vd-datatable-cell {
|
|
6756
|
-
border-bottom-color: var(--ls-color-border-neutral-strong
|
|
6427
|
+
border-bottom-color: var(--ls-color-border-neutral-strong);
|
|
6757
6428
|
border-radius: 0;
|
|
6758
6429
|
}
|
|
6759
6430
|
|
|
@@ -6767,7 +6438,7 @@ td.vd-show-print {
|
|
|
6767
6438
|
left: 0;
|
|
6768
6439
|
width: 100%;
|
|
6769
6440
|
height: 30px;
|
|
6770
|
-
box-shadow: inset 0 -30px 40px -48px var(--ls-color-overlay-neutral-strong
|
|
6441
|
+
box-shadow: inset 0 -30px 40px -48px var(--ls-color-overlay-neutral-strong);
|
|
6771
6442
|
}
|
|
6772
6443
|
|
|
6773
6444
|
.vd-datatable-cell {
|
|
@@ -6785,11 +6456,11 @@ td.vd-show-print {
|
|
|
6785
6456
|
font-size: 15px;
|
|
6786
6457
|
line-height: 1.3333333333;
|
|
6787
6458
|
font-weight: 700;
|
|
6788
|
-
border-top: 1px solid var(--ls-color-border-neutral-strong
|
|
6459
|
+
border-top: 1px solid var(--ls-color-border-neutral-strong);
|
|
6789
6460
|
}
|
|
6790
6461
|
|
|
6791
6462
|
.vd-datatable-cell--section-start {
|
|
6792
|
-
border-left: 1px solid var(--ls-color-border-neutral-strong
|
|
6463
|
+
border-left: 1px solid var(--ls-color-border-neutral-strong);
|
|
6793
6464
|
}
|
|
6794
6465
|
|
|
6795
6466
|
.vd-datatable-head-cell {
|
|
@@ -6805,7 +6476,7 @@ td.vd-show-print {
|
|
|
6805
6476
|
white-space: nowrap;
|
|
6806
6477
|
}
|
|
6807
6478
|
.vd-datatable-row--header .vd-datatable-head-cell, .vd-datatable-row--header-sections .vd-datatable-head-cell {
|
|
6808
|
-
border-bottom: 1px solid var(--ls-color-border-neutral-strong
|
|
6479
|
+
border-bottom: 1px solid var(--ls-color-border-neutral-strong);
|
|
6809
6480
|
}
|
|
6810
6481
|
.vd-datatable-row--header-sections .vd-datatable-head-cell {
|
|
6811
6482
|
font-synthesis: none;
|
|
@@ -6821,7 +6492,7 @@ td.vd-show-print {
|
|
|
6821
6492
|
font-size: 12px;
|
|
6822
6493
|
padding: 8px;
|
|
6823
6494
|
text-align: center;
|
|
6824
|
-
border-left: 1px solid var(--ls-color-border-neutral-strong
|
|
6495
|
+
border-left: 1px solid var(--ls-color-border-neutral-strong);
|
|
6825
6496
|
}
|
|
6826
6497
|
.vd-datatable-row--header-sections .vd-datatable-head-cell:first-child {
|
|
6827
6498
|
border-left: none;
|
|
@@ -6871,7 +6542,7 @@ td.vd-show-print {
|
|
|
6871
6542
|
right: 50%;
|
|
6872
6543
|
bottom: 0;
|
|
6873
6544
|
width: 1px;
|
|
6874
|
-
background-color: var(--ls-color-border-neutral-soft
|
|
6545
|
+
background-color: var(--ls-color-border-neutral-soft);
|
|
6875
6546
|
}
|
|
6876
6547
|
@media only screen and (max-width: 768px) {
|
|
6877
6548
|
.vd-daterangepicker {
|
|
@@ -6901,7 +6572,7 @@ td.vd-show-print {
|
|
|
6901
6572
|
right: 0;
|
|
6902
6573
|
bottom: -24px;
|
|
6903
6574
|
height: 1px;
|
|
6904
|
-
background-color: var(--ls-color-border-neutral-soft
|
|
6575
|
+
background-color: var(--ls-color-border-neutral-soft);
|
|
6905
6576
|
}
|
|
6906
6577
|
}
|
|
6907
6578
|
|
|
@@ -6940,7 +6611,7 @@ td.vd-show-print {
|
|
|
6940
6611
|
font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
6941
6612
|
font-size: 15px;
|
|
6942
6613
|
line-height: normal;
|
|
6943
|
-
color: var(--ls-color-fg-neutral-default
|
|
6614
|
+
color: var(--ls-color-fg-neutral-default);
|
|
6944
6615
|
font-size: 15px;
|
|
6945
6616
|
position: relative;
|
|
6946
6617
|
}
|
|
@@ -6986,8 +6657,8 @@ td.vd-show-print {
|
|
|
6986
6657
|
position: absolute;
|
|
6987
6658
|
width: 7px;
|
|
6988
6659
|
height: 7px;
|
|
6989
|
-
border-right: 3px solid var(--ls-color-fg-neutral-default
|
|
6990
|
-
border-top: 3px solid var(--ls-color-fg-neutral-default
|
|
6660
|
+
border-right: 3px solid var(--ls-color-fg-neutral-default);
|
|
6661
|
+
border-top: 3px solid var(--ls-color-fg-neutral-default);
|
|
6991
6662
|
box-sizing: initial;
|
|
6992
6663
|
transform: rotate(225deg);
|
|
6993
6664
|
}
|
|
@@ -7001,8 +6672,8 @@ td.vd-show-print {
|
|
|
7001
6672
|
position: absolute;
|
|
7002
6673
|
width: 7px;
|
|
7003
6674
|
height: 7px;
|
|
7004
|
-
border-right: 3px solid var(--ls-color-fg-neutral-default
|
|
7005
|
-
border-top: 3px solid var(--ls-color-fg-neutral-default
|
|
6675
|
+
border-right: 3px solid var(--ls-color-fg-neutral-default);
|
|
6676
|
+
border-top: 3px solid var(--ls-color-fg-neutral-default);
|
|
7006
6677
|
box-sizing: initial;
|
|
7007
6678
|
transform: rotate(45deg);
|
|
7008
6679
|
}
|
|
@@ -7019,7 +6690,7 @@ td.vd-show-print {
|
|
|
7019
6690
|
|
|
7020
6691
|
.react-datepicker__month-select,
|
|
7021
6692
|
.react-datepicker__year-select {
|
|
7022
|
-
color: var(--ls-color-fg-neutral-default
|
|
6693
|
+
color: var(--ls-color-fg-neutral-default);
|
|
7023
6694
|
font-family: lato, "Helvetica Neue", helvetica, roboto, arial, sans-serif;
|
|
7024
6695
|
font-weight: 400;
|
|
7025
6696
|
font-size: 15px;
|
|
@@ -7030,8 +6701,8 @@ td.vd-show-print {
|
|
|
7030
6701
|
box-sizing: border-box;
|
|
7031
6702
|
outline: none;
|
|
7032
6703
|
box-shadow: none;
|
|
7033
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
7034
|
-
border: 2px solid var(--ls-color-border-neutral-soft
|
|
6704
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
6705
|
+
border: 2px solid var(--ls-color-border-neutral-soft);
|
|
7035
6706
|
border-radius: 4px;
|
|
7036
6707
|
transition-duration: 0.2s;
|
|
7037
6708
|
transition-property: border-color, box-shadow;
|
|
@@ -7040,12 +6711,12 @@ td.vd-show-print {
|
|
|
7040
6711
|
background-repeat: no-repeat;
|
|
7041
6712
|
background-size: 8px 20px;
|
|
7042
6713
|
background-position: calc(100% - 14px) 10px;
|
|
7043
|
-
background-image: var(--ls-color-select-arrows-bg
|
|
6714
|
+
background-image: var(--ls-color-select-arrows-bg);
|
|
7044
6715
|
padding-right: 12px;
|
|
7045
6716
|
}
|
|
7046
6717
|
.react-datepicker__month-select::placeholder,
|
|
7047
6718
|
.react-datepicker__year-select::placeholder {
|
|
7048
|
-
color: var(--ls-color-fg-supplementary-default
|
|
6719
|
+
color: var(--ls-color-fg-supplementary-default);
|
|
7049
6720
|
opacity: 1;
|
|
7050
6721
|
}
|
|
7051
6722
|
.react-datepicker__month-select:placeholder-shown,
|
|
@@ -7066,15 +6737,15 @@ td.vd-show-print {
|
|
|
7066
6737
|
.react-datepicker__month-select:focus, .react-datepicker__month-select.vd-focus,
|
|
7067
6738
|
.react-datepicker__year-select:focus,
|
|
7068
6739
|
.react-datepicker__year-select.vd-focus {
|
|
7069
|
-
border-color: var(--ls-color-border-go-default
|
|
7070
|
-
box-shadow: 0 0 3px var(--ls-color-border-go-default
|
|
6740
|
+
border-color: var(--ls-color-border-go-default);
|
|
6741
|
+
box-shadow: 0 0 3px var(--ls-color-border-go-default);
|
|
7071
6742
|
}
|
|
7072
6743
|
.react-datepicker__month-select.vd-input--error, .react-datepicker__month-select.vd-error, .react-datepicker__month-select.ng-invalid.ng-dirty, .ng-submitted .react-datepicker__month-select.ng-invalid,
|
|
7073
6744
|
.react-datepicker__year-select.vd-input--error,
|
|
7074
6745
|
.react-datepicker__year-select.vd-error,
|
|
7075
6746
|
.react-datepicker__year-select.ng-invalid.ng-dirty,
|
|
7076
6747
|
.ng-submitted .react-datepicker__year-select.ng-invalid {
|
|
7077
|
-
border-color: var(--ls-color-border-no-default
|
|
6748
|
+
border-color: var(--ls-color-border-no-default);
|
|
7078
6749
|
}
|
|
7079
6750
|
.react-datepicker__month-select.vd-input--error:focus, .react-datepicker__month-select.vd-input--error.vd-focus, .react-datepicker__month-select.vd-error:focus, .react-datepicker__month-select.vd-error.vd-focus, .react-datepicker__month-select.ng-invalid.ng-dirty:focus, .react-datepicker__month-select.ng-invalid.ng-dirty.vd-focus, .ng-submitted .react-datepicker__month-select.ng-invalid:focus, .ng-submitted .react-datepicker__month-select.ng-invalid.vd-focus,
|
|
7080
6751
|
.react-datepicker__year-select.vd-input--error:focus,
|
|
@@ -7085,7 +6756,7 @@ td.vd-show-print {
|
|
|
7085
6756
|
.react-datepicker__year-select.ng-invalid.ng-dirty.vd-focus,
|
|
7086
6757
|
.ng-submitted .react-datepicker__year-select.ng-invalid:focus,
|
|
7087
6758
|
.ng-submitted .react-datepicker__year-select.ng-invalid.vd-focus {
|
|
7088
|
-
box-shadow: 0 0 3px var(--ls-color-border-no-default
|
|
6759
|
+
box-shadow: 0 0 3px var(--ls-color-border-no-default);
|
|
7089
6760
|
}
|
|
7090
6761
|
|
|
7091
6762
|
.react-datepicker__month-select {
|
|
@@ -7120,7 +6791,7 @@ td.vd-show-print {
|
|
|
7120
6791
|
.vd-datepicker-day-button {
|
|
7121
6792
|
box-sizing: border-box;
|
|
7122
6793
|
padding: 3px;
|
|
7123
|
-
background: var(--ls-color-bg-neutral-top
|
|
6794
|
+
background: var(--ls-color-bg-neutral-top);
|
|
7124
6795
|
width: 30px;
|
|
7125
6796
|
height: 30px;
|
|
7126
6797
|
border: none;
|
|
@@ -7139,15 +6810,15 @@ td.vd-show-print {
|
|
|
7139
6810
|
.react-datepicker__day--range-start .vd-datepicker-day-button,
|
|
7140
6811
|
.react-datepicker__day--range-end .vd-datepicker-day-button,
|
|
7141
6812
|
.react-datepicker__day--selected .vd-datepicker-day-button {
|
|
7142
|
-
background: var(--ls-color-bg-go-default
|
|
7143
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
6813
|
+
background: var(--ls-color-bg-go-default);
|
|
6814
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
7144
6815
|
font-weight: 700;
|
|
7145
6816
|
border: none;
|
|
7146
6817
|
}
|
|
7147
6818
|
|
|
7148
6819
|
.react-datepicker__day:not(.react-datepicker__day--range-start):not(.react-datepicker__day--range-end):not(.react-datepicker__day--selected) .vd-datepicker-day-button:hover {
|
|
7149
|
-
background-color: var(--ls-color-bg-go-soft
|
|
7150
|
-
color: var(--ls-color-fg-neutral-inverted-default
|
|
6820
|
+
background-color: var(--ls-color-bg-go-soft);
|
|
6821
|
+
color: var(--ls-color-fg-neutral-inverted-default);
|
|
7151
6822
|
}
|
|
7152
6823
|
|
|
7153
6824
|
.react-datepicker__day--outside-month {
|
|
@@ -7155,15 +6826,15 @@ td.vd-show-print {
|
|
|
7155
6826
|
}
|
|
7156
6827
|
|
|
7157
6828
|
.react-datepicker__day--today {
|
|
7158
|
-
color: var(--ls-color-fg-go-default
|
|
6829
|
+
color: var(--ls-color-fg-go-default);
|
|
7159
6830
|
font-weight: 700;
|
|
7160
6831
|
}
|
|
7161
6832
|
|
|
7162
6833
|
.react-datepicker__day--in-range:not(.react-datepicker__day--range-start):not(.react-datepicker__day--range-end):not(.react-datepicker__day--selected) {
|
|
7163
|
-
background-color: var(--ls-color-bg-go-highlight-default
|
|
6834
|
+
background-color: var(--ls-color-bg-go-highlight-default);
|
|
7164
6835
|
}
|
|
7165
6836
|
.react-datepicker__day--in-range:not(.react-datepicker__day--range-start):not(.react-datepicker__day--range-end):not(.react-datepicker__day--selected) .vd-datepicker-day-button {
|
|
7166
|
-
background-color: var(--ls-color-bg-go-highlight-default
|
|
6837
|
+
background-color: var(--ls-color-bg-go-highlight-default);
|
|
7167
6838
|
border-radius: 0;
|
|
7168
6839
|
}
|
|
7169
6840
|
.react-datepicker__day--in-range:not(.react-datepicker__day--range-start):not(.react-datepicker__day--range-end):not(.react-datepicker__day--selected) .vd-datepicker-day-button:hover {
|
|
@@ -7177,11 +6848,11 @@ td.vd-show-print {
|
|
|
7177
6848
|
}
|
|
7178
6849
|
|
|
7179
6850
|
.react-datepicker__day--range-start {
|
|
7180
|
-
background-image: linear-gradient(to right, transparent 50%, var(--ls-color-bg-go-highlight-default
|
|
6851
|
+
background-image: linear-gradient(to right, transparent 50%, var(--ls-color-bg-go-highlight-default) 50%);
|
|
7181
6852
|
}
|
|
7182
6853
|
|
|
7183
6854
|
.react-datepicker__day--range-end {
|
|
7184
|
-
background-image: linear-gradient(to right, var(--ls-color-bg-go-highlight-default
|
|
6855
|
+
background-image: linear-gradient(to right, var(--ls-color-bg-go-highlight-default) 50%, transparent 50%);
|
|
7185
6856
|
}
|
|
7186
6857
|
|
|
7187
6858
|
.react-datepicker__day--range-start.react-datepicker__day--range-end {
|
|
@@ -7206,14 +6877,14 @@ td.vd-show-print {
|
|
|
7206
6877
|
height: 10px;
|
|
7207
6878
|
width: 100%;
|
|
7208
6879
|
border-radius: 5px;
|
|
7209
|
-
background-color: var(--ls-color-bg-neutral-edge
|
|
6880
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
7210
6881
|
overflow: hidden;
|
|
7211
6882
|
}
|
|
7212
6883
|
|
|
7213
6884
|
.vs-progress-bar {
|
|
7214
6885
|
height: 100%;
|
|
7215
6886
|
width: 0%;
|
|
7216
|
-
background-color: var(--ls-color-bg-go-default
|
|
6887
|
+
background-color: var(--ls-color-bg-go-default);
|
|
7217
6888
|
transition: width 0.6s ease;
|
|
7218
6889
|
}
|
|
7219
6890
|
|
|
@@ -7225,51 +6896,51 @@ td.vd-show-print {
|
|
|
7225
6896
|
.vd-line-graph-container .vd-grid.vd-y .tick line,
|
|
7226
6897
|
.vd-line-graph-container .vd-axis.vd-y .tick line,
|
|
7227
6898
|
.vd-line-graph-container .vd-axis.vd-x .tick line {
|
|
7228
|
-
stroke: var(--ls-color-border-neutral-soft
|
|
6899
|
+
stroke: var(--ls-color-border-neutral-soft);
|
|
7229
6900
|
stroke-width: 1px;
|
|
7230
6901
|
fill: transparent;
|
|
7231
6902
|
}
|
|
7232
6903
|
.vd-line-graph-container .vd-grid.vd-grid-filled {
|
|
7233
6904
|
stroke-dasharray: 4, 2;
|
|
7234
|
-
stroke: var(--ls-color-border-neutral-soft
|
|
6905
|
+
stroke: var(--ls-color-border-neutral-soft);
|
|
7235
6906
|
}
|
|
7236
6907
|
.vd-line-graph-container .vd-grid-background {
|
|
7237
6908
|
fill: transparent;
|
|
7238
6909
|
stroke: none;
|
|
7239
6910
|
}
|
|
7240
6911
|
.vd-line-graph-container .vd-grid-zero-tick {
|
|
7241
|
-
stroke: var(--ls-color-border-neutral-strong
|
|
6912
|
+
stroke: var(--ls-color-border-neutral-strong);
|
|
7242
6913
|
}
|
|
7243
6914
|
.vd-line-graph-container .vd-line {
|
|
7244
6915
|
fill: transparent;
|
|
7245
6916
|
stroke-width: 2px;
|
|
7246
|
-
stroke: var(--ls-color-border-neutral-strong
|
|
6917
|
+
stroke: var(--ls-color-border-neutral-strong);
|
|
7247
6918
|
}
|
|
7248
6919
|
.vd-line-graph-container .vd-line-with-fill {
|
|
7249
6920
|
fill: transparent;
|
|
7250
6921
|
stroke-width: 2px;
|
|
7251
|
-
stroke: var(--ls-color-fg-success-default
|
|
6922
|
+
stroke: var(--ls-color-fg-success-default);
|
|
7252
6923
|
}
|
|
7253
6924
|
.vd-line-graph-container .vd-line-fill {
|
|
7254
|
-
fill: var(--ls-color-bg-success-default
|
|
6925
|
+
fill: var(--ls-color-bg-success-default);
|
|
7255
6926
|
opacity: 0.1;
|
|
7256
6927
|
stroke-width: 0;
|
|
7257
6928
|
}
|
|
7258
6929
|
.vd-line-graph-container .vd-plot-point {
|
|
7259
|
-
fill: var(--ls-color-bg-go-default
|
|
7260
|
-
stroke: var(--ls-color-bg-neutral-top
|
|
6930
|
+
fill: var(--ls-color-bg-go-default);
|
|
6931
|
+
stroke: var(--ls-color-bg-neutral-top);
|
|
7261
6932
|
stroke-width: 2px;
|
|
7262
6933
|
}
|
|
7263
6934
|
.vd-line-graph-container .vd-plot-point-with-fill {
|
|
7264
|
-
fill: var(--ls-color-bg-success-default
|
|
7265
|
-
stroke: var(--ls-color-bg-neutral-top
|
|
6935
|
+
fill: var(--ls-color-bg-success-default);
|
|
6936
|
+
stroke: var(--ls-color-bg-neutral-top);
|
|
7266
6937
|
}
|
|
7267
6938
|
.vd-line-graph-container .vd-plot-point-hidden {
|
|
7268
6939
|
stroke: none;
|
|
7269
6940
|
fill: transparent;
|
|
7270
6941
|
}
|
|
7271
6942
|
.vd-line-graph-container .vd-line-wrapper-main .vd-line {
|
|
7272
|
-
stroke: var(--ls-color-bg-supplementary-default
|
|
6943
|
+
stroke: var(--ls-color-bg-supplementary-default);
|
|
7273
6944
|
}
|
|
7274
6945
|
.vd-line-graph-container .vd-line-wrapper-secondary .vd-plot-point {
|
|
7275
6946
|
stroke: none;
|
|
@@ -7286,7 +6957,7 @@ td.vd-show-print {
|
|
|
7286
6957
|
line-height: 1.2;
|
|
7287
6958
|
font-weight: 900;
|
|
7288
6959
|
text-transform: uppercase;
|
|
7289
|
-
fill: var(--ls-color-border-neutral-strong
|
|
6960
|
+
fill: var(--ls-color-border-neutral-strong);
|
|
7290
6961
|
}
|
|
7291
6962
|
.vd-line-graph-container .vd-axis .tick text {
|
|
7292
6963
|
font-synthesis: none;
|
|
@@ -7298,7 +6969,7 @@ td.vd-show-print {
|
|
|
7298
6969
|
font-size: 10px;
|
|
7299
6970
|
line-height: 1.2;
|
|
7300
6971
|
font-weight: 400;
|
|
7301
|
-
fill: var(--ls-color-fg-neutral-default
|
|
6972
|
+
fill: var(--ls-color-fg-neutral-default);
|
|
7302
6973
|
}
|
|
7303
6974
|
|
|
7304
6975
|
.vd-chart-popover {
|
|
@@ -7307,7 +6978,7 @@ td.vd-show-print {
|
|
|
7307
6978
|
}
|
|
7308
6979
|
|
|
7309
6980
|
.vd-sparkline {
|
|
7310
|
-
stroke: var(--ls-color-fg-success-default
|
|
6981
|
+
stroke: var(--ls-color-fg-success-default);
|
|
7311
6982
|
stroke-width: 1px;
|
|
7312
6983
|
fill: transparent;
|
|
7313
6984
|
}
|
|
@@ -7317,7 +6988,7 @@ td.vd-show-print {
|
|
|
7317
6988
|
box-sizing: border-box;
|
|
7318
6989
|
margin: 0 auto;
|
|
7319
6990
|
padding: 0;
|
|
7320
|
-
background: var(--ls-color-bg-neutral-top
|
|
6991
|
+
background: var(--ls-color-bg-neutral-top);
|
|
7321
6992
|
border-radius: 4px;
|
|
7322
6993
|
width: calc(90% - 50px);
|
|
7323
6994
|
pointer-events: auto;
|
|
@@ -7491,7 +7162,7 @@ td.vd-show-print {
|
|
|
7491
7162
|
display: flex;
|
|
7492
7163
|
padding-top: 6px;
|
|
7493
7164
|
padding-bottom: 6px;
|
|
7494
|
-
border-bottom: 1px solid var(--ls-color-border-neutral-strong
|
|
7165
|
+
border-bottom: 1px solid var(--ls-color-border-neutral-strong);
|
|
7495
7166
|
justify-content: space-between;
|
|
7496
7167
|
align-items: center;
|
|
7497
7168
|
min-height: 60px;
|
|
@@ -7555,7 +7226,7 @@ td.vd-show-print {
|
|
|
7555
7226
|
}
|
|
7556
7227
|
|
|
7557
7228
|
.vd-table-list-toggle-icon {
|
|
7558
|
-
color: var(--ls-color-fg-supplementary-default
|
|
7229
|
+
color: var(--ls-color-fg-supplementary-default);
|
|
7559
7230
|
transition: transform 50ms ease-in-out 0s;
|
|
7560
7231
|
width: 16px;
|
|
7561
7232
|
height: 16px;
|
|
@@ -7609,27 +7280,27 @@ td.vd-show-print {
|
|
|
7609
7280
|
}
|
|
7610
7281
|
|
|
7611
7282
|
.vd-table-list-row {
|
|
7612
|
-
border-bottom: 1px solid var(--ls-color-border-neutral-soft
|
|
7283
|
+
border-bottom: 1px solid var(--ls-color-border-neutral-soft);
|
|
7613
7284
|
}
|
|
7614
7285
|
.vd-table-list-row.vd-table-list-row--active {
|
|
7615
|
-
background-color: var(--ls-color-bg-go-highlight-default
|
|
7286
|
+
background-color: var(--ls-color-bg-go-highlight-default);
|
|
7616
7287
|
}
|
|
7617
7288
|
|
|
7618
7289
|
.vd-table-list-row--expandable:hover {
|
|
7619
7290
|
cursor: pointer;
|
|
7620
|
-
background-color: var(--ls-color-bg-go-highlight-default
|
|
7291
|
+
background-color: var(--ls-color-bg-go-highlight-default);
|
|
7621
7292
|
}
|
|
7622
7293
|
|
|
7623
7294
|
.vd-table-list-row--expanded {
|
|
7624
|
-
background: var(--ls-color-bg-neutral-top
|
|
7625
|
-
box-shadow: 0 10px 12px -2px var(--ls-color-overlay-neutral-strong
|
|
7295
|
+
background: var(--ls-color-bg-neutral-top);
|
|
7296
|
+
box-shadow: 0 10px 12px -2px var(--ls-color-overlay-neutral-strong);
|
|
7626
7297
|
}
|
|
7627
7298
|
.vd-table-list-row--expanded .vd-table-list-cell:first-child::before {
|
|
7628
7299
|
content: "";
|
|
7629
7300
|
top: -1px;
|
|
7630
7301
|
left: 0;
|
|
7631
7302
|
width: 4px;
|
|
7632
|
-
background-color: var(--ls-color-border-go-default
|
|
7303
|
+
background-color: var(--ls-color-border-go-default);
|
|
7633
7304
|
bottom: 0;
|
|
7634
7305
|
z-index: 1;
|
|
7635
7306
|
position: absolute;
|
|
@@ -7639,15 +7310,15 @@ td.vd-show-print {
|
|
|
7639
7310
|
}
|
|
7640
7311
|
|
|
7641
7312
|
.vd-table-list-row--actions {
|
|
7642
|
-
background-color: var(--ls-color-bg-neutral-edge
|
|
7643
|
-
border-bottom: 1px solid var(--ls-color-border-neutral-strong
|
|
7313
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
7314
|
+
border-bottom: 1px solid var(--ls-color-border-neutral-strong);
|
|
7644
7315
|
}
|
|
7645
7316
|
|
|
7646
7317
|
.vd-table-list-row--expanded-content {
|
|
7647
7318
|
display: none;
|
|
7648
7319
|
}
|
|
7649
7320
|
.vd-table-list-row--expanded-content > .vd-table-list-cell {
|
|
7650
|
-
background: var(--ls-color-bg-neutral-top
|
|
7321
|
+
background: var(--ls-color-bg-neutral-top);
|
|
7651
7322
|
padding: 0;
|
|
7652
7323
|
}
|
|
7653
7324
|
.vd-table-list-row--expanded-content > .vd-table-list-cell:first-child::before {
|
|
@@ -7655,7 +7326,7 @@ td.vd-show-print {
|
|
|
7655
7326
|
top: -1px;
|
|
7656
7327
|
left: 0;
|
|
7657
7328
|
width: 4px;
|
|
7658
|
-
background-color: var(--ls-color-border-go-default
|
|
7329
|
+
background-color: var(--ls-color-border-go-default);
|
|
7659
7330
|
bottom: 0;
|
|
7660
7331
|
z-index: 1;
|
|
7661
7332
|
position: absolute;
|
|
@@ -7663,7 +7334,7 @@ td.vd-show-print {
|
|
|
7663
7334
|
.vd-table-list-row--expanded-content > .vd-table-list-cell:first-child::after {
|
|
7664
7335
|
content: "";
|
|
7665
7336
|
pointer-events: none;
|
|
7666
|
-
box-shadow: 0 10px 12px -2px var(--ls-color-overlay-neutral-strong
|
|
7337
|
+
box-shadow: 0 10px 12px -2px var(--ls-color-overlay-neutral-strong);
|
|
7667
7338
|
position: absolute;
|
|
7668
7339
|
left: 0;
|
|
7669
7340
|
top: 0;
|
|
@@ -7673,7 +7344,7 @@ td.vd-show-print {
|
|
|
7673
7344
|
}
|
|
7674
7345
|
|
|
7675
7346
|
.vd-table-list-row--header {
|
|
7676
|
-
border-bottom-color: var(--ls-color-border-neutral-strong
|
|
7347
|
+
border-bottom-color: var(--ls-color-border-neutral-strong);
|
|
7677
7348
|
}
|
|
7678
7349
|
|
|
7679
7350
|
.vd-table-list-expanded-container {
|
|
@@ -7747,8 +7418,8 @@ td.vd-show-print {
|
|
|
7747
7418
|
position: absolute;
|
|
7748
7419
|
width: 100%;
|
|
7749
7420
|
height: 100%;
|
|
7750
|
-
color: var(--ls-color-bg-neutral-top
|
|
7751
|
-
background: var(--ls-color-bg-neutral-top
|
|
7421
|
+
color: var(--ls-color-bg-neutral-top);
|
|
7422
|
+
background: var(--ls-color-bg-neutral-top) linear-gradient(to left, var(--ls-color-bg-neutral-top) 50%, #e9f6e8 50%) no-repeat;
|
|
7752
7423
|
}
|
|
7753
7424
|
|
|
7754
7425
|
.vd-upsell-primary-background-inner {
|
|
@@ -7762,7 +7433,7 @@ td.vd-show-print {
|
|
|
7762
7433
|
|
|
7763
7434
|
.vd-upsell-primary-upper {
|
|
7764
7435
|
position: relative;
|
|
7765
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
7436
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
7766
7437
|
}
|
|
7767
7438
|
|
|
7768
7439
|
.vd-upsell-primary-background svg {
|
|
@@ -7859,7 +7530,7 @@ td.vd-show-print {
|
|
|
7859
7530
|
display: flex;
|
|
7860
7531
|
justify-content: space-between;
|
|
7861
7532
|
flex-flow: row wrap;
|
|
7862
|
-
box-shadow: inset 0 -1px var(--ls-color-border-neutral-strong
|
|
7533
|
+
box-shadow: inset 0 -1px var(--ls-color-border-neutral-strong);
|
|
7863
7534
|
}
|
|
7864
7535
|
|
|
7865
7536
|
.pm-products-search-open {
|
|
@@ -7945,7 +7616,7 @@ td.vd-show-print {
|
|
|
7945
7616
|
display: flex;
|
|
7946
7617
|
flex-direction: row;
|
|
7947
7618
|
justify-content: space-between;
|
|
7948
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
7619
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
7949
7620
|
padding-top: 8px;
|
|
7950
7621
|
height: auto;
|
|
7951
7622
|
}
|
|
@@ -7972,10 +7643,10 @@ td.vd-show-print {
|
|
|
7972
7643
|
width: 8px;
|
|
7973
7644
|
height: 8px;
|
|
7974
7645
|
border-radius: 50%;
|
|
7975
|
-
background-color: var(--ls-color-border-neutral-strong
|
|
7646
|
+
background-color: var(--ls-color-border-neutral-strong);
|
|
7976
7647
|
}
|
|
7977
7648
|
.vd-carousel-wrapper .vd-carousel-paginator-indicator--active::before {
|
|
7978
|
-
background-color: var(--ls-color-bg-go-default
|
|
7649
|
+
background-color: var(--ls-color-bg-go-default);
|
|
7979
7650
|
}
|
|
7980
7651
|
|
|
7981
7652
|
.vd-video-thumbnail-container {
|
|
@@ -7992,7 +7663,7 @@ td.vd-show-print {
|
|
|
7992
7663
|
margin: auto;
|
|
7993
7664
|
}
|
|
7994
7665
|
.vd-video-thumbnail-container .vd-video-play-button-container .vd-video-play-button {
|
|
7995
|
-
background-color: var(--ls-color-bg-neutral-backdrop
|
|
7666
|
+
background-color: var(--ls-color-bg-neutral-backdrop);
|
|
7996
7667
|
width: 80px;
|
|
7997
7668
|
height: 80px;
|
|
7998
7669
|
border-radius: 50%;
|
|
@@ -8001,10 +7672,10 @@ td.vd-show-print {
|
|
|
8001
7672
|
transform: translateX(3px);
|
|
8002
7673
|
}
|
|
8003
7674
|
.vd-video-thumbnail-container .vd-video-play-button-container .vd-video-play-button:hover {
|
|
8004
|
-
background-color: var(--ls-color-bg-supplementary-default
|
|
7675
|
+
background-color: var(--ls-color-bg-supplementary-default);
|
|
8005
7676
|
}
|
|
8006
7677
|
.vd-video-thumbnail-container .vd-video-play-button-container .vd-video-play-button:active {
|
|
8007
|
-
background-color: var(--ls-color-bg-supplementary-default
|
|
7678
|
+
background-color: var(--ls-color-bg-supplementary-default);
|
|
8008
7679
|
}
|
|
8009
7680
|
.vd-video-thumbnail-container .vd-video-thumbnail-image {
|
|
8010
7681
|
position: absolute;
|
|
@@ -8038,14 +7709,14 @@ td.vd-show-print {
|
|
|
8038
7709
|
top: 0;
|
|
8039
7710
|
}
|
|
8040
7711
|
.vd-sticky--top.vd-sticky--stuck {
|
|
8041
|
-
box-shadow: 0 20px 40px -20px var(--ls-color-overlay-neutral-strong
|
|
7712
|
+
box-shadow: 0 20px 40px -20px var(--ls-color-overlay-neutral-strong);
|
|
8042
7713
|
}
|
|
8043
7714
|
|
|
8044
7715
|
.vd-sticky--bottom {
|
|
8045
7716
|
bottom: 0;
|
|
8046
7717
|
}
|
|
8047
7718
|
.vd-sticky--bottom.vd-sticky--stuck {
|
|
8048
|
-
box-shadow: 0 -20px 40px -20px var(--ls-color-overlay-neutral-strong
|
|
7719
|
+
box-shadow: 0 -20px 40px -20px var(--ls-color-overlay-neutral-strong);
|
|
8049
7720
|
}
|
|
8050
7721
|
|
|
8051
7722
|
.vd-sticky--stuck {
|