{"version":3,"file":"7513dadf-2c4bbc5221b6dcbff7b8.js","mappings":"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","sources":["webpack://@ecom/uk/./src/components/FooterRebrand/FooterRebrand.styles.js"],"sourcesContent":["import styled from '@emotion/styled';\nconst Container = styled.footer`\n  width: 100%;\n  margin: 0 0 0 0;\n  overflow: hidden;\n  padding: ${(props) =>\n    props.isProductPage ? '0px' : '0 clamp(10px, 5%, 100px)'};\n  a {\n    text-decoration: none;\n    color: #fff;\n  }\n  ul {\n    list-style: none;\n  }\n  background: ${(props) => props.backgroundColour ?? 'var(--petlab-blue)'};\n\n  .lottie-animation-wrapper {\n    width: 34px;\n    height: 34px;\n  }\n`;\nexport const InnerContainer = styled.div`\n  max-width: ${(props) => (props.isProductPage ? '1200px' : '1280px')};\n  margin: auto;\n`;\n\nconst MainFlexContainer = styled.div`\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-areas: 'news news' '. .' '. .';\n  grid-gap: 16px;\n  padding: 24px 10px 0 10px;\n\n  @media (min-width: 641px) {\n    grid-template-columns: repeat(3, 1fr);\n    grid-template-areas: 'news  news .' '. . .';\n  }\n  @media (min-width: 999px) {\n    grid-column-gap: 2rem;\n    grid-template-columns: 156px 311px 1fr 1fr 1fr;\n    grid-template-areas: 'logo news . . .';\n  }\n`;\n\nconst NewsletterContainer = styled.div`\n  grid-area: news;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n\n  @media (min-width: 999px) {\n    flex-direction: row;\n    justify-content: flex-start;\n  }\n`;\n\nconst FooterLinksContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  flex-wrap: wrap;\n  max-width: 320px;\n\n  a {\n    color: #fff;\n  }\n\n  @media (min-width: 1280px) {\n    flex-direction: row;\n    flex-wrap: nowrap;\n    max-width: 100%;\n\n    div {\n      :first-of-type {\n        margin-right: 128px;\n      }\n      :nth-of-type(2n) {\n        margin-right: 86px;\n      }\n      :last-of-type {\n        margin-right: 80px;\n      }\n    }\n  }\n`;\n\nconst ColumnHeader = styled.h3`\n  color: #fcf1e0;\n  text-transform: uppercase;\n  padding-bottom: 8px;\n  font-size: 16px;\n  line-height: 25px;\n  letter-spacing: 0.16em;\n  font-family: 'Neuzeit Grotesk', sans-serif;\n  font-weight: normal;\n  text-align: left;\n`;\n\nconst Logo = styled.div`\n  display: none;\n  grid-area: logo;\n  @media (min-width: 999px) {\n    display: flex;\n    width: 100%;\n    img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n    }\n  }\n`;\n\nconst NewsletterTop = styled.div`\n  padding-left: 3px;\n`;\n\nconst NewsletterHeader = styled.h3`\n  color: #fcf1e0;\n  text-transform: uppercase;\n  padding-bottom: 8px;\n  font-size: 16px;\n  line-height: 25px;\n  letter-spacing: 0.16em;\n  font-family: 'Neuzeit Grotesk', sans-serif;\n  font-weight: normal;\n  text-align: left;\n`;\n\nconst NewsletterBlurb = styled.p`\n  font: 16px/23px Utopia Std;\n  font-weight: normal;\n  color: #fff;\n  text-align: left;\n  margin-bottom: 8px;\n`;\n\nconst Newsletter = styled.div`\n  flex: 1;\n  padding: 0;\n  width: 100%;\n\n  @media (min-width: 1280px) {\n    margin-top: 0;\n    min-width: 311px;\n  }\n`;\n\nconst Subscribe = styled.div`\n  padding: 0;\n  @media (min-width: 1280px) {\n    margin: 0 auto;\n  }\n`;\n\nconst MailingListForm = styled.form`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  border: none;\n  border-radius: 20px;\n`;\n\nconst MailingListFormInputsContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: nowrap;\n  width: 100%;\n  background: ${(props) =>\n    props.confirmed ? '#D3EDEA' : props.processing ? '#E6E8F1' : '#E6E8F1'};\n  border-radius: 20px;\n`;\n\nconst MailingListTextInput = styled.input`\n  flex: 1;\n  height: 40px;\n  padding: 10px 0 7px 16px;\n  border: none;\n  color: #6677aa;\n  background: #e6e8f1;\n  border-radius: 45px 0 0 45px;\n  font-size: 16px;\n  font-family: 'Utopia Std', sans-serif;\n\n  :focus {\n    color: #001c72;\n  }\n\n  @media (min-width: 1280px) {\n    padding-left: 16px;\n  }\n`;\n\nconst MailingListTextInputProcessing = styled.input`\n  flex: 1;\n  height: 40px;\n  padding: 10px 0 7px 16px;\n  border: none;\n  color: #001c72;\n  background: #e6e8f1;\n  border-radius: 45px 0 0 45px;\n  font-size: 16px;\n  font-family: 'Utopia Std', sans-serif;\n\n  @media (min-width: 1280px) {\n    padding-left: 16px;\n  }\n`;\n\nconst MailingListTextInputConfirmation = styled.div`\n  flex: 1;\n  height: 40px;\n  padding: 10px 0 7px 16px;\n  border: none;\n  color: #001c72;\n  opacity: 1;\n  border-radius: 45px 0 0 45px;\n  font-size: 16px;\n  font-family: 'Utopia Std', sans-serif;\n\n  p {\n    color: #001c72;\n  }\n\n  @media (min-width: 1280px) {\n    padding-left: 16px;\n  }\n`;\n\nconst MailingListSubmit = styled.button`\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n\n  transition: background 0.2s;\n  height: 34px;\n  width: 34px;\n  border: none;\n  border-radius: 45px;\n  margin: 3px 3px 3px 3px;\n  background-color: #bc2e3e;\n  cursor: pointer;\n  img {\n    transition: 0.2s;\n  }\n\n  &:hover {\n    background-color: #c95865;\n    img {\n      margin-left: 8px;\n    }\n  }\n  :focus {\n    border: 6px solid #f2d5d8;\n    img {\n      margin-left: 0;\n    }\n  }\n  img {\n    width: 18px;\n  }\n`;\n\nconst MailingListSubmitProcessing = styled.button`\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n\n  transition: 0.2s;\n  height: 34px;\n  width: 34px;\n  border: none;\n  border-radius: 45px;\n  margin: 3px 3px 3px 3px;\n  cursor: default;\n  background: none;\n\n  img {\n    width: 17px;\n    background: none;\n  }\n`;\n\nconst MailingListSubmitConfirmation = styled.button`\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  background: #d3edea;\n\n  height: 34px;\n  width: 34px;\n  border: none;\n  border-radius: 45px;\n  margin: 3px 3px 3px 3px;\n  cursor: default;\n\n  img {\n    width: 17px;\n  }\n`;\n\nconst SocialNetworks = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 19px 0 0 6px;\n\n  a {\n    margin-right: 42px;\n    picture,\n    img {\n      width: 18px;\n\n      :hover {\n        opacity: 0.8;\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    a {\n      margin-right: 42px;\n    }\n  }\n`;\n\nconst LinkColumn = styled.div`\n  flex: 1;\n  text-align: left;\n  flex-direction: column;\n  flex-wrap: wrap;\n  &.first {\n    grid-column: 1;\n    @media (min-width: 999px) {\n      grid-column: auto;\n    }\n  }\n  @media (min-width: 999px) {\n    justify-self: center;\n    flex-direction: row;\n    text-align: left;\n  }\n`;\n\nconst LinkList = styled.ul``;\n\nconst LinkItem = styled.li`\n  margin-bottom: 8px;\n\n  button {\n    all: unset !important;\n    cursor: pointer !important;\n  }\n\n  button:focus {\n    outline: revert !important;\n  }\n\n  a,\n  button {\n    color: #fff !important;\n    letter-spacing: 0 !important;\n    font: 16px/23px 'Utopia Std' !important;\n    text-decoration: none !important;\n    white-space: nowrap !important;\n\n    :hover {\n      text-decoration: underline !important;\n    }\n  }\n  @media (min-width: 1280px) {\n    a,\n    button {\n      font-size: 16px !important;\n      line-height: 30px !important;\n    }\n  }\n`;\n\nconst Seperator = styled.div`\n  max-width: 1280px;\n  margin-top: 25px;\n  border-top: 1px solid rgba(252, 241, 224, 0.2);\n\n  @media (min-width: 1280px) {\n    margin: 25px auto 0;\n  }\n`;\n\nconst CopyRightPayments = styled.div`\n  padding: 16px 0 0 0;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: space-between;\n\n  @media (min-width: 641px) {\n    flex-direction: row-reverse;\n    justify-content: space-between;\n  }\n`;\n\nconst DisclaimerText = styled.div`\n  color: #fff;\n  text-align: center;\n  font-family: 'P22-Underground Book', sans-serif;\n  font-weight: 100;\n  font-size: 10px;\n  color: rgba(255, 255, 255, 1);\n\n  @media (max-width: 1100px) {\n    padding-bottom: ${(props) => (props.usedHamburgerToggle ? '70px' : '10px')};\n  }\n\n  p {\n    line-height: 1.2;\n  }\n`;\n\nconst CopyRight = styled.p`\n  margin: 30px 0;\n  order: 2;\n  font-size: 14px;\n  line-height: 21px;\n  font-family: 'Neuzeit Grotesk', sans-serif;\n  color: #fff;\n  @media (min-width: 641px) {\n    margin: 0;\n  }\n  @media (min-width: 1280px) {\n    text-align: right;\n    order: 1;\n    margin: 0 0;\n  }\n`;\n\nconst PaymentProviders = styled.div`\n  color: var(--petlab-white);\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  order: 1;\n\n  img {\n    width: 303px;\n  }\n\n  ul li {\n    display: inline-block;\n    list-style-type: none;\n    margin-left: 8px;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .first-align {\n    margin-left: 0;\n  }\n\n  p {\n    font-size: 14px;\n    margin-right: 8px;\n    margin-bottom: 12px;\n  }\n\n  @media (min-width: 641px) {\n    text-align: left;\n    display: flex;\n    flex-direction: row;\n    img {\n      width: 328px;\n    }\n  }\n`;\n\nconst ButtonUp = styled.button`\n  cursor: pointer;\n  position: absolute;\n  right: 3%;\n  margin-top: -30px;\n  border-style: hidden;\n  border-radius: 50%;\n  img {\n    width: 50px;\n  }\n`;\n\nexport {\n  Container,\n  MainFlexContainer,\n  NewsletterContainer,\n  FooterLinksContainer,\n  ColumnHeader,\n  Logo,\n  NewsletterTop,\n  NewsletterHeader,\n  NewsletterBlurb,\n  Newsletter,\n  Subscribe,\n  MailingListForm,\n  MailingListFormInputsContainer,\n  MailingListTextInput,\n  MailingListTextInputProcessing,\n  MailingListTextInputConfirmation,\n  MailingListSubmit,\n  MailingListSubmitProcessing,\n  MailingListSubmitConfirmation,\n  SocialNetworks,\n  LinkColumn,\n  LinkList,\n  LinkItem,\n  Seperator,\n  CopyRightPayments,\n  CopyRight,\n  PaymentProviders,\n  DisclaimerText,\n  ButtonUp\n};\n"],"names":["Container","_styled","target","props","isProductPage","_props$backgroundColo","backgroundColour","InnerContainer","MainFlexContainer","name","styles","NewsletterContainer","ColumnHeader","Logo","NewsletterTop","NewsletterHeader","NewsletterBlurb","Newsletter","Subscribe","MailingListForm","MailingListFormInputsContainer","confirmed","processing","MailingListTextInput","MailingListTextInputProcessing","MailingListTextInputConfirmation","MailingListSubmit","MailingListSubmitProcessing","MailingListSubmitConfirmation","SocialNetworks","LinkColumn","LinkList","LinkItem","Seperator","CopyRightPayments","DisclaimerText","usedHamburgerToggle","CopyRight","PaymentProviders","ButtonUp"],"sourceRoot":""}