1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1616],{1616:function(e,t,r){r.r(t),r.d(t,{ArticleContent:function(){return h},ArticleFooter:function(){return m},default:function(){return d}});var s=r(5893),l=(r(7294),r(8258)),n=r(6505),o=r(4063),i=r(9466),a=r(1890),c=r(1249);function d(e){let{page:t}=e;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(u,{...t}),(0,s.jsx)(x,{...t})]})}function u(e){let{post_title:t,categories:r,heading:l,subheading:o,subheading_tag:i,description:a,form_background:d,marketo_form:u}=e;var x;const h=(null===r||void 0===r?void 0:r.length)&&(null===(x=r[0])||void 0===x?void 0:x.name)||"",m=u&&"0"!==(null===u||void 0===u?void 0:u.form_id),g=null===d||void 0===d?void 0:d.color,p=["h2","h3","h4","h5"].includes(i)?i:"h2",b={h2:"text-h2",h3:"text-h3",h4:"text-h4",h5:"text-h5"}[p];return(0,s.jsxs)("section",{className:"relative bg-grey-100 pt-12 md:pt-20 lg:pt-100",children:[(0,s.jsx)("div",{className:"post-masthead-clip-path absolute inset-x-0 bottom-0 aspect-[1440/284] bg-white"}),(0,s.jsxs)("div",{className:"container relative flex flex-col justify-between gap-12 lg:flex-row",children:[(0,s.jsxs)("div",{className:"w-full space-y-4 lg:pt-12 ".concat(m?"lg:w-1/2 lg:max-w-[30.375rem]":""),children:[(0,s.jsx)("div",{className:"label text-grey-500",dangerouslySetInnerHTML:{__html:h}}),(0,s.jsx)("h1",{className:"text-h2 text-grey-700",dangerouslySetInnerHTML:{__html:l||t}}),o&&(0,s.jsx)(p,{className:"".concat(b," text-grey-700"),dangerouslySetInnerHTML:{__html:o}}),a&&(0,s.jsx)("p",{className:"body-m !mt-6 text-grey-500",dangerouslySetInnerHTML:{__html:a}})]}),m&&(0,s.jsx)("div",{className:"min-h-[37.5rem] w-full px-6 py-8 sm:px-8 lg:w-1/2 lg:max-w-[31.875rem] ".concat((0,c.$e)(g)),children:(0,s.jsx)(n.Z,{...u})})]})]})}function x(e){let{cover:t,post_content:r,article:l}=e;return(0,s.jsx)("section",{className:"pb-16 pt-12 md:pb-24 md:pt-16 lg:pb-120",children:(0,s.jsxs)("div",{className:"container flex flex-col items-start justify-between gap-12 md:flex-row",children:[(0,s.jsxs)("div",{className:"flex-1 md:max-w-[43.125rem]",children:[(0,s.jsx)(h,{postContent:r,articleBuilder:null===l||void 0===l?void 0:l.article_builder}),(0,s.jsx)(m,{})]}),t&&(0,s.jsx)("div",{className:"shrink-0 md:w-[28.84%]",children:(0,s.jsx)(i.gI,{image:t})})]})})}function h(e){let{postContent:t,articleBuilder:r}=e;return t&&!r&&0===r.length?(0,s.jsx)("div",{className:"prose-m prose",dangerouslySetInnerHTML:{__html:t}}):r&&r.length>0?(0,s.jsx)(o.ZP,{blocks:r}):null}function m(){const e=window.location.href;return(0,s.jsx)("div",{className:"mt-10 flex items-center justify-between border-t border-grey-200 pt-10",children:(0,s.jsxs)("div",{className:"flex gap-x-2",children:[(0,s.jsx)(l.B,{url:e,className:"block",children:(0,s.jsx)("div",{className:"group flex aspect-[1/1] w-6 items-center justify-center rounded-sm border border-grey-400 transition-colors duration-300 hover:border-grey-700 hover:bg-grey-700",children:(0,s.jsx)(a.Zm,{textColor:"text-blue-800 group-hover:text-white transition-colors duration-300"})})}),(0,s.jsx)(l.r2,{url:e,className:"block",children:(0,s.jsx)("div",{className:"group flex aspect-[1/1] w-6 items-center justify-center rounded-sm border border-grey-400 transition-colors duration-300 hover:border-grey-700 hover:bg-grey-700",children:(0,s.jsx)(a.nI,{textColor:"text-blue-800 group-hover:text-white transition-colors duration-300"})})}),(0,s.jsx)(l.Dk,{url:e,className:"block",children:(0,s.jsx)("div",{className:"group flex aspect-[1/1] w-6 items-center justify-center rounded-sm border border-grey-400 transition-colors duration-300 hover:border-grey-700 hover:bg-grey-700",children:(0,s.jsx)(a.Vq,{textColor:"text-blue-800 group-hover:text-white transition-colors duration-300"})})})]})})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.