@everymatrix/casino-challenges-overlay-modal 0.17.106 → 0.17.108

package/dist/casino-challenges-overlay-modal/casino-challenges-overlay-modal-cb8b896c.js

@@ -0,0 +1 @@
+import{r as n,h as e}from"./index-603664b0.js";const i="__WIDGET_GLOBAL_STYLE_CACHE__";function t(n,e){if(n){const i=document.createElement("style");i.innerHTML=e,n.appendChild(i)}}function o(n,e){if(!n||!e)return;const i=new URL(e);fetch(i.href).then((n=>n.text())).then((e=>{const i=document.createElement("style");i.innerHTML=e,n&&n.appendChild(i)})).catch((n=>{console.error("There was an error while trying to load client styling from URL",n)}))}function a(n,e,t,o=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!o)return t=function(n,e){const i=document.createElement("style");return window.emMessageBus.subscribe(e,(e=>{n&&(i.innerHTML=e,n.appendChild(i))}))}(n,e),t;window[i]||(window[i]={}),t=function(n,e){return window.emMessageBus.subscribe(e,(t=>{if(!n)return;const o=n.getRootNode(),a=window[i];let M=a[e]&&a[e].sheet;M?a[e].refCount=a[e].refCount+1:(M=new CSSStyleSheet,M.replaceSync(t),a[e]={sheet:M,refCount:1});const r=o.adoptedStyleSheets||[];r.includes(M)||(o.adoptedStyleSheets=[...r,M])}))}(n,e);const a=t.unsubscribe.bind(t);return t.unsubscribe=()=>{if(window[i][e]){const n=window[i][e];n.refCount>1?n.refCount=n.refCount-1:delete window[i][e]}a()},t}const M={en:{congrats:"Congratulations!",continue:"Continue",errorBtnText:"Ok",errorTitle:"Reward failed",errorSubTitle:"Sorry — we couldn’t grant the reward. Please try again.",level:"Level",completed:"has been completed!",youWon:"You have won",physicalReward:"for physical rewards please contact ",linkText:"Customer Support",playNowOrLater:"Play your free spins now or come back later.",rewardInLobby:"You can find your reward in the relevant section of the Lobby Widget.",assistance:"If you need any assistance, please contact",useSpinsNow:"Use spins now"}},r=(n,e)=>M[void 0!==e&&e in M?e:"en"][n],d=class{constructor(e){n(this,e),this.startX=0,this.currentTranslate=0,this.prevTranslate=0,this.isDragging=!1,this.moved=!1,this.threshold=50,this.clickedSlide=null,this.onPointerDown=n=>{var e;this.isDragging=!0,this.moved=!1,this.startX=n.clientX,this.clickedSlide=n.target.closest(".ModalSlide"),null===(e=this.sliderContainer)||void 0===e||e.setPointerCapture(n.pointerId)},this.onPointerMove=n=>{if(!this.isDragging)return;const e=n.clientX-this.startX;Math.abs(e)>5&&(this.moved=!0),this.currentTranslate=this.prevTranslate+e,this.setSliderPosition(this.currentTranslate)},this.onPointerUp=n=>{var e;if(!this.isDragging)return;this.isDragging=!1,null===(e=this.sliderContainer)||void 0===e||e.releasePointerCapture(n.pointerId);const i=this.currentTranslate-this.prevTranslate;if(this.moved)i<-this.threshold?this.next():i>this.threshold?this.prev():this.setPositionByIndex(),this.clickedSlide=null;else{if(this.clickedSlide){const n=this.clickedSlide.getAttribute("data-slug");n&&this.onSlideClick(n)}this.clickedSlide=null}},this.next=()=>{this.bonusProgramGames.length&&(this.currentIndex!==this.bonusProgramGames.length-1?(this.currentIndex=(this.currentIndex+1)%this.bonusProgramGames.length,this.setPositionByIndex()):this.setPositionByIndex())},this.prev=()=>{this.bonusProgramGames.length&&(0!==this.currentIndex?(this.currentIndex=(this.currentIndex-1+this.bonusProgramGames.length)%this.bonusProgramGames.length,this.setPositionByIndex()):this.setPositionByIndex())},this.onSlideClick=n=>{this.moved||n&&window.postMessage({type:"ChallengeInGameRedirect",data:{Slug:n}},"*")},this.checkIsMobile=()=>{this.isMobile=window.innerWidth<=768||window.innerHeight<660},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.isOpen=!1,this.reward="",this.addition=!1,this.handleClick=()=>{},this.errored=!1,this.orderNumber=0,this.isFreeSpinsGranted=!1,this.bonusProgramGames=[],this.currentIndex=0,this.isMobile=!1}handleClientStylingChange(n,e){n!=e&&t(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(n,e){n!=e&&o(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(n,e){n!=e&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}handleBonusProgramGameChange(n){this.currentIndex>=n.length&&(this.currentIndex=0,this.setPositionByIndex())}componentWillLoad(){this.translationUrl&&(async n=>{if(n)try{const i=await fetch(n);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);const t=await i.json();e=t,Object.keys(e).forEach((n=>{M[n]||(M[n]={});for(let i in e[n])M[n][i]=e[n][i]}))}catch(n){console.error("Failed to fetch or parse translations from URL:",n)}var e})(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&t(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&o(this.stylingContainer,this.clientStylingUrl)),this.setPositionByIndex(),this.checkIsMobile(),window.addEventListener("resize",this.checkIsMobile)}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}setSliderPosition(n){this.bonusProgramGames.length<2&&0!==n||this.sliderContainer&&(this.sliderContainer.style.transform=`translateX(${n}px)`)}setPositionByIndex(){var n;const e=(null===(n=this.sliderContainer)||void 0===n?void 0:n.clientWidth)||0;this.currentTranslate=-this.currentIndex*e,this.prevTranslate=this.currentTranslate,this.setSliderPosition(this.currentTranslate)}render(){var n;return e("div",{key:"9c6467b4393741a0c06cccbc4a56e263f6ecbacf",ref:n=>this.stylingContainer=n,class:{ModalOverlay:!0,Mobile:this.isMobile,Open:this.isOpen}},e("div",{key:"bc8fefa26599b9d147e32455e892ac492b34899d",class:"ModalWinAnimation"}),e("div",{key:"c40a90a75fb7e540e326dce3da299ecdeddaf5de",class:"ModalWrapper"},e("div",{key:"43c239b2d868d7eeb401514597c0ab770465cb98",class:"ModalContent GradientBorder"},e("div",{key:"a8c3cfed13eb0aa34dde867065fd5ae3d1f363de",class:"InnerContainer"},!this.errored&&e("div",{key:"8a037fc0078ce408c20d432754b052a072d9038e",class:"ImageWrapper"},e("img",{key:"2dce4dddb9171b383e497fcf02f9d8177320e7a8",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIyIDIzIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDY0MjkgMi41QzcuMjE0NDIgMi41IDYuOTcxMDYgMi42MDA5IDYuNzg4NzggMi43ODY0OUM2LjYwNTkgMi45NzI3IDYuNTAwMDEgMy4yMjkwMyA2LjUwMDAxIDMuNUM2LjUwMDAxIDMuNzcwOTcgNi42MDU5IDQuMDI3MyA2Ljc4ODc4IDQuMjEzNTFDNi45NzEwNiA0LjM5OTEgNy4yMTQ0MiA0LjUgNy40NjQyOSA0LjVIOS42MzQyNUM5LjU2MTg3IDQuMzI4NjUgOS40Nzg1NyA0LjE1MTE2IDkuMzgzNTYgMy45NzUyN0M4Ljg5NzY5IDMuMDc1ODEgOC4yNzM5OCAyLjUgNy40NjQyOSAyLjVaTTEwIDYuNVY5LjVMMi42MDAwMSA5LjVDMi4zMDM0OCA5LjUgMi4xNDEyMiA5LjQ5OTIyIDIuMDI0NjQgOS40ODk3QzIuMDIgOS40ODkzMiAyLjAxNTYgOS40ODg5MyAyLjAxMTQ1IDkuNDg4NTVDMi4wMTEwNyA5LjQ4NDQgMi4wMTA2OSA5LjQ4MDAxIDIuMDEwMzEgOS40NzUzN0MyLjAwMDc4IDkuMzU4NzggMi4wMDAwMSA5LjE5NjUzIDIuMDAwMDEgOC45VjcuMUMyLjAwMDAxIDYuODAzNDcgMi4wMDA3OCA2LjY0MTIyIDIuMDEwMzEgNi41MjQ2M0MyLjAxMDY5IDYuNTE5OTkgMi4wMTEwNyA2LjUxNTYgMi4wMTE0NSA2LjUxMTQ1QzIuMDE1NiA2LjUxMTA3IDIuMDIgNi41MTA2OCAyLjAyNDY0IDYuNTEwM0MyLjE0MTIyIDYuNTAwNzggMi4zMDM0OCA2LjUgMi42MDAwMSA2LjVIMTBaTTQuNjY5NTMgNC41QzQuNTU4MjIgNC4xODEzMyA0LjUwMDAxIDMuODQzMzkgNC41MDAwMSAzLjVDNC41MDAwMSAyLjcxMDExIDQuODA4MDIgMS45NDkwMiA1LjM2MTg4IDEuMzg1MDhDNS45MTYzNSAwLjgyMDUzMSA2LjY3MjI0IDAuNSA3LjQ2NDI5IDAuNUM5LjI1OSAwLjUgMTAuMzcyNSAxLjcxODQ1IDExIDIuNzcyMjNDMTEuNjI3NSAxLjcxODQ1IDEyLjc0MSAwLjUgMTQuNTM1NyAwLjVDMTUuMzI3OCAwLjUgMTYuMDgzNyAwLjgyMDUzMSAxNi42MzgxIDEuMzg1MDhDMTcuMTkyIDEuOTQ5MDIgMTcuNSAyLjcxMDExIDE3LjUgMy41QzE3LjUgMy44NDMzOSAxNy40NDE4IDQuMTgxMzMgMTcuMzMwNSA0LjVMMTkuNDMxOSA0LjVDMTkuNjg0MyA0LjQ5OTk3IDE5LjkzMDEgNC40OTk5NCAyMC4xMzgyIDQuNTE2OTVDMjAuMzY2OCA0LjUzNTYyIDIwLjYzNjYgNC41Nzk2OSAyMC45MDggNC43MTc5OUMyMS4yODQzIDQuOTA5NzMgMjEuNTkwMyA1LjIxNTcgMjEuNzgyIDUuNTkyMDJDMjEuOTIwMyA1Ljg2MzQ0IDIxLjk2NDQgNi4xMzMxOCAyMS45ODMxIDYuMzYxNzdDMjIuMDAwMSA2LjU2OTkyIDIyIDYuODE1NzEgMjIgNy4wNjgwOFY4LjkzMTkyQzIyIDkuMTg0MjkgMjIuMDAwMSA5LjQzMDA4IDIxLjk4MzEgOS42MzgyM0MyMS45NjQ0IDkuODY2ODIgMjEuOTIwMyAxMC4xMzY2IDIxLjc4MiAxMC40MDhDMjEuNTkwMyAxMC43ODQzIDIxLjI4NDMgMTEuMDkwMyAyMC45MDggMTEuMjgyQzIwLjYzNjYgMTEuNDIwMyAyMC4zNjY4IDExLjQ2NDQgMjAuMTM4MiAxMS40ODMxQzIwLjA5MzggMTEuNDg2NyAyMC4wNDc2IDExLjQ4OTUgMjAgMTEuNDkxOFYxOC4zMzg2QzIwIDE4Ljg2NTcgMjAgMTkuMzIwNSAxOS45Njk0IDE5LjY5NUMxOS45MzcxIDIwLjA5MDQgMTkuODY1OCAyMC40ODM2IDE5LjY3MyAyMC44NjJDMTkuMzg1NCAyMS40MjY1IDE4LjkyNjUgMjEuODg1NCAxOC4zNjIgMjIuMTczQzE3Ljk4MzYgMjIuMzY1OCAxNy41OTA0IDIyLjQzNzEgMTcuMTk1IDIyLjQ2OTRDMTYuODIwNSAyMi41IDE2LjM2NTcgMjIuNSAxNS44Mzg2IDIyLjVIMTEuMDAxNEgxMUwxMC45OTg2IDIyLjVINi4xNjE0NEM1LjYzNDMgMjIuNSA1LjE3OTU0IDIyLjUgNC44MDQ5OCAyMi40Njk0QzQuNDA5NjMgMjIuNDM3MSA0LjAxNjQxIDIyLjM2NTggMy42MzgwMyAyMi4xNzNDMy4wNzM1NSAyMS44ODU0IDIuNjE0NiAyMS40MjY1IDIuMzI2OTkgMjAuODYyQzIuMTM0MTkgMjAuNDgzNiAyLjA2Mjg4IDIwLjA5MDQgMi4wMzA1NyAxOS42OTVDMS45OTk5NyAxOS4zMjA1IDEuOTk5OTkgMTguODY1NyAyIDE4LjMzODVMMi4wMDAwMSAxMS40OTE4QzEuOTUyNDEgMTEuNDg5NSAxLjkwNjI0IDExLjQ4NjcgMS44NjE3OCAxMS40ODMxQzEuNjMzMTggMTEuNDY0NCAxLjM2MzQ1IDExLjQyMDMgMS4wOTIwMiAxMS4yODJDMC43MTU3MDEgMTEuMDkwMyAwLjQwOTczOSAxMC43ODQzIDAuMjE3OTkyIDEwLjQwOEMwLjA3OTY5NDcgMTAuMTM2NiAwLjAzNTYyNzEgOS44NjY4MiAwLjAxNjk1MDQgOS42MzgyM0MtNS42ODYxZS0wNSA5LjQzMDA3IC0yLjc0MTYxZS0wNSA5LjE4NDI4IDIuNTA1NDRlLTA2IDguOTMxOUw1LjI0NzI2ZS0wNiA3LjFDNS4yNDcyNmUtMDYgNy4wODkzNiAzLjkzNTk1ZS0wNiA3LjA3ODcyIDIuNjI0NjVlLTA2IDcuMDY4MUMtMi43Mjk2OWUtMDUgNi44MTU3MiAtNS42NzQxOGUtMDUgNi41Njk5MyAwLjAxNjk1MDUgNi4zNjE3N0MwLjAzNTYyNzQgNi4xMzMxOCAwLjA3OTY5NSA1Ljg2MzQ0IDAuMjE3OTkyIDUuNTkyMDJDMC40MDk3MzkgNS4yMTU2OSAwLjcxNTcgNC45MDk3MyAxLjA5MjAyIDQuNzE3OTlDMS4zNjM0NSA0LjU3OTY5IDEuNjMzMTggNC41MzU2MiAxLjg2MTc4IDQuNTE2OTVDMi4wNjk5MyA0LjQ5OTk0IDIuMzE1NzMgNC40OTk5NyAyLjU2ODExIDQuNUMyLjU3ODczIDQuNSAyLjU4OTM2IDQuNSAyLjYwMDAxIDQuNUg0LjY2OTUzWk00LjAwMDAxIDExLjVWMTguM0M0LjAwMDAxIDE4Ljg3NjYgNC4wMDA3OCAxOS4yNDg4IDQuMDIzOTMgMTkuNTMyMkM0LjA0NjEzIDE5LjgwMzggNC4wODM4MSAxOS45MDQ1IDQuMTA5IDE5Ljk1NEM0LjIwNDg3IDIwLjE0MjEgNC4zNTc4NSAyMC4yOTUxIDQuNTQ2MDEgMjAuMzkxQzQuNTk1NDYgMjAuNDE2MiA0LjY5NjE4IDIwLjQ1MzkgNC45Njc4NCAyMC40NzYxQzUuMjUxMTggMjAuNDk5MiA1LjYyMzQ1IDIwLjUgNi4yMDAwMSAyMC41SDEwVjExLjVINC4wMDAwMVpNMTIgMTEuNVYyMC41SDE1LjhDMTYuMzc2NiAyMC41IDE2Ljc0ODggMjAuNDk5MiAxNy4wMzIyIDIwLjQ3NjFDMTcuMzAzOCAyMC40NTM5IDE3LjQwNDYgMjAuNDE2MiAxNy40NTQgMjAuMzkxQzE3LjY0MjIgMjAuMjk1MSAxNy43OTUxIDIwLjE0MjIgMTcuODkxIDE5Ljk1NEMxNy45MTYyIDE5LjkwNDUgMTcuOTUzOSAxOS44MDM4IDE3Ljk3NjEgMTkuNTMyMkMxNy45OTkyIDE5LjI0ODggMTggMTguODc2NiAxOCAxOC4zVjExLjVIMTJaTTE5LjQgOS41QzE5LjY5NjUgOS41IDE5Ljg1ODggOS40OTkyMiAxOS45NzU0IDkuNDg5N0MxOS45OCA5LjQ4OTMyIDE5Ljk4NDQgOS40ODg5MyAxOS45ODg2IDkuNDg4NTRDMTkuOTg4OSA5LjQ4NDQgMTkuOTg5MyA5LjQ4MDAxIDE5Ljk4OTcgOS40NzUzN0MxOS45OTkyIDkuMzU4NzggMjAgOS4xOTY1MyAyMCA4LjlWNy4xQzIwIDYuODAzNDcgMTkuOTk5MiA2LjY0MTIyIDE5Ljk4OTcgNi41MjQ2M0MxOS45ODkzIDYuNTE5OTkgMTkuOTg4OSA2LjUxNTYgMTkuOTg4NSA2LjUxMTQ1QzE5Ljk4NDQgNi41MTEwNyAxOS45OCA2LjUxMDY4IDE5Ljk3NTQgNi41MTAzQzE5Ljg1ODggNi41MDA3OCAxOS42OTY1IDYuNSAxOS40IDYuNUgxMlY5LjVIMTkuNFpNMTQuNTM1NyA0LjVDMTQuNzg1NiA0LjUgMTUuMDI4OSA0LjM5OTEgMTUuMjExMiA0LjIxMzUxQzE1LjM5NDEgNC4wMjczIDE1LjUgMy43NzA5NyAxNS41IDMuNUMxNS41IDMuMjI5MDMgMTUuMzk0MSAyLjk3MjcgMTUuMjExMiAyLjc4NjQ5QzE1LjAyODkgMi42MDA5IDE0Ljc4NTYgMi41IDE0LjUzNTcgMi41QzEzLjcyNiAyLjUgMTMuMTAyMyAzLjA3NTgxIDEyLjYxNjUgMy45NzUyN0MxMi41MjE0IDQuMTUxMTYgMTIuNDM4MSA0LjMyODY1IDEyLjM2NTggNC41SDE0LjUzNTdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjA1MV80MzkpIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjA1MV80MzkiIHgxPSIwIiB5MT0iMTEuNSIgeDI9IjIyIiB5Mj0iMTEuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMUU2NTRGIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFDOEQ1NiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPgo=",alt:"gift-box-icon"})),e("h1",{key:"d3797d201840749d4502c7e1de46d9798a8f9c96",class:"ModalHeader"},r(this.errored?"errorTitle":"congrats",this.language)),this.errored?e("div",{class:"ModalErrorMessage"},r("errorSubTitle",this.language)):e("div",{class:"ModalSubtitle"},`${r("level",this.language)} ${this.orderNumber} ${r("completed",this.language)}`,e("div",null,r("youWon",this.language)),e("div",{class:"ModalReward"},this.reward),this.isFreeSpinsGranted&&e("div",{class:"ModalAddition"},r("playNowOrLater",this.language)),e("div",{class:"ModalAddition"},r("rewardInLobby",this.language))),this.addition&&e("div",{key:"cd309b3d5aef1b0ee788e69078a0dde933a005b8",class:"ModalAddition"},e("div",{key:"4e039c5b5f34bf83283e8930f5b411c89c8c3083"},r("physicalReward",this.language)),e("span",{key:"93542521818e022e4aa86cd1f8c0552a0a1dd184"},r("linkText",this.language))),e("button",{key:"9da8af765e0ea9b14aa2a1c08b2b0bc67b572b3d",class:"ModalAction",onClick:this.handleClick},r(this.errored?"errorBtnText":"continue",this.language)),this.isFreeSpinsGranted&&(null===(n=this.bonusProgramGames)||void 0===n?void 0:n.length)>0&&e("div",{key:"82e2f1ee940ffdd44d532690145fb825e6b57aed",class:"ModalSliderWrapper"},e("div",{key:"c35c3fa00e8d5e8d9a7be67e79ace31cec10a749",class:"ModalSlider",ref:n=>this.sliderContainer=n,onPointerDown:this.onPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onPointerLeave:this.onPointerUp},this.bonusProgramGames.map((n=>e("div",{class:"ModalSlide",key:n.GameSlug,"data-slug":n.GameSlug},e("div",{class:"ModalSlideImageWrapper"},e("img",{src:n.Thumbnail,alt:""})),e("div",{class:"ModalSlideSpins"},r("useSpinsNow",this.language),e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L5.13807 4.19526C5.39842 4.45561 5.39842 4.87772 5.13807 5.13807L1.13807 9.13807C0.877722 9.39842 0.455612 9.39842 0.195262 9.13807C-0.0650874 8.87772 -0.0650874 8.45561 0.195262 8.19526L3.72386 4.66667L0.195262 1.13807C-0.0650874 0.877722 -0.0650874 0.455612 0.195262 0.195262Z",fill:"white"}))))))),this.bonusProgramGames.length>1&&e("div",{key:"c9af26d8381e3c778000d096b14abc3d8a52e81c"},e("button",{key:"416c033130b5487171a85ff3d5ec9da80e47a52f",class:{prev:!0,disabled:0===this.currentIndex},onClick:this.prev},e("svg",{key:"b553e36dbfc558e6ad64d5116bbeb09789543df3",xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},e("path",{key:"f9d01719f223b8f0a4f85c5da6e2707c95ea7a7c",d:"M5 1L1 5L5 9","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),e("button",{key:"35d761b5775216fac350a37337af060dddfff32f",class:{next:!0,disabled:this.currentIndex===this.bonusProgramGames.length-1},onClick:this.next},e("svg",{key:"4983d8321485aea0af04214d9adee8c6f8a3de13",xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},e("path",{key:"e55bd61046ddfafe8d4ac99f07ae4512f991cb03",d:"M1 1L5 5L1 9","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),e("div",{key:"44d4eb4230b4480d66787191a56c0be0f20add88",class:"ModalSliderDots"},this.bonusProgramGames.map(((n,i)=>e("span",{class:{ModalSliderDot:!0,active:i===this.currentIndex},onClick:()=>{this.currentIndex=i,this.setPositionByIndex()}}))))))))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],bonusProgramGames:["handleBonusProgramGameChange"]}}};d.style=':host {\n  display: block;\n  font-family: inherit;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbutton {\n  border: none;\n  background: none;\n  cursor: pointer;\n  touch-action: manipulation;\n}\nbutton:focus {\n  outline: none;\n}\n\n.ModalOverlay {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0);\n  justify-content: center;\n  align-items: center;\n  z-index: 302;\n  container-name: modal-container;\n  container-type: size;\n}\n\n.ModalOverlay.Open {\n  display: flex;\n}\n\n.ModalWrapper {\n  container: modal/size;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.ModalContent {\n  display: flex;\n  background: var(--emw--modal-border-color, linear-gradient(90deg, #003e5c 0.05%, #113b21 87.69%));\n  padding: 40px;\n  border-radius: 26px;\n  border: 2px solid var(--emw--modal-outline-color, #1e654f);\n  width: 540px;\n  max-width: 90%;\n  text-align: center;\n  max-height: 90dvh;\n  min-height: 100px;\n  font-family: "Roboto", sans-serif;\n}\n\n.InnerContainer {\n  border-radius: 20px;\n  background: var(--emw--modal-background-color, #f9f8f8);\n  padding: 20px;\n  width: 100%;\n  flex-direction: column;\n  align-items: center;\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n\n.InnerContainer::-webkit-scrollbar {\n  display: none;\n}\n\n.ImageWrapper {\n  margin-bottom: 10px;\n}\n\n.ModalHeader {\n  color: var(--emw--modal-title-color, #212529);\n  text-align: center;\n  font-family: var(--emw--button-typography, "PF BeauSans Pro", sans-serif);\n  font-size: var(--emw--font-size-medium, 16px);\n  font-weight: var(--emw--font-weight-bold, 700);\n  line-height: normal;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.ModalSubtitle {\n  color: var(--emw--modal-title-color, #212529);\n  text-align: center;\n  font-size: var(--emw--font-size-medium, 16px);\n  font-weight: var(--emw--font-weigh-normal, 400);\n  margin: 10px auto 0;\n  line-height: 24px;\n}\n\n.ModalErrorMessage {\n  color: var(--emw--modal-title-color, #212529);\n  font-size: var(--emw--font-size-medium, 16px);\n  line-height: 24px;\n  margin: 10px 0;\n}\n\n.ModalReward {\n  background: var(--emw--modal-reward-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  font-family: var(--emw--modal-reward-typography, "PF BeauSans Pro", sans-serif);\n  font-size: var(--emw--modal-reward-font-size, 16px);\n  font-weight: var(--emw--modal-reward-font-weight, 700);\n}\n\n.ModalAddition {\n  color: var(--emw--modal-addition-color, #727672);\n  text-align: center;\n  font-family: var(--emw--modal-addition-typography, "Roboto", sans-serif);\n  font-size: var(--emw--modal-addition-font-size, 16px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-normal, 400);\n  align-content: center;\n  margin-top: 10px;\n  line-height: 24px;\n}\n\n.ModalAddition span {\n  background: var(--emw--modal-support-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  font-style: normal;\n  font-weight: var(--emw--modal-support-font-weight, 700);\n  line-height: 15px;\n  text-decoration: none;\n  position: relative;\n}\n.ModalAddition span::after {\n  content: "";\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: 1px;\n  width: 100%;\n  background: var(--emw--modal-support-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n}\n\n.ModalAction {\n  border-radius: var(--emw--modal-button-border-radius, 99px);\n  border: 2px solid var(--emw--modal-button-border-color, #083b17);\n  background: var(--emw--modal-button-background-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  padding: 9px 20px;\n  margin-top: 24px;\n  text-transform: uppercase;\n  color: var(--emw--modal-button-color, #fff);\n  text-align: center;\n  font-family: var(--emw--modal-button-typography, "PF BeauSans Pro", sans-serif);\n  font-size: var(--emw--modal-button-font-size, 14px);\n  font-weight: var(--emw--modal-button-font-weight, 700);\n  min-width: 100px;\n}\n\n.ModalSliderWrapper {\n  margin: 24px auto 0;\n  position: relative;\n  overflow: hidden;\n  width: 316px;\n}\n\n.ModalSlider {\n  display: flex;\n  transition: transform 0.3s ease;\n  cursor: pointer;\n  touch-action: pan-y;\n}\n\n.ModalSlider:active {\n  cursor: grabbing;\n}\n\n.ModalSlide {\n  min-width: 100%;\n  flex-shrink: 0;\n  position: relative;\n  display: flex;\n  justify-content: center;\n}\n.ModalSlide .ModalSlideSpins {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: var(--emw--modal-game-border-radius, 99px);\n  width: 188px;\n  height: 48px;\n  text-transform: uppercase;\n  font-size: var(--emw--modal-game-font-size, 14px);\n  font-weight: var(--emw--modal-game-font-weight, 700);\n  color: var(--emw--modal-game-font-color, #ffffff);\n  align-content: center;\n  background: var(--emw--modal-game-background, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%));\n}\n.ModalSlide .ModalSlideSpins svg {\n  margin-left: 8px;\n}\n.ModalSlide .ModalSlideImageWrapper {\n  position: relative;\n  width: 244px;\n  height: 144px;\n  border-radius: 12px;\n  overflow: hidden;\n}\n.ModalSlide .ModalSlideImageWrapper img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n.ModalSlide .ModalSlideImageWrapper::after {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background: var(--emw--color-black-shadow, rgba(0, 0, 0, 0.5019607843));\n}\n\n.prev,\n.next {\n  position: absolute;\n  top: 42%;\n  transform: translateY(-50%);\n  stroke: var(--emw--modal-slider-arrow-color, #ffffff);\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  border: 2px solid var(--emw--modal-slider-border-color, #083b17);\n  background: var(--emw--modal-slider-arrow-bg, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.prev.disabled,\n.next.disabled {\n  stroke: var(--emw--modal-slider-arrow-secondary-color, #727672);\n  background: var(--emw--modal-slider-arrow-secondary-bg, rgba(0, 0, 0, 0.4));\n  border-color: var(--emw--modal-slider-border-secondary-color, #727672);\n}\n\n.prev {\n  left: 2px;\n}\n\n.next {\n  right: 2px;\n}\n\n.ModalSliderDots {\n  display: flex;\n  justify-content: center;\n  margin-top: 10px;\n}\n\n.ModalSliderDot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--emw--modal-slider-dot-color, #e2e2e2);\n  margin: 8px;\n  cursor: pointer;\n}\n\n.ModalSliderDot.active {\n  background: var(--emw--modal-slider-active-dot-color, #00b74f);\n}\n\n.Mobile .ModalContent {\n  padding: 26px;\n}\n.Mobile .InnerContainer {\n  padding: 25px;\n}\n.Mobile .ImageWrapper {\n  margin-bottom: 6px;\n}\n.Mobile .ModalHeader {\n  margin-bottom: 16px;\n  font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile .ModalAddition {\n  font-size: var(--emw--font-size-x-small, 12px);\n  margin-top: 8px;\n  line-height: normal;\n}\n.Mobile .ModalAction,\n.Mobile .ModalSliderWrapper {\n  margin: 20px auto 0;\n}\n.Mobile .ModalSliderWrapper {\n  width: 230px;\n}\n.Mobile .ModalSliderWrapper .prev,\n.Mobile .ModalSliderWrapper .next {\n  display: none;\n}\n.Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n  height: 125px;\n  width: 220px;\n}\n.Mobile .ModalSliderWrapper .ModalSlideSpins {\n  width: 154px;\n  height: 34px;\n  font-size: var(--emw--font-size-x-small, 12px);\n}\n.Mobile .ModalSliderWrapper .ModalSliderDots {\n  margin-top: 5px;\n}\n.Mobile .ModalSliderWrapper .ModalSliderDots .ModalSliderDot {\n  margin: 4px;\n}\n.Mobile .ModalSubtitle,\n.Mobile .ModalReward {\n  font-size: var(--emw--font-size-small, 14px);\n  line-height: 18px;\n}\n.Mobile .ModalAction {\n  font-size: var(--emw--font-size-x-small, 12px);\n}\n\n@container modal (height < 720px) {\n  .Mobile .ModalContent {\n    padding: 20px;\n  }\n  .Mobile .InnerContainer {\n    padding: 8px 20px;\n  }\n  .Mobile .ModalHeader {\n    margin-bottom: 8px;\n  }\n  .Mobile .ModalSubtitle {\n    width: 100%;\n    margin: 0 auto;\n  }\n  .Mobile .ModalAction {\n    margin-top: 8px;\n  }\n  .Mobile .ModalSliderWrapper {\n    margin: 8px auto 0;\n  }\n  .Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n    width: 176px;\n    height: 100px;\n  }\n}\n@container modal-container (max-height: 750px) {\n  .InnerContainer {\n    padding: 12px;\n  }\n  .ModalContent {\n    padding: 25px;\n  }\n  .ModalSliderWrapper,\n  .ModalAction {\n    margin-top: 15px;\n  }\n  .ModalSlideImageWrapper {\n    height: 125px;\n    width: 220px;\n  }\n  .ModalSlideSpins {\n    width: 154px;\n    height: 34px;\n    font-size: var(--emw--font-size-x-small, 12px);\n  }\n  .ModalAction {\n    padding: 5px 15px;\n  }\n}';export{d as C}

