@mmb-digital/ds-lilly 1.0.0-alpha.56 → 1.0.0-alpha.58

package/cjs/ds-lilly.css

@@ -338,6 +338,8 @@ body {
   --fgInverseDefault-rgb: hex-to-rgb(#ffffff);
   --fgDisabledDefault: #A0A5B1;
   --fgDisabledDefault-rgb: hex-to-rgb(#A0A5B1);
+  --fgWhiteDefault: #ffffff;
+  --fgWhiteDefault-rgb: hex-to-rgb(#ffffff);
   --bgNeutralDefault: #E8EAED;
   --bgNeutralDefault-rgb: hex-to-rgb(#E8EAED);
   --bgNeutralDefaultHover: #D5D7DD;
@@ -452,7 +454,7 @@ body {
   --borderSuccessDefault-rgb: hex-to-rgb(#1F9947);
   --borderDisabledDefault: #E8EAED;
   --borderDisabledDefault-rgb: hex-to-rgb(#E8EAED);
-  --gradientBlueRed: linear-gradient(45deg, #140757 0%, #ed1c24 100%);
+  --gradientBlueRed: linear-gradient(45deg, #120853 0%, #6F1C3F 100%);
   --gradientBlueRedDark: linear-gradient(21.98deg, #120853 14.38%, #6f1c3f 85.57%);
   --gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
   --gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
@@ -504,82 +506,84 @@ body {
 
 /* Dark theme colors */
 body.dark {
-  --fgNeutralDefault: #ffffff;
-  --fgNeutralDefault-rgb: hex-to-rgb(#ffffff);
-  --fgNeutralSubtle: #D5D7DD;
-  --fgNeutralSubtle-rgb: hex-to-rgb(#D5D7DD);
-  --fgNeutralSubtlest: #7D8594;
-  --fgNeutralSubtlest-rgb: hex-to-rgb(#7D8594);
-  --fgBrandDefault: #665E91;
-  --fgBrandDefault-rgb: hex-to-rgb(#665E91);
+  --fgNeutralDefault: #F3F4F5;
+  --fgNeutralDefault-rgb: hex-to-rgb(#F3F4F5);
+  --fgNeutralSubtle: #878D99;
+  --fgNeutralSubtle-rgb: hex-to-rgb(#878D99);
+  --fgNeutralSubtlest: #606773;
+  --fgNeutralSubtlest-rgb: hex-to-rgb(#606773);
+  --fgBrandDefault: #E2CA99;
+  --fgBrandDefault-rgb: hex-to-rgb(#E2CA99);
   --fgPromoDefault: #A58B4B;
   --fgPromoDefault-rgb: hex-to-rgb(#A58B4B);
-  --fgLinkDefault: #665E91;
-  --fgLinkDefault-rgb: hex-to-rgb(#665E91);
-  --fgLinkDefaultHover: #554C85;
-  --fgLinkDefaultHover-rgb: hex-to-rgb(#554C85);
-  --fgLinkDefaultPressed: ;
-  --fgLinkDefaultPressed-rgb: hex-to-rgb();
-  --fgInfoDefault: #665E91;
-  --fgInfoDefault-rgb: hex-to-rgb(#665E91);
+  --fgLinkDefault: #E2CA99;
+  --fgLinkDefault-rgb: hex-to-rgb(#E2CA99);
+  --fgLinkDefaultHover: #F0D9AB;
+  --fgLinkDefaultHover-rgb: hex-to-rgb(#F0D9AB);
+  --fgLinkDefaultPressed: #FFE9BE;
+  --fgLinkDefaultPressed-rgb: hex-to-rgb(#FFE9BE);
+  --fgInfoDefault: #578CFF;
+  --fgInfoDefault-rgb: hex-to-rgb(#578CFF);
   --fgErrorDefault: #F87468;
   --fgErrorDefault-rgb: hex-to-rgb(#F87468);
   --fgWarningDefault: #E2B203;
   --fgWarningDefault-rgb: hex-to-rgb(#E2B203);
   --fgSuccessDefault: #4DD47A;
   --fgSuccessDefault-rgb: hex-to-rgb(#4DD47A);
-  --fgInverseDefault: #ffffff;
-  --fgInverseDefault-rgb: hex-to-rgb(#ffffff);
+  --fgInverseDefault: #17181C;
+  --fgInverseDefault-rgb: hex-to-rgb(#17181C);
   --fgDisabledDefault: #32363E;
   --fgDisabledDefault-rgb: hex-to-rgb(#32363E);
-  --bgNeutralDefault: #17181C;
-  --bgNeutralDefault-rgb: hex-to-rgb(#17181C);
-  --bgNeutralDefaultHover: #32363E;
-  --bgNeutralDefaultHover-rgb: hex-to-rgb(#32363E);
-  --bgNeutralDefaultActive: #606876;
-  --bgNeutralDefaultActive-rgb: hex-to-rgb(#606876);
-  --bgNeutralSubtle: #0A0B0D;
-  --bgNeutralSubtle-rgb: hex-to-rgb(#0A0B0D);
-  --bgNeutralSubtleHover: #E8EAED;
-  --bgNeutralSubtleHover-rgb: hex-to-rgb(#E8EAED);
-  --bgNeutralSubtleActive: #D5D7DD;
-  --bgNeutralSubtleActive-rgb: hex-to-rgb(#D5D7DD);
-  --bgNeutralSubtlest: #17181C;
-  --bgNeutralSubtlest-rgb: hex-to-rgb(#17181C);
-  --bgNeutralSubtlestHover: #212329;
-  --bgNeutralSubtlestHover-rgb: hex-to-rgb(#212329);
-  --bgNeutralSubtlestActive: #32363E;
-  --bgNeutralSubtlestActive-rgb: hex-to-rgb(#32363E);
-  --bgBrandDefault: #1C2841;
-  --bgBrandDefault-rgb: hex-to-rgb(#1C2841);
-  --bgBrandDefaultHover: #85ACFF;
-  --bgBrandDefaultHover-rgb: hex-to-rgb(#85ACFF);
-  --bgBrandDefaultPressed: #578CFF;
-  --bgBrandDefaultPressed-rgb: hex-to-rgb(#578CFF);
-  --bgBrandBold: #1C65FD;
-  --bgBrandBold-rgb: hex-to-rgb(#1C65FD);
-  --bgBrandBoldHover: #003DBF;
-  --bgBrandBoldHover-rgb: hex-to-rgb(#003DBF);
-  --bgBrandBoldPressed: #1C2841;
-  --bgBrandBoldPressed-rgb: hex-to-rgb(#1C2841);
+  --fgWhiteDefault: #ffffff;
+  --fgWhiteDefault-rgb: hex-to-rgb(#ffffff);
+  --bgNeutralDefault: #101114;
+  --bgNeutralDefault-rgb: hex-to-rgb(#101114);
+  --bgNeutralDefaultHover: #17181C;
+  --bgNeutralDefaultHover-rgb: hex-to-rgb(#17181C);
+  --bgNeutralDefaultActive: #1D1F24;
+  --bgNeutralDefaultActive-rgb: hex-to-rgb(#1D1F24);
+  --bgNeutralSubtle: #17181C;
+  --bgNeutralSubtle-rgb: hex-to-rgb(#17181C);
+  --bgNeutralSubtleHover: #1D1F24;
+  --bgNeutralSubtleHover-rgb: hex-to-rgb(#1D1F24);
+  --bgNeutralSubtleActive: #27292E;
+  --bgNeutralSubtleActive-rgb: hex-to-rgb(#27292E);
+  --bgNeutralSubtlest: #1D1F24;
+  --bgNeutralSubtlest-rgb: hex-to-rgb(#1D1F24);
+  --bgNeutralSubtlestHover: #27292E;
+  --bgNeutralSubtlestHover-rgb: hex-to-rgb(#27292E);
+  --bgNeutralSubtlestActive: #35373D;
+  --bgNeutralSubtlestActive-rgb: hex-to-rgb(#35373D);
+  --bgBrandDefault: #524326;
+  --bgBrandDefault-rgb: hex-to-rgb(#524326);
+  --bgBrandDefaultHover: #B79A61;
+  --bgBrandDefaultHover-rgb: hex-to-rgb(#B79A61);
+  --bgBrandDefaultPressed: #B79A61;
+  --bgBrandDefaultPressed-rgb: hex-to-rgb(#B79A61);
+  --bgBrandBold: #E2CA99;
+  --bgBrandBold-rgb: hex-to-rgb(#E2CA99);
+  --bgBrandBoldHover: #F0D9AB;
+  --bgBrandBoldHover-rgb: hex-to-rgb(#F0D9AB);
+  --bgBrandBoldPressed: #FFE9BE;
+  --bgBrandBoldPressed-rgb: hex-to-rgb(#FFE9BE);
   --bgPromoBold: #A58B4B;
   --bgPromoBold-rgb: hex-to-rgb(#A58B4B);
   --bgPromoBoldHover: #85703D;
   --bgPromoBoldHover-rgb: hex-to-rgb(#85703D);
   --bgPromoBoldPressed: #62532D;
   --bgPromoBoldPressed-rgb: hex-to-rgb(#62532D);
-  --bgInfoDefault: #0F0541;
-  --bgInfoDefault-rgb: hex-to-rgb(#0F0541);
-  --bgInfoDefaultHover: #9C97B9;
-  --bgInfoDefaultHover-rgb: hex-to-rgb(#9C97B9);
-  --bgInfoDefaultPressed: #665E91;
-  --bgInfoDefaultPressed-rgb: hex-to-rgb(#665E91);
-  --bgInfoBold: #554C85;
-  --bgInfoBold-rgb: hex-to-rgb(#554C85);
-  --bgInfoBoldHover: #140757;
-  --bgInfoBoldHover-rgb: hex-to-rgb(#140757);
-  --bgInfoBoldPressed: ;
-  --bgInfoBoldPressed-rgb: hex-to-rgb();
+  --bgInfoDefault: #1C2841;
+  --bgInfoDefault-rgb: hex-to-rgb(#1C2841);
+  --bgInfoDefaultHover: #1C2841;
+  --bgInfoDefaultHover-rgb: hex-to-rgb(#1C2841);
+  --bgInfoDefaultPressed: #1C2841;
+  --bgInfoDefaultPressed-rgb: hex-to-rgb(#1C2841);
+  --bgInfoBold: #3877FF;
+  --bgInfoBold-rgb: hex-to-rgb(#3877FF);
+  --bgInfoBoldHover: #003DBF;
+  --bgInfoBoldHover-rgb: hex-to-rgb(#003DBF);
+  --bgInfoBoldPressed: #082666;
+  --bgInfoBoldPressed-rgb: hex-to-rgb(#082666);
   --bgErrorDefault: #42221F;
   --bgErrorDefault-rgb: hex-to-rgb(#42221F);
   --bgErrorDefaultHover: #FFD6D2;
@@ -616,43 +620,43 @@ body.dark {
   --bgSuccessBoldHover-rgb: hex-to-rgb(#19803B);
   --bgSuccessBoldPressed: #216E3A;
   --bgSuccessBoldPressed-rgb: hex-to-rgb(#216E3A);
-  --bgDisabledDefault: #32363E;
-  --bgDisabledDefault-rgb: hex-to-rgb(#32363E);
-  --surfaceDefault: #0A0B0D;
-  --surfaceDefault-rgb: hex-to-rgb(#0A0B0D);
-  --surfaceSunken: #000000;
-  --surfaceSunken-rgb: hex-to-rgb(#000000);
-  --surfaceRisen: #17181C;
-  --surfaceRisen-rgb: hex-to-rgb(#17181C);
+  --bgDisabledDefault: #27292E;
+  --bgDisabledDefault-rgb: hex-to-rgb(#27292E);
+  --surfaceDefault: #17181C;
+  --surfaceDefault-rgb: hex-to-rgb(#17181C);
+  --surfaceSunken: #101114;
+  --surfaceSunken-rgb: hex-to-rgb(#101114);
+  --surfaceRisen: #1D1F24;
+  --surfaceRisen-rgb: hex-to-rgb(#1D1F24);
   --surfaceOverlay: #17181C;
   --surfaceOverlay-rgb: hex-to-rgb(#17181C);
-  --borderNeutralDefault: #32363E;
-  --borderNeutralDefault-rgb: hex-to-rgb(#32363E);
-  --borderNeutralSubtle: #212329;
-  --borderNeutralSubtle-rgb: hex-to-rgb(#212329);
-  --borderNeutralSubtlest: #17181C;
-  --borderNeutralSubtlest-rgb: hex-to-rgb(#17181C);
-  --borderBrandDefault: #403677;
-  --borderBrandDefault-rgb: hex-to-rgb(#403677);
+  --borderNeutralDefault: #35373D;
+  --borderNeutralDefault-rgb: hex-to-rgb(#35373D);
+  --borderNeutralSubtle: #27292E;
+  --borderNeutralSubtle-rgb: hex-to-rgb(#27292E);
+  --borderNeutralSubtlest: #1D1F24;
+  --borderNeutralSubtlest-rgb: hex-to-rgb(#1D1F24);
+  --borderBrandDefault: #D3B986;
+  --borderBrandDefault-rgb: hex-to-rgb(#D3B986);
   --borderPromoDefault: #A58B4B;
   --borderPromoDefault-rgb: hex-to-rgb(#A58B4B);
-  --borderInfoDefault: #403677;
-  --borderInfoDefault-rgb: hex-to-rgb(#403677);
+  --borderInfoDefault: #1C65FD;
+  --borderInfoDefault-rgb: hex-to-rgb(#1C65FD);
   --borderErrorDefault: #E24B3D;
   --borderErrorDefault-rgb: hex-to-rgb(#E24B3D);
   --borderWarningDefault: #B58200;
   --borderWarningDefault-rgb: hex-to-rgb(#B58200);
   --borderSuccessDefault: #1F9947;
   --borderSuccessDefault-rgb: hex-to-rgb(#1F9947);
-  --borderDisabledDefault: #ffffff;
-  --borderDisabledDefault-rgb: hex-to-rgb(#ffffff);
-  --gradientBlueRed: linear-gradient(45deg, #140757 0%, #ed1c24 100%);
-  --gradientBlueRedDark: linear-gradient(21.98deg, #E83463 14.38%, #133A84 85.57%);
+  --borderDisabledDefault: #35373D;
+  --borderDisabledDefault-rgb: hex-to-rgb(#35373D);
+  --gradientBlueRed: linear-gradient(45deg, #120853 0%, #6F1C3F 100%);
+  --gradientBlueRedDark: linear-gradient(21.98deg, #120853 14.38%, #6f1c3f 85.57%);
   --gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
   --gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
   --gradientGoldActive: linear-gradient(45deg, #b7953e 0%, #62532d 100%);
   --gradientFresh: linear-gradient(314deg, #E930B5 6.72%, #2353FF 107%);
-  --gradientMenu: linear-gradient(183deg, #E83463 10%, #9C1981 40%, #133A84 80%);
+  --gradientMenu: linear-gradient(183deg, #6F1C3F 10%, #481347 40%, #120853 80%);
   --gradientPromo: linear-gradient(100deg, #A58B4B 0%, #CFB572 100%);
   --gradientPromoHover: #85703D;
   --gradientPromoHover-rgb: hex-to-rgb(#85703D);
@@ -728,6 +732,8 @@ body.dark {
     --fgInverseDefault-rgb: hex-to-rgb(#ffffff);
     --fgDisabledDefault: #A0A5B1;
     --fgDisabledDefault-rgb: hex-to-rgb(#A0A5B1);
+    --fgWhiteDefault: #ffffff;
+    --fgWhiteDefault-rgb: hex-to-rgb(#ffffff);
     --bgNeutralDefault: #E8EAED;
     --bgNeutralDefault-rgb: hex-to-rgb(#E8EAED);
     --bgNeutralDefaultHover: #D5D7DD;
@@ -842,7 +848,7 @@ body.dark {
     --borderSuccessDefault-rgb: hex-to-rgb(#1F9947);
     --borderDisabledDefault: #E8EAED;
     --borderDisabledDefault-rgb: hex-to-rgb(#E8EAED);
-    --gradientBlueRed: linear-gradient(45deg, #140757 0%, #ed1c24 100%);
+    --gradientBlueRed: linear-gradient(45deg, #120853 0%, #6F1C3F 100%);
     --gradientBlueRedDark: linear-gradient(21.98deg, #120853 14.38%, #6f1c3f 85.57%);
     --gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
     --gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
@@ -893,82 +899,84 @@ body.dark {
   }
   /* Override dark mode with light mode styles if the user decides to swap */
   body.light {
-    --fgNeutralDefault: #ffffff;
-    --fgNeutralDefault-rgb: hex-to-rgb(#ffffff);
-    --fgNeutralSubtle: #D5D7DD;
-    --fgNeutralSubtle-rgb: hex-to-rgb(#D5D7DD);
-    --fgNeutralSubtlest: #7D8594;
-    --fgNeutralSubtlest-rgb: hex-to-rgb(#7D8594);
-    --fgBrandDefault: #665E91;
-    --fgBrandDefault-rgb: hex-to-rgb(#665E91);
+    --fgNeutralDefault: #F3F4F5;
+    --fgNeutralDefault-rgb: hex-to-rgb(#F3F4F5);
+    --fgNeutralSubtle: #878D99;
+    --fgNeutralSubtle-rgb: hex-to-rgb(#878D99);
+    --fgNeutralSubtlest: #606773;
+    --fgNeutralSubtlest-rgb: hex-to-rgb(#606773);
+    --fgBrandDefault: #E2CA99;
+    --fgBrandDefault-rgb: hex-to-rgb(#E2CA99);
     --fgPromoDefault: #A58B4B;
     --fgPromoDefault-rgb: hex-to-rgb(#A58B4B);
-    --fgLinkDefault: #665E91;
-    --fgLinkDefault-rgb: hex-to-rgb(#665E91);
-    --fgLinkDefaultHover: #554C85;
-    --fgLinkDefaultHover-rgb: hex-to-rgb(#554C85);
-    --fgLinkDefaultPressed: ;
-    --fgLinkDefaultPressed-rgb: hex-to-rgb();
-    --fgInfoDefault: #665E91;
-    --fgInfoDefault-rgb: hex-to-rgb(#665E91);
+    --fgLinkDefault: #E2CA99;
+    --fgLinkDefault-rgb: hex-to-rgb(#E2CA99);
+    --fgLinkDefaultHover: #F0D9AB;
+    --fgLinkDefaultHover-rgb: hex-to-rgb(#F0D9AB);
+    --fgLinkDefaultPressed: #FFE9BE;
+    --fgLinkDefaultPressed-rgb: hex-to-rgb(#FFE9BE);
+    --fgInfoDefault: #578CFF;
+    --fgInfoDefault-rgb: hex-to-rgb(#578CFF);
     --fgErrorDefault: #F87468;
     --fgErrorDefault-rgb: hex-to-rgb(#F87468);
     --fgWarningDefault: #E2B203;
     --fgWarningDefault-rgb: hex-to-rgb(#E2B203);
     --fgSuccessDefault: #4DD47A;
     --fgSuccessDefault-rgb: hex-to-rgb(#4DD47A);
-    --fgInverseDefault: #ffffff;
-    --fgInverseDefault-rgb: hex-to-rgb(#ffffff);
+    --fgInverseDefault: #17181C;
+    --fgInverseDefault-rgb: hex-to-rgb(#17181C);
     --fgDisabledDefault: #32363E;
     --fgDisabledDefault-rgb: hex-to-rgb(#32363E);
-    --bgNeutralDefault: #17181C;
-    --bgNeutralDefault-rgb: hex-to-rgb(#17181C);
-    --bgNeutralDefaultHover: #32363E;
-    --bgNeutralDefaultHover-rgb: hex-to-rgb(#32363E);
-    --bgNeutralDefaultActive: #606876;
-    --bgNeutralDefaultActive-rgb: hex-to-rgb(#606876);
-    --bgNeutralSubtle: #0A0B0D;
-    --bgNeutralSubtle-rgb: hex-to-rgb(#0A0B0D);
-    --bgNeutralSubtleHover: #E8EAED;
-    --bgNeutralSubtleHover-rgb: hex-to-rgb(#E8EAED);
-    --bgNeutralSubtleActive: #D5D7DD;
-    --bgNeutralSubtleActive-rgb: hex-to-rgb(#D5D7DD);
-    --bgNeutralSubtlest: #17181C;
-    --bgNeutralSubtlest-rgb: hex-to-rgb(#17181C);
-    --bgNeutralSubtlestHover: #212329;
-    --bgNeutralSubtlestHover-rgb: hex-to-rgb(#212329);
-    --bgNeutralSubtlestActive: #32363E;
-    --bgNeutralSubtlestActive-rgb: hex-to-rgb(#32363E);
-    --bgBrandDefault: #1C2841;
-    --bgBrandDefault-rgb: hex-to-rgb(#1C2841);
-    --bgBrandDefaultHover: #85ACFF;
-    --bgBrandDefaultHover-rgb: hex-to-rgb(#85ACFF);
-    --bgBrandDefaultPressed: #578CFF;
-    --bgBrandDefaultPressed-rgb: hex-to-rgb(#578CFF);
-    --bgBrandBold: #1C65FD;
-    --bgBrandBold-rgb: hex-to-rgb(#1C65FD);
-    --bgBrandBoldHover: #003DBF;
-    --bgBrandBoldHover-rgb: hex-to-rgb(#003DBF);
-    --bgBrandBoldPressed: #1C2841;
-    --bgBrandBoldPressed-rgb: hex-to-rgb(#1C2841);
+    --fgWhiteDefault: #ffffff;
+    --fgWhiteDefault-rgb: hex-to-rgb(#ffffff);
+    --bgNeutralDefault: #101114;
+    --bgNeutralDefault-rgb: hex-to-rgb(#101114);
+    --bgNeutralDefaultHover: #17181C;
+    --bgNeutralDefaultHover-rgb: hex-to-rgb(#17181C);
+    --bgNeutralDefaultActive: #1D1F24;
+    --bgNeutralDefaultActive-rgb: hex-to-rgb(#1D1F24);
+    --bgNeutralSubtle: #17181C;
+    --bgNeutralSubtle-rgb: hex-to-rgb(#17181C);
+    --bgNeutralSubtleHover: #1D1F24;
+    --bgNeutralSubtleHover-rgb: hex-to-rgb(#1D1F24);
+    --bgNeutralSubtleActive: #27292E;
+    --bgNeutralSubtleActive-rgb: hex-to-rgb(#27292E);
+    --bgNeutralSubtlest: #1D1F24;
+    --bgNeutralSubtlest-rgb: hex-to-rgb(#1D1F24);
+    --bgNeutralSubtlestHover: #27292E;
+    --bgNeutralSubtlestHover-rgb: hex-to-rgb(#27292E);
+    --bgNeutralSubtlestActive: #35373D;
+    --bgNeutralSubtlestActive-rgb: hex-to-rgb(#35373D);
+    --bgBrandDefault: #524326;
+    --bgBrandDefault-rgb: hex-to-rgb(#524326);
+    --bgBrandDefaultHover: #B79A61;
+    --bgBrandDefaultHover-rgb: hex-to-rgb(#B79A61);
+    --bgBrandDefaultPressed: #B79A61;
+    --bgBrandDefaultPressed-rgb: hex-to-rgb(#B79A61);
+    --bgBrandBold: #E2CA99;
+    --bgBrandBold-rgb: hex-to-rgb(#E2CA99);
+    --bgBrandBoldHover: #F0D9AB;
+    --bgBrandBoldHover-rgb: hex-to-rgb(#F0D9AB);
+    --bgBrandBoldPressed: #FFE9BE;
+    --bgBrandBoldPressed-rgb: hex-to-rgb(#FFE9BE);
     --bgPromoBold: #A58B4B;
     --bgPromoBold-rgb: hex-to-rgb(#A58B4B);
     --bgPromoBoldHover: #85703D;
     --bgPromoBoldHover-rgb: hex-to-rgb(#85703D);
     --bgPromoBoldPressed: #62532D;
     --bgPromoBoldPressed-rgb: hex-to-rgb(#62532D);
-    --bgInfoDefault: #0F0541;
-    --bgInfoDefault-rgb: hex-to-rgb(#0F0541);
-    --bgInfoDefaultHover: #9C97B9;
-    --bgInfoDefaultHover-rgb: hex-to-rgb(#9C97B9);
-    --bgInfoDefaultPressed: #665E91;
-    --bgInfoDefaultPressed-rgb: hex-to-rgb(#665E91);
-    --bgInfoBold: #554C85;
-    --bgInfoBold-rgb: hex-to-rgb(#554C85);
-    --bgInfoBoldHover: #140757;
-    --bgInfoBoldHover-rgb: hex-to-rgb(#140757);
-    --bgInfoBoldPressed: ;
-    --bgInfoBoldPressed-rgb: hex-to-rgb();
+    --bgInfoDefault: #1C2841;
+    --bgInfoDefault-rgb: hex-to-rgb(#1C2841);
+    --bgInfoDefaultHover: #1C2841;
+    --bgInfoDefaultHover-rgb: hex-to-rgb(#1C2841);
+    --bgInfoDefaultPressed: #1C2841;
+    --bgInfoDefaultPressed-rgb: hex-to-rgb(#1C2841);
+    --bgInfoBold: #3877FF;
+    --bgInfoBold-rgb: hex-to-rgb(#3877FF);
+    --bgInfoBoldHover: #003DBF;
+    --bgInfoBoldHover-rgb: hex-to-rgb(#003DBF);
+    --bgInfoBoldPressed: #082666;
+    --bgInfoBoldPressed-rgb: hex-to-rgb(#082666);
     --bgErrorDefault: #42221F;
     --bgErrorDefault-rgb: hex-to-rgb(#42221F);
     --bgErrorDefaultHover: #FFD6D2;
@@ -1005,43 +1013,43 @@ body.dark {
     --bgSuccessBoldHover-rgb: hex-to-rgb(#19803B);
     --bgSuccessBoldPressed: #216E3A;
     --bgSuccessBoldPressed-rgb: hex-to-rgb(#216E3A);
-    --bgDisabledDefault: #32363E;
-    --bgDisabledDefault-rgb: hex-to-rgb(#32363E);
-    --surfaceDefault: #0A0B0D;
-    --surfaceDefault-rgb: hex-to-rgb(#0A0B0D);
-    --surfaceSunken: #000000;
-    --surfaceSunken-rgb: hex-to-rgb(#000000);
-    --surfaceRisen: #17181C;
-    --surfaceRisen-rgb: hex-to-rgb(#17181C);
+    --bgDisabledDefault: #27292E;
+    --bgDisabledDefault-rgb: hex-to-rgb(#27292E);
+    --surfaceDefault: #17181C;
+    --surfaceDefault-rgb: hex-to-rgb(#17181C);
+    --surfaceSunken: #101114;
+    --surfaceSunken-rgb: hex-to-rgb(#101114);
+    --surfaceRisen: #1D1F24;
+    --surfaceRisen-rgb: hex-to-rgb(#1D1F24);
     --surfaceOverlay: #17181C;
     --surfaceOverlay-rgb: hex-to-rgb(#17181C);
-    --borderNeutralDefault: #32363E;
-    --borderNeutralDefault-rgb: hex-to-rgb(#32363E);
-    --borderNeutralSubtle: #212329;
-    --borderNeutralSubtle-rgb: hex-to-rgb(#212329);
-    --borderNeutralSubtlest: #17181C;
-    --borderNeutralSubtlest-rgb: hex-to-rgb(#17181C);
-    --borderBrandDefault: #403677;
-    --borderBrandDefault-rgb: hex-to-rgb(#403677);
+    --borderNeutralDefault: #35373D;
+    --borderNeutralDefault-rgb: hex-to-rgb(#35373D);
+    --borderNeutralSubtle: #27292E;
+    --borderNeutralSubtle-rgb: hex-to-rgb(#27292E);
+    --borderNeutralSubtlest: #1D1F24;
+    --borderNeutralSubtlest-rgb: hex-to-rgb(#1D1F24);
+    --borderBrandDefault: #D3B986;
+    --borderBrandDefault-rgb: hex-to-rgb(#D3B986);
     --borderPromoDefault: #A58B4B;
     --borderPromoDefault-rgb: hex-to-rgb(#A58B4B);
-    --borderInfoDefault: #403677;
-    --borderInfoDefault-rgb: hex-to-rgb(#403677);
+    --borderInfoDefault: #1C65FD;
+    --borderInfoDefault-rgb: hex-to-rgb(#1C65FD);
     --borderErrorDefault: #E24B3D;
     --borderErrorDefault-rgb: hex-to-rgb(#E24B3D);
     --borderWarningDefault: #B58200;
     --borderWarningDefault-rgb: hex-to-rgb(#B58200);
     --borderSuccessDefault: #1F9947;
     --borderSuccessDefault-rgb: hex-to-rgb(#1F9947);
-    --borderDisabledDefault: #ffffff;
-    --borderDisabledDefault-rgb: hex-to-rgb(#ffffff);
-    --gradientBlueRed: linear-gradient(45deg, #140757 0%, #ed1c24 100%);
-    --gradientBlueRedDark: linear-gradient(21.98deg, #E83463 14.38%, #133A84 85.57%);
+    --borderDisabledDefault: #35373D;
+    --borderDisabledDefault-rgb: hex-to-rgb(#35373D);
+    --gradientBlueRed: linear-gradient(45deg, #120853 0%, #6F1C3F 100%);
+    --gradientBlueRedDark: linear-gradient(21.98deg, #120853 14.38%, #6f1c3f 85.57%);
     --gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
     --gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
     --gradientGoldActive: linear-gradient(45deg, #b7953e 0%, #62532d 100%);
     --gradientFresh: linear-gradient(314deg, #E930B5 6.72%, #2353FF 107%);
-    --gradientMenu: linear-gradient(183deg, #E83463 10%, #9C1981 40%, #133A84 80%);
+    --gradientMenu: linear-gradient(183deg, #6F1C3F 10%, #481347 40%, #120853 80%);
     --gradientPromo: linear-gradient(100deg, #A58B4B 0%, #CFB572 100%);
     --gradientPromoHover: #85703D;
     --gradientPromoHover-rgb: hex-to-rgb(#85703D);
@@ -1644,13 +1652,13 @@ body {
   --paddingItemMainMenu: 0 var(--spaceSmall);
   --paddingItemButtonMainMenu: 0 var(--spaceSmall);
   --paddingItemFirstButtonMainMenu: var(--spaceXLarge) var(--spaceSmall) var(--spaceXSmall);
-  --colorLinkMainMenu: var(--fgInverseDefault);
-  --colorLinkHoverMainMenu: var(--fgInverseDefault);
+  --colorLinkMainMenu: var(--fgWhiteDefault);
+  --colorLinkHoverMainMenu: var(--fgWhiteDefault);
   --backgroundLinkHoverMainMenu: rgba(0, 0, 0, 0.25);
   --backgroundLinkSelectedMainMenu: rgba(0, 0, 0, 0.25);
-  --colorLinkSelectedMainMenu: var(--fgInverseDefault);
+  --colorLinkSelectedMainMenu: var(--fgWhiteDefault);
   --paddingLinkMainMenu: var(--spaceXSmall) var(--spaceSmall);
-  --colorIconLinkMainMenu: var(--fgInverseDefault);
+  --colorIconLinkMainMenu: var(--fgWhiteDefault);
   --widthMainMenu: 240px;
   --backgroundSecondaryMenu: var(--surfaceSunken);
   --marginTopItemSecondaryMenu: var(--spaceXSmall);
@@ -4065,6 +4073,9 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   color: var(--fgLinkDefaultPressed);
   text-decoration: underline;
 }
+.c-btn--transparent.c-btn--onlyIcon--no-hover:hover {
+  background-color: unset !important;
+}
 .c-btn--transparent.c-btn--onlyIcon:hover {
   background-color: var(--backgroundHoverOnlyIconBtn);
 }
@@ -6198,7 +6209,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 .c-userAuth .c-alert__text, .c-userAuth--waiting .c-alert__title {
   color: var(--colorUserAuth);
 }
-.c-userAuth .c-link, .c-userAuth .c-link:hover {
+.c-userAuth .c-link:not(.c-link--disabled), .c-userAuth .c-link:not(.c-link--disabled):hover {
   color: var(--colorUserAuthLink);
 }
 
@@ -6650,169 +6661,110 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 }
 .custom-datepicker .react-datepicker__triangle {
   display: none;
-  stroke: unset !important;
-  margin-top: 1px;
-  fill: var(--fgInverseDefault) !important;
-  color: var(--fgInverseDefault) !important;
 }
-.custom-datepicker .react-datepicker-year-header {
+.custom-datepicker .react-datepicker-header {
   background: var(--bgBrandDefaultHover);
-  padding-top: 0.5rem !important;
-  padding-bottom: 0.5rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
   align-items: center;
   color: var(--bgBrandBold) !important;
   border-radius: 0 !important;
   border-bottom: 0 !important;
+  font-weight: var(--fontWeightSemiBold);
+}
+.custom-datepicker .react-datepicker-header button {
+  text-transform: capitalize;
 }
 .custom-datepicker .react-datepicker__header {
-  padding-top: 0;
+  padding: 0;
   border-bottom: none;
 }
-.custom-datepicker .react-datepicker__header__dropdown {
-  background: var(--bgBrandDefaultHover);
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  align-items: center;
-  color: var(--bgBrandBold) !important;
-}
-.custom-datepicker .react-datepicker__month-option, .custom-datepicker .react-datepicker__year-option {
-  border-top-left-radius: 0 !important;
-  border-top-right-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  line-height: 26px;
-  height: 26px;
-  user-select: none;
-  color: var(--bgBrandBold);
-}
-.custom-datepicker .react-datepicker__month-option:hover, .custom-datepicker .react-datepicker__month-option:focus, .custom-datepicker .react-datepicker__year-option:hover, .custom-datepicker .react-datepicker__year-option:focus {
-  background: none;
-  cursor: pointer;
-  outline: 0;
-  font-weight: 600;
-}
-.custom-datepicker .react-datepicker__month-option--selected_month, .custom-datepicker .react-datepicker__month-option--selected_year, .custom-datepicker .react-datepicker__month-option--selected_month:hover, .custom-datepicker .react-datepicker__month-option--selected_year:hover, .custom-datepicker .react-datepicker__year-option--selected_month, .custom-datepicker .react-datepicker__year-option--selected_year, .custom-datepicker .react-datepicker__year-option--selected_month:hover, .custom-datepicker .react-datepicker__year-option--selected_year:hover {
-  background: var(--bgBrandBold);
-  color: var(--fgInverseDefault);
-  font-weight: 500;
-}
-.custom-datepicker .react-datepicker__month-option--selected, .custom-datepicker .react-datepicker__year-option--selected {
-  display: none;
-}
-.custom-datepicker .react-datepicker__navigation {
-  top: 7px !important;
-}
-.custom-datepicker .react-datepicker__navigation .react-datepicker__navigation-icon::before {
-  border-color: var(--bgBrandBold);
-}
-.custom-datepicker .react-datepicker__navigation--years-upcoming, .custom-datepicker .react-datepicker__navigation--years-previous {
-  display: flex;
-  justify-content: center;
-  border-radius: 0 !important;
-  height: 100%;
-  top: 0 !important;
-  align-items: center;
-}
-.custom-datepicker .react-datepicker__navigation--years-upcoming::after {
-  content: "";
-  border-style: solid;
-  border-width: 3px 3px 0 0;
-  display: block;
-  position: absolute;
-  top: 11px;
-  height: 9px;
-  width: 9px;
-  transform: rotate(315deg);
-}
-.custom-datepicker .react-datepicker__navigation--years-previous::after {
-  content: "";
-  border-style: solid;
-  border-width: 3px 3px 0 0;
-  display: block;
-  position: absolute;
-  top: 6px;
-  height: 9px;
-  width: 9px;
-  transform: rotate(135deg);
-}
 .custom-datepicker .react-datepicker__day-names {
   background: var(--bgBrandBold);
+  margin-bottom: 8px;
 }
 .custom-datepicker .react-datepicker__day-names > * {
   color: var(--fgInverseDefault) !important;
 }
-.custom-datepicker .react-datepicker__month-text, .custom-datepicker .react-datepicker__day {
+.custom-datepicker .react-datepicker__month-text, .custom-datepicker .react-datepicker__year-text, .custom-datepicker .react-datepicker__day {
   width: 2.25rem;
   height: 2.25rem;
   line-height: 2.25rem;
   margin: 0.025rem;
   color: var(--bgBrandBold);
 }
-.custom-datepicker .react-datepicker__month-text--outside-month, .custom-datepicker .react-datepicker__month-text--disabled, .custom-datepicker .react-datepicker__day--outside-month, .custom-datepicker .react-datepicker__day--disabled {
+.custom-datepicker .react-datepicker__month-text--outside-month, .custom-datepicker .react-datepicker__month-text--disabled, .custom-datepicker .react-datepicker__year-text--outside-month, .custom-datepicker .react-datepicker__year-text--disabled, .custom-datepicker .react-datepicker__day--outside-month, .custom-datepicker .react-datepicker__day--disabled {
   color: var(--fgDisabledDefault);
 }
-.custom-datepicker .react-datepicker__month-text:hover, .custom-datepicker .react-datepicker__month-text:focus, .custom-datepicker .react-datepicker__day:hover, .custom-datepicker .react-datepicker__day:focus {
+.custom-datepicker .react-datepicker__month-text:hover, .custom-datepicker .react-datepicker__month-text:focus, .custom-datepicker .react-datepicker__year-text:hover, .custom-datepicker .react-datepicker__year-text:focus, .custom-datepicker .react-datepicker__day:hover, .custom-datepicker .react-datepicker__day:focus {
   background: var(--bgBrandDefaultHover);
   border-color: var(--borderNeutralDefault);
   color: var(--bgBrandBold);
   cursor: pointer;
   outline: 0;
 }
-.custom-datepicker .react-datepicker__month-text--disabled:hover, .custom-datepicker .react-datepicker__month-text--disabled:focus, .custom-datepicker .react-datepicker__day--disabled:hover, .custom-datepicker .react-datepicker__day--disabled:focus {
+.custom-datepicker .react-datepicker__month-text--disabled:hover, .custom-datepicker .react-datepicker__month-text--disabled:focus, .custom-datepicker .react-datepicker__year-text--disabled:hover, .custom-datepicker .react-datepicker__year-text--disabled:focus, .custom-datepicker .react-datepicker__day--disabled:hover, .custom-datepicker .react-datepicker__day--disabled:focus {
   background: unset !important;
   cursor: default !important;
   color: var(--fgDisabledDefault) !important;
   outline: unset !important;
   border-color: unset !important;
 }
-.custom-datepicker .react-datepicker__month-text--selected, .custom-datepicker .react-datepicker__month-text--today, .custom-datepicker .react-datepicker__month-text--keyboard-selected, .custom-datepicker .react-datepicker__month-text:hover, .custom-datepicker .react-datepicker__month-text:focus, .custom-datepicker .react-datepicker__day--selected, .custom-datepicker .react-datepicker__day--today, .custom-datepicker .react-datepicker__day--keyboard-selected, .custom-datepicker .react-datepicker__day:hover, .custom-datepicker .react-datepicker__day:focus {
+.custom-datepicker .react-datepicker__month-text--selected, .custom-datepicker .react-datepicker__month-text--keyboard-selected, .custom-datepicker .react-datepicker__month-text:hover, .custom-datepicker .react-datepicker__month-text:focus, .custom-datepicker .react-datepicker__year-text--selected, .custom-datepicker .react-datepicker__year-text--keyboard-selected, .custom-datepicker .react-datepicker__year-text:hover, .custom-datepicker .react-datepicker__year-text:focus, .custom-datepicker .react-datepicker__day--selected, .custom-datepicker .react-datepicker__day--keyboard-selected, .custom-datepicker .react-datepicker__day:hover, .custom-datepicker .react-datepicker__day:focus {
   border-radius: 50% !important;
 }
-.custom-datepicker .react-datepicker__month-text--selected, .custom-datepicker .react-datepicker__day--selected {
+.custom-datepicker .react-datepicker__month-text--keyboard-selected, .custom-datepicker .react-datepicker__year-text--keyboard-selected, .custom-datepicker .react-datepicker__day--keyboard-selected {
+  background-color: unset;
+}
+.custom-datepicker .react-datepicker__month-text--selected, .custom-datepicker .react-datepicker__year-text--selected, .custom-datepicker .react-datepicker__day--selected {
   background: var(--bgBrandBold);
   border-color: var(--borderBrandDefault);
   color: var(--fgInverseDefault);
 }
-.custom-datepicker .react-datepicker__month-text--today, .custom-datepicker .react-datepicker__day--today {
+.custom-datepicker .react-datepicker__month-text--today, .custom-datepicker .react-datepicker__year-text--today, .custom-datepicker .react-datepicker__day--today {
+  font-weight: normal;
+}
+.custom-datepicker .react-datepicker__month-text--today:not(.react-datepicker__month-text--disabled,
+.react-datepicker__year-text--disabled,
+.react-datepicker__day--disabled), .custom-datepicker .react-datepicker__year-text--today:not(.react-datepicker__month-text--disabled,
+.react-datepicker__year-text--disabled,
+.react-datepicker__day--disabled), .custom-datepicker .react-datepicker__day--today:not(.react-datepicker__month-text--disabled,
+.react-datepicker__year-text--disabled,
+.react-datepicker__day--disabled) {
   background: var(--bgNeutralDefault);
   border-color: var(--borderNeutralDefault);
   color: var(--fgBrandDefault);
-  font-weight: normal;
 }
-.custom-datepicker .react-datepicker__month-text--today:hover, .custom-datepicker .react-datepicker__month-text--today:focus, .custom-datepicker .react-datepicker__day--today:hover, .custom-datepicker .react-datepicker__day--today:focus {
+.custom-datepicker .react-datepicker__month-text--today:not(.react-datepicker__month-text--disabled,
+.react-datepicker__year-text--disabled,
+.react-datepicker__day--disabled):hover, .custom-datepicker .react-datepicker__month-text--today:not(.react-datepicker__month-text--disabled,
+.react-datepicker__year-text--disabled,
+.react-datepicker__day--disabled):focus, .custom-datepicker .react-datepicker__year-text--today:not(.react-datepicker__month-text--disabled,
+.react-datepicker__year-text--disabled,
+.react-datepicker__day--disabled):hover, .custom-datepicker .react-datepicker__year-text--today:not(.react-datepicker__month-text--disabled,
+.react-datepicker__year-text--disabled,
+.react-datepicker__day--disabled):focus, .custom-datepicker .react-datepicker__day--today:not(.react-datepicker__month-text--disabled,
+.react-datepicker__year-text--disabled,
+.react-datepicker__day--disabled):hover, .custom-datepicker .react-datepicker__day--today:not(.react-datepicker__month-text--disabled,
+.react-datepicker__year-text--disabled,
+.react-datepicker__day--disabled):focus {
   background: var(--bgBrandDefaultHover);
   border-color: var(--borderNeutralDefault);
 }
-.custom-datepicker .react-datepicker__month-text {
+.custom-datepicker .react-datepicker__year-text, .custom-datepicker .react-datepicker__month-text {
   text-transform: capitalize;
   border-radius: 20px !important;
   width: 5.25rem !important;
 }
-.custom-datepicker .react-datepicker__month-text--selected, .custom-datepicker .react-datepicker__month-text--today, .custom-datepicker .react-datepicker__month-text--keyboard-selected, .custom-datepicker .react-datepicker__month-text:hover, .custom-datepicker .react-datepicker__month-text:focus {
+.custom-datepicker .react-datepicker__year-text--selected, .custom-datepicker .react-datepicker__year-text--today, .custom-datepicker .react-datepicker__year-text--keyboard-selected, .custom-datepicker .react-datepicker__year-text:hover, .custom-datepicker .react-datepicker__year-text:focus, .custom-datepicker .react-datepicker__month-text--selected, .custom-datepicker .react-datepicker__month-text--today, .custom-datepicker .react-datepicker__month-text--keyboard-selected, .custom-datepicker .react-datepicker__month-text:hover, .custom-datepicker .react-datepicker__month-text:focus {
   border-radius: 20px !important;
 }
-.custom-datepicker .react-datepicker__month-dropdown, .custom-datepicker .react-datepicker__year-dropdown {
-  border-radius: var(--borderRadiusControl2);
-  border: var(--borderControl2);
-  box-shadow: none;
-  background: var(--fgInverseDefault) !important;
-  color: var(--fgNeutralDefault) !important;
-}
-.custom-datepicker .react-datepicker__month-read-view, .custom-datepicker .react-datepicker__year-read-view, .custom-datepicker .react-datepicker__month-option {
-  visibility: visible !important;
-  text-transform: capitalize;
+.custom-datepicker .react-datepicker__year-wrapper {
+  max-width: 15.75rem;
+  justify-content: center;
 }
-.custom-datepicker .react-datepicker__month-read-view--down-arrow, .custom-datepicker .react-datepicker__month-read-view--down-arrow:hover, .custom-datepicker .react-datepicker__year-read-view--down-arrow, .custom-datepicker .react-datepicker__year-read-view--down-arrow:hover {
-  top: 7px !important;
-  border-top-color: unset !important;
-  border-color: unset !important;
-  border-style: solid;
-  border-width: 1px 1px 0 0;
-  content: "";
-  display: block;
-  height: 6px;
-  position: absolute;
-  width: 6px;
+.custom-datepicker .react-datepicker__year-text {
+  flex-basis: calc(33.3333333333% - 4px);
 }
 
 .f-fileUpload {
@@ -8313,6 +8265,9 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 .u-fg--fgDisabledDefault {
   color: var(--fgDisabledDefault);
 }
+.u-fg--fgWhiteDefault {
+  color: var(--fgWhiteDefault);
+}
 
 @media (prefers-color-scheme: dark) {
   .u-bg--bgNeutralDefault {
@@ -8561,6 +8516,9 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   .u-fg--fgDisabledDefault {
     color: var(--fgDisabledDefault);
   }
+  .u-fg--fgWhiteDefault {
+    color: var(--fgWhiteDefault);
+  }
 }
 body.dark .u-bg--bgNeutralDefault {
   background: var(--bgNeutralDefault);
@@ -8808,6 +8766,9 @@ body.dark .u-fg--fgInverseDefault {
 body.dark .u-fg--fgDisabledDefault {
   color: var(--fgDisabledDefault);
 }
+body.dark .u-fg--fgWhiteDefault {
+  color: var(--fgWhiteDefault);
+}
 
 /****/
 .u-colorBrand {
@@ -9427,7 +9388,7 @@ body.dark .u-fg--fgDisabledDefault {
 /* Slider */
 .slick-loading .slick-list
 {
-    background: #fff url('assets/61c326acad26d9e05db8.gif') center center no-repeat;
+    background: #fff url('assets/d247b4b377fd63cd28ce.gif') center center no-repeat;
 }
 
 /* Icons */
@@ -9437,8 +9398,8 @@ body.dark .u-fg--fgDisabledDefault {
     font-weight: normal;
     font-style: normal;
 
-    src: url('assets/c041168db23c7eadf680.eot');
-    src: url('assets/72ad41d46dcf19a62646.eot') format('embedded-opentype'), url('assets/2f7454dd4499413fff7f.woff') format('woff'), url('assets/26b9b1c57115ef2fc36a.ttf') format('truetype'), url('assets/fd901f0b7f4a34f76f3d.svg') format('svg');
+    src: url('assets/3205bd213c49ac35873f.eot');
+    src: url('assets/cb93e4ca463b8a941b9f.eot') format('embedded-opentype'), url('assets/e318390d360f9fab31c1.woff') format('woff'), url('assets/0671df7baf005b2f1033.ttf') format('truetype'), url('assets/d675328ab5c6fe0e473f.svg') format('svg');
 }
 /* Arrows */
 .slick-prev,