{"tags":[{"tagId":"f7f9dca7-4fce-4990-8ed9-6f448ada0ca4","tagTypeId":"custom_js","name":"Auth0","description":"Auth0","config":{"code":"(async () => {\n    const preloader = document.getElementById('preloader');\n    const {\n        state,\n        code,\n        error,\n        error_description\n    } = Object.fromEntries(new URLSearchParams(location.search));\n\n    function getEnvironmentConfig() {\n        const currentDomain = window.location.hostname;\n\n        // Mapping des domaines aux configurations\n        const configs = {\n            'poker-test.pmu.fr': {\n                auth0: {\n                    domain: 'auth.parieurs.tst.pmu.fr',\n                    clientId: 'x55MILiPWOW1znRXxCchNM0bMFhUf5Wk',\n                    audience: 'https://tst/compte2010'\n                },\n                api: {\n                    base: 'https://connect-pp.awl.pmu.fr'\n                },\n                environment: 'test'\n            },\n            'poker.pmu.fr': {\n                auth0: {\n                    domain: 'auth.parieurs.pmu.fr',\n                    clientId: '5Qzi6vzck4gu0O3fKhrJd5XvxWutyAXW',\n                    audience: 'https://prd/compte2010'\n                },\n                api: {\n                    base: 'https://connect.awl.pmu.fr'\n                },\n                environment: 'production'\n            }\n        };\n\n        // Cherche une correspondance\n        for (const [domain, config] of Object.entries(configs)) {\n            if (currentDomain === domain || currentDomain.endsWith('.' + domain)) {\n                console.log(`✓ Configuration chargée pour: ${domain}`);\n                return config;\n            }\n        }\n\n        // Configuration par défaut\n        console.warn(`Domaine \"${currentDomain}\" non reconnu, utilisation config production`);\n        return configs['poker.pmu.fr'];\n    }\n\n    // Export de la config\n    const CONFIG = getEnvironmentConfig();\n\n    let errorCode;\n    let loginHint;\n    let sessionCheckInterval = null;\n\n    if (error_description) {\n        try {\n            const data = JSON.parse(error_description);\n\n            errorCode = data.errorCode;\n            loginHint = data.loginHint;\n        } catch (error) {\n            errorCode = 'default-error';\n        }\n    }\n\n    console.log (\"creating auth0Client\");\n    // Récupérer le loginHint du cookie s'il existe\n    const savedLoginHint = getCookie('auth0_login_hint');\n\n    const auth0Client = await auth0.createAuth0Client({\n        domain: CONFIG.auth0.domain,\n        clientId: CONFIG.auth0.clientId,\n        useRefreshTokens: true,\n        authorizationParams: {\n            redirect_uri: `${window.location.origin}/login`,\n            audience: CONFIG.auth0.audience,\n            'ext-clientApi': 81,\n            'ext-univers': 'POKER',\n            'ext-typeCompte': 2010,\n            ...errorCode && { 'ext-authError': errorCode },\n            ...loginHint && { loginHint: loginHint },\n            ...(!loginHint && savedLoginHint) && { login_hint: savedLoginHint }\n        }\n    });\n\n    document.body.addEventListener('click', (event) => {\n        const target = event.target;\n\n        if (target.id === 'auth0-login') {\n            event.preventDefault();\n            auth0Client.loginWithRedirect();\n        }\n    });\n\n    function getCookie(name) {\n        const value = `; ${document.cookie}`;\n        const parts = value.split(`; ${name}=`);\n        if (parts.length === 2) return parts.pop().split(';').shift();\n        return null;\n    }\n\n    function setCookie(name, value, days = null) {\n        let cookieString = `${name}=${value};path=/;SameSite=Lax`;\n\n        // Si days est null, le cookie n'aura pas de date d'expiration (persistant)\n        if (days !== null) {\n            const expires = new Date();\n            expires.setTime(expires.getTime() + days * 24 * 60 * 60 * 1000);\n            cookieString += `;expires=${expires.toUTCString()}`;\n        }\n\n        document.cookie = cookieString;\n    }\n\n    async function sessionCheck() {\n        try {\n            console.log(\"session check called\");\n            const response = await fetch(`${CONFIG.api.base}/auth/client/81/session/keep-alive`, {\n                method: 'GET',\n                credentials: 'include',\n                headers: {\n                    'Content-Type': 'application/json'\n                }\n            });\n        } catch (error) {\n            console.log(error);\n        }\n    }\n\n    function startSessionCheckTimer() {\n        if (sessionCheckInterval) {\n            return;\n        }\n\n        console.log('Session Check timer started');\n        sessionCheckInterval = setInterval(sessionCheck, 30000);\n    }\n\n    function stopSessionCheckTimer() {\n        if (sessionCheckInterval) {\n            clearInterval(sessionCheckInterval);\n            sessionCheckInterval = null;\n            console.log('Session Check timer stopped');\n        }\n    }\n\n    async function logout() {\n        try {\n            const response = await fetch(`${CONFIG.api.base}/auth/client/81/session`, {\n                method: 'DELETE',\n                credentials: 'include',\n                headers: {\n                    'Content-Type': 'application/json'\n                }\n            });\n            console.log (\"logout called\");\n\n        } catch (error) {\n            console.log(error);\n        }\n    }\n\n    async function createPMUSession(accessToken) {\n        try {\n            const response = await fetch(`${CONFIG.api.base}/auth/client/81/user-session`, {\n                method: 'GET',\n                credentials: 'include',\n                headers: {\n                    'Content-Type': 'application/json',\n                    'Authorization': `Bearer ${accessToken}`\n                }\n            });\n\n            if (response.status === 200 || response.status === 201) {\n                return true;\n            }\n\n        } catch (error) {\n            console.log(`Erreur Create Session: ${error.message}`);\n\n        }\n\n        return false;\n    }\n\n    Playtech.on('LOGGED_OUT', async () => {\n        stopSessionCheckTimer();\n\n        await logout();\n\n        auth0Client.logout({\n            logoutParams: {\n                federated: true,\n                returnTo: `${window.location.origin}`\n            }\n        });\n    });\n\n    Playtech.on('auth:generic_login:success', () => {\n        startSessionCheckTimer();\n    });\n\n    if (state && code) {\n        console.log('showing preloader');\n        preloader.classList.add('force-show');\n        try {\n            await auth0Client.handleRedirectCallback();\n        } catch (error) {\n            console.log('hiding preloader');\n            preloader.classList.remove('force-show');\n        }\n        // Playtech.API.common.replace(Playtech.Variables.rootPage, {}, { preserveSearchParams: false });\n    }\n\n    if (error) {\n\n        const errorAuthParams = {\n            redirect_uri: `${window.location.origin}/login`,\n            audience: CONFIG.auth0.audience,\n            'ext-clientApi': 81,\n            'ext-univers': 'POKER',\n            'ext-typeCompte': 2010,\n            'ext-authErrorTimeStamp': Date.now()\n        };\n\n        // Ajouter errorCode s'il existe\n        if (errorCode) {\n            errorAuthParams['ext-authError'] = errorCode;\n        }\n\n        // Ajouter loginHint s'il existe\n        if (loginHint) {\n            errorAuthParams['login_hint'] = loginHint;\n        } else if (savedLoginHint) {\n            errorAuthParams['login_hint'] = savedLoginHint;\n        }\n\n        auth0Client.loginWithRedirect({\n            authorizationParams: errorAuthParams\n        });\n        return;\n    }\n\n\n    async function authenticatePMU() {\n        console.log (\"trying to authenticate\");\n        preloader.classList.add('force-show');\n        try {\n\n            const response1 = await fetch(`${CONFIG.api.base}/services/auth/client/81/session`, {\n                method: 'GET',\n                credentials: 'include',\n                headers: {\n                    'Content-Type': 'application/json'\n                }\n            });\n\n            if (response1.status === 200 && !Playtech.API.auth.isLoggedIn) {\n                const data1 = await response1.json();\n                let username;\n\n                // Extraire numeroMarketing\n                if (data1 && data1.numeroMarketing) {\n                    username = data1.numeroMarketing;\n                }\n\n                const pmusid = getCookie('pmusid');\n                const headers = {\n                    'Content-Type': 'application/json'\n                };\n                if (pmusid) {\n                    headers['pmu-session-id'] = pmusid;\n                }\n                const response2 = await fetch(`${CONFIG.api.base}/services/auth/client/81/session/ott?scope=poker`, {\n                    method: 'POST',\n                    credentials: 'include',\n                    headers: headers,\n                    body: JSON.stringify({})\n                });\n\n                const data = await response2.json();\n\n                if (data && data.ott) {\n                    let ott = data.ott;\n                    await Playtech.API.auth.loginByTemporaryToken(username, ott, 'externalToken');\n\n                    return true;\n                }\n\n            }\n        } catch (e) {\n            console.log (e.error);\n            // await Playtech.API.auth.logout();\n        } finally {\n            console.log('hiding preloader');\n            preloader.classList.remove('force-show');\n        }\n        return false;\n    }\n\n    window.PlaytechAuthHasHappened.then(async () => {\n        const isPlaytechAlreadyLoggedIn = Playtech.API.auth.isLoggedIn;\n        console.log('auth state:', isPlaytechAlreadyLoggedIn);\n\n        const isAuthenticated = await auth0Client.isAuthenticated();\n        console.log(\"auth0 authenticated: \" + isAuthenticated);\n\n        let auth0Success = false;\n        let pmuFallbackSuccess = false;\n\n        if (isAuthenticated) {\n            try {\n                const externalToken = await auth0Client.getTokenSilently();\n                const user = await auth0Client.getUser();\n                const { app_metadata: { idCompte2010: username } } = user;\n\n                if (user && user.loginHint) {\n                    console.log('Storing loginHint in cookie:', user.loginHint);\n                    setCookie('auth0_login_hint', user.loginHint);\n                }\n\n                await createPMUSession(externalToken);\n\n                if (!isPlaytechAlreadyLoggedIn) {\n                    await Playtech.API.auth.loginByTemporaryToken(username, externalToken, 'externalToken');\n                }\n\n                auth0Success = true;\n            } catch (error) {\n                console.error(\"Auth0 silent login error:\", error);\n            } finally {\n                console.log('hiding preloader');\n                preloader.classList.remove('force-show');\n            }\n        }\n\n        if (!auth0Success && !isPlaytechAlreadyLoggedIn) {\n            pmuFallbackSuccess = await authenticatePMU();\n        }\n\n        const isNowLoggedIn = auth0Success || pmuFallbackSuccess || Playtech.API.auth.isLoggedIn;\n\n        if (isNowLoggedIn && window.location.pathname.includes('/login')) {\n            console.log('Redirecting to root page immediately...');\n            Playtech.API.common.replace(Playtech.Variables.rootPage, {}, { preserveSearchParams: false });\n        }\n    });\n})();\n"},"conditionIds":["ef353f69-a51a-4728-8dcb-68dc2705fe71"]},{"tagId":"4c89d1a5-df23-4332-9dc1-73f4a1ba0688","tagTypeId":"custom_tag_type","name":"Redesign - Tabs","description":"Redesign - Tabs","config":{"beforeEndHead":"<script>\n  (() => {\n    const handleTabClick = (e) => {\n      if (!e.target.classList.contains('fn-pmu-tab-item')) {\n        return;\n      }\n      \n      const container = e.target.closest('.fn-tabs-container');\n\n      container.querySelectorAll('.fn-pmu-tab-item.pmu-active').forEach(tab => tab.classList.remove('pmu-active'));\n\n      e.target.classList.add('pmu-active');\n      container.querySelector(`.fn-pmu-tabs-content [data-tab=\"${e.target.dataset.tab}\"]`).classList.add('pmu-active');\n    }\n    \n    document.addEventListener('click', handleTabClick);\n  })();\n</script>","beforeEndBody":""},"conditionIds":["c0c229ca-b501-4b48-9742-b7fb2e120fd6","ef353f69-a51a-4728-8dcb-68dc2705fe71"]},{"tagId":"20e66530-bb88-4e22-9d1e-f746e5fa0384","tagTypeId":"custom_tag_type","name":"Redesign - Banner styles","description":"Redesign - Banner styles (bullets, etc)","config":{"beforeEndHead":"<style>\n  [class*=\"Banner__banner--\"] [class*=\"Slider__bullet--\"] {\n    background-color: var(--с-base-gray-dark-extra);\n    width: calc(var(--s-base) * 5);\n    height: calc(var(--s-base) / 2);\n    margin: var(--s-base) calc(var(--s-base) / 2) calc(var(--s-base) * 4);\n    border-radius: 0;\n    opacity: 40%;\n    box-shadow: none;\n  }\n  \n  [class*=\"Banner__banner--\"] [class*=\"Slider__bullet--\"][class*=\"Slider__active--\"] {\n    opacity: 1;\n  }\n  \n  .mobile.landscape [class*=\"Banner__banner--\"] [class*=\"Banner__slider--\"] {\n    height: calc(var(--s-base) * 37.5) !important;\n  }\n</style>","beforeEndBody":""},"conditionIds":["fba627f9-2ec7-46c7-893a-8e9c97e0120a","ef353f69-a51a-4728-8dcb-68dc2705fe71"]},{"tagId":"963f7a7a-4278-4335-95b3-6e522b2f3001","tagTypeId":"custom_js","name":"confirm App Download js","description":"confirm App Download js","config":{"code":"function confirmAppDownload ({ link = null, tkey = 'confirm-app-download' } = {}) {\r\n        const popupId = 'confirmAppDownload';\r\n\r\n        Playtech.API.popup.showPopup('confirmation', {\r\n            id: 'confirmAppDownload',\r\n            isModal: false,\r\n            className: 'confirm-app-download',\r\n            content: Playtech.API.translation.translate(`system.${tkey}.content.text`, 'Please confirm application download'),\r\n            buttons: [\r\n                {\r\n                    color: 'negative',\r\n                    text: Playtech.API.translation.translate(`system.${tkey}.btn.cancel`, 'Cancel'),\r\n                    onClick: () => {\r\n                        Playtech.API.popup.closePopups(popupId);\r\n                    }\r\n                },\r\n                {\r\n                    color: 'success',\r\n                    text: Playtech.API.translation.translate(`system.${tkey}.btn.confirm`, 'Confirm'),\r\n                    onClick: () => {\r\n                        link && Playtech.API.common.navigate(link);\r\n                        Playtech.API.popup.closePopups(popupId);\r\n                    }\r\n                }\r\n            ]\r\n        });\r\n    }"},"conditionIds":["ef353f69-a51a-4728-8dcb-68dc2705fe71","c0c229ca-b501-4b48-9742-b7fb2e120fd6"]},{"tagId":"02a965ef-a835-4d38-80c8-222fa8ae9cc1","tagTypeId":"custom_tag_type","name":"Redesign - Account sidebar","description":"Redesign - Account sidebar","config":{"beforeEndHead":"<style>\n  [class*=\"MyAccountSidebar__sidebar--\"] [class*=\"Header__header--\"] {\n    background-color: var(--c-base-green-dark);\n  }\n  [class*=\"MyAccountSidebar__sidebar--\"] [class*=\"Header__name--\"] {\n    display: none;\n  }\n\n  [class*=\"MyAccountSidebar__sidebar--\"] [class*=\"Header__header--\"] [class*=\"Header__closeIcon--\"] {\n    background-position: -5rem -82.5rem;\n  }\n\n  [class*=\"MyAccountSidebar__sidebar--\"] [class*=\"Header__header--\"] [class*=\"Header__closeIcon--\"] {\n    background-position: -5rem -82.5rem;\n  }\n\n  [class*=\"MyAccountSidebar__sidebar--\"] [class*=\"Header__header--\"] [class*=\"Header__closeIcon--\"]:hover {\n    background-position: -7.5rem -82.5rem;\n  }\n\n  [class*=\"MyAccountSidebar__sidebar--\"] [class*=\"Menu__name--\"] {\n    color: var(--c-base-teal);\n  }\n  .tablet [class*=\"MyAccountSidebar__sidebar--\"],\n  .desktop [class*=\"MyAccountSidebar__sidebar--\"],\n  .mobile.landscape [class*=\"MyAccountSidebar__sidebar--\"] {\n    width: 25rem;\n  }\n\n  [class*=\"MyAccountSidebar__sidebar--\"] [class*=\"Menu__mainMenuList--\"] [class*=\"Menu__menuListItem--\"] {\n    padding: 0;\n  }\n\n  .mobile [class*=\"MyAccountSidebar__sidebar--\"] [class*=\"Menu__mainMenuList--\"] [class*=\"Menu__menuListItem--\"]:hover,\n  .tablet [class*=\"MyAccountSidebar__sidebar--\"] [class*=\"Menu__mainMenuList--\"] [class*=\"Menu__menuListItem--\"]:hover {\n    background-color: var(--c-base-white);\n  }\n\n  .desktop [class*=\"MyAccountSidebar__sidebar--\"] [class*=\"Menu__mainMenuList--\"] [class*=\"Menu__menuListItem--\"]:hover,\n  .mobile [class*=\"MyAccountSidebar__sidebar--\"] [class*=\"Menu__mainMenuList--\"] [class*=\"Menu__menuListItem--\"]:active,\n  .tablet [class*=\"MyAccountSidebar__sidebar--\"] [class*=\"Menu__mainMenuList--\"] [class*=\"Menu__menuListItem--\"]:active {\n    background-color: var(--c-base-mint-pastel);\n  }\n</style>\n","beforeEndBody":""},"conditionIds":["ef353f69-a51a-4728-8dcb-68dc2705fe71"]},{"tagId":"57e94bb8-4e9f-40a4-9619-a726422b6932","tagTypeId":"custom_tag_type","name":"Redesign - Accordion","description":"Redesign - Accordion","config":{"beforeEndHead":"<style>\n  .accordion-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    cursor: pointer;\n  }\n\n  .accordion-header-text {\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: calc(100% - var(--s-arrow-big) * 3);\n  }\n\n  .accordion-header-icon {\n    width: var(--s-arrow-big);\n    height: var(--s-arrow-big);\n    transition: transform 0.35s ease;\n  }\n\n  .accordion-header-icon svg {\n    width: 100%;\n    height: 100%;\n    fill: var(--c-base-green-dark);\n  }\n\n  .fn-accordion-body {\n    max-height: 0;\n    opacity: .1;\n    overflow: hidden;\n    transition: all 0.35s;\n  }\n\n  .is-active .fn-accordion-body {\n    opacity: 1;\n  }\n\n  .is-active .accordion-header-icon {\n    transform: rotate(-180deg);\n  }\n</style>\n\n<script>\n  (() => {\n\n    function closeAccordion(item){\n      const content = item.querySelector('.fn-accordion-body');\n      if (!content) {\n        return;\n      }\n      content.style.maxHeight = content.scrollHeight + 'px';\n      requestAnimationFrame(() => {\n        content.style.maxHeight = '0';\n      });\n      item.classList.remove('is-active');\n    }\n\n    function openAccordion(item) {\n      const content = item.querySelector('.fn-accordion-body');\n      if (!content) {\n        return;\n      }\n      content.style.maxHeight = content.scrollHeight + 'px';\n      item.classList.add('is-active');\n      content.addEventListener('transitionend', function onTransitionEnd() {\n        content.style.maxHeight = 'none';\n        content.removeEventListener('transitionend', onTransitionEnd);\n      });\n    }\n\n    function handleAccordionClick(event) {\n      const isLink = event.target.closest('a');\n      if(isLink) {\n        return;\n      }\n\n      const header = event.target.closest('.fn-accordion-header');\n      if(!header) {\n        return;\n      }\n\n      const item = header.closest('.fn-accordion-item');\n      if(!item) {\n        return;\n      }\n\n      const accordion = item.closest('.fn-accordion');\n      const isSingleMode = accordion && accordion.classList.contains('fn-singleMode');\n\n      const isActive = item.classList.contains('is-active');\n\n      if (isActive) {\n        closeAccordion(item);\n      } else {\n        if(isSingleMode) {\n          accordion.querySelectorAll('.fn-accordion-item.is-active').forEach(item => {\n            closeAccordion(item);\n          });\n        }\n\n        openAccordion(item);\n      }\n    }\n\n    document.addEventListener('click', handleAccordionClick);\n  })();\n</script>","beforeEndBody":""},"conditionIds":["ef353f69-a51a-4728-8dcb-68dc2705fe71"]},{"tagId":"a080aad6-74e5-4797-b872-7cd61eb89c49","tagTypeId":"custom_js","name":"GA (Google Analytics)","description":"GA (Google Analytics)","config":{"code":"(async () => {\n\n    /**\n     * @param cleanPathname\n     * @returns {Promise<*|null>}\n     */\n\n    const getPageName = async (cleanPathname = '') => {\n        try {\n            const lang = Playtech.API.language.getCurrentLanguage();\n            const shortLang = Playtech.API.language.getTwoLetterLanguage(lang);\n            const pagePath = cleanPathname || location.pathname.replace(new RegExp(`^/(${lang}|${shortLang})`), '');\n            const formFactor = Playtech.API.device.formFactor;\n            const role = Playtech.API.auth.isLoggedIn ? 'USER' : 'GUEST';\n            const t = Date.now();\n\n            const response = await fetch(`/pageInfo${pagePath}/${lang}_${formFactor}?t=${t}`);\n\n            if (!response.ok) {\n                throw new Error(response);\n            }\n\n            const { name } = await response.json();\n            return name;\n\n        } catch (error) {\n            logMessage('getPageName error: ', error);\n        }\n\n        return null;\n\n    }\n\n    /**\n     * @param {Object} config\n     * @param {EventTarget} target\n     * @returns {boolean}\n     */\n\n    const trackClick = ({ selectors, type, pageTitle }, target) => {\n        const gaEvent = {};\n        const trackedSelector = target.closest(selectors.join(', '));\n\n        if (!trackedSelector) {\n            return false;\n        }\n\n        switch (type) {\n            case 'promotions':\n                const cardTitle = trackedSelector.querySelector('.promotions-card__title')?.innerText || 'promocard without title';\n                gaEvent.page_name = `poker.clic.${pageTitle}.${cardTitle}`;\n\n                break;\n\n            case 'articles':\n                const article = trackedSelector.closest('.news-card');\n                const articleTitle = article.querySelector('.news-card__title')?.innerText || 'article without title';\n                gaEvent.page_name = `poker.clic.${pageTitle}.${articleTitle}`;\n\n                break;\n\n            case 'twister':\n                const twisterCard = trackedSelector.closest('.twister-card-item');\n                \n                gaEvent.page_name = `poker.clic.${pageTitle}.${trackedSelector.innerText}`;\n                gaEvent.twister_card_id = twisterCard?.dataset?.cardid || 'Not specified';\n                gaEvent.twister_card_type = twisterCard?.dataset?.type === 'flash' ? 'flash' : 'standard';\n                gaEvent.twister_card_win = twisterCard?.querySelector('.twister-card__winning-amount_bg')?.innerText;\n\n                break;\n                \n            case 'authButtons':\n                gaEvent.page_name = `poker.clic.header.${trackedSelector.dataset.value}`;\n                gaEvent.click = `poker.clic.header.${trackedSelector.dataset.value}`;\n                gaEvent.univers = 'poker';\n\n                break;\n\n            case 'buttons':\n                gaEvent.page_name = `poker.clic.${pageTitle}.${trackedSelector.innerText || trackedSelector.title}`;\n\n                break;\n\n            case 'icons':\n                const iconSrc = trackedSelector.querySelector('img')?.src;\n                const regex = /\\/([^\\/]+)\\.[a-z]+$/i;\n\n                if(!iconSrc) {\n                    return false;\n                }\n                \n                const decodedSrc = decodeURIComponent(iconSrc);\n                const iconName = decodedSrc.match(regex);\n\n                if(!iconName) {\n                    return false;\n                }\n                \n                gaEvent.page_name = `poker.clic.footer.${formatValue(iconName[1])}`;\n                gaEvent.click = `poker.clic.footer.${formatValue(iconName[1])}`;\n                gaEvent.univers = 'poker';\n\n                break;\n\n            case 'tab':\n                gaEvent.page_name = `poker.clic.${pageTitle}.tab.${trackedSelector.innerText}`;\n\n                break;\n                \n            case 'menu':\n                const prefix = trackedSelector.dataset.value;\n                \n                gaEvent.page_name = `poker.clic.header.${prefix ? `${prefix}.` : ''}${formatValue(trackedSelector.innerText)}`;\n                gaEvent.click = `poker.clic.header.${prefix ? `${prefix}.` : ''}${formatValue(trackedSelector.innerText)}`;\n                gaEvent.univers = 'poker';\n                    \n                break;\n                \n            case 'thirdLevelMenu':\n                const thirdLevelDataParentUrl = trackedSelector.closest('.menu__secondlevel')?.dataset?.parentUrl;\n                const parentItem = document.querySelector(`.menu__nav-item[data-url=\"${thirdLevelDataParentUrl}\"]`);\n                const parentItemName = formatValue(parentItem?.innerText) || null;\n                \n                gaEvent.page_name = `poker.clic.header.${parentItemName}.${formatValue(trackedSelector.innerText)}`;\n                gaEvent.click = `poker.clic.header.${parentItemName}.${formatValue(trackedSelector.innerText)}`;\n                gaEvent.univers = 'poker';\n\n                break;\n                \n            case 'footerMenu':\n                gaEvent.page_name = `poker.clic.footer.${formatValue(trackedSelector.innerText)}`;\n                gaEvent.click = `poker.clic.footer.${formatValue(trackedSelector.innerText)}`;\n                gaEvent.univers = 'poker';\n\n                break;\n                \n            case 'contactButton':\n                gaEvent.page_name = `poker.clic.footer.${formatValue(trackedSelector.innerText) || formatValue(trackedSelector.title)}`;\n                gaEvent.click = `poker.clic.footer.${formatValue(trackedSelector.innerText) || formatValue(trackedSelector.title)}`;\n                gaEvent.univers = 'poker';\n\n                break;\n\n            default:\n                gaEvent.page_name = `poker.clic.${trackedSelector.innerText}`;\n\n                break;\n        }\n\n        trackGAEvent(gaEvent);\n        return true;\n    };\n\n    /**\n     *\n     * @param {MouseEvent} event\n     */\n\n    const linkClickHandler = async ({ target }) => {\n        const pageTitle = pageName || await getPageName();\n        const selectorsMap = [\n            {\n                type: 'menu',\n                selectors: [\n                    '.pmu-header__nav-item',\n                    '.menu__nav-link',\n                    '.sidebar__menu-point-link',\n                    '.sidebar__content-bottom-item-title',\n                    '.pmu-header__secondlevel-link',\n                    'a.sidebar__menu-list-header'\n                ]\n            },\n            {\n                type: 'thirdLevelMenu',\n                selectors: [\n                    '.menu__secondlevel-link'\n                ]\n            },\n            {\n                type: 'footerMenu',\n                selectors: [\n                    '.footer-multi-column__action__navigation-column__link',\n                    '.footer-multi-column__sub-menu__navigation-link',\n                    '.pmu-sticky-footer__link'\n                ]\n            },\n            {\n                type: 'promotions',\n                selectors: [\n                    '.promotions-card'\n                ]\n            },\n            {\n                type: 'articles',\n                selectors: [\n                    '.news-card__button'\n                ]\n            },\n            {\n                type: 'twister',\n                selectors: [\n                    '.twister-card-btn'\n                ]\n            },\n            {\n                type: 'authButtons',\n                selectors: [\n                    '.pmu-header__signin',\n                    '.pmu-header__reg',\n                    '.pmu-header__balance-btn',\n                    '.pmu-header__account-btn'\n                    \n                ]\n            },\n            {\n                type: 'buttons',\n                selectors: [\n                    '.pmu-btn',\n                    '.popup-modal__button',\n                    '.pmu-header__account-btn',\n                    '.fn-logout'\n                ]\n            },\n            {\n                type: 'icons',\n                selectors: [\n                    '.footer-multi-column__social-media__icon-link',\n                    '.footer-multi-column__sub-menu__icon-link'\n                ]\n            },\n            {\n                type: 'contactButton',\n                selectors: [\n                    '.footer-multi-column__mobile-button-contact__link'\n                ]\n            },\n            {\n                type: 'tab',\n                selectors: [\n                    '.fn-pmu-tab-item'\n                ]\n            }\n        ];\n\n        selectorsMap.some(({ type, selectors }) =>\n            trackClick({ selectors, type, pageTitle }, target)\n        );\n    };\n    \n    const formatValue = (value) => value?.trim()?.toLowerCase()?.replace(/ /g, '_');\n\n    const trackPageLoad = () => {\n        if (pageName) {\n            trackGAEvent({\n                page_name: `poker.${pageName}`\n            }, 'load page');\n        }\n    }\n\n    let pageName = await getPageName();\n\n    trackPageLoad();\n\n\n\n    Playtech.on('navigate', async ({ cleanPathname }) => {\n        pageName = await getPageName(cleanPathname);\n\n        trackPageLoad();\n    });\n\n\n    document.body.addEventListener('click', linkClickHandler);\n})();\n"},"conditionIds":["ef353f69-a51a-4728-8dcb-68dc2705fe71"]},{"tagId":"9f1bb2fd-36b3-4f9f-8e38-527cebbaa2a7","tagTypeId":"custom_tag_type","name":"Redesign - Slider","description":"Redesign - Slider","config":{"beforeEndHead":"<style>\n  .pmu-carousel-wrapper {\n    display: flex;\n    flex-direction: column;\n    position: relative;\n  }\n\n  .pmu-carousel-wrapper .pmu-carousel-navigation-container {\n    margin-left: auto;\n    display: flex;\n    flex-direction: row;\n  }\n\n  .pmu-carousel-wrapper .pmu-carousel-navigation {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: var(--c-base-gray-transparent-high);\n    border-radius: var(--s-radius-small);\n    cursor: pointer;\n  }\n\n  .pmu-carousel-wrapper .pmu-carousel-navigation:not(.pmu-carousel-navigation-disabled):hover,\n  .pmu-carousel-wrapper .pmu-carousel-navigation:not(.pmu-carousel-navigation-disabled):active {\n    background: var(--с-base-gray);\n  }\n\n  .pmu-carousel-wrapper.pmu-carousel-disable-navigation .pmu-carousel-navigation {\n    background: var(--c-base-gray-transparent-medium);\n    pointer-events: none;\n    display: none;\n  }\n\n  .pmu-carousel-wrapper.pmu-carousel-disable-navigation .pmu-carousel-navigation svg {\n    opacity: 20%;\n  }\n\n  .pmu-carousel-wrapper .pmu-carousel-navigation.pmu-carousel-navigation-left {\n    margin-right: var(--s-padding-medium);\n  }\n\n  .pmu-carousel-wrapper .pmu-carousel-navigation.pmu-carousel-navigation-left svg {\n    transform: rotate(180deg);\n  }\n\n  .pmu-carousel-wrapper .pmu-carousel-navigation-disabled {\n    background: var(--c-base-gray-transparent-medium);\n    pointer-events: none;\n  }\n\n  .pmu-carousel-wrapper .pmu-carousel-navigation-disabled svg {\n    opacity: 20%;\n  }\n\n  .pmu-carousel-wrapper .pmu-carousel {\n    overflow: hidden;\n    scroll-behavior: smooth;\n    display: flex;\n    contain: paint;\n  }\n  .pmu-carousel-wrapper .pmu-carousel.pmu-carousel-rotate {\n    scroll-behavior: initial;\n  }\n\n  .pmu-carousel.dragging {\n    cursor: grab;\n    scroll-behavior: auto;\n  }\n\n  .pmu-carousel.dragging .pmu-carousel-item {\n    pointer-events: none;\n  }\n\n  .pmu-carousel .pmu-carousel-item:first-child > div {\n    margin-left: 0;\n  }\n</style>\n<script>\n  const INTERSECTION_OBSERVER_TIMEOUT = 700;\n  const SLIDER_OBSERVERS = new WeakMap();\n\n  function throttle(callback, delay) {\n    let isThrottled = false;\n\n    return function(...args) {\n      if (!isThrottled) {\n        callback.apply(this, args);\n        isThrottled = true;\n\n        setTimeout(() => {\n          isThrottled = false;\n        }, delay);\n      }\n    };\n  }\n\n  function isElementInViewport(el) {\n    const rect = el.getBoundingClientRect()\n    const carousel = el?.closest(\".pmu-carousel\")\n    const carouselRightPadding = parseFloat(getComputedStyle(carousel).paddingRight)\n    const screenWidth = window.innerWidth ?? document.documentElement.clientWidth\n\n    return rect.left >= 0 && rect.right <= screenWidth - carouselRightPadding\n  }\n\n  function isZeroRect(el) {\n    const { width, height, top, right, bottom, left } = el.getBoundingClientRect();\n    return width === 0 && height === 0 && left === 0 && top === 0 && right === 0 && bottom === 0;\n  }\n\n  function checkPMUSliderItem() {\n    const sliders = document.getElementsByClassName(\"pmu-carousel-wrapper\")\n\n    if (!sliders.length) return\n\n    Array.from(sliders).forEach((slider) => {\n      const slides = slider.getElementsByClassName(\"pmu-carousel-item\")\n\n      if (!slides.length) return\n\n      const slidesArr = Array.from(slides);\n\n      const needObserveSlides = slidesArr.some((slide) => isZeroRect(slide))\n\n      if (needObserveSlides) {\n        if (SLIDER_OBSERVERS.has(slider)) {\n          return\n        }\n\n        let timeOutId = null\n\n        const resizeObserver = new ResizeObserver((entries, observer) => {\n          const isReady = entries.some((slide) => {\n            const { width, height } = slide.contentRect\n            return width > 0 || height > 0\n          })\n\n          if (isReady) {\n            observer?.disconnect()\n            timeOutId && clearTimeout(timeOutId)\n            SLIDER_OBSERVERS.delete(slider)\n            setTimeout(checkPMUSliderItem, 0)\n          }\n        })\n\n        slidesArr.forEach((slide) => resizeObserver.observe(slide))\n\n        timeOutId = setTimeout(() => {\n          resizeObserver?.disconnect()\n          SLIDER_OBSERVERS.delete(slider)\n        }, INTERSECTION_OBSERVER_TIMEOUT)\n\n        SLIDER_OBSERVERS.set(slider, {observer: resizeObserver, timeOutId})\n\n        return\n      }\n\n      const invisibleSlides = Array.from(slides).filter((slide) => !isElementInViewport(slide))\n\n      if (!invisibleSlides.length) {\n        slider.classList.add(\"pmu-carousel-disable-navigation\")\n      } else {\n        slider.classList.remove(\"pmu-carousel-disable-navigation\")\n      }\n    })\n  }\n\n  ;(() => {\n    const THROTTLE_DELAY = 10;\n    let isDragStart = false,\n      isDragging = false,\n      prevPageX,\n      prevScrollLeft,\n      positionDiff\n\n    const isPMUCarousel = (e) => {\n      return Boolean(e.target?.closest && e.target?.closest(\".pmu-carousel\"))\n    }\n\n    const getElements = (e) => {\n      const carouselWrapper = e.target?.closest(\".pmu-carousel-wrapper\")\n      const carousel = carouselWrapper.querySelector(\".pmu-carousel\")\n      const firstItem = carousel.querySelectorAll(\".pmu-carousel-item\")[0]\n      const item = carousel.querySelectorAll(\".pmu-carousel-item\")[1] || firstItem\n      const arrowIcons = carouselWrapper.querySelectorAll(\".pmu-carousel-wrapper .pmu-carousel-navigation\")\n      const itemStyles = item.currentStyle || window.getComputedStyle(item)\n      let itemWidth = 0\n      try {\n        const itemMargins = parseInt(itemStyles.marginLeft) + parseInt(itemStyles.marginRight)\n        itemWidth = itemMargins + item.clientWidth\n      } catch (e) {\n        itemWidth = item.clientWidth\n      }\n\n      return {\n        carouselWrapper,\n        carousel,\n        firstItem,\n        arrowIcons,\n        itemWidth,\n      }\n    }\n\n    const updateItemsVisibility = (e) => {\n      const { carousel } = getElements(e)\n      const items = carousel.getElementsByClassName(\"pmu-carousel-item\")\n      Array.from(items).forEach((item) => {\n        if (!isElementInViewport(item)) {\n          item.classList.add(\"pmu-carousel-item-hidden\")\n        } else {\n          item.classList.remove(\"pmu-carousel-item-hidden\")\n        }\n      })\n    }\n    const carouselNavigationClick = (e) => {\n      const navigationItem = e.target.closest(\".pmu-carousel-navigation\")\n      if (navigationItem) {\n        const { carousel, arrowIcons, itemWidth } = getElements(e)\n        carousel.scrollLeft += navigationItem.classList.contains(\"pmu-carousel-navigation-left\")\n          ? -itemWidth\n          : itemWidth\n        setTimeout(() => {\n          updateItemsVisibility(e)\n        }, 300)\n        setTimeout(() => {\n          showHideIcons({\n            carousel,\n            arrowIcons,\n          })\n        }, 700)\n      }\n    }\n\n    const checkForSmallScreen = (carousel) => {\n      const isDesktop = window.Playtech.API.device.isDesktop\n\n      if (!isDesktop) {\n        return null\n      }\n\n      const items = carousel.getElementsByClassName(\"pmu-carousel-item\")\n      const lastThreeItems = Array.from(items).slice(-3)\n      const fourthFromEnd = items[items.length - 4]\n\n      const isFourthFromEndVisible = () => {\n        if (!fourthFromEnd) return false\n        const rect = fourthFromEnd.getBoundingClientRect()\n        return rect.right > 0 && rect.left < window.innerWidth\n      }\n\n      const areLastThreeVisible = lastThreeItems.every((item) => {\n        const rect = item.getBoundingClientRect()\n        return rect.right <= window.innerWidth && rect.left >= 0\n      })\n\n      return areLastThreeVisible && !isFourthFromEndVisible()\n    }\n\n    const showHideIcons = ({ carousel, arrowIcons }) => {\n      const scrollWidth = carousel.scrollWidth - carousel.clientWidth\n      if (carousel.scrollLeft <= 2) {\n        arrowIcons[0].classList.add(\"pmu-carousel-navigation-disabled\")\n        arrowIcons[1].classList.remove(\"pmu-carousel-navigation-disabled\")\n      } else if (Math.floor(carousel.scrollLeft) === scrollWidth) {\n        arrowIcons[1].classList.add(\"pmu-carousel-navigation-disabled\")\n        arrowIcons[0].classList.remove(\"pmu-carousel-navigation-disabled\")\n      } else if (checkForSmallScreen(carousel)) {\n        arrowIcons[1].classList.add(\"pmu-carousel-navigation-disabled\")\n        arrowIcons[0].classList.remove(\"pmu-carousel-navigation-disabled\")\n      } else {\n        arrowIcons[0].classList.remove(\"pmu-carousel-navigation-disabled\")\n        arrowIcons[1].classList.remove(\"pmu-carousel-navigation-disabled\")\n      }\n    }\n\n    const autoSlide = (e) => {\n      const { carousel, itemWidth, arrowIcons } = getElements(e);\n      if (carousel.scrollLeft - (carousel.scrollWidth - carousel.clientWidth) > -1 || carousel.scrollLeft <= 0) return;\n\n      const slidesScrolled = Math.floor(carousel.scrollLeft / itemWidth);\n      const remainder = carousel.scrollLeft % itemWidth;\n\n      if (remainder > itemWidth / 2) {\n        carousel.scrollLeft = (slidesScrolled + 1) * itemWidth;\n      } else {\n        carousel.scrollLeft = slidesScrolled * itemWidth;\n      }\n\n      setTimeout(() => {\n        showHideIcons({ carousel, arrowIcons });\n      }, 300);\n    };\n\n    const dragStart = (e) => {\n      if (isPMUCarousel(e)) {\n        const { carousel } = getElements(e)\n        isDragStart = true\n        prevPageX = e.pageX ?? e.touches[0].pageX\n        prevScrollLeft = carousel.scrollLeft\n      }\n    }\n\n    const dragging = (e) => {\n      if (isPMUCarousel(e)) {\n        if (!isDragStart) return\n        const { carousel, arrowIcons } = getElements(e)\n        isDragging = true\n        carousel.classList.add(\"dragging\")\n        positionDiff = (e.pageX ?? e.touches[0].pageX) - prevPageX\n        carousel.scrollLeft = prevScrollLeft - positionDiff\n        updateItemsVisibility(e)\n        showHideIcons({ carousel, arrowIcons })\n      }\n    }\n\n    const dragStop = (e) => {\n      if (isPMUCarousel(e)) {\n        const { carousel } = getElements(e)\n        isDragStart = false\n        carousel.classList.remove(\"dragging\")\n\n        if (!isDragging) return\n        isDragging = false\n        autoSlide(e)\n      }\n    }\n\n    document.addEventListener(\"mousedown\", dragStart)\n    document.addEventListener(\"touchstart\", dragStart)\n\n    document.addEventListener(\"mousemove\", throttle(dragging, THROTTLE_DELAY))\n    document.addEventListener(\"touchmove\", throttle(dragging, THROTTLE_DELAY))\n\n    document.addEventListener(\"mouseup\", dragStop)\n    document.addEventListener(\"touchend\", dragStop)\n\n    document.addEventListener(\"click\", carouselNavigationClick)\n\n    screen.orientation.addEventListener(\"change\", () => {\n      const sliders = document.getElementsByClassName(\"pmu-carousel-wrapper\")\n\n      if (!sliders.length) return\n\n      setTimeout(checkPMUSliderItem, 200)\n\n      Array.from(sliders).forEach((slider) => {\n        const carousel = slider.getElementsByClassName(\"pmu-carousel\")[0]\n        carousel.classList.add(\"pmu-carousel-rotate\")\n        carousel.scrollLeft = 0\n        carousel.classList.remove(\"pmu-carousel-rotate\")\n        const arrowIcons = slider.querySelectorAll(\".pmu-carousel-wrapper .pmu-carousel-navigation\")\n        showHideIcons({\n          carousel,\n          arrowIcons,\n        })\n      })\n    })\n  })()\n</script>\n","beforeEndBody":""},"conditionIds":["ef353f69-a51a-4728-8dcb-68dc2705fe71"]},{"tagId":"2e580332-3d9b-499a-b21f-af8fb908b775","tagTypeId":"custom_tag_type","name":"Redesign - Native elements","description":"Redesign - Native elements","config":{"beforeEndHead":"<style>\n  /**************** RECONNECT TOP BAR *****************/\n  [class*=\"Reconnect__container--\"] [class*=\"Reconnect__content--\"] {\n    background: var(--c-base-green-dark);\n    color: var(--c-base-white);\n  }\n\n  [class*=\"Reconnect__container--\"] [class*=\"Reconnect__content--\"] [class*=\"Reconnect__button--\"] {\n    font-size: var(--btn-m-font-size);\n    font-weight: var(--btn-m-font-weight);\n    border-radius: var(--btn-border-radius);\n    font-family: var(--ff-base-2);\n    background-color: var(--c-btn-dark-primary-bg-default);\n    color: var(--c-btn-dark-primary-text-default);\n  }\n\n  .desktop [class*=\"Reconnect__container--\"] [class*=\"Reconnect__content--\"] [class*=\"Reconnect__button--\"]:hover,\n  [class*=\"Reconnect__container--\"] [class*=\"Reconnect__content--\"] [class*=\"Reconnect__button--\"]:active {\n    background-color: var(--c-btn-dark-primary-bg-hover);\n    color: var(--c-btn-dark-primary-text-default);\n  }\n\n  :is(.mobile, .tablet) [class*=\"Reconnect__container--\"] [class*=\"Reconnect__content--\"] [class*=\"Reconnect__button--\"]:hover:not(:active) {\n    background-color: var(--c-btn-dark-primary-bg-hover);\n    color: var(--c-btn-dark-primary-text-default);\n  }\n\n  /**************** POPUP *****************/\n  [class*=\"PopupManager__popups--\"] [class*=\"Overlay__overlay--\"] {\n    background: var(--c-base-black);\n  }\n\n  [class*=\"Popup__popup--\"] {\n    padding: 0 0 var(--s-padding-big) 0;\n    border-radius: var(--s-radius-medium);\n    background-color: var(--c-base-white);\n  }\n\n  /* Page as popup. */\n  [class*=\"Popup__popup--\"][class*=\"PagePopup__container--\"] {\n    max-height: 95%;\n    padding: 0;\n  }\n\n  [class*=\"Popup__popup--\"][class*=\"PagePopup__container--\"] .popup-modal__inner-content {\n    border-radius: 0 0 var(--s-radius-medium) var(--s-radius-medium);\n  }\n\n  /* Popup title. */\n  [class*=\"Popup__popup--\"] > div:first-child:has(.popup-modal__title:not(:empty)) {\n    background-color: var(--c-base-teal);\n    border-radius: var(--s-radius-medium) var(--s-radius-medium) 0 0;\n  }\n\n  [class*=\"Popup__popup--\"] .popup-modal__title:not(:empty) {\n    color: var(--c-base-white);\n    background-color: var(--c-base-teal);\n    height: 64px;\n    border-radius: var(--s-radius-medium) var(--s-radius-medium) 0 0;\n    padding: 0 calc(var(--s-padding-big-extra) * 2);\n    text-align: center;\n    text-transform: none;\n    font-size: var(--s-font-big);\n    font-weight: var(--w-font-bold);\n    line-height: 24px;\n    letter-spacing: 0;\n  }\n\n  [class*=\"PopupManager__layout--\"] [class*=\"Popup__popup--\"]:has(.popup-modal__title:not(:empty)) .popup-modal__inner-content {\n    padding: calc(var(--s-padding-big-extra) / 2) var(--s-padding-big-extra) 0;\n  }\n\n  [class*=\"Popup__popup--\"] .popup-modal__inner-content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    color: var(--c-base-green-dark);\n  }\n\n  /* Popup actions. */\n  [class*=\"Popup__popup--\"] .popup-modal__buttons .popup-modal__button {\n    border-radius: var(--btn-border-radius);\n    font-family: var(--ff-base-2);\n    display: inline-block;\n    text-align: center;\n    vertical-align: middle;\n    text-decoration: none;\n    place-content: center;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    transition:\n      background-color 0.3s ease-out,\n      color 0.3s ease-out,\n      border 0.3s ease-out;\n    box-shadow: none;\n\n    &:is(:disabled, [disabled]) {\n      opacity: var(--c-btn-opacity-disabled);\n      pointer-events: none;\n    }\n  }\n\n  [class*=\"Popup__popup--\"] .popup-modal__buttons [class*=\"Button__primary--\"][class*=\"Button__success--\"] {\n    min-height: var(--btn-m-min-height);\n    min-width: var(--btn-m-min-height);\n    padding: 0 var(--btn-m-padding);\n    font-size: var(--btn-m-font-size);\n    font-weight: var(--btn-m-font-weight);\n\n    background-color: var(--c-btn-light-primary-bg-default);\n    color: var(--c-btn-light-primary-text-default);\n  }\n\n  .desktop [class*=\"Popup__popup--\"] .popup-modal__buttons [class*=\"Button__primary--\"][class*=\"Button__success--\"]:hover,\n  [class*=\"Popup__popup--\"] .popup-modal__buttons [class*=\"Button__primary--\"][class*=\"Button__success--\"]:active {\n    background-color: var(--c-btn-light-primary-bg-hover);\n    color: var(--c-btn-light-primary-text-default);\n  }\n\n  [class*=\"Popup__popup--\"] .popup-modal__buttons [class*=\"Button__primary--\"][class*=\"Button__negative--\"] {\n    min-height: var(--btn-m-min-height);\n    min-width: var(--btn-m-min-height);\n    padding: 0 var(--btn-m-padding);\n    font-size: var(--btn-m-font-size);\n    font-weight: var(--btn-m-font-weight);\n\n    border: var(--btn-border-width) solid var(--c-btn-light-secondary-border);\n    background-color: var(--c-btn-light-secondary-bg-default);\n    color: var(--c-btn-light-secondary-text-default);\n  }\n\n  .desktop [class*=\"Popup__popup--\"] .popup-modal__buttons [class*=\"Button__primary--\"][class*=\"Button__negative--\"]:hover,\n  [class*=\"Popup__popup--\"] .popup-modal__buttons [class*=\"Button__primary--\"][class*=\"Button__negative--\"]:active {\n    background-color: var(--c-btn-light-secondary-bg-hover);\n    color: var(--c-btn-light-secondary-text-default);\n  }\n\n  /* Popup close icon. */\n  [class*=\"Popup__popup--\"] [class*=\"Icon__closePopup--\"] {\n    width: 24px;\n    height: 24px;\n    top: 20px;\n    right: 24px;\n    background-image: url(/library/Icons/close.svg);\n    background-position: center;\n    background-size: auto;\n    background-repeat: no-repeat;\n  }\n\n  .desktop [class*=\"Popup__popup--\"] [class*=\"Icon__closePopup--\"]:hover,\n  [class*=\"Popup__popup--\"] [class*=\"Icon__closePopup--\"]:active {\n    opacity: 0.75;\n  }\n\n  [class*=\"Popup__popup--\"]:has(.popup-modal__title:empty) [class*=\"Icon__closePopup--\"] {\n    top: 7px;\n    right: 11px;\n    filter: contrast(0.25);\n  }\n\n  .desktop [class*=\"Popup__popup--\"]:has(.popup-modal__title:empty) [class*=\"Icon__closePopup--\"]:hover,\n  [class*=\"Popup__popup--\"]:has(.popup-modal__title:empty) [class*=\"Icon__closePopup--\"]:active {\n    filter: contrast(0.5);\n  }\n\n  /* Popup controls. */\n  [class*=\"Popup__popup--\"] [class*=\"Popup__controls--\"] {\n    color: var(--c-base-green-dark);\n  }\n\n  [class*=\"Popup__popup--\"] [class*=\"Popup__controls--\"] [class*=\"Icon__circleArrowLeft--\"],\n  [class*=\"Popup__popup--\"] [class*=\"Popup__controls--\"] [class*=\"Icon__circleArrowRight--\"],\n  [class*=\"Popup__popup--\"] [class*=\"Popup__controls--\"] [class*=\"Icon__circleArrowLeftDisabled--\"],\n  [class*=\"Popup__popup--\"] [class*=\"Popup__controls--\"] [class*=\"Icon__circleArrowRightDisabled--\"] {\n    position: relative;\n    background-image: none;\n    border-radius: var(--s-radius-small);\n  }\n\n  [class*=\"Popup__popup--\"] [class*=\"Popup__controls--\"] [class*=\"Icon__circleArrowLeft--\"],\n  [class*=\"Popup__popup--\"] [class*=\"Popup__controls--\"] [class*=\"Icon__circleArrowRight--\"] {\n    background-color: var(--c-base-aqua-light);\n  }\n\n  [class*=\"Popup__popup--\"] [class*=\"Popup__controls--\"] [class*=\"Icon__circleArrowLeftDisabled--\"],\n  [class*=\"Popup__popup--\"] [class*=\"Popup__controls--\"] [class*=\"Icon__circleArrowRightDisabled--\"] {\n    background-color: var(--c-base-gray-transparent-medium);\n    cursor: not-allowed;\n  }\n\n  [class*=\"Popup__popup--\"] [class*=\"Popup__controls--\"] [class*=\"Icon__circleArrowLeft--\"]:before,\n  [class*=\"Popup__popup--\"] [class*=\"Popup__controls--\"] [class*=\"Icon__circleArrowRight--\"]:before,\n  [class*=\"Popup__popup--\"] [class*=\"Popup__controls--\"] [class*=\"Icon__circleArrowLeftDisabled--\"]:before,\n  [class*=\"Popup__popup--\"] [class*=\"Popup__controls--\"] [class*=\"Icon__circleArrowRightDisabled--\"]:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-image: url(/library/Icons/arrow_dark.svg);\n    background-size: auto;\n    background-position: center;\n    background-repeat: no-repeat;\n  }\n\n  [class*=\"Popup__popup--\"] [class*=\"Popup__controls--\"] [class*=\"Icon__circleArrowLeftDisabled--\"]:before,\n  [class*=\"Popup__popup--\"] [class*=\"Popup__controls--\"] [class*=\"Icon__circleArrowRightDisabled--\"]:before {\n    opacity: 0.4;\n  }\n\n  [class*=\"Popup__popup--\"] [class*=\"Popup__controls--\"] [class*=\"Icon__circleArrowLeft--\"]:before,\n  [class*=\"Popup__popup--\"] [class*=\"Popup__controls--\"] [class*=\"Icon__circleArrowLeftDisabled--\"]:before {\n    transform: rotate(180deg);\n  }\n\n  .desktop [class*=\"Popup__popup--\"] [class*=\"Popup__controls--\"] [class*=\"Icon__circleArrowLeft--\"]:hover,\n  [class*=\"Popup__popup--\"] [class*=\"Popup__controls--\"] [class*=\"Icon__circleArrowLeft--\"]:active,\n  .desktop [class*=\"Popup__popup--\"] [class*=\"Popup__controls--\"] [class*=\"Icon__circleArrowRight--\"]:hover,\n  [class*=\"Popup__popup--\"] [class*=\"Popup__controls--\"] [class*=\"Icon__circleArrowRight--\"]:active {\n    background-color: var(--c-base-aqua-light-2);\n  }\n\n  /**************** TOAST NOTIFICATION *****************/\n  .notistack-SnackbarContainer [class*=\"useShowNotification__warning--\"] {\n    background-color: var(--c-base-gold);\n  }\n\n  .notistack-SnackbarContainer [class*=\"useShowNotification__success--\"] {\n    background-color: var(--c-base-teal-2);\n  }\n\n  .notistack-SnackbarContainer [class*=\"useShowNotification__error--\"] {\n    background-color: var(--c-base-red);\n  }\n\n  .notistack-SnackbarContainer [class*=\"useShowNotification__default--\"] {\n    background-color: var(--c-base-teal);\n  }\n</style>\n","beforeEndBody":""},"conditionIds":["fba627f9-2ec7-46c7-893a-8e9c97e0120a","ef353f69-a51a-4728-8dcb-68dc2705fe71"]},{"tagId":"162b922f-265b-412e-9db9-f5e8d1b7fa81","tagTypeId":"custom_tag_type","name":"Redesign – Buttons","description":"Redesign – Buttons","config":{"beforeEndHead":"<style>\n  /************************************************************|\n  |                BUTTONS & LINKS USAGE GUIDE                 |\n  |************************************************************/\n  /*\n  BUTTONS:\n  • Base class (required).\n    .pmu-btn - applies common button styles.\n\n  • Size (required - pick one).\n    .pmu-btn--xs | .pmu-btn--s | .pmu-btn--m | .pmu-btn--l\n\n  • Visual type / color (required - pick one).\n    .pmu-btn--ultimate | .pmu-btn--light-primary | .pmu-btn--dark-primary | .pmu-btn--light-secondary | .pmu-btn--dark-secondary\n\n  Example: <button class=\"pmu-btn pmu-btn--xs pmu-btn--light-primary\">PRIMARY XS</button>\n\n  • Arrow icon button (optional).\n    Add .pmu-btn--arrow class for icon-only buttons. Even if the button has text, it won't be displayed. Only the arrow icon will be shown.\n    Example: <button class=\"pmu-btn pmu-btn--xs pmu-btn--light-primary pmu-btn--arrow\">PRIMARY XS</button>\n\n  • Disabled state (optional).\n    Use HTML \"disabled\" attribute or [disabled].\n    Example: <button class=\"pmu-btn pmu-btn--xs pmu-btn--light-primary\" disabled>PRIMARY XS - DISABLED</button>\n  --------------------------------------------------------------------------------\n  LINKS:\n  • Base class (required).\n    .pmu-link - applies common link styles.\n\n  • Size (required - pick one).\n    .pmu-link--xs | .pmu-link--s | .pmu-link--m | .pmu-link--l\n\n  • Visual type / color (required - pick one).\n    .pmu-link--light | .pmu-link--dark\n\n  Example: <a href=\"/\" class=\"pmu-link pmu-link--xs pmu-link--light\">LINK XS</a>\n\n  • Disabled state (optional).\n    Add .pmu-link--disabled for visual disabled effect.\n    Example: <a href=\"/\" class=\"pmu-link pmu-link--xs pmu-link--light pmu-link--disabled\">LINK XS - DISABLED</a>\n  --------------------------------------------------------------------------------\n  VISIBILITY SETTINGS:\n  • Controls visibility of elements (.pmu-btn, .pmu-link) per device.\n  • Add a \"data-visible\" attribute with a list of devices (desktop | tablet | mobile) on which an element is to be shown.\n    If no attribute is specified, it is shown on all devices by default.\n\n  Example:\n    <button pmu-btn pmu-btn--xs pmu-btn--light-primary data-visible=\"desktop tablet\">Text</button> - Shown on desktop and tablet only.\n    <button pmu-btn pmu-btn--xs pmu-btn--light-primary data-visible=\"mobile\">Text</button> – Shown on mobile only.\n  */\n\n  :root {\n    /************************************************************|\n    |                     BUTTONS VARIABLES                      |\n    |************************************************************/\n\n    /***** Mutual buttons variables. *****/\n    --c-btn-opacity-disabled: 0.64;\n    --btn-border-width: 2px;\n    --btn-border-radius: calc(var(--s-base) * 2); /* 16px */\n    --btn-arrow-light-img: url(\"/library/Icons/buttons/arrow_btn_light.svg\");\n    --btn-arrow-dark-img: url(\"/library/Icons/buttons/arrow_btn_dark.svg\");\n\n    /***** Buttons sizes. *****/\n    /* Button XS. */\n    --btn-xs-min-height: calc(var(--s-base) * 3); /* 24px */\n    --btn-xs-padding: var(--s-padding-medium);\n    --btn-xs-font-size: var(--s-font-small);\n    --btn-xs-font-weight: var(--w-font-bold);\n\n    /* Button S. */\n    --btn-s-min-height: calc(var(--s-base) * 4); /* 32px */\n    --btn-s-padding: calc(var(--s-padding-small-extra) * 7);\n    --btn-s-font-size: var(--s-font-medium);\n    --btn-s-font-weight: var(--w-font-heavy);\n\n    /* Button M. */\n    --btn-m-min-height: calc(var(--s-base) * 5); /* 40px */\n    --btn-m-padding: calc(var(--s-padding-small-extra) * 9);\n    --btn-m-font-size: var(--s-font-medium);\n    --btn-m-font-weight: var(--w-font-heavy);\n\n    /* Button L. */\n    --btn-l-min-height: calc(var(--s-base) * 6); /* 48px */\n    --btn-l-padding: calc(var(--s-padding-small-extra) * 9);\n    --btn-l-font-size: var(--s-font-root);\n    --btn-l-font-weight: var(--w-font-heavy);\n\n    /***** Buttons colors. *****/\n    /* Button Ultimate. */\n    --c-btn-ultimate-bg-default: linear-gradient(0.05deg, var(--c-base-gold-5) -19.71%, var(--c-base-gold-2) 71.87%) padding-box,\n    linear-gradient(39.2deg, var(--c-base-gold) 11.34%, var(--c-base-gold-2) 103.76%) border-box;\n    --c-btn-ultimate-text-default: var(--c-base-black-bean);\n    --c-btn-ultimate-text-disabled: var(--c-base-gray-dark);\n    --c-btn-ultimate-shadow: var(--c-base-gold-3);\n\n    /* Button Primary. */\n    /* Light. */\n    --c-btn-light-primary-bg-default: var(--c-base-teal);\n    --c-btn-light-primary-bg-hover: var(--c-base-black-bean);\n    --c-btn-light-primary-text-default: var(--c-base-white);\n    /* Dark. */\n    --c-btn-dark-primary-bg-default: var(--c-base-white);\n    --c-btn-dark-primary-bg-hover: var(--c-base-aqua-light);\n    --c-btn-dark-primary-text-default: var(--c-base-teal);\n\n    /* Button Secondary. */\n    /* Light. */\n    --c-btn-light-secondary-bg-default: transparent;\n    --c-btn-light-secondary-bg-hover: var(--c-base-jagged-ice);\n    --c-btn-light-secondary-border: var(--c-base-teal);\n    --c-btn-light-secondary-text-default: var(--c-base-teal);\n    /* Dark. */\n    --c-btn-dark-secondary-bg-default: transparent;\n    --c-btn-dark-secondary-bg-hover: var(--c-base-black-bean);\n    --c-btn-dark-secondary-border: var(--c-base-white);\n    --c-btn-dark-secondary-text-default: var(--c-base-white);\n\n    /************************************************************|\n    |                      LINKS VARIABLES                       |\n    |************************************************************/\n\n    /***** Mutual links variables. *****/\n    --c-link-opacity-disabled: 0.48;\n\n    /***** Link sizes. *****/\n    /* Link XS. */\n    --link-xs-font-size: var(--s-font-small);\n    --link-xs-font-weight: var(--w-font-bold);\n\n    /* Link S. */\n    --link-s-font-size: var(--s-font-medium);\n    --link-s-font-weight: var(--w-font-heavy);\n\n    /* Link M. */\n    --link-m-font-size: var(--s-font-medium);\n    --link-m-font-weight: var(--w-font-heavy);\n\n    /* Link L. */\n    --link-l-font-size: var(--s-font-root);\n    --link-l-font-weight: var(--w-font-heavy);\n\n    /***** Link colors. *****/\n    /* Light. */\n    --c-link-light-text-default: var(--c-base-teal);\n    --c-link-light-text-hover: var(--c-base-black-bean);\n    /* Dark. */\n    --c-link-dark-text-default: var(--c-base-white);\n    --c-link-dark-text-hover: var(--c-base-alto);\n  }\n\n  /************************************************************|\n  |                       BUTTONS STYLES                       |\n  |************************************************************/\n\n  /***** Mutual buttons styles. *****/\n  .pmu-btn {\n    border-radius: var(--btn-border-radius);\n    font-family: var(--ff-base-2);\n    display: inline-block;\n    text-align: center;\n    vertical-align: middle;\n    text-decoration: none;\n    place-content: center;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    transition:\n      background-color 0.3s ease-out,\n      color 0.3s ease-out,\n      border 0.3s ease-out;\n\n    &:is(:disabled, [disabled]) {\n      opacity: var(--c-btn-opacity-disabled);\n      pointer-events: none;\n    }\n  }\n\n  .pmu-btn--arrow {\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-position: center;\n    /* Trick to hide text. */\n    text-indent: -9999px;\n\n    &:is(.pmu-btn--light-primary, .pmu-btn--dark-secondary) {\n      background-image: var(--btn-arrow-light-img);\n    }\n\n    &:is(.pmu-btn--light-secondary, .pmu-btn--dark-primary) {\n      background-image: var(--btn-arrow-dark-img);\n    }\n  }\n\n  /***** Buttons sizes. *****/\n  /* Button XS. */\n  .pmu-btn--xs {\n    min-height: var(--btn-xs-min-height);\n    min-width: var(--btn-xs-min-height);\n    padding: 0 var(--btn-xs-padding);\n    font-size: var(--btn-xs-font-size);\n    font-weight: var(--btn-xs-font-weight);\n  }\n\n  /* Button S. */\n  .pmu-btn--s {\n    min-height: var(--btn-s-min-height);\n    min-width: var(--btn-s-min-height);\n    padding: 0 var(--btn-s-padding);\n    font-size: var(--btn-s-font-size);\n    font-weight: var(--btn-s-font-weight);\n  }\n\n  /* Button M. */\n  .pmu-btn--m {\n    min-height: var(--btn-m-min-height);\n    min-width: var(--btn-m-min-height);\n    padding: 0 var(--btn-m-padding);\n    font-size: var(--btn-m-font-size);\n    font-weight: var(--btn-m-font-weight);\n  }\n\n  /* Button L. */\n  .pmu-btn--l {\n    min-height: var(--btn-l-min-height);\n    min-width: var(--btn-l-min-height);\n    padding: 0 var(--btn-l-padding);\n    font-size: var(--btn-l-font-size);\n    font-weight: var(--btn-l-font-weight);\n  }\n\n  /***** Buttons colors. *****/\n  /* Button Ultimate. */\n  .pmu-btn--ultimate {\n    background: var(--c-btn-ultimate-bg-default);\n    color: var(--c-btn-ultimate-text-default);\n    border: 2px solid transparent;\n    box-shadow: 0 2px 0 var(--c-btn-ultimate-shadow);\n  }\n  .desktop .pmu-btn--ultimate:hover:not(:disabled, [disabled]),\n  .pmu-btn--ultimate:active:not(:disabled, [disabled]) {\n    color: var(--c-btn-ultimate-text-default);\n  }\n\n  /* Button Light Primary. */\n  .pmu-btn--light-primary {\n    background-color: var(--c-btn-light-primary-bg-default);\n    color: var(--c-btn-light-primary-text-default);\n  }\n  .desktop .pmu-btn--light-primary:hover:not(:disabled, [disabled]),\n  .pmu-btn--light-primary:active:not(:disabled, [disabled]) {\n    background-color: var(--c-btn-light-primary-bg-hover);\n    color: var(--c-btn-light-primary-text-default);\n  }\n\n  /* Button Dark Primary. */\n  .pmu-btn--dark-primary {\n    background-color: var(--c-btn-dark-primary-bg-default);\n    color: var(--c-btn-dark-primary-text-default);\n  }\n  .desktop .pmu-btn--dark-primary:hover:not(:disabled, [disabled]),\n  .pmu-btn--dark-primary:active:not(:disabled, [disabled]) {\n    background-color: var(--c-btn-dark-primary-bg-hover);\n    color: var(--c-btn-dark-primary-text-default);\n  }\n\n  /* Button Light Secondary. */\n  .pmu-btn--light-secondary {\n    border: var(--btn-border-width) solid var(--c-btn-light-secondary-border);\n    background-color: var(--c-btn-light-secondary-bg-default);\n    color: var(--c-btn-light-secondary-text-default);\n  }\n  .desktop .pmu-btn--light-secondary:hover:not(:disabled, [disabled]),\n  .pmu-btn--light-secondary:active:not(:disabled, [disabled]) {\n    background-color: var(--c-btn-light-secondary-bg-hover);\n    color: var(--c-btn-light-secondary-text-default);\n  }\n\n  /* Button Dark Secondary. */\n  .pmu-btn--dark-secondary {\n    border: var(--btn-border-width) solid var(--c-btn-dark-secondary-border);\n    background-color: var(--c-btn-dark-secondary-bg-default);\n    color: var(--c-btn-dark-secondary-text-default);\n  }\n  .desktop .pmu-btn--dark-secondary:hover:not(:disabled, [disabled]),\n  .pmu-btn--dark-secondary:hover:not(:disabled, [disabled]) {\n    background-color: var(--c-btn-dark-secondary-bg-hover);\n    color: var(--c-btn-dark-secondary-text-default);\n  }\n\n  /************************************************************|\n  |                        LINKS STYLES                        |\n  |************************************************************/\n\n  /***** Mutual links styles. *****/\n  .pmu-link {\n    text-decoration: none;\n    font-family: var(--ff-base-2);\n  }\n\n  /* In general, links do not have a disabled state.\n  In this case, it's just a visual effect, if we need kind of disabled link. */\n  .pmu-link--disabled {\n    opacity: var(--c-link-opacity-disabled);\n    pointer-events: none;\n  }\n\n  /***** Links sizes. *****/\n  /* Link XS. */\n  .pmu-link--xs {\n    font-size: var(--link-xs-font-size);\n    font-weight: var(--link-xs-font-weight);\n  }\n\n  /* Link S. */\n  .pmu-link--s {\n    font-size: var(--link-s-font-size);\n    font-weight: var(--link-s-font-weight);\n  }\n\n  /* Link M. */\n  .pmu-link--m {\n    font-size: var(--link-m-font-size);\n    font-weight: var(--link-m-font-weight);\n  }\n\n  /* Link L. */\n  .pmu-link--l {\n    font-size: var(--link-l-font-size);\n    font-weight: var(--link-l-font-weight);\n  }\n\n  /***** Links colors. *****/\n  /* Link Light. */\n  .pmu-link--light,\n  .pmu-link--light:visited {\n    color: var(--c-link-light-text-default);\n  }\n  .desktop .pmu-link--light:hover:not(.pmu-link--disabled),\n  .pmu-link--light:active:not(.pmu-link--disabled) {\n    color: var(--c-link-light-text-hover);\n  }\n\n  /* Link Dark. */\n  .pmu-link--dark,\n  .pmu-link--dark:visited {\n    color: var(--c-link-dark-text-default);\n  }\n  .desktop .pmu-link--dark:hover:not(.pmu-link--disabled),\n  .pmu-link--dark:active:not(.pmu-link--disabled) {\n    color: var(--c-link-dark-text-hover);\n  }\n\n  /************************************************************|\n  |                     VISIBILITY STYLES                      |\n  |************************************************************/\n  .desktop {\n    :is(.pmu-btn, .pmu-link)[data-visible]:not([data-visible~=\"desktop\"]) {\n      display: none;\n    }\n  }\n\n  .tablet {\n    :is(.pmu-btn, .pmu-link)[data-visible]:not([data-visible~=\"tablet\"]) {\n      display: none;\n    }\n  }\n\n  .mobile {\n    :is(.pmu-btn, .pmu-link)[data-visible]:not([data-visible~=\"mobile\"]) {\n      display: none;\n    }\n  }\n</style>\n","beforeEndBody":""},"conditionIds":["fba627f9-2ec7-46c7-893a-8e9c97e0120a"]},{"tagId":"2c96e61a-60c6-486b-b73b-d85bde38f6ae","tagTypeId":"custom_tag_type","name":"[pure] Redesign - Navbar","description":"[pure] Redesign - Navbar","config":{"beforeEndHead":"<style>\n    /**************** First level. ****************/\n    .cms-menu-desktop {\n        --navigation-padding-horizontal: var(--s-padding-big-extra);\n        --navigation-item-padding: var(--s-padding-big);\n        --nvaigation-item-underline-width: calc(100% - (var(--navigation-item-padding) * 2));\n        --nvaigation-item-first-child-underline-width: calc(100% - var(--navigation-item-padding));\n    }\n\n    .cms-menu-desktop [class*='DesktopMenuLevel__firstLevelWrapper--'] {\n        background-color: var(--c-navbar-first-level-bg);\n        padding-left: var(--navigation-padding-horizontal);\n        padding-right: var(--navigation-padding-horizontal);\n        line-height: unset;\n    }\n\n    .desktop [class*='AppRouter__navigationContainer--'] {\n        background-color: var(--c-nav-container-bg);\n        box-shadow: none;\n    }\n\n    .desktop .cms-menu-desktop .cms-menu-desktop-first-level {\n        max-width: unset;\n        height: calc(var(--s-base) * 5.75);\n        display: flex;\n    }\n\n    /* Scrollbar styling. */\n    .cms-menu-desktop .cms-menu-desktop-first-level [class*='DesktopMenuLevel__list--'],\n    .cms-menu-desktop .cms-menu-desktop-second-level [class*='DesktopMenuLevel__list--']{\n        display: inline-flex;\n        height: 100%;\n    }\n\n    .cms-menu-desktop .cms-menu-desktop-first-level::-webkit-scrollbar {\n        height: 6px;\n        background: transparent !important;\n    }\n\n    .cms-menu-desktop .cms-menu-desktop-first-level::-webkit-scrollbar-track {\n        background-color: var(--c-base-white-transparent) !important;\n    }\n\n    .cms-menu-desktop .cms-menu-desktop-first-level::-webkit-scrollbar-thumb {\n        background: var(--c-base-black-transparent-low) !important;\n    }\n\n    .cms-menu-desktop .cms-menu-desktop-first-level .cms-menu-desktop-first-level-item {\n        display: inline-flex;\n        align-items: center;\n        padding: 0 var(--navigation-item-padding);\n        position: relative;\n    }\n\n    .cms-menu-desktop .cms-menu-desktop-first-level a[class*='MenuItem__menuItemLink--'] {\n        padding: 0;\n        color: var(--c-navbar-first-level-item-text);\n        font-size: var(--s-font-root);\n        font-weight: var(--w-font-medium);\n        font-family: var(--ff-base-2);\n        text-transform: none;\n        flex-wrap: nowrap;\n    }\n\n    /* To match the left side shift of portlets. */\n    .cms-menu-desktop .cms-menu-desktop-first-level .cms-menu-desktop-first-level-item:first-child {\n        padding-left: 0;\n    }\n\n    .cms-menu-desktop .cms-menu-desktop-first-level .cms-menu-desktop-first-level-item.cms-menu-desktop-first-level-item-active [class*='MenuItem__menuItemLink--'],\n    .cms-menu-desktop .cms-menu-desktop-first-level .cms-menu-desktop-first-level-item.cms-menu-desktop-first-level-item-active [class*='MenuItem__menuItemLink--']:hover {\n        color: var(--c-navbar-first-level-item-text-active);\n    }\n\n    .cms-menu-desktop .cms-menu-desktop-first-level .cms-menu-desktop-first-level-item:not(.cms-menu-desktop-first-level-item-active):hover:before {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin: 0 auto;\n        display: block;\n        content: \"\";\n        height: 4px;\n        width: var(--nvaigation-item-underline-width);\n        background-color: var(--c-base-yellow-light);\n        border-radius: calc(var(--s-radius-small-extra) / 2) calc(var(--s-radius-small-extra) / 2) 0 0;\n    }\n\n    .cms-menu-desktop .cms-menu-desktop-first-level .cms-menu-desktop-first-level-item.cms-menu-desktop-first-level-item-active {\n        background-color: unset;\n        border: unset;\n        position: relative;\n    }\n\n    .cms-menu-desktop .cms-menu-desktop-first-level [class*='MenuItem__menuItemLink--']:after,\n    .cms-menu-desktop .cms-menu-desktop-first-level  [class*='MenuItem__menuItemLink--']:hover:after {\n        display: none !important;\n    }\n\n    .cms-menu-desktop .cms-menu-desktop-first-level .cms-menu-desktop-first-level-item.cms-menu-desktop-first-level-item-active:before,\n    .cms-menu-desktop .cms-menu-desktop-first-level .cms-menu-desktop-first-level-item.cms-menu-desktop-first-level-item-active:hover:before {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin: 0 auto;\n        display: block;\n        content: \"\";\n        height: 4px;\n        width: var(--nvaigation-item-underline-width);\n        background-color: var(--c-base-yellow-light);\n        border-radius: calc(var(--s-radius-small-extra) / 2) calc(var(--s-radius-small-extra) / 2) 0 0;\n    }\n\n    /**************** Second level. ****************/\n    .cms-menu-desktop [class*='DesktopMenuLevel__secondLevelWrapper--'] {\n        background-color: var(--c-navbar-second-level-bg);\n        line-height: unset;\n        padding: 0 var(--navigation-padding-horizontal);\n    }\n\n    .cms-menu-desktop .cms-menu-desktop-second-level {\n        display: flex;\n        max-width: unset;\n        height: calc(var(--s-base) * 5.75);\n    }\n\n    .desktop .cms-menu-desktop-second-level .cms-menu-desktop-second-level-item {\n        display: inline-flex;\n        align-items: center;\n        padding: 0 var(--navigation-item-padding);\n        position: relative;\n    }\n\n    .desktop .cms-menu-desktop-second-level .cms-menu-desktop-second-level-item [class*='MenuItem__menuItemLink--'] {\n        position: relative;\n    }\n\n    /* Scrollbar styling. */\n    .desktop .cms-menu-desktop-first-level::-webkit-scrollbar,\n    .desktop .cms-menu-desktop-second-level::-webkit-scrollbar {\n        height: 6px;\n        background: var(--c-base-white-transparent);\n    }\n\n    .desktop .cms-menu-desktop-first-level::-webkit-scrollbar-thumb,\n    .desktop .cms-menu-desktop-second-level::-webkit-scrollbar-thumb {\n        background: var(--c-base-black-transparent-low);\n    }\n\n    .desktop .cms-menu-desktop-first-level::-webkit-scrollbar-track,\n    .desktop .cms-menu-desktop-second-level::-webkit-scrollbar-track {\n        background-color: var(--c-base-white-transparent);\n    }\n\n    .desktop .cms-menu-desktop-second-level .cms-menu-desktop-second-level-item:first-child,\n    .desktop .cms-menu-desktop-second-level .cms-menu-desktop-second-level-item:first-child [class*='MenuItem__menuItemLink--'] {\n        padding-left: 0;\n        margin-left: 0;\n    }\n\n    .cms-menu-desktop .cms-menu-desktop-second-level .cms-menu-desktop-second-level-item [class*='MenuItem__menuItemLink--'] {\n        padding: 0;\n        margin: 0 var(--s-padding-small);\n        font-family: var(--ff-base-2);\n        font-size: var(--s-font-root);\n        font-weight: var(--w-font-medium);\n        color: var(--c-navbar-second-level-item-text) !important;\n        line-height: calc(var(--s-base) * 4.5);\n        flex-wrap: nowrap;\n    }\n\n    .desktop .cms-menu-desktop-second-level-item.cms-menu-desktop-second-level-item-active [class*='MenuItem__menuItemLink--'] {\n        background-color: unset;\n    }\n\n    .cms-menu-desktop .cms-menu-desktop-second-level .cms-menu-desktop-second-level-item.cms-menu-desktop-second-level-item-active [class*='MenuItem__menuItemLink--']:after,\n    .cms-menu-desktop .cms-menu-desktop-second-level [class*='MenuItem__menuItemLink--']:hover:after{\n        display: none !important;\n    }\n\n    .cms-menu-desktop .cms-menu-desktop-second-level .cms-menu-desktop-second-level-item.cms-menu-desktop-second-level-item-active:before,\n    .cms-menu-desktop .cms-menu-desktop-second-level .cms-menu-desktop-second-level-item:hover:before{\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin: 0 auto;\n        display: block;\n        content: \"\";\n        height: 4px;\n        width: var(--nvaigation-item-underline-width);\n        background-color: var(--c-navbar-second-level-item-hover);\n        border-radius: calc(var(--s-radius-small-extra) / 2) calc(var(--s-radius-small-extra) / 2) 0 0;\n    }\n\n    .cms-menu-desktop .cms-menu-desktop-first-level-item [class*='MenuItem__menuItemLink--'][href*=\"http\"],\n    .cms-menu-desktop .cms-menu-desktop-second-level-item [class*='MenuItem__menuItemLink--'][href*=\"http\"] {\n        flex-direction: row-reverse;\n    }\n\n    .cms-menu-desktop .cms-menu-desktop-first-level-item [class*='MenuItem__menuItemLink--'][href*=\"http\"] .cms-menu-item-icon,\n    .cms-menu-desktop .cms-menu-desktop-second-level-item [class*='MenuItem__menuItemLink--'][href*=\"http\"] .cms-menu-item-icon {\n        width: calc(var(--s-base) * 2);\n        height: calc(var(--s-base) * 2);\n        margin-left: var(--s-padding-medium-extra);\n        margin-right: 0;\n    }\n    .cms-menu-desktop .cms-menu-desktop-second-level .cms-menu-desktop-second-level-item.cms-menu-desktop-second-level-item-active:first-child:before,\n    .cms-menu-desktop .cms-menu-desktop-second-level .cms-menu-desktop-second-level-item:first-child:hover:before,\n    .cms-menu-desktop .cms-menu-desktop-first-level .cms-menu-desktop-first-level-item:not(.cms-menu-desktop-first-level-item-active):first-child:before,\n    .cms-menu-desktop .cms-menu-desktop-first-level .cms-menu-desktop-first-level-item.cms-menu-desktop-first-level-item-active:first-child:before,\n    .cms-menu-desktop .cms-menu-desktop-first-level .cms-menu-desktop-first-level-item.cms-menu-desktop-first-level-item-active:first-child:hover:before {\n        margin: 0;\n        width: var(--nvaigation-item-first-child-underline-width);\n    }\n\n</style>\n","beforeEndBody":""},"conditionIds":["fba627f9-2ec7-46c7-893a-8e9c97e0120a"]},{"tagId":"48c038b2-fcd1-444b-926b-87379cddb3e0","tagTypeId":"custom_tag_type","name":"Redesign - Global CSS","description":"Redesign - Global CSS","config":{"beforeEndHead":"<style>\n  @font-face {\n    font-family: \"Roboto Flex PMU Custom\";\n    src: url(\"/library/Fonts/Roboto_Flex_PMU_Custom_6.woff2\") format(\"woff2\");\n    font-weight: normal;\n    font-style: normal;\n    font-display: swap;\n  }\n\n  :root {\n    /**************** FONTS *****************/\n    --ff-base: \"Roboto\", sans-serif;\n    --ff-base-2: \"Roboto Flex\", sans-serif;\n    --ff-base-3: \"Roboto Flex PMU Custom\", \"Roboto Flex\", sans-serif;\n\n    /**************** COLORS ****************/\n    /** Base colors **/\n    --c-base-white: #fff;\n    --c-base-white-text: #fafafa;\n    --c-base-black: #000;\n    --c-base-green-dark: #152928;\n    --c-base-yellow: #e8ba65;\n    --c-base-beige: #fdf0dd;\n    --c-base-pink: #b5336b;\n\n    --c-base-blue: #003ab0;\n    --c-base-blue-dark: #00236a;\n    --c-base-blue-dark-text: #001746;\n    --c-base-blue-dark-bg: #050924;\n    --c-base-blue-inactive: #ccddff;\n    --c-base-blue-light: #e5eeff;\n    --c-blue-dark-indigo: #0c0321;\n    --c-blue-medium: #99bbff;\n    --c-base-blue-alternative: #002e8d;\n    --c-base-deep-violet: #0e0228;\n    --c-base-lavender-blue: #d8cfed;\n    --c-base-stratos: #010141;\n    --c-base-stratos-low: rgba(1, 1, 65, 0.2);\n\n    --с-base-blue-light: #0edffc;\n    --c-base-blue-light-dark: #06b7d0;\n    --c-base-blue-light-inactive: #c7f8ff;\n\n    --с-base-gray: #f4f3f3;\n    --с-base-gray-default: #808080;\n    --c-base-gray-text: #a3a3a3;\n    --c-base-gray-charcoal: #3f3f3f;\n    --c-base-gray-dark: #666666;\n    --с-base-gray-dark-extra: #d0cccc;\n    --с-base-gray-inactive: #fafafa;\n    --c-gray-line: #e7e5e5;\n\n    --c-base-white-transparent: rgba(255, 255, 255, 0.5);\n    --c-base-white-transparent-low: rgba(255, 255, 255, 0.1);\n    --c-base-white-transparent-low-extra: rgba(255, 255, 255, 0.2);\n    --c-base-white-transparent-medium: rgba(255, 255, 255, 0.04);\n    --c-base-black-transparent-low: rgba(0, 0, 0, 0.2);\n    --c-base-blue-light-transparent: rgba(30, 80, 145, 0.08);\n    --c-base-gray-transparent-high: rgba(244, 243, 243, 0.8);\n    --c-base-gray-transparent-medium: rgba(244, 243, 243, 0.4);\n    --c-base-gray-transparent-low: rgba(244, 243, 243, 0.2);\n    --c-base-gray-transparent-low-extra: rgba(244, 243, 243, 0.1);\n    --с-base-green-transparent-low: rgba(144, 167, 165, 0.33);\n\n    --c-box-shadow-default: 0px 12px 32px 0px rgba(0, 0, 0, 0.08);\n    --c-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);\n\n    /**************** NEW COLORS ****************/\n    --c-base-teal: #005049;\n    --c-base-teal-2: #00705c;\n    --c-base-black-bean: #081516;\n    --c-base-yellow-light: #ffdc82;\n    --c-base-yellow-2: #ffe500;\n    --c-base-gold: #ddb065;\n    --c-base-gold-2: #fff5aa;\n    --c-base-gold-3: #af843e;\n    --c-base-gold-4: #EEC674;\n    --c-base-gold-5: #DCB065;\n    --c-base-blue-muted: #57637b;\n    --c-base-aqua-light: #e6f4f4;\n    --c-base-aqua-light-2: #eef5f3;\n    --c-base-orange: #ec6608;\n    --c-base-mint-pastel: #d5e7e4;\n    --c-base-red: #d51224;\n    --c-base-pink-2: #68002E;\n    --c-base-alto: #D0D0D0;\n    --c-base-jagged-ice: #C9EDE1;\n\n    --c-base-teal-transparent-64: rgba(0, 80, 73, 0.64);\n    --c-base-teal-transparent-48: rgba(0, 80, 73, 0.48);\n\n    /* Override default variables colors. */\n    --main-text-color: var(--c-base-green-dark);\n\n\n    /******************** Components colors. ********************/\n    /* Header & Navbar. */\n    --c-nav-container-bg: var(--c-base-white);\n    --c-header-bg: var(--c-base-white);\n    --c-header-nav-item: var(--с-base-gray-default);\n    --c-header-nav-item-active: var(--c-base-teal);\n    --c-header-nav-item-hover: var(--c-base-teal-2);\n    --c-header-btn-primary-text: var(--c-base-white);\n    --c-header-btn-primary-bg: var(--c-base-teal);\n    --c-header-btn-primary-text-hover: var(--c-base-teal);\n    --c-header-btn-primary-bg-hover: var(--c-base-white);\n    --c-header-btn-secondary-text: var(--c-base-teal);\n    --c-header-btn-secondary-bg: var(--c-base-white);\n    --c-header-btn-secondary-text-hover: var(--c-base-white);\n    --c-header-btn-secondary-bg-hover: var(--c-base-teal);\n    --c-header-burger: var(--c-base-teal);\n    --c-header-sidebar-bg: var(--c-base-teal);\n    --c-header-sidebar-menu-point-link: var(--c-base-aqua-light);\n    --c-header-sidebar-menu-point-link-pressed: var(--c-base-yellow-light);\n    --c-header-sidebar-menu-point-link-active: var(--c-base-yellow-light);\n    --c-navbar-first-level-bg: var(--c-base-teal);\n    --c-navbar-first-level-item-text: var(--c-base-white);\n    --c-navbar-first-level-item-hover: var(--c-base-yellow-light);\n    --c-navbar-first-level-item-text-active: var(--c-base-yellow-light);\n    --c-navbar-second-level-bg: var(--c-base-aqua-light-2);\n    --c-navbar-second-level-item-text: var(--c-base-teal);\n    --c-navbar-second-level-item-hover: var(--c-base-teal);\n    --c-mobile-navbar-bg: var(--c-base-aqua-light-2);\n    --c-mobile-navbar-link-text: var(--c-base-teal);\n    --c-mobile-navbar-link-text-active: var(--c-base-teal);\n\n    /** Footer items **/\n    --c-footer-text: var(--c-base-green-dark);\n    --c-footer-text-primary: var(--c-base-teal);\n    --c-footer-separator: var(--c-base-mint-pastel);\n\n    /** Sticky bar items **/\n    --c-sticky-bar-default: var(--с-base-gray-default);\n    --c-sticky-bar-active: var(--c-base-green-dark);\n\n    /** Headings **/\n    --c-heading-default: var(--c-base-green-dark);\n    --c-heading-alternative: var(--c-base-white);\n\n    /** Text **/\n    --c-text-dark: var(--c-base-gray-dark);\n    --c-text-light: var(--с-base-gray-default);\n\n    /** Icons with background(arrows, etc) **/\n    --c-icon-transparent-high-bg: var(--c-base-gray-transparent-high);\n    --c-icon-transparent-medium-bg: var(--c-base-gray-transparent-medium);\n    --c-icon-transparent-low-bg: var(--c-base-gray-transparent-low);\n    --c-icon-transparent-low-extra-bg: var(--c-base-gray-transparent-low-extra);\n\n    /***** TWISTER CARDS. *****/\n    /* Colors. */\n    --c-alabaster-white: #f2f3f4;\n    --c-lavender-mist: #efeef1;\n    --c-soft-periwinkle: #c1c3e6;\n    --c-dusty-blue: #7f82c0;\n    --c-soft-lilac-blue: #c1c2dd;\n    --c-champagne-cream: #f5e8c4;\n    --c-golden-beige: #d9be79;\n    --c-light-grayish-blue-low: rgba(168, 169, 184, 0.2);\n    --c-light-periwinkle: #e2e6fd;\n    --c-soft-lavender-blue: #bcc6f8;\n    --c-light-slate-blue: #918fff;\n    --c-slate-blue: #534cc3;\n    --c-royal-blue: #5618e1;\n    --c-dark-violet: #3d0ea7;\n    --c-vis-vis-transparency-024: rgba(255, 245, 170, 0.24);\n    --c-vis-vis-transparency-016: rgba(255, 245, 170, 0.16);\n    --c-black-rock: #180643;\n    --c-curious-blue: #17A3CF;\n    --c-curious-blue-transparency-01: rgba(24, 126, 221, 0.1);\n    --c-dodger-blue-transparency-03: rgba(13, 166, 252, 0.3);\n    --c-valhalla: #1B1B52;\n    --c-midnight-indigo: #000018;\n    --c-haiti: #0A0A2E;\n    --pmu-twister-card-bet-amount-bg: linear-gradient(155.03deg, var(--c-base-gold-2) 36.87%, var(--c-base-gold-5) 101.65%);\n    --pmu-twister-card-title-color: var(--c-base-white);\n    --pmu-twister-card-description-color: var(--c-base-white);\n    --pmu-twister-card-winning-amount-border-color: var(--c-base-yellow-light);\n    /* Bright blue card. */\n    --pmu-twister-card-bright-blue-border-color: linear-gradient(to bottom left, var(--c-vis-vis-transparency-024) 7.26%, var(--c-base-gold) 57.28%, var(--c-vis-vis-transparency-016) 103.93%);\n    --pmu-twister-card-bright-blue-bg-color: linear-gradient(180deg, var(--c-dark-violet) 42.25%, var(--c-black-rock) 100%);\n    --pmu-twister-card-bright-blue-bet-amount-color: var(--c-dark-violet);\n    /* Dark blue card. */\n    --pmu-twister-card-dark-blue-border-color: linear-gradient(140.57deg, var(--c-curious-blue) 23.27%, var(--c-curious-blue-transparency-01) 42.84%, var(--с-base-blue-light) 65.05%, var(--с-base-blue-light) 87.06%, var(--c-dodger-blue-transparency-03) 126.61%);\n    --pmu-twister-card-dark-blue-bg-color: radial-gradient(128.21% 100% at 50% 0%, var(--c-valhalla) 0%, var(--c-midnight-indigo) 100%);\n    --pmu-twister-card-dark-blue-bet-amount-color: var(--c-haiti);\n    /* Navigation. */\n    --c-twister-nav-active: var(--c-base-gray-transparent-medium);\n    --c-twister-nav-default: var(--c-base-gray-transparent-low);\n    --c-twister-nav-disabled: var(--c-base-gray-transparent-low-extra);\n\n    /* Layout. */\n    --pmu-twister-card-border-radius: calc(var(--s-radius-small-extra) * 2.5);\n    --pmu-twister-card-border-width: var(--s-padding-small-extra);\n\n    /* Typography. */\n    --pmu-twister-card-title-font-size: var(--s-font-medium);\n    --pmu-twister-card-title-font-weight: var(--w-font-ultra-bold);\n    --pmu-twister-card-description-font-size: var(--s-font-small);\n    --pmu-twister-card-description-font-weight: var(--w-font-regular);\n    --pmu-twister-card-winning-amount-font-size: calc(var(--s-font-medium) * 2);\n    --pmu-twister-card-winning-amount-font-weight: var(--w-font-ultra-bold);\n\n    /**************** SIZES *****************/\n    --s-base: 8px;\n\n    /** Content **/\n\n    --s-max-content-width: calc(var(--s-base) * 107) /* 856px for text content */;\n    --s-max-portlet-content-width: calc(var(--s-base) * 162) /* 1296px for portlets(promo banner, cards container )*/;\n    --s-max-tablet-portlet-content-width: calc(var(--s-base) * 86)\n    /* 688px for tablet portlets(promo banner, cards container )*/;\n    --s-max-mobile-portlet-content-width: calc(var(--s-base) * 41)\n    /* 328px for mobile portlets(promo banner, cards container )*/;\n    --s-max-layout-width: calc(var(--s-base) * 200); /* 1600px for portlets(banners, carousel) */\n    --s-max-portlet-content-total-width: calc(\n      var(--s-max-portlet-content-width) + (var(--adaptive-padding) * 2)\n    ); /* 1440px */\n    --s-max-tablet-portlet-content-total-width: calc(\n      var(--s-max-tablet-portlet-content-width) + (var(--adaptive-tablet-padding) * 2)\n    ); /* 768px */\n    --s-max-mobile-portlet-content-total-width: calc(\n      var(--s-max-mobile-portlet-content-width) + (var(--adaptive-mobile-padding) * 2)\n    ); /* 376px */\n\n    /** Font **/\n    --s-font-root: calc(var(--s-base) * 2); /* 16px */\n    --s-font-big: calc(var(--s-base) * 2.5); /* 20px */\n    --s-font-medium: calc(var(--s-base) * 1.75); /* 14px */\n    --s-font-small: calc(var(--s-base) * 1.5); /* 12px */\n    --s-font-small-extra: calc(var(--s-base) * 1.25); /* 10px */\n\n    /** Radius **/\n    --s-radius-big-extra: calc(var(--s-base) * 4); /* 32px */\n    --s-radius-big: calc(var(--s-base) * 3); /* 24px */\n    --s-radius-medium: calc(var(--s-base) * 2); /* 16px */\n    --s-radius-small: calc(var(--s-base) * 1.5); /* 12px */\n    --s-radius-small-extra: var(--s-base); /* 8px */\n\n    /** Padding **/\n    --s-padding-big-extra: calc(var(--s-base) * 3); /* 24px */\n    --s-padding-big: calc(var(--s-base) * 2); /* 16px */\n    --s-padding-medium: calc(var(--s-base) * 1.25); /* 10px */\n    --s-padding-medium-extra: var(--s-base); /* 8px */\n    --s-padding-small: calc(var(--s-base) / 2); /* 4px */\n    --s-padding-small-extra: calc(var(--s-base) / 4); /* 2px */\n\n    /** Font weight **/\n    --w-font-regular: 400;\n    --w-font-medium: 500;\n    --w-font-semi-bold: 600;\n    --w-font-bold: 700;\n    --w-font-heavy: 800;\n    --w-font-extra-bold: 900;\n    --w-font-ultra-bold: 1000;\n\n    /** Component sizes **/\n    /** Heading sizes **/\n    --s-font-h1: calc(var(--s-base) * 6); /* 48px */\n    --s-font-h2: calc(var(--s-base) * 4); /* 32px */\n    --s-font-h3: calc(var(--s-base) * 3); /* 24px */\n\n    /** Footer font sizes **/\n    --s-font-footer-link: 16px;\n    --s-font-footer-text: 14px;\n\n    /** Banner font sizes **/\n    --s-font-banner-title: 62px;\n    --s-font-banner-title-small: 40px;\n\n    /** Arrows **/\n    --s-arrow-big: calc(var(--s-base) * 4); /* 32px - accordion */\n    --s-arrow-medium: calc(var(--s-base) * 3); /* 24px - mobile footer & menu accordions */\n    --s-arrow-small: calc(var(--s-base) * 2.5); /* 20px - left & right arrows for slider */\n\n    /** Tabs **/\n    --s-tab-gap-default: calc(var(--s-base) * 4);\n    --s-tab-gap-small: calc(var(--s-base) * 2.875);\n\n    /**************** Z-INDEXES ****************/\n    --z-index-sidebar: 99;\n    --z-index-sticky-footer: 12;\n    --z-index-sticky-footer-drawer: 9;\n    --z-index-sticky-footer-overlay: 8;\n    --z-index-preloader: 200;\n    --z-index-twister-card-text: 1;\n\n    /* Adaptive Padding */\n    --adaptive-padding: calc(var(--s-base) * 9); /* 72px */\n    --adaptive-tablet-padding: calc(var(--s-base) * 5); /* 40px */\n    --adaptive-mobile-padding: calc(var(--s-base) * 3); /* 24px */\n  }\n\n  html,\n  body {\n    font-family: var(--ff-base-2);\n    font-size: var(--s-font-root);\n    color: var(--c-text-dark);\n  }\n\n  /******************** HEADINGS. ********************/\n  h1,\n  h2,\n  h3 {\n    font-family: var(--ff-base-3);\n    text-transform: uppercase;\n  }\n\n  /******************** SCROLLBAR ********************/\n  html::-webkit-scrollbar {\n    width: 6px;\n    background: var(--c-gray-line);\n  }\n  html::-webkit-scrollbar-thumb {\n    background: var(--с-base-gray-dark-extra);\n  }\n\n  html::-webkit-scrollbar-track {\n    background: var(--c-gray-line);\n  }\n\n  /* Adaptive container */\n  .desktop .pmu-adaptive-padding-container {\n    padding: 0 var(--adaptive-padding);\n  }\n\n  .tablet .pmu-adaptive-padding-container {\n    padding: 0 var(--adaptive-tablet-padding);\n  }\n\n  .mobile .pmu-adaptive-padding-container {\n    padding: 0 var(--adaptive-mobile-padding);\n  }\n\n  @media (1200px <= width <= 1399px) {\n    .desktop .pmu-adaptive-padding-container {\n      --adaptive-padding: calc(var(--s-base) * 7.5); /* 60px */\n    }\n  }\n\n  @media (1000px <= width <= 1199px) {\n    .desktop .pmu-adaptive-padding-container {\n      --adaptive-padding: calc(var(--s-base) * 6.25); /* 50px */\n    }\n  }\n\n  @media (width <= 999px) {\n    .desktop .pmu-adaptive-padding-container {\n      --adaptive-padding: calc(var(--s-base) * 5); /* 40px */\n    }\n  }\n</style>\n","beforeEndBody":""},"conditionIds":["ef353f69-a51a-4728-8dcb-68dc2705fe71"]}],"conditions":[{"conditionId":"fba627f9-2ec7-46c7-893a-8e9c97e0120a","conditionTypeId":"basic_condition","name":"Before page rendered","description":"Before page rendered","config":{"launch":"beforePageRendered"}},{"conditionId":"c0c229ca-b501-4b48-9742-b7fb2e120fd6","conditionTypeId":"basic_condition","name":"After Page Rendered","description":"After Page Rendered","config":{"launch":"afterPageRendered"}},{"conditionId":"ef353f69-a51a-4728-8dcb-68dc2705fe71","conditionTypeId":"basic_condition","name":"On App init","description":"On application initialization","config":{"launch":"onAppInit"}}]}