{"version":3,"file":"static/js/theme-definition3.5b56fde2.chunk.js","mappings":"oGAEO,SAASA,IACZ,MAAO,CACHC,KAAM,sCACNC,KAAM,kCACNC,MAAO,mCACPC,QAAS,6BACTC,KAAM,kCACNC,OAAQ,oCACRC,MAAO,mCACPC,MAAO,mCACPC,QAAS,mCACTC,UAAW,6CAEnB,C,kOCTaC,EAAQ,qGAYhB,OAZgB,8BACjB,WACI,OACI,SAAC,KAAO,kBAAKC,KAAKC,OAAK,cACnB,wBACI,iBACIC,KAAK,eACLC,EAAE,gjBAKtB,KAAC,EAZgB,CAASC,EAAAA,eCFjBC,EAAuC,CAChDC,SAAUP,G,iCCORQ,GAAeC,EAAAA,EAAAA,IAAiB,8HAShCC,EAAiC,CACnCC,aAAcC,EAAAA,EAAAA,OACdC,iBAAkBD,EAAAA,EAAAA,WAClBE,kBAAmBF,EAAAA,EAAAA,YACnBG,qBAAsBH,EAAAA,EAAAA,eAEtBI,eAAgBJ,EAAAA,EAAAA,OAChBK,mBAAoBL,EAAAA,EAAAA,WACpBM,oBAAqBN,EAAAA,EAAAA,YACrBO,uBAAwBP,EAAAA,EAAAA,eAExBQ,eAAgBR,EAAAA,EAAAA,MAChBS,qBAAsBT,EAAAA,EAAAA,QACtBU,WAAYV,EAAAA,EAAAA,QACZW,gBAAiBX,EAAAA,EAAAA,QACjBY,gBAAiBZ,EAAAA,EAAAA,QACjBa,iBAAkBb,EAAAA,EAAAA,QAClBc,mBAAoBd,EAAAA,EAAAA,MACpBe,qBAAsBf,EAAAA,EAAAA,OACtBgB,eAAgBhB,EAAAA,EAAAA,OAEhBiB,SAAUjB,EAAAA,EAAAA,MACVkB,eAAgBlB,EAAAA,EAAAA,QAChBmB,KAAMnB,EAAAA,EAAAA,QACNoB,UAAWpB,EAAAA,EAAAA,MACXqB,UAAWrB,EAAAA,EAAAA,MACXsB,WAAYtB,EAAAA,EAAAA,OACZuB,aAAcvB,EAAAA,EAAAA,MACdwB,WAAYxB,EAAAA,EAAAA,OAEZyB,cAAezB,EAAAA,EAAAA,MACf0B,oBAAqB1B,EAAAA,EAAAA,QACrB2B,UAAW3B,EAAAA,EAAAA,QACX4B,eAAgB5B,EAAAA,EAAAA,QAChB6B,iBAAkB7B,EAAAA,EAAAA,QAClB8B,kBAAmB9B,EAAAA,EAAAA,QACnB+B,kBAAmB/B,EAAAA,EAAAA,QAEnBgC,OAAQhC,EAAAA,EAAAA,OACRiC,WAAYjC,EAAAA,EAAAA,WACZkC,YAAalC,EAAAA,EAAAA,YAEbmC,WAAYnC,EAAAA,EAAAA,MACZoC,YAAapC,EAAAA,EAAAA,MACbqC,WAAYrC,EAAAA,EAAAA,QACZsC,cAAetC,EAAAA,EAAAA,OAEfuC,8BAA+BvC,EAAAA,EAAAA,QAC/BwC,8BAA+B,GAE/BC,uBAAwBzC,EAAAA,EAAAA,QACxB0C,uBAAwB1C,EAAAA,EAAAA,OAwEtB2C,GAAalE,EAAAA,EAAAA,KAEbmE,EAA+B,CACjCC,UAAW,CACPC,KAAMH,EAAW9D,QACjBkE,UAAWJ,EAAW7D,KACtBkE,OAAQL,EAAWjE,KACnBuE,OAAQN,EAAW1D,MACnBiE,OAAQP,EAAW/D,MACnBuE,OAAQR,EAAWxD,UACnBiE,OAAQ,aAIVC,GAA6BC,EAAAA,EAAAA,GAAU,CACzCxD,cAAeA,EACfyD,MAAOZ,EACPa,mBAAoB9D,IAGxB2D,EAAeI,cAAgB,SAAC7D,EAAY,IAC5CyD,EAAeK,IAAMd,EAGrB,IAOA,EAP0C,CACtCe,UAAWC,EAAAA,EAAAA,UACXC,WAAYR,EACZS,iBAAkBT,EAClBU,YAAaV,E","sources":["app-react/themes/definitions/casino888/make-casino888-fonts-family.ts","app-react/themes/definitions/casino888/icons/info.icon.tsx","app-react/themes/definitions/casino888/icons-registry.ts","app-react/themes/definitions/casino888/theme.definition.tsx"],"sourcesContent":["import {IFontFamily} from '../../architecture/sections/font-family.interface';\n\nexport function makeCasino888FontsFamily(): IFontFamily {\n    return {\n        body: '\"888-DemiBold\", verdana, sans-serif',\n        thin: '\"888-Thin\", verdana, sans-serif',\n        light: '\"888-Light\", verdana, sans-serif',\n        regular: '\"888\", verdana, sans-serif',\n        bold: '\"888-Bold\", verdana, sans-serif',\n        medium: '\"888-Medium\", verdana, sans-serif',\n        black: '\"888-Black\", verdana, sans-serif',\n        ultra: '\"888-Ultra\", verdana, sans-serif',\n        primary: '\"888-Orbit\", verdana, sans-serif',\n        secondary: '\"Oleo-Script-Regular\", verdana, sans-serif',\n    }\n}","import * as React from \"react\";\nimport { SvgIcon, ISvgIconProps } from \"../../../../basic-ui-components/icon/svg-icon/svg.icon\";\n\nexport interface IInfoIconProps extends ISvgIconProps {\n}\n\nexport class InfoIcon extends React.PureComponent<IInfoIconProps> {\n    render() {\n        return (\n            <SvgIcon {...this.props}>\n                <g>\n                    <path\n                        fill=\"currentColor\"\n                        d=\"M14.42,10.69a19.18,19.18,0,0,1-.78,4.16,20.1,20.1,0,0,0-.78,3.86c0,.6.09.91.26.91a6.3,6.3,0,0,0,1.33-.55l.34-.17.49,1-.69.57a10.55,10.55,0,0,1-1.61.94,5,5,0,0,1-2.19.59,2.06,2.06,0,0,1-1.58-.62,2.33,2.33,0,0,1-.58-1.67A17.49,17.49,0,0,1,9.35,16a18,18,0,0,0,.72-3.5,3.88,3.88,0,0,0-.75-2.27l-.26-.35,0-.37A20,20,0,0,1,14,9.05,2.59,2.59,0,0,1,14.42,10.69Zm-3.28-4.8a2,2,0,0,1-.58-1.51,2.19,2.19,0,0,1,.79-1.67A2.65,2.65,0,0,1,13.18,2a2.15,2.15,0,0,1,1.61.58,2,2,0,0,1,.58,1.51,2.16,2.16,0,0,1-.82,1.66,2.72,2.72,0,0,1-1.83.72A2.14,2.14,0,0,1,11.14,5.89Z\"\n                    />\n                </g>\n            </SvgIcon>\n        );\n    }\n}","import {IThemeIcons} from '../../architecture/sections/theme-icons.interface';\nimport {InfoIcon} from './icons/info.icon';\n\n\nexport const Casino888Icons: Partial<IThemeIcons> = {\n    infoIcon: InfoIcon\n}\n\n","import {OrbitTheme} from '../../architecture/orbit-theme.interface';\nimport {makeTheme} from '../../make-theme';\nimport {IGeneralColors} from '../../architecture/sections/general-colors.interface';\nimport {makeCasino888FontsFamily} from './make-casino888-fonts-family';\nimport {Casino888Icons} from './icons-registry';\nimport { ThemeName } from '../../architecture/theme-names';\nimport {createGlobalStyle} from \"styled-components\";\nimport React from \"react\";\nimport {baseColors} from \"./base-colors\";\nimport {IThemeDefinition} from \"../../../services/theme/theme-definition.interface\";\nimport {ISdkTheme} from \"../../architecture/sections/sdk/sdk-theme.interface\";\n\nconst GlobalStyles = createGlobalStyle`\n    body {\n        font-family: \"888-Orbit\", verdana, sans-serif;\n        font-weight: 600;\n    }\n`;\n\n\n\nconst generalColors: IGeneralColors  = {\n    brandPrimary: baseColors.base01,\n    brandPrimaryDark: baseColors.base01Dark,\n    brandPrimaryLight: baseColors.base01Light,\n    brandPrimaryContrast: baseColors.base01Contrast,\n\n    brandSecondary: baseColors.base02,\n    brandSecondaryDark: baseColors.base02Dark,\n    brandSecondaryLight: baseColors.base02Light,\n    brandSecondaryContrast: baseColors.base02Contrast,\n\n    backgroundDark: baseColors.black,\n    backgroundMiddleDark: baseColors.gray023,\n    background: baseColors.gray033, //bodyBackground\n    backgroundLight: baseColors.gray043, //bodyBackgroundLight\n    backgroundHover: baseColors.gray033,\n    backgroundActive: baseColors.gray033,\n    backgroundContrast: baseColors.white,\n    iconBackgroundActive: baseColors.base01,\n    logoBackground: baseColors.base01,\n\n    textDark: baseColors.black,\n    textMiddleDark: baseColors.gray113,\n    text: baseColors.gray183,\n    textLight: baseColors.white, //bodyText\n    textHover: baseColors.white,\n    textActive: baseColors.base01,\n    textContrast: baseColors.white,\n    moneyColor: baseColors.base02,\n\n    boxBorderDark: baseColors.black,\n    boxBorderMediumDark: baseColors.gray023,\n    boxBorder: baseColors.gray033,\n    boxBorderLight: baseColors.gray043,\n    boxBorderLighter: baseColors.gray053,\n    boxBorderContrast: baseColors.gray113, //bodyInfo\n    modalDialogBorder: baseColors.gray113,\n\n    danger: baseColors.base03,\n    dangerDark: baseColors.base03Dark,\n    dangerLight: baseColors.base03Light,\n\n    buttonDark: baseColors.black,\n    buttonLight: baseColors.white,\n    buttonInfo: baseColors.gray113,\n    buttonWarning: baseColors.base03,\n\n    horizontalLineBackgroundColor: baseColors.gray033,\n    horizontalLineBackgroundImage: \"\",\n\n    gameModeRealBackground: baseColors.gray023,\n    gameModeDemoBackground: baseColors.white,\n\n\n\n    //bodyText: baseColors.white,\n    //bodyInfo: baseColors.gray110,\n    //bodyBackground: baseColors.gray020,\n    //bodyBackgroundLight: baseColors.gray030,\n    //bodyHover: baseColors.gray020,\n    //buttonDark: baseColors.black,\n    //buttonLight: baseColors.white,\n    //buttonInfo: baseColors.gray110,\n    //buttonWarning: baseColors.base03,\n\n    //componentBackground: baseColors.gray040,\n    //componentTextInfo: baseColors.gray110,\n    //componentTextLight: baseColors.white,\n    //headerBackground: baseColors.black,\n    //headerText: baseColors.base01,\n    //modalDialogBorder: baseColors.gray110,\n    //gameDescriptionText: baseColors.gray200,\n    //intermediatePageGradientBackground: `linear-gradient(to bottom,  ${baseColors.transparent} 46%, ${baseColors.gray020} 100%)`,\n    //dividerBottomBorder: baseColors.gray030,\n    //dividerTopBorder: baseColors.gray050,\n    //navBackground: baseColors.black,\n    //navBoxBackground: baseColors.gray040,\n    //navItemTextNormal: baseColors.gray110,\n    //navItemTextHover: baseColors.white,\n    //navItemTextActive: baseColors.base01,\n    //filterItemTextActive: baseColors.base02,\n    //gameNumberBadgeColor: baseColors.black,\n    //profileBoxMessagesBackground: baseColors.gray050,\n\n    //usefulLinkBackground: baseColors.gray040,\n    //usefulLinkTextNormal: baseColors.gray110,\n    //usefulLinkTextHover: baseColors.white,\n\n    //arenaTitle: baseColors.white,\n    //filterSelected: baseColors.base01,\n    //filterTop: baseColors.base02Dark,\n    //filterMiddle: baseColors.base02Light,\n    //filterBottom: baseColors.base01Dark,\n\n    //spinnerBackground: baseColors.black,\n\n    //arenaTitleTopDevider: baseColors.black,\n    //arenaTitleBottomDevider: baseColors.gray070,\n\n    //searchLinksBorder: baseColors.gray040,\n    //searchResultsBorder: baseColors.gray050,\n\n    //userMenuSectionText: baseColors.gray110,\n    //userMenuSectionBg: baseColors.gray040,\n    //userMenuTitleText: baseColors.gray110, //!!!\n    //userMenuBalanceTitle: baseColors.white,\n    //userMenuBalanceColor: baseColors.base02,\n    //userMenuBalanceBorder: baseColors.gray020,\n    //sideMenuLogoBackground: baseColors.base01,\n    //verticalListBackground: baseColors.gray020,\n    //jackpotValueColor: baseColors.base02,\n\n    //imageLoadBackgroundColor: baseColors.black,\n    //popupHeaderTextColor: baseColors.white,\n    //popupHeaderBackgroundColor: baseColors.gray040,\n    //popupIconColor: baseColors.base02,\n    //popupContentBackgroundColor: baseColors.gray020,\n    //filtersTitleColor: baseColors.gray200,\n    //filterCheckboxBorder: baseColors.gray070\n\n    // popupIconColor: Color.brandGreen,\n};\n\nconst FontFamily = makeCasino888FontsFamily();\n\nconst sdkTheme: Partial<ISdkTheme> = {\n    fontTypes: {\n        Main: FontFamily.regular,\n        Secondary: FontFamily.bold,\n        Type03: FontFamily.body,\n        Type04: FontFamily.ultra,\n        Type05: FontFamily.light,\n        Type06: FontFamily.secondary,\n        Type07: \"Digital7\"\n    }\n};\n\nconst Casino888Theme: OrbitTheme = makeTheme({\n    generalColors: generalColors,\n    fonts: FontFamily,\n    themeSpecificIcons: Casino888Icons\n});\n\nCasino888Theme.globalStyles = (<GlobalStyles/>);\nCasino888Theme.sdk = sdkTheme;\n\n\nconst themeDefinition: IThemeDefinition = {\n    themeName: ThemeName.Casino888,\n    shellTheme: Casino888Theme,\n    mainContentTheme: Casino888Theme,\n    popupsTheme: Casino888Theme\n}\n\nexport default themeDefinition;"],"names":["makeCasino888FontsFamily","body","thin","light","regular","bold","medium","black","ultra","primary","secondary","InfoIcon","this","props","fill","d","React","Casino888Icons","infoIcon","GlobalStyles","createGlobalStyle","generalColors","brandPrimary","baseColors","brandPrimaryDark","brandPrimaryLight","brandPrimaryContrast","brandSecondary","brandSecondaryDark","brandSecondaryLight","brandSecondaryContrast","backgroundDark","backgroundMiddleDark","background","backgroundLight","backgroundHover","backgroundActive","backgroundContrast","iconBackgroundActive","logoBackground","textDark","textMiddleDark","text","textLight","textHover","textActive","textContrast","moneyColor","boxBorderDark","boxBorderMediumDark","boxBorder","boxBorderLight","boxBorderLighter","boxBorderContrast","modalDialogBorder","danger","dangerDark","dangerLight","buttonDark","buttonLight","buttonInfo","buttonWarning","horizontalLineBackgroundColor","horizontalLineBackgroundImage","gameModeRealBackground","gameModeDemoBackground","FontFamily","sdkTheme","fontTypes","Main","Secondary","Type03","Type04","Type05","Type06","Type07","Casino888Theme","makeTheme","fonts","themeSpecificIcons","globalStyles","sdk","themeName","ThemeName","shellTheme","mainContentTheme","popupsTheme"],"sourceRoot":""}