@mmb-digital/ds-lilly 1.0.0-alpha.41 → 1.0.0-alpha.44

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 (33) hide show
  1. package/cjs/components/Components/UserAuth/UserAuth.d.ts.map +1 -1
  2. package/cjs/components/Components/UserAuth/UserAuth.js +1 -1
  3. package/cjs/components/Components/UserAuth/UserAuth.js.map +1 -1
  4. package/cjs/components/Form/Select/Select.js +1 -1
  5. package/cjs/components/Form/Select/Select.js.map +1 -1
  6. package/cjs/ds-lilly.css +218 -259
  7. package/cjs/types/colors.d.ts +3 -3
  8. package/cjs/types/colors.d.ts.map +1 -1
  9. package/cjs/types/colors.js +1 -1
  10. package/cjs/types/colors.js.map +1 -1
  11. package/components/Components/UserAuth/UserAuth.d.ts.map +1 -1
  12. package/components/Components/UserAuth/UserAuth.js +1 -1
  13. package/components/Components/UserAuth/UserAuth.js.map +1 -1
  14. package/components/Form/Select/Select.js +1 -1
  15. package/components/Form/Select/Select.js.map +1 -1
  16. package/ds-lilly.css +218 -259
  17. package/package.json +1 -1
  18. package/types/colors.d.ts +3 -3
  19. package/types/colors.d.ts.map +1 -1
  20. package/types/colors.js +1 -1
  21. package/types/colors.js.map +1 -1
  22. /package/assets/{256962c0a6f79ad03e39.eot → 0d71542e1a01bc320167.eot} +0 -0
  23. /package/assets/{4ff7da1420003c86a363.svg → 682f926543d2d2e1420a.svg} +0 -0
  24. /package/assets/{6abdd8a18a8788a4e60a.gif → 6c576e82fa7585d15b43.gif} +0 -0
  25. /package/assets/{8ef3a950f0602db6ccd7.ttf → 6e418599bc251bdcb4da.ttf} +0 -0
  26. /package/assets/{51a944d946d8549f6825.eot → 74210fc904abe1b6fc01.eot} +0 -0
  27. /package/assets/{601d0f3455f006ad8cae.eot → 84f8b7a8f65c646170e2.eot} +0 -0
  28. /package/assets/{fa11e17a1e9b90351b03.ttf → 8d4c26499164882131ad.ttf} +0 -0
  29. /package/assets/{09f6323f6fe31da40271.woff → ab41b3690879acf64cbd.woff} +0 -0
  30. /package/assets/{5eb368076f6e8b946257.woff → c018d40e109125eda724.woff} +0 -0
  31. /package/assets/{900fad00ebe3cb87a72b.eot → d7e06ed28b4afbd89f25.eot} +0 -0
  32. /package/assets/{d853ef2f013f26da6666.svg → e6754ea46b3ddc2f2e90.svg} +0 -0
  33. /package/assets/{73aaefaa79f209d111bc.gif → f8119009fc1821e03e80.gif} +0 -0
