@everymatrix/casino-challenges-overlay 0.21.0 → 0.21.2

package/dist/casino-challenges-overlay/casino-challenges-overlay.esm.js

@@ -1 +1 @@
-import{p as e,b as l}from"./index-b4a452f5.js";export{s as setNonce}from"./index-b4a452f5.js";import{g as n}from"./app-globals-0f993ce5.js";(()=>{const l=import.meta.url,n={};return""!==l&&(n.resourcesUrl=new URL(".",l).href),e(n)})().then((async e=>(await n(),l([["casino-challenge-details-events_23",[[1,"casino-challenges-overlay",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],language:[513],challenges:[16],extendedIngameWidget:[516,"extended-ingame-widget"],progress:[32],isNew:[32],isGift:[32],isNotification:[32],inProgressCount:[32],activeChallenge:[32],completedLevelId:[32],prevUpdateEvent:[32],showModal:[32],modalErrored:[32],modalReward:[32],modalAddition:[32],modalOrderNumber:[32],modalIsFreeSpinsGranted:[32],modalBonusProgramGames:[32],showDrawer:[32],init:[64]},[[8,"message","handleEvent"]],{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],challenges:["handleChallengesChange"]}],[1,"casino-challenges-overlay-drawer",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],language:[513],isOpen:[516,"is-open"],handleClose:[16],challenges:[16],initialProgressId:[513,"initial-progress-id"],activeChallenge:[32],activeProgressId:[32],activeTabIndex:[32],error:[32],hasError:[32],swipped:[32],detailsSubPageInfo:[32],progress:[32],loading:[32],notification:[32],optOutModaIsOpen:[32],isOptedOut:[32],prevUpdateEvent:[32],challengeGames:[32],activeChallenges:[32],pendingChallenges:[32],promoChallenges:[32],playerHistory:[32],hasMorePlayerHistory:[32],emptyState:[32]},[[0,"openOptOutModal","onOpenOptOut"],[0,"closeOptOutModal","onCloseOptOut"],[0,"confirmOptOut","onConfirmOptOut"],[0,"challengeExpired","onChallengeExpired"],[8,"message","handleEvent"]],{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],isOpen:["handleIsOpenChange"],activeChallenge:["onActiveChallengeChanged"]}],[1,"casino-challenges-overlay-modal",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],language:[513],isOpen:[516,"is-open"],reward:[513],addition:[516],handleClick:[16],errored:[516],orderNumber:[514,"order-number"],isFreeSpinsGranted:[516,"is-free-spins-granted"],bonusProgramGames:[16],currentIndex:[32],isMobile:[32]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],bonusProgramGames:["handleBonusProgramGameChange"]}],[1,"casino-challenges-overlay-drawer-details",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],challenge:[16],language:[513],isMobile:[516,"is-mobile"],isUnique:[516,"is-unique"],swipped:[516],progress:[514],activeChallengesTabIndex:[513,"active-challenges-tab-index"],detailsSubPageInfo:[16],isOptedOut:[516,"is-opted-out"],challengeGames:[16],swipping:[32],actionLoading:[32],error:[32],isChallengePaused:[32],timeLeft:[32]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],progress:["onSwipeChange"],challenge:["onChallengeChange"]}],[0,"casino-challenge-opt-out-modal",{language:[1],isMobile:[4,"is-mobile"],open:[4]}],[1,"casino-challenges-overlay-drawer-history",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],language:[513],isMobile:[516,"is-mobile"],loading:[516],hasMore:[516,"has-more"],historyItems:[16],openItems:[32],pageSize:[32],pageNumber:[32]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],historyItems:["handlePlayerHistoryChange"]}],[1,"casino-challenges-overlay-slider",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],language:[513],isMobile:[516,"is-mobile"],challenges:[16],initialProgressId:[1,"initial-progress-id"],activeTabIndex:[1,"active-tab-index"],currentIndex:[32],slideWidth:[32],slideHeight:[32],isOneSlide:[32]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],currentIndex:["onCurrentIndexChange"],challenges:["onChallengesChange"],initialProgressId:["onInitialProgressIdChange"]}],[0,"casino-challenge-overlay-background",{empty:[4]}],[1,"casino-challenges-claim-code",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],language:[513],endpoint:[513],domain:[513],isMobile:[516,"is-mobile"],loading:[32],hasError:[32],code:[32],notificationMessage:[32]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}],[0,"casino-challenges-empty-state",{header:[1],description:[1],isMobile:[516,"is-mobile"]}],[0,"casino-challenges-overlay-loader",{fullSize:[4,"full-size"],isMobile:[516,"is-mobile"]}],[0,"casino-challenges-overlay-tabs",{language:[513],isMobile:[516,"is-mobile"],activeTabIndex:[514,"active-tab-index"],activeTabHasNotification:[516,"active-tab-has-notification"],pendingTabHasNotification:[516,"pending-tab-has-notification"]}],[4,"swipe-up",{isMobile:[516,"is-mobile"],isOneSlider:[516,"is-one-slider"],progress:[32]},null,{isOneSlider:["onIsOneSliderChange"],progress:["onSwipeChange"]}],[0,"casino-challenge-details-levels",{challenge:[16],language:[1],isMobile:[4,"is-mobile"],isChallengePaused:[4,"is-challenge-paused"],isOptedOut:[4,"is-opted-out"],open:[4]}],[0,"casino-challenge-details-events",{challenge:[16],language:[1],isMobile:[4,"is-mobile"],open:[4]}],[0,"casino-challenge-details-games",{challenge:[16],language:[1],isMobile:[4,"is-mobile"],games:[16]}],[0,"casino-challenge-details-progress-bar",{challenge:[16],language:[1],isMobile:[4,"is-mobile"]}],[0,"casino-challenge-details-rules",{challenge:[16],language:[1],isMobile:[4,"is-mobile"],isOptedOut:[4,"is-opted-out"],open:[4]}],[0,"casino-challenge-drawer-history-item",{language:[513],index:[514],historyItem:[16],itemRef:[16],isOpen:[4,"is-open"],isMobile:[4,"is-mobile"],toggle:[16]}],[1,"casino-challenges-modal",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],isOpen:[516,"is-open"],showWinAnimation:[516,"show-win-animation"],showBackdrop:[516,"show-backdrop"],showCloseButton:[516,"show-close-button"]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}],[0,"casino-challenges-overlay-card",{challenge:[16],index:[2],arrLength:[2,"arr-length"],currentIndex:[2,"current-index"],language:[1],isOptedOut:[4,"is-opted-out"],slideWidth:[2,"slide-width"],slideHeight:[2,"slide-height"],timeLeft:[32]}],[4,"casino-challenge-expandable-paragraph",{maxHeight:[2,"max-height"],active:[4],expanded:[32],needsTruncation:[32]}],[0,"casino-challenge-level-progress-bar",{height:[1],active:[4],value:[2]}]]]],e))));
+import{p as e,b as l}from"./index-b4a452f5.js";export{s as setNonce}from"./index-b4a452f5.js";import{g as n}from"./app-globals-0f993ce5.js";(()=>{const l=import.meta.url,n={};return""!==l&&(n.resourcesUrl=new URL(".",l).href),e(n)})().then((async e=>(await n(),l([["casino-challenge-details-events_23",[[1,"casino-challenges-overlay",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],language:[513],challenges:[16],extendedIngameWidget:[516,"extended-ingame-widget"],enabledWidgetTabs:[32],progress:[32],isNew:[32],isGift:[32],isNotification:[32],inProgressCount:[32],activeChallenge:[32],completedLevelId:[32],prevUpdateEvent:[32],showModal:[32],modalErrored:[32],modalReward:[32],modalAddition:[32],modalOrderNumber:[32],modalIsFreeSpinsGranted:[32],modalBonusProgramGames:[32],showDrawer:[32],init:[64]},[[8,"message","handleEvent"]],{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],challenges:["handleChallengesChange"]}],[1,"casino-challenges-overlay-drawer",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],language:[513],isOpen:[516,"is-open"],handleClose:[16],challenges:[16],initialProgressId:[513,"initial-progress-id"],enabledWidgetTabs:[16],activeChallenge:[32],activeProgressId:[32],activeTabIndex:[32],error:[32],hasError:[32],swipped:[32],detailsSubPageInfo:[32],progress:[32],loading:[32],notification:[32],optOutModaIsOpen:[32],isOptedOut:[32],prevUpdateEvent:[32],challengeGames:[32],activeChallenges:[32],pendingChallenges:[32],promoChallenges:[32],playerHistory:[32],hasMorePlayerHistory:[32],emptyState:[32]},[[0,"openOptOutModal","onOpenOptOut"],[0,"closeOptOutModal","onCloseOptOut"],[0,"confirmOptOut","onConfirmOptOut"],[0,"challengeExpired","onChallengeExpired"],[8,"message","handleEvent"]],{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],isOpen:["handleIsOpenChange"],activeChallenge:["onActiveChallengeChanged"]}],[1,"casino-challenges-overlay-modal",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],language:[513],isOpen:[516,"is-open"],reward:[513],addition:[516],handleClick:[16],errored:[516],orderNumber:[514,"order-number"],isFreeSpinsGranted:[516,"is-free-spins-granted"],bonusProgramGames:[16],currentIndex:[32],isMobile:[32]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],bonusProgramGames:["handleBonusProgramGameChange"]}],[1,"casino-challenges-overlay-drawer-details",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],challenge:[16],language:[513],isMobile:[516,"is-mobile"],isUnique:[516,"is-unique"],swipped:[516],progress:[514],activeChallengesTabIndex:[513,"active-challenges-tab-index"],detailsSubPageInfo:[16],isOptedOut:[516,"is-opted-out"],challengeGames:[16],swipping:[32],actionLoading:[32],error:[32],isChallengePaused:[32],timeLeft:[32]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],progress:["onSwipeChange"],challenge:["onChallengeChange"]}],[0,"casino-challenge-opt-out-modal",{language:[1],isMobile:[4,"is-mobile"],open:[4]}],[1,"casino-challenges-overlay-drawer-history",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],language:[513],isMobile:[516,"is-mobile"],loading:[516],hasMore:[516,"has-more"],historyItems:[16],openItems:[32],pageSize:[32],pageNumber:[32]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],historyItems:["handlePlayerHistoryChange"]}],[1,"casino-challenges-overlay-slider",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],language:[513],isMobile:[516,"is-mobile"],challenges:[16],initialProgressId:[1,"initial-progress-id"],activeTabIndex:[1,"active-tab-index"],currentIndex:[32],slideWidth:[32],slideHeight:[32],isOneSlide:[32]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],currentIndex:["onCurrentIndexChange"],challenges:["onChallengesChange"],initialProgressId:["onInitialProgressIdChange"]}],[0,"casino-challenge-overlay-background",{empty:[4]}],[1,"casino-challenges-claim-code",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],language:[513],endpoint:[513],domain:[513],isMobile:[516,"is-mobile"],loading:[32],hasError:[32],code:[32],notificationMessage:[32]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}],[0,"casino-challenges-empty-state",{header:[1],description:[1],isMobile:[516,"is-mobile"]}],[0,"casino-challenges-overlay-loader",{fullSize:[4,"full-size"],isMobile:[516,"is-mobile"]}],[0,"casino-challenges-overlay-tabs",{language:[513],isMobile:[516,"is-mobile"],activeTabIndex:[514,"active-tab-index"],activeTabHasNotification:[516,"active-tab-has-notification"],pendingTabHasNotification:[516,"pending-tab-has-notification"],enabledWidgetTabs:[16]}],[4,"swipe-up",{isMobile:[516,"is-mobile"],isOneSlider:[516,"is-one-slider"],progress:[32]},null,{isOneSlider:["onIsOneSliderChange"],progress:["onSwipeChange"]}],[0,"casino-challenge-details-levels",{challenge:[16],language:[1],isMobile:[4,"is-mobile"],isChallengePaused:[4,"is-challenge-paused"],isOptedOut:[4,"is-opted-out"],open:[4]}],[0,"casino-challenge-details-events",{challenge:[16],language:[1],isMobile:[4,"is-mobile"],open:[4]}],[0,"casino-challenge-details-games",{challenge:[16],language:[1],isMobile:[4,"is-mobile"],games:[16]}],[0,"casino-challenge-details-progress-bar",{challenge:[16],language:[1],isMobile:[4,"is-mobile"]}],[0,"casino-challenge-details-rules",{challenge:[16],language:[1],isMobile:[4,"is-mobile"],isOptedOut:[4,"is-opted-out"],open:[4]}],[0,"casino-challenge-drawer-history-item",{language:[513],index:[514],historyItem:[16],itemRef:[16],isOpen:[4,"is-open"],isMobile:[4,"is-mobile"],toggle:[16]}],[1,"casino-challenges-modal",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],isOpen:[516,"is-open"],showWinAnimation:[516,"show-win-animation"],showBackdrop:[516,"show-backdrop"],showCloseButton:[516,"show-close-button"]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}],[0,"casino-challenges-overlay-card",{challenge:[16],index:[2],arrLength:[2,"arr-length"],currentIndex:[2,"current-index"],language:[1],isOptedOut:[4,"is-opted-out"],slideWidth:[2,"slide-width"],slideHeight:[2,"slide-height"],timeLeft:[32]}],[4,"casino-challenge-expandable-paragraph",{maxHeight:[2,"max-height"],active:[4],expanded:[32],needsTruncation:[32]}],[0,"casino-challenge-level-progress-bar",{height:[1],active:[4],value:[2]}]]]],e))));

package/dist/casino-challenges-overlay/index.esm.js

@@ -1 +1 @@
-export{C as CasinoChallengesOverlay}from"./casino-challenges-overlay-d35935be.js";import"./index-b4a452f5.js";
+export{C as CasinoChallengesOverlay}from"./casino-challenges-overlay-1f8c3734.js";import"./index-b4a452f5.js";

package/dist/cjs/casino-challenge-details-events_23.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6300a889.js');
-const casinoChallengesOverlay = require('./casino-challenges-overlay-c99a7b11.js');
+const casinoChallengesOverlay = require('./casino-challenges-overlay-cdce9803.js');
 
 const DEFAULT_LANGUAGE$3 = 'en';
 const TRANSLATIONS$3 = {
@@ -944,6 +944,13 @@ var EPostMessageResponseType;
     EPostMessageResponseType["UpdateChallengeProgress"] = "UpdateChallengeProgress";
     EPostMessageResponseType["NewChallengeProgressGranted"] = "NewChallengeProgressGranted";
 })(EPostMessageResponseType || (EPostMessageResponseType = {}));