package/dist/casino-challenges-overlay-modal/casino-challenges-overlay-modal.entry.js

@@ -1 +1 @@
-export{C as casino_challenges_overlay_modal}from"./casino-challenges-overlay-modal-2bb2c467.js";import"./index-603664b0.js";
+export{C as casino_challenges_overlay_modal}from"./casino-challenges-overlay-modal-cb8b896c.js";import"./index-603664b0.js";

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

@@ -1 +1 @@
-export{C as CasinoChallengesOverlayModal}from"./casino-challenges-overlay-modal-2bb2c467.js";import"./index-603664b0.js";
+export{C as CasinoChallengesOverlayModal}from"./casino-challenges-overlay-modal-cb8b896c.js";import"./index-603664b0.js";

package/dist/cjs/{casino-challenges-overlay-modal-dd40ebae.js → casino-challenges-overlay-modal-05127ec1.js}

@@ -171,7 +171,7 @@ const resolveTranslationUrl = async (translationUrl) => {
     }
 };
 
-const casinoChallengesOverlayModalCss = ":host {\n  display: block;\n  font-family: inherit;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbutton {\n  border: none;\n  background: none;\n  cursor: pointer;\n  touch-action: manipulation;\n}\nbutton:focus {\n  outline: none;\n}\n\n.ModalOverlay {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0);\n  justify-content: center;\n  align-items: center;\n  z-index: 302;\n}\n\n.ModalOverlay.Open {\n  display: flex;\n}\n\n.ModalWrapper {\n  container: modal/size;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.ModalContent {\n  display: flex;\n  background: var(--emw--modal-border-color, linear-gradient(90deg, #003e5c 0.05%, #113b21 87.69%));\n  padding: 40px;\n  border-radius: 26px;\n  border: 2px solid var(--emw--modal-outline-color, #1e654f);\n  width: 540px;\n  max-width: 90%;\n  text-align: center;\n  max-height: 90dvh;\n  min-height: 100px;\n  font-family: \"Roboto\", sans-serif;\n}\n\n.InnerContainer {\n  border-radius: 20px;\n  background: var(--emw--modal-background-color, #f9f8f8);\n  padding: 20px;\n  width: 100%;\n  flex-direction: column;\n  align-items: center;\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n}\n\n.ImageWrapper {\n  margin-bottom: 10px;\n}\n\n.ModalHeader {\n  color: var(--emw--modal-title-color, #212529);\n  text-align: center;\n  font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);\n  font-size: var(--emw--font-size-medium, 16px);\n  font-weight: var(--emw--font-weight-bold, 700);\n  line-height: normal;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.ModalSubtitle {\n  color: var(--emw--modal-title-color, #212529);\n  text-align: center;\n  font-size: var(--emw--font-size-medium, 16px);\n  font-weight: var(--emw--font-weigh-normal, 400);\n  margin: 10px auto 0;\n  line-height: 24px;\n  max-width: 320px;\n}\n\n.ModalErrorMessage {\n  color: var(--emw--modal-title-color, #212529);\n  font-size: var(--emw--font-size-medium, 16px);\n  line-height: 24px;\n  margin: 10px 0;\n}\n\n.ModalReward {\n  background: var(--emw--modal-reward-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  font-family: var(--emw--modal-reward-typography, \"PF BeauSans Pro\", sans-serif);\n  font-size: var(--emw--modal-reward-font-size, 16px);\n  font-weight: var(--emw--modal-reward-font-weight, 700);\n}\n\n.ModalAddition {\n  color: var(--emw--modal-addition-color, #727672);\n  text-align: center;\n  font-family: var(--emw--modal-addition-typography, \"Roboto\", sans-serif);\n  font-size: var(--emw--modal-addition-font-size, 16px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-normal, 400);\n  align-content: center;\n  margin-top: 10px;\n  line-height: 24px;\n}\n\n.ModalAddition span {\n  background: var(--emw--modal-support-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  font-style: normal;\n  font-weight: var(--emw--modal-support-font-weight, 700);\n  line-height: 15px;\n  text-decoration: none;\n  position: relative;\n}\n.ModalAddition span::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: 1px;\n  width: 100%;\n  background: var(--emw--modal-support-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n}\n\n.ModalAction {\n  border-radius: var(--emw--modal-button-border-radius, 99px);\n  border: 2px solid var(--emw--modal-button-border-color, #083b17);\n  background: var(--emw--modal-button-background-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  padding: 9px 20px;\n  margin-top: 24px;\n  text-transform: uppercase;\n  color: var(--emw--modal-button-color, #fff);\n  text-align: center;\n  font-family: var(--emw--modal-button-typography, \"PF BeauSans Pro\", sans-serif);\n  font-size: var(--emw--modal-button-font-size, 14px);\n  font-weight: var(--emw--modal-button-font-weight, 700);\n  min-width: 100px;\n}\n\n.ModalSliderWrapper {\n  margin: 24px auto 0;\n  position: relative;\n  overflow: hidden;\n  width: 316px;\n}\n\n.ModalSlider {\n  display: flex;\n  transition: transform 0.3s ease;\n  cursor: pointer;\n  touch-action: pan-y;\n}\n\n.ModalSlider:active {\n  cursor: grabbing;\n}\n\n.ModalSlide {\n  min-width: 100%;\n  flex-shrink: 0;\n  position: relative;\n  display: flex;\n  justify-content: center;\n}\n.ModalSlide .ModalSlideSpins {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: var(--emw--modal-game-border-radius, 99px);\n  width: 188px;\n  height: 48px;\n  text-transform: uppercase;\n  font-size: var(--emw--modal-game-font-size, 14px);\n  font-weight: var(--emw--modal-game-font-weight, 700);\n  color: var(--emw--modal-game-font-color, #ffffff);\n  align-content: center;\n  background: var(--emw--modal-game-background, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%));\n}\n.ModalSlide .ModalSlideSpins svg {\n  margin-left: 8px;\n}\n.ModalSlide .ModalSlideImageWrapper {\n  position: relative;\n  width: 244px;\n  height: 144px;\n  border-radius: 12px;\n  overflow: hidden;\n}\n.ModalSlide .ModalSlideImageWrapper img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n.ModalSlide .ModalSlideImageWrapper::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: var(--emw--color-black-shadow, rgba(0, 0, 0, 0.5019607843));\n}\n\n.prev,\n.next {\n  position: absolute;\n  top: 42%;\n  transform: translateY(-50%);\n  stroke: var(--emw--modal-slider-arrow-color, #ffffff);\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  border: 2px solid var(--emw--modal-slider-border-color, #083b17);\n  background: var(--emw--modal-slider-arrow-bg, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.prev.disabled,\n.next.disabled {\n  stroke: var(--emw--modal-slider-arrow-secondary-color, #727672);\n  background: var(--emw--modal-slider-arrow-secondary-bg, rgba(0, 0, 0, 0.4));\n  border-color: var(--emw--modal-slider-border-secondary-color, #727672);\n}\n\n.prev {\n  left: 2px;\n}\n\n.next {\n  right: 2px;\n}\n\n.ModalSliderDots {\n  display: flex;\n  justify-content: center;\n  margin-top: 10px;\n}\n\n.ModalSliderDot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--emw--modal-slider-dot-color, #e2e2e2);\n  margin: 8px;\n  cursor: pointer;\n}\n\n.ModalSliderDot.active {\n  background: var(--emw--modal-slider-active-dot-color, #00b74f);\n}\n\n.Mobile .ModalContent {\n  padding: 26px;\n}\n.Mobile .InnerContainer {\n  padding: 25px;\n}\n.Mobile .ImageWrapper {\n  margin-bottom: 6px;\n}\n.Mobile .ModalHeader {\n  margin-bottom: 16px;\n}\n.Mobile .ModalAddition {\n  font-size: var(--emw--font-size-x-small, 12px);\n  margin-top: 8px;\n}\n.Mobile .ModalAction,\n.Mobile .ModalSliderWrapper {\n  margin: 20px auto 0;\n}\n.Mobile .ModalSliderWrapper {\n  width: 230px;\n}\n.Mobile .ModalSliderWrapper .prev,\n.Mobile .ModalSliderWrapper .next {\n  display: none;\n}\n.Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n  height: 125px;\n  width: 220px;\n}\n.Mobile .ModalSliderWrapper .ModalSlideSpins {\n  width: 154px;\n  height: 34px;\n  font-size: var(--emw--font-size-x-small, 12px);\n}\n.Mobile .ModalSliderWrapper .ModalSliderDot {\n  margin: 8px 4px;\n}\n.Mobile .ModalSubtitle,\n.Mobile .ModalReward {\n  font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile .ModalAction {\n  font-size: var(--emw--font-size-x-small, 12px);\n}\n\n@container modal (height < 720px) {\n  .Mobile .ModalContent {\n    padding: 20px;\n  }\n  .Mobile .InnerContainer {\n    padding: 8px 20px;\n  }\n  .Mobile .ModalHeader {\n    margin-bottom: 8px;\n  }\n  .Mobile .ModalSubtitle {\n    width: 100%;\n    margin: 0 auto;\n  }\n  .Mobile .ModalAction {\n    margin-top: 8px;\n  }\n  .Mobile .ModalSliderWrapper {\n    margin: 8px auto 0;\n  }\n  .Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n    width: 176px;\n    height: 100px;\n  }\n}";
+const casinoChallengesOverlayModalCss = ":host {\n  display: block;\n  font-family: inherit;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbutton {\n  border: none;\n  background: none;\n  cursor: pointer;\n  touch-action: manipulation;\n}\nbutton:focus {\n  outline: none;\n}\n\n.ModalOverlay {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0);\n  justify-content: center;\n  align-items: center;\n  z-index: 302;\n  container-name: modal-container;\n  container-type: size;\n}\n\n.ModalOverlay.Open {\n  display: flex;\n}\n\n.ModalWrapper {\n  container: modal/size;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.ModalContent {\n  display: flex;\n  background: var(--emw--modal-border-color, linear-gradient(90deg, #003e5c 0.05%, #113b21 87.69%));\n  padding: 40px;\n  border-radius: 26px;\n  border: 2px solid var(--emw--modal-outline-color, #1e654f);\n  width: 540px;\n  max-width: 90%;\n  text-align: center;\n  max-height: 90dvh;\n  min-height: 100px;\n  font-family: \"Roboto\", sans-serif;\n}\n\n.InnerContainer {\n  border-radius: 20px;\n  background: var(--emw--modal-background-color, #f9f8f8);\n  padding: 20px;\n  width: 100%;\n  flex-direction: column;\n  align-items: center;\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n\n.InnerContainer::-webkit-scrollbar {\n  display: none;\n}\n\n.ImageWrapper {\n  margin-bottom: 10px;\n}\n\n.ModalHeader {\n  color: var(--emw--modal-title-color, #212529);\n  text-align: center;\n  font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);\n  font-size: var(--emw--font-size-medium, 16px);\n  font-weight: var(--emw--font-weight-bold, 700);\n  line-height: normal;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.ModalSubtitle {\n  color: var(--emw--modal-title-color, #212529);\n  text-align: center;\n  font-size: var(--emw--font-size-medium, 16px);\n  font-weight: var(--emw--font-weigh-normal, 400);\n  margin: 10px auto 0;\n  line-height: 24px;\n}\n\n.ModalErrorMessage {\n  color: var(--emw--modal-title-color, #212529);\n  font-size: var(--emw--font-size-medium, 16px);\n  line-height: 24px;\n  margin: 10px 0;\n}\n\n.ModalReward {\n  background: var(--emw--modal-reward-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  font-family: var(--emw--modal-reward-typography, \"PF BeauSans Pro\", sans-serif);\n  font-size: var(--emw--modal-reward-font-size, 16px);\n  font-weight: var(--emw--modal-reward-font-weight, 700);\n}\n\n.ModalAddition {\n  color: var(--emw--modal-addition-color, #727672);\n  text-align: center;\n  font-family: var(--emw--modal-addition-typography, \"Roboto\", sans-serif);\n  font-size: var(--emw--modal-addition-font-size, 16px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-normal, 400);\n  align-content: center;\n  margin-top: 10px;\n  line-height: 24px;\n}\n\n.ModalAddition span {\n  background: var(--emw--modal-support-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  font-style: normal;\n  font-weight: var(--emw--modal-support-font-weight, 700);\n  line-height: 15px;\n  text-decoration: none;\n  position: relative;\n}\n.ModalAddition span::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: 1px;\n  width: 100%;\n  background: var(--emw--modal-support-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n}\n\n.ModalAction {\n  border-radius: var(--emw--modal-button-border-radius, 99px);\n  border: 2px solid var(--emw--modal-button-border-color, #083b17);\n  background: var(--emw--modal-button-background-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  padding: 9px 20px;\n  margin-top: 24px;\n  text-transform: uppercase;\n  color: var(--emw--modal-button-color, #fff);\n  text-align: center;\n  font-family: var(--emw--modal-button-typography, \"PF BeauSans Pro\", sans-serif);\n  font-size: var(--emw--modal-button-font-size, 14px);\n  font-weight: var(--emw--modal-button-font-weight, 700);\n  min-width: 100px;\n}\n\n.ModalSliderWrapper {\n  margin: 24px auto 0;\n  position: relative;\n  overflow: hidden;\n  width: 316px;\n}\n\n.ModalSlider {\n  display: flex;\n  transition: transform 0.3s ease;\n  cursor: pointer;\n  touch-action: pan-y;\n}\n\n.ModalSlider:active {\n  cursor: grabbing;\n}\n\n.ModalSlide {\n  min-width: 100%;\n  flex-shrink: 0;\n  position: relative;\n  display: flex;\n  justify-content: center;\n}\n.ModalSlide .ModalSlideSpins {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: var(--emw--modal-game-border-radius, 99px);\n  width: 188px;\n  height: 48px;\n  text-transform: uppercase;\n  font-size: var(--emw--modal-game-font-size, 14px);\n  font-weight: var(--emw--modal-game-font-weight, 700);\n  color: var(--emw--modal-game-font-color, #ffffff);\n  align-content: center;\n  background: var(--emw--modal-game-background, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%));\n}\n.ModalSlide .ModalSlideSpins svg {\n  margin-left: 8px;\n}\n.ModalSlide .ModalSlideImageWrapper {\n  position: relative;\n  width: 244px;\n  height: 144px;\n  border-radius: 12px;\n  overflow: hidden;\n}\n.ModalSlide .ModalSlideImageWrapper img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n.ModalSlide .ModalSlideImageWrapper::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: var(--emw--color-black-shadow, rgba(0, 0, 0, 0.5019607843));\n}\n\n.prev,\n.next {\n  position: absolute;\n  top: 42%;\n  transform: translateY(-50%);\n  stroke: var(--emw--modal-slider-arrow-color, #ffffff);\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  border: 2px solid var(--emw--modal-slider-border-color, #083b17);\n  background: var(--emw--modal-slider-arrow-bg, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.prev.disabled,\n.next.disabled {\n  stroke: var(--emw--modal-slider-arrow-secondary-color, #727672);\n  background: var(--emw--modal-slider-arrow-secondary-bg, rgba(0, 0, 0, 0.4));\n  border-color: var(--emw--modal-slider-border-secondary-color, #727672);\n}\n\n.prev {\n  left: 2px;\n}\n\n.next {\n  right: 2px;\n}\n\n.ModalSliderDots {\n  display: flex;\n  justify-content: center;\n  margin-top: 10px;\n}\n\n.ModalSliderDot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--emw--modal-slider-dot-color, #e2e2e2);\n  margin: 8px;\n  cursor: pointer;\n}\n\n.ModalSliderDot.active {\n  background: var(--emw--modal-slider-active-dot-color, #00b74f);\n}\n\n.Mobile .ModalContent {\n  padding: 26px;\n}\n.Mobile .InnerContainer {\n  padding: 25px;\n}\n.Mobile .ImageWrapper {\n  margin-bottom: 6px;\n}\n.Mobile .ModalHeader {\n  margin-bottom: 16px;\n  font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile .ModalAddition {\n  font-size: var(--emw--font-size-x-small, 12px);\n  margin-top: 8px;\n  line-height: normal;\n}\n.Mobile .ModalAction,\n.Mobile .ModalSliderWrapper {\n  margin: 20px auto 0;\n}\n.Mobile .ModalSliderWrapper {\n  width: 230px;\n}\n.Mobile .ModalSliderWrapper .prev,\n.Mobile .ModalSliderWrapper .next {\n  display: none;\n}\n.Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n  height: 125px;\n  width: 220px;\n}\n.Mobile .ModalSliderWrapper .ModalSlideSpins {\n  width: 154px;\n  height: 34px;\n  font-size: var(--emw--font-size-x-small, 12px);\n}\n.Mobile .ModalSliderWrapper .ModalSliderDots {\n  margin-top: 5px;\n}\n.Mobile .ModalSliderWrapper .ModalSliderDots .ModalSliderDot {\n  margin: 4px;\n}\n.Mobile .ModalSubtitle,\n.Mobile .ModalReward {\n  font-size: var(--emw--font-size-small, 14px);\n  line-height: 18px;\n}\n.Mobile .ModalAction {\n  font-size: var(--emw--font-size-x-small, 12px);\n}\n\n@container modal (height < 720px) {\n  .Mobile .ModalContent {\n    padding: 20px;\n  }\n  .Mobile .InnerContainer {\n    padding: 8px 20px;\n  }\n  .Mobile .ModalHeader {\n    margin-bottom: 8px;\n  }\n  .Mobile .ModalSubtitle {\n    width: 100%;\n    margin: 0 auto;\n  }\n  .Mobile .ModalAction {\n    margin-top: 8px;\n  }\n  .Mobile .ModalSliderWrapper {\n    margin: 8px auto 0;\n  }\n  .Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n    width: 176px;\n    height: 100px;\n  }\n}\n@container modal-container (max-height: 750px) {\n  .InnerContainer {\n    padding: 12px;\n  }\n  .ModalContent {\n    padding: 25px;\n  }\n  .ModalSliderWrapper,\n  .ModalAction {\n    margin-top: 15px;\n  }\n  .ModalSlideImageWrapper {\n    height: 125px;\n    width: 220px;\n  }\n  .ModalSlideSpins {\n    width: 154px;\n    height: 34px;\n    font-size: var(--emw--font-size-x-small, 12px);\n  }\n  .ModalAction {\n    padding: 5px 15px;\n  }\n}";
 const CasinoChallengesOverlayModalStyle0 = casinoChallengesOverlayModalCss;
 
 const CasinoChallengesOverlayModal = class {
@@ -257,7 +257,7 @@ const CasinoChallengesOverlayModal = class {
             }
         };
         this.checkIsMobile = () => {
-            this.isMobile = window.innerWidth <= 768;
+            this.isMobile = window.innerWidth <= 768 || window.innerHeight < 660;
         };
         this.mbSource = undefined;
         this.clientStyling = undefined;
