@mmb-digital/ds-lilly 1.0.124 → 1.0.126

package/cjs/ds-lilly.css

@@ -6689,11 +6689,40 @@ body.dark .c-logo__svg {
     right: 16px;
   }
 }
+.c-dataTableWrapper {
+  position: relative;
+  width: 100%;
+}
+.c-dataTableWrapper--small, .c-dataTableWrapper--medium, .c-dataTableWrapper--large {
+  border-radius: 13px;
+  overflow: hidden;
+}
+.c-dataTableWrapper--borderTransparent {
+  border: 1px solid transparent;
+}
+.c-dataTableWrapper--borderDefault {
+  border: 1px solid var(--borderNeutralSubtle);
+}
+.c-dataTableWrapper--borderNeutral {
+  border: 1px solid var(--borderNeutralSubtle);
+}
+.c-dataTableWrapper--borderBrand {
+  border: 1px solid var(--bgBrandBold);
+}
+.c-dataTableWrapper--borderPromo {
+  border: 1px solid var(--bgPromoBold);
+}
+
 .c-dataTable {
   width: 100%;
   table-layout: fixed;
+  border-spacing: 0;
+  border-collapse: separate;
+}
+.c-dataTable th,
+.c-dataTable td {
+  border: 0;
 }
-
 .c-dataTable--contentRightAligned .c-dataTableItem__content {
   text-align: right;
 }
@@ -6707,21 +6736,284 @@ body.dark .c-logo__svg {
     text-align: right;
   }
 }
