/* Original design metrics: promotions-original-metrics-oct22.json.
   Opt-in presentation only. Live tier, rewards, progress, filters and actions
   remain data-driven. Missions, wheel and inactive Rules tables are not styled. */
.c168-promotions-native-oct22.c168-page.c168-promotions {
  display:flex !important;flex-direction:column;min-height:0 !important;
  padding:0 !important;overflow:hidden !important;box-sizing:border-box;
  font-family:inherit !important;touch-action:auto !important;
}
.c168-promotions-native-oct22.c168-page.c168-promotions > .c168-promo-top {
  display:flex !important;align-items:stretch;flex-shrink:0;
  height:.9rem !important;min-height:.9rem !important;max-height:.9rem !important;
  gap:0 !important;margin:0 !important;padding:0 !important;
  background:var(--skin__bg_2,#fff) !important;
  border-bottom:thin solid var(--skin__border,#bbd1f6) !important;
  overflow-x:auto !important;overflow-y:hidden !important;scrollbar-width:none;
}
.c168-promotions-native-oct22.c168-page.c168-promotions > .c168-promo-top::-webkit-scrollbar {display:none}
.c168-promotions-native-oct22.c168-page.c168-promotions > .c168-promo-top > button:not(:first-child) {
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto !important;
  height:100% !important;min-height:0 !important;margin:0 !important;padding:0 .3rem !important;
  border:0 !important;border-bottom:.04rem solid transparent !important;border-radius:0 !important;
  background:transparent !important;color:var(--skin__lead,#333) !important;
  font-family:inherit !important;font-size:.24rem !important;font-weight:400 !important;
  line-height:2 !important;white-space:nowrap;box-sizing:border-box;
}
.c168-promotions-native-oct22.c168-page.c168-promotions > .c168-promo-top > button.active {
  color:var(--skin__primary,#0053df) !important;
  border-bottom-color:var(--skin__primary,#0053df) !important;
}
.c168-promotions-native-oct22.c168-page.c168-promotions > .c168-promo-top > button:first-child[aria-label="Trở về"] {
  position:sticky;inset-inline-start:0;z-index:3;display:flex;align-items:center;justify-content:flex-start;
  flex:0 0 .8rem !important;width:.8rem !important;min-width:.8rem !important;
  height:100% !important;margin:0 !important;padding:0 0 0 .2rem !important;border:0 !important;
  border-radius:0 !important;font-size:.24rem !important;box-sizing:border-box;
  color:var(--skin__neutral_1,#007bff) !important;background:var(--skin__bg_2,#fff) !important;
}
.c168-promotions-native-oct22.c168-page.c168-promotions > .c168-promo-top > button:first-child[aria-label="Trở về"] > svg {
  width:.24rem !important;height:.24rem !important;font-size:.24rem !important;
  color:var(--skin__neutral_1,#007bff) !important;
}
.c168-promotions-native-oct22.c168-page.c168-promotions > .c168-promo-layout {
  display:flex !important;flex:1;min-height:0;min-width:0;gap:0 !important;
  margin:0 !important;padding:0 !important;overflow:hidden;
}
.c168-promotions-native-oct22.c168-page.c168-promotions > .c168-benefit-view:not(.c168-benefits-native-oct22) {
  flex:1;min-height:0;overflow-y:auto;
}
.c168-promotions-native-oct22.c168-page.c168-promotions > .c168-promo-layout > aside {
  display:flex !important;flex-direction:column;align-items:center;
  flex:0 0 1.9rem !important;width:1.9rem !important;min-width:0;
  position:relative;top:auto !important;max-height:none !important;
  gap:0 !important;margin:0 !important;padding:0 !important;overflow-x:hidden;overflow-y:auto;
}
.c168-promotions-native-oct22.c168-page.c168-promotions > .c168-promo-layout > aside > button:not(.c168-native-promo-received) {
  display:flex;align-items:center;flex:0 0 auto;width:1.5rem !important;height:.7rem !important;
  min-height:.7rem !important;margin:.2rem auto 0 !important;padding:0 .06rem 0 .03rem !important;
  border:0 !important;border-radius:.14rem !important;background-color:transparent !important;
  background-image:var(--c168-native-sidebar-idle,none) !important;background-size:100% 100% !important;
  color:var(--skin__leftnav_def,#333) !important;
  box-shadow:0 .03rem .07rem 0 var(--skin__web_left_bg_shadow,#0000001f) !important;
  font-family:inherit !important;font-size:.2rem !important;font-weight:400 !important;
  text-align:center;overflow:hidden;box-sizing:border-box;transform:none !important;
}
.c168-promotions-native-oct22.c168-page.c168-promotions > .c168-promo-layout > aside > button.active:not(.c168-native-promo-received) {
  background-image:var(--c168-native-sidebar-active,none) !important;
  color:var(--skin__leftnav_active,#fff) !important;
}
.c168-promotions-native-oct22.c168-page.c168-promotions .c168-native-promo-sidebar-icon {
  display:flex;align-items:center;justify-content:center;flex:0 0 .48rem;
  width:.48rem;height:.36rem;font-size:.36rem;
}
.c168-promotions-native-oct22.c168-page.c168-promotions .c168-native-promo-sidebar-icon > img,
.c168-promotions-native-oct22.c168-page.c168-promotions .c168-native-promo-sidebar-icon > svg {
  max-width:100%;max-height:100%;width:.36rem !important;height:.36rem !important;
  min-width:0 !important;margin:0 !important;object-fit:contain;
}
.c168-promotions-native-oct22.c168-page.c168-promotions .c168-native-promo-sidebar-label {
  flex:1;min-width:0;margin:0 auto;font-size:.2rem;line-height:normal;
  word-break:break-word;text-align:center;display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;
}
.c168-promotions-native-oct22.c168-page.c168-promotions > .c168-promo-layout > aside > .c168-native-promo-received {
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  width:1.2rem !important;height:.5rem !important;min-height:.5rem !important;
  margin:.2rem auto !important;padding:0 .05rem !important;
  border:thin solid var(--skin__primary,#0053df) !important;border-radius:.1rem !important;
  background:var(--skin__bg_2,#fff) !important;color:var(--skin__primary,#0053df) !important;
  font-family:inherit !important;font-size:.2rem !important;font-weight:400 !important;
  line-height:normal !important;box-shadow:none !important;
}
.c168-promotions-native-oct22.c168-page.c168-promotions > .c168-promo-layout > .c168-promo-cards {
  display:flex !important;flex-direction:column;align-items:center;flex:1;
  min-width:0;min-height:0;gap:0 !important;margin:0 !important;
  padding:.2rem .2rem .2rem 0 !important;overflow-x:hidden;overflow-y:auto;
  box-sizing:border-box;
}
.c168-promotions-native-oct22.c168-page.c168-promotions .c168-native-promo-card {
  display:block;flex-shrink:0;width:5.4rem !important;max-width:100%;
  height:auto !important;aspect-ratio:2.21875;margin:0 0 .2rem !important;padding:0 !important;
  border:0 !important;border-radius:0 !important;background:transparent !important;
  box-shadow:none !important;overflow:hidden;transform:none !important;
}
.c168-promotions-native-oct22.c168-page.c168-promotions .c168-native-promo-card > img {
  display:block;width:100% !important;height:auto !important;min-height:100%;
  margin:0 !important;padding:0 !important;max-height:none !important;
  object-fit:contain !important;object-position:center;
}

/* Benefits use their own opt-in root; no broad .c168-white-card reset. */
.c168-benefits-native-oct22 {
  flex:1;min-height:0;min-width:0;max-width:100%;box-sizing:border-box;
  color:var(--skin__lead,#333);font-family:inherit;font-size:.24rem;
}
.c168-benefits-native-oct22.c168-native-vip-view {
  display:flex;flex-direction:column;overflow:hidden;padding:0 !important;
  background:linear-gradient(180deg,rgba(0,83,223,.12) 3.31%,rgba(0,83,223,.04) 64.92%);
}
.c168-benefits-native-oct22 .c168-native-vip-hero {
  position:relative;flex-shrink:0;width:6.5rem !important;max-width:calc(100% - .4rem);
  height:2.2rem !important;min-height:2.2rem !important;margin:.2rem auto 0 !important;
  padding:0 !important;border:0 !important;border-radius:.16rem 0 0 0 !important;
  overflow:hidden;box-shadow:none !important;background:transparent !important;
}
.c168-benefits-native-oct22 .c168-native-vip-hero-art {
  position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:fill;
}
.c168-benefits-native-oct22 .c168-native-vip-hero-info {
  position:relative;height:100%;padding:.4rem .2rem .2rem .26rem;box-sizing:border-box;
  color:rgb(var(--vip-item-vip-text-rgb-string,51,51,51));font-size:.2rem;
}
.c168-benefits-native-oct22 .c168-native-vip-current-tag {
  position:absolute;top:.01rem;inset-inline-start:.01rem;z-index:1;
  display:flex;align-items:center;justify-content:center;height:.33rem;
  margin:0;padding:0 .1rem;border-radius:.19rem 0 .16rem;font-size:.2rem;
  color:rgb(var(--vip-item-tag-text-rgb-string,51,51,51));
  background-color:rgb(var(--vip-item-tag-bg-rgb-string,234,240,255));
}
.c168-benefits-native-oct22 .c168-native-vip-current-level {
  display:block;margin:0 0 0 -.06rem !important;padding:.06rem 0 0;
  color:inherit !important;font:italic 700 .6rem/.56rem Arial !important;
}
.c168-benefits-native-oct22 .c168-native-vip-current-condition {
  width:4.3rem;max-width:calc(100% - 1.55rem);min-height:.6rem;
  margin:.06rem 0 0 !important;padding:0;font-size:.22rem !important;
  line-height:.28rem !important;color:inherit;
}
.c168-benefits-native-oct22 .c168-native-vip-badge-art {
  position:absolute;top:.3rem;inset-inline-end:.3rem;width:1.6rem;height:1.6rem;
}
.c168-benefits-native-oct22 .c168-native-vip-badge-art > img,
.c168-benefits-native-oct22 .c168-native-vip-tier-art > img {
  position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
}
.c168-benefits-native-oct22 .c168-vip-rewards {
  display:flex;flex-direction:column;flex:1;min-height:0;
  margin:.2rem 0 0 !important;padding:0 !important;border:0 !important;
  border-radius:.2rem .2rem 0 0 !important;background:var(--skin__bg_2,#fff) !important;
}
.c168-benefits-native-oct22 .c168-native-vip-rewards-title {
  display:flex;align-items:center;justify-content:center;
  margin:0 !important;padding:.2rem !important;text-align:center;
  color:var(--skin__lead,#333) !important;font-size:.32rem !important;font-weight:600 !important;
}
.c168-benefits-native-oct22 .c168-native-vip-rewards-title::before,
.c168-benefits-native-oct22 .c168-native-vip-rewards-title::after {content:none !important}
.c168-benefits-native-oct22 .c168-native-vip-title-art {display:flex;align-items:center;justify-content:center;font-size:.42rem;color:var(--skin__neutral_2,#7fa9ef)}
.c168-benefits-native-oct22 .c168-native-vip-title-art > svg {width:1em;height:1em}
.c168-benefits-native-oct22 .c168-native-vip-title-art.right {transform:scaleX(-1)}
.c168-benefits-native-oct22 .c168-vip-tabs {
  display:flex;flex-shrink:0;min-height:.54rem !important;margin:0 !important;
  border-bottom:thin solid var(--skin__border,#bbd1f6);
}
.c168-benefits-native-oct22 .c168-vip-tabs > button {
  flex:1;width:50%;min-height:.54rem !important;margin:0 !important;padding:0 0 .1rem !important;
  border:0 !important;border-bottom:.06rem solid transparent !important;border-radius:0 !important;
  background:transparent !important;color:var(--skin__lead,#333) !important;
  font-family:inherit !important;font-size:.28rem !important;font-weight:400 !important;line-height:.38rem !important;
}
.c168-benefits-native-oct22 .c168-vip-tabs > button.active {
  color:var(--skin__primary,#0053df) !important;font-weight:600 !important;
  border-bottom-color:var(--skin__primary,#0053df) !important;
}
.c168-benefits-native-oct22 .c168-vip-table {
  position:relative;flex:1;min-height:0;margin:.2rem !important;padding:0 !important;
  border:thin solid var(--skin__border,#bbd1f6) !important;border-radius:.14rem !important;
  overflow-x:hidden;overflow-y:auto;
}
.c168-benefits-native-oct22 .c168-vip-table-head {
  position:sticky;top:0;z-index:10;display:flex !important;align-items:center;
  height:.7rem !important;min-height:.7rem !important;margin:0 !important;padding:0 !important;
  border-bottom:thin solid var(--skin__border,#bbd1f6);background:var(--skin__bg_2,#fff) !important;
  color:var(--skin__lead,#333) !important;font-size:.24rem !important;text-align:center;
}
.c168-benefits-native-oct22 .c168-vip-table-head > span:first-child {
  flex:0 0 .98rem;width:.98rem;line-height:.7rem;border-inline-end:thin solid var(--skin__border,#bbd1f6);
}
.c168-benefits-native-oct22 .c168-vip-table-head > span {margin:0 !important;padding:0 !important}
.c168-benefits-native-oct22 .c168-vip-table-head > span:last-child {flex:1;min-width:0}
.c168-benefits-native-oct22 .c168-native-vip-tier {
  display:flex !important;grid-template-columns:none !important;margin:0 !important;padding:0 !important;
  border:0 !important;border-bottom:thin solid var(--skin__border,#bbd1f6) !important;
  border-radius:0 !important;background:var(--skin__bg_2,#fff) !important;
}
.c168-benefits-native-oct22 .c168-native-vip-tier:last-child {border-bottom:0 !important}
.c168-benefits-native-oct22 .c168-native-vip-tier.is-expanded {background:rgba(0,83,223,.06) !important}
.c168-benefits-native-oct22 .c168-native-vip-tier-label {
  display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 .98rem;
  width:.98rem !important;min-width:0;padding:.1rem 0 !important;
  border-inline-end:thin solid var(--skin__border,#bbd1f6);box-sizing:border-box;
}
.c168-benefits-native-oct22 .c168-native-vip-tier-art {position:relative;width:.56rem;height:.56rem}
.c168-benefits-native-oct22 .c168-native-vip-tier-name {
  display:block;height:.32rem;font-size:.24rem;font-weight:600;line-height:.32rem;color:var(--skin__lead,#333);
}
.c168-benefits-native-oct22 .c168-native-vip-tier-body {flex:1;min-width:0;display:flex;flex-direction:column;padding:0 !important;background:transparent !important}
.c168-benefits-native-oct22 .c168-native-vip-summary {
  display:flex !important;align-items:center;justify-content:space-between;flex:1;
  min-height:.78rem !important;margin:0 !important;padding:0 .2rem 0 .1rem !important;
  border:0 !important;background:transparent !important;box-sizing:border-box;
}
.c168-benefits-native-oct22 .c168-native-vip-summary-copy {flex:1;min-width:0;font-size:.26rem;color:var(--skin__lead,#333)}
.c168-benefits-native-oct22 .c168-native-vip-summary-amount {margin-inline-start:.1rem;font-size:.26rem;font-weight:600;color:var(--skin__accent_3,#ffaa09)}
.c168-benefits-native-oct22 .c168-native-vip-fold {
  flex-shrink:0;min-height:.6rem !important;margin:0 !important;padding:0 !important;border:0 !important;
  background:transparent !important;color:var(--skin__primary,#0053df) !important;
  font-family:inherit !important;font-size:.24rem !important;font-weight:400 !important;
}
.c168-benefits-native-oct22 .c168-native-vip-fold-label {display:flex;align-items:center;white-space:nowrap}
.c168-benefits-native-oct22 .c168-native-vip-fold-label > svg {width:.24rem;height:.24rem;margin-inline-start:.1rem;color:var(--skin__neutral_2,#7fa9ef)}
.c168-benefits-native-oct22 .c168-native-vip-expanded {min-height:1.3rem;margin:0 !important;padding:0 !important}
.c168-benefits-native-oct22 .c168-native-vip-expanded .c168-vip-benefit {
  display:flex;align-items:flex-start;min-height:.88rem;margin:0 !important;padding:.14rem .1rem !important;
  gap:0 !important;font-size:.2rem !important;border:0 !important;background:transparent !important;box-sizing:border-box;
}
.c168-benefits-native-oct22 .c168-native-vip-benefit-icon {flex-shrink:0;width:.56rem !important;height:.56rem !important;object-fit:contain}
.c168-benefits-native-oct22 .c168-native-vip-benefit-info {position:relative;display:flex;align-items:center;flex-wrap:wrap;flex:1;min-width:0;padding:0 .1rem;word-break:break-word}
.c168-benefits-native-oct22 .c168-native-vip-benefit-info > span {display:inline-flex;align-items:center;font-size:.24rem;color:var(--skin__lead,#333);line-height:normal}
.c168-benefits-native-oct22 .c168-native-vip-benefit-info strong {padding:.02rem .08rem;margin-inline:.06rem;font-size:.24rem;color:var(--skin__accent_3,#ffaa09);border-radius:.08rem;background:rgba(255,170,9,.25)}
.c168-benefits-native-oct22 .c168-native-vip-benefit-info small {display:block;flex-basis:100%;margin-top:.06rem;font-size:.2rem;line-height:.28rem;color:var(--skin__neutral_2,#7fa9ef)}
.c168-benefits-native-oct22 .c168-native-vip-expanded .c168-vip-action {
  flex-shrink:0;width:1.5rem !important;height:.6rem !important;min-height:.6rem !important;
  margin:0 !important;padding:0 .05rem !important;border-radius:.1rem !important;
  font-family:inherit !important;font-size:.22rem !important;font-weight:400;line-height:1.2;
}

/* Rebate amount/rate/progress values are never inferred by this stylesheet. */
.c168-benefits-native-oct22.c168-native-rebate-view {
  display:flex;flex-direction:column;overflow:hidden;margin:0 !important;padding:0 !important;
}
.c168-benefits-native-oct22 .c168-cashback-summary {
  flex-shrink:0;margin:.2rem !important;padding:.2rem !important;overflow:hidden;
  border:0 !important;border-radius:.14rem !important;
  box-shadow:0 .03rem .07rem 0 var(--skin__web_left_bg_shadow,#0000001f) !important;
  background-color:#fff0d4 !important;
  background-image:var(--c168-native-rebate-bg,none),linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,.63) 15.34%,rgba(255,255,255,.84) 47.73%,rgba(255,255,255,.36));
  background-size:100% auto,100% 100%;background-position:bottom center,center;background-repeat:no-repeat;
}
/* This exact direct small is the confirmed developer-only database note. */
.c168-benefits-native-oct22.c168-native-rebate-view > .c168-cashback-summary > small {display:none}
.c168-benefits-native-oct22 .c168-native-rebate-estimate {
  display:flex;align-items:center;gap:.05rem;margin:0 !important;padding:0;
  color:var(--skin__lead,#333);font-size:.24rem !important;
}
.c168-benefits-native-oct22 .c168-native-rebate-coin {width:.36rem;height:.36rem;object-fit:contain;flex-shrink:0}
.c168-benefits-native-oct22 .c168-native-rebate-estimate strong {font-size:.28rem;color:#ffaa09;font-weight:700}
.c168-benefits-native-oct22 .c168-native-rebate-refresh {display:flex;align-items:center;justify-content:center;width:.32rem;height:.32rem;min-height:0 !important;margin:0;padding:0 !important;border:0 !important;background:transparent !important;color:#1678ff !important;font-size:.32rem !important}
.c168-benefits-native-oct22 .c168-native-rebate-refresh > svg {width:100%;height:100%}
.c168-benefits-native-oct22 .c168-cashback-totals {display:flex;gap:.2rem;margin:.2rem 0 0 !important}
.c168-benefits-native-oct22 .c168-cashback-totals > * {
  display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0;
  height:.92rem !important;margin:0 !important;padding:0 .2rem !important;
  border:0 !important;border-radius:.14rem !important;
  background-image:var(--c168-native-rebate-detail-bg,none);background-size:100% auto;background-position:bottom center;background-repeat:no-repeat;
  box-sizing:border-box;
}
.c168-benefits-native-oct22 .c168-cashback-totals > :first-child {background-color:#c0d9fa}
.c168-benefits-native-oct22 .c168-cashback-totals > :last-child {background-color:#b7efb7}
.c168-benefits-native-oct22 .c168-cashback-totals strong {font-size:.26rem;font-weight:700;line-height:.35rem;color:#333}
.c168-benefits-native-oct22 .c168-cashback-totals p {margin:0 !important;font-size:.22rem;line-height:.32rem;color:#666}
.c168-benefits-native-oct22 .c168-cashback-layout {
  display:flex !important;flex:1;min-height:0;gap:0 !important;margin:0 !important;
  padding:0 .2rem !important;overflow:hidden;
}
.c168-benefits-native-oct22 .c168-cashback-layout > aside {
  display:flex;flex-direction:column;flex:0 0 1.7rem;width:1.7rem;gap:0 !important;
  min-height:0;margin:0 !important;padding:0 !important;overflow-x:hidden;overflow-y:auto;
}
.c168-benefits-native-oct22 .c168-cashback-layout > aside > button {
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  width:1.5rem !important;height:.7rem !important;min-height:.7rem !important;
  margin:0 0 .2rem !important;padding:0 .06rem 0 .03rem !important;border:0 !important;
  border-radius:.14rem !important;background-color:transparent !important;
  background-image:var(--c168-native-sidebar-idle,none) !important;background-size:100% 100% !important;
  color:var(--skin__leftnav_def,#333) !important;font-family:inherit !important;font-size:.2rem !important;
  box-shadow:0 .03rem .07rem 0 var(--skin__web_left_bg_shadow,#0000001f) !important;
}
.c168-benefits-native-oct22 .c168-cashback-layout > aside > button.active {
  background-image:var(--c168-native-sidebar-active,none) !important;color:var(--skin__leftnav_active,#fff) !important;
}
.c168-benefits-native-oct22 .c168-native-rebate-category {display:flex;align-items:center;width:100%;min-width:0}
.c168-benefits-native-oct22 .c168-native-rebate-category > svg {flex:0 0 .48rem;width:.48rem;height:.36rem}
.c168-benefits-native-oct22 .c168-native-rebate-category > span {flex:1;min-width:0;text-align:center;word-break:break-word}
.c168-benefits-native-oct22 .c168-cashback-layout > div {flex:1;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto}
.c168-benefits-native-oct22 .c168-cashback-provider {
  margin:0 0 .2rem !important;padding:.1rem .2rem !important;border:0 !important;border-radius:.14rem !important;
  background:var(--skin__bg_2,#fff) !important;box-shadow:0 .03rem .07rem 0 var(--skin__web_left_bg_shadow,#0000001f) !important;
}
.c168-benefits-native-oct22 .c168-native-rebate-provider-header {display:flex;align-items:center;justify-content:space-between;margin:0 0 .1rem !important;font-size:.22rem !important}
.c168-benefits-native-oct22 .c168-native-rebate-provider-name {display:flex;align-items:center;flex:1;min-width:0;color:var(--skin__lead,#333)}
.c168-benefits-native-oct22 .c168-native-rebate-provider-name > img {flex-shrink:0;width:.5rem;height:.5rem;margin-inline-end:.1rem;object-fit:contain}
.c168-benefits-native-oct22 .c168-native-rebate-bet {color:var(--skin__neutral_2,#7fa9ef);font-size:.22rem;line-height:.5rem}
.c168-benefits-native-oct22 .c168-cashback-progress {
  position:relative;height:.22rem !important;min-height:.22rem !important;margin:0 0 .1rem !important;
  border:0 !important;border-radius:.2rem !important;background:var(--skin__neutral_3,#99bfff) !important;overflow:hidden;
}
.c168-benefits-native-oct22 .c168-native-rebate-progress-label {position:absolute;inset:0;height:.22rem;line-height:.22rem;font-size:.2rem;color:#fff;text-align:center;white-space:nowrap}
.c168-benefits-native-oct22 .c168-native-rebate-rate {display:flex;align-items:center;justify-content:space-between;margin:0 !important;font-size:.22rem;color:var(--skin__neutral_2,#7fa9ef)}
.c168-benefits-native-oct22 .c168-native-rebate-rate > span {min-width:0;max-width:calc(50% - .05rem)}

/* Received/pending controls and content keep their live selection/status data. */
.c168-benefits-native-oct22.c168-native-records-view {display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0 !important}
.c168-benefits-native-oct22 .c168-native-benefit-filters {
  display:flex;align-items:center;flex-shrink:0;height:.9rem;min-height:.9rem;gap:.2rem !important;
  flex-wrap:nowrap !important;
  margin:0 !important;padding:.1rem .2rem !important;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;
}
.c168-benefits-native-oct22 .c168-native-filter-field {position:relative;flex:0 1 auto;min-width:1.3rem;max-width:2.5rem}
.c168-benefits-native-oct22 .c168-native-filter-field > select {
  display:block;width:100% !important;height:.5rem !important;min-height:.5rem !important;
  margin:0 !important;padding:0 .4rem 0 .15rem !important;
  border:thin solid var(--skin__border,#bbd1f6) !important;border-radius:.35rem !important;
  background:var(--skin__bg_2,#fff) !important;color:var(--skin__neutral_2,#7fa9ef) !important;
  font-family:inherit !important;font-size:.2rem !important;font-weight:400;appearance:none;
}
.c168-benefits-native-oct22 .c168-native-filter-chevron {position:absolute;inset-inline-end:.14rem;top:50%;transform:translateY(-50%);display:flex;width:.2rem;height:.2rem;color:var(--skin__neutral_2,#7fa9ef);pointer-events:none}
.c168-benefits-native-oct22 .c168-native-filter-chevron > svg {width:100%;height:100%}
.c168-benefits-native-oct22 .c168-native-record-list {display:block;flex:1;min-height:0;margin:0 !important;padding:0 .2rem .2rem !important;overflow-y:auto;overflow-x:hidden}
.c168-benefits-native-oct22 .c168-native-benefit-record {
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:space-between;
  min-height:1.1rem;margin:0 !important;padding:.2rem !important;border:0 !important;border-radius:.14rem !important;
  color:var(--skin__neutral_2,#7fa9ef);font-size:.2rem;box-sizing:border-box;
}
.c168-benefits-native-oct22 .c168-native-benefit-record:nth-of-type(odd) {background:var(--skin__bg_2,#fff) !important;box-shadow:0 .03rem .07rem 0 var(--skin__web_left_bg_shadow,#0000001f) !important}
.c168-benefits-native-oct22 .c168-native-benefit-record:nth-of-type(even) {background:var(--skin__bg_1,#eaf0ff) !important;box-shadow:none !important}
.c168-benefits-native-oct22 .c168-native-benefit-record > h3 {
  grid-column:1;grid-row:1;min-width:0;max-height:.8rem;margin:0 0 .1rem !important;
  color:var(--skin__lead,#333) !important;font-size:.24rem !important;font-weight:400 !important;
  line-height:.4rem !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;
}
.c168-benefits-native-oct22 .c168-native-record-amount {grid-column:2;grid-row:1;display:flex;align-items:flex-start;gap:.05rem;margin-inline-start:.1rem;color:var(--skin__accent_3,#ffaa09);font-size:.24rem;line-height:1.67}
.c168-benefits-native-oct22 .c168-native-record-amount > svg {width:.24rem;height:.24rem;margin-top:.06rem}
.c168-benefits-native-oct22 .c168-native-record-amount > strong {font-size:.24rem;font-weight:700}
.c168-benefits-native-oct22 .c168-native-benefit-record > small {grid-column:1 / -1;grid-row:2;font-size:.2rem !important;line-height:1.6;color:var(--skin__neutral_2,#7fa9ef);word-break:break-word}
.c168-benefits-native-oct22 .c168-benefit-empty {color:var(--skin__neutral_2,#7fa9ef);font-size:.26rem;font-weight:400;text-align:center}
/* The source ui-button press layer is mapped only to real native buttons. */
.c168-promotions-native-oct22.c168-page.c168-promotions .c168-native-promo-received,
.c168-benefits-native-oct22 .c168-vip-action {position:relative;overflow:hidden}
.c168-promotions-native-oct22.c168-page.c168-promotions .c168-native-promo-received::before,
.c168-benefits-native-oct22 .c168-vip-action::before {
  position:absolute;top:50%;left:50%;width:100%;height:100%;background:#000;
  border-color:#000;border-radius:inherit;transform:translate(-50%,-50%);
  opacity:0;content:" ";pointer-events:none;
}
.c168-promotions-native-oct22.c168-page.c168-promotions .c168-native-promo-received:not(:disabled):active::before,
.c168-benefits-native-oct22 .c168-vip-action:not(:disabled):active::before {opacity:.1}
.c168-benefits-native-oct22 .c168-vip-action:disabled {
  cursor:not-allowed;color:var(--skin__bg_2,#fff) !important;
  background:var(--skin__neutral_2,#7fa9ef) !important;border-color:var(--skin__neutral_2,#7fa9ef) !important;
}
@media (prefers-reduced-motion: reduce) {
  .c168-benefits-native-oct22 .c168-cashback-progress > *,
  .c168-benefits-native-oct22 .c168-vip-action {transition:none !important}
}