{"version":3,"file":"726b90c7-7f045c0f147df9495dc1.js","mappings":"ilBAGO,MAAMA,GAASC,EAAAA,EAAAA,GAAA,OAAAC,OAAA,aAAAD,CAAA,IAoBTE,GAAaF,EAAAA,EAAAA,GAAA,OAAAC,OAAA,aAAAD,CAAA,CAAAG,KAAA,SAAAC,OAAA,sUAgCbC,GAAML,EAAAA,EAAAA,GAAA,WAAAC,OAAA,aAAAD,CAAA,CAAAG,KAAA,SAAAC,OAAA,+KAiBNE,GAAIN,EAAAA,EAAAA,GAAA,QAAAC,OAAA,aAAAD,CAAA,CAAAG,KAAA,SAAAC,OAAA,wIAaJG,GAAWP,EAAAA,EAAAA,GAAA,OAAAC,OAAA,aAAAD,CAAA,CAAAG,KAAA,SAAAC,OAAA,8TA8BXI,GAAMR,EAAAA,EAAAA,GAAA,OAAAC,OAAA,aAAAD,CAAA,CAAAG,KAAA,UAAAC,OAAA,mTAsBNK,GAAST,EAAAA,EAAAA,GAAA,OAAAC,OAAA,aAAAD,CAAA,2TAsBCU,EAAAA,GAAYC,GAAE,wBAKxBC,GAAOZ,EAAAA,EAAAA,GAAA,WAAAC,OAAA,aAAAD,CAAA,CAAAG,KAAA,QAAAC,OAAA,2MA6CPS,GARYH,EAAAA,GAAYC,IAQjBX,EAAAA,EAAAA,GAAA,OAAAC,OAAA,aAAAD,CAAA,CAAAG,KAAA,SAAAC,OAAA,wTAoBPU,GAAad,EAAAA,EAAAA,GAAA,MAAAC,OAAA,YAAAD,CAAA,mQAaHU,EAAAA,GAAYC,GAAE,2BAIxBI,GAAcf,EAAAA,EAAAA,GAAA,WAAAC,OAAA,YAAAD,CAAA,CAAAG,KAAA,QAAAC,OAAA,2DAOdY,GAAchB,EAAAA,EAAAA,GAAA,KAAAC,OAAA,YAAAD,CAAA,CAAAG,KAAA,SAAAC,OAAA,kNAeda,GAAQjB,EAAAA,EAAAA,GAAA,OAAAC,OAAA,YAAAD,CAAA,CAAAG,KAAA,UAAAC,OAAA,+FAORc,GAAkBlB,EAAAA,EAAAA,GAAA,OAAAC,OAAA,YAAAD,CAAA,CAAAG,KAAA,UAAAC,OAAA,6CAMlBe,GAASnB,EAAAA,EAAAA,GAAA,OAAAC,OAAA,YAAAD,CAAA,CAAAG,KAAA,UAAAC,OAAA,+BAKTgB,GAAapB,EAAAA,EAAAA,GAAA,OAAAC,OAAA,YAAAD,CAAA,CAAAG,KAAA,UAAAC,OAAA,6JAebiB,GAAiBrB,EAAAA,EAAAA,GAAA,OAAAC,OAAA,YAAAD,CAAA,qPAmBLU,EAAAA,GAAYY,EAAC,0BAMzBC,GAAQvB,EAAAA,EAAAA,GAAA,OAAAC,OAAA,YAAAD,CAAA,iDAGEU,EAAAA,GAAYY,EAAC,qCAMvBE,GAAUxB,EAAAA,EAAAA,GAAA,OAAAC,OAAA,YAAAD,CAAA,CAAAG,KAAA,SAAAC,OAAA,0I","sources":["webpack://@ecom/uk/./src/components/AboutUs/OurStory/OurStory.styles.js"],"sourcesContent":["import styled from '@emotion/styled';\nimport { breakpoints } from '../../../utils/styles';\n\nexport const Container = styled.div``;\n\nexport const MaxWidth = styled.div`\n  max-width: 1440px;\n  margin: 0 auto;\n  background-color: white;\n`;\n\nexport const Path = styled.div`\n  display: none;\n  @media (min-width: 1200px) {\n    display: flex;\n    gap: 0.5em;\n    color: var(--petlab-blue);\n    margin-left: 80px;\n    justify-content: flex-start !important;\n    padding-top: 12px;\n  }\n`;\n\nexport const HeroContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: relative;\n\n  picture {\n    width: 100%;\n    overflow: hidden;\n    &:first-of-type {\n      height: 0;\n      @media (min-width: 641px) {\n        height: 596px;\n      }\n    }\n    &:nth-of-type(2) {\n      height: 500px;\n      @media (min-width: 641px) {\n        height: 0;\n      }\n    }\n  }\n\n  img {\n    width: 100%;\n    height: 100%;\n    &.banner-dp {\n      object-position: right;\n      object-fit: cover;\n    }\n  }\n`;\nexport const Banner = styled.article`\n  z-index: 1;\n  position: absolute;\n  top: 10%;\n  left: 0;\n  bottom: 0;\n  right: 0;\n\n  @media (min-width: 641px) {\n    display: flex;\n    flex-direction: column;\n    top: 0;\n    justify-content: center;\n    align-items: center;\n  }\n`;\n\nexport const Main = styled.main`\n  .bread-crumbs {\n    display: none;\n    @media (min-width: 641px) {\n      display: block;\n      margin-top: 10px;\n    }\n  }\n  @media (min-width: 641px) {\n    margin-bottom: 40px;\n  }\n`;\n\nexport const ProductSeal = styled.div`\n  color: black;\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  display: flex;\n  justify-content: center;\n  margin: 0 auto;\n  width: 100%;\n\n  picture {\n    transform: translateY(50%);\n    max-width: 80px;\n    height: 80px !important;\n    width: 100%;\n    @media (min-width: 641px) {\n      max-width: 120px;\n      height: 120px !important;\n    }\n  }\n\n  img {\n    width: 100%;\n  }\n\n  @media (min-width: 1200px) {\n    height: 120px;\n  }\n`;\n\nexport const Header = styled.div`\n  z-index: 1;\n\n  .header {\n    margin-bottom: 16px;\n    font-family: 'Utopia Std', serif;\n    font-style: italic;\n    font-weight: normal;\n    font-size: 40px;\n    line-height: 48px;\n    text-align: center;\n    color: #ffffff;\n    text-shadow: 0 4px 40px rgba(0, 0, 0, 0.1);\n\n    @media (min-width: 641px) {\n      font-size: 80px;\n      line-height: 96px;\n      text-shadow: 0 4px 40px #000000;\n    }\n  }\n`;\n\nexport const SubHeader = styled.div`\n  z-index: 1;\n\n  .subHeader {\n    font-family: 'Utopia Std', serif;\n    margin: 0 8px;\n    font-style: italic;\n    font-weight: normal;\n    font-size: 28px;\n    line-height: 34px;\n    text-align: center;\n    color: #ffffff;\n\n    @media (min-width: 641px) {\n      margin: 0px 50px;\n      font-size: 48px;\n      line-height: 58px;\n      text-align: center;\n      text-shadow: 0px 4px 40px #000000;\n    }\n  }\n\n  @media (min-width: ${breakpoints.xl}px) {\n    margin: 0 280px;\n  }\n`;\n\nexport const Excerpt = styled.article`\n  max-width: 850px;\n  margin: 60px auto;\n  .bodyText {\n    color: var(--petlab-blue);\n    text-align: center;\n    font-style: normal;\n    font-weight: normal;\n    font-size: 20px;\n    @media (min-width: 641px) {\n      font-size: 32px;\n      line-height: 38px;\n    }\n  }\n`;\n\nexport const BodyText = styled.div`\n  margin: 50px 16px 0px 16px;\n\n  @media (max-width: 340px) {\n    margin: 0px 16px 0px 16px;\n  }\n\n  @media (min-width: 900px) {\n    margin: 80px 230px 40px 230px;\n  }\n\n  @media (min-width: 1200px) {\n    margin: 103px 230px 0px 230px;\n  }\n\n  .bodyText {\n    color: var(--petlab-blue);\n    text-align: center;\n    font-style: normal;\n    font-weight: normal;\n    font-size: 20px;\n    @media (min-width: ${breakpoints.xl}px) {\n      ˜˜margin: 0 200px;\n      font-size: 32px;\n      line-height: 38px;\n    }\n  }\n`;\n\nexport const Message = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  background: #ffffff;\n  max-width: 632px;\n  margin: 0 auto;\n  margin-top: 40px;\n\n  @media (min-width: 641px) {\n    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1);\n    border-radius: var(--petlab-border-radius);\n    overflow: hidden;\n  }\n  @media (min-width: 999px) {\n    margin-top: 60px;\n    padding: unset;\n  }\n`;\n\nexport const MessageHeader = styled.h6`\n  background-color: var(--petlab-blue);\n  padding: 10px 7px;\n  font-family: 'Neuzeit Grotesk', serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 16px;\n  line-height: 160%;\n  text-align: center;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: #ffffff;\n\n  @media (min-width: ${breakpoints.xl}px) {\n    padding: 25px 37px;\n  }\n`;\nexport const MessageContent = styled.section`\n  @media (min-width: 641px) {\n    padding: 40px;\n    padding-top: 0;\n  }\n`;\n\nexport const MessageExcerpt = styled.p`\n  color: var(--petlab-blue);\n  font-family: Utopia Std, serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 23px;\n  letter-spacing: 0;\n  text-align: left;\n  margin-bottom: 24px;\n  &:first-of-type {\n    margin-top: 24px;\n  }\n`;\n\nexport const CeoImage = styled.img`\n  border-radius: var(--petlab-border-radius);\n  width: 100%;\n  object-fit: contain;\n  margin-bottom: 24px;\n`;\n\nexport const SignatureContainer = styled.div`\n  margin: 0 auto;\n  max-width: 258px;\n  width: 100%;\n`;\n\nexport const Signature = styled.img`\n  width: 100%;\n  min-height: 65px;\n`;\n\nexport const SignatureText = styled.div`\n  .name {\n    color: var(--petlab-blue);\n    font-style: italic;\n    font-size: 20px;\n    text-align: center;\n  }\n\n  .description {\n    color: var(--petlab-blue);\n    opacity: 0.5;\n    text-align: center;\n  }\n`;\n\nexport const DogImageContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  .svgText {\n    align-self: center;\n  }\n\n  @media (min-width: 1200px) {\n    margin-top: 40px;\n  }\n\n  picture {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    max-width: 160px;\n    @media (min-width: ${breakpoints.m}px) {\n      max-width: 250px;\n    }\n  }\n`;\n\nexport const DogImage = styled.img`\n  width: 40%;\n  margin-right: 50%;\n  @media (min-width: ${breakpoints.m}px) {\n    width: 40%;\n    align-self: center;\n  }\n`;\n\nexport const ForKrystal = styled.img`\n  max-width: 41.33px;\n  max-height: 40px;\n  margin-bottom: 0.5em;\n  @media (min-width: 1200px) {\n    margin-bottom: -0.2em;\n    min-width: 62px;\n    min-height: 60px;\n  }\n`;\n"],"names":["Container","_styled","target","HeroContainer","name","styles","Banner","Main","ProductSeal","Header","SubHeader","breakpoints","xl","Excerpt","Message","MessageHeader","MessageContent","MessageExcerpt","CeoImage","SignatureContainer","Signature","SignatureText","DogImageContainer","m","DogImage","ForKrystal"],"sourceRoot":""}