@lightspeed/design-system-css 45.2.0 → 46.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +429 -759
- package/dist/index.css.map +1 -1
- package/package.json +1 -1
- 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 {
|
|
@@ -4782,7 +4452,7 @@ vd-dott,
|
|
|
4782
4452
|
}
|
|
4783
4453
|
|
|
4784
4454
|
.vd-radio:focus-within {
|
|
4785
|
-
box-shadow: 0 0 5px 2px var(--ls-color-fg-go-default
|
|
4455
|
+
box-shadow: 0 0 5px 2px var(--ls-color-fg-go-default);
|
|
4786
4456
|
}
|
|
4787
4457
|
|
|
4788
4458
|
.vd-scrollable-container {
|
|
@@ -4814,7 +4484,7 @@ vd-dott,
|
|
|
4814
4484
|
}
|
|
4815
4485
|
.vd-scrollable-indicator::before {
|
|
4816
4486
|
content: "";
|
|
4817
|
-
box-shadow: 0 0 30px var(--ls-color-overlay-neutral-strong
|
|
4487
|
+
box-shadow: 0 0 30px var(--ls-color-overlay-neutral-strong);
|
|
4818
4488
|
border-radius: 100%;
|
|
4819
4489
|
width: 100%;
|
|
4820
4490
|
height: 100%;
|
|
@@ -4879,16 +4549,16 @@ vd-section .vd-section,
|
|
|
4879
4549
|
|
|
4880
4550
|
.vd-section--secondary,
|
|
4881
4551
|
.vd-section--secondary .vd-section-container {
|
|
4882
|
-
background-color: var(--ls-color-bg-neutral-edge
|
|
4552
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
4883
4553
|
}
|
|
4884
4554
|
|
|
4885
4555
|
.vd-section--tertiary,
|
|
4886
4556
|
.vd-section--tertiary .vd-section-container {
|
|
4887
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
4557
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
4888
4558
|
}
|
|
4889
4559
|
|
|
4890
4560
|
.vd-section--panel {
|
|
4891
|
-
border-bottom: 1px solid var(--ls-color-border-neutral-strong
|
|
4561
|
+
border-bottom: 1px solid var(--ls-color-border-neutral-strong);
|
|
4892
4562
|
margin: 0 24px;
|
|
4893
4563
|
}
|
|
4894
4564
|
.vd-section--panel:last-child {
|
|
@@ -4911,7 +4581,7 @@ vd-section .vd-section,
|
|
|
4911
4581
|
right: 1em;
|
|
4912
4582
|
content: "";
|
|
4913
4583
|
bottom: 0;
|
|
4914
|
-
box-shadow: 0 0.1em 4em 0 var(--ls-color-overlay-neutral-strong
|
|
4584
|
+
box-shadow: 0 0.1em 4em 0 var(--ls-color-overlay-neutral-strong);
|
|
4915
4585
|
}
|
|
4916
4586
|
.vd-section--fixed::after {
|
|
4917
4587
|
animation: vd-fade-in 0.2s ease-in-out;
|
|
@@ -4925,7 +4595,7 @@ vd-section .vd-section,
|
|
|
4925
4595
|
|
|
4926
4596
|
.vd-section--action-bar,
|
|
4927
4597
|
.vd-section--action-bar .vd-section-container {
|
|
4928
|
-
background-color: var(--ls-color-bg-neutral-edge
|
|
4598
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
4929
4599
|
}
|
|
4930
4600
|
.vd-section--action-bar .vd-section-wrap {
|
|
4931
4601
|
min-height: 45px;
|
|
@@ -4963,7 +4633,7 @@ vd-section .vd-section,
|
|
|
4963
4633
|
}
|
|
4964
4634
|
.vd-section-back .vd-section-back-icon {
|
|
4965
4635
|
display: block;
|
|
4966
|
-
color: var(--ls-color-border-neutral-strong
|
|
4636
|
+
color: var(--ls-color-border-neutral-strong);
|
|
4967
4637
|
font-size: 24px;
|
|
4968
4638
|
transition-duration: 0.2s;
|
|
4969
4639
|
transition-property: margin-left, padding-right, color;
|
|
@@ -4971,7 +4641,7 @@ vd-section .vd-section,
|
|
|
4971
4641
|
.vd-section-back:hover .vd-section-back-icon {
|
|
4972
4642
|
margin-left: -2px;
|
|
4973
4643
|
padding-right: 2px;
|
|
4974
|
-
color: var(--ls-color-fg-go-default
|
|
4644
|
+
color: var(--ls-color-fg-go-default);
|
|
4975
4645
|
}
|
|
4976
4646
|
@media only screen and (max-width: 1000px) {
|
|
4977
4647
|
.vd-section-back {
|
|
@@ -4991,12 +4661,12 @@ vd-section .vd-section,
|
|
|
4991
4661
|
font-weight: normal;
|
|
4992
4662
|
}
|
|
4993
4663
|
.vd-segcontrol:first-of-type .vd-segcontrol-button {
|
|
4994
|
-
border-left: 2px solid var(--ls-color-border-neutral-soft
|
|
4664
|
+
border-left: 2px solid var(--ls-color-border-neutral-soft);
|
|
4995
4665
|
border-radius: 4px 0 0 4px;
|
|
4996
4666
|
}
|
|
4997
4667
|
.vd-segcontrol:last-of-type .vd-segcontrol-button {
|
|
4998
4668
|
border-radius: 0 4px 4px 0;
|
|
4999
|
-
border-right: 2px solid var(--ls-color-border-neutral-soft
|
|
4669
|
+
border-right: 2px solid var(--ls-color-border-neutral-soft);
|
|
5000
4670
|
}
|
|
5001
4671
|
|
|
5002
4672
|
.vd-segcontrol--stretched {
|
|
@@ -5004,13 +4674,13 @@ vd-section .vd-section,
|
|
|
5004
4674
|
}
|
|
5005
4675
|
|
|
5006
4676
|
.vd-segcontrol--selected .vd-segcontrol-button {
|
|
5007
|
-
border-color: var(--ls-color-border-go-default
|
|
4677
|
+
border-color: var(--ls-color-border-go-default) !important;
|
|
5008
4678
|
z-index: 3;
|
|
5009
4679
|
}
|
|
5010
4680
|
|
|
5011
4681
|
.vd-segcontrol:not(.vd-segcontrol--selected):not(.vd-segcontrol--disabled):hover .vd-segcontrol-input:not(:disabled) ~ .vd-segcontrol-button {
|
|
5012
4682
|
z-index: 2;
|
|
5013
|
-
border-color: var(--ls-color-border-neutral-strong
|
|
4683
|
+
border-color: var(--ls-color-border-neutral-strong);
|
|
5014
4684
|
cursor: pointer;
|
|
5015
4685
|
}
|
|
5016
4686
|
|
|
@@ -5023,10 +4693,10 @@ vd-section .vd-section,
|
|
|
5023
4693
|
flex-direction: column;
|
|
5024
4694
|
justify-content: flex-start;
|
|
5025
4695
|
align-items: center;
|
|
5026
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
4696
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
5027
4697
|
padding: 12px 20px;
|
|
5028
|
-
border: 2px solid var(--ls-color-border-neutral-soft
|
|
5029
|
-
color: var(--ls-color-fg-neutral-default
|
|
4698
|
+
border: 2px solid var(--ls-color-border-neutral-soft);
|
|
4699
|
+
color: var(--ls-color-fg-neutral-default);
|
|
5030
4700
|
width: 100%;
|
|
5031
4701
|
transition-duration: 0.2s;
|
|
5032
4702
|
transition-property: background, border;
|
|
@@ -5037,7 +4707,7 @@ vd-section .vd-section,
|
|
|
5037
4707
|
position: absolute;
|
|
5038
4708
|
}
|
|
5039
4709
|
.vd-segcontrol-input:checked + .vd-segcontrol-button {
|
|
5040
|
-
color: var(--ls-color-fg-neutral-default
|
|
4710
|
+
color: var(--ls-color-fg-neutral-default);
|
|
5041
4711
|
}
|
|
5042
4712
|
.vd-segcontrol-input:disabled + .vd-segcontrol-button {
|
|
5043
4713
|
opacity: 0.35;
|
|
@@ -5047,8 +4717,8 @@ vd-section .vd-section,
|
|
|
5047
4717
|
}
|
|
5048
4718
|
|
|
5049
4719
|
.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
|
|
4720
|
+
background-color: var(--ls-color-bg-neutral-inert-softer);
|
|
4721
|
+
box-shadow: 0 0 3px var(--ls-color-bg-neutral-edge);
|
|
5052
4722
|
}
|
|
5053
4723
|
|
|
5054
4724
|
.vd-segcontrol--panel {
|
|
@@ -5060,7 +4730,7 @@ vd-section .vd-section,
|
|
|
5060
4730
|
}
|
|
5061
4731
|
|
|
5062
4732
|
.vd-splash-fullscreen-container {
|
|
5063
|
-
border: 20px solid var(--ls-color-overlay-neutral-strong
|
|
4733
|
+
border: 20px solid var(--ls-color-overlay-neutral-strong);
|
|
5064
4734
|
box-sizing: border-box;
|
|
5065
4735
|
display: block;
|
|
5066
4736
|
position: fixed;
|
|
@@ -5081,7 +4751,7 @@ vd-section .vd-section,
|
|
|
5081
4751
|
display: flex;
|
|
5082
4752
|
justify-content: center;
|
|
5083
4753
|
align-items: center;
|
|
5084
|
-
background: var(--ls-color-bg-neutral-top
|
|
4754
|
+
background: var(--ls-color-bg-neutral-top);
|
|
5085
4755
|
overflow: auto;
|
|
5086
4756
|
animation: vd-fade-in 0.5s ease-in-out;
|
|
5087
4757
|
animation-fill-mode: forwards;
|
|
@@ -5110,7 +4780,7 @@ vd-section .vd-section,
|
|
|
5110
4780
|
|
|
5111
4781
|
.vd-status-icon {
|
|
5112
4782
|
border-radius: 50%;
|
|
5113
|
-
background-color: var(--ls-color-bg-go-default
|
|
4783
|
+
background-color: var(--ls-color-bg-go-default);
|
|
5114
4784
|
width: 8px;
|
|
5115
4785
|
height: 8px;
|
|
5116
4786
|
display: inline-block;
|
|
@@ -5118,7 +4788,7 @@ vd-section .vd-section,
|
|
|
5118
4788
|
}
|
|
5119
4789
|
|
|
5120
4790
|
.vd-status-icon--negative {
|
|
5121
|
-
background-color: var(--ls-color-bg-no-default
|
|
4791
|
+
background-color: var(--ls-color-bg-no-default);
|
|
5122
4792
|
}
|
|
5123
4793
|
|
|
5124
4794
|
.vd-suggestions-popover .vd-popover-content {
|
|
@@ -5150,8 +4820,8 @@ vd-section .vd-section,
|
|
|
5150
4820
|
right: 0;
|
|
5151
4821
|
height: 60px;
|
|
5152
4822
|
box-sizing: border-box;
|
|
5153
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
5154
|
-
border-top: 1px solid var(--ls-color-border-neutral-soft
|
|
4823
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
4824
|
+
border-top: 1px solid var(--ls-color-border-neutral-soft);
|
|
5155
4825
|
}
|
|
5156
4826
|
|
|
5157
4827
|
.vd-suggestion-query-container {
|
|
@@ -5182,8 +4852,8 @@ vd-section .vd-section,
|
|
|
5182
4852
|
margin-right: -16px !important;
|
|
5183
4853
|
}
|
|
5184
4854
|
.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
|
|
4855
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
4856
|
+
background-color: var(--ls-color-bg-supplementary-soft);
|
|
5187
4857
|
}
|
|
5188
4858
|
|
|
5189
4859
|
.vd-switch {
|
|
@@ -5208,8 +4878,8 @@ vd-section .vd-section,
|
|
|
5208
4878
|
height: 36px;
|
|
5209
4879
|
border-radius: 36px;
|
|
5210
4880
|
box-sizing: border-box;
|
|
5211
|
-
border: 2px solid var(--ls-color-bg-go-soft
|
|
5212
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
4881
|
+
border: 2px solid var(--ls-color-bg-go-soft);
|
|
4882
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
5213
4883
|
transition: background-color 0.5s ease-in-out;
|
|
5214
4884
|
}
|
|
5215
4885
|
.vd-switch--small .vd-switch-track {
|
|
@@ -5221,7 +4891,7 @@ vd-section .vd-section,
|
|
|
5221
4891
|
box-sizing: border-box;
|
|
5222
4892
|
display: inline-block;
|
|
5223
4893
|
position: absolute;
|
|
5224
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
4894
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
5225
4895
|
top: 8px;
|
|
5226
4896
|
left: 10px;
|
|
5227
4897
|
opacity: 0;
|
|
@@ -5239,7 +4909,7 @@ vd-section .vd-section,
|
|
|
5239
4909
|
position: absolute;
|
|
5240
4910
|
top: 8px;
|
|
5241
4911
|
left: 41px;
|
|
5242
|
-
color: var(--ls-color-bg-go-soft
|
|
4912
|
+
color: var(--ls-color-bg-go-soft);
|
|
5243
4913
|
opacity: 1;
|
|
5244
4914
|
transition: opacity 0.54s ease-in-out;
|
|
5245
4915
|
}
|
|
@@ -5253,8 +4923,8 @@ vd-section .vd-section,
|
|
|
5253
4923
|
float: left;
|
|
5254
4924
|
border-radius: inherit;
|
|
5255
4925
|
box-sizing: border-box;
|
|
5256
|
-
border: 2px solid var(--ls-color-bg-go-soft
|
|
5257
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
4926
|
+
border: 2px solid var(--ls-color-bg-go-soft);
|
|
4927
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
5258
4928
|
pointer-events: none;
|
|
5259
4929
|
width: 36px;
|
|
5260
4930
|
height: 36px;
|
|
@@ -5268,11 +4938,11 @@ vd-section .vd-section,
|
|
|
5268
4938
|
}
|
|
5269
4939
|
|
|
5270
4940
|
.vd-switch-input:checked:focus + .vd-switch-track {
|
|
5271
|
-
box-shadow: 0 0 5px 2px var(--ls-color-bg-go-default
|
|
4941
|
+
box-shadow: 0 0 5px 2px var(--ls-color-bg-go-default);
|
|
5272
4942
|
}
|
|
5273
4943
|
.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
|
|
4944
|
+
border-color: var(--ls-color-bg-go-default);
|
|
4945
|
+
background-color: var(--ls-color-bg-go-default);
|
|
5276
4946
|
}
|
|
5277
4947
|
.vd-switch-input:checked + .vd-switch-track .vd-switch-icon {
|
|
5278
4948
|
opacity: 1;
|
|
@@ -5282,14 +4952,14 @@ vd-section .vd-section,
|
|
|
5282
4952
|
}
|
|
5283
4953
|
.vd-switch-input:checked + .vd-switch-track .vd-switch-track-knob {
|
|
5284
4954
|
transform: translate3d(32px, 0, 0);
|
|
5285
|
-
border-color: var(--ls-color-bg-go-default
|
|
4955
|
+
border-color: var(--ls-color-bg-go-default);
|
|
5286
4956
|
}
|
|
5287
4957
|
.vd-switch--small .vd-switch-input:checked + .vd-switch-track .vd-switch-track-knob {
|
|
5288
4958
|
transform: translate3d(24px, 0, 0);
|
|
5289
4959
|
}
|
|
5290
4960
|
|
|
5291
4961
|
.vd-switch-input:focus + .vd-switch-track {
|
|
5292
|
-
box-shadow: 0 0 5px 2px var(--ls-color-bg-go-soft
|
|
4962
|
+
box-shadow: 0 0 5px 2px var(--ls-color-bg-go-soft);
|
|
5293
4963
|
}
|
|
5294
4964
|
|
|
5295
4965
|
.vd-switch-input:disabled + .vd-switch-track {
|
|
@@ -5322,7 +4992,7 @@ vd-section .vd-section,
|
|
|
5322
4992
|
gap: 16px 32px;
|
|
5323
4993
|
padding: 0;
|
|
5324
4994
|
margin: 0;
|
|
5325
|
-
box-shadow: inset 0 -1px var(--ls-color-border-neutral-strong
|
|
4995
|
+
box-shadow: inset 0 -1px var(--ls-color-border-neutral-strong);
|
|
5326
4996
|
}
|
|
5327
4997
|
|
|
5328
4998
|
.vd-tabs-container--overflow {
|
|
@@ -5341,16 +5011,16 @@ vd-section .vd-section,
|
|
|
5341
5011
|
|
|
5342
5012
|
.vd-tab {
|
|
5343
5013
|
display: inline-block;
|
|
5344
|
-
color: var(--ls-color-fg-neutral-default
|
|
5014
|
+
color: var(--ls-color-fg-neutral-default);
|
|
5345
5015
|
}
|
|
5346
5016
|
.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
|
|
5017
|
+
border-bottom-color: var(--ls-color-border-go-default);
|
|
5018
|
+
color: var(--ls-color-fg-go-default);
|
|
5349
5019
|
}
|
|
5350
5020
|
@media (hover: hover) {
|
|
5351
5021
|
.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
|
|
5022
|
+
border-bottom-color: var(--ls-color-border-go-default);
|
|
5023
|
+
color: var(--ls-color-fg-go-default);
|
|
5354
5024
|
}
|
|
5355
5025
|
.vd-tab:hover:not(.vd-tab--active) .vd-tab-button {
|
|
5356
5026
|
cursor: pointer;
|
|
@@ -5427,10 +5097,10 @@ table {
|
|
|
5427
5097
|
padding: 16px 40px;
|
|
5428
5098
|
}
|
|
5429
5099
|
.vd-table thead tr {
|
|
5430
|
-
border-color: var(--ls-color-border-neutral-strong
|
|
5100
|
+
border-color: var(--ls-color-border-neutral-strong);
|
|
5431
5101
|
}
|
|
5432
5102
|
.vd-table tr {
|
|
5433
|
-
border-bottom: 1px solid var(--ls-color-border-neutral-soft
|
|
5103
|
+
border-bottom: 1px solid var(--ls-color-border-neutral-soft);
|
|
5434
5104
|
}
|
|
5435
5105
|
.vd-table tr .vd-clickable {
|
|
5436
5106
|
display: block;
|
|
@@ -5457,10 +5127,10 @@ table {
|
|
|
5457
5127
|
border-right: none;
|
|
5458
5128
|
}
|
|
5459
5129
|
.vd-table tr.vd-border-t {
|
|
5460
|
-
border-top: 1px solid var(--ls-color-border-neutral-soft
|
|
5130
|
+
border-top: 1px solid var(--ls-color-border-neutral-soft);
|
|
5461
5131
|
}
|
|
5462
5132
|
.vd-table tr.vd-border-b {
|
|
5463
|
-
border-bottom: 1px solid var(--ls-color-border-neutral-soft
|
|
5133
|
+
border-bottom: 1px solid var(--ls-color-border-neutral-soft);
|
|
5464
5134
|
}
|
|
5465
5135
|
.vd-table tr.vd-med-pad-t td, .vd-table tr.vd-med-pad-v td {
|
|
5466
5136
|
padding-top: 8px;
|
|
@@ -5486,18 +5156,18 @@ table {
|
|
|
5486
5156
|
@media (hover: hover) {
|
|
5487
5157
|
.vd-table tr.vd-expandable:hover:not(.vd-expandable--nt) {
|
|
5488
5158
|
cursor: pointer;
|
|
5489
|
-
background-color: var(--ls-color-bg-go-highlight-default
|
|
5159
|
+
background-color: var(--ls-color-bg-go-highlight-default);
|
|
5490
5160
|
}
|
|
5491
5161
|
}
|
|
5492
5162
|
.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
|
|
5163
|
+
background: var(--ls-color-bg-neutral-top);
|
|
5494
5164
|
}
|
|
5495
5165
|
.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
5166
|
content: "";
|
|
5497
5167
|
top: -1px;
|
|
5498
5168
|
left: 0;
|
|
5499
5169
|
width: 4px;
|
|
5500
|
-
background-color: var(--ls-color-border-go-default
|
|
5170
|
+
background-color: var(--ls-color-border-go-default);
|
|
5501
5171
|
bottom: 0;
|
|
5502
5172
|
z-index: 1;
|
|
5503
5173
|
position: absolute;
|
|
@@ -5574,10 +5244,10 @@ table {
|
|
|
5574
5244
|
vertical-align: bottom;
|
|
5575
5245
|
}
|
|
5576
5246
|
.vd-table.vd-table--data {
|
|
5577
|
-
border: 1px solid var(--ls-color-border-neutral-soft
|
|
5247
|
+
border: 1px solid var(--ls-color-border-neutral-soft);
|
|
5578
5248
|
}
|
|
5579
5249
|
.vd-table.vd-table--data tr {
|
|
5580
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
5250
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
5581
5251
|
}
|
|
5582
5252
|
|
|
5583
5253
|
.vd-table--compact thead th {
|
|
@@ -5605,23 +5275,23 @@ table {
|
|
|
5605
5275
|
}
|
|
5606
5276
|
|
|
5607
5277
|
.vd-table--report {
|
|
5608
|
-
border: 1px solid var(--ls-color-border-neutral-soft
|
|
5278
|
+
border: 1px solid var(--ls-color-border-neutral-soft);
|
|
5609
5279
|
}
|
|
5610
5280
|
.vd-table--report > thead th {
|
|
5611
5281
|
padding: 16px;
|
|
5612
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
5282
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
5613
5283
|
}
|
|
5614
5284
|
.vd-table--report > thead tr {
|
|
5615
|
-
border: 1px solid var(--ls-color-border-neutral-soft
|
|
5285
|
+
border: 1px solid var(--ls-color-border-neutral-soft);
|
|
5616
5286
|
}
|
|
5617
5287
|
.vd-table--report > tbody > tr {
|
|
5618
5288
|
border-bottom: none;
|
|
5619
5289
|
}
|
|
5620
5290
|
.vd-table--report > tbody > tr:nth-child(odd) {
|
|
5621
|
-
background-color: var(--ls-color-bg-neutral-backdrop
|
|
5291
|
+
background-color: var(--ls-color-bg-neutral-backdrop);
|
|
5622
5292
|
}
|
|
5623
5293
|
.vd-table--report > tbody > tr:nth-child(even) {
|
|
5624
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
5294
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
5625
5295
|
}
|
|
5626
5296
|
.vd-table--report > tbody > tr > td {
|
|
5627
5297
|
padding: 16px;
|
|
@@ -5637,10 +5307,10 @@ table {
|
|
|
5637
5307
|
margin-bottom: 0;
|
|
5638
5308
|
}
|
|
5639
5309
|
.vd-table--report.vd-table--report--nested > tbody > tr:nth-child(odd) {
|
|
5640
|
-
background-color: var(--ls-color-bg-neutral-backdrop
|
|
5310
|
+
background-color: var(--ls-color-bg-neutral-backdrop);
|
|
5641
5311
|
}
|
|
5642
5312
|
.vd-table--report.vd-table--report--nested > tbody > tr:nth-child(even) {
|
|
5643
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
5313
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
5644
5314
|
}
|
|
5645
5315
|
.vd-table--report.vd-table--report--nested > tbody > tr > td:first-child {
|
|
5646
5316
|
padding-left: 13px;
|
|
@@ -5650,19 +5320,19 @@ table {
|
|
|
5650
5320
|
}
|
|
5651
5321
|
|
|
5652
5322
|
.vd-text--secondary {
|
|
5653
|
-
color: var(--ls-color-fg-supplementary-default
|
|
5323
|
+
color: var(--ls-color-fg-supplementary-default);
|
|
5654
5324
|
}
|
|
5655
5325
|
|
|
5656
5326
|
.vd-text--success {
|
|
5657
|
-
color: var(--ls-color-fg-go-default
|
|
5327
|
+
color: var(--ls-color-fg-go-default);
|
|
5658
5328
|
}
|
|
5659
5329
|
|
|
5660
5330
|
.vd-text--negative {
|
|
5661
|
-
color: var(--ls-color-fg-no-default
|
|
5331
|
+
color: var(--ls-color-fg-no-default);
|
|
5662
5332
|
}
|
|
5663
5333
|
|
|
5664
5334
|
.vd-text--disabled {
|
|
5665
|
-
color: var(--ls-color-fg-neutral-default
|
|
5335
|
+
color: var(--ls-color-fg-neutral-default);
|
|
5666
5336
|
opacity: 0.35;
|
|
5667
5337
|
}
|
|
5668
5338
|
|
|
@@ -5694,7 +5364,7 @@ table {
|
|
|
5694
5364
|
font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
5695
5365
|
font-size: 15px;
|
|
5696
5366
|
line-height: normal;
|
|
5697
|
-
color: var(--ls-color-fg-neutral-default
|
|
5367
|
+
color: var(--ls-color-fg-neutral-default);
|
|
5698
5368
|
position: fixed;
|
|
5699
5369
|
right: 0;
|
|
5700
5370
|
left: 0;
|
|
@@ -5722,7 +5392,7 @@ table {
|
|
|
5722
5392
|
padding: 24px 76px 24px 40px;
|
|
5723
5393
|
border-radius: 4px;
|
|
5724
5394
|
box-sizing: border-box;
|
|
5725
|
-
color: var(--ls-color-fg-neutral-ondark-default
|
|
5395
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
5726
5396
|
text-align: center;
|
|
5727
5397
|
font-weight: 700;
|
|
5728
5398
|
transition: opacity ease-in-out 0.5s;
|
|
@@ -5744,25 +5414,25 @@ table {
|
|
|
5744
5414
|
}
|
|
5745
5415
|
|
|
5746
5416
|
.vd-toast-notification--success {
|
|
5747
|
-
background-color: var(--ls-color-bg-success-default
|
|
5417
|
+
background-color: var(--ls-color-bg-success-default);
|
|
5748
5418
|
}
|
|
5749
5419
|
|
|
5750
5420
|
.vd-toast-notification--negative {
|
|
5751
|
-
background-color: var(--ls-color-bg-no-default
|
|
5421
|
+
background-color: var(--ls-color-bg-no-default);
|
|
5752
5422
|
}
|
|
5753
5423
|
|
|
5754
5424
|
.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
|
|
5425
|
+
border-color: var(--ls-color-border-neutral-inverted-soft);
|
|
5426
|
+
background-color: var(--ls-color-bg-neutral-inverted-top);
|
|
5427
|
+
color: var(--ls-color-fg-neutral-inverted-default);
|
|
5758
5428
|
}
|
|
5759
5429
|
.vd-popover--tooltip .vd-popover-content {
|
|
5760
|
-
background-color: var(--ls-color-bg-neutral-inverted-top
|
|
5430
|
+
background-color: var(--ls-color-bg-neutral-inverted-top);
|
|
5761
5431
|
padding: 8px;
|
|
5762
5432
|
}
|
|
5763
5433
|
.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
|
|
5434
|
+
background-color: var(--ls-color-bg-neutral-inverted-top);
|
|
5435
|
+
border-color: var(--ls-color-border-neutral-inverted-soft);
|
|
5766
5436
|
}
|
|
5767
5437
|
|
|
5768
5438
|
@media only screen and (max-width: 480px) {
|
|
@@ -5913,11 +5583,11 @@ td.vd-show-print {
|
|
|
5913
5583
|
.vd-next-stepper {
|
|
5914
5584
|
display: block;
|
|
5915
5585
|
padding: 24px;
|
|
5916
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
5917
|
-
border: 1px solid var(--ls-color-border-neutral-soft
|
|
5586
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
5587
|
+
border: 1px solid var(--ls-color-border-neutral-soft);
|
|
5918
5588
|
}
|
|
5919
5589
|
.vd-next-stepper.vd-next-stepper--on-box {
|
|
5920
|
-
background-color: var(--ls-color-bg-neutral-backdrop
|
|
5590
|
+
background-color: var(--ls-color-bg-neutral-backdrop);
|
|
5921
5591
|
border-color: transparent;
|
|
5922
5592
|
}
|
|
5923
5593
|
|
|
@@ -5940,7 +5610,7 @@ td.vd-show-print {
|
|
|
5940
5610
|
.vd-next-stepper-details {
|
|
5941
5611
|
display: flex;
|
|
5942
5612
|
flex-direction: column;
|
|
5943
|
-
border-top: 1px solid var(--ls-color-border-neutral-strong
|
|
5613
|
+
border-top: 1px solid var(--ls-color-border-neutral-strong);
|
|
5944
5614
|
margin-top: 8px;
|
|
5945
5615
|
padding-top: 8px;
|
|
5946
5616
|
}
|
|
@@ -6007,8 +5677,8 @@ td.vd-show-print {
|
|
|
6007
5677
|
margin-top: 16px;
|
|
6008
5678
|
}
|
|
6009
5679
|
.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
|
|
5680
|
+
border: 2px solid var(--ls-color-border-neutral-soft);
|
|
5681
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
6012
5682
|
border-radius: 5px;
|
|
6013
5683
|
cursor: pointer;
|
|
6014
5684
|
}
|
|
@@ -6017,10 +5687,10 @@ td.vd-show-print {
|
|
|
6017
5687
|
}
|
|
6018
5688
|
.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
5689
|
outline: none;
|
|
6020
|
-
background-color: var(--ls-color-bg-go-highlight-default
|
|
5690
|
+
background-color: var(--ls-color-bg-go-highlight-default);
|
|
6021
5691
|
}
|
|
6022
5692
|
.vd-id-badge.vd-id-badge--current {
|
|
6023
|
-
border-color: var(--ls-color-border-go-default
|
|
5693
|
+
border-color: var(--ls-color-border-go-default);
|
|
6024
5694
|
}
|
|
6025
5695
|
.vd-id-badge.vd-id-badge--small .vd-id-badge__content {
|
|
6026
5696
|
padding: 8px;
|
|
@@ -6045,7 +5715,7 @@ td.vd-show-print {
|
|
|
6045
5715
|
outline: none;
|
|
6046
5716
|
}
|
|
6047
5717
|
.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
|
|
5718
|
+
color: var(--ls-color-fg-go-default);
|
|
6049
5719
|
}
|
|
6050
5720
|
.vd-id-badge.vd-id-badge--x-small .vd-id-badge__content {
|
|
6051
5721
|
padding: 8px;
|
|
@@ -6086,7 +5756,7 @@ td.vd-show-print {
|
|
|
6086
5756
|
justify-content: center;
|
|
6087
5757
|
flex: 1;
|
|
6088
5758
|
word-break: break-word;
|
|
6089
|
-
color: var(--ls-color-fg-neutral-default
|
|
5759
|
+
color: var(--ls-color-fg-neutral-default);
|
|
6090
5760
|
font-synthesis: none;
|
|
6091
5761
|
text-rendering: optimizelegibility;
|
|
6092
5762
|
-webkit-font-smoothing: antialiased;
|
|
@@ -6123,7 +5793,7 @@ td.vd-show-print {
|
|
|
6123
5793
|
}
|
|
6124
5794
|
|
|
6125
5795
|
.vd-id-badge__image {
|
|
6126
|
-
background-color: var(--ls-color-bg-neutral-edge
|
|
5796
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
6127
5797
|
background-repeat: no-repeat;
|
|
6128
5798
|
background-size: contain;
|
|
6129
5799
|
background-position: center;
|
|
@@ -6173,7 +5843,7 @@ td.vd-show-print {
|
|
|
6173
5843
|
}
|
|
6174
5844
|
|
|
6175
5845
|
.vd-password-strength-meter[data-value="4"] {
|
|
6176
|
-
background-color: var(--ls-color-bg-success-default
|
|
5846
|
+
background-color: var(--ls-color-bg-success-default);
|
|
6177
5847
|
width: 100%;
|
|
6178
5848
|
}
|
|
6179
5849
|
|
|
@@ -6674,21 +6344,21 @@ td.vd-show-print {
|
|
|
6674
6344
|
}
|
|
6675
6345
|
.vd-bar-chart-container .y.axis text {
|
|
6676
6346
|
font-size: 14px;
|
|
6677
|
-
fill: var(--ls-color-fg-neutral-default
|
|
6347
|
+
fill: var(--ls-color-fg-neutral-default);
|
|
6678
6348
|
}
|
|
6679
6349
|
.vd-bar-chart-container .bar {
|
|
6680
|
-
fill: var(--ls-color-bg-success-default
|
|
6350
|
+
fill: var(--ls-color-bg-success-default);
|
|
6681
6351
|
opacity: 0.15;
|
|
6682
6352
|
}
|
|
6683
6353
|
.vd-bar-chart-container .top {
|
|
6684
|
-
fill: var(--ls-color-bg-success-default
|
|
6354
|
+
fill: var(--ls-color-bg-success-default);
|
|
6685
6355
|
}
|
|
6686
6356
|
.vd-bar-chart-container .bar-label {
|
|
6687
6357
|
font-size: 13px;
|
|
6688
|
-
fill: var(--ls-color-fg-neutral-default
|
|
6358
|
+
fill: var(--ls-color-fg-neutral-default);
|
|
6689
6359
|
}
|
|
6690
6360
|
.vd-bar-chart-container .bar-chart-background {
|
|
6691
|
-
fill: var(--ls-color-border-neutral-soft
|
|
6361
|
+
fill: var(--ls-color-border-neutral-soft);
|
|
6692
6362
|
}
|
|
6693
6363
|
|
|
6694
6364
|
.vd-currency-input-container {
|
|
@@ -6698,7 +6368,7 @@ td.vd-show-print {
|
|
|
6698
6368
|
|
|
6699
6369
|
.vd-datatable {
|
|
6700
6370
|
width: 100%;
|
|
6701
|
-
border: 1px solid var(--ls-color-border-neutral-strong
|
|
6371
|
+
border: 1px solid var(--ls-color-border-neutral-strong);
|
|
6702
6372
|
border-collapse: separate;
|
|
6703
6373
|
border-spacing: 0;
|
|
6704
6374
|
border-radius: 4px;
|
|
@@ -6724,36 +6394,36 @@ td.vd-show-print {
|
|
|
6724
6394
|
}
|
|
6725
6395
|
|
|
6726
6396
|
.vd-datatable-row:nth-child(odd) {
|
|
6727
|
-
background-color: var(--ls-color-bg-neutral-backdrop
|
|
6397
|
+
background-color: var(--ls-color-bg-neutral-backdrop);
|
|
6728
6398
|
}
|
|
6729
6399
|
.vd-datatable-row:nth-child(even) {
|
|
6730
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
6400
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
6731
6401
|
}
|
|
6732
6402
|
|
|
6733
6403
|
.vd-datatable-row--header {
|
|
6734
|
-
border-bottom: 1px solid var(--ls-color-border-neutral-strong
|
|
6404
|
+
border-bottom: 1px solid var(--ls-color-border-neutral-strong);
|
|
6735
6405
|
}
|
|
6736
6406
|
.vd-datatable-row--header:nth-child(odd), .vd-datatable-row--header:nth-child(even) {
|
|
6737
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
6407
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
6738
6408
|
}
|
|
6739
6409
|
|
|
6740
6410
|
.vd-datatable-row--header-sections {
|
|
6741
|
-
border-bottom: 1px solid var(--ls-color-border-neutral-strong
|
|
6411
|
+
border-bottom: 1px solid var(--ls-color-border-neutral-strong);
|
|
6742
6412
|
}
|
|
6743
6413
|
.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
|
|
6414
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
6745
6415
|
}
|
|
6746
6416
|
|
|
6747
6417
|
.vd-datatable-row--footer:nth-child(odd), .vd-datatable-row--footer:nth-child(even) {
|
|
6748
|
-
background-color: var(--ls-color-bg-neutral-edge
|
|
6418
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
6749
6419
|
}
|
|
6750
6420
|
|
|
6751
6421
|
.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
|
|
6422
|
+
border-bottom: 1px solid var(--ls-color-border-neutral-strong);
|
|
6753
6423
|
border-bottom-color: transparent;
|
|
6754
6424
|
}
|
|
6755
6425
|
.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
|
|
6426
|
+
border-bottom-color: var(--ls-color-border-neutral-strong);
|
|
6757
6427
|
border-radius: 0;
|
|
6758
6428
|
}
|
|
6759
6429
|
|
|
@@ -6767,7 +6437,7 @@ td.vd-show-print {
|
|
|
6767
6437
|
left: 0;
|
|
6768
6438
|
width: 100%;
|
|
6769
6439
|
height: 30px;
|
|
6770
|
-
box-shadow: inset 0 -30px 40px -48px var(--ls-color-overlay-neutral-strong
|
|
6440
|
+
box-shadow: inset 0 -30px 40px -48px var(--ls-color-overlay-neutral-strong);
|
|
6771
6441
|
}
|
|
6772
6442
|
|
|
6773
6443
|
.vd-datatable-cell {
|
|
@@ -6785,11 +6455,11 @@ td.vd-show-print {
|
|
|
6785
6455
|
font-size: 15px;
|
|
6786
6456
|
line-height: 1.3333333333;
|
|
6787
6457
|
font-weight: 700;
|
|
6788
|
-
border-top: 1px solid var(--ls-color-border-neutral-strong
|
|
6458
|
+
border-top: 1px solid var(--ls-color-border-neutral-strong);
|
|
6789
6459
|
}
|
|
6790
6460
|
|
|
6791
6461
|
.vd-datatable-cell--section-start {
|
|
6792
|
-
border-left: 1px solid var(--ls-color-border-neutral-strong
|
|
6462
|
+
border-left: 1px solid var(--ls-color-border-neutral-strong);
|
|
6793
6463
|
}
|
|
6794
6464
|
|
|
6795
6465
|
.vd-datatable-head-cell {
|
|
@@ -6805,7 +6475,7 @@ td.vd-show-print {
|
|
|
6805
6475
|
white-space: nowrap;
|
|
6806
6476
|
}
|
|
6807
6477
|
.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
|
|
6478
|
+
border-bottom: 1px solid var(--ls-color-border-neutral-strong);
|
|
6809
6479
|
}
|
|
6810
6480
|
.vd-datatable-row--header-sections .vd-datatable-head-cell {
|
|
6811
6481
|
font-synthesis: none;
|
|
@@ -6821,7 +6491,7 @@ td.vd-show-print {
|
|
|
6821
6491
|
font-size: 12px;
|
|
6822
6492
|
padding: 8px;
|
|
6823
6493
|
text-align: center;
|
|
6824
|
-
border-left: 1px solid var(--ls-color-border-neutral-strong
|
|
6494
|
+
border-left: 1px solid var(--ls-color-border-neutral-strong);
|
|
6825
6495
|
}
|
|
6826
6496
|
.vd-datatable-row--header-sections .vd-datatable-head-cell:first-child {
|
|
6827
6497
|
border-left: none;
|
|
@@ -6871,7 +6541,7 @@ td.vd-show-print {
|
|
|
6871
6541
|
right: 50%;
|
|
6872
6542
|
bottom: 0;
|
|
6873
6543
|
width: 1px;
|
|
6874
|
-
background-color: var(--ls-color-border-neutral-soft
|
|
6544
|
+
background-color: var(--ls-color-border-neutral-soft);
|
|
6875
6545
|
}
|
|
6876
6546
|
@media only screen and (max-width: 768px) {
|
|
6877
6547
|
.vd-daterangepicker {
|
|
@@ -6901,7 +6571,7 @@ td.vd-show-print {
|
|
|
6901
6571
|
right: 0;
|
|
6902
6572
|
bottom: -24px;
|
|
6903
6573
|
height: 1px;
|
|
6904
|
-
background-color: var(--ls-color-border-neutral-soft
|
|
6574
|
+
background-color: var(--ls-color-border-neutral-soft);
|
|
6905
6575
|
}
|
|
6906
6576
|
}
|
|
6907
6577
|
|
|
@@ -6940,7 +6610,7 @@ td.vd-show-print {
|
|
|
6940
6610
|
font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
6941
6611
|
font-size: 15px;
|
|
6942
6612
|
line-height: normal;
|
|
6943
|
-
color: var(--ls-color-fg-neutral-default
|
|
6613
|
+
color: var(--ls-color-fg-neutral-default);
|
|
6944
6614
|
font-size: 15px;
|
|
6945
6615
|
position: relative;
|
|
6946
6616
|
}
|
|
@@ -6986,8 +6656,8 @@ td.vd-show-print {
|
|
|
6986
6656
|
position: absolute;
|
|
6987
6657
|
width: 7px;
|
|
6988
6658
|
height: 7px;
|
|
6989
|
-
border-right: 3px solid var(--ls-color-fg-neutral-default
|
|
6990
|
-
border-top: 3px solid var(--ls-color-fg-neutral-default
|
|
6659
|
+
border-right: 3px solid var(--ls-color-fg-neutral-default);
|
|
6660
|
+
border-top: 3px solid var(--ls-color-fg-neutral-default);
|
|
6991
6661
|
box-sizing: initial;
|
|
6992
6662
|
transform: rotate(225deg);
|
|
6993
6663
|
}
|
|
@@ -7001,8 +6671,8 @@ td.vd-show-print {
|
|
|
7001
6671
|
position: absolute;
|
|
7002
6672
|
width: 7px;
|
|
7003
6673
|
height: 7px;
|
|
7004
|
-
border-right: 3px solid var(--ls-color-fg-neutral-default
|
|
7005
|
-
border-top: 3px solid var(--ls-color-fg-neutral-default
|
|
6674
|
+
border-right: 3px solid var(--ls-color-fg-neutral-default);
|
|
6675
|
+
border-top: 3px solid var(--ls-color-fg-neutral-default);
|
|
7006
6676
|
box-sizing: initial;
|
|
7007
6677
|
transform: rotate(45deg);
|
|
7008
6678
|
}
|
|
@@ -7019,7 +6689,7 @@ td.vd-show-print {
|
|
|
7019
6689
|
|
|
7020
6690
|
.react-datepicker__month-select,
|
|
7021
6691
|
.react-datepicker__year-select {
|
|
7022
|
-
color: var(--ls-color-fg-neutral-default
|
|
6692
|
+
color: var(--ls-color-fg-neutral-default);
|
|
7023
6693
|
font-family: lato, "Helvetica Neue", helvetica, roboto, arial, sans-serif;
|
|
7024
6694
|
font-weight: 400;
|
|
7025
6695
|
font-size: 15px;
|
|
@@ -7030,8 +6700,8 @@ td.vd-show-print {
|
|
|
7030
6700
|
box-sizing: border-box;
|
|
7031
6701
|
outline: none;
|
|
7032
6702
|
box-shadow: none;
|
|
7033
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
7034
|
-
border: 2px solid var(--ls-color-border-neutral-soft
|
|
6703
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
6704
|
+
border: 2px solid var(--ls-color-border-neutral-soft);
|
|
7035
6705
|
border-radius: 4px;
|
|
7036
6706
|
transition-duration: 0.2s;
|
|
7037
6707
|
transition-property: border-color, box-shadow;
|
|
@@ -7040,12 +6710,12 @@ td.vd-show-print {
|
|
|
7040
6710
|
background-repeat: no-repeat;
|
|
7041
6711
|
background-size: 8px 20px;
|
|
7042
6712
|
background-position: calc(100% - 14px) 10px;
|
|
7043
|
-
background-image: var(--ls-color-select-arrows-bg
|
|
6713
|
+
background-image: var(--ls-color-select-arrows-bg);
|
|
7044
6714
|
padding-right: 12px;
|
|
7045
6715
|
}
|
|
7046
6716
|
.react-datepicker__month-select::placeholder,
|
|
7047
6717
|
.react-datepicker__year-select::placeholder {
|
|
7048
|
-
color: var(--ls-color-fg-supplementary-default
|
|
6718
|
+
color: var(--ls-color-fg-supplementary-default);
|
|
7049
6719
|
opacity: 1;
|
|
7050
6720
|
}
|
|
7051
6721
|
.react-datepicker__month-select:placeholder-shown,
|
|
@@ -7066,15 +6736,15 @@ td.vd-show-print {
|
|
|
7066
6736
|
.react-datepicker__month-select:focus, .react-datepicker__month-select.vd-focus,
|
|
7067
6737
|
.react-datepicker__year-select:focus,
|
|
7068
6738
|
.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
|
|
6739
|
+
border-color: var(--ls-color-border-go-default);
|
|
6740
|
+
box-shadow: 0 0 3px var(--ls-color-border-go-default);
|
|
7071
6741
|
}
|
|
7072
6742
|
.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
6743
|
.react-datepicker__year-select.vd-input--error,
|
|
7074
6744
|
.react-datepicker__year-select.vd-error,
|
|
7075
6745
|
.react-datepicker__year-select.ng-invalid.ng-dirty,
|
|
7076
6746
|
.ng-submitted .react-datepicker__year-select.ng-invalid {
|
|
7077
|
-
border-color: var(--ls-color-border-no-default
|
|
6747
|
+
border-color: var(--ls-color-border-no-default);
|
|
7078
6748
|
}
|
|
7079
6749
|
.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
6750
|
.react-datepicker__year-select.vd-input--error:focus,
|
|
@@ -7085,7 +6755,7 @@ td.vd-show-print {
|
|
|
7085
6755
|
.react-datepicker__year-select.ng-invalid.ng-dirty.vd-focus,
|
|
7086
6756
|
.ng-submitted .react-datepicker__year-select.ng-invalid:focus,
|
|
7087
6757
|
.ng-submitted .react-datepicker__year-select.ng-invalid.vd-focus {
|
|
7088
|
-
box-shadow: 0 0 3px var(--ls-color-border-no-default
|
|
6758
|
+
box-shadow: 0 0 3px var(--ls-color-border-no-default);
|
|
7089
6759
|
}
|
|
7090
6760
|
|
|
7091
6761
|
.react-datepicker__month-select {
|
|
@@ -7120,7 +6790,7 @@ td.vd-show-print {
|
|
|
7120
6790
|
.vd-datepicker-day-button {
|
|
7121
6791
|
box-sizing: border-box;
|
|
7122
6792
|
padding: 3px;
|
|
7123
|
-
background: var(--ls-color-bg-neutral-top
|
|
6793
|
+
background: var(--ls-color-bg-neutral-top);
|
|
7124
6794
|
width: 30px;
|
|
7125
6795
|
height: 30px;
|
|
7126
6796
|
border: none;
|
|
@@ -7139,15 +6809,15 @@ td.vd-show-print {
|
|
|
7139
6809
|
.react-datepicker__day--range-start .vd-datepicker-day-button,
|
|
7140
6810
|
.react-datepicker__day--range-end .vd-datepicker-day-button,
|
|
7141
6811
|
.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
|
|
6812
|
+
background: var(--ls-color-bg-go-default);
|
|
6813
|
+
color: var(--ls-color-fg-neutral-ondark-default);
|
|
7144
6814
|
font-weight: 700;
|
|
7145
6815
|
border: none;
|
|
7146
6816
|
}
|
|
7147
6817
|
|
|
7148
6818
|
.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
|
|
6819
|
+
background-color: var(--ls-color-bg-go-soft);
|
|
6820
|
+
color: var(--ls-color-fg-neutral-inverted-default);
|
|
7151
6821
|
}
|
|
7152
6822
|
|
|
7153
6823
|
.react-datepicker__day--outside-month {
|
|
@@ -7155,15 +6825,15 @@ td.vd-show-print {
|
|
|
7155
6825
|
}
|
|
7156
6826
|
|
|
7157
6827
|
.react-datepicker__day--today {
|
|
7158
|
-
color: var(--ls-color-fg-go-default
|
|
6828
|
+
color: var(--ls-color-fg-go-default);
|
|
7159
6829
|
font-weight: 700;
|
|
7160
6830
|
}
|
|
7161
6831
|
|
|
7162
6832
|
.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
|
|
6833
|
+
background-color: var(--ls-color-bg-go-highlight-default);
|
|
7164
6834
|
}
|
|
7165
6835
|
.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
|
|
6836
|
+
background-color: var(--ls-color-bg-go-highlight-default);
|
|
7167
6837
|
border-radius: 0;
|
|
7168
6838
|
}
|
|
7169
6839
|
.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 +6847,11 @@ td.vd-show-print {
|
|
|
7177
6847
|
}
|
|
7178
6848
|
|
|
7179
6849
|
.react-datepicker__day--range-start {
|
|
7180
|
-
background-image: linear-gradient(to right, transparent 50%, var(--ls-color-bg-go-highlight-default
|
|
6850
|
+
background-image: linear-gradient(to right, transparent 50%, var(--ls-color-bg-go-highlight-default) 50%);
|
|
7181
6851
|
}
|
|
7182
6852
|
|
|
7183
6853
|
.react-datepicker__day--range-end {
|
|
7184
|
-
background-image: linear-gradient(to right, var(--ls-color-bg-go-highlight-default
|
|
6854
|
+
background-image: linear-gradient(to right, var(--ls-color-bg-go-highlight-default) 50%, transparent 50%);
|
|
7185
6855
|
}
|
|
7186
6856
|
|
|
7187
6857
|
.react-datepicker__day--range-start.react-datepicker__day--range-end {
|
|
@@ -7206,14 +6876,14 @@ td.vd-show-print {
|
|
|
7206
6876
|
height: 10px;
|
|
7207
6877
|
width: 100%;
|
|
7208
6878
|
border-radius: 5px;
|
|
7209
|
-
background-color: var(--ls-color-bg-neutral-edge
|
|
6879
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
7210
6880
|
overflow: hidden;
|
|
7211
6881
|
}
|
|
7212
6882
|
|
|
7213
6883
|
.vs-progress-bar {
|
|
7214
6884
|
height: 100%;
|
|
7215
6885
|
width: 0%;
|
|
7216
|
-
background-color: var(--ls-color-bg-go-default
|
|
6886
|
+
background-color: var(--ls-color-bg-go-default);
|
|
7217
6887
|
transition: width 0.6s ease;
|
|
7218
6888
|
}
|
|
7219
6889
|
|
|
@@ -7225,51 +6895,51 @@ td.vd-show-print {
|
|
|
7225
6895
|
.vd-line-graph-container .vd-grid.vd-y .tick line,
|
|
7226
6896
|
.vd-line-graph-container .vd-axis.vd-y .tick line,
|
|
7227
6897
|
.vd-line-graph-container .vd-axis.vd-x .tick line {
|
|
7228
|
-
stroke: var(--ls-color-border-neutral-soft
|
|
6898
|
+
stroke: var(--ls-color-border-neutral-soft);
|
|
7229
6899
|
stroke-width: 1px;
|
|
7230
6900
|
fill: transparent;
|
|
7231
6901
|
}
|
|
7232
6902
|
.vd-line-graph-container .vd-grid.vd-grid-filled {
|
|
7233
6903
|
stroke-dasharray: 4, 2;
|
|
7234
|
-
stroke: var(--ls-color-border-neutral-soft
|
|
6904
|
+
stroke: var(--ls-color-border-neutral-soft);
|
|
7235
6905
|
}
|
|
7236
6906
|
.vd-line-graph-container .vd-grid-background {
|
|
7237
6907
|
fill: transparent;
|
|
7238
6908
|
stroke: none;
|
|
7239
6909
|
}
|
|
7240
6910
|
.vd-line-graph-container .vd-grid-zero-tick {
|
|
7241
|
-
stroke: var(--ls-color-border-neutral-strong
|
|
6911
|
+
stroke: var(--ls-color-border-neutral-strong);
|
|
7242
6912
|
}
|
|
7243
6913
|
.vd-line-graph-container .vd-line {
|
|
7244
6914
|
fill: transparent;
|
|
7245
6915
|
stroke-width: 2px;
|
|
7246
|
-
stroke: var(--ls-color-border-neutral-strong
|
|
6916
|
+
stroke: var(--ls-color-border-neutral-strong);
|
|
7247
6917
|
}
|
|
7248
6918
|
.vd-line-graph-container .vd-line-with-fill {
|
|
7249
6919
|
fill: transparent;
|
|
7250
6920
|
stroke-width: 2px;
|
|
7251
|
-
stroke: var(--ls-color-fg-success-default
|
|
6921
|
+
stroke: var(--ls-color-fg-success-default);
|
|
7252
6922
|
}
|
|
7253
6923
|
.vd-line-graph-container .vd-line-fill {
|
|
7254
|
-
fill: var(--ls-color-bg-success-default
|
|
6924
|
+
fill: var(--ls-color-bg-success-default);
|
|
7255
6925
|
opacity: 0.1;
|
|
7256
6926
|
stroke-width: 0;
|
|
7257
6927
|
}
|
|
7258
6928
|
.vd-line-graph-container .vd-plot-point {
|
|
7259
|
-
fill: var(--ls-color-bg-go-default
|
|
7260
|
-
stroke: var(--ls-color-bg-neutral-top
|
|
6929
|
+
fill: var(--ls-color-bg-go-default);
|
|
6930
|
+
stroke: var(--ls-color-bg-neutral-top);
|
|
7261
6931
|
stroke-width: 2px;
|
|
7262
6932
|
}
|
|
7263
6933
|
.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
|
|
6934
|
+
fill: var(--ls-color-bg-success-default);
|
|
6935
|
+
stroke: var(--ls-color-bg-neutral-top);
|
|
7266
6936
|
}
|
|
7267
6937
|
.vd-line-graph-container .vd-plot-point-hidden {
|
|
7268
6938
|
stroke: none;
|
|
7269
6939
|
fill: transparent;
|
|
7270
6940
|
}
|
|
7271
6941
|
.vd-line-graph-container .vd-line-wrapper-main .vd-line {
|
|
7272
|
-
stroke: var(--ls-color-bg-supplementary-default
|
|
6942
|
+
stroke: var(--ls-color-bg-supplementary-default);
|
|
7273
6943
|
}
|
|
7274
6944
|
.vd-line-graph-container .vd-line-wrapper-secondary .vd-plot-point {
|
|
7275
6945
|
stroke: none;
|
|
@@ -7286,7 +6956,7 @@ td.vd-show-print {
|
|
|
7286
6956
|
line-height: 1.2;
|
|
7287
6957
|
font-weight: 900;
|
|
7288
6958
|
text-transform: uppercase;
|
|
7289
|
-
fill: var(--ls-color-border-neutral-strong
|
|
6959
|
+
fill: var(--ls-color-border-neutral-strong);
|
|
7290
6960
|
}
|
|
7291
6961
|
.vd-line-graph-container .vd-axis .tick text {
|
|
7292
6962
|
font-synthesis: none;
|
|
@@ -7298,7 +6968,7 @@ td.vd-show-print {
|
|
|
7298
6968
|
font-size: 10px;
|
|
7299
6969
|
line-height: 1.2;
|
|
7300
6970
|
font-weight: 400;
|
|
7301
|
-
fill: var(--ls-color-fg-neutral-default
|
|
6971
|
+
fill: var(--ls-color-fg-neutral-default);
|
|
7302
6972
|
}
|
|
7303
6973
|
|
|
7304
6974
|
.vd-chart-popover {
|
|
@@ -7307,7 +6977,7 @@ td.vd-show-print {
|
|
|
7307
6977
|
}
|
|
7308
6978
|
|
|
7309
6979
|
.vd-sparkline {
|
|
7310
|
-
stroke: var(--ls-color-fg-success-default
|
|
6980
|
+
stroke: var(--ls-color-fg-success-default);
|
|
7311
6981
|
stroke-width: 1px;
|
|
7312
6982
|
fill: transparent;
|
|
7313
6983
|
}
|
|
@@ -7317,7 +6987,7 @@ td.vd-show-print {
|
|
|
7317
6987
|
box-sizing: border-box;
|
|
7318
6988
|
margin: 0 auto;
|
|
7319
6989
|
padding: 0;
|
|
7320
|
-
background: var(--ls-color-bg-neutral-top
|
|
6990
|
+
background: var(--ls-color-bg-neutral-top);
|
|
7321
6991
|
border-radius: 4px;
|
|
7322
6992
|
width: calc(90% - 50px);
|
|
7323
6993
|
pointer-events: auto;
|
|
@@ -7491,7 +7161,7 @@ td.vd-show-print {
|
|
|
7491
7161
|
display: flex;
|
|
7492
7162
|
padding-top: 6px;
|
|
7493
7163
|
padding-bottom: 6px;
|
|
7494
|
-
border-bottom: 1px solid var(--ls-color-border-neutral-strong
|
|
7164
|
+
border-bottom: 1px solid var(--ls-color-border-neutral-strong);
|
|
7495
7165
|
justify-content: space-between;
|
|
7496
7166
|
align-items: center;
|
|
7497
7167
|
min-height: 60px;
|
|
@@ -7555,7 +7225,7 @@ td.vd-show-print {
|
|
|
7555
7225
|
}
|
|
7556
7226
|
|
|
7557
7227
|
.vd-table-list-toggle-icon {
|
|
7558
|
-
color: var(--ls-color-fg-supplementary-default
|
|
7228
|
+
color: var(--ls-color-fg-supplementary-default);
|
|
7559
7229
|
transition: transform 50ms ease-in-out 0s;
|
|
7560
7230
|
width: 16px;
|
|
7561
7231
|
height: 16px;
|
|
@@ -7609,27 +7279,27 @@ td.vd-show-print {
|
|
|
7609
7279
|
}
|
|
7610
7280
|
|
|
7611
7281
|
.vd-table-list-row {
|
|
7612
|
-
border-bottom: 1px solid var(--ls-color-border-neutral-soft
|
|
7282
|
+
border-bottom: 1px solid var(--ls-color-border-neutral-soft);
|
|
7613
7283
|
}
|
|
7614
7284
|
.vd-table-list-row.vd-table-list-row--active {
|
|
7615
|
-
background-color: var(--ls-color-bg-go-highlight-default
|
|
7285
|
+
background-color: var(--ls-color-bg-go-highlight-default);
|
|
7616
7286
|
}
|
|
7617
7287
|
|
|
7618
7288
|
.vd-table-list-row--expandable:hover {
|
|
7619
7289
|
cursor: pointer;
|
|
7620
|
-
background-color: var(--ls-color-bg-go-highlight-default
|
|
7290
|
+
background-color: var(--ls-color-bg-go-highlight-default);
|
|
7621
7291
|
}
|
|
7622
7292
|
|
|
7623
7293
|
.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
|
|
7294
|
+
background: var(--ls-color-bg-neutral-top);
|
|
7295
|
+
box-shadow: 0 10px 12px -2px var(--ls-color-overlay-neutral-strong);
|
|
7626
7296
|
}
|
|
7627
7297
|
.vd-table-list-row--expanded .vd-table-list-cell:first-child::before {
|
|
7628
7298
|
content: "";
|
|
7629
7299
|
top: -1px;
|
|
7630
7300
|
left: 0;
|
|
7631
7301
|
width: 4px;
|
|
7632
|
-
background-color: var(--ls-color-border-go-default
|
|
7302
|
+
background-color: var(--ls-color-border-go-default);
|
|
7633
7303
|
bottom: 0;
|
|
7634
7304
|
z-index: 1;
|
|
7635
7305
|
position: absolute;
|
|
@@ -7639,15 +7309,15 @@ td.vd-show-print {
|
|
|
7639
7309
|
}
|
|
7640
7310
|
|
|
7641
7311
|
.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
|
|
7312
|
+
background-color: var(--ls-color-bg-neutral-edge);
|
|
7313
|
+
border-bottom: 1px solid var(--ls-color-border-neutral-strong);
|
|
7644
7314
|
}
|
|
7645
7315
|
|
|
7646
7316
|
.vd-table-list-row--expanded-content {
|
|
7647
7317
|
display: none;
|
|
7648
7318
|
}
|
|
7649
7319
|
.vd-table-list-row--expanded-content > .vd-table-list-cell {
|
|
7650
|
-
background: var(--ls-color-bg-neutral-top
|
|
7320
|
+
background: var(--ls-color-bg-neutral-top);
|
|
7651
7321
|
padding: 0;
|
|
7652
7322
|
}
|
|
7653
7323
|
.vd-table-list-row--expanded-content > .vd-table-list-cell:first-child::before {
|
|
@@ -7655,7 +7325,7 @@ td.vd-show-print {
|
|
|
7655
7325
|
top: -1px;
|
|
7656
7326
|
left: 0;
|
|
7657
7327
|
width: 4px;
|
|
7658
|
-
background-color: var(--ls-color-border-go-default
|
|
7328
|
+
background-color: var(--ls-color-border-go-default);
|
|
7659
7329
|
bottom: 0;
|
|
7660
7330
|
z-index: 1;
|
|
7661
7331
|
position: absolute;
|
|
@@ -7663,7 +7333,7 @@ td.vd-show-print {
|
|
|
7663
7333
|
.vd-table-list-row--expanded-content > .vd-table-list-cell:first-child::after {
|
|
7664
7334
|
content: "";
|
|
7665
7335
|
pointer-events: none;
|
|
7666
|
-
box-shadow: 0 10px 12px -2px var(--ls-color-overlay-neutral-strong
|
|
7336
|
+
box-shadow: 0 10px 12px -2px var(--ls-color-overlay-neutral-strong);
|
|
7667
7337
|
position: absolute;
|
|
7668
7338
|
left: 0;
|
|
7669
7339
|
top: 0;
|
|
@@ -7673,7 +7343,7 @@ td.vd-show-print {
|
|
|
7673
7343
|
}
|
|
7674
7344
|
|
|
7675
7345
|
.vd-table-list-row--header {
|
|
7676
|
-
border-bottom-color: var(--ls-color-border-neutral-strong
|
|
7346
|
+
border-bottom-color: var(--ls-color-border-neutral-strong);
|
|
7677
7347
|
}
|
|
7678
7348
|
|
|
7679
7349
|
.vd-table-list-expanded-container {
|
|
@@ -7747,8 +7417,8 @@ td.vd-show-print {
|
|
|
7747
7417
|
position: absolute;
|
|
7748
7418
|
width: 100%;
|
|
7749
7419
|
height: 100%;
|
|
7750
|
-
color: var(--ls-color-bg-neutral-top
|
|
7751
|
-
background: var(--ls-color-bg-neutral-top
|
|
7420
|
+
color: var(--ls-color-bg-neutral-top);
|
|
7421
|
+
background: var(--ls-color-bg-neutral-top) linear-gradient(to left, var(--ls-color-bg-neutral-top) 50%, #e9f6e8 50%) no-repeat;
|
|
7752
7422
|
}
|
|
7753
7423
|
|
|
7754
7424
|
.vd-upsell-primary-background-inner {
|
|
@@ -7762,7 +7432,7 @@ td.vd-show-print {
|
|
|
7762
7432
|
|
|
7763
7433
|
.vd-upsell-primary-upper {
|
|
7764
7434
|
position: relative;
|
|
7765
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
7435
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
7766
7436
|
}
|
|
7767
7437
|
|
|
7768
7438
|
.vd-upsell-primary-background svg {
|
|
@@ -7859,7 +7529,7 @@ td.vd-show-print {
|
|
|
7859
7529
|
display: flex;
|
|
7860
7530
|
justify-content: space-between;
|
|
7861
7531
|
flex-flow: row wrap;
|
|
7862
|
-
box-shadow: inset 0 -1px var(--ls-color-border-neutral-strong
|
|
7532
|
+
box-shadow: inset 0 -1px var(--ls-color-border-neutral-strong);
|
|
7863
7533
|
}
|
|
7864
7534
|
|
|
7865
7535
|
.pm-products-search-open {
|
|
@@ -7945,7 +7615,7 @@ td.vd-show-print {
|
|
|
7945
7615
|
display: flex;
|
|
7946
7616
|
flex-direction: row;
|
|
7947
7617
|
justify-content: space-between;
|
|
7948
|
-
background-color: var(--ls-color-bg-neutral-top
|
|
7618
|
+
background-color: var(--ls-color-bg-neutral-top);
|
|
7949
7619
|
padding-top: 8px;
|
|
7950
7620
|
height: auto;
|
|
7951
7621
|
}
|
|
@@ -7972,10 +7642,10 @@ td.vd-show-print {
|
|
|
7972
7642
|
width: 8px;
|
|
7973
7643
|
height: 8px;
|
|
7974
7644
|
border-radius: 50%;
|
|
7975
|
-
background-color: var(--ls-color-border-neutral-strong
|
|
7645
|
+
background-color: var(--ls-color-border-neutral-strong);
|
|
7976
7646
|
}
|
|
7977
7647
|
.vd-carousel-wrapper .vd-carousel-paginator-indicator--active::before {
|
|
7978
|
-
background-color: var(--ls-color-bg-go-default
|
|
7648
|
+
background-color: var(--ls-color-bg-go-default);
|
|
7979
7649
|
}
|
|
7980
7650
|
|
|
7981
7651
|
.vd-video-thumbnail-container {
|
|
@@ -7992,7 +7662,7 @@ td.vd-show-print {
|
|
|
7992
7662
|
margin: auto;
|
|
7993
7663
|
}
|
|
7994
7664
|
.vd-video-thumbnail-container .vd-video-play-button-container .vd-video-play-button {
|
|
7995
|
-
background-color: var(--ls-color-bg-neutral-backdrop
|
|
7665
|
+
background-color: var(--ls-color-bg-neutral-backdrop);
|
|
7996
7666
|
width: 80px;
|
|
7997
7667
|
height: 80px;
|
|
7998
7668
|
border-radius: 50%;
|
|
@@ -8001,10 +7671,10 @@ td.vd-show-print {
|
|
|
8001
7671
|
transform: translateX(3px);
|
|
8002
7672
|
}
|
|
8003
7673
|
.vd-video-thumbnail-container .vd-video-play-button-container .vd-video-play-button:hover {
|
|
8004
|
-
background-color: var(--ls-color-bg-supplementary-default
|
|
7674
|
+
background-color: var(--ls-color-bg-supplementary-default);
|
|
8005
7675
|
}
|
|
8006
7676
|
.vd-video-thumbnail-container .vd-video-play-button-container .vd-video-play-button:active {
|
|
8007
|
-
background-color: var(--ls-color-bg-supplementary-default
|
|
7677
|
+
background-color: var(--ls-color-bg-supplementary-default);
|
|
8008
7678
|
}
|
|
8009
7679
|
.vd-video-thumbnail-container .vd-video-thumbnail-image {
|
|
8010
7680
|
position: absolute;
|
|
@@ -8038,14 +7708,14 @@ td.vd-show-print {
|
|
|
8038
7708
|
top: 0;
|
|
8039
7709
|
}
|
|
8040
7710
|
.vd-sticky--top.vd-sticky--stuck {
|
|
8041
|
-
box-shadow: 0 20px 40px -20px var(--ls-color-overlay-neutral-strong
|
|
7711
|
+
box-shadow: 0 20px 40px -20px var(--ls-color-overlay-neutral-strong);
|
|
8042
7712
|
}
|
|
8043
7713
|
|
|
8044
7714
|
.vd-sticky--bottom {
|
|
8045
7715
|
bottom: 0;
|
|
8046
7716
|
}
|
|
8047
7717
|
.vd-sticky--bottom.vd-sticky--stuck {
|
|
8048
|
-
box-shadow: 0 -20px 40px -20px var(--ls-color-overlay-neutral-strong
|
|
7718
|
+
box-shadow: 0 -20px 40px -20px var(--ls-color-overlay-neutral-strong);
|
|
8049
7719
|
}
|
|
8050
7720
|
|
|
8051
7721
|
.vd-sticky--stuck {
|