@everymatrix/casino-engagement-suite-challenges-list 1.44.0 → 1.45.2

package/dist/cjs/loader.cjs.js

@@ -2,20 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0a011384.js');
+const index = require('./index-97488095.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
 
-/*
- Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
- */
-const patchEsm = () => {
-    return index.promiseResolve();
-};
-
-const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
-  return patchEsm().then(() => {
-  return index.bootstrapLazy([["casino-engagement-suite-challenges-list_2.cjs",[[1,"casino-engagement-suite-challenges-list",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[1],"device":[1],"challenges":[1040],"isJoiningToChallenge":[1028,"is-joining-to-challenge"],"inProgressChallenges":[1040],"pausedChallengeIds":[1040],"tooltip":[32],"timers":[32],"limitStylingAppends":[32],"activeTab":[32],"historyLoading":[32],"challengesHistory":[32],"openedHistoryIds":[32]},[[8,"message","handleEvent"]]],[1,"casino-engagement-suite-progress-bar",{"value":[2],"disabled":[4],"hidePercent":[4,"hide-percent"],"indeterminate":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32]}]]]], options);
-  });
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["casino-engagement-suite-challenges-list_2.cjs",[[1,"casino-engagement-suite-challenges-list",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[1],"device":[1],"challenges":[1040],"isJoiningToChallenge":[1028,"is-joining-to-challenge"],"inProgressChallenges":[1040],"pausedChallengeIds":[1040],"tooltip":[32],"timers":[32],"limitStylingAppends":[32],"activeTab":[32],"historyLoading":[32],"challengesHistory":[32],"openedHistoryIds":[32]},[[8,"message","handleEvent"]],{"challenges":["challengesPropHandler"]}],[1,"casino-engagement-suite-progress-bar",{"value":[2],"disabled":[4],"hidePercent":[4,"hide-percent"],"indeterminate":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32]}]]]], options);
 };
 
+exports.setNonce = index.setNonce;
 exports.defineCustomElements = defineCustomElements;

package/dist/collection/collection-manifest.json