@@ -333,17 +333,17 @@ const CasinoChallengesOverlayModal = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: 'ffbd421b6964a16d021816c8c74ddfc2abf788c8', ref: (el) => (this.stylingContainer = el), class: {
+        return (index.h("div", { key: '9c6467b4393741a0c06cccbc4a56e263f6ecbacf', ref: (el) => (this.stylingContainer = el), class: {
                 ModalOverlay: true,
                 Mobile: this.isMobile,
                 Open: this.isOpen
-            } }, index.h("div", { key: 'c4b08fad45496921eb6d01353de7f9e57cff9763', class: "ModalWinAnimation" }), index.h("div", { key: '33371b756bbf2c5db0818b1f292e3cc7b29dde53', class: "ModalWrapper" }, index.h("div", { key: '2b402106d0c4ede12a67055c6df25c41c3710f06', class: "ModalContent GradientBorder" }, index.h("div", { key: 'ac0d4569ed370c54eb0cbc0bbb3bc6886b19713d', class: "InnerContainer" }, !this.errored && (index.h("div", { key: '96aa73fb4e7b4dc46c8b0b5986dffcaeb5b28aa8', class: "ImageWrapper" }, index.h("img", { key: 'ae45c9d19cba64225103cb800f588c35ba145fed', src: giftboxSvg, alt: "gift-box-icon" }))), index.h("h1", { key: '19003de35bf4476016ff592e7fc62a860794f62c', class: "ModalHeader" }, translate(this.errored ? 'errorTitle' : 'congrats', this.language)), this.errored ? (index.h("div", { class: "ModalErrorMessage" }, translate('errorSubTitle', this.language))) : (index.h("div", { class: "ModalSubtitle" }, `${translate('level', this.language)} ${this.orderNumber} ${translate('completed', this.language)}`, index.h("div", null, translate('youWon', this.language)), index.h("div", { class: "ModalReward" }, this.reward), this.isFreeSpinsGranted && (index.h("div", { class: "ModalAddition" }, translate('playNowOrLater', this.language))), index.h("div", { class: "ModalAddition" }, translate('rewardInLobby', this.language)))), this.addition && (index.h("div", { key: '319b5cff8ce9ae566350bf08e9183833e1609fcd', class: "ModalAddition" }, index.h("div", { key: '361cf066b060bfd2078073f14f3d3b0eeb68e4c4' }, translate('physicalReward', this.language)), index.h("span", { key: 'fff547c42c2f91b9527db37aa71efb41db6dee61' }, translate('linkText', this.language)))), index.h("button", { key: '1d1cf2eaffc175b3342520c09dccdc603faf6012', class: "ModalAction", onClick: this.handleClick }, this.errored ? translate('errorBtnText', this.language) : translate('continue', this.language)), this.isFreeSpinsGranted && ((_a = this.bonusProgramGames) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("div", { key: 'b2c4a528e8c8a9955f580aef8c95013be75c2400', class: "ModalSliderWrapper" }, index.h("div", { key: 'ac70d626a28e19545478c50c3c4b5c8e18191b90', class: "ModalSlider", ref: (el) => (this.sliderContainer = el), onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerLeave: this.onPointerUp }, this.bonusProgramGames.map((item) => (index.h("div", { class: "ModalSlide", key: item.GameSlug, "data-slug": item.GameSlug }, index.h("div", { class: "ModalSlideImageWrapper" }, index.h("img", { src: item.Thumbnail, alt: "" })), index.h("div", { class: "ModalSlideSpins" }, translate('useSpinsNow', this.language), index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L5.13807 4.19526C5.39842 4.45561 5.39842 4.87772 5.13807 5.13807L1.13807 9.13807C0.877722 9.39842 0.455612 9.39842 0.195262 9.13807C-0.0650874 8.87772 -0.0650874 8.45561 0.195262 8.19526L3.72386 4.66667L0.195262 1.13807C-0.0650874 0.877722 -0.0650874 0.455612 0.195262 0.195262Z", fill: "white" }))))))), this.bonusProgramGames.length > 1 && (index.h("div", { key: '518a95befadd9cc28d86204c3881c987db3f6b04' }, index.h("button", { key: '962931fc3d3dc882790027b15fb4c22e35e0c741', class: {
+            } }, index.h("div", { key: 'bc8fefa26599b9d147e32455e892ac492b34899d', class: "ModalWinAnimation" }), index.h("div", { key: 'c40a90a75fb7e540e326dce3da299ecdeddaf5de', class: "ModalWrapper" }, index.h("div", { key: '43c239b2d868d7eeb401514597c0ab770465cb98', class: "ModalContent GradientBorder" }, index.h("div", { key: 'a8c3cfed13eb0aa34dde867065fd5ae3d1f363de', class: "InnerContainer" }, !this.errored && (index.h("div", { key: '8a037fc0078ce408c20d432754b052a072d9038e', class: "ImageWrapper" }, index.h("img", { key: '2dce4dddb9171b383e497fcf02f9d8177320e7a8', src: giftboxSvg, alt: "gift-box-icon" }))), index.h("h1", { key: 'd3797d201840749d4502c7e1de46d9798a8f9c96', class: "ModalHeader" }, translate(this.errored ? 'errorTitle' : 'congrats', this.language)), this.errored ? (index.h("div", { class: "ModalErrorMessage" }, translate('errorSubTitle', this.language))) : (index.h("div", { class: "ModalSubtitle" }, `${translate('level', this.language)} ${this.orderNumber} ${translate('completed', this.language)}`, index.h("div", null, translate('youWon', this.language)), index.h("div", { class: "ModalReward" }, this.reward), this.isFreeSpinsGranted && (index.h("div", { class: "ModalAddition" }, translate('playNowOrLater', this.language))), index.h("div", { class: "ModalAddition" }, translate('rewardInLobby', this.language)))), this.addition && (index.h("div", { key: 'cd309b3d5aef1b0ee788e69078a0dde933a005b8', class: "ModalAddition" }, index.h("div", { key: '4e039c5b5f34bf83283e8930f5b411c89c8c3083' }, translate('physicalReward', this.language)), index.h("span", { key: '93542521818e022e4aa86cd1f8c0552a0a1dd184' }, translate('linkText', this.language)))), index.h("button", { key: '9da8af765e0ea9b14aa2a1c08b2b0bc67b572b3d', class: "ModalAction", onClick: this.handleClick }, this.errored ? translate('errorBtnText', this.language) : translate('continue', this.language)), this.isFreeSpinsGranted && ((_a = this.bonusProgramGames) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("div", { key: '82e2f1ee940ffdd44d532690145fb825e6b57aed', class: "ModalSliderWrapper" }, index.h("div", { key: 'c35c3fa00e8d5e8d9a7be67e79ace31cec10a749', class: "ModalSlider", ref: (el) => (this.sliderContainer = el), onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerLeave: this.onPointerUp }, this.bonusProgramGames.map((item) => (index.h("div", { class: "ModalSlide", key: item.GameSlug, "data-slug": item.GameSlug }, index.h("div", { class: "ModalSlideImageWrapper" }, index.h("img", { src: item.Thumbnail, alt: "" })), index.h("div", { class: "ModalSlideSpins" }, translate('useSpinsNow', this.language), index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L5.13807 4.19526C5.39842 4.45561 5.39842 4.87772 5.13807 5.13807L1.13807 9.13807C0.877722 9.39842 0.455612 9.39842 0.195262 9.13807C-0.0650874 8.87772 -0.0650874 8.45561 0.195262 8.19526L3.72386 4.66667L0.195262 1.13807C-0.0650874 0.877722 -0.0650874 0.455612 0.195262 0.195262Z", fill: "white" }))))))), this.bonusProgramGames.length > 1 && (index.h("div", { key: 'c9af26d8381e3c778000d096b14abc3d8a52e81c' }, index.h("button", { key: '416c033130b5487171a85ff3d5ec9da80e47a52f', class: {
                 prev: true,
                 disabled: this.currentIndex === 0
-            }, onClick: this.prev }, index.h("svg", { key: '404ea526331db4676e7533131f43e183fbe7b8f9', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { key: 'edbba112e1a68c1a640b066fe737cf55cf77e217', d: "M5 1L1 5L5 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("button", { key: 'e3b10dc621a1e5e4f53ff8f5e2b28c153c62573c', class: {
+            }, onClick: this.prev }, index.h("svg", { key: 'b553e36dbfc558e6ad64d5116bbeb09789543df3', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { key: 'f9d01719f223b8f0a4f85c5da6e2707c95ea7a7c', d: "M5 1L1 5L5 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("button", { key: '35d761b5775216fac350a37337af060dddfff32f', class: {
                 next: true,
                 disabled: this.currentIndex === this.bonusProgramGames.length - 1
-            }, onClick: this.next }, index.h("svg", { key: '6daa1f94fd2c9d841ee612dec2c1bb07169331c6', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { key: 'de0f47067a04bffd49293cc1c6a4717feeedb424', d: "M1 1L5 5L1 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("div", { key: 'd4ff6bca4002d001eed86240b5f9a3e882573914', class: "ModalSliderDots" }, this.bonusProgramGames.map((_, i) => (index.h("span", { class: {
+            }, onClick: this.next }, index.h("svg", { key: '4983d8321485aea0af04214d9adee8c6f8a3de13', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { key: 'e55bd61046ddfafe8d4ac99f07ae4512f991cb03', d: "M1 1L5 5L1 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("div", { key: '44d4eb4230b4480d66787191a56c0be0f20add88', class: "ModalSliderDots" }, this.bonusProgramGames.map((_, i) => (index.h("span", { class: {
                 ModalSliderDot: true,
                 active: i === this.currentIndex
             }, onClick: () => {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const casinoChallengesOverlayModal = require('./casino-challenges-overlay-modal-dd40ebae.js');
+const casinoChallengesOverlayModal = require('./casino-challenges-overlay-modal-05127ec1.js');
 require('./index-3aa45572.js');
 
 

package/dist/cjs/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const casinoChallengesOverlayModal = require('./casino-challenges-overlay-modal-dd40ebae.js');
+const casinoChallengesOverlayModal = require('./casino-challenges-overlay-modal-05127ec1.js');
 require('./index-3aa45572.js');
 
 

package/dist/collection/components/casino-challenges-overlay-modal/casino-challenges-overlay-modal.css

@@ -30,6 +30,8 @@ button:focus {
   justify-content: center;
   align-items: center;
   z-index: 302;
+  container-name: modal-container;
+  container-type: size;
 }
 
 .ModalOverlay.Open {
@@ -69,7 +71,13 @@ button:focus {
   align-items: center;
   flex: 1;
   min-height: 0;
-  overflow-y: auto;
+  overflow: auto;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.InnerContainer::-webkit-scrollbar {
+  display: none;
 }
 
 .ImageWrapper {
@@ -94,7 +102,6 @@ button:focus {
   font-weight: var(--emw--font-weigh-normal, 400);
   margin: 10px auto 0;
   line-height: 24px;
-  max-width: 320px;
 }
 
 .ModalErrorMessage {
@@ -287,10 +294,12 @@ button:focus {
 }
 .Mobile .ModalHeader {
   margin-bottom: 16px;
+  font-size: var(--emw--font-size-small, 14px);
 }
 .Mobile .ModalAddition {
   font-size: var(--emw--font-size-x-small, 12px);
   margin-top: 8px;
+  line-height: normal;
 }
 .Mobile .ModalAction,
 .Mobile .ModalSliderWrapper {
@@ -312,12 +321,16 @@ button:focus {
   height: 34px;
   font-size: var(--emw--font-size-x-small, 12px);
 }
-.Mobile .ModalSliderWrapper .ModalSliderDot {
-  margin: 8px 4px;
+.Mobile .ModalSliderWrapper .ModalSliderDots {
+  margin-top: 5px;
+}
+.Mobile .ModalSliderWrapper .ModalSliderDots .ModalSliderDot {
+  margin: 4px;
 }
 .Mobile .ModalSubtitle,
 .Mobile .ModalReward {
   font-size: var(--emw--font-size-small, 14px);
+  line-height: 18px;
 }
 .Mobile .ModalAction {
   font-size: var(--emw--font-size-x-small, 12px);
@@ -347,4 +360,28 @@ button:focus {
     width: 176px;
     height: 100px;
   }
+}
+@container modal-container (max-height: 750px) {
+  .InnerContainer {
+    padding: 12px;
+  }
+  .ModalContent {
+    padding: 25px;
+  }
+  .ModalSliderWrapper,
+  .ModalAction {
+    margin-top: 15px;
+  }
+  .ModalSlideImageWrapper {
+    height: 125px;
+    width: 220px;
+  }
+  .ModalSlideSpins {
+    width: 154px;
+    height: 34px;
+    font-size: var(--emw--font-size-x-small, 12px);
+  }
+  .ModalAction {
+    padding: 5px 15px;
+  }
 }

package/dist/collection/components/casino-challenges-overlay-modal/casino-challenges-overlay-modal.js

@@ -84,7 +84,7 @@ export class CasinoChallengesOverlayModal {
             }
         };
         this.checkIsMobile = () => {
-            this.isMobile = window.innerWidth <= 768;
+            this.isMobile = window.innerWidth <= 768 || window.innerHeight < 660;
         };
         this.mbSource = undefined;
         this.clientStyling = undefined;
@@ -160,17 +160,17 @@ export class CasinoChallengesOverlayModal {
     }
     render() {
         var _a;
-        return (h("div", { key: 'ffbd421b6964a16d021816c8c74ddfc2abf788c8', ref: (el) => (this.stylingContainer = el), class: {
+        return (h("div", { key: '9c6467b4393741a0c06cccbc4a56e263f6ecbacf', ref: (el) => (this.stylingContainer = el), class: {
                 ModalOverlay: true,
                 Mobile: this.isMobile,
                 Open: this.isOpen
-            } }, h("div", { key: 'c4b08fad45496921eb6d01353de7f9e57cff9763', class: "ModalWinAnimation" }), h("div", { key: '33371b756bbf2c5db0818b1f292e3cc7b29dde53', class: "ModalWrapper" }, h("div", { key: '2b402106d0c4ede12a67055c6df25c41c3710f06', class: "ModalContent GradientBorder" }, h("div", { key: 'ac0d4569ed370c54eb0cbc0bbb3bc6886b19713d', class: "InnerContainer" }, !this.errored && (h("div", { key: '96aa73fb4e7b4dc46c8b0b5986dffcaeb5b28aa8', class: "ImageWrapper" }, h("img", { key: 'ae45c9d19cba64225103cb800f588c35ba145fed', src: giftBox, alt: "gift-box-icon" }))), h("h1", { key: '19003de35bf4476016ff592e7fc62a860794f62c', class: "ModalHeader" }, translate(this.errored ? 'errorTitle' : 'congrats', this.language)), this.errored ? (h("div", { class: "ModalErrorMessage" }, translate('errorSubTitle', this.language))) : (h("div", { class: "ModalSubtitle" }, `${translate('level', this.language)} ${this.orderNumber} ${translate('completed', this.language)}`, h("div", null, translate('youWon', this.language)), h("div", { class: "ModalReward" }, this.reward), this.isFreeSpinsGranted && (h("div", { class: "ModalAddition" }, translate('playNowOrLater', this.language))), h("div", { class: "ModalAddition" }, translate('rewardInLobby', this.language)))), this.addition && (h("div", { key: '319b5cff8ce9ae566350bf08e9183833e1609fcd', class: "ModalAddition" }, h("div", { key: '361cf066b060bfd2078073f14f3d3b0eeb68e4c4' }, translate('physicalReward', this.language)), h("span", { key: 'fff547c42c2f91b9527db37aa71efb41db6dee61' }, translate('linkText', this.language)))), h("button", { key: '1d1cf2eaffc175b3342520c09dccdc603faf6012', class: "ModalAction", onClick: this.handleClick }, this.errored ? translate('errorBtnText', this.language) : translate('continue', this.language)), this.isFreeSpinsGranted && ((_a = this.bonusProgramGames) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { key: 'b2c4a528e8c8a9955f580aef8c95013be75c2400', class: "ModalSliderWrapper" }, h("div", { key: 'ac70d626a28e19545478c50c3c4b5c8e18191b90', class: "ModalSlider", ref: (el) => (this.sliderContainer = el), onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerLeave: this.onPointerUp }, this.bonusProgramGames.map((item) => (h("div", { class: "ModalSlide", key: item.GameSlug, "data-slug": item.GameSlug }, h("div", { class: "ModalSlideImageWrapper" }, h("img", { src: item.Thumbnail, alt: "" })), h("div", { class: "ModalSlideSpins" }, translate('useSpinsNow', this.language), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L5.13807 4.19526C5.39842 4.45561 5.39842 4.87772 5.13807 5.13807L1.13807 9.13807C0.877722 9.39842 0.455612 9.39842 0.195262 9.13807C-0.0650874 8.87772 -0.0650874 8.45561 0.195262 8.19526L3.72386 4.66667L0.195262 1.13807C-0.0650874 0.877722 -0.0650874 0.455612 0.195262 0.195262Z", fill: "white" }))))))), this.bonusProgramGames.length > 1 && (h("div", { key: '518a95befadd9cc28d86204c3881c987db3f6b04' }, h("button", { key: '962931fc3d3dc882790027b15fb4c22e35e0c741', class: {
+            } }, h("div", { key: 'bc8fefa26599b9d147e32455e892ac492b34899d', class: "ModalWinAnimation" }), h("div", { key: 'c40a90a75fb7e540e326dce3da299ecdeddaf5de', class: "ModalWrapper" }, h("div", { key: '43c239b2d868d7eeb401514597c0ab770465cb98', class: "ModalContent GradientBorder" }, h("div", { key: 'a8c3cfed13eb0aa34dde867065fd5ae3d1f363de', class: "InnerContainer" }, !this.errored && (h("div", { key: '8a037fc0078ce408c20d432754b052a072d9038e', class: "ImageWrapper" }, h("img", { key: '2dce4dddb9171b383e497fcf02f9d8177320e7a8', src: giftBox, alt: "gift-box-icon" }))), h("h1", { key: 'd3797d201840749d4502c7e1de46d9798a8f9c96', class: "ModalHeader" }, translate(this.errored ? 'errorTitle' : 'congrats', this.language)), this.errored ? (h("div", { class: "ModalErrorMessage" }, translate('errorSubTitle', this.language))) : (h("div", { class: "ModalSubtitle" }, `${translate('level', this.language)} ${this.orderNumber} ${translate('completed', this.language)}`, h("div", null, translate('youWon', this.language)), h("div", { class: "ModalReward" }, this.reward), this.isFreeSpinsGranted && (h("div", { class: "ModalAddition" }, translate('playNowOrLater', this.language))), h("div", { class: "ModalAddition" }, translate('rewardInLobby', this.language)))), this.addition && (h("div", { key: 'cd309b3d5aef1b0ee788e69078a0dde933a005b8', class: "ModalAddition" }, h("div", { key: '4e039c5b5f34bf83283e8930f5b411c89c8c3083' }, translate('physicalReward', this.language)), h("span", { key: '93542521818e022e4aa86cd1f8c0552a0a1dd184' }, translate('linkText', this.language)))), h("button", { key: '9da8af765e0ea9b14aa2a1c08b2b0bc67b572b3d', class: "ModalAction", onClick: this.handleClick }, this.errored ? translate('errorBtnText', this.language) : translate('continue', this.language)), this.isFreeSpinsGranted && ((_a = this.bonusProgramGames) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { key: '82e2f1ee940ffdd44d532690145fb825e6b57aed', class: "ModalSliderWrapper" }, h("div", { key: 'c35c3fa00e8d5e8d9a7be67e79ace31cec10a749', class: "ModalSlider", ref: (el) => (this.sliderContainer = el), onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerLeave: this.onPointerUp }, this.bonusProgramGames.map((item) => (h("div", { class: "ModalSlide", key: item.GameSlug, "data-slug": item.GameSlug }, h("div", { class: "ModalSlideImageWrapper" }, h("img", { src: item.Thumbnail, alt: "" })), h("div", { class: "ModalSlideSpins" }, translate('useSpinsNow', this.language), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L5.13807 4.19526C5.39842 4.45561 5.39842 4.87772 5.13807 5.13807L1.13807 9.13807C0.877722 9.39842 0.455612 9.39842 0.195262 9.13807C-0.0650874 8.87772 -0.0650874 8.45561 0.195262 8.19526L3.72386 4.66667L0.195262 1.13807C-0.0650874 0.877722 -0.0650874 0.455612 0.195262 0.195262Z", fill: "white" }))))))), this.bonusProgramGames.length > 1 && (h("div", { key: 'c9af26d8381e3c778000d096b14abc3d8a52e81c' }, h("button", { key: '416c033130b5487171a85ff3d5ec9da80e47a52f', class: {
                 prev: true,
                 disabled: this.currentIndex === 0
-            }, onClick: this.prev }, h("svg", { key: '404ea526331db4676e7533131f43e183fbe7b8f9', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { key: 'edbba112e1a68c1a640b066fe737cf55cf77e217', d: "M5 1L1 5L5 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("button", { key: 'e3b10dc621a1e5e4f53ff8f5e2b28c153c62573c', class: {
+            }, onClick: this.prev }, h("svg", { key: 'b553e36dbfc558e6ad64d5116bbeb09789543df3', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { key: 'f9d01719f223b8f0a4f85c5da6e2707c95ea7a7c', d: "M5 1L1 5L5 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("button", { key: '35d761b5775216fac350a37337af060dddfff32f', class: {
                 next: true,
                 disabled: this.currentIndex === this.bonusProgramGames.length - 1
-            }, onClick: this.next }, h("svg", { key: '6daa1f94fd2c9d841ee612dec2c1bb07169331c6', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { key: 'de0f47067a04bffd49293cc1c6a4717feeedb424', d: "M1 1L5 5L1 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { key: 'd4ff6bca4002d001eed86240b5f9a3e882573914', class: "ModalSliderDots" }, this.bonusProgramGames.map((_, i) => (h("span", { class: {
+            }, onClick: this.next }, h("svg", { key: '4983d8321485aea0af04214d9adee8c6f8a3de13', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { key: 'e55bd61046ddfafe8d4ac99f07ae4512f991cb03', d: "M1 1L5 5L1 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { key: '44d4eb4230b4480d66787191a56c0be0f20add88', class: "ModalSliderDots" }, this.bonusProgramGames.map((_, i) => (h("span", { class: {
                 ModalSliderDot: true,
                 active: i === this.currentIndex
             }, onClick: () => {

package/dist/esm/{casino-challenges-overlay-modal-2bb2c467.js → casino-challenges-overlay-modal-cb8b896c.js}

@@ -169,7 +169,7 @@ const resolveTranslationUrl = async (translationUrl) => {
     }
 };
 
-const casinoChallengesOverlayModalCss = ":host {\n  display: block;\n  font-family: inherit;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbutton {\n  border: none;\n  background: none;\n  cursor: pointer;\n  touch-action: manipulation;\n}\nbutton:focus {\n  outline: none;\n}\n\n.ModalOverlay {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0);\n  justify-content: center;\n  align-items: center;\n  z-index: 302;\n}\n\n.ModalOverlay.Open {\n  display: flex;\n}\n\n.ModalWrapper {\n  container: modal/size;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.ModalContent {\n  display: flex;\n  background: var(--emw--modal-border-color, linear-gradient(90deg, #003e5c 0.05%, #113b21 87.69%));\n  padding: 40px;\n  border-radius: 26px;\n  border: 2px solid var(--emw--modal-outline-color, #1e654f);\n  width: 540px;\n  max-width: 90%;\n  text-align: center;\n  max-height: 90dvh;\n  min-height: 100px;\n  font-family: \"Roboto\", sans-serif;\n}\n\n.InnerContainer {\n  border-radius: 20px;\n  background: var(--emw--modal-background-color, #f9f8f8);\n  padding: 20px;\n  width: 100%;\n  flex-direction: column;\n  align-items: center;\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n}\n\n.ImageWrapper {\n  margin-bottom: 10px;\n}\n\n.ModalHeader {\n  color: var(--emw--modal-title-color, #212529);\n  text-align: center;\n  font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);\n  font-size: var(--emw--font-size-medium, 16px);\n  font-weight: var(--emw--font-weight-bold, 700);\n  line-height: normal;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.ModalSubtitle {\n  color: var(--emw--modal-title-color, #212529);\n  text-align: center;\n  font-size: var(--emw--font-size-medium, 16px);\n  font-weight: var(--emw--font-weigh-normal, 400);\n  margin: 10px auto 0;\n  line-height: 24px;\n  max-width: 320px;\n}\n\n.ModalErrorMessage {\n  color: var(--emw--modal-title-color, #212529);\n  font-size: var(--emw--font-size-medium, 16px);\n  line-height: 24px;\n  margin: 10px 0;\n}\n\n.ModalReward {\n  background: var(--emw--modal-reward-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  font-family: var(--emw--modal-reward-typography, \"PF BeauSans Pro\", sans-serif);\n  font-size: var(--emw--modal-reward-font-size, 16px);\n  font-weight: var(--emw--modal-reward-font-weight, 700);\n}\n\n.ModalAddition {\n  color: var(--emw--modal-addition-color, #727672);\n  text-align: center;\n  font-family: var(--emw--modal-addition-typography, \"Roboto\", sans-serif);\n  font-size: var(--emw--modal-addition-font-size, 16px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-normal, 400);\n  align-content: center;\n  margin-top: 10px;\n  line-height: 24px;\n}\n\n.ModalAddition span {\n  background: var(--emw--modal-support-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  font-style: normal;\n  font-weight: var(--emw--modal-support-font-weight, 700);\n  line-height: 15px;\n  text-decoration: none;\n  position: relative;\n}\n.ModalAddition span::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: 1px;\n  width: 100%;\n  background: var(--emw--modal-support-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n}\n\n.ModalAction {\n  border-radius: var(--emw--modal-button-border-radius, 99px);\n  border: 2px solid var(--emw--modal-button-border-color, #083b17);\n  background: var(--emw--modal-button-background-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  padding: 9px 20px;\n  margin-top: 24px;\n  text-transform: uppercase;\n  color: var(--emw--modal-button-color, #fff);\n  text-align: center;\n  font-family: var(--emw--modal-button-typography, \"PF BeauSans Pro\", sans-serif);\n  font-size: var(--emw--modal-button-font-size, 14px);\n  font-weight: var(--emw--modal-button-font-weight, 700);\n  min-width: 100px;\n}\n\n.ModalSliderWrapper {\n  margin: 24px auto 0;\n  position: relative;\n  overflow: hidden;\n  width: 316px;\n}\n\n.ModalSlider {\n  display: flex;\n  transition: transform 0.3s ease;\n  cursor: pointer;\n  touch-action: pan-y;\n}\n\n.ModalSlider:active {\n  cursor: grabbing;\n}\n\n.ModalSlide {\n  min-width: 100%;\n  flex-shrink: 0;\n  position: relative;\n  display: flex;\n  justify-content: center;\n}\n.ModalSlide .ModalSlideSpins {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: var(--emw--modal-game-border-radius, 99px);\n  width: 188px;\n  height: 48px;\n  text-transform: uppercase;\n  font-size: var(--emw--modal-game-font-size, 14px);\n  font-weight: var(--emw--modal-game-font-weight, 700);\n  color: var(--emw--modal-game-font-color, #ffffff);\n  align-content: center;\n  background: var(--emw--modal-game-background, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%));\n}\n.ModalSlide .ModalSlideSpins svg {\n  margin-left: 8px;\n}\n.ModalSlide .ModalSlideImageWrapper {\n  position: relative;\n  width: 244px;\n  height: 144px;\n  border-radius: 12px;\n  overflow: hidden;\n}\n.ModalSlide .ModalSlideImageWrapper img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n.ModalSlide .ModalSlideImageWrapper::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: var(--emw--color-black-shadow, rgba(0, 0, 0, 0.5019607843));\n}\n\n.prev,\n.next {\n  position: absolute;\n  top: 42%;\n  transform: translateY(-50%);\n  stroke: var(--emw--modal-slider-arrow-color, #ffffff);\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  border: 2px solid var(--emw--modal-slider-border-color, #083b17);\n  background: var(--emw--modal-slider-arrow-bg, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.prev.disabled,\n.next.disabled {\n  stroke: var(--emw--modal-slider-arrow-secondary-color, #727672);\n  background: var(--emw--modal-slider-arrow-secondary-bg, rgba(0, 0, 0, 0.4));\n  border-color: var(--emw--modal-slider-border-secondary-color, #727672);\n}\n\n.prev {\n  left: 2px;\n}\n\n.next {\n  right: 2px;\n}\n\n.ModalSliderDots {\n  display: flex;\n  justify-content: center;\n  margin-top: 10px;\n}\n\n.ModalSliderDot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--emw--modal-slider-dot-color, #e2e2e2);\n  margin: 8px;\n  cursor: pointer;\n}\n\n.ModalSliderDot.active {\n  background: var(--emw--modal-slider-active-dot-color, #00b74f);\n}\n\n.Mobile .ModalContent {\n  padding: 26px;\n}\n.Mobile .InnerContainer {\n  padding: 25px;\n}\n.Mobile .ImageWrapper {\n  margin-bottom: 6px;\n}\n.Mobile .ModalHeader {\n  margin-bottom: 16px;\n}\n.Mobile .ModalAddition {\n  font-size: var(--emw--font-size-x-small, 12px);\n  margin-top: 8px;\n}\n.Mobile .ModalAction,\n.Mobile .ModalSliderWrapper {\n  margin: 20px auto 0;\n}\n.Mobile .ModalSliderWrapper {\n  width: 230px;\n}\n.Mobile .ModalSliderWrapper .prev,\n.Mobile .ModalSliderWrapper .next {\n  display: none;\n}\n.Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n  height: 125px;\n  width: 220px;\n}\n.Mobile .ModalSliderWrapper .ModalSlideSpins {\n  width: 154px;\n  height: 34px;\n  font-size: var(--emw--font-size-x-small, 12px);\n}\n.Mobile .ModalSliderWrapper .ModalSliderDot {\n  margin: 8px 4px;\n}\n.Mobile .ModalSubtitle,\n.Mobile .ModalReward {\n  font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile .ModalAction {\n  font-size: var(--emw--font-size-x-small, 12px);\n}\n\n@container modal (height < 720px) {\n  .Mobile .ModalContent {\n    padding: 20px;\n  }\n  .Mobile .InnerContainer {\n    padding: 8px 20px;\n  }\n  .Mobile .ModalHeader {\n    margin-bottom: 8px;\n  }\n  .Mobile .ModalSubtitle {\n    width: 100%;\n    margin: 0 auto;\n  }\n  .Mobile .ModalAction {\n    margin-top: 8px;\n  }\n  .Mobile .ModalSliderWrapper {\n    margin: 8px auto 0;\n  }\n  .Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n    width: 176px;\n    height: 100px;\n  }\n}";
+const casinoChallengesOverlayModalCss = ":host {\n  display: block;\n  font-family: inherit;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbutton {\n  border: none;\n  background: none;\n  cursor: pointer;\n  touch-action: manipulation;\n}\nbutton:focus {\n  outline: none;\n}\n\n.ModalOverlay {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0);\n  justify-content: center;\n  align-items: center;\n  z-index: 302;\n  container-name: modal-container;\n  container-type: size;\n}\n\n.ModalOverlay.Open {\n  display: flex;\n}\n\n.ModalWrapper {\n  container: modal/size;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.ModalContent {\n  display: flex;\n  background: var(--emw--modal-border-color, linear-gradient(90deg, #003e5c 0.05%, #113b21 87.69%));\n  padding: 40px;\n  border-radius: 26px;\n  border: 2px solid var(--emw--modal-outline-color, #1e654f);\n  width: 540px;\n  max-width: 90%;\n  text-align: center;\n  max-height: 90dvh;\n  min-height: 100px;\n  font-family: \"Roboto\", sans-serif;\n}\n\n.InnerContainer {\n  border-radius: 20px;\n  background: var(--emw--modal-background-color, #f9f8f8);\n  padding: 20px;\n  width: 100%;\n  flex-direction: column;\n  align-items: center;\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n\n.InnerContainer::-webkit-scrollbar {\n  display: none;\n}\n\n.ImageWrapper {\n  margin-bottom: 10px;\n}\n\n.ModalHeader {\n  color: var(--emw--modal-title-color, #212529);\n  text-align: center;\n  font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);\n  font-size: var(--emw--font-size-medium, 16px);\n  font-weight: var(--emw--font-weight-bold, 700);\n  line-height: normal;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.ModalSubtitle {\n  color: var(--emw--modal-title-color, #212529);\n  text-align: center;\n  font-size: var(--emw--font-size-medium, 16px);\n  font-weight: var(--emw--font-weigh-normal, 400);\n  margin: 10px auto 0;\n  line-height: 24px;\n}\n\n.ModalErrorMessage {\n  color: var(--emw--modal-title-color, #212529);\n  font-size: var(--emw--font-size-medium, 16px);\n  line-height: 24px;\n  margin: 10px 0;\n}\n\n.ModalReward {\n  background: var(--emw--modal-reward-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  font-family: var(--emw--modal-reward-typography, \"PF BeauSans Pro\", sans-serif);\n  font-size: var(--emw--modal-reward-font-size, 16px);\n  font-weight: var(--emw--modal-reward-font-weight, 700);\n}\n\n.ModalAddition {\n  color: var(--emw--modal-addition-color, #727672);\n  text-align: center;\n  font-family: var(--emw--modal-addition-typography, \"Roboto\", sans-serif);\n  font-size: var(--emw--modal-addition-font-size, 16px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-normal, 400);\n  align-content: center;\n  margin-top: 10px;\n  line-height: 24px;\n}\n\n.ModalAddition span {\n  background: var(--emw--modal-support-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  font-style: normal;\n  font-weight: var(--emw--modal-support-font-weight, 700);\n  line-height: 15px;\n  text-decoration: none;\n  position: relative;\n}\n.ModalAddition span::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: 1px;\n  width: 100%;\n  background: var(--emw--modal-support-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n}\n\n.ModalAction {\n  border-radius: var(--emw--modal-button-border-radius, 99px);\n  border: 2px solid var(--emw--modal-button-border-color, #083b17);\n  background: var(--emw--modal-button-background-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  padding: 9px 20px;\n  margin-top: 24px;\n  text-transform: uppercase;\n  color: var(--emw--modal-button-color, #fff);\n  text-align: center;\n  font-family: var(--emw--modal-button-typography, \"PF BeauSans Pro\", sans-serif);\n  font-size: var(--emw--modal-button-font-size, 14px);\n  font-weight: var(--emw--modal-button-font-weight, 700);\n  min-width: 100px;\n}\n\n.ModalSliderWrapper {\n  margin: 24px auto 0;\n  position: relative;\n  overflow: hidden;\n  width: 316px;\n}\n\n.ModalSlider {\n  display: flex;\n  transition: transform 0.3s ease;\n  cursor: pointer;\n  touch-action: pan-y;\n}\n\n.ModalSlider:active {\n  cursor: grabbing;\n}\n\n.ModalSlide {\n  min-width: 100%;\n  flex-shrink: 0;\n  position: relative;\n  display: flex;\n  justify-content: center;\n}\n.ModalSlide .ModalSlideSpins {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: var(--emw--modal-game-border-radius, 99px);\n  width: 188px;\n  height: 48px;\n  text-transform: uppercase;\n  font-size: var(--emw--modal-game-font-size, 14px);\n  font-weight: var(--emw--modal-game-font-weight, 700);\n  color: var(--emw--modal-game-font-color, #ffffff);\n  align-content: center;\n  background: var(--emw--modal-game-background, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%));\n}\n.ModalSlide .ModalSlideSpins svg {\n  margin-left: 8px;\n}\n.ModalSlide .ModalSlideImageWrapper {\n  position: relative;\n  width: 244px;\n  height: 144px;\n  border-radius: 12px;\n  overflow: hidden;\n}\n.ModalSlide .ModalSlideImageWrapper img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n.ModalSlide .ModalSlideImageWrapper::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: var(--emw--color-black-shadow, rgba(0, 0, 0, 0.5019607843));\n}\n\n.prev,\n.next {\n  position: absolute;\n  top: 42%;\n  transform: translateY(-50%);\n  stroke: var(--emw--modal-slider-arrow-color, #ffffff);\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  border: 2px solid var(--emw--modal-slider-border-color, #083b17);\n  background: var(--emw--modal-slider-arrow-bg, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.prev.disabled,\n.next.disabled {\n  stroke: var(--emw--modal-slider-arrow-secondary-color, #727672);\n  background: var(--emw--modal-slider-arrow-secondary-bg, rgba(0, 0, 0, 0.4));\n  border-color: var(--emw--modal-slider-border-secondary-color, #727672);\n}\n\n.prev {\n  left: 2px;\n}\n\n.next {\n  right: 2px;\n}\n\n.ModalSliderDots {\n  display: flex;\n  justify-content: center;\n  margin-top: 10px;\n}\n\n.ModalSliderDot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--emw--modal-slider-dot-color, #e2e2e2);\n  margin: 8px;\n  cursor: pointer;\n}\n\n.ModalSliderDot.active {\n  background: var(--emw--modal-slider-active-dot-color, #00b74f);\n}\n\n.Mobile .ModalContent {\n  padding: 26px;\n}\n.Mobile .InnerContainer {\n  padding: 25px;\n}\n.Mobile .ImageWrapper {\n  margin-bottom: 6px;\n}\n.Mobile .ModalHeader {\n  margin-bottom: 16px;\n  font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile .ModalAddition {\n  font-size: var(--emw--font-size-x-small, 12px);\n  margin-top: 8px;\n  line-height: normal;\n}\n.Mobile .ModalAction,\n.Mobile .ModalSliderWrapper {\n  margin: 20px auto 0;\n}\n.Mobile .ModalSliderWrapper {\n  width: 230px;\n}\n.Mobile .ModalSliderWrapper .prev,\n.Mobile .ModalSliderWrapper .next {\n  display: none;\n}\n.Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n  height: 125px;\n  width: 220px;\n}\n.Mobile .ModalSliderWrapper .ModalSlideSpins {\n  width: 154px;\n  height: 34px;\n  font-size: var(--emw--font-size-x-small, 12px);\n}\n.Mobile .ModalSliderWrapper .ModalSliderDots {\n  margin-top: 5px;\n}\n.Mobile .ModalSliderWrapper .ModalSliderDots .ModalSliderDot {\n  margin: 4px;\n}\n.Mobile .ModalSubtitle,\n.Mobile .ModalReward {\n  font-size: var(--emw--font-size-small, 14px);\n  line-height: 18px;\n}\n.Mobile .ModalAction {\n  font-size: var(--emw--font-size-x-small, 12px);\n}\n\n@container modal (height < 720px) {\n  .Mobile .ModalContent {\n    padding: 20px;\n  }\n  .Mobile .InnerContainer {\n    padding: 8px 20px;\n  }\n  .Mobile .ModalHeader {\n    margin-bottom: 8px;\n  }\n  .Mobile .ModalSubtitle {\n    width: 100%;\n    margin: 0 auto;\n  }\n  .Mobile .ModalAction {\n    margin-top: 8px;\n  }\n  .Mobile .ModalSliderWrapper {\n    margin: 8px auto 0;\n  }\n  .Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n    width: 176px;\n    height: 100px;\n  }\n}\n@container modal-container (max-height: 750px) {\n  .InnerContainer {\n    padding: 12px;\n  }\n  .ModalContent {\n    padding: 25px;\n  }\n  .ModalSliderWrapper,\n  .ModalAction {\n    margin-top: 15px;\n  }\n  .ModalSlideImageWrapper {\n    height: 125px;\n    width: 220px;\n  }\n  .ModalSlideSpins {\n    width: 154px;\n    height: 34px;\n    font-size: var(--emw--font-size-x-small, 12px);\n  }\n  .ModalAction {\n    padding: 5px 15px;\n  }\n}";
 const CasinoChallengesOverlayModalStyle0 = casinoChallengesOverlayModalCss;
 
 const CasinoChallengesOverlayModal = class {
@@ -255,7 +255,7 @@ const CasinoChallengesOverlayModal = class {
             }
         };
         this.checkIsMobile = () => {
-            this.isMobile = window.innerWidth <= 768;
+            this.isMobile = window.innerWidth <= 768 || window.innerHeight < 660;
         };
         this.mbSource = undefined;
         this.clientStyling = undefined;
@@ -331,17 +331,17 @@ const CasinoChallengesOverlayModal = class {
     }
     render() {
         var _a;
-        return (h("div", { key: 'ffbd421b6964a16d021816c8c74ddfc2abf788c8', ref: (el) => (this.stylingContainer = el), class: {
+        return (h("div", { key: '9c6467b4393741a0c06cccbc4a56e263f6ecbacf', ref: (el) => (this.stylingContainer = el), class: {
                 ModalOverlay: true,
                 Mobile: this.isMobile,
                 Open: this.isOpen
-            } }, h("div", { key: 'c4b08fad45496921eb6d01353de7f9e57cff9763', class: "ModalWinAnimation" }), h("div", { key: '33371b756bbf2c5db0818b1f292e3cc7b29dde53', class: "ModalWrapper" }, h("div", { key: '2b402106d0c4ede12a67055c6df25c41c3710f06', class: "ModalContent GradientBorder" }, h("div", { key: 'ac0d4569ed370c54eb0cbc0bbb3bc6886b19713d', class: "InnerContainer" }, !this.errored && (h("div", { key: '96aa73fb4e7b4dc46c8b0b5986dffcaeb5b28aa8', class: "ImageWrapper" }, h("img", { key: 'ae45c9d19cba64225103cb800f588c35ba145fed', src: giftboxSvg, alt: "gift-box-icon" }))), h("h1", { key: '19003de35bf4476016ff592e7fc62a860794f62c', class: "ModalHeader" }, translate(this.errored ? 'errorTitle' : 'congrats', this.language)), this.errored ? (h("div", { class: "ModalErrorMessage" }, translate('errorSubTitle', this.language))) : (h("div", { class: "ModalSubtitle" }, `${translate('level', this.language)} ${this.orderNumber} ${translate('completed', this.language)}`, h("div", null, translate('youWon', this.language)), h("div", { class: "ModalReward" }, this.reward), this.isFreeSpinsGranted && (h("div", { class: "ModalAddition" }, translate('playNowOrLater', this.language))), h("div", { class: "ModalAddition" }, translate('rewardInLobby', this.language)))), this.addition && (h("div", { key: '319b5cff8ce9ae566350bf08e9183833e1609fcd', class: "ModalAddition" }, h("div", { key: '361cf066b060bfd2078073f14f3d3b0eeb68e4c4' }, translate('physicalReward', this.language)), h("span", { key: 'fff547c42c2f91b9527db37aa71efb41db6dee61' }, translate('linkText', this.language)))), h("button", { key: '1d1cf2eaffc175b3342520c09dccdc603faf6012', class: "ModalAction", onClick: this.handleClick }, this.errored ? translate('errorBtnText', this.language) : translate('continue', this.language)), this.isFreeSpinsGranted && ((_a = this.bonusProgramGames) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { key: 'b2c4a528e8c8a9955f580aef8c95013be75c2400', class: "ModalSliderWrapper" }, h("div", { key: 'ac70d626a28e19545478c50c3c4b5c8e18191b90', class: "ModalSlider", ref: (el) => (this.sliderContainer = el), onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerLeave: this.onPointerUp }, this.bonusProgramGames.map((item) => (h("div", { class: "ModalSlide", key: item.GameSlug, "data-slug": item.GameSlug }, h("div", { class: "ModalSlideImageWrapper" }, h("img", { src: item.Thumbnail, alt: "" })), h("div", { class: "ModalSlideSpins" }, translate('useSpinsNow', this.language), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L5.13807 4.19526C5.39842 4.45561 5.39842 4.87772 5.13807 5.13807L1.13807 9.13807C0.877722 9.39842 0.455612 9.39842 0.195262 9.13807C-0.0650874 8.87772 -0.0650874 8.45561 0.195262 8.19526L3.72386 4.66667L0.195262 1.13807C-0.0650874 0.877722 -0.0650874 0.455612 0.195262 0.195262Z", fill: "white" }))))))), this.bonusProgramGames.length > 1 && (h("div", { key: '518a95befadd9cc28d86204c3881c987db3f6b04' }, h("button", { key: '962931fc3d3dc882790027b15fb4c22e35e0c741', class: {
+            } }, h("div", { key: 'bc8fefa26599b9d147e32455e892ac492b34899d', class: "ModalWinAnimation" }), h("div", { key: 'c40a90a75fb7e540e326dce3da299ecdeddaf5de', class: "ModalWrapper" }, h("div", { key: '43c239b2d868d7eeb401514597c0ab770465cb98', class: "ModalContent GradientBorder" }, h("div", { key: 'a8c3cfed13eb0aa34dde867065fd5ae3d1f363de', class: "InnerContainer" }, !this.errored && (h("div", { key: '8a037fc0078ce408c20d432754b052a072d9038e', class: "ImageWrapper" }, h("img", { key: '2dce4dddb9171b383e497fcf02f9d8177320e7a8', src: giftboxSvg, alt: "gift-box-icon" }))), h("h1", { key: 'd3797d201840749d4502c7e1de46d9798a8f9c96', class: "ModalHeader" }, translate(this.errored ? 'errorTitle' : 'congrats', this.language)), this.errored ? (h("div", { class: "ModalErrorMessage" }, translate('errorSubTitle', this.language))) : (h("div", { class: "ModalSubtitle" }, `${translate('level', this.language)} ${this.orderNumber} ${translate('completed', this.language)}`, h("div", null, translate('youWon', this.language)), h("div", { class: "ModalReward" }, this.reward), this.isFreeSpinsGranted && (h("div", { class: "ModalAddition" }, translate('playNowOrLater', this.language))), h("div", { class: "ModalAddition" }, translate('rewardInLobby', this.language)))), this.addition && (h("div", { key: 'cd309b3d5aef1b0ee788e69078a0dde933a005b8', class: "ModalAddition" }, h("div", { key: '4e039c5b5f34bf83283e8930f5b411c89c8c3083' }, translate('physicalReward', this.language)), h("span", { key: '93542521818e022e4aa86cd1f8c0552a0a1dd184' }, translate('linkText', this.language)))), h("button", { key: '9da8af765e0ea9b14aa2a1c08b2b0bc67b572b3d', class: "ModalAction", onClick: this.handleClick }, this.errored ? translate('errorBtnText', this.language) : translate('continue', this.language)), this.isFreeSpinsGranted && ((_a = this.bonusProgramGames) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { key: '82e2f1ee940ffdd44d532690145fb825e6b57aed', class: "ModalSliderWrapper" }, h("div", { key: 'c35c3fa00e8d5e8d9a7be67e79ace31cec10a749', class: "ModalSlider", ref: (el) => (this.sliderContainer = el), onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerLeave: this.onPointerUp }, this.bonusProgramGames.map((item) => (h("div", { class: "ModalSlide", key: item.GameSlug, "data-slug": item.GameSlug }, h("div", { class: "ModalSlideImageWrapper" }, h("img", { src: item.Thumbnail, alt: "" })), h("div", { class: "ModalSlideSpins" }, translate('useSpinsNow', this.language), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L5.13807 4.19526C5.39842 4.45561 5.39842 4.87772 5.13807 5.13807L1.13807 9.13807C0.877722 9.39842 0.455612 9.39842 0.195262 9.13807C-0.0650874 8.87772 -0.0650874 8.45561 0.195262 8.19526L3.72386 4.66667L0.195262 1.13807C-0.0650874 0.877722 -0.0650874 0.455612 0.195262 0.195262Z", fill: "white" }))))))), this.bonusProgramGames.length > 1 && (h("div", { key: 'c9af26d8381e3c778000d096b14abc3d8a52e81c' }, h("button", { key: '416c033130b5487171a85ff3d5ec9da80e47a52f', class: {
                 prev: true,
                 disabled: this.currentIndex === 0
-            }, onClick: this.prev }, h("svg", { key: '404ea526331db4676e7533131f43e183fbe7b8f9', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { key: 'edbba112e1a68c1a640b066fe737cf55cf77e217', d: "M5 1L1 5L5 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("button", { key: 'e3b10dc621a1e5e4f53ff8f5e2b28c153c62573c', class: {
+            }, onClick: this.prev }, h("svg", { key: 'b553e36dbfc558e6ad64d5116bbeb09789543df3', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { key: 'f9d01719f223b8f0a4f85c5da6e2707c95ea7a7c', d: "M5 1L1 5L5 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("button", { key: '35d761b5775216fac350a37337af060dddfff32f', class: {
                 next: true,
                 disabled: this.currentIndex === this.bonusProgramGames.length - 1
-            }, onClick: this.next }, h("svg", { key: '6daa1f94fd2c9d841ee612dec2c1bb07169331c6', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { key: 'de0f47067a04bffd49293cc1c6a4717feeedb424', d: "M1 1L5 5L1 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { key: 'd4ff6bca4002d001eed86240b5f9a3e882573914', class: "ModalSliderDots" }, this.bonusProgramGames.map((_, i) => (h("span", { class: {
+            }, onClick: this.next }, h("svg", { key: '4983d8321485aea0af04214d9adee8c6f8a3de13', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { key: 'e55bd61046ddfafe8d4ac99f07ae4512f991cb03', d: "M1 1L5 5L1 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { key: '44d4eb4230b4480d66787191a56c0be0f20add88', class: "ModalSliderDots" }, this.bonusProgramGames.map((_, i) => (h("span", { class: {
                 ModalSliderDot: true,
                 active: i === this.currentIndex
             }, onClick: () => {

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

@@ -1,2 +1,2 @@
-export { C as casino_challenges_overlay_modal } from './casino-challenges-overlay-modal-2bb2c467.js';
+export { C as casino_challenges_overlay_modal } from './casino-challenges-overlay-modal-cb8b896c.js';
 import './index-603664b0.js';

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export { C as CasinoChallengesOverlayModal } from './casino-challenges-overlay-modal-2bb2c467.js';
+export { C as CasinoChallengesOverlayModal } from './casino-challenges-overlay-modal-cb8b896c.js';
 import './index-603664b0.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-challenges-overlay-modal",
-  "version": "0.17.106",
+  "version": "0.17.108",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",

package/dist/casino-challenges-overlay-modal/casino-challenges-overlay-modal-2bb2c467.js

@@ -1 +0,0 @@
-import{r as n,h as e}from"./index-603664b0.js";const i="__WIDGET_GLOBAL_STYLE_CACHE__";function t(n,e){if(n){const i=document.createElement("style");i.innerHTML=e,n.appendChild(i)}}function o(n,e){if(!n||!e)return;const i=new URL(e);fetch(i.href).then((n=>n.text())).then((e=>{const i=document.createElement("style");i.innerHTML=e,n&&n.appendChild(i)})).catch((n=>{console.error("There was an error while trying to load client styling from URL",n)}))}function M(n,e,t,o=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!o)return t=function(n,e){const i=document.createElement("style");return window.emMessageBus.subscribe(e,(e=>{n&&(i.innerHTML=e,n.appendChild(i))}))}(n,e),t;window[i]||(window[i]={}),t=function(n,e){return window.emMessageBus.subscribe(e,(t=>{if(!n)return;const o=n.getRootNode(),M=window[i];let a=M[e]&&M[e].sheet;a?M[e].refCount=M[e].refCount+1:(a=new CSSStyleSheet,a.replaceSync(t),M[e]={sheet:a,refCount:1});const r=o.adoptedStyleSheets||[];r.includes(a)||(o.adoptedStyleSheets=[...r,a])}))}(n,e);const M=t.unsubscribe.bind(t);return t.unsubscribe=()=>{if(window[i][e]){const n=window[i][e];n.refCount>1?n.refCount=n.refCount-1:delete window[i][e]}M()},t}const a={en:{congrats:"Congratulations!",continue:"Continue",errorBtnText:"Ok",errorTitle:"Reward failed",errorSubTitle:"Sorry — we couldn’t grant the reward. Please try again.",level:"Level",completed:"has been completed!",youWon:"You have won",physicalReward:"for physical rewards please contact ",linkText:"Customer Support",playNowOrLater:"Play your free spins now or come back later.",rewardInLobby:"You can find your reward in the relevant section of the Lobby Widget.",assistance:"If you need any assistance, please contact",useSpinsNow:"Use spins now"}},r=(n,e)=>a[void 0!==e&&e in a?e:"en"][n],d=class{constructor(e){n(this,e),this.startX=0,this.currentTranslate=0,this.prevTranslate=0,this.isDragging=!1,this.moved=!1,this.threshold=50,this.clickedSlide=null,this.onPointerDown=n=>{var e;this.isDragging=!0,this.moved=!1,this.startX=n.clientX,this.clickedSlide=n.target.closest(".ModalSlide"),null===(e=this.sliderContainer)||void 0===e||e.setPointerCapture(n.pointerId)},this.onPointerMove=n=>{if(!this.isDragging)return;const e=n.clientX-this.startX;Math.abs(e)>5&&(this.moved=!0),this.currentTranslate=this.prevTranslate+e,this.setSliderPosition(this.currentTranslate)},this.onPointerUp=n=>{var e;if(!this.isDragging)return;this.isDragging=!1,null===(e=this.sliderContainer)||void 0===e||e.releasePointerCapture(n.pointerId);const i=this.currentTranslate-this.prevTranslate;if(this.moved)i<-this.threshold?this.next():i>this.threshold?this.prev():this.setPositionByIndex(),this.clickedSlide=null;else{if(this.clickedSlide){const n=this.clickedSlide.getAttribute("data-slug");n&&this.onSlideClick(n)}this.clickedSlide=null}},this.next=()=>{this.bonusProgramGames.length&&(this.currentIndex!==this.bonusProgramGames.length-1?(this.currentIndex=(this.currentIndex+1)%this.bonusProgramGames.length,this.setPositionByIndex()):this.setPositionByIndex())},this.prev=()=>{this.bonusProgramGames.length&&(0!==this.currentIndex?(this.currentIndex=(this.currentIndex-1+this.bonusProgramGames.length)%this.bonusProgramGames.length,this.setPositionByIndex()):this.setPositionByIndex())},this.onSlideClick=n=>{this.moved||n&&window.postMessage({type:"ChallengeInGameRedirect",data:{Slug:n}},"*")},this.checkIsMobile=()=>{this.isMobile=window.innerWidth<=768},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.isOpen=!1,this.reward="",this.addition=!1,this.handleClick=()=>{},this.errored=!1,this.orderNumber=0,this.isFreeSpinsGranted=!1,this.bonusProgramGames=[],this.currentIndex=0,this.isMobile=!1}handleClientStylingChange(n,e){n!=e&&t(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(n,e){n!=e&&o(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(n,e){n!=e&&M(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}handleBonusProgramGameChange(n){this.currentIndex>=n.length&&(this.currentIndex=0,this.setPositionByIndex())}componentWillLoad(){this.translationUrl&&(async n=>{if(n)try{const i=await fetch(n);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);const t=await i.json();e=t,Object.keys(e).forEach((n=>{a[n]||(a[n]={});for(let i in e[n])a[n][i]=e[n][i]}))}catch(n){console.error("Failed to fetch or parse translations from URL:",n)}var e})(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&M(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&t(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&o(this.stylingContainer,this.clientStylingUrl)),this.setPositionByIndex(),this.checkIsMobile(),window.addEventListener("resize",this.checkIsMobile)}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}setSliderPosition(n){this.bonusProgramGames.length<2&&0!==n||this.sliderContainer&&(this.sliderContainer.style.transform=`translateX(${n}px)`)}setPositionByIndex(){var n;const e=(null===(n=this.sliderContainer)||void 0===n?void 0:n.clientWidth)||0;this.currentTranslate=-this.currentIndex*e,this.prevTranslate=this.currentTranslate,this.setSliderPosition(this.currentTranslate)}render(){var n;return e("div",{key:"ffbd421b6964a16d021816c8c74ddfc2abf788c8",ref:n=>this.stylingContainer=n,class:{ModalOverlay:!0,Mobile:this.isMobile,Open:this.isOpen}},e("div",{key:"c4b08fad45496921eb6d01353de7f9e57cff9763",class:"ModalWinAnimation"}),e("div",{key:"33371b756bbf2c5db0818b1f292e3cc7b29dde53",class:"ModalWrapper"},e("div",{key:"2b402106d0c4ede12a67055c6df25c41c3710f06",class:"ModalContent GradientBorder"},e("div",{key:"ac0d4569ed370c54eb0cbc0bbb3bc6886b19713d",class:"InnerContainer"},!this.errored&&e("div",{key:"96aa73fb4e7b4dc46c8b0b5986dffcaeb5b28aa8",class:"ImageWrapper"},e("img",{key:"ae45c9d19cba64225103cb800f588c35ba145fed",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIyIDIzIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDY0MjkgMi41QzcuMjE0NDIgMi41IDYuOTcxMDYgMi42MDA5IDYuNzg4NzggMi43ODY0OUM2LjYwNTkgMi45NzI3IDYuNTAwMDEgMy4yMjkwMyA2LjUwMDAxIDMuNUM2LjUwMDAxIDMuNzcwOTcgNi42MDU5IDQuMDI3MyA2Ljc4ODc4IDQuMjEzNTFDNi45NzEwNiA0LjM5OTEgNy4yMTQ0MiA0LjUgNy40NjQyOSA0LjVIOS42MzQyNUM5LjU2MTg3IDQuMzI4NjUgOS40Nzg1NyA0LjE1MTE2IDkuMzgzNTYgMy45NzUyN0M4Ljg5NzY5IDMuMDc1ODEgOC4yNzM5OCAyLjUgNy40NjQyOSAyLjVaTTEwIDYuNVY5LjVMMi42MDAwMSA5LjVDMi4zMDM0OCA5LjUgMi4xNDEyMiA5LjQ5OTIyIDIuMDI0NjQgOS40ODk3QzIuMDIgOS40ODkzMiAyLjAxNTYgOS40ODg5MyAyLjAxMTQ1IDkuNDg4NTVDMi4wMTEwNyA5LjQ4NDQgMi4wMTA2OSA5LjQ4MDAxIDIuMDEwMzEgOS40NzUzN0MyLjAwMDc4IDkuMzU4NzggMi4wMDAwMSA5LjE5NjUzIDIuMDAwMDEgOC45VjcuMUMyLjAwMDAxIDYuODAzNDcgMi4wMDA3OCA2LjY0MTIyIDIuMDEwMzEgNi41MjQ2M0MyLjAxMDY5IDYuNTE5OTkgMi4wMTEwNyA2LjUxNTYgMi4wMTE0NSA2LjUxMTQ1QzIuMDE1NiA2LjUxMTA3IDIuMDIgNi41MTA2OCAyLjAyNDY0IDYuNTEwM0MyLjE0MTIyIDYuNTAwNzggMi4zMDM0OCA2LjUgMi42MDAwMSA2LjVIMTBaTTQuNjY5NTMgNC41QzQuNTU4MjIgNC4xODEzMyA0LjUwMDAxIDMuODQzMzkgNC41MDAwMSAzLjVDNC41MDAwMSAyLjcxMDExIDQuODA4MDIgMS45NDkwMiA1LjM2MTg4IDEuMzg1MDhDNS45MTYzNSAwLjgyMDUzMSA2LjY3MjI0IDAuNSA3LjQ2NDI5IDAuNUM5LjI1OSAwLjUgMTAuMzcyNSAxLjcxODQ1IDExIDIuNzcyMjNDMTEuNjI3NSAxLjcxODQ1IDEyLjc0MSAwLjUgMTQuNTM1NyAwLjVDMTUuMzI3OCAwLjUgMTYuMDgzNyAwLjgyMDUzMSAxNi42MzgxIDEuMzg1MDhDMTcuMTkyIDEuOTQ5MDIgMTcuNSAyLjcxMDExIDE3LjUgMy41QzE3LjUgMy44NDMzOSAxNy40NDE4IDQuMTgxMzMgMTcuMzMwNSA0LjVMMTkuNDMxOSA0LjVDMTkuNjg0MyA0LjQ5OTk3IDE5LjkzMDEgNC40OTk5NCAyMC4xMzgyIDQuNTE2OTVDMjAuMzY2OCA0LjUzNTYyIDIwLjYzNjYgNC41Nzk2OSAyMC45MDggNC43MTc5OUMyMS4yODQzIDQuOTA5NzMgMjEuNTkwMyA1LjIxNTcgMjEuNzgyIDUuNTkyMDJDMjEuOTIwMyA1Ljg2MzQ0IDIxLjk2NDQgNi4xMzMxOCAyMS45ODMxIDYuMzYxNzdDMjIuMDAwMSA2LjU2OTkyIDIyIDYuODE1NzEgMjIgNy4wNjgwOFY4LjkzMTkyQzIyIDkuMTg0MjkgMjIuMDAwMSA5LjQzMDA4IDIxLjk4MzEgOS42MzgyM0MyMS45NjQ0IDkuODY2ODIgMjEuOTIwMyAxMC4xMzY2IDIxLjc4MiAxMC40MDhDMjEuNTkwMyAxMC43ODQzIDIxLjI4NDMgMTEuMDkwMyAyMC45MDggMTEuMjgyQzIwLjYzNjYgMTEuNDIwMyAyMC4zNjY4IDExLjQ2NDQgMjAuMTM4MiAxMS40ODMxQzIwLjA5MzggMTEuNDg2NyAyMC4wNDc2IDExLjQ4OTUgMjAgMTEuNDkxOFYxOC4zMzg2QzIwIDE4Ljg2NTcgMjAgMTkuMzIwNSAxOS45Njk0IDE5LjY5NUMxOS45MzcxIDIwLjA5MDQgMTkuODY1OCAyMC40ODM2IDE5LjY3MyAyMC44NjJDMTkuMzg1NCAyMS40MjY1IDE4LjkyNjUgMjEuODg1NCAxOC4zNjIgMjIuMTczQzE3Ljk4MzYgMjIuMzY1OCAxNy41OTA0IDIyLjQzNzEgMTcuMTk1IDIyLjQ2OTRDMTYuODIwNSAyMi41IDE2LjM2NTcgMjIuNSAxNS44Mzg2IDIyLjVIMTEuMDAxNEgxMUwxMC45OTg2IDIyLjVINi4xNjE0NEM1LjYzNDMgMjIuNSA1LjE3OTU0IDIyLjUgNC44MDQ5OCAyMi40Njk0QzQuNDA5NjMgMjIuNDM3MSA0LjAxNjQxIDIyLjM2NTggMy42MzgwMyAyMi4xNzNDMy4wNzM1NSAyMS44ODU0IDIuNjE0NiAyMS40MjY1IDIuMzI2OTkgMjAuODYyQzIuMTM0MTkgMjAuNDgzNiAyLjA2Mjg4IDIwLjA5MDQgMi4wMzA1NyAxOS42OTVDMS45OTk5NyAxOS4zMjA1IDEuOTk5OTkgMTguODY1NyAyIDE4LjMzODVMMi4wMDAwMSAxMS40OTE4QzEuOTUyNDEgMTEuNDg5NSAxLjkwNjI0IDExLjQ4NjcgMS44NjE3OCAxMS40ODMxQzEuNjMzMTggMTEuNDY0NCAxLjM2MzQ1IDExLjQyMDMgMS4wOTIwMiAxMS4yODJDMC43MTU3MDEgMTEuMDkwMyAwLjQwOTczOSAxMC43ODQzIDAuMjE3OTkyIDEwLjQwOEMwLjA3OTY5NDcgMTAuMTM2NiAwLjAzNTYyNzEgOS44NjY4MiAwLjAxNjk1MDQgOS42MzgyM0MtNS42ODYxZS0wNSA5LjQzMDA3IC0yLjc0MTYxZS0wNSA5LjE4NDI4IDIuNTA1NDRlLTA2IDguOTMxOUw1LjI0NzI2ZS0wNiA3LjFDNS4yNDcyNmUtMDYgNy4wODkzNiAzLjkzNTk1ZS0wNiA3LjA3ODcyIDIuNjI0NjVlLTA2IDcuMDY4MUMtMi43Mjk2OWUtMDUgNi44MTU3MiAtNS42NzQxOGUtMDUgNi41Njk5MyAwLjAxNjk1MDUgNi4zNjE3N0MwLjAzNTYyNzQgNi4xMzMxOCAwLjA3OTY5NSA1Ljg2MzQ0IDAuMjE3OTkyIDUuNTkyMDJDMC40MDk3MzkgNS4yMTU2OSAwLjcxNTcgNC45MDk3MyAxLjA5MjAyIDQuNzE3OTlDMS4zNjM0NSA0LjU3OTY5IDEuNjMzMTggNC41MzU2MiAxLjg2MTc4IDQuNTE2OTVDMi4wNjk5MyA0LjQ5OTk0IDIuMzE1NzMgNC40OTk5NyAyLjU2ODExIDQuNUMyLjU3ODczIDQuNSAyLjU4OTM2IDQuNSAyLjYwMDAxIDQuNUg0LjY2OTUzWk00LjAwMDAxIDExLjVWMTguM0M0LjAwMDAxIDE4Ljg3NjYgNC4wMDA3OCAxOS4yNDg4IDQuMDIzOTMgMTkuNTMyMkM0LjA0NjEzIDE5LjgwMzggNC4wODM4MSAxOS45MDQ1IDQuMTA5IDE5Ljk1NEM0LjIwNDg3IDIwLjE0MjEgNC4zNTc4NSAyMC4yOTUxIDQuNTQ2MDEgMjAuMzkxQzQuNTk1NDYgMjAuNDE2MiA0LjY5NjE4IDIwLjQ1MzkgNC45Njc4NCAyMC40NzYxQzUuMjUxMTggMjAuNDk5MiA1LjYyMzQ1IDIwLjUgNi4yMDAwMSAyMC41SDEwVjExLjVINC4wMDAwMVpNMTIgMTEuNVYyMC41SDE1LjhDMTYuMzc2NiAyMC41IDE2Ljc0ODggMjAuNDk5MiAxNy4wMzIyIDIwLjQ3NjFDMTcuMzAzOCAyMC40NTM5IDE3LjQwNDYgMjAuNDE2MiAxNy40NTQgMjAuMzkxQzE3LjY0MjIgMjAuMjk1MSAxNy43OTUxIDIwLjE0MjIgMTcuODkxIDE5Ljk1NEMxNy45MTYyIDE5LjkwNDUgMTcuOTUzOSAxOS44MDM4IDE3Ljk3NjEgMTkuNTMyMkMxNy45OTkyIDE5LjI0ODggMTggMTguODc2NiAxOCAxOC4zVjExLjVIMTJaTTE5LjQgOS41QzE5LjY5NjUgOS41IDE5Ljg1ODggOS40OTkyMiAxOS45NzU0IDkuNDg5N0MxOS45OCA5LjQ4OTMyIDE5Ljk4NDQgOS40ODg5MyAxOS45ODg2IDkuNDg4NTRDMTkuOTg4OSA5LjQ4NDQgMTkuOTg5MyA5LjQ4MDAxIDE5Ljk4OTcgOS40NzUzN0MxOS45OTkyIDkuMzU4NzggMjAgOS4xOTY1MyAyMCA4LjlWNy4xQzIwIDYuODAzNDcgMTkuOTk5MiA2LjY0MTIyIDE5Ljk4OTcgNi41MjQ2M0MxOS45ODkzIDYuNTE5OTkgMTkuOTg4OSA2LjUxNTYgMTkuOTg4NSA2LjUxMTQ1QzE5Ljk4NDQgNi41MTEwNyAxOS45OCA2LjUxMDY4IDE5Ljk3NTQgNi41MTAzQzE5Ljg1ODggNi41MDA3OCAxOS42OTY1IDYuNSAxOS40IDYuNUgxMlY5LjVIMTkuNFpNMTQuNTM1NyA0LjVDMTQuNzg1NiA0LjUgMTUuMDI4OSA0LjM5OTEgMTUuMjExMiA0LjIxMzUxQzE1LjM5NDEgNC4wMjczIDE1LjUgMy43NzA5NyAxNS41IDMuNUMxNS41IDMuMjI5MDMgMTUuMzk0MSAyLjk3MjcgMTUuMjExMiAyLjc4NjQ5QzE1LjAyODkgMi42MDA5IDE0Ljc4NTYgMi41IDE0LjUzNTcgMi41QzEzLjcyNiAyLjUgMTMuMTAyMyAzLjA3NTgxIDEyLjYxNjUgMy45NzUyN0MxMi41MjE0IDQuMTUxMTYgMTIuNDM4MSA0LjMyODY1IDEyLjM2NTggNC41SDE0LjUzNTdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjA1MV80MzkpIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjA1MV80MzkiIHgxPSIwIiB5MT0iMTEuNSIgeDI9IjIyIiB5Mj0iMTEuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMUU2NTRGIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFDOEQ1NiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPgo=",alt:"gift-box-icon"})),e("h1",{key:"19003de35bf4476016ff592e7fc62a860794f62c",class:"ModalHeader"},r(this.errored?"errorTitle":"congrats",this.language)),this.errored?e("div",{class:"ModalErrorMessage"},r("errorSubTitle",this.language)):e("div",{class:"ModalSubtitle"},`${r("level",this.language)} ${this.orderNumber} ${r("completed",this.language)}`,e("div",null,r("youWon",this.language)),e("div",{class:"ModalReward"},this.reward),this.isFreeSpinsGranted&&e("div",{class:"ModalAddition"},r("playNowOrLater",this.language)),e("div",{class:"ModalAddition"},r("rewardInLobby",this.language))),this.addition&&e("div",{key:"319b5cff8ce9ae566350bf08e9183833e1609fcd",class:"ModalAddition"},e("div",{key:"361cf066b060bfd2078073f14f3d3b0eeb68e4c4"},r("physicalReward",this.language)),e("span",{key:"fff547c42c2f91b9527db37aa71efb41db6dee61"},r("linkText",this.language))),e("button",{key:"1d1cf2eaffc175b3342520c09dccdc603faf6012",class:"ModalAction",onClick:this.handleClick},r(this.errored?"errorBtnText":"continue",this.language)),this.isFreeSpinsGranted&&(null===(n=this.bonusProgramGames)||void 0===n?void 0:n.length)>0&&e("div",{key:"b2c4a528e8c8a9955f580aef8c95013be75c2400",class:"ModalSliderWrapper"},e("div",{key:"ac70d626a28e19545478c50c3c4b5c8e18191b90",class:"ModalSlider",ref:n=>this.sliderContainer=n,onPointerDown:this.onPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onPointerLeave:this.onPointerUp},this.bonusProgramGames.map((n=>e("div",{class:"ModalSlide",key:n.GameSlug,"data-slug":n.GameSlug},e("div",{class:"ModalSlideImageWrapper"},e("img",{src:n.Thumbnail,alt:""})),e("div",{class:"ModalSlideSpins"},r("useSpinsNow",this.language),e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L5.13807 4.19526C5.39842 4.45561 5.39842 4.87772 5.13807 5.13807L1.13807 9.13807C0.877722 9.39842 0.455612 9.39842 0.195262 9.13807C-0.0650874 8.87772 -0.0650874 8.45561 0.195262 8.19526L3.72386 4.66667L0.195262 1.13807C-0.0650874 0.877722 -0.0650874 0.455612 0.195262 0.195262Z",fill:"white"}))))))),this.bonusProgramGames.length>1&&e("div",{key:"518a95befadd9cc28d86204c3881c987db3f6b04"},e("button",{key:"962931fc3d3dc882790027b15fb4c22e35e0c741",class:{prev:!0,disabled:0===this.currentIndex},onClick:this.prev},e("svg",{key:"404ea526331db4676e7533131f43e183fbe7b8f9",xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},e("path",{key:"edbba112e1a68c1a640b066fe737cf55cf77e217",d:"M5 1L1 5L5 9","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),e("button",{key:"e3b10dc621a1e5e4f53ff8f5e2b28c153c62573c",class:{next:!0,disabled:this.currentIndex===this.bonusProgramGames.length-1},onClick:this.next},e("svg",{key:"6daa1f94fd2c9d841ee612dec2c1bb07169331c6",xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},e("path",{key:"de0f47067a04bffd49293cc1c6a4717feeedb424",d:"M1 1L5 5L1 9","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),e("div",{key:"d4ff6bca4002d001eed86240b5f9a3e882573914",class:"ModalSliderDots"},this.bonusProgramGames.map(((n,i)=>e("span",{class:{ModalSliderDot:!0,active:i===this.currentIndex},onClick:()=>{this.currentIndex=i,this.setPositionByIndex()}}))))))))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],bonusProgramGames:["handleBonusProgramGameChange"]}}};d.style=':host {\n  display: block;\n  font-family: inherit;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbutton {\n  border: none;\n  background: none;\n  cursor: pointer;\n  touch-action: manipulation;\n}\nbutton:focus {\n  outline: none;\n}\n\n.ModalOverlay {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0);\n  justify-content: center;\n  align-items: center;\n  z-index: 302;\n}\n\n.ModalOverlay.Open {\n  display: flex;\n}\n\n.ModalWrapper {\n  container: modal/size;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.ModalContent {\n  display: flex;\n  background: var(--emw--modal-border-color, linear-gradient(90deg, #003e5c 0.05%, #113b21 87.69%));\n  padding: 40px;\n  border-radius: 26px;\n  border: 2px solid var(--emw--modal-outline-color, #1e654f);\n  width: 540px;\n  max-width: 90%;\n  text-align: center;\n  max-height: 90dvh;\n  min-height: 100px;\n  font-family: "Roboto", sans-serif;\n}\n\n.InnerContainer {\n  border-radius: 20px;\n  background: var(--emw--modal-background-color, #f9f8f8);\n  padding: 20px;\n  width: 100%;\n  flex-direction: column;\n  align-items: center;\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n}\n\n.ImageWrapper {\n  margin-bottom: 10px;\n}\n\n.ModalHeader {\n  color: var(--emw--modal-title-color, #212529);\n  text-align: center;\n  font-family: var(--emw--button-typography, "PF BeauSans Pro", sans-serif);\n  font-size: var(--emw--font-size-medium, 16px);\n  font-weight: var(--emw--font-weight-bold, 700);\n  line-height: normal;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.ModalSubtitle {\n  color: var(--emw--modal-title-color, #212529);\n  text-align: center;\n  font-size: var(--emw--font-size-medium, 16px);\n  font-weight: var(--emw--font-weigh-normal, 400);\n  margin: 10px auto 0;\n  line-height: 24px;\n  max-width: 320px;\n}\n\n.ModalErrorMessage {\n  color: var(--emw--modal-title-color, #212529);\n  font-size: var(--emw--font-size-medium, 16px);\n  line-height: 24px;\n  margin: 10px 0;\n}\n\n.ModalReward {\n  background: var(--emw--modal-reward-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  font-family: var(--emw--modal-reward-typography, "PF BeauSans Pro", sans-serif);\n  font-size: var(--emw--modal-reward-font-size, 16px);\n  font-weight: var(--emw--modal-reward-font-weight, 700);\n}\n\n.ModalAddition {\n  color: var(--emw--modal-addition-color, #727672);\n  text-align: center;\n  font-family: var(--emw--modal-addition-typography, "Roboto", sans-serif);\n  font-size: var(--emw--modal-addition-font-size, 16px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-normal, 400);\n  align-content: center;\n  margin-top: 10px;\n  line-height: 24px;\n}\n\n.ModalAddition span {\n  background: var(--emw--modal-support-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  font-style: normal;\n  font-weight: var(--emw--modal-support-font-weight, 700);\n  line-height: 15px;\n  text-decoration: none;\n  position: relative;\n}\n.ModalAddition span::after {\n  content: "";\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: 1px;\n  width: 100%;\n  background: var(--emw--modal-support-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n}\n\n.ModalAction {\n  border-radius: var(--emw--modal-button-border-radius, 99px);\n  border: 2px solid var(--emw--modal-button-border-color, #083b17);\n  background: var(--emw--modal-button-background-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  padding: 9px 20px;\n  margin-top: 24px;\n  text-transform: uppercase;\n  color: var(--emw--modal-button-color, #fff);\n  text-align: center;\n  font-family: var(--emw--modal-button-typography, "PF BeauSans Pro", sans-serif);\n  font-size: var(--emw--modal-button-font-size, 14px);\n  font-weight: var(--emw--modal-button-font-weight, 700);\n  min-width: 100px;\n}\n\n.ModalSliderWrapper {\n  margin: 24px auto 0;\n  position: relative;\n  overflow: hidden;\n  width: 316px;\n}\n\n.ModalSlider {\n  display: flex;\n  transition: transform 0.3s ease;\n  cursor: pointer;\n  touch-action: pan-y;\n}\n\n.ModalSlider:active {\n  cursor: grabbing;\n}\n\n.ModalSlide {\n  min-width: 100%;\n  flex-shrink: 0;\n  position: relative;\n  display: flex;\n  justify-content: center;\n}\n.ModalSlide .ModalSlideSpins {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: var(--emw--modal-game-border-radius, 99px);\n  width: 188px;\n  height: 48px;\n  text-transform: uppercase;\n  font-size: var(--emw--modal-game-font-size, 14px);\n  font-weight: var(--emw--modal-game-font-weight, 700);\n  color: var(--emw--modal-game-font-color, #ffffff);\n  align-content: center;\n  background: var(--emw--modal-game-background, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%));\n}\n.ModalSlide .ModalSlideSpins svg {\n  margin-left: 8px;\n}\n.ModalSlide .ModalSlideImageWrapper {\n  position: relative;\n  width: 244px;\n  height: 144px;\n  border-radius: 12px;\n  overflow: hidden;\n}\n.ModalSlide .ModalSlideImageWrapper img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n.ModalSlide .ModalSlideImageWrapper::after {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background: var(--emw--color-black-shadow, rgba(0, 0, 0, 0.5019607843));\n}\n\n.prev,\n.next {\n  position: absolute;\n  top: 42%;\n  transform: translateY(-50%);\n  stroke: var(--emw--modal-slider-arrow-color, #ffffff);\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  border: 2px solid var(--emw--modal-slider-border-color, #083b17);\n  background: var(--emw--modal-slider-arrow-bg, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.prev.disabled,\n.next.disabled {\n  stroke: var(--emw--modal-slider-arrow-secondary-color, #727672);\n  background: var(--emw--modal-slider-arrow-secondary-bg, rgba(0, 0, 0, 0.4));\n  border-color: var(--emw--modal-slider-border-secondary-color, #727672);\n}\n\n.prev {\n  left: 2px;\n}\n\n.next {\n  right: 2px;\n}\n\n.ModalSliderDots {\n  display: flex;\n  justify-content: center;\n  margin-top: 10px;\n}\n\n.ModalSliderDot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--emw--modal-slider-dot-color, #e2e2e2);\n  margin: 8px;\n  cursor: pointer;\n}\n\n.ModalSliderDot.active {\n  background: var(--emw--modal-slider-active-dot-color, #00b74f);\n}\n\n.Mobile .ModalContent {\n  padding: 26px;\n}\n.Mobile .InnerContainer {\n  padding: 25px;\n}\n.Mobile .ImageWrapper {\n  margin-bottom: 6px;\n}\n.Mobile .ModalHeader {\n  margin-bottom: 16px;\n}\n.Mobile .ModalAddition {\n  font-size: var(--emw--font-size-x-small, 12px);\n  margin-top: 8px;\n}\n.Mobile .ModalAction,\n.Mobile .ModalSliderWrapper {\n  margin: 20px auto 0;\n}\n.Mobile .ModalSliderWrapper {\n  width: 230px;\n}\n.Mobile .ModalSliderWrapper .prev,\n.Mobile .ModalSliderWrapper .next {\n  display: none;\n}\n.Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n  height: 125px;\n  width: 220px;\n}\n.Mobile .ModalSliderWrapper .ModalSlideSpins {\n  width: 154px;\n  height: 34px;\n  font-size: var(--emw--font-size-x-small, 12px);\n}\n.Mobile .ModalSliderWrapper .ModalSliderDot {\n  margin: 8px 4px;\n}\n.Mobile .ModalSubtitle,\n.Mobile .ModalReward {\n  font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile .ModalAction {\n  font-size: var(--emw--font-size-x-small, 12px);\n}\n\n@container modal (height < 720px) {\n  .Mobile .ModalContent {\n    padding: 20px;\n  }\n  .Mobile .InnerContainer {\n    padding: 8px 20px;\n  }\n  .Mobile .ModalHeader {\n    margin-bottom: 8px;\n  }\n  .Mobile .ModalSubtitle {\n    width: 100%;\n    margin: 0 auto;\n  }\n  .Mobile .ModalAction {\n    margin-top: 8px;\n  }\n  .Mobile .ModalSliderWrapper {\n    margin: 8px auto 0;\n  }\n  .Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n    width: 176px;\n    height: 100px;\n  }\n}';export{d as C}