@mmb-digital/ds-lilly 1.0.123 → 1.0.125

package/cjs/ds-lilly.css

@@ -4262,83 +4262,88 @@ body.l-body--modalOpen {
   color: var(--colorDisabledBorderBtn);
 }
 
-.c-btn--transparent {
+.c-btn--transparent, .c-btn--link {
   background: none;
   border-color: transparent;
   color: var(--fgLinkDefault);
   font-weight: inherit;
   text-decoration: underline;
 }
-.c-btn--transparent:hover {
+.c-btn--transparent:hover, .c-btn--link:hover {
   background: none;
   border-color: transparent;
   color: var(--fgLinkDefaultHover);
   text-decoration: none;
 }
-.c-btn--transparent:active, .c-btn--transparent:focus {
+.c-btn--transparent:active, .c-btn--link:active, .c-btn--transparent:focus, .c-btn--link:focus {
   background: none;
   border-color: transparent;
   color: var(--fgLinkDefaultPressed);
   text-decoration: underline;
 }
-.c-btn--transparent.c-btn--onlyIcon--no-hover:hover {
+.c-btn--transparent.c-btn--onlyIcon--no-hover:hover, .c-btn--onlyIcon--no-hover.c-btn--link:hover {
   background-color: unset !important;
 }
-.c-btn--transparent.c-btn--onlyIcon:hover {
+.c-btn--transparent.c-btn--onlyIcon:hover, .c-btn--onlyIcon.c-btn--link:hover {
   background-color: var(--backgroundHoverOnlyIconBtn);
 }
-.c-btn--transparent.c-btn--loading {
+.c-btn--transparent.c-btn--loading, .c-btn--loading.c-btn--link {
   color: var(--colorLoadingBtn);
 }
-.c-btn--transparent.c-btn--loading .c-avatar--loading {
+.c-btn--transparent.c-btn--loading .c-avatar--loading, .c-btn--loading.c-btn--link .c-avatar--loading {
   color: var(--backgroundBtn);
 }
-.c-btn--transparent.c-btn--success {
+.c-btn--transparent.c-btn--success, .c-btn--success.c-btn--link {
   color: var(--backgroundSuccessBtn);
 }
-.c-btn--transparent.c-btn--success:hover, .c-btn--transparent.c-btn--success:focus {
+.c-btn--transparent.c-btn--success:hover, .c-btn--success.c-btn--link:hover, .c-btn--transparent.c-btn--success:focus, .c-btn--success.c-btn--link:focus {
   color: var(--backgroundHoverSuccessBtn);
 }
-.c-btn--transparent.c-btn--success:active {
+.c-btn--transparent.c-btn--success:active, .c-btn--success.c-btn--link:active {
   color: var(--backgroundActiveSuccessBtn);
 }
-.c-btn--transparent.c-btn--success.c-btn--loading .c-avatar--loading {
+.c-btn--transparent.c-btn--success.c-btn--loading .c-avatar--loading, .c-btn--success.c-btn--loading.c-btn--link .c-avatar--loading {
   color: var(--backgroundActiveSuccessBtn);
 }
-.c-btn--transparent.c-btn--error {
+.c-btn--transparent.c-btn--error, .c-btn--error.c-btn--link {
   color: var(--backgroundErrorBtn);
 }
-.c-btn--transparent.c-btn--error:hover, .c-btn--transparent.c-btn--error:focus {
+.c-btn--transparent.c-btn--error:hover, .c-btn--error.c-btn--link:hover, .c-btn--transparent.c-btn--error:focus, .c-btn--error.c-btn--link:focus {
   color: var(--backgroundHoverErrorBtn);
 }
-.c-btn--transparent.c-btn--error:active {
+.c-btn--transparent.c-btn--error:active, .c-btn--error.c-btn--link:active {
   color: var(--backgroundActiveErrorBtn);
 }
-.c-btn--transparent.c-btn--error.c-btn--loading .c-avatar--loading {
+.c-btn--transparent.c-btn--error.c-btn--loading .c-avatar--loading, .c-btn--error.c-btn--loading.c-btn--link .c-avatar--loading {
   color: var(--backgroundActiveErrorBtn);
 }
-.c-btn--transparent.c-btn--promo {
+.c-btn--transparent.c-btn--promo, .c-btn--promo.c-btn--link {
   color: var(--colorSecondaryPromoBtn);
 }
-.c-btn--transparent.c-btn--promo:hover, .c-btn--transparent.c-btn--promo:focus {
+.c-btn--transparent.c-btn--promo:hover, .c-btn--promo.c-btn--link:hover, .c-btn--transparent.c-btn--promo:focus, .c-btn--promo.c-btn--link:focus {
   color: var(--colorHoverSecondaryPromoBtn);
 }
-.c-btn--transparent.c-btn--promo:active {
+.c-btn--transparent.c-btn--promo:active, .c-btn--promo.c-btn--link:active {
   color: var(--colorActiveSecondaryPromoBtn);
 }
-.c-btn--transparent.c-btn--promo.c-btn--loading .c-avatar--loading {
+.c-btn--transparent.c-btn--promo.c-btn--loading .c-avatar--loading, .c-btn--promo.c-btn--loading.c-btn--link .c-avatar--loading {
   color: var(--colorActiveSecondaryPromoBtn);
 }
-.c-btn--transparent.c-btn--loading, .c-btn--transparent.c-btn--loading:hover, .c-btn--transparent.c-btn--loading:active, .c-btn--transparent.c-btn--loading:focus {
+.c-btn--transparent.c-btn--loading, .c-btn--loading.c-btn--link, .c-btn--transparent.c-btn--loading:hover, .c-btn--transparent.c-btn--loading:active, .c-btn--transparent.c-btn--loading:focus {
   color: var(--colorLoadingBtn);
   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 {
+.c-btn--transparent.c-btn--disabled, .c-btn--disabled.c-btn--link, .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;
 }
 
+.c-btn--link {
+  padding: 0;
+  min-width: unset;
+}
+
 .c-btn--onlyIcon {
   align-items: center;
   display: inline-flex;
@@ -6684,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(--bgNeutralSubtlest);
+}
+.c-dataTableWrapper--borderNeutral {
+  border: 1px solid var(--bgNeutralSubtlestHover);
+}
+.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;
 }
@@ -6702,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;
@@ -6728,7 +7025,25 @@ 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;
+  }
+}
 .c-dataTableItem__content {
   text-align: left;
   position: relative;
@@ -6738,46 +7053,139 @@ 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;
+  }
+}
 .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--brand .c-dataTableItem__label *,
+.c-dataTableItem--brand .c-dataTableItem__label > *:not(.c-dropdown):not([data-popper-reference-hidden]),
+.c-dataTableItem--brand .c-dataTableItem__content > *:not(.c-dropdown):not([data-popper-reference-hidden]), .c-dataTableItem--promo .c-dataTableItem__label,
+.c-dataTableItem--promo .c-dataTableItem__content,
+.c-dataTableItem--promo .c-dataTableItem__perex,
+.c-dataTableItem--promo .c-dataTableItem__label *,
+.c-dataTableItem--promo .c-dataTableItem__label > *:not(.c-dropdown):not([data-popper-reference-hidden]),
+.c-dataTableItem--promo .c-dataTableItem__content > *:not(.c-dropdown):not([data-popper-reference-hidden]) {
+  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(--bgNeutralDefault), var(--bgNeutralDefault));
+  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-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, .c-dataTableItem--hasDivider.c-dataTableItem--promo .c-dataTableItem__label,
+.c-dataTableItem--hasDivider.c-dataTableItem--promo .c-dataTableItem__content {
+  background-image: linear-gradient(var(--fgInverseDefault), var(--fgInverseDefault));
+}
 @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-dataTableItem--hasDivider.c-dataTableItem--brand .c-dataTableItem__content, .c-dataTableItem--hasDivider.c-dataTableItem--promo .c-dataTableItem__content {
+    background-image: none;
   }
 }
 
@@ -6786,32 +7194,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 {
@@ -10734,7 +11133,7 @@ body.dark .u-fg--fgWhiteDefault {
 /* Slider */
 .slick-loading .slick-list
 {
-    background: #fff url('assets/753eb87e3fa808e31ead.gif') center center no-repeat;
+    background: #fff url('assets/03a0cdb3a7a3db9e134c.gif') center center no-repeat;
 }
 
 /* Icons */
@@ -10744,8 +11143,8 @@ body.dark .u-fg--fgWhiteDefault {
     font-weight: normal;
     font-style: normal;
 
-    src: url('assets/e7f4fc3c4335e14cae4d.eot');
-    src: url('assets/1b94ceb70aae43d8ca8d.eot') format('embedded-opentype'), url('assets/5357696f291b4dc3ba63.woff') format('woff'), url('assets/570acace4896d2497b33.ttf') format('truetype'), url('assets/e85d9a9e8b3eef8255bd.svg') format('svg');
+    src: url('assets/46fcdc6f962275a0cc48.eot');
+    src: url('assets/71ba9a1d61b376c5695b.eot') format('embedded-opentype'), url('assets/b39cceac63a67b96a756.woff') format('woff'), url('assets/4161d204db60868ef43a.ttf') format('truetype'), url('assets/5f79393f4a6d4aaa04b7.svg') format('svg');
 }
 /* Arrows */
 .slick-prev,