{"version":3,"sources":["webpack:///./node_modules/object-fit-images/dist/ofi.common-js.js","webpack:///./src/components/styled/CustomerPage.js","webpack:///./src/img/rocketlink/quote.svg","webpack:///./src/components/customer/breadcrumbs/index.js","webpack:///./src/img/user-experience/background/yellow.svg","webpack:///./src/components/customer/recommendation/styled.js","webpack:///./src/components/customer/recommendation/index.js","webpack:///./src/img/usability-testing/background/purple.svg","webpack:///./src/img/ui/quote.svg","webpack:///./node_modules/gatsby-image/withIEPolyfill/index.js","webpack:///./src/hoc/content-cluster/styled.js","webpack:///./src/img/ui/arrow_black.svg","webpack:///./src/components/ui/startUsing/index.js","webpack:///./src/components/customer/finalOutcome/styled.js","webpack:///./src/components/customer/finalOutcome/index.js","webpack:///./src/components/customer/header/styled.js","webpack:///./src/components/customer/header/index.js","webpack:///./src/img/heatmaps/background/blue.svg"],"names":["OFI","propRegex","testImg","Image","style","supportsObjectFit","supportsObjectPosition","supportsOFI","supportsCurrentSrc","currentSrc","nativeGetAttribute","getAttribute","nativeSetAttribute","setAttribute","autoModeEnabled","setPlaceholder","img","width","height","placeholder","call","onImageReady","callback","naturalWidth","setTimeout","fixOne","el","parsed","getComputedStyle","fontFamily","props","exec","getStyle","ofi","skipTest","srcset","src","naturalHeight","descriptors","get","prop","set","value","Object","defineProperty","ss","keepSrcUsable","err","window","console","warn","picturefill","pf","_","ns","evaled","fillImg","reselect","curSrc","supported","polyfillCurrentSrc","backgroundImage","replace","backgroundPosition","backgroundRepeat","backgroundOrigin","test","backgroundSize","fix","imgs","opts","startAutoMode","document","getElementsByTagName","querySelectorAll","i","length","body","addEventListener","e","target","tagName","watchMQ","bind","getOfiImageMaybe","name","HTMLImageElement","prototype","this","String","hijackAttributes","module","exports","HeroImage","styled","Img","SectionWithRecommendation","section","media","tablet","DescriptionBox","div","StyledSection","StyledImg","Container","children","title","location","useLocation","href","arrow","alt","pathname","Box","quote","Person","mobile","Face","Recommendation","recommendation","person","job","company","image","url","className","fluid","fadeIn","rel","defaultProps","undefined","_interopRequireWildcard3","require","_interopRequireDefault","__esModule","default","_extends2","_objectWithoutPropertiesLoose2","_interopRequireWildcard2","_inheritsLoose2","_react","_propTypes","_index","ImageWithIEPolyfill","_Component","_this","_len","arguments","args","Array","_key","apply","concat","imageRef","innerRef","createRef","placeholderRef","_proto","componentDidMount","_this2","createElement","objectFit","objectPosition","Promise","resolve","then","_ref","ObjectFitImages","current","render","_this$props","polyfillStyle","ref","imgStyle","placeholderStyle","Component","propTypes","string","_default","forwardRef","renderClusterStyles","cluster","yellowBgc","purpleBgc","blueBgc","TimeToRead","em","Header","desktopWide","desktop","Breadcrumbs","MainContent","StyledLink","Article","SideBarBox","Author","ExtendTimeToRead","Divider","Content","StartUsingLS","deleteMarginTop","setMarginTop","link","useSourceParams","useState","email","setEmail","onSubmit","preventDefault","navigate","htmlFor","id","type","required","onChange","as","secondary","lastSection","FinalOutcome","header","Title","h1","Description","p","description","titleStyle"],"mappings":"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","file":"7b197d1349e74327834390c524067d7698b6503f-5a3435c618db9020ca5b.js","sourcesContent":["/*! npm.im/object-fit-images 3.2.4 */\n'use strict';\n\nvar OFI = 'bfred-it:object-fit-images';\nvar propRegex = /(object-fit|object-position)\\s*:\\s*([-.\\w\\s%]+)/g;\nvar testImg = typeof Image === 'undefined' ? {\n  style: {\n    'object-position': 1\n  }\n} : new Image();\nvar supportsObjectFit = ('object-fit' in testImg.style);\nvar supportsObjectPosition = ('object-position' in testImg.style);\nvar supportsOFI = ('background-size' in testImg.style);\nvar supportsCurrentSrc = typeof testImg.currentSrc === 'string';\nvar nativeGetAttribute = testImg.getAttribute;\nvar nativeSetAttribute = testImg.setAttribute;\nvar autoModeEnabled = false;\n\nfunction createPlaceholder(w, h) {\n  return \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='\" + w + \"' height='\" + h + \"'%3E%3C/svg%3E\";\n}\n\nfunction polyfillCurrentSrc(el) {\n  if (el.srcset && !supportsCurrentSrc && window.picturefill) {\n    var pf = window.picturefill._; // parse srcset with picturefill where currentSrc isn't available\n\n    if (!el[pf.ns] || !el[pf.ns].evaled) {\n      // force synchronous srcset parsing\n      pf.fillImg(el, {\n        reselect: true\n      });\n    }\n\n    if (!el[pf.ns].curSrc) {\n      // force picturefill to parse srcset\n      el[pf.ns].supported = false;\n      pf.fillImg(el, {\n        reselect: true\n      });\n    } // retrieve parsed currentSrc, if any\n\n\n    el.currentSrc = el[pf.ns].curSrc || el.src;\n  }\n}\n\nfunction getStyle(el) {\n  var style = getComputedStyle(el).fontFamily;\n  var parsed;\n  var props = {};\n\n  while ((parsed = propRegex.exec(style)) !== null) {\n    props[parsed[1]] = parsed[2];\n  }\n\n  return props;\n}\n\nfunction setPlaceholder(img, width, height) {\n  // Default: fill width, no height\n  var placeholder = createPlaceholder(width || 1, height || 0); // Only set placeholder if it's different\n\n  if (nativeGetAttribute.call(img, 'src') !== placeholder) {\n    nativeSetAttribute.call(img, 'src', placeholder);\n  }\n}\n\nfunction onImageReady(img, callback) {\n  // naturalWidth is only available when the image headers are loaded,\n  // this loop will poll it every 100ms.\n  if (img.naturalWidth) {\n    callback(img);\n  } else {\n    setTimeout(onImageReady, 100, img, callback);\n  }\n}\n\nfunction fixOne(el) {\n  var style = getStyle(el);\n  var ofi = el[OFI];\n  style['object-fit'] = style['object-fit'] || 'fill'; // default value\n  // Avoid running where unnecessary, unless OFI had already done its deed\n\n  if (!ofi.img) {\n    // fill is the default behavior so no action is necessary\n    if (style['object-fit'] === 'fill') {\n      return;\n    } // Where object-fit is supported and object-position isn't (Safari < 10)\n\n\n    if (!ofi.skipTest && // unless user wants to apply regardless of browser support\n    supportsObjectFit && // if browser already supports object-fit\n    !style['object-position'] // unless object-position is used\n    ) {\n      return;\n    }\n  } // keep a clone in memory while resetting the original to a blank\n\n\n  if (!ofi.img) {\n    ofi.img = new Image(el.width, el.height);\n    ofi.img.srcset = nativeGetAttribute.call(el, \"data-ofi-srcset\") || el.srcset;\n    ofi.img.src = nativeGetAttribute.call(el, \"data-ofi-src\") || el.src; // preserve for any future cloneNode calls\n    // https://github.com/bfred-it/object-fit-images/issues/53\n\n    nativeSetAttribute.call(el, \"data-ofi-src\", el.src);\n\n    if (el.srcset) {\n      nativeSetAttribute.call(el, \"data-ofi-srcset\", el.srcset);\n    }\n\n    setPlaceholder(el, el.naturalWidth || el.width, el.naturalHeight || el.height); // remove srcset because it overrides src\n\n    if (el.srcset) {\n      el.srcset = '';\n    }\n\n    try {\n      keepSrcUsable(el);\n    } catch (err) {\n      if (window.console) {\n        console.warn('https://bit.ly/ofi-old-browser');\n      }\n    }\n  }\n\n  polyfillCurrentSrc(ofi.img);\n  el.style.backgroundImage = \"url(\\\"\" + (ofi.img.currentSrc || ofi.img.src).replace(/\"/g, '\\\\\"') + \"\\\")\";\n  el.style.backgroundPosition = style['object-position'] || 'center';\n  el.style.backgroundRepeat = 'no-repeat';\n  el.style.backgroundOrigin = 'content-box';\n\n  if (/scale-down/.test(style['object-fit'])) {\n    onImageReady(ofi.img, function () {\n      if (ofi.img.naturalWidth > el.width || ofi.img.naturalHeight > el.height) {\n        el.style.backgroundSize = 'contain';\n      } else {\n        el.style.backgroundSize = 'auto';\n      }\n    });\n  } else {\n    el.style.backgroundSize = style['object-fit'].replace('none', 'auto').replace('fill', '100% 100%');\n  }\n\n  onImageReady(ofi.img, function (img) {\n    setPlaceholder(el, img.naturalWidth, img.naturalHeight);\n  });\n}\n\nfunction keepSrcUsable(el) {\n  var descriptors = {\n    get: function get(prop) {\n      return el[OFI].img[prop ? prop : 'src'];\n    },\n    set: function set(value, prop) {\n      el[OFI].img[prop ? prop : 'src'] = value;\n      nativeSetAttribute.call(el, \"data-ofi-\" + prop, value); // preserve for any future cloneNode\n\n      fixOne(el);\n      return value;\n    }\n  };\n  Object.defineProperty(el, 'src', descriptors);\n  Object.defineProperty(el, 'currentSrc', {\n    get: function get() {\n      return descriptors.get('currentSrc');\n    }\n  });\n  Object.defineProperty(el, 'srcset', {\n    get: function get() {\n      return descriptors.get('srcset');\n    },\n    set: function set(ss) {\n      return descriptors.set(ss, 'srcset');\n    }\n  });\n}\n\nfunction hijackAttributes() {\n  function getOfiImageMaybe(el, name) {\n    return el[OFI] && el[OFI].img && (name === 'src' || name === 'srcset') ? el[OFI].img : el;\n  }\n\n  if (!supportsObjectPosition) {\n    HTMLImageElement.prototype.getAttribute = function (name) {\n      return nativeGetAttribute.call(getOfiImageMaybe(this, name), name);\n    };\n\n    HTMLImageElement.prototype.setAttribute = function (name, value) {\n      return nativeSetAttribute.call(getOfiImageMaybe(this, name), name, String(value));\n    };\n  }\n}\n\nfunction fix(imgs, opts) {\n  var startAutoMode = !autoModeEnabled && !imgs;\n  opts = opts || {};\n  imgs = imgs || 'img';\n\n  if (supportsObjectPosition && !opts.skipTest || !supportsOFI) {\n    return false;\n  } // use imgs as a selector or just select all images\n\n\n  if (imgs === 'img') {\n    imgs = document.getElementsByTagName('img');\n  } else if (typeof imgs === 'string') {\n    imgs = document.querySelectorAll(imgs);\n  } else if (!('length' in imgs)) {\n    imgs = [imgs];\n  } // apply fix to all\n\n\n  for (var i = 0; i < imgs.length; i++) {\n    imgs[i][OFI] = imgs[i][OFI] || {\n      skipTest: opts.skipTest\n    };\n    fixOne(imgs[i]);\n  }\n\n  if (startAutoMode) {\n    document.body.addEventListener('load', function (e) {\n      if (e.target.tagName === 'IMG') {\n        fix(e.target, {\n          skipTest: opts.skipTest\n        });\n      }\n    }, true);\n    autoModeEnabled = true;\n    imgs = 'img'; // reset to a generic selector for watchMQ\n  } // if requested, watch media queries for object-fit change\n\n\n  if (opts.watchMQ) {\n    window.addEventListener('resize', fix.bind(null, imgs, {\n      skipTest: opts.skipTest\n    }));\n  }\n}\n\nfix.supportsObjectFit = supportsObjectFit;\nfix.supportsObjectPosition = supportsObjectPosition;\nhijackAttributes();\nmodule.exports = fix;","import styled from 'styled-components';\nimport Img from 'gatsby-image/withIEPolyfill';\nimport { media } from 'theme/breakpoints';\n\nexport const HeroImage = styled(Img)`\n  display: block;\n  margin: 0 auto;\n  max-width: 964px;\n`;\n\nexport const SectionWithRecommendation = styled.section`\n  max-width: 964px;\n  display: flex;\n  padding-bottom: 3rem;\n  margin: 0 auto;\n  padding-bottom: 5rem;\n  justify-content: space-between;\n  ${media.tablet} {\n    flex-direction: column;\n  }\n`;\n\nexport const DescriptionBox = styled.div`\n  flex-basis: 50%;\n  margin: 0 72px 0 0;\n  & h2 {\n    margin-bottom: 24px;\n  }\n  ${media.tablet} {\n    margin: 0 0 24px 0;\n  }\n`;\n\nexport const StyledSection = styled.section`\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 2rem 0;\n  h2 {\n    font-size: 40px;\n    line-height: 50px;\n    font-weight: 800;\n    margin-bottom: 40px;\n    ${media.tablet} {\n      font-size: 24px;\n      line-height: 34px;\n    }\n  }\n  h3 {\n    font-size: 32px;\n    line-height: normal;\n    font-weight: 800;\n    margin-bottom: 40px;\n    ${media.tablet} {\n      font-size: 20px;\n      line-height: 30px;\n    }\n  }\n  strong {\n    font-weight: 800;\n  }\n  ${media.tablet} {\n    padding: 1rem 0;\n  }\n`;\n\nexport const StyledImg = styled(Img)`\n  transform: scale(1.15);\n  margin: calc(82px * 1.15) 0 calc(90px * 1.15);\n  ${media.tablet} {\n    transform: scale(1);\n    margin: 32px 0;\n  }\n`;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Mi4yNDUiIGhlaWdodD0iNzEuNjA4IiB2aWV3Qm94PSIwIDAgOTIuMjQ1IDcxLjYwOCI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6YmxhY2s7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJhIiBkPSJNODkuNzIsNjYuMjcxYzAtMTYuMTYyLTEwLjQ0My0yNS4zNjEtMjIuMTI5LTI1LjM2MUExOS45LDE5LjksMCwwLDAsNDcuOTQ5LDYwLjhjMCwxMC40NDMsNy40NTksMTcuOSwxNi45MDcsMTcuOWExMi40NzgsMTIuNDc4LDAsMCwwLDQuOTczLS45OTVDNjcuNTkxLDg2LjY2LDU4LjM5Miw5Ny4xLDUwLjQzNSwxMDEuMzI5TDY0LjExLDExMi41MThDNzkuNTI2LDEwMS41NzgsODkuNzIsODQuOTE5LDg5LjcyLDY2LjI3MVptLTUwLjQ3NCwwYzAtMTYuMTYyLTEwLjY5MS0yNS4zNjEtMjIuMzc4LTI1LjM2MUM2LjQyNiw0MC45MS0yLjUyNSw0OS44NjEtMi41MjUsNjAuOGMwLDEwLjQ0Myw3LjQ1OSwxNy45LDE2LjkwNywxNy45YTExLjE2NCwxMS4xNjQsMCwwLDAsNC43MjQtLjk5NUMxNy4xMTgsODYuNjYsNy45MTgsOTcuMS0uMDM5LDEwMS4zMjlsMTMuNjc1LDExLjE4OUMyOC44LDEwMS41NzgsMzkuMjQ2LDg0LjkxOSwzOS4yNDYsNjYuMjcxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi41MjUgLTQwLjkxKSIvPjwvc3ZnPg==\"","import React from 'react';\nimport { Link } from 'gatsby';\nimport PropTypes from 'prop-types';\nimport arrow from 'img/ui/arrow_black.svg';\nimport { useLocation } from '@reach/router';\nimport * as Styled from 'hoc/content-cluster/styled';\n\nconst Container = ({ children, title }) => {\n  const location = useLocation();\n  return (\n    <>\n      <Styled.Breadcrumbs>\n        <p>\n          <Link href=\"/customers/\">Customers</Link>\n        </p>\n        <img src={arrow} alt=\"arrow\" title=\"Arrow\" />\n        <p>Success stories</p>\n        <img src={arrow} alt=\"arrow\" title=\"Arrow\" />\n        <p>\n          <Link href={location.pathname}>\n            <strong>{title}</strong>\n          </Link>\n        </p>\n      </Styled.Breadcrumbs>\n      {children}\n    </>\n  );\n};\n\nexport default Container;\n\nContainer.propTypes = {\n  children: PropTypes.elementType.isRequired,\n  title: PropTypes.string.isRequired,\n};\n","module.exports = __webpack_public_path__ + \"static/yellow-accb64767ba443acc94690995024b60a.svg\";","import styled from 'styled-components';\nimport Img from 'gatsby-image';\nimport { media } from 'theme/breakpoints';\nimport quote from 'img/rocketlink/quote.svg';\n\nexport const Box = styled.div`\n  background-color: transparent;\n  padding: 48px;\n  max-width: 964px;\n  margin: 0 auto;\n  position: relative;\n  margin-bottom: 50px;\n  border-radius: 4px;\n  border: 2px solid #000;\n  ${media.tablet} {\n    padding: 30px;\n  }\n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    transform: translate(-35%, -50%);\n    background-image: url(${quote});\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n    width: 72px;\n    height: 72px;\n    ${media.tablet} {\n      width: 52px;\n      transform: translate(0, -50%);\n    }\n  }\n  p {\n    font-size: 20px;\n    line-height: 36px;\n    margin: 0;\n    font-style: italic;\n    font-weight: 400;\n  }\n`;\n\nexport const Person = styled.div`\n  display: flex;\n  margin-top: 24px;\n  align-items: center;\n  p {\n    flex-direction: column;\n    display: flex;\n    color: #7d7f81;\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 24px;\n    strong {\n      font-weight: 800;\n      color: #000;\n    }\n    & span {\n    }\n  }\n  a {\n    color: inherit;\n  }\n  ${media.mobile} {\n    margin-top: 40px;\n  }\n`;\n\nexport const Face = styled(Img)`\n  width: 41px;\n  margin-right: 16px;\n  border-radius: 50%;\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as Styled from './styled';\n\nconst Recommendation = ({ recommendation, person, job, company, image, url, style }) => {\n  return (\n    <Styled.Box style={style} className=\"recommendation-box\">\n      <p>{recommendation}</p>\n      <Styled.Person>\n        <Styled.Face fluid={image} alt=\"face\" fadeIn />\n        <p>\n          <strong>{person}</strong>\n          <span>\n            {job} at{' '}\n            {url ? (\n              <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n                {company}\n              </a>\n            ) : (\n              company\n            )}\n          </span>\n        </p>\n      </Styled.Person>\n    </Styled.Box>\n  );\n};\n\nexport default Recommendation;\n\nRecommendation.propTypes = {\n  recommendation: PropTypes.string.isRequired,\n  person: PropTypes.string.isRequired,\n  job: PropTypes.string.isRequired,\n  company: PropTypes.string.isRequired,\n  image: PropTypes.oneOfType([PropTypes.object, PropTypes.node]).isRequired,\n  url: PropTypes.string,\n  style: PropTypes.oneOfType([PropTypes.object]),\n};\n\nRecommendation.defaultProps = {\n  url: null,\n  style: undefined,\n};\n","module.exports = __webpack_public_path__ + \"static/purple-8386102270ba79d72208b236271bb751.svg\";","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Mi4yNDUiIGhlaWdodD0iNzEuNjA4IiB2aWV3Qm94PSIwIDAgOTIuMjQ1IDcxLjYwOCI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2ZmZTQ3ODt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik04OS43Miw2Ni4yNzFjMC0xNi4xNjItMTAuNDQzLTI1LjM2MS0yMi4xMjktMjUuMzYxQTE5LjksMTkuOSwwLDAsMCw0Ny45NDksNjAuOGMwLDEwLjQ0Myw3LjQ1OSwxNy45LDE2LjkwNywxNy45YTEyLjQ3OCwxMi40NzgsMCwwLDAsNC45NzMtLjk5NUM2Ny41OTEsODYuNjYsNTguMzkyLDk3LjEsNTAuNDM1LDEwMS4zMjlMNjQuMTEsMTEyLjUxOEM3OS41MjYsMTAxLjU3OCw4OS43Miw4NC45MTksODkuNzIsNjYuMjcxWm0tNTAuNDc0LDBjMC0xNi4xNjItMTAuNjkxLTI1LjM2MS0yMi4zNzgtMjUuMzYxQzYuNDI2LDQwLjkxLTIuNTI1LDQ5Ljg2MS0yLjUyNSw2MC44YzAsMTAuNDQzLDcuNDU5LDE3LjksMTYuOTA3LDE3LjlhMTEuMTY0LDExLjE2NCwwLDAsMCw0LjcyNC0uOTk1QzE3LjExOCw4Ni42Niw3LjkxOCw5Ny4xLS4wMzksMTAxLjMyOWwxMy42NzUsMTEuMTg5QzI4LjgsMTAxLjU3OCwzOS4yNDYsODQuOTE5LDM5LjI0Niw2Ni4yNzFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjUyNSAtNDAuOTEpIi8+PC9zdmc+\"","\"use strict\";\n\nvar _interopRequireWildcard3 = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutPropertiesLoose\"));\n\nvar _interopRequireWildcard2 = _interopRequireDefault(require(\"@babel/runtime/helpers/interopRequireWildcard\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/inheritsLoose\"));\n\nvar _react = _interopRequireWildcard3(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _index = _interopRequireDefault(require(\"../index\"));\n\nvar ImageWithIEPolyfill = /*#__PURE__*/function (_Component) {\n  (0, _inheritsLoose2.default)(ImageWithIEPolyfill, _Component);\n\n  function ImageWithIEPolyfill() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _Component.call.apply(_Component, [this].concat(args)) || this;\n    _this.imageRef = _this.props.innerRef || /*#__PURE__*/(0, _react.createRef)();\n    _this.placeholderRef = /*#__PURE__*/(0, _react.createRef)();\n    return _this;\n  }\n\n  var _proto = ImageWithIEPolyfill.prototype;\n\n  // Load object-fit/position polyfill if required (e.g. in IE)\n  _proto.componentDidMount = function componentDidMount() {\n    var _this2 = this;\n\n    var testImg = document.createElement(\"img\");\n\n    if (typeof testImg.style.objectFit === \"undefined\" || typeof testImg.style.objectPosition === \"undefined\") {\n      Promise.resolve().then(function () {\n        return (0, _interopRequireWildcard2.default)(require(\"object-fit-images\"));\n      }).then(function (_ref) {\n        var ObjectFitImages = _ref.default;\n        ObjectFitImages(_this2.imageRef.current.imageRef.current);\n        ObjectFitImages(_this2.placeholderRef.current);\n      });\n    }\n  };\n\n  _proto.render = function render() {\n    var _this$props = this.props,\n        objectFit = _this$props.objectFit,\n        objectPosition = _this$props.objectPosition,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"objectFit\", \"objectPosition\"]);\n    var polyfillStyle = {\n      objectFit: objectFit,\n      objectPosition: objectPosition,\n      fontFamily: \"\\\"object-fit: \" + objectFit + \"; object-position: \" + objectPosition + \"\\\"\"\n    };\n    return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({\n      ref: this.imageRef,\n      placeholderRef: this.placeholderRef\n    }, props, {\n      imgStyle: (0, _extends2.default)({}, props.imgStyle, polyfillStyle),\n      placeholderStyle: (0, _extends2.default)({}, props.placeholderStyle, polyfillStyle)\n    }));\n  };\n\n  return ImageWithIEPolyfill;\n}(_react.Component); // If you modify these propTypes, please don't forget to update following files as well:\n// https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-image/withIEPolyfill/index.d.ts\n// https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-image/README.md#gatsby-image-props\n// https://github.com/gatsbyjs/gatsby/blob/master/docs/docs/gatsby-image.md#gatsby-image-props\n\n\nImageWithIEPolyfill.propTypes = {\n  objectFit: _propTypes.default.string,\n  objectPosition: _propTypes.default.string\n};\nImageWithIEPolyfill.defaultProps = {\n  objectFit: \"cover\",\n  objectPosition: \"50% 50%\"\n};\n\nvar _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {\n  return /*#__PURE__*/_react.default.createElement(ImageWithIEPolyfill, (0, _extends2.default)({}, props, {\n    innerRef: ref\n  }));\n});\n\nexports.default = _default;","import styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\nimport { StyledLink } from 'components/ui/link';\nimport purpleBgc from 'img/usability-testing/background/purple.svg';\nimport yellowBgc from 'img/user-experience/background/yellow.svg';\nimport blueBgc from 'img/heatmaps/background/blue.svg';\nimport quote from 'img/ui/quote.svg';\n\nconst renderClusterStyles = (cluster) => {\n  switch (cluster) {\n    case 'user-experience':\n      return [yellowBgc, '#000', 'rgb(250,229,136)'];\n    case 'usability-testing':\n      return [purpleBgc, '#fff', '#8765f9'];\n    case 'heatmaps':\n      return [blueBgc, '#000', '#7dffef'];\n    default:\n      return [yellowBgc, '#000', 'rgb(250,229,136)'];\n  }\n};\n\nexport const TimeToRead = styled.em`\n  font-style: normal;\n  margin-left: 16px;\n  position: relative;\n  &::before {\n    content: '';\n    width: 4px;\n    height: 4px;\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translate(-10px, -25%);\n    border-radius: 50%;\n    background-color: #000;\n    opacity: 0.75;\n  }\n`;\n\nexport const Header = styled.div`\n  padding: 56px 0;\n  align-items: center;\n  position: relative;\n  ${media.desktopWide} {\n    background-color: ${(props) => renderClusterStyles(props.cluster)[2]};\n    padding: 56px 64px;\n  }\n  ${media.desktop} {\n    padding: 56px 48px;\n  }\n  ${media.mobile} {\n    width: 100vw;\n    transform: translateX(-15px);\n    padding: 24px 16px;\n    font-size: 36px;\n    line-height: 45px;\n  }\n  & h1 {\n    color: ${(props) => renderClusterStyles(props.cluster)[1]};\n  }\n  &::before {\n    content: '';\n    top: 0;\n    left: 0;\n    width: 1290px;\n    background-image: ${(props) => `url(${renderClusterStyles(props.cluster)[0]})`};\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n    height: 100%;\n    position: absolute;\n    transform: translateX(-445px);\n    z-index: -1;\n    ${media.desktopWide} {\n      display: none;\n    }\n  }\n`;\n\nexport const Breadcrumbs = styled.div`\n  grid-area: breadcrumbs;\n  display: flex;\n  align-items: center;\n  margin-top: 144px;\n  ${media.desktop} {\n    display: none;\n  }\n  & img {\n    margin: 0 16px;\n    ${media.mobile} {\n      max-width: 8px;\n    }\n  }\n  & p {\n    margin: 0;\n    color: #000;\n    font-size: 14px;\n    line-height: 24px;\n    ${media.mobile} {\n      line-height: normal;\n      font-size: 12px;\n      line-height: 24px;\n    }\n    & a {\n      color: #000;\n      font-size: 14px;\n      line-height: 24px;\n      &:hover {\n        color: #000;\n      }\n      ${media.mobile} {\n        font-size: 12px;\n        line-height: 24px;\n      }\n    }\n  }\n`;\n\nexport const MainContent = styled.section`\n  margin: 54px 0 0;\n  display: grid;\n  grid-template-columns: 312px 770px;\n  grid-column-gap: 72px;\n  padding: 0 0 56px;\n  ${media.desktopWide} {\n    display: block;\n  }\n  ${media.desktop} {\n    margin: 110px 0 0;\n  }\n  & .action-btn {\n    margin-top: 40px;\n  }\n  & .head-content {\n    margin-top: 72px;\n    ${media.mobile} {\n      margin-top: 40px;\n    }\n    ${StyledLink} {\n      font-weight: 700;\n      ${media.mobile} {\n        font-size: 18px;\n        line-height: 30px;\n      }\n    }\n    & p {\n      font-size: 20px;\n      line-height: 36px;\n      font-weight: 700;\n      ${media.mobile} {\n        font-size: 18px;\n        line-height: 30px;\n      }\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n    & h2 {\n      font-weight: 800;\n      font-size: 32px;\n      line-height: 40px;\n      margin: 0 0 24px;\n      ${media.mobile} {\n        font-size: 26px;\n        line-height: 33px;\n      }\n    }\n  }\n`;\n\nexport const Article = styled.div`\n  grid-area: 1 / 2 / 2 / 3;\n  & article {\n    margin-top: 88px;\n  }\n  ${StyledLink} {\n    font-weight: 700;\n    display: inline;\n    ${media.mobile} {\n      font-size: 18px;\n      line-height: 30px;\n    }\n  }\n  & p {\n    font-size: 20px;\n    line-height: 36px;\n    margin-bottom: 32px;\n    ${media.mobile} {\n      font-size: 18px;\n      line-height: 30px;\n    }\n  }\n  & h2 {\n    font-weight: 800;\n    font-size: 32px;\n    line-height: 40px;\n    margin: 56px 0 24px;\n    ${media.mobile} {\n      font-size: 26px;\n      line-height: 33px;\n      margin: 48px 0 21px;\n    }\n  }\n  & h3 {\n    font-weight: 800;\n    font-size: 24px;\n    line-height: 30px;\n    margin: 56px 0 32px;\n  }\n  & h4 {\n    font-weight: 800;\n    font-size: 20px;\n    line-height: 28px;\n    margin: 56px 0 32px;\n  }\n  ol,\n  ul {\n    margin-bottom: 30px;\n    padding-left: 30px;\n    & li {\n      font-size: 20px;\n      line-height: 36px;\n      ${media.mobile} {\n        font-size: 18px;\n        line-height: 30px;\n      }\n      &:not(:last-child) {\n        margin-bottom: 24px;\n      }\n    }\n  }\n  & img,\n  .gatsby-image-wrapper {\n    margin-bottom: 56px;\n    display: block;\n    max-width: 100%;\n  }\n  & .next-chapter {\n    background-color: #0446ca;\n    border-radius: 4px;\n    width: fit-content;\n    max-width: 60%;\n    margin-top: 72px;\n    ${media.tablet} {\n      max-width: 70%;\n    }\n    ${media.mobile} {\n      max-width: 100%;\n    }\n    & a {\n      color: #fff;\n      padding: 16px 24px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      & img {\n        transition: transform 0.2s ease;\n        margin: 0;\n      }\n      &:hover {\n        text-decoration: none;\n        & p:last-child {\n          text-decoration: underline;\n        }\n        & img {\n          transform: translateX(8px);\n        }\n      }\n      & div {\n        margin-right: 40px;\n        & p:first-child {\n          margin-bottom: 8px;\n          font-size: 18px;\n          text-transform: uppercase;\n          line-height: normal;\n        }\n        & p:last-child {\n          margin-bottom: 0;\n          font-weight: 800;\n          font-size: 20px;\n          line-height: 30px;\n        }\n      }\n    }\n  }\n  blockquote {\n    margin: 3.5rem 0 2rem;\n    position: relative;\n    background-color: #f1f5f9;\n    padding: 48px;\n    p:last-child {\n      margin-bottom: 0;\n    }\n    ${media.mobile} {\n      padding: 36px;\n    }\n    &::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      transform: translate(-30%, -50%);\n      background-image: url(${quote});\n      background-size: contain;\n      background-position: center;\n      background-repeat: no-repeat;\n      width: 82px;\n      height: 61px;\n      ${media.mobile} {\n        width: 74px;\n        height: 74px;\n        transform: translate(0, -50%);\n      }\n    }\n  }\n  .action-banner {\n    background-color: #7cffef;\n    padding: 16px 24px;\n    font-size: 18px;\n    text-decoration: underline;\n    color: #000;\n    width: 100%;\n    display: block;\n    margin: 1.5rem 0;\n    font-weight: 700;\n    border-radius: 4px;\n  }\n`;\n\nexport const SideBarBox = styled.div`\n  height: 100%;\n  ${media.desktopWide} {\n    display: none;\n  }\n`;\n\nexport const Author = styled.div`\n  display: flex;\n  align-items: flex-start;\n  margin-top: 56px;\n  ${media.mobile} {\n    margin-top: 24px;\n  }\n  & .avatar {\n    margin: 0px 1rem 0px 0px;\n  }\n  & div {\n    flex: 1 1;\n    color: #fff;\n    & span:first-child {\n      margin-bottom: 0;\n      font-weight: 700;\n      display: block;\n      color: ${(props) => renderClusterStyles(props.cluster)[1]};\n    }\n    & span:last-child {\n      opacity: 0.75;\n      font-size: 0.78rem;\n      display: block;\n      color: ${(props) => renderClusterStyles(props.cluster)[1]};\n      ${media.mobile} {\n        line-height: normal;\n        margin-top: 3px;\n      }\n    }\n  }\n`;\n\nexport const ExtendTimeToRead = styled(TimeToRead)`\n  &::before {\n    background-color: #fff;\n  }\n`;\n\nexport const Divider = styled.div`\n  border-top: 1px solid #e4e5e8;\n  width: 100%;\n`;\n\nexport const Content = styled.div`\n  display: grid;\n  grid-template-columns: 1fr 770px 1fr;\n  justify-content: center;\n  ${media.desktopWide} {\n    display: block;\n  }\n`;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDojMDAwMDAwO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODUgLTg1KSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODUgODUpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTg1LDkxLjc1aDkuMTEybC00LjIsNC4yTDkxLDk3bDYtNi02LTYtMS4wNSwxLjA1LDQuMTYyLDQuMkg4NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NSAtODUpIi8+PC9nPjwvZz48L3N2Zz4=\"","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useSourceParams } from 'hooks/useSourceParams';\nimport { navigate } from 'gatsby';\nimport * as Styled from './styled';\n\nconst StartUsingLS = ({ deleteMarginTop, setMarginTop }) => {\n  const { link } = useSourceParams('start-using');\n  const [email, setEmail] = useState('');\n\n  const handleSubmit = (e) => {\n    e.preventDefault();\n    navigate(`${link}&email=${email}`);\n  };\n  return (\n    <Styled.StartUsing\n      className=\"container\"\n      deleteMarginTop={deleteMarginTop}\n      style={{ setMarginTop }}\n    >\n      <h2>\n        Start using LiveSession for free <span>now.</span>\n      </h2>\n      <div className=\"start\">\n        <Styled.ExtendSignUpForm onSubmit={handleSubmit}>\n          <label htmlFor=\"email-form-start-using\" className=\"sign-up-free\">\n            <input\n              id=\"email-form-start-using\"\n              type=\"email\"\n              name=\"email\"\n              placeholder=\"Your business email\"\n              required\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n              className=\"input-email\"\n            />\n          </label>\n          <Styled.CustomButton as=\"button\" type=\"submit\" secondary>\n            Sign up free\n          </Styled.CustomButton>\n        </Styled.ExtendSignUpForm>\n        <div className=\"checkmarks\">\n          <p>Free 14-day trial</p>\n          <p>\n            No credit card <span>required</span>\n          </p>\n          <p>Easy setup</p>\n        </div>\n      </div>\n    </Styled.StartUsing>\n  );\n};\n\nexport default StartUsingLS;\n\nStartUsingLS.propTypes = {\n  deleteMarginTop: PropTypes.bool,\n  // eslint-disable-next-line react/forbid-prop-types\n  setMarginTop: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),\n};\n\nStartUsingLS.defaultProps = {\n  deleteMarginTop: false,\n  setMarginTop: false,\n};\n","import styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\n\nexport const Box = styled.div`\n  padding: ${(props) => (props.lastSection ? '0 40px 40px' : '40px')};\n  flex-basis: 50%;\n  border: ${(props) => (props.lastSection ? 'none' : '1px solid #e4e5e8}')};\n  border-radius: 4px;\n  max-width: ${(props) => (props.lastSection ? '800px' : null)};\n  margin: ${(props) => (props.lastSection ? '0 auto' : null)};\n  height: min-content;\n  ${media.tablet} {\n    padding: ${(props) => (props.lastSection ? '20px' : '30px')};\n  }\n  h2 {\n    font-weight: 800;\n    margin-bottom: ${(props) => (props.lastSection ? '40px' : '18px')};\n    font-size: ${(props) => (props.lastSection ? '40px' : '32px')};\n    line-height: 50px;\n    ${media.tablet} {\n      font-size: 22px;\n    }\n  }\n  p {\n    margin-bottom: ${(props) => (props.lastSection ? '24px' : '30px')};\n    font-size: ${(props) => (props.lastSection ? '18px' : '16px')};\n    line-height: ${(props) => (props.lastSection ? '30px' : '26px')};\n  }\n  ul {\n    list-style: none;\n    padding-left: 20px;\n    margin-bottom: 0;\n    li {\n      display: flex;\n      p {\n        margin-bottom: ${(props) => (props.lastSection ? '24px' : '20px')};\n      }\n      &::before {\n        content: '• ';\n        color: #0a4ed6;\n        font-weight: 900;\n        display: inline-block;\n        width: 1em;\n        margin-left: -20px;\n        margin-right: 20px;\n        ${media.tablet} {\n          margin-right: 10px;\n        }\n      }\n      &:last-child p {\n        margin-bottom: 0;\n      }\n    }\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as Styled from './styled';\n\nconst FinalOutcome = ({ children, lastSection }) => {\n  return <Styled.Box lastSection={lastSection}>{children}</Styled.Box>;\n};\n\nexport default FinalOutcome;\n\nFinalOutcome.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.node]).isRequired,\n  lastSection: PropTypes.bool,\n};\n\nFinalOutcome.defaultProps = {\n  lastSection: false,\n};\n","import styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\n\nexport const Header = styled.header`\n  padding: 5rem 0 5rem;\n  width: 90%;\n  margin: 0 auto;\n  ${media.desktop} {\n    padding: 12rem 0 2rem;\n  }\n  ${media.tablet} {\n    padding: 7rem 0 2rem;\n  }\n`;\n\nexport const Title = styled.h1`\n  text-align: center;\n  margin: auto;\n  max-width: 960px;\n\n  ${media.tablet} {\n    font-size: 28px;\n    line-height: 38px;\n  }\n  &.line {\n    span {\n      &::after {\n        /* background-color: #ffe478; */\n      }\n      ${media.tablet} {\n        display: inline-block;\n      }\n    }\n  }\n`;\n\nexport const Description = styled.p`\n  text-align: center;\n  font-size: 20px;\n  line-height: 30px;\n  font-weight: 400;\n  margin-top: 24px;\n  ${media.tablet} {\n    font-size: 18px;\n    line-height: 23px;\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as Styled from './styled';\n\nconst Header = ({ title, description, titleStyle }) => {\n  return (\n    <Styled.Header>\n      <Styled.Title className=\"line\" style={titleStyle}>\n        {title}\n      </Styled.Title>\n      <Styled.Description>{description}</Styled.Description>\n    </Styled.Header>\n  );\n};\n\nexport default Header;\n\nHeader.propTypes = {\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.node]).isRequired,\n  titleStyle: PropTypes.oneOfType([PropTypes.object]),\n  description: PropTypes.string.isRequired,\n};\n\nHeader.defaultProps = {\n  titleStyle: undefined,\n};\n","module.exports = __webpack_public_path__ + \"static/blue-719cc0d2976181af83e8a3e47fafdc85.svg\";"],"sourceRoot":""}