{"version":3,"file":"static/js/1176.a86ce9b1.chunk.js","mappings":"4KAGaA,EAA0CC,EAAAA,GAAAA,IAAU,iYAMpD,SAAAC,GAAK,OAAIA,EAAMC,MAAMC,OAAOC,YAAY,IACnC,SAAAH,GAAK,OAAII,EAAAA,EAAAA,GAAUJ,EAAMC,MAAMC,OAAOG,eAAgB,IAAK,IACrD,SAAAL,GAAK,OAAII,EAAAA,EAAAA,GAAUJ,EAAMC,MAAMC,OAAOI,mBAAoB,GAAI,IAQzE,YAAO,SAALL,MAAiBM,WAAWC,SAAS,G,+FCZvCC,EAAmCV,EAAAA,GAAAA,IAAU,wRAU/C,YAAyB,IAAvBE,EAAK,EAALA,MAAOS,EAAS,EAATA,UAEhB,OAAIA,EACKA,IAAcC,EAAAA,GACjBV,EAAMW,WAAWC,cAAcX,OAAOY,SAASC,sBAC/Cd,EAAMW,WAAWC,cAAcX,OAAOY,SAASE,kCAG9Cf,EAAMC,OAAOe,SACtB,IAIW,YAAyB,IAAvBhB,EAAK,EAALA,MACT,OADyB,EAATS,UACGT,EAAMC,OAAOe,UAAYhB,EAAMC,OAAOG,cAC3D,IAEc,YAAyB,IAAvBJ,EAAK,EAALA,MAAOS,EAAS,EAATA,UAErB,OAAIA,EACKA,IAAcC,EAAAA,GACjBV,EAAMW,WAAWC,cAAcX,OAAOY,SAASI,gCAC/CjB,EAAMW,WAAWC,cAAcX,OAAOY,SAASE,kCAG9Cf,EAAMC,OAAOe,SACtB,G,8FCvCSE,EAAwBpB,EAAAA,GAAAA,EAAQ,ytBAGhC,SAAAC,GAAK,OAAIA,EAAMC,MAAMC,OAAOkB,cAAc,IAGxC,SAAApB,GAAK,OAAIA,EAAMC,MAAMC,OAAOmB,SAAS,GAI9CC,EAAAA,IACS,SAAAtB,GAAK,OAAIA,EAAMC,MAAMC,OAAOC,YAAY,IAG1C,YAAO,SAALF,MAAiBM,WAAWgB,SAAS,GAOxCD,EAAAA,IACS,SAAAtB,GAAK,OAAIA,EAAMC,MAAMC,OAAOe,SAAS,IAI7C,YAAO,SAALhB,MAAiBM,WAAWiB,SAAS,IAS9B,SAAAxB,GAAK,OAAIA,EAAMC,MAAMC,OAAOuB,iBAAiB,G,gHCnCtDC,EAAkC3B,EAAAA,GAAAA,IAAU,2UAInC,SAAAC,GAAK,OAAIA,EAAMC,MAAMC,OAAOG,cAAc,IACvC,SAAAL,GAAK,OAAI2B,EAAAA,GAAAA,QAAc3B,EAAMC,MAAMC,OAAOG,eAAgB,IAAKuB,MAAM,IAGrF,YAAc,SAAZC,aAAiC,IAAI,GACnCC,EAAAA,GACT,YAAgB,SAAdC,gBAAqCC,EAAAA,EAAAA,IAAG,4DAA2C,EAAE,IAGhF,YAAO,SAAL/B,MAAiBM,WAAWgB,SAAS,IAC5C,YAAgB,SAAdQ,gBACUC,EAAAA,EAAAA,IAAG,yFACHA,EAAAA,EAAAA,IAAG,0CAAuB,IAGb,SAAAhC,GAAK,OAAIA,EAAMC,MAAMC,OAAOC,YAAY,G","sources":["app-react/components/arena-host/new-live-casino-arena/live-casino-arena-grid/boxes/bet-interval/live-casino-grid-item-bet-interval.default.box.ts","app-react/components/arena-host/new-live-casino-arena/live-casino-arena-grid/boxes/infobar/draws/live-casino-grid-item-draw.default.box.ts","app-react/components/filters/filter-link/boxes/filter-link.default.box.ts","app-react/components/header/boxes/header-navbar-container/header-navbar-container.default.box.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport {hexToRgba} from \"../../../../../../themes/hex-to-rgba\";\n\nexport const LiveCasinoGridItemBetIntervalDefaultBox = styled.div`\n    position: absolute;\n    top: 1em;\n    left: 1em;\n    padding: 0.5em 1em;\n    line-height: 1;\n    color: ${props => props.theme.colors.brandPrimary};\n    background: ${props => hexToRgba(props.theme.colors.backgroundDark, 0.75)};\n    border: 1px solid ${props => hexToRgba(props.theme.colors.backgroundContrast, 0.1)};\n    border-radius: 50px;\n    z-index: 3;\n\n    > span {\n        font-size: 1.2em;\n    }\n\n    @media ${({theme}) => theme.mediaQuery.sAndBelow} {\n        top: 0.5em;\n        left: 0.5em;\n        padding: 0.5em 1em;\n    }\n`;","import styled from \"styled-components\";\nimport {RED} from '../../../css-constants';\n\ninterface LiveCasinoGridItemDrawDefaultBoxProps {\n  drawColor: string;\n}\n\nexport const LiveCasinoGridItemDrawDefaultBox = styled.div<LiveCasinoGridItemDrawDefaultBoxProps>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 1.8em;\n  height: 1.8em;\n  font-size: 1.2em;\n  font-weight: 900;\n  border-radius: 2px;\n\n  color: ${({theme, drawColor}) => {\n\n    if (drawColor) {\n      return drawColor === RED\n        ? theme.components.newLiveCasino.colors.gridItem.drawRedItemBackground\n        : theme.components.newLiveCasino.colors.gridItem.drawGreenItemFirstChildBackground;\n    }\n\n    return theme.colors.textLight;\n  }};\n\n  &:first-child {\n\n    color: ${({theme, drawColor}) => {\n      return drawColor ? theme.colors.textLight : theme.colors.backgroundDark;\n    }};\n\n    background: ${({theme, drawColor}) => {\n\n      if (drawColor) {\n        return drawColor === RED\n          ? theme.components.newLiveCasino.colors.gridItem.drawRedItemFirstChildBackground\n          : theme.components.newLiveCasino.colors.gridItem.drawGreenItemFirstChildBackground;\n      }\n\n      return theme.colors.textLight;\n    }};\n  }\n`;","import styled from \"styled-components\";\nimport {ACTIVE} from \"../../../../themes/css-global-classes\";\n\n\nexport const FilterLinkDefaultBox =  styled.a`\n    display: flex;\n    padding:1rem;\n    color: ${props => props.theme.colors.textMiddleDark};\n\n    &:hover {\n      color: ${props => props.theme.colors.textHover};\n    }\n\n  \n  &.${ACTIVE}{\n      color: ${props => props.theme.colors.brandPrimary};\n    }\n\n    @media ${({theme}) => theme.mediaQuery.lAndBelow} {\n        flex-direction: column;\n        font-size: 1.4rem;\n        align-items: center;\n        text-align: center;\n        padding: 0;\n\n        &.${ACTIVE}{\n            color: ${props => props.theme.colors.textLight};\n        }\n    }\n\n    @media ${({theme}) => theme.mediaQuery.lAndAbove} {\n      flex-direction: row;\n      line-height: 2rem;\n      font-size: 1.3rem;\n      font-weight: 600;\n      text-transform: uppercase;\n\n      ::after{\n        content: \"\";\n        background: ${props => props.theme.colors.boxBorderContrast};\n        height: 20px;\n        width: 1px;\n        margin-left: 4rem;\n        margin-right: 1rem;\n      }\n    }\n`;\n","import styled, {css} from \"styled-components\";\nimport {Color} from \"../../../../../common/utils/color-util\";\nimport {HEADER_Z_INDEX} from \"../../header-consts\";\n\nexport const HeaderNavbarContainerDefaultBox = styled.div<{stickyOffset: number; useSafeAreaTop: boolean}>`\n  display: flex;\n  flex-direction: row;\n  font-size: 1rem;\n  background-color: ${props => props.theme.colors.backgroundDark};\n  /* background-color: ${props => Color.fromHex(props.theme.colors.backgroundDark, 0.6).hexa()};\n  backdrop-filter: blur(6px); */\n  position: sticky;\n  top: ${({stickyOffset}) => stickyOffset + \"px\"};\n  z-index: ${HEADER_Z_INDEX};\n  ${({useSafeAreaTop}) => useSafeAreaTop ? css`padding-top: env(safe-area-inset-top);` : ''}\n\n  padding: 0.5rem 2rem;\n  @media ${({theme}) => theme.mediaQuery.lAndBelow} {\n    ${({useSafeAreaTop}) => useSafeAreaTop \n                ? css`padding: calc(env(safe-area-inset-top) + 0.5rem) 1rem 0.5rem 1rem;` \n                : css`padding: 0.5rem 1rem;`\n    }\n    \n    border-bottom: 1px solid ${props => props.theme.colors.brandPrimary};\n  }\n`;\n"],"names":["LiveCasinoGridItemBetIntervalDefaultBox","styled","props","theme","colors","brandPrimary","hexToRgba","backgroundDark","backgroundContrast","mediaQuery","sAndBelow","LiveCasinoGridItemDrawDefaultBox","drawColor","RED","components","newLiveCasino","gridItem","drawRedItemBackground","drawGreenItemFirstChildBackground","textLight","drawRedItemFirstChildBackground","FilterLinkDefaultBox","textMiddleDark","textHover","ACTIVE","lAndBelow","lAndAbove","boxBorderContrast","HeaderNavbarContainerDefaultBox","Color","hexa","stickyOffset","HEADER_Z_INDEX","useSafeAreaTop","css"],"sourceRoot":""}