{"version":3,"file":"static/js/42.99880c53.chunk.js","mappings":"oJAEaA,E,SAAoCC,GAAAA,IAAU,kYAiBhD,YAAO,SAALC,MAAiBC,WAAWC,SAAS,G,yGCfrCC,EAAwBJ,EAAAA,GAAAA,IAAU,8+BAMpC,YAAO,SAALC,MAAiBC,WAAWC,SAAS,GAS9CE,EAAAA,EAAAA,IAAAA,cAAAA,QACKC,EAAAA,G,yEClBIC,E,SAA8BP,GAAAA,IAAU,uI,wECAxCQ,E,SAA6BR,GAAAA,IAAU,sN,qFCIvCS,EAAuBT,EAAAA,GAAAA,IAAU,4IACjC,YAAO,SAALC,MAAiBC,WAAWC,SAAS,IAC1C,YAAM,SAAJO,OAAkBC,EAAAA,EAAAA,IAAG,qDAExB,IAEI,YAAO,SAALV,MAAiBC,WAAWU,UAAU,G,+FCTxCC,EAA8Bb,EAAAA,GAAAA,GAAS,wKAI5CK,EAAAA,EAAAA,IAAAA,UAAAA,Q,yECLKS,E,SAAwBd,GAAAA,IAAU,0JAKhC,SAAAe,GAAK,OAAIA,EAAMd,MAAMe,OAAOC,IAAI,G,yECLlCC,E,SAAmClB,GAAAA,IAAU,2QAE/C,YAAO,SAALC,MAAiBe,OAAOG,SAAS,IAC1C,YAAO,SAALlB,MAAiBmB,KAAKC,QAAQC,MAAM,IAS/B,gBAAErB,EAAK,EAALA,MAAK,OAAMA,EAAMC,WAAWC,UAAY,QAAUF,EAAMC,WAAWqB,SAAS,G,+FCX5EC,EAAyBxB,EAAAA,GAAAA,IAAU,kLAKlByB,EAAAA,EAAAA,aACNA,EAAAA,EAAAA,M,+FCEXC,EAAkC1B,EAAAA,GAAAA,IAAU,mRAE1C,YAAW,SAAT2B,UAA2B,IAAM,gBAAgB,IAE1C,YAAO,SAAL1B,MAAiBe,OAAOY,oBAAoB,IACtD,SAAAb,GAAK,aAAkB,QAAlB,EAAIA,EAAMc,gBAAQ,QAAI,MAAM,IAEpC,YAAO,SAAL5B,MAAiBC,WAAWC,SAAS,IACjC,SAACY,GAAK,OAAKA,EAAMe,wBAA2Bf,EAAMY,UAAY,IAAM,iBAAoB,GAAG,IAC3F,SAACZ,GAAK,OAAKA,EAAMe,yBAA2Bf,EAAMgB,cAAgB,OAAS,MAAM,GAIhG1B,EAAAA,EAAAA,IAAAA,OAAAA,UAAAA,SACW,SAACU,GAAK,OAAKA,EAAMe,wBAA2Bf,EAAMY,UAAY,IAAM,SAAY,GAAG,G,yGChBrFK,EAAyBhC,EAAAA,GAAAA,IAAU,0aAMxB,SAAAe,GAAK,OAAIA,EAAMd,MAAMe,OAAOiB,eAAe,IAGrD,SAAAlB,GAAK,OAAImB,EAAAA,MAAAA,kBAAwBnB,EAAMoB,QAAU,OAASpB,EAAMoB,OAAS,IAAI,GAGnFC,EAAAA,G,gFCnBKX,GAAU,QACnBY,OAAQ,UACRC,eAAgB,UAChBC,WAAY,UACZC,YAAa,UACbC,kBAAmB,UAEnBC,OAAQ,UACRC,eAAgB,UAChBC,WAAY,UACZC,YAAa,UAEbC,OAAQ,UACRC,eAAgB,UAChBC,WAAY,UACZC,YAAa,UAEbC,OAAQ,UAERC,OAAQ,YAERC,OAAQ,UAERC,OAAQ,UAERC,OAAQ,UAERC,aAAc,YAEdC,OAAQ,UAERC,OAAQ,WAELC,EAAAA,E","sources":["app-react/components/arena-host/new-live-casino-arena/live-casino-arena-navbar/boxes/live-casino-filter-buttons/live-casino-filter-buttons.default.box.ts","app-react/components/container/boxes/main-wrapper.default.box.ts","app-react/components/free-play/boxes/container/free-play-container.default.box.ts","app-react/components/free-play/boxes/voucher-games-list/voucher-games-list.default.box.ts","app-react/components/game-search/boxes/game-search-box/game-search.default.box.ts","app-react/components/game-search/search-input/search-input-mobile/boxes/search-input-mobile/search-input-mobile.default.box.ts","app-react/components/game-search/search-result/search-box-title/boxes/search-title-box/search-title.default.box.ts","app-react/components/mini-orbit/arenas-header/boxes/arena-header-button-label/arena-header-button-label.default.box.ts","app-react/components/mini-orbit/arenas-header/boxes/arenas-header/arenas-header.default.box.ts","app-react/components/modal-dialog/boxes/consumer-content/dialog-consumer-content.default.box.ts","app-react/components/modal-dialog/boxes/header/dialog-header.default.box.ts","app-react/themes/definitions/si/cis/base-colors.ts"],"sourcesContent":["import styled from 'styled-components';\r\n\r\nexport const LiveCasinoFilterButtonsDefaultBox = styled.div`\r\n white-space: nowrap;\r\n\r\n overflow-x: auto;\r\n overflow-y: hidden;\r\n\r\n overflow: -moz-scrollbars-none;\r\n -webkit-overflow-scrolling: touch;\r\n -ms-overflow-style: -ms-autohiding-scrollbar;\r\n\r\n &::-webkit-scrollbar {\r\n display: none;\r\n }\r\n\r\n z-index: 5;\r\n padding: 0 4rem;\r\n\r\n @media ${({theme}) => theme.mediaQuery.lAndBelow} {\r\n width:100%;\r\n margin: 0;\r\n padding: 0 1rem;\r\n }\r\n`;","import styled from \"styled-components\";\r\nimport {LIVE_CASINO_PAGE} from \"../../../themes/css-global-classes\";\r\nimport {CssRule} from \"../../../themes/architecture/css-helpers/css-rule\";\r\n\r\nexport const MainWrapperDefaultBox = styled.div`\r\n position: relative;\r\n /** set a width. It actually doesn't matter ow much as long as it's less than 100% - sidebar_width\r\n It is important to set it so the flex has a base from where to start computing the remaining space: Explanations here: https://css-tricks.com/flex-grow-is-weird/\r\n Also, when missing, lists like orbit swiper with jackpot template and live tables creates problems by pushing the total width of the page */\r\n width: 80%;\r\n @media ${({theme}) => theme.mediaQuery.lAndBelow} {\r\n width: calc(100% - env(safe-area-inset-right) - env(safe-area-inset-left));\r\n }\r\n flex: 1 1 auto;\r\n /** For devices with notch and/or with bar navigation (iPhones, iPads, probably also some Androids),\r\n the margins (left and right) need to be adjusted because of landscape problems - for any other devices, env() will return 0. */\r\n margin: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left);\r\n\r\n\r\n ${CssRule.For.embededHybrid.build()} & {\r\n .${LIVE_CASINO_PAGE} & {\r\n padding-top: calc(env(safe-area-inset-top) + 1rem);\r\n }\r\n }\r\n`;","import styled from \"styled-components\";\r\n\r\nexport const FreePlayContainerDefaultBox = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n width: 100%;\r\n height: 100%;\r\n`;","import styled from \"styled-components\";\r\n\r\nexport const VoucherGamesListDefaultBox = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n height: 100%;\r\n width: 100%;\r\n align-items: center;\r\n margin: 0.5rem 0rem 2rem;\r\n`;","import styled, {css} from \"styled-components\";\r\n\r\ninterface GameSearchDefaultBoxProps {\r\n open: boolean;\r\n}\r\n\r\nexport const GameSearchDefaultBox = styled.div`\r\n @media ${({theme}) => theme.mediaQuery.lAndBelow} {\r\n ${({open}) => open && css`\r\n flex: 1;\r\n `}\r\n }\r\n @media ${({theme}) => theme.mediaQuery.xlAndAbove} {\r\n position: relative;\r\n display: flex;\r\n }\r\n`;\r\n","import styled from \"styled-components\";\r\nimport {CssRule} from \"../../../../../../themes/architecture/css-helpers/css-rule\";\r\n\r\nexport const SearchInputMobileDefaultBox = styled.ul`\r\n position: relative;\r\n margin: 1rem 0 0 0;\r\n\r\n ${CssRule.For.miniOrbit.build()} & {\r\n margin-left: 2rem;\r\n margin-right: 1rem;\r\n }\r\n`;","import styled from \"styled-components\";\r\n\r\nexport const SearchTitleDefaultBox = styled.div`\r\n margin: 1rem 0;\r\n font-size: 1.4rem;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n color: ${props => props.theme.colors.text};\r\n`;","import styled from \"styled-components\";\r\n\r\nexport const ArenaHeaderButtonLabelDefaultBox = styled.div`\r\n flex-grow: 1;\r\n color: ${({theme}) => theme.colors.textLight};\r\n ${({theme}) => theme.font.presets.medium};\r\n font-size: 9px;\r\n letter-spacing: 0.76px;\r\n text-align: center;\r\n text-overflow: ellipsis;\r\n padding-bottom: 5px;\r\n overflow: hidden;\r\n width: 100%;\r\n\r\n @media ${({theme}) => theme.mediaQuery.lAndBelow + \" and \" + theme.mediaQuery.mAndAbove} {\r\n font-size: 16px;\r\n }\r\n`;\r\n","import styled from \"styled-components\";\r\nimport { baseColors } from \"../../../../../themes/definitions/si/cis/base-colors\";\r\n\r\nexport const ArenasHeaderDefaultBox = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n width: 100%;\r\n box-shadow: 0px 0px 6px ${baseColors.base08Shadow};\r\n background-color: ${baseColors.black};\r\n`;","import styled from 'styled-components';\r\nimport {OverflowProperty} from \"../../../../../common/types/css\";\r\nimport {CssRule} from \"../../../../themes/architecture/css-helpers/css-rule\";\r\n\r\ninterface IDialogConsumerContentProps {\r\n noPadding?: boolean;\r\n disableFullscreenMobile?: boolean;\r\n overflow?: OverflowProperty\r\n useAutoHeight?: boolean;\r\n}\r\n\r\nexport const DialogConsumerContentDefaultBox = styled.div`\r\n flex-grow: 1;\r\n padding: ${({noPadding}) => noPadding ? \"0\" : \"2rem 2rem 3rem\"};\r\n margin: 0;\r\n background-color: ${({theme}) => theme.colors.backgroundMiddleDark };\r\n overflow: ${props => props.overflow ?? \"auto\"};\r\n\r\n @media ${({theme}) => theme.mediaQuery.lAndBelow} {\r\n padding: ${(props) => props.disableFullscreenMobile ? (props.noPadding ? \"0\" : \"2rem 2rem 3rem\") : \"0\"};\r\n height: ${(props) => props.disableFullscreenMobile || props.useAutoHeight ? \"auto\" : \"100%\"}\r\n \r\n }\r\n\r\n ${CssRule.For.mobile.landscape.build()} & {\r\n padding: ${(props) => props.disableFullscreenMobile ? (props.noPadding ? \"0\" : \"0.5rem\") : \"0\"};\r\n }\r\n \r\n border-radius: 10px;\r\n`;\r\n","import styled from 'styled-components';\r\nimport {Check} from '@sparkware/app-utils';\r\nimport {MOBILE_CENTERED_HEADER} from \"../../css-classes\";\r\n\r\nexport interface DialogHeaderDefaultBoxProps {\r\n className?: string;\r\n height?: number;\r\n}\r\n\r\nexport const DialogHeaderDefaultBox = styled.div`\r\n position: relative;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: center;\r\n background-color: ${props => props.theme.colors.backgroundLight};\r\n padding: 10px 15px;\r\n min-height: 30px;\r\n height: ${props => Check.isNullOrUndefined(props.height) ? 'auto' : props.height + 'px'};\r\n width: 100%;\r\n\r\n &.${MOBILE_CENTERED_HEADER} .dialog-header-title {\r\n text-align: center;\r\n margin: 0;\r\n }\r\n\r\n border-top-left-radius: 7px;\r\n border-top-right-radius: 7px;\r\n`;","import { grayColors } from \"../../../architecture/gray-colors\";\r\n\r\nexport const baseColors = {\r\n base01: \"#c81503\", //red si cis\r\n base01Contrast: \"#ffffff\",\r\n base01Dark: \"#ca2e1e\",\r\n base01Light: \"#e94838\",\r\n base01LightMedium: \"#e63422\",\r\n\r\n base02: \"#7ff800\", //brandGreen\r\n base02Contrast: \"#000000\",\r\n base02Dark: \"#7aec37\", //inchWorm\r\n base02Light: \"#d2f800\", //limeGreen\r\n\r\n base03: \"#fce403\", //turbo\r\n base03Contrast: \"#000000\",\r\n base03Dark: \"#ffff00\", //yellow\r\n base03Light: \"#d5ec37\", //pear\r\n\r\n base04: \"#c81503\",\r\n\r\n base05: \"#c1c1c18f\",\r\n\r\n base06: \"#828282\",\r\n\r\n base07: \"#e3e3e3\",\r\n\r\n base08: \"#707372\",\r\n\r\n base08Shadow: \"#000000bf\",\r\n\r\n base09: \"#b2b2b2\",\r\n\r\n base10: \"#272727\",\r\n\r\n ...grayColors\r\n};"],"names":["LiveCasinoFilterButtonsDefaultBox","styled","theme","mediaQuery","lAndBelow","MainWrapperDefaultBox","CssRule","LIVE_CASINO_PAGE","FreePlayContainerDefaultBox","VoucherGamesListDefaultBox","GameSearchDefaultBox","open","css","xlAndAbove","SearchInputMobileDefaultBox","SearchTitleDefaultBox","props","colors","text","ArenaHeaderButtonLabelDefaultBox","textLight","font","presets","medium","mAndAbove","ArenasHeaderDefaultBox","baseColors","DialogConsumerContentDefaultBox","noPadding","backgroundMiddleDark","overflow","disableFullscreenMobile","useAutoHeight","DialogHeaderDefaultBox","backgroundLight","Check","height","MOBILE_CENTERED_HEADER","base01","base01Contrast","base01Dark","base01Light","base01LightMedium","base02","base02Contrast","base02Dark","base02Light","base03","base03Contrast","base03Dark","base03Light","base04","base05","base06","base07","base08","base08Shadow","base09","base10","grayColors"],"sourceRoot":""}