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

package/cjs/ds-lilly.css

@@ -310,603 +310,771 @@ template {
 
 /* Default colors */
 body {
-  --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);
   --fgNeutralDefault: #17181C;
-  --fgNeutralDefault-rgb: 23, 24, 28;
+  --fgNeutralDefault-rgb: hex-to-rgb(#17181C);
   --fgNeutralSubtle: #606876;
-  --fgNeutralSubtle-rgb: 96, 104, 118;
+  --fgNeutralSubtle-rgb: hex-to-rgb(#606876);
   --fgNeutralSubtlest: #7D8594;
-  --fgNeutralSubtlest-rgb: 125, 133, 148;
+  --fgNeutralSubtlest-rgb: hex-to-rgb(#7D8594);
   --fgBrandDefault: #0C50E4;
-  --fgBrandDefault-rgb: 12, 80, 228;
+  --fgBrandDefault-rgb: hex-to-rgb(#0C50E4);
   --fgPromoDefault: #85703D;
-  --fgPromoDefault-rgb: 133, 112, 61;
+  --fgPromoDefault-rgb: hex-to-rgb(#85703D);
   --fgLinkDefault: #0C50E4;
-  --fgLinkDefault-rgb: 12, 80, 228;
+  --fgLinkDefault-rgb: hex-to-rgb(#0C50E4);
   --fgLinkDefaultHover: #003DBF;
-  --fgLinkDefaultHover-rgb: 0, 61, 191;
+  --fgLinkDefaultHover-rgb: hex-to-rgb(#003DBF);
   --fgLinkDefaultPressed: #082666;
-  --fgLinkDefaultPressed-rgb: 8, 38, 102;
+  --fgLinkDefaultPressed-rgb: hex-to-rgb(#082666);
   --fgInfoDefault: #0C50E4;
-  --fgInfoDefault-rgb: 12, 80, 228;
+  --fgInfoDefault-rgb: hex-to-rgb(#0C50E4);
   --fgErrorDefault: #C9392C;
-  --fgErrorDefault-rgb: 201, 57, 44;
+  --fgErrorDefault-rgb: hex-to-rgb(#C9392C);
   --fgWarningDefault: #A16600;
-  --fgWarningDefault-rgb: 161, 102, 0;
+  --fgWarningDefault-rgb: hex-to-rgb(#A16600);
   --fgSuccessDefault: #19803B;
-  --fgSuccessDefault-rgb: 25, 128, 59;
+  --fgSuccessDefault-rgb: hex-to-rgb(#19803B);
   --fgInverseDefault: #ffffff;
-  --fgInverseDefault-rgb: 255, 255, 255;
+  --fgInverseDefault-rgb: hex-to-rgb(#ffffff);
   --fgDisabledDefault: #A0A5B1;
-  --fgDisabledDefault-rgb: 160, 165, 177;
+  --fgDisabledDefault-rgb: hex-to-rgb(#A0A5B1);
   --bgNeutralDefault: #E8EAED;
-  --bgNeutralDefault-rgb: 232, 234, 237;
+  --bgNeutralDefault-rgb: hex-to-rgb(#E8EAED);
   --bgNeutralDefaultHover: #D5D7DD;
-  --bgNeutralDefaultHover-rgb: 213, 215, 221;
+  --bgNeutralDefaultHover-rgb: hex-to-rgb(#D5D7DD);
   --bgNeutralDefaultActive: #A0A5B1;
-  --bgNeutralDefaultActive-rgb: 160, 165, 177;
+  --bgNeutralDefaultActive-rgb: hex-to-rgb(#A0A5B1);
   --bgNeutralSubtle: #F3F4F5;
-  --bgNeutralSubtle-rgb: 243, 244, 245;
+  --bgNeutralSubtle-rgb: hex-to-rgb(#F3F4F5);
   --bgNeutralSubtleHover: #E8EAED;
-  --bgNeutralSubtleHover-rgb: 232, 234, 237;
+  --bgNeutralSubtleHover-rgb: hex-to-rgb(#E8EAED);
   --bgNeutralSubtleActive: #D5D7DD;
-  --bgNeutralSubtleActive-rgb: 213, 215, 221;
+  --bgNeutralSubtleActive-rgb: hex-to-rgb(#D5D7DD);
   --bgNeutralSubtlest: #ffffff;
-  --bgNeutralSubtlest-rgb: 255, 255, 255;
+  --bgNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
   --bgNeutralSubtlestHover: #F3F4F5;
-  --bgNeutralSubtlestHover-rgb: 243, 244, 245;
+  --bgNeutralSubtlestHover-rgb: hex-to-rgb(#F3F4F5);
   --bgNeutralSubtlestActive: #E8EAED;
-  --bgNeutralSubtlestActive-rgb: 232, 234, 237;
+  --bgNeutralSubtlestActive-rgb: hex-to-rgb(#E8EAED);
   --bgBrandDefault: #E9F0FF;
-  --bgBrandDefault-rgb: 233, 240, 255;
+  --bgBrandDefault-rgb: hex-to-rgb(#E9F0FF);
   --bgBrandDefaultHover: #CCDCFF;
-  --bgBrandDefaultHover-rgb: 204, 220, 255;
+  --bgBrandDefaultHover-rgb: hex-to-rgb(#CCDCFF);
   --bgBrandDefaultPressed: #85ACFF;
-  --bgBrandDefaultPressed-rgb: 133, 172, 255;
+  --bgBrandDefaultPressed-rgb: hex-to-rgb(#85ACFF);
   --bgBrandBold: #1C65FD;
-  --bgBrandBold-rgb: 28, 101, 253;
+  --bgBrandBold-rgb: hex-to-rgb(#1C65FD);
   --bgBrandBoldHover: #0C50E4;
-  --bgBrandBoldHover-rgb: 12, 80, 228;
+  --bgBrandBoldHover-rgb: hex-to-rgb(#0C50E4);
   --bgBrandBoldPressed: #003DBF;
-  --bgBrandBoldPressed-rgb: 0, 61, 191;
+  --bgBrandBoldPressed-rgb: hex-to-rgb(#003DBF);
   --bgPromoBold: #A58B4B;
-  --bgPromoBold-rgb: 165, 139, 75;
+  --bgPromoBold-rgb: hex-to-rgb(#A58B4B);
   --bgPromoBoldHover: #85703D;
-  --bgPromoBoldHover-rgb: 133, 112, 61;
+  --bgPromoBoldHover-rgb: hex-to-rgb(#85703D);
   --bgPromoBoldPressed: #62532D;
-  --bgPromoBoldPressed-rgb: 98, 83, 45;
+  --bgPromoBoldPressed-rgb: hex-to-rgb(#62532D);
   --bgInfoDefault: #E9F0FF;
-  --bgInfoDefault-rgb: 233, 240, 255;
+  --bgInfoDefault-rgb: hex-to-rgb(#E9F0FF);
   --bgInfoDefaultHover: #CCDCFF;
-  --bgInfoDefaultHover-rgb: 204, 220, 255;
+  --bgInfoDefaultHover-rgb: hex-to-rgb(#CCDCFF);
   --bgInfoDefaultPressed: #85ACFF;
-  --bgInfoDefaultPressed-rgb: 133, 172, 255;
+  --bgInfoDefaultPressed-rgb: hex-to-rgb(#85ACFF);
   --bgInfoBold: #1C65FD;
-  --bgInfoBold-rgb: 28, 101, 253;
+  --bgInfoBold-rgb: hex-to-rgb(#1C65FD);
   --bgInfoBoldHover: #0C50E4;
-  --bgInfoBoldHover-rgb: 12, 80, 228;
+  --bgInfoBoldHover-rgb: hex-to-rgb(#0C50E4);
   --bgInfoBoldPressed: #003DBF;
-  --bgInfoBoldPressed-rgb: 0, 61, 191;
+  --bgInfoBoldPressed-rgb: hex-to-rgb(#003DBF);
   --bgErrorDefault: #FFEAE8;
-  --bgErrorDefault-rgb: 255, 234, 232;
+  --bgErrorDefault-rgb: hex-to-rgb(#FFEAE8);
   --bgErrorDefaultHover: #FFD6D2;
-  --bgErrorDefaultHover-rgb: 255, 214, 210;
+  --bgErrorDefaultHover-rgb: hex-to-rgb(#FFD6D2);
   --bgErrorDefaultPressed: #FD9A91;
-  --bgErrorDefaultPressed-rgb: 253, 154, 145;
+  --bgErrorDefaultPressed-rgb: hex-to-rgb(#FD9A91);
   --bgErrorBold: #E24B3D;
-  --bgErrorBold-rgb: 226, 75, 61;
+  --bgErrorBold-rgb: hex-to-rgb(#E24B3D);
   --bgErrorBoldHover: #C9392C;
-  --bgErrorBoldHover-rgb: 201, 57, 44;
+  --bgErrorBoldHover-rgb: hex-to-rgb(#C9392C);
   --bgErrorBoldPressed: #AE3024;
-  --bgErrorBoldPressed-rgb: 174, 48, 36;
+  --bgErrorBoldPressed-rgb: hex-to-rgb(#AE3024);
   --bgWarningDefault: #FFF9DB;
-  --bgWarningDefault-rgb: 255, 249, 219;
+  --bgWarningDefault-rgb: hex-to-rgb(#FFF9DB);
   --bgWarningDefaultHover: #F8E6A0;
-  --bgWarningDefaultHover-rgb: 248, 230, 160;
+  --bgWarningDefaultHover-rgb: hex-to-rgb(#F8E6A0);
   --bgWarningDefaultPressed: #F5D247;
-  --bgWarningDefaultPressed-rgb: 245, 210, 71;
+  --bgWarningDefaultPressed-rgb: hex-to-rgb(#F5D247);
   --bgWarningBold: #B58200;
-  --bgWarningBold-rgb: 181, 130, 0;
+  --bgWarningBold-rgb: hex-to-rgb(#B58200);
   --bgWarningBoldHover: #A16600;
-  --bgWarningBoldHover-rgb: 161, 102, 0;
+  --bgWarningBoldHover-rgb: hex-to-rgb(#A16600);
   --bgWarningBoldPressed: #8A5301;
-  --bgWarningBoldPressed-rgb: 138, 83, 1;
+  --bgWarningBoldPressed-rgb: hex-to-rgb(#8A5301);
   --bgSuccessDefault: #E0FFF0;
-  --bgSuccessDefault-rgb: 224, 255, 240;
+  --bgSuccessDefault-rgb: hex-to-rgb(#E0FFF0);
   --bgSuccessDefaultHover: #C2F2D7;
-  --bgSuccessDefaultHover-rgb: 194, 242, 215;
+  --bgSuccessDefaultHover-rgb: hex-to-rgb(#C2F2D7);
   --bgSuccessDefaultPressed: #80E5A9;
-  --bgSuccessDefaultPressed-rgb: 128, 229, 169;
+  --bgSuccessDefaultPressed-rgb: hex-to-rgb(#80E5A9);
   --bgSuccessBold: #1F9947;
-  --bgSuccessBold-rgb: 31, 153, 71;
+  --bgSuccessBold-rgb: hex-to-rgb(#1F9947);
   --bgSuccessBoldHover: #19803B;
-  --bgSuccessBoldHover-rgb: 25, 128, 59;
+  --bgSuccessBoldHover-rgb: hex-to-rgb(#19803B);
   --bgSuccessBoldPressed: #216E3A;
-  --bgSuccessBoldPressed-rgb: 33, 110, 58;
+  --bgSuccessBoldPressed-rgb: hex-to-rgb(#216E3A);
   --bgDisabledDefault: #F3F4F5;
-  --bgDisabledDefault-rgb: 243, 244, 245;
+  --bgDisabledDefault-rgb: hex-to-rgb(#F3F4F5);
   --surfaceDefault: #F3F4F5;
-  --surfaceDefault-rgb: 243, 244, 245;
+  --surfaceDefault-rgb: hex-to-rgb(#F3F4F5);
+  --surfaceSunken: #E8EAED;
+  --surfaceSunken-rgb: hex-to-rgb(#E8EAED);
   --surfaceRisen: #ffffff;
-  --surfaceRisen-rgb: 255, 255, 255;
+  --surfaceRisen-rgb: hex-to-rgb(#ffffff);
   --surfaceOverlay: #ffffff;
-  --surfaceOverlay-rgb: 255, 255, 255;
+  --surfaceOverlay-rgb: hex-to-rgb(#ffffff);
   --borderNeutralDefault: #D5D7DD;
-  --borderNeutralDefault-rgb: 213, 215, 221;
+  --borderNeutralDefault-rgb: hex-to-rgb(#D5D7DD);
   --borderNeutralSubtle: #E8EAED;
-  --borderNeutralSubtle-rgb: 232, 234, 237;
+  --borderNeutralSubtle-rgb: hex-to-rgb(#E8EAED);
   --borderBrandDefault: #1C65FD;
-  --borderBrandDefault-rgb: 28, 101, 253;
+  --borderBrandDefault-rgb: hex-to-rgb(#1C65FD);
   --borderPromoDefault: #A58B4B;
-  --borderPromoDefault-rgb: 165, 139, 75;
+  --borderPromoDefault-rgb: hex-to-rgb(#A58B4B);
   --borderInfoDefault: #1C65FD;
-  --borderInfoDefault-rgb: 28, 101, 253;
+  --borderInfoDefault-rgb: hex-to-rgb(#1C65FD);
   --borderErrorDefault: #E24B3D;
-  --borderErrorDefault-rgb: 226, 75, 61;
+  --borderErrorDefault-rgb: hex-to-rgb(#E24B3D);
   --borderWarningDefault: #B58200;
-  --borderWarningDefault-rgb: 181, 130, 0;
+  --borderWarningDefault-rgb: hex-to-rgb(#B58200);
   --borderSuccessDefault: #1F9947;
-  --borderSuccessDefault-rgb: 31, 153, 71;
+  --borderSuccessDefault-rgb: hex-to-rgb(#1F9947);
   --borderDisabledDefault: #E8EAED;
-  --borderDisabledDefault-rgb: 232, 234, 237;
+  --borderDisabledDefault-rgb: hex-to-rgb(#E8EAED);
+  --gradientBlueRed: linear-gradient(45deg, #140757 0%, #ed1c24 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(22deg, var(--gradientMenuStart) 28.63%, var(--gradientMenuEnd) 85.57%);
+  --gradientMenuStart: #131D41;
+  --gradientMenuStart-rgb: hex-to-rgb(#131D41);
+  --gradientMenuEnd: #4E1775;
+  --gradientMenuEnd-rgb: hex-to-rgb(#4E1775);
+  --gradientFresh: linear-gradient(314deg, #E930B5 6.72%, #2353FF 107%);
+  --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);
+  --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);
 }
 
 /* Dark theme colors */
 body.dark {
-  --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);
   --fgNeutralDefault: #17181C;
-  --fgNeutralDefault-rgb: 23, 24, 28;
+  --fgNeutralDefault-rgb: hex-to-rgb(#17181C);
   --fgNeutralSubtle: #606876;
-  --fgNeutralSubtle-rgb: 96, 104, 118;
+  --fgNeutralSubtle-rgb: hex-to-rgb(#606876);
   --fgNeutralSubtlest: #7D8594;
-  --fgNeutralSubtlest-rgb: 125, 133, 148;
+  --fgNeutralSubtlest-rgb: hex-to-rgb(#7D8594);
   --fgBrandDefault: #0C50E4;
-  --fgBrandDefault-rgb: 12, 80, 228;
+  --fgBrandDefault-rgb: hex-to-rgb(#0C50E4);
   --fgPromoDefault: #85703D;
-  --fgPromoDefault-rgb: 133, 112, 61;
+  --fgPromoDefault-rgb: hex-to-rgb(#85703D);
   --fgLinkDefault: #0C50E4;
-  --fgLinkDefault-rgb: 12, 80, 228;
+  --fgLinkDefault-rgb: hex-to-rgb(#0C50E4);
   --fgLinkDefaultHover: #003DBF;
-  --fgLinkDefaultHover-rgb: 0, 61, 191;
+  --fgLinkDefaultHover-rgb: hex-to-rgb(#003DBF);
   --fgLinkDefaultPressed: #082666;
-  --fgLinkDefaultPressed-rgb: 8, 38, 102;
+  --fgLinkDefaultPressed-rgb: hex-to-rgb(#082666);
   --fgInfoDefault: #0C50E4;
-  --fgInfoDefault-rgb: 12, 80, 228;
+  --fgInfoDefault-rgb: hex-to-rgb(#0C50E4);
   --fgErrorDefault: #C9392C;
-  --fgErrorDefault-rgb: 201, 57, 44;
+  --fgErrorDefault-rgb: hex-to-rgb(#C9392C);
   --fgWarningDefault: #A16600;
-  --fgWarningDefault-rgb: 161, 102, 0;
+  --fgWarningDefault-rgb: hex-to-rgb(#A16600);
   --fgSuccessDefault: #19803B;
-  --fgSuccessDefault-rgb: 25, 128, 59;
+  --fgSuccessDefault-rgb: hex-to-rgb(#19803B);
   --fgInverseDefault: #ffffff;
-  --fgInverseDefault-rgb: 255, 255, 255;
+  --fgInverseDefault-rgb: hex-to-rgb(#ffffff);
   --fgDisabledDefault: #A0A5B1;
-  --fgDisabledDefault-rgb: 160, 165, 177;
+  --fgDisabledDefault-rgb: hex-to-rgb(#A0A5B1);
   --bgNeutralDefault: #E8EAED;
-  --bgNeutralDefault-rgb: 232, 234, 237;
+  --bgNeutralDefault-rgb: hex-to-rgb(#E8EAED);
   --bgNeutralDefaultHover: #D5D7DD;
-  --bgNeutralDefaultHover-rgb: 213, 215, 221;
+  --bgNeutralDefaultHover-rgb: hex-to-rgb(#D5D7DD);
   --bgNeutralDefaultActive: #A0A5B1;
-  --bgNeutralDefaultActive-rgb: 160, 165, 177;
+  --bgNeutralDefaultActive-rgb: hex-to-rgb(#A0A5B1);
   --bgNeutralSubtle: #F3F4F5;
-  --bgNeutralSubtle-rgb: 243, 244, 245;
+  --bgNeutralSubtle-rgb: hex-to-rgb(#F3F4F5);
   --bgNeutralSubtleHover: #E8EAED;
-  --bgNeutralSubtleHover-rgb: 232, 234, 237;
+  --bgNeutralSubtleHover-rgb: hex-to-rgb(#E8EAED);
   --bgNeutralSubtleActive: #D5D7DD;
-  --bgNeutralSubtleActive-rgb: 213, 215, 221;
+  --bgNeutralSubtleActive-rgb: hex-to-rgb(#D5D7DD);
   --bgNeutralSubtlest: #ffffff;
-  --bgNeutralSubtlest-rgb: 255, 255, 255;
+  --bgNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
   --bgNeutralSubtlestHover: #F3F4F5;
-  --bgNeutralSubtlestHover-rgb: 243, 244, 245;
+  --bgNeutralSubtlestHover-rgb: hex-to-rgb(#F3F4F5);
   --bgNeutralSubtlestActive: #E8EAED;
-  --bgNeutralSubtlestActive-rgb: 232, 234, 237;
+  --bgNeutralSubtlestActive-rgb: hex-to-rgb(#E8EAED);
   --bgBrandDefault: #E9F0FF;
-  --bgBrandDefault-rgb: 233, 240, 255;
+  --bgBrandDefault-rgb: hex-to-rgb(#E9F0FF);
   --bgBrandDefaultHover: #CCDCFF;
-  --bgBrandDefaultHover-rgb: 204, 220, 255;
+  --bgBrandDefaultHover-rgb: hex-to-rgb(#CCDCFF);
   --bgBrandDefaultPressed: #85ACFF;
-  --bgBrandDefaultPressed-rgb: 133, 172, 255;
+  --bgBrandDefaultPressed-rgb: hex-to-rgb(#85ACFF);
   --bgBrandBold: #1C65FD;
-  --bgBrandBold-rgb: 28, 101, 253;
+  --bgBrandBold-rgb: hex-to-rgb(#1C65FD);
   --bgBrandBoldHover: #0C50E4;
-  --bgBrandBoldHover-rgb: 12, 80, 228;
+  --bgBrandBoldHover-rgb: hex-to-rgb(#0C50E4);
   --bgBrandBoldPressed: #003DBF;
-  --bgBrandBoldPressed-rgb: 0, 61, 191;
+  --bgBrandBoldPressed-rgb: hex-to-rgb(#003DBF);
   --bgPromoBold: #A58B4B;
-  --bgPromoBold-rgb: 165, 139, 75;
+  --bgPromoBold-rgb: hex-to-rgb(#A58B4B);
   --bgPromoBoldHover: #85703D;
-  --bgPromoBoldHover-rgb: 133, 112, 61;
+  --bgPromoBoldHover-rgb: hex-to-rgb(#85703D);
   --bgPromoBoldPressed: #62532D;
-  --bgPromoBoldPressed-rgb: 98, 83, 45;
+  --bgPromoBoldPressed-rgb: hex-to-rgb(#62532D);
   --bgInfoDefault: #E9F0FF;
-  --bgInfoDefault-rgb: 233, 240, 255;
+  --bgInfoDefault-rgb: hex-to-rgb(#E9F0FF);
   --bgInfoDefaultHover: #CCDCFF;
-  --bgInfoDefaultHover-rgb: 204, 220, 255;
+  --bgInfoDefaultHover-rgb: hex-to-rgb(#CCDCFF);
   --bgInfoDefaultPressed: #85ACFF;
-  --bgInfoDefaultPressed-rgb: 133, 172, 255;
+  --bgInfoDefaultPressed-rgb: hex-to-rgb(#85ACFF);
   --bgInfoBold: #1C65FD;
-  --bgInfoBold-rgb: 28, 101, 253;
+  --bgInfoBold-rgb: hex-to-rgb(#1C65FD);
   --bgInfoBoldHover: #0C50E4;
-  --bgInfoBoldHover-rgb: 12, 80, 228;
+  --bgInfoBoldHover-rgb: hex-to-rgb(#0C50E4);
   --bgInfoBoldPressed: #003DBF;
-  --bgInfoBoldPressed-rgb: 0, 61, 191;
+  --bgInfoBoldPressed-rgb: hex-to-rgb(#003DBF);
   --bgErrorDefault: #FFEAE8;
-  --bgErrorDefault-rgb: 255, 234, 232;
+  --bgErrorDefault-rgb: hex-to-rgb(#FFEAE8);
   --bgErrorDefaultHover: #FFD6D2;
-  --bgErrorDefaultHover-rgb: 255, 214, 210;
+  --bgErrorDefaultHover-rgb: hex-to-rgb(#FFD6D2);
   --bgErrorDefaultPressed: #FD9A91;
-  --bgErrorDefaultPressed-rgb: 253, 154, 145;
+  --bgErrorDefaultPressed-rgb: hex-to-rgb(#FD9A91);
   --bgErrorBold: #E24B3D;
-  --bgErrorBold-rgb: 226, 75, 61;
+  --bgErrorBold-rgb: hex-to-rgb(#E24B3D);
   --bgErrorBoldHover: #C9392C;
-  --bgErrorBoldHover-rgb: 201, 57, 44;
+  --bgErrorBoldHover-rgb: hex-to-rgb(#C9392C);
   --bgErrorBoldPressed: #AE3024;
-  --bgErrorBoldPressed-rgb: 174, 48, 36;
+  --bgErrorBoldPressed-rgb: hex-to-rgb(#AE3024);
   --bgWarningDefault: #FFF9DB;
-  --bgWarningDefault-rgb: 255, 249, 219;
+  --bgWarningDefault-rgb: hex-to-rgb(#FFF9DB);
   --bgWarningDefaultHover: #F8E6A0;
-  --bgWarningDefaultHover-rgb: 248, 230, 160;
+  --bgWarningDefaultHover-rgb: hex-to-rgb(#F8E6A0);
   --bgWarningDefaultPressed: #F5D247;
-  --bgWarningDefaultPressed-rgb: 245, 210, 71;
+  --bgWarningDefaultPressed-rgb: hex-to-rgb(#F5D247);
   --bgWarningBold: #B58200;
-  --bgWarningBold-rgb: 181, 130, 0;
+  --bgWarningBold-rgb: hex-to-rgb(#B58200);
   --bgWarningBoldHover: #A16600;
-  --bgWarningBoldHover-rgb: 161, 102, 0;
+  --bgWarningBoldHover-rgb: hex-to-rgb(#A16600);
   --bgWarningBoldPressed: #8A5301;
-  --bgWarningBoldPressed-rgb: 138, 83, 1;
+  --bgWarningBoldPressed-rgb: hex-to-rgb(#8A5301);
   --bgSuccessDefault: #E0FFF0;
-  --bgSuccessDefault-rgb: 224, 255, 240;
+  --bgSuccessDefault-rgb: hex-to-rgb(#E0FFF0);
   --bgSuccessDefaultHover: #C2F2D7;
-  --bgSuccessDefaultHover-rgb: 194, 242, 215;
+  --bgSuccessDefaultHover-rgb: hex-to-rgb(#C2F2D7);
   --bgSuccessDefaultPressed: #80E5A9;
-  --bgSuccessDefaultPressed-rgb: 128, 229, 169;
+  --bgSuccessDefaultPressed-rgb: hex-to-rgb(#80E5A9);
   --bgSuccessBold: #1F9947;
-  --bgSuccessBold-rgb: 31, 153, 71;
+  --bgSuccessBold-rgb: hex-to-rgb(#1F9947);
   --bgSuccessBoldHover: #19803B;
-  --bgSuccessBoldHover-rgb: 25, 128, 59;
+  --bgSuccessBoldHover-rgb: hex-to-rgb(#19803B);
   --bgSuccessBoldPressed: #216E3A;
-  --bgSuccessBoldPressed-rgb: 33, 110, 58;
+  --bgSuccessBoldPressed-rgb: hex-to-rgb(#216E3A);
   --bgDisabledDefault: #F3F4F5;
-  --bgDisabledDefault-rgb: 243, 244, 245;
+  --bgDisabledDefault-rgb: hex-to-rgb(#F3F4F5);
   --surfaceDefault: #F3F4F5;
-  --surfaceDefault-rgb: 243, 244, 245;
+  --surfaceDefault-rgb: hex-to-rgb(#F3F4F5);
+  --surfaceSunken: #E8EAED;
+  --surfaceSunken-rgb: hex-to-rgb(#E8EAED);
   --surfaceRisen: #ffffff;
-  --surfaceRisen-rgb: 255, 255, 255;
+  --surfaceRisen-rgb: hex-to-rgb(#ffffff);
   --surfaceOverlay: #ffffff;
-  --surfaceOverlay-rgb: 255, 255, 255;
+  --surfaceOverlay-rgb: hex-to-rgb(#ffffff);
   --borderNeutralDefault: #D5D7DD;
-  --borderNeutralDefault-rgb: 213, 215, 221;
+  --borderNeutralDefault-rgb: hex-to-rgb(#D5D7DD);
   --borderNeutralSubtle: #E8EAED;
-  --borderNeutralSubtle-rgb: 232, 234, 237;
+  --borderNeutralSubtle-rgb: hex-to-rgb(#E8EAED);
   --borderBrandDefault: #1C65FD;
-  --borderBrandDefault-rgb: 28, 101, 253;
+  --borderBrandDefault-rgb: hex-to-rgb(#1C65FD);
   --borderPromoDefault: #A58B4B;
-  --borderPromoDefault-rgb: 165, 139, 75;
+  --borderPromoDefault-rgb: hex-to-rgb(#A58B4B);
   --borderInfoDefault: #1C65FD;
-  --borderInfoDefault-rgb: 28, 101, 253;
+  --borderInfoDefault-rgb: hex-to-rgb(#1C65FD);
   --borderErrorDefault: #E24B3D;
-  --borderErrorDefault-rgb: 226, 75, 61;
+  --borderErrorDefault-rgb: hex-to-rgb(#E24B3D);
   --borderWarningDefault: #B58200;
-  --borderWarningDefault-rgb: 181, 130, 0;
+  --borderWarningDefault-rgb: hex-to-rgb(#B58200);
   --borderSuccessDefault: #1F9947;
-  --borderSuccessDefault-rgb: 31, 153, 71;
+  --borderSuccessDefault-rgb: hex-to-rgb(#1F9947);
   --borderDisabledDefault: #E8EAED;
-  --borderDisabledDefault-rgb: 232, 234, 237;
+  --borderDisabledDefault-rgb: hex-to-rgb(#E8EAED);
+  --gradientBlueRed: linear-gradient(45deg, #140757 0%, #ed1c24 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(22deg, var(--gradientMenuStart) 28.63%, var(--gradientMenuEnd) 85.57%);
+  --gradientMenuStart: #131D41;
+  --gradientMenuStart-rgb: hex-to-rgb(#131D41);
+  --gradientMenuEnd: #4E1775;
+  --gradientMenuEnd-rgb: hex-to-rgb(#4E1775);
+  --gradientFresh: linear-gradient(314deg, #E930B5 6.72%, #2353FF 107%);
+  --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);
+  --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);
 }
 
 /* Styles for users who prefer dark mode at the OS level */
 @media (prefers-color-scheme: dark) {
   /* defaults to dark theme */
   body {
-    --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);
     --fgNeutralDefault: #17181C;
-    --fgNeutralDefault-rgb: 23, 24, 28;
+    --fgNeutralDefault-rgb: hex-to-rgb(#17181C);
     --fgNeutralSubtle: #606876;
-    --fgNeutralSubtle-rgb: 96, 104, 118;
+    --fgNeutralSubtle-rgb: hex-to-rgb(#606876);
     --fgNeutralSubtlest: #7D8594;
-    --fgNeutralSubtlest-rgb: 125, 133, 148;
+    --fgNeutralSubtlest-rgb: hex-to-rgb(#7D8594);
     --fgBrandDefault: #0C50E4;
-    --fgBrandDefault-rgb: 12, 80, 228;
+    --fgBrandDefault-rgb: hex-to-rgb(#0C50E4);
     --fgPromoDefault: #85703D;
-    --fgPromoDefault-rgb: 133, 112, 61;
+    --fgPromoDefault-rgb: hex-to-rgb(#85703D);
     --fgLinkDefault: #0C50E4;
-    --fgLinkDefault-rgb: 12, 80, 228;
+    --fgLinkDefault-rgb: hex-to-rgb(#0C50E4);
     --fgLinkDefaultHover: #003DBF;
-    --fgLinkDefaultHover-rgb: 0, 61, 191;
+    --fgLinkDefaultHover-rgb: hex-to-rgb(#003DBF);
     --fgLinkDefaultPressed: #082666;
-    --fgLinkDefaultPressed-rgb: 8, 38, 102;
+    --fgLinkDefaultPressed-rgb: hex-to-rgb(#082666);
     --fgInfoDefault: #0C50E4;
-    --fgInfoDefault-rgb: 12, 80, 228;
+    --fgInfoDefault-rgb: hex-to-rgb(#0C50E4);
     --fgErrorDefault: #C9392C;
-    --fgErrorDefault-rgb: 201, 57, 44;
+    --fgErrorDefault-rgb: hex-to-rgb(#C9392C);
     --fgWarningDefault: #A16600;
-    --fgWarningDefault-rgb: 161, 102, 0;
+    --fgWarningDefault-rgb: hex-to-rgb(#A16600);
     --fgSuccessDefault: #19803B;
-    --fgSuccessDefault-rgb: 25, 128, 59;
+    --fgSuccessDefault-rgb: hex-to-rgb(#19803B);
     --fgInverseDefault: #ffffff;
-    --fgInverseDefault-rgb: 255, 255, 255;
+    --fgInverseDefault-rgb: hex-to-rgb(#ffffff);
     --fgDisabledDefault: #A0A5B1;
-    --fgDisabledDefault-rgb: 160, 165, 177;
+    --fgDisabledDefault-rgb: hex-to-rgb(#A0A5B1);
     --bgNeutralDefault: #E8EAED;
-    --bgNeutralDefault-rgb: 232, 234, 237;
+    --bgNeutralDefault-rgb: hex-to-rgb(#E8EAED);
     --bgNeutralDefaultHover: #D5D7DD;
-    --bgNeutralDefaultHover-rgb: 213, 215, 221;
+    --bgNeutralDefaultHover-rgb: hex-to-rgb(#D5D7DD);
     --bgNeutralDefaultActive: #A0A5B1;
-    --bgNeutralDefaultActive-rgb: 160, 165, 177;
+    --bgNeutralDefaultActive-rgb: hex-to-rgb(#A0A5B1);
     --bgNeutralSubtle: #F3F4F5;
-    --bgNeutralSubtle-rgb: 243, 244, 245;
+    --bgNeutralSubtle-rgb: hex-to-rgb(#F3F4F5);
     --bgNeutralSubtleHover: #E8EAED;
-    --bgNeutralSubtleHover-rgb: 232, 234, 237;
+    --bgNeutralSubtleHover-rgb: hex-to-rgb(#E8EAED);
     --bgNeutralSubtleActive: #D5D7DD;
-    --bgNeutralSubtleActive-rgb: 213, 215, 221;
+    --bgNeutralSubtleActive-rgb: hex-to-rgb(#D5D7DD);
     --bgNeutralSubtlest: #ffffff;
-    --bgNeutralSubtlest-rgb: 255, 255, 255;
+    --bgNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
     --bgNeutralSubtlestHover: #F3F4F5;
-    --bgNeutralSubtlestHover-rgb: 243, 244, 245;
+    --bgNeutralSubtlestHover-rgb: hex-to-rgb(#F3F4F5);
     --bgNeutralSubtlestActive: #E8EAED;
-    --bgNeutralSubtlestActive-rgb: 232, 234, 237;
+    --bgNeutralSubtlestActive-rgb: hex-to-rgb(#E8EAED);
     --bgBrandDefault: #E9F0FF;
-    --bgBrandDefault-rgb: 233, 240, 255;
+    --bgBrandDefault-rgb: hex-to-rgb(#E9F0FF);
     --bgBrandDefaultHover: #CCDCFF;
-    --bgBrandDefaultHover-rgb: 204, 220, 255;
+    --bgBrandDefaultHover-rgb: hex-to-rgb(#CCDCFF);
     --bgBrandDefaultPressed: #85ACFF;
-    --bgBrandDefaultPressed-rgb: 133, 172, 255;
+    --bgBrandDefaultPressed-rgb: hex-to-rgb(#85ACFF);
     --bgBrandBold: #1C65FD;
-    --bgBrandBold-rgb: 28, 101, 253;
+    --bgBrandBold-rgb: hex-to-rgb(#1C65FD);
     --bgBrandBoldHover: #0C50E4;
-    --bgBrandBoldHover-rgb: 12, 80, 228;
+    --bgBrandBoldHover-rgb: hex-to-rgb(#0C50E4);
     --bgBrandBoldPressed: #003DBF;
-    --bgBrandBoldPressed-rgb: 0, 61, 191;
+    --bgBrandBoldPressed-rgb: hex-to-rgb(#003DBF);
     --bgPromoBold: #A58B4B;
-    --bgPromoBold-rgb: 165, 139, 75;
+    --bgPromoBold-rgb: hex-to-rgb(#A58B4B);
     --bgPromoBoldHover: #85703D;
-    --bgPromoBoldHover-rgb: 133, 112, 61;
+    --bgPromoBoldHover-rgb: hex-to-rgb(#85703D);
     --bgPromoBoldPressed: #62532D;
-    --bgPromoBoldPressed-rgb: 98, 83, 45;
+    --bgPromoBoldPressed-rgb: hex-to-rgb(#62532D);
     --bgInfoDefault: #E9F0FF;
-    --bgInfoDefault-rgb: 233, 240, 255;
+    --bgInfoDefault-rgb: hex-to-rgb(#E9F0FF);
     --bgInfoDefaultHover: #CCDCFF;
-    --bgInfoDefaultHover-rgb: 204, 220, 255;
+    --bgInfoDefaultHover-rgb: hex-to-rgb(#CCDCFF);
     --bgInfoDefaultPressed: #85ACFF;
-    --bgInfoDefaultPressed-rgb: 133, 172, 255;
+    --bgInfoDefaultPressed-rgb: hex-to-rgb(#85ACFF);
     --bgInfoBold: #1C65FD;
-    --bgInfoBold-rgb: 28, 101, 253;
+    --bgInfoBold-rgb: hex-to-rgb(#1C65FD);
     --bgInfoBoldHover: #0C50E4;
-    --bgInfoBoldHover-rgb: 12, 80, 228;
+    --bgInfoBoldHover-rgb: hex-to-rgb(#0C50E4);
     --bgInfoBoldPressed: #003DBF;
-    --bgInfoBoldPressed-rgb: 0, 61, 191;
+    --bgInfoBoldPressed-rgb: hex-to-rgb(#003DBF);
     --bgErrorDefault: #FFEAE8;
-    --bgErrorDefault-rgb: 255, 234, 232;
+    --bgErrorDefault-rgb: hex-to-rgb(#FFEAE8);
     --bgErrorDefaultHover: #FFD6D2;
-    --bgErrorDefaultHover-rgb: 255, 214, 210;
+    --bgErrorDefaultHover-rgb: hex-to-rgb(#FFD6D2);
     --bgErrorDefaultPressed: #FD9A91;
-    --bgErrorDefaultPressed-rgb: 253, 154, 145;
+    --bgErrorDefaultPressed-rgb: hex-to-rgb(#FD9A91);
     --bgErrorBold: #E24B3D;
-    --bgErrorBold-rgb: 226, 75, 61;
+    --bgErrorBold-rgb: hex-to-rgb(#E24B3D);
     --bgErrorBoldHover: #C9392C;
-    --bgErrorBoldHover-rgb: 201, 57, 44;
+    --bgErrorBoldHover-rgb: hex-to-rgb(#C9392C);
     --bgErrorBoldPressed: #AE3024;
-    --bgErrorBoldPressed-rgb: 174, 48, 36;
+    --bgErrorBoldPressed-rgb: hex-to-rgb(#AE3024);
     --bgWarningDefault: #FFF9DB;
-    --bgWarningDefault-rgb: 255, 249, 219;
+    --bgWarningDefault-rgb: hex-to-rgb(#FFF9DB);
     --bgWarningDefaultHover: #F8E6A0;
-    --bgWarningDefaultHover-rgb: 248, 230, 160;
+    --bgWarningDefaultHover-rgb: hex-to-rgb(#F8E6A0);
     --bgWarningDefaultPressed: #F5D247;
-    --bgWarningDefaultPressed-rgb: 245, 210, 71;
+    --bgWarningDefaultPressed-rgb: hex-to-rgb(#F5D247);
     --bgWarningBold: #B58200;
-    --bgWarningBold-rgb: 181, 130, 0;
+    --bgWarningBold-rgb: hex-to-rgb(#B58200);
     --bgWarningBoldHover: #A16600;
-    --bgWarningBoldHover-rgb: 161, 102, 0;
+    --bgWarningBoldHover-rgb: hex-to-rgb(#A16600);
     --bgWarningBoldPressed: #8A5301;
-    --bgWarningBoldPressed-rgb: 138, 83, 1;
+    --bgWarningBoldPressed-rgb: hex-to-rgb(#8A5301);
     --bgSuccessDefault: #E0FFF0;
-    --bgSuccessDefault-rgb: 224, 255, 240;
+    --bgSuccessDefault-rgb: hex-to-rgb(#E0FFF0);
     --bgSuccessDefaultHover: #C2F2D7;
-    --bgSuccessDefaultHover-rgb: 194, 242, 215;
+    --bgSuccessDefaultHover-rgb: hex-to-rgb(#C2F2D7);
     --bgSuccessDefaultPressed: #80E5A9;
-    --bgSuccessDefaultPressed-rgb: 128, 229, 169;
+    --bgSuccessDefaultPressed-rgb: hex-to-rgb(#80E5A9);
     --bgSuccessBold: #1F9947;
-    --bgSuccessBold-rgb: 31, 153, 71;
+    --bgSuccessBold-rgb: hex-to-rgb(#1F9947);
     --bgSuccessBoldHover: #19803B;
-    --bgSuccessBoldHover-rgb: 25, 128, 59;
+    --bgSuccessBoldHover-rgb: hex-to-rgb(#19803B);
     --bgSuccessBoldPressed: #216E3A;
-    --bgSuccessBoldPressed-rgb: 33, 110, 58;
+    --bgSuccessBoldPressed-rgb: hex-to-rgb(#216E3A);
     --bgDisabledDefault: #F3F4F5;
-    --bgDisabledDefault-rgb: 243, 244, 245;
+    --bgDisabledDefault-rgb: hex-to-rgb(#F3F4F5);
     --surfaceDefault: #F3F4F5;
-    --surfaceDefault-rgb: 243, 244, 245;
+    --surfaceDefault-rgb: hex-to-rgb(#F3F4F5);
+    --surfaceSunken: #E8EAED;
+    --surfaceSunken-rgb: hex-to-rgb(#E8EAED);
     --surfaceRisen: #ffffff;
-    --surfaceRisen-rgb: 255, 255, 255;
+    --surfaceRisen-rgb: hex-to-rgb(#ffffff);
     --surfaceOverlay: #ffffff;
-    --surfaceOverlay-rgb: 255, 255, 255;
+    --surfaceOverlay-rgb: hex-to-rgb(#ffffff);
     --borderNeutralDefault: #D5D7DD;
-    --borderNeutralDefault-rgb: 213, 215, 221;
+    --borderNeutralDefault-rgb: hex-to-rgb(#D5D7DD);
     --borderNeutralSubtle: #E8EAED;
-    --borderNeutralSubtle-rgb: 232, 234, 237;
+    --borderNeutralSubtle-rgb: hex-to-rgb(#E8EAED);
     --borderBrandDefault: #1C65FD;
-    --borderBrandDefault-rgb: 28, 101, 253;
+    --borderBrandDefault-rgb: hex-to-rgb(#1C65FD);
     --borderPromoDefault: #A58B4B;
-    --borderPromoDefault-rgb: 165, 139, 75;
+    --borderPromoDefault-rgb: hex-to-rgb(#A58B4B);
     --borderInfoDefault: #1C65FD;
-    --borderInfoDefault-rgb: 28, 101, 253;
+    --borderInfoDefault-rgb: hex-to-rgb(#1C65FD);
     --borderErrorDefault: #E24B3D;
-    --borderErrorDefault-rgb: 226, 75, 61;
+    --borderErrorDefault-rgb: hex-to-rgb(#E24B3D);
     --borderWarningDefault: #B58200;
-    --borderWarningDefault-rgb: 181, 130, 0;
+    --borderWarningDefault-rgb: hex-to-rgb(#B58200);
     --borderSuccessDefault: #1F9947;
-    --borderSuccessDefault-rgb: 31, 153, 71;
+    --borderSuccessDefault-rgb: hex-to-rgb(#1F9947);
     --borderDisabledDefault: #E8EAED;
-    --borderDisabledDefault-rgb: 232, 234, 237;
-  }
-  /* Override dark mode with light mode styles if the user decides to swap */
-  body.light {
+    --borderDisabledDefault-rgb: hex-to-rgb(#E8EAED);
+    --gradientBlueRed: linear-gradient(45deg, #140757 0%, #ed1c24 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(22deg, var(--gradientMenuStart) 28.63%, var(--gradientMenuEnd) 85.57%);
+    --gradientMenuStart: #131D41;
+    --gradientMenuStart-rgb: hex-to-rgb(#131D41);
+    --gradientMenuEnd: #4E1775;
+    --gradientMenuEnd-rgb: hex-to-rgb(#4E1775);
+    --gradientFresh: linear-gradient(314deg, #E930B5 6.72%, #2353FF 107%);
+    --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);
     --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: #17181C;
-    --fgNeutralDefault-rgb: 23, 24, 28;
+    --fgNeutralDefault-rgb: hex-to-rgb(#17181C);
     --fgNeutralSubtle: #606876;
-    --fgNeutralSubtle-rgb: 96, 104, 118;
+    --fgNeutralSubtle-rgb: hex-to-rgb(#606876);
     --fgNeutralSubtlest: #7D8594;
-    --fgNeutralSubtlest-rgb: 125, 133, 148;
+    --fgNeutralSubtlest-rgb: hex-to-rgb(#7D8594);
     --fgBrandDefault: #0C50E4;
-    --fgBrandDefault-rgb: 12, 80, 228;
+    --fgBrandDefault-rgb: hex-to-rgb(#0C50E4);
     --fgPromoDefault: #85703D;
-    --fgPromoDefault-rgb: 133, 112, 61;
+    --fgPromoDefault-rgb: hex-to-rgb(#85703D);
     --fgLinkDefault: #0C50E4;
-    --fgLinkDefault-rgb: 12, 80, 228;
+    --fgLinkDefault-rgb: hex-to-rgb(#0C50E4);
     --fgLinkDefaultHover: #003DBF;
-    --fgLinkDefaultHover-rgb: 0, 61, 191;
+    --fgLinkDefaultHover-rgb: hex-to-rgb(#003DBF);
     --fgLinkDefaultPressed: #082666;
-    --fgLinkDefaultPressed-rgb: 8, 38, 102;
+    --fgLinkDefaultPressed-rgb: hex-to-rgb(#082666);
     --fgInfoDefault: #0C50E4;
-    --fgInfoDefault-rgb: 12, 80, 228;
+    --fgInfoDefault-rgb: hex-to-rgb(#0C50E4);
     --fgErrorDefault: #C9392C;
-    --fgErrorDefault-rgb: 201, 57, 44;
+    --fgErrorDefault-rgb: hex-to-rgb(#C9392C);
     --fgWarningDefault: #A16600;
-    --fgWarningDefault-rgb: 161, 102, 0;
+    --fgWarningDefault-rgb: hex-to-rgb(#A16600);
     --fgSuccessDefault: #19803B;
-    --fgSuccessDefault-rgb: 25, 128, 59;
+    --fgSuccessDefault-rgb: hex-to-rgb(#19803B);
     --fgInverseDefault: #ffffff;
-    --fgInverseDefault-rgb: 255, 255, 255;
+    --fgInverseDefault-rgb: hex-to-rgb(#ffffff);
     --fgDisabledDefault: #A0A5B1;
-    --fgDisabledDefault-rgb: 160, 165, 177;
+    --fgDisabledDefault-rgb: hex-to-rgb(#A0A5B1);
     --bgNeutralDefault: #E8EAED;
-    --bgNeutralDefault-rgb: 232, 234, 237;
+    --bgNeutralDefault-rgb: hex-to-rgb(#E8EAED);
     --bgNeutralDefaultHover: #D5D7DD;
-    --bgNeutralDefaultHover-rgb: 213, 215, 221;
+    --bgNeutralDefaultHover-rgb: hex-to-rgb(#D5D7DD);
     --bgNeutralDefaultActive: #A0A5B1;
-    --bgNeutralDefaultActive-rgb: 160, 165, 177;
+    --bgNeutralDefaultActive-rgb: hex-to-rgb(#A0A5B1);
     --bgNeutralSubtle: #F3F4F5;
-    --bgNeutralSubtle-rgb: 243, 244, 245;
+    --bgNeutralSubtle-rgb: hex-to-rgb(#F3F4F5);
     --bgNeutralSubtleHover: #E8EAED;
-    --bgNeutralSubtleHover-rgb: 232, 234, 237;
+    --bgNeutralSubtleHover-rgb: hex-to-rgb(#E8EAED);
     --bgNeutralSubtleActive: #D5D7DD;
-    --bgNeutralSubtleActive-rgb: 213, 215, 221;
+    --bgNeutralSubtleActive-rgb: hex-to-rgb(#D5D7DD);
     --bgNeutralSubtlest: #ffffff;
-    --bgNeutralSubtlest-rgb: 255, 255, 255;
+    --bgNeutralSubtlest-rgb: hex-to-rgb(#ffffff);
     --bgNeutralSubtlestHover: #F3F4F5;
-    --bgNeutralSubtlestHover-rgb: 243, 244, 245;
+    --bgNeutralSubtlestHover-rgb: hex-to-rgb(#F3F4F5);
     --bgNeutralSubtlestActive: #E8EAED;
-    --bgNeutralSubtlestActive-rgb: 232, 234, 237;
+    --bgNeutralSubtlestActive-rgb: hex-to-rgb(#E8EAED);
     --bgBrandDefault: #E9F0FF;
-    --bgBrandDefault-rgb: 233, 240, 255;
+    --bgBrandDefault-rgb: hex-to-rgb(#E9F0FF);
     --bgBrandDefaultHover: #CCDCFF;
-    --bgBrandDefaultHover-rgb: 204, 220, 255;
+    --bgBrandDefaultHover-rgb: hex-to-rgb(#CCDCFF);
     --bgBrandDefaultPressed: #85ACFF;
-    --bgBrandDefaultPressed-rgb: 133, 172, 255;
+    --bgBrandDefaultPressed-rgb: hex-to-rgb(#85ACFF);
     --bgBrandBold: #1C65FD;
-    --bgBrandBold-rgb: 28, 101, 253;
+    --bgBrandBold-rgb: hex-to-rgb(#1C65FD);
     --bgBrandBoldHover: #0C50E4;
-    --bgBrandBoldHover-rgb: 12, 80, 228;
+    --bgBrandBoldHover-rgb: hex-to-rgb(#0C50E4);
     --bgBrandBoldPressed: #003DBF;
-    --bgBrandBoldPressed-rgb: 0, 61, 191;
+    --bgBrandBoldPressed-rgb: hex-to-rgb(#003DBF);
     --bgPromoBold: #A58B4B;
-    --bgPromoBold-rgb: 165, 139, 75;
+    --bgPromoBold-rgb: hex-to-rgb(#A58B4B);
     --bgPromoBoldHover: #85703D;
-    --bgPromoBoldHover-rgb: 133, 112, 61;
+    --bgPromoBoldHover-rgb: hex-to-rgb(#85703D);
     --bgPromoBoldPressed: #62532D;
-    --bgPromoBoldPressed-rgb: 98, 83, 45;
+    --bgPromoBoldPressed-rgb: hex-to-rgb(#62532D);
     --bgInfoDefault: #E9F0FF;
-    --bgInfoDefault-rgb: 233, 240, 255;
+    --bgInfoDefault-rgb: hex-to-rgb(#E9F0FF);
     --bgInfoDefaultHover: #CCDCFF;
-    --bgInfoDefaultHover-rgb: 204, 220, 255;
+    --bgInfoDefaultHover-rgb: hex-to-rgb(#CCDCFF);
     --bgInfoDefaultPressed: #85ACFF;
-    --bgInfoDefaultPressed-rgb: 133, 172, 255;
+    --bgInfoDefaultPressed-rgb: hex-to-rgb(#85ACFF);
     --bgInfoBold: #1C65FD;
-    --bgInfoBold-rgb: 28, 101, 253;
+    --bgInfoBold-rgb: hex-to-rgb(#1C65FD);
     --bgInfoBoldHover: #0C50E4;
-    --bgInfoBoldHover-rgb: 12, 80, 228;
+    --bgInfoBoldHover-rgb: hex-to-rgb(#0C50E4);
     --bgInfoBoldPressed: #003DBF;
-    --bgInfoBoldPressed-rgb: 0, 61, 191;
+    --bgInfoBoldPressed-rgb: hex-to-rgb(#003DBF);
     --bgErrorDefault: #FFEAE8;
-    --bgErrorDefault-rgb: 255, 234, 232;
+    --bgErrorDefault-rgb: hex-to-rgb(#FFEAE8);
     --bgErrorDefaultHover: #FFD6D2;
-    --bgErrorDefaultHover-rgb: 255, 214, 210;
+    --bgErrorDefaultHover-rgb: hex-to-rgb(#FFD6D2);
     --bgErrorDefaultPressed: #FD9A91;
-    --bgErrorDefaultPressed-rgb: 253, 154, 145;
+    --bgErrorDefaultPressed-rgb: hex-to-rgb(#FD9A91);
     --bgErrorBold: #E24B3D;
-    --bgErrorBold-rgb: 226, 75, 61;
+    --bgErrorBold-rgb: hex-to-rgb(#E24B3D);
     --bgErrorBoldHover: #C9392C;
-    --bgErrorBoldHover-rgb: 201, 57, 44;
+    --bgErrorBoldHover-rgb: hex-to-rgb(#C9392C);
     --bgErrorBoldPressed: #AE3024;
-    --bgErrorBoldPressed-rgb: 174, 48, 36;
+    --bgErrorBoldPressed-rgb: hex-to-rgb(#AE3024);
     --bgWarningDefault: #FFF9DB;
-    --bgWarningDefault-rgb: 255, 249, 219;
+    --bgWarningDefault-rgb: hex-to-rgb(#FFF9DB);
     --bgWarningDefaultHover: #F8E6A0;
-    --bgWarningDefaultHover-rgb: 248, 230, 160;
+    --bgWarningDefaultHover-rgb: hex-to-rgb(#F8E6A0);
     --bgWarningDefaultPressed: #F5D247;
-    --bgWarningDefaultPressed-rgb: 245, 210, 71;
+    --bgWarningDefaultPressed-rgb: hex-to-rgb(#F5D247);
     --bgWarningBold: #B58200;
-    --bgWarningBold-rgb: 181, 130, 0;
+    --bgWarningBold-rgb: hex-to-rgb(#B58200);
     --bgWarningBoldHover: #A16600;
-    --bgWarningBoldHover-rgb: 161, 102, 0;
+    --bgWarningBoldHover-rgb: hex-to-rgb(#A16600);
     --bgWarningBoldPressed: #8A5301;
-    --bgWarningBoldPressed-rgb: 138, 83, 1;
+    --bgWarningBoldPressed-rgb: hex-to-rgb(#8A5301);
     --bgSuccessDefault: #E0FFF0;
-    --bgSuccessDefault-rgb: 224, 255, 240;
+    --bgSuccessDefault-rgb: hex-to-rgb(#E0FFF0);
     --bgSuccessDefaultHover: #C2F2D7;
-    --bgSuccessDefaultHover-rgb: 194, 242, 215;
+    --bgSuccessDefaultHover-rgb: hex-to-rgb(#C2F2D7);
     --bgSuccessDefaultPressed: #80E5A9;
-    --bgSuccessDefaultPressed-rgb: 128, 229, 169;
+    --bgSuccessDefaultPressed-rgb: hex-to-rgb(#80E5A9);
     --bgSuccessBold: #1F9947;
-    --bgSuccessBold-rgb: 31, 153, 71;
+    --bgSuccessBold-rgb: hex-to-rgb(#1F9947);
     --bgSuccessBoldHover: #19803B;
-    --bgSuccessBoldHover-rgb: 25, 128, 59;
+    --bgSuccessBoldHover-rgb: hex-to-rgb(#19803B);
     --bgSuccessBoldPressed: #216E3A;
-    --bgSuccessBoldPressed-rgb: 33, 110, 58;
+    --bgSuccessBoldPressed-rgb: hex-to-rgb(#216E3A);
     --bgDisabledDefault: #F3F4F5;
-    --bgDisabledDefault-rgb: 243, 244, 245;
+    --bgDisabledDefault-rgb: hex-to-rgb(#F3F4F5);
     --surfaceDefault: #F3F4F5;
-    --surfaceDefault-rgb: 243, 244, 245;
+    --surfaceDefault-rgb: hex-to-rgb(#F3F4F5);
+    --surfaceSunken: #E8EAED;
+    --surfaceSunken-rgb: hex-to-rgb(#E8EAED);
     --surfaceRisen: #ffffff;
-    --surfaceRisen-rgb: 255, 255, 255;
+    --surfaceRisen-rgb: hex-to-rgb(#ffffff);
     --surfaceOverlay: #ffffff;
-    --surfaceOverlay-rgb: 255, 255, 255;
+    --surfaceOverlay-rgb: hex-to-rgb(#ffffff);
     --borderNeutralDefault: #D5D7DD;
-    --borderNeutralDefault-rgb: 213, 215, 221;
+    --borderNeutralDefault-rgb: hex-to-rgb(#D5D7DD);
     --borderNeutralSubtle: #E8EAED;
-    --borderNeutralSubtle-rgb: 232, 234, 237;
+    --borderNeutralSubtle-rgb: hex-to-rgb(#E8EAED);
     --borderBrandDefault: #1C65FD;
-    --borderBrandDefault-rgb: 28, 101, 253;
+    --borderBrandDefault-rgb: hex-to-rgb(#1C65FD);
     --borderPromoDefault: #A58B4B;
-    --borderPromoDefault-rgb: 165, 139, 75;
+    --borderPromoDefault-rgb: hex-to-rgb(#A58B4B);
     --borderInfoDefault: #1C65FD;
-    --borderInfoDefault-rgb: 28, 101, 253;
+    --borderInfoDefault-rgb: hex-to-rgb(#1C65FD);
     --borderErrorDefault: #E24B3D;
-    --borderErrorDefault-rgb: 226, 75, 61;
+    --borderErrorDefault-rgb: hex-to-rgb(#E24B3D);
     --borderWarningDefault: #B58200;
-    --borderWarningDefault-rgb: 181, 130, 0;
+    --borderWarningDefault-rgb: hex-to-rgb(#B58200);
     --borderSuccessDefault: #1F9947;
-    --borderSuccessDefault-rgb: 31, 153, 71;
+    --borderSuccessDefault-rgb: hex-to-rgb(#1F9947);
     --borderDisabledDefault: #E8EAED;
-    --borderDisabledDefault-rgb: 232, 234, 237;
+    --borderDisabledDefault-rgb: hex-to-rgb(#E8EAED);
+    --gradientBlueRed: linear-gradient(45deg, #140757 0%, #ed1c24 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(22deg, var(--gradientMenuStart) 28.63%, var(--gradientMenuEnd) 85.57%);
+    --gradientMenuStart: #131D41;
+    --gradientMenuStart-rgb: hex-to-rgb(#131D41);
+    --gradientMenuEnd: #4E1775;
+    --gradientMenuEnd-rgb: hex-to-rgb(#4E1775);
+    --gradientFresh: linear-gradient(314deg, #E930B5 6.72%, #2353FF 107%);
+    --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);
+    --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);
   }
 }
 body {
-  --gradientBlueRed: linear-gradient(45deg, #140757 0%, #ed1c24 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(344deg, rgba(210, 38, 193, 1) 9.39%, rgba(169, 36, 205, 1) 15.75%, rgba(75, 14, 169, 1) 40.16%, rgba(75, 14, 169, 1) 55.77%, rgba(48, 109, 194, 1) 83.18%, rgba(57, 162, 221, 1) 95.47%);
-  --gradientFresh: linear-gradient(314deg, #E930B5 6.72%, #2353FF 107%);
+  --transparent: transparent;
   --backgroundHover: rgba(var(--blackNormal-rgb), 0.04);
 }
 
@@ -978,7 +1146,7 @@ body {
   --sizeLegendDotAreaChart: 16px;
   --sizeTooltipDotAreaChart: 16px;
   --backgroundAvatar: transparent;
-  --colorAvatar: var(--whiteNormal);
+  --colorAvatar: inherit;
   --lineHeightAvatar: 1.1;
   --paddingAvatar: var(--spaceMedium);
   --heightXSmallAvatar: 16px;
@@ -1095,6 +1263,7 @@ body {
   --backgroundDisabledBtn: var(--bgDisabledDefault);
   --borderDisabledBtn: 1px solid var(--borderDisabledDefault);
   --colorDisabledBtn: var(--fgDisabledDefault);
+  --backgroundHoverOnlyIconBtn: var(--bgNeutralSubtlestHover);
   --heightOnlyIconBtn: 40px;
   --lineHeightOnlyIconBtn: 40px;
   --widthOnlyIconBtn: 40px;
@@ -1107,11 +1276,13 @@ body {
   --lineHeightOnlyIconXSmallBtn: 24px;
   --widthOnlyIconXSmallBtn: 24px;
   --minWidthOnlyIconXSmallBtn: 0;
+  --gapWrapperCompactButtons: var(--spaceXSmall);
   --backgroundCard: var(--bgNeutralSubtlest);
   --borderCard: none;
   --borderRadiusCard: var(--borderRadiusMedium);
   --boxShadowCard: none;
   --paddingCard: var(--spaceLarge);
+  --backgroundSelectedCard: var(--bgNeutralSubtlest);
   --backgroundNeutralCard: var(--bgNeutralSubtle);
   --backgroundNeutralHoverCard: var(--bgNeutralSubtleHover);
   --backgroundNeutralActiveCard: var(--bgNeutralSubtleActive);
@@ -1120,7 +1291,7 @@ body {
   --backgroundFreshCard: var(--gradientFresh);
   --backgroundFreshHoverCard: var(--bgNeutralSubtleHover);
   --backgroundFreshActiveCard: var(--bgNeutralSubtleActive);
-  --borderFreshCard: 1px solid var(--borderErrorDefault);
+  --borderFreshCard: var(--gradientFresh);
   --borderFreshInteractiveCard: none;
   --colorFreshCard: var(--fgInverseDefault);
   --backgroundPromoCard: var(--gradientGold);
@@ -1135,12 +1306,19 @@ body {
   --borderBrandCard: 1px solid var(--borderBrandDefault);
   --borderBrandInteractiveCard: none;
   --colorBrandCard: var(--fgInverseDefault);
-  --borderInteractiveCard: 1px solid var(--borderNeutralDefault);
   --colorCollapseIconCard: var(--fgBrandDefault);
   --colorTextDisabledCard: var(--fgDisabledDefault);
   --paddingZeroCard: 0;
   --paddingSmallCard: var(--spaceMedium);
   --paddingLargeCard: var(--spaceXLarge);
+  --backgroundSlickListAfterCarousel: linear-gradient(-90deg,
+    rgba(var(--fgInverseDefault-rgb), 1) 18.43%,
+    rgba(var(--fgInverseDefault-rgb), 0.5) 56.52%,
+    rgba(var(--fgInverseDefault-rgb), 0) 100%);
+  --backgroundSlickListBeforeCarousel: linear-gradient(90deg,
+    rgba(var(--fgInverseDefault-rgb), 1) 18.43%,
+    rgba(var(--fgInverseDefault-rgb), 0.5) 56.52%,
+    rgba(var(--fgInverseDefault-rgb), 0) 100%);
   --backgroundHoverToggleCollapse: var(--borderNeutralSubtle);
   --borderTopCollapse: var(--bgNeutralDefaultHover);
   --paddingBodyContentCollapse: var(--spaceXSmall) 0 var(--spaceMedium);
@@ -1245,6 +1423,7 @@ body {
   --colorSelectedPill: var(--fgNeutralDefault);
   --backgroundDisabledPill: transparent;
   --colorDisabledPill: var(--fgDisabledDefault);
+  --backgroundSuperModal: var(--surfaceDefault);
   --backgroundMobileTabs: var(--bgNeutralSubtlest);
   --backgroundContentTabs: var(--bgNeutralSubtlest);
   --fontSizeListTabs: var(--fontSizeSmall);
@@ -1463,8 +1642,12 @@ body {
   --paddingLinkMainMenu: var(--spaceXSmall) var(--spaceSmall);
   --colorIconLinkMainMenu: var(--fgInverseDefault);
   --widthMainMenu: 240px;
-  --backgroundSecondaryMenu: transparent;
+  --backgroundSecondaryMenu: var(--surfaceSunken);
   --marginTopItemSecondaryMenu: var(--spaceXSmall);
+  --borderRadiusSelectedMenuItem: 10px;
+  --borderRadiusOpenMenuContainer: var(--borderRadiusMedium);
+  --widthSelectedMenuItem: calc(100% - 4px);
+  --marginSelectedMenuItem: 2px;
   --backgroundSubmenu: var(--bgNeutralDefault);
   --colorLinkMobileMenu: var(--fgBrandDefault);
   --colorLinkHoverMobileMenu: var(--fgLinkDefaultHover);
@@ -1473,6 +1656,15 @@ body {
   --fontSizeListMobileMenu: var(--fontSizeSmall);
   --marginTopItemMobileMenu: 0;
   --paddingLinkMobileMenu: var(--spaceMedium) var(--spaceXSmall);
+  --fontSizeTitleStepper: var(--fontSizeXSmall);
+  --fontSizeIconStepper: var(--fontSizeSmall);
+  --fontWeightIconStepper: var(--fontWeightBold);
+  --colorIconStepper: var(--fgInverseDefault);
+  --colorTitleStepper: var(--fgNeutralSubtlest);
+  --colorActiveTitleStepper: var(--fgNeutralDefault);
+  --fontWeightItemDoneTitleStepper: var(--fontWeightBold);
+  --leftLineStepper: calc(50% + 35px);
+  --widthLineStepper: calc(100% - 45px);
   --fontSizeAmount: var(--fontSizeMedium);
   --fontWeightAmount: var(--fontWeightNormal);
   --lineHeightAmount: var(--lineHeightMedium);
@@ -1596,7 +1788,6 @@ img {
 }
 
 .t-amount {
-  color: var(--colorAmount);
   font-size: var(--fontSizeAmount);
   font-weight: var(--fontWeightAmount);
   line-height: var(--lineHeightAmount);
@@ -3342,9 +3533,9 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   color: var(--fgNeutralDefault);
 }
 .c-areaChart__tooltip {
-  background-color: var(--bgBrandBold);
-  border-radius: var(--borderRadiusSmall);
-  color: var(--fgInverseDefault);
+  background-color: rgba(0, 0, 0, 0.05);
+  border-radius: var(--borderRadiusMedium);
+  color: var(--fgNeutralDefault);
   padding: var(--spaceXSmall) var(--spaceSmall);
 }
 .c-areaChart__tooltipDot {
@@ -3412,637 +3603,228 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   font-size: var(--fontSizeAvatar);
   height: var(--heightAvatar);
   line-height: var(--lineHeightAvatar);
+  margin-top: -2px;
   min-width: var(--widthAvatar);
-  width: var(--widthAvatar);
   vertical-align: middle;
+  width: var(--widthAvatar);
 }
-.c-avatar--fgNeutralDefaultColor {
-  background: var(--fgNeutralDefault);
-}
-.c-avatar--fgNeutralSubtleColor {
-  background: var(--fgNeutralSubtle);
-}
-.c-avatar--fgNeutralSubtlestColor {
-  background: var(--fgNeutralSubtlest);
+.c-avatar.u-bg--bgWarningBold {
+  background: var(--bgWarningBold);
+  color: var(--fgInverseDefault);
 }
-.c-avatar--fgBrandDefaultColor {
-  background: var(--fgBrandDefault);
+.c-avatar.u-bg--bgErrorBold {
+  background: var(--bgErrorBold);
+  color: var(--fgInverseDefault);
 }
-.c-avatar--fgPromoDefaultColor {
-  background: var(--fgPromoDefault);
+.c-avatar.u-bg--bgInfoBold {
+  background: var(--bgInfoBold);
+  color: var(--fgInverseDefault);
 }
-.c-avatar--fgLinkDefaultColor {
-  background: var(--fgLinkDefault);
+.c-avatar.u-bg--bgSuccessBold {
+  background: var(--bgSuccessBold);
+  color: var(--fgInverseDefault);
 }
-.c-avatar--fgLinkDefaultHoverColor {
-  background: var(--fgLinkDefaultHover);
+.c-avatar.u-bg--bgBrandBold {
+  background: var(--bgBrandBold);
+  color: var(--fgInverseDefault);
 }
-.c-avatar--fgLinkDefaultPressedColor {
-  background: var(--fgLinkDefaultPressed);
+.c-avatar.u-bg--bgPromoBold {
+  background: var(--gradientGold);
+  color: var(--fgInverseDefault);
 }
-.c-avatar--fgInfoDefaultColor {
-  background: var(--fgInfoDefault);
+.c-avatar.u-bg--gradientblueRed {
+  background: var(--gradientBlueRed);
+  color: var(--fgInverseDefault);
 }
-.c-avatar--fgErrorDefaultColor {
-  background: var(--fgErrorDefault);
+.c-avatar.u-bg--gradientblueRedDark {
+  background: var(--gradientBlueRedDark);
+  color: var(--fgInverseDefault);
 }
-.c-avatar--fgWarningDefaultColor {
-  background: var(--fgWarningDefault);
+.c-avatar .c-avatar__icon,
+.c-avatar .c-avatar__iconSvg {
+  height: var(--heightAvatar);
+  width: var(--widthAvatar);
 }
-.c-avatar--fgSuccessDefaultColor {
-  background: var(--fgSuccessDefault);
+.c-avatar--loading .c-avatar__iconSvg {
+  animation: rotation 1.5s infinite linear;
 }
-.c-avatar--fgInverseDefaultColor {
-  background: var(--fgInverseDefault);
+.c-avatar--transparent {
+  background: transparent;
+  color: inherit;
 }
-.c-avatar--fgDisabledDefaultColor {
-  background: var(--fgDisabledDefault);
+.c-avatar--bold {
+  font-weight: var(--fontWeightBold);
 }
-.c-avatar--bgNeutralDefaultColor {
-  background: var(--bgNeutralDefault);
+.c-avatar--text {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
 }
-.c-avatar--bgNeutralDefaultHoverColor {
-  background: var(--bgNeutralDefaultHover);
+.c-avatar--rounded {
+  border-radius: 50%;
+  align-items: center;
+  display: inline-flex;
+  justify-content: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
-.c-avatar--bgNeutralDefaultActiveColor {
-  background: var(--bgNeutralDefaultActive);
+.c-avatar--rounded .c-avatar__icon {
+  margin-top: 0px;
+  border-radius: 50%;
+  align-items: center;
+  display: inline-flex;
+  justify-content: center;
+  text-align: center;
 }
-.c-avatar--bgNeutralSubtleColor {
-  background: var(--bgNeutralSubtle);
+.c-avatar--rounded .c-avatar__iconSvg, .c-avatar--rounded .c-avatar__iconImage {
+  height: var(--heightIconAvatar);
+  width: var(--widthIconAvatar);
 }
-.c-avatar--bgNeutralSubtleHoverColor {
-  background: var(--bgNeutralSubtleHover);
+.c-avatar--l {
+  margin-right: var(--spaceXSmall);
 }
-.c-avatar--bgNeutralSubtleActiveColor {
-  background: var(--bgNeutralSubtleActive);
+.c-avatar--r {
+  margin-left: var(--spaceXSmall);
 }
-.c-avatar--bgNeutralSubtlestColor {
-  background: var(--bgNeutralSubtlest);
+
+.c-avatar__icon {
+  display: inline-block;
+  fill: currentColor;
+  height: var(--heightIcon);
+  position: relative;
+  vertical-align: middle;
+  width: var(--widthIcon);
 }
-.c-avatar--bgNeutralSubtlestHoverColor {
-  background: var(--bgNeutralSubtlestHover);
+
+.c-avatar--xSmall {
+  font-size: var(--fontSizeXSmallAvatar);
+  height: var(--heightXSmallAvatar);
+  min-width: var(--widthXSmallAvatar);
+  width: var(--widthXSmallAvatar);
 }
-.c-avatar--bgNeutralSubtlestActiveColor {
-  background: var(--bgNeutralSubtlestActive);
+.c-avatar--xSmall .c-avatar__icon,
+.c-avatar--xSmall .c-avatar__iconSvg {
+  height: var(--heightXSmallAvatar);
+  width: var(--widthXSmallAvatar);
 }
-.c-avatar--bgBrandDefaultColor {
-  background: var(--bgBrandDefault);
+.c-avatar--xSmall.c-avatar--rounded .c-avatar__iconSvg, .c-avatar--xSmall.c-avatar--rounded .c-avatar__iconImage {
+  height: var(--heightXSmallIconAvatar);
+  width: var(--widthXSmallIconAvatar);
 }
-.c-avatar--bgBrandDefaultHoverColor {
-  background: var(--bgBrandDefaultHover);
+
+.c-avatar--small {
+  font-size: var(--fontSizeSmallAvatar);
+  height: var(--heightSmallAvatar);
+  min-width: var(--widthSmallAvatar);
+  width: var(--widthSmallAvatar);
 }
-.c-avatar--bgBrandDefaultPressedColor {
-  background: var(--bgBrandDefaultPressed);
+.c-avatar--small .c-avatar__icon,
+.c-avatar--small .c-avatar__iconSvg {
+  height: var(--heightSmallAvatar);
+  width: var(--widthSmallAvatar);
 }
-.c-avatar--bgBrandBoldColor {
-  background: var(--bgBrandBold);
+.c-avatar--small.c-avatar--rounded .c-avatar__iconSvg, .c-avatar--small.c-avatar--rounded .c-avatar__iconImage {
+  height: var(--heightSmallIconAvatar);
+  width: var(--widthSmallIconAvatar);
 }
-.c-avatar--bgBrandBoldHoverColor {
-  background: var(--bgBrandBoldHover);
+
+.c-avatar--large {
+  font-size: var(--fontSizeLargeAvatar);
+  height: var(--heightLargeAvatar);
+  min-width: var(--widthLargeAvatar);
+  width: var(--widthLargeAvatar);
 }
-.c-avatar--bgBrandBoldPressedColor {
-  background: var(--bgBrandBoldPressed);
+.c-avatar--large .c-avatar__icon,
+.c-avatar--large .c-avatar__iconSvg {
+  height: var(--heightLargeAvatar);
+  width: var(--widthLargeAvatar);
 }
-.c-avatar--bgPromoBoldColor {
-  background: var(--bgPromoBold);
+.c-avatar--large.c-avatar--rounded .c-avatar__iconSvg, .c-avatar--large.c-avatar--rounded .c-avatar__iconImage {
+  height: var(--heightLargeIconAvatar);
+  width: var(--widthLargeIconAvatar);
 }
-.c-avatar--bgPromoBoldHoverColor {
-  background: var(--bgPromoBoldHover);
+
+.c-avatar--xLarge {
+  font-size: var(--fontSizeXLargeAvatar);
+  height: var(--heightXLargeAvatar);
+  min-width: var(--widthXLargeAvatar);
+  width: var(--widthXLargeAvatar);
 }
-.c-avatar--bgPromoBoldPressedColor {
-  background: var(--bgPromoBoldPressed);
+.c-avatar--xLarge .c-avatar__icon,
+.c-avatar--xLarge .c-avatar__iconSvg {
+  height: var(--heightXLargeAvatar);
+  width: var(--widthXLargeAvatar);
 }
-.c-avatar--bgInfoDefaultColor {
-  background: var(--bgInfoDefault);
+.c-avatar--xLarge.c-avatar--rounded .c-avatar__iconSvg, .c-avatar--xLarge.c-avatar--rounded .c-avatar__iconImage {
+  height: var(--heightXLargeIconAvatar);
+  width: var(--widthXLargeIconAvatar);
 }
-.c-avatar--bgInfoDefaultHoverColor {
-  background: var(--bgInfoDefaultHover);
+
+.c-avatar--xxLarge {
+  font-size: var(--fontSizeXXLargeAvatar);
+  height: var(--heightXXLargeAvatar);
+  min-width: var(--widthXXLargeAvatar);
+  width: var(--widthXXLargeAvatar);
 }
-.c-avatar--bgInfoDefaultPressedColor {
-  background: var(--bgInfoDefaultPressed);
+.c-avatar--xxLarge .c-avatar__icon,
+.c-avatar--xxLarge .c-avatar__iconSvg {
+  height: var(--heightXXLargeAvatar);
+  width: var(--widthXXLargeAvatar);
 }
-.c-avatar--bgInfoBoldColor {
-  background: var(--bgInfoBold);
+.c-avatar--xxLarge.c-avatar--rounded .c-avatar__iconSvg, .c-avatar--xxLarge.c-avatar--rounded .c-avatar__iconImage {
+  height: var(--heightXXLargeIconAvatar);
+  width: var(--widthXXLargeIconAvatar);
 }
-.c-avatar--bgInfoBoldHoverColor {
-  background: var(--bgInfoBoldHover);
+
+@keyframes rotation {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
 }
-.c-avatar--bgInfoBoldPressedColor {
-  background: var(--bgInfoBoldPressed);
+.c-badge {
+  display: inline-block;
+  position: relative;
 }
-.c-avatar--bgErrorDefaultColor {
-  background: var(--bgErrorDefault);
+
+.c-badge__avatar {
+  border: var(--borderPointBadge);
+  border-radius: var(--borderRadiusPointBadge);
+  bottom: 2px;
+  position: absolute;
+  right: 2px;
+  transform: translate(50%, 50%);
 }
-.c-avatar--bgErrorDefaultHoverColor {
-  background: var(--bgErrorDefaultHover);
+
+.c-badge__point {
+  background: var(--backgroundPointBadge);
+  border: var(--borderPointBadge);
+  border-radius: var(--borderRadiusPointBadge);
+  color: var(--colorPointBadge);
+  font-size: var(--fontSizePointBadge);
+  font-weight: var(--fontWeightMedium);
+  line-height: var(--lineHeightPointBadge);
+  min-width: var(--minWidthPointBadge);
+  padding: var(--paddingPointBadge);
+  position: absolute;
+  right: 0;
+  text-align: center;
+  top: 0;
+  transform: translate(50%, -50%);
 }
-.c-avatar--bgErrorDefaultPressedColor {
-  background: var(--bgErrorDefaultPressed);
-}
-.c-avatar--bgErrorBoldColor {
-  background: var(--bgErrorBold);
-}
-.c-avatar--bgErrorBoldHoverColor {
-  background: var(--bgErrorBoldHover);
-}
-.c-avatar--bgErrorBoldPressedColor {
-  background: var(--bgErrorBoldPressed);
-}
-.c-avatar--bgWarningDefaultColor {
-  background: var(--bgWarningDefault);
-}
-.c-avatar--bgWarningDefaultHoverColor {
-  background: var(--bgWarningDefaultHover);
-}
-.c-avatar--bgWarningDefaultPressedColor {
-  background: var(--bgWarningDefaultPressed);
-}
-.c-avatar--bgWarningBoldColor {
-  background: var(--bgWarningBold);
-}
-.c-avatar--bgWarningBoldHoverColor {
-  background: var(--bgWarningBoldHover);
-}
-.c-avatar--bgWarningBoldPressedColor {
-  background: var(--bgWarningBoldPressed);
-}
-.c-avatar--bgSuccessDefaultColor {
-  background: var(--bgSuccessDefault);
-}
-.c-avatar--bgSuccessDefaultHoverColor {
-  background: var(--bgSuccessDefaultHover);
-}
-.c-avatar--bgSuccessDefaultPressedColor {
-  background: var(--bgSuccessDefaultPressed);
-}
-.c-avatar--bgSuccessBoldColor {
-  background: var(--bgSuccessBold);
-}
-.c-avatar--bgSuccessBoldHoverColor {
-  background: var(--bgSuccessBoldHover);
-}
-.c-avatar--bgSuccessBoldPressedColor {
-  background: var(--bgSuccessBoldPressed);
-}
-.c-avatar--bgDisabledDefaultColor {
-  background: var(--bgDisabledDefault);
-}
-.c-avatar--surfaceDefaultColor {
-  background: var(--surfaceDefault);
-}
-.c-avatar--surfaceRisenColor {
-  background: var(--surfaceRisen);
-}
-.c-avatar--surfaceOverlayColor {
-  background: var(--surfaceOverlay);
-}
-.c-avatar--borderNeutralDefaultColor {
-  background: var(--borderNeutralDefault);
-}
-.c-avatar--borderNeutralSubtleColor {
-  background: var(--borderNeutralSubtle);
-}
-.c-avatar--borderBrandDefaultColor {
-  background: var(--borderBrandDefault);
-}
-.c-avatar--borderPromoDefaultColor {
-  background: var(--borderPromoDefault);
-}
-.c-avatar--borderInfoDefaultColor {
-  background: var(--borderInfoDefault);
-}
-.c-avatar--borderErrorDefaultColor {
-  background: var(--borderErrorDefault);
-}
-.c-avatar--borderWarningDefaultColor {
-  background: var(--borderWarningDefault);
-}
-.c-avatar--borderSuccessDefaultColor {
-  background: var(--borderSuccessDefault);
-}
-.c-avatar--borderDisabledDefaultColor {
-  background: var(--borderDisabledDefault);
-}
-.c-avatar--fgNeutralDefault {
-  color: var(--fgNeutralDefault);
-}
-.c-avatar--fgNeutralSubtle {
-  color: var(--fgNeutralSubtle);
-}
-.c-avatar--fgNeutralSubtlest {
-  color: var(--fgNeutralSubtlest);
-}
-.c-avatar--fgBrandDefault {
-  color: var(--fgBrandDefault);
-}
-.c-avatar--fgPromoDefault {
-  color: var(--fgPromoDefault);
-}
-.c-avatar--fgLinkDefault {
-  color: var(--fgLinkDefault);
-}
-.c-avatar--fgLinkDefaultHover {
-  color: var(--fgLinkDefaultHover);
-}
-.c-avatar--fgLinkDefaultPressed {
-  color: var(--fgLinkDefaultPressed);
-}
-.c-avatar--fgInfoDefault {
-  color: var(--fgInfoDefault);
-}
-.c-avatar--fgErrorDefault {
-  color: var(--fgErrorDefault);
-}
-.c-avatar--fgWarningDefault {
-  color: var(--fgWarningDefault);
-}
-.c-avatar--fgSuccessDefault {
-  color: var(--fgSuccessDefault);
-}
-.c-avatar--fgInverseDefault {
-  color: var(--fgInverseDefault);
-}
-.c-avatar--fgDisabledDefault {
-  color: var(--fgDisabledDefault);
-}
-.c-avatar--bgNeutralDefault {
-  color: var(--bgNeutralDefault);
-}
-.c-avatar--bgNeutralDefaultHover {
-  color: var(--bgNeutralDefaultHover);
-}
-.c-avatar--bgNeutralDefaultActive {
-  color: var(--bgNeutralDefaultActive);
-}
-.c-avatar--bgNeutralSubtle {
-  color: var(--bgNeutralSubtle);
-}
-.c-avatar--bgNeutralSubtleHover {
-  color: var(--bgNeutralSubtleHover);
-}
-.c-avatar--bgNeutralSubtleActive {
-  color: var(--bgNeutralSubtleActive);
-}
-.c-avatar--bgNeutralSubtlest {
-  color: var(--bgNeutralSubtlest);
-}
-.c-avatar--bgNeutralSubtlestHover {
-  color: var(--bgNeutralSubtlestHover);
-}
-.c-avatar--bgNeutralSubtlestActive {
-  color: var(--bgNeutralSubtlestActive);
-}
-.c-avatar--bgBrandDefault {
-  color: var(--bgBrandDefault);
-}
-.c-avatar--bgBrandDefaultHover {
-  color: var(--bgBrandDefaultHover);
-}
-.c-avatar--bgBrandDefaultPressed {
-  color: var(--bgBrandDefaultPressed);
-}
-.c-avatar--bgBrandBold {
-  color: var(--bgBrandBold);
-}
-.c-avatar--bgBrandBoldHover {
-  color: var(--bgBrandBoldHover);
-}
-.c-avatar--bgBrandBoldPressed {
-  color: var(--bgBrandBoldPressed);
-}
-.c-avatar--bgPromoBold {
-  color: var(--bgPromoBold);
-}
-.c-avatar--bgPromoBoldHover {
-  color: var(--bgPromoBoldHover);
-}
-.c-avatar--bgPromoBoldPressed {
-  color: var(--bgPromoBoldPressed);
-}
-.c-avatar--bgInfoDefault {
-  color: var(--bgInfoDefault);
-}
-.c-avatar--bgInfoDefaultHover {
-  color: var(--bgInfoDefaultHover);
-}
-.c-avatar--bgInfoDefaultPressed {
-  color: var(--bgInfoDefaultPressed);
-}
-.c-avatar--bgInfoBold {
-  color: var(--bgInfoBold);
-}
-.c-avatar--bgInfoBoldHover {
-  color: var(--bgInfoBoldHover);
-}
-.c-avatar--bgInfoBoldPressed {
-  color: var(--bgInfoBoldPressed);
-}
-.c-avatar--bgErrorDefault {
-  color: var(--bgErrorDefault);
-}
-.c-avatar--bgErrorDefaultHover {
-  color: var(--bgErrorDefaultHover);
-}
-.c-avatar--bgErrorDefaultPressed {
-  color: var(--bgErrorDefaultPressed);
-}
-.c-avatar--bgErrorBold {
-  color: var(--bgErrorBold);
-}
-.c-avatar--bgErrorBoldHover {
-  color: var(--bgErrorBoldHover);
-}
-.c-avatar--bgErrorBoldPressed {
-  color: var(--bgErrorBoldPressed);
-}
-.c-avatar--bgWarningDefault {
-  color: var(--bgWarningDefault);
-}
-.c-avatar--bgWarningDefaultHover {
-  color: var(--bgWarningDefaultHover);
-}
-.c-avatar--bgWarningDefaultPressed {
-  color: var(--bgWarningDefaultPressed);
-}
-.c-avatar--bgWarningBold {
-  color: var(--bgWarningBold);
-}
-.c-avatar--bgWarningBoldHover {
-  color: var(--bgWarningBoldHover);
-}
-.c-avatar--bgWarningBoldPressed {
-  color: var(--bgWarningBoldPressed);
-}
-.c-avatar--bgSuccessDefault {
-  color: var(--bgSuccessDefault);
-}
-.c-avatar--bgSuccessDefaultHover {
-  color: var(--bgSuccessDefaultHover);
-}
-.c-avatar--bgSuccessDefaultPressed {
-  color: var(--bgSuccessDefaultPressed);
-}
-.c-avatar--bgSuccessBold {
-  color: var(--bgSuccessBold);
-}
-.c-avatar--bgSuccessBoldHover {
-  color: var(--bgSuccessBoldHover);
-}
-.c-avatar--bgSuccessBoldPressed {
-  color: var(--bgSuccessBoldPressed);
-}
-.c-avatar--bgDisabledDefault {
-  color: var(--bgDisabledDefault);
-}
-.c-avatar--surfaceDefault {
-  color: var(--surfaceDefault);
-}
-.c-avatar--surfaceRisen {
-  color: var(--surfaceRisen);
-}
-.c-avatar--surfaceOverlay {
-  color: var(--surfaceOverlay);
-}
-.c-avatar--borderNeutralDefault {
-  color: var(--borderNeutralDefault);
-}
-.c-avatar--borderNeutralSubtle {
-  color: var(--borderNeutralSubtle);
-}
-.c-avatar--borderBrandDefault {
-  color: var(--borderBrandDefault);
-}
-.c-avatar--borderPromoDefault {
-  color: var(--borderPromoDefault);
-}
-.c-avatar--borderInfoDefault {
-  color: var(--borderInfoDefault);
-}
-.c-avatar--borderErrorDefault {
-  color: var(--borderErrorDefault);
-}
-.c-avatar--borderWarningDefault {
-  color: var(--borderWarningDefault);
-}
-.c-avatar--borderSuccessDefault {
-  color: var(--borderSuccessDefault);
-}
-.c-avatar--borderDisabledDefault {
-  color: var(--borderDisabledDefault);
-}
-.c-avatar--warningColor {
-  background: var(--colorOrange);
-  color: var(--whiteNormal);
-}
-.c-avatar--errorColor {
-  background: var(--colorRed);
-  color: var(--whiteNormal);
-}
-.c-avatar--bgInfoBoldColor {
-  background: var(--bgInfoBold);
-  color: var(--fgInverseDefault);
-}
-.c-avatar--successColor {
-  background: var(--colorGreen);
-  color: var(--whiteNormal);
-}
-.c-avatar--goldColor {
-  background: var(--gradientGold);
-  color: #fff;
-}
-.c-avatar--blueRedColor {
-  background: var(--gradientBlueRed);
-  color: #fff;
-}
-.c-avatar--blueRedDarkColor {
-  background: var(--gradientBlueRedDark);
-  color: #fff;
-}
-.c-avatar .c-avatar__icon,
-.c-avatar .c-avatar__iconSvg {
-  height: var(--heightAvatar);
-  width: var(--widthAvatar);
-}
-.c-avatar--loading .c-avatar__iconSvg {
-  animation: rotation 1.5s infinite linear;
-}
-.c-avatar--transparent {
-  background: transparent;
-}
-.c-avatar--bold {
-  font-weight: var(--fontWeightBold);
-}
-.c-avatar--text {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-}
-.c-avatar--rounded {
-  border-radius: 50%;
-  align-items: center;
-  display: inline-flex;
-  justify-content: center;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.c-avatar--rounded .c-avatar__icon {
-  margin-top: 0px;
-  border-radius: 50%;
-  align-items: center;
-  display: inline-flex;
-  justify-content: center;
-  text-align: center;
-}
-.c-avatar--rounded .c-avatar__iconSvg, .c-avatar--rounded .c-avatar__iconImage {
-  height: var(--heightIconAvatar);
-  width: var(--widthIconAvatar);
-}
-.c-avatar--l {
-  margin-right: var(--spaceXSmall);
-}
-.c-avatar--r {
-  margin-left: var(--spaceXSmall);
-}
-
-.c-avatar__icon {
-  fill: currentColor;
-  height: var(--heightIcon);
-  vertical-align: middle;
-  width: var(--widthIcon);
-  display: inline-block;
-  vertical-align: middle;
-  position: relative;
-}
-
-.c-avatar--xSmall {
-  font-size: var(--fontSizeXSmallAvatar);
-  height: var(--heightXSmallAvatar);
-  min-width: var(--widthXSmallAvatar);
-  width: var(--widthXSmallAvatar);
-}
-.c-avatar--xSmall .c-avatar__icon,
-.c-avatar--xSmall .c-avatar__iconSvg {
-  height: var(--heightXSmallAvatar);
-  width: var(--widthXSmallAvatar);
-}
-.c-avatar--xSmall.c-avatar--rounded .c-avatar__iconSvg, .c-avatar--xSmall.c-avatar--rounded .c-avatar__iconImage {
-  height: var(--heightXSmallIconAvatar);
-  width: var(--widthXSmallIconAvatar);
-}
-
-.c-avatar--small {
-  font-size: var(--fontSizeSmallAvatar);
-  height: var(--heightSmallAvatar);
-  min-width: var(--widthSmallAvatar);
-  width: var(--widthSmallAvatar);
-}
-.c-avatar--small .c-avatar__icon,
-.c-avatar--small .c-avatar__iconSvg {
-  height: var(--heightSmallAvatar);
-  width: var(--widthSmallAvatar);
-}
-.c-avatar--small.c-avatar--rounded .c-avatar__iconSvg, .c-avatar--small.c-avatar--rounded .c-avatar__iconImage {
-  height: var(--heightSmallIconAvatar);
-  width: var(--widthSmallIconAvatar);
-}
-
-.c-avatar--large {
-  font-size: var(--fontSizeLargeAvatar);
-  height: var(--heightLargeAvatar);
-  min-width: var(--widthLargeAvatar);
-  width: var(--widthLargeAvatar);
-}
-.c-avatar--large .c-avatar__icon,
-.c-avatar--large .c-avatar__iconSvg {
-  height: var(--heightLargeAvatar);
-  width: var(--widthLargeAvatar);
-}
-.c-avatar--large.c-avatar--rounded .c-avatar__iconSvg, .c-avatar--large.c-avatar--rounded .c-avatar__iconImage {
-  height: var(--heightLargeIconAvatar);
-  width: var(--widthLargeIconAvatar);
-}
-
-.c-avatar--xLarge {
-  font-size: var(--fontSizeXLargeAvatar);
-  height: var(--heightXLargeAvatar);
-  min-width: var(--widthXLargeAvatar);
-  width: var(--widthXLargeAvatar);
-}
-.c-avatar--xLarge .c-avatar__icon,
-.c-avatar--xLarge .c-avatar__iconSvg {
-  height: var(--heightXLargeAvatar);
-  width: var(--widthXLargeAvatar);
-}
-.c-avatar--xLarge.c-avatar--rounded .c-avatar__iconSvg, .c-avatar--xLarge.c-avatar--rounded .c-avatar__iconImage {
-  height: var(--heightXLargeIconAvatar);
-  width: var(--widthXLargeIconAvatar);
-}
-
-.c-avatar--xxLarge {
-  font-size: var(--fontSizeXXLargeAvatar);
-  height: var(--heightXXLargeAvatar);
-  min-width: var(--widthXXLargeAvatar);
-  width: var(--widthXXLargeAvatar);
-}
-.c-avatar--xxLarge .c-avatar__icon,
-.c-avatar--xxLarge .c-avatar__iconSvg {
-  height: var(--heightXXLargeAvatar);
-  width: var(--widthXXLargeAvatar);
-}
-.c-avatar--xxLarge.c-avatar--rounded .c-avatar__iconSvg, .c-avatar--xxLarge.c-avatar--rounded .c-avatar__iconImage {
-  height: var(--heightXXLargeIconAvatar);
-  width: var(--widthXXLargeIconAvatar);
-}
-
-@keyframes rotation {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(359deg);
-  }
-}
-.c-badge {
-  display: inline-block;
-  position: relative;
-}
-
-.c-badge__avatar {
-  border: var(--borderPointBadge);
-  border-radius: var(--borderRadiusPointBadge);
-  bottom: 2px;
-  position: absolute;
-  right: 2px;
-  transform: translate(50%, 50%);
-}
-
-.c-badge__point {
-  background: var(--backgroundPointBadge);
-  border: var(--borderPointBadge);
-  border-radius: var(--borderRadiusPointBadge);
-  color: var(--colorPointBadge);
-  font-size: var(--fontSizePointBadge);
-  font-weight: var(--fontWeightMedium);
-  line-height: var(--lineHeightPointBadge);
-  min-width: var(--minWidthPointBadge);
-  padding: var(--paddingPointBadge);
-  position: absolute;
-  right: 0;
-  text-align: center;
-  top: 0;
-  transform: translate(50%, -50%);
-}
-
-.c-badge__point--dot {
-  animation: pulse 2s infinite;
-  border: 0;
-  border-radius: 50%;
-  height: var(--heightDotPointBadge);
-  min-width: 0;
-  padding: 0;
-  right: 2px;
-  transform: translate(100%, -50%);
-  width: var(--widthDotPointBadge);
+
+.c-badge__point--dot {
+  animation: pulse 2s infinite;
+  border: 0;
+  border-radius: 50%;
+  height: var(--heightDotPointBadge);
+  min-width: 0;
+  padding: 0;
+  right: 2px;
+  transform: translate(100%, -50%);
+  width: var(--widthDotPointBadge);
 }
 
 .c-badge__point--relative {
@@ -4067,6 +3849,21 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
     box-shadow: 0 0 0 0 rgba(var(--boxShadowColorDotPointBadge), 0);
   }
 }
+.c-barChart__tooltip {
+  background-color: var(--bgNeutralDefault);
+  border-radius: 4px;
+  color: var(--fgNeutralDefault);
+  padding: 8px 10px;
+}
+
+.c-barChart__bar {
+  cursor: pointer;
+}
+
+.c-barChart__graph__text {
+  fill: var(--fgNeutralDefault);
+}
+
 .c-btn {
   background: var(--backgroundBtn);
   border: var(--borderBtn);
@@ -4306,6 +4103,9 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   color: var(--fgLinkDefaultPressed);
   text-decoration: underline;
 }
+.c-btn--transparent.c-btn--onlyIcon:hover {
+  background-color: var(--backgroundHoverOnlyIconBtn);
+}
 .c-btn--transparent.c-btn--loading {
   color: var(--colorLoadingBtn);
 }
@@ -4353,6 +4153,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   text-decoration: none;
 }
 .c-btn--transparent.c-btn--disabled, .c-btn--transparent.c-btn--disabled:hover, .c-btn--transparent.c-btn--disabled:focus, .c-btn--transparent.c-btn--disabled:active {
+  background: none;
   color: var(--colorDisabledBtn);
   text-decoration: none;
 }
@@ -4435,7 +4236,6 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 
 .c-card--interactive {
   align-items: center;
-  border: var(--borderInteractiveCard);
   cursor: pointer;
   display: flex;
   flex-direction: column;
@@ -4499,6 +4299,33 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   overflow: hidden;
   width: 100%;
 }
+.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;
@@ -4604,7 +4431,20 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 }
 
 .c-card--freshBorder {
-  border: var(--borderFreshCard);
+  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 {
@@ -4619,6 +4459,10 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   border: 1px solid transparent;
 }
 
+.c-card--noBorder {
+  border: none;
+}
+
 .c-card--smallShadow {
   box-shadow: var(--boxShadowSmall);
 }
@@ -4636,8 +4480,8 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 }
 
 .c-card--selected {
-  background: var(--backgroundCard);
-  box-shadow: var(--boxShadowSmall);
+  background: var(--backgroundSelectedCard);
+  box-shadow: var(--boxShadowXXXSmall);
 }
 
 .c-card--disabled {
@@ -4665,7 +4509,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   z-index: 100;
 }
 .c-carousel__wrapper .slick-list::before {
-  background: linear-gradient(90deg, rgba(var(--whiteNormal-rgb), 1) 18.43%, rgba(var(--whiteNormal-rgb), 0.5) 56.52%, rgba(var(--whiteNormal-rgb), 0) 100%);
+  background: var(--backgroundSlickListBeforeCarousel);
   content: "";
   height: 100%;
   left: 0;
@@ -4675,7 +4519,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   z-index: 100;
 }
 .c-carousel__wrapper .slick-list::after {
-  background: linear-gradient(-90deg, rgba(var(--whiteNormal-rgb), 1) 18.43%, rgba(var(--whiteNormal-rgb), 0.5) 56.52%, rgba(var(--whiteNormal-rgb), 0) 100%);
+  background: var(--backgroundSlickListAfterCarousel);
   content: "";
   height: 100%;
   position: absolute;
@@ -4752,9 +4596,6 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 .c-carousel__dot .c-image {
   max-height: 40px;
 }
-.c-carousel__dot--disabled .c-image {
-  opacity: 0.6;
-}
 .c-carousel__dot__activeIcon {
   left: 0;
   outline: 1px solid var(--whiteNormal);
@@ -4821,90 +4662,19 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 
 .c-compact-buttons {
   position: relative;
+  background-color: inherit;
 }
 .c-compact-buttons .c-avatar--loading + .c-avatar {
   margin-left: 0px;
 }
 .c-compact-buttons .c-compact-buttons__wrapper {
-  border: 1px solid var(--borderBrandDefault);
-  border-radius: var(--borderRadiusSmall);
-  display: inline-flex;
+  display: flex;
+  gap: var(--gapWrapperCompactButtons);
   overflow: hidden;
-}
-.c-compact-buttons .c-compact-buttons__button_separator {
-  background: #fff;
-  display: inline-block;
-  margin: 2px 0;
-  width: 1px;
-}
-.c-compact-buttons .c-compact-buttons__wrapper--border .c-compact-buttons__button_separator {
-  background-color: var(--bgBrandBold);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--border.c-compact-buttons__wrapper--red {
-  border: var(--borderRedBtn);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--border.c-compact-buttons__wrapper--red .c-compact-buttons__button_separator {
-  background: var(--backgroundRedBtn);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--border.c-compact-buttons__wrapper--gold {
-  border: var(--borderGoldBtn);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--border.c-compact-buttons__wrapper--gold .c-compact-buttons__button_separator {
-  background: var(--backgroundGoldBtn);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--border.c-compact-buttons__wrapper--secondary {
-  border: var(--borderSecondaryBtn);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--border.c-compact-buttons__wrapper--secondary .c-compact-buttons__button_separator {
-  background: var(--backgroundSecondaryBtn);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--border.c-compact-buttons__wrapper--green {
-  border: var(--borderGreenBtn);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--border.c-compact-buttons__wrapper--green .c-compact-buttons__button_separator {
-  background: var(--backgroundGreenBtn);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--filled {
-  background: var(--backgroundBtn);
-  border: 0;
-}
-.c-compact-buttons .c-compact-buttons__wrapper--filled.c-compact-buttons__wrapper--red {
-  background: var(--backgroundRedBtn);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--filled.c-compact-buttons__wrapper--gold {
-  background: var(--backgroundGoldBtn);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--filled.c-compact-buttons__wrapper--secondary {
-  background: var(--backgroundSecondaryBtn);
-}
-.c-compact-buttons .c-compact-buttons__wrapper--filled.c-compact-buttons__wrapper--greep {
-  background: var(--backgroundGreenBtn);
-}
-.c-compact-buttons .c-compact-buttons__button {
-  border: 0;
-  border-radius: 0;
-  margin: 0;
-  min-width: auto;
-  transition: none;
-}
-.c-compact-buttons .c-compact-buttons__button::after {
-  border-radius: 0;
-}
-.c-compact-buttons .c-compact-buttons__button:hover {
-  border: 0;
-}
-.c-compact-buttons .c-compact-buttons__button:last-child::before {
-  content: none;
-}
-.c-compact-buttons .c-compact-buttons__button:first-child {
-  border-left: 0;
+  white-space: nowrap;
 }
 .c-compact-buttons .c-compact-buttons__button_box {
   display: inline-flex;
-  white-space: nowrap;
-}
-.c-compact-buttons .c-compact-buttons__button_box:last-child .c-compact-buttons__button_separator {
-  display: none;
 }
 .c-compact-buttons .c-compact-buttons__button_box--hidden {
   left: 0;
@@ -5028,6 +4798,10 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   top: 0;
 }
 
+.c-contentTableRow__link.c-link + .c-link {
+  margin-left: 0px;
+}
+
 .c-contentTableRow__contentRow {
   background: var(--backgroundCard);
   border-bottom: var(--spaceXSmall) solid var(--bgNeutralDefault);
@@ -5114,7 +4888,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   color: var(--blueDark);
   cursor: pointer;
   display: block;
-  font-size: var(--fontSizeMedium);
+  font-size: var(--fontSizeSmall);
   font-weight: var(--fontWeightMedium);
   line-height: var(--lineHeightMedium);
   padding: var(--spaceXSmall) var(--spaceSmall);
@@ -5190,7 +4964,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   color: var(--fgNeutralDefault);
   cursor: pointer;
   display: flex;
-  font-size: var(--fontSizeMedium);
+  font-size: var(--fontSizeSmall);
   font-weight: var(--fontWeightMedium);
   line-height: var(--lineHeightMedium);
   padding: var(--spaceXSmall) var(--spaceSmall);
@@ -5264,7 +5038,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   color: var(--blueDark);
   cursor: pointer;
   display: block;
-  font-size: var(--fontSizeMedium);
+  font-size: var(--fontSizeSmall);
   font-weight: var(--fontWeightMedium);
   line-height: var(--lineHeightMedium);
   padding: var(--spaceXSmall) var(--spaceSmall);
@@ -5286,329 +5060,122 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   width: 100%;
 }
 .c-dropdown__perex {
-  font-size: var(--fontSizeSmall);
-  font-weight: var(--fontWeightNormal);
-  line-height: var(--lineHeightMedium);
-  width: 100%;
-}
-.c-dropdown__itemContent {
-  width: 100%;
-}
-.c-dropdown__outside {
-  bottom: 0;
-  left: 0;
-  position: fixed;
-  right: 0;
-  top: 0;
-  z-index: 3400;
-}
-.c-dropdown__divider {
-  color: var(--fgNeutralSubtle);
-  font-size: var(--fontSizeSmall);
-  margin: 0;
-  padding: var(--spaceXSmall) var(--spaceSmall);
-}
-.c-dropdown__divider .c-divider {
-  margin: var(--spaceXXSmall) 0;
-}
-.c-dropdown__confirmSelection {
-  background-color: var(--backgroundDropdown);
-  padding-top: var(--spaceXSmall);
-  position: relative;
-}
-.c-dropdown__confirmSelection::before {
-  background: var(--backgroundDivider);
-  content: "";
-  height: 1px;
-  left: var(--spaceSmall);
-  position: absolute;
-  right: var(--spaceSmall);
-  top: 0;
-}
-.c-dropdown__confirmSelection .c-btn--block {
-  padding-left: var(--spaceSmall);
-  padding-right: var(--spaceSmall);
-  text-align: left;
-  text-decoration: none;
-}
-.c-dropdown__confirmSelection .c-btn--block + .c-btn--block {
-  margin-top: 0;
-}
-
-.c-dropdown__item {
-  align-items: baseline;
-  color: var(--fgNeutralDefault);
-  cursor: pointer;
-  display: flex;
-  font-size: var(--fontSizeMedium);
-  font-weight: var(--fontWeightMedium);
-  line-height: var(--lineHeightMedium);
-  padding: var(--spaceXSmall) var(--spaceSmall);
-}
-.c-dropdown__item:hover, .c-dropdown__item:active, .c-dropdown__item:focus, .c-dropdown__item--focused, .c-dropdown__item--selected:hover, .c-dropdown__item--selected:focus, .c-dropdown__item--selected:active {
-  background-color: var(--bgNeutralSubtlestHover);
-  color: var(--fgNeutralDefault);
-}
-.c-dropdown__item--selected {
-  background-color: var(--bgBrandDefault);
-  color: var(--fgNeutralDefault);
-}
-.c-dropdown__item--selected.c-dropdown__item--focused {
-  background-color: var(--bgBrandDefault);
-  color: var(--fgNeutralDefault);
-}
-.c-dropdown__item--selected.c-dropdown__item--focused:hover {
-  background-color: var(--bgBrandDefault);
-  color: var(--fgNeutralDefault);
-}
-.c-dropdown__item--disabled, .c-dropdown__item--disabled:hover, .c-dropdown__item--disabled:active, .c-dropdown__item--disabled:focus {
-  background-color: transparent;
-  color: var(--fgDisabledDefault);
-  cursor: default;
-}
-.c-dropdown__item--disabled .c-dropdown__amount .t-amount, .c-dropdown__item--disabled:hover .c-dropdown__amount .t-amount, .c-dropdown__item--disabled:active .c-dropdown__amount .t-amount, .c-dropdown__item--disabled:focus .c-dropdown__amount .t-amount {
-  color: var(--fgDisabledDefault);
-}
-
-.c-chartLegend {
-  max-width: 500px;
-  width: 100%;
-}
-
-.c-chartLegend__row {
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: var(--spaceXSmall);
-}
-.c-chartLegend__row:last-child {
-  margin-bottom: 0;
-}
-.c-chartLegend__row--separator {
-  border-top: 1px solid var(--borderNeutralDefault);
-  padding-top: var(--spaceXSmall);
-}
-.c-chartLegend__row__label {
-  align-items: center;
-  display: flex;
-  flex: 0 40%;
-}
-.c-chartLegend__row__color {
-  background-color: var(--bgBrandDefault);
-  border: 1px solid var(--whiteNormal);
-  border-radius: 50%;
-  display: inline-block;
-  height: var(--spaceMedium);
-  margin-right: var(--spaceXSmall);
-  overflow: hidden;
-  width: var(--spaceMedium);
-}
-.c-chartLegend__row__bg--fgNeutralDefaultColor {
-  background: var(--fgNeutralDefault);
-}
-.c-chartLegend__row__bg--fgNeutralSubtleColor {
-  background: var(--fgNeutralSubtle);
-}
-.c-chartLegend__row__bg--fgNeutralSubtlestColor {
-  background: var(--fgNeutralSubtlest);
-}
-.c-chartLegend__row__bg--fgBrandDefaultColor {
-  background: var(--fgBrandDefault);
-}
-.c-chartLegend__row__bg--fgPromoDefaultColor {
-  background: var(--fgPromoDefault);
-}
-.c-chartLegend__row__bg--fgLinkDefaultColor {
-  background: var(--fgLinkDefault);
-}
-.c-chartLegend__row__bg--fgLinkDefaultHoverColor {
-  background: var(--fgLinkDefaultHover);
-}
-.c-chartLegend__row__bg--fgLinkDefaultPressedColor {
-  background: var(--fgLinkDefaultPressed);
-}
-.c-chartLegend__row__bg--fgInfoDefaultColor {
-  background: var(--fgInfoDefault);
-}
-.c-chartLegend__row__bg--fgErrorDefaultColor {
-  background: var(--fgErrorDefault);
-}
-.c-chartLegend__row__bg--fgWarningDefaultColor {
-  background: var(--fgWarningDefault);
-}
-.c-chartLegend__row__bg--fgSuccessDefaultColor {
-  background: var(--fgSuccessDefault);
-}
-.c-chartLegend__row__bg--fgInverseDefaultColor {
-  background: var(--fgInverseDefault);
-}
-.c-chartLegend__row__bg--fgDisabledDefaultColor {
-  background: var(--fgDisabledDefault);
-}
-.c-chartLegend__row__bg--bgNeutralDefaultColor {
-  background: var(--bgNeutralDefault);
-}
-.c-chartLegend__row__bg--bgNeutralDefaultHoverColor {
-  background: var(--bgNeutralDefaultHover);
-}
-.c-chartLegend__row__bg--bgNeutralDefaultActiveColor {
-  background: var(--bgNeutralDefaultActive);
-}
-.c-chartLegend__row__bg--bgNeutralSubtleColor {
-  background: var(--bgNeutralSubtle);
-}
-.c-chartLegend__row__bg--bgNeutralSubtleHoverColor {
-  background: var(--bgNeutralSubtleHover);
-}
-.c-chartLegend__row__bg--bgNeutralSubtleActiveColor {
-  background: var(--bgNeutralSubtleActive);
-}
-.c-chartLegend__row__bg--bgNeutralSubtlestColor {
-  background: var(--bgNeutralSubtlest);
-}
-.c-chartLegend__row__bg--bgNeutralSubtlestHoverColor {
-  background: var(--bgNeutralSubtlestHover);
-}
-.c-chartLegend__row__bg--bgNeutralSubtlestActiveColor {
-  background: var(--bgNeutralSubtlestActive);
-}
-.c-chartLegend__row__bg--bgBrandDefaultColor {
-  background: var(--bgBrandDefault);
-}
-.c-chartLegend__row__bg--bgBrandDefaultHoverColor {
-  background: var(--bgBrandDefaultHover);
-}
-.c-chartLegend__row__bg--bgBrandDefaultPressedColor {
-  background: var(--bgBrandDefaultPressed);
-}
-.c-chartLegend__row__bg--bgBrandBoldColor {
-  background: var(--bgBrandBold);
-}
-.c-chartLegend__row__bg--bgBrandBoldHoverColor {
-  background: var(--bgBrandBoldHover);
-}
-.c-chartLegend__row__bg--bgBrandBoldPressedColor {
-  background: var(--bgBrandBoldPressed);
-}
-.c-chartLegend__row__bg--bgPromoBoldColor {
-  background: var(--bgPromoBold);
-}
-.c-chartLegend__row__bg--bgPromoBoldHoverColor {
-  background: var(--bgPromoBoldHover);
-}
-.c-chartLegend__row__bg--bgPromoBoldPressedColor {
-  background: var(--bgPromoBoldPressed);
-}
-.c-chartLegend__row__bg--bgInfoDefaultColor {
-  background: var(--bgInfoDefault);
-}
-.c-chartLegend__row__bg--bgInfoDefaultHoverColor {
-  background: var(--bgInfoDefaultHover);
-}
-.c-chartLegend__row__bg--bgInfoDefaultPressedColor {
-  background: var(--bgInfoDefaultPressed);
-}
-.c-chartLegend__row__bg--bgInfoBoldColor {
-  background: var(--bgInfoBold);
-}
-.c-chartLegend__row__bg--bgInfoBoldHoverColor {
-  background: var(--bgInfoBoldHover);
-}
-.c-chartLegend__row__bg--bgInfoBoldPressedColor {
-  background: var(--bgInfoBoldPressed);
-}
-.c-chartLegend__row__bg--bgErrorDefaultColor {
-  background: var(--bgErrorDefault);
-}
-.c-chartLegend__row__bg--bgErrorDefaultHoverColor {
-  background: var(--bgErrorDefaultHover);
-}
-.c-chartLegend__row__bg--bgErrorDefaultPressedColor {
-  background: var(--bgErrorDefaultPressed);
-}
-.c-chartLegend__row__bg--bgErrorBoldColor {
-  background: var(--bgErrorBold);
-}
-.c-chartLegend__row__bg--bgErrorBoldHoverColor {
-  background: var(--bgErrorBoldHover);
-}
-.c-chartLegend__row__bg--bgErrorBoldPressedColor {
-  background: var(--bgErrorBoldPressed);
-}
-.c-chartLegend__row__bg--bgWarningDefaultColor {
-  background: var(--bgWarningDefault);
-}
-.c-chartLegend__row__bg--bgWarningDefaultHoverColor {
-  background: var(--bgWarningDefaultHover);
-}
-.c-chartLegend__row__bg--bgWarningDefaultPressedColor {
-  background: var(--bgWarningDefaultPressed);
-}
-.c-chartLegend__row__bg--bgWarningBoldColor {
-  background: var(--bgWarningBold);
+  font-size: var(--fontSizeSmall);
+  font-weight: var(--fontWeightNormal);
+  line-height: var(--lineHeightMedium);
+  width: 100%;
 }
-.c-chartLegend__row__bg--bgWarningBoldHoverColor {
-  background: var(--bgWarningBoldHover);
+.c-dropdown__itemContent {
+  width: 100%;
 }
-.c-chartLegend__row__bg--bgWarningBoldPressedColor {
-  background: var(--bgWarningBoldPressed);
+.c-dropdown__outside {
+  bottom: 0;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 3400;
 }
-.c-chartLegend__row__bg--bgSuccessDefaultColor {
-  background: var(--bgSuccessDefault);
+.c-dropdown__divider {
+  color: var(--fgNeutralSubtle);
+  font-size: var(--fontSizeSmall);
+  margin: 0;
+  padding: var(--spaceXSmall) var(--spaceSmall);
 }
-.c-chartLegend__row__bg--bgSuccessDefaultHoverColor {
-  background: var(--bgSuccessDefaultHover);
+.c-dropdown__divider .c-divider {
+  margin: var(--spaceXXSmall) 0;
 }
-.c-chartLegend__row__bg--bgSuccessDefaultPressedColor {
-  background: var(--bgSuccessDefaultPressed);
+.c-dropdown__confirmSelection {
+  background-color: var(--backgroundDropdown);
+  padding-top: var(--spaceXSmall);
+  position: relative;
 }
-.c-chartLegend__row__bg--bgSuccessBoldColor {
-  background: var(--bgSuccessBold);
+.c-dropdown__confirmSelection::before {
+  background: var(--backgroundDivider);
+  content: "";
+  height: 1px;
+  left: var(--spaceSmall);
+  position: absolute;
+  right: var(--spaceSmall);
+  top: 0;
 }
-.c-chartLegend__row__bg--bgSuccessBoldHoverColor {
-  background: var(--bgSuccessBoldHover);
+.c-dropdown__confirmSelection .c-btn--block {
+  padding-left: var(--spaceSmall);
+  padding-right: var(--spaceSmall);
+  text-align: left;
+  text-decoration: none;
 }
-.c-chartLegend__row__bg--bgSuccessBoldPressedColor {
-  background: var(--bgSuccessBoldPressed);
+.c-dropdown__confirmSelection .c-btn--block + .c-btn--block {
+  margin-top: 0;
 }
-.c-chartLegend__row__bg--bgDisabledDefaultColor {
-  background: var(--bgDisabledDefault);
+
+.c-dropdown__item {
+  align-items: baseline;
+  color: var(--fgNeutralDefault);
+  cursor: pointer;
+  display: flex;
+  font-size: var(--fontSizeSmall);
+  font-weight: var(--fontWeightMedium);
+  line-height: var(--lineHeightMedium);
+  padding: var(--spaceXSmall) var(--spaceSmall);
 }
-.c-chartLegend__row__bg--surfaceDefaultColor {
-  background: var(--surfaceDefault);
+.c-dropdown__item:hover, .c-dropdown__item:active, .c-dropdown__item:focus, .c-dropdown__item--focused, .c-dropdown__item--selected:hover, .c-dropdown__item--selected:focus, .c-dropdown__item--selected:active {
+  background-color: var(--bgNeutralSubtlestHover);
+  color: var(--fgNeutralDefault);
 }
-.c-chartLegend__row__bg--surfaceRisenColor {
-  background: var(--surfaceRisen);
+.c-dropdown__item--selected {
+  background-color: var(--bgBrandDefault);
+  color: var(--fgNeutralDefault);
 }
-.c-chartLegend__row__bg--surfaceOverlayColor {
-  background: var(--surfaceOverlay);
+.c-dropdown__item--selected.c-dropdown__item--focused {
+  background-color: var(--bgBrandDefault);
+  color: var(--fgNeutralDefault);
 }
-.c-chartLegend__row__bg--borderNeutralDefaultColor {
-  background: var(--borderNeutralDefault);
+.c-dropdown__item--selected.c-dropdown__item--focused:hover {
+  background-color: var(--bgBrandDefault);
+  color: var(--fgNeutralDefault);
 }
-.c-chartLegend__row__bg--borderNeutralSubtleColor {
-  background: var(--borderNeutralSubtle);
+.c-dropdown__item--disabled, .c-dropdown__item--disabled:hover, .c-dropdown__item--disabled:active, .c-dropdown__item--disabled:focus {
+  background-color: transparent;
+  color: var(--fgDisabledDefault);
+  cursor: default;
 }
-.c-chartLegend__row__bg--borderBrandDefaultColor {
-  background: var(--borderBrandDefault);
+.c-dropdown__item--disabled .c-dropdown__amount .t-amount, .c-dropdown__item--disabled:hover .c-dropdown__amount .t-amount, .c-dropdown__item--disabled:active .c-dropdown__amount .t-amount, .c-dropdown__item--disabled:focus .c-dropdown__amount .t-amount {
+  color: var(--fgDisabledDefault);
 }
-.c-chartLegend__row__bg--borderPromoDefaultColor {
-  background: var(--borderPromoDefault);
+
+.c-chartLegend {
+  max-width: 500px;
+  width: 100%;
 }
-.c-chartLegend__row__bg--borderInfoDefaultColor {
-  background: var(--borderInfoDefault);
+
+.c-chartLegend__row {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: var(--spaceXSmall);
 }
-.c-chartLegend__row__bg--borderErrorDefaultColor {
-  background: var(--borderErrorDefault);
+.c-chartLegend__row:last-child {
+  margin-bottom: 0;
 }
-.c-chartLegend__row__bg--borderWarningDefaultColor {
-  background: var(--borderWarningDefault);
+.c-chartLegend__row--separator {
+  border-top: 1px solid var(--borderNeutralDefault);
+  padding-top: var(--spaceXSmall);
 }
-.c-chartLegend__row__bg--borderSuccessDefaultColor {
-  background: var(--borderSuccessDefault);
+.c-chartLegend__row__label {
+  align-items: center;
+  display: flex;
+  flex: 0 40%;
 }
-.c-chartLegend__row__bg--borderDisabledDefaultColor {
-  background: var(--borderDisabledDefault);
+.c-chartLegend__row__color {
+  background-color: var(--bgBrandDefault);
+  border: 1px solid var(--whiteNormal);
+  border-radius: 50%;
+  display: inline-block;
+  height: var(--spaceMedium);
+  margin-right: var(--spaceXSmall);
+  overflow: hidden;
+  width: var(--spaceMedium);
 }
 .c-chartLegend__row__percentage {
   flex: 0 20%;
@@ -6314,257 +5881,50 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   background: var(--backgroundHoverListButtonTabs);
   color: var(--colorHoverListButtonTabs);
 }
-.c-tabs__listButton.is-disabled, .c-tabs__listButton.is-disabled:hover, .c-tabs__listButton.is-disabled:active, .c-tabs__listButton.is-disabled:focus {
-  background: var(--backgroundDisabledListButtonTabs);
-  color: var(--colorDisabledListButtonTabs);
-  cursor: default;
-}
-.c-tabs__listItem.is-active .c-tabs__listButton {
-  background: var(--backgroundSelectedListButtonTabs);
-  color: var(--colorSelectedListButtonTabs);
-}
-@media screen and (min-width: 992px) {
-  .c-tabs__listButton {
-    border-radius: var(--borderRadiusMedium) var(--borderRadiusMedium) 0 0;
-    padding: var(--paddingListButtonTabs);
-  }
-}
-
-.c-tabs__content {
-  position: relative;
-  z-index: 10;
-}
-@media screen and (min-width: 992px) {
-  .c-tabs__content {
-    background: var(--backgroundContentTabs);
-    border-radius: 0 var(--borderRadiusMedium) var(--borderRadiusMedium) var(--borderRadiusMedium);
-    padding: var(--spaceXLarge);
-  }
-}
-
-.c-tabs__contentItem {
-  display: none;
-}
-.c-tabs__contentItem.is-active {
-  display: block;
-}
-
-.c-tag {
-  background: var(--backgroundTag);
-  border-radius: var(--borderRadiusTag);
-  color: var(--colorTag);
-  display: inline-block;
-  font-size: var(--fontSizeTag);
-  line-height: var(--lineHeightTag);
-  padding: var(--paddingTag);
-  white-space: nowrap;
-}
-.c-tag--fgNeutralDefaultColor {
-  background: var(--fgNeutralDefault);
-}
-.c-tag--fgNeutralSubtleColor {
-  background: var(--fgNeutralSubtle);
-}
-.c-tag--fgNeutralSubtlestColor {
-  background: var(--fgNeutralSubtlest);
-}
-.c-tag--fgBrandDefaultColor {
-  background: var(--fgBrandDefault);
-}
-.c-tag--fgPromoDefaultColor {
-  background: var(--fgPromoDefault);
-}
-.c-tag--fgLinkDefaultColor {
-  background: var(--fgLinkDefault);
-}
-.c-tag--fgLinkDefaultHoverColor {
-  background: var(--fgLinkDefaultHover);
-}
-.c-tag--fgLinkDefaultPressedColor {
-  background: var(--fgLinkDefaultPressed);
-}
-.c-tag--fgInfoDefaultColor {
-  background: var(--fgInfoDefault);
-}
-.c-tag--fgErrorDefaultColor {
-  background: var(--fgErrorDefault);
-}
-.c-tag--fgWarningDefaultColor {
-  background: var(--fgWarningDefault);
-}
-.c-tag--fgSuccessDefaultColor {
-  background: var(--fgSuccessDefault);
-}
-.c-tag--fgInverseDefaultColor {
-  background: var(--fgInverseDefault);
-}
-.c-tag--fgDisabledDefaultColor {
-  background: var(--fgDisabledDefault);
-}
-.c-tag--bgNeutralDefaultColor {
-  background: var(--bgNeutralDefault);
-}
-.c-tag--bgNeutralDefaultHoverColor {
-  background: var(--bgNeutralDefaultHover);
-}
-.c-tag--bgNeutralDefaultActiveColor {
-  background: var(--bgNeutralDefaultActive);
-}
-.c-tag--bgNeutralSubtleColor {
-  background: var(--bgNeutralSubtle);
-}
-.c-tag--bgNeutralSubtleHoverColor {
-  background: var(--bgNeutralSubtleHover);
-}
-.c-tag--bgNeutralSubtleActiveColor {
-  background: var(--bgNeutralSubtleActive);
-}
-.c-tag--bgNeutralSubtlestColor {
-  background: var(--bgNeutralSubtlest);
-}
-.c-tag--bgNeutralSubtlestHoverColor {
-  background: var(--bgNeutralSubtlestHover);
-}
-.c-tag--bgNeutralSubtlestActiveColor {
-  background: var(--bgNeutralSubtlestActive);
-}
-.c-tag--bgBrandDefaultColor {
-  background: var(--bgBrandDefault);
-}
-.c-tag--bgBrandDefaultHoverColor {
-  background: var(--bgBrandDefaultHover);
-}
-.c-tag--bgBrandDefaultPressedColor {
-  background: var(--bgBrandDefaultPressed);
-}
-.c-tag--bgBrandBoldColor {
-  background: var(--bgBrandBold);
-}
-.c-tag--bgBrandBoldHoverColor {
-  background: var(--bgBrandBoldHover);
-}
-.c-tag--bgBrandBoldPressedColor {
-  background: var(--bgBrandBoldPressed);
-}
-.c-tag--bgPromoBoldColor {
-  background: var(--bgPromoBold);
-}
-.c-tag--bgPromoBoldHoverColor {
-  background: var(--bgPromoBoldHover);
-}
-.c-tag--bgPromoBoldPressedColor {
-  background: var(--bgPromoBoldPressed);
-}
-.c-tag--bgInfoDefaultColor {
-  background: var(--bgInfoDefault);
-}
-.c-tag--bgInfoDefaultHoverColor {
-  background: var(--bgInfoDefaultHover);
-}
-.c-tag--bgInfoDefaultPressedColor {
-  background: var(--bgInfoDefaultPressed);
-}
-.c-tag--bgInfoBoldColor {
-  background: var(--bgInfoBold);
-}
-.c-tag--bgInfoBoldHoverColor {
-  background: var(--bgInfoBoldHover);
-}
-.c-tag--bgInfoBoldPressedColor {
-  background: var(--bgInfoBoldPressed);
-}
-.c-tag--bgErrorDefaultColor {
-  background: var(--bgErrorDefault);
-}
-.c-tag--bgErrorDefaultHoverColor {
-  background: var(--bgErrorDefaultHover);
-}
-.c-tag--bgErrorDefaultPressedColor {
-  background: var(--bgErrorDefaultPressed);
-}
-.c-tag--bgErrorBoldColor {
-  background: var(--bgErrorBold);
-}
-.c-tag--bgErrorBoldHoverColor {
-  background: var(--bgErrorBoldHover);
-}
-.c-tag--bgErrorBoldPressedColor {
-  background: var(--bgErrorBoldPressed);
-}
-.c-tag--bgWarningDefaultColor {
-  background: var(--bgWarningDefault);
-}
-.c-tag--bgWarningDefaultHoverColor {
-  background: var(--bgWarningDefaultHover);
-}
-.c-tag--bgWarningDefaultPressedColor {
-  background: var(--bgWarningDefaultPressed);
-}
-.c-tag--bgWarningBoldColor {
-  background: var(--bgWarningBold);
-}
-.c-tag--bgWarningBoldHoverColor {
-  background: var(--bgWarningBoldHover);
-}
-.c-tag--bgWarningBoldPressedColor {
-  background: var(--bgWarningBoldPressed);
-}
-.c-tag--bgSuccessDefaultColor {
-  background: var(--bgSuccessDefault);
-}
-.c-tag--bgSuccessDefaultHoverColor {
-  background: var(--bgSuccessDefaultHover);
-}
-.c-tag--bgSuccessDefaultPressedColor {
-  background: var(--bgSuccessDefaultPressed);
-}
-.c-tag--bgSuccessBoldColor {
-  background: var(--bgSuccessBold);
-}
-.c-tag--bgSuccessBoldHoverColor {
-  background: var(--bgSuccessBoldHover);
-}
-.c-tag--bgSuccessBoldPressedColor {
-  background: var(--bgSuccessBoldPressed);
-}
-.c-tag--bgDisabledDefaultColor {
-  background: var(--bgDisabledDefault);
-}
-.c-tag--surfaceDefaultColor {
-  background: var(--surfaceDefault);
-}
-.c-tag--surfaceRisenColor {
-  background: var(--surfaceRisen);
-}
-.c-tag--surfaceOverlayColor {
-  background: var(--surfaceOverlay);
-}
-.c-tag--borderNeutralDefaultColor {
-  background: var(--borderNeutralDefault);
-}
-.c-tag--borderNeutralSubtleColor {
-  background: var(--borderNeutralSubtle);
+.c-tabs__listButton.is-disabled, .c-tabs__listButton.is-disabled:hover, .c-tabs__listButton.is-disabled:active, .c-tabs__listButton.is-disabled:focus {
+  background: var(--backgroundDisabledListButtonTabs);
+  color: var(--colorDisabledListButtonTabs);
+  cursor: default;
 }
-.c-tag--borderBrandDefaultColor {
-  background: var(--borderBrandDefault);
+.c-tabs__listItem.is-active .c-tabs__listButton {
+  background: var(--backgroundSelectedListButtonTabs);
+  color: var(--colorSelectedListButtonTabs);
 }
-.c-tag--borderPromoDefaultColor {
-  background: var(--borderPromoDefault);
+@media screen and (min-width: 992px) {
+  .c-tabs__listButton {
+    border-radius: var(--borderRadiusMedium) var(--borderRadiusMedium) 0 0;
+    padding: var(--paddingListButtonTabs);
+  }
 }
-.c-tag--borderInfoDefaultColor {
-  background: var(--borderInfoDefault);
+
+.c-tabs__content {
+  position: relative;
+  z-index: 10;
 }
-.c-tag--borderErrorDefaultColor {
-  background: var(--borderErrorDefault);
+@media screen and (min-width: 992px) {
+  .c-tabs__content {
+    background: var(--backgroundContentTabs);
+    border-radius: 0 var(--borderRadiusMedium) var(--borderRadiusMedium) var(--borderRadiusMedium);
+    padding: var(--spaceXLarge);
+  }
 }
-.c-tag--borderWarningDefaultColor {
-  background: var(--borderWarningDefault);
+
+.c-tabs__contentItem {
+  display: none;
 }
-.c-tag--borderSuccessDefaultColor {
-  background: var(--borderSuccessDefault);
+.c-tabs__contentItem.is-active {
+  display: block;
 }
-.c-tag--borderDisabledDefaultColor {
-  background: var(--borderDisabledDefault);
+
+.c-tag {
+  background: var(--backgroundTag);
+  border-radius: var(--borderRadiusTag);
+  color: var(--colorTag);
+  display: inline-block;
+  font-size: var(--fontSizeTag);
+  line-height: var(--lineHeightTag);
+  padding: var(--paddingTag);
+  white-space: nowrap;
 }
 
 .c-tag--withIcon {
@@ -6581,6 +5941,9 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   margin-right: var(--marginRightIconTag);
   margin-top: -2px;
 }
+.c-tag .c-avatar.c-avatar--image {
+  margin-top: 0;
+}
 
 .c-textCurrency {
   font-size: var(--fontSizeTextCurrency);
@@ -6867,7 +6230,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 }
 
 .c-superModal {
-  background: var(--backgroundContentModal);
+  background: var(--backgroundSuperModal);
   border-radius: 4px 4px 0 0;
   bottom: 0;
   box-shadow: 0 8px 16px rgba(25, 25, 25, 0.1), 0 0 24px rgba(25, 25, 25, 0.2);
@@ -6896,7 +6259,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 }
 
 .c-superModal__header--fixed::after {
-  background: var(--backgroundContentModal);
+  background: var(--backgroundSuperModal);
   bottom: 0;
   content: "";
   height: 1px;
@@ -7290,6 +6653,9 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   z-index: 1;
 }
 
+.custom-datepicker {
+  z-index: 1000 !important;
+}
 .custom-datepicker .react-datepicker {
   border: 0 !important;
   box-shadow: var(--boxShadowXXSmall);
@@ -7310,9 +6676,11 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   padding-bottom: 3px;
 }
 .custom-datepicker .react-datepicker__triangle {
+  display: none;
   stroke: unset !important;
-  fill: var(--bgBrandDefaultHover) !important;
-  color: var(--bgBrandDefaultHover) !important;
+  margin-top: 1px;
+  fill: var(--fgInverseDefault) !important;
+  color: var(--fgInverseDefault) !important;
 }
 .custom-datepicker .react-datepicker-year-header {
   background: var(--bgBrandDefaultHover);
@@ -7325,6 +6693,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 }
 .custom-datepicker .react-datepicker__header {
   padding-top: 0;
+  border-bottom: none;
 }
 .custom-datepicker .react-datepicker__header__dropdown {
   background: var(--bgBrandDefaultHover);
@@ -7341,15 +6710,18 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   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: var(--bgBrandDefaultHover);
-  color: var(--bgBrandBold);
+  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__year-option--selected_month, .custom-datepicker .react-datepicker__year-option--selected_year {
-  color: var(--fgBrandDefault);
+.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;
@@ -7401,9 +6773,9 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   height: 2.25rem;
   line-height: 2.25rem;
   margin: 0.025rem;
-  color: var(--fgNeutralDefault);
+  color: var(--bgBrandBold);
 }
-.custom-datepicker .react-datepicker__month-text--outside-month, .custom-datepicker .react-datepicker__day--outside-month {
+.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 {
   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 {
@@ -7413,6 +6785,13 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   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 {
+  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 {
   border-radius: 50% !important;
 }
@@ -7440,11 +6819,11 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   border-radius: 20px !important;
 }
 .custom-datepicker .react-datepicker__month-dropdown, .custom-datepicker .react-datepicker__year-dropdown {
-  border-radius: 0;
-  border: 0;
-  box-shadow: var(--boxShadowXXSmall);
-  background: var(--fgInverseDefault);
-  color: var(--fgNeutralDefault);
+  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;
@@ -7737,6 +7116,9 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   width: 12px;
   min-width: 12px;
 }
+.f-checkbox__indicator .c-avatar__icon {
+  margin-top: -3px;
+}
 .f-checkbox__text {
   font-size: var(--fontSizeTextCheckbox2);
   font-weight: var(--fontWeightTextCheckbox2);
@@ -7763,6 +7145,9 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   padding-top: 2px;
   margin-left: 0;
 }
+.f-checkbox .f-checkbox__input {
+  display: none;
+}
 
 .f-checkboxes {
   display: flex;
@@ -7868,11 +7253,12 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   column-gap: var(--spaceMedium);
 }
 .f-radio__item {
-  align-items: flex-start;
   cursor: pointer;
+  padding-top: 4px;
+}
+.f-radio__item label {
   display: flex;
   gap: var(--spaceXSmall);
-  padding: 4px 0;
 }
 .f-radio__item--checked .f-radio__indicator {
   background: var(--backgroundIndicatorCheckedRadio2);
@@ -7937,6 +7323,9 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   padding-top: 2px;
   margin-left: 0;
 }
+.f-radio .f-radio__input {
+  display: none;
+}
 
 .f-slider {
   padding: 0;
@@ -8108,7 +7497,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 }
 
 .m-menu__list {
-  align-items: baseline;
+  align-items: center;
   display: flex;
   flex-wrap: wrap;
   list-style: none;
@@ -8129,9 +7518,9 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   color: var(--colorLinkSelectedMenu);
 }
 
-.m-menu__item--disabled .m-menu__link,
-.m-menu__item--disabled .m-menu__link .c-avatar,
-.m-menu__item--disabled .m-menu__link .m-menu__text {
+.m-menu__item.m-menu__item--disabled .m-menu__link,
+.m-menu__item.m-menu__item--disabled .m-menu__link .c-avatar,
+.m-menu__item.m-menu__item--disabled .m-menu__link .m-menu__text {
   color: var(--colorTextDisabledMenuItem);
   cursor: default;
 }
@@ -8229,12 +7618,8 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 .m-menu--secondary .m-menu__item + .c-tooltip-wrapper + .m-menu__item {
   margin-top: var(--marginTopItemSecondaryMenu);
 }
-.m-menu--secondary .m-menu__item--open {
-  background: var(--backgroundSubmenu);
-  border-radius: var(--borderRadiusSmall);
-}
 .m-menu--secondary .m-menu__item--open .m-menu__subMenu {
-  padding-top: 1px;
+  padding-top: var(--marginTopItemSecondaryMenu);
 }
 @media screen and (max-width: 991px) {
   .m-menu--secondary .m-menu {
@@ -8253,7 +7638,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   position: relative;
 }
 .m-menu__subMenu::before {
-  background: var(--borderNeutralDefault);
+  background: var(--borderNeutralSubtle);
   content: "";
   height: 1px;
   left: var(--fontSizeMedium);
@@ -8266,6 +7651,9 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   flex: 1 1 100%;
   margin: 0;
 }
+.m-menu__subItem + .m-menu__subItem {
+  margin-top: var(--marginTopItemSecondaryMenu);
+}
 
 .m-menu--mobile {
   width: 100%;
@@ -8330,8 +7718,10 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 .m-stepper__icon {
   align-items: center;
   background: var(--bgNeutralDefault);
+  font-size: var(--fontSizeIconStepper);
+  font-weight: var(--fontWeightIconStepper);
   border-radius: 50%;
-  color: var(--fgNeutralDefault);
+  color: var(--colorIconStepper);
   display: flex;
   height: 32px;
   justify-content: center;
@@ -8345,23 +7735,25 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 }
 
 .m-stepper__title {
+  color: var(--colorTitleStepper);
   display: inline-block;
-  font-size: var(--fontSizeSmall);
+  font-size: var(--fontSizeTitleStepper);
   font-weight: normal;
   line-height: var(--lineHeightSmall);
   margin: var(--spaceXSmall) 0 0 0;
 }
 
 .m-stepper__line {
-  background: var(--bgNeutralDefault);
   display: block;
   height: 2px;
-  left: 50%;
+  left: var(--leftLineStepper);
   position: absolute;
   top: 16px;
-  width: 100%;
+  width: var(--widthLineStepper);
+  background: var(--bgNeutralDefault);
 }
 .m-stepper__line .col {
+  float: left;
   height: 2px;
 }
 
@@ -8369,15 +7761,37 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   font-weight: var(--fontWeightBold);
 }
 
+.m-stepper__item--active .m-stepper__title,
+.m-stepper__item--done .m-stepper__title {
+  color: var(--colorActiveTitleStepper);
+  font-weight: var(--fontWeightItemDoneTitleStepper);
+}
 .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,
-.m-stepper__item--done .m-stepper__line .col {
+.m-stepper__item--active .m-stepper__line .col:first-child,
+.m-stepper__item--done .m-stepper__line .col:first-child {
+  background: var(--bgBrandBold);
+}
+
+.m-stepper__item--active .m-stepper__line--with-substep {
+  background: none;
+}
+.m-stepper__item--active .m-stepper__line .col:first-child {
   background: var(--bgBrandBold);
 }
+.m-stepper__item--active .m-stepper__line .col:nth-child(2) {
+  position: relative;
+}
+.m-stepper__item--active .m-stepper__line .col:nth-child(2)::before {
+  content: "";
+  position: absolute;
+  left: 10px;
+  height: 100%;
+  width: calc(100% - 10px);
+  background: var(--bgNeutralDefault);
+}
 
 .u-vHide {
   border: 0;
@@ -8655,6 +8069,276 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
   color: var(--fgNeutralSubtle);
 }
 
+.u-colorError,
+.u-colorRed,
+.u-colorRedDarker {
+  color: var(--fgErrorDefault);
+}
+
+.u-colorWarning,
+.u-colorOrange,
+.u-colorOrangeDarker {
+  color: var(--fgWarningDefault);
+}
+
+.u-colorSuccess,
+.u-colorGreen,
+.u-colorGreenDarker {
+  color: var(--fgSuccessDefault);
+}
+
+.u-colorBrand,
+.u-colorBlue,
+.u-colorBlueDarker {
+  color: var(--fgBrandDefault);
+}
+
+.u-bg--bgNeutralDefault {
+  background: var(--bgNeutralDefault);
+}
+.u-bg--bgNeutralDefaultHover {
+  background: var(--bgNeutralDefaultHover);
+}
+.u-bg--bgNeutralDefaultActive {
+  background: var(--bgNeutralDefaultActive);
+}
+.u-bg--bgNeutralSubtle {
+  background: var(--bgNeutralSubtle);
+}
+.u-bg--bgNeutralSubtleHover {
+  background: var(--bgNeutralSubtleHover);
+}
+.u-bg--bgNeutralSubtleActive {
+  background: var(--bgNeutralSubtleActive);
+}
+.u-bg--bgNeutralSubtlest {
+  background: var(--bgNeutralSubtlest);
+}
+.u-bg--bgNeutralSubtlestHover {
+  background: var(--bgNeutralSubtlestHover);
+}
+.u-bg--bgNeutralSubtlestActive {
+  background: var(--bgNeutralSubtlestActive);
+}
+.u-bg--bgBrandDefault {
+  background: var(--bgBrandDefault);
+}
+.u-bg--bgBrandDefaultHover {
+  background: var(--bgBrandDefaultHover);
+}
+.u-bg--bgBrandDefaultPressed {
+  background: var(--bgBrandDefaultPressed);
+}
+.u-bg--bgBrandBold {
+  background: var(--bgBrandBold);
+}
+.u-bg--bgBrandBoldHover {
+  background: var(--bgBrandBoldHover);
+}
+.u-bg--bgBrandBoldPressed {
+  background: var(--bgBrandBoldPressed);
+}
+.u-bg--bgPromoBold {
+  background: var(--bgPromoBold);
+}
+.u-bg--bgPromoBoldHover {
+  background: var(--bgPromoBoldHover);
+}
+.u-bg--bgPromoBoldPressed {
+  background: var(--bgPromoBoldPressed);
+}
+.u-bg--bgInfoDefault {
+  background: var(--bgInfoDefault);
+}
+.u-bg--bgInfoDefaultHover {
+  background: var(--bgInfoDefaultHover);
+}
+.u-bg--bgInfoDefaultPressed {
+  background: var(--bgInfoDefaultPressed);
+}
+.u-bg--bgInfoBold {
+  background: var(--bgInfoBold);
+}
+.u-bg--bgInfoBoldHover {
+  background: var(--bgInfoBoldHover);
+}
+.u-bg--bgInfoBoldPressed {
+  background: var(--bgInfoBoldPressed);
+}
+.u-bg--bgErrorDefault {
+  background: var(--bgErrorDefault);
+}
+.u-bg--bgErrorDefaultHover {
+  background: var(--bgErrorDefaultHover);
+}
+.u-bg--bgErrorDefaultPressed {
+  background: var(--bgErrorDefaultPressed);
+}
+.u-bg--bgErrorBold {
+  background: var(--bgErrorBold);
+}
+.u-bg--bgErrorBoldHover {
+  background: var(--bgErrorBoldHover);
+}
+.u-bg--bgErrorBoldPressed {
+  background: var(--bgErrorBoldPressed);
+}
+.u-bg--bgWarningDefault {
+  background: var(--bgWarningDefault);
+}
+.u-bg--bgWarningDefaultHover {
+  background: var(--bgWarningDefaultHover);
+}
+.u-bg--bgWarningDefaultPressed {
+  background: var(--bgWarningDefaultPressed);
+}
+.u-bg--bgWarningBold {
+  background: var(--bgWarningBold);
+}
+.u-bg--bgWarningBoldHover {
+  background: var(--bgWarningBoldHover);
+}
+.u-bg--bgWarningBoldPressed {
+  background: var(--bgWarningBoldPressed);
+}
+.u-bg--bgSuccessDefault {
+  background: var(--bgSuccessDefault);
+}
+.u-bg--bgSuccessDefaultHover {
+  background: var(--bgSuccessDefaultHover);
+}
+.u-bg--bgSuccessDefaultPressed {
+  background: var(--bgSuccessDefaultPressed);
+}
+.u-bg--bgSuccessBold {
+  background: var(--bgSuccessBold);
+}
+.u-bg--bgSuccessBoldHover {
+  background: var(--bgSuccessBoldHover);
+}
+.u-bg--bgSuccessBoldPressed {
+  background: var(--bgSuccessBoldPressed);
+}
+.u-bg--bgDisabledDefault {
+  background: var(--bgDisabledDefault);
+}
+.u-bg--gradientBlueRed {
+  background: var(--gradientBlueRed);
+}
+.u-bg--gradientBlueRedDark {
+  background: var(--gradientBlueRedDark);
+}
+.u-bg--gradientGold {
+  background: var(--gradientGold);
+}
+.u-bg--gradientGoldHover {
+  background: var(--gradientGoldHover);
+}
+.u-bg--gradientGoldActive {
+  background: var(--gradientGoldActive);
+}
+.u-bg--gradientMenu {
+  background: var(--gradientMenu);
+}
+.u-bg--gradientMenuStart {
+  background: var(--gradientMenuStart);
+}
+.u-bg--gradientMenuEnd {
+  background: var(--gradientMenuEnd);
+}
+.u-bg--gradientFresh {
+  background: var(--gradientFresh);
+}
+.u-bg--categoryYellow {
+  background: var(--categoryYellow);
+}
+.u-bg--categoryOrange {
+  background: var(--categoryOrange);
+}
+.u-bg--categoryPink {
+  background: var(--categoryPink);
+}
+.u-bg--categoryCherry {
+  background: var(--categoryCherry);
+}
+.u-bg--categoryViolet {
+  background: var(--categoryViolet);
+}
+.u-bg--categoryOceanBlue {
+  background: var(--categoryOceanBlue);
+}
+.u-bg--categorySkyBlue {
+  background: var(--categorySkyBlue);
+}
+.u-bg--categoryMidnightBlue {
+  background: var(--categoryMidnightBlue);
+}
+.u-bg--categorySemiBlue {
+  background: var(--categorySemiBlue);
+}
+.u-bg--categoryTorquise {
+  background: var(--categoryTorquise);
+}
+.u-bg--categoryMintGreen {
+  background: var(--categoryMintGreen);
+}
+.u-bg--categoryForestGreen {
+  background: var(--categoryForestGreen);
+}
+.u-bg--categoryOliveGreen {
+  background: var(--categoryOliveGreen);
+}
+.u-bg--thirdPartyFacebook {
+  background: var(--thirdPartyFacebook);
+}
+.u-bg--thirdPartyTwitter {
+  background: var(--thirdPartyTwitter);
+}
+
+.u-fg--fgNeutralDefault {
+  color: var(--fgNeutralDefault);
+}
+.u-fg--fgNeutralSubtle {
+  color: var(--fgNeutralSubtle);
+}
+.u-fg--fgNeutralSubtlest {
+  color: var(--fgNeutralSubtlest);
+}
+.u-fg--fgBrandDefault {
+  color: var(--fgBrandDefault);
+}
+.u-fg--fgPromoDefault {
+  color: var(--fgPromoDefault);
+}
+.u-fg--fgLinkDefault {
+  color: var(--fgLinkDefault);
+}
+.u-fg--fgLinkDefaultHover {
+  color: var(--fgLinkDefaultHover);
+}
+.u-fg--fgLinkDefaultPressed {
+  color: var(--fgLinkDefaultPressed);
+}
+.u-fg--fgInfoDefault {
+  color: var(--fgInfoDefault);
+}
+.u-fg--fgErrorDefault {
+  color: var(--fgErrorDefault);
+}
+.u-fg--fgWarningDefault {
+  color: var(--fgWarningDefault);
+}
+.u-fg--fgSuccessDefault {
+  color: var(--fgSuccessDefault);
+}
+.u-fg--fgInverseDefault {
+  color: var(--fgInverseDefault);
+}
+.u-fg--fgDisabledDefault {
+  color: var(--fgDisabledDefault);
+}
+
+/****/
 .u-colorBrand {
   color: var(--fgBrandDefault);
 }
@@ -9268,7 +8952,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
 /* Slider */
 .slick-loading .slick-list
 {
-    background: #fff url('assets/d0da91c728d096b8fc29.gif') center center no-repeat;
+    background: #fff url('assets/6abdd8a18a8788a4e60a.gif') center center no-repeat;
 }
 
 /* Icons */
@@ -9278,8 +8962,8 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
     font-weight: normal;
     font-style: normal;
 
-    src: url('assets/10146f5a107bfe9737e0.eot');
-    src: url('assets/918cf18b4b3ca0c91376.eot') format('embedded-opentype'), url('assets/cd0adb734822b7516b9c.woff') format('woff'), url('assets/154a34b27713ce60ed87.ttf') format('truetype'), url('assets/72397667f316684c1ff6.svg') format('svg');
+    src: url('assets/51a944d946d8549f6825.eot');
+    src: url('assets/256962c0a6f79ad03e39.eot') format('embedded-opentype'), url('assets/09f6323f6fe31da40271.woff') format('woff'), url('assets/fa11e17a1e9b90351b03.ttf') format('truetype'), url('assets/4ff7da1420003c86a363.svg') format('svg');
 }
 /* Arrows */
 .slick-prev,