@lightspeed/design-system-css 45.2.1 → 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.
Files changed (7) hide show
  1. package/dist/index.css +429 -759
  2. package/dist/index.css.map +1 -1
  3. package/package.json +1 -1
  4. package/src/vend.ui/styles/global/colour/_colour-functions.scss +2 -3
  5. package/src/vend.ui/styles/global/colour/themes/_colour-themes.scss +0 -4
  6. package/src/vend.ui/styles/global/colour/themes/_generate-themes.scss +0 -3
  7. 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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-bg-neutral-top));
1639
- border: 2px solid var(--ls-color-border-neutral-soft, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-border-go-default));
1668
- box-shadow: 0 0 3px var(--ls-color-border-go-default, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-bg-neutral-top));
1776
- border: 2px solid var(--ls-color-border-neutral-soft, var(--hs-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, var(--hs-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, var(--hs-color-border-go-default));
1799
- box-shadow: 0 0 3px var(--ls-color-border-go-default, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-bg-neutral-top));
1962
- border: 2px solid var(--ls-color-border-neutral-soft, var(--hs-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, var(--hs-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, var(--hs-color-border-go-default));
1974
- box-shadow: 0 0 3px var(--ls-color-border-go-default, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-bg-supplementary-default));
2206
- color: var(--ls-color-fg-neutral-ondark-default, var(--hs-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, var(--hs-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, var(--hs-color-bg-no-default));
2227
- color: var(--ls-color-fg-neutral-ondark-default, var(--hs-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, var(--hs-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, var(--hs-color-bg-success-default));
2243
- color: var(--ls-color-fg-neutral-ondark-default, var(--hs-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, var(--hs-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, var(--hs-color-bg-neutral-backdrop)) url("//vendfrontendassets.freetls.fastly.net/images/backgrounds/dashboard-upsell-bg-v1.svg");
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, var(--hs-color-bg-go-default));
2334
- color: var(--ls-color-fg-neutral-ondark-default, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2339
- background-color: var(--ls-color-bg-go-soft, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2344
- background-color: var(--ls-color-bg-go-strong, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2359
- background-color: var(--ls-color-bg-go-default, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2364
- background-color: var(--ls-color-bg-go-strong, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2378
- background-color: var(--ls-color-bg-go-default, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2383
- background-color: var(--ls-color-bg-go-strong, var(--hs-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, var(--hs-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, var(--hs-color-bg-supplementary-default));
2392
- color: var(--ls-color-fg-neutral-ondark-default, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2397
- background-color: var(--ls-color-bg-supplementary-soft, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2402
- background-color: var(--ls-color-bg-supplementary-strong, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2417
- background-color: var(--ls-color-bg-supplementary-default, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2422
- background-color: var(--ls-color-bg-supplementary-strong, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2436
- background-color: var(--ls-color-bg-supplementary-default, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2441
- background-color: var(--ls-color-bg-supplementary-strong, var(--hs-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, var(--hs-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, var(--hs-color-bg-no-default));
2450
- color: var(--ls-color-fg-neutral-ondark-default, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2455
- background-color: var(--ls-color-bg-no-soft, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2460
- background-color: var(--ls-color-bg-no-strong, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2475
- background-color: var(--ls-color-bg-no-default, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2480
- background-color: var(--ls-color-bg-no-strong, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2494
- background-color: var(--ls-color-bg-no-default, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2499
- background-color: var(--ls-color-bg-no-strong, var(--hs-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, var(--hs-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, var(--hs-color-bg-go-default));
2508
- color: var(--ls-color-fg-neutral-ondark-default, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2513
- background-color: var(--ls-color-bg-go-soft, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2518
- background-color: var(--ls-color-bg-go-strong, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2533
- background-color: var(--ls-color-bg-go-default, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2538
- background-color: var(--ls-color-bg-go-strong, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2552
- background-color: var(--ls-color-bg-go-default, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
2557
- background-color: var(--ls-color-bg-go-strong, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-border-neutral-soft));
2691
- background-color: var(--ls-color-bg-neutral-top, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-bg-neutral-top));
2908
- border: 2px solid var(--ls-color-border-neutral-strong, var(--hs-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, var(--hs-color-border-neutral-strong));
2918
- border-top: 4px solid var(--ls-color-border-neutral-strong, var(--hs-color-border-neutral-strong));
2919
- border-color: var(--ls-color-border-neutral-strong, var(--hs-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, var(--hs-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, var(--hs-color-bg-go-default));
2942
- border-color: var(--ls-color-bg-go-default, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-bg-supplementary-default));
3227
- color: var(--ls-color-bg-neutral-top, var(--hs-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, var(--hs-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, var(--hs-color-bg-supplementary-default));
3274
- color: var(--ls-color-fg-neutral-ondark-default, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-border-go-default));
3310
- border-bottom: 2px solid var(--ls-color-border-success-default, var(--hs-color-border-success-default));
3311
- background-image: linear-gradient(var(--ls-color-border-go-default, var(--hs-color-border-go-default)), var(--ls-color-border-success-default, var(--hs-color-border-success-default))), linear-gradient(var(--ls-color-border-go-default, var(--hs-color-border-go-default)), var(--ls-color-border-success-default, var(--hs-color-border-success-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-fg-supplementary-default)) !important;
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, var(--hs-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, var(--hs-color-fg-neutral-ondark-default)) !important;
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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-fg-go-default)) !important;
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, var(--hs-color-fg-supplementary-default));
3848
- background-color: var(--ls-color-bg-neutral-edge, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
3867
- background-color: var(--ls-color-bg-supplementary-default, var(--hs-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, var(--hs-color-bg-no-default));
3878
- color: var(--ls-color-fg-neutral-ondark-default, var(--hs-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, var(--hs-color-bg-neutral-top));
3905
- border: 2px solid var(--ls-color-border-neutral-soft, var(--hs-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, var(--hs-color-border-go-default));
3912
- box-shadow: 0 0 3px var(--ls-color-border-go-default, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-border-go-default));
3922
- box-shadow: 0 0 3px var(--ls-color-border-go-default, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-overlay-neutral-strong)));
4221
- background-color: var(--ls-color-bg-neutral-top, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-bg-neutral-top));
4523
- border-top: 1px solid var(--ls-color-border-neutral-soft, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-bg-neutral-top));
4726
- border: 2px solid var(--ls-color-border-neutral-strong, var(--hs-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, var(--hs-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, var(--hs-color-bg-go-default));
4750
- border-color: var(--ls-color-bg-go-default, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-border-go-default)) !important;
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, var(--hs-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, var(--hs-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, var(--hs-color-border-neutral-soft));
5029
- color: var(--ls-color-fg-neutral-default, var(--hs-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, var(--hs-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, var(--hs-color-bg-neutral-inert-softer));
5051
- box-shadow: 0 0 3px var(--ls-color-bg-neutral-edge, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-bg-neutral-top));
5154
- border-top: 1px solid var(--ls-color-border-neutral-soft, var(--hs-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, var(--hs-color-fg-neutral-ondark-default));
5186
- background-color: var(--ls-color-bg-supplementary-soft, var(--hs-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, var(--hs-color-bg-go-soft));
5212
- background-color: var(--ls-color-bg-neutral-top, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-bg-go-soft));
5257
- background-color: var(--ls-color-bg-neutral-top, var(--hs-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, var(--hs-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, var(--hs-color-bg-go-default));
5275
- background-color: var(--ls-color-bg-go-default, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-border-go-default));
5348
- color: var(--ls-color-fg-go-default, var(--hs-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, var(--hs-color-border-go-default));
5353
- color: var(--ls-color-fg-go-default, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-border-neutral-inverted-soft));
5756
- background-color: var(--ls-color-bg-neutral-inverted-top, var(--hs-color-bg-neutral-inverted-top));
5757
- color: var(--ls-color-fg-neutral-inverted-default, var(--hs-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, var(--hs-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, var(--hs-color-bg-neutral-inverted-top));
5765
- border-color: var(--ls-color-border-neutral-inverted-soft, var(--hs-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, var(--hs-color-bg-neutral-top));
5917
- border: 1px solid var(--ls-color-border-neutral-soft, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-border-neutral-soft));
6011
- background-color: var(--ls-color-bg-neutral-top, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-fg-neutral-default));
6990
- border-top: 3px solid var(--ls-color-fg-neutral-default, var(--hs-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, var(--hs-color-fg-neutral-default));
7005
- border-top: 3px solid var(--ls-color-fg-neutral-default, var(--hs-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, var(--hs-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, var(--hs-color-bg-neutral-top));
7034
- border: 2px solid var(--ls-color-border-neutral-soft, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-border-go-default));
7070
- box-shadow: 0 0 3px var(--ls-color-border-go-default, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-bg-go-default));
7143
- color: var(--ls-color-fg-neutral-ondark-default, var(--hs-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, var(--hs-color-bg-go-soft));
7150
- color: var(--ls-color-fg-neutral-inverted-default, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-bg-go-highlight-default)) 50%);
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, var(--hs-color-bg-go-highlight-default)) 50%, transparent 50%);
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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-bg-go-default));
7260
- stroke: var(--ls-color-bg-neutral-top, var(--hs-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, var(--hs-color-bg-success-default));
7265
- stroke: var(--ls-color-bg-neutral-top, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-bg-neutral-top));
7625
- box-shadow: 0 10px 12px -2px var(--ls-color-overlay-neutral-strong, var(--hs-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, var(--hs-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, var(--hs-color-bg-neutral-edge));
7643
- border-bottom: 1px solid var(--ls-color-border-neutral-strong, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-color-bg-neutral-top));
7751
- background: var(--ls-color-bg-neutral-top, var(--hs-color-bg-neutral-top)) linear-gradient(to left, var(--ls-color-bg-neutral-top, var(--hs-color-bg-neutral-top)) 50%, #e9f6e8 50%) no-repeat;
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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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, var(--hs-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 {