{"version":3,"sources":["webpack:///./src/components/ui/contactwithus.js","webpack:///./src/img/help/helppage/developericon.svg","webpack:///./src/img/help/helppage/getstartedicon.svg","webpack:///./src/img/help/helppage/privacyicon.svg","webpack:///./src/img/help/helppage/producticon.svg","webpack:///./src/img/help/helppage/integrationsicon.svg","webpack:///./src/components/help/categoryCard/styled.js","webpack:///./src/components/help/categoryCard/index.js","webpack:///./src/pages/help.js"],"names":["Adnotations","styled","div","media","tablet","mobile","props","pricing","desktopWide","ChatWithUs","button","ContactWithUs","mail","href","as","Link","to","onClick","e","preventDefault","Intercom","openChat","defaultProps","module","exports","CardClick","a","StyledLink","Category","CategoryTitle","Card","CategoryCard","title","url","icon","description","className","src","alt","tag","withArrow","HeaderSection","section","ContentSection","HelpPage","articles","metaTitle","canonical","metaDescription","SearchBar","getstartedicon","producticon","developericon","privacyicon","integrationsicon","length","list","map","el","key","link","slice","renderArticles","all"],"mappings":"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","file":"component---src-pages-help-js-52c183b3275420522cee.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\nimport { Link } from 'gatsby';\n\nconst Adnotations = styled.div`\n  ${media.tablet} {\n    margin-top: 56px;\n  }\n  ${media.mobile} {\n    margin-top: 32px;\n  }\n  p {\n    color: ${(props) => (props.pricing ? '#fff' : '#000')};\n    font-size: 20px;\n    font-weight: 500;\n    ${media.tablet} {\n      margin-bottom: 24px;\n      font-size: 18px;\n      line-height: 32px;\n    }\n  }\n  a {\n    color: ${(props) => (props.pricing ? '#7DFFEF' : '#0a4ed6')};\n    text-decoration: none;\n    display: inline-block;\n    font-weight: 800;\n    margin-right: 58px;\n    font-size: 22px;\n    ${media.desktopWide} {\n      margin-right: 20px;\n    }\n    ${media.tablet} {\n      margin-right: 0;\n    }\n    &:hover {\n      color: ${(props) => (props.pricing ? '#7DFFEF' : '#0a4ed6')};\n      text-decoration: underline;\n    }\n  }\n`;\n\nexport const ChatWithUs = styled.button`\n  color: ${(props) => (props.pricing ? '#7DFFEF' : '#0a4ed6')};\n  border: none;\n  background-color: transparent;\n  padding: 0;\n  font-weight: 800;\n  font-size: 20px;\n  margin-top: 16px;\n  &:hover {\n    text-decoration: underline;\n  }\n  ${media.tablet} {\n    display: block;\n    margin: 24px auto 0;\n  }\n  ${media.mobile} {\n    margin: 24px 0 0;\n  }\n`;\n\nconst ContactWithUs = ({ mail, pricing }) => {\n  const openChat = (e) => {\n    e.preventDefault();\n    /*eslint-disable */\n    Intercom('show');\n    /* eslint-enable */\n  };\n  return (\n    <Adnotations pricing={pricing}>\n      <p>Contact us:</p>\n      <a href={`mailto:${mail || 'hello@livesession.io'}?subject=Question`}>\n        {mail || 'hello@livesession.io'}\n      </a>\n      {pricing ? (\n        <ChatWithUs as={Link} to=\"/demo/\" pricing={pricing}>\n          Get a demo\n        </ChatWithUs>\n      ) : (\n        <ChatWithUs pricing={pricing} onClick={(e) => openChat(e)}>\n          Chat with us\n        </ChatWithUs>\n      )}\n    </Adnotations>\n  );\n};\n\nexport default ContactWithUs;\n\nContactWithUs.propTypes = {\n  mail: PropTypes.string,\n  pricing: PropTypes.bool,\n};\n\nContactWithUs.defaultProps = {\n  mail: null,\n  pricing: false,\n};\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1Ni41NDciIGhlaWdodD0iNDkuMTY0IiB2aWV3Qm94PSIwIDAgNTYuNTQ3IDQ5LjE2NCI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2ZmZTQ3ODt9LmIsLmR7ZmlsbDpub25lO30uYiwuYywuZHtzdHJva2U6IzAwMDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MnB4O30uYiwuY3tzdHJva2UtbGluZWpvaW46cm91bmQ7fS5je2ZpbGw6IzdkZmZlZjt9PC9zdHlsZT48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0NjUuMDc2IC05NTguNjcyKSI+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xNDY5LjM3OSw5NjAuMDkzLDE0NjcsOTYzLjRsLS42NDcsNC4xNDFWOTczLjFoMzMuMTA2bDE3LjAzNy0uNzMsNC4xODctLjQyOFY5NjguNGwtLjgxLTUuMDA4LS42MjEtMi4yNDQtMi4xMTMtLjgxNy0xMi43MTEtLjY2NEgxNDg5LjEyWiIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkyNi4wMTQgLTIwOS41MzUpIj48cGF0aCBjbGFzcz0iYiIgZD0iTTU2OC4xNSwxMTY5LjIwN2wtMjIuNi4zOTJhNS44NzMsNS44NzMsMCwwLDAtMi4zNS4zNjRjLTEuNjcyLjc2Mi0yLjIzMSwyLjgyOC0yLjUsNC42NDYtMS4xMDUsNy4zODktLjY5NCwxNC45MTEtLjI4LDIyLjM3bC44MTksMTQuNzZjLjA3NiwxLjM3Ni4yMzEsMi45MTcsMS4yODksMy44YTUuMTA2LDUuMTA2LDAsMCwwLDMuMy43OTRjMTUuNzI3LjExNSwzMi4xLS4wNzYsNDcuODMyLjAzOC42Ni0yLjU1NywxLTkuNzI5LjkzNC0xNC44MjhsLS4xNzMtMTQuNDk0Yy0uMDUxLTQuMzI3LjQzNy0xMC4yNDktLjUzNS0xNC40NjVhMy4yMTEsMy4yMTEsMCwwLDAtMS4wNDctMiwzLjM2NSwzLjM2NSwwLDAsMC0xLjYxNS0uNDU2QzU4My42MTksMTE2OS4zMTIsNTY4LjE1LDExNjkuMjA3LDU2OC4xNSwxMTY5LjIwN1oiLz48cGF0aCBjbGFzcz0iYyIgZD0iTTU1MC44NTYsMTE4My4xNjJhMi4xMDUsMi4xMDUsMCwwLDEsMS4zNjItMi4wMzEsMS44NzEsMS44NzEsMCwwLDEsMi40MzIsMS42MzcsMi4wNDcsMi4wNDcsMCwwLDEtMS4xNDgsMS43ODksMi4xMjgsMi4xMjgsMCwwLDEtMi4zLS40MTJBMS40MzgsMS40MzgsMCwwLDEsNTUwLjg1NiwxMTgzLjE2MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02LjE4MSAtNi43MikiLz48cGF0aCBjbGFzcz0iYyIgZD0iTTU3MC4zLDExODMuOTQ1YTIuNiwyLjYsMCwwLDAsMy4yNzEsMS4wMjcsMS41NTUsMS41NTUsMCwwLDAsLjg1NS0xLjQ4OCwyLjA0OSwyLjA0OSwwLDAsMC0uOS0xLjUxOSwyLjQ2LDIuNDYsMCwwLDAtMi4yNS0uMjc3LDEuODE0LDEuODE0LDAsMCwwLS45ODEsMi4yNTZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcuMTg1IC03LjAwOSkiLz48cGF0aCBjbGFzcz0iYyIgZD0iTTU5MS4zODUsMTE4MC44M2EyLjU0MywyLjU0MywwLDAsMSwyLjgxLS4zNTksMi4wMTksMi4wMTksMCwwLDEsLjg0MiwyLjY1OCwyLjEzNSwyLjEzNSwwLDAsMS0yLjY3OC44OTFjLS43MTUtLjMyNC0xLjQ4Ni0xLjA0Ny0xLjQ2My0xLjczOEExLjk3NSwxLjk3NSwwLDAsMSw1OTEuMzg1LDExODAuODNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjguOTQ1IC02LjI1MSkiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTU0MS40NjIsMTE5OS4wNDJxMjYuNzA2LjY2OSw1My40MTQtLjYxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC44MzkgLTE2LjYxNikiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTYwMSwxMjE1LjQ0MWExNTcuNTQ0LDE1Ny41NDQsMCwwLDAtNC4xNTcsMTcuNDYzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzEuMzI5IC0yNS4yODcpIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik01ODEuMTY2LDEyMjIuOTc3YTU0LjI1MSw1NC4yNTEsMCwwLDEtNy4zMTQsNS4xMTYsMzkuMywzOS4zLDAsMCwxLDMuNjU3LDIuODEsMzkuMDE0LDM5LjAxNCwwLDAsMCwyLjk4NywyLjU1NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIwLjI1NiAtMjkuNTcyKSIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNNjE2LjU1MywxMjI0LjZxMi4xNjMsMS43Miw0LjQ4NSwzLjIyNGE2LjQ3MSw2LjQ3MSwwLDAsMSwxLjc3LDEuNDUxbC02LjQxNCw1Ljg2OWEuMzM2LjMzNiwwLDAsMCwuMTIxLS4zMTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00Mi40NDMgLTMwLjQ5MykiLz48L2c+PC9nPjwvc3ZnPg==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2Mi4wNTEiIGhlaWdodD0iNTguNzMxIiB2aWV3Qm94PSIwIDAgNjIuMDUxIDU4LjczMSI+PGRlZnM+PHN0eWxlPi5hLC5le2ZpbGw6I2ZmZTQ3ODt9LmIsLmN7ZmlsbDpub25lO30uYiwuYywuZCwuZXtzdHJva2U6IzAzMDEwNDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MnB4O30uYiwuZCwuZXtzdHJva2UtbGluZWpvaW46cm91bmQ7fS5ke2ZpbGw6IzdkZmZlZjt9PC9zdHlsZT48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ2NS40NzUgLTg0Ni41MzUpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTU0NC4zODUsODQ3LjMzNkEyOS44MTgsMjkuODE4LDAsMCwwLDU0MC43LDg1MS4zYTM3LjQzOCwzNy40MzgsMCwwLDAtMi4zODQsNC4xODhzNC40MywxLjY3OCw2LjIzLDEuNjRhNTEuMzM2LDUxLjMzNiwwLDAsMCw3LjA2My0xLjQ2cy0yLjY3My0zLjQ3Mi0zLjc3OC00Ljg0MUE0Mi45MDksNDIuOTA5LDAsMCwwLDU0NC4zODUsODQ3LjMzNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00OS4yMTcpIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik01NDEuMDY4LDg0OS4yNzhhMjUuMzI4LDI1LjMyOCwwLDAsMC04LjUsMjAsMzYuOCwzNi44LDAsMCwwLDEuNDksOC4xOCw2OS45NTIsNjkuOTUyLDAsMCwwLDMuMSw4LjcxOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ1LjI1NCAtMS4zMzIpIi8+PHBhdGggY2xhc3M9ImMiIGQ9Ik01NDYuNzMxLDk2NC40MjJhMTMuMywxMy4zLDAsMCwwLDguMjQ4LjQ1MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU0Ljk5MSAtODAuMzI5KSIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNNTU5Ljg2Niw4NDkuMjk0YzQuMyw0LjU5NSw4LjcsOS42LDkuODY5LDE1Ljc4LDEuMzUyLDcuMTgxLTEuOTM3LDE0LjMzNS01LjEzOCwyMC45IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjQuMDAzIC0xLjM0MykiLz48cGF0aCBjbGFzcz0iYyIgZD0iTTU0MS4yNTMsODczLjIyNGExNS44NDUsMTUuODQ1LDAsMCwwLDEyLjA1Ni0uMTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MS4yMzMgLTE3LjY4NikiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTU1MS4wNjEsODkzLjMwOGE0Ljk0NSw0Ljk0NSwwLDAsMSw0LjE1Nyw1LjUxYy0uMzM3LDIuNC0zLjQ5Myw0LjM0LTYuMTY4LDMuNTE0YTUuMSw1LjEsMCwwLDEtMS44MjEtMS4wMjMsNC43MTIsNC43MTIsMCwwLDEsLjM4OC03LjM2OUE2LjA1LDYuMDUsMCwwLDEsNTUxLjA2MSw4OTMuMzA4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU0LjI0IC0zMS41MTgpIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik01NDguMDM5LDkzN2EuNjU2LjY1NiwwLDAsMC0uOTcxLjE4OC42MjUuNjI1LDAsMCwwLC4zNzkuODU4LjU3NC41NzQsMCwwLDAsLjY3Ny0uNjExLjEzMi4xMzIsMCwwLDAtLjA1NC0uMWMtLjAzNS0uMDE5LS4wOS4wMDYtLjA4My4wNDUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NS4xODIgLTYxLjQxOCkiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTU1OS42NzMsOTM2Ljg1M2EuNzU3Ljc1NywwLDAsMC0xLjA5Mi4xLjQ3NC40NzQsMCwwLDAtLjEuMjkzLjQ0NC40NDQsMCwwLDAsLjI1NS4zNTYuODkyLjg5MiwwLDAsMCwuNDQ5LjA3My43LjcsMCwwLDAsLjQ0NC0uMTUyLjMxOC4zMTgsMCwwLDAsLjA0OS0uNDI4Yy0uMDIyLS4wMjUtLjA3LjAxOS0uMDQ2LjA0MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYzLjA1MiAtNjEuMjg2KSIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNNTcxLjgsOTM2LjU5M2EuODMuODMsMCwwLDAtMS4wMzMsMCwuNDIxLjQyMSwwLDAsMC0uMTc1LjM0OS40MDUuNDA1LDAsMCwwLC4xLjIxMy43NzMuNzczLDAsMCwwLDEuMTUzLS4wMy4zLjMsMCwwLDAsLjA2Ny0uMjk0Yy0uMDQzLS4xLS4yMDgtLjEyMy0uMjQ4LS4wMjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MS4zNTggLTYxLjExMikiLz48cGF0aCBjbGFzcz0iZSIgZD0iTTUyNC42MTIsOTM0LjFjLTIuMjYxLDEuMTktMy45MjIsMy45LTQuNjc3LDYuMzQtMS4zOTIsNC41LDIuNjMyLDEwLjczLDIuNjMyLDEwLjczYTE2LjczMiwxNi43MzIsMCwwLDEsMS42MzEtNS4yNjQsMy44MjMsMy44MjMsMCwwLDEsMy42LTIuMjg5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2LjQwNiAtNTkuNTMpIi8+PHBhdGggY2xhc3M9ImUiIGQ9Ik01NzYuMjk1LDk0NC4wMTFhMi44MTEsMi44MTEsMCwwLDEsMi44MTMsMS4yMDgsNy4xMjIsNy4xMjIsMCwwLDEsMS4wODYsMy4wMzEsMzQuMzQ2LDM0LjM0NiwwLDAsMSwuNDQ3LDMuNjM2YzEuODY1LTIuODMsMy40OC02LjAxOCwzLjQzNC05LjQwN2ExMC40NTQsMTAuNDU0LDAsMCwwLTMuNy03Ljc3MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03NS4yNzQgLTU5Ljk0MykiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTU0Ni44NjEsOTY3LjA0NGEyNi43NzYsMjYuNzc2LDAsMCwwLTEuMjg3LDQuMzYyYy0uMDQ4LjIzNy0uMDc2LjUyNy4xMTIuNjc4YS42NzcuNjc3LDAsMCwwLC40LjFxNC4xMDcuMTcsOC4yMi4wNDRhLjQwNi40MDYsMCwwLDAsLjI0Mi0uMDU5LjQuNCwwLDAsMCwuMTE4LS4yNDcsNy4zMTMsNy4zMTMsMCwwLDAtLjc4Ni01LjAwOC4xMy4xMywwLDAsMC0uMTQyLjE4NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU0LjE3MiAtODIuMDM4KSIvPjxwYXRoIGNsYXNzPSJjIiBkPSJNNTUxLjEzMSw5OTIuMnY2Ljk4MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU4LjAxIC05OS4zODgpIi8+PHBhdGggY2xhc3M9ImMiIGQ9Ik01NjkuODYyLDk5Mi4ydjYuODkxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzAuODYxIC05OS4zODgpIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik01NzAuNDE3LDEwMDMuNTgxYTEuOTQ1LDEuOTQ1LDAsMCwxLC45NDQtLjUsNS42NDgsNS42NDgsMCwwLDEsNC44NDEsMS4wMzEsNi44MzksNi44MzksMCwwLDEsMi40ODksNC4zNDUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MS4yNDEgLTEwNi43MzEpIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik02MDYuMjc1LDEwMDQuMTkyYTQuMzQxLDQuMzQxLDAsMCwwLTIuMzg1LTIuODE1LDguMDI2LDguMDI2LDAsMCwwLTMuNzE2LS42ODcsNy43LDcuNywwLDAsMC0xLjY5MS4yLDUuNCw1LjQsMCwwLDAtMy44MDcsMy42NTdjLS4wMjUuMDg1LS4wMzguMi4wMzYuMjQ0cy4xNTktLjExOS4wNy0uMTE2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODcuODcxIC0xMDUuMjA5KSIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNNjIwLjg2Nyw5ODYuNjM2YTEwLjA3LDEwLjA3LDAsMCwxLC44NTQtMi42MjksNy44LDcuOCwwLDAsMSw0LjUyNS0zLjcxMywxMC45NDgsMTAuOTQ4LDAsMCwxLDUuOTI4LS4xMjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDUuODU0IC05MC44OTQpIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik02MzQuMTc3LDEwMDUuMTExYTQuNzI4LDQuNzI4LDAsMCwwLTIuOTEzLDAsOS45OTMsOS45OTMsMCwwLDAtMi42MzgsMS4zMjIsOC42NzYsOC42NzYsMCwwLDAtMS4wOTQuODI5LDYuNzIyLDYuNzIyLDAsMCwwLTEuOTc3LDQuODljMCwuMDY4LjAxLjE1My4wNzQuMTc3cy4xMDgtLjExMS4wNC0uMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwOS4wNyAtMTA4LjA4NykiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTUyMy41MTYsMTAwNy41NzlhNi4wMTEsNi4wMTEsMCwwLDEsMS4yODYtMy4xMzcsNi4zNzYsNi4zNzYsMCwwLDEsMi4yMjktMi4yNzNjMS41LS43NiwzLjMtLjMyNCw0LjkyNi4xMjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zOS4wNjQgLTEwNS45NDIpIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik00ODguNTA3LDEwMDMuNjYyYTcuMzE1LDcuMzE1LDAsMCwxLDEyLjQ2MS0uODM5bC0uMzM2LS4yMTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNS4wNDUgLTEwNC41NTMpIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik00NjguMzE4LDEwMDUuMzZhNi41MjEsNi41MjEsMCwwLDEsNC40NzEsMS4xMywxMC43MzcsMTAuNzM3LDAsMCwxLDMuMTQ0LDMuNDY0LDUuNTQ5LDUuNTQ5LDAsMCwxLC44NjcsMi4yNDFsLS4yMTgtLjI1MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuMTk0IC0xMDguMzc5KSIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNNDc3LjEsOTgxLjg3OWE1LjIyLDUuMjIsMCwwLDAtLjgzMi0zLjU5NCw5LjY3OSw5LjY3OSwwLDAsMC05LjQ4OS00LjUwOWMtLjA4NC4wMTItLjE4Ni4wNDItLjIuMTI2cy4xNTcuMTEyLjEzNC4wMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtODYuNjg0KSIvPjwvZz48L3N2Zz4=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NS41MjIiIGhlaWdodD0iNTUuMTQiIHZpZXdCb3g9IjAgMCA0NS41MjIgNTUuMTQiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOiNmZmU0Nzg7fS5hLC5iLC5je3N0cm9rZTojMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MnB4O30uYntmaWxsOiNmZmY7fS5je2ZpbGw6IzdkZmZlZjt9PC9zdHlsZT48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQwNi43OSAtODgzLjg5MikiPjxwYXRoIGNsYXNzPSJhIiBkPSJNNDMwLjA0Miw4ODUuM2ExNS41MTUsMTUuNTE1LDAsMCwxLTYuMiw0LjMyMyw0Ny45Niw0Ny45NiwwLDAsMS0xNi4wNTUsNHYuMTY2YTE0OS4zMzIsMTQ5LjMzMiwwLDAsMCwuNzQ5LDE1LjE3NGMuODc4LDcuOTM3LDEuNTc4LDExLjA1Nyw0LjY0OCwxNS41ODZhNjMuNTczLDYzLjU3MywwLDAsMCw4LjAzMyw4LjksMjIuNjc2LDIyLjY3NiwwLDAsMCw4LjA0Miw0LjU4N2guNTc3YTIyLjY3OCwyMi42NzgsMCwwLDAsOC4wNDItNC41ODcsNjMuNTMxLDYzLjUzMSwwLDAsMCw4LjAzMi04LjljMy4wNzEtNC41MjksMy43NzEtNy42NDksNC42NDktMTUuNTg2YTE0NC44NzQsMTQ0Ljg3NCwwLDAsMCwuNzQ5LTE0Ljk0NWwtLjAwNi0uMWEzMC40MTEsMzAuNDExLDAsMCwxLTEyLjMtMi42MzYsNDIuMTA5LDQyLjEwOSwwLDAsMS02LjkwOC00LjEyOGMtLjcwOC0uNTE2LTEuMzMxLTEuMzU2LTIuMDYtMS44NDUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTQzNy4yMzgsOTAxLjQ3N2ExMS40MDcsMTEuNDA3LDAsMCwxLTQuNTU2LDMuMTc4LDM1LjI2OCwzNS4yNjgsMCwwLDEtMTEuOCwyLjkzOXYuMTIyYTEwOS44MzMsMTA5LjgzMywwLDAsMCwuNTUxLDExLjE1N2MuNjQ2LDUuODM2LDEuMTYsOC4xMywzLjQxOCwxMS40NmE0Ni43Myw0Ni43MywwLDAsMCw1LjkwNiw2LjU0NywxNi42NywxNi42NywwLDAsMCw1LjkxMywzLjM3M2guNDI0QTE2LjY2NywxNi42NjcsMCwwLDAsNDQzLDkzNi44OGE0Ni43MTYsNDYuNzE2LDAsMCwwLDUuOTA2LTYuNTQ3YzIuMjU4LTMuMzMsMi43NzItNS42MjQsMy40MTgtMTEuNDZhMTA2LjYzOCwxMDYuNjM4LDAsMCwwLC41NTEtMTAuOTg5bDAtLjA3N2EyMi4zNjQsMjIuMzY0LDAsMCwxLTkuMDQxLTEuOTM5LDMwLjk2MywzMC45NjMsMCwwLDEtNS4wNzktMy4wMzVjLS41MjEtLjM3OS0uOTc4LTEtMS41MTUtMS4zNTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03LjA4NyAtOC44OTcpIi8+PHBhdGggY2xhc3M9ImMiIGQ9Ik00NTEuMDg5LDk1MS40OTJsNi44NTItNy40MjZhNi4yOCw2LjI4LDAsMCwxLDEuNDE5LTEuMjU2LDIuMTIsMi4xMiwwLDAsMSwxLjgyNC0uMjE0LDEuOCwxLjgsMCwwLDEsMSwxLjk0NSwzLjY4OSwzLjY4OSwwLDAsMS0uODM0LDEuNTczYy0yLjQxNCwzLjA5LTQuNTUsNC43MTEtNy4xNjksNy43MzUtLjU3Ni42NjUtMS45MTUsMi40NTUtMi43OTQsMi40NjRhMS45MzMsMS45MzMsMCwwLDEtMS4zNTctLjY1OWMtLjM1OS0uMzczLTEuMS0xLjE5MS0xLjQ1NC0xLjU3LTEuNy0xLjgyOC0yLjYyNi0yLjg2Ni00LjA3NS00LjU4NWEyLjMzMiwyLjMzMiwwLDAsMS0uNjg4LTEuNDU4LDEuNDgyLDEuNDgyLDAsMCwxLC45MzItMS4yODcsMi4wNjQsMi4wNjQsMCwwLDEsMS42MzMuMDgyLDQuODUxLDQuODUxLDAsMCwxLDEuMjguOTc4LDQyLjA0OSw0Mi4wNDksMCwwLDEsMy4zNzMsMy42NTdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjIuNzU5IC0zNy4yMzcpIi8+PC9nPjwvc3ZnPg==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NC40MTciIGhlaWdodD0iNTYuNjQ2IiB2aWV3Qm94PSIwIDAgNTQuNDE3IDU2LjY0NiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2ZmZTQ3ODt9LmEsLmIsLmN7c3Ryb2tlOiMwMDA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweDt9LmEsLmJ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO30uYntmaWxsOiM3ZGZmZWY7fS5je2ZpbGw6bm9uZTt9PC9zdHlsZT48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMwMS44MSAtODUuNzg4KSI+PHBhdGggY2xhc3M9ImEiIGQ9Ik0zMDMuNywxNDQuOTFjLS4xMTctMTAuMTE4LS41NTgtMjAuMjM1LjAyNS0zMC40MjhsMjQuODUzLDEyLjI0MS0uMSw2LjkzNmMtLjExMSw3LjYxNi0uMjIxLDE1LjI0Ny40MiwyMi44MzcsMCwwLTguNzY5LTQuMS0xMy4wODYtNi4xNDRsLTMuNjUxLTEuNzMxYy0yLjgzNi0xLjM0NS01LjU1NC0yLjQzNy04LjQyOS0zLjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0xNS43MDEpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0zODcuMjIsMTE1LjQ2NGMuNDUxLDkuOTIzLjMzNCwyOS4zNjguMzM0LDI5LjM2OC02LjYzNiwzLjE3OC0xMiw2LjI1Ny0xOC4xNTUsOS4wODQtMi4xOTEsMS4wMDctNS45MTUsMi40OTQtNy4wOTEsMi44NjFsLS4yNi0yOS42MTEsMjUuMTcyLTEyLjI1NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMy4zMDEgLTE1Ljk0NSkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTMwNC4wNTksOTguODM3YTIwLjEwNiwyMC4xMDYsMCwwLDAsMi43NDYsMS41OTRjNS4xNDksMi40OTEsMTAuMzg5LDQuNzg4LDE1LjU4Myw3LjE4MiwyLjA4Ny45NjIsNi43NjksMy42MDksNi43NjksMy42MDlsMS41ODMtLjc4Ni4zODEtLjE4OXEuMzY1LS4xODEuNzMxLS4zNjFjMS4wODYtLjUzLDIxLjMwNy0xMC40ODcsMjIuNDIyLTEwLjk1MywwLDAtMTEuMTMzLTUuMjkzLTE2LjQ4Ny04LjEyM2E0MC4xNTgsNDAuMTU4LDAsMCwwLTguOTgxLTMuOTYzcy01LjA2LDIuNTE0LTcuMzU2LDMuNzJjLTEuNy44OTUtMTIuNTQ3LDUuOTI0LTEzLjM0NSw2LjI1MkMzMDYuNzIyLDk3LjM4NiwzMDQuMDU5LDk4LjgzNywzMDQuMDU5LDk4LjgzN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjM1NikiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTM1MS4wMTYsMTExLjg2NmE5Ni4wMjMsOTYuMDIzLDAsMCwwLTkuNTY0LTQuOTg0Yy0uNTI2LS4yMTktMy4wNjItMS41ODktMy42NTgtMS44OTUtLjk4Ny0uNTA3LTguNTgyLTQuMDA2LTExLjM0MS01LjIwNmw2Ljc2NC0zLjE3YzMuNTMzLDEuNDMyLDcuMiwzLjEyMywxMC41OTIsNC44NjMuNjM0LjMyNSwxLjI2NC42NTYsMS45Ljk4NmwzLjgzMiwyLjAwNmMyLjUsMS4zMDcsNS4yMzIsMi45NjYsNy42MjEsNC40NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMy4wNzkgLTUuNTQ4KSIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMzgzLjA3MywxMjguNTY5YTEwMC40MSwxMDAuNDEsMCwwLDEsLjMxNiwxMC4yNDZzMCwuMzIzLjAzLjMxMmExMi4wMzksMTIuMDM5LDAsMCwwLDIuMzQ5LTEuMTUzYzEuMDE2LS42LDMuMzY3LTEuOSwzLjc2LTIuMDY5bC4wNzgtLjA1OGMuMDIzLTMuNDE5LS4wNjktNi45NzktLjI2OS0xMC4zOTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDUuMjQ2IC0yMS45MzUpIi8+PHBhdGggY2xhc3M9ImMiIGQ9Ik0zMTEuNzEsMTY0LjI2NGMyLjIsMS4wNzMsNC40OTIsMS45NjEsNi43NzgsMi44NDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjcwMyAtNDMuOTg0KSIvPjxwYXRoIGNsYXNzPSJjIiBkPSJNMzExLjYsMTcyLjgyYTE4LjQwNiwxOC40MDYsMCwwLDEsMy44LDEuNTU5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNC42MzggLTQ4Ljg0NSkiLz48L2c+PC9zdmc+\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1OC43NTEiIGhlaWdodD0iNTguOTAzIiB2aWV3Qm94PSIwIDAgNTguNzUxIDU4LjkwMyI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzdkZmZlZjt9LmEsLmIsLmN7c3Ryb2tlOiMwMDA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoycHg7fS5ie2ZpbGw6I2ZmZTQ3ODt9LmN7ZmlsbDpub25lO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIyLjAzIC04NTAuMzIpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTE0Mi42MTYsOTAyLjZjLTIuMDc4LDIuNDkyLTUuMDM5LDUuMjc3LTYuODkzLDhsLS41NjYuOTY3YTMuNTQ1LDMuNTQ1LDAsMCwwLS41LTIuODcyLDUuMTc5LDUuMTc5LDAsMCwwLTIuMzE1LTEuODUzLDYuMDE2LDYuMDE2LDAsMCwwLTMuMDg4LS40ODcsNS43MjMsNS43MjMsMCwwLDAtMy4xOTEsMS43MjYsNS4xNTksNS4xNTksMCwwLDAtLjk3MywxLjk5LDMuMjIyLDMuMjIyLDAsMCwwLC4xNDMsMS45ODUsNS45MjcsNS45MjcsMCwwLDAsNC44NjgsMy44MjZsLS4xNjYuMDkzYy0xLjg2MywyLjE3LTMuNzI2LDQuMjMzLTUuNTksNi40YTYuODQ0LDYuODQ0LDAsMCwwLTEuMTMyLDEuNjA5LDEuNTY0LDEuNTY0LDAsMCwwLS4xNTMuOTY4LDEuNDA2LDEuNDA2LDAsMCwwLC40LjcxNWMxLjk2NSwxLjgzMiwzLjk1OSwzLjgsNS41OTEsNS4yNTgsMCwwLC4zNjctMi44MywxLjMtMy42OGE1LjQ2Miw1LjQ2MiwwLDAsMSwzLjQ3OS0xLjUxMiw0LjUwNiw0LjUwNiwwLDAsMSwzLjgyNywyLjIyMSw1LjA1Niw1LjA1NiwwLDAsMSwuNzIzLDIuMzE1LDMuNjQ1LDMuNjQ1LDAsMCwxLTEuNDU5LDMuMjUxLDcuMDIyLDcuMDIyLDAsMCwxLTMuNTMyLDEuMzI1bC0uMTQyLjExMmMxLjU4NCwxLjY1MSw1LjkyMyw1Ljc2Myw2LjMyNCw1Ljc4OSwxLjI2OC4wODMsMi43NjctMS44ODYsMy42ODctMi43NjJhNjcuMTQ3LDY3LjE0NywwLDAsMCw1LjQxMi01LjUxcy4wNTIsMy4zNzgsMS4wODQsNC4yNjVhNC44NzYsNC44NzYsMCwwLDAsNC41MzYuOTgzYzEuMTMyLS4yNTMsMi40MjMtMS44NjcsMi43MjUtMi4zMThhNiw2LDAsMCwwLC41NzctMS40OTNjLjY0Mi0yLjQ1OC0xLjU4NS00LjkwOS0zLjk4NS01Ljc0MmwtLjQyNC0uMTQ4QTc3LjgwNiw3Ny44MDYsMCwwLDAsMTU5Ljk0OSw5MjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0zMi41MykiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTE4NC4zNzgsODYyLjE2NmMtLjEwNywxLjQyMS0uMTU5LDIuOTc3LjY4OCw0LjEyM2EzLjgzNSwzLjgzNSwwLDAsMCwxLjUxNiwxLjE3Miw1LjA3Myw1LjA3MywwLDEsMCwyLjQ2OS05LjY4MXMyLjk3LTIuNzY5LDUuMzU3LTUuNTM4Yy4yNzUtLjMxOS40ODUtLjczMS44ODItLjg3YTEuOCwxLjgsMCwwLDEsMS40NzcuMzcyLDQyLjkzNyw0Mi45MzcsMCwwLDEsNS45MjksNS4yNjcsMi4zMjksMi4zMjksMCwwLDEsLjM5NC0yLjA1MSw0LjkxOSw0LjkxOSwwLDAsMSw0LjctMi4xLDUuMTE3LDUuMTE3LDAsMCwxLDQsMy4yNzcsNC4zNTQsNC4zNTQsMCwwLDEtLjk0LDQuNTc0QTcuMTY3LDcuMTY3LDAsMCwxLDIwOC41LDg2MmEuOTY0Ljk2NCwwLDAsMS0uNjYxLjA5MSw0NC45LDQ0LjksMCwwLDEsNC44MzcsNC43MjgsMy4zMiwzLjMyLDAsMCwxLC45MzEsMi4zNTMsMy42MDUsMy42MDUsMCwwLDEtMS4yNTksMS45NGwtMi44MjgsMi43NzJjLS42MjEuNjA4LTEuMjQzLDEuMjE4LTEuOTE2LDEuNzY4YTQuMjcxLDQuMjcxLDAsMCwxLS44NDguNjRjLS4wMzUuMDE2LjIzNCwwLC4yMzQsMGE0LjA3OSw0LjA3OSwwLDAsMSwyLjg4MiwxLjE4Miw0LjQ1LDQuNDUsMCwwLDEsMS4wNiwxLjc1Miw0LjkzMyw0LjkzMywwLDAsMS03LjU4Nyw1LjUzNWMtMS4yNzMtLjkyNi0yLjAzMy0yLjgxOC0xLjEyOC00LjEwNWwtLjM4Mi0uMnEtNC4wMzEsMy44MzYtNy45MjcsNy44MTFsLS40NTYtLjAyNGMtMi41LTEuODk0LTUuMDgxLTMuODg5LTYuNDgzLTYuNjkzYTYuMzM2LDYuMzM2LDAsMCwwLS4xMTIsMS4wNiwzLjg1NiwzLjg1NiwwLDAsMS0yLjEzNiwzLjQ1NCw0LjUsNC41LDAsMCwxLTUuMy0uNjU1LDMuMjMyLDMuMjMyLDAsMCwxLS44MjctMS4wNDUsNC41ODMsNC41ODMsMCwwLDEsNC42LTYuNDg1LDM0LjEsMzQuMSwwLDAsMS0zLjg3Ny0zLjM1OWwtMi4xMjItMi40NTljLS40ODYtLjU2NC0xLjAwNi0xLjI5LS43NDUtMS45ODdhMi4xLDIuMSwwLDAsMSwuNTQ5LS43MjJsNy4zODYtNy4yMi0uMDU3LjM1MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMzLjg0NSkiLz48cGF0aCBjbGFzcz0iYyIgZD0iTTI1MS42NjEsODg4Ljk0bDMuMTczLDIuNzU1Yy4yODYuMjQ5LjYuNi40NzEuOTU2YS45NDcuOTQ3LDAsMCwxLS4zMzQuMzgxLDEwLjQ1MiwxMC40NTIsMCwwLDAtMy4xMzEsMy4yNzYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MS41ODYgLTIzLjg2NCkiLz48cGF0aCBjbGFzcz0iYyIgZD0iTTI0MS45MjEsOTE2LjVhLjQxLjQxLDAsMCwxLC40NjktLjI4My41NTQuNTU0LDAsMCwxLC40MDguNC4zODUuMzg1LDAsMCwxLS4wNDEuMzM0LjQ4MS40ODEsMCwwLDEtLjI2LjE0OC41NTIuNTUyLDAsMCwxLS4zNDkuMDEzLjIyNC4yMjQsMCwwLDEtLjEzOS0uMjgzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzUuNDA4IC00MS4xNTkpIi8+PC9nPjwvc3ZnPg==\"","import styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\nimport 'css/entypo.css';\nimport { StyledLink } from 'components/ui/link';\n\nexport const CardClick = styled.a`\n  display: block;\n  &:hover {\n    text-decoration: none;\n    ${StyledLink} {\n      &::after {\n        transform: translateX(8px);\n      }\n    }\n  }\n`;\n\nexport const Category = styled.div`\n  &:hover {\n    text-decoration: none;\n  }\n  margin: 0 auto;\n  ${media.desktopWide} {\n    min-width: 290px;\n  }\n  ${media.tablet} {\n    min-width: 100%;\n    min-height: auto;\n  }\n`;\n\nexport const CategoryTitle = styled.div`\n  color: #000;\n  margin-top: 26px;\n  h2 {\n    font-size: 20px;\n    margin-bottom: 1rem;\n    font-weight: 900;\n    line-height: normal;\n    ${media.tablet} {\n      font-size: 18px;\n    }\n  }\n  .description {\n    font-size: 16px;\n    line-height: 26px;\n    font-weight: 500;\n    margin-bottom: 0;\n    ${media.tablet} {\n      font-size: 14px;\n      line-height: 24px;\n    }\n  }\n`;\n\nexport const Card = styled.div`\n  width: 100%;\n  border: 1px solid #e4e5e8;\n  border-radius: 4px;\n  transition: 0.15s;\n  margin-bottom: 30px;\n  @media (max-width: 767px) {\n    width: 100%;\n  }\n  &:hover {\n    background-color: #ffe478;\n    box-shadow: 0px 0px 8px #00000029;\n  }\n\n  & i,\n  i:hover {\n    color: rgb(0, 105, 217);\n  }\n  .card-body {\n    display: flex;\n    flex-direction: column;\n    margin: 5px 42px;\n    height: 307px;\n    justify-content: space-evenly;\n    padding: 0;\n    ${media.tablet} {\n      padding: 30px 0;\n      height: 250px;\n    }\n    ${media.mobile} {\n      height: auto;\n    }\n    .items {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      & img {\n        max-width: min-content;\n        margin: 0 auto;\n      }\n    }\n    ${StyledLink} {\n      font-size: 14px;\n      text-align: center;\n      margin-bottom: 0;\n      ${media.tablet} {\n        display: none;\n      }\n    }\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport CustomLink from 'components/ui/link';\nimport * as Styled from './styled';\n\nconst CategoryCard = ({ title, url, icon, description }) => (\n  <div className=\"col-lg-4 col-md-6 col-sm-6 col-xs-12\">\n    <Styled.CardClick href={url}>\n      <Styled.Category>\n        <Styled.Card className=\"card\">\n          <div className=\"card-body\">\n            <div className=\"items\">\n              <img src={icon} alt=\"icon\" className=\"img-fluid d-block\" title={title} />\n              <Styled.CategoryTitle className=\"text-center\">\n                <h2>{title}</h2>\n                <p className=\"description text-center\">{description}</p>\n              </Styled.CategoryTitle>\n            </div>\n            <CustomLink tag=\"p\" withArrow>\n              Learn more\n            </CustomLink>\n          </div>\n        </Styled.Card>\n      </Styled.Category>\n    </Styled.CardClick>\n  </div>\n);\n\nexport default CategoryCard;\n\nCategoryCard.propTypes = {\n  title: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  icon: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport map from 'lodash/map';\nimport Layout from 'layout';\nimport { media } from 'theme/breakpoints';\nimport ArticlePreview from 'components/help/helpArticlePreview';\nimport CategoryCard from 'components/help/categoryCard';\nimport { all } from 'data/helpArticles';\nimport getstartedicon from 'img/help/helppage/getstartedicon.svg';\nimport integrationsicon from 'img/help/helppage/integrationsicon.svg';\nimport developericon from 'img/help/helppage/developericon.svg';\nimport privacyicon from 'img/help/helppage/privacyicon.svg';\nimport producticon from 'img/help/helppage/producticon.svg';\nimport StartUsing from 'components/ui/startUsing';\nimport SearchBar from 'components/help/searchbar/SearchBar';\nimport ContactWithUs from 'components/ui/contactwithus';\n\nconst HeaderSection = styled.section`\n  background-color: #fff;\n  color: #000;\n  padding: 180px 0 1.5rem 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  h1 {\n    margin-bottom: 32px;\n    text-align: center;\n  }\n  p {\n    margin-top: 0;\n    margin-bottom: 48px;\n    font-size: 20px;\n    width: 100%;\n    text-align: center;\n    font-weight: 500;\n    ${media.tablet} {\n      font-size: 18px;\n      line-height: 23px;\n      width: 85%;\n      margin: 0 auto 36px;\n    }\n  }\n  ${media.desktopWide} {\n    padding: 270px 0 4rem 0;\n  }\n\n  ${media.tablet} {\n    padding: 7rem 0 1.5rem 0;\n    h1 {\n      font-size: 28px;\n      margin-bottom: 24px;\n    }\n  }\n  .react-autosuggest__suggestions-container--open {\n    max-height: 363px;\n    overflow-y: auto;\n    width: 488px;\n    box-shadow: 0px 0px 20px #00000029;\n    border-radius: 4px;\n    position: absolute;\n    top: 0;\n    right: 50%;\n    transform: translate(50%, 52px);\n    z-index: 15;\n  }\n  ${media.tablet} {\n    .react-autosuggest__suggestions-container--open {\n      width: 100%;\n    }\n  }\n  .react-autosuggest__suggestion {\n    list-style: none;\n    display: list-item;\n  }\n  .react-autosuggest__suggestions-list {\n    padding: 0;\n    margin: 0;\n  }\n\n  .react-autosuggest__suggestion--highlighted .styledbox {\n    background-color: #f6f8f9;\n  }\n`;\nconst ContentSection = styled.section`\n  background-color: #fff;\n  padding-top: 5rem;\n  padding-bottom: 0;\n  ${media.tablet} {\n    padding-top: 3rem;\n  }\n  .subtitle {\n    font-weight: 900;\n    margin-bottom: 1rem;\n    ${media.tablet} {\n      font-size: 24px;\n      margin-bottom: 0;\n      line-height: normal;\n    }\n  }\n  .articlesContainer {\n    display: flex;\n    ${media.tablet} {\n      flex-direction: column;\n    }\n    .listArticles {\n      width: 50%;\n      margin-right: 64px;\n      list-style: none;\n      padding: 0;\n      ${media.tablet} {\n        width: 100%;\n        margin-right: 0;\n      }\n      li {\n        &:nth-child(3) div {\n          border-bottom: none;\n        }\n        div {\n          border: none;\n          padding: 32px 0;\n          border-bottom: 1px solid #e4e5e8;\n          border-radius: 0;\n          ${media.tablet} {\n            padding: 24px 0;\n          }\n          &:hover {\n            box-shadow: none;\n          }\n        }\n      }\n    }\n    .contactquestion {\n      background-color: #ffe478;\n      min-height: 449px;\n      padding: 73px 116px 73px 3rem;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      flex-basis: 50%;\n      ${media.desktopWide} {\n        padding: 73px 86px 73px 3rem;\n      }\n      ${media.tablet} {\n        width: 100%;\n        flex-basis: auto;\n        margin: 80px 0 0;\n        padding: 30px 24px;\n        justify-content: space-evenly;\n        min-height: auto;\n        text-align: center;\n      }\n      ${media.mobile} {\n        text-align: left;\n      }\n      h2 {\n        font-size: 32px;\n        line-height: 42px;\n        font-weight: 900;\n        ${media.tablet} {\n          font-size: 24px;\n          line-height: 34px;\n          padding: 0;\n        }\n      }\n    }\n  }\n`;\n\nconst HelpPage = ({ articles }) => {\n  const renderArticles = () => {\n    if (!articles || articles.length === 0) return false;\n\n    const list = map(articles, (el) => (\n      <li key={el.canonical}>\n        <ArticlePreview key={el.link} {...el} />\n      </li>\n    ));\n    return (\n      <div className=\"articlesContainer mb-3 feature-list feature-list-sm col-12\">\n        <ul className=\"listArticles\">{list.slice(0, 3)}</ul>\n        <div className=\"contactquestion\">\n          <h2>Didn’t you find the answer to your question?</h2>\n          <ContactWithUs />\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <Layout\n      metaTitle=\"Help Center | Learn More About Session Replays\"\n      canonical=\"/help/\"\n      metaDescription=\"Find answers to your questions about session replays. Learn how to get the most from LiveSession and integrate the tool with other apps.\"\n    >\n      <HeaderSection>\n        <div className=\"container\">\n          <div className=\"row justify-content-center\">\n            <div className=\"col-sm-10\">\n              <h1>How can we help?</h1>\n              <p>Learn how the product works and how to use it</p>\n              <SearchBar />\n            </div>\n          </div>\n        </div>\n      </HeaderSection>\n      <ContentSection>\n        <div className=\"container\">\n          <div className=\"row justify-content-center\">\n            <CategoryCard\n              title=\"Get started\"\n              url=\"/help/get-started/\"\n              icon={getstartedicon}\n              description=\"Learn how to install LiveSession and start using it.\"\n            />\n            <CategoryCard\n              title=\"Product\"\n              url=\"/help/product/\"\n              icon={producticon}\n              description=\"Learn how LiveSession works.\"\n            />\n            <CategoryCard\n              title=\"Developer\"\n              url=\"/help/developer/\"\n              icon={developericon}\n              description=\"Here you will find answers to your technical questions.\"\n            />\n            <CategoryCard\n              title=\"Privacy\"\n              url=\"/help/privacy/\"\n              icon={privacyicon}\n              description=\"Here you will find out how to keep your users privacy.\"\n            />\n            <CategoryCard\n              title=\"Integrations\"\n              url=\"/help/integrations/\"\n              icon={integrationsicon}\n              description=\"Find out which applications you can integrate with and how.\"\n            />\n          </div>\n          <section className=\"row justify-content-center\">\n            <div className=\"col-12 mb-3\">\n              <h2 className=\"subtitle\">Popular Articles</h2>\n            </div>\n            {renderArticles(3)}\n          </section>\n        </div>\n        <StartUsing />\n      </ContentSection>\n    </Layout>\n  );\n};\n\nexport default () => <HelpPage articles={all} />;\n\nHelpPage.propTypes = {\n  articles: PropTypes.arrayOf(\n    PropTypes.shape({\n      metaTitle: PropTypes.string.isRequired,\n      metaDescription: PropTypes.string.isRequired,\n      canonical: PropTypes.string.isRequired,\n    }),\n  ).isRequired,\n};\n"],"sourceRoot":""}