+.c-dataTable--contentCenterAligned .c-dataTableItem__content {
+  text-align: center;
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--contentCenterAligned .c-dataTableItem__content {
+    text-align: left;
+  }
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--contentCenterAligned.c-dataTable--noStack .c-dataTableItem__content {
+    text-align: center;
+  }
+}
+.c-dataTable--gapSmall .c-dataTableItem__label,
+.c-dataTable--gapSmall .c-dataTableItem__content {
+  padding: var(--spaceXXXSmall) 0;
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--gapSmall:not(.c-dataTable--noStack) .c-dataTableItem:first-child .c-dataTableItem__content {
+    padding-top: var(--spaceXXXSmall);
+  }
+  .c-dataTable--gapSmall:not(.c-dataTable--noStack) .c-dataTableItem:last-child .c-dataTableItem__label {
+    padding-bottom: var(--spaceXXXSmall);
+  }
+}
+.c-dataTable--gapSmall .c-dataTableItem--hasDivider .c-dataTableItem__label,
+.c-dataTable--gapSmall .c-dataTableItem--hasDivider .c-dataTableItem__content {
+  padding-top: calc(var(--spaceXXXSmall) + 8px);
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--gapSmall .c-dataTableItem--hasDivider .c-dataTableItem__content {
+    padding-top: var(--spaceXXXSmall);
+  }
+}
+.c-dataTable--gapMedium .c-dataTableItem__label,
+.c-dataTable--gapMedium .c-dataTableItem__content {
+  padding: var(--spaceXSmall) 0;
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--gapMedium:not(.c-dataTable--noStack) .c-dataTableItem:first-child .c-dataTableItem__content {
+    padding-top: var(--spaceXSmall);
+  }
+  .c-dataTable--gapMedium:not(.c-dataTable--noStack) .c-dataTableItem:last-child .c-dataTableItem__label {
+    padding-bottom: var(--spaceXSmall);
+  }
+}
+.c-dataTable--gapMedium .c-dataTableItem--hasDivider .c-dataTableItem__label,
+.c-dataTable--gapMedium .c-dataTableItem--hasDivider .c-dataTableItem__content {
+  padding-top: calc(var(--spaceXSmall) + 8px);
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--gapMedium .c-dataTableItem--hasDivider .c-dataTableItem__content {
+    padding-top: var(--spaceXSmall);
+  }
+}
+.c-dataTable--gapLarge .c-dataTableItem__label,
+.c-dataTable--gapLarge .c-dataTableItem__content {
+  padding: var(--spaceSmall) 0;
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--gapLarge:not(.c-dataTable--noStack) .c-dataTableItem:first-child .c-dataTableItem__content {
+    padding-top: var(--spaceSmall);
+  }
+  .c-dataTable--gapLarge:not(.c-dataTable--noStack) .c-dataTableItem:last-child .c-dataTableItem__label {
+    padding-bottom: var(--spaceSmall);
+  }
+}
+.c-dataTable--gapLarge .c-dataTableItem--hasDivider .c-dataTableItem__label,
+.c-dataTable--gapLarge .c-dataTableItem--hasDivider .c-dataTableItem__content {
+  padding-top: calc(var(--spaceSmall) + 8px);
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--gapLarge .c-dataTableItem--hasDivider .c-dataTableItem__content {
+    padding-top: var(--spaceSmall);
+  }
+}
+.c-dataTable--gapXLarge .c-dataTableItem__label,
+.c-dataTable--gapXLarge .c-dataTableItem__content {
+  padding: var(--spaceMedium) 0;
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--gapXLarge:not(.c-dataTable--noStack) .c-dataTableItem:first-child .c-dataTableItem__content {
+    padding-top: var(--spaceMedium);
+  }
+  .c-dataTable--gapXLarge:not(.c-dataTable--noStack) .c-dataTableItem:last-child .c-dataTableItem__label {
+    padding-bottom: var(--spaceMedium);
+  }
+}
+.c-dataTable--gapXLarge .c-dataTableItem--hasDivider .c-dataTableItem__label,
+.c-dataTable--gapXLarge .c-dataTableItem--hasDivider .c-dataTableItem__content {
+  padding-top: calc(var(--spaceMedium) + 8px);
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--gapXLarge .c-dataTableItem--hasDivider .c-dataTableItem__content {
+    padding-top: var(--spaceMedium);
+  }
+}
+.c-dataTable--small, .c-dataTable--medium, .c-dataTable--large {
+  border-radius: var(--borderRadiusLarge);
+  overflow: hidden;
+}
+.c-dataTable--zero .c-dataTableItem__label,
+.c-dataTable--zero .c-dataTableItem__content,
+.c-dataTable--zero .c-dataTableDivider td {
+  padding-left: 0;
+  padding-right: 0;
+}
+.c-dataTable--small .c-dataTableItem__label {
+  padding-left: var(--paddingSmallCard);
+}
+.c-dataTable--small .c-dataTableItem__content {
+  padding-right: var(--paddingSmallCard);
+}
+.c-dataTable--small .c-dataTableDivider td {
+  padding-left: var(--paddingSmallCard);
+  padding-right: var(--paddingSmallCard);
+}
+.c-dataTable--small .c-dataTableItem:first-child .c-dataTableItem__label,
+.c-dataTable--small .c-dataTableItem:first-child .c-dataTableItem__content {
+  padding-top: var(--paddingSmallCard);
+}
+.c-dataTable--small .c-dataTableItem:last-child .c-dataTableItem__label,
+.c-dataTable--small .c-dataTableItem:last-child .c-dataTableItem__content {
+  padding-bottom: var(--paddingSmallCard);
+}
+.c-dataTable--small .c-dataTableItem--hasDivider .c-dataTableItem__label {
+  background-position: var(--paddingSmallCard) 4px;
+  background-size: calc(100% - var(--paddingSmallCard)) 1px;
+}
+.c-dataTable--small .c-dataTableItem--hasDivider .c-dataTableItem__content {
+  background-size: calc(100% - var(--paddingSmallCard)) 1px;
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--small:not(.c-dataTable--noStack) .c-dataTableItem__label,
+  .c-dataTable--small:not(.c-dataTable--noStack) .c-dataTableItem__content {
+    padding-left: var(--paddingSmallCard);
+    padding-right: var(--paddingSmallCard);
+  }
+  .c-dataTable--small:not(.c-dataTable--noStack) .c-dataTableItem--hasDivider .c-dataTableItem__label {
+    background-position: var(--paddingSmallCard) 4px;
+    background-size: calc(100% - var(--paddingSmallCard) * 2) 1px;
+  }
+  .c-dataTable--small:not(.c-dataTable--noStack) .c-dataTableItem--hasDivider .c-dataTableItem__content {
+    background-position: var(--paddingSmallCard) 4px;
+    background-size: calc(100% - var(--paddingSmallCard) * 2) 1px;
+  }
+}
+.c-dataTable--medium .c-dataTableItem__label {
+  padding-left: var(--paddingMediumCard);
+}
+.c-dataTable--medium .c-dataTableItem__content {
+  padding-right: var(--paddingMediumCard);
+}
+.c-dataTable--medium .c-dataTableDivider td {
+  padding-left: var(--paddingMediumCard);
+  padding-right: var(--paddingMediumCard);
+}
+.c-dataTable--medium .c-dataTableItem:first-child .c-dataTableItem__label,
+.c-dataTable--medium .c-dataTableItem:first-child .c-dataTableItem__content {
+  padding-top: var(--paddingMediumCard);
+}
+.c-dataTable--medium .c-dataTableItem:last-child .c-dataTableItem__label,
+.c-dataTable--medium .c-dataTableItem:last-child .c-dataTableItem__content {
+  padding-bottom: var(--paddingMediumCard);
+}
+.c-dataTable--medium .c-dataTableItem--hasDivider .c-dataTableItem__label {
+  background-position: var(--paddingMediumCard) 4px;
+  background-size: calc(100% - var(--paddingMediumCard)) 1px;
+}
+.c-dataTable--medium .c-dataTableItem--hasDivider .c-dataTableItem__content {
+  background-size: calc(100% - var(--paddingMediumCard)) 1px;
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--medium:not(.c-dataTable--noStack) .c-dataTableItem__label,
+  .c-dataTable--medium:not(.c-dataTable--noStack) .c-dataTableItem__content {
+    padding-left: var(--paddingMediumCard);
+    padding-right: var(--paddingMediumCard);
+  }
+  .c-dataTable--medium:not(.c-dataTable--noStack) .c-dataTableItem--hasDivider .c-dataTableItem__label {
+    background-position: var(--paddingMediumCard) 4px;
+    background-size: calc(100% - var(--paddingMediumCard) * 2) 1px;
+  }
+  .c-dataTable--medium:not(.c-dataTable--noStack) .c-dataTableItem--hasDivider .c-dataTableItem__content {
+    background-position: var(--paddingMediumCard) 4px;
+    background-size: calc(100% - var(--paddingMediumCard) * 2) 1px;
+  }
+}
+.c-dataTable--large .c-dataTableItem__label {
+  padding-left: var(--paddingLargeCard);
+}
+.c-dataTable--large .c-dataTableItem__content {
+  padding-right: var(--paddingLargeCard);
+}
+.c-dataTable--large .c-dataTableDivider td {
+  padding-left: var(--paddingLargeCard);
+  padding-right: var(--paddingLargeCard);
+}
+.c-dataTable--large .c-dataTableItem:first-child .c-dataTableItem__label,
+.c-dataTable--large .c-dataTableItem:first-child .c-dataTableItem__content {
+  padding-top: var(--paddingLargeCard);
+}
+.c-dataTable--large .c-dataTableItem:last-child .c-dataTableItem__label,
+.c-dataTable--large .c-dataTableItem:last-child .c-dataTableItem__content {
+  padding-bottom: var(--paddingLargeCard);
+}
+.c-dataTable--large .c-dataTableItem--hasDivider .c-dataTableItem__label {
+  background-position: var(--paddingLargeCard) 4px;
+  background-size: calc(100% - var(--paddingLargeCard)) 1px;
+}
+.c-dataTable--large .c-dataTableItem--hasDivider .c-dataTableItem__content {
+  background-size: calc(100% - var(--paddingLargeCard)) 1px;
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--large:not(.c-dataTable--noStack) .c-dataTableItem__label,
+  .c-dataTable--large:not(.c-dataTable--noStack) .c-dataTableItem__content {
+    padding-left: var(--paddingLargeCard);
+    padding-right: var(--paddingLargeCard);
+  }
+  .c-dataTable--large:not(.c-dataTable--noStack) .c-dataTableItem--hasDivider .c-dataTableItem__label {
+    background-position: var(--paddingLargeCard) 4px;
+    background-size: calc(100% - var(--paddingLargeCard) * 2) 1px;
+  }
+  .c-dataTable--large:not(.c-dataTable--noStack) .c-dataTableItem--hasDivider .c-dataTableItem__content {
+    background-position: var(--paddingLargeCard) 4px;
+    background-size: calc(100% - var(--paddingLargeCard) * 2) 1px;
+  }
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable:not(.c-dataTable--noStack) {
+    display: block;
+    width: 100%;
+  }
+  .c-dataTable:not(.c-dataTable--noStack) tbody,
+  .c-dataTable:not(.c-dataTable--noStack) .c-dataTableItem {
+    display: block;
+    width: 100%;
+  }
+  .c-dataTable:not(.c-dataTable--noStack) .c-dataTableDivider {
+    display: block;
+    width: 100%;
+  }
+  .c-dataTable:not(.c-dataTable--noStack) .c-dataTableDivider td {
+    display: block;
+    width: 100%;
+    box-sizing: border-box;
+  }
+  .c-dataTable:not(.c-dataTable--noStack) .c-dataTableItem--default {
+    background-color: var(--bgNeutralSubtlest);
+  }
+  .c-dataTable:not(.c-dataTable--noStack) .c-dataTableItem--neutral {
+    background-color: var(--bgNeutralSubtlestHover);
+  }
+  .c-dataTable:not(.c-dataTable--noStack) .c-dataTableItem--brand {
+    background-color: var(--bgBrandBold);
+  }
+  .c-dataTable:not(.c-dataTable--noStack) .c-dataTableItem--promo {
+    background-color: var(--bgPromoBold);
+  }
+  .c-dataTable:not(.c-dataTable--noStack) .c-dataTableItem__label,
+  .c-dataTable:not(.c-dataTable--noStack) .c-dataTableItem__content {
+    display: block;
+    width: 100% !important;
+    box-sizing: border-box;
+    margin: 0;
+  }
+}
 
