{"version":3,"sources":["webpack:///./src/images/9-cta-arrow-brand-color-1-shade.svg","webpack:///./src/images/9-cta-arrow-brand-color-1-tint.svg","webpack:///./src/components/snippets/DecorationLeftLarge.js","webpack:///./src/components/HeroDivideRight.js","webpack:///./src/images/9-cta-arrow-white.svg","webpack:///./src/components/MainHeroTitle.js","webpack:///./src/components/styles/OutlinedText.js","webpack:///./node_modules/react-intersection-observer/react-intersection-observer.m.js","webpack:///./src/components/ArrowButton.js","webpack:///./src/components/LinesFromRight.js","webpack:///./src/components/HeroOutlineTitle.js","webpack:///./src/components/styles/TextHighlight.js","webpack:///./src/components/HeroLandingText.js","webpack:///./src/components/publishers/SliderStackStudio.js","webpack:///./src/components/sections/PublishersContentStudioStatic.js","webpack:///./src/pages/publishers/content-studio.js"],"names":["module","exports","DecorationLeftLarge","width","height","viewBox","fill","d","stroke","className","Wrapper","styled","div","props","theme","background","white","mediaMedium","ContainerBox","Container","Box","Row","span","RowButton","Decoration","Title","Eyebrows16","AnimatedWrapper","HeroDivideRight","contentTag","links","title","children","staticLines","LinesFromRight","color","lines","brandColor2","AnimatedLineSvg","static","triggerOffset","svgWidth","as","map","link","key","label","ArrowButton","attrs","args","large","TitleWrapper","titleWidth","MainHeroTitle","cleanTitle","Headline80","Outline","textBlack1","size","OutlinedText","component","inline","Element","styles","display","style","_extends","Object","assign","target","i","arguments","length","source","prototype","hasOwnProperty","call","apply","this","ObserverMap","Map","RootIds","rootId","optionsToId","options","keys","sort","filter","undefined","root","has","set","toString","get","observe","element","callback","_createObserver","id","instance","thresholds","elements","observer","IntersectionObserver","entries","forEach","entry","_elements$get","inView","isIntersecting","some","threshold","intersectionRatio","trackVisibility","isVisible","Array","isArray","createObserver","callbacks","push","splice","indexOf","unobserve","disconnect","isPlainChildren","InView","_React$Component","subClass","superClass","_this","node","_unobserveCb","handleNode","triggerOnce","skip","setState","initialInView","observeNode","handleChange","onChange","state","create","constructor","__proto__","_proto","componentDidUpdate","prevProps","rootMargin","delay","componentWillUnmount","_this$props","render","_this$state","ref","_this$props2","tag","excluded","sourceKeys","_objectWithoutPropertiesLoose","useInView","_temp","_ref","_React$useState","setRef","current","result","displayName","defaultProps","VARIANTS","shade","brandColor1Shade","icon","iconArrowBrandColor1Shade","hoverColor","brandColor1","tint","brandColor1Tint","iconArrowBrandColor1Tint","iconArrowWhite","gray2","Arrow","Image","Animation","keyframes","Button","Link","variant","opts","omit","to","alt","src","Line1","skew","linesSkew","Line2","Line3","Background","padding","paddingTopMobile","marginTop","marginBottom","paddingBottom","paddingTop","TitleOutline","subtitle","Headline64","Text","strong","black1","brandColor3","TextHighlight","ContainerRelative","topPadding","bottomPadding","SubTitle","Eyebrows20","HomeLandingText","section","scrollLeftDesktop","scrollLeftMedia","Div","Grid","active","Item","SliderStackStudioSection","data","allFile","edges","item","uniqueId","draggable","childImageSharp","fluid","maxWidth","maxHeight","sizes","srcSet","SliderStackStudio","useStaticQuery","PublishersContentStudioStatic","from","AsyncSection","loadable","ContentStudio","description"],"mappings":"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","file":"component---src-pages-publishers-content-studio-js-075dc41c460c09f3ff02.js","sourcesContent":["module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMjIgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbiAvIEFycm93IFNtYWxsPC90aXRsZT4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ1RBLVNlY29uZGFyeS0vLTE4cHQtLy1EZWZhdWx0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQuMDAwMDAwLCAtOS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikljb24tLy1BcnJvdy1TbWFsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTQuMDAwMDAwLCAyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuNzI0MDI4OSw3IEwyMiwxMi4zMTAzNDQ4IEwxNi43MjQwMjg5LDE3LjYyMDY4OTcgTDE1LjY2ODgzNDcsMTYuNTU4NjIwNyBMMTkuMTk1LDEzLjAwNyBMMCwxMy4wMDc5NjkzIEwwLDExLjUwNTk3NyBMMTkuMDg5LDExLjUwNSBMMTUuNjY4ODM0Nyw4LjA2MjA2ODk3IEwxNi43MjQwMjg5LDcgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjYjIzNjFhIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==\"","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMjIgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbiAvIEFycm93IFNtYWxsPC90aXRsZT4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ1RBLVNlY29uZGFyeS0vLTE4cHQtLy1EZWZhdWx0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQuMDAwMDAwLCAtOS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikljb24tLy1BcnJvdy1TbWFsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTQuMDAwMDAwLCAyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuNzI0MDI4OSw3IEwyMiwxMi4zMTAzNDQ4IEwxNi43MjQwMjg5LDE3LjYyMDY4OTcgTDE1LjY2ODgzNDcsMTYuNTU4NjIwNyBMMTkuMTk1LDEzLjAwNyBMMCwxMy4wMDc5NjkzIEwwLDExLjUwNTk3NyBMMTkuMDg5LDExLjUwNSBMMTUuNjY4ODM0Nyw4LjA2MjA2ODk3IEwxNi43MjQwMjg5LDcgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjZmY3MDUyIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==\"","import React from \"react\";\n\nconst DecorationLeftLarge = () => {\n  return (\n    <svg width=\"2656\" height=\"1794\" viewBox=\"0 0 2656 1794\" fill=\"none\">\n      <path d=\"M2656 21H1116L28.5 1793\" stroke=\"#184179\" className=\"line\" />\n      <path d=\"M2656 39H1077.5L1 1793.5\" stroke=\"#184179\" className=\"line\" />\n      <path d=\"M2656 1H1156L54.5 1793.5\" stroke=\"#184179\" className=\"line\" />\n    </svg>\n  );\n};\n\nexport default DecorationLeftLarge;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Eyebrows16 } from \"./styles/Eyebrows\";\nimport { Body28 } from \"./styles/BodyTypes\";\nimport Container from \"./styles/Container\";\nimport { mediaMedium } from \"./styles/variables\";\nimport { brandColor2, white } from \"./styles/Colors\";\nimport ArrowButton from \"./ArrowButton\";\nimport LinesFromRight from \"./LinesFromRight\";\nimport AnimatedLineSvg from \"./AnimatedLineSvg\";\nimport DecorationLeftLarge from \"./snippets/DecorationLeftLarge\";\n\nconst Wrapper = styled.div`\n  padding: 24px 0 58px;\n  position: relative;\n  overflow: hidden;\n  background: ${(props) => props.theme.background ?? white};\n\n  @media (${mediaMedium}) {\n    padding: 120px 0 116px;\n  }\n`;\n\nconst ContainerBox = styled(Container)`\n  position: relative;\n\n  @media (${mediaMedium}) {\n    display: flex;\n    justify-content: flex-end;\n  }\n`;\n\nconst Box = styled.div`\n  max-width: ${(props) => props.width ?? \"528px\"};\n\n  > div {\n    p {\n      margin-bottom: 0;\n    }\n  }\n`;\n\nconst Row = styled.span`\n  display: block;\n  margin-top: 24px;\n\n  @media (${mediaMedium}) {\n    margin-top: 67px;\n  }\n`;\n\nconst RowButton = styled.span`\n  display: block;\n\n  &:not(:last-child) {\n    margin-bottom: 18px;\n  }\n\n  @media (${mediaMedium}) {\n    &:not(:last-child) {\n      margin-bottom: 23px;\n    }\n  }\n`;\n\nconst Decoration = styled.div`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 50px;\n  left: -16%;\n  pointer-events: none;\n`;\n\nconst Title = styled(Eyebrows16)`\n  margin-bottom: 38px;\n`;\n\nconst AnimatedWrapper = styled.div`\n  position: absolute;\n  width: 2656px;\n  height: 100%;\n  top: -52px;\n  pointer-events: none;\n\n  @media (max-width: 1079px) {\n    right: -80%;\n  }\n\n  @media (max-width: 980px) {\n    right: -90%;\n  }\n\n  @media (max-width: 890px) {\n    right: -115%;\n  }\n\n  @media (min-width: 1080px) {\n    left: -60%;\n    right: initial;\n  }\n`;\n\nconst HeroDivideRight = ({\n  contentTag,\n  links,\n  theme,\n  title,\n  children,\n  staticLines\n}) => {\n  return (\n    <Wrapper theme={theme}>\n      {theme && theme.background && (\n        <Decoration>\n          <LinesFromRight\n            color={theme && theme.lines ? theme.lines : brandColor2}\n          />\n        </Decoration>\n      )}\n\n      <ContainerBox>\n        {(!theme || (theme && !theme.background)) && (\n          <AnimatedWrapper>\n            <AnimatedLineSvg\n              static={staticLines}\n              triggerOffset={-300}\n              svgWidth=\"100%\"\n            >\n              <DecorationLeftLarge />\n            </AnimatedLineSvg>\n          </AnimatedWrapper>\n        )}\n        <Box theme={theme}>\n          {title && <Title>{title}</Title>}\n          <Body28 theme={theme} as={contentTag ?? \"p\"}>\n            {children}\n            {links && (\n              <Row>\n                {links.map((link) => {\n                  return (\n                    <RowButton key={link.label}>\n                      <ArrowButton attrs={link.args} large={true}>\n                        {link.label}\n                      </ArrowButton>\n                    </RowButton>\n                  );\n                })}\n              </Row>\n            )}\n          </Body28>\n        </Box>\n      </ContainerBox>\n    </Wrapper>\n  );\n};\n\nexport default HeroDivideRight;\n","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMjIgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbiAvIEFycm93IFNtYWxsPC90aXRsZT4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ1RBLVNlY29uZGFyeS0vLTE4cHQtLy1EZWZhdWx0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQuMDAwMDAwLCAtOS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikljb24tLy1BcnJvdy1TbWFsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTQuMDAwMDAwLCAyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuNzI0MDI4OSw3IEwyMiwxMi4zMTAzNDQ4IEwxNi43MjQwMjg5LDE3LjYyMDY4OTcgTDE1LjY2ODgzNDcsMTYuNTU4NjIwNyBMMTkuMTk1LDEzLjAwNyBMMCwxMy4wMDc5NjkzIEwwLDExLjUwNTk3NyBMMTkuMDg5LDExLjUwNSBMMTUuNjY4ODM0Nyw4LjA2MjA2ODk3IEwxNi43MjQwMjg5LDcgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==\"","import React from \"react\";\nimport { Headline80 } from \"./styles/Headings\";\nimport PrimaryButton from \"./PrimaryButton\";\nimport styled from \"styled-components\";\nimport { mediaMedium } from \"./styles/variables\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  z-index: 4;\n`;\n\nconst TitleWrapper = styled.div`\n  max-width: ${(props) => props.theme.titleWidth ?? \"570px\"};\n  margin-bottom: 22px;\n  text-transform: uppercase;\n\n  @media (${mediaMedium}) {\n    margin-bottom: 40px;\n  }\n`;\n\nconst MainHeroTitle = ({ children, label, link, cleanTitle, theme, as }) => {\n  const Title = cleanTitle ? \"div\" : Headline80;\n  return (\n    <Wrapper>\n      <TitleWrapper theme={theme}>\n        <Title as=\"h1\">{children}</Title>\n      </TitleWrapper>\n\n      {label && <PrimaryButton attrs={link}>{label}</PrimaryButton>}\n    </Wrapper>\n  );\n};\n\nexport default MainHeroTitle;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { textBlack1, white } from \"./Colors\";\nimport { mediaMedium } from \"./variables\";\n\nconst Outline = styled.span`\n  color: ${(props) => props.color ?? textBlack1};\n  -webkit-text-fill-color: ${(props) => props.fill ?? white};\n  -webkit-text-stroke-width: ${(props) => props.size ?? \"1px\"};\n  -webkit-text-stroke-color: ${(props) =>\n    props.stroke ?? props.color ?? textBlack1};\n\n  @media (${mediaMedium}) {\n    -webkit-text-stroke-width: ${(props) => props.size ?? \"2px\"};\n  }\n`;\n\nconst OutlinedText = ({\n  color,\n  fill,\n  stroke,\n  size,\n  as,\n  component,\n  children,\n  inline\n}) => {\n  const Element = component ?? \"<span />\";\n  const styles = inline ? { display: \"inline\" } : {};\n\n  return (\n    <Element style={styles} as={as}>\n      <Outline color={color} fill={fill} stroke={stroke} size={size}>\n        {children}\n      </Outline>\n    </Element>\n  );\n};\n\nexport default OutlinedText;\n","import { createElement, Component, useRef, useState, useCallback, useEffect } from 'react';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n  subClass.prototype = Object.create(superClass.prototype);\n  subClass.prototype.constructor = subClass;\n  subClass.__proto__ = superClass;\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar ObserverMap = new Map();\nvar RootIds = new Map();\nvar rootId = 0;\n/**\r\n * Generate a unique ID for the root element\r\n * @param root\r\n */\n\nfunction getRootId(root) {\n  if (!root) return '0';\n  if (RootIds.has(root)) return RootIds.get(root);\n  rootId += 1;\n  RootIds.set(root, rootId.toString());\n  return RootIds.get(root);\n}\n/**\r\n * Convert the options to a string Id, based on the values.\r\n * Ensures we can reuse the same observer when observing elements with the same options.\r\n * @param options\r\n */\n\n\nfunction optionsToId(options) {\n  return Object.keys(options).sort().filter(function (key) {\n    return options[key] !== undefined;\n  }).map(function (key) {\n    return key + \"_\" + (key === 'root' ? getRootId(options.root) : options[key]);\n  }).toString();\n}\n\nfunction createObserver(options) {\n  // Create a unique ID for this observer instance, based on the root, root margin and threshold.\n  var id = optionsToId(options);\n  var instance = ObserverMap.get(id);\n\n  if (!instance) {\n    // Create a map of elements this observer is going to observe. Each element has a list of callbacks that should be triggered, once it comes into view.\n    var elements = new Map();\n    var thresholds;\n    var observer = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        var _elements$get; // While it would be nice if you could just look at isIntersecting to determine if the component is inside the viewport, browsers can't agree on how to use it.\n        // -Firefox ignores `threshold` when considering `isIntersecting`, so it will never be false again if `threshold` is > 0\n\n\n        var inView = entry.isIntersecting && thresholds.some(function (threshold) {\n          return entry.intersectionRatio >= threshold;\n        }); // @ts-ignore support IntersectionObserver v2\n\n        if (options.trackVisibility && typeof entry.isVisible === 'undefined') {\n          // The browser doesn't support Intersection Observer v2, falling back to v1 behavior.\n          // @ts-ignore\n          entry.isVisible = inView;\n        }\n\n        (_elements$get = elements.get(entry.target)) == null ? void 0 : _elements$get.forEach(function (callback) {\n          callback(inView, entry);\n        });\n      });\n    }, options); // Ensure we have a valid thresholds array. If not, use the threshold from the options\n\n    thresholds = observer.thresholds || (Array.isArray(options.threshold) ? options.threshold : [options.threshold || 0]);\n    instance = {\n      id: id,\n      observer: observer,\n      elements: elements\n    };\n    ObserverMap.set(id, instance);\n  }\n\n  return instance;\n}\n\nfunction observe(element, callback, options) {\n  if (options === void 0) {\n    options = {};\n  }\n\n  if (!element) return function () {}; // An observer with the same options can be reused, so lets use this fact\n\n  var _createObserver = createObserver(options),\n      id = _createObserver.id,\n      observer = _createObserver.observer,\n      elements = _createObserver.elements; // Register the callback listener for this element\n\n\n  var callbacks = elements.get(element) || [];\n\n  if (!elements.has(element)) {\n    elements.set(element, callbacks);\n  }\n\n  callbacks.push(callback);\n  observer.observe(element);\n  return function unobserve() {\n    // Remove the callback from the callback list\n    callbacks.splice(callbacks.indexOf(callback), 1);\n\n    if (callbacks.length === 0) {\n      // No more callback exists for element, so destroy it\n      elements[\"delete\"](element);\n      observer.unobserve(element);\n    }\n\n    if (elements.size === 0) {\n      // No more elements are being observer by this instance, so destroy it\n      observer.disconnect();\n      ObserverMap[\"delete\"](id);\n    }\n  };\n}\n\nfunction isPlainChildren(props) {\n  return typeof props.children !== 'function';\n}\n/**\r\n * Monitors scroll, and triggers the children function with updated props\r\n */\n\n\nvar InView = /*#__PURE__*/function (_React$Component) {\n  _inheritsLoose(InView, _React$Component);\n\n  function InView(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.node = null;\n    _this._unobserveCb = null;\n\n    _this.handleNode = function (node) {\n      if (_this.node) {\n        // Clear the old observer, before we start observing a new element\n        _this.unobserve();\n\n        if (!node && !_this.props.triggerOnce && !_this.props.skip) {\n          // Reset the state if we get a new node, and we aren't ignoring updates\n          _this.setState({\n            inView: !!_this.props.initialInView,\n            entry: undefined\n          });\n        }\n      }\n\n      _this.node = node ? node : null;\n\n      _this.observeNode();\n    };\n\n    _this.handleChange = function (inView, entry) {\n      if (inView && _this.props.triggerOnce) {\n        // If `triggerOnce` is true, we should stop observing the element.\n        _this.unobserve();\n      }\n\n      if (!isPlainChildren(_this.props)) {\n        // Store the current State, so we can pass it to the children in the next render update\n        // There's no reason to update the state for plain children, since it's not used in the rendering.\n        _this.setState({\n          inView: inView,\n          entry: entry\n        });\n      }\n\n      if (_this.props.onChange) {\n        // If the user is actively listening for onChange, always trigger it\n        _this.props.onChange(inView, entry);\n      }\n    };\n\n    _this.state = {\n      inView: !!props.initialInView,\n      entry: undefined\n    };\n    return _this;\n  }\n\n  var _proto = InView.prototype;\n\n  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n    // If a IntersectionObserver option changed, reinit the observer\n    if (prevProps.rootMargin !== this.props.rootMargin || prevProps.root !== this.props.root || prevProps.threshold !== this.props.threshold || prevProps.skip !== this.props.skip || prevProps.trackVisibility !== this.props.trackVisibility || prevProps.delay !== this.props.delay) {\n      this.unobserve();\n      this.observeNode();\n    }\n  };\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    this.unobserve();\n    this.node = null;\n  };\n\n  _proto.observeNode = function observeNode() {\n    if (!this.node || this.props.skip) return;\n    var _this$props = this.props,\n        threshold = _this$props.threshold,\n        root = _this$props.root,\n        rootMargin = _this$props.rootMargin,\n        trackVisibility = _this$props.trackVisibility,\n        delay = _this$props.delay;\n    this._unobserveCb = observe(this.node, this.handleChange, {\n      threshold: threshold,\n      root: root,\n      rootMargin: rootMargin,\n      // @ts-ignore\n      trackVisibility: trackVisibility,\n      // @ts-ignore\n      delay: delay\n    });\n  };\n\n  _proto.unobserve = function unobserve() {\n    if (this._unobserveCb) {\n      this._unobserveCb();\n\n      this._unobserveCb = null;\n    }\n  };\n\n  _proto.render = function render() {\n    if (!isPlainChildren(this.props)) {\n      var _this$state = this.state,\n          inView = _this$state.inView,\n          entry = _this$state.entry;\n      return this.props.children({\n        inView: inView,\n        entry: entry,\n        ref: this.handleNode\n      });\n    }\n\n    var _this$props2 = this.props,\n        children = _this$props2.children,\n        as = _this$props2.as,\n        tag = _this$props2.tag,\n        props = _objectWithoutPropertiesLoose(_this$props2, [\"children\", \"as\", \"tag\", \"triggerOnce\", \"threshold\", \"root\", \"rootMargin\", \"onChange\", \"skip\", \"trackVisibility\", \"delay\", \"initialInView\"]);\n\n    return /*#__PURE__*/createElement(as || tag || 'div', _extends({\n      ref: this.handleNode\n    }, props), children);\n  };\n\n  return InView;\n}(Component);\n\nInView.displayName = 'InView';\nInView.defaultProps = {\n  threshold: 0,\n  triggerOnce: false,\n  initialInView: false\n};\n\nfunction useInView(_temp) {\n  var _ref = _temp === void 0 ? {} : _temp,\n      threshold = _ref.threshold,\n      delay = _ref.delay,\n      trackVisibility = _ref.trackVisibility,\n      rootMargin = _ref.rootMargin,\n      root = _ref.root,\n      triggerOnce = _ref.triggerOnce,\n      skip = _ref.skip,\n      initialInView = _ref.initialInView;\n\n  var unobserve = useRef();\n\n  var _React$useState = useState({\n    inView: !!initialInView\n  }),\n      state = _React$useState[0],\n      setState = _React$useState[1];\n\n  var setRef = useCallback(function (node) {\n    if (unobserve.current !== undefined) {\n      unobserve.current();\n      unobserve.current = undefined;\n    } // Skip creating the observer\n\n\n    if (skip) return;\n\n    if (node) {\n      unobserve.current = observe(node, function (inView, entry) {\n        setState({\n          inView: inView,\n          entry: entry\n        });\n\n        if (entry.isIntersecting && triggerOnce && unobserve.current) {\n          // If it should only trigger once, unobserve the element after it's inView\n          unobserve.current();\n          unobserve.current = undefined;\n        }\n      }, {\n        root: root,\n        rootMargin: rootMargin,\n        threshold: threshold,\n        // @ts-ignore\n        trackVisibility: trackVisibility,\n        // @ts-ignore\n        delay: delay\n      });\n    }\n  }, // We break the rule here, because we aren't including the actual `threshold` variable\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  [// If the threshold is an array, convert it to a string so it won't change between renders.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  Array.isArray(threshold) ? threshold.toString() : threshold, root, rootMargin, triggerOnce, skip, trackVisibility, delay]);\n  /* eslint-disable-next-line */\n\n  useEffect(function () {\n    if (!unobserve.current && state.entry && !triggerOnce && !skip) {\n      // If we don't have a ref, then reset the state (unless the hook is set to only `triggerOnce` or `skip`)\n      // This ensures we correctly reflect the current state - If you aren't observing anything, then nothing is inView\n      setState({\n        inView: !!initialInView\n      });\n    }\n  });\n  var result = [setRef, state.inView, state.entry]; // Support object destructuring, by adding the specific values.\n\n  result.ref = result[0];\n  result.inView = result[1];\n  result.entry = result[2];\n  return result;\n}\n\nexport default InView;\nexport { InView, useInView };","import React from \"react\";\nimport styled, { keyframes } from \"styled-components\";\nimport Image from \"./Image\";\n\nimport omit from \"lodash/omit\";\nimport { Link } from \"gatsby\";\nimport {\n  brandColor1,\n  brandColor1Shade,\n  brandColor1Tint,\n  gray2,\n  white\n} from \"./styles/Colors\";\n\nimport iconArrowBrandColor1Shade from \"../images/9-cta-arrow-brand-color-1-shade.svg\";\nimport iconArrowBrandColor1Tint from \"../images/9-cta-arrow-brand-color-1-tint.svg\";\nimport iconArrowWhite from \"../images/9-cta-arrow-white.svg\";\n\nconst VARIANTS = {\n  shade: {\n    color: brandColor1Shade,\n    icon: iconArrowBrandColor1Shade,\n    hoverColor: brandColor1\n  },\n  tint: {\n    color: brandColor1Tint,\n    icon: iconArrowBrandColor1Tint,\n    hoverColor: brandColor1\n  },\n  white: {\n    color: white,\n    icon: iconArrowWhite,\n    hoverColor: gray2\n  }\n};\n\nconst Arrow = styled(Image)`\n  margin-left: 19px;\n  transition: 0.3s transform;\n`;\n\nconst Animation = keyframes`\n  to {transform: scale(1) translateX(0%)}\n  50% {transform: scale(1.2) translateX(10%)}\n  from {transform: scale(1) translateX(0%)}\n`;\n\nconst Button = styled(Link)`\n  display: inline-flex;\n  align-items: center;\n  color: ${(props) => VARIANTS[props.variant].color};\n  transition: 0.3s color;\n  cursor: pointer;\n  text-decoration: none;\n\n  &:hover {\n    color: ${(props) => VARIANTS[props.variant].hoverColor};\n\n    ${Arrow} {\n      animation: ${Animation} 1s linear infinite;\n    }\n  }\n`;\n\nconst ArrowButton = ({ attrs, large, children, variant = \"shade\" }) => {\n  const opts = omit(attrs, [\"as\"]);\n  opts.as = (attrs && attrs.as) || (attrs && attrs.to) ? attrs.as : \"span\";\n  return (\n    <Button {...opts} variant={variant}>\n      <span>{children}</span>{\" \"}\n      <Arrow\n        alt=\"\"\n        src={VARIANTS[variant].icon}\n        width={large ? 36 : 22}\n        height={large ? 17 : 11}\n      />\n    </Button>\n  );\n};\n\nexport default ArrowButton;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { linesSkew, mediaMedium } from \"./styles/variables\";\nimport { brandColor2 } from \"./styles/Colors\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  width: 100%;\n  padding-top: 100%;\n  pointer-events: none;\n`;\n\nconst Line1 = styled.span`\n  @media (${mediaMedium}) {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 35%;\n    transform: skewX(${(props) => props.skew ?? linesSkew});\n    border-top: 1px solid;\n    border-left: 1px solid;\n    border-color: ${(props) => props.color ?? brandColor2};\n  }\n`;\n\nconst Line2 = styled(Line1)`\n  @media (${mediaMedium}) {\n    top: 18px;\n    left: calc(35% - 32px);\n  }\n`;\n\nconst Line3 = styled(Line1)`\n  @media (${mediaMedium}) {\n    top: 36px;\n    left: calc(35% - 64px);\n  }\n`;\n\nconst LinesFromRight = ({ color, skew }) => {\n  return (\n    <Wrapper>\n      <Line1 skew={skew} color={color} />\n      <Line2 skew={skew} color={color} />\n      <Line3 skew={skew} color={color} />\n    </Wrapper>\n  );\n};\n\nexport default LinesFromRight;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Headline64 } from \"./styles/Headings\";\nimport Container from \"./styles/Container\";\nimport { mediaMedium } from \"./styles/variables\";\nimport OutlinedText from \"./styles/OutlinedText\";\nimport { white } from \"./styles/Colors\";\n\nconst Background = styled.div`\n  background: ${(props) => props.theme.background ?? white};\n  padding: ${(props) => props.theme.padding ?? 0};\n`;\n\nconst Wrapper = styled(Container)`\n  padding-top: ${(props) => props.theme.paddingTopMobile ?? \"0px\"};\n\n  @media (${mediaMedium}) {\n    margin-top: ${(props) => props.theme.marginTop ?? \"-100px\"};\n    margin-bottom: ${(props) => props.theme.marginBottom ?? \"0px\"};\n    position: relative;\n    z-index: 2;\n    padding-bottom: ${(props) => props.theme.paddingBottom ?? \"0\"};\n    padding-top: ${(props) => props.theme.paddingTop ?? \"0px\"};\n  }\n`;\n\nconst Box = styled.div`\n  max-width: ${(props) => props.theme.width ?? \"400px\"};\n  padding: 16px 0;\n`;\n\nconst TitleOutline = ({ title, theme, subtitle, inline }) => {\n  return (\n    <Background theme={theme}>\n      <Wrapper theme={theme}>\n        <Box theme={theme}>\n          <Headline64 theme={theme}>\n            {title}{\" \"}\n            <OutlinedText\n              inline\n              color={theme && theme.color ? theme.color : undefined}\n              fill={theme && theme.background ? theme.background : undefined}\n              as=\"span\"\n              component={Headline64}\n            >\n              {subtitle}\n            </OutlinedText>\n          </Headline64>\n        </Box>\n      </Wrapper>\n    </Background>\n  );\n};\n\nexport default TitleOutline;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { black1, brandColor3 } from \"./Colors\";\nimport { mediaMedium } from \"./variables\";\n\nconst Text = styled.strong`\n  font-weight: 800;\n  position: relative;\n  color: ${(props) => props.theme.color ?? black1};\n  box-shadow: inset 0 -0.325em ${(props) => props.theme.background ?? \"red\"},\n    inset 0 -0.525em ${brandColor3};\n  display: inline;\n\n  span {\n    position: relative;\n    z-index: 2;\n  }\n\n  @media (${mediaMedium}) {\n    &:before {\n      height: 8px;\n      bottom: 9px;\n    }\n  }\n`;\n\nconst TextHighlight = ({ theme, children }) => {\n  return (\n    <Text theme={theme}>\n      <span>{children}</span>\n    </Text>\n  );\n};\n\nexport default TextHighlight;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { white } from \"./styles/Colors\";\nimport { mediaMedium } from \"./styles/variables\";\nimport MainHeroTitle from \"./MainHeroTitle\";\nimport Container from \"./styles/Container\";\nimport { Eyebrows20 } from \"./styles/Eyebrows\";\n\nconst ContainerRelative = styled(Container)`\n  position: relative;\n  padding-top: 38px;\n  padding-bottom: 100px;\n\n  @media (${mediaMedium}) {\n    padding-top: ${(props) => props.theme.topPadding ?? \"38px\"};\n    padding-bottom: ${(props) => props.theme.bottomPadding ?? \"142px\"};\n  }\n`;\n\nconst Wrapper = styled.div`\n  position: relative;\n  z-index: 1;\n  max-width: 100vw;\n  background-color: ${white};\n  overflow: hidden;\n`;\n\nconst SubTitle = styled(Eyebrows20)`\n  margin: 0 0 28px;\n`;\n\nconst HomeLandingText = ({ link, theme, cleanTitle, children, section }) => {\n  return (\n    <Wrapper>\n      <ContainerRelative theme={theme}>\n        {section && <SubTitle as=\"span\">{section}</SubTitle>}\n        <MainHeroTitle\n          cleanTitle={cleanTitle}\n          theme={{ titleWidth: \"100%\" }}\n          label={link.label}\n          link={link.attrs}\n        >\n          {children}\n        </MainHeroTitle>\n      </ContainerRelative>\n    </Wrapper>\n  );\n};\n\nexport default HomeLandingText;\n","import React from \"react\";\nimport styled, { keyframes } from \"styled-components\";\nimport { brandColor2 } from \"../styles/Colors\";\nimport { mediaMedium } from \"../styles/variables\";\nimport { graphql, useStaticQuery } from \"gatsby\";\nimport { useInView } from \"react-intersection-observer\";\nimport uniqueId from \"lodash/uniqueId\";\nimport Container from \"../styles/Container\";\n\nexport const scrollLeftDesktop = keyframes`\n  0% {\n    transform: translateX(-1528px);\n  }\n  100% {\n    transform: translateX(-3056px);\n  }\n`;\n\nexport const scrollLeftMedia = keyframes`\n  0% {\n    transform: translateX(-1008px);\n  }\n  100% {\n    transform: translateX(-2016px);\n  }\n`;\n\nconst Wrapper = styled.div`\n  background-color: ${brandColor2};\n  overflow: hidden;\n  position: relative;\n`;\n\nconst Div = styled(Container)`\n  white-space: nowrap;\n  max-height: 470px;\n  transform: translate3d(0, 0, 0);\n\n  &:before {\n    content: \"\";\n    display: inline-block;\n    padding-bottom: 165%;\n  }\n\n  @media (${mediaMedium}) {\n    max-height: 680px;\n  }\n`;\n\nconst Grid = styled.div`\n  position: absolute;\n  top: 96px;\n  left: 0;\n  display: flex;\n  align-items: flex-end;\n  transform: translateX(0%);\n  animation: ${scrollLeftMedia} 20s linear infinite;\n  animation-play-state: ${(props) => (props.active ? \"running\" : \"paused\")};\n\n  @media (${mediaMedium}) {\n    animation-name: ${scrollLeftDesktop};\n    animation-duration: 15s;\n  }\n`;\n\nconst Item = styled.div`\n  width: 230px;\n  margin: 0 11px;\n  flex: 0 0 230px;\n\n  img {\n    height: auto;\n    border: none;\n    outline: none;\n    display: block;\n    user-select: none;\n    margin: 0;\n    max-width: 100%;\n    max-height: none;\n    width: 100%;\n  }\n\n  &.desktop {\n    display: none;\n  }\n\n  @media (${mediaMedium}) {\n    width: 360px;\n    flex: 0 0 360px;\n\n    &.desktop {\n      display: block;\n    }\n  }\n`;\n\nconst threshold = [0, 0.1, 0.2, 0.5, 0.75];\n\nconst SliderStackStudioSection = ({ data }) => {\n  const { ref, inView } = useInView({\n    threshold: threshold,\n    delay: 30\n  });\n\n  return (\n    <Wrapper ref={ref}>\n      <Div>\n        <Grid active={inView}>\n          {data &&\n            data.allFile.edges.map((item, key) => (\n              <Item key={uniqueId(\"unit\" + key)}>\n                <img\n                  alt=\"\"\n                  draggable=\"false\"\n                  width={item.node.childImageSharp.fluid.maxWidth}\n                  height={item.node.childImageSharp.fluid.maxHeight}\n                  sizes={item.node.childImageSharp.fluid.maxHeight}\n                  src={item.node.childImageSharp.fluid.src}\n                  srcSet={item.node.childImageSharp.fluid.srcSet}\n                />\n              </Item>\n            ))}\n          {data &&\n            data.allFile.edges.map((item, key) => (\n              <Item key={uniqueId(\"unit\" + key)}>\n                <img\n                  alt=\"\"\n                  draggable=\"false\"\n                  width={item.node.childImageSharp.fluid.maxWidth}\n                  height={item.node.childImageSharp.fluid.maxHeight}\n                  sizes={item.node.childImageSharp.fluid.maxHeight}\n                  src={item.node.childImageSharp.fluid.src}\n                  srcSet={item.node.childImageSharp.fluid.srcSet}\n                />\n              </Item>\n            ))}\n          {data &&\n            data.allFile.edges.map((item, key) => (\n              <Item key={uniqueId(\"unit\" + key)}>\n                <img\n                  alt=\"\"\n                  draggable=\"false\"\n                  width={item.node.childImageSharp.fluid.maxWidth}\n                  height={item.node.childImageSharp.fluid.maxHeight}\n                  sizes={item.node.childImageSharp.fluid.maxHeight}\n                  src={item.node.childImageSharp.fluid.src}\n                  srcSet={item.node.childImageSharp.fluid.srcSet}\n                />\n              </Item>\n            ))}\n          {data &&\n            data.allFile.edges.map((item, key) => (\n              <Item className=\"desktop\" key={uniqueId(\"unit\" + key)}>\n                <img\n                  alt=\"\"\n                  draggable=\"false\"\n                  width={item.node.childImageSharp.fluid.maxWidth}\n                  height={item.node.childImageSharp.fluid.maxHeight}\n                  sizes={item.node.childImageSharp.fluid.maxHeight}\n                  src={item.node.childImageSharp.fluid.src}\n                  srcSet={item.node.childImageSharp.fluid.srcSet}\n                />\n              </Item>\n            ))}\n        </Grid>\n      </Div>\n    </Wrapper>\n  );\n};\n\n// maxWidth: 360, maxHeight: 594,\nconst SliderStackStudio = () => {\n  const data = useStaticQuery(graphql`\n    query {\n      allFile(\n        filter: { name: { regex: \"/24-stack-studio-slide-[0-9]/\" } }\n        sort: { fields: name, order: ASC }\n      ) {\n        edges {\n          node {\n            childImageSharp {\n              fluid(quality: 80) {\n                ...GatsbyImageSharpFluid_noBase64\n                ...GatsbyImageSharpFluidLimitPresentationSize\n              }\n            }\n          }\n        }\n      }\n    }\n  `);\n  return <SliderStackStudioSection data={data} />;\n};\n\nexport default SliderStackStudio;\n","import React from \"react\";\nimport HomeLandingText from \"../HeroLandingText\";\nimport { Link } from \"gatsby\";\nimport { Headline80 } from \"../styles/Headings\";\nimport OutlinedText from \"../styles/OutlinedText\";\nimport SliderStackStudio from \"../publishers/SliderStackStudio\";\nimport HeroTitleOutline from \"../HeroOutlineTitle\";\nimport HeroDivideRight from \"../HeroDivideRight\";\nimport TextHighlight from \"../styles/TextHighlight\";\nimport { white } from \"../styles/Colors\";\n\nconst PublishersContentStudioStatic = () => {\n  return (\n    <>\n      <HomeLandingText\n        section=\"Content Studio\"\n        link={{\n          label: \"Get Started\",\n          attrs: { to: \"/contact/?smopt=publisher\", state: { from: \"publisher\" }, as: Link }\n        }}\n        cleanTitle={true}\n        theme={{ topPadding: \"78px\", bottomPadding: \"160px\" }}\n      >\n        <Headline80 as=\"h1\">EXPERTS IN COMMERCE</Headline80>\n        <OutlinedText component={Headline80} as=\"span\">\n          STORYTELLING\n        </OutlinedText>\n      </HomeLandingText>\n\n      <SliderStackStudio />\n\n      <HeroTitleOutline\n        theme={{\n          marginTop: 0,\n          marginBottom: \"-44px\",\n          paddingBottom: \"0\",\n          paddingTop: \"136px\",\n          paddingTopMobile: \"76px\"\n        }}\n        title=\"Scale your\"\n        subtitle=\"Commerce content\"\n      />\n\n      <HeroDivideRight contentTag=\"div\" theme={{}}>\n        <p>\n          We make it simple to write and publish more commerce content without\n          leaning on any internal editorial resources.\n        </p>\n        <p>\n          {\" \"}\n          Our team of expert writers produces original,{\" \"}\n          <TextHighlight theme={{ background: white }}>\n            data-informed\n          </TextHighlight>{\" \"}\n          commerce content that turns readers into buyers.\n        </p>\n      </HeroDivideRight>\n    </>\n  );\n};\n\nexport default PublishersContentStudioStatic;\n","import React from \"react\";\nimport Layout from \"../../components/Layout\";\nimport Seo from \"../../components/Seo\";\nimport loadable from \"@loadable/component\";\nimport LazyLoadSection from \"../../components/LazyLoadSection\";\nimport StaticSection from \"../../components/sections/PublishersContentStudioStatic\";\n\nconst AsyncSection = loadable(() =>\n  import(\"../../components/sections/PublishersContentStudioDefer\")\n);\n\nconst ContentStudio = () => (\n  <Layout>\n    <Seo\n      title=\"Full-Service Commerce Content Creation\"\n      description=\"Scale your commerce content program risk-free with affordable articles that convert. Our team of writers is an extension of your team!\"\n    />\n\n    <LazyLoadSection static={<StaticSection />}>\n      <AsyncSection />\n    </LazyLoadSection>\n  </Layout>\n);\n\nexport default ContentStudio;\n"],"sourceRoot":""}