@mmb-digital/ds-lilly 1.0.0-aplha.51 → 1.0.1

package/ds-lilly.css

@@ -338,22 +338,24 @@ 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;
-  --bgNeutralDefaultHover-rgb: hex-to-rgb(#D5D7DD);
+  --bgNeutralDefaultHover: #DFE1E5;
+  --bgNeutralDefaultHover-rgb: hex-to-rgb(#DFE1E5);
   --bgNeutralDefaultActive: #A0A5B1;
   --bgNeutralDefaultActive-rgb: hex-to-rgb(#A0A5B1);
   --bgNeutralSubtle: #F3F4F5;
   --bgNeutralSubtle-rgb: hex-to-rgb(#F3F4F5);
-  --bgNeutralSubtleHover: #E8EAED;
-  --bgNeutralSubtleHover-rgb: hex-to-rgb(#E8EAED);
+  --bgNeutralSubtleHover: #F0F1F2;
+  --bgNeutralSubtleHover-rgb: hex-to-rgb(#F0F1F2);
   --bgNeutralSubtleActive: #D5D7DD;
   --bgNeutralSubtleActive-rgb: hex-to-rgb(#D5D7DD);
   --bgNeutralSubtlest: #ffffff;
   --bgNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
-  --bgNeutralSubtlestHover: #F3F4F5;
-  --bgNeutralSubtlestHover-rgb: hex-to-rgb(#F3F4F5);
+  --bgNeutralSubtlestHover: #FAFAFA;
+  --bgNeutralSubtlestHover-rgb: hex-to-rgb(#FAFAFA);
   --bgNeutralSubtlestActive: #E8EAED;
   --bgNeutralSubtlestActive-rgb: hex-to-rgb(#E8EAED);
   --bgBrandDefault: #E4E7F5;
@@ -452,12 +454,11 @@ 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%);
   --gradientGoldActive: linear-gradient(45deg, #b7953e 0%, #62532d 100%);
-  --gradientFresh: linear-gradient(314deg, #E930B5 6.72%, #2353FF 107%);
   --gradientMenu: linear-gradient(183deg, #6F1C3F 10%, #481347 40%, #120853 80%);
   --gradientPromo: linear-gradient(100deg, #A58B4B 0%, #CFB572 100%);
   --gradientPromoHover: #85703D;
@@ -494,7 +495,7 @@ body {
   --thirdPartyFacebook-rgb: hex-to-rgb(#4267b2);
   --thirdPartyTwitter: #1da1f2;
   --thirdPartyTwitter-rgb: hex-to-rgb(#1da1f2);
-  --boxShadowXXXSmall: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
+  --boxShadowXXXSmall: 0px 1px 2px 0px rgba(25, 25, 25, 0.08);
   --boxShadowXXSmall: 0 2px 4px rgba(25, 25, 25, 0.1), 0 0 4px rgba(25, 25, 25, 0.05);
   --boxShadowSmall: 0 2px 4px rgba(25, 25, 25, 0.05), 0 0 8px rgba(25, 25, 25, 0.05);
   --boxShadowMedium: 0 2px 8px rgba(25, 25, 25, 0.2), 0 0 8px rgba(25, 25, 25, 0.05);
@@ -504,82 +505,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: #B2B6BF;
+  --fgNeutralSubtle-rgb: hex-to-rgb(#B2B6BF);
+  --fgNeutralSubtlest: #878D99;
+  --fgNeutralSubtlest-rgb: hex-to-rgb(#878D99);
+  --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);
-  --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);
+  --fgInverseDefault: #17181C;
+  --fgInverseDefault-rgb: hex-to-rgb(#17181C);
+  --fgDisabledDefault: #878D99;
+  --fgDisabledDefault-rgb: hex-to-rgb(#878D99);
+  --fgWhiteDefault: #ffffff;
+  --fgWhiteDefault-rgb: hex-to-rgb(#ffffff);
+  --bgNeutralDefault: #101114;
+  --bgNeutralDefault-rgb: hex-to-rgb(#101114);
+  --bgNeutralDefaultHover: #131417;
+  --bgNeutralDefaultHover-rgb: hex-to-rgb(#131417);
+  --bgNeutralDefaultActive: #1D1F24;
+  --bgNeutralDefaultActive-rgb: hex-to-rgb(#1D1F24);
+  --bgNeutralSubtle: #17181C;
+  --bgNeutralSubtle-rgb: hex-to-rgb(#17181C);
+  --bgNeutralSubtleHover: #1B1C21;
+  --bgNeutralSubtleHover-rgb: hex-to-rgb(#1B1C21);
+  --bgNeutralSubtleActive: #27292E;
+  --bgNeutralSubtleActive-rgb: hex-to-rgb(#27292E);
+  --bgNeutralSubtlest: #1D1F24;
+  --bgNeutralSubtlest-rgb: hex-to-rgb(#1D1F24);
+  --bgNeutralSubtlestHover: #222429;
+  --bgNeutralSubtlestHover-rgb: hex-to-rgb(#222429);
+  --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: #85ACFF;
+  --bgInfoBold-rgb: hex-to-rgb(#85ACFF);
+  --bgInfoBoldHover: #1C65FD;
+  --bgInfoBoldHover-rgb: hex-to-rgb(#1C65FD);
+  --bgInfoBoldPressed: #0C50E4;
+  --bgInfoBoldPressed-rgb: hex-to-rgb(#0C50E4);
   --bgErrorDefault: #42221F;
   --bgErrorDefault-rgb: hex-to-rgb(#42221F);
   --bgErrorDefaultHover: #FFD6D2;
@@ -616,43 +619,42 @@ 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: #4B4F57;
+  --borderNeutralDefault-rgb: hex-to-rgb(#4B4F57);
+  --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);
@@ -688,18 +690,212 @@ body.dark {
   --thirdPartyFacebook-rgb: hex-to-rgb(#4267b2);
   --thirdPartyTwitter: #1da1f2;
   --thirdPartyTwitter-rgb: hex-to-rgb(#1da1f2);
-  --boxShadowXXXSmall: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
-  --boxShadowXXSmall: 0 2px 4px rgba(25, 25, 25, 0.1), 0 0 4px rgba(25, 25, 25, 0.05);
-  --boxShadowSmall: 0 2px 4px rgba(25, 25, 25, 0.05), 0 0 8px rgba(25, 25, 25, 0.05);
-  --boxShadowMedium: 0 2px 8px rgba(25, 25, 25, 0.2), 0 0 8px rgba(25, 25, 25, 0.05);
-  --boxShadowLarge: 0 2px 8px rgba(25, 25, 25, 0.1), 0 0 16px rgba(25, 25, 25, 0.1);
-  --boxShadowXLarge: 0 8px 16px rgba(25, 25, 25, 0.1), 0 0 24px rgba(25, 25, 25, 0.2);
+  --boxShadowXXXSmall: 0px 1px 2px 0px rgba(25, 25, 25, 0.8);
+  --boxShadowXXSmall: 0 2px 4px rgba(25, 25, 25, 0.9), 0 0 4px rgba(25, 25, 25, 0.8);
+  --boxShadowSmall: 0 2px 4px rgba(25, 25, 25, 0.8), 0 0 8px rgba(25, 25, 25, 0.8);
+  --boxShadowMedium: 0 2px 8px rgba(25, 25, 25, 1), 0 0 8px rgba(25, 25, 25, 0.8);
+  --boxShadowLarge: 0 2px 8px rgba(25, 25, 25, 0.9), 0 0 16px rgba(25, 25, 25, 0.9);
+  --boxShadowXLarge: 0 8px 16px rgba(25, 25, 25, 0.9), 0 0 24px rgba(25, 25, 25, 1);
 }
 
 /* Styles for users who prefer dark mode at the OS level */
 @media (prefers-color-scheme: dark) {
   /* defaults to dark theme */
   body {
+    --fgNeutralDefault: #F3F4F5;
+    --fgNeutralDefault-rgb: hex-to-rgb(#F3F4F5);
+    --fgNeutralSubtle: #B2B6BF;
+    --fgNeutralSubtle-rgb: hex-to-rgb(#B2B6BF);
+    --fgNeutralSubtlest: #878D99;
+    --fgNeutralSubtlest-rgb: hex-to-rgb(#878D99);
+    --fgBrandDefault: #E2CA99;
+    --fgBrandDefault-rgb: hex-to-rgb(#E2CA99);
+    --fgPromoDefault: #A58B4B;
+    --fgPromoDefault-rgb: hex-to-rgb(#A58B4B);
+    --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: #17181C;
+    --fgInverseDefault-rgb: hex-to-rgb(#17181C);
+    --fgDisabledDefault: #878D99;
+    --fgDisabledDefault-rgb: hex-to-rgb(#878D99);
+    --fgWhiteDefault: #ffffff;
+    --fgWhiteDefault-rgb: hex-to-rgb(#ffffff);
+    --bgNeutralDefault: #101114;
+    --bgNeutralDefault-rgb: hex-to-rgb(#101114);
+    --bgNeutralDefaultHover: #131417;
+    --bgNeutralDefaultHover-rgb: hex-to-rgb(#131417);
+    --bgNeutralDefaultActive: #1D1F24;
+    --bgNeutralDefaultActive-rgb: hex-to-rgb(#1D1F24);
+    --bgNeutralSubtle: #17181C;
+    --bgNeutralSubtle-rgb: hex-to-rgb(#17181C);
+    --bgNeutralSubtleHover: #1B1C21;
+    --bgNeutralSubtleHover-rgb: hex-to-rgb(#1B1C21);
+    --bgNeutralSubtleActive: #27292E;
+    --bgNeutralSubtleActive-rgb: hex-to-rgb(#27292E);
+    --bgNeutralSubtlest: #1D1F24;
+    --bgNeutralSubtlest-rgb: hex-to-rgb(#1D1F24);
+    --bgNeutralSubtlestHover: #222429;
+    --bgNeutralSubtlestHover-rgb: hex-to-rgb(#222429);
+    --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: #1C2841;
+    --bgInfoDefault-rgb: hex-to-rgb(#1C2841);
+    --bgInfoDefaultHover: #1C2841;
+    --bgInfoDefaultHover-rgb: hex-to-rgb(#1C2841);
+    --bgInfoDefaultPressed: #1C2841;
+    --bgInfoDefaultPressed-rgb: hex-to-rgb(#1C2841);
+    --bgInfoBold: #85ACFF;
+    --bgInfoBold-rgb: hex-to-rgb(#85ACFF);
+    --bgInfoBoldHover: #1C65FD;
+    --bgInfoBoldHover-rgb: hex-to-rgb(#1C65FD);
+    --bgInfoBoldPressed: #0C50E4;
+    --bgInfoBoldPressed-rgb: hex-to-rgb(#0C50E4);
+    --bgErrorDefault: #42221F;
+    --bgErrorDefault-rgb: hex-to-rgb(#42221F);
+    --bgErrorDefaultHover: #FFD6D2;
+    --bgErrorDefaultHover-rgb: hex-to-rgb(#FFD6D2);
+    --bgErrorDefaultPressed: #FD9A91;
+    --bgErrorDefaultPressed-rgb: hex-to-rgb(#FD9A91);
+    --bgErrorBold: #F87468;
+    --bgErrorBold-rgb: hex-to-rgb(#F87468);
+    --bgErrorBoldHover: #C9392C;
+    --bgErrorBoldHover-rgb: hex-to-rgb(#C9392C);
+    --bgErrorBoldPressed: #AE3024;
+    --bgErrorBoldPressed-rgb: hex-to-rgb(#AE3024);
+    --bgWarningDefault: #362B1B;
+    --bgWarningDefault-rgb: hex-to-rgb(#362B1B);
+    --bgWarningDefaultHover: #F8E6A0;
+    --bgWarningDefaultHover-rgb: hex-to-rgb(#F8E6A0);
+    --bgWarningDefaultPressed: #F5D247;
+    --bgWarningDefaultPressed-rgb: hex-to-rgb(#F5D247);
+    --bgWarningBold: #B58200;
+    --bgWarningBold-rgb: hex-to-rgb(#B58200);
+    --bgWarningBoldHover: #A16600;
+    --bgWarningBoldHover-rgb: hex-to-rgb(#A16600);
+    --bgWarningBoldPressed: #8A5301;
+    --bgWarningBoldPressed-rgb: hex-to-rgb(#8A5301);
+    --bgSuccessDefault: #1C3324;
+    --bgSuccessDefault-rgb: hex-to-rgb(#1C3324);
+    --bgSuccessDefaultHover: #C2F2D7;
+    --bgSuccessDefaultHover-rgb: hex-to-rgb(#C2F2D7);
+    --bgSuccessDefaultPressed: #80E5A9;
+    --bgSuccessDefaultPressed-rgb: hex-to-rgb(#80E5A9);
+    --bgSuccessBold: #4DD47A;
+    --bgSuccessBold-rgb: hex-to-rgb(#4DD47A);
+    --bgSuccessBoldHover: #19803B;
+    --bgSuccessBoldHover-rgb: hex-to-rgb(#19803B);
+    --bgSuccessBoldPressed: #216E3A;
+    --bgSuccessBoldPressed-rgb: hex-to-rgb(#216E3A);
+    --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: #4B4F57;
+    --borderNeutralDefault-rgb: hex-to-rgb(#4B4F57);
+    --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: #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: #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%);
+    --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);
+    --gradientPromoActive: #85703D;
+    --gradientPromoActive-rgb: hex-to-rgb(#85703D);
+    --categoryYellow: #ffd200;
+    --categoryYellow-rgb: hex-to-rgb(#ffd200);
+    --categoryOrange: #fa9646;
+    --categoryOrange-rgb: hex-to-rgb(#fa9646);
+    --categoryPink: #b74676;
+    --categoryPink-rgb: hex-to-rgb(#b74676);
+    --categoryCherry: #a51854;
+    --categoryCherry-rgb: hex-to-rgb(#a51854);
+    --categoryViolet: #966ebe;
+    --categoryViolet-rgb: hex-to-rgb(#966ebe);
+    --categoryOceanBlue: #3c64c8;
+    --categoryOceanBlue-rgb: hex-to-rgb(#3c64c8);
+    --categorySkyBlue: #aad2f0;
+    --categorySkyBlue-rgb: hex-to-rgb(#aad2f0);
+    --categoryMidnightBlue: #3d4552;
+    --categoryMidnightBlue-rgb: hex-to-rgb(#3d4552);
+    --categorySemiBlue: #d0cddd;
+    --categorySemiBlue-rgb: hex-to-rgb(#d0cddd);
+    --categoryTorquise: #64bed2;
+    --categoryTorquise-rgb: hex-to-rgb(#64bed2);
+    --categoryMintGreen: #6c9;
+    --categoryMintGreen-rgb: hex-to-rgb(#6c9);
+    --categoryForestGreen: #50825a;
+    --categoryForestGreen-rgb: hex-to-rgb(#50825a);
+    --categoryOliveGreen: #c2cc8f;
+    --categoryOliveGreen-rgb: hex-to-rgb(#c2cc8f);
+    --thirdPartyFacebook: #4267b2;
+    --thirdPartyFacebook-rgb: hex-to-rgb(#4267b2);
+    --thirdPartyTwitter: #1da1f2;
+    --thirdPartyTwitter-rgb: hex-to-rgb(#1da1f2);
+    --boxShadowXXXSmall: 0px 1px 2px 0px rgba(25, 25, 25, 0.8);
+    --boxShadowXXSmall: 0 2px 4px rgba(25, 25, 25, 0.9), 0 0 4px rgba(25, 25, 25, 0.8);
+    --boxShadowSmall: 0 2px 4px rgba(25, 25, 25, 0.8), 0 0 8px rgba(25, 25, 25, 0.8);
+    --boxShadowMedium: 0 2px 8px rgba(25, 25, 25, 1), 0 0 8px rgba(25, 25, 25, 0.8);
+    --boxShadowLarge: 0 2px 8px rgba(25, 25, 25, 0.9), 0 0 16px rgba(25, 25, 25, 0.9);
+    --boxShadowXLarge: 0 8px 16px rgba(25, 25, 25, 0.9), 0 0 24px rgba(25, 25, 25, 1);
+  }
+  /* Override dark mode with light mode styles if the user decides to swap */
+  body.light {
     --fgNeutralDefault: #17181C;
     --fgNeutralDefault-rgb: hex-to-rgb(#17181C);
     --fgNeutralSubtle: #606876;
@@ -728,22 +924,24 @@ 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;
-    --bgNeutralDefaultHover-rgb: hex-to-rgb(#D5D7DD);
+    --bgNeutralDefaultHover: #DFE1E5;
+    --bgNeutralDefaultHover-rgb: hex-to-rgb(#DFE1E5);
     --bgNeutralDefaultActive: #A0A5B1;
     --bgNeutralDefaultActive-rgb: hex-to-rgb(#A0A5B1);
     --bgNeutralSubtle: #F3F4F5;
     --bgNeutralSubtle-rgb: hex-to-rgb(#F3F4F5);
-    --bgNeutralSubtleHover: #E8EAED;
-    --bgNeutralSubtleHover-rgb: hex-to-rgb(#E8EAED);
+    --bgNeutralSubtleHover: #F0F1F2;
+    --bgNeutralSubtleHover-rgb: hex-to-rgb(#F0F1F2);
     --bgNeutralSubtleActive: #D5D7DD;
     --bgNeutralSubtleActive-rgb: hex-to-rgb(#D5D7DD);
     --bgNeutralSubtlest: #ffffff;
     --bgNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
-    --bgNeutralSubtlestHover: #F3F4F5;
-    --bgNeutralSubtlestHover-rgb: hex-to-rgb(#F3F4F5);
+    --bgNeutralSubtlestHover: #FAFAFA;
+    --bgNeutralSubtlestHover-rgb: hex-to-rgb(#FAFAFA);
     --bgNeutralSubtlestActive: #E8EAED;
     --bgNeutralSubtlestActive-rgb: hex-to-rgb(#E8EAED);
     --bgBrandDefault: #E4E7F5;
@@ -842,12 +1040,11 @@ 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%);
     --gradientGoldActive: linear-gradient(45deg, #b7953e 0%, #62532d 100%);
-    --gradientFresh: linear-gradient(314deg, #E930B5 6.72%, #2353FF 107%);
     --gradientMenu: linear-gradient(183deg, #6F1C3F 10%, #481347 40%, #120853 80%);
     --gradientPromo: linear-gradient(100deg, #A58B4B 0%, #CFB572 100%);
     --gradientPromoHover: #85703D;
@@ -884,200 +1081,7 @@ body.dark {
     --thirdPartyFacebook-rgb: hex-to-rgb(#4267b2);
     --thirdPartyTwitter: #1da1f2;
     --thirdPartyTwitter-rgb: hex-to-rgb(#1da1f2);
-    --boxShadowXXXSmall: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
-    --boxShadowXXSmall: 0 2px 4px rgba(25, 25, 25, 0.1), 0 0 4px rgba(25, 25, 25, 0.05);
-    --boxShadowSmall: 0 2px 4px rgba(25, 25, 25, 0.05), 0 0 8px rgba(25, 25, 25, 0.05);
-    --boxShadowMedium: 0 2px 8px rgba(25, 25, 25, 0.2), 0 0 8px rgba(25, 25, 25, 0.05);
-    --boxShadowLarge: 0 2px 8px rgba(25, 25, 25, 0.1), 0 0 16px rgba(25, 25, 25, 0.1);
-    --boxShadowXLarge: 0 8px 16px rgba(25, 25, 25, 0.1), 0 0 24px rgba(25, 25, 25, 0.2);
-  }
-  /* 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);
-    --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);
-    --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);
-    --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);
-    --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();
-    --bgErrorDefault: #42221F;
-    --bgErrorDefault-rgb: hex-to-rgb(#42221F);
-    --bgErrorDefaultHover: #FFD6D2;
-    --bgErrorDefaultHover-rgb: hex-to-rgb(#FFD6D2);
-    --bgErrorDefaultPressed: #FD9A91;
-    --bgErrorDefaultPressed-rgb: hex-to-rgb(#FD9A91);
-    --bgErrorBold: #F87468;
-    --bgErrorBold-rgb: hex-to-rgb(#F87468);
-    --bgErrorBoldHover: #C9392C;
-    --bgErrorBoldHover-rgb: hex-to-rgb(#C9392C);
-    --bgErrorBoldPressed: #AE3024;
-    --bgErrorBoldPressed-rgb: hex-to-rgb(#AE3024);
-    --bgWarningDefault: #362B1B;
-    --bgWarningDefault-rgb: hex-to-rgb(#362B1B);
-    --bgWarningDefaultHover: #F8E6A0;
-    --bgWarningDefaultHover-rgb: hex-to-rgb(#F8E6A0);
-    --bgWarningDefaultPressed: #F5D247;
-    --bgWarningDefaultPressed-rgb: hex-to-rgb(#F5D247);
-    --bgWarningBold: #B58200;
-    --bgWarningBold-rgb: hex-to-rgb(#B58200);
-    --bgWarningBoldHover: #A16600;
-    --bgWarningBoldHover-rgb: hex-to-rgb(#A16600);
-    --bgWarningBoldPressed: #8A5301;
-    --bgWarningBoldPressed-rgb: hex-to-rgb(#8A5301);
-    --bgSuccessDefault: #1C3324;
-    --bgSuccessDefault-rgb: hex-to-rgb(#1C3324);
-    --bgSuccessDefaultHover: #C2F2D7;
-    --bgSuccessDefaultHover-rgb: hex-to-rgb(#C2F2D7);
-    --bgSuccessDefaultPressed: #80E5A9;
-    --bgSuccessDefaultPressed-rgb: hex-to-rgb(#80E5A9);
-    --bgSuccessBold: #4DD47A;
-    --bgSuccessBold-rgb: hex-to-rgb(#4DD47A);
-    --bgSuccessBoldHover: #19803B;
-    --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);
-    --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);
-    --borderPromoDefault: #A58B4B;
-    --borderPromoDefault-rgb: hex-to-rgb(#A58B4B);
-    --borderInfoDefault: #403677;
-    --borderInfoDefault-rgb: hex-to-rgb(#403677);
-    --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%);
-    --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%);
-    --gradientPromo: linear-gradient(100deg, #A58B4B 0%, #CFB572 100%);
-    --gradientPromoHover: #85703D;
-    --gradientPromoHover-rgb: hex-to-rgb(#85703D);
-    --gradientPromoActive: #85703D;
-    --gradientPromoActive-rgb: hex-to-rgb(#85703D);
-    --categoryYellow: #ffd200;
-    --categoryYellow-rgb: hex-to-rgb(#ffd200);
-    --categoryOrange: #fa9646;
-    --categoryOrange-rgb: hex-to-rgb(#fa9646);
-    --categoryPink: #b74676;
-    --categoryPink-rgb: hex-to-rgb(#b74676);
-    --categoryCherry: #a51854;
-    --categoryCherry-rgb: hex-to-rgb(#a51854);
-    --categoryViolet: #966ebe;
-    --categoryViolet-rgb: hex-to-rgb(#966ebe);
-    --categoryOceanBlue: #3c64c8;
-    --categoryOceanBlue-rgb: hex-to-rgb(#3c64c8);
-    --categorySkyBlue: #aad2f0;
-    --categorySkyBlue-rgb: hex-to-rgb(#aad2f0);
-    --categoryMidnightBlue: #3d4552;
-    --categoryMidnightBlue-rgb: hex-to-rgb(#3d4552);
-    --categorySemiBlue: #d0cddd;
-    --categorySemiBlue-rgb: hex-to-rgb(#d0cddd);
-    --categoryTorquise: #64bed2;
-    --categoryTorquise-rgb: hex-to-rgb(#64bed2);
-    --categoryMintGreen: #6c9;
-    --categoryMintGreen-rgb: hex-to-rgb(#6c9);
-    --categoryForestGreen: #50825a;
-    --categoryForestGreen-rgb: hex-to-rgb(#50825a);
-    --categoryOliveGreen: #c2cc8f;
-    --categoryOliveGreen-rgb: hex-to-rgb(#c2cc8f);
-    --thirdPartyFacebook: #4267b2;
-    --thirdPartyFacebook-rgb: hex-to-rgb(#4267b2);
-    --thirdPartyTwitter: #1da1f2;
-    --thirdPartyTwitter-rgb: hex-to-rgb(#1da1f2);
-    --boxShadowXXXSmall: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
+    --boxShadowXXXSmall: 0px 1px 2px 0px rgba(25, 25, 25, 0.08);
     --boxShadowXXSmall: 0 2px 4px rgba(25, 25, 25, 0.1), 0 0 4px rgba(25, 25, 25, 0.05);
     --boxShadowSmall: 0 2px 4px rgba(25, 25, 25, 0.05), 0 0 8px rgba(25, 25, 25, 0.05);
     --boxShadowMedium: 0 2px 8px rgba(25, 25, 25, 0.2), 0 0 8px rgba(25, 25, 25, 0.05);
@@ -1288,9 +1292,10 @@ body {
   --minWidthOnlyIconXSmallBtn: 0;
   --gapWrapperCompactButtons: var(--spaceXSmall);
   --backgroundCard: var(--bgNeutralSubtlest);
+  --backgroundHoverCard: var(--bgNeutralSubtlestHover);
   --borderCard: none;
   --borderRadiusCard: var(--borderRadiusMedium);
-  --boxShadowCard: none;
+  --boxShadowCard: 0px 0px 0px 1px var(--borderNeutralSubtle);
   --paddingCard: var(--spaceLarge);
   --backgroundSelectedCard: var(--bgNeutralSubtlest);
   --backgroundNeutralCard: var(--bgNeutralSubtle);
@@ -1298,12 +1303,6 @@ body {
   --backgroundNeutralActiveCard: var(--bgNeutralSubtleActive);
   --borderNeutralCard: 1px solid var(--borderNeutralDefault);
   --borderNeutralInteractiveCard: none;
-  --backgroundFreshCard: var(--gradientFresh);
-  --backgroundFreshHoverCard: var(--bgNeutralSubtleHover);
-  --backgroundFreshActiveCard: var(--bgNeutralSubtleActive);
-  --borderFreshCard: var(--gradientFresh);
-  --borderFreshInteractiveCard: none;
-  --colorFreshCard: var(--fgInverseDefault);
   --backgroundPromoCard: var(--gradientGold);
   --backgroundPromoHoverCard: var(--gradientGoldHover);
   --backgroundPromoActiveCard: var(--gradientGoldActive);
@@ -1375,7 +1374,7 @@ body {
   --colorHoverLink: var(--fgLinkDefaultHover);
   --colorActiveLink: var(--fgLinkDefaultPressed);
   --fontSizeLink: var(--fontSizeSmall);
-  --fontSizeSmallLink: var(--fontSizeXSmall);
+  --fontSizeSmallLink: var(--fontSizeSmall);
   --textTransformLink: var(--textTransformBtn);
   --colorDisabledLink: var(--fgNeutralSubtle);
   --colorLoadingLink: var(--fgNeutralSubtle);
@@ -1488,7 +1487,7 @@ body {
   --backgroundDivider: var(--borderNeutralSubtle);
   --heightDivider: 1px;
   --backgroundDropdown: var(--bgNeutralSubtlest);
-  --boxShadowDropdown: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
+  --boxShadowDropdown: var(--boxShadowXLarge);
   --maxHeightDropdown: 190px;
   --fontSizeUserAuthTitle: var(--fontSizeMedium);
   --fontWeightUserAuthTitle: var(--fontWeightBold);
@@ -1509,7 +1508,7 @@ body {
   --borderColorIndicatorToggle: var(--borderBrandDefault);
   --colorIndicatorToggle: var(--fgNeutralDefault);
   --backgroundTogglerDisabledToggle: var(--bgDisabledDefault);
-  --backgroundActiveTogglerDisabledToggle: var(--bgDisabledDefault);
+  --backgroundActiveTogglerDisabledToggle: var(--fgDisabledDefault);
   --backgroundIndicatorDisabledToggle: var(--bgDisabledDefault);
   --backgroundHoverIndicatorDisabledToggle: var(--bgDisabledDefault);
   --backgroundActiveIndicatorDisabledToggle: var(--bgDisabledDefault);
@@ -1566,6 +1565,7 @@ body {
   --borderIndicatorDisabledCheckbox2: 1px solid var(--borderDisabledDefault);
   --borderIndicatorCheckedDisabledCheckbox2: 1px solid var(--borderDisabledDefault);
   --backgroundIndicatorCheckedDisabledCheckbox2: var(--bgDisabledDefault);
+  --colorIndicatorCheckedDisabledCheckbox2: var(--fgDisabledDefault);
   --colorTextDisabledCheckbox2: var(--fgDisabledDefault);
   --colorTextRadio2: var(--fgNeutralDefault);
   --fontSizeTextRadio2: var(--fontSizeSmall);
@@ -1574,6 +1574,9 @@ body {
   --borderIndicatorRadio2: 1px solid var(--borderNeutralDefault);
   --borderRadiusIndicatorRadio2: var(--borderRadiusFull);
   --colorIndicatorRadio2: var(--fgInverseDefault);
+  --colorDescRadio2: var(--fgNeutralSubtle);
+  --fontSizeDescRadio2: var(--fontSizeXSmall);
+  --fontWeightDescRadio2: var(--fontWeightNormal);
   --borderWidthIndicatorFocusRadio2: 2px;
   --borderIndicatorCheckedRadio2: 1px solid var(--borderBrandDefault);
   --backgroundIndicatorCheckedRadio2: var(--bgBrandBold);
@@ -1586,6 +1589,7 @@ body {
   --borderIndicatorDisabledRadio2: 1px solid var(--borderDisabledDefault);
   --borderIndicatorCheckedDisabledRadio2: 1px solid var(--borderDisabledDefault);
   --backgroundIndicatorCheckedDisabledRadio2: var(--bgDisabledDefault);
+  --backgroundDotIndicatorCheckedDisabledRadio2: var(--fgDisabledDefault);
   --colorTextDisabledRadio2: var(--fgDisabledDefault);
   --widthIconItemPersonCount: 40px;
   --backgroundLineSlider: var(--bgNeutralDefault);
@@ -1602,7 +1606,7 @@ body {
   --paddingAvatarListFileUpload: var(--spaceMedium);
   --backgroundBody: var(--surfaceDefault);
   --minWidthBody: 320px;
-  --maxWidthCenterMain: 740px + 2 * var(--spaceXLarge);
+  --maxWidthCenterMain: 800px + 2 * var(--spaceXLarge);
   --backgroundHeader: var(--surfaceRisen);
   --boxShadowHeader: var(--boxShadowXXXSmall);
   --colorHeader: var(--fgNeutralDefault);
@@ -1612,17 +1616,17 @@ body {
   --heightHeader: 60px;
   --marginBottomHeader: 0;
   --maxWidthMobileLogoHeader: 120px;
-  --maxWidthTabletLogoHeader: 180px;
+  --maxWidthTabletLogoHeader: 172px;
   --paddingHeader: 0 var(--spaceLarge);
   --paddingMobileHeader: 0 var(--spaceMedium);
   --backgroundMobilePanel: var(--surfaceRisen);
   --widthMobilePanel: 320px;
-  --paddingBodyMobilePanel: var(--spaceLarge);
+  --paddingBodyMobilePanel: var(--spaceSmall);
   --backgroundSecondaryMobilePanel: var(--bgNeutralDefault);
   --paddingBodySecondaryMobilePanel: var(--spaceLarge) var(--spaceXSmall);
-  --backgroundHeaderMobilePanel: var(--gradientBlueRedDark);
-  --colorHeaderMobilePanel: var(--fgInverseDefault);
-  --paddingHeaderMobilePanel: var(--spaceLarge) var(--spaceXSmall) var(--spaceLarge) var(--spaceLarge);
+  --backgroundHeaderMobilePanel: transparent;
+  --colorHeaderMobilePanel: var(--fgWhiteDefault);
+  --paddingHeaderMobilePanel: var(--spaceSmall) var(--spaceXSmall) var(--spaceXSmall) var(--spaceSmall);
   --colorHeaderImageMobilePanel: var(--fgBrandDefault);
   --backgroundHeaderSecondaryMobilePanel: transparent;
   --colorHeaderSecondaryMobilePanel: var(--fgNeutralDefault);
@@ -1644,13 +1648,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);
@@ -1659,18 +1663,19 @@ body {
   --widthSelectedMenuItem: calc(100% - 4px);
   --marginSelectedMenuItem: 2px;
   --backgroundSubmenu: var(--bgNeutralDefault);
-  --colorLinkMobileMenu: var(--fgBrandDefault);
-  --colorLinkHoverMobileMenu: var(--fgLinkDefaultHover);
-  --colorLinkActiveMobileMenu: var(--fgLinkDefaultPressed);
-  --colorLinkSelectedMobileMenu: var(--fgBrandDefault);
+  --colorLinkMobileMenu: var(--fgWhiteDefault);
+  --colorLinkHoverMobileMenu: var(--fgWhiteDefault);
+  --colorLinkActiveMobileMenu: var(--fgWhiteDefault);
+  --colorLinkSelectedMobileMenu: var(--fgWhiteDefault);
   --fontSizeListMobileMenu: var(--fontSizeSmall);
   --marginTopItemMobileMenu: 0;
-  --paddingLinkMobileMenu: var(--spaceMedium) var(--spaceXSmall);
-  --fontSizeTitleStepper: var(--fontSizeXSmall);
+  --paddingLinkMobileMenu: var(--spaceSmall) var(--spaceSmall);
+  --colorIconLinkMobileMenu: var(--fgWhiteDefault);
   --fontSizeIconStepper: var(--fontSizeSmall);
   --fontWeightIconStepper: var(--fontWeightBold);
-  --colorIconStepper: var(--fgInverseDefault);
-  --colorTitleStepper: var(--fgNeutralSubtlest);
+  --backgroundIconStepper: var(--bgNeutralDefault);
+  --colorIconStepper: var(--fgNeutralSubtle);
+  --colorTitleStepper: var(--fgNeutralSubtle);
   --colorActiveTitleStepper: var(--fgNeutralDefault);
   --fontWeightItemDoneTitleStepper: var(--fontWeightBold);
   --leftLineStepper: calc(50% + 35px);
@@ -1891,7 +1896,7 @@ body:not(.user-is-tabbing) *:focus {
 .l-app--fixedHeader {
   padding-top: var(--heightMobileHeader);
 }
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 1200px) {
   .l-app--fixedHeader {
     padding-top: var(--heightHeader);
   }
@@ -1913,7 +1918,7 @@ body:not(.user-is-tabbing) *:focus {
   position: fixed;
   top: var(--heightMobileHeader);
 }
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 1200px) {
   .l-app--fixedMenuMain .l-content > .m-menu--main {
     top: var(--heightHeader);
   }
@@ -1923,7 +1928,7 @@ body {
   background: var(--backgroundBody);
   color: var(--fgNeutralDefault);
   font-family: var(--fontFamily);
-  font-size: var(--fontSizeMedium);
+  font-size: var(--fontSizeSmall);
   font-weight: var(--fontWeightNormal);
   line-height: var(--lineHeightMedium);
   min-width: var(--minWidthBody);
@@ -1941,7 +1946,7 @@ body {
   display: flex;
   min-height: calc(100vh - var(--heightMobileHeader));
 }
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 1200px) {
   .l-content {
     min-height: calc(100vh - var(--heightHeader));
   }
@@ -3162,7 +3167,7 @@ body {
   margin-right: var(--spaceXSmall);
 }
 
-@media screen and (max-width: 991px) {
+@media screen and (max-width: 1199px) {
   .l-header .m-menu .m-menu__text {
     border: 0;
     clip: rect(0 0 0 0);
@@ -3178,14 +3183,16 @@ body {
     margin-left: calc(var(--spaceXSmall) / 2);
   }
 }
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 800px) {
+  .l-header .c-logo {
+    max-width: var(--maxWidthTabletLogoHeader);
+  }
+}
+@media screen and (min-width: 1200px) {
   .l-header {
     height: var(--heightHeader);
     padding: var(--paddingHeader);
   }
-  .l-header .c-logo {
-    max-width: var(--maxWidthTabletLogoHeader);
-  }
   .l-header .l-header__hamburger {
     display: none;
   }
@@ -3254,6 +3261,7 @@ body.dark .l-header .c-logo__img--dark {
   }
 }
 .l-mobilePanel--main {
+  background: var(--backgroundMainMenu);
   z-index: 1600;
 }
 .l-mobilePanel .m-menu + .m-menu {
@@ -3272,12 +3280,20 @@ body.dark .l-header .c-logo__img--dark {
     width: var(--widthMobilePanel);
   }
 }
+.l-mobilePanel .m-menu__list {
+  display: block;
+}
+.l-mobilePanel .m-menu__list .m-menu__item {
+  margin-top: var(--marginTopItemSecondaryMenu);
+  margin-left: 0;
+}
 
 .l-mobilePanel--secondary {
   background: var(--backgroundSecondaryMobilePanel);
 }
 .l-mobilePanel--secondary .l-mobilePanel__header {
   background: var(--backgroundHeaderSecondaryMobilePanel);
+  color: var(--colorHeaderSecondaryMobilePanel);
 }
 .l-mobilePanel--secondary .l-mobilePanel__header .l-mobilePanel__close {
   color: var(--fgLinkDefault);
@@ -3308,12 +3324,8 @@ body.dark .l-header .c-logo__img--dark {
   order: 1;
 }
 .l-mobilePanel__header .l-mobilePanel__close {
-  color: var(--fgInverseDefault);
   order: 2;
 }
-.l-mobilePanel__header .l-mobilePanel__close:hover, .l-mobilePanel__header .l-mobilePanel__close:focus {
-  color: var(--fgInverseDefault);
-}
 
 .l-mobilePanel__headerImage {
   margin-right: var(--spaceMedium);
@@ -3336,27 +3348,6 @@ body.dark .l-header .c-logo__img--dark {
   padding: 0 var(--spaceMedium);
 }
 
-.l-mobilePanel--secondary .l-mobilePanel__header,
-.l-mobilePanel--secondary .l-mobilePanel__close {
-  color: var(--colorHeaderSecondaryMobilePanel);
-}
-
-body.light .l-mobilePanel--secondary .l-mobilePanel__header,
-body.light .l-mobilePanel--secondary .l-mobilePanel__close {
-  color: var(--colorHeaderSecondaryMobilePanel);
-}
-
-@media (prefers-color-scheme: dark) {
-  .l-mobilePanel--secondary .l-mobilePanel__header,
-  .l-mobilePanel--secondary .l-mobilePanel__close {
-    color: var(--colorHeaderSecondaryMobilePanel);
-  }
-}
-body.dark .l-mobilePanel--secondary .l-mobilePanel__header,
-body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
-  color: var(--colorHeaderSecondaryMobilePanel);
-}
-
 .l-sidebar {
   background: var(--backgroundSidebar);
   max-width: var(--widthSidebar);
@@ -3589,12 +3580,16 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   background: var(--gradientGold);
   color: var(--fgInverseDefault);
 }
-.c-avatar.u-bg--gradientblueRed {
+.c-avatar.u-bg--gradientBlueRed {
   background: var(--gradientBlueRed);
-  color: var(--fgInverseDefault);
+  color: var(--fgWhiteDefault);
 }
-.c-avatar.u-bg--gradientblueRedDark {
+.c-avatar.u-bg--gradientBlueRedDark {
   background: var(--gradientBlueRedDark);
+  color: var(--fgWhiteDefault);
+}
+.c-avatar.u-bg--categoryMidnightBlue {
+  background: var(--categoryMidnightBlue);
   color: var(--fgInverseDefault);
 }
 .c-avatar .c-avatar__icon,
@@ -4061,6 +4056,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);
 }
@@ -4169,7 +4167,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   display: flex;
   flex-wrap: wrap;
 }
-.c-btnsGroup .c-btn {
+.c-btnsGroup > .c-btn {
   margin: 0;
 }
 @media screen and (max-width: 480px) {
@@ -4207,15 +4205,6 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 .c-card--interactive.c-card--neutral:active {
   background: var(--backgroundNeutralActiveCard);
 }
-.c-card--interactive.c-card--fresh {
-  border: var(--borderFreshInteractiveCard);
-}
-.c-card--interactive.c-card--fresh:hover, .c-card--interactive.c-card--fresh:focus {
-  background: var(--backgroundFreshHoverCard);
-}
-.c-card--interactive.c-card--fresh:active {
-  background: var(--backgroundFreshActiveCard);
-}
 .c-card--interactive.c-card--promo {
   border: var(--borderPromoInteractiveCard);
 }
@@ -4228,16 +4217,34 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 .c-card--interactive.c-card--brand {
   border: var(--borderBrandInteractiveCard);
 }
-.c-card--interactive.c-card--brand:hover, .c-card--interactive.c-card--brand:focus {
+.c-card--interactive.c-card--brand:hover, .c-card--interactive.c-card--brand:focus {
+  background: var(--backgroundBrandHoverCard);
+}
+.c-card--interactive.c-card--brand:active {
+  background: var(--backgroundBrandActiveCard);
+}
+
+.c-card--collapse {
+  flex-flow: column wrap;
+}
+.c-card--collapse.c-card--neutral .c-card__header:hover, .c-card--collapse.c-card--neutral .c-card__header:focus {
+  background: var(--backgroundNeutralHoverCard);
+}
+.c-card--collapse.c-card--neutral .c-card__header:active {
+  background: var(--backgroundNeutralActiveCard);
+}
+.c-card--collapse.c-card--promo .c-card__header:hover, .c-card--collapse.c-card--promo .c-card__header:focus {
+  background: var(--backgroundPromoHoverCard);
+}
+.c-card--collapse.c-card--promo .c-card__header:active {
+  background: var(--backgroundPromoActiveCard);
+}
+.c-card--collapse.c-card--brand .c-card__header:hover, .c-card--collapse.c-card--brand .c-card__header:focus {
   background: var(--backgroundBrandHoverCard);
 }
-.c-card--interactive.c-card--brand:active {
+.c-card--collapse.c-card--brand .c-card__header:active {
   background: var(--backgroundBrandActiveCard);
 }
-
-.c-card--collapse {
-  flex-flow: column wrap;
-}
 .c-card--collapse--open > .c-card__header .c-card__collapseIcon .c-avatar__iconSvg {
   transform: rotate(180deg);
 }
@@ -4260,30 +4267,6 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 .c-card--collapse .c-card__header {
   border-radius: var(--borderRadiusCard);
 }
-.c-card--collapse.c-card--neutral .c-card__header:hover, .c-card--collapse.c-card--neutral .c-card__header:focus {
-  background: var(--backgroundNeutralHoverCard);
-}
-.c-card--collapse.c-card--neutral .c-card__header:active {
-  background: var(--backgroundNeutralActiveCard);
-}
-.c-card--collapse.c-card--fresh .c-card__header:hover, .c-card--collapse.c-card--fresh .c-card__header:focus {
-  background: var(--backgroundFreshHoverCard);
-}
-.c-card--collapse.c-card--fresh .c-card__header:active {
-  background: var(--backgroundFreshActiveCard);
-}
-.c-card--collapse.c-card--promo .c-card__header:hover, .c-card--collapse.c-card--promo .c-card__header:focus {
-  background: var(--backgroundPromoHoverCard);
-}
-.c-card--collapse.c-card--promo .c-card__header:active {
-  background: var(--backgroundPromoActiveCard);
-}
-.c-card--collapse.c-card--brand .c-card__header:hover, .c-card--collapse.c-card--brand .c-card__header:focus {
-  background: var(--backgroundBrandHoverCard);
-}
-.c-card--collapse.c-card--brand .c-card__header:active {
-  background: var(--backgroundBrandActiveCard);
-}
 
 .c-card--collapse--bottom {
   flex-flow: column wrap;
@@ -4352,14 +4335,6 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   background: var(--backgroundNeutralCard);
 }
 
-.c-card--fresh {
-  background: var(--backgroundFreshCard);
-  color: var(--colorFreshCard);
-}
-.c-card--fresh .c-card__collapseIcon {
-  color: var(--fgInverseDefault);
-}
-
 .c-card--promo {
   background: var(--backgroundPromoCard);
   color: var(--colorPromoCard);
@@ -4388,23 +4363,6 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   border: var(--borderNeutralCard);
 }
 
-.c-card--freshBorder {
-  border: none;
-  position: relative;
-  margin: 2px;
-}
-.c-card--freshBorder::before {
-  background: var(--backgroundFreshCard);
-  border-radius: var(--borderRadiusCard);
-  bottom: -2px;
-  content: "";
-  left: -2px;
-  position: absolute;
-  right: -2px;
-  top: -2px;
-  z-index: -1;
-}
-
 .c-card--promoBorder {
   border: var(--borderPromoCard);
 }
@@ -4663,6 +4621,9 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   border-top: 1px solid var(--borderNeutralDefault);
   table-layout: auto;
 }
+.c-contentTableRow:first-child {
+  border-top: none;
+}
 
 .c-contentTable__header {
   background: var(--backgroundCard);
@@ -4743,6 +4704,10 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 .c-contentTableRow__iconColumn__icon .c-contentTableRow__subtitleIcon {
   position: absolute;
 }
+.c-contentTableRow__iconColumn__icon .c-contentTableRow__subtitleIcon .c-icon {
+  height: var(--heightIconAvatar);
+  width: var(--widthIconAvatar);
+}
 .c-contentTableRow__iconColumn__iconBottomLeft .c-contentTableRow__subtitleIcon {
   bottom: 0;
   left: 0;
@@ -4766,7 +4731,6 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 
 .c-contentTableRow__contentRow {
   background: var(--backgroundCard);
-  border-bottom: var(--spaceXSmall) solid var(--bgNeutralDefault);
   text-align: left;
 }
 .c-contentTableRow__contentRow:last-child {
@@ -4788,10 +4752,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   cursor: pointer;
 }
 .c-contentTableRow--collapsible:hover {
-  background: var(--backgroundHover);
-}
-.c-contentTableRow--collapsible--open {
-  border-top: var(--spaceXSmall) solid var(--bgNeutralDefault);
+  background: var(--backgroundHoverCard);
 }
 .c-contentTableRow--collapsible--open .c-contentTableRow__openerIcon .c-avatar__iconSvg {
   transform: rotate(180deg);
@@ -4813,6 +4774,17 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   background: none;
 }
 
+.c-contentTableRow--clickable {
+  cursor: pointer;
+}
+.c-contentTableRow--clickable:hover {
+  background: var(--backgroundHoverCard);
+}
+
+.u-borderBottom {
+  border-bottom: 1px solid var(--bgNeutralDefaultHover);
+}
+
 .c-divider {
   background: var(--backgroundDivider);
   border: 0;
@@ -5370,6 +5342,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   color: var(--colorLink);
   cursor: pointer;
   display: inline-block;
+  font-size: var(--fontSizeLink);
   margin: 0;
   padding: 0;
   position: relative;
@@ -5892,10 +5865,6 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   display: block;
 }
 
-.c-tabs__listItem .c-dropdown {
-  box-shadow: var(--boxShadowSmall);
-}
-
 .c-tag {
   background: var(--backgroundTag);
   border-radius: var(--borderRadiusTag);
@@ -5974,9 +5943,6 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   background: var(--backgroundHoverTile);
   border: var(--borderHoverTile);
 }
-.c-tile .c-avatar {
-  display: inline-flex;
-}
 .c-tile .c-tile__checkbox {
   position: absolute;
   top: 1px;
@@ -6199,7 +6165,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);
 }
 
@@ -6627,6 +6593,10 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   z-index: 1;
 }
 
+.react-datepicker {
+  background-color: var(--backgroundDropdown) !important;
+}
+
 .custom-datepicker {
   z-index: 1000 !important;
 }
@@ -6651,169 +6621,122 @@ 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 {
-  background: var(--bgBrandDefaultHover);
-  padding-top: 0.5rem !important;
-  padding-bottom: 0.5rem;
+.custom-datepicker .react-datepicker-header {
+  background: var(--bgNeutralDefault);
+  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);
+  background: var(--bgNeutralSubtle);
+  margin-bottom: 8px;
 }
 .custom-datepicker .react-datepicker__day-names > * {
-  color: var(--fgInverseDefault) !important;
+  color: var(--fgNeutralDefault) !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 {
-  background: var(--bgBrandBold);
-  border-color: var(--borderBrandDefault);
-  color: var(--fgInverseDefault);
+.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--today, .custom-datepicker .react-datepicker__year-text--today, .custom-datepicker .react-datepicker__day--today {
+  font-weight: normal;
+  border-radius: 50% !important;
 }
-.custom-datepicker .react-datepicker__month-text--today, .custom-datepicker .react-datepicker__day--today {
+.custom-datepicker .react-datepicker__month-text--today.react-datepicker__day--selected, .custom-datepicker .react-datepicker__year-text--today.react-datepicker__day--selected, .custom-datepicker .react-datepicker__day--today.react-datepicker__day--selected {
+  background: var(--bgBrandBold) !important;
+  border-color: var(--borderBrandDefault) !important;
+  color: var(--fgInverseDefault) !important;
+}
+.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__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__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__year-wrapper {
+  max-width: 15.75rem;
+  justify-content: center;
 }
-.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-text {
+  flex-basis: calc(33.3333333333% - 4px);
 }
-.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-dropdown {
+  background-color: var(--backgroundDropdown) !important;
+}
+.custom-datepicker .react-datepicker__month-dropdown {
+  background-color: var(--backgroundDropdown) !important;
 }
 
 .f-fileUpload {
@@ -7018,7 +6941,8 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 .f-group2--error .f-radio__item--checked .f-radio__indicator::after {
   background: var(--backgroundIndicatorInsideCheckedErrorRadio2);
 }
-.f-group2--error .f-validationMsg--invalid {
+.f-group2--error .f-validationMsg--invalid,
+.f-group2--error .f-text-has-error {
   color: var(--fgErrorDefault);
 }
 
@@ -7034,7 +6958,8 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   color: var(--colorDisabledPlaceholderControl2);
 }
 
-.f-validationMsg {
+.f-validationMsg,
+.f-text-has-error {
   font-size: var(--fontSizeSmall);
   line-height: var(--lineHeightSmall);
   margin-top: var(--spaceXXSmall);
@@ -7111,6 +7036,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 .f-checkbox--disabled .f-checkbox__indicator--checked {
   border: var(--borderIndicatorCheckedDisabledCheckbox2);
   background: var(--backgroundIndicatorCheckedDisabledCheckbox2);
+  color: var(--colorIndicatorCheckedDisabledCheckbox2);
 }
 .f-checkbox--disabled .f-checkbox__text {
   color: var(--colorTextDisabledCheckbox2);
@@ -7230,9 +7156,10 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   cursor: pointer;
   padding-top: 4px;
 }
-.f-radio__item label {
+.f-radio__item .f-label2 {
   display: flex;
-  gap: var(--spaceXSmall);
+  column-gap: var(--spaceXSmall);
+  flex-wrap: wrap;
 }
 .f-radio__item--checked .f-radio__indicator {
   background: var(--backgroundIndicatorCheckedRadio2);
@@ -7273,10 +7200,18 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   font-size: var(--fontSizeTextRadio2);
   font-weight: var(--fontWeightTextRadio2);
   color: var(--colorTextRadio2);
+  flex: 1;
 }
 .f-radio__text + .f-radio__indicator {
   margin-left: var(--spaceXSmall);
 }
+.f-radio__desc {
+  color: var(--colorDescRadio2);
+  font-size: var(--fontSizeDescRadio2);
+  font-weight: var(--fontWeightDescRadio2);
+  flex: 1 1 100%;
+  margin-left: calc(var(--spaceXSmall) + 18px);
+}
 .f-radio__item--disabled {
   cursor: default;
 }
@@ -7286,11 +7221,13 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 }
 .f-radio__item--disabled.f-radio__item--checked .f-radio__indicator {
   border: var(--borderIndicatorCheckedDisabledRadio2);
+  background: var(--backgroundIndicatorCheckedDisabledRadio2);
 }
 .f-radio__item--disabled.f-radio__item--checked .f-radio__indicator::after {
-  background: var(--backgroundIndicatorCheckedDisabledRadio2);
+  background: var(--backgroundDotIndicatorCheckedDisabledRadio2);
 }
-.f-radio__item--disabled .f-radio__text {
+.f-radio__item--disabled .f-radio__text,
+.f-radio__item--disabled .f-radio__desc {
   color: var(--colorTextDisabledRadio2);
 }
 .f-radio .f-label__tooltip2 {
@@ -7370,12 +7307,6 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   border-color: var(--borderDisabledDefault);
 }
 
-.f-text-has-error {
-  font-size: var(--fontSizeFLabel);
-  color: var(--colorFControlInvalid);
-  margin: 7px 0 0 !important;
-}
-
 .f-toggle {
   align-items: center;
   display: inline-flex;
@@ -7558,6 +7489,143 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 .m-menu--main .m-menu__item--button:first-child {
   padding: var(--paddingItemFirstButtonMainMenu);
 }
+.m-menu--main .m-menu__item--button:first-child .c-btn {
+  background: var(--backgroundBorderBtn);
+  border: var(--borderBorderBtn);
+  color: var(--colorBorderBtn);
+}
+.m-menu--main .m-menu__item--button:first-child .c-btn:hover, .m-menu--main .m-menu__item--button:first-child .c-btn:focus {
+  background: var(--backgroundHoverBorderBtn);
+  border: var(--borderHoverBorderBtn);
+  color: var(--colorHoverBorderBtn);
+}
+.m-menu--main .m-menu__item--button:first-child .c-btn:active {
+  background: var(--backgroundActiveBorderBtn);
+  border: var(--borderActiveBorderBtn);
+  color: var(--colorActiveBorderBtn);
+}
+@media (prefers-color-scheme: dark) {
+  .m-menu--main .m-menu__item--button:first-child .c-btn {
+    background: var(--backgroundBtn);
+    border: var(--borderBtn);
+    color: var(--colorBtn);
+  }
+  .m-menu--main .m-menu__item--button:first-child .c-btn:hover, .m-menu--main .m-menu__item--button:first-child .c-btn:focus {
+    background: var(--backgroundHoverBtn);
+    border: var(--borderHoverBtn);
+    color: var(--colorHoverBtn);
+  }
+  .m-menu--main .m-menu__item--button:first-child .c-btn:active {
+    background: var(--backgroundActiveBtn);
+    border: var(--borderActiveBtn);
+    color: var(--colorActiveBtn);
+  }
+  .light .m-menu--main .m-menu__item--button:first-child .c-btn {
+    background: var(--backgroundBorderBtn);
+    border: var(--borderBorderBtn);
+    color: var(--colorBorderBtn);
+  }
+  .light .m-menu--main .m-menu__item--button:first-child .c-btn:hover, .light .m-menu--main .m-menu__item--button:first-child .c-btn:focus {
+    background: var(--backgroundHoverBorderBtn);
+    border: var(--borderHoverBorderBtn);
+    color: var(--colorHoverBorderBtn);
+  }
+  .light .m-menu--main .m-menu__item--button:first-child .c-btn:active {
+    background: var(--backgroundActiveBorderBtn);
+    border: var(--borderActiveBorderBtn);
+    color: var(--colorActiveBorderBtn);
+  }
+}
+.m-menu--main .m-menu__item--button:first-child body.dark .c-btn {
+  background: var(--backgroundBtn);
+  border: var(--borderBtn);
+  color: var(--colorBtn);
+}
+.m-menu--main .m-menu__item--button:first-child body.dark .c-btn:hover, .m-menu--main .m-menu__item--button:first-child body.dark .c-btn:focus {
+  background: var(--backgroundHoverBtn);
+  border: var(--borderHoverBtn);
+  color: var(--colorHoverBtn);
+}
+.m-menu--main .m-menu__item--button:first-child body.dark .c-btn:active {
+  background: var(--backgroundActiveBtn);
+  border: var(--borderActiveBtn);
+  color: var(--colorActiveBtn);
+}
+.light .m-menu--main .m-menu__item--button:first-child body.dark .c-btn {
+  background: var(--backgroundBorderBtn);
+  border: var(--borderBorderBtn);
+  color: var(--colorBorderBtn);
+}
+.light .m-menu--main .m-menu__item--button:first-child body.dark .c-btn:hover, .light .m-menu--main .m-menu__item--button:first-child body.dark .c-btn:focus {
+  background: var(--backgroundHoverBorderBtn);
+  border: var(--borderHoverBorderBtn);
+  color: var(--colorHoverBorderBtn);
+}
+.light .m-menu--main .m-menu__item--button:first-child body.dark .c-btn:active {
+  background: var(--backgroundActiveBorderBtn);
+  border: var(--borderActiveBorderBtn);
+  color: var(--colorActiveBorderBtn);
+}
+.m-menu--main .m-menu__item--button:first-child .c-btn {
+  background: var(--backgroundBorderBtn);
+  border: var(--borderBorderBtn);
+  color: var(--colorBorderBtn);
+}
+.m-menu--main .m-menu__item--button:first-child .c-btn:hover, .m-menu--main .m-menu__item--button:first-child .c-btn:focus {
+  background: var(--backgroundHoverBorderBtn);
+  border: var(--borderHoverBorderBtn);
+  color: var(--colorHoverBorderBtn);
+}
+.m-menu--main .m-menu__item--button:first-child .c-btn:active {
+  background: var(--backgroundActiveBorderBtn);
+  border: var(--borderActiveBorderBtn);
+  color: var(--colorActiveBorderBtn);
+}
+.dark .m-menu--main .m-menu__item--button:first-child .c-btn {
+  background: var(--backgroundBtn);
+  border: var(--borderBtn);
+  color: var(--colorBtn);
+}
+.dark .m-menu--main .m-menu__item--button:first-child .c-btn:hover, .dark .m-menu--main .m-menu__item--button:first-child .c-btn:focus {
+  background: var(--backgroundHoverBtn);
+  border: var(--borderHoverBtn);
+  color: var(--colorHoverBtn);
+}
+.dark .m-menu--main .m-menu__item--button:first-child .c-btn:active {
+  background: var(--backgroundActiveBtn);
+  border: var(--borderActiveBtn);
+  color: var(--colorActiveBtn);
+}
+.m-menu--main .m-menu__item--button:first-child body.light .c-btn {
+  background: var(--backgroundBorderBtn);
+  border: var(--borderBorderBtn);
+  color: var(--colorBorderBtn);
+}
+.m-menu--main .m-menu__item--button:first-child body.light .c-btn:hover, .m-menu--main .m-menu__item--button:first-child body.light .c-btn:focus {
+  background: var(--backgroundHoverBorderBtn);
+  border: var(--borderHoverBorderBtn);
+  color: var(--colorHoverBorderBtn);
+}
+.m-menu--main .m-menu__item--button:first-child body.light .c-btn:active {
+  background: var(--backgroundActiveBorderBtn);
+  border: var(--borderActiveBorderBtn);
+  color: var(--colorActiveBorderBtn);
+}
+.dark .m-menu--main .m-menu__item--button:first-child body.light .c-btn {
+  background: var(--backgroundBtn);
+  border: var(--borderBtn);
+  color: var(--colorBtn);
+}
+.dark .m-menu--main .m-menu__item--button:first-child body.light .c-btn:hover, .dark .m-menu--main .m-menu__item--button:first-child body.light .c-btn:focus {
+  background: var(--backgroundHoverBtn);
+  border: var(--borderHoverBtn);
+  color: var(--colorHoverBtn);
+}
+.dark .m-menu--main .m-menu__item--button:first-child body.light .c-btn:active {
+  background: var(--backgroundActiveBtn);
+  border: var(--borderActiveBtn);
+  color: var(--colorActiveBtn);
+}
 .m-menu--main .m-menu__link {
   padding: var(--paddingLinkMainMenu);
   border-radius: var(--borderRadiusMedium);
@@ -7571,7 +7639,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 .m-menu--main .m-menu__link .c-avatar {
   color: var(--colorIconLinkMainMenu);
 }
-@media screen and (max-width: 991px) {
+@media screen and (max-width: 1199px) {
   .m-menu--main .m-menu {
     display: none;
   }
@@ -7595,7 +7663,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 .m-menu--secondary .m-menu__item--open .m-menu__subMenu {
   padding-top: var(--marginTopItemSecondaryMenu);
 }
-@media screen and (max-width: 991px) {
+@media screen and (max-width: 1199px) {
   .m-menu--secondary .m-menu {
     display: none;
   }
@@ -7646,6 +7714,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   margin-top: var(--marginTopItemMobileMenu);
 }
 .m-menu--mobile .m-menu__item--selected .m-menu__link {
+  background: var(--backgroundLinkSelectedMainMenu);
   color: var(--colorLinkSelectedMobileMenu);
   font-weight: var(--fontWeightBold);
 }
@@ -7659,8 +7728,9 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 .m-menu--mobile .m-menu__link:active {
   color: var(--colorLinkActiveMobileMenu);
 }
-.m-menu--mobile .c-avatar {
+.m-menu--mobile .m-menu__link .c-avatar {
   flex: 0 0 24px;
+  color: var(--colorIconLinkMobileMenu);
 }
 
 .m-stepper__list {
@@ -7691,7 +7761,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 
 .m-stepper__icon {
   align-items: center;
-  background: var(--bgNeutralDefault);
+  background: var(--backgroundIconStepper);
   font-size: var(--fontSizeIconStepper);
   font-weight: var(--fontWeightIconStepper);
   border-radius: 50%;
@@ -7711,9 +7781,6 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 .m-stepper__title {
   color: var(--colorTitleStepper);
   display: inline-block;
-  font-size: var(--fontSizeTitleStepper);
-  font-weight: normal;
-  line-height: var(--lineHeightSmall);
   margin: var(--spaceXSmall) 0 0 0;
 }
 
@@ -7743,6 +7810,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 .m-stepper__item--active .m-stepper__icon,
 .m-stepper__item--done .m-stepper__icon {
   background: var(--bgBrandBold);
+  color: var(--fgInverseDefault);
 }
 .m-stepper__item--active .m-stepper__line .col:first-child,
 .m-stepper__item--done .m-stepper__line .col:first-child {
@@ -8211,9 +8279,6 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 .u-bg--gradientGoldActive {
   background: var(--gradientGoldActive);
 }
-.u-bg--gradientFresh {
-  background: var(--gradientFresh);
-}
 .u-bg--gradientMenu {
   background: var(--gradientMenu);
 }
@@ -8314,6 +8379,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 {
@@ -8460,9 +8528,6 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   .u-bg--gradientGoldActive {
     background: var(--gradientGoldActive);
   }
-  .u-bg--gradientFresh {
-    background: var(--gradientFresh);
-  }
   .u-bg--gradientMenu {
     background: var(--gradientMenu);
   }
@@ -8562,6 +8627,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);
@@ -8707,9 +8775,6 @@ body.dark .u-bg--gradientGoldHover {
 body.dark .u-bg--gradientGoldActive {
   background: var(--gradientGoldActive);
 }
-body.dark .u-bg--gradientFresh {
-  background: var(--gradientFresh);
-}
 body.dark .u-bg--gradientMenu {
   background: var(--gradientMenu);
 }
@@ -8809,6 +8874,9 @@ body.dark .u-fg--fgInverseDefault {
 body.dark .u-fg--fgDisabledDefault {
   color: var(--fgDisabledDefault);
 }
+body.dark .u-fg--fgWhiteDefault {
+  color: var(--fgWhiteDefault);
+}
 
 /****/
 .u-colorBrand {
@@ -9293,6 +9361,10 @@ body.dark .u-fg--fgDisabledDefault {
   position: relative;
 }
 
+.u-position--unset {
+  position: unset;
+}
+
 .u-fullWidth {
   width: 100%;
 }
@@ -9424,7 +9496,7 @@ body.dark .u-fg--fgDisabledDefault {
 /* Slider */
 .slick-loading .slick-list
 {
-    background: #fff url('assets/3878de1c4c8b1be1f0af.gif') center center no-repeat;
+    background: #fff url('assets/9fb87ba9925d87046e1f.gif') center center no-repeat;
 }
 
 /* Icons */
@@ -9434,8 +9506,8 @@ body.dark .u-fg--fgDisabledDefault {
     font-weight: normal;
     font-style: normal;
 
-    src: url('assets/c7461d6a522013fc5e56.eot');
-    src: url('assets/d497db2fd27f9347cb52.eot') format('embedded-opentype'), url('assets/7d68d951eaa0337f952e.woff') format('woff'), url('assets/28eb0c60c8b65bbee7da.ttf') format('truetype'), url('assets/5ad76f8f4348e1108a2e.svg') format('svg');
+    src: url('assets/ac6b8dce6d819b177bcc.eot');
+    src: url('assets/300a9b421092039b2f00.eot') format('embedded-opentype'), url('assets/bce4f5ae3ce4abcab49a.woff') format('woff'), url('assets/094b0626cb75f0145111.ttf') format('truetype'), url('assets/e3bf6c49e42581523134.svg') format('svg');
 }
 /* Arrows */
 .slick-prev,