-.c-dataTableItem__label,
-.c-dataTableItem__content {
+.c-dataTableItem__label, .c-dataTableItem__content {
   padding: var(--spaceXSmall) 0;
   word-break: break-word;
   vertical-align: top;
 }
 @media screen and (max-width: 799px) {
-  .c-dataTableItem__label,
-  .c-dataTableItem__content {
+  .c-dataTableItem__label, .c-dataTableItem__content {
     padding: var(--spaceXXXSmall) 0;
     display: block;
   }
 }
-
 .c-dataTableItem__label {
   text-align: left;
   font-weight: normal;
@@ -6733,7 +7025,26 @@ body.dark .c-logo__svg {
     width: 100%;
   }
 }
-
+.c-dataTableItem__label--secondary {
+  color: var(--fgNeutralSubtle);
+}
+.c-dataTableItem__label--tighter {
+  width: 30%;
+}
+@media screen and (max-width: 799px) {
+  .c-dataTableItem__label--tighter {
+    width: 100%;
+  }
+}
+@media screen and (max-width: 799px) {
+  .c-dataTableItem__label--noStack {
+    display: table-cell;
+    width: auto;
+    padding: var(--spaceSmall) 0;
+    margin-bottom: 0;
+    vertical-align: bottom;
+  }
+}
 .c-dataTableItem__content {
   text-align: left;
   position: relative;
@@ -6743,46 +7054,133 @@ body.dark .c-logo__svg {
 @media screen and (max-width: 799px) {
   .c-dataTableItem__content {
     width: 100%;
-    margin-bottom: var(--spaceSmall);
+    padding-bottom: var(--spaceSmall);
   }
 }
-.c-dataTableItem__content.c-dataTableItem__content--noStack {
+.c-dataTableItem__content--noStack {
   padding-left: var(--spaceXSmall);
 }
-
+@media screen and (max-width: 799px) {
+  .c-dataTableItem__content--noStack {
+    display: table-cell;
+    width: auto;
+    padding: var(--spaceSmall) 0;
+    margin-bottom: 0;
+    vertical-align: bottom;
+  }
+}
 .c-dataTableItem__content--notBold {
   font-weight: var(--fontWeightNormal);
 }
-
-.c-dataTableItem__label--secondary {
-  color: var(--fgNeutralSubtle);
-}
-
-.c-dataTableItem__label--tighter {
-  width: 30%;
+.c-dataTableItem__content--wider {
+  width: 70%;
 }
 @media screen and (max-width: 799px) {
-  .c-dataTableItem__label--tighter {
+  .c-dataTableItem__content--wider {
     width: 100%;
   }
 }
-
-.c-dataTableItem__content--wider {
-  width: 70%;
+.c-dataTableItem__perex {
+  color: var(--fgNeutralSubtle);
+  font-size: var(--fontSizeXSmall);
+  line-height: var(--lineHeightXSmall);
+  font-weight: var(--fontWeightNormal);
+}
+.c-dataTableItem--default {
+  background-color: var(--bgNeutralSubtlest);
+}
+.c-dataTableItem--default .c-dataTableItem__label,
+.c-dataTableItem--default .c-dataTableItem__content {
+  background-color: var(--bgNeutralSubtlest);
+  box-shadow: 0 0 0 1px var(--bgNeutralSubtlest);
+}
+.c-dataTableItem--neutral {
+  background-color: var(--bgNeutralSubtlestHover);
+}
+.c-dataTableItem--neutral .c-dataTableItem__label,
+.c-dataTableItem--neutral .c-dataTableItem__content {
+  background-color: var(--bgNeutralSubtlestHover);
+  box-shadow: 0 0 0 1px var(--bgNeutralSubtlestHover);
+}
+.c-dataTableItem--brand {
+  background-color: var(--bgBrandBold);
+}
+.c-dataTableItem--brand .c-dataTableItem__label,
+.c-dataTableItem--brand .c-dataTableItem__content {
+  background-color: var(--bgBrandBold);
+  box-shadow: 0 0 0 1px var(--bgBrandBold);
+}
+.c-dataTableItem--promo {
+  background-color: var(--bgPromoBold);
+}
+.c-dataTableItem--promo .c-dataTableItem__label,
+.c-dataTableItem--promo .c-dataTableItem__content {
+  background-color: var(--bgPromoBold);
+  box-shadow: 0 0 0 1px var(--bgPromoBold);
+}
+.c-dataTableItem--default .c-dataTableItem__label,
+.c-dataTableItem--default .c-dataTableItem__content,
+.c-dataTableItem--default .c-dataTableItem__perex,
+.c-dataTableItem--default .c-dataTableItem__label *,
+.c-dataTableItem--default .c-dataTableItem__content *, .c-dataTableItem--neutral .c-dataTableItem__label,
+.c-dataTableItem--neutral .c-dataTableItem__content,
+.c-dataTableItem--neutral .c-dataTableItem__perex,
+.c-dataTableItem--neutral .c-dataTableItem__label *,
+.c-dataTableItem--neutral .c-dataTableItem__content * {
+  color: var(--fgNeutralDefault);
+}
+.c-dataTableItem--brand .c-dataTableItem__label,
+.c-dataTableItem--brand .c-dataTableItem__content,
+.c-dataTableItem--brand .c-dataTableItem__perex, .c-dataTableItem--promo .c-dataTableItem__label,
+.c-dataTableItem--promo .c-dataTableItem__content,
+.c-dataTableItem--promo .c-dataTableItem__perex {
+  color: var(--fgInverseDefault);
+}
+.c-dataTableItem--brand .c-dataTableItem__label input,
+.c-dataTableItem--brand .c-dataTableItem__label select,
+.c-dataTableItem--brand .c-dataTableItem__label textarea,
+.c-dataTableItem--brand .c-dataTableItem__label [class*=f-control],
+.c-dataTableItem--brand .c-dataTableItem__label .c-btn:not(.c-btn--transparent):not(.c-btn--link):not(.c-btn--link),
+.c-dataTableItem--brand .c-dataTableItem__content input,
+.c-dataTableItem--brand .c-dataTableItem__content select,
+.c-dataTableItem--brand .c-dataTableItem__content textarea,
+.c-dataTableItem--brand .c-dataTableItem__content [class*=f-control],
+.c-dataTableItem--brand .c-dataTableItem__content .c-btn:not(.c-btn--transparent):not(.c-btn--link):not(.c-btn--link), .c-dataTableItem--promo .c-dataTableItem__label input,
+.c-dataTableItem--promo .c-dataTableItem__label select,
+.c-dataTableItem--promo .c-dataTableItem__label textarea,
+.c-dataTableItem--promo .c-dataTableItem__label [class*=f-control],
+.c-dataTableItem--promo .c-dataTableItem__label .c-btn:not(.c-btn--transparent):not(.c-btn--link):not(.c-btn--link),
+.c-dataTableItem--promo .c-dataTableItem__content input,
+.c-dataTableItem--promo .c-dataTableItem__content select,
+.c-dataTableItem--promo .c-dataTableItem__content textarea,
+.c-dataTableItem--promo .c-dataTableItem__content [class*=f-control],
+.c-dataTableItem--promo .c-dataTableItem__content .c-btn:not(.c-btn--transparent):not(.c-btn--link):not(.c-btn--link) {
+  color: var(--fgNeutralDefault) !important;
+}
+.c-dataTableItem--hasDivider .c-dataTableItem__label,
+.c-dataTableItem--hasDivider .c-dataTableItem__content {
+  padding-top: calc(var(--spaceXSmall) + 8px);
+  background-image: linear-gradient(var(--borderNeutralSubtle), var(--borderNeutralSubtle));
+  background-repeat: no-repeat;
+  background-position: left 0 top 4px;
+  background-size: 100% 1px;
+  position: relative;
+  z-index: 1;
+  box-shadow: none !important;
 }
 @media screen and (max-width: 799px) {
-  .c-dataTableItem__content--wider {
-    width: 100%;
+  .c-dataTable:not(.c-dataTable--noStack) .c-dataTableItem--hasDivider .c-dataTableItem__content {
+    background-image: none;
+    padding-top: var(--spaceXXXSmall);
   }
 }
-
+.c-dataTableItem--hasDivider.c-dataTableItem--brand .c-dataTableItem__label,
+.c-dataTableItem--hasDivider.c-dataTableItem--brand .c-dataTableItem__content {
+  background-image: linear-gradient(var(--borderBrandDefault), var(--borderBrandDefault));
+}
 @media screen and (max-width: 799px) {
-  .c-dataTableItem__label--noStack,
-  .c-dataTableItem__content--noStack {
-    display: table-cell;
-    width: auto;
-    padding: var(--spaceSmall) 0;
-    margin-bottom: 0;
+  .c-dataTable:not(.c-dataTable--noStack) .c-dataTableItem--hasDivider .c-dataTableItem__content {
+    background-image: none;
   }
 }
 
@@ -6791,32 +7189,23 @@ body.dark .c-logo__svg {
   width: 100%;
   margin: var(--spaceXSmall) 0;
 }
-
-.c-dataTableItem__perex {
-  color: var(--fgNeutralSubtle);
-  font-size: var(--fontSizeXSmall);
-  line-height: var(--lineHeightXSmall);
-  font-weight: var(--fontWeightNormal);
+.c-dataTableDivider--default td {
+  background-color: var(--bgNeutralSubtlest);
 }
-
-.c-dataTable--gapSmall .c-dataTableItem__label,
-.c-dataTable--gapSmall .c-dataTableItem__content {
-  padding: var(--spaceXXXSmall) 0;
+.c-dataTableDivider--neutral td {
+  background-color: var(--bgNeutralSubtlestHover);
 }
-
-.c-dataTable--gapMedium .c-dataTableItem__label,
-.c-dataTable--gapMedium .c-dataTableItem__content {
-  padding: var(--spaceXSmall) 0;
+.c-dataTableDivider--brand td {
+  background-color: var(--bgBrandBold);
 }
-
-.c-dataTable--gapLarge .c-dataTableItem__label,
-.c-dataTable--gapLarge .c-dataTableItem__content {
-  padding: var(--spaceSmall) 0;
+.c-dataTableDivider--brand .c-dataTableDivider__line {
+  border-top-color: var(--fgInverseDefault);
 }
-
-.c-dataTable--gapXLarge .c-dataTableItem__label,
-.c-dataTable--gapXLarge .c-dataTableItem__content {
-  padding: var(--spaceMedium) 0;
+.c-dataTableDivider--promo td {
+  background-color: var(--bgPromoBold);
+}
+.c-dataTableDivider--promo .c-dataTableDivider__line {
+  border-top-color: var(--fgInverseDefault);
 }
 
 .notificationCard__grid {
@@ -7214,6 +7603,204 @@ body.dark .c-logo__svg {
   margin-bottom: 0;
 }
 
+.c-comparisonTableWrapper {
+  width: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+
+.c-comparisonTable {
+  width: 100%;
+  min-width: calc(var(--comparisonTableColumnCount) * 160px);
+  table-layout: fixed;
+  border-collapse: separate;
+  border-spacing: 0;
+}
+.c-comparisonTable th,
+.c-comparisonTable td {
+  width: calc(100% / var(--comparisonTableColumnCount));
+  padding: 0;
+  border: 0;
+  word-break: break-word;
+  vertical-align: middle;
+}
+.c-comparisonTable tr > * + * {
+  padding-left: var(--spaceMedium);
+}
+.c-comparisonTable__columnHeader {
+  text-align: center;
+}
+.c-comparisonTable__columnHeaderInner {
+  padding-bottom: var(--spaceXSmall);
+}
+.c-comparisonTable__rowHeader {
+  text-align: left;
+  font-weight: var(--fontWeightNormal);
+  color: var(--fgNeutralDefault);
+}
+.c-comparisonTable__rowHeaderInner, .c-comparisonTable__cellInner {
+  min-height: 40px;
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+.c-comparisonTable__rowHeaderInner {
+  justify-content: flex-start;
+  padding: var(--spaceXSmall) var(--spaceSmall);
+  background-color: var(--bgNeutralSubtlest);
+}
+.c-comparisonTable__cellInner {
+  justify-content: center;
+  padding: var(--spaceXSmall) var(--spaceSmall);
+  text-align: center;
+  font-weight: var(--fontWeightBold);
+  border-left: 2px solid;
+  border-right: 2px solid;
+  border-top: 2px solid transparent;
+}
+.c-comparisonTable tbody tr:not(:first-child) .c-comparisonTable__cellInner {
+  border-top: 0;
+}
+.c-comparisonTable tbody tr:not(:first-child) .c-comparisonTable__rowHeaderInner::before,
+.c-comparisonTable tbody tr:not(:first-child) .c-comparisonTable__cellInner::before {
+  content: "";
+  position: absolute;
+  top: 0px;
+  left: var(--spaceSmall);
+  right: var(--spaceSmall);
+  height: 1px;
+  background-color: var(--borderNeutralSubtle);
+}
+.c-comparisonTable tbody tr:not(:first-child) .c-comparisonTable__cellInner--brand::before {
+  background-color: var(--borderBrandDefault);
+}
+.c-comparisonTable tbody tr:first-child .c-comparisonTable__cellInner {
+  padding-top: var(--spaceMedium);
+  border-top-left-radius: var(--borderRadiusLarge);
+  border-top-right-radius: var(--borderRadiusLarge);
+}
+.c-comparisonTable tbody tr:first-child .c-comparisonTable__rowHeaderInner {
+  padding-top: var(--spaceMedium);
+  border-top-left-radius: var(--borderRadiusLarge);
+  border-top-right-radius: var(--borderRadiusLarge);
+  margin-bottom: -1px;
+}
+.c-comparisonTable tbody tr:last-child .c-comparisonTable__rowHeaderInner,
+.c-comparisonTable tbody tr:last-child .c-comparisonTable__cellInner {
+  padding-bottom: var(--spaceMedium);
+}
+.c-comparisonTable tbody tr:last-child .c-comparisonTable__rowHeaderInner {
+  border-bottom: 0;
+  border-bottom-left-radius: var(--borderRadiusLarge);
+  border-bottom-right-radius: var(--borderRadiusLarge);
+}
+.c-comparisonTable tbody tr:last-child .c-comparisonTable__cellInner {
+  border-bottom: 0;
+}
+.c-comparisonTable__actionCellInner {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spaceLarge) var(--spaceSmall) var(--spaceMedium);
+  background-color: transparent;
+  border-left: 2px solid;
+  border-right: 2px solid;
+  border-bottom: 2px solid;
+  border-bottom-left-radius: var(--borderRadiusLarge);
+  border-bottom-right-radius: var(--borderRadiusLarge);
+}
+.c-comparisonTable__cellInner, .c-comparisonTable__actionCellInner {
+  width: 100%;
+  box-sizing: border-box;
+}
+.c-comparisonTable__cellInner--default {
+  background-color: var(--bgNeutralSubtlest);
+  color: var(--fgNeutralDefault);
+}
+.c-comparisonTable__cellInner--neutral {
+  background-color: var(--bgNeutralSubtle);
+  color: var(--fgNeutralDefault);
+}
+.c-comparisonTable__cellInner--brand {
+  background-color: var(--bgBrandBold);
+  color: var(--fgInverseDefault);
+}
+.c-comparisonTable__cellInner--promo {
+  background-color: var(--bgPromoBold);
+  color: var(--fgInverseDefault);
+}
+.c-comparisonTable__cellInner--brand,
+.c-comparisonTable__cellInner--brand *, .c-comparisonTable__cellInner--promo,
+.c-comparisonTable__cellInner--promo * {
+  color: var(--fgInverseDefault);
+}
+.c-comparisonTable__columnBorder--default {
+  border-left-color: var(--borderNeutralSubtle);
+  border-right-color: var(--borderNeutralSubtle);
+  border-top-color: var(--borderNeutralSubtle);
+  border-bottom-color: var(--borderNeutralSubtle);
+}
+.c-comparisonTable__columnBorder--neutral {
+  border-left-color: var(--borderNeutralSubtle);
+  border-right-color: var(--borderNeutralSubtle);
+  border-top-color: var(--borderNeutralSubtle);
+  border-bottom-color: var(--borderNeutralSubtle);
+}
+.c-comparisonTable__columnBorder--brand {
+  border-left-color: var(--bgBrandBold);
+  border-right-color: var(--bgBrandBold);
+  border-top-color: var(--bgBrandBold);
+  border-bottom-color: var(--bgBrandBold);
+}
+.c-comparisonTable__columnBorder--promo {
+  border-left-color: var(--bgPromoBold);
+  border-right-color: var(--bgPromoBold);
+  border-top-color: var(--bgPromoBold);
+  border-bottom-color: var(--bgPromoBold);
+}
+@media screen and (max-width: 799px) {
+  .c-comparisonTable tr > * + * {
+    padding-left: var(--spaceMedium);
+  }
+}
+
+.c-comparisonTableMobile {
+  display: none;
+}
+
+@media screen and (max-width: 799px) {
+  .c-comparisonTable {
+    display: none;
+  }
+  .c-comparisonTableMobile {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spaceLarge);
+  }
+  .c-comparisonTableMobile__title {
+    text-align: center;
+    margin-bottom: var(--spaceXSmall);
+    font-weight: var(--fontWeightBold);
+  }
+  .c-comparisonTableMobile__action {
+    display: flex;
+    justify-content: center;
+    margin-top: var(--spaceMedium);
+  }
+}
+.c-comparisonTableWrapper--contentLeftAligned .c-comparisonTable__cellInner {
+  justify-content: flex-start;
+  text-align: left;
+}
+.c-comparisonTableWrapper--contentCenterAligned .c-comparisonTable__cellInner {
+  justify-content: center;
+  text-align: center;
+}
+.c-comparisonTableWrapper--contentRightAligned .c-comparisonTable__cellInner {
+  justify-content: flex-end;
+  text-align: right;
+}
+
 .f-autocomplete {
   flex-direction: column;
 }
@@ -10739,7 +11326,7 @@ body.dark .u-fg--fgWhiteDefault {
 /* Slider */
 .slick-loading .slick-list
 {
-    background: #fff url('assets/5717ce25e3d75b026fc3.gif') center center no-repeat;
+    background: #fff url('assets/26aa205bf37a17f6e49a.gif') center center no-repeat;
 }
 
 /* Icons */
@@ -10749,8 +11336,8 @@ body.dark .u-fg--fgWhiteDefault {
     font-weight: normal;
     font-style: normal;
 
-    src: url('assets/0d0b2f14dd54a3e3d29f.eot');
-    src: url('assets/3db8fa9f4cb2c8beca5d.eot') format('embedded-opentype'), url('assets/50f3f57d7d99ed5a0cdd.woff') format('woff'), url('assets/975491184ffe94203fe5.ttf') format('truetype'), url('assets/e1e81eb15bc561c3e89a.svg') format('svg');
+    src: url('assets/0838ed098691d65fe857.eot');
+    src: url('assets/8b7ceb3d3523933c94cb.eot') format('embedded-opentype'), url('assets/1bdb9c7e234f9fc2b3e5.woff') format('woff'), url('assets/5f893d8e02f9493f3138.ttf') format('truetype'), url('assets/82f410dcf70cac30e4dd.svg') format('svg');
 }
 /* Arrows */
 .slick-prev,