+var EFeatureFlags;
+(function (EFeatureFlags) {
+    EFeatureFlags["PromoTab"] = "promo";
+    EFeatureFlags["PendingTab"] = "pending";
+    EFeatureFlags["FinishedTab"] = "finished";
+    EFeatureFlags["CodeTab"] = "code";
+})(EFeatureFlags || (EFeatureFlags = {}));
 
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -3807,7 +3814,7 @@ const CasinoChallengesOverlayDrawer = class {
             return (index.h("div", { class: `notification ${((_a = this.notification) === null || _a === void 0 ? void 0 : _a.errored) ? 'errored' : ''}` }, index.h("div", { class: "row" }, index.h("img", { src: ((_b = this.notification) === null || _b === void 0 ? void 0 : _b.errored) ? errorSvg : checkSvg$1, class: "notification__icon", alt: "" }), index.h("p", { class: "notification__message" }, (_c = this.notification) === null || _c === void 0 ? void 0 : _c.message))));
         };
         this.renderHeader = (isMobile) => {
-            return (index.h("div", null, index.h("h1", { class: "challenges__drawer__title" }, index.h("span", null, translate$2('title', this.language)), index.h("button", { class: "challenges__drawer__close", onClick: this.onCloseClick }, index.h("img", { src: crossSvg$1, alt: "" }))), index.h("casino-challenges-overlay-tabs", { onTabClick: this.handleTabClick, activeTabIndex: this.activeTabIndex, activeTabHasNotification: false, pendingTabHasNotification: false, language: this.language, "is-mobile": isMobile })));
+            return (index.h("div", null, index.h("h1", { class: "challenges__drawer__title" }, index.h("span", null, translate$2('title', this.language)), index.h("button", { class: "challenges__drawer__close", onClick: this.onCloseClick }, index.h("img", { src: crossSvg$1, alt: "" }))), this.enabledWidgetTabs.length > 0 && (index.h("casino-challenges-overlay-tabs", { onTabClick: this.handleTabClick, activeTabIndex: this.activeTabIndex, activeTabHasNotification: false, pendingTabHasNotification: false, language: this.language, "is-mobile": isMobile, enabledWidgetTabs: this.enabledWidgetTabs }))));
         };
         this.isEmptyState = () => {
             if (!this.loading && this.activeTabIndex !== EChallengesTabs.Code) {
@@ -3849,7 +3856,7 @@ const CasinoChallengesOverlayDrawer = class {
             return (index.h("swipe-up", { onSwippedUp: (e) => {
                     this.swipped = e.detail.swipped;
                     this.progress = e.detail.progress;
-                }, isMobile: isMobile, isOneSlider: isUnique }, index.h("div", { class: "content-header", slot: "header" }, this.renderHeader(isMobile), index.h("div", { class: { 'content-spacer': this.swipped || !isMobile, 'one-slide': isUnique && this.swipped } }, index.h("casino-challenges-overlay-slider", { mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, language: this.language, challenges: challenges, isMobile: isMobile, onActiveChallengeChange: this.onActiveChallengeChange, initialProgressId: this.activeProgressId, activeTabIndex: this.activeTabIndex }))), index.h("div", { class: "content-details", slot: "details" }, this.renderChallengeDetails(isMobile, isUnique))));
+                }, isMobile: isMobile, isOneSlider: isUnique }, index.h("div", { class: "content-header", slot: "header" }, this.renderHeader(isMobile), index.h("div", { class: { 'content-spacer': this.swipped || !isMobile, 'one-slide': isUnique && this.swipped } }, index.h("casino-challenges-overlay-slider", { mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, language: this.language, challenges: challenges, isMobile: isMobile, onActiveChallengeChange: this.onActiveChallengeChange, initialProgressId: this.activeProgressId, activeTabIndex: this.activeTabIndex }))), index.h("div", { class: "content-details", slot: "details", style: { overflow: this.swipped ? 'auto' : 'hidden' } }, this.renderChallengeDetails(isMobile, isUnique))));
         };
         this.onCloseClick = () => {
             var _a, _b;
@@ -3869,6 +3876,7 @@ const CasinoChallengesOverlayDrawer = class {
         this.handleClose = () => { };
         this.challenges = [];
         this.initialProgressId = '';
+        this.enabledWidgetTabs = undefined;
         this.activeChallenge = null;
         this.activeProgressId = '';
         this.activeTabIndex = EChallengesTabs.Active;
@@ -3911,7 +3919,8 @@ const CasinoChallengesOverlayDrawer = class {
     handleIsOpenChange(newValue) {
         var _a;
         if (newValue) {
-            if (this.initialProgressId && this.challenges.length) {
+            if ((this.initialProgressId && this.challenges.length) ||
+                !this.enabledWidgetTabs.includes(EFeatureFlags.PromoTab)) {
                 this.activeTabIndex = EChallengesTabs.Active;
                 this.activeProgressId = this.initialProgressId;
                 const currentChallenge = ((_a = this.activeChallenges) === null || _a === void 0 ? void 0 : _a.find((x) => x.Id === this.activeProgressId)) || this.activeChallenges[0];
@@ -4395,7 +4404,7 @@ const alertSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTki
 
 const crossSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNSAxNy41TDE3LjUgMi41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMDA0NTkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yLjUgMi41TDE3LjUgMTcuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjAwNDU5IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K';
 
-const casinoChallengesOverlayDrawerDetailsCss = ".Mobile.challenge-details.tabView, .Mobile.challenge-details.swipped.hasAction.tabView {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n.Mobile.challenge-details.tabView::-webkit-scrollbar, .Mobile.challenge-details.swipped.hasAction.tabView::-webkit-scrollbar {\n  display: none;\n}\n.Mobile.challenge-details {\n  overflow-x: hidden;\n  border-radius: 0;\n  padding: 0;\n}\n.Mobile.challenge-details .content,\n.Mobile.challenge-details .sub-page-wrapper {\n  padding: 0 12px;\n}\n.Mobile.challenge-details.tabView {\n  border-radius: 20px 20px 0 0;\n  border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n}\n.Mobile.challenge-details .breadcrumbs {\n  margin: 16px 0 8px 0;\n  height: 26px;\n}\n.Mobile.challenge-details .breadcrumbs .challenge-name,\n.Mobile.challenge-details .breadcrumbs .tab-name,\n.Mobile.challenge-details .breadcrumbs .total-number {\n  font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile.challenge-details .breadcrumbs .action {\n  right: 16px;\n  width: 26px;\n  height: 26px;\n}\n.Mobile.challenge-details .breadcrumbs .action img {\n  width: 14px;\n}\n.Mobile.challenge-details .progress-block h3 {\n  font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile.challenge-details .action-description,\n.Mobile.challenge-details .terms-title,\n.Mobile.challenge-details .terms-description {\n  font-size: var(--emw--font-size-x-small, 12px);\n  line-height: var(--emw--font-size-x-small, 12px);\n  font-weight: var(--emw--font-weight-semibold, 600);\n}\n.Mobile.challenge-details.swipped .head .row .challenge-title {\n  margin: 12px 0 24px 0;\n}\n.Mobile.challenge-details.swipped .head .action-description {\n  display: none;\n}\n.Mobile.challenge-details .footer .action-description {\n  margin: 0;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  max-height: 28px;\n  min-height: 14px;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.Mobile.challenge-details .footer {\n  border-top: 2px solid var(--emw--gradient-blue, #003e5c);\n  background: var(--emw--backdrop-background, rgba(9, 9, 9, 0.8));\n  backdrop-filter: blur(16px);\n  padding: 12px 16px;\n  border-radius: 0;\n}\n.Mobile.challenge-details .banner {\n  position: relative;\n  justify-self: center;\n}\n.Mobile.challenge-details .banner.grayed {\n  opacity: 0.5;\n}\n.Mobile.challenge-details .banner__badge {\n  height: 27px;\n  box-sizing: border-box;\n  align-content: center;\n  color: var(--emw--badge-font-color, #f4eff4);\n  font-size: var(--emw--font-size-xs-small, 13px);\n  font-weight: var(--emw--font-weight-normal, 400);\n  position: absolute;\n  top: 10px;\n  left: 12px;\n  padding: 3px 4px;\n  border: 1px solid var(--emw--dot-button-active-bg, rgba(255, 255, 255, 0.2));\n  background: var(--emw--color-container-background, rgba(9, 9, 9, 0.5019607843));\n  backdrop-filter: blur(4.5px);\n  border-radius: 15px;\n}\n.Mobile.challenge-details .banner__badge .status {\n  height: 100%;\n  display: inline-flex;\n  align-items: center;\n  border-radius: 15px;\n  border: 1px solid var(--emw--color-container-border, rgba(255, 255, 255, 0.0705882353));\n  background: var(--emw--color-container-background, rgba(9, 9, 9, 0.5019607843));\n  padding: 0 8px 0 6px;\n}\n.Mobile.challenge-details .banner__badge .status::before {\n  content: \"\";\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: var(--emw--status-badge-gray-bg, rgba(255, 255, 255, 0.5019607843));\n  margin-right: 5px;\n  flex-shrink: 0;\n}\n.Mobile.challenge-details .banner__badge .timer {\n  font-weight: var(--emw--font-weight-bold, 700);\n  padding-right: 4px;\n}\n.Mobile.challenge-details .banner__badge.unavailable .status::before, .Mobile.challenge-details .banner__badge.expired .status::before {\n  background: var(--emw--status-badge-gray-bg, rgba(255, 255, 255, 0.5019607843));\n}\n.Mobile.challenge-details .banner__badge.completed .status::before {\n  background: var(--emw--background-green-color, #00b541);\n}\n.Mobile.challenge-details .banner__badge.forfeited .status::before {\n  background: var(--emw--status-badge-red-bg, #d63d1e);\n}\n.Mobile.challenge-details .banner__badge.paused .status::before {\n  background: var(--emw--status-badge-yellow-bg, #ffb801);\n}\n.Mobile.challenge-details .banner__badge:has(.timer) {\n  padding-left: 6px;\n}\n.Mobile.challenge-details .banner__image-wrapper {\n  position: relative;\n  width: 343px;\n  height: 180px;\n  border-radius: 16px;\n  overflow: hidden;\n}\n.Mobile.challenge-details .banner__image-wrapper img {\n  width: 100%;\n  height: 100%;\n  object-fit: fill;\n}\n.Mobile.challenge-details .banner * {\n  pointer-events: none;\n}\n.Mobile.challenge-details .challenge-title {\n  margin: 12px 0 8px 0;\n  font-size: var(--emw--font-size-large, 18px);\n  line-height: 22px;\n}\n.Mobile.challenge-details .challenge-rules {\n  margin-bottom: 0;\n}\n.Mobile.challenge-details .challenge-rules .challenge-rule {\n  font-size: var(--emw--font-size-x-small, 12px);\n}\n.Mobile.challenge-details .mobile-banner {\n  display: flex;\n  width: 343px;\n  height: 180px;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 10px;\n  flex-shrink: 0;\n  border-radius: 20px;\n  border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n  margin-bottom: 16px;\n}\n.Mobile.challenge-details .challenge-terms {\n  margin-top: 0;\n}\n.Mobile.challenge-details .label {\n  font-size: var(--emw--font-size-x-small, 12px);\n  line-height: 12px;\n  margin: 0;\n}\n.Mobile.challenge-details .description {\n  font-size: var(--emw--font-size-xs-small, 13px);\n  line-height: 12px;\n}\n.Mobile.challenge-details .date-description,\n.Mobile.challenge-details .total-level-description {\n  line-height: 20px;\n}\n.Mobile.challenge-details .challenge-levels,\n.Mobile.challenge-details .challenge-games,\n.Mobile.challenge-details .challenge-rules {\n  padding: 14px;\n}\n.Mobile.challenge-details .chevron-button {\n  width: 26px;\n  height: 26px;\n}\n.Mobile.challenge-details .chevron-button img {\n  width: 14px;\n  height: 14px;\n}\n.Mobile.challenge-details .challenge-level {\n  padding: 10px;\n}\n.Mobile.challenge-details .challenge-block-header .total-levels h3,\n.Mobile.challenge-details .challenge-block-header .total-levels span,\n.Mobile.challenge-details .challenge-block-header .total-games h3,\n.Mobile.challenge-details .challenge-block-header .total-games span {\n  font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile.challenge-details .challenge-block-header p {\n  font-size: var(--emw--font-size-x-small, 12px);\n}\n.Mobile.challenge-details .challenge-level {\n  box-sizing: border-box;\n}\n.Mobile.challenge-details .challenge-level .level__title {\n  font-size: var(--emw--font-size-x-small, 12px);\n  line-height: 14px;\n}\n.Mobile.challenge-details .challenge-level .level__status {\n  font-size: var(--emw--font-size-x-small, 12px);\n  line-height: 14px;\n}\n.Mobile.challenge-details .challenge-level .level__bonus {\n  margin-bottom: 3px;\n}\n.Mobile.challenge-details .challenge-level .label {\n  font-size: var(--emw--font-size-x-small, 12px);\n  margin-bottom: 8px;\n}\n.Mobile.challenge-details .challenge-level .description {\n  font-size: var(--emw--font-size-2x-small, 11px);\n  line-height: 12px;\n  max-width: 110px;\n}\n.Mobile.challenge-details .challenge-game {\n  min-width: 85px;\n  height: 60px;\n}\n.Mobile.challenge-details .action-button {\n  font-size: var(--emw--font-size-small, 14px);\n  height: 34px;\n}\n.Mobile.challenge-details .notification {\n  padding: 14px 12px;\n}\n.Mobile.challenge-details .notification__message, .Mobile.challenge-details .notification__title {\n  font-size: 14px;\n}\n.Mobile.challenge-details .notification__icon {\n  margin-top: 2px;\n  width: 14px;\n  height: 14px;\n}\n\n.challenge-details {\n  font-family: var(--emw--font-family-primary, \"Teachers\"), sans-serif;\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  box-sizing: border-box;\n  border-radius: 0 0 30px 30px;\n  padding: 0;\n  height: 100%;\n}\n.challenge-details .sub-page-wrapper {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 0 24px;\n  display: flex;\n  flex-direction: column;\n}\n.challenge-details .sub-page-wrapper .sub-page {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding-bottom: 24px;\n}\n.challenge-details .content {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 0 24px 24px;\n}\n.challenge-details .breadcrumbs {\n  display: flex;\n  align-items: center;\n  margin: 4px 0 16px 0;\n  height: 36px;\n  justify-content: space-between;\n  flex-shrink: 0;\n}\n.challenge-details .breadcrumbs div {\n  display: flex;\n  align-items: center;\n}\n.challenge-details .breadcrumbs .challenge-name {\n  color: var(--emw--color-gray-250, rgba(255, 255, 255, 0.15));\n  font-size: var(--emw--font-size-medium, 16px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-semibold, 600);\n  line-height: normal;\n  margin: 0 3px 0 10px;\n  max-width: 150px;\n}\n.challenge-details .breadcrumbs .action {\n  outline: none;\n  background: transparent;\n  border-radius: 20px;\n  border: 1.5px solid var(--emw--color-container-border, rgba(255, 255, 255, 0.0705882353));\n  background: var(--emw--color-container-background, rgba(9, 9, 9, 0.5019607843));\n  backdrop-filter: blur(6.882352829px);\n  cursor: pointer;\n  width: 36px;\n  height: 36px;\n  min-width: 36px;\n  min-height: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.challenge-details .breadcrumbs .action img {\n  width: 20px;\n  height: 20px;\n}\n.challenge-details .breadcrumbs .tab-name,\n.challenge-details .breadcrumbs .divider {\n  color: var(--emw--color-gray-450, #edeff2);\n  font-size: var(--emw--font-size-medium, 16px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-semibold, 600);\n  line-height: normal;\n  margin-left: 3px;\n}\n.challenge-details .breadcrumbs .total-number {\n  color: var(--emw--color-gray-500, rgba(255, 255, 255, 0.5));\n  font-size: var(--emw--font-size-medium, 16px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-normal, 400);\n  line-height: normal;\n  margin-left: 3px;\n}\n.challenge-details .challenge-title {\n  color: #fff;\n  font-size: var(--emw--font-size-large-plus, 26px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-semibold, 600);\n  line-height: normal;\n  margin: 16px 0 8px 0;\n}\n.challenge-details .challenge-block {\n  border-radius: 20px;\n  border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n  background: var(--emw--block-background, rgba(9, 9, 9, 0.5));\n  backdrop-filter: blur(11.47px);\n  display: flex;\n  padding: 20px 12px;\n  justify-content: center;\n  align-items: center;\n  gap: 16px;\n  margin: 16px 0;\n  align-self: stretch;\n}\n.challenge-details .progress-block h3 {\n  color: var(--emw--color-white, #fff);\n  font-size: var(--emw--font-size-medium, 16px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-bold, 700);\n  line-height: normal;\n  margin: 0 0 10px 0;\n}\n.challenge-details .chevron-button {\n  box-sizing: border-box;\n  display: flex;\n  width: 36px;\n  height: 36px;\n  padding: 4px 5px;\n  justify-content: center;\n  align-items: center;\n  gap: 6.923px;\n  aspect-ratio: 1/1;\n  border-radius: 27.692px;\n  border: 2px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n  background: var(--emw--block-background, rgba(9, 9, 9, 0.5));\n  backdrop-filter: blur(9.52px);\n  margin-left: 4px;\n  padding: 4px 5px;\n  cursor: pointer;\n}\n.challenge-details .challenge-block-header {\n  display: flex;\n  padding-left: 4px;\n  align-items: center;\n  gap: 4px;\n  align-self: stretch;\n  justify-content: space-between;\n}\n.challenge-details .challenge-block-header .total-levels,\n.challenge-details .challenge-block-header .total-games {\n  display: flex;\n  align-items: center;\n}\n.challenge-details .challenge-block-header .total-levels span,\n.challenge-details .challenge-block-header .total-games span {\n  color: var(--emw--dot-button-active-bg, rgba(255, 255, 255, 0.2));\n  display: inline-block;\n  font-size: var(--emw--font-size-medium, 16px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-normal, 400);\n  line-height: normal;\n  margin-left: 4px;\n}\n.challenge-details .challenge-block-header h3 {\n  color: var(--emw--color-white, #fff);\n  font-size: var(--emw--font-size-medium, 16px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-bold, 700);\n  line-height: normal;\n  margin: 0;\n}\n.challenge-details .challenge-block-header p {\n  color: var(--emw--color-empty-state, rgba(255, 255, 255, 0.7));\n  font-size: var(--emw--font-size-small, 14px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-normal, 400);\n  line-height: normal;\n  margin: 0;\n}\n.challenge-details .column {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n}\n.challenge-details .row {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  outline: none;\n  background: transparent;\n  border: none;\n}\n.challenge-details .button {\n  cursor: pointer;\n}\n.challenge-details .general-info-col {\n  width: 33%;\n}\n.challenge-details .general-info-icon {\n  margin-left: 4px;\n}\n.challenge-details .label {\n  text-transform: capitalize;\n  color: var(--emw--color-gray-400, #c9cacb);\n  font-size: var(--emw--font-size-small, 14px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-normal, 400);\n  line-height: normal;\n  margin: 0 0 3px 0;\n  line-height: 17px;\n}\n.challenge-details .description {\n  display: flex;\n  align-items: center;\n  color: var(--emw--color-white, #fff);\n  font-size: var(--emw--font-size-small, 14px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-semibold, 600);\n  line-height: normal;\n  margin: 0;\n  line-height: 17px;\n}\n.challenge-details .description span {\n  display: inline-block;\n}\n.challenge-details .challenge-terms {\n  margin: 16px 12px 0 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.challenge-details .terms-title {\n  display: flex;\n  align-items: center;\n  color: var(--emw--background-green-color, #00b541);\n  line-height: 17px;\n  font-size: var(--emw--font-size-small, 14px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-bold, 700);\n  border-bottom: 1px solid var(--emw--background-green-color, #00b541);\n  cursor: pointer;\n  text-underline-offset: 3px;\n  margin: 0;\n}\n.challenge-details .terms-title img {\n  margin-left: 4px;\n}\n.challenge-details .terms-description {\n  color: var(--emw--color-empty-state, rgba(255, 255, 255, 0.7));\n  text-align: center;\n  font-size: var(--emw--font-size-small, 14px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-normal, 400);\n  line-height: normal;\n  margin: 6px 0;\n  line-height: 14px;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  max-height: 28px;\n  min-height: 14px;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.challenge-details .challenge-general-info {\n  padding: 20px 12px;\n  box-sizing: border-box;\n}\n.challenge-details .challenge-levels,\n.challenge-details .challenge-games,\n.challenge-details .challenge-rules {\n  display: flex;\n  padding: 16px;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n  align-self: stretch;\n}\n.challenge-details .levels-row {\n  overflow-x: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  width: 100%;\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  justify-content: flex-start;\n}\n.challenge-details .challenge-games {\n  margin: 0;\n}\n.challenge-details .challenge-level {\n  display: flex;\n  padding: 12px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  border-radius: 14px;\n  background: var(--emw--level-color-background, rgba(114, 118, 114, 0.2));\n  min-width: 153px;\n}\n.challenge-details .challenge-level .label {\n  margin-bottom: 8px;\n}\n.challenge-details .challenge-level .description {\n  font-size: var(--emw--font-size-x-small, 12px);\n  font-weight: var(--emw--font-weight-normal, 400);\n  line-height: 14px;\n  max-width: 130px;\n}\n.challenge-details .challenge-level img {\n  margin-right: 6px;\n}\n.challenge-details .challenge-games .games-row {\n  overflow-x: auto;\n  overflow-y: hidden;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  width: 100%;\n  display: flex;\n  gap: 10px;\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n.challenge-details .challenge-game {\n  display: flex;\n  min-width: 120px;\n  height: 84px;\n  justify-content: flex-end;\n  align-items: flex-start;\n  gap: 7.978px;\n  border-radius: 10.53px;\n  cursor: pointer;\n}\n.challenge-details .challenge-game img {\n  width: 100%;\n  height: auto;\n}\n.challenge-details .challenge-rules {\n  padding: 14px;\n}\n.challenge-details .challenge-rule,\n.challenge-details .challenge-event {\n  color: var(--emw--color-empty-state, rgba(255, 255, 255, 0.7));\n  font-size: var(--emw--font-size-small, 14px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-normal, 400);\n  line-height: normal;\n}\n.challenge-details .ellipsed {\n  display: inline-block;\n  max-width: 100%;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.challenge-details .footer {\n  box-sizing: border-box;\n  display: flex;\n  width: 100%;\n  padding: 20px 24px 24px 24px;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n  border-top: 1px solid var(--emw--gradient-blue, #003e5c);\n  background: var(--emw--backdrop-background, rgba(9, 9, 9, 0.8));\n  backdrop-filter: blur(16.05px);\n  border-radius: 0 0 30px 30px;\n  flex-shrink: 0;\n}\n.challenge-details .action-description {\n  font-size: var(--emw--font-size-small, 14px);\n  line-height: var(--emw--font-size-small, 14px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-semibold, 600);\n  color: var(--emw--color-white, #fff);\n}\n.challenge-details .promo-action-description {\n  background: var(--emw--action-description-background, linear-gradient(310deg, #d6ffdc 12.98%, #74b580 92.6%, #509142 131.58%));\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n.challenge-details .action-button {\n  border-radius: 99px;\n  border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n  background: var(--emw--color-green, #00fa5a);\n  display: flex;\n  height: 40px;\n  padding: 14px 20px;\n  justify-content: center;\n  align-items: center;\n  gap: 4px;\n  flex-shrink: 0;\n  color: var(--emw--color-black-100, #090909);\n  font-size: var(--emw--font-size-medium, 16px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-bold, 700);\n  line-height: normal;\n}\n.challenge-details .action-button:hover {\n  border-color: var(--emw--color-gray-300, #083b17);\n  cursor: pointer;\n}\n.challenge-details .action-button.filled {\n  color: var(--emw--color-green, #00fa5a);\n  border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n  background: var(--emw--button-background-primary-color, linear-gradient(35deg, rgba(255, 255, 255, 0) 33.61%, rgba(255, 255, 255, 0.15) 89.19%)), var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n  background-blend-mode: overlay;\n}\n.challenge-details .action-button.filled:hover {\n  border-color: transparent;\n  box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);\n}\n.challenge-details .action-button.grayed {\n  color: var(--emw--color-gray-50, #e2e2e2);\n  background: var(--emw--color-black, #000000);\n  border-color: var(--emw--button-disabled-border-color, rgba(255, 255, 255, 0.5));\n  box-shadow: 0 0 20px 0 rgba(188, 252, 177, 0.2);\n}\n.challenge-details .action-button.grayed:hover {\n  color: var(--emw--color-white, #fff);\n}\n.challenge-details .action-button:disabled, .challenge-details .action-button:disabled:hover {\n  color: var(--emw--color-gray-50, #e2e2e2);\n  cursor: not-allowed;\n  border: 2px solid var(--emw--button-disabled-border-color, rgba(255, 255, 255, 0.5));\n  opacity: 0.7;\n}\n.challenge-details .expand-button {\n  outline: none;\n  border: none;\n  width: 39px;\n  height: 16px;\n  background: transparent;\n  margin: 0 auto;\n  cursor: pointer;\n}\n.challenge-details .levels-row .level {\n  display: flex;\n  padding: 12px;\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: stretch;\n  border-radius: 14px;\n  background: var(--emw--level-color-background, rgba(114, 118, 114, 0.2));\n  border: none;\n}\n.challenge-details .levels-row .level.active, .challenge-details .levels-row .level.completed {\n  border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n  background: var(--emw--level-completed-gradient, linear-gradient(90deg, rgba(30, 101, 79, 0.2) 0%, rgba(28, 141, 86, 0.2) 100%));\n}\n.challenge-details .levels-row .level.active .level__title span, .challenge-details .levels-row .level.completed .level__title span {\n  color: var(--emw--color-white, #fff);\n}\n.challenge-details .levels-row .level.suspended {\n  border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n  background: var(--emw--color-level-suspended rgba(9, 9, 9, 0.4));\n}\n.challenge-details .levels-row .level.suspended .level__status .suspended {\n  color: var(--emw--color-level-status-suspended, rgba(255, 255, 255, 0.5));\n  font-weight: 400;\n}\n.challenge-details .levels-row .level.suspended .level__title span {\n  color: var(--emw--color-white, #fff);\n}\n.challenge-details .levels-row .level.forfeited {\n  background: var(--emw--color-level-color-background, rgba(114, 118, 114, 0.2));\n  border: none;\n  color: var(--emw--color-level-status-suspended, rgba(255, 255, 255, 0.5));\n}\n.challenge-details .levels-row .level.forfeited .level__title span {\n  color: var(--emw--color-level-status-suspended, rgba(255, 255, 255, 0.5));\n}\n.challenge-details .levels-row .level.forfeited .level__target,\n.challenge-details .levels-row .level.forfeited .level__value {\n  color: var(--emw--color-level-status-suspended, rgba(255, 255, 255, 0.5));\n}\n.challenge-details .levels-row .level__status {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: var(--emw--font-size-x-small, 12px);\n  font-weight: var(--emw--font-weight-semibold, 600);\n}\n.challenge-details .levels-row .level__title {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  color: var(--emw--color-white, #fff);\n  font-size: var(--emw--font-size-small, 14px);\n  font-weight: var(--emw--font-weight-semibold, 600);\n  line-height: 17px;\n  margin-bottom: 8px;\n}\n.challenge-details .levels-row .level__title span {\n  color: var(--emw--color-white-150, rgba(255, 255, 255, 0.7));\n}\n.challenge-details .levels-row .level__title .completed {\n  background: var(--emw--action-description-background, linear-gradient(310deg, #d6ffdc 12.98%, #74b580 92.6%, #509142 131.58%));\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n.challenge-details .levels-row .level__title .completed, .challenge-details .levels-row .level__title .in-progress {\n  color: var(--emw--border-success-color, #00b74f);\n  font-size: var(--emw--font-size-x-small, 12px);\n  font-weight: var(--emw--font-weight-medium, 500);\n  text-align: right;\n  line-height: 17px;\n}\n.challenge-details .levels-row .level__progress {\n  width: 100%;\n  margin-bottom: 10px;\n}\n.challenge-details .levels-row .level__icon {\n  display: flex;\n  opacity: 1;\n}\n.challenge-details .levels-row .level__icon img {\n  display: block;\n  width: 12px;\n  height: 12px;\n  margin: 4px 6px 0 0;\n}\n.challenge-details .levels-row .level__icon img.grayed {\n  opacity: 0.5;\n}\n.challenge-details .levels-row .level__bonus, .challenge-details .levels-row .level__target {\n  display: flex;\n  align-items: flex-start;\n  color: var(--emw--color-white, #fff);\n  font-size: var(--emw--font-size-x-small, 12px);\n  font-weight: var(--emw--font-weight-medium, 500);\n  line-height: 22px;\n}\n.challenge-details .levels-row .level__bonus {\n  margin-bottom: 6px;\n}\n.challenge-details .levels-row .level__value {\n  color: var(--emw--color-white, #fff);\n  font-size: var(--emw--font-size-x-small, 12px);\n  font-weight: var(--emw--font-weight-medium, 500);\n  line-height: 22px;\n  width: 100%;\n}\n.challenge-details .notification {\n  display: flex;\n  align-items: flex-start;\n  border-radius: var(--emw--border-radius-small, 12px);\n  background: rgba(188, 252, 177, 0.1);\n  display: flex;\n  padding: 20px 16px;\n  align-items: flex-start;\n  gap: 10px;\n  margin: 16px 0;\n}\n.challenge-details .notification__icon {\n  width: 18px;\n  height: 18px;\n}\n.challenge-details .notification__message, .challenge-details .notification__title {\n  color: var(--emw--color-white-150, rgba(255, 255, 255, 0.7));\n  font-size: var(--emw--font-size-medium, 16px);\n  font-weight: var(--emw--font-weight-normal, 400);\n}\n.challenge-details .notification__title {\n  background: var(--emw--color-notification-background-secondary, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n.challenge-details .notification__column {\n  display: flex;\n  flex-direction: column;\n}\n\n@container challenges-drawer (width <=500px) {\n  .challenge-details .content,\n  .challenge-details .sub-page-wrapper {\n    padding: 0 20px;\n  }\n}\n@container challenges-drawer (width <=475px) {\n  .challenge-details .challenge-title {\n    margin: 0 0 4px;\n  }\n  .challenge-details .challenge-block {\n    margin: 12px 0;\n  }\n  .challenge-details .challenge-levels,\n  .challenge-details .challenge-games,\n  .challenge-details .challenge-rules {\n    padding: 12px;\n  }\n}\n@container challenges-drawer (width <=400px) {\n  .challenge-details .content,\n  .challenge-details .sub-page-wrapper {\n    padding: 0 15px;\n  }\n}\n@container challenges-drawer (width <= 480px) {\n  .footer .action-description {\n    font-size: var(--emw--font-size-xs-small, 13px);\n  }\n  .challenge-details .footer {\n    padding: 20px 15px 24px;\n  }\n}\n@container challenges-drawer (width <= 440px) {\n  .challenge-details .footer {\n    padding: 15px;\n  }\n}\n@container challenges-game-page (height <= 850px) {}";
+const casinoChallengesOverlayDrawerDetailsCss = ".Mobile.challenge-details.tabView, .Mobile.challenge-details.swipped.hasAction.tabView {\n  -ms-overflow-style: none !important;\n  scrollbar-width: none !important;\n}\n.Mobile.challenge-details.tabView::-webkit-scrollbar, .Mobile.challenge-details.swipped.hasAction.tabView::-webkit-scrollbar {\n  display: none !important;\n  width: 0 !important;\n  height: 0 !important;\n}\n.Mobile.challenge-details.tabView *, .Mobile.challenge-details.swipped.hasAction.tabView * {\n  scrollbar-width: none !important;\n  -ms-overflow-style: none !important;\n}\n.Mobile.challenge-details.tabView *::-webkit-scrollbar, .Mobile.challenge-details.swipped.hasAction.tabView *::-webkit-scrollbar {\n  display: none !important;\n  width: 0 !important;\n  height: 0 !important;\n}\n.Mobile.challenge-details {\n  overflow-x: hidden;\n  border-radius: 0;\n  padding: 0;\n  scrollbar-width: none !important;\n  -ms-overflow-style: none !important;\n}\n.Mobile.challenge-details::-webkit-scrollbar {\n  display: none !important;\n  width: 0 !important;\n  height: 0 !important;\n}\n.Mobile.challenge-details .content,\n.Mobile.challenge-details .sub-page-wrapper {\n  padding: 0 12px;\n}\n.Mobile.challenge-details.tabView {\n  border-radius: 20px 20px 0 0;\n  border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n}\n.Mobile.challenge-details .breadcrumbs {\n  margin: 16px 0 8px 0;\n  height: 26px;\n}\n.Mobile.challenge-details .breadcrumbs .challenge-name,\n.Mobile.challenge-details .breadcrumbs .tab-name,\n.Mobile.challenge-details .breadcrumbs .total-number {\n  font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile.challenge-details .breadcrumbs .action {\n  right: 16px;\n  width: 26px;\n  height: 26px;\n}\n.Mobile.challenge-details .breadcrumbs .action img {\n  width: 14px;\n}\n.Mobile.challenge-details .progress-block h3 {\n  font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile.challenge-details .action-description,\n.Mobile.challenge-details .terms-title,\n.Mobile.challenge-details .terms-description {\n  font-size: var(--emw--font-size-x-small, 12px);\n  line-height: var(--emw--font-size-x-small, 12px);\n  font-weight: var(--emw--font-weight-semibold, 600);\n}\n.Mobile.challenge-details.swipped .head .row .challenge-title {\n  margin: 12px 0 24px 0;\n}\n.Mobile.challenge-details.swipped .head .action-description {\n  display: none;\n}\n.Mobile.challenge-details .footer .action-description {\n  margin: 0;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  max-height: 28px;\n  min-height: 14px;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.Mobile.challenge-details .footer {\n  border-top: 2px solid var(--emw--gradient-blue, #003e5c);\n  background: var(--emw--backdrop-background, rgba(9, 9, 9, 0.8));\n  backdrop-filter: blur(16px);\n  padding: 12px 16px;\n  border-radius: 0;\n}\n.Mobile.challenge-details .banner {\n  position: relative;\n  justify-self: center;\n}\n.Mobile.challenge-details .banner.grayed {\n  opacity: 0.5;\n}\n.Mobile.challenge-details .banner__badge {\n  height: 27px;\n  box-sizing: border-box;\n  align-content: center;\n  color: var(--emw--badge-font-color, #f4eff4);\n  font-size: var(--emw--font-size-xs-small, 13px);\n  font-weight: var(--emw--font-weight-normal, 400);\n  position: absolute;\n  top: 10px;\n  left: 12px;\n  padding: 3px 4px;\n  border: 1px solid var(--emw--dot-button-active-bg, rgba(255, 255, 255, 0.2));\n  background: var(--emw--color-container-background, rgba(9, 9, 9, 0.5019607843));\n  backdrop-filter: blur(4.5px);\n  border-radius: 15px;\n}\n.Mobile.challenge-details .banner__badge .status {\n  height: 100%;\n  display: inline-flex;\n  align-items: center;\n  border-radius: 15px;\n  border: 1px solid var(--emw--color-container-border, rgba(255, 255, 255, 0.0705882353));\n  background: var(--emw--color-container-background, rgba(9, 9, 9, 0.5019607843));\n  padding: 0 8px 0 6px;\n}\n.Mobile.challenge-details .banner__badge .status::before {\n  content: \"\";\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: var(--emw--status-badge-gray-bg, rgba(255, 255, 255, 0.5019607843));\n  margin-right: 5px;\n  flex-shrink: 0;\n}\n.Mobile.challenge-details .banner__badge .timer {\n  font-weight: var(--emw--font-weight-bold, 700);\n  padding-right: 4px;\n}\n.Mobile.challenge-details .banner__badge.unavailable .status::before, .Mobile.challenge-details .banner__badge.expired .status::before {\n  background: var(--emw--status-badge-gray-bg, rgba(255, 255, 255, 0.5019607843));\n}\n.Mobile.challenge-details .banner__badge.completed .status::before {\n  background: var(--emw--background-green-color, #00b541);\n}\n.Mobile.challenge-details .banner__badge.forfeited .status::before {\n  background: var(--emw--status-badge-red-bg, #d63d1e);\n}\n.Mobile.challenge-details .banner__badge.paused .status::before {\n  background: var(--emw--status-badge-yellow-bg, #ffb801);\n}\n.Mobile.challenge-details .banner__badge:has(.timer) {\n  padding-left: 6px;\n}\n.Mobile.challenge-details .banner__image-wrapper {\n  position: relative;\n  width: 343px;\n  height: 180px;\n  border-radius: 16px;\n  overflow: hidden;\n}\n.Mobile.challenge-details .banner__image-wrapper img {\n  width: 100%;\n  height: 100%;\n  object-fit: fill;\n}\n.Mobile.challenge-details .banner * {\n  pointer-events: none;\n}\n.Mobile.challenge-details .challenge-title {\n  margin: 12px 0 8px 0;\n  font-size: var(--emw--font-size-large, 18px);\n  line-height: 22px;\n}\n.Mobile.challenge-details .challenge-rules {\n  margin-bottom: 0;\n}\n.Mobile.challenge-details .challenge-rules .challenge-rule {\n  font-size: var(--emw--font-size-x-small, 12px);\n}\n.Mobile.challenge-details .mobile-banner {\n  display: flex;\n  width: 343px;\n  height: 180px;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 10px;\n  flex-shrink: 0;\n  border-radius: 20px;\n  border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n  margin-bottom: 16px;\n}\n.Mobile.challenge-details .challenge-terms {\n  margin-top: 0;\n}\n.Mobile.challenge-details .label {\n  font-size: var(--emw--font-size-x-small, 12px);\n  line-height: 12px;\n  margin: 0;\n}\n.Mobile.challenge-details .description {\n  font-size: var(--emw--font-size-xs-small, 13px);\n  line-height: 12px;\n}\n.Mobile.challenge-details .date-description,\n.Mobile.challenge-details .total-level-description {\n  line-height: 20px;\n}\n.Mobile.challenge-details .challenge-levels,\n.Mobile.challenge-details .challenge-games,\n.Mobile.challenge-details .challenge-rules {\n  padding: 14px;\n}\n.Mobile.challenge-details .chevron-button {\n  width: 26px;\n  height: 26px;\n}\n.Mobile.challenge-details .chevron-button img {\n  width: 14px;\n  height: 14px;\n}\n.Mobile.challenge-details .challenge-level {\n  padding: 10px;\n}\n.Mobile.challenge-details .challenge-block-header .total-levels h3,\n.Mobile.challenge-details .challenge-block-header .total-levels span,\n.Mobile.challenge-details .challenge-block-header .total-games h3,\n.Mobile.challenge-details .challenge-block-header .total-games span {\n  font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile.challenge-details .challenge-block-header p {\n  font-size: var(--emw--font-size-x-small, 12px);\n}\n.Mobile.challenge-details .challenge-level {\n  box-sizing: border-box;\n}\n.Mobile.challenge-details .challenge-level .level__title {\n  font-size: var(--emw--font-size-x-small, 12px);\n  line-height: 14px;\n}\n.Mobile.challenge-details .challenge-level .level__status {\n  font-size: var(--emw--font-size-x-small, 12px);\n  line-height: 14px;\n}\n.Mobile.challenge-details .challenge-level .level__bonus {\n  margin-bottom: 3px;\n}\n.Mobile.challenge-details .challenge-level .label {\n  font-size: var(--emw--font-size-x-small, 12px);\n  margin-bottom: 8px;\n}\n.Mobile.challenge-details .challenge-level .description {\n  font-size: var(--emw--font-size-2x-small, 11px);\n  line-height: 12px;\n  max-width: 110px;\n}\n.Mobile.challenge-details .challenge-game {\n  min-width: 85px;\n  height: 60px;\n}\n.Mobile.challenge-details .action-button {\n  font-size: var(--emw--font-size-small, 14px);\n  height: 34px;\n}\n.Mobile.challenge-details .notification {\n  padding: 14px 12px;\n}\n.Mobile.challenge-details .notification__message, .Mobile.challenge-details .notification__title {\n  font-size: 14px;\n}\n.Mobile.challenge-details .notification__icon {\n  margin-top: 2px;\n  width: 14px;\n  height: 14px;\n}\n\n.challenge-details {\n  font-family: var(--emw--font-family-primary, \"Teachers\"), sans-serif;\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  scrollbar-width: none !important;\n  -ms-overflow-style: none !important;\n  box-sizing: border-box;\n  border-radius: 0 0 30px 30px;\n  padding: 0;\n  height: 100%;\n}\n.challenge-details::-webkit-scrollbar {\n  display: none !important;\n  width: 0 !important;\n  height: 0 !important;\n}\n.challenge-details .sub-page-wrapper {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  scrollbar-width: none !important;\n  -ms-overflow-style: none !important;\n  padding: 0 24px;\n  display: flex;\n  flex-direction: column;\n}\n.challenge-details .sub-page-wrapper::-webkit-scrollbar {\n  display: none !important;\n  width: 0 !important;\n  height: 0 !important;\n}\n.challenge-details .sub-page-wrapper .sub-page {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  scrollbar-width: none !important;\n  -ms-overflow-style: none !important;\n  padding-bottom: 24px;\n  overflow-x: hidden;\n}\n.challenge-details .sub-page-wrapper .sub-page::-webkit-scrollbar {\n  display: none !important;\n  width: 0 !important;\n  height: 0 !important;\n}\n.challenge-details .content {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  scrollbar-width: none !important;\n  -ms-overflow-style: none !important;\n  padding: 0 24px 24px;\n}\n.challenge-details .content::-webkit-scrollbar {\n  display: none !important;\n  width: 0 !important;\n  height: 0 !important;\n}\n.challenge-details .breadcrumbs {\n  display: flex;\n  align-items: center;\n  margin: 4px 0 16px 0;\n  height: 36px;\n  justify-content: space-between;\n  flex-shrink: 0;\n}\n.challenge-details .breadcrumbs div {\n  display: flex;\n  align-items: center;\n}\n.challenge-details .breadcrumbs .challenge-name {\n  color: var(--emw--color-gray-250, rgba(255, 255, 255, 0.15));\n  font-size: var(--emw--font-size-medium, 16px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-semibold, 600);\n  line-height: normal;\n  margin: 0 3px 0 10px;\n  max-width: 150px;\n}\n.challenge-details .breadcrumbs .action {\n  outline: none;\n  background: transparent;\n  border-radius: 20px;\n  border: 1.5px solid var(--emw--color-container-border, rgba(255, 255, 255, 0.0705882353));\n  background: var(--emw--color-container-background, rgba(9, 9, 9, 0.5019607843));\n  backdrop-filter: blur(6.882352829px);\n  cursor: pointer;\n  width: 36px;\n  height: 36px;\n  min-width: 36px;\n  min-height: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.challenge-details .breadcrumbs .action img {\n  width: 20px;\n  height: 20px;\n}\n.challenge-details .breadcrumbs .tab-name,\n.challenge-details .breadcrumbs .divider {\n  color: var(--emw--color-gray-450, #edeff2);\n  font-size: var(--emw--font-size-medium, 16px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-semibold, 600);\n  line-height: normal;\n  margin-left: 3px;\n}\n.challenge-details .breadcrumbs .total-number {\n  color: var(--emw--color-gray-500, rgba(255, 255, 255, 0.5));\n  font-size: var(--emw--font-size-medium, 16px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-normal, 400);\n  line-height: normal;\n  margin-left: 3px;\n}\n.challenge-details .challenge-title {\n  color: #fff;\n  font-size: var(--emw--font-size-large-plus, 26px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-semibold, 600);\n  line-height: normal;\n  margin: 16px 0 8px 0;\n}\n.challenge-details .challenge-block {\n  border-radius: 20px;\n  border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n  background: var(--emw--block-background, rgba(9, 9, 9, 0.5));\n  backdrop-filter: blur(11.47px);\n  display: flex;\n  padding: 20px 12px;\n  justify-content: center;\n  align-items: center;\n  gap: 16px;\n  margin: 16px 0;\n  align-self: stretch;\n}\n.challenge-details .progress-block h3 {\n  color: var(--emw--color-white, #fff);\n  font-size: var(--emw--font-size-medium, 16px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-bold, 700);\n  line-height: normal;\n  margin: 0 0 10px 0;\n}\n.challenge-details .chevron-button {\n  box-sizing: border-box;\n  display: flex;\n  width: 36px;\n  height: 36px;\n  padding: 4px 5px;\n  justify-content: center;\n  align-items: center;\n  gap: 6.923px;\n  aspect-ratio: 1/1;\n  border-radius: 27.692px;\n  border: 2px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n  background: var(--emw--block-background, rgba(9, 9, 9, 0.5));\n  backdrop-filter: blur(9.52px);\n  margin-left: 4px;\n  padding: 4px 5px;\n  cursor: pointer;\n}\n.challenge-details .challenge-block-header {\n  display: flex;\n  padding-left: 4px;\n  align-items: center;\n  gap: 4px;\n  align-self: stretch;\n  justify-content: space-between;\n}\n.challenge-details .challenge-block-header .total-levels,\n.challenge-details .challenge-block-header .total-games {\n  display: flex;\n  align-items: center;\n}\n.challenge-details .challenge-block-header .total-levels span,\n.challenge-details .challenge-block-header .total-games span {\n  color: var(--emw--dot-button-active-bg, rgba(255, 255, 255, 0.2));\n  display: inline-block;\n  font-size: var(--emw--font-size-medium, 16px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-normal, 400);\n  line-height: normal;\n  margin-left: 4px;\n}\n.challenge-details .challenge-block-header h3 {\n  color: var(--emw--color-white, #fff);\n  font-size: var(--emw--font-size-medium, 16px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-bold, 700);\n  line-height: normal;\n  margin: 0;\n}\n.challenge-details .challenge-block-header p {\n  color: var(--emw--color-empty-state, rgba(255, 255, 255, 0.7));\n  font-size: var(--emw--font-size-small, 14px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-normal, 400);\n  line-height: normal;\n  margin: 0;\n}\n.challenge-details .column {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n}\n.challenge-details .row {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  outline: none;\n  background: transparent;\n  border: none;\n}\n.challenge-details .button {\n  cursor: pointer;\n}\n.challenge-details .general-info-col {\n  width: 33%;\n}\n.challenge-details .general-info-icon {\n  margin-left: 4px;\n}\n.challenge-details .label {\n  text-transform: capitalize;\n  color: var(--emw--color-gray-400, #c9cacb);\n  font-size: var(--emw--font-size-small, 14px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-normal, 400);\n  line-height: normal;\n  margin: 0 0 3px 0;\n  line-height: 17px;\n}\n.challenge-details .description {\n  display: flex;\n  align-items: center;\n  color: var(--emw--color-white, #fff);\n  font-size: var(--emw--font-size-small, 14px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-semibold, 600);\n  line-height: normal;\n  margin: 0;\n  line-height: 17px;\n}\n.challenge-details .description span {\n  display: inline-block;\n}\n.challenge-details .challenge-terms {\n  margin: 16px 12px 0 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.challenge-details .terms-title {\n  display: flex;\n  align-items: center;\n  color: var(--emw--background-green-color, #00b541);\n  line-height: 17px;\n  font-size: var(--emw--font-size-small, 14px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-bold, 700);\n  border-bottom: 1px solid var(--emw--background-green-color, #00b541);\n  cursor: pointer;\n  text-underline-offset: 3px;\n  margin: 0;\n}\n.challenge-details .terms-title img {\n  margin-left: 4px;\n}\n.challenge-details .terms-description {\n  color: var(--emw--color-empty-state, rgba(255, 255, 255, 0.7));\n  text-align: center;\n  font-size: var(--emw--font-size-small, 14px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-normal, 400);\n  line-height: normal;\n  margin: 6px 0;\n  line-height: 14px;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  max-height: 28px;\n  min-height: 14px;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.challenge-details .challenge-general-info {\n  padding: 20px 12px;\n  box-sizing: border-box;\n}\n.challenge-details .challenge-levels,\n.challenge-details .challenge-games,\n.challenge-details .challenge-rules {\n  display: flex;\n  padding: 16px;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n  align-self: stretch;\n}\n.challenge-details .levels-row {\n  overflow-x: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  width: 100%;\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  justify-content: flex-start;\n}\n.challenge-details .challenge-games {\n  margin: 0;\n}\n.challenge-details .challenge-level {\n  display: flex;\n  padding: 12px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  border-radius: 14px;\n  background: var(--emw--level-color-background, rgba(114, 118, 114, 0.2));\n  min-width: 153px;\n}\n.challenge-details .challenge-level .label {\n  margin-bottom: 8px;\n}\n.challenge-details .challenge-level .description {\n  font-size: var(--emw--font-size-x-small, 12px);\n  font-weight: var(--emw--font-weight-normal, 400);\n  line-height: 14px;\n  max-width: 130px;\n}\n.challenge-details .challenge-level img {\n  margin-right: 6px;\n}\n.challenge-details .challenge-games .games-row {\n  overflow-x: auto;\n  overflow-y: hidden;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  width: 100%;\n  display: flex;\n  gap: 10px;\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n.challenge-details .challenge-game {\n  display: flex;\n  min-width: 120px;\n  height: 84px;\n  justify-content: flex-end;\n  align-items: flex-start;\n  gap: 7.978px;\n  border-radius: 10.53px;\n  cursor: pointer;\n}\n.challenge-details .challenge-game img {\n  width: 100%;\n  height: auto;\n}\n.challenge-details .challenge-rules {\n  padding: 14px;\n}\n.challenge-details .challenge-rule,\n.challenge-details .challenge-event {\n  color: var(--emw--color-empty-state, rgba(255, 255, 255, 0.7));\n  font-size: var(--emw--font-size-small, 14px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-normal, 400);\n  line-height: normal;\n}\n.challenge-details .ellipsed {\n  display: inline-block;\n  max-width: 100%;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.challenge-details .footer {\n  box-sizing: border-box;\n  display: flex;\n  width: 100%;\n  padding: 20px 24px 24px 24px;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n  border-top: 1px solid var(--emw--gradient-blue, #003e5c);\n  background: var(--emw--backdrop-background, rgba(9, 9, 9, 0.8));\n  backdrop-filter: blur(16.05px);\n  border-radius: 0 0 30px 30px;\n  flex-shrink: 0;\n}\n.challenge-details .action-description {\n  font-size: var(--emw--font-size-small, 14px);\n  line-height: var(--emw--font-size-small, 14px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-semibold, 600);\n  color: var(--emw--color-white, #fff);\n}\n.challenge-details .promo-action-description {\n  background: var(--emw--action-description-background, linear-gradient(310deg, #d6ffdc 12.98%, #74b580 92.6%, #509142 131.58%));\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n.challenge-details .action-button {\n  border-radius: 99px;\n  border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n  background: var(--emw--color-green, #00fa5a);\n  display: flex;\n  height: 40px;\n  padding: 14px 20px;\n  justify-content: center;\n  align-items: center;\n  gap: 4px;\n  flex-shrink: 0;\n  color: var(--emw--color-black-100, #090909);\n  font-size: var(--emw--font-size-medium, 16px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-bold, 700);\n  line-height: normal;\n}\n.challenge-details .action-button:hover {\n  border-color: var(--emw--color-gray-300, #083b17);\n  cursor: pointer;\n}\n.challenge-details .action-button.filled {\n  color: var(--emw--color-green, #00fa5a);\n  border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n  background: var(--emw--button-background-primary-color, linear-gradient(35deg, rgba(255, 255, 255, 0) 33.61%, rgba(255, 255, 255, 0.15) 89.19%)), var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n  background-blend-mode: overlay;\n}\n.challenge-details .action-button.filled:hover {\n  border-color: transparent;\n  box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);\n}\n.challenge-details .action-button.grayed {\n  color: var(--emw--color-gray-50, #e2e2e2);\n  background: var(--emw--color-black, #000000);\n  border-color: var(--emw--button-disabled-border-color, rgba(255, 255, 255, 0.5));\n  box-shadow: 0 0 20px 0 rgba(188, 252, 177, 0.2);\n}\n.challenge-details .action-button.grayed:hover {\n  color: var(--emw--color-white, #fff);\n}\n.challenge-details .action-button:disabled, .challenge-details .action-button:disabled:hover {\n  color: var(--emw--color-gray-50, #e2e2e2);\n  cursor: not-allowed;\n  border: 2px solid var(--emw--button-disabled-border-color, rgba(255, 255, 255, 0.5));\n  opacity: 0.7;\n}\n.challenge-details .expand-button {\n  outline: none;\n  border: none;\n  width: 39px;\n  height: 16px;\n  background: transparent;\n  margin: 0 auto;\n  cursor: pointer;\n}\n.challenge-details .levels-row .level {\n  display: flex;\n  padding: 12px;\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: stretch;\n  border-radius: 14px;\n  background: var(--emw--level-color-background, rgba(114, 118, 114, 0.2));\n  border: none;\n}\n.challenge-details .levels-row .level.active, .challenge-details .levels-row .level.completed {\n  border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n  background: var(--emw--level-completed-gradient, linear-gradient(90deg, rgba(30, 101, 79, 0.2) 0%, rgba(28, 141, 86, 0.2) 100%));\n}\n.challenge-details .levels-row .level.active .level__title span, .challenge-details .levels-row .level.completed .level__title span {\n  color: var(--emw--color-white, #fff);\n}\n.challenge-details .levels-row .level.suspended {\n  border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n  background: var(--emw--color-level-suspended rgba(9, 9, 9, 0.4));\n}\n.challenge-details .levels-row .level.suspended .level__status .suspended {\n  color: var(--emw--color-level-status-suspended, rgba(255, 255, 255, 0.5));\n  font-weight: 400;\n}\n.challenge-details .levels-row .level.suspended .level__title span {\n  color: var(--emw--color-white, #fff);\n}\n.challenge-details .levels-row .level.forfeited {\n  background: var(--emw--color-level-color-background, rgba(114, 118, 114, 0.2));\n  border: none;\n  color: var(--emw--color-level-status-suspended, rgba(255, 255, 255, 0.5));\n}\n.challenge-details .levels-row .level.forfeited .level__title span {\n  color: var(--emw--color-level-status-suspended, rgba(255, 255, 255, 0.5));\n}\n.challenge-details .levels-row .level.forfeited .level__target,\n.challenge-details .levels-row .level.forfeited .level__value {\n  color: var(--emw--color-level-status-suspended, rgba(255, 255, 255, 0.5));\n}\n.challenge-details .levels-row .level__status {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: var(--emw--font-size-x-small, 12px);\n  font-weight: var(--emw--font-weight-semibold, 600);\n}\n.challenge-details .levels-row .level__title {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  color: var(--emw--color-white, #fff);\n  font-size: var(--emw--font-size-small, 14px);\n  font-weight: var(--emw--font-weight-semibold, 600);\n  line-height: 17px;\n  margin-bottom: 8px;\n}\n.challenge-details .levels-row .level__title span {\n  color: var(--emw--color-white-150, rgba(255, 255, 255, 0.7));\n}\n.challenge-details .levels-row .level__title .completed {\n  background: var(--emw--action-description-background, linear-gradient(310deg, #d6ffdc 12.98%, #74b580 92.6%, #509142 131.58%));\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n.challenge-details .levels-row .level__title .completed, .challenge-details .levels-row .level__title .in-progress {\n  color: var(--emw--border-success-color, #00b74f);\n  font-size: var(--emw--font-size-x-small, 12px);\n  font-weight: var(--emw--font-weight-medium, 500);\n  text-align: right;\n  line-height: 17px;\n}\n.challenge-details .levels-row .level__progress {\n  width: 100%;\n  margin-bottom: 10px;\n}\n.challenge-details .levels-row .level__icon {\n  display: flex;\n  opacity: 1;\n}\n.challenge-details .levels-row .level__icon img {\n  display: block;\n  width: 12px;\n  height: 12px;\n  margin: 4px 6px 0 0;\n}\n.challenge-details .levels-row .level__icon img.grayed {\n  opacity: 0.5;\n}\n.challenge-details .levels-row .level__bonus, .challenge-details .levels-row .level__target {\n  display: flex;\n  align-items: flex-start;\n  color: var(--emw--color-white, #fff);\n  font-size: var(--emw--font-size-x-small, 12px);\n  font-weight: var(--emw--font-weight-medium, 500);\n  line-height: 22px;\n}\n.challenge-details .levels-row .level__bonus {\n  margin-bottom: 6px;\n}\n.challenge-details .levels-row .level__value {\n  color: var(--emw--color-white, #fff);\n  font-size: var(--emw--font-size-x-small, 12px);\n  font-weight: var(--emw--font-weight-medium, 500);\n  line-height: 22px;\n  width: 100%;\n}\n.challenge-details .notification {\n  display: flex;\n  align-items: flex-start;\n  border-radius: var(--emw--border-radius-small, 12px);\n  background: rgba(188, 252, 177, 0.1);\n  display: flex;\n  padding: 20px 16px;\n  align-items: flex-start;\n  gap: 10px;\n  margin: 16px 0;\n}\n.challenge-details .notification__icon {\n  width: 18px;\n  height: 18px;\n}\n.challenge-details .notification__message, .challenge-details .notification__title {\n  color: var(--emw--color-white-150, rgba(255, 255, 255, 0.7));\n  font-size: var(--emw--font-size-medium, 16px);\n  font-weight: var(--emw--font-weight-normal, 400);\n}\n.challenge-details .notification__title {\n  background: var(--emw--color-notification-background-secondary, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n.challenge-details .notification__column {\n  display: flex;\n  flex-direction: column;\n}\n\n@container challenges-drawer (width <=500px) {\n  .challenge-details .content,\n  .challenge-details .sub-page-wrapper {\n    padding: 0 20px;\n  }\n}\n@container challenges-drawer (width <=475px) {\n  .challenge-details .challenge-title {\n    margin: 0 0 4px;\n  }\n  .challenge-details .challenge-block {\n    margin: 12px 0;\n  }\n  .challenge-details .challenge-levels,\n  .challenge-details .challenge-games,\n  .challenge-details .challenge-rules {\n    padding: 12px;\n  }\n}\n@container challenges-drawer (width <=400px) {\n  .challenge-details .content,\n  .challenge-details .sub-page-wrapper {\n    padding: 0 15px;\n  }\n}\n@container challenges-drawer (width <= 480px) {\n  .footer .action-description {\n    font-size: var(--emw--font-size-xs-small, 13px);\n  }\n  .challenge-details .footer {\n    padding: 20px 15px 24px;\n  }\n}\n@container challenges-drawer (width <= 440px) {\n  .challenge-details .footer {\n    padding: 15px;\n  }\n}\n@container challenges-game-page (height <= 850px) {}";
 const CasinoChallengesOverlayDrawerDetailsStyle0 = casinoChallengesOverlayDrawerDetailsCss;
 
 const CasinoChallengesOverlayDrawerDetails = class {
@@ -5428,7 +5437,7 @@ const notificationSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdod
 
 const crownSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjU4MzMgNi43MDU0N0wxMS40NjEgNy44NDE5M0wxMi40NTUzIDcuOTQ4ODdMMTIuNTc3NSA2LjgxMjRMMTEuNTgzMyA2LjcwNTQ3Wk03LjU1ODYgMTJINi4xMDgwN1YxM0g3LjU1ODZWMTJaTTIuMjA1NjcgNy44NDE5M0wyLjA4MzQzIDYuNzA1NDdMMS4wODkxNyA2LjgxMjRMMS4yMTE0IDcuOTQ4ODdMMi4yMDU2NyA3Ljg0MTkzWk01LjExMDA1IDYuMDMyODdMNi4zMDMwNyAzLjg5MzgxTDUuNDI5NjkgMy40MDY3Mkw0LjIzNjY5IDUuNTQ1NzNMNS4xMTAwNSA2LjAzMjg3Wk03LjM2MzYgMy44OTM4MUw4LjU1NjYgNi4wMzI4N0w5LjQzIDUuNTQ1NzNMOC4yMzcgMy40MDY3Mkw3LjM2MzYgMy44OTM4MVpNOC41NTY2IDYuMDMyODdDOC42NjQ0NiA2LjIyNjIgOC43NjM3MyA2LjQwNTQ3IDguODU5OTMgNi41NDI1M0M4Ljk1OSA2LjY4MzUzIDkuMDk0MDcgNi44MzkyNyA5LjMwMSA2LjkzMDRMOS43MDQgNi4wMTUyQzkuNzQxMjcgNi4wMzE1MyA5LjczNDkzIDYuMDQ4NCA5LjY3ODMzIDUuOTY3ODdDOS42MTg5MyA1Ljg4MzI3IDkuNTQ4NDcgNS43NTgyIDkuNDMgNS41NDU3M0w4LjU1NjYgNi4wMzI4N1pNMTAuMTI3NSA1LjY0MjUzQzkuOTU1IDUuODE0MzMgOS44NTI2NiA1LjkxNTQgOS43NzIxMyA1Ljk4MDUzQzkuNjk1NCA2LjA0MjYgOS42OTM3MyA2LjAyNDggOS43MzM3MyA2LjAxOTI3TDkuODcwNjYgNy4wMDk4N0MxMC4wOTQ1IDYuOTc4OTMgMTAuMjY3MSA2Ljg2NjMzIDEwLjQwMTEgNi43NTc5M0MxMC41MzEzIDYuNjUyNiAxMC42NzYxIDYuNTA3NDcgMTAuODMzMiA2LjM1MUwxMC4xMjc1IDUuNjQyNTNaTTkuMzAxIDYuOTMwNEM5LjQ3OTg3IDcuMDA5MTMgOS42NzcxMyA3LjAzNjYgOS44NzA2NiA3LjAwOTg3TDkuNzMzNzMgNi4wMTkyN0M5LjcyMzUzIDYuMDIwNjcgOS43MTMyNyA2LjAxOTI3IDkuNzA0IDYuMDE1Mkw5LjMwMSA2LjkzMDRaTTIuODMzNDcgNi4zNTFDMi45OTA1MiA2LjUwNzQ3IDMuMTM1MzMgNi42NTI2IDMuMjY1NTYgNi43NTc5M0MzLjM5OTU1IDYuODY2MzMgMy41NzIxNiA2Ljk3ODkzIDMuNzk1OTggNy4wMDk4N0wzLjkzMjk1IDYuMDE5MjdDMy45NzI5NiA2LjAyNDggMy45NzEyNyA2LjA0MjYgMy44OTQ1MyA1Ljk4MDUzQzMuODE0MDMgNS45MTU0IDMuNzExNjkgNS44MTQzMyAzLjUzOTE5IDUuNjQyNTNMMi44MzM0NyA2LjM1MVpNNC4yMzY2OSA1LjU0NTczQzQuMTE4MjEgNS43NTgyIDQuMDQ3NzIgNS44ODMyNyAzLjk4ODMzIDUuOTY3ODdDMy45MzE3NyA2LjA0ODQgMy45MjU0MyA2LjAzMTUzIDMuOTYyNjMgNi4wMTUyTDQuMzY1NjQgNi45MzA0QzQuNTcyNTggNi44MzkyNyA0LjcwNzcgNi42ODM1MyA0LjgwNjczIDYuNTQyNTNDNC45MDI5NCA2LjQwNTUzIDUuMDAyMiA2LjIyNjIgNS4xMTAwNSA2LjAzMjg3TDQuMjM2NjkgNS41NDU3M1pNMy43OTU5OCA3LjAwOTg3QzMuOTg5NTMgNy4wMzY2IDQuMTg2NzcgNy4wMDkxMyA0LjM2NTY0IDYuOTMwNEwzLjk2MjYzIDYuMDE1MkMzLjk1MzQxIDYuMDE5MjcgMy45NDMxMSA2LjAyMDY3IDMuOTMyOTUgNi4wMTkyN0wzLjc5NTk4IDcuMDA5ODdaTTYuMTA4MDcgMTJDNS4xNDk0NyAxMiA0LjQ3ODEzIDExLjk5OTEgMy45NjU3MSAxMS45MzM1QzMuNDY3MjcgMTEuODY5NyAzLjE4NTY3IDExLjc1MTYgMi45NzQ4NSAxMS41NjI5TDIuMzA3OTEgMTIuMzA4QzIuNzI3ODIgMTIuNjgzOSAzLjIzNDI1IDEyLjg0OCAzLjgzODc5IDEyLjkyNTRDNC40MjkzNyAxMy4wMDA5IDUuMTc1OTkgMTMgNi4xMDgwNyAxM1YxMlpNMS4yMTE0IDcuOTQ4ODdDMS4zMTAxNyA4Ljg2NzEzIDEuMzg4NTUgOS43NjY2IDEuNTIyMTUgMTAuNDk2QzEuNTg5NTMgMTAuODYzOSAxLjY3NDUyIDExLjIxMDYgMS43OTIyMiAxMS41MTE1QzEuOTA4OTMgMTEuODA5OSAyLjA2OTkzIDEyLjA5NSAyLjMwNzkxIDEyLjMwOEwyLjk3NDg1IDExLjU2MjlDMi44OTc0NyAxMS40OTM2IDIuODA5MzcgMTEuMzY2NyAyLjcyMzUgMTEuMTQ3MkMyLjYzODYzIDEwLjkzMDMgMi41Njc1OSAxMC42NTMzIDIuNTA1NzkgMTAuMzE1OUMyLjM4MDk5IDkuNjM0NTMgMi4zMDgzMSA4Ljc5NjIgMi4yMDU2NyA3Ljg0MTkzTDEuMjExNCA3Ljk0ODg3Wk0xMS40NjEgNy44NDE5M0MxMS4zNTgzIDguNzk2MiAxMS4yODU3IDkuNjM0NTMgMTEuMTYwOSAxMC4zMTU5QzExLjA5OTEgMTAuNjUzMyAxMS4wMjggMTAuOTMwMyAxMC45NDMxIDExLjE0NzJDMTAuODU3MyAxMS4zNjY3IDEwLjc2OTIgMTEuNDkzNiAxMC42OTE4IDExLjU2MjlMMTEuMzU4NyAxMi4zMDhDMTEuNTk2NyAxMi4wOTUgMTEuNzU3NyAxMS44MDk5IDExLjg3NDUgMTEuNTExNUMxMS45OTIxIDExLjIxMDYgMTIuMDc3MSAxMC44NjM5IDEyLjE0NDUgMTAuNDk2QzEyLjI3ODEgOS43NjY2IDEyLjM1NjUgOC44NjcxMyAxMi40NTUzIDcuOTQ4ODdMMTEuNDYxIDcuODQxOTNaTTcuNTU4NiAxM0M4LjQ5MDY3IDEzIDkuMjM3MjcgMTMuMDAwOSA5LjgyNzg3IDEyLjkyNTRDMTAuNDMyNCAxMi44NDggMTAuOTM4OSAxMi42ODM5IDExLjM1ODcgMTIuMzA4TDEwLjY5MTggMTEuNTYyOUMxMC40ODEgMTEuNzUxNiAxMC4xOTk0IDExLjg2OTcgOS43MDA5MyAxMS45MzM1QzkuMTg4NTMgMTEuOTk5MSA4LjUxNzIgMTIgNy41NTg2IDEyVjEzWk02IDEuODMzMzNDNiAxLjM3MzA5IDYuMzczMDcgMSA2LjgzMzMzIDFWMEM1LjgyMDggMCA1IDAuODIwODEzIDUgMS44MzMzM0g2Wk02LjgzMzMzIDFDNy4yOTM2IDEgNy42NjY2NyAxLjM3MzA5IDcuNjY2NjcgMS44MzMzM0g4LjY2NjY3QzguNjY2NjcgMC44MjA4MTMgNy44NDU4NyAwIDYuODMzMzMgMFYxWk0xMi42NjY3IDQuNUMxMi42NjY3IDQuNzc2MTQgMTIuNDQyOCA1IDEyLjE2NjcgNVY2QzEyLjk5NTEgNiAxMy42NjY3IDUuMzI4NCAxMy42NjY3IDQuNUgxMi42NjY3Wk0xMS42NjY3IDQuNUMxMS42NjY3IDQuMjIzODYgMTEuODkwNSA0IDEyLjE2NjcgNFYzQzExLjMzODMgMyAxMC42NjY3IDMuNjcxNTcgMTAuNjY2NyA0LjVIMTEuNjY2N1pNMTIuMTY2NyA0QzEyLjQ0MjggNCAxMi42NjY3IDQuMjIzODYgMTIuNjY2NyA0LjVIMTMuNjY2N0MxMy42NjY3IDMuNjcxNTcgMTIuOTk1MSAzIDEyLjE2NjcgM1Y0Wk0xLjUgNUMxLjIyMzg2IDUgMSA0Ljc3NjE0IDEgNC41SDBDMCA1LjMyODQgMC42NzE1NzMgNiAxLjUgNlY1Wk0xIDQuNUMxIDQuMjIzODYgMS4yMjM4NiA0IDEuNSA0VjNDMC42NzE1NzMgMyAwIDMuNjcxNTcgMCA0LjVIMVpNMS41IDRDMS43NzYxNCA0IDIgNC4yMjM4NiAyIDQuNUgzQzMgMy42NzE1NyAyLjMyODQzIDMgMS41IDNWNFpNMTIuMTY2NyA1QzEyLjE2NDcgNSAxMi4xNjI3IDQuOTk5OTkgMTIuMTYwNyA0Ljk5OTk3TDEyLjE0OTEgNS45OTk4N0MxMi4xNTQ5IDUuOTk5OTMgMTIuMTYwOCA2IDEyLjE2NjcgNlY1Wk0xMi41Nzc1IDYuODEyNEMxMi42MDk3IDYuNTEyNDcgMTIuNjM4IDYuMjUwNTMgMTIuNjUzNSA2LjAzMkMxMi42Njg3IDUuODE3OTMgMTIuNjc0NCA1LjYxMjYgMTIuNjUwNCA1LjQzMzUzTDExLjY1OTMgNS41NjYzM0MxMS42NjkxIDUuNjM5NTMgMTEuNjcwMiA1Ljc2MDUzIDExLjY1NiA1Ljk2MTMzQzExLjY0MjEgNi4xNTc2NyAxMS42MTYyIDYuMzk5MDcgMTEuNTgzMyA2LjcwNTQ3TDEyLjU3NzUgNi44MTI0Wk0xMi4xNjA3IDQuOTk5OTdDMTIuMDEyMSA0Ljk5ODI1IDExLjg3OTMgNC45MzIxOCAxMS43ODggNC44MjY1NUwxMS4wMzEzIDUuNDgwMjdDMTEuMzAyIDUuNzkzNjcgMTEuNzAyMSA1Ljk5NDczIDEyLjE0OTEgNS45OTk4N0wxMi4xNjA3IDQuOTk5OTdaTTExLjc4OCA0LjgyNjU1QzExLjcxMjEgNC43Mzg2NiAxMS42NjY3IDQuNjI1MjYgMTEuNjY2NyA0LjVIMTAuNjY2N0MxMC42NjY3IDQuODc0MjkgMTAuODA0NCA1LjIxNzY3IDExLjAzMTMgNS40ODAyN0wxMS43ODggNC44MjY1NVpNMTAuODMzMiA2LjM1MUMxMS4yODQ5IDUuOTAxMTMgMTEuNTE3NSA1LjY3NDQgMTEuNjcyMyA1LjU3ODg3TDExLjE0NyA0LjcyNzk0QzEwLjg2NzEgNC45MDA3MyAxMC41MzEzIDUuMjQwMiAxMC4xMjc1IDUuNjQyNTNMMTAuODMzMiA2LjM1MVpNMiA0LjVDMiA0LjYyNTI2IDEuOTU0NTkgNC43Mzg2NiAxLjg3ODY2IDQuODI2NTVMMi42MzUzOCA1LjQ4MDI3QzIuODYyMjcgNS4yMTc2NyAzIDQuODc0MjkgMyA0LjVIMlpNMy41MzkxOSA1LjY0MjUzQzMuMTM1MzEgNS4yNDAyIDIuNzk5NTcgNC45MDA3MyAyLjUxOTY0IDQuNzI3OTRMMS45OTQ0IDUuNTc4ODdDMi4xNDkxOCA1LjY3NDQgMi4zODE4MiA1LjkwMTEzIDIuODMzNDcgNi4zNTFMMy41MzkxOSA1LjY0MjUzWk0xLjg3ODY2IDQuODI2NTVDMS43ODc0IDQuOTMyMTggMS42NTQ2MSA0Ljk5ODI1IDEuNTA2MDMgNC45OTk5N0wxLjUxNzU5IDUuOTk5ODdDMS45NjQ1MSA1Ljk5NDczIDIuMzY0NjcgNS43OTM2NyAyLjYzNTM4IDUuNDgwMjdMMS44Nzg2NiA0LjgyNjU1Wk0xLjUwNjAzIDQuOTk5OTdDMS41MDQwMSA0Ljk5OTk5IDEuNTAyMDEgNSAxLjUgNVY2QzEuNTA1ODcgNiAxLjUxMTc0IDUuOTk5OTMgMS41MTc1OSA1Ljk5OTg3TDEuNTA2MDMgNC45OTk5N1pNMi4wODM0MyA2LjcwNTQ3QzIuMDUwNDcgNi4zOTkwNyAyLjAyNDU4IDYuMTU3NjcgMi4wMTA2NyA1Ljk2MTMzQzEuOTk2NDUgNS43NjA1MyAxLjk5NzU3IDUuNjM5NTMgMi4wMDczOCA1LjU2NjMzTDEuMDE2MjMgNS40MzM1M0MwLjk5MjI0NiA1LjYxMjYgMC45OTgwMDYgNS44MTc5MyAxLjAxMzE3IDYuMDMyQzEuMDI4NjUgNi4yNTA1MyAxLjA1NjkgNi41MTI0NyAxLjA4OTE3IDYuODEyNEwyLjA4MzQzIDYuNzA1NDdaTTcuNjY2NjcgMS44MzMzM0M3LjY2NjY3IDIuMTU2NjkgNy40ODI2IDIuNDM3OTMgNy4yMTEyIDIuNTc2MzhMNy42NjU2NyAzLjQ2NzE1QzguMjU4NzMgMy4xNjQ1NyA4LjY2NjY3IDIuNTQ3MDIgOC42NjY2NyAxLjgzMzMzSDcuNjY2NjdaTTcuMjExMiAyLjU3NjM4QzcuMDk4MzMgMi42MzM5NyA2Ljk3MDQgMi42NjY2NyA2LjgzMzMzIDIuNjY2NjdWMy42NjY2N0M3LjEzMiAzLjY2NjY3IDcuNDE1MzMgMy41OTQ4NyA3LjY2NTY3IDMuNDY3MTVMNy4yMTEyIDIuNTc2MzhaTTguMjM3IDMuNDA2NzJDOC4wOTk0NyAzLjE2MDEzIDcuOTc1ODcgMi45MzgzMSA3Ljg2MjQ3IDIuNzU2OEw3LjAxNDQgMy4yODY3M0M3LjExMTczIDMuNDQyNDggNy4yMjE4NyAzLjYzOTY1IDcuMzYzNiAzLjg5MzgxTDguMjM3IDMuNDA2NzJaTTYuODMzMzMgMi42NjY2N0M2LjY5NjI3IDIuNjY2NjcgNi41NjgzMyAyLjYzMzk3IDYuNDU1NDcgMi41NzYzOEw2LjAwMSAzLjQ2NzE1QzYuMjUxMzMgMy41OTQ4NyA2LjUzNDY3IDMuNjY2NjcgNi44MzMzMyAzLjY2NjY3VjIuNjY2NjdaTTYuNDU1NDcgMi41NzYzOEM2LjE4NDA3IDIuNDM3OTMgNiAyLjE1NjY5IDYgMS44MzMzM0g1QzUgMi41NDcwMiA1LjQwNzkxIDMuMTY0NTcgNi4wMDEgMy40NjcxNUw2LjQ1NTQ3IDIuNTc2MzhaTTYuMzAzMDcgMy44OTM4MUM2LjQ0NDggMy42Mzk2NSA2LjU1NDkzIDMuNDQyNDggNi42NTIyNyAzLjI4NjczTDUuODA0MiAyLjc1NjhDNS42OTA4IDIuOTM4MzEgNS41NjcyIDMuMTYwMTMgNS40Mjk2OSAzLjQwNjcyTDYuMzAzMDcgMy44OTM4MVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xOTE2XzE2ODEyKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzE5MTZfMTY4MTIiIHgxPSIyNS45NzUzIiB5MT0iLTAuNjAzMzc1IiB4Mj0iMjUuOTc1MyIgeTI9IjEyLjM5NjYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjIwNSIgc3RvcC1jb2xvcj0iI0ZGQjgwMSIvPgo8c3RvcCBvZmZzZXQ9IjAuMzYiIHN0b3AtY29sb3I9IiNGRUY3NDYiLz4KPHN0b3Agb2Zmc2V0PSIwLjQxNSIgc3RvcC1jb2xvcj0iI0ZCRkZFMCIvPgo8c3RvcCBvZmZzZXQ9IjAuNTI1IiBzdG9wLWNvbG9yPSIjRkZGQTYwIi8+CjxzdG9wIG9mZnNldD0iMC45MiIgc3RvcC1jb2xvcj0iI0ZGOTQwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=';
 
-const casinoChallengesOverlayTabsCss = ".challenges__tabs-wrapper.Mobile {\n  width: auto;\n  margin: 0 16px;\n}\n.challenges__tabs-wrapper.Mobile .challenges__tabs {\n  height: 34px;\n  padding: 2px 5px;\n  margin: 12px 0;\n  font-size: var(--emw--font-size-small, 14px);\n}\n.challenges__tabs-wrapper.Mobile .challenges__tabs.challenges__tabs--promo {\n  min-width: 84px;\n  border: 1px solid transparent;\n}\n.challenges__tabs-wrapper.Mobile .challenges__tab {\n  height: 28px;\n  min-width: auto;\n  border: 1px solid transparent;\n}\n.challenges__tabs-wrapper.Mobile .challenges-tab--promo {\n  min-width: auto;\n}\n.challenges__tabs-wrapper.Mobile .challenges-tab--promo.active {\n  background: var(--emw--active-tab-background, rgba(9, 9, 9, 0.4));\n  backdrop-filter: blur(11.4705886841px);\n}\n.challenges__tabs-wrapper.Mobile .challenges-tab--promo span {\n  margin-right: 4px;\n}\n\n.challenges__tabs-wrapper {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 24px;\n}\n.challenges__tabs-wrapper .challenges__tabs {\n  width: 100%;\n  box-sizing: border-box;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  padding: 4px;\n  margin: 16px 0;\n  overflow-x: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  border-radius: var(--emw--border-radius-large, 99px);\n  border: 1px solid var(--emw--color-gray-100, rgba(255, 255, 255, 0.1));\n  background: var(--emw--tabs-background, linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.1) 100%));\n  color: var(--emw--color-white, #fff);\n  font-size: var(--emw--font-size-medium, 16px);\n  font-weight: var(--emw--font-weight-medium, 500);\n}\n.challenges__tabs-wrapper .challenges__tabs.challenges__tabs--promo {\n  min-width: 89px;\n  margin-right: 10px;\n  padding: 0;\n  overflow-x: hidden;\n  width: initial;\n}\n.challenges__tabs-wrapper .challenges__tab {\n  box-sizing: border-box;\n  height: 34px;\n  width: 25%;\n  min-width: 75px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 8px;\n  cursor: pointer;\n  text-align: center;\n  border-radius: var(--emw--border-radius-large, 99px);\n  border: 1px solid transparent;\n}\n.challenges__tabs-wrapper .challenges__tab.active {\n  background: var(--emw--active-tab-background, rgba(9, 9, 9, 0.4));\n  backdrop-filter: blur(6.882352829px);\n  border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n}\n.challenges__tabs-wrapper .challenges__tab.challenges__tab--promo {\n  box-sizing: content-box;\n  min-width: 65px;\n  padding: 8px 12px;\n  background: var(--emw--color-gray-200, rgba(255, 255, 255, 0.2));\n  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.05), 0 10px 10px 0 rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(10px);\n}\n.challenges__tabs-wrapper .challenges__tab.challenges__tab--promo.active {\n  background: var(--emw--active-tab-background, rgba(9, 9, 9, 0.4));\n  backdrop-filter: blur(11.4705886841px);\n  border: 1px solid transparent;\n}\n\n@container challenges-drawer (width <= 500px) {\n  .challenges__tabs-wrapper {\n    margin: 0 20px;\n  }\n  .challenges__tabs-wrapper .challenges__tabs {\n    font-size: var(--emw--font-size-small, 14px);\n  }\n}\n@container challenges-drawer (width <= 400px) {\n  .challenges__tabs-wrapper {\n    margin: 0 15px;\n  }\n}\n@container challenges-drawer (height <= 760px) {\n  .challenges__tabs-wrapper .challenges__tabs {\n    margin: 0 0 10px;\n  }\n}";
+const casinoChallengesOverlayTabsCss = ".challenges__tabs-wrapper.Mobile {\n  width: auto;\n  margin: 0 16px;\n}\n.challenges__tabs-wrapper.Mobile .challenges__tabs {\n  height: 34px;\n  padding: 2px 5px;\n  margin: 12px 0;\n  font-size: var(--emw--font-size-small, 14px);\n}\n.challenges__tabs-wrapper.Mobile .challenges__tabs.challenges__tabs--promo {\n  min-width: 84px;\n  border: 1px solid transparent;\n}\n.challenges__tabs-wrapper.Mobile .challenges__tab {\n  height: 28px;\n  min-width: auto;\n  border: 1px solid transparent;\n}\n.challenges__tabs-wrapper.Mobile .challenges-tab--promo {\n  min-width: auto;\n}\n.challenges__tabs-wrapper.Mobile .challenges-tab--promo.active {\n  background: var(--emw--active-tab-background, rgba(9, 9, 9, 0.4));\n  backdrop-filter: blur(11.4705886841px);\n}\n.challenges__tabs-wrapper.Mobile .challenges-tab--promo span {\n  margin-right: 4px;\n}\n\n.challenges__tabs-wrapper {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 24px;\n}\n.challenges__tabs-wrapper .challenges__tabs {\n  width: 100%;\n  box-sizing: border-box;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  padding: 4px;\n  margin: 16px 0;\n  overflow-x: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  border-radius: var(--emw--border-radius-large, 99px);\n  border: 1px solid var(--emw--color-gray-100, rgba(255, 255, 255, 0.1));\n  background: var(--emw--tabs-background, linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.1) 100%));\n  color: var(--emw--color-white, #fff);\n  font-size: var(--emw--font-size-medium, 16px);\n  font-weight: var(--emw--font-weight-medium, 500);\n}\n.challenges__tabs-wrapper .challenges__tabs.challenges__tabs--promo {\n  min-width: 89px;\n  margin-right: 10px;\n  padding: 0;\n  overflow-x: hidden;\n  width: initial;\n}\n.challenges__tabs-wrapper .challenges__tab {\n  box-sizing: border-box;\n  height: 34px;\n  flex: 1;\n  min-width: 75px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 8px;\n  cursor: pointer;\n  text-align: center;\n  border-radius: var(--emw--border-radius-large, 99px);\n  border: 1px solid transparent;\n}\n.challenges__tabs-wrapper .challenges__tab.active {\n  background: var(--emw--active-tab-background, rgba(9, 9, 9, 0.4));\n  backdrop-filter: blur(6.882352829px);\n  border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n}\n.challenges__tabs-wrapper .challenges__tab.challenges__tab--promo {\n  box-sizing: content-box;\n  min-width: 65px;\n  padding: 8px 12px;\n  background: var(--emw--color-gray-200, rgba(255, 255, 255, 0.2));\n  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.05), 0 10px 10px 0 rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(10px);\n}\n.challenges__tabs-wrapper .challenges__tab.challenges__tab--promo.active {\n  background: var(--emw--active-tab-background, rgba(9, 9, 9, 0.4));\n  backdrop-filter: blur(11.4705886841px);\n  border: 1px solid transparent;\n}\n.challenges__tabs-wrapper .challenges__tabs.challenges__tabs--promo.large {\n  width: 100%;\n}\n\n@container challenges-drawer (width <= 500px) {\n  .challenges__tabs-wrapper {\n    margin: 0 20px;\n  }\n  .challenges__tabs-wrapper .challenges__tabs {\n    font-size: var(--emw--font-size-small, 14px);\n  }\n}\n@container challenges-drawer (width <= 400px) {\n  .challenges__tabs-wrapper {\n    margin: 0 15px;\n  }\n}\n@container challenges-drawer (height <= 760px) {\n  .challenges__tabs-wrapper .challenges__tabs {\n    margin: 5px 0 10px;\n  }\n}";
 const CasinoChallengesOverlayTabsStyle0 = casinoChallengesOverlayTabsCss;
 
 const CasinoChallengeOverlayTabs = class {
@@ -5443,24 +5452,35 @@ const CasinoChallengeOverlayTabs = class {
         this.activeTabIndex = EChallengesTabs.Active;
         this.activeTabHasNotification = false;
         this.pendingTabHasNotification = false;
+        this.enabledWidgetTabs = undefined;
     }
     get tabs() {
         return [
-            { label: translate$2('promo', this.language) },
-            { label: translate$2('active', this.language) },
-            { label: translate$2('pendingTab', this.language) },
-            { label: translate$2('finishedTab', this.language) },
-            { label: translate$2('codeTab', this.language) }
+            { label: translate$2('promo', this.language), shown: this.enabledWidgetTabs.includes(EFeatureFlags.PromoTab) },
+            { label: translate$2('active', this.language), shown: true },
+            {
+                label: translate$2('pendingTab', this.language),
+                shown: this.enabledWidgetTabs.includes(EFeatureFlags.PendingTab)
+            },
+            {
+                label: translate$2('finishedTab', this.language),
+                shown: this.enabledWidgetTabs.includes(EFeatureFlags.FinishedTab)
+            },
+            { label: translate$2('codeTab', this.language), shown: this.enabledWidgetTabs.includes(EFeatureFlags.CodeTab) }
         ];
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'ee3ef4b4bc68c97e9d2cf09fdb18bd07c89fa393' }, index.h("div", { key: '7c5ad9fa44f4fb9593be61b4c47fe28d793913c4', class: { 'challenges__tabs-wrapper': true, Mobile: this.isMobile } }, index.h("div", { key: '2188b25224bd3f9bb2a69b1946490d7eeac49bf4', class: "challenges__tabs challenges__tabs--promo" }, index.h("div", { key: '6545accdd8c223d1f28c4344497b5aa236653b84', class: {
+        return (index.h(index.Host, { key: 'd7406b70fa77065267703e6fe15a5a7476b13a47' }, index.h("div", { key: '0e92159292c795a7ecd972d8fa58af96ef4471fe', class: { 'challenges__tabs-wrapper': true, Mobile: this.isMobile } }, this.enabledWidgetTabs.includes(EFeatureFlags.PromoTab) && (index.h("div", { key: '238e070c09337d8f347d0e5b0d0e8c66f477e92d', class: {
+                challenges__tabs: true,
+                'challenges__tabs--promo': true,
+                large: this.enabledWidgetTabs.length === 1
+            } }, index.h("div", { key: '50cfb51db808d2fc5036be2fd06b70f8a0364aee', class: {
                 challenges__tab: true,
                 'challenges__tab--promo': true,
                 active: this.activeTabIndex === EChallengesTabs.Promo
-            }, onClick: this.handleTabClick(EChallengesTabs.Promo) }, index.h("span", { key: 'e145f5bf9fc6c87df0c86bedc70b97c77f1f6021' }, (_a = this.tabs[0]) === null || _a === void 0 ? void 0 : _a.label), index.h("img", { key: 'd7d2e925a73673ec536f9aeea11211bb8db7988c', src: crownSvg }))), index.h("div", { key: 'd24f27763e7b288a939252f3b0d2214372e5b922', class: "challenges__tabs" }, this.tabs.map((tab, index$1) => {
-            if (index$1 === EChallengesTabs.Promo)
+            }, onClick: this.handleTabClick(EChallengesTabs.Promo) }, index.h("span", { key: 'a69d7dc4a1a798332bd9881cedb216ef82d279ab' }, (_a = this.tabs[0]) === null || _a === void 0 ? void 0 : _a.label), index.h("img", { key: '877a1c0c86ed9a632a1af6831f08dc4d2a172856', src: crownSvg })))), index.h("div", { key: '96e99a2e385f48878f4f7b25625b241be7f2560a', class: "challenges__tabs" }, this.tabs.map((tab, index$1) => {
+            if (index$1 === EChallengesTabs.Promo || !tab.shown)
                 return;
             return (index.h("div", { class: {
                     challenges__tab: true,
@@ -5474,7 +5494,7 @@ CasinoChallengeOverlayTabs.style = CasinoChallengesOverlayTabsStyle0;
 
 const swipeSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDIzIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC40NzU5NTEgNS4xMzc3NUMxLjExMDU1IDUuMzk4MSAyLjEzOTQ1IDUuMzk4MSAyLjc3NDA1IDUuMTM3NzVMMTEuMzc1IDEuNjA5MTVMMTkuOTc2IDUuMTM3NzVDMjAuNjEwNiA1LjM5ODEgMjEuNjM5NCA1LjM5ODEgMjIuMjc0IDUuMTM3NzVDMjIuOTA4NyA0Ljg3NzQgMjIuOTA4NyA0LjQ1NTI5IDIyLjI3NCA0LjE5NDk0TDEyLjUyNCAwLjE5NDkzN0MxMS44ODk0IC0wLjA2NTQxMyAxMC44NjA2IC0wLjA2NTQxMyAxMC4yMjYgMC4xOTQ5MzdMMC40NzU5NTEgNC4xOTQ5NEMtMC4xNTg2NTEgNC40NTUyOSAtMC4xNTg2NTEgNC44Nzc0IDAuNDc1OTUxIDUuMTM3NzVaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjIiLz4KPC9zdmc+Cg==';
 
-const swipeUpCss = ":host{display:block;height:100%;overflow:hidden}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform 120ms linear, opacity 120ms linear;will-change:transform, opacity;margin-bottom:16px}.swipe-btn{display:flex;justify-content:center;align-items:center;border:none;padding:14px 28px;cursor:grab;touch-action:none;user-select:none;width:39px;height:16px;margin:0 auto}.content{overflow:hidden;transform-origin:top center;transition:transform 120ms linear, height 120ms linear, border-radius 120ms linear;will-change:transform, height, border-radius;border-radius:20px 20px 0 0;border-top:1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));background:var(--emw--color-black-200, rgba(9, 9, 9, 0.8))}.swipe-down-handle{display:flex;justify-content:center;align-items:center;padding:10px 0;cursor:grab;touch-action:none;user-select:none}.swipe-btn{border:none;border-radius:999px;padding:14px 28px;font-size:var(--emw--font-size-large, 18px);background:transparent;color:black;cursor:grab;touch-action:none;user-select:none}";
+const swipeUpCss = ":host{display:block;height:100%;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}:host::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform 120ms linear, opacity 120ms linear;will-change:transform, opacity;margin-bottom:16px}.swipe-btn{display:flex;justify-content:center;align-items:center;border:none;padding:14px 28px;cursor:grab;touch-action:none;user-select:none;width:39px;height:16px;margin:0 auto}.content{overflow:hidden;transform-origin:top center;transition:transform 120ms linear, height 120ms linear, border-radius 120ms linear;will-change:transform, height, border-radius;border-radius:20px 20px 0 0;border-top:1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));background:var(--emw--color-black-200, rgba(9, 9, 9, 0.8));scrollbar-width:none;-ms-overflow-style:none}.content::-webkit-scrollbar{display:none}.swipe-down-handle{display:flex;justify-content:center;align-items:center;padding:10px 0;cursor:grab;touch-action:none;user-select:none}.swipe-btn{border:none;border-radius:999px;padding:14px 28px;font-size:var(--emw--font-size-large, 18px);background:transparent;color:black;cursor:grab;touch-action:none;user-select:none}";
 const SwipeUpStyle0 = swipeUpCss;
 
 const SwipeUp = class {
@@ -5536,13 +5556,20 @@ const SwipeUp = class {
         const heroOpacity = 1 - this.progress;
         const contentTranslate = this.progress * -this.maxSwipe;
         if (this.isMobile) {
-            return (index.h("div", { style: { display: 'flex', height: '100%', 'flex-direction': 'column', overflow: 'auto' } }, index.h("header", { class: "hero", style: {
+            return (index.h("div", { style: {
+                    display: 'flex',
+                    height: '100%',
+                    'flex-direction': 'column',
+                    overflow: 'auto',
+                    'overscroll-behavior-y': 'none'
+                } }, index.h("header", { class: "hero", style: {
                     transform: `translateY(${heroTranslate}px)`,
                     opacity: `${heroOpacity}`
                 } }, index.h("slot", { name: "header" })), index.h("main", { class: "content", style: {
                     transform: `translateY(${contentTranslate}px)`,
                     'margin-bottom': `-${this.maxSwipe}px`,
-                    height: '100%',
+                    flex: '1',
+                    'min-height': '0',
                     overflow: this.isOpened ? 'auto' : 'hidden'
                 } }, this.isOpened ? (index.h("button", { class: "swipe-btn", onPointerDown: this.onPointerDown, style: { position: 'sticky', zIndex: '123', left: 'calc(50% - 40px)' } }, index.h("img", { src: swipeSvg, width: 23, height: 6, style: { rotate: '180deg' } }))) : (index.h("button", { class: "swipe-btn", onPointerDown: this.onPointerDown }, index.h("img", { src: swipeSvg, width: 23, height: 6 }))), index.h("slot", { name: "details" }))));
         }

package/dist/cjs/{casino-challenges-overlay-c99a7b11.js → casino-challenges-overlay-cdce9803.js}

@@ -178,6 +178,13 @@ const resolveTranslationUrl = async (translationUrl) => {
     }
 };
 
+var EFeatureFlags;
+(function (EFeatureFlags) {
+    EFeatureFlags["PromoTab"] = "promo";
+    EFeatureFlags["PendingTab"] = "pending";
+    EFeatureFlags["FinishedTab"] = "finished";
+    EFeatureFlags["CodeTab"] = "code";
+})(EFeatureFlags || (EFeatureFlags = {}));
 var EChallengeRewardType;
 (function (EChallengeRewardType) {
     EChallengeRewardType[EChallengeRewardType["FreeSpins"] = 0] = "FreeSpins";
@@ -277,7 +284,10 @@ const CasinoChallengesOverlay = class {
                 }, '*');
             }
             else {
-                window.postMessage({ type: 'GoToChallengesPage', tab: EChallengesTabs.Promo }, '*');
+                window.postMessage({
+                    type: 'GoToChallengesPage',
+                    tab: this.enabledWidgetTabs.includes(EFeatureFlags.PromoTab) ? EChallengesTabs.Promo : EChallengesTabs.Active
+                }, '*');
             }
         };
         this.closeDrawer = () => {
@@ -291,6 +301,7 @@ const CasinoChallengesOverlay = class {
         this.language = 'en';
         this.challenges = undefined;
         this.extendedIngameWidget = false;
+        this.enabledWidgetTabs = undefined;
         this.progress = 0;
         this.isNew = false;
         this.isGift = false;
@@ -607,11 +618,15 @@ const CasinoChallengesOverlay = class {
     }
     /**
      * Called to initialize widget
-     * @param config
+     * @param initValue
      */
-    async init(config) {
-        this.challenges = config.challenges;
-        this.extendedIngameWidget = String(config === null || config === void 0 ? void 0 : config.extendedIngameWidget).toLowerCase() === 'true';
+    async init(initValue) {
+        var _a, _b, _c;
+        this.challenges = initValue.challenges;
+        this.extendedIngameWidget = (_b = (_a = initValue === null || initValue === void 0 ? void 0 : initValue.config) === null || _a === void 0 ? void 0 : _a.isExtendedIngameWidget) !== null && _b !== void 0 ? _b : false;
+        this.enabledWidgetTabs = Array.isArray((_c = initValue === null || initValue === void 0 ? void 0 : initValue.config) === null || _c === void 0 ? void 0 : _c.enabledWidgetTabs)
+            ? initValue.config.enabledWidgetTabs
+            : [];
     }
     render() {
         var _a, _b, _c;
@@ -621,15 +636,15 @@ const CasinoChallengesOverlay = class {
         const activeProgressId = hasActiveProgress
             ? (_a = this.activeChallenge) === null || _a === void 0 ? void 0 : _a.Id
             : (_c = (_b = this.challenges) === null || _b === void 0 ? void 0 : _b.find(this.isActiveChallenge)) === null || _c === void 0 ? void 0 : _c.Id;
-        return (index.h("div", { key: '9566bd839601825d3d05a823d398dcf15961d424', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: '68df23a628fa738d148a3a464a57115fc45901a6', class: "container", onClick: this.handleClick }, index.h("div", { key: '35e691296c741f99b5cf4bcf31c48013f8b27e9c', class: "circle", style: {
+        return (index.h("div", { key: '6e9eec84248ee245d03ff919ec92a50d11158796', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: '99b15759e5a9bbfca3fe533911908cb32969b699', class: "container", onClick: this.handleClick }, index.h("div", { key: '9705f034543b7b4f5f6e812f15d0c4b1c30f25c4', class: "circle", style: {
                 '--progress': `${currProgress}%`
-            } }, index.h("img", { key: '93c0c9dd7fd644f496e3a89a0a1d7dd5294a478d', class: "circle__img", src: bgIconSvg }), index.h("div", { key: 'b1996fcb626996714b296c802ddd826c41e6368c', class: "circle__content" }, hasActiveProgress ? (index.h("span", null, Math.floor(currProgress), "%")) : (index.h("span", null, translate('join', this.language)))), dot && (index.h("div", { key: 'db4672c7c5527673898172981ef8a7af3c99b921', class: "dot", style: {
+            } }, index.h("img", { key: 'a556b6e4d40c02087d3220b68c48b91fe99d35a1', class: "circle__img", src: bgIconSvg }), index.h("div", { key: '1642b6b5ad5285bd86304fdcb55035c409595e15', class: "circle__content" }, hasActiveProgress ? (index.h("span", null, Math.floor(currProgress), "%")) : (index.h("span", null, translate('join', this.language)))), dot && (index.h("div", { key: '5a545c4b561dc1b5c558ea63cd7d5d7555fa3114', class: "dot", style: {
                 left: `${dot.x}px`,
                 top: `${dot.y}px`
-            } }))), hasActiveProgress && (index.h("div", { key: 'be5453301f15f01c862e7a36013ec20af771318b', class: {
+            } }))), hasActiveProgress && (index.h("div", { key: 'afec96fe7c99df08965b32aba42c49df84be4154', class: {
                 badge: true,
                 new: this.isNew
-            } }, this.renderBadgeContent()))), index.h("casino-challenges-overlay-modal", { key: 'abbb2c3ec11bb07e733c88e366d62846115be99c', isOpen: this.showModal, handleClick: this.closeModal, reward: this.modalReward, addition: this.modalAddition, isFreeSpinsGranted: this.modalIsFreeSpinsGranted, bonusProgramGames: this.modalBonusProgramGames, errored: this.modalErrored, orderNumber: this.modalOrderNumber, translationUrl: this.translationUrl, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl }), this.extendedIngameWidget && (index.h("casino-challenges-overlay-drawer", { key: '45bf6f4c4324a1372826f6422ab5096f2be246e9', mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, language: this.language, isOpen: this.showDrawer, handleClose: this.closeDrawer, challenges: this.challenges, initialProgressId: activeProgressId }))));
+            } }, this.renderBadgeContent()))), index.h("casino-challenges-overlay-modal", { key: '928e43d118430c44c9bf41787b945fae4e9a7cfc', isOpen: this.showModal, handleClick: this.closeModal, reward: this.modalReward, addition: this.modalAddition, isFreeSpinsGranted: this.modalIsFreeSpinsGranted, bonusProgramGames: this.modalBonusProgramGames, errored: this.modalErrored, orderNumber: this.modalOrderNumber, translationUrl: this.translationUrl, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl }), this.extendedIngameWidget && (index.h("casino-challenges-overlay-drawer", { key: '8c87702b9965bb2ac668d62e2b4fd874fd9955b7', mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, language: this.language, isOpen: this.showDrawer, handleClose: this.closeDrawer, challenges: this.challenges, initialProgressId: activeProgressId, enabledWidgetTabs: this.enabledWidgetTabs }))));
     }
     static get watchers() { return {
         "clientStyling": ["handleClientStylingChange"],

package/dist/cjs/casino-challenges-overlay.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["casino-challenge-details-events_23.cjs",[[1,"casino-challenges-overlay",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"challenges":[16],"extendedIngameWidget":[516,"extended-ingame-widget"],"progress":[32],"isNew":[32],"isGift":[32],"isNotification":[32],"inProgressCount":[32],"activeChallenge":[32],"completedLevelId":[32],"prevUpdateEvent":[32],"showModal":[32],"modalErrored":[32],"modalReward":[32],"modalAddition":[32],"modalOrderNumber":[32],"modalIsFreeSpinsGranted":[32],"modalBonusProgramGames":[32],"showDrawer":[32],"init":[64]},[[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenges":["handleChallengesChange"]}],[1,"casino-challenges-overlay-drawer",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"handleClose":[16],"challenges":[16],"initialProgressId":[513,"initial-progress-id"],"activeChallenge":[32],"activeProgressId":[32],"activeTabIndex":[32],"error":[32],"hasError":[32],"swipped":[32],"detailsSubPageInfo":[32],"progress":[32],"loading":[32],"notification":[32],"optOutModaIsOpen":[32],"isOptedOut":[32],"prevUpdateEvent":[32],"challengeGames":[32],"activeChallenges":[32],"pendingChallenges":[32],"promoChallenges":[32],"playerHistory":[32],"hasMorePlayerHistory":[32],"emptyState":[32]},[[0,"openOptOutModal","onOpenOptOut"],[0,"closeOptOutModal","onCloseOptOut"],[0,"confirmOptOut","onConfirmOptOut"],[0,"challengeExpired","onChallengeExpired"],[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"isOpen":["handleIsOpenChange"],"activeChallenge":["onActiveChallengeChanged"]}],[1,"casino-challenges-overlay-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"reward":[513],"addition":[516],"handleClick":[16],"errored":[516],"orderNumber":[514,"order-number"],"isFreeSpinsGranted":[516,"is-free-spins-granted"],"bonusProgramGames":[16],"currentIndex":[32],"isMobile":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"bonusProgramGames":["handleBonusProgramGameChange"]}],[1,"casino-challenges-overlay-drawer-details",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"challenge":[16],"language":[513],"isMobile":[516,"is-mobile"],"isUnique":[516,"is-unique"],"swipped":[516],"progress":[514],"activeChallengesTabIndex":[513,"active-challenges-tab-index"],"detailsSubPageInfo":[16],"isOptedOut":[516,"is-opted-out"],"challengeGames":[16],"swipping":[32],"actionLoading":[32],"error":[32],"isChallengePaused":[32],"timeLeft":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"progress":["onSwipeChange"],"challenge":["onChallengeChange"]}],[0,"casino-challenge-opt-out-modal",{"language":[1],"isMobile":[4,"is-mobile"],"open":[4]}],[1,"casino-challenges-overlay-drawer-history",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isMobile":[516,"is-mobile"],"loading":[516],"hasMore":[516,"has-more"],"historyItems":[16],"openItems":[32],"pageSize":[32],"pageNumber":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"historyItems":["handlePlayerHistoryChange"]}],[1,"casino-challenges-overlay-slider",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isMobile":[516,"is-mobile"],"challenges":[16],"initialProgressId":[1,"initial-progress-id"],"activeTabIndex":[1,"active-tab-index"],"currentIndex":[32],"slideWidth":[32],"slideHeight":[32],"isOneSlide":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"currentIndex":["onCurrentIndexChange"],"challenges":["onChallengesChange"],"initialProgressId":["onInitialProgressIdChange"]}],[0,"casino-challenge-overlay-background",{"empty":[4]}],[1,"casino-challenges-claim-code",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"isMobile":[516,"is-mobile"],"loading":[32],"hasError":[32],"code":[32],"notificationMessage":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"casino-challenges-empty-state",{"header":[1],"description":[1],"isMobile":[516,"is-mobile"]}],[0,"casino-challenges-overlay-loader",{"fullSize":[4,"full-size"],"isMobile":[516,"is-mobile"]}],[0,"casino-challenges-overlay-tabs",{"language":[513],"isMobile":[516,"is-mobile"],"activeTabIndex":[514,"active-tab-index"],"activeTabHasNotification":[516,"active-tab-has-notification"],"pendingTabHasNotification":[516,"pending-tab-has-notification"]}],[4,"swipe-up",{"isMobile":[516,"is-mobile"],"isOneSlider":[516,"is-one-slider"],"progress":[32]},null,{"isOneSlider":["onIsOneSliderChange"],"progress":["onSwipeChange"]}],[0,"casino-challenge-details-levels",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"isChallengePaused":[4,"is-challenge-paused"],"isOptedOut":[4,"is-opted-out"],"open":[4]}],[0,"casino-challenge-details-events",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"open":[4]}],[0,"casino-challenge-details-games",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"games":[16]}],[0,"casino-challenge-details-progress-bar",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"]}],[0,"casino-challenge-details-rules",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"isOptedOut":[4,"is-opted-out"],"open":[4]}],[0,"casino-challenge-drawer-history-item",{"language":[513],"index":[514],"historyItem":[16],"itemRef":[16],"isOpen":[4,"is-open"],"isMobile":[4,"is-mobile"],"toggle":[16]}],[1,"casino-challenges-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[516,"is-open"],"showWinAnimation":[516,"show-win-animation"],"showBackdrop":[516,"show-backdrop"],"showCloseButton":[516,"show-close-button"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"casino-challenges-overlay-card",{"challenge":[16],"index":[2],"arrLength":[2,"arr-length"],"currentIndex":[2,"current-index"],"language":[1],"isOptedOut":[4,"is-opted-out"],"slideWidth":[2,"slide-width"],"slideHeight":[2,"slide-height"],"timeLeft":[32]}],[4,"casino-challenge-expandable-paragraph",{"maxHeight":[2,"max-height"],"active":[4],"expanded":[32],"needsTruncation":[32]}],[0,"casino-challenge-level-progress-bar",{"height":[1],"active":[4],"value":[2]}]]]], options);
+  return index.bootstrapLazy([["casino-challenge-details-events_23.cjs",[[1,"casino-challenges-overlay",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"challenges":[16],"extendedIngameWidget":[516,"extended-ingame-widget"],"enabledWidgetTabs":[32],"progress":[32],"isNew":[32],"isGift":[32],"isNotification":[32],"inProgressCount":[32],"activeChallenge":[32],"completedLevelId":[32],"prevUpdateEvent":[32],"showModal":[32],"modalErrored":[32],"modalReward":[32],"modalAddition":[32],"modalOrderNumber":[32],"modalIsFreeSpinsGranted":[32],"modalBonusProgramGames":[32],"showDrawer":[32],"init":[64]},[[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenges":["handleChallengesChange"]}],[1,"casino-challenges-overlay-drawer",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"handleClose":[16],"challenges":[16],"initialProgressId":[513,"initial-progress-id"],"enabledWidgetTabs":[16],"activeChallenge":[32],"activeProgressId":[32],"activeTabIndex":[32],"error":[32],"hasError":[32],"swipped":[32],"detailsSubPageInfo":[32],"progress":[32],"loading":[32],"notification":[32],"optOutModaIsOpen":[32],"isOptedOut":[32],"prevUpdateEvent":[32],"challengeGames":[32],"activeChallenges":[32],"pendingChallenges":[32],"promoChallenges":[32],"playerHistory":[32],"hasMorePlayerHistory":[32],"emptyState":[32]},[[0,"openOptOutModal","onOpenOptOut"],[0,"closeOptOutModal","onCloseOptOut"],[0,"confirmOptOut","onConfirmOptOut"],[0,"challengeExpired","onChallengeExpired"],[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"isOpen":["handleIsOpenChange"],"activeChallenge":["onActiveChallengeChanged"]}],[1,"casino-challenges-overlay-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"reward":[513],"addition":[516],"handleClick":[16],"errored":[516],"orderNumber":[514,"order-number"],"isFreeSpinsGranted":[516,"is-free-spins-granted"],"bonusProgramGames":[16],"currentIndex":[32],"isMobile":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"bonusProgramGames":["handleBonusProgramGameChange"]}],[1,"casino-challenges-overlay-drawer-details",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"challenge":[16],"language":[513],"isMobile":[516,"is-mobile"],"isUnique":[516,"is-unique"],"swipped":[516],"progress":[514],"activeChallengesTabIndex":[513,"active-challenges-tab-index"],"detailsSubPageInfo":[16],"isOptedOut":[516,"is-opted-out"],"challengeGames":[16],"swipping":[32],"actionLoading":[32],"error":[32],"isChallengePaused":[32],"timeLeft":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"progress":["onSwipeChange"],"challenge":["onChallengeChange"]}],[0,"casino-challenge-opt-out-modal",{"language":[1],"isMobile":[4,"is-mobile"],"open":[4]}],[1,"casino-challenges-overlay-drawer-history",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isMobile":[516,"is-mobile"],"loading":[516],"hasMore":[516,"has-more"],"historyItems":[16],"openItems":[32],"pageSize":[32],"pageNumber":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"historyItems":["handlePlayerHistoryChange"]}],[1,"casino-challenges-overlay-slider",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isMobile":[516,"is-mobile"],"challenges":[16],"initialProgressId":[1,"initial-progress-id"],"activeTabIndex":[1,"active-tab-index"],"currentIndex":[32],"slideWidth":[32],"slideHeight":[32],"isOneSlide":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"currentIndex":["onCurrentIndexChange"],"challenges":["onChallengesChange"],"initialProgressId":["onInitialProgressIdChange"]}],[0,"casino-challenge-overlay-background",{"empty":[4]}],[1,"casino-challenges-claim-code",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"isMobile":[516,"is-mobile"],"loading":[32],"hasError":[32],"code":[32],"notificationMessage":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"casino-challenges-empty-state",{"header":[1],"description":[1],"isMobile":[516,"is-mobile"]}],[0,"casino-challenges-overlay-loader",{"fullSize":[4,"full-size"],"isMobile":[516,"is-mobile"]}],[0,"casino-challenges-overlay-tabs",{"language":[513],"isMobile":[516,"is-mobile"],"activeTabIndex":[514,"active-tab-index"],"activeTabHasNotification":[516,"active-tab-has-notification"],"pendingTabHasNotification":[516,"pending-tab-has-notification"],"enabledWidgetTabs":[16]}],[4,"swipe-up",{"isMobile":[516,"is-mobile"],"isOneSlider":[516,"is-one-slider"],"progress":[32]},null,{"isOneSlider":["onIsOneSliderChange"],"progress":["onSwipeChange"]}],[0,"casino-challenge-details-levels",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"isChallengePaused":[4,"is-challenge-paused"],"isOptedOut":[4,"is-opted-out"],"open":[4]}],[0,"casino-challenge-details-events",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"open":[4]}],[0,"casino-challenge-details-games",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"games":[16]}],[0,"casino-challenge-details-progress-bar",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"]}],[0,"casino-challenge-details-rules",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"isOptedOut":[4,"is-opted-out"],"open":[4]}],[0,"casino-challenge-drawer-history-item",{"language":[513],"index":[514],"historyItem":[16],"itemRef":[16],"isOpen":[4,"is-open"],"isMobile":[4,"is-mobile"],"toggle":[16]}],[1,"casino-challenges-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[516,"is-open"],"showWinAnimation":[516,"show-win-animation"],"showBackdrop":[516,"show-backdrop"],"showCloseButton":[516,"show-close-button"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"casino-challenges-overlay-card",{"challenge":[16],"index":[2],"arrLength":[2,"arr-length"],"currentIndex":[2,"current-index"],"language":[1],"isOptedOut":[4,"is-opted-out"],"slideWidth":[2,"slide-width"],"slideHeight":[2,"slide-height"],"timeLeft":[32]}],[4,"casino-challenge-expandable-paragraph",{"maxHeight":[2,"max-height"],"active":[4],"expanded":[32],"needsTruncation":[32]}],[0,"casino-challenge-level-progress-bar",{"height":[1],"active":[4],"value":[2]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const casinoChallengesOverlay = require('./casino-challenges-overlay-c99a7b11.js');
+const casinoChallengesOverlay = require('./casino-challenges-overlay-cdce9803.js');
 require('./index-6300a889.js');
 
 

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["casino-challenge-details-events_23.cjs",[[1,"casino-challenges-overlay",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"challenges":[16],"extendedIngameWidget":[516,"extended-ingame-widget"],"progress":[32],"isNew":[32],"isGift":[32],"isNotification":[32],"inProgressCount":[32],"activeChallenge":[32],"completedLevelId":[32],"prevUpdateEvent":[32],"showModal":[32],"modalErrored":[32],"modalReward":[32],"modalAddition":[32],"modalOrderNumber":[32],"modalIsFreeSpinsGranted":[32],"modalBonusProgramGames":[32],"showDrawer":[32],"init":[64]},[[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenges":["handleChallengesChange"]}],[1,"casino-challenges-overlay-drawer",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"handleClose":[16],"challenges":[16],"initialProgressId":[513,"initial-progress-id"],"activeChallenge":[32],"activeProgressId":[32],"activeTabIndex":[32],"error":[32],"hasError":[32],"swipped":[32],"detailsSubPageInfo":[32],"progress":[32],"loading":[32],"notification":[32],"optOutModaIsOpen":[32],"isOptedOut":[32],"prevUpdateEvent":[32],"challengeGames":[32],"activeChallenges":[32],"pendingChallenges":[32],"promoChallenges":[32],"playerHistory":[32],"hasMorePlayerHistory":[32],"emptyState":[32]},[[0,"openOptOutModal","onOpenOptOut"],[0,"closeOptOutModal","onCloseOptOut"],[0,"confirmOptOut","onConfirmOptOut"],[0,"challengeExpired","onChallengeExpired"],[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"isOpen":["handleIsOpenChange"],"activeChallenge":["onActiveChallengeChanged"]}],[1,"casino-challenges-overlay-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"reward":[513],"addition":[516],"handleClick":[16],"errored":[516],"orderNumber":[514,"order-number"],"isFreeSpinsGranted":[516,"is-free-spins-granted"],"bonusProgramGames":[16],"currentIndex":[32],"isMobile":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"bonusProgramGames":["handleBonusProgramGameChange"]}],[1,"casino-challenges-overlay-drawer-details",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"challenge":[16],"language":[513],"isMobile":[516,"is-mobile"],"isUnique":[516,"is-unique"],"swipped":[516],"progress":[514],"activeChallengesTabIndex":[513,"active-challenges-tab-index"],"detailsSubPageInfo":[16],"isOptedOut":[516,"is-opted-out"],"challengeGames":[16],"swipping":[32],"actionLoading":[32],"error":[32],"isChallengePaused":[32],"timeLeft":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"progress":["onSwipeChange"],"challenge":["onChallengeChange"]}],[0,"casino-challenge-opt-out-modal",{"language":[1],"isMobile":[4,"is-mobile"],"open":[4]}],[1,"casino-challenges-overlay-drawer-history",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isMobile":[516,"is-mobile"],"loading":[516],"hasMore":[516,"has-more"],"historyItems":[16],"openItems":[32],"pageSize":[32],"pageNumber":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"historyItems":["handlePlayerHistoryChange"]}],[1,"casino-challenges-overlay-slider",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isMobile":[516,"is-mobile"],"challenges":[16],"initialProgressId":[1,"initial-progress-id"],"activeTabIndex":[1,"active-tab-index"],"currentIndex":[32],"slideWidth":[32],"slideHeight":[32],"isOneSlide":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"currentIndex":["onCurrentIndexChange"],"challenges":["onChallengesChange"],"initialProgressId":["onInitialProgressIdChange"]}],[0,"casino-challenge-overlay-background",{"empty":[4]}],[1,"casino-challenges-claim-code",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"isMobile":[516,"is-mobile"],"loading":[32],"hasError":[32],"code":[32],"notificationMessage":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"casino-challenges-empty-state",{"header":[1],"description":[1],"isMobile":[516,"is-mobile"]}],[0,"casino-challenges-overlay-loader",{"fullSize":[4,"full-size"],"isMobile":[516,"is-mobile"]}],[0,"casino-challenges-overlay-tabs",{"language":[513],"isMobile":[516,"is-mobile"],"activeTabIndex":[514,"active-tab-index"],"activeTabHasNotification":[516,"active-tab-has-notification"],"pendingTabHasNotification":[516,"pending-tab-has-notification"]}],[4,"swipe-up",{"isMobile":[516,"is-mobile"],"isOneSlider":[516,"is-one-slider"],"progress":[32]},null,{"isOneSlider":["onIsOneSliderChange"],"progress":["onSwipeChange"]}],[0,"casino-challenge-details-levels",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"isChallengePaused":[4,"is-challenge-paused"],"isOptedOut":[4,"is-opted-out"],"open":[4]}],[0,"casino-challenge-details-events",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"open":[4]}],[0,"casino-challenge-details-games",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"games":[16]}],[0,"casino-challenge-details-progress-bar",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"]}],[0,"casino-challenge-details-rules",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"isOptedOut":[4,"is-opted-out"],"open":[4]}],[0,"casino-challenge-drawer-history-item",{"language":[513],"index":[514],"historyItem":[16],"itemRef":[16],"isOpen":[4,"is-open"],"isMobile":[4,"is-mobile"],"toggle":[16]}],[1,"casino-challenges-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[516,"is-open"],"showWinAnimation":[516,"show-win-animation"],"showBackdrop":[516,"show-backdrop"],"showCloseButton":[516,"show-close-button"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"casino-challenges-overlay-card",{"challenge":[16],"index":[2],"arrLength":[2,"arr-length"],"currentIndex":[2,"current-index"],"language":[1],"isOptedOut":[4,"is-opted-out"],"slideWidth":[2,"slide-width"],"slideHeight":[2,"slide-height"],"timeLeft":[32]}],[4,"casino-challenge-expandable-paragraph",{"maxHeight":[2,"max-height"],"active":[4],"expanded":[32],"needsTruncation":[32]}],[0,"casino-challenge-level-progress-bar",{"height":[1],"active":[4],"value":[2]}]]]], options);
+  return index.bootstrapLazy([["casino-challenge-details-events_23.cjs",[[1,"casino-challenges-overlay",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"challenges":[16],"extendedIngameWidget":[516,"extended-ingame-widget"],"enabledWidgetTabs":[32],"progress":[32],"isNew":[32],"isGift":[32],"isNotification":[32],"inProgressCount":[32],"activeChallenge":[32],"completedLevelId":[32],"prevUpdateEvent":[32],"showModal":[32],"modalErrored":[32],"modalReward":[32],"modalAddition":[32],"modalOrderNumber":[32],"modalIsFreeSpinsGranted":[32],"modalBonusProgramGames":[32],"showDrawer":[32],"init":[64]},[[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenges":["handleChallengesChange"]}],[1,"casino-challenges-overlay-drawer",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"handleClose":[16],"challenges":[16],"initialProgressId":[513,"initial-progress-id"],"enabledWidgetTabs":[16],"activeChallenge":[32],"activeProgressId":[32],"activeTabIndex":[32],"error":[32],"hasError":[32],"swipped":[32],"detailsSubPageInfo":[32],"progress":[32],"loading":[32],"notification":[32],"optOutModaIsOpen":[32],"isOptedOut":[32],"prevUpdateEvent":[32],"challengeGames":[32],"activeChallenges":[32],"pendingChallenges":[32],"promoChallenges":[32],"playerHistory":[32],"hasMorePlayerHistory":[32],"emptyState":[32]},[[0,"openOptOutModal","onOpenOptOut"],[0,"closeOptOutModal","onCloseOptOut"],[0,"confirmOptOut","onConfirmOptOut"],[0,"challengeExpired","onChallengeExpired"],[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"isOpen":["handleIsOpenChange"],"activeChallenge":["onActiveChallengeChanged"]}],[1,"casino-challenges-overlay-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"reward":[513],"addition":[516],"handleClick":[16],"errored":[516],"orderNumber":[514,"order-number"],"isFreeSpinsGranted":[516,"is-free-spins-granted"],"bonusProgramGames":[16],"currentIndex":[32],"isMobile":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"bonusProgramGames":["handleBonusProgramGameChange"]}],[1,"casino-challenges-overlay-drawer-details",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"challenge":[16],"language":[513],"isMobile":[516,"is-mobile"],"isUnique":[516,"is-unique"],"swipped":[516],"progress":[514],"activeChallengesTabIndex":[513,"active-challenges-tab-index"],"detailsSubPageInfo":[16],"isOptedOut":[516,"is-opted-out"],"challengeGames":[16],"swipping":[32],"actionLoading":[32],"error":[32],"isChallengePaused":[32],"timeLeft":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"progress":["onSwipeChange"],"challenge":["onChallengeChange"]}],[0,"casino-challenge-opt-out-modal",{"language":[1],"isMobile":[4,"is-mobile"],"open":[4]}],[1,"casino-challenges-overlay-drawer-history",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isMobile":[516,"is-mobile"],"loading":[516],"hasMore":[516,"has-more"],"historyItems":[16],"openItems":[32],"pageSize":[32],"pageNumber":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"historyItems":["handlePlayerHistoryChange"]}],[1,"casino-challenges-overlay-slider",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isMobile":[516,"is-mobile"],"challenges":[16],"initialProgressId":[1,"initial-progress-id"],"activeTabIndex":[1,"active-tab-index"],"currentIndex":[32],"slideWidth":[32],"slideHeight":[32],"isOneSlide":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"currentIndex":["onCurrentIndexChange"],"challenges":["onChallengesChange"],"initialProgressId":["onInitialProgressIdChange"]}],[0,"casino-challenge-overlay-background",{"empty":[4]}],[1,"casino-challenges-claim-code",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"isMobile":[516,"is-mobile"],"loading":[32],"hasError":[32],"code":[32],"notificationMessage":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"casino-challenges-empty-state",{"header":[1],"description":[1],"isMobile":[516,"is-mobile"]}],[0,"casino-challenges-overlay-loader",{"fullSize":[4,"full-size"],"isMobile":[516,"is-mobile"]}],[0,"casino-challenges-overlay-tabs",{"language":[513],"isMobile":[516,"is-mobile"],"activeTabIndex":[514,"active-tab-index"],"activeTabHasNotification":[516,"active-tab-has-notification"],"pendingTabHasNotification":[516,"pending-tab-has-notification"],"enabledWidgetTabs":[16]}],[4,"swipe-up",{"isMobile":[516,"is-mobile"],"isOneSlider":[516,"is-one-slider"],"progress":[32]},null,{"isOneSlider":["onIsOneSliderChange"],"progress":["onSwipeChange"]}],[0,"casino-challenge-details-levels",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"isChallengePaused":[4,"is-challenge-paused"],"isOptedOut":[4,"is-opted-out"],"open":[4]}],[0,"casino-challenge-details-events",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"open":[4]}],[0,"casino-challenge-details-games",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"games":[16]}],[0,"casino-challenge-details-progress-bar",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"]}],[0,"casino-challenge-details-rules",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"isOptedOut":[4,"is-opted-out"],"open":[4]}],[0,"casino-challenge-drawer-history-item",{"language":[513],"index":[514],"historyItem":[16],"itemRef":[16],"isOpen":[4,"is-open"],"isMobile":[4,"is-mobile"],"toggle":[16]}],[1,"casino-challenges-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[516,"is-open"],"showWinAnimation":[516,"show-win-animation"],"showBackdrop":[516,"show-backdrop"],"showCloseButton":[516,"show-close-button"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"casino-challenges-overlay-card",{"challenge":[16],"index":[2],"arrLength":[2,"arr-length"],"currentIndex":[2,"current-index"],"language":[1],"isOptedOut":[4,"is-opted-out"],"slideWidth":[2,"slide-width"],"slideHeight":[2,"slide-height"],"timeLeft":[32]}],[4,"casino-challenge-expandable-paragraph",{"maxHeight":[2,"max-height"],"active":[4],"expanded":[32],"needsTruncation":[32]}],[0,"casino-challenge-level-progress-bar",{"height":[1],"active":[4],"value":[2]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;