{"version":3,"file":"1d83cc25-64d46d275a20290ce46b.js","mappings":"oSAIO,MAAMA,GAAQC,EAAAA,EAAAA,GAAA,OAAAC,OAAA,cAAAD,CAAA,eAEZE,IAAA,IAAC,WAAEC,GAAYD,EAAA,MAAmB,MAAe,GAAC,mJAQ9CE,IAAA,IAAC,SAAEC,GAAUD,EAAA,OAAMC,EAAW,OAAS,MAAM,GAAC,4DAS9CC,GAAIN,EAAAA,EAAAA,GAAA,OAAAC,OAAA,cAAAD,CAAA,CAAAO,KAAA,SAAAC,OAAA,2BAKJC,GAAUT,EAAAA,EAAAA,GAAA,KAAAC,OAAA,cAAAD,CAAA,yIAYAU,EAAAA,GAAYC,GAAE,0IAUZD,EAAAA,GAAYE,EAAC,qDAQbF,EAAAA,GAAYC,GAAE,kCAuB1BE,GAAQb,EAAAA,EAAAA,GAAA,KAAAC,OAAA,cAAAD,CAAA,CAAAO,KAAA,UAAAC,OAAA,4QAwBRM,GAAiBd,EAAAA,EAAAA,GAAA,OAAAC,OAAA,cAAAD,CAAA,uFAMjBe,IAAA,IAAC,OAAEC,GAAQD,EAAA,OAAMC,EAAS,OAAS,MAAM,GAAC,4YAgC1CC,GAA4BjB,EAAAA,EAAAA,GAAOa,EAAQ,CAAAZ,OAAA,cAAfD,CAAgB,CAAAO,KAAA,SAAAC,OAAA,sIA6GlCE,EAAAA,GAAYQ,C","sources":["webpack://@ecom/uk/./src/components/Header/MenuOpenMobile/Menu.styles.js"],"sourcesContent":["import styled from '@emotion/styled';\nimport Button from '../../Button/index';\nimport { breakpoints } from '../../../utils/styles';\n\nexport const MenuOpen = styled.div`\n  left: 0;\n  top: ${({ isHomePage }) => (isHomePage ? '75px' : '75px')};\n  z-index: 100;\n  width: 100vw;\n  overflow: scroll;\n  min-height: 100vh;\n  position: absolute;\n  background-color: var(--petlab-white);\n  flex-direction: column;\n  display: ${({ menuOpen }) => (menuOpen ? 'flex' : 'none')};\n\n  .menuOpenBanner {\n    position: fixed;\n    height: 40px;\n    bottom: 0px;\n  }\n`;\n\nexport const Icon = styled.img`\n  width: 30px;\n  height: 30px;\n`;\n\nexport const IconButton = styled.a`\n  display: flex;\n  align-items: center;\n  justify-content: left;\n  justify-self: center;\n  gap: 0.5em;\n\n  picture {\n    width: 25px;\n    height: 25px;\n  }\n\n  @media (min-width: ${breakpoints.xl}px) {\n    justify-self: flex-start;\n  }\n\n  .menu-icon {\n    width: 1.7em;\n    height: 1.7em;\n  }\n\n  .menu-text {\n    @media (max-width: ${breakpoints.l}px) {\n      display: none;\n    }\n    font-size: 1em;\n    color: var(--petlab-blue);\n  }\n\n  .cart-align {\n    @media (min-width: ${breakpoints.xl}px) {\n      justify-self: flex-start;\n    }\n  }\n`;\n\nexport const SearchMobile = styled.div`\n  width: 343px;\n  height: 44px;\n  margin: 32px 0;\n\n  .search {\n    width: 100vw;\n    padding: 0 20px;\n  }\n`;\n\nexport const MobileLinkContainer = styled.div`\n  display: ${({ hidden }) => (!hidden ? 'none' : 'block')};\n  height: 100%;\n  width: 100%;\n`;\n\nexport const ListItem = styled.a`\n  display: inline-block;\n  position: relative;\n  white-space: nowrap;\n  list-style: none;\n  text-decoration: none;\n  cursor: pointer;\n  padding: 5px 20px;\n\n  font-family: 'Utopia Std';\n  font-style: normal;\n  font-weight: normal;\n  font-size: 16px;\n  line-height: 22px;\n\n  :hover {\n    color: #293f4c;\n\n    ::after {\n      width: 100%;\n    }\n  }\n`;\n\nexport const DropDownContainer = styled.div`\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 0 16px;\n  display: ${({ hidden }) => (hidden ? 'none' : 'flex')};\n  @media (min-width: 1200px) {\n    display: none;\n  }\n\n  .header-accordion {\n    font-family: 'Utopia Std';\n    font-style: normal;\n    font-weight: normal;\n    font-size: 18px;\n    line-height: 23px;\n    padding: 10px 0;\n  }\n\n  .menu-accordion {\n    display: flex;\n    flex-direction: column;\n\n    a,\n    a:visited {\n      color: var(--petlab-cornflower);\n      font-size: 16px;\n      cursor: pointer;\n      padding: 7px 20px;\n      font-family: 'Utopia Std';\n      font-style: normal;\n      font-weight: normal;\n      line-height: 22px;\n    }\n  }\n`;\n\nexport const SubscriptionsBenefitsLink = styled(ListItem)`\n  color: var(--petlab-red);\n  padding: 10px 0;\n  font-size: 18px;\n  line-height: 23px;\n  border-top: 1px solid var(--petlab-border-color);\n  width: 100%;\n`;\n\nexport const ReferButton = styled(Button)`\n  height: unset;\n  margin-top: 1em;\n`;\n\nexport const WrapperImage = styled.div`\n  img {\n    width: 16px;\n    margin-top: 5px;\n  }\n  margin-right: 10px;\n  margin-left: 38px;\n`;\n\nexport const SearchNew = styled.input`\n  display: flex;\n  justify-items: center;\n  align-items: center;\n  height: 40px;\n  width: 85%;\n  border: none;\n  padding-right: 30px;\n  border-radius: 55px;\n  font-size: 16px;\n  font-weight: 500;\n  font-family: 'P22 Underground', sans-serif;\n  background: transparent;\n  color: var(--petlab-blue);\n  ::placeholder {\n    color: rgba(87, 87, 86, 0.8);\n    opacity: 0.7;\n  }\n  @media (max-width: 740px) {\n    width: 75%;\n  }\n`;\n\nexport const Div = styled.div`\n  display: flex;\n  justify-items: center;\n  align-items: center;\n  height: 44px;\n  border-radius: 74px;\n  border: #b4bcc1 solid 2px;\n  height: 44px;\n  margin: 30px 5%;\n\n  :hover {\n    background-color: var(--petlab-beige);\n    border: var(--petlab-blue) solid 2px;\n    z-index: 100;\n  }\n  @media (min-width: 1201px) {\n    display: none;\n  }\n`;\n\nexport const SearchHeader = styled.h5`\n  font-family: 'Utopia Std';\n  font-style: italic;\n  font-weight: normal;\n  font-size: 18px;\n  line-height: 22px;\n  color: var(--petlab-cornflower);\n  text-align: left;\n  width: 100%;\n  padding: 0 16px;\n\n  @media (max-width: 375px) {\n    top: 22%;\n  }\n`;\n\nexport const SearchResultsList = styled.ul`\n  display: inline-block;\n  width: 100%;\n  padding: 0 16px;\n  height: 100%;\n  overflow-y: auto;\n`;\n\nexport const SearchListItem = styled.li`\n  background-color: var(--petlab-white);\n  width: 100%;\n  display: block;\n  border-left: 0;\n  border-right: 0;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n  border-bottom: 1px solid #ccd2e3;\n  height: 100%;\n  font-family: 'Utopia Std';\n  font-style: normal;\n  font-weight: normal;\n  font-size: 16px;\n  line-height: 23px;\n  max-height: 108px;\n  display: flex;\n\n  @media (min-width: ${breakpoints.m}px) {\n    max-height: 120px;\n  }\n\n  &:hover,\n  &.active {\n    background-color: var(--petlab-beige);\n  }\n`;\n\nexport const SearchListItemResult = styled.a`\n  display: flex;\n  align-items: center;\n  transition: ease-in-out 0.3s all;\n  position: relative;\n  padding: 5px 20px;\n`;\n\nexport const SearchListItemThumbnail = styled.div`\n  padding: 0;\n  text-align: center;\n`;\n\nexport const SearchListItemTitle = styled.div`\n  color: #232f3e;\n  transition: all 0.3s ease-in-out;\n  text-transform: none;\n  padding-left: 8px;\n  text-align: left;\n  font-size: 16px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 1.5;\n  display: block;\n  letter-spacing: 2px;\n  text-rendering: optimizeLegibility;\n  font-family: 'Utopia Std';\n  font-style: normal;\n  font-weight: normal;\n  font-size: 16px;\n  line-height: 23px;\n  color: var(--petlab-blue);\n`;\n\nexport const SearchListItemPricing = styled.span`\n  padding: 0;\n  text-align: center;\n  font-family: 'Utopia Std';\n  font-style: normal;\n  font-weight: normal;\n  font-size: 16px;\n  line-height: 23px;\n  color: var(--petlab-red);\n`;\n\nexport const SearchListItemWasPrice = styled.span`\n  text-decoration: line-through;\n`;\n\nexport const SearchListItemImg = styled.img`\n  max-width: 70px;\n  max-height: 70px;\n  height: auto !important;\n`;\n\nexport const searchViewMore = styled.div`\n  background-color: var(--petlab-blue);\n  width: 100%;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const ViewMoreLink = styled.a`\n  color: var(--petlab-white);\n  display: block;\n  outline: 0;\n`;\n"],"names":["MenuOpen","_styled","target","_ref","isHomePage","_ref2","menuOpen","Icon","name","styles","IconButton","breakpoints","xl","l","ListItem","DropDownContainer","_ref4","hidden","SubscriptionsBenefitsLink","m"],"sourceRoot":""}