{"version":3,"file":"4dac51ed-03ef0bfeddc586cabaa9.js","mappings":"ocASO,IAAMA,GAAa,iCAAH,2GAAhB,40BAUMC,GAAgB,aAC3BC,kBAAmB,mBAAgB,CAAC,gBAAgB,wBAAjB,SAAhB,EADQ,sBAAH,0JAUtB,mBACAC,EAAAA,sBADA,CAVsB,QAkBtB,YAAQ,IAAD,IACP,IAAIC,EAAAA,EAAAA,GAAeD,EAAAA,MAAnB,UACE,OAAO,EAMT,kBAAIA,EAAAA,MAAAA,SACF,OAAO,EAOT,IAAIE,EAAAA,EAAAA,GAAmBF,EAAAA,MAAvB,UACE,OAAO,EAOT,GAAIG,EAAAA,EAAAA,SAAAA,QAAAA,EAAAA,QAAAA,EAAgCH,EAAhCG,aAAAA,IAAAA,OAAAA,EAAgCH,EAAhCG,gBAAAA,IAAAA,EAAAA,EAAJ,IAA8D,CAC5D,sBAAIH,EAAAA,MAAAA,MACF,OAAO,EAKT,uBAAIA,EAAAA,MAAAA,MACF,OAAO,EAKT,qBAAIA,EAAAA,MAAAA,MACF,OAAO,CAKZ,CA7DuB,QA+DtB,mBACAA,EAAAA,gBACAI,EAAAA,EAAAA,IADAJ,gHAMIK,EAAAA,GAAAA,OANJL,IAAAA,GAAAA,EAAAA,EAAAA,GAAAA,CAAAA,2DAAAA,IAUIK,EAAAA,GAAAA,QAVJL,IAAAA,GAAAA,EAAAA,EAAAA,GAAAA,CAAAA,4DAAAA,IAAAA,GAAAA,GAAAA,GAhEsB,QAgFbM,GAAa,4IAAnB,uPAOMC,GAAc,cACzBR,kBAAmB,mBAAgB,CAAC,YAAY,iBAAb,SAAhB,EADM,sBAAH,oXAuBpB,mBACAC,EAAAA,WADA,CAvBoB,QA8BpB,mBACAA,EAAAA,eADA,CA9BoB,QAsCXQ,GAAkB,iCAAH,iGAQxBH,EAAAA,GAAAA,MARwB,2GAaxBA,EAAAA,GAAAA,WAbwB,0DAkBtBI,GAAuB,gCAAH,IACbC,GAAkB,sIAW3BL,EAAAA,GAAAA,QAX2B,oGAmBlBM,GAAiB,4EAIjBC,GAAmB,iCAAH,uJ","sources":["webpack://@dnb-web-static-apps/dnb/./src/components/layout/Header/styles.ts"],"sourcesContent":["import styled from '@emotion/styled'\nimport { css } from '@emotion/react'\nimport { media } from '@dnb-shared-libs/responsive'\nimport { Grid, Section, Anchor, Button } from '@dnb-web-static-libs/components/components'\nimport LoginMenuButton from 'components/Login/LoginMenuButton'\nimport { isHomeTemplate } from 'utils/isHomeTemplate'\nimport { isEventsV2Template } from 'utils/isEventsV2Template'\nimport { validCampaignTemplates } from 'utils/isDarkCampaignTheme'\n\nexport const LogoAnchor = styled(Anchor)`\n  height: 3rem;\n  margin: auto;\n\n  &:active {\n    box-shadow: none;\n    background-color: transparent;\n  }\n`\n\nexport const HeaderSection = styled(Section, {\n  shouldForwardProp: (p: string) => !['hasDarkHeader', 'hasGoUpOneLevelAfter'].includes(p)\n})<{\n  hasGoUpOneLevelAfter?: boolean\n  hasDarkHeader?: boolean\n}>`\n  --section-margin-mobile: 0 0 var(--spacing-large);\n  --section-margin-tablet: 0 0 var(--spacing-large);\n  --section-margin-desktop: 0 0 var(--spacing-x-large);\n\n  ${(p) =>\n    p.hasGoUpOneLevelAfter &&\n    css`\n      --section-margin-mobile: 0 0 var(--spacing-x-small);\n      --section-margin-tablet: 0 0 var(--spacing-x-small);\n      --section-margin-desktop: 0 0 var(--spacing-small);\n    `};\n\n  ${(p) => {\n    if (isHomeTemplate(p.theme.template)) {\n      return css`\n        --section-margin-mobile: 0 0 var(--spacing-medium);\n        --section-margin-tablet: 0 0 var(--spacing-medium);\n      `\n    }\n\n    if (p.theme.template === 'promotions') {\n      return css`\n        --section-margin-mobile: 0;\n        --section-margin-tablet: 0;\n        --section-margin-desktop: 0;\n      `\n    }\n\n    if (isEventsV2Template(p.theme.template)) {\n      return css`\n        --section-margin-mobile: 0 0 var(--spacing-large);\n        --section-margin-tablet: 0 0 var(--spacing-large);\n        --section-margin-desktop: 0 0 var(--spacing-x-large);\n      `\n    }\n\n    if (validCampaignTemplates.includes(p.theme?.template ?? '')) {\n      if (p.theme.theme === 'campaign-light') {\n        return css`\n          --header-dark-background-color: var(--color-sea-green);\n        `\n      }\n\n      if (p.theme.theme === 'campaign-medium') {\n        return css`\n          --header-dark-background-color: var(--color-emerald-green);\n        `\n      }\n\n      if (p.theme.theme === 'campaign-dark') {\n        return css`\n          --header-dark-background-color: var(--color-ocean-green);\n        `\n      }\n    }\n  }}\n\n  ${(p) =>\n    p.hasDarkHeader &&\n    css`\n      margin: 0 !important;\n      background-color: var(--header-dark-background-color);\n      padding: var(--section-margin-mobile);\n\n      ${media.tablet`\n      padding: var(--section-margin-tablet);\n    `}\n\n      ${media.desktop`\n      padding: var(--section-margin-desktop);\n    `}\n    `}\n`\n\nexport const HeaderWrapper = styled.header`\n  position: relative;\n  display: block;\n  width: 100%;\n  padding-top: var(--header-height);\n`\n\nexport const HeaderFixed = styled('div', {\n  shouldForwardProp: (p: string) => !['hasShadow', 'hasDarkHeader'].includes(p)\n})<{ hasShadow: boolean; hasDarkHeader?: boolean }>`\n  position: fixed;\n  z-index: 100;\n  top: 0;\n  left: 0;\n  right: 0;\n\n  width: 100%;\n  height: var(--header-height);\n  overflow: hidden;\n\n  background-color: var(--color-white);\n  border-bottom: 0.0625rem solid var(--color-mint-green-25);\n  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);\n  transition:\n    border-bottom-collor 300ms ease,\n    box-shadow 300ms ease;\n  [data-dnb-modal-active='true'] & {\n    padding-right: var(--scrollbar-width);\n  }\n\n  ${(p) =>\n    p.hasShadow &&\n    css`\n      border-bottom-color: transparent;\n      box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);\n    `}\n\n  ${(p) =>\n    p.hasDarkHeader &&\n    css`\n      background-color: var(--header-dark-background-color);\n      border-bottom: 0.0625rem solid var(--header-dark-background-color);\n    `}\n`\n\nexport const HeaderContainer = styled(Grid)`\n  display: -ms-grid;\n  display: grid;\n  width: 100%;\n  height: 100%;\n  padding-top: 0.7rem;\n  padding-bottom: 0.7rem;\n\n  ${media.phone`\n    -ms-grid-columns: (1fr)[6];\n    grid-template-columns: repeat(6, 1fr);\n  `}\n\n  ${media.smallPhone`\n    grid-column-gap: 0px;\n  `}\n`\n\nconst LoginMenuButtonProxy = styled(LoginMenuButton)``\nexport const HeaderItemsDivider = styled.div`\n  display: flex;\n  grid-column: span 2;\n\n  &:last-of-type {\n    justify-content: flex-end;\n    ${LoginMenuButtonProxy} {\n      margin-left: auto;\n    }\n  }\n\n  ${media.desktop`\n  &:first-of-type,\n  &:last-of-type {\n    grid-column: span 5;\n  }\n`}\n`\n\nexport const MenuButtonWrapper = styled.div`\n  width: 3.563rem;\n`\n\nexport const MenuButtonStyled = styled(Button)`\n  height: 3rem;\n\n  &&&&& {\n    .dnb-button__icon {\n      margin-top: 0;\n    }\n    .dnb-button__text {\n      line-height: var(--line-height-x-small);\n      margin-bottom: 0;\n    }\n  }\n`\n"],"names":["LogoAnchor","HeaderSection","shouldForwardProp","p","isHomeTemplate","isEventsV2Template","validCampaignTemplates","css","media","HeaderWrapper","HeaderFixed","HeaderContainer","LoginMenuButtonProxy","HeaderItemsDivider","MenuButtonWrapper","MenuButtonStyled"],"sourceRoot":""}