package/cjs/ds-lilly.css CHANGED
@@ -316,18 +316,18 @@ body {
316
316
  --fgNeutralSubtle-rgb: hex-to-rgb(#606876);
317
317
  --fgNeutralSubtlest: #7D8594;
318
318
  --fgNeutralSubtlest-rgb: hex-to-rgb(#7D8594);
319
- --fgBrandDefault: #0C50E4;
320
- --fgBrandDefault-rgb: hex-to-rgb(#0C50E4);
319
+ --fgBrandDefault: #403677;
320
+ --fgBrandDefault-rgb: hex-to-rgb(#403677);
321
321
  --fgPromoDefault: #85703D;
322
322
  --fgPromoDefault-rgb: hex-to-rgb(#85703D);
323
- --fgLinkDefault: #0C50E4;
324
- --fgLinkDefault-rgb: hex-to-rgb(#0C50E4);
325
- --fgLinkDefaultHover: #003DBF;
326
- --fgLinkDefaultHover-rgb: hex-to-rgb(#003DBF);
327
- --fgLinkDefaultPressed: #082666;
328
- --fgLinkDefaultPressed-rgb: hex-to-rgb(#082666);
329
- --fgInfoDefault: #0C50E4;
330
- --fgInfoDefault-rgb: hex-to-rgb(#0C50E4);
323
+ --fgLinkDefault: #403677;
324
+ --fgLinkDefault-rgb: hex-to-rgb(#403677);
325
+ --fgLinkDefaultHover: #140757;
326
+ --fgLinkDefaultHover-rgb: hex-to-rgb(#140757);
327
+ --fgLinkDefaultPressed: #0F0541;
328
+ --fgLinkDefaultPressed-rgb: hex-to-rgb(#0F0541);
329
+ --fgInfoDefault: #403677;
330
+ --fgInfoDefault-rgb: hex-to-rgb(#403677);
331
331
  --fgErrorDefault: #C9392C;
332
332
  --fgErrorDefault-rgb: hex-to-rgb(#C9392C);
333
333
  --fgWarningDefault: #A16600;
@@ -356,36 +356,36 @@ body {
356
356
  --bgNeutralSubtlestHover-rgb: hex-to-rgb(#F3F4F5);
357
357
  --bgNeutralSubtlestActive: #E8EAED;
358
358
  --bgNeutralSubtlestActive-rgb: hex-to-rgb(#E8EAED);
359
- --bgBrandDefault: #E9F0FF;
360
- --bgBrandDefault-rgb: hex-to-rgb(#E9F0FF);
361
- --bgBrandDefaultHover: #CCDCFF;
362
- --bgBrandDefaultHover-rgb: hex-to-rgb(#CCDCFF);
363
- --bgBrandDefaultPressed: #85ACFF;
364
- --bgBrandDefaultPressed-rgb: hex-to-rgb(#85ACFF);
365
- --bgBrandBold: #1C65FD;
366
- --bgBrandBold-rgb: hex-to-rgb(#1C65FD);
367
- --bgBrandBoldHover: #0C50E4;
368
- --bgBrandBoldHover-rgb: hex-to-rgb(#0C50E4);
369
- --bgBrandBoldPressed: #003DBF;
370
- --bgBrandBoldPressed-rgb: hex-to-rgb(#003DBF);
359
+ --bgBrandDefault: #E4E7F5;
360
+ --bgBrandDefault-rgb: hex-to-rgb(#E4E7F5);
361
+ --bgBrandDefaultHover: #9C97B9;
362
+ --bgBrandDefaultHover-rgb: hex-to-rgb(#9C97B9);
363
+ --bgBrandDefaultPressed: #665E91;
364
+ --bgBrandDefaultPressed-rgb: hex-to-rgb(#665E91);
365
+ --bgBrandBold: #403677;
366
+ --bgBrandBold-rgb: hex-to-rgb(#403677);
367
+ --bgBrandBoldHover: #140757;
368
+ --bgBrandBoldHover-rgb: hex-to-rgb(#140757);
369
+ --bgBrandBoldPressed: #0F0541;
370
+ --bgBrandBoldPressed-rgb: hex-to-rgb(#0F0541);
371
371
  --bgPromoBold: #A58B4B;
372
372
  --bgPromoBold-rgb: hex-to-rgb(#A58B4B);
373
373
  --bgPromoBoldHover: #85703D;
374
374
  --bgPromoBoldHover-rgb: hex-to-rgb(#85703D);
375
375
  --bgPromoBoldPressed: #62532D;
376
376
  --bgPromoBoldPressed-rgb: hex-to-rgb(#62532D);
377
- --bgInfoDefault: #E9F0FF;
378
- --bgInfoDefault-rgb: hex-to-rgb(#E9F0FF);
379
- --bgInfoDefaultHover: #CCDCFF;
380
- --bgInfoDefaultHover-rgb: hex-to-rgb(#CCDCFF);
381
- --bgInfoDefaultPressed: #85ACFF;
382
- --bgInfoDefaultPressed-rgb: hex-to-rgb(#85ACFF);
383
- --bgInfoBold: #1C65FD;
384
- --bgInfoBold-rgb: hex-to-rgb(#1C65FD);
385
- --bgInfoBoldHover: #0C50E4;
386
- --bgInfoBoldHover-rgb: hex-to-rgb(#0C50E4);
387
- --bgInfoBoldPressed: #003DBF;
388
- --bgInfoBoldPressed-rgb: hex-to-rgb(#003DBF);
377
+ --bgInfoDefault: #E4E7F5;
378
+ --bgInfoDefault-rgb: hex-to-rgb(#E4E7F5);
379
+ --bgInfoDefaultHover: #9C97B9;
380
+ --bgInfoDefaultHover-rgb: hex-to-rgb(#9C97B9);
381
+ --bgInfoDefaultPressed: #665E91;
382
+ --bgInfoDefaultPressed-rgb: hex-to-rgb(#665E91);
383
+ --bgInfoBold: #403677;
384
+ --bgInfoBold-rgb: hex-to-rgb(#403677);
385
+ --bgInfoBoldHover: #140757;
386
+ --bgInfoBoldHover-rgb: hex-to-rgb(#140757);
387
+ --bgInfoBoldPressed: #0F0541;
388
+ --bgInfoBoldPressed-rgb: hex-to-rgb(#0F0541);
389
389
  --bgErrorDefault: #FFEAE8;
390
390
  --bgErrorDefault-rgb: hex-to-rgb(#FFEAE8);
391
391
  --bgErrorDefaultHover: #FFD6D2;
@@ -436,12 +436,14 @@ body {
436
436
  --borderNeutralDefault-rgb: hex-to-rgb(#D5D7DD);
437
437
  --borderNeutralSubtle: #E8EAED;
438
438
  --borderNeutralSubtle-rgb: hex-to-rgb(#E8EAED);
439
- --borderBrandDefault: #1C65FD;
440
- --borderBrandDefault-rgb: hex-to-rgb(#1C65FD);
439
+ --borderNeutralSubtlest: #ffffff;
440
+ --borderNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
441
+ --borderBrandDefault: #554C85;
442
+ --borderBrandDefault-rgb: hex-to-rgb(#554C85);
441
443
  --borderPromoDefault: #A58B4B;
442
444
  --borderPromoDefault-rgb: hex-to-rgb(#A58B4B);
443
- --borderInfoDefault: #1C65FD;
444
- --borderInfoDefault-rgb: hex-to-rgb(#1C65FD);
445
+ --borderInfoDefault: #554C85;
446
+ --borderInfoDefault-rgb: hex-to-rgb(#554C85);
445
447
  --borderErrorDefault: #E24B3D;
446
448
  --borderErrorDefault-rgb: hex-to-rgb(#E24B3D);
447
449
  --borderWarningDefault: #B58200;
@@ -455,12 +457,13 @@ body {
455
457
  --gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
456
458
  --gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
457
459
  --gradientGoldActive: linear-gradient(45deg, #b7953e 0%, #62532d 100%);
458
- --gradientMenu: linear-gradient(22deg, var(--gradientMenuStart) 28.63%, var(--gradientMenuEnd) 85.57%);
459
- --gradientMenuStart: #131D41;
460
- --gradientMenuStart-rgb: hex-to-rgb(#131D41);
461
- --gradientMenuEnd: #4E1775;
462
- --gradientMenuEnd-rgb: hex-to-rgb(#4E1775);
463
460
  --gradientFresh: linear-gradient(314deg, #E930B5 6.72%, #2353FF 107%);
461
+ --gradientMenu: linear-gradient(183deg, #6F1C3F 10%, #481347 40%, #120853 80%);
462
+ --gradientPromo: linear-gradient(100deg, #A58B4B 0%, #CFB572 100%);
463
+ --gradientPromoHover: #85703D;
464
+ --gradientPromoHover-rgb: hex-to-rgb(#85703D);
465
+ --gradientPromoActive: #85703D;
466
+ --gradientPromoActive-rgb: hex-to-rgb(#85703D);
464
467
  --categoryYellow: #ffd200;
465
468
  --categoryYellow-rgb: hex-to-rgb(#ffd200);
466
469
  --categoryOrange: #fa9646;
@@ -507,18 +510,18 @@ body.dark {
507
510
  --fgNeutralSubtle-rgb: hex-to-rgb(#606876);
508
511
  --fgNeutralSubtlest: #7D8594;
509
512
  --fgNeutralSubtlest-rgb: hex-to-rgb(#7D8594);
510
- --fgBrandDefault: #0C50E4;
511
- --fgBrandDefault-rgb: hex-to-rgb(#0C50E4);
513
+ --fgBrandDefault: #403677;
514
+ --fgBrandDefault-rgb: hex-to-rgb(#403677);
512
515
  --fgPromoDefault: #85703D;
513
516
  --fgPromoDefault-rgb: hex-to-rgb(#85703D);
514
- --fgLinkDefault: #0C50E4;
515
- --fgLinkDefault-rgb: hex-to-rgb(#0C50E4);
516
- --fgLinkDefaultHover: #003DBF;
517
- --fgLinkDefaultHover-rgb: hex-to-rgb(#003DBF);
518
- --fgLinkDefaultPressed: #082666;
519
- --fgLinkDefaultPressed-rgb: hex-to-rgb(#082666);
520
- --fgInfoDefault: #0C50E4;
521
- --fgInfoDefault-rgb: hex-to-rgb(#0C50E4);
517
+ --fgLinkDefault: #403677;
518
+ --fgLinkDefault-rgb: hex-to-rgb(#403677);
519
+ --fgLinkDefaultHover: #140757;
520
+ --fgLinkDefaultHover-rgb: hex-to-rgb(#140757);
521
+ --fgLinkDefaultPressed: #0F0541;
522
+ --fgLinkDefaultPressed-rgb: hex-to-rgb(#0F0541);
523
+ --fgInfoDefault: #403677;
524
+ --fgInfoDefault-rgb: hex-to-rgb(#403677);
522
525
  --fgErrorDefault: #C9392C;
523
526
  --fgErrorDefault-rgb: hex-to-rgb(#C9392C);
524
527
  --fgWarningDefault: #A16600;
@@ -547,36 +550,36 @@ body.dark {
547
550
  --bgNeutralSubtlestHover-rgb: hex-to-rgb(#F3F4F5);
548
551
  --bgNeutralSubtlestActive: #E8EAED;
549
552
  --bgNeutralSubtlestActive-rgb: hex-to-rgb(#E8EAED);
550
- --bgBrandDefault: #E9F0FF;
551
- --bgBrandDefault-rgb: hex-to-rgb(#E9F0FF);
552
- --bgBrandDefaultHover: #CCDCFF;
553
- --bgBrandDefaultHover-rgb: hex-to-rgb(#CCDCFF);
554
- --bgBrandDefaultPressed: #85ACFF;
555
- --bgBrandDefaultPressed-rgb: hex-to-rgb(#85ACFF);
556
- --bgBrandBold: #1C65FD;
557
- --bgBrandBold-rgb: hex-to-rgb(#1C65FD);
558
- --bgBrandBoldHover: #0C50E4;
559
- --bgBrandBoldHover-rgb: hex-to-rgb(#0C50E4);
560
- --bgBrandBoldPressed: #003DBF;
561
- --bgBrandBoldPressed-rgb: hex-to-rgb(#003DBF);
553
+ --bgBrandDefault: #E4E7F5;
554
+ --bgBrandDefault-rgb: hex-to-rgb(#E4E7F5);
555
+ --bgBrandDefaultHover: #9C97B9;
556
+ --bgBrandDefaultHover-rgb: hex-to-rgb(#9C97B9);
557
+ --bgBrandDefaultPressed: #665E91;
558
+ --bgBrandDefaultPressed-rgb: hex-to-rgb(#665E91);
559
+ --bgBrandBold: #403677;
560
+ --bgBrandBold-rgb: hex-to-rgb(#403677);
561
+ --bgBrandBoldHover: #140757;
562
+ --bgBrandBoldHover-rgb: hex-to-rgb(#140757);
563
+ --bgBrandBoldPressed: #0F0541;
564
+ --bgBrandBoldPressed-rgb: hex-to-rgb(#0F0541);
562
565
  --bgPromoBold: #A58B4B;
563
566
  --bgPromoBold-rgb: hex-to-rgb(#A58B4B);
564
567
  --bgPromoBoldHover: #85703D;
565
568
  --bgPromoBoldHover-rgb: hex-to-rgb(#85703D);
566
569
  --bgPromoBoldPressed: #62532D;
567
570
  --bgPromoBoldPressed-rgb: hex-to-rgb(#62532D);
568
- --bgInfoDefault: #E9F0FF;
569
- --bgInfoDefault-rgb: hex-to-rgb(#E9F0FF);
570
- --bgInfoDefaultHover: #CCDCFF;
571
- --bgInfoDefaultHover-rgb: hex-to-rgb(#CCDCFF);
572
- --bgInfoDefaultPressed: #85ACFF;
573
- --bgInfoDefaultPressed-rgb: hex-to-rgb(#85ACFF);
574
- --bgInfoBold: #1C65FD;
575
- --bgInfoBold-rgb: hex-to-rgb(#1C65FD);
576
- --bgInfoBoldHover: #0C50E4;
577
- --bgInfoBoldHover-rgb: hex-to-rgb(#0C50E4);
578
- --bgInfoBoldPressed: #003DBF;
579
- --bgInfoBoldPressed-rgb: hex-to-rgb(#003DBF);
571
+ --bgInfoDefault: #E4E7F5;
572
+ --bgInfoDefault-rgb: hex-to-rgb(#E4E7F5);
573
+ --bgInfoDefaultHover: #9C97B9;
574
+ --bgInfoDefaultHover-rgb: hex-to-rgb(#9C97B9);
575
+ --bgInfoDefaultPressed: #665E91;
576
+ --bgInfoDefaultPressed-rgb: hex-to-rgb(#665E91);
577
+ --bgInfoBold: #403677;
578
+ --bgInfoBold-rgb: hex-to-rgb(#403677);
579
+ --bgInfoBoldHover: #140757;
580
+ --bgInfoBoldHover-rgb: hex-to-rgb(#140757);
581
+ --bgInfoBoldPressed: #0F0541;
582
+ --bgInfoBoldPressed-rgb: hex-to-rgb(#0F0541);
580
583
  --bgErrorDefault: #FFEAE8;
581
584
  --bgErrorDefault-rgb: hex-to-rgb(#FFEAE8);
582
585
  --bgErrorDefaultHover: #FFD6D2;
@@ -627,12 +630,14 @@ body.dark {
627
630
  --borderNeutralDefault-rgb: hex-to-rgb(#D5D7DD);
628
631
  --borderNeutralSubtle: #E8EAED;
629
632
  --borderNeutralSubtle-rgb: hex-to-rgb(#E8EAED);
630
- --borderBrandDefault: #1C65FD;
631
- --borderBrandDefault-rgb: hex-to-rgb(#1C65FD);
633
+ --borderNeutralSubtlest: #ffffff;
634
+ --borderNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
635
+ --borderBrandDefault: #554C85;
636
+ --borderBrandDefault-rgb: hex-to-rgb(#554C85);
632
637
  --borderPromoDefault: #A58B4B;
633
638
  --borderPromoDefault-rgb: hex-to-rgb(#A58B4B);
634
- --borderInfoDefault: #1C65FD;
635
- --borderInfoDefault-rgb: hex-to-rgb(#1C65FD);
639
+ --borderInfoDefault: #554C85;
640
+ --borderInfoDefault-rgb: hex-to-rgb(#554C85);
636
641
  --borderErrorDefault: #E24B3D;
637
642
  --borderErrorDefault-rgb: hex-to-rgb(#E24B3D);
638
643
  --borderWarningDefault: #B58200;
@@ -646,12 +651,13 @@ body.dark {
646
651
  --gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
647
652
  --gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
648
653
  --gradientGoldActive: linear-gradient(45deg, #b7953e 0%, #62532d 100%);
649
- --gradientMenu: linear-gradient(22deg, var(--gradientMenuStart) 28.63%, var(--gradientMenuEnd) 85.57%);
650
- --gradientMenuStart: #131D41;
651
- --gradientMenuStart-rgb: hex-to-rgb(#131D41);
652
- --gradientMenuEnd: #4E1775;
653
- --gradientMenuEnd-rgb: hex-to-rgb(#4E1775);
654
654
  --gradientFresh: linear-gradient(314deg, #E930B5 6.72%, #2353FF 107%);
655
+ --gradientMenu: linear-gradient(183deg, #6F1C3F 10%, #481347 40%, #120853 80%);
656
+ --gradientPromo: linear-gradient(100deg, #A58B4B 0%, #CFB572 100%);
657
+ --gradientPromoHover: #85703D;
658
+ --gradientPromoHover-rgb: hex-to-rgb(#85703D);
659
+ --gradientPromoActive: #85703D;
660
+ --gradientPromoActive-rgb: hex-to-rgb(#85703D);
655
661
  --categoryYellow: #ffd200;
656
662
  --categoryYellow-rgb: hex-to-rgb(#ffd200);
657
663
  --categoryOrange: #fa9646;
@@ -700,18 +706,18 @@ body.dark {
700
706
  --fgNeutralSubtle-rgb: hex-to-rgb(#606876);
701
707
  --fgNeutralSubtlest: #7D8594;
702
708
  --fgNeutralSubtlest-rgb: hex-to-rgb(#7D8594);
703
- --fgBrandDefault: #0C50E4;
704
- --fgBrandDefault-rgb: hex-to-rgb(#0C50E4);
709
+ --fgBrandDefault: #403677;
710
+ --fgBrandDefault-rgb: hex-to-rgb(#403677);
705
711
  --fgPromoDefault: #85703D;
706
712
  --fgPromoDefault-rgb: hex-to-rgb(#85703D);
707
- --fgLinkDefault: #0C50E4;
708
- --fgLinkDefault-rgb: hex-to-rgb(#0C50E4);
709
- --fgLinkDefaultHover: #003DBF;
710
- --fgLinkDefaultHover-rgb: hex-to-rgb(#003DBF);
711
- --fgLinkDefaultPressed: #082666;
712
- --fgLinkDefaultPressed-rgb: hex-to-rgb(#082666);
713
- --fgInfoDefault: #0C50E4;
714
- --fgInfoDefault-rgb: hex-to-rgb(#0C50E4);
713
+ --fgLinkDefault: #403677;
714
+ --fgLinkDefault-rgb: hex-to-rgb(#403677);
715
+ --fgLinkDefaultHover: #140757;
716
+ --fgLinkDefaultHover-rgb: hex-to-rgb(#140757);
717
+ --fgLinkDefaultPressed: #0F0541;
718
+ --fgLinkDefaultPressed-rgb: hex-to-rgb(#0F0541);
719
+ --fgInfoDefault: #403677;
720
+ --fgInfoDefault-rgb: hex-to-rgb(#403677);
715
721
  --fgErrorDefault: #C9392C;
716
722
  --fgErrorDefault-rgb: hex-to-rgb(#C9392C);
717
723
  --fgWarningDefault: #A16600;
@@ -740,36 +746,36 @@ body.dark {
740
746
  --bgNeutralSubtlestHover-rgb: hex-to-rgb(#F3F4F5);
741
747
  --bgNeutralSubtlestActive: #E8EAED;
742
748
  --bgNeutralSubtlestActive-rgb: hex-to-rgb(#E8EAED);
743
- --bgBrandDefault: #E9F0FF;
744
- --bgBrandDefault-rgb: hex-to-rgb(#E9F0FF);
745
- --bgBrandDefaultHover: #CCDCFF;
746
- --bgBrandDefaultHover-rgb: hex-to-rgb(#CCDCFF);
747
- --bgBrandDefaultPressed: #85ACFF;
748
- --bgBrandDefaultPressed-rgb: hex-to-rgb(#85ACFF);
749
- --bgBrandBold: #1C65FD;
750
- --bgBrandBold-rgb: hex-to-rgb(#1C65FD);
751
- --bgBrandBoldHover: #0C50E4;
752
- --bgBrandBoldHover-rgb: hex-to-rgb(#0C50E4);
753
- --bgBrandBoldPressed: #003DBF;
754
- --bgBrandBoldPressed-rgb: hex-to-rgb(#003DBF);
749
+ --bgBrandDefault: #E4E7F5;
750
+ --bgBrandDefault-rgb: hex-to-rgb(#E4E7F5);
751
+ --bgBrandDefaultHover: #9C97B9;
752
+ --bgBrandDefaultHover-rgb: hex-to-rgb(#9C97B9);
753
+ --bgBrandDefaultPressed: #665E91;
754
+ --bgBrandDefaultPressed-rgb: hex-to-rgb(#665E91);
755
+ --bgBrandBold: #403677;
756
+ --bgBrandBold-rgb: hex-to-rgb(#403677);
757
+ --bgBrandBoldHover: #140757;
758
+ --bgBrandBoldHover-rgb: hex-to-rgb(#140757);
759
+ --bgBrandBoldPressed: #0F0541;
760
+ --bgBrandBoldPressed-rgb: hex-to-rgb(#0F0541);
755
761
  --bgPromoBold: #A58B4B;
756
762
  --bgPromoBold-rgb: hex-to-rgb(#A58B4B);
757
763
  --bgPromoBoldHover: #85703D;
758
764
  --bgPromoBoldHover-rgb: hex-to-rgb(#85703D);
759
765
  --bgPromoBoldPressed: #62532D;
760
766
  --bgPromoBoldPressed-rgb: hex-to-rgb(#62532D);
761
- --bgInfoDefault: #E9F0FF;
762
- --bgInfoDefault-rgb: hex-to-rgb(#E9F0FF);
763
- --bgInfoDefaultHover: #CCDCFF;
764
- --bgInfoDefaultHover-rgb: hex-to-rgb(#CCDCFF);
765
- --bgInfoDefaultPressed: #85ACFF;
766
- --bgInfoDefaultPressed-rgb: hex-to-rgb(#85ACFF);
767
- --bgInfoBold: #1C65FD;
768
- --bgInfoBold-rgb: hex-to-rgb(#1C65FD);
769
- --bgInfoBoldHover: #0C50E4;
770
- --bgInfoBoldHover-rgb: hex-to-rgb(#0C50E4);
771
- --bgInfoBoldPressed: #003DBF;
772
- --bgInfoBoldPressed-rgb: hex-to-rgb(#003DBF);
767
+ --bgInfoDefault: #E4E7F5;
768
+ --bgInfoDefault-rgb: hex-to-rgb(#E4E7F5);
769
+ --bgInfoDefaultHover: #9C97B9;
770
+ --bgInfoDefaultHover-rgb: hex-to-rgb(#9C97B9);
771
+ --bgInfoDefaultPressed: #665E91;
772
+ --bgInfoDefaultPressed-rgb: hex-to-rgb(#665E91);
773
+ --bgInfoBold: #403677;
774
+ --bgInfoBold-rgb: hex-to-rgb(#403677);
775
+ --bgInfoBoldHover: #140757;
776
+ --bgInfoBoldHover-rgb: hex-to-rgb(#140757);
777
+ --bgInfoBoldPressed: #0F0541;
778
+ --bgInfoBoldPressed-rgb: hex-to-rgb(#0F0541);
773
779
  --bgErrorDefault: #FFEAE8;
774
780
  --bgErrorDefault-rgb: hex-to-rgb(#FFEAE8);
775
781
  --bgErrorDefaultHover: #FFD6D2;
@@ -820,12 +826,14 @@ body.dark {
820
826
  --borderNeutralDefault-rgb: hex-to-rgb(#D5D7DD);
821
827
  --borderNeutralSubtle: #E8EAED;
822
828
  --borderNeutralSubtle-rgb: hex-to-rgb(#E8EAED);
823
- --borderBrandDefault: #1C65FD;
824
- --borderBrandDefault-rgb: hex-to-rgb(#1C65FD);
829
+ --borderNeutralSubtlest: #ffffff;
830
+ --borderNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
831
+ --borderBrandDefault: #554C85;
832
+ --borderBrandDefault-rgb: hex-to-rgb(#554C85);
825
833
  --borderPromoDefault: #A58B4B;
826
834
  --borderPromoDefault-rgb: hex-to-rgb(#A58B4B);
827
- --borderInfoDefault: #1C65FD;
828
- --borderInfoDefault-rgb: hex-to-rgb(#1C65FD);
835
+ --borderInfoDefault: #554C85;
836
+ --borderInfoDefault-rgb: hex-to-rgb(#554C85);
829
837
  --borderErrorDefault: #E24B3D;
830
838
  --borderErrorDefault-rgb: hex-to-rgb(#E24B3D);
831
839
  --borderWarningDefault: #B58200;
@@ -839,12 +847,13 @@ body.dark {
839
847
  --gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
840
848
  --gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
841
849
  --gradientGoldActive: linear-gradient(45deg, #b7953e 0%, #62532d 100%);
842
- --gradientMenu: linear-gradient(22deg, var(--gradientMenuStart) 28.63%, var(--gradientMenuEnd) 85.57%);
843
- --gradientMenuStart: #131D41;
844
- --gradientMenuStart-rgb: hex-to-rgb(#131D41);
845
- --gradientMenuEnd: #4E1775;
846
- --gradientMenuEnd-rgb: hex-to-rgb(#4E1775);
847
850
  --gradientFresh: linear-gradient(314deg, #E930B5 6.72%, #2353FF 107%);
851
+ --gradientMenu: linear-gradient(183deg, #6F1C3F 10%, #481347 40%, #120853 80%);
852
+ --gradientPromo: linear-gradient(100deg, #A58B4B 0%, #CFB572 100%);
853
+ --gradientPromoHover: #85703D;
854
+ --gradientPromoHover-rgb: hex-to-rgb(#85703D);
855
+ --gradientPromoActive: #85703D;
856
+ --gradientPromoActive-rgb: hex-to-rgb(#85703D);
848
857
  --categoryYellow: #ffd200;
849
858
  --categoryYellow-rgb: hex-to-rgb(#ffd200);
850
859
  --categoryOrange: #fa9646;
@@ -890,18 +899,18 @@ body.dark {
890
899
  --fgNeutralSubtle-rgb: hex-to-rgb(#606876);
891
900
  --fgNeutralSubtlest: #7D8594;
892
901
  --fgNeutralSubtlest-rgb: hex-to-rgb(#7D8594);
893
- --fgBrandDefault: #0C50E4;
894
- --fgBrandDefault-rgb: hex-to-rgb(#0C50E4);
902
+ --fgBrandDefault: #403677;
903
+ --fgBrandDefault-rgb: hex-to-rgb(#403677);
895
904
  --fgPromoDefault: #85703D;
896
905
  --fgPromoDefault-rgb: hex-to-rgb(#85703D);
897
- --fgLinkDefault: #0C50E4;
898
- --fgLinkDefault-rgb: hex-to-rgb(#0C50E4);
899
- --fgLinkDefaultHover: #003DBF;
900
- --fgLinkDefaultHover-rgb: hex-to-rgb(#003DBF);
901
- --fgLinkDefaultPressed: #082666;
902
- --fgLinkDefaultPressed-rgb: hex-to-rgb(#082666);
903
- --fgInfoDefault: #0C50E4;
904
- --fgInfoDefault-rgb: hex-to-rgb(#0C50E4);
906
+ --fgLinkDefault: #403677;
907
+ --fgLinkDefault-rgb: hex-to-rgb(#403677);
908
+ --fgLinkDefaultHover: #140757;
909
+ --fgLinkDefaultHover-rgb: hex-to-rgb(#140757);
910
+ --fgLinkDefaultPressed: #0F0541;
911
+ --fgLinkDefaultPressed-rgb: hex-to-rgb(#0F0541);
912
+ --fgInfoDefault: #403677;
913
+ --fgInfoDefault-rgb: hex-to-rgb(#403677);
905
914
  --fgErrorDefault: #C9392C;
906
915
  --fgErrorDefault-rgb: hex-to-rgb(#C9392C);
907
916
  --fgWarningDefault: #A16600;
@@ -930,36 +939,36 @@ body.dark {
930
939
  --bgNeutralSubtlestHover-rgb: hex-to-rgb(#F3F4F5);
931
940
  --bgNeutralSubtlestActive: #E8EAED;
932
941
  --bgNeutralSubtlestActive-rgb: hex-to-rgb(#E8EAED);
933
- --bgBrandDefault: #E9F0FF;
934
- --bgBrandDefault-rgb: hex-to-rgb(#E9F0FF);
935
- --bgBrandDefaultHover: #CCDCFF;
936
- --bgBrandDefaultHover-rgb: hex-to-rgb(#CCDCFF);
937
- --bgBrandDefaultPressed: #85ACFF;
938
- --bgBrandDefaultPressed-rgb: hex-to-rgb(#85ACFF);
939
- --bgBrandBold: #1C65FD;
940
- --bgBrandBold-rgb: hex-to-rgb(#1C65FD);
941
- --bgBrandBoldHover: #0C50E4;
942
- --bgBrandBoldHover-rgb: hex-to-rgb(#0C50E4);
943
- --bgBrandBoldPressed: #003DBF;
944
- --bgBrandBoldPressed-rgb: hex-to-rgb(#003DBF);
942
+ --bgBrandDefault: #E4E7F5;
943
+ --bgBrandDefault-rgb: hex-to-rgb(#E4E7F5);
944
+ --bgBrandDefaultHover: #9C97B9;
945
+ --bgBrandDefaultHover-rgb: hex-to-rgb(#9C97B9);
946
+ --bgBrandDefaultPressed: #665E91;
947
+ --bgBrandDefaultPressed-rgb: hex-to-rgb(#665E91);
948
+ --bgBrandBold: #403677;
949
+ --bgBrandBold-rgb: hex-to-rgb(#403677);
950
+ --bgBrandBoldHover: #140757;
951
+ --bgBrandBoldHover-rgb: hex-to-rgb(#140757);
952
+ --bgBrandBoldPressed: #0F0541;
953
+ --bgBrandBoldPressed-rgb: hex-to-rgb(#0F0541);
945
954
  --bgPromoBold: #A58B4B;
946
955
  --bgPromoBold-rgb: hex-to-rgb(#A58B4B);
947
956
  --bgPromoBoldHover: #85703D;
948
957
  --bgPromoBoldHover-rgb: hex-to-rgb(#85703D);
949
958
  --bgPromoBoldPressed: #62532D;
950
959
  --bgPromoBoldPressed-rgb: hex-to-rgb(#62532D);
951
- --bgInfoDefault: #E9F0FF;
952
- --bgInfoDefault-rgb: hex-to-rgb(#E9F0FF);
953
- --bgInfoDefaultHover: #CCDCFF;
954
- --bgInfoDefaultHover-rgb: hex-to-rgb(#CCDCFF);
955
- --bgInfoDefaultPressed: #85ACFF;
956
- --bgInfoDefaultPressed-rgb: hex-to-rgb(#85ACFF);
957
- --bgInfoBold: #1C65FD;
958
- --bgInfoBold-rgb: hex-to-rgb(#1C65FD);
959
- --bgInfoBoldHover: #0C50E4;
960
- --bgInfoBoldHover-rgb: hex-to-rgb(#0C50E4);
961
- --bgInfoBoldPressed: #003DBF;
962
- --bgInfoBoldPressed-rgb: hex-to-rgb(#003DBF);
960
+ --bgInfoDefault: #E4E7F5;
961
+ --bgInfoDefault-rgb: hex-to-rgb(#E4E7F5);
962
+ --bgInfoDefaultHover: #9C97B9;
963
+ --bgInfoDefaultHover-rgb: hex-to-rgb(#9C97B9);
964
+ --bgInfoDefaultPressed: #665E91;
965
+ --bgInfoDefaultPressed-rgb: hex-to-rgb(#665E91);
966
+ --bgInfoBold: #403677;
967
+ --bgInfoBold-rgb: hex-to-rgb(#403677);
968
+ --bgInfoBoldHover: #140757;
969
+ --bgInfoBoldHover-rgb: hex-to-rgb(#140757);
970
+ --bgInfoBoldPressed: #0F0541;
971
+ --bgInfoBoldPressed-rgb: hex-to-rgb(#0F0541);
963
972
  --bgErrorDefault: #FFEAE8;
964
973
  --bgErrorDefault-rgb: hex-to-rgb(#FFEAE8);
965
974
  --bgErrorDefaultHover: #FFD6D2;
@@ -1010,12 +1019,14 @@ body.dark {
1010
1019
  --borderNeutralDefault-rgb: hex-to-rgb(#D5D7DD);
1011
1020
  --borderNeutralSubtle: #E8EAED;
1012
1021
  --borderNeutralSubtle-rgb: hex-to-rgb(#E8EAED);
1013
- --borderBrandDefault: #1C65FD;
1014
- --borderBrandDefault-rgb: hex-to-rgb(#1C65FD);
1022
+ --borderNeutralSubtlest: #ffffff;
1023
+ --borderNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
1024
+ --borderBrandDefault: #554C85;
1025
+ --borderBrandDefault-rgb: hex-to-rgb(#554C85);
1015
1026
  --borderPromoDefault: #A58B4B;
1016
1027
  --borderPromoDefault-rgb: hex-to-rgb(#A58B4B);
1017
- --borderInfoDefault: #1C65FD;
1018
- --borderInfoDefault-rgb: hex-to-rgb(#1C65FD);
1028
+ --borderInfoDefault: #554C85;
1029
+ --borderInfoDefault-rgb: hex-to-rgb(#554C85);
1019
1030
  --borderErrorDefault: #E24B3D;
1020
1031
  --borderErrorDefault-rgb: hex-to-rgb(#E24B3D);
1021
1032
  --borderWarningDefault: #B58200;
@@ -1029,12 +1040,13 @@ body.dark {
1029
1040
  --gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
1030
1041
  --gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
1031
1042
  --gradientGoldActive: linear-gradient(45deg, #b7953e 0%, #62532d 100%);
1032
- --gradientMenu: linear-gradient(22deg, var(--gradientMenuStart) 28.63%, var(--gradientMenuEnd) 85.57%);
1033
- --gradientMenuStart: #131D41;
1034
- --gradientMenuStart-rgb: hex-to-rgb(#131D41);
1035
- --gradientMenuEnd: #4E1775;
1036
- --gradientMenuEnd-rgb: hex-to-rgb(#4E1775);
1037
1043
  --gradientFresh: linear-gradient(314deg, #E930B5 6.72%, #2353FF 107%);
1044
+ --gradientMenu: linear-gradient(183deg, #6F1C3F 10%, #481347 40%, #120853 80%);
1045
+ --gradientPromo: linear-gradient(100deg, #A58B4B 0%, #CFB572 100%);
1046
+ --gradientPromoHover: #85703D;
1047
+ --gradientPromoHover-rgb: hex-to-rgb(#85703D);
1048
+ --gradientPromoActive: #85703D;
1049
+ --gradientPromoActive-rgb: hex-to-rgb(#85703D);
1038
1050
  --categoryYellow: #ffd200;
1039
1051
  --categoryYellow-rgb: hex-to-rgb(#ffd200);
1040
1052
  --categoryOrange: #fa9646;
@@ -1075,7 +1087,6 @@ body.dark {
1075
1087
  }
1076
1088
  body {
1077
1089
  --transparent: transparent;
1078
- --backgroundHover: rgba(var(--blackNormal-rgb), 0.04);
1079
1090
  }
1080
1091
 
1081
1092
  body {
@@ -1190,7 +1201,7 @@ body {
1190
1201
  --boxShadowColorDotPointBadge: var(--bgErrorBold-rgb);
1191
1202
  --widthDotPointBadge: 4px;
1192
1203
  --boxShadowDotPointBadge: 4px;
1193
- --borderPointBadge: 2px solid var(--whiteNormal);
1204
+ --borderPointBadge: 2px solid var(--borderNeutralSubtlest);
1194
1205
  --borderRadiusBtn: 22px;
1195
1206
  --fontSizeBtn: var(--fontSizeSmall);
1196
1207
  --fontWeightBtn: var(--fontWeightMedium);
@@ -1215,7 +1226,6 @@ body {
1215
1226
  --colorBtn: var(--fgInverseDefault);
1216
1227
  --colorHoverBtn: var(--fgInverseDefault);
1217
1228
  --colorActiveBtn: var(--fgInverseDefault);
1218
- --colorLoadingPrimaryBtn: rgba(var(--whiteNormal-rgb), 0.3);
1219
1229
  --backgroundBorderBtn: var(--bgNeutralSubtlest);
1220
1230
  --backgroundHoverBorderBtn: var(--bgNeutralSubtlestHover);
1221
1231
  --backgroundActiveBorderBtn: var(--bgNeutralSubtlestActive);
@@ -1605,13 +1615,13 @@ body {
1605
1615
  --maxWidthTabletLogoHeader: 180px;
1606
1616
  --paddingHeader: 0 var(--spaceLarge);
1607
1617
  --paddingMobileHeader: 0 var(--spaceMedium);
1608
- --backgroundMobilePanel: var(--whiteNormal);
1618
+ --backgroundMobilePanel: var(--surfaceRisen);
1609
1619
  --widthMobilePanel: 320px;
1610
1620
  --paddingBodyMobilePanel: var(--spaceLarge);
1611
1621
  --backgroundSecondaryMobilePanel: var(--bgNeutralDefault);
1612
1622
  --paddingBodySecondaryMobilePanel: var(--spaceLarge) var(--spaceXSmall);
1613
1623
  --backgroundHeaderMobilePanel: var(--gradientBlueRedDark);
1614
- --colorHeaderMobilePanel: var(--whiteNormal);
1624
+ --colorHeaderMobilePanel: var(--fgInverseDefault);
1615
1625
  --paddingHeaderMobilePanel: var(--spaceLarge) var(--spaceXSmall) var(--spaceLarge) var(--spaceLarge);
1616
1626
  --colorHeaderImageMobilePanel: var(--fgBrandDefault);
1617
1627
  --backgroundHeaderSecondaryMobilePanel: transparent;
@@ -3128,6 +3138,7 @@ body {
3128
3138
  height: var(--heightMobileHeader);
3129
3139
  justify-content: space-between;
3130
3140
  padding: var(--paddingMobileHeader);
3141
+ position: relative;
3131
3142
  width: 100%;
3132
3143
  z-index: 4500;
3133
3144
  }
@@ -3297,11 +3308,11 @@ body.dark .l-header .c-logo__img--dark {
3297
3308
  order: 1;
3298
3309
  }
3299
3310
  .l-mobilePanel__header .l-mobilePanel__close {
3300
- color: var(--whiteNormal);
3311
+ color: var(--fgInverseDefault);
3301
3312
  order: 2;
3302
3313
  }
3303
3314
  .l-mobilePanel__header .l-mobilePanel__close:hover, .l-mobilePanel__header .l-mobilePanel__close:focus {
3304
- color: var(--whiteNormal);
3315
+ color: var(--fgInverseDefault);
3305
3316
  }
3306
3317
 
3307
3318
  .l-mobilePanel__headerImage {
@@ -3325,76 +3336,22 @@ body.dark .l-header .c-logo__img--dark {
3325
3336
  padding: 0 var(--spaceMedium);
3326
3337
  }
3327
3338
 
3328
- .l-mobilePanel__header {
3329
- color: var(--whiteNormal);
3330
- }
3331
- .l-mobilePanel__header .l-mobilePanel__close {
3332
- color: var(--whiteNormal);
3333
- }
3334
- .l-mobilePanel__header .l-mobilePanel__close:hover, .l-mobilePanel__header .l-mobilePanel__close:focus {
3335
- color: var(--blackNormal);
3336
- }
3337
-
3338
- .l-mobilePanel__headerImage .c-avatar--whiteNormal {
3339
- background: var(--whiteNormal);
3340
- color: var(--blackNormal);
3341
- }
3342
-
3343
3339
  .l-mobilePanel--secondary .l-mobilePanel__header,
3344
3340
  .l-mobilePanel--secondary .l-mobilePanel__close {
3345
3341
  color: var(--colorHeaderSecondaryMobilePanel);
3346
3342
  }
3347
3343
 
3348
- body.light .l-mobilePanel__header {
3349
- color: var(--whiteNormal);
3350
- }
3351
- body.light .l-mobilePanel__header .l-mobilePanel__close {
3352
- color: var(--whiteNormal);
3353
- }
3354
- body.light .l-mobilePanel__header .l-mobilePanel__close:hover, body.light .l-mobilePanel__header .l-mobilePanel__close:focus {
3355
- color: var(--blackNormal);
3356
- }
3357
- body.light .l-mobilePanel__headerImage .c-avatar--whiteNormal {
3358
- background: var(--whiteNormal);
3359
- color: var(--blackNormal);
3360
- }
3361
3344
  body.light .l-mobilePanel--secondary .l-mobilePanel__header,
3362
3345
  body.light .l-mobilePanel--secondary .l-mobilePanel__close {
3363
3346
  color: var(--colorHeaderSecondaryMobilePanel);
3364
3347
  }
3365
3348
 
3366
3349
  @media (prefers-color-scheme: dark) {
3367
- .l-mobilePanel__header {
3368
- color: var(--blackNormal);
3369
- }
3370
- .l-mobilePanel__header .l-mobilePanel__close {
3371
- color: var(--blackNormal);
3372
- }
3373
- .l-mobilePanel__header .l-mobilePanel__close:hover, .l-mobilePanel__header .l-mobilePanel__close:focus {
3374
- color: var(--blackNormal);
3375
- }
3376
- .l-mobilePanel__headerImage .c-avatar--whiteNormal {
3377
- background: var(--blackNormal);
3378
- color: var(--whiteNormal);
3379
- }
3380
3350
  .l-mobilePanel--secondary .l-mobilePanel__header,
3381
3351
  .l-mobilePanel--secondary .l-mobilePanel__close {
3382
3352
  color: var(--colorHeaderSecondaryMobilePanel);
3383
3353
  }
3384
3354
  }
3385
- body.dark .l-mobilePanel__header {
3386
- color: var(--blackNormal);
3387
- }
3388
- body.dark .l-mobilePanel__header .l-mobilePanel__close {
3389
- color: var(--blackNormal);
3390
- }
3391
- body.dark .l-mobilePanel__header .l-mobilePanel__close:hover, body.dark .l-mobilePanel__header .l-mobilePanel__close:focus {
3392
- color: var(--blackNormal);
3393
- }
3394
- body.dark .l-mobilePanel__headerImage .c-avatar--whiteNormal {
3395
- background: var(--blackNormal);
3396
- color: var(--whiteNormal);
3397
- }
3398
3355
  body.dark .l-mobilePanel--secondary .l-mobilePanel__header,
3399
3356
  body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
3400
3357
  color: var(--colorHeaderSecondaryMobilePanel);
@@ -3790,13 +3747,14 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
3790
3747
  }
3791
3748
 
3792
3749
  .c-badge__avatar {
3793
- border: var(--borderPointBadge);
3794
- border-radius: var(--borderRadiusPointBadge);
3795
3750
  bottom: 2px;
3796
3751
  position: absolute;
3797
3752
  right: 2px;
3798
3753
  transform: translate(50%, 50%);
3799
3754
  }
3755
+ .c-badge__avatar .c-avatar {
3756
+ outline: var(--borderPointBadge);
3757
+ }
3800
3758
 
3801
3759
  .c-badge__point {
3802
3760
  background: var(--backgroundPointBadge);
@@ -4280,7 +4238,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
4280
4238
  .c-card--collapse {
4281
4239
  flex-flow: column wrap;
4282
4240
  }
4283
- .c-card--collapse--open .c-card__collapseIcon .c-avatar__iconSvg {
4241
+ .c-card--collapse--open > .c-card__header .c-card__collapseIcon .c-avatar__iconSvg {
4284
4242
  transform: rotate(180deg);
4285
4243
  }
4286
4244
  .c-card--collapse.c-card--small {
@@ -4563,7 +4521,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
4563
4521
  z-index: 900;
4564
4522
  }
4565
4523
  .c-carousel__arrow .c-btn {
4566
- outline: 1px solid var(--whiteNormal);
4524
+ outline: 1px solid var(--bgNeutralSubtlest);
4567
4525
  }
4568
4526
 
4569
4527
  .c-carousel__dots {
@@ -4598,7 +4556,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
4598
4556
  }
4599
4557
  .c-carousel__dot__activeIcon {
4600
4558
  left: 0;
4601
- outline: 1px solid var(--whiteNormal);
4559
+ outline: 1px solid var(--bgNeutralSubtlest);
4602
4560
  position: absolute !important;
4603
4561
  top: 1px;
4604
4562
  }
@@ -4865,7 +4823,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
4865
4823
  padding: 0;
4866
4824
  }
4867
4825
  .c-dropdown__result {
4868
- color: var(--greyDark);
4826
+ color: var(--fgNeutralSubtle);
4869
4827
  font-size: var(--fontSizeSmall);
4870
4828
  margin-bottom: var(--spaceXXSmall);
4871
4829
  padding: var(--spaceXXSmall) var(--spaceSmall);
@@ -4885,7 +4843,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
4885
4843
  }
4886
4844
  .c-dropdown__btn {
4887
4845
  background: none;
4888
- color: var(--blueDark);
4846
+ color: var(--fgLinkDefault);
4889
4847
  cursor: pointer;
4890
4848
  display: block;
4891
4849
  font-size: var(--fontSizeSmall);
@@ -4896,8 +4854,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
4896
4854
  width: 100%;
4897
4855
  }
4898
4856
  .c-dropdown__btn:hover, .c-dropdown__btn:focus {
4899
- background-color: var(--blueLight);
4900
- color: var(--whiteNormal);
4857
+ color: var(--fgLinkDefaultHover);
4901
4858
  }
4902
4859
  .c-dropdown__title {
4903
4860
  color: var(--fgNeutralSubtle);
@@ -5015,7 +4972,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
5015
4972
  padding: 0;
5016
4973
  }
5017
4974
  .c-dropdown__result {
5018
- color: var(--greyDark);
4975
+ color: var(--fgNeutralSubtle);
5019
4976
  font-size: var(--fontSizeSmall);
5020
4977
  margin-bottom: var(--spaceXXSmall);
5021
4978
  padding: var(--spaceXXSmall) var(--spaceSmall);
@@ -5035,7 +4992,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
5035
4992
  }
5036
4993
  .c-dropdown__btn {
5037
4994
  background: none;
5038
- color: var(--blueDark);
4995
+ color: var(--fgLinkDefault);
5039
4996
  cursor: pointer;
5040
4997
  display: block;
5041
4998
  font-size: var(--fontSizeSmall);
@@ -5046,8 +5003,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
5046
5003
  width: 100%;
5047
5004
  }
5048
5005
  .c-dropdown__btn:hover, .c-dropdown__btn:focus {
5049
- background-color: var(--blueLight);
5050
- color: var(--whiteNormal);
5006
+ color: var(--fgLinkDefaultHover);
5051
5007
  }
5052
5008
  .c-dropdown__title {
5053
5009
  color: var(--fgNeutralSubtle);
@@ -5169,7 +5125,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
5169
5125
  }
5170
5126
  .c-chartLegend__row__color {
5171
5127
  background-color: var(--bgBrandDefault);
5172
- border: 1px solid var(--whiteNormal);
5128
+ border: 1px solid var(--borderNeutralSubtlest);
5173
5129
  border-radius: 50%;
5174
5130
  display: inline-block;
5175
5131
  height: var(--spaceMedium);
@@ -6877,7 +6833,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
6877
6833
  }
6878
6834
  .f-fileUpload--active .f-fileUpload__title,
6879
6835
  .f-fileUpload--active .f-fileUpload__restrictions {
6880
- color: var(--whiteNormal);
6836
+ color: var(--fgInverseDefault);
6881
6837
  }
6882
6838
  .f-fileUpload--active .f-fileUpload__uploadIcon {
6883
6839
  background: var(--bgBrandDefaultPressed);
@@ -6925,8 +6881,8 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
6925
6881
  width: 100%;
6926
6882
  }
6927
6883
  .f-fileUpload__imagePreview .f-fileUpload__overlaySearch {
6928
- background: var(--semiBlueCategBg);
6929
- border-color: var(--semiBlueCategBg);
6884
+ background: var(--bgInfoBold);
6885
+ border-color: var(--borderInfoDefault);
6930
6886
  left: 50%;
6931
6887
  position: absolute;
6932
6888
  top: 50%;
@@ -8237,17 +8193,20 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
8237
8193
  .u-bg--gradientGoldActive {
8238
8194
  background: var(--gradientGoldActive);
8239
8195
  }
8196
+ .u-bg--gradientFresh {
8197
+ background: var(--gradientFresh);
8198
+ }
8240
8199
  .u-bg--gradientMenu {
8241
8200
  background: var(--gradientMenu);
8242
8201
  }
8243
- .u-bg--gradientMenuStart {
8244
- background: var(--gradientMenuStart);
8202
+ .u-bg--gradientPromo {
8203
+ background: var(--gradientPromo);
8245
8204
  }
8246
- .u-bg--gradientMenuEnd {
8247
- background: var(--gradientMenuEnd);
8205
+ .u-bg--gradientPromoHover {
8206
+ background: var(--gradientPromoHover);
8248
8207
  }
8249
- .u-bg--gradientFresh {
8250
- background: var(--gradientFresh);
8208
+ .u-bg--gradientPromoActive {
8209
+ background: var(--gradientPromoActive);
8251
8210
  }
8252
8211
  .u-bg--categoryYellow {
8253
8212
  background: var(--categoryYellow);
@@ -8952,7 +8911,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
8952
8911
  /* Slider */
8953
8912
  .slick-loading .slick-list
8954
8913
  {
8955
- background: #fff url('assets/6abdd8a18a8788a4e60a.gif') center center no-repeat;
8914
+ background: #fff url('assets/6c576e82fa7585d15b43.gif') center center no-repeat;
8956
8915
  }
8957
8916
 
8958
8917
  /* Icons */
@@ -8962,8 +8921,8 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
8962
8921
  font-weight: normal;
8963
8922
  font-style: normal;
8964
8923
 
8965
- src: url('assets/51a944d946d8549f6825.eot');
8966
- src: url('assets/256962c0a6f79ad03e39.eot') format('embedded-opentype'), url('assets/09f6323f6fe31da40271.woff') format('woff'), url('assets/fa11e17a1e9b90351b03.ttf') format('truetype'), url('assets/4ff7da1420003c86a363.svg') format('svg');
8924
+ src: url('assets/84f8b7a8f65c646170e2.eot');
8925
+ src: url('assets/74210fc904abe1b6fc01.eot') format('embedded-opentype'), url('assets/c018d40e109125eda724.woff') format('woff'), url('assets/6e418599bc251bdcb4da.ttf') format('truetype'), url('assets/e6754ea46b3ddc2f2e90.svg') format('svg');
8967
8926
  }
8968
8927
  /* Arrows */
8969
8928
  .slick-prev,