@mmb-digital/ds-lilly 1.0.65 → 1.0.67

package/ds-lilly.css

@@ -440,6 +440,8 @@ body {
   --borderNeutralSubtle-rgb: hex-to-rgb(#E8EAED);
   --borderNeutralSubtlest: #F3F4F5;
   --borderNeutralSubtlest-rgb: hex-to-rgb(#F3F4F5);
+  --borderNeutralBold: #606876;
+  --borderNeutralBold-rgb: hex-to-rgb(#606876);
   --borderBrandDefault: #554C85;
   --borderBrandDefault-rgb: hex-to-rgb(#554C85);
   --borderPromoDefault: #A58B4B;
@@ -636,6 +638,8 @@ body.dark {
   --borderNeutralSubtle-rgb: hex-to-rgb(#27292E);
   --borderNeutralSubtlest: #1D1F24;
   --borderNeutralSubtlest-rgb: hex-to-rgb(#1D1F24);
+  --borderNeutralBold: #B2B6BF;
+  --borderNeutralBold-rgb: hex-to-rgb(#B2B6BF);
   --borderBrandDefault: #D3B986;
   --borderBrandDefault-rgb: hex-to-rgb(#D3B986);
   --borderPromoDefault: #A58B4B;
@@ -834,6 +838,8 @@ body.dark {
     --borderNeutralSubtle-rgb: hex-to-rgb(#27292E);
     --borderNeutralSubtlest: #1D1F24;
     --borderNeutralSubtlest-rgb: hex-to-rgb(#1D1F24);
+    --borderNeutralBold: #B2B6BF;
+    --borderNeutralBold-rgb: hex-to-rgb(#B2B6BF);
     --borderBrandDefault: #D3B986;
     --borderBrandDefault-rgb: hex-to-rgb(#D3B986);
     --borderPromoDefault: #A58B4B;
@@ -1029,6 +1035,8 @@ body.dark {
     --borderNeutralSubtle-rgb: hex-to-rgb(#E8EAED);
     --borderNeutralSubtlest: #F3F4F5;
     --borderNeutralSubtlest-rgb: hex-to-rgb(#F3F4F5);
+    --borderNeutralBold: #606876;
+    --borderNeutralBold-rgb: hex-to-rgb(#606876);
     --borderBrandDefault: #554C85;
     --borderBrandDefault-rgb: hex-to-rgb(#554C85);
     --borderPromoDefault: #A58B4B;
@@ -1441,6 +1449,24 @@ body {
   --widthContentSmallLoader: 40px;
   --backgroundAnimationLoader: var(--bgBrandBold);
   --sizeAnimationLoader: 40px;
+  --heightXSmallLoader: 32px;
+  --widthXSmallLoader: 32px;
+  --fontSizeXSmallLoader: var(--fontSizeXXSmall);
+  --heightSmallLoader: 40px;
+  --widthSmallLoader: 40px;
+  --fontSizeSmallLoader: var(--fontSizeXSmall);
+  --heightMediumLoader: 56px;
+  --widthMediumLoader: 56px;
+  --fontSizeMediumLoader: var(--fontSizeMedium);
+  --heightLargeLoader: 80px;
+  --widthLargeLoader: 80px;
+  --fontSizeLargeLoader: var(--fontSizeXLarge);
+  --heightXLargeLoader: 96px;
+  --widthXLargeLoader: 96px;
+  --fontSizeXLargeLoader: var(--fontSizeXXLarge);
+  --heightXXLargeLoader: 120px;
+  --widthXXLargeLoader: 120px;
+  --fontSizeXXLargeLoader: var(--fontSizeXXXXLarge);
   --paddingMobileModal: 0;
   --paddingTabletModal: var(--spaceXXLarge);
   --backgroundContentModal: var(--surfaceRisen);
@@ -1602,16 +1628,22 @@ body {
   --fontSizeTextCheckbox2: var(--fontSizeSmall);
   --fontWeightTextCheckbox2: var(--fontWeightNormal);
   --backgroundIndicatorCheckbox2: var(--bgNeutralSubtlest);
-  --borderIndicatorCheckbox2: 1px solid var(--borderNeutralDefault);
+  --borderIndicatorCheckbox2: 1px solid var(--borderNeutralBold);
   --borderRadiusIndicatorCheckbox2: var(--borderRadiusSmall);
   --colorIndicatorCheckbox2: var(--fgInverseDefault);
+  --backgroundIndicatorHoverCheckbox2: var(--bgNeutralSubtlestHover);
+  --borderIndicatorHoverCheckbox2: 1px solid var(--borderNeutralBold);
   --borderIndicatorCheckedCheckbox2: 1px solid var(--borderBrandDefault);
   --backgroundIndicatorCheckedCheckbox2: var(--bgBrandBold);
+  --backgroundIndicatorCheckedHoverCheckbox2: var(--bgBrandBoldHover);
   --borderIndicatorErrorCheckbox2: 1px solid var(--borderErrorDefault);
   --backgroundIndicatorErrorCheckbox2: var(--bgErrorDefault);
+  --backgroundIndicatorErrorHoverCheckbox2: var(--bgErrorDefaultHover);
   --borderIndicatorCheckedErrorCheckbox2: 1px solid var(--borderErrorDefault);
   --backgroundIndicatorCheckedErrorCheckbox2: var(--bgErrorBold);
+  --backgroundIndicatorCheckedErrorHoverCheckbox2: var(--bgErrorBoldHover);
   --borderIndicatorDisabledCheckbox2: 1px solid var(--borderDisabledDefault);
+  --backgroundIndicatorDisabledCheckbox2: var(--bgNeutralSubtlest);
   --borderIndicatorCheckedDisabledCheckbox2: 1px solid var(--borderDisabledDefault);
   --backgroundIndicatorCheckedDisabledCheckbox2: var(--bgDisabledDefault);
   --colorIndicatorCheckedDisabledCheckbox2: var(--fgDisabledDefault);
@@ -1620,7 +1652,8 @@ body {
   --fontSizeTextRadio2: var(--fontSizeSmall);
   --fontWeightTextRadio2: var(--fontWeightNormal);
   --backgroundIndicatorRadio2: var(--bgNeutralSubtlest);
-  --borderIndicatorRadio2: 1px solid var(--borderNeutralDefault);
+  --backgroundIndicatorHoverRadio2: var(--bgNeutralSubtlestHover);
+  --borderIndicatorRadio2: 1px solid var(--borderNeutralBold);
   --borderRadiusIndicatorRadio2: var(--borderRadiusFull);
   --colorIndicatorRadio2: var(--fgInverseDefault);
   --colorDescRadio2: var(--fgNeutralSubtle);
@@ -1629,13 +1662,17 @@ body {
   --borderWidthIndicatorFocusRadio2: 2px;
   --borderIndicatorCheckedRadio2: 1px solid var(--borderBrandDefault);
   --backgroundIndicatorCheckedRadio2: var(--bgBrandBold);
+  --backgroundIndicatorCheckedHoverRadio2: var(--bgBrandBoldHover);
   --backgroundIndicatorInsideCheckedRadio2: var(--fgInverseDefault);
   --borderIndicatorErrorRadio2: 1px solid var(--borderErrorDefault);
   --backgroundIndicatorErrorRadio2: var(--bgErrorDefault);
+  --backgroundIndicatorHoverErrorRadio2: var(--bgErrorDefaultHover);
   --borderIndicatorCheckedErrorRadio2: 1px solid var(--borderErrorDefault);
   --backgroundIndicatorCheckedErrorRadio2: var(--bgErrorBold);
+  --backgroundIndicatorCheckedHoverErrorRadio2: var(--bgErrorBoldHover);
   --backgroundIndicatorInsideCheckedErrorRadio2: var(--fgInverseDefault);
   --borderIndicatorDisabledRadio2: 1px solid var(--borderDisabledDefault);
+  --backgroundIndicatorDisabledRadio2: var(--bgNeutralSubtlest);
   --borderIndicatorCheckedDisabledRadio2: 1px solid var(--borderDisabledDefault);
   --backgroundIndicatorCheckedDisabledRadio2: var(--bgDisabledDefault);
   --backgroundDotIndicatorCheckedDisabledRadio2: var(--fgDisabledDefault);
@@ -1749,12 +1786,14 @@ body {
   --colorCrossedAmount: var(--fgNeutralSubtle);
   --fontWeightBoldAmount: var(--fontWeightBold);
   --fontSizeSmallAmount: var(--fontSizeSmall);
-  --fontSizeLargeAmount: var(--fontSizeLarge);
-  --fontSizeXLargeAmount: var(--fontSizeXLarge);
-  --fontSizeXXLargeAmount: var(--fontSizeXXLarge);
   --lineHeightSmallAmount: var(--lineHeightMedium);
+  --fontSizeMediumAmount: var(--fontSizeSmall);
+  --lineHeightMediumAmount: var(--lineHeightMedium);
+  --fontSizeLargeAmount: var(--fontSizeLarge);
   --lineHeightLargeAmount: var(--lineHeightLarge);
+  --fontSizeXLargeAmount: var(--fontSizeXLarge);
   --lineHeightXLargeAmount: var(--lineHeightXLarge);
+  --fontSizeXXLargeAmount: var(--fontSizeXXLarge);
   --lineHeightXXLargeAmount: var(--lineHeightXXLarge);
   --colorNumChange: var(--fgNeutralDefault);
   --colorIncreasingNumChange: var(--fgSuccessDefault);
@@ -1919,6 +1958,14 @@ img {
   font-size: var(--fontSizeSmallAmount);
 }
 
+.t-amount--medium {
+  font-size: var(--fontSizeMediumAmount);
+  line-height: var(--lineHeightMediumAmount);
+}
+.t-amount--medium .t-amount__unit {
+  font-size: var(--fontSizeMediumAmount);
+}
+
 .t-amount--large {
   font-size: var(--fontSizeLargeAmount);
   line-height: var(--lineHeightLargeAmount);
@@ -3221,9 +3268,6 @@ body {
   width: 100%;
   z-index: 4500;
 }
-.l-header .c-logo {
-  max-width: var(--maxWidthMobileLogoHeader);
-}
 .l-header > .t-title {
   color: var(--colorTitleHeader);
   margin: 0;
@@ -3271,33 +3315,119 @@ body {
     display: none;
   }
 }
-.l-header .c-logo__img {
+.c-logo {
+  display: inline-flex;
+  align-items: center;
+  max-width: var(--maxWidthMobileLogoHeader);
+}
+.c-logo .c-logo__svg {
   display: block;
+  width: 100%;
+  height: auto;
 }
-.l-header .c-logo__img--dark {
-  display: none;
+
+.c-logo__text {
+  fill: var(--monetaLogoTextColor);
 }
 
-body.light .l-header .c-logo__img {
-  display: block;
+.c-logo--xSmall .c-logo__svg,
+.c-logo--small .c-logo__svg,
+.c-logo--medium .c-logo__svg,
+.c-logo--large .c-logo__svg,
+.c-logo--xLarge .c-logo__svg,
+.c-logo--xxLarge .c-logo__svg,
+.c-logo__svg.c-logo--xSmall,
+.c-logo__svg.c-logo--small,
+.c-logo__svg.c-logo--medium,
+.c-logo__svg.c-logo--large,
+.c-logo__svg.c-logo--xLarge,
+.c-logo__svg.c-logo--xxLarge {
+  width: auto;
+  max-width: none;
 }
-body.light .l-header .c-logo__img--dark {
-  display: none;
+
+.l-header .c-logo.c-logo--xSmall,
+.l-header .c-logo.c-logo--small,
+.l-header .c-logo.c-logo--medium,
+.l-header .c-logo.c-logo--large,
+.l-header .c-logo.c-logo--xLarge,
+.l-header .c-logo.c-logo--xxLarge {
+  max-width: none;
 }
 
-@media (prefers-color-scheme: dark) {
-  .l-header .c-logo__img {
-    display: none;
-  }
-  .l-header .c-logo__img--dark {
-    display: block;
-  }
+.c-logo--xSmall .c-logo__svg,
+.c-logo__svg.c-logo--xSmall {
+  height: var(--heightXSmallAvatar);
 }
-body.dark .l-header .c-logo__img {
-  display: none;
+
+.c-logo--small .c-logo__svg,
+.c-logo__svg.c-logo--small {
+  height: var(--heightSmallAvatar);
 }
-body.dark .l-header .c-logo__img--dark {
-  display: block;
+
+.c-logo--medium .c-logo__svg,
+.c-logo__svg.c-logo--medium {
+  height: var(--heightAvatar);
+}
+
+.c-logo--large .c-logo__svg,
+.c-logo__svg.c-logo--large {
+  height: var(--heightLargeAvatar);
+}
+
+.c-logo--xLarge .c-logo__svg,
+.c-logo__svg.c-logo--xLarge {
+  height: var(--heightXLargeAvatar);
+}
+
+.c-logo--xxLarge .c-logo__svg,
+.c-logo__svg.c-logo--xxLarge {
+  height: var(--heightXXLargeAvatar);
+}
+
+.c-logo__svg {
+  --monetaLogoTextColor: #140757;
+  --monetaLogoStop1: #140757;
+  --monetaLogoStop2: #270953;
+  --monetaLogoStop3: #6D1042;
+  --monetaLogoStop4: #A41535;
+  --monetaLogoStop5: #CC192C;
+  --monetaLogoStop6: #E41B26;
+  --monetaLogoStop7: #ED1C24;
+}
+
+body.light .c-logo__svg {
+  --monetaLogoTextColor: #140757;
+  --monetaLogoStop1: #140757;
+  --monetaLogoStop2: #270953;
+  --monetaLogoStop3: #6D1042;
+  --monetaLogoStop4: #A41535;
+  --monetaLogoStop5: #CC192C;
+  --monetaLogoStop6: #E41B26;
+  --monetaLogoStop7: #ED1C24;
+}
+
+@media (prefers-color-scheme: dark) {
+  .c-logo__svg {
+    --monetaLogoTextColor: #fff;
+    --monetaLogoStop1: #fff;
+    --monetaLogoStop2: #fff;
+    --monetaLogoStop3: #fff;
+    --monetaLogoStop4: #fff;
+    --monetaLogoStop5: #fff;
+    --monetaLogoStop6: #fff;
+    --monetaLogoStop7: #fff;
+  }
+}
+body.dark .c-logo__svg {
+  --monetaLogoTextColor: #fff;
+  --monetaLogoStop1: #fff;
+  --monetaLogoStop2: #fff;
+  --monetaLogoStop3: #fff;
+  --monetaLogoStop4: #fff;
+  --monetaLogoStop5: #fff;
+  --monetaLogoStop6: #fff;
+  --monetaLogoStop7: #fff;
 }
 
 .l-main {
@@ -5633,19 +5763,53 @@ body.dark .l-header .c-logo__img--dark {
 .c-loader {
   display: inline-block;
   position: relative;
+  --heightContentCurrentLoader: var(--heightContentLoader);
+  --widthContentCurrentLoader: var(--widthContentLoader);
+  --fontSizeContentCurrentLoader: var(--fontSizeContentLoader);
+}
+
+/**
+ * Size variants
+ */
+.c-loader--xSmall {
+  --heightContentCurrentLoader: var(--heightXSmallLoader);
+  --widthContentCurrentLoader: var(--widthXSmallLoader);
+  --fontSizeContentCurrentLoader: var(--fontSizeXSmallLoader);
+}
+
+.c-loader--small {
+  --heightContentCurrentLoader: var(--heightSmallLoader);
+  --widthContentCurrentLoader: var(--widthSmallLoader);
+  --fontSizeContentCurrentLoader: var(--fontSizeSmallLoader);
+}
+
+.c-loader--medium {
+  --heightContentCurrentLoader: var(--heightMediumLoader);
+  --widthContentCurrentLoader: var(--widthMediumLoader);
+  --fontSizeContentCurrentLoader: var(--fontSizeMediumLoader);
+}
+
+.c-loader--large {
+  --heightContentCurrentLoader: var(--heightLargeLoader);
+  --widthContentCurrentLoader: var(--widthLargeLoader);
+  --fontSizeContentCurrentLoader: var(--fontSizeLargeLoader);
 }
 
-.c-loader--small .c-loader__content {
-  height: var(--heightContentSmallLoader);
-  font-size: var(--fontSizeContentSmallLoader);
-  width: var(--widthContentSmallLoader);
+.c-loader--xLarge {
+  --heightContentCurrentLoader: var(--heightXLargeLoader);
+  --widthContentCurrentLoader: var(--widthXLargeLoader);
+  --fontSizeContentCurrentLoader: var(--fontSizeXLargeLoader);
 }
-.c-loader--small .c-loader__sonar1,
-.c-loader--small .c-loader__sonar2,
-.c-loader--small .c-loader__sonar3 {
-  animation-name: sonarSmall;
+
+.c-loader--xxLarge {
+  --heightContentCurrentLoader: var(--heightXXLargeLoader);
+  --widthContentCurrentLoader: var(--widthXXLargeLoader);
+  --fontSizeContentCurrentLoader: var(--fontSizeXXLargeLoader);
 }
 
+/**
+ * Content container
+ */
 .c-loader__content {
   align-items: center;
   background: var(--backgroundContentLoader);
@@ -5653,12 +5817,12 @@ body.dark .l-header .c-logo__img--dark {
   border-radius: 50%;
   color: var(--fontColorContentLoader);
   display: inline-flex;
-  font-size: var(--fontSizeContentLoader);
+  font-size: var(--fontSizeContentCurrentLoader);
   font-weight: var(--fontWeightBold);
-  height: var(--heightContentLoader);
+  height: var(--heightContentCurrentLoader);
   justify-content: center;
   position: relative;
-  width: var(--widthContentLoader);
+  width: var(--widthContentCurrentLoader);
   z-index: 2;
 }
 
@@ -5670,13 +5834,30 @@ body.dark .l-header .c-logo__img--dark {
 .c-loader__image {
   animation: pulseImage 3s infinite ease-in;
   opacity: 1;
-  width: 50%;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
 }
 
+.c-loader__image svg {
+  height: auto;
+  display: block;
+}
+
+.c-loader__image .c-avatar__icon svg {
+  height: auto;
+  display: block;
+}
+
+/**
+ * Sonar layers
+ */
 .c-loader__sonar1,
 .c-loader__sonar2,
 .c-loader__sonar3 {
-  animation: sonar 5s infinite;
+  animation: sonarCurrent 5s infinite;
   background: var(--backgroundAnimationLoader);
   border-radius: 50%;
   display: block;
@@ -5696,38 +5877,21 @@ body.dark .l-header .c-logo__img--dark {
   animation-delay: 0.8s;
 }
 
-@keyframes sonar {
-  0% {
-    height: var(--heightContentLoader);
-    opacity: 0.2;
-    width: var(--widthContentLoader);
-  }
-  90% {
-    height: calc(var(--heightContentLoader) + var(--sizeAnimationLoader));
-    opacity: 0;
-    width: calc(var(--widthContentLoader) + var(--sizeAnimationLoader));
-  }
-  100% {
-    height: var(--heightContentLoader);
-    opacity: 0;
-    width: var(--widthContentLoader);
-  }
-}
-@keyframes sonarSmall {
+@keyframes sonarCurrent {
   0% {
-    height: var(--heightContentSmallLoader);
+    height: var(--heightContentCurrentLoader);
     opacity: 0.2;
-    width: var(--widthContentSmallLoader);
+    width: var(--widthContentCurrentLoader);
   }
   90% {
-    height: calc(var(--heightContentSmallLoader) + var(--sizeAnimationLoader));
+    height: calc(var(--heightContentCurrentLoader) + var(--sizeAnimationLoader));
     opacity: 0;
-    width: calc(var(--widthContentSmallLoader) + var(--sizeAnimationLoader));
+    width: calc(var(--widthContentCurrentLoader) + var(--sizeAnimationLoader));
   }
   100% {
-    height: var(--heightContentSmallLoader);
+    height: var(--heightContentCurrentLoader);
     opacity: 0;
-    width: var(--widthContentSmallLoader);
+    width: var(--widthContentCurrentLoader);
   }
 }
 @keyframes pulseContent {
@@ -5752,6 +5916,13 @@ body.dark .l-header .c-logo__img--dark {
     opacity: 1;
   }
 }
+/**
+ * Dark mode
+ */
+.dark .c-logo__mark {
+  fill: #fff;
+}
+
 .c_logo {
   display: flex;
 }
@@ -7367,28 +7538,6 @@ body.dark .l-header .c-logo__img--dark {
 .f-group2--error .f-control2__placeholder {
   color: var(--fgErrorDefault);
 }
-.f-group2--error .f-checkbox__indicator {
-  border: var(--borderIndicatorErrorCheckbox2);
-  background: var(--backgroundIndicatorErrorCheckbox2);
-}
-.f-group2--error .f-checkbox__indicator--checked {
-  border: var(--borderIndicatorCheckedErrorCheckbox2);
-  background: var(--backgroundIndicatorCheckedErrorCheckbox2);
-}
-.f-group2--error .f-radio__legend {
-  color: var(--fgErrorDefault);
-}
-.f-group2--error .f-radio__indicator {
-  border: var(--borderIndicatorErrorRadio2);
-  background: var(--backgroundIndicatorErrorRadio2);
-}
-.f-group2--error .f-radio__item--checked .f-radio__indicator {
-  border: var(--borderIndicatorCheckedErrorRadio2);
-  background: var(--backgroundIndicatorCheckedErrorRadio2);
-}
-.f-group2--error .f-radio__item--checked .f-radio__indicator::after {
-  background: var(--backgroundIndicatorInsideCheckedErrorRadio2);
-}
 .f-group2--error .f-validationMsg--invalid,
 .f-group2--error .f-text-has-error {
   color: var(--fgErrorDefault);
@@ -7434,7 +7583,7 @@ body.dark .l-header .c-logo__img--dark {
 }
 .f-checkbox__over {
   display: inline-flex;
-  padding-top: 3px;
+  padding-top: 2px;
 }
 .f-checkbox__indicator {
   align-items: center;
@@ -7445,16 +7594,12 @@ body.dark .l-header .c-logo__img--dark {
   cursor: pointer;
   display: inline-flex;
   font-size: 12px;
-  height: 18px;
+  height: 20px;
   justify-content: center;
-  line-height: 18px;
-  min-width: 18px;
+  line-height: 20px;
+  min-width: 20px;
   position: relative;
-  width: 18px;
-}
-.f-checkbox__indicator--checked {
-  border: var(--borderIndicatorCheckedCheckbox2);
-  background: var(--backgroundIndicatorCheckedCheckbox2);
+  width: 20px;
 }
 .f-checkbox__indicator .c-avatar,
 .f-checkbox__indicator .c-avatar__icon,
@@ -7474,6 +7619,30 @@ body.dark .l-header .c-logo__img--dark {
 .f-checkbox__text + .f-checkbox__over {
   margin-left: var(--spaceXSmall);
 }
+.f-checkbox:hover .f-checkbox__indicator, .f-checkbox:focus-within .f-checkbox__indicator {
+  background: var(--backgroundIndicatorHoverCheckbox2);
+  border: var(--borderIndicatorHoverCheckbox2);
+}
+.f-checkbox--checked .f-checkbox__indicator--checked {
+  background: var(--backgroundIndicatorCheckedCheckbox2);
+  border: var(--borderIndicatorCheckedCheckbox2);
+}
+.f-checkbox--checked:hover .f-checkbox__indicator--checked, .f-checkbox--checked:focus-within .f-checkbox__indicator--checked {
+  background: var(--backgroundIndicatorCheckedHoverCheckbox2);
+}
+.f-group2--error .f-checkbox .f-checkbox__indicator {
+  background: var(--backgroundIndicatorErrorCheckbox2);
+  border: var(--borderIndicatorErrorCheckbox2);
+}
+.f-group2--error .f-checkbox:hover .f-checkbox__indicator, .f-group2--error .f-checkbox:focus-within .f-checkbox__indicator {
+  background: var(--backgroundIndicatorErrorHoverCheckbox2);
+}
+.f-group2--error .f-checkbox--checked .f-checkbox__indicator--checked {
+  background: var(--backgroundIndicatorCheckedErrorCheckbox2);
+}
+.f-group2--error .f-checkbox--checked:hover .f-checkbox__indicator--checked, .f-group2--error .f-checkbox--checked:focus-within .f-checkbox__indicator--checked {
+  background: var(--backgroundIndicatorCheckedErrorHoverCheckbox2);
+}
 .f-checkbox--disabled {
   cursor: default;
 }
@@ -7600,15 +7769,18 @@ body.dark .l-header .c-logo__img--dark {
   column-gap: var(--spaceMedium);
 }
 .f-radio__item {
-  cursor: pointer;
   padding: var(--spaceXXSmall) 0;
 }
 .f-radio__item .f-label2 {
   display: flex;
   column-gap: var(--spaceXSmall);
+  cursor: pointer;
   flex-wrap: wrap;
   margin: 0;
 }
+.f-radio__item:hover .f-radio__indicator, .f-radio__item:focus-within .f-radio__indicator {
+  background: var(--backgroundIndicatorHoverRadio2);
+}
 .f-radio__item--checked .f-radio__indicator {
   background: var(--backgroundIndicatorCheckedRadio2);
   border: var(--borderIndicatorCheckedRadio2);
@@ -7624,8 +7796,52 @@ body.dark .l-header .c-logo__img--dark {
   left: 50%;
   transform: translate(-50%, -50%);
 }
-.f-radio__item--focus .f-radio__indicator {
-  border-width: var(--borderWidthIndicatorFocusRadio2);
+.f-radio__item--checked:hover .f-radio__indicator, .f-radio__item--checked:focus-within .f-radio__indicator {
+  background: var(--backgroundIndicatorCheckedHoverRadio2);
+}
+.f-group2--error .f-radio__item .f-radio__indicator {
+  border: var(--borderIndicatorErrorRadio2);
+  background: var(--backgroundIndicatorErrorRadio2);
+}
+.f-group2--error .f-radio__item:hover .f-radio__indicator, .f-group2--error .f-radio__item:focus-within .f-radio__indicator {
+  background: var(--backgroundIndicatorHoverErrorRadio2);
+}
+.f-group2--error .f-radio__item.f-radio__item--checked .f-radio__indicator {
+  border: var(--borderIndicatorCheckedErrorRadio2);
+  background: var(--backgroundIndicatorCheckedErrorRadio2);
+}
+.f-group2--error .f-radio__item.f-radio__item--checked:hover .f-radio__indicator, .f-group2--error .f-radio__item.f-radio__item--checked:focus-within .f-radio__indicator {
+  background: var(--backgroundIndicatorCheckedHoverErrorRadio2);
+}
+.f-group2--error .f-radio__item.f-radio__item--checked::after {
+  background: var(--backgroundIndicatorInsideCheckedErrorRadio2);
+}
+.f-radio__item--disabled {
+  cursor: default;
+}
+.f-radio__item--disabled .f-radio__indicator {
+  cursor: default;
+  border: var(--borderIndicatorDisabledRadio2);
+  background: var(--backgroundIndicatorDisabledRadio2);
+}
+.f-radio__item--disabled:hover .f-radio__indicator, .f-radio__item--disabled:focus-within .f-radio__indicator {
+  border: var(--borderIndicatorDisabledRadio2);
+  background: var(--backgroundIndicatorDisabledRadio2);
+}
+.f-radio__item--disabled.f-radio__item--checked .f-radio__indicator {
+  border: var(--borderIndicatorCheckedDisabledRadio2);
+  background: var(--backgroundIndicatorCheckedDisabledRadio2);
+}
+.f-radio__item--disabled.f-radio__item--checked .f-radio__indicator::after {
+  background: var(--backgroundDotIndicatorCheckedDisabledRadio2);
+}
+.f-radio__item--disabled.f-radio__item--checked:hover .f-radio__indicator, .f-radio__item--disabled.f-radio__item--checked:focus-within .f-radio__indicator {
+  border: var(--borderIndicatorCheckedDisabledRadio2);
+  background: var(--backgroundIndicatorCheckedDisabledRadio2);
+}
+.f-radio__item--disabled .f-radio__text,
+.f-radio__item--disabled .f-radio__desc {
+  color: var(--colorTextDisabledRadio2);
 }
 .f-radio__indicator {
   align-items: center;
@@ -7636,13 +7852,13 @@ body.dark .l-header .c-logo__img--dark {
   cursor: pointer;
   display: inline-flex;
   font-size: 12px;
-  height: 18px;
+  height: 20px;
   justify-content: center;
-  line-height: 18px;
-  margin-top: 3px;
-  min-width: 18px;
+  line-height: 20px;
+  margin-top: 2px;
+  min-width: 20px;
   position: relative;
-  width: 18px;
+  width: 20px;
 }
 .f-radio__text {
   font-size: var(--fontSizeTextRadio2);
@@ -7661,24 +7877,6 @@ body.dark .l-header .c-logo__img--dark {
   flex: 1 1 100%;
   margin-left: calc(var(--spaceXSmall) + 18px);
 }
-.f-radio__item--disabled {
-  cursor: default;
-}
-.f-radio__item--disabled .f-radio__indicator {
-  cursor: default;
-  border: var(--borderIndicatorDisabledRadio2);
-}
-.f-radio__item--disabled.f-radio__item--checked .f-radio__indicator {
-  border: var(--borderIndicatorCheckedDisabledRadio2);
-  background: var(--backgroundIndicatorCheckedDisabledRadio2);
-}
-.f-radio__item--disabled.f-radio__item--checked .f-radio__indicator::after {
-  background: var(--backgroundDotIndicatorCheckedDisabledRadio2);
-}
-.f-radio__item--disabled .f-radio__text,
-.f-radio__item--disabled .f-radio__desc {
-  color: var(--colorTextDisabledRadio2);
-}
 .f-radio .f-label__tooltip2 {
   padding-top: 2px;
   margin-left: 0;
@@ -9948,7 +10146,7 @@ body.dark .u-fg--fgWhiteDefault {
 /* Slider */
 .slick-loading .slick-list
 {
-    background: #fff url('assets/6b5d11551a8477fd288d.gif') center center no-repeat;
+    background: #fff url('assets/06049195774bca6e61f5.gif') center center no-repeat;
 }
 
 /* Icons */
@@ -9958,8 +10156,8 @@ body.dark .u-fg--fgWhiteDefault {
     font-weight: normal;
     font-style: normal;
 
-    src: url('assets/6314c603f82c3a927906.eot');
-    src: url('assets/7ccb70d7bffb9ac6a8e0.eot') format('embedded-opentype'), url('assets/8635baf7c5b8a85b94f1.woff') format('woff'), url('assets/afb3993b8eb5c064b2db.ttf') format('truetype'), url('assets/e75e102061a5c0954aca.svg') format('svg');
+    src: url('assets/e4cb2679bb25a865da58.eot');
+    src: url('assets/7bb46514f0d246caa331.eot') format('embedded-opentype'), url('assets/4fcb420613b4266aa341.woff') format('woff'), url('assets/ad40be3af7b38e47477d.ttf') format('truetype'), url('assets/f015a396ef134f3d9701.svg') format('svg');
 }
 /* Arrows */
 .slick-prev,