1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4874],{44874:function(n,e,r){r.r(e),r.d(e,{BlogArticle:function(){return S}});var t=r(52322),a=r(33795),i=r(29974),l=r(90662),c=r(64033),o=r(73091);function s(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function u(){var n=s(["\n height: ",";\n width: 100%;\n object-fit: cover;\n "," {\n height: ",";\n }\n"]);return u=function(){return n},n}function g(){var n=s(["\n padding: "," ",";\n background: ",";\n\n "," {\n padding: "," ",";\n margin-top: -",";\n }\n"]);return g=function(){return n},n}function d(){var n=s(["\n display: flex;\n gap: ",";\n margin-top: ",";\n"]);return d=function(){return n},n}function m(){var n=s(["\n height: ",";\n width: ",";\n .user-image {\n border-radius: ",";\n }\n"]);return m=function(){return n},n}function x(){var n=s(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n"]);return x=function(){return n},n}function h(){var n=s(["\n background-color: ",";\n .blog-content {\n margin-top: ",";\n row-gap: 0;\n padding-bottom: ",";\n "," {\n margin-top: ",";\n padding-bottom: ",";\n }\n }\n\n .article-header {\n margin-left: 0;\n margin-right: 0;\n "," {\n margin-left: 5%;\n margin-right: 5%;\n }\n }\n\n .text-area {\n p {\n margin-bottom: 0;\n }\n }\n\n .previous-article,\n .next-article {\n display: flex;\n height: auto;\n gap: ",";\n\n .read-article {\n margin-top: ",";\n }\n }\n\n .previous-article-container,\n .next-article-container {\n grid-column: span 4 / span 4;\n }\n\n .previous-article-container {\n "," {\n grid-column-start: 1;\n grid-column-end: 6;\n }\n }\n\n .next-article-container {\n "," {\n grid-column-start: 8;\n grid-column-end: 13;\n }\n }\n\n .next-article {\n flex-direction: row-reverse;\n text-align: right;\n margin-bottom: ",";\n button {\n align-self: flex-end;\n }\n "," {\n margin-bottom: 0;\n }\n }\n\n .article-divider {\n margin: "," 0;\n "," {\n margin: "," 0;\n }\n }\n\n .article-title {\n color: ",";\n }\n"]);return h=function(){return n},n}function p(){var n=s(["\n height: ",";\n width: ",";\n flex-shrink: 0;\n"]);return p=function(){return n},n}function f(){var n=s(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n button {\n width: fit-content;\n }\n"]);return f=function(){return n},n}var v=a.rSc.space,j=a.rSc.gap,b=a.rSc.pallete,A=a.rSc.breakpoints,T=(0,o.ZP)(a.wY9)(u(),(0,a.Q1c)(210),A.up("lg"),(0,a.Q1c)(480)),y=o.ZP.div(g(),j(40),v[4],b.secondary.light_grey,A.up("lg"),v[8],v[6],v[11]),w=o.ZP.div(d(),v[4],v[6]),N=o.ZP.div(m(),(0,a.Q1c)(48),(0,a.Q1c)(48),(0,a.Q1c)(25)),P=o.ZP.div(x()),I=o.ZP.div(h(),b.primary.light_grey,j(40),j(40),A.up("lg"),j(80),j(80),A.up("lg"),v[4],v[3],A.up("lg"),A.up("lg"),v[6],A.up("lg"),v[6],A.up("lg"),v[8],b.secondary.warm_grey),L=o.ZP.div(p(),(0,a.Q1c)(96),(0,a.Q1c)(96)),_=o.ZP.div(f()),k=function(n){var e=n.articleImage,r=n.imageAltText,a=n.title,l=n.heading,c=n.ctaLabel,o=n.ctaUrl,s=n.target,u=n.className;return(0,t.jsxs)(i.Link,{href:o,target:s,className:"".concat(u,"-article"),children:[(0,t.jsx)(L,{children:(0,t.jsx)(i.LazyImage,{src:e,alt:r})}),(0,t.jsxs)(_,{children:[(0,t.jsx)(i.Text,{variant:"p-xsmall",className:"article-title",children:a}),(0,t.jsx)(i.Text,{variant:"p-small",children:l}),(0,t.jsx)(i.Text,{className:"read-article",variant:"button-xsmall",children:c})]})]})},C=a.rSc.pallete,S=function(n){var e=n.heroImage,r=n.heroImageAltText,a=n.title,o=n.authorImage,s=n.authorImageAltText,u=n.authorNameAndTitle,g=n.date,d=n.textArea,m=n.previousArticleImageThumbnail,x=n.previousArticleImageThumbnailAltText,h=n.previousArticleTitle,p=n.previousArticleHeading,f=n.previousArticleCTALabel,v=n.previousArticleCTAURL,j=n.previousArticleTarget,b=n.nextArticleImageThumbnail,A=n.nextArticleImageThumbnailAltText,L=n.nextArticleTitle,_=n.nextArticleHeading,S=n.nextArticleCTAURL,Z=n.nextArticleCTALabel,Q=n.nextArticleTarget,U=(0,l.ach)(),z=(0,t.jsxs)(w,{children:[(0,t.jsx)(N,{children:(0,t.jsx)(i.LazyImage,{className:"user-image",src:o,alt:s,width:"100%",height:"100%"})}),(0,t.jsxs)(P,{children:[(0,t.jsx)(i.Text,{variant:"button-xsmall",color:C.secondary.warm_grey,children:u}),(0,t.jsx)(i.Text,{variant:"p-tiny",color:C.secondary.warm_grey,children:g})]})]}),O=(0,t.jsx)(k,{className:"previous",articleImage:m,imageAltText:x,title:h,heading:p,ctaLabel:f,ctaUrl:v,target:j}),R=(0,t.jsx)(k,{className:"next",articleImage:b,imageAltText:A,title:L,heading:_,ctaLabel:Z,ctaUrl:S,target:Q});return(0,t.jsxs)(I,{children:[(0,t.jsx)(T,{src:e,alt:r}),(0,t.jsx)(i.Grid,{templateColumns:U?"repeat(4, 1fr)":"repeat(12, 1fr)",className:"article-header",children:(0,t.jsx)(c.P4,{colSpan:U?4:9,children:(0,t.jsxs)(y,{children:[(0,t.jsx)(i.Text,{variant:"h-large",color:C.secondary.warm_grey,children:a}),z]})})}),(0,t.jsxs)(i.Grid,{templateColumns:U?"repeat(4, 1fr)":"repeat(12, 1fr)",className:"blog-content",children:[(0,t.jsx)(c.P4,{colSpan:U?4:12,children:(0,t.jsx)(i.Text,{className:"text-area",variant:"p-large",isRichText:!0,children:d})}),(0,t.jsx)(c.P4,{className:"article-divider",colSpan:U?4:12,children:(0,t.jsx)(i.Divider,{type:"line",variant:"regular"})}),h?(0,t.jsx)(c.P4,{order:U?2:1,className:"previous-article-container",children:O}):null,L?(0,t.jsx)(c.P4,{order:U?1:2,className:"next-article-container",children:R}):null]})]})}}}]);
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.