@@ -1,11 +1,11 @@
 {
   "entries": [
-    "./components/casino-engagement-suite-challenges-list/casino-engagement-suite-challenges-list.js"
+    "components/casino-engagement-suite-challenges-list/casino-engagement-suite-challenges-list.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.15.2",
-    "typescriptVersion": "4.5.4"
+    "version": "4.20.0",
+    "typescriptVersion": "5.5.3"
   },
   "collections": [
     {

package/dist/collection/components/casino-engagement-suite-challenges-list/casino-engagement-suite-challenges-list.css

@@ -19,11 +19,31 @@ button:focus {
   outline: none;
 }
 
+.EngagementSuiteIconButton {
+  width: 16px;
+  height: 16px;
+}
+.EngagementSuiteIconButton.Help {
+  background: center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/help.svg) no-repeat;
+}
+.EngagementSuiteIconButton.Close {
+  background: center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg) no-repeat;
+}
+.EngagementSuiteIconButton.CupRewardList {
+  background: center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/cup-reward-list.svg) no-repeat;
+}
+.EngagementSuiteIconButton.Check {
+  background: center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/check.svg) no-repeat;
+}
+.EngagementSuiteIconButton.ArrowDown {
+  background: center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/arrow-down.svg) no-repeat;
+}
+
 .ChallengesListPopup {
   display: flex;
   height: 100%;
   background-color: var(--emw--color-background, #1E1638);
-  border-radius: 8px;
+  border-radius: var(--emw--border-radius-large, 8px);
   overflow: hidden;
   flex-direction: column;
   position: relative;
@@ -36,21 +56,14 @@ button:focus {
   align-items: center;
   padding: 12px 8px 8px;
 }
-
-.ChallengesIconButton {
-  width: 16px;
-  height: 16px;
+.ChallengesListPopupHeader .EngagementSuiteIconButton {
   cursor: pointer;
 }
-.ChallengesIconButton img {
-  width: 100%;
-  height: 100%;
-}
 
 .ChallengesListPopupHeaderName {
-  color: var(--emw--color-gray-100, #BBB9C3);
-  font-size: 14px;
-  font-weight: 500;
+  color: var(--emw--color-secondary, #BBB9C3);
+  font-size: var(--emw--font-size-small, 14px);
+  font-weight: var(--emw--font-weight-medium, 500);
   line-height: 14px;
 }
 
@@ -75,19 +88,19 @@ button:focus {
 .ChallengeCard {
   padding: 15px 15px 19px;
   border: 1px solid var(--emw--button-border-color, #403956);
-  border-radius: 6px;
+  border-radius: var(--emw--border-radius-medium, 6px);
   position: relative;
   cursor: pointer;
 }
 
-.ChallengeJoinButton.Joined::before,
+.EngagementSuiteButton.Active::before,
 .ChallengeCard.InProgress::before {
   content: "";
   position: absolute;
   inset: 0;
-  border-radius: var(--emw--button-border-radius, 4px);
+  border-radius: var(--emw--border-radius-small, 4px);
   padding: 1px;
-  background: linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);
+  background: var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));
   -webkit-mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0);
   -webkit-mask-composite: xor;
   mask-composite: exclude;
@@ -107,16 +120,16 @@ button:focus {
 .ChallengeName,
 .ForfeitedChallengeName {
   color: var(--emw--color-typography, #FFFFFF);
-  font-family: "Montserrat", sans-serif;
+  font-family: var(--emw--font-family-secondary, "Montserrat", sans-serif);
   line-height: 22px;
-  font-weight: 700;
-  font-size: 18px;
+  font-weight: var(--emw--font-weight-bold, 700);
+  font-size: var(--emw--font-size-medium-plus, 18px);
   word-break: break-word;
 }
 
 .ForfeitedChallengeName,
 .ForfeitedChallengeMessage {
-  color: var(--emw--color-primary, #8F8B9C);
+  color: var(--emw--color-gray-150, #8F8B9C);
 }
 
 .ForfeitedChallengeInfo {
@@ -126,31 +139,30 @@ button:focus {
 }
 
 .ForfeitedChallengeMessage {
-  font-family: "Inter", sans-serif;
   font-weight: var(--emw--font-weight-normal, 400);
   font-size: var(--emw--font-size-x-small, 12px);
   line-height: 15px;
 }
 
-.ChallengeJoinButton {
+.EngagementSuiteButton {
   transition: all 0.5s ease-out;
-  background: linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);
-  color: var(--emw--color-typography, #1E1638);
+  background: var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));
+  color: var(--emw--color-background, #1E1638);
   border-radius: 99px;
   min-width: 88px;
   height: 32px;
-  font-size: 14px;
-  font-weight: 700;
+  font-size: var(--emw--font-size-small, 14px);
+  font-weight: var(--emw--font-weight-bold, 700);
   position: relative;
-  font-family: "Montserrat", sans-serif;
+  font-family: var(--emw--font-family-secondary, "Montserrat", sans-serif);
 }
-.ChallengeJoinButton.Joined {
-  background: linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);
+.EngagementSuiteButton.Active {
+  background: var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.ChallengeJoinButton.Joined::before {
+.EngagementSuiteButton.Active::before {
   border-radius: 99px;
 }
 
@@ -167,30 +179,30 @@ button:focus {
 .ChallengesListEmpty h2 {
   margin: 0 0 16px 0;
   text-align: center;
-  font-weight: 600;
-  font-size: 20px;
+  font-weight: var(--emw--font-weight-semibold, 600);
+  font-size: var(--emw--font-size-large, 20px);
   line-height: 24px;
-  font-family: "Montserrat", sans-serif;
+  font-family: var(--emw--font-family-secondary, "Montserrat", sans-serif);
   color: var(--emw--color-typography, #FFFFFF);
 }
 
 .ChallengesListEmpty p {
-  font-size: 14px;
+  font-size: var(--emw--font-size-small, 14px);
   line-height: 17px;
-  color: var(--emw--color-gray-100, #BBB9C3);
+  color: var(--emw--color-secondary, #BBB9C3);
 }
 
 .ChallengeCountdown {
-  color: var(--emw--color-gray-100, #BBB9C3);
-  font-size: 12px;
+  color: var(--emw--color-secondary, #BBB9C3);
+  font-size: var(--emw--font-size-x-small, 12px);
   line-height: 12px;
 }
 
 .ChallengeLabel {
   min-width: 35px;
   height: 18px;
-  background: linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%);
-  border-radius: 2px;
+  background: var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));
+  border-radius: var(--emw--border-radius-x-small, 2px);
   display: none;
   position: absolute;
   top: -11px;
@@ -202,18 +214,18 @@ button:focus {
 .ChallengeLabel span {
   display: inline-block;
   text-transform: uppercase;
-  font-size: 10px;
+  font-size: var(--emw--font-size-2x-small, 10px);
   line-height: 10px;
-  font-weight: 700;
-  font-family: "Montserrat", sans-serif;
-  color: var(--emw--color-typography, #1E1638);
+  font-weight: var(--emw--font-weight-bold, 700);
+  font-family: var(--emw--font-family-secondary, "Montserrat", sans-serif);
+  color: var(--emw--color-background, #1E1638);
 }
 
 .ShowChallengeLabel {
   display: inline-flex;
 }
 
-.ChallengesTooltipBackdrop {
+.EngagementSuiteTooltipBackdrop {
   padding: 48px 30px 0;
   position: absolute;
   width: 100%;
@@ -221,23 +233,23 @@ button:focus {
   inset: 0;
   background-color: rgba(0, 0, 0, 0.5);
 }
-.ChallengesTooltipBackdrop .ChallengesTooltip {
+.EngagementSuiteTooltipBackdrop .EngagementSuiteTooltip {
   border: 1px solid var(--emw--button-border-color, #403956);
   background-color: var(--emw--color-background, #1E1638);
-  border-radius: 8px;
+  border-radius: var(--emw--border-radius-large, 8px);
   padding: 32px;
-  font-size: 14px;
+  font-size: var(--emw--font-size-small, 14px);
   line-height: 17px;
-  color: var(--emw--color-gray-100, #BBB9C3);
+  color: var(--emw--color-secondary, #BBB9C3);
   position: relative;
 }
-.ChallengesTooltipBackdrop .ChallengesTooltip .ChallengesIconButton {
+.EngagementSuiteTooltipBackdrop .EngagementSuiteTooltip .EngagementSuiteIconButton {
   top: 12px;
-  right: 6px;
+  right: 12px;
   position: absolute;
 }
 
-.Tabs::after,
+.EngagementSuiteTabs::after,
 .HistoryCols::after,
 .HistoryListItem.Opened .HistoryListItemBody::after {
   content: "";
@@ -250,24 +262,24 @@ button:focus {
   opacity: 0.1;
 }
 
-.TabsWrapper {
+.EngagementSuiteTabsWrapper {
   padding: 0 20px;
   margin: 8px 0;
 }
-.TabsWrapper .Tabs {
+.EngagementSuiteTabsWrapper .EngagementSuiteTabs {
   display: flex;
   position: relative;
 }
-.TabsWrapper .Tabs .Tab {
+.EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab {
   padding: 9px 16px 7px;
-  font-weight: 500;
-  font-size: 12px;
+  font-weight: var(--emw--font-weight-medium, 500);
+  font-size: var(--emw--font-size-x-small, 12px);
   line-height: 15px;
-  color: var(--emw--color-background, #666178);
+  color: var(--emw--color-gray-300, #666178);
   border-bottom: 2px solid transparent;
   cursor: pointer;
 }
-.TabsWrapper .Tabs .Tab.Active {
+.EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab.Active {
   color: var(--emw--color-typography, #FFF);
   border-color: var(--emw--color-typography, #FFF);
 }
@@ -281,8 +293,8 @@ button:focus {
 }
 .HistoryWrapper .HistoryEmptyMessage {
   margin-top: 8px;
-  font-size: var(--emw--font-size-x-small, 14px);
-  color: var(--emw--color-gray-100, #BBB9C3);
+  font-size: var(--emw--font-size-small, 14px);
+  color: var(--emw--color-secondary, #BBB9C3);
   line-height: 30px;
 }
 .HistoryWrapper .HistoryCols {
@@ -293,7 +305,7 @@ button:focus {
 .HistoryWrapper .HistoryCols .HistoryColName {
   padding: 0 5px;
   font-size: var(--emw--font-size-x-small, 12px);
-  color: var(--emw--color-gray-100, #BBB9C3);
+  color: var(--emw--color-secondary, #BBB9C3);
 }
 .HistoryWrapper .HistoryCols .HistoryColName.Level {
   flex-basis: 90px;
@@ -308,7 +320,7 @@ button:focus {
   align-items: center;
   height: inherit;
   font-size: var(--emw--font-size-x-small, 12px);
-  color: var(--emw--color-primary, #8F8B9C);
+  color: var(--emw--color-gray-150, #8F8B9C);
 }
 .HistoryWrapper .HistoryLoader casino-engagement-suite-progress-bar {
   margin-bottom: 8px;
@@ -317,7 +329,7 @@ button:focus {
 .HistoryWrapper .HistoryListItem {
   margin-top: 8px;
 }
-.HistoryWrapper .HistoryListItem.Opened .HistoryListItemButton {
+.HistoryWrapper .HistoryListItem.Opened .EngagementSuiteIconButton.ArrowDown {
   transform: rotate(180deg);
 }
 .HistoryWrapper .HistoryListItem.Opened .HistoryListItemBody {
@@ -332,11 +344,8 @@ button:focus {
   color: var(--emw--color-typography, #FFFFFF);
   font-size: var(--emw--font-size-small, 14px);
 }
-.HistoryWrapper .HistoryListItem .HistoryListItemButton {
+.HistoryWrapper .HistoryListItem .EngagementSuiteIconButton.ArrowDown {
   transition: transform 0.3s ease-out;
-  width: 16px;
-  height: 16px;
-  background: center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/arrow-down.svg) no-repeat;
 }
 .HistoryWrapper .HistoryListItem .HistoryListItemBody {
   position: relative;
@@ -353,7 +362,7 @@ button:focus {
 .HistoryWrapper .HistoryListItem .HistoryLevelInfo {
   display: flex;
   font-size: var(--emw--font-size-x-small, 12px);
-  color: var(--emw--color-gray-100, #BBB9C3);
+  color: var(--emw--color-secondary, #BBB9C3);
 }
 .HistoryWrapper .HistoryListItem .HistoryLevelInfo .Level {
   flex-basis: 90px;
@@ -370,8 +379,7 @@ button:focus {
   font-size: var(--emw--font-size-x-small, 10px);
   font-weight: var(--emw--font-weight-bold, 700);
 }
-.HistoryWrapper .HistoryListItem .HistoryRewardsList .HistoryRewardStatusIcon,
-.HistoryWrapper .HistoryListItem .HistoryRewardsList .HistoryRewardsIcon {
+.HistoryWrapper .HistoryListItem .HistoryRewardsList .EngagementSuiteIconButton {
   height: 14px;
   width: 14px;
 }
@@ -381,14 +389,8 @@ button:focus {
   gap: 2px;
   color: var(--emw--color-typography, #FFF);
 }
-.HistoryWrapper .HistoryListItem .HistoryRewardsList .HistoryRewardsItem .HistoryRewardStatusIcon {
-  background: center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/check.svg) no-repeat;
-}
 .HistoryWrapper .HistoryListItem .HistoryRewardsList .HistoryRewardsItem.IsNotRewarded {
-  color: var(--emw--color-background, #666178);
-}
-.HistoryWrapper .HistoryListItem .HistoryRewardsList .HistoryRewardsItem.IsNotRewarded .HistoryRewardStatusIcon {
-  background-image: url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg);
+  color: var(--emw--color-gray-300, #666178);
 }
 
 .ChallengesListPopup.Tablet .ChallengesListPopupHeader,
@@ -397,11 +399,15 @@ button:focus {
 }
 .ChallengesListPopup.Tablet .ChallengesListPopupHeaderName,
 .ChallengesListPopup.Desktop .ChallengesListPopupHeaderName {
-  font-size: 16px;
+  font-size: var(--emw--font-size-medium, 16px);
   line-height: 16px;
 }
-.ChallengesListPopup.Tablet .ChallengesIconButton,
-.ChallengesListPopup.Desktop .ChallengesIconButton {
+.ChallengesListPopup.Tablet .EngagementSuiteIconButton.ArrowDown,
+.ChallengesListPopup.Tablet .EngagementSuiteTooltip .EngagementSuiteIconButton,
+.ChallengesListPopup.Tablet .ChallengesListPopupHeader .EngagementSuiteIconButton,
+.ChallengesListPopup.Desktop .EngagementSuiteIconButton.ArrowDown,
+.ChallengesListPopup.Desktop .EngagementSuiteTooltip .EngagementSuiteIconButton,
+.ChallengesListPopup.Desktop .ChallengesListPopupHeader .EngagementSuiteIconButton {
   width: 24px;
   height: 24px;
 }
@@ -417,12 +423,12 @@ button:focus {
 .ChallengesListPopup.Tablet .ChallengesListEmpty h2,
 .ChallengesListPopup.Desktop .ChallengesListEmpty h2 {
   margin-bottom: 32px;
-  font-size: var(--emw--size-large, 24px);
+  font-size: var(--emw--font-size-large-plus, 24px);
   line-height: 29px;
 }
 .ChallengesListPopup.Tablet .ChallengesListEmpty p,
 .ChallengesListPopup.Desktop .ChallengesListEmpty p {
-  font-size: var(--emw--font-size-small, 16px);
+  font-size: var(--emw--font-size-medium, 16px);
   line-height: 20px;
 }
 .ChallengesListPopup.Tablet .ChallengeCardHeader,
@@ -434,47 +440,47 @@ button:focus {
 .ChallengesListPopup.Desktop .ChallengeName,
 .ChallengesListPopup.Desktop .ForfeitedChallengeName {
   line-height: 27px;
-  font-size: 22px;
+  font-size: var(--emw--font-size-large-plus, 22px);
 }
 .ChallengesListPopup.Tablet .ForfeitedChallengeMessage,
 .ChallengesListPopup.Desktop .ForfeitedChallengeMessage {
   font-size: var(--emw--font-size-small, 14px);
   line-height: 16px;
 }
-.ChallengesListPopup.Tablet .ChallengeJoinButton,
-.ChallengesListPopup.Desktop .ChallengeJoinButton {
+.ChallengesListPopup.Tablet .EngagementSuiteButton,
+.ChallengesListPopup.Desktop .EngagementSuiteButton {
   min-width: 100px;
   height: 36px;
-  font-size: 16px;
+  font-size: var(--emw--font-size-medium, 16px);
 }
 .ChallengesListPopup.Tablet .ChallengeCountdown,
 .ChallengesListPopup.Desktop .ChallengeCountdown {
-  font-size: 14px;
+  font-size: var(--emw--font-size-small, 14px);
   line-height: 14px;
 }
-.ChallengesListPopup.Tablet .ChallengesTooltipBackdrop,
-.ChallengesListPopup.Desktop .ChallengesTooltipBackdrop {
+.ChallengesListPopup.Tablet .EngagementSuiteTooltipBackdrop,
+.ChallengesListPopup.Desktop .EngagementSuiteTooltipBackdrop {
   padding: 90px 75px 0;
 }
-.ChallengesListPopup.Tablet .ChallengesTooltip,
-.ChallengesListPopup.Desktop .ChallengesTooltip {
+.ChallengesListPopup.Tablet .EngagementSuiteTooltip,
+.ChallengesListPopup.Desktop .EngagementSuiteTooltip {
   padding: 60px 65px;
-  font-size: 16px;
+  font-size: var(--emw--font-size-medium, 16px);
   line-height: 20px;
 }
-.ChallengesListPopup.Tablet .ChallengesTooltip .ChallengesIconButton,
-.ChallengesListPopup.Desktop .ChallengesTooltip .ChallengesIconButton {
+.ChallengesListPopup.Tablet .EngagementSuiteTooltip .EngagementSuiteIconButton,
+.ChallengesListPopup.Desktop .EngagementSuiteTooltip .EngagementSuiteIconButton {
   top: 24px;
   right: 24px;
 }
-.ChallengesListPopup.Tablet .TabsWrapper,
-.ChallengesListPopup.Desktop .TabsWrapper {
+.ChallengesListPopup.Tablet .EngagementSuiteTabsWrapper,
+.ChallengesListPopup.Desktop .EngagementSuiteTabsWrapper {
   padding: 0 24px;
   margin: 20px 0;
 }
-.ChallengesListPopup.Tablet .TabsWrapper .Tabs .Tab,
-.ChallengesListPopup.Desktop .TabsWrapper .Tabs .Tab {
-  font-size: var(--emw--font-size-small, 16px);
+.ChallengesListPopup.Tablet .EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab,
+.ChallengesListPopup.Desktop .EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab {
+  font-size: var(--emw--font-size-medium, 16px);
 }
 .ChallengesListPopup.Tablet .HistoryWrapper,
 .ChallengesListPopup.Desktop .HistoryWrapper {
@@ -483,13 +489,13 @@ button:focus {
 .ChallengesListPopup.Tablet .HistoryWrapper .HistoryEmptyMessage,
 .ChallengesListPopup.Desktop .HistoryWrapper .HistoryEmptyMessage {
   margin-top: 20px;
-  font-size: var(--emw--font-size-small, 16px);
+  font-size: var(--emw--font-size-medium, 16px);
   line-height: 20px;
 }
 .ChallengesListPopup.Tablet .HistoryWrapper .HistoryCols .HistoryColName,
 .ChallengesListPopup.Desktop .HistoryWrapper .HistoryCols .HistoryColName {
   padding: 0 12px;
-  font-size: var(--emw--font-size-small, 16px);
+  font-size: var(--emw--font-size-medium, 16px);
 }
 .ChallengesListPopup.Tablet .HistoryWrapper .HistoryCols .HistoryColName.Level,
 .ChallengesListPopup.Desktop .HistoryWrapper .HistoryCols .HistoryColName.Level {
@@ -501,7 +507,7 @@ button:focus {
 }
 .ChallengesListPopup.Tablet .HistoryWrapper .HistoryLoader,
 .ChallengesListPopup.Desktop .HistoryWrapper .HistoryLoader {
-  font-size: var(--emw--font-size-small, 16px);
+  font-size: var(--emw--font-size-medium, 16px);
 }
 .ChallengesListPopup.Tablet .HistoryWrapper .HistoryLoader casino-engagement-suite-progress-bar,
 .ChallengesListPopup.Desktop .HistoryWrapper .HistoryLoader casino-engagement-suite-progress-bar {
@@ -520,12 +526,7 @@ button:focus {
 .ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryListItemHeader {
   cursor: pointer;
   padding: 17px 5px;
-  font-size: var(--emw--font-size-small, 16px);
-}
-.ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryListItemButton,
-.ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryListItemButton {
-  width: 24px;
-  height: 24px;
+  font-size: var(--emw--font-size-medium, 16px);
 }
 .ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryListItemLevelCard,
 .ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryListItemLevelCard {
@@ -533,7 +534,7 @@ button:focus {
 }
 .ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryLevelInfo,
 .ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryLevelInfo {
-  font-size: var(--emw--font-size-small, 16px);
+  font-size: var(--emw--font-size-medium, 16px);
 }
 .ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryLevelInfo .Level,
 .ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryLevelInfo .Level {
@@ -550,8 +551,8 @@ button:focus {
   font-size: var(--emw--font-size-small, 14px);
   align-items: flex-end;
 }
-.ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryRewardsList .HistoryRewardsIcon,
-.ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryRewardsList .HistoryRewardsIcon {
+.ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryRewardsList .EngagementSuiteIconButton.CupRewardList,
+.ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryRewardsList .EngagementSuiteIconButton.CupRewardList {
   height: 24px;
   flex-basis: 24px;
 }