1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8670],{96595:function(n,e,r){r.d(e,{o:function(){return o}});var t=r(7297);function i(){var n=(0,t.Z)(["\n display: flex;\n flex-direction: column;\n"]);return i=function(){return n},n}var o=(0,r(50445).default)("main").withConfig({componentId:"sc-36131a47-0"})(i())},26140:function(n,e,r){r.d(e,{x:function(){return f}});var t=r(85893),i=r(67294),o=r(828),a=r(14916),l=r(19262),c=r(23038),s=r(50663),d=r(7297);function p(){var n=(0,d.Z)(["\n h2 {\n color: var(--color-petrol-700);\n }\n\n button {\n display: flex;\n background: transparent;\n border: none;\n box-shadow: none;\n outline: none;\n cursor: pointer;\n margin: var(--spacing-6x) 0;\n padding: 0;\n }\n\n .faq__title-wrapper {\n border-bottom: 0.1rem solid var(--color-beige-600);\n }\n\n &.faq--result {\n background-color: var(--color-white-100);\n border-radius: 4px;\n box-shadow: 0 20px 48px rgba(0, 0, 0, 0.08);\n padding: var(--spacing-6x);\n\n .faq__title-wrapper, \n .faq__question-wrapper {\n border-bottom: none;\n }\n\n .faq__title-wrapper h2 {\n font-size: 2.4rem;\n line-height: 3.2rem;\n color: var(--color)\n }\n\n .faq__question, \n .faq__answer {\n font-size: 1.6rem;\n line-height: 2rem;\n }\n }\n\n .faq__icon-wrapper {\n width: 1.6rem;\n display: grid;\n place-items: center;\n margin-right: var(--spacing-4x);\n\n height: 2rem;\n\n @media (min-width: ",") {\n height: 2rem;\n }\n\n @media (min-width: ",") {\n height: 2.4rem;\n }\n }\n\n .faq__icon-wrapper span {\n width: 1.6rem;\n height: 0.2rem;\n background-color: var(--color-petrol-700);\n border-radius: 0.1rem;\n grid-row: 1;\n grid-column: 1;\n transform-origin: center center;\n transition: transform 150ms ease-out;\n will-change: transform;\n\n &:nth-child(2) {\n transform: rotate(90deg);\n\n &.faq__icon-wrapper__is-active {\n transform: rotate(0deg);\n }\n }\n }\n\n .faq__question-wrapper {\n border-bottom: 0.1rem solid var(--color-beige-600);\n }\n\n .faq__question {\n font-weight: 500;\n font-size: 1.6rem;\n line-height: 2rem;\n margin: 0;\n text-align: left;\n\n @media (min-width: ",") {\n font-size: 1.8rem;\n line-height: 2rem;\n }\n\n @media (min-width: ",") {\n font-size: 2rem;\n line-height: 2.4rem;\n }\n }\n\n .faq__answer {\n padding-left: var(--spacing-8x);\n margin: 0 0 var(--spacing-6x) 0;\n\n @media (min-width: ",") {\n padding-left: 0;\n }\n }\n"]);return p=function(){return n},n}var m=(0,r(50445).default)(a.rj).withConfig({componentId:"sc-ab1d4893-0"})(p(),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[720]})),u=r(94184),h=r.n(u);function g(n){var e=(0,o.Z)(i.useState(0),2),r=e[0],d=e[1],p={_:"2.8rem",600:"3.6rem",720:"4.4rem"},u=n.result?{_:"1 / -1"}:{_:"2 / -2",600:"3 / -3",1280:"4 / -4"},g=n.cta,f=n.faq,v=n.title;return(0,t.jsxs)(m,{marginTop:p,marginBottom:p,display:{_:!0!==n.showOnMobile&&n.result?"none":"grid",600:n.result?"block":"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},className:h()({"faq--result":n.result}),children:[(0,t.jsx)(a.sg,{gridColumn:u,className:h()({"faq__title-wrapper":!0}),children:(0,t.jsx)(c.H2,{children:v})}),(0,t.jsx)(a.sg,{gridColumn:u,marginBottom:{_:"var(--spacing-4x)",1024:"var(--spacing-6x)"},children:f.map((function(n,e){return(0,t.jsxs)("div",{className:"faq__question-wrapper",children:[(0,t.jsxs)("button",{type:"button",onClick:function(){d((function(n){return n!==e?e:null}))},children:[(0,t.jsxs)("div",{className:"faq__icon-wrapper",children:[(0,t.jsx)("span",{}),(0,t.jsx)("span",{className:r===e?"faq__icon-wrapper__is-active":""})]}),(0,t.jsx)("p",{className:"faq__question",children:n.question})]}),r===e&&(0,t.jsx)(c.mH,{className:"faq__answer",as:"div",children:(0,t.jsx)(s.r,{children:n.answer})})]},n.question)}))}),null!=g&&(0,t.jsx)(a.sg,{gridColumn:u,children:(0,t.jsx)(l.z,{href:g.url,size:"small",className:"faq__button",color:"beige",icon:"arrowRight",children:g.label})})]})}function f(n){return null==n.paragraph.items||0===n.paragraph.items.length?null:(0,t.jsx)(g,{result:n.result,faq:n.paragraph.items,title:n.paragraph.title,cta:null!=n.paragraph.callToAction?{label:null!==(e=n.paragraph.callToAction.button.title)&&void 0!==e?e:"",url:n.paragraph.callToAction.button.path}:void 0,mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile});var e}},39614:function(n,e,r){r.d(e,{F:function(){return g}});var t=r(26042),i=r(85893),o=(r(67294),r(14916)),a=r(23038),l=r(50663),c=r(94184),s=r.n(c),d=r(7297);function p(){var n=(0,d.Z)(["\n .wysiwyg--bg-grey {\n background-color: var(--color-beige-600);\n padding: var(--spacing-6x);\n border-radius: var(--spacing-1x);\n }\n\n .wysiwyg--bg-warmgrey {\n padding: var(--spacing-6x);\n border-radius: var(--spacing-1x);\n background-color: var(--color-beige-800);\n }\n\n .wysiwyg--bg-blue {\n background-color: var(--color-petrol-500);\n color: var(--color-petrol-900);\n padding: var(--spacing-6x);\n border-radius: var(--spacing-1x);\n }\n\n .wysiwyg--bg-lightblue {\n background-color: var(--color-petrol-400);\n color: var(--color-petrol-900);\n padding: var(--spacing-6x);\n border-radius: var(--spacing-1x);\n\n .simple-cta__button {\n &:hover {\n background: var(--color-petrol-900);\n color: var(--color-white-100);\n }\n }\n }\n\n .wysiwyg--bg-white {\n background-color: var(--color-white-100);\n padding: var(--spacing-6x);\n border-radius: var(--spacing-1x);\n }\n\n .wysiwyg--full-width {\n position: relative;\n \n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: -100vw;\n right: -100vw;\n z-index: -1;\n }\n\n &.wysiwyg--bg-grey::before {\n background-color: var(--color-beige-600);\n }\n\n &.wysiwyg--bg-warmgrey::before {\n background-color: var(--color-beige-800);\n }\n\n &.wysiwyg--bg-blue::before {\n background-color: var(--color-petrol-500);\n }\n\n &.wysiwyg--bg-lightblue::before {\n background-color: var(--color-petrol-400);\n }\n\n &.wysiwyg--bg-white::before {\n background-color: var(--color-white-100);\n }\n }\n \n"]);return p=function(){return n},n}var m,u=(0,r(50445).default)(o.rj).withConfig({componentId:"sc-f8b69170-0"})(p()),h=r(19262);function g(n){return(0,i.jsx)(u,{marginTop:{_:"2.8rem",600:"3.6rem",720:"4.4rem"},marginBottom:{_:"2.8rem",600:"3.6rem",720:"4.4rem"},display:{_:!0===n.showOnMobile?"grid":"none",600:"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:(0,i.jsxs)(o.sg,{gridColumn:{_:"2 / 6",600:"3 / 9",960:"4 / 12"},className:s()({"wysiwyg--bg-grey":n.bgColor===m.Grey,"wysiwyg--bg-warmgrey":n.bgColor===m.WarmGrey,"wysiwyg--bg-blue":n.bgColor===m.Blue,"wysiwyg--bg-lightblue":n.bgColor===m.LightBlue,"wysiwyg--bg-white":n.bgColor===m.White,"wysiwyg--full-width":n.bgFullWidth}),children:[(0,i.jsx)(l.r,{components:{h1:function(n){return(0,i.jsx)(a.H1,(0,t.Z)({color:"var(--color-petrol-700)"},n))},h2:function(n){return(0,i.jsx)(a.H2,(0,t.Z)({color:"var(--color-petrol-700)"},n))},h3:function(n){return(0,i.jsx)(a.H3,(0,t.Z)({color:"var(--color-petrol-700)"},n))},h4:function(n){return(0,i.jsx)(a.H4,(0,t.Z)({color:"var(--color-petrol-700)"},n))},h5:function(n){return(0,i.jsx)(a.H5,(0,t.Z)({color:"var(--color-petrol-700)"},n))},h6:function(n){return(0,i.jsx)(a.H6,(0,t.Z)({color:"var(--color-petrol-700)"},n))},ul:a.UL,ol:a.OL,p:a.mH,blockquote:a.R4},children:n.children}),n.button?(0,i.jsx)(h.z,{href:n.button.path,className:"simple-cta__button",type:"button",color:function(){if(n.buttonColor&&["petrol","white","beige","beigeLight","transparent","orange"].includes(n.buttonColor))return n.buttonColor;switch(n.bgColor){case m.Grey:case m.WarmGrey:return"petrol";case m.Blue:case m.LightBlue:return"white";case m.White:default:return"petrol"}}(),children:n.button.title}):null]})})}!function(n){n.Grey="#F3F1ED",n.WarmGrey="#E7E5DC",n.White="#FFFFFF",n.LightBlue="#E2F2F5",n.Blue="#A6D8E0"}(m||(m={}))},23838:function(n,e,r){r.d(e,{y:function(){return l}});var t=r(7297),i=r(50445),o=r(14916);function a(){var n=(0,t.Z)(["\n --cta-background-color: var(--color-petrol-500);\n\n background: var(--cta-background-color);\n padding: var(--spacing-8x) 0;\n\n @media (min-width: ",") {\n padding: var(--spacing-10x) 0;\n }\n\n @media (min-width: ",") {\n padding: var(--spacing-12x) 0;\n }\n\n &.cta-wrapper--bg-petrol {\n --cta-background-color: var(--color-petrol-700);\n\n padding: var(--spacing-8x) 0;\n\n @media (min-width: ",") {\n padding: var(--spacing-16x) 0 var(--spacing-15x);\n }\n\n @media (min-width: ",") {\n padding: var(--spacing-16x) 0 var(--spacing-15x);\n }\n\n .simple-cta {\n --simple-cta-bg-color: var(--color-petrol-700);\n --simple-cta-text-color: var(--color-white-100);\n }\n }\n\n .simple-cta__contact_subtitle + .sales-person__balloon {\n margin-top: var(--spacing-2x);\n }\n\n /* Theming */\n .theme--dataplace & {\n --cta-background-color: var(--color-green-600);\n }\n"]);return a=function(){return n},n}var l=(0,i.default)(o.rj).withConfig({componentId:"sc-1ec03d9-0"})(a(),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[1024]}))},32482:function(n,e,r){r.d(e,{W:function(){return ea}});var t=r(85893),i=r(67294),o=r(9008),a=r.n(o),l=r(7297),c=r(50445);function s(){var n=(0,l.Z)(["\n width: 48px;\n height: 48px;\n background-color: #003cc5;\n position: absolute;\n right: 200px;\n border-radius: 50%;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);\n z-index: 10;\n text-align: center;\n line-height: 60px;\n cursor: pointer;\n"]);return s=function(){return n},n}var d=c.default.div.withConfig({componentId:"sc-a0c9daff-0"})(s());function p(){var n=(0,l.Z)(["\n from {\n width: 0;\n }\n\n to {\n width: 50vw;\n }\n"]);return p=function(){return n},n}function m(){var n=(0,l.Z)(["\n from {\n width: 0;\n }\n\n to {\n width: 100vw;\n }\n"]);return m=function(){return n},n}function u(){var n=(0,l.Z)(["\n width: 0;\n height: 100vh;\n background-color: white;\n border: none;\n outline: none;\n position: fixed;\n top: 0;\n right: 0;\n z-index: 99999;\n resize: horizontal;\n direction: rtl;\n animation: "," 0.4s forwards 0.2s;\n"]);return u=function(){return n},n}function h(){var n=(0,l.Z)(["\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.5);\n position: fixed;\n top: 0;\n right: 0;\n z-index: 199;\n animation: "," 0.5s ease-in;\n transition: background-color 0.5s ease;
1\n cursor: pointer;\n\n :hover {\n background-color: rgba(0, 0, 0, 0.25);\n }\n"]);return h=function(){return n},n}var g=(0,c.keyframes)(p()),f=(0,c.keyframes)(m()),v=c.default.iframe.withConfig({componentId:"sc-d1e91937-0"})(u(),g),b=c.default.div.withConfig({componentId:"sc-d1e91937-1"})(h(),f);function x(n){var e=n.id,r=n.type,o=n.cmsUrl,a=n.token,l=n.onSave,c=n.hide;i.useEffect((function(){var n=function(n){"object"===typeof n.data&&"SUBMIT_FORM"===n.data.type&&l()};return window.addEventListener("message",n,!1),function(){return window.removeEventListener("message",n,!1)}}));var s=new URL("".concat(o,"/frontend-editing/edit/").concat(r,"/").concat(e));return"string"===typeof a&&s.searchParams.set("jwt",a),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(b,{onClick:c}),(0,t.jsx)(v,{src:s.toString(),width:"100%",height:"100%"})]})}var _=function(n){var e,r,i=null!==(e=n.size)&&void 0!==e?e:24,o=null!==(r=n.color)&&void 0!==r?r:"#ffffff";return(0,t.jsxs)("svg",{width:i,height:i,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("path",{d:"M14.6626 2.87675L13.0766 1.29175C12.6876 0.90275 12.0516 0.90275 11.6626 1.29175L10.3696 2.58475L13.3696 5.58475L14.6626 4.29175C15.0516 3.90275 15.0516 3.26575 14.6626 2.87675Z",fill:o}),(0,t.jsx)("path",{d:"M2.36714 10.5861L5.36694 13.5859L12.3655 6.58734L9.36574 3.58754L2.36714 10.5861Z",fill:o}),(0,t.jsx)("path",{d:"M1.0256 14.6098C0.9386 14.8718 1.0806 15.0068 1.3416 14.9218L3.3426 14.2548L1.6926 12.6088L1.0256 14.6098Z",fill:o})]})};function w(n){var e=n.id,r=n.type,o=n.cmsUrl,a=n.token,l=n.children,c=(0,i.useState)(!1),s=c[0],p=c[1];return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(d,{onClick:function(){return p(!0)},children:(0,t.jsx)(_,{color:"#000"})}),l,s&&(0,t.jsx)(x,{id:e,type:r,cmsUrl:o,token:a,hide:function(){return p(!1)},onSave:function(){return n=function(){return p(!1)},setTimeout((function(){return n()}),100),void setTimeout((function(){var n=new URL(window.location.toString());window.location.replace(n.toString())}),500);var n}})]})}var k=r(26809),y=r(14916),j=r(14344),C=r(23038);function T(){var n=(0,l.Z)(["\n figure {\n margin: 0;\n }\n\n img {\n border-radius: 0.2rem;\n }\n\n .text-image__title {\n color: var(--color-petrol-700);\n\n @media (min-width: ",") {\n font-size: 2.8rem;\n line-height: 3.2rem;\n }\n\n @media (min-width: ",") {\n font-size: 3.2rem;\n line-height: 3.6rem;\n }\n }\n"]);return T=function(){return n},n}var z=(0,c.default)(y.rj).withConfig({componentId:"sc-f64d9f0b-0"})(T(),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[960]})),N=r(59052);function P(n){var e,r,i,o,a,l=null!=(null===(e=n.image)||void 0===e?void 0:e.dimensions)?(null===(r=n.image)||void 0===r?void 0:r.dimensions.width)/(null===(i=n.image)||void 0===i?void 0:i.dimensions.height):void 0;return(0,t.jsx)(z,{marginTop:{_:"2.8rem",600:"3.6rem",720:"4.4rem"},marginBottom:{_:"2.8rem",600:"3.6rem",720:"4.4rem"},display:{_:!0===n.showOnMobile?"grid":"none",600:"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:(0,t.jsx)(y.sg,{gridColumn:{_:"2 / 6",600:"2 / -2",720:"3 / -3",960:"4 / -4"},gridRow:{_:"1"},children:(0,t.jsxs)("figure",{children:[(0,t.jsx)(j.C,{src:null===(o=n.image)||void 0===o?void 0:o.url,alt:null===(a=n.image)||void 0===a?void 0:a.alt,breakpoints:[[600,{ar:null!==l&&void 0!==l?l:288/201,w:288}],[1280,{ar:null!==l&&void 0!==l?l:590/392,w:590}],791],aspectRatio:null!==l&&void 0!==l?l:791/445,transformations:{fo:"auto"},loading:"lazy"}),(0,N.Uh)(n.image.caption)&&(0,t.jsx)(C.YS,{children:n.image.caption})]})})})}function R(n){var e;return(0,t.jsx)(P,{image:{url:n.paragraph.media.src,alt:null!==(e=n.paragraph.alt)&&void 0!==e?e:n.paragraph.media.alt,caption:n.paragraph.caption,dimensions:null!=n.paragraph.media.dimensions?{height:n.paragraph.media.dimensions.height,width:n.paragraph.media.dimensions.width}:void 0},mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile})}var Z=r(26042),I=r(69396),B=r(828),A=r(29815),U=r(94184),M=r.n(U),O=r(11585),S=r(57247);function F(){var n=(0,l.Z)(["\n background-color: ",";\n justify-content: center;\n margin: 0;\n padding-block: var(--spacing-12x);\n position: relative;\n\n &:before {\n border-bottom: 1px solid var(--color-beige-800);\n content: '';\n grid-column: 2 / -2;
1\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n @media (min-width: ",") {\n padding-block: var(--spacing-25x);\n\n }\n\n h2 {\n @media (min-width: ",") {\n font-size: 2.8rem;\n line-height: 3.2rem;\n }\n\n @media (min-width: ",") {\n font-size: 3.2rem;\n line-height: 3.6rem;\n }\n }\n\n .embla {\n overflow: hidden;\n max-width: 1400px;\n position: relative;\n width: 100%;\n margin: 0 auto;\n\n &::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n background-image: linear-gradient(270deg, "," 12%, transparent);\n width: 80px;\n height: 100%;\n z-index: 1;\n\n @media (min-width: ",") {\n width: 100px;\n }\n }\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n background-image: linear-gradient(90deg, "," 12%, transparent);\n width: 80px;\n height: 100%;\n z-index: 1;\n\n @media (min-width: ",") {\n width: 100px;\n }\n }\n }\n"]);return F=function(){return n},n}function H(){var n=(0,l.Z)(["\n display: flex;\n flex-flow: row wrap;\n align-items: center;\n justify-content: center;\n\n @media (min-width: ",") {\n justify-content: space-between;\n }\n\n :not(a) > img,\n a {\n display: block;\n line-height: 1;\n margin: 0 var(--spacing-5x) var(--spacing-4x);\n filter: grayscale(100%);\n height: auto;\n max-width: calc(50% - var(--spacing-10x));\n width: 12rem;\n object-fit: scale-down;\n object-position: center center;\n\n @media (min-width: ",") {\n margin: 0 var(--spacing-2x) var(--spacing-4x);\n width: 11rem;\n }\n @media (min-width: ",") {\n width: 12rem;\n }\n\n img {\n max-width: 100%;\n }\n\n &.logo-grid__image--portrait {\n max-width: 6.4rem;\n }\n }\n\n &.embla__container {\n flex-flow: row nowrap;\n justify-content: space-between;\n gap: var(--spacing-4x);\n }\n\n .embla__slide {\n flex: 0 0 160px;\n min-width: 0;\n\n img {\n width: 140px;\n }\n\n @media (min-width: ",") {\n flex: 0 0 200px;\n\n img {\n width: 180px;\n }\n }\n }\n\n ","\n"]);return H=function(){return n},n}var L=(0,c.default)(y.rj).withConfig({componentId:"sc-23e0eac8-0"})(F(),(function(n){var e=n.backgroundColor;return null!==e&&void 0!==e?e:"var(--color-beige-600)"}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){var e=n.backgroundColor;return null!==e&&void 0!==e?e:"var(--color-beige-600)"}),(function(n){return n.theme.breakpoints[600]}),(function(n){var e=n.backgroundColor;return null!==e&&void 0!==e?e:"var(--color-beige-600)"}),(function(n){return n.theme.breakpoints[600]})),E=(0,c.default)("div").withConfig({componentId:"sc-23e0eac8-1"})(H(),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[600]}),S.Dh),D=r(89382),Y=r(96143);function q(n){var e={_:"2.8rem",600:"3.6rem",720:"4.4rem"},r=n.companies.length>5,o=(0,i.useMemo)((function(){if(r){var e=n.companies.map((function(n){return(0,I.Z)((0,Z.Z)({},n),{key:"".concat(n.key,"-duplicate")})}));return(0,A.Z)(n.companies).concat((0,A.Z)(e))}return(0,A.Z)(n.companies)}),[n.companies,r]),a=(0,B.Z)(r?(0,D.Z)({loop:!0},[(0,Y.Z)({speed:.75,startDelay:2e3})]):[],1)[0];return(0,t.jsxs)(L,{backgroundColor:n.backgroundColor,marginTop:e,marginBottom:e,display:{_:!0===n.showOnMobile?"grid":"none",600:"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:[n.title&&(0,t.jsx)(y.sg,{gridColumn:{_:"2 / -2",720:"3 / -3",1024:"4 / -4"},children:(0,t.jsx)(C.H2,{margin:"0",textAlign:"center",children:n.title})}),(0,t.jsx)(y.sg,{gridColumn:{_:"2 / -2",1024:r?"2 / -2":"3 / -3",1280:r?"2 / -2":"4 / -4"},className:M()({embla:r}),ref:a,children:(0,t.jsx)(E,{marginTop:"var(--spacing-8x)",className:M()({embla__container:r}),children:o.map((function(n){return(0,N.Uh)(n.href)?(0,t.jsx)(O.ZP,{href:n.href,className:M()({embla__slide:r}),children:(0,t.jsx)(j.C,{src:n.url,alt:n.title,loading:"lazy",className:M()({"logo-grid__image--portrait":null!=n.dimensions&&n.dimensions.height>=n.dimensions.width}),transformations:{fo:"auto"}},n.key)},n.key):(0,t.jsx)(j.C,{src:n.url,alt:n.title,loading:"lazy",className:M()({"logo-grid__image--portrait":null!=n.dimensions&&n.dimensions.height>=n.dimensions.width},{embla__slide:r}),transformations:{fo:"auto"}},n.key)}))})})]})}function W(n){return null==n.paragraph.items||0===n.paragraph.items.length?null:(0,t.jsx)(q,{companies:n.paragraph.items.map((function(n){var e;return{key:"company-logo-".concat(n.id),url:n.image.src,title:n.image.name,dimensions:n.image.dimensions,href:null===(e=n.target)||void 0===e?void 0:e.path}}
1)),backgroundColor:n.paragraph.LogoBackgroundColor,title:n.paragraph.logosTitle,mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile})}var V=r(26140),G=r(50663),K=r(70836);function X(){var n=(0,l.Z)(["\n --form-background-color: var(--color-petrol-500);\n\n background-color: var(--form-background-color);\n padding: var(--spacing-8x) 0;\n\n @media (min-width: ",") {\n padding: var(--spacing-12x) 0;\n }\n\n @media (min-width: ",") {\n padding: var(--spacing-16x) 0;\n }\n\n header + script + & {\n margin-top: -4.8rem;\n padding-top: calc(var(--spacing-8x) + 4.8rem);\n\n @media (min-width: ",") {\n padding-top: calc(var(--spacing-12x) + 4.8rem);\n }\n\n @media (min-width: ",") {\n padding-top: calc(var(--spacing-16x) + 4.8rem);\n }\n }\n\n .form__image {\n border-radius: 2px;\n filter: drop-shadow(0 20px 48px rgba(0, 0, 0, 0.08));\n }\n\n .form__form-box {\n background-color: var(--color-white-100);\n border-radius: 4px;\n box-shadow: 0 20px 48px rgba(0, 0, 0, 0.08);\n padding: var(--spacing-8x) var(--spacing-4x);\n\n @media (min-width: ",") {\n padding: var(--spacing-10x) var(--spacing-12x);\n }\n\n @media (min-width: ",") {\n padding: var(--spacing-10x) var(--spacing-16x);\n }\n }\n\n /* Theming */\n .theme--dataplace & {\n --form-background-color: var(--color-green-300);\n }\n"]);return X=function(){return n},n}var $=(0,c.default)(y.rj).withConfig({componentId:"sc-3abcf09c-0"})(X(),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[1024]})),J=r(75146);function Q(){var n=(0,l.Z)(["\n --input-bg-color: var(--color-beige-600);\n --input-border-color: var(--color-beige-600);\n --input-placeholder-shown-bg-color: var(--color-beige-600);\n --input-placeholder-shown-border-color: var(--color-petrol-800);\n --input-focus-bg-color: var(--color-beige-600);\n --input-focus-border-color: var(--color-beige-600);\n --input-error-border-color: var(--color-red-600);\n --input-placeholder-color: var(--color-black-600);\n --label-color: var(--color-black-800);\n --form-button-bg-color: var(--color-petrol-700);\n\n &#external-form-id-"," {\n ._form-title {\n font-size: 1.8rem;\n line-height: 2.4rem;\n margin: 0;\n\n @media (min-width: ",") {\n font-size: 2.4rem;\n line-height: 3.2rem;\n }\n }\n\n form {\n box-shadow: none;\n font-family: var(--font-family-primary);\n padding: 0;\n width: auto;\n\n @media (min-width: ",") {\n margin-inline: 0;\n }\n }\n\n ._form_element {\n margin-bottom: 3.2rem;\n }\n\n /* Text inputs */\n input[type='text'],\n input[type='password'],\n input[type='date'],\n input[type='datetime'],\n input[type='datetime-local'],\n input[type='month'],\n input[type='week'],\n input[type='email'],\n input[type='number'],\n input[type='search'],\n input[type='tel'],\n input[type='time'],\n input[type='url'],\n input[type='color'],\n select,\n textarea {\n background-color: var(--input-bg-color);\n box-shadow: none;\n border: 4px solid var(--input-border-color);\n border-radius: 4px;\n color: var(--color-black-900);\n font-family: var(--font-family-primary);\n font-size: 1.8rem;\n height: auto;\n line-height: 2.4rem;\n padding: 0.8rem 1.6rem;\n transition: border-color 350ms ease;\n margin: 0;\n }\n\n /* Text input active styles */\n input[type='text']:placeholder-shown:focus,\n input[type='password']:placeholder-shown:focus,\n input[type='date']:placeholder-shown:focus,\n input[type='datetime']:placeholder-shown:focus,\n input[type='datetime-local']:placeholder-shown:focus,\n input[type='month']:placeholder-shown:focus,\n input[type='week']:placeholder-shown:focus,\n input[type='email']:placeholder-shown:focus,\n input[type='number']:placeholder-shown:focus,\n input[type='search']:placeholder-shown:focus,\n input[type='tel']:placeholder-shown:focus,\n input[type='time']:placeholder-shown:focus,\n input[type='url']:placeholder-shown:focus,\n input[type='color']:placeholder-shown:focus,\n select:placeholder-shown:focus,\n textarea:placeholder-shown:focus {\n background-color: var(--input-placeholder-shown-bg-color);\n border: 4px solid var(--input-placeholder-shown-border-color);\n }\n\n /* Text input focus styles */\n input[type='text']:focus,\n input[type='password']:focus,\n input[type='date']:focus,\n input[type='datetime']:focus,\n input[type='datetime-local']:focus,\n input[type='month']:focus,\n input[type='week']:focus,\n input[type='email']:focus,\n input[type='number']:focus,\n input[type='search']:focus,\n input[type='tel']:focus,\n input[type='time']:focus,\n input[type='url']:focus,\n input[type='color']:focus,\n select:focus,\n textarea:focus {\n background-color: var(--input-focus-bg-color);\n border: 4px solid var(--input-focus-border-color);\n }\n\n /* Text input error styles for select */\n select._has_error {\n border: #F37C7B 1px solid;\n }\n\n /* Text input error styles */\n .form-field.error input[type='text'],\n .form-field.error input[type='password'],\n .form-field.error input[type='date'],\n .form-field.error input[type='datetime'],\n .form-field.error input[type='datetime-local'],\n .form-field.error input[type='month'],\n .form-field.error input[type='week'],\n .form-field.error input[type='email'],\n .form-field.error input[type='number'],\n .form-field.error input[type='search'],\n .form-field.error input[type='tel'],\n .form-field.error input[type='time'],\n .form-field.error input[type='url'],\n .form-field.error input[type='color'],\n .form-field.error select,\n .form-field.error textarea {\n background-image: url(\"data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 5C9.73479 5 9.48043 5.10536 9.2929 5.29289C9.10536 5.48043 9 5.73478 9 6V10C9 10.2652 9.10536 10.5196 9.2929 10.7071C9.48043 10.8946 9.73479 11 10 11C10.2652 11 10.5196 10.8946 10.7071 10.7071C10.8946 10.5196 11 10.2652 11 10V6C11 5.73478 10.8946 5.48
1043 10.7071 5.29289C10.5196 5.10536 10.2652 5 10 5ZM10.92 13.62C10.8981 13.5563 10.8679 13.4957 10.83 13.44L10.71 13.29C10.5694 13.1512 10.3908 13.0572 10.1968 13.0199C10.0028 12.9825 9.80212 13.0034 9.62 13.08C9.49882 13.1306 9.38721 13.2017 9.29 13.29C9.19732 13.3834 9.124 13.4943 9.07423 13.6161C9.02447 13.7379 8.99924 13.8684 9 14C9.00159 14.1307 9.02876 14.2598 9.08 14.38C9.12492 14.5041 9.19657 14.6168 9.28989 14.7101C9.38321 14.8034 9.49591 14.8751 9.62 14.92C9.73971 14.9729 9.86913 15.0002 10 15.0002C10.1309 15.0002 10.2603 14.9729 10.38 14.92C10.5041 14.8751 10.6168 14.8034 10.7101 14.7101C10.8034 14.6168 10.8751 14.5041 10.92 14.38C10.9712 14.2598 10.9984 14.1307 11 14C11.0049 13.9334 11.0049 13.8666 11 13.8C10.9828 13.7362 10.9558 13.6755 10.92 13.62ZM10 0C8.02219 0 6.08879 0.58649 4.4443 1.6853C2.79981 2.78412 1.51809 4.3459 0.761209 6.17317C0.00433284 8.00043 -0.193701 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 15.6725 2.92894 17.0711C4.32746 18.4696 6.10929 19.422 8.0491 19.8079C9.98891 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C20 8.68678 19.7413 7.38642 19.2388 6.17317C18.7363 4.95991 17.9997 3.85752 17.0711 2.92893C16.1425 2.00035 15.0401 1.26375 13.8268 0.761205C12.6136 0.258658 11.3132 0 10 0ZM10 18C8.41775 18 6.87104 17.5308 5.55544 16.6518C4.23985 15.7727 3.21447 14.5233 2.60897 13.0615C2.00347 11.5997 1.84504 9.99113 2.15372 8.43928C2.4624 6.88743 3.22433 5.46197 4.34315 4.34315C5.46197 3.22433 6.88743 2.4624 8.43928 2.15372C9.99113 1.84504 11.5997 2.00346 13.0615 2.60896C14.5233 3.21447 15.7727 4.23984 16.6518 5.55544C17.5308 6.87103 18 8.41775 18 10C18 12.1217 17.1572 14.1566 15.6569 15.6569C14.1566 17.1571 12.1217 18 10 18Z' fill='%23EF7542'/%3E%3C/svg%3E%0A\");\n background-position: calc(100% - 1.4rem) center;\n background-size: 2rem;\n background-repeat: no-repeat;\n border: 2px solid var(--input-error-border-color);\n padding: 1rem 4rem 1rem 1.6rem;\n }\n\n /* Text input placeholder styles */\n input[type='text']::placeholder,\n input[type='password']::placeholder,\n input[type='date']::placeholder,\n input[type='datetime']::placeholder,\n input[type='datetime-local']::placeholder,\n input[type='month']::placeholder,\n input[type='week']::placeholder,\n input[type='email']::placeholder,\n input[type='number']::placeholder,\n input[type='search']::placeholder,\n input[type='tel']::placeholder,\n input[type='time']::placeholder,\n input[type='url']::placeholder,\n input[type='color']::placeholder,\n select::placeholder,\n textarea::placeholder {\n color: var(--input-placeholder-color);\n }\n\n /* Text area styles */\n textarea {\n box-shadow: none;\n height: 100px;\n resize: vertical;\n }\n\n /* Label styles */\n ._form-label,\n ._form_element ._form-label {\n font-family: var(--font-family-primary);\n color: var(--label-color);\n font-size: 1.6rem;\n font-weight: 500;\n letter-spacing: 0.02em;\n line-height: 2rem;\n margin-bottom: 0.8rem;\n }\n\n /* Checkbox + radio styles */\n ._row {\n margin-bottom: 0.8rem;\n overflow: hidden;\n position: relative;\n\n /* rewrite checkbox label inline styles */\n label {\n font-size: 1.6rem !important;\n font-family: var(--font-family-primary) !important;\n }\n }\n\n /* Adjustments for Radio's & checkboxes\n * - Not possible to create custom checkboxes due to bad html.\n * - Styles are default styles adjusted for the current design.\n */\n input[type='checkbox'],\n input[type='radio'] {\n cursor: pointer;\n height: 2.4rem;\n margin-right: 1.6rem;\n vertical-align: middle;\n width: 2.4rem;\n\n + span {\n font-family: var(--font-family-primary);\n font-size: 1.6rem;\n line-height: 2rem;\n vertical-align: middle;\n }\n }\n\n /* Submit button styles */\n ._submit,\n input[type='submit'],\n button {\n background-color: var(--form-button-bg-color) !important;\n border-radius: var(--spacing-6x) !important;\n border: 0 !important;\n color: var(--color-white-100) !important;\n cursor: pointer;\n display: block;\n font-family: var(--font-family-primary) !important;\n font-size: 1.6rem;\n font-weight: 700;\n line-height: 2rem;\n outline: none;\n padding: 1.4rem;\n width: 100%;\n }\n\n /* Theming */\n .theme--dcspine & {\n --form-button-bg-color: var(--color-petrol-700);\n }\n\n /* Small size variant */\n ","\n }\n"]);return Q=function(){return n},n}var nn=(0,c.default)("div").withConfig({componentId:"sc-99c4ad21-0"})(Q(),(function(n){return n.formId}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[1920]}),(function(n){return"small"===n.size&&'\n ._form-content {\n display: flex;\n flex-wrap: wrap;\n gap: 1rem;\n\n > ._form_element {\n flex: 0 1 calc(50% - 0.5rem);\n margin: 0 !important;\n\n &:has(input[type="hidden"]) {\n display: none !important;\n }\n }\n\n ._inline-style input[type="text"] {\n width: 100% !important;\n }\n }\n '})),en=r(97834);function rn(n){var e,r=(0,en.I$)(null!==(e=(0,en.j)())&&void 0!==e?e:"");return i.useEffect((function(){var e=document.createElement("script");return e.src="".concat((0,J.by)(),"?id=").concat(n.formId),e.async=!0,e.addEventListener("load",(function(){document.querySelectorAll("[data-name]").forEach((function(n){var e=n.getAttribute("data-name");(null===e||void 0===e?void 0:e.includes("utm"))&&r&&r[e]&&n.setAttribute("value",r[e])}))})),document.body.appendChild(e),function(){e.removeEventListener("load",(function(){})),document.body.removeChild(e)}}),[n.formId]),(0,t.jsx)(nn,{className:"_form_".concat(n.formId),id:"external-form-id-".concat(n.formId),formId:n.formId,size:n.size})}function tn(n){var e=n.portalId,r=n.formId,o=n.region,a="hubspot-form-".concat(r),l="#".concat(a),c=(0,i.useRef)(null),s=function(){window.hbspt&&c.current&&(c.current.innerHTML="",window.hbspt.forms.create({portalId:e,formId:r,region:o,target:l}))};return(0,i.useEffect)((function(){if(!window.hbspt){var e=document.createElement("script");return e.src=n.src,e.type="text/javascript",e.async=!0,e.onload=function(){s()},document.head.appendChild(e),function(){c.current&&(c.current.innerHTML=""),document.head.contains(e)&&document.head.removeChild(e)}}s()}),[n.src]),(0,t.jsx)("div",{ref:c,id:a,style:{minHeight:"200px"}})}var on=function(n){var e;try{e=new URL(n)}catch(r){return!1}return"https:"===e.protocol},an=r(57283);function ln(n,e){if(null==e||""===e)return n;
1var r=new URL(n);return new URLSearchParams(e.replace(/^\?/,"")).forEach((function(n,e){r.searchParams.set(e,n)})),r.toString()}function cn(n){var e,r=(0,i.useState)(void 0),o=r[0],a=r[1],l=(0,an.vl)().language,c=null!==(e=n.formType)&&void 0!==e?e:"pardot",s=null!=n.image?{_:"2 / -2",600:"3 / -3",1024:"7 / 14",1280:"7 / 13"}:{_:"2 / -2",600:"3 / -3",1024:"4 / -4",1280:"5 / -5"};return(0,i.useEffect)((function(){a((0,en.j)(l))}),[]),(0,t.jsxs)($,{display:{_:!0===n.showOnMobile?"grid":"none",600:"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:[null!=n.image&&(0,t.jsx)(y.sg,{display:{_:"none",1024:"block"},gridColumn:{1024:"2 / 7"},children:(0,t.jsx)(j.C,{className:"form__image",src:n.image.url,alt:n.image.alt,breakpoints:[500,[1024,{w:627}],[1280,{w:700}]],aspectRatio:null!=n.image.dimensions?n.image.dimensions.width/n.image.dimensions.height:359/484,transformations:{fo:"auto"},loading:"lazy"})}),(0,t.jsxs)(y.sg,{className:"form__form-box",gridColumn:s,alignSelf:"flex-start",children:[(0,t.jsx)(C.H3,{marginBottom:"var(--spacing-4x)",children:n.title}),(0,N.Uh)(n.description)&&(0,t.jsx)(G.r,{children:n.description}),"activeCampaign"===c&&n.formIdentifier&&(0,t.jsx)(rn,{formId:n.formIdentifier}),"pardot"===c&&"string"===typeof n.formIdentifier&&on(n.formIdentifier)&&(0,t.jsx)(K.Z,{src:ln(n.formIdentifier,o),title:n.title}),"hubspot"===c&&"string"===typeof n.formIdentifier&&n.hubspotFormId&&n.hubspotPortalId&&n.hubspotRegion&&on(n.formIdentifier)&&(0,t.jsx)(tn,{src:"".concat(n.formIdentifier),formId:n.hubspotFormId,portalId:n.hubspotPortalId,region:n.hubspotRegion})]})]})}function sn(n){return(0,t.jsx)(cn,{title:n.paragraph.title,description:n.paragraph.description,formIdentifier:n.paragraph.form,formType:n.paragraph.formType,hubspotPortalId:n.paragraph.hubspotPortalId,hubspotFormId:n.paragraph.hubspotFormId,hubspotRegion:n.paragraph.hubspotRegion,image:null!=n.paragraph.image?{url:n.paragraph.image.src,alt:n.paragraph.image.alt,dimensions:null!=n.paragraph.image.dimensions?{height:n.paragraph.image.dimensions.height,width:n.paragraph.image.dimensions.width}:void 0}:void 0,mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile})}function dn(n){return n.condition?n.wrapper(n.children):n.children}function pn(n){var e="undefined"!==typeof n.withoutGrid&&n.withoutGrid,r={_:"2.8rem",600:"3.6rem",720:"4.4rem"};return(0,t.jsx)(dn,{condition:!e,wrapper:function(e){return(0,t.jsx)(y.rj,{marginTop:r,marginBottom:0,display:{_:!0===n.showOnMobile?"grid":"none",600:"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:(0,t.jsx)(y.sg,{gridColumn:{_:"2 / 6",600:"3 / 9",960:"4 / 12"},children:e})})},children:(0,t.jsx)(C.p2,{marginTop:e?r:0,marginBottom:0,as:"div",display:{_:!0===n.showOnMobile?"inline":"none",600:"inline"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:(0,t.jsx)(G.r,{children:n.text})})})}function mn(n){return(0,t.jsx)(pn,{text:n.paragraph.text,mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile})}function un(){var n=(0,l.Z)(["\n --table-cell-width: 13.3rem;\n --table-heading-width: 20.5rem;\n --table-border-color: var(--color-beige-800);\n\n max-width: 100%;\n\n @media (min-width: ",") {\n --table-cell-width: 14.2rem;\n }\n\n @media (min-width: ",") {\n --table-cell-width: 25%;\n }\n\n @media (min-width: ",") {\n --table-cell-width: 25%;\n }\n\n @media (min-width: ",") {\n --table-heading-width: 25rem;\n }\n\n .table__wrapper {\n overflow: auto;\n width: 100%;\n }\n\n .table {\n border-bottom: 1px solid var(--table-border-color);\n border-top: 1px solid var(--table-border-color);\n display: inline-block;\n\n @media (min-width: ",") {\n display: block;\n }\n\n @media (min-width: ",") {\n border: 0;\n }\n }\n\n .table__row {\n --table-row-column-count: 1;\n\n display: inline-block;\n position: relative;\n width: max(\n calc(var(--table-row-column-count) * var(--table-cell-width)),\n 100%\n );\n\n @media (min-width: ",") {\n display: flex;\n width: 100%;\n\n /* Width calculated based on the amount of columns\n width: calc(\n var(--table-row-column-count) * var(--table-cell-width) +\n var(--table-heading-width)\n ); */\n }\n\n &:first-child {\n .table__cell--heading {\n border-top: 0;\n\n @media (min-width: ",") {\n font-size: 2rem;\n line-height: 2.4rem;\n }\n }\n\n .table__cell {\n font-weight: 500;\n\n @media (min-width: ",") {\n border-top: 1px solid var(--table-border-color);\n font-size: 2rem;\n line-height: 2.4rem;\n }\n }\n }\n }\n\n .table__row-content {\n border-right: 1px solid var(--table-border-color);\n display: inline-flex;\n min-width: 100%;\n\n @media (min-width: ",") {\n border-right: 0;\n display: flex;\n min-width: 0;\n width: calc(100% - var(--table-heading-width));\n }\n }\n\n .table__cell {\n border-right: 1px solid var(--table-border-color);\n display: block;\n flex-basis: var(--table-cell-width);\n flex-shrink: 0;\n font-size: 1.6rem;\n line-height: 2rem;\n min-width: var(--table-cell-width);\n max-width: var(--table-cell-width);\n padding: var(--spacing-3x);\n text-align: left;\n\n @media (min-width: ",") {\n border-bottom: 1px solid var(--table-border-color);\n word-break: break-word;\n }\n\n &:first-child {\n border-left: 1px solid var(--table-border-color);\n\n @media (min-width: ",") {\n border-left: 0;\n }\n }\n }\n\n .table__cell--heading {\n border-top: 1px solid var(--table-border-color);\n border-left: 1px solid var(--table-border-color);\n border-bottom: 1px solid var(--table-border-color);\n background-color: var(--color-beige-600);\n display: block;\n font-weight: 500;\n height: 45px;\n left: 0;\n letter-spacing: 0.02em;\n max-width: none;\n min-width: 0;\n overflow: hidden;\n padding-top: var(--spacing-3x);\n position: sticky;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: calc(100vw - 1.6rem);\n z-index: 2;\n\n /* Make the table cell heading the size of the parent column for sticky title */\n @media (min-width: ",") {\n white-space: normal;\n overflow: initial;\n width: calc(100vw - 3.2rem);\n }\n\n @media (min-width: ",") {\n width: calc(100vw - 4.8rem);\n\n /* Width calculation before changing the columns\n width: calc(100vw - calc(2 * (100vw - 9 * 2.4rem) / 8) - 9.6rem);\n */\n }\n\n @media (min-width: ",") {\n width: calc(\n 100vw - calc(2 * (100vw - (13 * 2.4rem) - 8rem) / 12) - calc(4 * 2.4rem) -\n 8rem\n );\n }\n\n @media (min-width: ",") {\n border-top: 0;\n display: flex;\n align-items: center;\n height: auto;\n min-width: var(--table-heading-width);\n max-width: var(--table-heading-width);\n flex-basis: var(--table-heading-width);\n width: var(--table-heading-width);\n }\n }\n"]);return un=function(){return n},n}var hn=(0,c.default)(y.sg).withConfig({componentId:"sc-34346c5a-0"})(un(),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[1280]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[1024]}));function gn(n){return(0,t.jsx)(y.rj,{margin:{_:"2.8rem 0",600:"3.6rem 0",960:"4.4rem 0"},display:{_:!0===n.showOnMobile?"grid":"none",600:"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:(0,t.jsxs)(hn,{gridColumn:{_:"2 / -1",600:"2 / -2",960:"3 / -3",1280:"4 / -4"},children:[(0,N.Uh)(n.title)&&(0,t.jsx)(C.H2,{margin:"-4px 0 var(--spacing-4x)",children:n.title}),(0,t.jsx)("div",{className:"table__wrapper",children:(0,t.jsxs)("div",{className:"table",role:"table",children:[null!=n.table.header&&(0,t.jsxs)("div",{className:"table__row",role:"row",style:{"--table-row-column-count":n.table.header.length-1},children:[(0,t.jsx)("div",{className:"table__cell table__cell--heading",role:"rowheader",children:n.table.header[0]}),(0,t.jsx)("div",{className:"table__row-content",children:n.table.header.slice(1,5).map((function(n,e){return(0,t.jsx)("div",{className:"table__cell",role:"cell",children:n},"table-cell-".concat(n,"-").concat(e))}))})]}),(0,N.Uh)(n.table.rows)&&n.table.rows.map((function(n){if(null==n)return null;var e,r=n.slice(0,1),i=n.slice(1,5);return(0,t.jsxs)("div",{className:"table__row",role:"row",style:{"--table-row-column-count":i.length},children:[(0,t.jsx)("div",{className:"table__cell table__cell--heading",role:"rowheader",children:r}),(0,t.jsx)("div",{className:"table__row-content",children:i.map((function(n,e){return(0,t.jsx)("div",{className:"table__cell",role:"cell",children:n},"table-cell-".concat(n,"-").concat(e))}))})]},"table-row-".concat(null!==(e=r.join(","))&&void 0!==e?e:"","-").concat(n.join("-")))}))]})})]})})}function fn(n){return(0,t.jsx)(gn,{title:n.paragraph.title,table:n.paragraph.table,mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile})}function vn(){var n=(0,l.Z)(["\n .testimonial__image-wrapper {\n position: relative;\n padding-bottom: 100%;\n height: 0;\n overflow: hidden;\n\n img {\n position: absolute;\n height: 100%;\n width: 100%;\n object-fit: cover;\n object-position: center center;\n border-radius: 50%;\n }\n }\n\n .testimonial__quote {\n font-size: 2rem;\n line-height: 2.8rem;\n margin-top: var(--spacing-5x);\n margin-bottom: var(--spacing-3x);\n margin-right: 0;\n\n @media (min-width: ",") {\n margin-top: 0;\n font-size: 1.8rem;\n line-height: 2.4rem;\n }\n\n @media (min-width: ",") {\n font-size: 2rem;\n line-height: 2.8rem;\n }\n\n p {\n display: inline;\n }\n }\n\n .testimonial__quote::before {\n content: open-quote;\n }\n\n .testimonial__quote::after {\n position: absolute;\n content: close-quote;\n }\n\n .testimonial__name {\n font-size: 1.4rem;\n line-height: 2rem;\n margin: 0;\n font-weight: 700;\n }\n\n .testimonial__job-title {\n font-size: 1.4rem;\n line-height: 2rem;\n margin: 0;\n\n @media (min-width: ",") {\n font-size: 1.3rem;\n }\n\n @media (min-width: ",") {\n font-size: 1.4rem;\n }\n }\n\n .testimonial__logo-wrapper {\n margin-top: var(--spacing-6x);\n height: 4.8rem;\n width: auto;\n\n img {\n height: 100%;\n width: auto;\n }\n }\n"]);return vn=function(){return n},n}var bn=(0,c.default)(y.rj).withConfig({componentId:"sc-d2911488-0"})(vn(),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[1024]}));function xn(n){return(0,t.jsxs)(bn,{marginTop:{_:"2.8rem",600:"3.6rem",720:"4.4rem"},marginBottom:{_:"2.8rem",600:"3.6rem",720:"4.4rem"},display:{_:!0===n.showOnMobile?"grid":"none",600:"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:[null!=n.image&&(0,t.jsx)(y.sg,{gridColumn:{_:"2 / 4",600:"3 / 5",1024:"5 / 7"},gridRow:{_:"1"},children:(0,t.jsx)("div",{className:"testimonial__image-wrapper",children:(0,t.jsx)(j.C,{src:n.image.url,alt:n.image.alt,breakpoints:[[600,136],[1024,180],[1280,128],[1440,172],180],aspectRatio:1,transformations:{fo:"auto"},loading:"lazy"})})}),(0,t.jsxs)(y.sg,{gridColumn:{_:"2 / -2",600:"5 / -3",1024:"7 / -5"},gridRow:{_:"2",600:"1"},children:[(0,t.jsx)(C.R4,{className:"testimonial__quote",children:(0,t.jsx)(G.r,{children:n.text})}),(0,t.jsx)(C.P,{className:"testimonial__name",children:n.name}),(0,t.jsxs)(C.P,{className:"testimonial__job-title",children:[(0,N.Uh)(n.jobTitle)?"".concat(n.jobTitle," at "):"",n.organization]}),null!=n.logo&&(0,t.jsx)("div",{className:"testimonial__logo-wrapper",children:(0,t.jsx)(j.C,{src:n.logo.url,alt:n.logo.alt,loading:"lazy",transformations:{fo:"auto",h:50}})})]})]})}function _n(n){return null==n.paragraph.testimonials||0===n.paragraph.testimonials.length?null:(0,t.jsx)(t.Fragment,{children:n.paragraph.testimonials.map((function(i){return(0,t.jsx)(xn,{text:i.description,logo:null!=i.logo?{url:i.logo.src,alt:null!==(e=i.logo.alt)&&void 0!==e?e:""}:void 0,name:i.title,organization:i.organisation,jobTitle:i.jobTitle,image:null!=i.image?{url:i.image.src,alt:null!==(r=i.image.alt)&&void 0!==r?r:""}:void 0,mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile},"testimonial-list-".concat(i.id))}))});var e,r}function wn(){var n=(0,l.Z)(["\n img {\n border-radius: 0.2rem;\n }\n\n .text-image__title {\n color: var(--color-petrol-700);\n\n @media (min-width: ",") {\n font-size: 2.8rem;\n line-height: 3.2rem;\n }\n\n @media (min-width: ",") {\n font-size: 3.2rem;\n line-height: 3.6rem;\n }\n }\n\n .text-image__title.black {\n color: var(--color-black-900);\n }\n\n .text-image__title.green {\n color: var(--color-petrol-700);\n }\n\n .aspect-video {\n aspect-ratio: 16 / 9;\n }\n"]);return wn=function(){return n},n}var kn=(0,c.default)(y.rj).withConfig({componentId:"sc-b7b20ca6-0"})(wn(),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[960]})),yn=r(19262);function jn(n){var e,r,i,o,a,l=null!=(null===(e=n.image)||void 0===e?void 0:e.dimensions)?(null===(r=n.image)||void 0===r?void 0:r.dimensions.width)/(null===(i=n.image)||void 0===i?void 0:i.dimensions.height):void 0;return(0,t.jsxs)(kn,{marginTop:{_:"2.8rem",600:"3.6rem",720:"4.4rem"},marginBottom:{_:"2.8rem",600:"3.6rem",720:"4.4rem"},display:{_:!0===n.showOnMobile?"grid":"none",600:"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:[(0,t.jsx)(y.sg,{gridColumn:"left"===n.imagePos?{_:"2 / 6",600:"2 / 6",720:"3 / 6",960:"3 / 8"}:{_:"2 / 6",600:"6 / -2",720:"6 / -3",960:"8 / 13"},gridRow:{_:"1",600:"1"},marginBottom:{_:"3.2rem",600:"0"},children:(0,t.jsx)(j.C,{src:null===(o=n.image)||void 0===o?void 0:o.url,alt:null===(a=n.image)||void 0===a?void 0:a.alt,breakpoints:[[1024,{ar:null!==l&&void 0!==l?l:288/216,w:288}],[1280,{ar:null!==l&&void 0!==l?l:372/277,w:372}],486],aspectRatio:null!==l&&void 0!==l?l:486/364,transformations:{fo:"auto"},loading:"lazy"})}),(0,t.jsxs)(y.sg,{gridColumn:"left"===n.imagePos?{_:"2 / 6",600:"6 / -2",720:"6 / -3",960:"9 / 13"}:{_:"2 / 6",600:"2 / 6",720:"3 / 6",960:"3 / 7"},gridRow:{_:"2",600:"1"},alignSelf:"center",children:[(0,t.jsx)(G.r,{components:{h1:function(n){return(0,t.jsx)(C.H1,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h2:function(n){return(0,t.jsx)(C.H2,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h3:function(n){return(0,t.jsx)(C.H3,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h4:function(n){return(0,t.jsx)(C.H4,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h5:function(n){return(0,t.jsx)(C.H5,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h6:function(n){return(0,t.jsx)(C.H6,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},ul:C.UL,ol:C.OL,p:C.mH,blockquote:C.R4},children:n.children}),n.button.title&&n.button.path&&(0,t.jsx)(yn.z,{href:n.button.path,color:n.buttonColor,children:n.button.title})]})]})}function Cn(n){var e,r,i;return(0,t.jsx)(jn,{image:{url:n.paragraph.media.src,alt:null!==(i=n.paragraph.alt)&&void 0!==i?i:n.paragraph.media.alt,dimensions:null!=n.paragraph.media.dimensions?{height:n.paragraph.media.dimensions.height,width:n.paragraph.media.dimensions.width}:void 0},imagePos:"image_left"===n.paragraph.alignment?"left":"right",button:{title:null===(e=n.paragraph.button)||void 0===e?void 0:e.title,path:null===(r=n.paragraph.button)||void 0===r?void 0:r.path},b
1uttonColor:n.paragraph.buttonColor,mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile,children:n.paragraph.text})}var Tn=r(69631);function zn(){(0,i.useEffect)((function(){(0,Tn.C5)()&&("undefined"!==typeof(null===window||void 0===window?void 0:window.pingVpLoader)?(window.pingVpLoader(),console.info("pingVpLoader scripts redetermined.")):console.warn("pingVpLoader not found, cannot redetermine scripts."))}),[])}function Nn(){var n=(0,l.Z)(["\n --video-title-color: var(--color-black-800);\n .theme--dcspine & {\n --video-title-color: var(--color-petrol-700);\n }\n\n img {\n position: absolute;\n height: 100% !important;\n width: 100% !important;\n object-fit: cover;\n object-position: center center;\n }\n\n .video__wrapper {\n border-radius: 2px;\n overflow: hidden;\n }\n\n .video__caption {\n position: relative;\n font-size: 1.2rem;\n line-height: 1.6rem;\n margin-bottom: 0;\n margin-top: var(--spacing-2x);\n\n @media (min-width: ",") {\n font-size: 1.3rem;\n }\n\n @media (min-width: ",") {\n font-size: 1.4rem;\n }\n }\n\n .video__title {\n font-size: 2rem;\n line-height: 2.4rem;\n color: var(--video-title-color);\n\n @media (min-width: ",") {\n font-size: 2.8rem;\n line-height: 3.2rem;\n }\n\n @media (min-width: ",") {\n font-size: 3.2rem;\n line-height: 3.6rem;\n }\n }\n\n .video__desc {\n font-size: 1.6rem;\n line-height: 2.4rem;\n letter-spacing: 0.03em;\n\n @media (min-width: ",") {\n font-size: 1.7rem;\n }\n\n @media (min-width: ",") {\n font-size: 1.8rem;\n }\n }\n"]);return Nn=function(){return n},n}var Pn=(0,c.default)(y.rj).withConfig({componentId:"sc-f542b70d-0"})(Nn(),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[1024]}));function Rn(n){return zn(),i.useEffect((function(){var n=document.createElement("script");return n.src=(0,J.yR)(),n.async=!0,document.body.appendChild(n),function(){document.body.removeChild(n)}}),[]),(0,t.jsxs)(Pn,{marginTop:{_:"2.8rem",600:"3.6rem",720:"4.4rem"},marginBottom:{_:"2.8rem",600:"3.6rem",720:"4.4rem"},display:{_:!0===n.showOnMobile?"grid":"none",600:"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:[(0,t.jsxs)(y.sg,{gridColumn:{_:"2 / -2",720:"3 / -3",1024:"2 / 10",1280:"2 / 9",1440:"2 / 10"},gridRow:{_:"2",1024:"1"},margin:0,children:[(0,t.jsx)("div",{className:"video__wrapper",children:(0,t.jsx)("div",{className:"PingVP","data-video":n.videoId,"data-language":"Dutch","data-inlineplay":"true","data-controls":"below","data-autoStart":"false"})}),(0,N.Uh)(n.caption)&&(0,t.jsx)("p",{className:"video__caption",children:n.caption})]}),(0,t.jsxs)(y.sg,{gridColumn:{_:"2 / -2",720:"3 / -3",1024:"10 / -2",1280:"9 / -3",1440:"10 / -2"},gridRow:{_:"1"},marginBottom:{_:"3.2rem",1024:"0"},children:[(0,t.jsx)(C.H3,{className:"video__title",marginBottom:"var(--spacing-4x)",children:n.title}),(0,N.Uh)(n.desc)&&(0,t.jsx)(C.mH,{className:"video__desc",as:"div",children:(0,t.jsx)(G.r,{children:n.desc})})]})]})}function Zn(n){return(0,t.jsx)(Rn,{videoId:n.paragraph.pingId,caption:n.paragraph.caption,title:n.paragraph.title,desc:n.paragraph.description,mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile})}var In=r(39614);function Bn(n){var e,r,i;return(0,t.jsx)(In.F,{mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile,bgColor:null!==(e=n.paragraph.backgroundColor)&&void 0!==e?e:"transparent",bgFullWidth:null!==(r=n.paragraph.backgroundFullWidth)&&void 0!==r&&r,button:n.paragraph.optionalButton,buttonColor:null!==(i=n.paragraph.buttonColor)&&void 0!==i?i:void 0,children:n.paragraph.text})}function An(n){return(0,t.jsxs)(y.rj,{marginTop:{_:"2.8rem",600:"3.6rem",720:"4.4rem"},marginBottom:{_:"2.8rem",600:"3.6rem",720:"4.4rem"},display:{_:!0===n.showOnMobile?"grid":"none",600:"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:[(0,t.jsx)(y.sg,{gridColumn:{_:"2 / 6",600:"column"===n.view?"3 / 6":"3 / 9",960:"column"===n.view?"4 / 8":"4 / 12"},marginBottom:"1.6rem",children:(0,t.jsx)(G.r,{components:{h1:function(n){return(0,t.jsx)(C.H1,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h2:function(n){return(0,t.jsx)(C.H2,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h3:function(n){return(0,t.jsx)(C.H3,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h4:function(n){return(0,t.jsx)(C.H4,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h5:function(n){return(0,t.jsx)(C.H5,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h6:function(n){return(0,t.jsx)(C.H6,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},ul:C.UL,ol:C.OL,p:C.mH,blockquote:C.R4},children:n.textTop})}),null!=n.ctaLink&&(0,t.jsx)(y.sg,{gridRow:"column"===n.view?3:2,marginBottom:"column"===n.view?0:"1.6rem",gridColumn:{_:"2 / 6",600:"3 / 9",960:"4 / 12"},children:(0,t.jsx)(yn.z,{href:n.ctaLink.href,children:n.ctaLink.label})}),(0,N.Uh)(n.textBottom)&&(0,t.jsx)(y.sg,{gridColumn:{_:"2 / 6",600:"column"===n.view?"6 / 9":"3 / 9",960:"column"===n.view?"8 / 12":"4 / 12"},marginBottom:null!=n.ctaLink&&"column"===n.view?"1.6rem":"0",children:(0,t.jsx)(G.r,{components:{h1:function(n){return(0,t.jsx)(C.H1,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h2:function(n){return(0,t.jsx)(C.H2,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h3:function(n){return(0,t.jsx)(C.H3,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h4:function(n){return(0,t.jsx)(C.H4,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h5:function(n){return(0,t.jsx)(C.H5,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h6:function(n){return(0,t.jsx)(C.H6,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},ul:C.UL,ol:C.OL,p:C.mH,blockquote:C.R4},children:n.textBottom})})]})}function Un(n){var e,r;return(0,t.jsx)(An,{textTop:n.paragraph.textTop,textBottom:null!==(e=n.paragraph.textBottom)&&void 0!==e?e:void 0,ctaLink:{label:null!==(r=n.paragraph.wysiwygButton.title)&&void 0!==r?r:"",href:n.paragraph.wysiwygButton.path},view:n.paragraph.displayAsColumns?"column":"row",mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile})}function Mn(){var n=(0,l.Z)(["\n /* Theming */\n .theme--dcspine & {\n .title-text-cta__title {\n color: var(--color-petrol-700);\n }\n }\n\n .title-text-cta__subtitle {\n color: var(--color-red-600);\n font-weight: 500;\n margin-bottom: var(--spacing-2x);\n }\n\n .title-text-cta__title {\n font-size: 2.4rem;\n line-height: 3.2rem;\n\n @media (min-width: ",") {\n font-size: 3.2rem;\n line-height: 4rem;\n }\n }\n\n .title-text-cta__description {\n margin-block-start: var(--spacing-2x);\n\n @media (min-width: ",") {\n margin-block-start: var(--spacing-8x);\n }\n }\n"]);return Mn=function(){return n},n}function On(){var n=(0,l.Z)(["\n display: none;\n max-width: ","px;\n min-height: calc(","px + var(--spacing-3x));\n overflow: visible;\n position: relative;\n width: calc(100% + 250px);\n z-index: -1;\n\n /* Stack all images on top of each other */\n > picture {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n opacity: 0;\n transition: opacity 600ms ease-in-out;\n pointer-events: none;\n }\n\n /* Only the active image is visible */\n > picture:has(.active) {\n opacity: 1;\n z-index: 1;\n }\n\n img {\n border-radius: 12px;\n width: 100%;\n display: block;\n }\n\n @media (min-width: ",") {\n display: block;\n }\n"]);return On=function(){return n},n}var Sn=(0,c.default)(y.rj).withConfig({componentId:"sc-e500458c-0"})(Mn(),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[960]})),Fn=c.default.div.withConfig({componentId:"sc-e500458c-1"})(On(),681,471,(function(n){return n.theme.breakpoints[960]}));function Hn(n){var e,r;return(0,t.jsxs)(t.Fragment,{children:[(0,N.Uh)(n.subtitle)&&(0,t.jsx)(C.DK,{className:"title-text-cta__subtitle",$lowercase:n.lcSubtitle,color:"var(--color-black-900)",children:n.subtitle}),(0,t.jsx)(C.H2,{className:"title-text-cta__title",margin:"-4px 0 var(--spacing-4x)",color:"green"==n.titleColor?"var(--color-petrol-700)":"",children:n.title}),(0,N.Uh)(n.description)&&(0,t.jsx)(C.mH,{className:"title-text-cta__description",margin:"0 0 var(--spacing-6x)",as:"div",children:(0,t.jsx)(G.r,{children:n.description})}),null!=n.cta&&(0,t.jsx)(yn.z,{className:"title-text-cta__button",href:n.cta.url,color:null!==(e=n.btnColor)&&void 0!==e?e:"petrol",icon:"arrowRight",size:null!==(r=n.btnSize)&&void 0!==r?r:"extraSmall",children:n.cta.label})]})}function Ln(){var n=(0,l.Z)(["\n display: flex;\n flex-direction: column;\n gap: var(--spacing-1x);\n padding-block-start: var(--spacing-3x);\n width: 100%;\n\n @media (min-width: ",") {\n gap: var(--spacing-4x);\n padding-block-start: var(--spacing-24x);\n }\n"]);return Ln=function(){return n},n}function En(){var n=(0,l.Z)(['\n background-color: var(--color-beige-700);\n border-radius: 0.4rem;\n overflow: hidden;\n \n &[data-expanded="true"] {\n box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.08);\n }\n']);return En=function(){return n},n}function Dn(){var n=(0,l.Z)(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n background: transparent;\n border: none;\n box-shadow: none;\n outline: none;\n cursor: pointer;\n padding: var(--spacing-6x);\n text-align: left;\n transition: opacity 150ms ease-out;\n\n @media (min-width: ",") {\n padding: var(--spacing-6x) var(--spacing-8x);\n }\n\n &:hover {\n opacity: 0.8;\n }\n\n &:focus-visible {\n outline: 2px solid var(--color-petrol-700);\n outline-offset: -2px;\n }\n\n .accordion-summary__content {\n flex: 1;\n \n h3, h4, h5, h6 {\n color: var(--color-black-900);\n font-size: 1.4rem;\n font-weight: 700;\n line-height: 2rem;\n margin: 0;\n\n @media (min-width: ",") {\n font-size: 1.6rem;\n }\n }\n\n p {\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 2rem;\n margin: 0;\n color: var(--color-black-900);\n\n @media (min-width: ",") {\n font-size: 1.8rem;\n line-height: 2.4rem;\n }\n\n @media (min-width: ",") {\n font-size: 2rem;\n line-height: 2.8rem;\n }\n }\n }\n\n .accordion-summary__icon {\n display: grid;\n flex-shrink: 0;\n height: 1.3rem;\n margin-left: var(--spacing-4x);\n place-items: center;\n position: relative;\n width: 1.3rem;\n\n span {\n background-color: var(--color-black-900);\n border-radius: 0.1rem;\n grid-column: 1;\n grid-row: 1;\n height: 0.2rem;\n transform-origin: center center;
1\n transition: transform 250ms ease-out, opacity 250ms ease-out;\n will-change: transform;\n width: 1.2rem;\n\n &:nth-child(2) {\n transform: rotate(90deg);\n\n &.is-active {\n transform: rotate(0deg);\n opacity: 0;\n }\n }\n }\n }\n"]);return Dn=function(){return n},n}function Yn(){var n=(0,l.Z)(["\n overflow: hidden;\n transition: max-height 350ms cubic-bezier(0.4, 0, 0.2, 1);\n will-change: max-height;\n\n .accordion-details__content {\n align-items: flex-start;\n display: flex;\n flex-direction: column;\n gap: var(--spacing-6x);\n\n padding: 0 var(--spacing-6x) var(--spacing-6x);\n\n @media (min-width: ",") {\n padding: 0 var(--spacing-8x) var(--spacing-8x);\n }\n\n p {\n color: var(--color-black-800);\n font-size: 1.6rem;\n font-weight: 400;\n line-height: 2rem;\n margin: 0;\n padding: 0;\n }\n\n /* Support for rich content */\n > * {\n &:first-child {\n margin-top: 0;\n }\n \n &:last-child {\n margin-bottom: 0;\n }\n }\n\n /* FormattedText styling */\n h1, h2, h3, h4, h5, h6 {\n margin: var(--spacing-6x) 0 var(--spacing-4x) 0;\n color: var(--color-black-900);\n \n &:first-child {\n margin-top: 0;\n }\n }\n\n ul, ol {\n margin: var(--spacing-4x) 0;\n padding-left: var(--spacing-6x);\n \n li {\n margin: var(--spacing-2x) 0;\n color: var(--color-black-800);\n }\n }\n\n strong, b {\n font-weight: 600;\n color: var(--color-black-900);\n }\n }\n"]);return Yn=function(){return n},n}var qn=c.default.div.withConfig({componentId:"sc-5189d5e8-0"})(Ln(),(function(n){return n.theme.breakpoints[960]})),Wn=c.default.div.withConfig({componentId:"sc-5189d5e8-1"})(En()),Vn=c.default.button.withConfig({componentId:"sc-5189d5e8-2"})(Dn(),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[960]})),Gn=c.default.div.withConfig({componentId:"sc-5189d5e8-3"})(Yn(),(function(n){return n.theme.breakpoints[600]})),Kn=(0,i.createContext)(void 0),Xn=function(){var n=(0,i.useContext)(Kn);if(!n)throw new Error("Accordion components must be used within an AccordionProvider");return n};function $n(n){var e=n.children,r=n.defaultExpanded,o=void 0===r?null:r,a=n.onAccordionChange,l=(0,i.useState)(o),c=l[0],s=l[1];return(0,t.jsx)(Kn.Provider,{value:{expandedIndex:c,toggleAccordion:function(n){s((function(e){var r=e===n?e:n;a&&a(r,e);var t=new CustomEvent("accordionChange",{detail:{expandedIndex:r,previousIndex:e},bubbles:!0,cancelable:!0});return window.dispatchEvent(t),r}))},onAccordionChange:a},children:(0,t.jsx)(qn,{role:"region","aria-label":"Accordion",children:e})})}function Jn(n){var e=n.children,r=n.index,o=n.className,a=Xn().expandedIndex===r;return(0,t.jsx)(Wn,{className:o,"data-expanded":a,children:i.Children.map(e,(function(n){return i.isValidElement(n)?i.cloneElement(n,{index:r,isExpanded:a}):n}))})}function Qn(n){var e=n.children,r=n.index,i=n.isExpanded,o=n.className,a=Xn().toggleAccordion,l=function(){void 0!==r&&a(r)};return(0,t.jsxs)(Vn,{onClick:l,onKeyDown:function(n){"Enter"!==n.key&&" "!==n.key||(n.preventDefault(),l())},role:"button",tabIndex:0,"aria-expanded":i,className:o,"data-expanded":i,children:[(0,t.jsx)("div",{className:"accordion-summary__content",children:e}),(0,t.jsxs)("div",{className:"accordion-summary__icon","aria-hidden":"true",children:[(0,t.jsx)("span",{}),(0,t.jsx)("span",{className:i?"is-active":""})]})]})}function ne(n){var e=n.children,r=n.isExpanded,o=n.className,a=i.useRef(null),l=(0,i.useState)(0),c=l[0],s=l[1];return(0,i.useEffect)((function(){if(a.current){var n=function(){a.current&&s(r?a.current.scrollHeight:0)};n();var e=setTimeout(n,50),t=new ResizeObserver((function(){r&&n()}));return a.current&&t.observe(a.current),function(){clearTimeout(e),t.disconnect()}}}),[r,e]),(0,t.jsx)(Gn,{style:{maxHeight:r?"".concat(c,"px"):"0px"},"aria-hidden":!r,className:o,"data-expanded":r,children:(0,t.jsx)("div",{ref:a,className:"accordion-detail
1s__content",children:e})})}function ee(n){var e=(0,B.Z)(i.useState(0),2),r=e[0],o=e[1];return(0,t.jsxs)(Sn,{marginTop:{_:"var(--spacing-8x)",600:"var(--spacing-10x)",720:"var(--spacing-18x)"},marginBottom:{_:"var(--spacing-12x)",720:"var(--spacing-18x)"},children:[(0,t.jsxs)(y.sg,{gridColumn:{_:"2 / 6",600:"2 / 10",720:"3 / 9",960:"2 / 7",1280:"3 / 7"},children:[(0,t.jsx)(Hn,{subtitle:n.subtitle,title:n.title,lcSubtitle:!0,description:n.description,cta:n.cta,titleColor:n.titleColor}),(0,t.jsx)(Fn,{children:n.items.map((function(n,e){return n.AccordionItemImage?(0,t.jsx)(j.C,{src:null!==(i=n.AccordionItemImage.src)&&void 0!==i?i:"",alt:null!==(a=null!==(o=n.AccordionItemImage.alt)&&void 0!==o?o:n.title)&&void 0!==a?a:"",breakpoints:[[600,{ar:681/471,w:681}],681],aspectRatio:681/486,transformations:{fo:"auto"},loading:"lazy",className:r===e?"active":""},"accordion-image-".concat(e)):null;var i,o,a}))})]}),(0,t.jsx)(y.sg,{gridColumn:{_:"2 / 6",600:"2 / 10",720:"3 / 9",960:"8 / 14",1280:"8 / 13"},children:(0,t.jsx)($n,{defaultExpanded:0,onAccordionChange:function(n,e){o(n)},children:n.items.map((function(n,e){var r,i;return(0,t.jsxs)(Jn,{index:e,children:[(0,t.jsx)(Qn,{children:(0,t.jsx)("h3",{children:n.title})}),(0,t.jsxs)(ne,{children:[(0,t.jsx)(G.r,{children:n.AccordionItemDescription}),(0,t.jsx)(yn.z,{size:"extraSmall",href:(null===(r=n.AccordionItemLink)||void 0===r?void 0:r.path)||"",className:"accordion__cta-button",children:null===(i=n.AccordionItemLink)||void 0===i?void 0:i.title})]})]},n.title)}))})})]})}var re=function(n){var e=n.paragraph;return(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(ee,{title:e.title,subtitle:e.AccordionSubtitle,description:e.AccordionDescription,items:e.AccordionItems})})},te=r(33896),ie=r(10189),oe=r(9288);function ae(){var n=(0,l.Z)(["\n background-color: var(--color-white-100);\n list-style: none;\n margin: 0;\n height: 100%;\n box-shadow: 0 8px 40px rgba(0, 0, 0, 0.06);\n border-radius: 4px;\n will-change: height, transform;\n transition: all 350ms ease-out;\n cursor: pointer;\n\n &:hover {\n height: calc(100% + var(--spacing-4x));\n transform: translateY(calc(var(--spacing-2x) * -1));\n\n "," {\n border-width: 0;\n }\n }\n position: relative;\n z-index: 3;\n\n > a {\n text-decoration: none;\n padding: var(--spacing-4x);\n display: block;\n height: 100%;\n color: inherit;\n }\n\n &.solution-card__darkCyan {\n .solutions-card__button {\n span {\n background-color: var(--color-darkCyan-300);\n color: var(--color-darkCyan-400);\n }\n }\n }\n\n &.solution-card__green {\n .solutions-card__button {\n span {\n background-color: var(--color-green-300);\n color: var(--color-green-600);\n }\n }\n }\n\n &.solution-card__red {\n .solutions-card__button {\n span {\n background-color: var(--color-red-400);\n color: var(--color-red-600);\n }\n }\n }\n\n &.solution-card__yellow {\n .solutions-card__button {\n span {\n background-color: var(--color-orange-400);\n color: var(--color-orange-600);\n }\n }\n }\n\n .solutions-card__button {\n a {\n padding: 0;\n height: 3.2rem;\n width: 3.2rem;\n border-radius: 1.6rem;\n display: grid;\n place-items: center;\n will-change: height, width, border-radius;\n transition: all 350ms ease-out;\n }\n }\n\n .solutions-card__title {\n --solutions-card-title-color: ;\n font-size: 1.8rem;\n line-height: 2rem;\n font-weight: 500;\n margin: 0 0 var(--spacing-2x);\n color: var(--solutions-card-title-color);\n\n @media (min-width: ",") {\n font-size: 2rem;\n line-height: 2.4rem;\n }\n }\n\n .solutions-card__title--small-title {\n font-size: 1.6rem;\n line-height: 2rem;\n\n @media (min-width: ",") {\n font-size: 1.8rem;\n }\n\n @media (min-width: ",") {\n font-size: 2rem;\n line-height: 2.4rem;\n }\n }\n\n .solutions-card__subtitle {\n color: var(--color-black-700);\n }
1\n\n .solutions-card__button-wrapper {\n align-self: flex-end;\n justify-self: flex-end;\n }\n\n .theme--dcspine & {\n --solutions-card-title-color: var(--color-petrol-700);\n }\n"]);return ae=function(){return n},n}function le(){var n=(0,l.Z)(["\n ","\n"]);return le=function(){return n},n}var ce=(0,c.default)("div").withConfig({componentId:"sc-53546058-0"})(ae(),oe.K,(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[1024]})),se=(0,c.default)("p").withConfig({componentId:"sc-53546058-1"})(le(),S.bK);function de(n){var e=(0,ie.wy1)("arrow-right");return(0,t.jsx)(ce,{className:"solution-card__".concat((0,N.Uh)(n.icon)&&(0,N.Uh)(n.icon.color)?n.icon.color:"green"),display:n.display,children:(0,t.jsx)(O.oB,{href:n.cta.url,title:n.cta.title,children:(0,t.jsxs)(y.Kq,{gridTemplateRows:"1fr 48px",gridGap:(0,N.Uh)(n.gridGap)?n.gridGap:"0",children:[(0,t.jsxs)("div",{children:[null!=n.icon&&(0,t.jsx)(te.A,{icon:n.icon.type,color:n.icon.color,iconSize:"small",className:"solutions-card__icon-wrapper"}),(0,t.jsx)("h4",{className:M()({"solutions-card__title":!0,"solutions-card__title--small":n.smallTitle}),children:n.title}),(0,N.Uh)(n.desc)&&(0,t.jsx)(se,{className:"solutions-card__subtitle",display:n.display,as:"div",children:(0,t.jsx)(G.r,{children:n.desc})})]}),(0,t.jsx)("div",{className:"solutions-card__button-wrapper",children:(0,t.jsx)("div",{className:"solutions-card__button",children:(0,t.jsx)(oe.K,{children:e})})})]})})})}function pe(){var n=(0,l.Z)(["\n --solution-grid-background-color: var(--color-beige-600);\n\n ","\n\n .title-text-cta__description {\n color: var(--color-black-800);\n }\n\n .solution__shapes_column {\n white-space: nowrap;\n position: relative;\n z-index: 1;\n\n @media (min-width: ",") {\n padding-left: var(--spacing-4x);\n }\n }\n\n .solution__shape_wrapper {\n width: 686px;\n height: 480px;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n\n @media (min-width: ",") {\n width: 600px;\n height: 420px;\n }\n\n @media (min-width: ",") {\n width: 455px;\n height: 320px;\n }\n\n @media (min-width: ",") {\n width: 468px;\n height: 352px;\n }\n\n @media (min-width: ",") {\n height: 376px;\n width: 580px;\n }\n\n &.solution__shape_wrapper_circle {\n width: 480px;\n height: 480px;\n\n &:first-of-type {\n margin-left: calc(var(--spacing-4x) * -1);\n\n @media (min-width: ",") {\n margin-left: calc(var(--spacing-8x) * -1);\n }\n\n @media (min-width: ",") {\n margin-left: calc(var(--spacing-12x) * -1);\n }\n @media (min-width: ",") {\n margin-left: var(--spacing-13x);\n }\n }\n\n @media (min-width: ",") {\n width: 452px;\n height: 420px;\n }\n\n @media (min-width: ",") {\n width: 352px;\n height: 320px;\n }\n\n @media (min-width: ",") {\n width: 352px;\n height: 320px;\n }\n\n @media (min-width: ",") {\n width: 408px;\n height: 376px;\n }\n }\n }\n\n .solution__shape {\n border: 1px solid var(--color-petrol-600);\n transform-origin: center center;\n position: absolute;\n }\n\n .solution__shape_pill {\n width: 686px;\n height: 480px;\n border-radius: 240px;\n\n @media (min-width: ",") {\n width: 600px;\n height: 420px;\n border-radius: 210px;\n }\n\n @media (min-width: ",") {\n width: 455px;\n height: 320px;\n border-radius: 160px;\n }\n\n @media (min-width: ",") {\n width: 468px;\n height: 352px;\n border-radius: 176px;\n }\n\n @media (min-width: ",") {\n height: 408px;\n width: 580px;\n border-radius: 204px;\n }\n }\n\n .solution__shape_circle {\n height: calc(100% + 32px);\n width: 100%;\n border-radius: calc(50% + 16px);\n }\n .solution__shape_darkCyan {\n border-color: var(--color-darkCyan-400);\n }\n .solution__shape_red {\n border-color: var(--color-red-500);\n }\n .solution__shape_green {\n border-color: var(--color-green-600);\n\n @media (min-width: ",") {\n transform: translate(50%);\n }\n }\n .solution__shape_yellow {\n border-color: var(--color-orange-500);\n }\n\n .solutions-card__icon-wrapper {\n margin-bottom: var(--spacing-2serx);\n }\n\n /* Theming */\n .theme--dataplace & {\n --solution-grid-background-color: var(--color-beige-700);\n\n .solution__shapes_column {\n display: none;\n }\n }\n\n .theme--dcspine & {\n .title-text-cta__title {\n color: var(--color-petrol-700);\n }\n }\n"]);return pe=function(){return n},n}function me(){var n=(0,l.Z)(["\n align-items: center;\n display: flex;\n margin-bottom: var(--spacing-2x);\n\n .solution__darkCyan {\n color: var(--color-darkCyan-400);\n }\n\n .solution__green {\n color: var(--color-green-600);\n }\n\n .solution__red {\n color: var(--color-red-600);\n }\n\n .solution__yellow {\n color: var(--color-orange-600);\n }\n\n .icon-wrapper {\n height: 4rem;\n width: 4rem;\n display: grid;\n place-items: center;\n margin-right: var(--spacing-2x);\n }\n\n svg {\n height: 3.3rem;\n width: 3.3rem;\n }\n\n p {\n font-weight: 500;\n font-size: 1.6rem;\n line-height: 2rem;\n transform: translateY(-2px);\n\n @media (min-width: ",") {\n font-size: 1.8rem;\n }\n\n @media (min-width: ",") {\n font-size: 2rem;\n line-height: 2.4rem;\n }\n }\n"]);return me=function(){return n},n}var ue=(0,c.default)(y.rj).withConfig({componentId:"sc-229566f5-0"}
1)(pe(),(function(n){return(0,N.Uh)(n.hasBackground)&&n.hasBackground&&"background-color: var(--solution-grid-background-color);"}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[1280]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[1280]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[1280]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[1280]}),(function(n){return n.theme.breakpoints[720]})),he=(0,c.default)("div").withConfig({componentId:"sc-229566f5-1"})(me(),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[960]}));function ge(n){for(var e,r=[],i=0;i<n.shape.amount;i+=1){var o;r.push((0,t.jsx)("div",{className:"solution__shape_wrapper solution__shape_wrapper_".concat(n.shape.type),children:(0,t.jsx)("div",{className:"solution__shape solution__shape_".concat(null!==(o=n.shape.color)&&void 0!==o?o:""," solution__shape_").concat(n.shape.type)})},"solution-icon-".concat(n.shape.type,"-").concat(i)))}return(0,t.jsxs)(ue,{padding:{_:"var(--spacing-10x) 0",960:"var(--spacing-12x) 0"},hasBackground:n.hasBackground,display:{_:!0===n.showOnMobile?"grid":"none",600:"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:[(0,t.jsxs)(y.sg,{gridColumn:{_:"2 / -2",600:"3 / -3",720:"3 / 7",960:"3 / 9",1024:"3 / 9",1280:"4 / 9",1440:"4 / 8"},marginBottom:{_:"var(--spacing-8x)",960:"0"},gridRow:{_:"1"},alignSelf:"center",style:{zIndex:3,position:"relative"},children:[(0,N.Uh)(n.subtitle)&&(0,t.jsxs)(he,{children:[null!=n.subtitleIcon&&(0,t.jsx)("div",{className:"solution__".concat(null!==(e=n.subtitleIcon.color)&&void 0!==e?e:"green"," icon-wrapper "),children:(0,ie.wy1)(n.subtitleIcon.iconType)}),(0,t.jsx)(C.P,{children:n.subtitle})]}),(0,t.jsx)(Hn,{title:n.title,description:n.description})]}),(0,N.Uh)(n.card)&&(0,t.jsx)(y.sg,{gridColumn:{_:"2 / 6",600:"3 / 9",720:"7 / 10",960:"10 / 13",1280:"9 / 12"},gridRow:{_:"2",720:"1"},marginBottom:{_:24,720:0},children:(0,t.jsx)(de,{title:n.card.title,desc:n.card.desc,icon:(0,N.Uh)(n.card.iconType)&&(0,N.Uh)(n.card.color)?{type:n.card.iconType,color:n.card.color}:void 0,cta:{url:n.card.ctaUrl,title:n.card.title}})}),(0,t.jsx)(y.sg,{gridColumn:{_:"5 / -1",600:"7 / -1",720:"6 / -1",960:"10 / -1",1280:"9 / -1"},gridRow:{_:"1 / 3",600:"1 / 3",720:"1"},className:"solution__shapes_column",children:r})]})}function fe(n){var e=n.paragraph.solution[0],r=(0,N.Uh)(n.index)&&n.index%2!==0?{amount:1,type:"circle",color:e.color}:{amount:2,type:"pill",color:e.color};return(0,t.jsx)(ge,{card:{title:e.name,desc:e.description,color:e.color,iconType:e.icon,ctaUrl:e.path},subtitleIcon:{color:e.color,iconType:e.icon},hasBackground:"number"===typeof n.index&&n.index%2!==0,shape:r,title:n.paragraph.title,subtitle:e.name,description:n.paragraph.description,mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile})}function ve(n){if("NodeThankYouPage"===n.paragraph.content.__typename||"NodeIncident"===n.paragraph.content.__typename)return null;var e=(0,N.Uh)(n.index)&&n.index%2!==0?{amount:1,type:"circle",color:"green"}:{amount:2,type:"pill",color:"green"};return(0,t.jsx)(ge,{card:{title:n.paragraph.content.title,desc:"summary"in n.paragraph.content?n.paragraph.content.summary:void 0,ctaUrl:n.paragraph.content.path},hasBackground:"number"===typeof n.index&&n.index%2!==0,shape:e,title:n.paragraph.title,subtitle:n.paragraph.subtitle,description:n.paragraph.description,mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile})}function be(n){return(0,N.Uh)(n.paragraph.contentBanners)?(0,t.jsx)(t.Fragment,{children:n.paragraph.contentBanners.map((function(e,r){return(0,t.jsx)(ve,{paragraph:e,index:r,mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile},"solution-banner-".concat(e.id))}))}):null}var xe=r(77285),_e=r(23838);function we(n){return(0,t.jsx)(_e.y,{className:M()({"cta-wrapper--bg-petrol":"petrol"===n.background,"cta-wrapper--bg-blue":"blue"===n.background}),display:{_:!0===n.showOnMobile?"grid":"none",600:"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:(0,t.jsx)(y.sg,{gridColumn:{_:"2 / 6",600:"3 / 9",960:"3 / 13",1280:"4 / 12"}
1,children:(0,t.jsx)(xe.f,{subtitle:n.subtitle,title:n.title,description:n.description,button:n.button,link:n.link,isWidget:!1,salesPersons:n.salesPersons})})})}function ke(n){var e,r;return(0,t.jsx)(we,{title:n.paragraph.title,subtitle:n.paragraph.subtitle,description:n.paragraph.description,button:{label:null!==(e=n.paragraph.primaryAction.title)&&void 0!==e?e:"",url:n.paragraph.primaryAction.path},link:null!=n.paragraph.secondaryAction?{label:null!==(r=n.paragraph.secondaryAction.title)&&void 0!==r?r:"",url:n.paragraph.secondaryAction.path}:void 0,mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile})}function ye(n){var e,r,i,o,a,l,c,s,d,p,m,u;return(0,t.jsx)(we,{title:null===(e=n.paragraph.callToAction)||void 0===e?void 0:e.title,subtitle:null===(r=n.paragraph.callToAction)||void 0===r?void 0:r.subtitle,description:null===(i=n.paragraph.callToAction)||void 0===i?void 0:i.description,button:{label:null!==(p=null===(o=n.paragraph.callToAction)||void 0===o?void 0:o.primaryAction.title)&&void 0!==p?p:"",url:null!==(m=null===(a=n.paragraph.callToAction)||void 0===a?void 0:a.primaryAction.path)&&void 0!==m?m:""},link:null!=(null===(l=n.paragraph.callToAction)||void 0===l?void 0:l.secondaryAction)?{label:null!==(u=null===(c=n.paragraph.callToAction)||void 0===c?void 0:c.secondaryAction.title)&&void 0!==u?u:"",url:null===(s=n.paragraph.callToAction)||void 0===s?void 0:s.secondaryAction.path}:void 0,salesPersons:{images:null===(d=n.paragraph.experts)||void 0===d?void 0:d.map((function(n){return{url:n.src,alt:n.name}})),title:n.paragraph.title,subtitle:n.paragraph.sub},mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile})}var je=r(98805),Ce=r(16144),Te=r(47568),ze=r(10092),Ne=!1,Pe=[],Re=(0,J.WD)();function Ze(){for(!0;Pe.length>0;){var n=Pe.pop();null!=n&&n()}}function Ie(){return Be.apply(this,arguments)}function Be(){return(Be=(0,Te.Z)((function(){return(0,ze.__generator)(this,(function(n){switch(n.label){case 0:return[4,new Promise((function(n){var e;if((0,N.Uh)(null===window||void 0===window||null===(e=window.google)||void 0===e?void 0:e.maps))return!0,void n();if(Pe.push(n),!Ne){var r;Ne=!0;var t=document.createElement("script");t.type="text/javascript",t.src="https://maps.google.com/maps/api/js?key=".concat(Re,"&libraries=places&lang=nl");var i=document.getElementsByTagName("script")[0];null===(r=i.parentNode)||void 0===r||r.insertBefore(t,i),t.addEventListener("load",Ze)}}))];case 1:return[2,n.sent()]}}))}))).apply(this,arguments)}function Ae(){var n=(0,l.Z)(["\n p {\n font-family: var(--font-family-secundary);\n font-size: 1.8rem;\n line-height: 2.4rem;\n letter-spacing: 0.54px;\n }\n"]);return Ae=function(){return n},n}function Ue(){var n=(0,l.Z)(["\n position: relative;\n width: 100%;\n height: 500px;\n\n @media (min-width: ",") {\n height: 636px;\n }\n"]);return Ue=function(){return n},n}function Me(){var n=(0,l.Z)(["\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 0.8rem;\n aspect-ratio: 1 / 1;\n\n .gm-style-iw-d {\n overflow: auto !important;\n }\n\n .gm-style .gm-style-iw-c {\n padding: 20px !important;\n\n > button {\n opacity: 1 !important;\n right: -4px !important;\n top: -4px !important;\n transition: color 350ms ease-out;\n\n &::after,\n &::before {\n background-color: var(--color-petrol-700);\n\n height: 1px;\n content: '';\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%) rotate(-45deg);\n transition: background-color 350ms ease-out;\n width: 11px;\n }\n\n &::before {\n transform: translate(-50%, -50%) rotate(45deg);\n }\n\n &:hover {\n &::after,\n &::before {\n background-color: var(--color-petrol-500);\n }\n }\n\n > img {\n display: none !important;\n }\n }\n }\n"]);return Me=function(){return n},n}function Oe(){var n=(0,l.Z)(["\n display: flex;\n align-items: center;\n justify-content: center;\n\n position: absolute;\n inset: 0;\n pointer-events: ",";\n\n .info-window__modal {\n padding: 1.6rem;\n background-color: var(--color-petrol-400);\n box-shadow: 0 8px 40px rgba(0, 0, 0, 0.06);\n border-radius: 4px;\n transform: ",";\n opacity: ",";\n transition: transform 150ms ease-in-out, opacity 150ms ease-in-out;\n min-width: 220px;\n }\n\n .info-window__close {\n position: absolute;\n top: 0rem;\n right: 30px;\n transform: translateY(-50%);\n background-color: var(--color-black-800);\n color: var(--color-white-100);\n border-radius: 50%;\n width: 2.4rem;\n height: 2.4rem;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n box-shadow: 0px 5px 12px 0px rgba(140, 140, 140, 0.08), 0px 2px 8px 0px rgba(141, 141, 141, 0.30);\n transition: background-color 150ms ease-in-out;\n\n .button__icon {\n width: 1rem;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n &:hover {\n background-color: var(--color-petrol-800);\n } \n } \n\n .info-window__heading {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1.6rem;\n\n a {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--color-petrol-700);\n transition: color 150ms ease-in-out;\n\n svg {\n width: 2.4rem;\n height: 2.4rem;\n }\n }\n }\n\n p {\n font-size: 1.4rem;\n line-height: 2rem;\n letter-spacing: 0.04em;\n }\n\n .info-window__title {\n color: var(--info-window-title-color);\n font-size: 1.6rem;\n font-weight: 500;\n line-height: 2rem;\n margin-top: 0;\n margin-bottom: 0.4rem;\n\n @media (min-width: ",") {\n font-size: 1.8rem;\n }\n\n @media (min-width: ",") {\n font-size: 2rem;\n line-height: 2.4rem;\n }\n }\n\n .info-window__sub-title {\n display: inline-block;\n color: var(--color-black-600);\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 1.6rem;\n letter-spacing: 0.04em;\n margin-bottom: var(--spacing-2x);\n text-transform: uppercase;\n }\n"]);return Oe=function(){return n},n}function Se(){var n=(0,l.Z)(["\n overflow-y: auto;\n position: relative;\n\n @media (min-width: ",") {\n max-height: 636px;\n }\n\n .datacenters-list {\n display: flex;\n flex-direction: column;\n gap: 0.4rem;\n\n &__mobile-trigger {\n border-radius: 0.4rem;\n margin: 1.6rem 0;\n\n svg {\n width: 2rem;\n height: 2rem;\n margin-top: -0.25rem;\n margin-left: -0.25rem;\n }\n\n @media (min-width: ",") {\n display: none;\n }\n }\n }\n"]);return Se=function(){return n},n}function Fe(){var n=(0,l.Z)(["\n display: flex;
1\n align-items: center;\n background-color: ",";\n padding: 0.8rem 1.6rem;\n border-radius: 0.8rem;\n text-decoration: none;\n cursor: pointer;\n transition: background-color 150ms ease-in-out;\n cursor: ",";\n\n .datacenters-list__item-icon {\n width: 0;\n\n img {\n visibility: hidden;\n transform: translateX(-30%);\n transition: visibility 150ms ease-in-out, transform 150ms ease-in-out;\n }\n\n &--active, &--hovered {\n width: 5rem;\n margin-right: 1.6rem;\n\n img {\n visibility: visible;\n height: 5.5rem;\n transform: translateX(0);\n }\n }\n }\n\n .datacenters-list__item-content {\n flex-grow: 1;\n\n &-title {\n font-family: var(--font-family-body);\n font-weight: 500;\n font-size: 1.6rem;\n line-height: 2rem;\n letter-spacing: 0.04em;\n color: var(--color-black-800);\n margin-bottom: 0.4rem;\n }\n\n &-address, &-postal-code { \n font-size: 1.4rem;\n line-height: 1.8rem;\n letter-spacing: 0.04em;\n color: var(--color-black-700);\n margin-bottom: 0;\n white-space: nowrap;\n }\n }\n\n .datacenters-list__item-arrow {\n color: ",";\n transition: color 150ms ease-in-out;\n }\n"]);return Fe=function(){return n},n}var He=(0,c.default)(y.sg).withConfig({componentId:"sc-4f85fdca-0"})(Ae()),Le=(0,c.default)(y.sg).withConfig({componentId:"sc-4f85fdca-1"})(Ue(),(function(n){return n.theme.breakpoints[600]})),Ee=(0,c.default)("div").withConfig({componentId:"sc-4f85fdca-2"})(Me()),De=(0,c.default)("div").withConfig({componentId:"sc-4f85fdca-3"})(Oe(),(function(n){return void 0!==n.isActive&&n.isActive?"auto":"none"}),(function(n){return void 0!==n.isActive&&n.isActive?"translateY(0)":"translateY(1.6rem)"}),(function(n){return void 0!==n.isActive&&n.isActive?1:0}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[1024]})),Ye=(0,c.default)(y.sg).withConfig({componentId:"sc-4f85fdca-4"})(Se(),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[1024]})),qe=(0,c.default)("a").withConfig({componentId:"sc-4f85fdca-5"})(Fe(),(function(n){return void 0!==n.isActive&&n.isActive||n.isHovered?"var(--color-petrol-400)":"var(--color-beige-600)"}),(function(n){return void 0!==n.hasLink&&n.hasLink?"pointer":"default"}),(function(n){return void 0!==n.isActive&&n.isActive||n.isHovered?"var(--color-petrol-700)":"var(--color-black-800)"})),We=["parellaan 9","koningin wilhelminaweg 471","van coulsterweg 6","schuttevaerweg 48","tivolilaan 251","de bunders 1","reinierpolder 2","gragtmansstraat 1b","drukkerij 6"],Ve=function(n){return n.filter((function(n){return We.includes(n.address.toLowerCase())}))},Ge=[{elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"administrative.country",elementType:"geometry.stroke",stylers:[{color:"#FFFFFF"},{saturation:-35},{weight:1}]},{featureType:"administrative.land_parcel",stylers:[{visibility:"off"}]},{featureType:"administrative.neighborhood",stylers:[{visibility:"off"}]},{featureType:"administrative.province",elementType:"geometry.stroke",stylers:[{color:"#FFFFFF"}]},{featureType:"landscape.man_made",elementType:"geometry.fill",stylers:[{color:"#7BBBA0"}]},{featureType:"landscape.natural",elementType:"geometry.fill",stylers:[{color:"#7BBBA0"}]},{featureType:"landscape.natural.landcover",elementType:"geometry.fill",stylers:[{color:"#7BBBA0"}]},{featureType:"landscape.natural.terrain",elementType:"geometry.fill",stylers:[{color:"#7BBBA0"}]},{featureType:"poi",elementType:"labels.text",stylers:[{visibility:"off"}]},{featureType:"poi.business",stylers:[{visibility:"off"}]},{featureType:"road",elementType:"labels.icon",stylers:[{visibility:"off"}]},{featureType:"road.arterial",stylers:[{visibility:"off"}]},{featureType:"road.highway",elementType:"geometry.fill",stylers:[{color:"#629681"}]},{featureType:"road.highway",elementType:"geometry.stroke",stylers:[{color:"#7BBBA0"}]},{featureType:"road.highway",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"road.local",stylers:[{visibility:"off"}]},{featureType:"road.local",elementType:"geometry.stroke",stylers:[{visibility:"off"}]},{featureType:"transit",stylers:[{visibility:"off"}]},{featureType:"water",elementType:"geometry.fill",stylers:[{color:"#DDECF0"}]}];function Ke(){var n=(0,l.Z)(["\n .network-map__wrapper {\n position: relative;\n width: 100%;\n height: 50vh;\n }\n\n .network-map__marker-toggle {\n width: 20rem;\n display: flex;\n justify-content: center;\n margin: 0 1.6rem 1.6rem;\n }\n\n .network-map__search-field {\n order: 1;\n max-width: 50rem;\n margin-bottom: 0.5rem;\n width: 100%;\n\n @media (min-width: ",") {\n width: 50rem;\n }\n }\n\n .network-map__search-button-wrapper {\n display: flex;\n flex-wrap: wrap;\n position: absolute;\n justify-content: flex-end;\n top: 1.6rem;\n width: 100%;\n z-index: 1;\n\n @media (min-width: ",") {\n justify-content: center;\n }\n }\n\n .network-map__button-flex {\n order: 2;\n\n @media (min-width: ",") {\n width: 100%;\n }\n }\n"]);return Ke=function(){return n},n}function Xe(){var n=(0,l.Z)(["\n position: absolute;\n width: 100%;\n height: 100%;\n\n .gm-style-iw-d {\n overflow: auto !important;\n }\n\n .gm-style .gm-style-iw-c {\n padding: 20px !important;\n\n > button {\n opacity: 1 !important;\n right: -4px !important;\n top: -4px !important;\n transition: color 350ms ease-out;\n\n &::after,\n &::before {\n background-color: var(--color-petrol-700);\n\n height: 1px;\n content: '';\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%) rotate(-45deg);\n transition: background-color 350ms ease-out;\n width: 11px;\n }\n\n &::before {\n transform: translate(-50%, -50%) rotate(45deg);\n }\n\n &:hover {\n &::after,\n &::before {\n background-color: var(--color-petrol-500);\n }\n }\n\n > img {\n display: none !important;\n }\n }\n }\n"]);return Xe=function(){return n},n}
1var $e=(0,c.default)(y.rj).withConfig({componentId:"sc-efe80795-0"})(Ke(),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[425]}),(function(n){return n.theme.breakpoints[425]})),Je=(0,c.default)("div").withConfig({componentId:"sc-efe80795-1"})(Xe()),Qe=[{stylers:[{color:"#f3f1ed"}]},{elementType:"geometry",stylers:[{color:"#f5f5f5"}]},{elementType:"labels.icon",stylers:[{visibility:"off"}]},{elementType:"labels.text.fill",stylers:[{color:"#0e393f"}]},{elementType:"labels.text.stroke",stylers:[{color:"#f5f5f5"}]},{featureType:"administrative",elementType:"labels.text.fill",stylers:[{color:"#007681"}]},{featureType:"administrative.country",elementType:"geometry.stroke",stylers:[{color:"#D1CCBD"},{visibility:"on"},{weight:1}]},{featureType:"administrative.country",elementType:"labels.text.stroke",stylers:[{visibility:"off"}]},{featureType:"administrative.land_parcel",elementType:"labels.text.fill",stylers:[{color:"#bdbdbd"}]},{featureType:"administrative.locality",stylers:[{visibility:"simplified"}]},{featureType:"landscape",elementType:"geometry",stylers:[{color:"#f3f1ed"}]},{featureType:"poi",elementType:"geometry",stylers:[{color:"#e7e5dc"}]},{featureType:"poi",elementType:"labels.text.fill",stylers:[{color:"#999b8e"}]},{featureType:"poi.park",elementType:"geometry",stylers:[{color:"#e7e5dc"}]},{featureType:"poi.park",elementType:"labels.text.fill",stylers:[{color:"#9e9e9e"}]},{featureType:"road",elementType:"geometry",stylers:[{color:"#ffffff"}]},{featureType:"road.arterial",elementType:"labels.text.fill",stylers:[{color:"#757575"}]},{featureType:"road.highway",elementType:"geometry",stylers:[{color:"#ffffff"}]},{featureType:"road.highway",elementType:"labels.text.fill",stylers:[{color:"#616161"}]},{featureType:"road.local",elementType:"labels.text.fill",stylers:[{color:"#9e9e9e"}]},{featureType:"transit.line",elementType:"geometry",stylers:[{color:"#e5e5e5"}]},{featureType:"transit.station",elementType:"geometry",stylers:[{color:"#eeeeee"}]},{featureType:"water",elementType:"geometry",stylers:[{color:"#c9c9c9"}]},{featureType:"water",elementType:"geometry.fill",stylers:[{color:"#a6d8e0"}]},{featureType:"water",elementType:"labels.text.fill",stylers:[{color:"#9e9e9e"}]}],nr=r(90042);function er(){var n=(0,l.Z)(["\n --input-background-color: var(--color-white-100);\n --input-border-color: var(--color-white-100);\n --input-border-size: 4px;\n --input-padding: 0.8rem 1.6rem;\n --input-placeholder-color: var(--color-black-500);\n\n &:focus {\n --input-border-color: var(--color-white-100);\n }\n "]);return er=function(){return n},n}function rr(){var n=(0,l.Z)(["\n --input-background-color: var(--color-white-100);\n --input-border-color: var(--color-petrol-500);\n --input-border-size: 2px;\n --input-padding: 1rem 4rem 1rem 1.6rem;\n --input-placeholder-color: var(--color-black-500);\n\n &:placeholder-shown:focus {\n --input-border-color: var(--color-petrol-600);\n }\n\n &:focus {\n --input-border-color: var(--color-petrol-500);\n }\n "]);return rr=function(){return n},n}function tr(){var n=(0,l.Z)(["\n --input-background-color: var(--color-beige-600);\n --input-border-color: var(--color-beige-600);\n --input-border-size: 4px;\n --input-padding: 0.8rem 1.6rem;\n --input-placeholder-color: var(--color-black-600);\n --input-option--background-color: var(--color-white-100);\n --input-option--background-color-hover: var(--color-petrol-400);\n --input-option--color: var(--color-black-800);\n --input-option--color-hover: var(--color-black-900);\n --input-singleValue--color: var(--color-petrol-800);\n\n ","\n"]);return tr=function(){return n},n}var ir=(0,c.default)(nr.ZP).withConfig({componentId:"sc-7f685bef-0"})(tr(),(function(n){return"white"===n.color?(0,c.css)(er()):"blue"===n.color?(0,c.css)(rr()):""}));function or(n){return(0,t.jsx)(ir,(0,I.Z)((0,Z.Z)({},n),{styles:{container:function(n){return(0,I.Z)((0,Z.Z)({},n),{padding:"0 1.6rem"})},control:function(n){return(0,I.Z)((0,Z.Z)({}
1,n),{cursor:"pointer",border:"var(--input-border-size) solid var(--input-border-color)",borderRadius:"4px"})},placeholder:function(n){return(0,I.Z)((0,Z.Z)({},n),{color:"var(--input-placeholder-color)",fontWeight:"bold"})},option:function(n){return(0,I.Z)((0,Z.Z)({},n),{color:"var(--input-option--color)",backgroundColor:"var(--input-option--background-color)",cursor:"pointer","&:hover":{backgroundColor:"var(--input-option--background-color-hover)"}})},singleValue:function(n){return(0,I.Z)((0,Z.Z)({},n),{fontWeight:"bold",color:"var(--input-singleValue--color)"})},menu:function(n){return(0,I.Z)((0,Z.Z)({},n),{width:"calc(100% - 3.2rem)"})}}}))}function ar(n){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=(0,i.useRef)(null);return(0,i.useEffect)((function(){var t=function(e){var t,i,o=null!==(i=null===(t=r.current)||void 0===t?void 0:t.contains(e.target))&&void 0!==i&&i;null==r.current||o||n()};if(e)return document.addEventListener("mousedown",t),function(){return document.removeEventListener("mousedown",t)}}),[n,e]),r}var lr=r(95188);function cr(){var n=(0,l.Z)(["\n --marker-modal-title-color: var(--color-black-800);\n --marker-modal-subtitle-color: var(--color-petrol-800);\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n position: absolute;\n inset: 0;\n pointer-events: ",";\n\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n background-color: rgba(229, 224, 291, 0.2);\n backdrop-filter: blur(12px);\n opacity: ",";\n transition: opacity 150ms ease-in-out;\n }\n\n .marker-modal__modal {\n position: relative;\n padding: 3.2rem;\n background-color: var(--color-white-100);\n box-shadow: 0 8px 40px rgba(0, 0, 0, 0.06);\n border-radius: 4px;\n transform: ",";\n opacity: ",";\n transition: transform 150ms ease-in-out, opacity 150ms ease-in-out;\n }\n\n .marker-modal__close {\n position: absolute;\n top: 0.8rem;\n right: 0;\n }\n\n .marker-modal__title {\n color: var(--marker-modal-title-color);\n font-size: 1.6rem;\n font-weight: 500;\n line-height: 2rem;\n margin-top: 0;\n\n @media (min-width: ",") {\n font-size: 1.8rem;\n }\n\n @media (min-width: ",") {\n font-size: 2rem;\n line-height: 2.4rem;\n }\n }\n\n .marker-modal__sub-title {\n display: inline-block;\n color: var(--color-black-600);\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 1.6rem;\n letter-spacing: 0.04em;\n margin-bottom: var(--spacing-2x);\n text-transform: uppercase;\n }\n"]);return cr=function(){return n},n}var sr,dr=c.default.div.withConfig({componentId:"sc-be1da2d4-0"})(cr(),(function(n){return void 0!==n.isActive&&n.isActive?"auto":"none"}),(function(n){return void 0!==n.isActive&&n.isActive?1:0}),(function(n){return void 0!==n.isActive&&n.isActive?"translateY(0)":"translateY(1.6rem)"}),(function(n){return void 0!==n.isActive&&n.isActive?1:0}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[1024]}));function pr(n){var e,r,i,o,a=ar((function(){return n.onClose(!1)})),l=(0,lr.w)();return(0,t.jsx)(dr,{isActive:n.isActive,children:(0,t.jsxs)("div",{ref:a,className:"marker-modal__modal",children:[(0,t.jsx)(yn.z,{icon:(0,t.jsx)(ie.x8P,{}),className:"marker-modal__close",size:"extraSmall",color:"transparent",onClick:function(){return n.onClose(!1)}}),(0,t.jsx)("h4",{className:"marker-modal__title",children:null===(e=n.info)||void 0===e?void 0:e.title}),(0,t.jsxs)("span",{className:"marker-modal__sub-title",children:[l("Address"),":"]}),(0,t.jsxs)(C.P,{marginBottom:"3.8rem",children:[(0,t.jsxs)("span",{children:[null===(r=n.info)||void 0===r?void 0:r.street,", "]}),(0,t.jsxs)("span",{children:[null===(i=n.info)||void 0===i?void 0:i.postalCode,", "]}),(0,t.jsx)("span",{children:null===(o=n.info)||void 0===o?void 0:o.city})]}),null!=n.cta&&(0,t.jsx)(yn.z,{href:n.cta.href,icon:"arrowRight",children:n.cta.label})]})})}!function(n){n.DATA_CENTER="dataCenter"}(sr||(sr={}));var mr={5:{16:{10:{}}},4:{8:{5:{}}},3:{4:{2:{}}},2:{2:{1:{}}},1:{1:{0:{}}},0:{0:{0:{}}}},ur=(0,J.WD)();function hr(n){var e,r,o,a=(0,Ce.Z)(),l=(0,lr.w)(),c=i.useRef(null),s=(0,B.Z)(i.useState(""),2),d=s[0],p=s[1],m=(0,B.Z)(i.useState(void 0),2),u=m[0],h=m[1],g=(0,B.Z)(i.useState(!1),2),f=g[0],v=g[1],b=!a.disableMaps&&""!==ur;return i.useEffect((function(){if(b){Ie().then((function(){var e,r=new window.google.maps.Map(c.current,{center:n.options.position,styles:Qe,disableDefaultUI:!0,zoomControl:!0,maxZoom:14,minZoom:3,zoom:""!==d?20:n.options.zoom});r.overlayMapTypes.push(new google.maps.ImageMapType({getTileUrl:function(n,e){var r,i;if(e>5)return"";if(void 0===(null===mr||void 0===mr||null===(r=mr[e])||void 0===r||null===(i=r[n.x])||void 0===i?void 0:i[n.y]))return"";var o=function(n,e){var r=n.y,t=n.x,i=1<<e;return r<0||r>=i?null:((t<0||t>=i)&&(t=(t%i+i)%i),{x:t,y:r})}(n,e);return null==o?"":[t+"/maps/tiles/",e,"/",n.x,"/",n.y,".png"].join("")},tileSize:new google.maps.Size(256,256)}));var t=(0,J.ls)(),i=(0,J.FA)();["".concat(t,"/maps/clean-de.kmz"),"".concat(t,"/maps/nl.kmz"),"".concat(t,"/maps/be_clean.kmz"),"".concat(t,"/maps/sql_statement5.kmz"),"".concat(t,"/maps/backbone_clean.kmz")].forEac
1h((function(n){new window.google.maps.KmlLayer({url:n+"?"+i,suppressInfoWindows:!0,preserveViewport:!0,map:r})})),["/maps/fr.geojson?".concat(i),"/maps/fr-reseau-eurofiber.geojson?".concat(i)].forEach((function(n){r.data.loadGeoJson(n)})),r.data.setStyle({strokeColor:"#0e636d",strokeWeight:1,clickable:!1});var o={query:d,fields:["name","geometry"]};new window.google.maps.places.PlacesService(r).findPlaceFromQuery(o,(function(n,e){if(e===window.google.maps.places.PlacesServiceStatus.OK){if(null==n[0].geometry)return;r.setCenter(n[0].geometry.location)}})),null===(e=n.markers)||void 0===e||e.forEach((function(n){(f||""!==d)&&(f||d==n.postalCode)&&new window.google.maps.Marker({map:r,icon:d===n.postalCode?"/eurofiber/img/data-center-pin-f.svg":"/eurofiber/img/data-center-pin-m.svg",title:n.title,position:{lat:n.position.lat,lng:n.position.lng}}).addListener("click",(function(){h(n.id)}))})),null!=n.onMount&&n.onMount(r)})).catch((function(){console.warn("Loading maps failed")}))}}),[a,b,n,f,d]),(0,N.Uh)(b)?(0,t.jsx)($e,{margin:{_:"var(--spacing-10x) 0",600:"var(--spacing-12x) 0",960:"var(--spacing-20x) 0"},gridGap:{_:"2.4rem",600:"1.6rem",720:"2.4rem"},display:{_:!0===n.showOnMobile?"grid":"none",600:"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:(0,t.jsx)(y.sg,{gridColumn:{_:"2 / -2"},marginBottom:{_:"var(--spacing-6x)",960:"0"},gridRow:{_:"1"},children:(0,t.jsxs)("div",{className:"network-map__wrapper",children:[(0,t.jsxs)("div",{className:"network-map__search-button-wrapper",children:[(0,t.jsx)(or,{placeholder:l("Select location"),className:"network-map__search-field",isClearable:!0,onChange:function(n){return p(null!==(o=null===n||void 0===n?void 0:n.value)&&void 0!==o?o:"")},options:null===(e=n.markers)||void 0===e?void 0:e.map((function(n){return{label:"".concat(n.title,", ").concat(n.street,", ").concat(n.city),value:"".concat(n.postalCode)}}))}),(0,t.jsx)("div",{className:"network-map__button-flex",children:(0,t.jsx)(yn.z,{color:"white",className:"network-map__marker-toggle",onClick:function(){return v(!f)},children:l(f?"Hide datacenters":"Show datacenters")})})]}),(0,t.jsx)(Je,{ref:c}),(0,t.jsx)(pr,{onClose:function(){return h(void 0)},isActive:void 0!==u&&""!==u&&0!==u,info:null===(r=n.markers)||void 0===r?void 0:r.filter((function(n){return n.id===u}))[0],cta:n.datacenterCta})]})})}):null}function gr(n){var e,r,i,o,a,l,c=ar((function(){return n.onClose(!1)})),s=((0,lr.w)(),(0,ie.wy1)("arrow-right-circle"));return(0,t.jsx)(De,{isActive:n.isActive,children:(0,t.jsxs)("div",{ref:c,className:"info-window__modal",children:[(0,t.jsx)(yn.z,{icon:(0,t.jsx)(ie.x8P,{}),className:"info-window__close",size:"extraSmall",color:"transparent",onClick:function(){return n.onClose(!1)}}),(0,t.jsxs)("div",{className:"info-window__heading",children:[(0,t.jsx)("h4",{className:"info-window__title",children:null===(e=n.info)||void 0===e?void 0:e.title}),(null===(r=n.info)||void 0===r?void 0:r.link)&&(0,t.jsx)("a",{href:null===(i=n.info)||void 0===i?void 0:i.link,children:s})]}),(0,t.jsxs)(C.P,{marginBottom:"3.8rem",children:[null===(o=n.info)||void 0===o?void 0:o.street,(0,t.jsx)("br",{}),null===(a=n.info)||void 0===a?void 0:a.postalCode," ",null===(l=n.info)||void 0===l?void 0:l.city]})]})})}var fr=function(n){var e,r=n.markers,o=n.activeId,a=n.isHoveredId,l=n.setActiveId,c=(0,ie.wy1)("arrow-right-circle"),s=(0,lr.w)(),d=(0,je.a)(960),p=(0,i.useState)(!!d),m=p[0],u=p[1];return(0,t.jsxs)("div",{className:"datacenters-list-wrapper",children:[(0,t.jsx)(yn.z,{className:"datacenters-list__mobile-trigger",iconAlign:"start",icon:(0,ie.wy1)("list-format"),onClick:function(){return u(!m)},children:s(m?"Close overview":"Overview datacenters")}),m&&(0,t.jsx)("div",{className:"datacenters-list",children:r.map((function(n){return(0,t.jsxs)(qe,{isActive:o===n.id,isHovered:a===n.id,onMouseOver:function(){return l(n.id)},onMouseOut:function(){return l(void 0)},hasLink:null!==n.link,href:null!==(e=n.link)&&void 0!==e?e:void 0,children:[(0,t.jsx)("div",{className:M()("datacenters-list__item-icon",{"datacenters-list__item-icon--active":n.id===o,"datacenters-list__item-icon--hovered":a===n.id}),children:(0,t.jsx)("img",{src:"/maps/marker-datacenter-hover-map.svg",alt:n.title})}),(0,t.jsxs)("div",{className:"datacenters-list__item-content",children:[(0,t.jsx)(C.H4,{className:"datacenters-list__item-content-title",children:n.title}),(0,t.jsx)(C.P,{className:"datacenters-list__item-content-address",children:n.street}),(0,t.jsxs)(C.P,{className:"datacenters-list__item-content-postal-code",children:[n.postalCode," ",n.city]})]}),n.link&&(0,t.jsx)("div",{className:"datacenters-list__item-arrow",children:c})]},n.id)}))})]})},vr=(0,J.WD)(),br=function(n){var e=n.title,r=n.subtitle,o=n.datacenters,a=(n.showOnMobile,n.mobileRank,(0,Ce.Z)()),l=(0,i.useRef)(null),c=(0,i.useState)(void 0),s=c[0],d=c[1],p=(0,i.useState)(void 0),m=p[0],u=p[1],h=(0,i.useState)({}),g=h[0],f=h[1],v=(0,i.useMemo)((function(){return Ve(o).map((function(n){return{id:n.id,title:n.title,position:{lat:n.latitude,lng:n.longitude},street:n.address,city:n.city,postalCode:n.postalCode,type:sr.DATA_CENTER,link:n.link}}))}),[o]),b=(0,je.a)(960),x=!a.disableMaps&&""!==vr,_="/maps/marker-datacenter-map.svg",w="/maps/marker-datacenter-hover-map.svg";return(0,i.useEffect)((function(){if(x){Ie().then((function(){var n=new window.google.maps.Map(l.current,{center:{lat:52.1326,lng:5.2913},styles:Ge,disableDefaultUI:!0,zoomControl:!1,maxZoom:14,minZoom:b?7.5:7,zoom:b?7.5:7}),e={};v.forEach((function(r){var t=new window.google.maps.Marker({map:n,icon:_,position:{lat:r.position.lat,lng:r.position.lng}});e[r.id]=t,t.addListener("click",(function(){d(r.id)})),t.addListener("mouseover",(function(){t.setIcon(w),u(r.id)})),t.addListener("mouseout",(function(){t.setIcon(_),u(void 0)}))})),f(e)})).catch((function(){console.warn("Loading maps failed")}))}}),[x]),(0,t.jsxs)(y.rj,{paddingY:{_:"3.2rem",600:"4.8rem"},children:[(0,t.jsxs)(He,{gridColumn:{_:"2 / -2"},paddingBottom:{_:"2.4rem"},children:[(0,t.jsx)(C.H2,{marginBottom:{_:"1.6rem"},children:e}),(0,t.jsx)(C.P,{className:"datacenters-map-subtitle",children:r})]}),(0,t.jsxs)(Le,{gridColumn:{_:"2 / -2",1024:"2 / 10"},children:[(0,t.jsx)(Ee,{ref:l}),(0,t.jsx)(gr,{onClose:function(){return d(void 0)},isActive:void 0!==s,info:v.filter((function(n){return n.id===s}))[0]})]}),(0,t.jsx)(Ye,{gridColumn:{_:"2 / -2",1024:"10 / -2"},children:(0,t.jsx)(fr,{markers:v,isHoveredId:m,activeId:s,setActiveId:function(n){return function(n){u(n),g&&Object.keys(g).length>0&&(Object.keys(g).forEach((function(n){g[n].setIcon(_)})),void 0!==n&&g[n]&&g[n].setIcon(w))}(n)}})})]})};function xr(n){var e=n.paragraph,r=e.optionalTitle,i=e.optionalSubtitle,o=e.datacenters,a=e.showOnMobile,l=e.mobileRank;return(0,t.jsx)(br,{title:r,subtitle:i,datacenters:o,showOnMobile:a,mobileRank:l})}function _r(){var n=(0,l.Z)(["\n background-color: var(--color-petrol-700);\n border-radius: var(--spacing-2x);\n box-shadow: 0 8px 40px rgba(0, 0, 0, 0.06);\n color: var(--color-white-100);\n cursor: pointer;\n height: 100%;\n list-style: none;\n margin: 0;\n padding: var(--spacing-4x);\n position: relative;\n transition: all 350ms ease-out;\n will-change: height, transform;\n z-index: 3;\n\n &:hover {\n height: calc(100% + var(--spacing-4x));\n transform: translateY(calc(var(--spacing-2x) * -1));\n }\n\n .download-card__title {\n color: var(--color-white-100);\n font-weight: 500;\n font-size: 1.6rem;\n line-height: 2rem;\n\n @media (min-width: ",") {\n font-size: 1.8rem;\n }\n\n @media (min-width: ",") {\n font-size: 2rem;\n line-height: 2.4rem;\n }\n }\n\n a {\n text-decoration: none;\n }\n"]);return _r=function(){return n},n}var wr=(0,c.default)("div").withConfig({componentId:"sc-8d05cd60-0"})(_r(),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[960]}));function kr(n){return(0,t.jsx)(wr,{children:(0,t.jsx)(O.oB,{href:n.cta.url,title:n.cta.title,children:(0,t.jsxs)(y.Kq,{gridTemplateRows:"1fr 1fr",gridGap:"0",children:[(0,t.jsx)(te.A,{icon:n.type,isBgTrans
1parent:!0,iconSize:"small",circleSize:"small"}),(0,N.Uh)(n.label)&&(0,t.jsx)(C.P,{alignSelf:"flex-end",className:"download-card__title",children:n.label})]})})})}function yr(){var n=(0,l.Z)(["\n --downloads-title-color: var(--color-petrol-700);\n --downloads-bg-color: var(--color-petrol-400);\n --downloads-border: none;\n\n background-color: var(--downloads-bg-color);\n border: var(--downloads-border);\n border-radius: var(--spacing-1x);\n list-style: none;\n margin: 0;\n padding: var(--spacing-6x);\n\n h2 {\n color: var(--downloads-title-color);\n }\n\n /* Theming */\n .theme--dataplace & {\n --downloads-title-color: var(--color-black-900);\n --downloads-bg-color: transparent;\n --downloads-border: 1px solid var(--color-beige-600);\n }\n"]);return yr=function(){return n},n}var jr=(0,c.default)(y.sg).withConfig({componentId:"sc-afd2f88e-0"})(yr());function Cr(n){var e={_:"2.8rem",600:"3.6rem",720:"4.4rem"};return(0,t.jsx)(y.rj,{marginTop:e,marginBottom:e,display:{_:!0===n.showOnMobile?"grid":"none",600:"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:(0,t.jsxs)(jr,{gridColumn:{_:"2 / -2",600:"3 / 9",960:"4 / 12"},children:[(0,N.Uh)(n.title)&&(0,t.jsx)(C.H2,{children:n.title}),(0,t.jsx)(y.ZA,{gridTemplateColumns:{_:"repeat(1, 1fr)",600:"repeat(2, 1fr)"},children:n.downloads.map((function(n){return(0,t.jsx)(y.sg,{gridColumn:{_:"span 1"},children:(0,t.jsx)(kr,(0,Z.Z)({},n))},n.label)}))})]})})}function Tr(n){return null==n.paragraph.files||0===n.paragraph.files.length?null:(0,t.jsx)(Cr,{title:n.paragraph.title,downloads:n.paragraph.files.map((function(n){var e,r,t,i,o="ParagraphFile"===n.fileOrLink.__typename?{url:null!==(e=n.fileOrLink.file.src)&&void 0!==e?e:"",title:null!==(r=n.fileOrLink.file.name)&&void 0!==r?r:""}:{url:null!==(t=n.fileOrLink.button.path)&&void 0!==t?t:"",title:null!==(i=n.fileOrLink.button.title)&&void 0!==i?i:""};return{label:n.title,type:n.icon,cta:o}})),mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile})}function zr(){var n=(0,l.Z)(["\n --background-color: ",";\n --text-color: ",";\n --button-bg-color: ",";\n --button-hover-bg-color: ",";\n --button-text-color: ",";\n\n background: var(--background-color);\n position: relative;\n\n .experts-block__content-column {\n padding: var(--spacing-8x) 0;\n width: 70%;\n z-index: 2;\n\n @media (min-width: ",") {\n padding: var(--spacing-10x) 0;\n width: 100%;\n }\n\n @media (min-width: ",") {\n padding: var(--spacing-12x) 0;\n }\n }\n\n .experts-block__title {\n margin-top: 0;\n color: var(--text-color);\n }\n\n .experts-block__subtitle {\n color: var(--text-color);\n display: block;\n font-size: 1.2rem;\n font-weight: 500;\n letter-spacing: 0.04em;\n line-height: 1.6rem;\n margin-bottom: 0;\n text-transform: uppercase;\n }\n\n .experts-block__introduction {\n margin-bottom: var(--spacing-8x);\n color: var(--text-color);\n }\n\n .experts-block__introduction p {\n color: var(--text-color);\n max-width: 340px;\n font-size: 1.6rem;\n line-height: 2rem;\n letter-spacing: 0.02em;\n font-weight: 500;\n }\n\n .experts-block__image-column {\n display: none;\n @media (min-width: ",") {\n display: flex;\n align-items: flex-end;\n }\n }\n\n .experts-block__cta {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-2x);\n\n @media (min-width: ",") {\n gap: var(--spacing-4x);\n }\n\n @media (min-width: ",") {\n flex-direction: row;\n }\n }\n\n .experts-block__cta-button {\n display: flex;\n justify-content: center;\n\n @media (min-width: ",") {\n justify-content: flex-start;\n }\n\n background-color: var(--button-bg-color);\n color: var(--button-text-color);\n }\n\n .experts-block__cta-button.button--petrol {\n @media (min-width: ",") {\n background-color: transparent;\n color: var(--text-color);\n }\n }\n\n .experts-block__image {\n display: none;\n\n @media (min-width: ",') {\n display: block;\n width: 100%;\n height: 100%;\n max-height: 400px;\n object-fit: contain;\n object-position: left;\n z-index: 1;\n }\n }\n\n &::before {\n content: "";\n position: absolute;\n top: 0;\n right: 0;\n background-image: url(',");\n background-size: contain;\n background-position: bottom right;\n background-repeat: no-repeat;\n transform: translateX(25%);\n height: 100%;\n width: 400px;\n z-index: 1;\n\n @media (min-width: ",") {\n display: none;\n }\n }\n\n &::after {\n @media (min-width: ",') {\n content: "";\n position: absolute;\n bottom: 0;\n right: -30%;\n background-image: url("/eurofiber/img/bg-lines.svg");\n background-size: cover;\n background-position: bottom right;\n background-repeat: no-repeat;\n height: 100%;\n width: 100%;\n z-index: 0;\n }\n\n @media (min-width: ',") {\n background-size: contain;\n right: 0;\n }\n\n @media (min-width: ",") {\n right: 10%;\n }\n }\n"]);return zr=function(){return n},n}var Nr=(0,c.default)(y.rj).withConfig({componentId:"sc-42b6e2a3-0"})(zr(),(function(n){var e=n.background;return"petrol"===e?"var(--color-petrol-700)":"beige"===e?"var(--color-beige-700)":"white"===e?"var(--color-white-100)":"var(--color-petrol-500)"}),(function(n){var e=n.background;return"petrol"===e?"var(--color-white-100)":"beige"===e?"var(--color-anthracite-900)":"white"===e?"var(--color-black-900)":"var(--color-petrol-900)"}),(function(n){return"petrol"===n.background?"var(--color-white-100)":"var(--color-petrol-700)"}),(function(n){return"petrol"===n.background?"var(--color-petrol-400)":"var(--color-petrol-700)"}),(function(n){return"petrol"===n.background?"var(--color-petrol-900)":"var(--color-white-100)"}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.image}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[1280]})),Pr=function(n){var e=n.title,r=n.subTitle,i=n.introduction,o=n.expertImage,a=n.cta,l=n.background;return(0,t.jsxs)(Nr,{image:(null===o||void 0===o?void 0:o.src)||"",background:l||"white",children:[(0,t.jsxs)(y.sg,{gridColumn:{_:"2 / 12",600:"3 / 7",960:"2 / 9",1280:"4 / 9"},className:"experts-block__content-column",children:[(0,N.Uh)(r)&&(0,t.jsx)(C.H3,{as:"p",className:"experts-block__subtitle",children:r}),(0,t.jsx)(C.H2,{as:"h3",className:"experts-block__title",children:e}),(0,N.Uh)(i)&&(0,t.jsx)("div",{className:"experts-block__introduction",children:(0,t.jsx)(G.r,{children:i})}),(0,t.jsx)("div",{className:"experts-block__cta",children:null===a||void 0===a?void 0:a.map((function(n,e){return(0,t.jsx)(yn.z,{href:(null===n||void 0===n?void 0:n.path)||"",color:0===e?"white":"petrol",className:"experts-block__cta-button",children:null===n||void 0===n?void 0:n.title},e)}))})]}),(0,N.Uh)(o)&&(0,t.jsx)(y.sg,{className:"experts-block__image-column",gridColumn:{_:"1 / 13",600:"7 / 10",960:"9 / 13",1280:"9 / 12"},children:(0,t.jsx)(j.C,{src:(null===o||void 0===o?void 0:o.src)||"",alt:(null===o||void 0===o?void 0:o.alt)||"",className:"experts-block__image"})})]})},Rr=function(n){var e=n.paragraph,r=e.title,i=e.subTitle,o=e.introduction,a=e.expertImage,l=e.cta,c=e.backgroundColor;return(0,t.jsx)(Pr,{title:r,subTitle:i,introduction:o,expertImage:a,cta:l,background:c})};function Zr(){var n=(0,l.Z)(["\n --background-color: ",";\n --text-color: ",";\n --title-color: ",";\n --button-text-color: ",";\n\n background-color: var(--background-color);\n color: var(--text-color);\n padding: 4.8rem 0;\n\n .flat-image-cards {\n &__title {\n color: var(--title-color);\n font-size: 2.4rem;\n line-height: 3.2rem;\n margin-bottom: ",";\n margin-top: 0;\n }\n\n &__subtitle {\n margin: 0;\n font-family: var(--font-family-secundary);\n font-size: 1.8rem;\n line-height: 2.4rem;\n letter-spacing: 0.54px;\n color: var(--text-color);\n }\n\n &__description-wrapper {\n margin-top: 1.6rem;\n max-width: 720px;\n\n p {\n font-family: var(--font-family-secundary);\n font-size: 1.8rem;\n line-height: 2.4rem;\n }\n }\n\n &__wrapper {\n margin-top: 3.2rem;\n gap: 2.4rem;\n }\n\n &__cta-wrapper {\n margin-top: 2.4rem;\n }\n\n &__card {\n background-color: var(--background-color);\n color: var(--text-color);\n\n &-image {\n width: 100%;\n border-radius: 0.4rem;\n object-fit: cover;\n transition: transform 0.3s ease-in-out;\n will-change: transform;\n\n @media (min-width: ",") {\n height: 18.6rem;\n }\n }\n\n &-title {\n margin-top: 1.2rem;\n margin-bottom: 0;\n font-size: 2rem;\n line-height: 2.4rem;\n font-weight: 500;\n transition: transform 0.3s ease-in-out;\n will-change: transform;\n }\n\n &-description {\n margin-top: 0.4rem;\n font-size: 1.6rem;\n line-height: 2rem;\n transition: transform 0.3s ease-in-out;\n will-change: transform;\n }\n\n &-cta-wrapper {\n align-items: center;\n align-self: flex-end;\n display: flex;\n justify-content: space-between;\n justify-self: flex-end;\n margin-block-start: auto;\n padding-block-start: 3rem;\n transition: transform 0.3s ease-in-out;\n width: 100%;\n will-change: transform;\n\n p {\n font-size: 14px;\n font-weight: bold;\n line-height: 20px;\n margin: 0;\n color: var(--button-text-color);\n }\n\n p::first-letter {\n text-transform: uppercase;\n }\n }\n\n &.bottom-margin {\n margin-bottom: 2.4rem;\n }\n\n a {\n color: var(--text-color);\n display: flex;\n flex-direction: column;\n height: 100%;\n text-decoration: none;\n\n &:hover {\n .flat-image-cards__card-cta-wrapper {\n transform: translateY(0.5rem);\n }\n\n .flat-image-cards__card-title,\n .flat-image-cards__card-description,\n .flat-image-cards__card-image {\n transform: translateY(-0.5rem);\n }\n }\n }\n }\n }\n\n .cta-wrapper {\n color: var(--color-petrol-800);\n font-weight: 700;\n margin-top: 1.2rem;\n \n @media (min-width: ",") {\n align-items: flex-end;\n display: flex;\n justify-content: flex-end;\n }\n \n .cta-button {\n align-items: center;\n background-color: transparent;\n color: var(--color-petrol-800);\n display: flex;\n font-size: 1.4rem;\n gap: 1.8rem;\n line-height: 2rem;\n\n &--underline {\n text-decoration: none;\n transition: text-decoration 0.3s ease-in-out;\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n }\n\n .cta-button .button__icon,\n .cta-button-icon {\n --fake-button-arrow-bg-color: var(--color-petrol-700);\n --fake-button-arrow-color: var(--color-white-100);\n --fake-button-border-color: transparent;\n\n height: 3.2rem;\n width: 3.2rem;\n }
1\n\n .cta-button .button__icon {\n align-items: center;\n appearance: none;\n background-color: var(--fake-button-arrow-bg-color);\n border-color: var(--fake-button-border-color);\n border-radius: 2rem;\n border-style: solid;\n border-width: var(--spacing-1x);\n color: var(--fake-button-arrow-color);\n display: inline-flex;\n cursor: pointer;\n justify-content: center;\n margin-left: 0;\n margin-right: 0;\n padding: 0;\n text-decoration: none;\n transition: border-width 350ms ease-out;\n will-change: border-width;\n }\n"]);return Zr=function(){return n},n}var Ir=c.default.div.withConfig({componentId:"sc-14439959-0"})(Zr(),(function(n){var e=n.background;return"#A6D8E0"===e?"var(--color-petrol-700)":"#E7E5DC"===e?"var(--color-beige-700)":"#FFFFFF"===e?"var(--color-white-100)":"#E2F2F5"===e?"var(--color-petrol-500)":"var(--color-beige-600)"}),(function(n){var e=n.background;return"#A6D8E0"===e?"var(--color-white-100)":"#E7E5DC"===e?"var(--color-anthracite-900)":"FFFFFF"===e?"var(--color-black-900)":"#E2F2F5"===e?"var(--color-petrol-900)":"var(--color-black-900)"}),(function(n){return"#A6D8E0"===n.background?"var(--color-white-100)":"var(--color-black-900)"}),(function(n){var e=n.background;return"#A6D8E0"===e?"var(--color-white-100)":"#F3F1ED"===e?"var(--color-black-900)":"var(--color-petrol-800)"}),(function(n){return n.hasDescription?"3.2rem":"0"}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[960]})),Br=function(n){return(0,i.useMemo)((function(){return function(e){var r,t=e%2===0?"3 / 6":"6 / -3";switch(n){case"25_25_25_25":r=0===e?"2 / 5":3===e?"11 / -2":2===e?"8 / 11":"5 / 8";break;case"33_33_33":default:r=0===e?"2 / 6":2===e?"10 / -2":"6 / 10";break;case"50_50":r=0===e?"2 / 8":"8 / -2";break;case"25_25_50":r=0===e?"2 / 5":2===e?"8 / -2":"5 / 8";break;case"40_30_30":r=0===e?"7 / span 3":1===e?"span 3 / -3":""}return{_:"2 / -2",720:t,960:r}}}),[n])},Ar=function(n){var e,r,i,o,a,l,c,s,d,p,m,u,h,g,f,v=n.card,b=n.index,x=n.grid,_=(0,ie.wy1)("arrow-right");return(0,N.Uh)(v.cta)?(0,t.jsx)(y.sg,{gridColumn:Br(x)(b),className:M()("flat-image-cards__card",{"bottom-margin":"40_30_30"===x}),children:(0,t.jsxs)(O.ZP,{href:null!==(g=v.cta.button.path)&&void 0!==g?g:"",title:null!==(f=null===(c=v.cta)||void 0===c?void 0:c.button.title)&&void 0!==f?f:"",children:[(0,N.Uh)(v.optionalImage)&&(0,t.jsx)(j.C,{src:(null===(s=v.optionalImage)||void 0===s?void 0:s.src)||"",alt:(null===(d=v.optionalImage)||void 0===d?void 0:d.alt)||"",height:(null===(p=v.optionalImage)||void 0===p||null===(m=p.dimensions)||void 0===m?void 0:m.height)||0,width:(null===(u=v.optionalImage)||void 0===u||null===(h=u.dimensions)||void 0===h?void 0:h.width)||0,className:"flat-image-cards__card-image"}),(0,N.Uh)(v.optionalTitle)&&(0,t.jsx)(C.H3,{className:"flat-image-cards__card-title",children:v.optionalTitle}),(0,N.Uh)(v.description)&&(0,t.jsx)("div",{className:"flat-image-cards__card-description",children:(0,t.jsx)(G.r,{children:v.description})}),(0,t.jsxs)("div",{className:"flat-image-cards__card-cta-wrapper",children:[(0,N.Uh)(v.cta.button.title)&&(0,t.jsx)("p",{children:v.cta.button.title}),(0,t.jsx)("div",{className:"flat-image-cards__card-cta",children:(0,t.jsx)(oe.K,{className:"cta-button-icon",children:_})})]})]})}):(0,t.jsxs)(y.sg,{gridColumn:Br(x)(b),className:M()("flat-image-cards__card",{"bottom-margin":"40_30_30"===x}),children:[(0,N.Uh)(v.optionalImage)&&(0,t.jsx)(j.C,{src:(null===(e=v.optionalImage)||void 0===e?void 0:e.src)||"",alt:(null===(r=v.optionalImage)||void 0===r?void 0:r.alt)||"",height:(null===(i=v.optionalImage)||void 0===i||null===(o=i.dimensions)||void 0===o?void 0:o.height)||0,width:(null===(a=v.optionalImage)||void 0===a||null===(l=a.dimensions)||void 0===l?void 0:l.width)||0,className:"flat-image-cards__card-image"}),(0,N.Uh)(v.optionalTitle)&&(0,t.jsx)(C.H3,{as:"p",className:"flat-image-cards__card-title",children:v.optionalTitle}),(0,N.Uh)(v.description)&&(0,t.jsx)("div",{className:"flat-image-cards__card-description",children:(0,t.jsx)(G.r,{children:v.description})})]})},Ur=function(n){var e=n.subtitle,r=n.title,i=n.description,o=n.bgColor,a=n.cta,l="#A6D8E0"===o?"white":"petrol";return(0,t.jsxs)(t.Fragment,{children:[(0,N.Uh)(e)&&(0,t.jsx)(C.H3,{as:"p",className:"flat-image-cards__subtitle",children:e}),(0,N.Uh)(r)&&(0,t.jsx)(C.H2,{className:"flat-image-cards__title",children:r}),(0,N.Uh)(i)&&(0,t.jsx)("div",{className:"flat-image-cards__description-wrapper",children:(0,t.jsx)(G.r,{children:i})}),(0,N.Uh)(a)&&(0,t.jsx)("div",{className:"flat-image-cards__cta-wrapper",children:(0,t.jsx)(yn.z,{href:a.button.path,color:l,icon:"arrowRight",children:a.button.title})})]})},Mr=function(n){var e=n.cards,r=n.headingOnLeft,i=void 0!==r&&r,o=n.title,a=n.subtitle,l=n.description,c=n.backgroundColor,s=n.
1cta,d=n.grid,p=(0,ie.wy1)("arrow-right");return i?(0,t.jsx)(Ir,{background:c,hasDescription:(0,N.Uh)(l),children:(0,t.jsxs)(y.rj,{children:[(0,t.jsx)(y.sg,{gridColumn:{_:"2 / -2",720:"3 / -3",960:"3 / 7"},marginBottom:"2.4rem",children:(0,t.jsx)(Ur,{bgColor:c,subtitle:a,title:o,description:l})}),s&&(0,t.jsx)(y.sg,{gridColumn:{_:"2 / -2",720:"3 / -3",960:"3 / 7"},children:(0,t.jsxs)("div",{className:"flat-image-cards__card-cta-wrapper",children:[(0,N.Uh)(s.button.title)&&(0,t.jsx)("p",{children:s.button.title}),(0,t.jsx)("div",{className:"flat-image-cards__card-cta",children:(0,t.jsx)(oe.K,{className:"cta-button-icon",children:p})})]})}),e.map((function(n,e){return(0,t.jsx)(Ar,{card:n,index:e,grid:d},n.id)}))]})}):(0,t.jsxs)(Ir,{background:c,hasDescription:(0,N.Uh)(l),children:[(0,t.jsxs)(y.rj,{children:[(0,t.jsx)(y.sg,{gridColumn:{_:"2 / -2",720:"3 / -3",960:"2 / 8"},children:(0,t.jsx)(Ur,{subtitle:a,title:o,description:l,bgColor:c})}),s&&(0,t.jsx)(y.sg,{className:"cta-wrapper",gridColumn:{_:"2 / -2",720:"3 / -3",960:"9 / 14"},children:(0,t.jsx)(yn.z,{className:"cta-button cta-button--underline",href:s.button.path,icon:p,iconAlign:"end","data-test":"flat-image-cards-cta-button",children:s.button.title})})]}),(0,t.jsx)(y.rj,{className:"flat-image-cards__wrapper",children:e.map((function(n,e){return(0,t.jsx)(Ar,{card:n,index:e,grid:d},n.id)}))})]})},Or=function(n){var e,r,i=n.paragraph,o=i.backgroundColor,a=i.subtitle,l=i.optionalTitle,c=i.description,s=i.grid,d=i.flatCards,p=i.optionalCta,m="40_30_30"===s;return(0,t.jsx)(Mr,{headingOnLeft:m,title:l,subtitle:a,description:c,cta:p?{button:{title:null!==(e=p.button.title)&&void 0!==e?e:"",path:null!==(r=p.button.path)&&void 0!==r?r:""}}:void 0,backgroundColor:o,cards:d,grid:s})},Sr=r(45475),Fr=r(21850),Hr=r(7057);function Lr(){var n=(0,l.Z)(["\n 0% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(-266px);\n }\n"]);return Lr=function(){return n},n}function Er(){var n=(0,l.Z)(["\n 0% {\n transform: translateY(0) translateX(-50%);\n }\n 100% {\n transform: translateY(-26.6rem) translateX(-50%);\n }\n"]);return Er=function(){return n},n}function Dr(){var n=(0,l.Z)(["\n 0% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(-11rem);\n }\n"]);return Dr=function(){return n},n}function Yr(){var n=(0,l.Z)(["\n 0% {\n transform: translateY(25rem);\n }\n 100% {\n transform: translateY(0);\n }\n"]);return Yr=function(){return n},n}function qr(){var n=(0,l.Z)(["\n min-height: 100vh;\n position: relative;\n padding-top: 19.2rem;\n\n @media (min-width: ",") {\n padding-top: 12.3rem;\n grid-template-rows: 1fr;\n }\n\n &.home-header--start-animation {\n .home-header__content-block {\n @media (min-width: ",") {\n animation: "," 1500ms ease-out 1200ms forwards;\n transform: translateY(25rem);\n }\n }\n\n .home-header__bottom-actions {\n @media (min-width: ",") {\n animation: "," 1400ms ease-out 1400ms forwards;\n transform: translateY(25rem);\n }\n }\n\n .home-header__image-wrapper {\n @media (min-width: ",") {\n animation: "," 1700ms ease-out 1100ms forwards;\n transform: translateY(0);\n }\n\n @media (min-width: ",") {\n animation: "," 1700ms ease-out 1100ms forwards;\n transform: translateY(0) translateX(-50%);\n }\n }\n\n .home-header__image-inner-wrap {\n @media (min-width: ",") {\n animation: "," 1700ms ease-out 1100ms forwards;\n transform: translateY(0);\n }\n }\n }\n\n .home-header__content-block {\n @media (min-width: ",") {\n padding: 3.5rem 0;\n margin-top: auto;\n }\n }\n\n .home-header__title {\n color: var(--color-white-100);\n font-size: 3.2rem;\n line-height: 3.2rem;\n font-weight: 700;\n margin-bottom: var(--spacing-4x);\n margin-top: 0;\n text-shadow: 0 2rem 4.8rem rgba(0, 0, 0, 0.08);\n\n @media (min-width: ",") {\n font-size: 4rem;\n line-height: 4rem;\n margin-bottom: var(--spacing-6x);\n }\n\n @media (min-width: ",") {\n font-size: 5.6rem;\n line-height: 5.6rem;\n }\n\n @media (min-width: ",") {\n margin-bottom: var(--spacing-8x);\n }\n }\n\n .home-header__button {\n font-size: 1.4rem;\n line-height: 2rem;\n padding: 0.3rem var(--spacing-4x) 0.5rem;\n\n @media (min-width: ",") {\n font-size: 1.6rem;\n padding: 0.9rem var(--spacing-6x) 1.1rem;\n }\n }\n\n .home-header__image-wrapper {\n border-radius: 0 0 var(--spacing-12x) var(--spacing-12x);\n height: 56.3rem;\n left: 0;\n overflow: hidden;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: -1;\n\n @media (min-width: ",") {\n height: 61rem;\n }\n\n @media (min-width: ",") {\n height: calc(100% + 15rem);\n transform: translateY(-266px);\n }\n\n @media (min-width: ",") {\n left: 50%;\n transform: translateY(-26.6rem) translateX(-50%);\n width: calc(100% - 16rem);\n }\n\n img {\n height: 100%;\n left: 0;\n object-fit: cover;\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n &::after {\n background-image: linear-gradient(\n 0deg,\n rgba(0, 0, 0, 0.4),\n rgba(0, 0, 0, 0.4)\n );\n content: '';\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n }\n }\n\n .home-header__image-inner-wrap {\n position: relative;\n height: 100%;\n width: 100%;\n\n @media (min-width: ",") {\n height: calc(100% + 11rem);\n transform: translateY(-11rem);\n }\n }\n\n /* Override the styles for the simple cta for this header */\n .simple-cta__button-wrapper {\n @media (min-width: ",") {\n margin-top: auto;\n }\n }\n\n /* Theming */\n .theme--careers & {\n /* Reset header positioning for better crops on careers site */\n .home-header__image-wrapper {\n img {\n top: 26.6rem;\n }\n }\n\n &.home-header--start-animation {\n .home-header__image-wrapper {\n @media (min-width: ",") {\n animation: none;\n transform: translateY(-26.6rem);\n }\n\n @media (min-width: ",") {\n animation: none;\n transform: translateY(-26.6rem) translateX(-50%);\n }\n }\n }\n }\n"]);return qr=function(){return n},n}var Wr=(0,c.keyframes)(Lr()),Vr=(0,c.keyframes)(Er()),Gr=(0,c.keyframes)(Dr()),Kr=(0,c.keyframes)(Yr()),Xr=(0,c.default)(y.rj).withConfig({componentId:"sc-e82e4290-0"})(qr(),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[960]}),Kr,(function(n){return n.theme.breakpoints[960]}),Kr,(function(n){return n.theme.breakpoints[960]}),Wr,(function(n){return n.theme.breakpoints[1600]}),Vr,(function(n){return n.theme.breakpoints[960]}),Gr,(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[1280]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[1600]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[1600]}));function $r(n){var e,r=(0,B.Z)(i.useState(null!==(e=window.shouldAnimateHeader)&&void 0!==e&&e),2),o=r[0],a=r[1];return i.useEffect((function(){o&&(window.shouldAnimateHeader=!1,setTimeout((function(){a(!1)}),2900))}),[o]),(0,t.jsxs)(Xr,{as:"header",className:M()({"home-header--start-animation":o}),display:{_:n.showOnMobile?"grid":"none",600:"grid"},order:n.mobileRank,children:[(0,t.jsxs)(y.sg,{gridColumn:{_:"2 / -2",720:"2 / 8",960:"2 / 10"},marginBottom:{_:"var(--spacing-18x)",600:"var(--spacing-24x)",960:"auto"},marginTop:{960:"auto"},alignSelf:{960:"center"},className:"home-header__content-block",children:[(0,N.Uh)(n.subtitle)&&(0,t.jsx)(C.mH,{marginBottom:"var(--spacing-1x)",marginTop:0,color:"var(--color-white-100)",children:n.subtitle}),(0,t.jsx)("h1",{className:"home-header__title",children:n.title}),null!=n.button&&(0,t.jsx)(yn.z,{color:"white",href:n.button.url,className:"home-header__button",icon:"arrowRight",disabled:!0,children:n.button.label})]}),((0,N.Uh)(n.enablePcCheck)&&n.enablePcCheck||n.cta)&&(0,t.jsx)(y.sg,{gridColumn:"2 / -2",alignSelf:{960:"flex-end"},className:"home-header__bottom-actions",children:(0,t.jsxs)(y.ZA,{gridTemplateColumns:{_:"repeat(4, 1fr)",600:"repeat(8, 1fr)",960:"repeat(12, 1fr)"},children:[(0,N.Uh)(n.enablePcCheck)&&n.enablePcCheck&&(0,t.jsx)(Hr.Z,{children:(0,t.jsx)(y.sg,{className:"home-header__form-column",gridColumn:{_:"1 / -1",720:"1 / 5",840:"2 / 5",960:"2 / 8",1280:"1 / 8"},marginBottom:{_:"var(--spacing-4x)",720:"0"},children:n.usePostcodeVariant?(0,t.jsx)(Fr.Z,{fuzzy:!0,scaleToParent:!0,overridePcTitle:n.overridePcTitle,overridePcSubtitle:n.overridePcSubtitle,overridePcButton:n.overridePcButton,overridePcDescription:n.overridePcDescription}):(0,t.jsx)(Sr.ZP,{fuzzy:!0,scaleToParent:!0,overridePcTitle:n.overridePcTitle,overridePcSubtitle:n.overridePcSubtitle,overridePcButton:n.overridePcButton,overridePcDescription:n.overridePcDescription})})}),(0,N.Uh)(n.cta)&&(0,t.jsx)(y.sg,{className:M()({"home-header__cta-column":!0}),gridColumn:(0,N.Uh)(n.enablePcCheck)&&n.enablePcCheck?{_:"1 / -1",720:"5 / 9",840:"5 / 8",960:"8 / 12",1280:"8 / 13"}:{_:"1 / -1",720:"1 / 5",840:"2 / 5",960:"2 / 8",1280:"1 / 8"},children:(0,t.jsx)(xe.f,(0,I.Z)((0,Z.Z)({},n.cta),{isWidget:!0,isWysiwyg:"ParagraphWysiwyg"===n.ctaType}))})]})}),(0,t.jsx)("div",{className:"home-header__image-wrapper",children:(0,t.jsx)("div",{className:"home-header__image-inner-wrap",children:(0,t.jsx)(j.C,{src:n.image.url,alt:n.image.alt,breakpoints:[{ar:320/441,w:400},[400,{ar:320/440,w:400}],[600,{ar:320/440,w:600}],[720,{ar:600/440,w:720}],[1024,{ar:720/460,w:1024}],[1280,{ar:1.6,w:1280}],[1600,{ar:1.6,w:1600}],[1920,{ar:1.6,w:1920}],[2560,{ar:1.6,w:2560}]],transformations:{fo:"auto"}})})})]})}var Jr=r(88366),Qr=r(45320),nt=r(50998);function et(){var n=(0,l.Z)(["\n --header-lifetime-color: var(--color-black-800);\n --header-lifeline-bg-color: var(--color-beige-600);\n\n &.header-lifetime-stories__grid {\n padding-top: var(--spacing-30x);\n position: relative;\n\n &::after {\n background-color: var(--header-lifeline-bg-color);\n content: '';\n height: calc(100% - var(--spacing-8x));\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: -1;\n }\n }
1\n\n .header-lifetime-stories__column {\n &.header-lifetime-stories__column_is-image {\n margin-bottom: var(--spacing-4x);\n padding: var(--spacing-17x) 0 0;\n }\n\n &.header-lifetime-stories__column_is-title {\n margin-bottom: var(--spacing-6x);\n }\n\n @media (min-width: ",") {\n padding: var(--spacing-20x) 0 0;\n\n &.header-lifetime-stories__column_is-image {\n margin-bottom: 0;\n padding: var(--spacing-20x) 0 0;\n }\n\n &.header-lifetime-stories__column_is-title {\n margin-bottom: 0;\n }\n }\n\n @media (min-width: ",") {\n align-self: center;\n padding: var(--spacing-20x) 0;\n\n &.header-lifetime-stories__column_is-image {\n padding: var(--spacing-20x) 0;\n }\n }\n }\n\n .header-lifetime-stories__date {\n display: block;\n font-size: 1.2rem;\n font-weight: 500;\n letter-spacing: 0.04em;\n line-height: 1.6rem;\n text-transform: uppercase;\n margin-bottom: 0;\n\n @media (min-width: ",") {\n font-size: 1.1rem;\n line-height: 1.2rem;\n }\n\n @media (min-width: ",") {\n font-size: 1.2rem;\n line-height: 1.6rem;\n }\n }\n\n .header-lifetime-stories__author {\n font-family: var(--font-family-secundary);\n font-size: 1.6rem;\n letter-spacing: 0.03em;\n line-height: 2.4rem;\n margin: 0;\n\n @media (min-width: ",") {\n font-size: 1.7rem;\n }\n\n @media (min-width: ",") {\n font-size: 1.8rem;\n }\n }\n\n .header-lifetime-stories__title {\n margin-bottom: var(--spacing-3x);\n margin-top: 0;\n color: var(--header-lifetime-color);\n }\n\n .header-lifetime-stories__description {\n font-size: 1.6rem;\n font-weight: 500;\n line-height: 2rem;\n margin-bottom: 1.6rem;\n margin-top: 0;\n }\n .simple-cta__button {\n color: var(--header-lifetime-color);\n }\n\n /* Theming */\n .theme--dataplace & {\n --header-lifeline-bg-color: var(--color-beige-700);\n }\n\n .theme--dcspine & {\n --header-lifetime-color: var(--color-petrol-700);\n }\n"]);return et=function(){return n},n}var rt=(0,c.default)(y.rj).withConfig({componentId:"sc-efd13410-0"})(et(),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[960]}));function tt(n){var e=n.image,r=n.date,i=n.author,o=n.title,a=n.desc,l=n.cta,c=n.contactBlock,s=n.ctaType,d=(0,an.vl)();(0,lr.w)();return(0,t.jsxs)(rt,{as:"header",className:"header-lifetime-stories__grid",children:[(0,t.jsx)(y.sg,{gridColumn:{_:"2 / -2",600:"2 / 6",960:"2 / 8",1024:"3 / 8"},gridRow:{_:"1",600:"1"},className:"header-lifetime-stories__column header-lifetime-stories__column_is-image",children:(0,t.jsx)(j.C,{src:e.url,alt:e.alt,breakpoints:[[600,{ar:1,w:287}],[720,{ar:276/360,w:276}],[1024,{ar:.8,w:384}],[1440,{ar:467/480,w:467}],[1600,{ar:479/480,w:479}],486],aspectRatio:1.0125,transformations:{fo:"auto"}})}),(0,t.jsxs)(y.sg,{gridColumn:{_:"2 / -2",600:"6 / -2",960:"8 / -2",1024:"8 / -3"},gridRow:{_:"2",600:"1"},className:"header-lifetime-stories__column header-lifetime-stories__column_is-title",children:[(0,N.Uh)(r)&&(0,t.jsx)("strong",{className:"header-lifetime-stories__date",children:(0,Qr.Zh)((0,nt.E)(r),d.locale)}),(0,N.bJ)(i)&&(0,t.jsx)(C.P,{className:"header-lifetime-stories__author",children:i}),(0,t.jsx)(C.H1,{className:"header-lifetime-stories__title",children:o}),(0,N.Uh)(a)&&(0,t.jsx)("div",{className:"header-lifetime-stories__description",children:(0,t.jsx)(G.r,{children:a})}),null!=l&&(0,t.jsx)(yn.z,{href:l.url,size:"extraSmall",className:"header-lifetime-stories__button",children:l.label})]}),null!=c&&(0,t.jsx)(y.sg,{gridColumn:{_:"2 / -2",600:"2 / 8",720:"2 / 5",960:"2 / 6",1280:"2 / 7"},gridRow:{_:"4",600:"2",720:"1"},marginTop:{_:0,600:" calc(var(--spacing-2x) * -1)",720:0},alignSelf:"flex-end",children:(0,t.jsx)(xe.f,(0,I.Z)((0,Z.Z)({},c),{isWidget:!0,isWysiwyg:"ParagraphWysiwyg"===s}))})]})}function it(){var n=(0,l.Z)(["\n 0% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(-266px);\n }\n"]);return it=function(){return n},n}function ot(){var n=(0,l.Z)(["\n 0% {\n transform: translateY(0) translateX(-50%);\n }\n 100% {\n transform: translateY(-26.6rem) translateX(-50%);\n }\n"]);return ot=function(){return n},n}function at(){var n=(0,l.Z)(["\n 0% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(-11rem);\n }\n"]);return at=function(){return n},n}function lt(){var n=(0,l.Z)(["\n 0% {\n transform: translateY(10rem);\n }\n 100% {\n transform: translateY(0);\n }\n"]);return lt=function(){return n},n}function ct(){var n=(0,l.Z)(["\n position: relative;\n padding-top: 15rem;\n\n @media (min-width: ",") {\n padding-top: 12.3rem;\n grid-template-rows: 1fr;\n }\n\n &.home-header--start-animation {\n // .home-header__content-block {\n // @media (min-width: ",") {\n // animation: "," 500ms ease-out 1200ms forwards;\n // transform: translateY(10rem);\n // }\n // }\n\n // .home-header__bottom-actions {\n // @media (min-width: ",") {\n // animation: "," 400ms ease-out 1200ms forwards;\n // transform: translateY(10rem);\n // }\n // }\n\n // .home-header__image-wrapper {\n // @media (min-width: ",") {\n // animation: "," 700ms ease-out 1100ms forwards;\n // transform: translateY(0);\n // }\n\n // @media (min-width: ",") {\n // animation: "," 700ms ease-out 1100ms forwards;\n // transform: translateY(0) translateX(-50%);\n // }\n // }\n\n // .home-header__image-inner-wrap {\n // @media (min-width: ",") {\n // animation: "," 700ms ease-out 1100ms forwards;\n // transform: translateY(0);\n // }\n // }\n }\n\n .home-header__content-block {\n text-align: center;\n @media (min-width: ",") {\n padding: 3.5rem 0;\n margin-top: auto;\n }\n }\n\n .home-header__title {\n color: var(--color-white-100);\n font-size: 3.2rem;\n line-height: 3.2rem;\n font-weight: 700;\n margin-bottom: var(--spacing-4x);\n margin-top: 0;\n text-shadow: 0 2rem 4.8rem rgba(0, 0, 0, 0.08);\n\n @media (min-width: ",") {\n font-size: 4rem;\n line-height: 4rem;\n margin-bottom: var(--spacing-6x);\n }\n\n @media (min-width: ",") {\n font-size: 5.6rem;\n line-height: 5.6rem;\n }\n\n @media (min-width: ",") {\n margin-bottom: var(--spacing-8x);\n }\n }\n\n .home-header__title.no-margin {\n margin-bottom: 0;\n }\n\n .home-header__button {\n font-size: 1.4rem;\n line-height: 2rem;\n padding: 0.3rem var(--spacing-4x) 0.5rem;\n color: var(--color-white-100);\n\n @media (min-width: ",") {\n font-size: 1.6rem;\n padding: 0.9rem var(--spacing-6x) 1.1rem;\n\n &:hover {\n .button__icon {\n transform: translateX(6px);\n }\n }\n\n .button__icon {\n transition: transform 200ms ease-in-out;\n }\n }\n }\n\n .home-header__image-wrapper {\n border-radius: 0 0 var(--spacing-12x) var(--spacing-12x);\n height: 56.3rem;\n left: 0;\n overflow: hidden;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: -1;\n\n @media (min-width: ",") {\n height: 48rem;\n }\n\n @media (min-width: ",") {\n height: calc(100% + 15rem);\n transform: translateY(-266px);\n }\n\n @media (min-width: ",") {\n left: 50%;\n transform: translateY(-26.6rem) translateX(-50%);\n width: calc(100% - 16rem);\n }\n\n img {\n height: 100%;\n left: 0;\n object-fit: cover;\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n &::after {\n background-image: linear-gradient(\n 0deg,\n rgba(0, 0, 0, 0.4),\n rgba(0, 0, 0, 0.4)\n );\n content: '';\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n }\n }\n\n .home-header__image-inner-wrap {\n position: relative;\n height: 100%;\n width: 100%;\n\n @media (min-width: ",") {\n height: calc(100% + 11rem);\n transform: translateY(-11rem);\n }\n }\n\n /* Override the styles for the simple cta for this header */\n .simple-cta__button-wrapper {\n @media (min-width: ",") {\n margin-top: auto;\n }\n }\n\n /* Theming */\n .theme--careers & {\n /* Reset header positioning for better crops on careers site */\n .home-header__image-wrapper {\n img {\n top: 26.6rem;\n }\n }\n\n &.home-header--start-animation {\n .home-header__image-wrapper {\n @media (min-width: ",") {\n animation: none;\n transform: translateY(-26.6rem);\n }\n\n @media (min-width: ",") {\n animation: none;\n transform: translateY(-26.6rem) translateX(-50%);\n }\n }\n }\n }\n"]);return ct=function(){return n},n}var st,dt=(0,c.keyframes)(it()),pt=(0,c.keyframes)(ot()),mt=(0,c.keyframes)(at()),ut=(0,c.keyframes)(lt()),ht=(0,c.default)(y.rj).withConfig({componentId:"sc-5d162ed3-0"})(ct(),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[960]}),ut,(function(n){return n.theme.breakpoints[960]}),ut,(function(n){return n.theme.breakpoints[960]}),dt,(function(n){return n.theme.breakpoints[1600]}),pt,(function(n){return n.theme.breakpoints[960]}),mt,(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[1280]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[1600]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[1600]}));function gt(n){var e,r=(0,B.Z)(i.useState(null!==(e=window.shouldAnimateHeader)&&void 0!==e&&e),2),o=r[0],a=r[1];return i.useEffect((function(){o&&(window.shouldAnimateHeader=!1,setTimeout((function(){a(!1)}),2900))}),[o]),(0,t.jsxs)(ht,{as:"header",className:M()({"home-header--start-animation":o}),display:{_:n.showOnMobile?"grid":"none",600:"grid"},order:n.mobileRank,children:[(0,t.jsxs)(y.sg,{gridColumn:{_:"2 / -2",720:"3 / -3",960:"4 / 12"},marginBottom:{_:"var(--spacing-8x)",960:"auto"},marginTop:{960:"auto"},alignSelf:{960:"center"},className:"home-header__content-block",children:[(0,N.Uh)(n.subtitle)&&(0,t.jsx)(C.mH,{marginBottom:"var(--spacing-1x)",marginTop:0,color:"var(--color-white-100)",children:n.subtitle}),(0,t.jsx)("h1",{className:M()("home-header__title",null==n.button&&"no-margin"),children:n.title}),null!=n.button&&(0,t.jsx)(yn.z,{color:"transparent",href:n.button.url,className:"home-header__button",icon:"arrowRight",disabled:!0,children:n.button.label})]}),(0,N.Uh)(n.enablePcCheck)&&n.enablePcCheck&&(0,t.jsx)(y.sg,{gridColumn:"2 / -2",alignSelf:{960:"flex-end"},className:"home-header__bottom-actions",children:(0,t.jsx)(y.ZA,{gridTemplateColumns:{_:"repeat(4, 1fr)",600:"repeat(8, 1fr)",960:"repeat(12, 1fr)"},children:(0,N.Uh)(n.enablePcCheck)&&n.enablePcCheck&&(0,t.jsx)(Hr.Z,{children:(0,t.jsx)(y.sg,{className:"home-header__form-column",gridColumn:{_:"1 / -1",720:"2 / -2",960:"3 / -3"},marginBottom:{_:"var(--spacing-4x)",720:"0"},children:n.usePostcodeVariant?(0,t.jsx)(Fr.Z,{fuzzy:!0,scaleToParent:!0,centered:!0,overridePcTitle:n.overridePcTitle,overridePcSubtitle:n.overridePcSubtitle,overridePcButton:n.overridePcButton,overridePcDescription:n.overridePcDescription}):(0,t.jsx)(Sr.ZP,{fuzzy:!0,scaleToParent:!0,centered:!0,overridePcTitle:n.overridePcTitle,overridePcSubtitle:n.overridePcSubtitle,overridePcButton:n.overridePcButton,overridePcDescription:n.overridePcDescription})})})})}),(0,t.jsx)("div",{className:"home-header__image-wrapper",children:(0,t.jsx)("div",{className:"home-header__image-inner-wrap",children:(0,t.jsx)(j.C,{src:n.image.url,alt:n.image.alt,breakpoints:[{ar:320/441,w:400},[400,{ar:320/440,w:400}],[600,{ar:320/440,w:600}],[720,{ar:600/440,w:720}],[1024,{ar:720/460,w:1024}],[1280,{ar:1.6,w:1280}],[1600,{ar:1.6,w:1600}],[1920,{ar:1.6,w:1920}],[2560,{ar:1.6,w:2560}]],transformations:{fo:"auto"}})})})]})}function ft(n){var e,r,i,o,a,l,c,s,d,p,m,u,h,g,f,v,b,x,_,w,k,y,j,C=n.paragraph.headerVersion===st.New,T=(d=n.paragraph.callToAction,console.log(null===d||void 0===d?void 0:d.__typename),null!=d&&"ParagraphWysiwyg"===(null===d||void 0===d?void 0:d.__typename)?{description:null!==(i=n.paragraph.callToAction.text)&&void 0!==i?i:void 0,button:{label:null!==(o=null===(e=n.paragraph.callToAction.optionalButton)||void 0===e?void 0:e.title)&&void 0!==o?o:"",url:null!==(a=null===(r=n.paragraph.callToAction.optionalButton)||void 0===r?void 0:r.path)&&void 0!==a?a:""}}:function(n){return null!=n&&"ParagraphCTATextButtons"===(null===n||void 0===n?void 0:n.__typename)}(n.paragraph.callToAction)?{title:n.paragraph.callToAction.title,subtitle:n.paragraph.callToAction.subtitle,de
1scription:null!==(l=n.paragraph.callToAction.description)&&void 0!==l?l:void 0,button:{label:null!==(c=n.paragraph.callToAction.primaryAction.title)&&void 0!==c?c:"",url:n.paragraph.callToAction.primaryAction.path},link:null!=n.paragraph.callToAction.secondaryAction?{label:null!==(s=n.paragraph.callToAction.secondaryAction.title)&&void 0!==s?s:"",url:n.paragraph.callToAction.secondaryAction.path}:void 0}:void 0);if(C)return(0,t.jsx)(gt,{title:n.paragraph.title,subtitle:null!==(u=n.paragraph.subtitle)&&void 0!==u?u:void 0,image:{url:null!==(h=null===(p=n.paragraph.image)||void 0===p?void 0:p.src)&&void 0!==h?h:"",alt:null!==(g=null===(m=n.paragraph.image)||void 0===m?void 0:m.alt)&&void 0!==g?g:""},button:null!=n.paragraph.button?{label:null!==(f=n.paragraph.button.title)&&void 0!==f?f:"",url:null!==(v=n.paragraph.button.path)&&void 0!==v?v:""}:void 0,enablePcCheck:n.paragraph.postcodeCheck,usePostcodeVariant:null!==(b=n.paragraph.usePostcodeVariant)&&void 0!==b&&b,overridePcTitle:null!==(x=n.paragraph.overridePcTitle)&&void 0!==x?x:void 0,overridePcSubtitle:null!==(_=n.paragraph.overridePcSubtitle)&&void 0!==_?_:void 0,overridePcButton:null!==(w=n.paragraph.overridePcButton)&&void 0!==w?w:void 0,overridePcDescription:null!==(k=n.paragraph.overridePcDescription)&&void 0!==k?k:void 0,mobileRank:null!==(y=n.paragraph.mobileRank)&&void 0!==y?y:void 0,showOnMobile:null!==(j=n.paragraph.showOnMobile)&&void 0!==j?j:void 0});switch(n.paragraph.headerType){case"home":var z,P,R,Z,I,B,A,U,M,O,S,F,H,L,E;return(0,t.jsx)($r,{title:n.paragraph.title,subtitle:null!==(Z=n.paragraph.subtitle)&&void 0!==Z?Z:void 0,image:{url:null!==(I=null===(z=n.paragraph.image)||void 0===z?void 0:z.src)&&void 0!==I?I:"",alt:null!==(B=null===(P=n.paragraph.image)||void 0===P?void 0:P.alt)&&void 0!==B?B:""},button:null!=n.paragraph.button?{label:null!==(A=n.paragraph.button.title)&&void 0!==A?A:"",url:null!==(U=n.paragraph.button.path)&&void 0!==U?U:""}:void 0,cta:T||void 0,ctaType:null===(R=n.paragraph.callToAction)||void 0===R?void 0:R.__typename,enablePcCheck:n.paragraph.postcodeCheck,usePostcodeVariant:null!==(M=n.paragraph.usePostcodeVariant)&&void 0!==M&&M,overridePcTitle:null!==(O=n.paragraph.overridePcTitle)&&void 0!==O?O:void 0,overridePcSubtitle:null!==(S=n.paragraph.overridePcSubtitle)&&void 0!==S?S:void 0,overridePcButton:null!==(F=n.paragraph.overridePcButton)&&void 0!==F?F:void 0,overridePcDescription:null!==(H=n.paragraph.overridePcDescription)&&void 0!==H?H:void 0,mobileRank:null!==(L=n.paragraph.mobileRank)&&void 0!==L?L:void 0,showOnMobile:null!==(E=n.paragraph.showOnMobile)&&void 0!==E?E:void 0});case"lifeline":var D,Y,q,W,V,G,K,X,$,J,Q,nn;return(0,t.jsx)(tt,{image:{url:null!==(G=null===(D=n.paragraph.image)||void 0===D?void 0:D.src)&&void 0!==G?G:"",alt:null!==(K=null===(Y=n.paragraph.image)||void 0===Y?void 0:Y.alt)&&void 0!==K?K:""},date:null!==(X=n.paragraph.date)&&void 0!==X?X:void 0,author:null!==($=n.paragraph.subtitle)&&void 0!==$?$:"",title:n.paragraph.title,desc:null!==(J=n.paragraph.description)&&void 0!==J?J:void 0,cta:null!=n.paragraph.button?{label:null!==(Q=null===(q=n.paragraph.button)||void 0===q?void 0:q.title)&&void 0!==Q?Q:"",url:null!==(nn=null===(W=n.paragraph.button)||void 0===W?void 0:W.path)&&void 0!==nn?nn:""}:void 0,ctaType:null===(V=n.paragraph.callToAction)||void 0===V?void 0:V.__typename,contactBlock:T||void 0});default:var en,rn,tn,on,an,ln,cn,sn,dn,pn,mn,un;return(0,t.jsx)(Jr.a,{title:n.paragraph.title,subtitle:n.paragraph.subtitle,description:n.paragraph.description,icon:(0,N.Uh)(n.paragraph.icon)&&(0,N.Uh)(n.paragraph.icon.icon)?{type:n.paragraph.icon.icon,color:null!==(on=n.paragraph.icon.color)&&void 0!==on?on:"green"}:void 0,image:{url:null!==(an=null===(en=n.paragraph.image)||void 0===en?void 0:en.src)&&void 0!==an?an:"",alt:null!==(ln=null===(rn=n.paragraph.image)||void 0===rn?void 0:rn.alt)&&void 0!==ln?ln:""},cta:null!=n.paragraph.button?{url:n.paragraph.button.path,label:null!==(cn=n.paragraph.button.title)&&void 0!==cn?cn:""}:void 0,ctaType:null===(tn=n.paragraph.callToAction)||void 0===tn?void 0:tn.__typename,simpleCta:T||void 0,enablePcCheck:n.paragraph.postcodeCheck,usePostcodeVariant:null!==(sn=n.paragraph.usePostcodeVariant)&&void 0!==sn&&sn,overridePcTitle:null!==(dn=n.paragraph.overridePcTitle)&&void 0!==dn?dn:void 0,overridePcSubtitle:null!==(pn=n.paragraph.overridePcSubtitle)&&void 0!==pn?pn:void 0,overridePcButton:null!==(mn=n.paragraph.overridePcButton)&&void 0!==mn?mn:void 0,overridePcDescription:null!==(un=n.paragraph.overridePcDescription)&&void 0!==un?un:void 0})}}!function(n){n[n.Old=1]="Old",n[n.New=2]="New"}(st||(st={}));var vt=r(67417);function bt(){var n=(0,l.Z)(["\n border-radius: 0 0 24px 24px; \n height: auto !important;\n\n @media (min-width: ",") {\n border-radius: 0 0 48px 48px;\n }\n\n .overview-header__title {\n font-size: 3.2rem;\n line-height: 3.2rem;\n }\n\n @media (min-width: ",") {\n .overview-header__title {\n font-size: 5.6rem;\n line-height: 5.6rem;\n }\n }\n"]);return bt=function(){return n},n}
1function xt(){var n=(0,l.Z)(["\n grid-row: 2;\n grid-column: 2 / -2;\n margin-block-start: var(--spacing-25x);\n\n @media (min-width: ",") {\n margin-block-start: 0;\n }\n \n\n .overview-header__links-list {\n display: grid;\n grid-column: 1 / -1;\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .overview-header__links-list--mobile {\n display: grid;\n grid-template-columns: 1fr;\n padding-block-end: var(--spacing-4x);\n\n @media (min-width: ",") {\n display: none;\n }\n\n li:not(:last-child) {\n border-block-end: 1px solid var(--color-white-100);\n padding-block-end: var(--spacing-2x);\n }\n\n li + li {\n margin-block-start: var(--spacing-2x);\n }\n }\n\n .overview-header__links-list--desktop {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n margin-block: 152px 24px;\n\n @media (max-width: ",") {\n display: none;\n }\n\n li {\n border-inline-end: 1px solid var(--color-white-100);\n padding-inline: 24px;\n\n &:first-child {\n padding-inline-start: 0;\n }\n\n &:last-child {\n border-inline-end: none;\n padding-inline-end: 0;\n }\n }\n }\n\n .overview-header__link {\n --link-color: var(--color-white-100);\n }\n"]);return xt=function(){return n},n}var _t=(0,c.default)(vt.S).withConfig({componentId:"sc-cd1452ce-0"})(bt(),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[720]})),wt=(0,c.default)(y.rj).withConfig({componentId:"sc-cd1452ce-1"})(xt(),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[720]}));function kt(){var n=(0,l.Z)(["\n --link-color: var(--color-petrol-800);\n\n align-items: center;\n color: var(--link-color);\n display:flex;\n justify-content: space-between;\n font-size: 1.6rem;\n font-weight: 700;\n line-height: 20px;\n margin: 0;\n text-decoration: none;\n\n &::first-letter {\n text-transform: uppercase;\n }\n\n &:hover,\n &:focus {\n\n text-decoration: underline;\n\n "," {\n --fake-button-arrow-bg-color: var(--color-petrol-800);\n --fake-button-border-color: var(--color-petrol-800);\n }\n }\n\n "," {\n --fake-button-arrow-bg-color: var(--color-petrol-700);\n --fake-button-border-color: var(--color-petrol-700);\n --fake-button-arrow-color: var(--color-white-100);\n flex: 0 0 3.2rem;\n height: 3.2rem;\n }\n"]);return kt=function(){return n},n}var yt=(0,c.default)(O.ZP).withConfig({componentId:"sc-9b82665a-0"})(kt(),oe.K,oe.K),jt=function(n){var e,r,i;return(0,t.jsxs)(yt,{className:n.className,href:null===(e=n.link)||void 0===e?void 0:e.path,children:[null!==(i=null===(r=n.link)||void 0===r?void 0:r.title)&&void 0!==i?i:"",(0,N.Uh)(n.icon)&&(0,t.jsx)(oe.K,{color:"petrol",children:n.icon})]})};function Ct(n){var e,r,i,o,a=(0,ie.wy1)("arrow-right");return(0,t.jsxs)(_t,{as:"header",children:[(0,t.jsxs)(y.sg,{gridColumn:{_:"2 / 6",600:"2 / 10"},className:"overview-header__content",children:[(0,N.Uh)(n.subtitle)&&(0,t.jsx)(C.mH,{as:"span",margin:0,children:n.subtitle}),(0,t.jsx)(C.H1,{margin:"0 0 var(--spacing-2x)",className:"overview-header__title",children:n.title}),(0,N.Uh)(n.button)&&(0,t.jsx)(yn.z,{href:n.button.url,color:"white",size:"extraSmall",className:"overview-header__button",children:n.button.label})]}),(0,N.Uh)(n.image)&&(0,t.jsx)("div",{className:"overview-header__image-wrapper",children:(0,t.jsx)(j.C,{src:null!==(i=n.image.src)&&void 0!==i?i:"",alt:null!==(o=n.image.alt)&&void 0!==o?o:"",breakpoints:[{w:400,ar:320/440},{w:600,ar:320/440},{w:720,ar:600/440},{w:1024,ar:720/460},{w:1280,ar:1024/460},{w:1600,ar:1280/460},{w:1920,ar:1600/460},{w:2560,ar:2560/460}],transformations:{fo:"auto"}})}),(0,t.jsxs)(wt,{children:[(0,t.jsx)("ul",{className:"overview-header__links-list overview-header__links-list--mobile",children:null===(e=n.mobileLinks)||void 0===e?void 0:e.map((function(n){return(0,t.jsx)("li",{children:(0,t.jsx)(jt,{className:"overview-header__link",link:n,icon:a})},null===n||void 0===n?void 0:n.path)}))}),(0,t.jsx)("ul",{className:"overview-header__links-list overview-header__links-list--desktop",children:null===(r=n.desktopLinks)||void 0===r?void 0:r.map((function(n){return(0,t.jsx)("li",{children:(0,t.jsx)(jt,{className:"overview-header__link",link:n,icon:a})},null===n||void 0===n?void 0:n.path)}))})]})]})}function Tt(n){var e,r,i,o,a,l,c;return(0,t.jsx)(Ct,{title:null!==(e=n.paragraph.title)&&void 0!==e?e:"",subtitle:null!==(r=n.paragraph.headerSubtitle)&&void 0!==r?r:"",image:null!==(i=n.paragraph.headerImage)&&void 0!==i?i:void 0,button:null!=n.paragraph.headerButton?{label:null!==(o=n.paragraph.headerButton.title)&&void 0!==o?o:"",url:null!==(a=n.paragraph.headerButton.path)&&void 0!==a?a:""}:void 0,mobileLinks:null!==(l=n.paragraph.mobileLinks)&&void 0!==l?l:[],desktopLinks:null!==(c=n.paragraph.desktopLinks)&&void 0!==c?c:[]})}function zt(){var n=(0,l.Z)(["\n padding: 3.2rem 0;\n background-color: var(--color-beige-600);\n color: var(--color-black-800);\n\n .icon-cards__title {\n margin-bottom: 1.6rem;\n }\n\n .icon-cards__card {\n background-color: var(--color-white-100);\n padding: 1.6rem;\n border-radius: 0.4rem;\n transition: transform 0.2s ease-in-out;\n will-change: transform;\n\n &:last-of-type {\n margin-bottom: 0;\n\n @media (min-width: 720px) {\n margin-bottom: 2.4rem;\n }\n }\n\n &-inner {\n transition: transform 0.2s ease-in-out;\n }\n\n &-no-link {\n padding-bottom: 3.2rem;\n }\n\n &:has(a) {\n &:hover {\n transform: translateY(-0.4rem) scaleY(1.05);\n \n .icon-cards__card-inner {\n transform: scaleY(0.952);\n }\n }\n }\n\n &:hover {\n a {\n .icon-cards__card-content,\n .icon-cards__card-icon-wrapper--icon {\n transform: translateY(-0.4rem);\n }\n\n .icon-cards__card-cta {\n transform: translateY(1.2rem);\n }\n }\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n &-content {\n margin-top: 1.6rem;\n\n p {\n margin-bottom: 0;\n font-size: 1.6rem;\n line-height: 2rem;\n }\n }\n\n &-icon-wrapper {\n display: flex;\n align-items: flex-start;\n gap: 3.2rem;\n\n &--icon {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--color-red-400);\n border-radius: 50%;\n width: 4.8rem;\n height: 4.8rem;\n min-width: 4.8rem;\n min-height: 4.8rem;\n\n svg {\n width: 2.4rem;\n height: 2.4rem;\n color: var(--color-red-600);\n fill: var(--color-red-600);\n stroke: var(--color-red-600);\n }\n }\n\n &.next-to-icon {\n margin-top: 1.6rem;\n\n .icon-cards__card-content {\n margin-top: 0;\n }\n\n .icon-cards__card-icon-wrapper--icon {\n margin-top: -1rem;\n }\n }\n }\n\n &-content,\n &-icon-wrapper--icon,\n &-cta {\n transition: transform 0.2s ease-in-out;\n will-change: transform;\n }\n\n &-title {\n font-size: 2.0rem;\n font-weight: 500;\n line-height: 2.4rem;\n margin-bottom: 0.8rem;\n }\n\n &-cta {\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-weight: 700;\n line-height: 2rem;\n font-size: 1.4rem;\n margin-top: 4.8rem;\n transition: transform 0.2s ease-in-out;\n will-change: transform;\n }\n }\n \n"]);return zt=function(){return n},n}var Nt=c.default.div.withConfig({componentId:"sc-ef7702df-0"})(zt()),Pt=function(n){return(0,i.useMemo)((function(){return function(e){var r,t="".concat(e%2===0?"2":"6"," / span 4"),i=e%n+2;switch(n){case 1:default:r="2 / -2";break;case 2:r="".concat(e%2===0?"2":"8"," / span 6");break;case 3:r="".concat(4*i-6," / span 4");break;case 4:r="".concat(3*i-4," / span 3")}return{_:"2 / -2",720:t,960:r}}}),[n])},Rt=function(n){var e,r,i,o,a=n.card,l=n.columns,c=n.index,s=a.title,d=a.description,p=a.icon,m=a.textLocation,u=a.cta,h=(0,ie.wy1)(function(n){switch(n){case"wdm":return"wdm-new";case"power":return"power-new";case"cloud":return"cloud-new";case"industry":return"industry-new";default:return n}}(null!==p&&void 0!==p?p:"")),g="under_icon"===m,f=(0,N.Uh)(null===u||void 0===u?void 0:u.button.path)?O.ZP:"div";return g?(0,t.jsx)(y.sg,{gridColumn:Pt(l)(c),marginBottom:"2.4rem",className:"icon-cards__card",children:(0,t.jsx)(f,{href:null!==(e=null===u||void 0===u?void 0:u.button.path)&&void 0!==e?e:void 0,title:null!==(r=null===u||void 0===u?void 0:u.button.title)&&void 0!==r?r:void 0,className:"icon-cards__card-no-link",children:(0,t.jsxs)("div",{className:"icon-cards__card-inner",children:[(0,N.Uh)(p)&&(0,t.jsx)("div",{className:"icon-cards__card-icon-wrapper--icon",children:h}),(0,t.jsx)(Zt,{title:s,description:d,cta:u})]})})}):(0,t.jsx)(y.sg,{gridColumn:Pt(l)(c),marginBottom:"2.4rem",className:"icon-cards__card",children:(0,N.Uh)(p)&&(0,t.jsx)(f,{href:null!==(i=null===u||void 0===u?void 0:u.button.path)&&void 0!==i?i:void 0,title:null!==(o=null===u||void 0===u?void 0:u.button.title)&&void 0!==o?o:void 0,children:(0,t.jsxs)("div",{className:"icon-cards__card-icon-wrapper next-to-icon
1icon-cards__card-inner",children:[(0,t.jsx)("div",{className:"icon-cards__card-icon-wrapper--icon",children:h}),(0,t.jsx)(Zt,{title:s,description:d,cta:u})]})})})},Zt=function(n){var e=n.title,r=n.description,i=n.cta,o=(0,ie.wy1)("arrow-right");return(0,t.jsxs)("div",{className:"icon-cards__card-content",children:[(0,N.Uh)(e)&&(0,t.jsx)(C.H2,{className:"icon-cards__card-title",children:e}),(0,N.Uh)(r)&&(0,t.jsx)(G.r,{children:r}),(0,N.Uh)(i)&&(0,t.jsxs)("div",{className:"icon-cards__card-cta",children:[i.button.title,(0,t.jsx)(oe.K,{color:"red",children:o})]})]})},It=function(n){var e=n.cards,r=n.title,i=n.columns;n.showOnMobile,n.mobileRank;return(0,t.jsxs)(Nt,{children:[(0,t.jsx)(y.rj,{children:(0,t.jsx)(y.sg,{gridColumn:{_:"2 / -2",720:"2 / -2",960:"2 / -2"},marginBottom:"2.4rem",children:(0,t.jsx)(C.H2,{className:"icon-cards__title",children:r})})}),(0,t.jsx)(y.rj,{children:e.map((function(n,e){return(0,t.jsx)(Rt,{card:n,columns:i,index:e},n.id)}))})]})};function Bt(n){var e=n.paragraph,r=e.iconCards,i=e.title,o=e.columns,a=e.showOnMobile,l=e.mobileRank;return(0,t.jsx)(It,{cards:r,title:i,columns:o,showOnMobile:a,mobileRank:l})}var At=r(84220),Ut=r.n(At);function Mt(n){var e=(0,Ce.Z)();return n.paragraph.displayOrganization?(0,t.jsx)(Ut(),{data:e.schemas.organisation}):null}var Ot=function(n){var e=n.id;return zn(),i.useEffect((function(){var n=document.createElement("script");return n.src=(0,J.yR)(),n.async=!0,document.body.appendChild(n),function(){document.body.removeChild(n)}}),[]),(0,t.jsx)("div",{className:"video__wrapper",children:(0,t.jsx)("div",{className:"PingVP","data-video":e,"data-language":"Dutch","data-inlineplay":"true","data-controls":"below","data-autoStart":"false"})})},St=function(n){var e=n.title,r=n.bodyText,i=n.titleColor,o=n.image,a=n.videoId,l=n.showVideo,c=n.textPosition,s=n.gridLayout;return"top"===c?(0,t.jsx)(Lt,{title:e,bodyText:r,titleColor:i,image:o,videoId:a,showVideo:l}):"50_50"===s?(0,t.jsx)(Ft,{title:e,bodyText:r,titleColor:i,image:o,videoId:a,showVideo:l,textPosition:c}):"33_66"===s?(0,t.jsx)(Ht,{title:e,bodyText:r,titleColor:i,image:o,videoId:a,showVideo:l,textPosition:c}):null},Ft=function(n){var e,r,i=n.title,o=n.bodyText,a=n.titleColor,l=n.image,c=n.videoId,s=n.showVideo,d=n.textPosition,p=null!=(null===l||void 0===l?void 0:l.dimensions)?(null===l||void 0===l?void 0:l.dimensions.width)/(null===l||void 0===l?void 0:l.dimensions.height):void 0;return(0,t.jsxs)(kn,{marginTop:{_:"2.8rem",600:"3.6rem",720:"4.4rem"},marginBottom:{_:"2.8rem",600:"3.6rem",720:"4.4rem"},order:{_:0,600:0},children:[(0,t.jsxs)(y.sg,{gridColumn:"right"===d?{_:"2 / 6",600:"2 / 6",720:"3 / 6",960:"3 / 8"}:{_:"2 / 6",600:"6 / -2",720:"6 / -3",960:"8 / 13"},gridRow:{_:"1",600:"1"},marginBottom:{_:"3.2rem",600:"0"},marginTop:{_:"3.2rem",720:"0"},children:[l&&!s&&(0,t.jsx)(j.C,{src:null!==(e=null===l||void 0===l?void 0:l.src)&&void 0!==e?e:"",alt:null!==(r=null===l||void 0===l?void 0:l.name)&&void 0!==r?r:"",breakpoints:[[1024,{ar:null!==p&&void 0!==p?p:288/216,w:288}],[1280,{ar:null!==p&&void 0!==p?p:372/277,w:372}],486],aspectRatio:null!==p&&void 0!==p?p:486/364,transformations:{fo:"auto"},loading:"lazy"}),s&&c&&(0,t.jsx)(Ot,{id:c})]}),(0,t.jsxs)(y.sg,{gridColumn:"right"===d?{_:"2 / 6",600:"6 / -2",720:"6 / -3",960:"9 / 13"}:{_:"2 / 6",600:"2 / 6",720:"3 / 6",960:"3 / 7"},gridRow:{_:"2",600:"1"},alignSelf:"center",children:[i&&(0,t.jsx)(C.H2,{className:M()("text-image__title",a),children:i}),o&&(0,t.jsx)(G.r,{components:{h1:function(n){return(0,t.jsx)(C.H1,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h2:function(n){return(0,t.jsx)(C.H2,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h3:function(n){return(0,t.jsx)(C.H3,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h4:function(n){return(0,t.jsx)(C.H4,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h5:function(n){return(0,t.jsx)(C.H5,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h6:function(n){return(0,t.jsx)(C.H6,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},ul:C.UL,ol:C.OL,p:C.mH,blockquote:C.R4},children:o})]})]})},Ht=function(n){var e,r,i=n.title,o=n.bodyText,a=n.titleColor,l=n.image,c=n.videoId,s=n.showVideo,d=n.textPosition,p=null!=(null===l||void 0===l?void 0:l.dimensions)?(null===l||void 0===l?void 0:l.dimensions.width)/(null===l||void 0===l?void 0:l.dimensions.height):void 0;return(0,t.jsxs)(kn,{marginTop:{_:"2.8rem",600:"3.6rem",720:"4.4rem"},marginBottom:{_:"2.8rem",600:"3.6rem",720:"4.4rem"},order:{_:0,600:0},children:[(0,t.jsxs)(y.sg,{gridColumn:"right"===d?{_:"2 / 5",600:"2 / 6",720:"3 / 6",960:"3 / 6"}:{_:"2 / 8",600:"6 / -2",720:"6 / -3",960:"10 / -3"},gridRow:{_:"1",600:"1"},marginBottom:{_:"3.2rem",600:"0"},marginTop:{_:"3.2rem",720:"0"},children:[l&&!s&&(0,t.jsx)(j.C,{src:null!==(e=null===l||void 0===l?void 0:l.src)&&void 0!==e?e:"",alt:null!==(r=null===l||void 0===l?void 0:l.name)&&void 0!==r?r:"",breakpoints:[[1024,{ar:null!==p&&void 0!==p?p:288/216,w:288}],[1280,{ar:null!==p&&void 0!==p?p:372/277,w:372}],486],aspectRatio:null!==p&&void 0!==p?p:486/364,transformations:{fo:"auto"},loading:"lazy"}),s&&c&&(0,t.jsx)(Ot,{id:c})]}),(0,t.jsxs)(y.sg,{gridColumn:"right"===d?{_:"5 / -2",600:"6 / -2",720:"6 / -3",960:"6 / -3"}:{_:"2 / 9",600:"2 / 6",720:"3 / 6",960:"3 / 9"},gridRow:{_:"2",600:"1"},marginLeft:"right"===d?{_:"0",600:"3.2rem",720:"3.2rem",960:"3.2rem",1280:"6rem"}:{_:"0",600:"0",720:"0",960:"0"},marginRight:"right"===d?{_:"0",600:"0",720:"0",960:"0"}:{_:"0",600:"3.2rem",720:"3.2rem",960:"3.2rem",1280:"6rem"},alignSelf:"center",children:[i&&(0,t.jsx)(C.H2,{className:M()("text-image__title",a),children:i}),o&&(0,t.jsx)(G.r,{components:{h1:function(n){return(0,t.jsx)(C.H1,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h2:function(n){return(0,t.jsx)(C.H2,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h3:function(n){return(0,t.jsx)(C.H3,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h4:function(n){return(0,t.jsx)(C.H4,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h5:function(n){return(0,t.jsx)(C.H5,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h6:function(n){return(0,t.jsx)(C.H6,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},ul:C.UL,ol:C.OL,p:C.mH,blockquote:C.R4},children:o})]})]})},Lt=function(n){var e,r,i=n.title,o=n.bodyText,a=n.image,l=n.videoId,c=n.showVideo,s=n.titleColor,d=null!=(null===a||void 0===a?void 0:a.dimensions)?(null===a||void 0===a?void 0:a.dimensions.width)/(null===a||void 0===a?void 0:a.dimensions.height):void 0;return(0,t.jsxs)(kn,{marginTop:{_:"2.8rem",600:"3.6rem",720:"4.4rem"},marginBottom:{_:"2.8rem",600:"3.6rem",720:"4.4rem"},order:{_:0,600:0},children:[(0,t.jsxs)(y.sg,{gridColumn:{_:"2 / -2",600:"2 / -2",720:"3 / -3",960:"3 / -3"},alignSelf:"center",children:[i&&(0,t.jsx)(C.H2,{className:M()("text-image__title",s),children:i}),o&&(0,t.jsx)(G.r,{components:{h1:function(n){return(0,t.jsx)(C.H1,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h2:function(n){return(0,t.jsx)(C.H2,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h3:function(n){return(0,t.jsx)(C.H3,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h4:function(n){return(0,t.jsx)(C.H4,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h5:function(n){return(0,t.jsx)(C.H5,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h6:function(n){return(0,t.jsx)(C.H6,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},ul:C.UL,ol:C.OL,p:C.mH,blockquote:C.R4},children:o})]}),(0,t.jsxs)(y.sg,{gridColumn:{_:"2 / -2",600:"2 / -2",720:"3 / -3",960:"3 / -3"},marginTop:{_:"3.2rem",600:"2.8rem"},children:[a&&!c&&(0,t.jsx)(j.C,{src:null!==(e=null===a||void 0===a?void 0:a.src)&&void 0!==e?e:"",alt:null!==(r=null===a||void 0===a?void 0:a.name)&&void 0!==r?r:"",breakpoints:[[1024,{ar:null!==d&&void 0!==d?d:288/216,w:288}],[1280,{ar:null!==d&&void 0!==d?d:372/277,w:372}],486],aspectRatio:null!==d&&void 0!==d?d:486/364,transformations:{fo:"auto"},loading:"lazy"}),c&&l&&(0,t.jsx)(Ot,{id:l})]})]})};function Et(n){var e=n.paragraph;return(0,t.jsx)(St,(0,Z.Z)({},e))}function Dt(){var n=(0,l.Z)(["\n padding: var(--spacing-8x) 0;\n\n .media-gallery__content {\n h2.black {\n color: var(--color-black-900);\n }\n\n h2.green {\n color: var(--color-petrol-700);\n }\n }\n\n .media-gallery__row {\n display: grid;\n grid-template-columns: 1fr;\n gap: var(--spacing-4x);\n\n &-image,\n &-video {\n aspect-ratio: 16 / 9;\n width: 100%;\n height: 100%;\n overflow: hidden;\n position: relative;\n\n img {\n position: absolute;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n }\n }\n\n @media (min-width: ",") {\n grid-template-columns: repeat(2, 1fr);\n }\n\n @media (min-width: ",") {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n"]);return Dt=function(){return n},n}var Yt=(0,c.default)(y.rj).withConfig({componentId:"sc-98875b06-0"})(Dt(),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[1024]})),qt=function(n){var e=n.title,r=n.description,i=n.titleColor,o=n.source;return(0,t.jsxs)(Yt,{children:[(0,t.jsxs)(y.sg,{className:"media-gallery__content",gridColumn:{_:"2 / -2"},marginBottom:{_:"var(--spacing-4x)",720:"var(--spacing-8x)"},children:[e&&(0,t.jsx)(C.H2,{className:i,children:e}),r&&(0,t.jsx)(G.r,{components:{h1:function(n){return(0,t.jsx)(C.H1,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h2:function(n){return(0,t.jsx)(C.H2,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h3:function(n){return(0,t.jsx)(C.H3,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h4:function(n){return(0,t.jsx)(C.H4,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h5:function(n){return(0,t.jsx)(C.H5,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},h6:function(n){return(0,t.jsx)(C.H6,(0,Z.Z)({color:"var(--color-petrol-700)"},n))},ul:C.UL,ol:C.OL,p:C.mH,blockquote:C.R4},children:r})]}),(0,t.jsx)(y.sg,{className:"media-gallery__row",gridColumn:{_:"2 / -2"},marginBottom:{_:"var(--spacing-4x)",720:"0"},children:o&&o.map((function(n){var e;return"image"===(null===n||void 0===n?void 0:n.type)?(0,t.jsx)("div",{className:"media-gallery__row-image",children:(0,t.jsx)(j.C,{src:null!==(e=null===n||void 0===n?void 0:n.src)&&void 0!==e?e:"",alt:""},n.src)}):"video"===(null===n||void 0===n?void 0:n.type)&&n.src?(0,t.jsx)("div",{className:"media-gallery__row-video",children:(0,t.jsx)(Ot,{id:n.src},n.src)}):void 0}))})]})};function Wt(n){var e=n.paragraph,r=e.title,i=e.bodyText,o=e.titleColor,a=e.mediaGallery,l=null===a||void 0===a?void 0:a.map((function(n){return"ParagraphImageOnly"===n.__typename?{src:n.media.src,type:"image"}:"ParagraphVideoOnly"===n.__typename?{src:n.pingId,type:"video"}:void 0}));
1return(0,t.jsx)(qt,{title:r,description:i,titleColor:o,source:l})}function Vt(n){var e,r;return(0,t.jsx)(hr,{options:{position:{lat:n.paragraph.latitude,lng:n.paragraph.longitude},zoom:null!==(r=n.paragraph.zoom)&&void 0!==r?r:12},markers:null===(e=n.paragraph.datacenters)||void 0===e?void 0:e.map((function(n){return{id:n.id,city:n.city,street:n.address,title:n.title,postalCode:n.postalCode,position:{lat:n.latitude,lng:n.longitude},type:sr.DATA_CENTER}})),datacenterCta:"string"===typeof n.paragraph.datacenterCTAUrl&&"string"===typeof n.paragraph.datacenterCTALabel?{href:n.paragraph.datacenterCTAUrl,label:n.paragraph.datacenterCTALabel}:void 0,mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile})}function Gt(){var n=(0,l.Z)(["\n // Variables\n --background-color: ",";\n --text-color: ",";\n --button-bg-color: ",";\n --button-hover-bg-color: ",";\n --button-text-color: ",";\n\n --input-bg-color: ",";\n\n // Styles\n background-color: var(--background-color);\n\n align-items: center;\n padding-top: var(--spacing-8x);\n padding-bottom: var(--spacing-8x);\n gap: 0;\n justify-items: center;\n\n @media (min-width: ",") {\n padding-top: var(--spacing-18x);\n padding-bottom: var(--spacing-18x);\n gap: var(--spacing-4x);\n justify-items: flex-start;\n }\n\n .postcode-checker__content-block,\n .postcode-checker__form-block {\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media (min-width: ",") {\n align-items: flex-start;\n }\n }\n\n .postcode-checker__form-block--be {\n display: flex;\n align-items: center;\n max-width: 38.6rem;\n\n .zipcode-form--fields-wrapper {\n justify-content: center;\n }\n\n @media (min-width: ",") {\n max-width: auto;\n align-items: flex-start;\n }\n }\n\n .postcode-checker__subtitle {\n display: block;\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 1.6rem;\n letter-spacing: 0.04em;\n margin-bottom: var(--spacing-1x);\n text-transform: uppercase;\n color: var(--text-color);\n\n @media (min-width: ",") {\n margin-bottom: 0;\n }\n }\n\n .postcode-checker__title {\n margin-top: 0;\n margin-bottom: var(--spacing-4x);\n color: var(--text-color);\n }\n\n .postcode-checker__description {\n font-size: 1.8rem;\n line-height: 2.4rem;\n color: var(--text-color);\n\n @media (min-width: ",") {\n font-size: 1.6rem;\n font-weight: 500;\n line-height: 2rem;\n letter-spacing: 0.02em;\n }\n }\n\n .zipcode-form--widget {\n display: flex;\n flex-direction: column;\n color: var(--text-color);\n\n @media (min-width: ",") {\n flex-direction: row;\n gap: var(--spacing-8x);\n }\n\n @media (min-width: ",") {\n flex-direction: column;\n gap: var(--spacing-4x);\n }\n\n &.zipcode-form__form--be .zipcode-form--fields-wrapper {\n flex-wrap: wrap;\n\n @media (min-width: ",') {\n flex-wrap: nowrap;\n }\n }\n\n .zipcode-form--fields-wrapper {\n display: flex;\n padding: 0;\n margin: 0;\n border: none;\n }\n\n .zipcode-form__label {\n margin: 0 var(--spacing-4x) 0 0;\n\n &:last-child {\n opacity: 0.4;\n margin-right: 0;\n transition: opacity 350ms ease-in;\n\n &:focus-within {\n opacity: 1;\n }\n }\n\n &-text {\n display: block;\n font-size: 1.6rem;\n line-height: 2rem;\n letter-spacing: 0.02em;\n margin-bottom: var(--spacing-2x);\n font-weight: 500;\n text-align: left;\n color: var(--text-color);\n }\n\n .alert-box {\n background-color: var(--color-white-100);\n border-radius: 4px;\n box-shadow: 0 2rem 4.8rem rgba(0, 0, 0, 0.08);\n color: var(--color-black-800);\n font-size: 1.4rem;\n font-weight: 500;\n left: 0;\n padding: var(--spacing-1x) var(--spacing-2x);\n position: absolute;\n top: calc(100% + var(--spacing-2x));\n white-space: nowrap;\n\n &::before {\n content: "";\n border-left: solid var(--spacing-1x) transparent;\n border-right: solid var(--spacing-1x) transparent;\n border-bottom: solid var(--spacing-1x) var(--color-white-100);\n position: absolute;\n top: calc(-1 * var(--spacing-1x) + 1px);\n left: var(--spacing-1x);\n }
1\n\n &:empty {\n display: none;\n }\n }\n }\n\n .zipcode-form--input {\n background-color: var(--input-bg-color);\n border-radius: 0.4rem;\n border: 0;\n font-size: 1.8rem;\n line-height: 2.4rem;\n outline: none;\n padding: 12px 16px;\n }\n\n .zipcode-form--street-field {\n width: 16.8rem;\n }\n\n .zipcode-form--zipcode-field {\n width: 11.2rem;\n }\n\n .zipcode-form--number-field {\n width: 7.2rem;\n -moz-appearance: textfield;\n\n /* hide the number handles */\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n /* stylelint-disable-next-line property-no-vendor-prefix */\n -webkit-appearance: none;\n margin: 0;\n }\n }\n\n .zipcode-form--addition-field {\n width: 9.6rem;\n }\n\n .zipcode-form__button {\n display: flex;\n justify-content: center;\n margin-top: var(--spacing-4x);\n width: 31.2rem;\n background-color: var(--button-bg-color);\n color: var(--button-text-color);\n\n &:hover {\n background-color: var(--button-hover-bg-color);\n }\n\n @media (min-width: ',") {\n width: fit-content;\n height: 4.8rem;\n margin-top: auto;\n }\n\n @media (min-width: ",") {\n width: 31.2rem;\n }\n }\n }\n\n .zipcode-form__form--be {\n flex-direction: column;\n align-items: center;\n gap: 0;\n\n @media (min-width: ",") {\n align-items: flex-start;\n }\n\n .zipcode-form__label {\n margin-right: var(--spacing-1x);\n\n &--zipcode {\n margin-top: var(--spacing-4x);\n\n @media (min-width: ",") {\n margin-top: 0;\n }\n }\n\n &--city {\n margin-top: var(--spacing-4x);\n\n @media (min-width: ",") {\n margin-top: 0;\n }\n }\n }\n\n .zipcode-form--street-field {\n width: 18.7rem;\n\n @media (min-width: ",") {\n width: 16.8rem;\n }\n }\n\n .zipcode-form--number-field {\n width: 9.3rem;\n\n @media (min-width: ",") {\n width: 7.2rem;\n }\n }\n\n .zipcode-form--be-zipcode-field {\n width: 9.7rem;\n\n @media (min-width: ",") {\n width: 9rem;\n }\n }\n\n .zipcode-form--city-field {\n width: 18.2rem;\n\n @media (min-width: ",") {\n width: 12.3rem;\n }\n }\n\n .zipcode-form__button {\n display: flex;\n justify-content: center;\n margin-top: var(--spacing-4x);\n width: 28.3rem;\n\n @media (min-width: ",") {\n width: 46.8rem;\n }\n }\n\n .zipcode-form__button-text--mobile {\n display: none;\n }\n }\n"]);return Gt=function(){return n},n}var Kt=(0,c.default)(y.rj).withConfig({componentId:"sc-84b9236a-0"})(Gt(),(function(n){var e=n.background;return"petrol"===e?"var(--color-petrol-700)":"beige"===e?"var(--color-beige-700)":"white"===e?"var(--color-white-100)":"var(--color-petrol-500)"}),(function(n){var e=n.background;return"petrol"===e?"var(--color-white-100)":"beige"===e?"var(--color-anthracite-900)":"white"===e?"var(--color-black-900)":"var(--color-petrol-900)"}),(function(n){return"petrol"===n.background?"var(--color-white-100)":"var(--color-petrol-700)"}),(function(n){return"petrol"===n.background?"var(--color-petrol-400)":"var(--color-petrol-700)"}),(function(n){return"petrol"===n.background?"var(--color-petrol-900)":"var(--color-white-100)"}),(function(n){return"white"===n.background?"var(--color-beige-700)":"var(--color-white-100)"}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[600]})),Xt=function(n){var e=n.title,r=n.description,i=n.background,o=(0,an.vl)();return(0,t.jsxs)(Kt,{background:i||"white",children:[(0,t.jsxs)(y.sg,{gridColumn:o.region===an.yp.be||o.region===an.yp.de?{_:"2 / 12",600:"2 / -2",720:"3 / -2",960:"2 / 7",1280:"4 / 8"}:{_:"2 / 12",600:"3 / 7",720:"3 / -2",960:"2 / 9",1280:"4 / 9"},marginBottom:{_:"var(--spacing-6x)",960:"0"},className:"postcode-checker__content-block",children:[(0,t.jsx)(C.P,{className:"postcode-checker__subtitle",children:"Postcode check"}),(0,t.jsx)(C.H2,{className:"postcode-checker__title",children:e}),(0,t.jsx)(C.P,{className:"postcode-checker__description",children:r})]}),(0,t.jsxs)(y.sg,{gridColumn:o.region===an.yp.be||o.region===an.yp.de?{_:"2 / 12",600:"2 / -3",720:"3 / -2",960:"7 / -2",1280:"8 / 12"}:{_:"2 / 12",600:"3 / -3",720:"3 / -2",960:"9 / 13",1280:"9 / 12"},className:M()("postcode-checker__form-block",{"postcode-checker__form-block--be":o.region===an.yp.be||o.region===an.yp.de}),children:[o.region!==an.yp.be&&o.region!==an.yp.de&&o.region!==an.yp.intl&&(0,t.jsx)(Sr.KW,{isWidget:!0}),(o.region===an.yp.be||o.region===an.yp.de)&&(0,t.jsx)(Sr.d5,{isWidget:!0}),o.region===an.yp.intl&&(0,t.jsx)(Sr.bs,{isWidget:!0})]})]})};function $t(n){var e=n.paragraph,r=e.title,i=e.description,o=e.background;
1return(0,t.jsx)(Xt,{title:r,description:i,background:o})}var Jt=r(52621);var Qt=r(77353),ni=r(11163);function ei(){var n=(0,l.Z)(["\n --background-color: ",";\n --text-color: ",";\n\n ","\n padding: var(--spacing-12x) 0;\n margin-top: 0;\n margin-bottom: 0;\n\n header + script + & {\n margin-top: -4.8rem;\n padding-top: calc(var(--spacing-12x) + 4.8rem);\n }\n\n .related-content__title {\n font-size: 2.4rem;\n line-height: 3.2rem;\n\n @media (min-width: ",") {\n font-size: 2.8rem;\n line-height: 3.2rem;\n }\n\n @media (min-width: ",") {\n font-size: 3.2rem;\n line-height: 3.6rem;\n }\n }\n\n .related-content__description {\n font-family: var(--font-family-secundary);\n font-size: 1.8rem;\n line-height: 2.4rem;\n }\n\n .related-content__button {\n border-radius: 1.8rem;\n font-size: 1.4rem;\n line-height: 1.6rem;\n padding: 0.5rem 1.6rem 0.7rem;\n\n @media (min-width: ",") {\n border-radius: 2.8rem;\n font-size: 1.6rem;\n line-height: 2rem;\n padding: 0.8rem 1.6rem 1.2rem;\n }\n\n .button__icon {\n transform: translateY(1px);\n }\n }\n\n /* Styles for the searchbar */\n .search-form {\n overflow: hidden;\n position: relative;\n }\n\n .search-form__input {\n appearance: none;\n border: 2px solid var(--color-blue-300);\n border-radius: 0.2rem;\n color: var(--color-petrol-800);\n font-size: 1.6rem;\n font-weight: bold;\n line-height: 2rem;\n outline: none;\n padding: 1.4rem 6rem 1.4rem 1.6rem;\n transition: border-color 350ms ease-out;\n width: 100%;\n\n @media (min-width: ",") {\n padding: 1.8rem 6.8rem 1.8rem 1.6rem;\n }\n\n &:focus-within {\n border-color: var(--color-petrol-800);\n }\n }\n\n .search-form__result-count {\n color: var(--color-black-900);\n font-size: 1.6rem;\n font-weight: bold;\n line-height: 2rem;\n margin: var(--spacing-4x) 0;\n\n @media (min-width: ",") {\n margin: var(--spacing-6x) 0;\n }\n }\n\n .search-form__button {\n appearance: none;\n background: transparent;\n border: 0;\n color: var(--color-petrol-800);\n cursor: pointer;\n position: absolute;\n right: 1.6rem;\n top: 50%;\n transform: translateY(-50%);\n }\n\n /* Theming */\n .theme--dataplace & {\n --related-articles-bg-color: var(--color-beige-700);\n --related-articles-title-color: var(--color-black-900);\n\n /* Set filterbar color to the background color of the block */\n .filter-bar {\n --filter-bar-background: var(--color-beige-700);\n --filter-button-wrapper-color: var(--color-beige-700);\n }\n }\n"]);return ei=function(){return n},n}var ri=(0,c.default)(y.rj).withConfig({componentId:"sc-1930b5be-0"})(ei(),(function(n){var e=n.backgroundColor;return"#A6D8E0"===e?"var(--color-petrol-700)":"#E7E5DC"===e?"var(--color-beige-700)":"#FFFFFF"===e?"var(--color-white-100)":"#E2F2F5"===e?"var(--color-petrol-500)":"var(--color-beige-600)"}),(function(n){var e=n.backgroundColor;
1return"#A6D8E0"===e?"var(--color-white-100)":"#E7E5DC"===e?"var(--color-anthracite-900)":"FFFFFF"===e?"var(--color-black-900)":"#E2F2F5"===e?"var(--color-petrol-900)":"var(--color-petrol-700)"}),(function(n){return(0,N.Uh)(n.$hasBackground)&&"background-color: var(--background-color);"}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[720]})),ti=[{_:"2 / -2",600:"2 / 6",720:"3 / 6",960:"3 / 8",1024:"2 / 6",1280:"2 / 5"},{_:"2 / -2",600:"6 / 10",720:"6 / 9",960:"8 / 13",1024:"6 / 10",1280:"5 / 8"},{_:"2 / -2",600:"2 / 6",720:"3 / 6",960:"3 / 8",1024:"10 / 14",1280:"8 / 11"},{_:"2 / -2",600:"6 / 10",720:"6 / 9",960:"8 / 13",1024:"6 / 10",1280:"11 / 14"}],ii=[{_:"block"},{_:"block"},{_:"none",1024:"block"},{_:"none",1280:"block"}],oi=[{_:"var(--spacing-6x)",600:0},{_:0}],ai="all",li="filter";function ci(n){var e,r,o=(0,ni.useRouter)(),a=(0,lr.w)(),l=i.useRef(null),c=function(n,e){var r=(0,B.Z)(i.useState(n),2),t=r[0],o=r[1];return{items:t,searchItems:function(r){var t,i=null!==(t=e.minCharacters)&&void 0!==t?t:3;if(r.length>=i){var a=n.filter((function(n){return null!=n&&e.fields.some((function(e){return Boolean(n[e])&&"string"===typeof n[e]&&n[e].toLowerCase().search(r.toLowerCase())>-1}))}));o(a)}else o(n)}}}(n.items,{fields:["title","subtitle","desc","type"],minCharacters:3}),s=c.items,d=c.searchItems,p=null!==(e=o.query.filter)&&void 0!==e?e:ai,m=(0,N.Uh)(n.isFilterable)&&n.isFilterable?n.items.reduce((function(n,e){(0,N.Uh)(e)&&(0,N.Uh)(e.filter)&&e.filter.split(", ").forEach((function(r){var t;null==n.find((function(n){return n.name===r}))&&n.push({key:"".concat(null!==(t=e.id)&&void 0!==t?t:"","-").concat(r.replace(" ","-")),name:r})}));return n}),[]):[],u={key:ai,name:a("All"),items:[]},h=null!==(r=m.find((function(n){return n.key.toString()===p})))&&void 0!==r?r:u,g=(0,N.Uh)(n.isFilterable)&&n.isFilterable?s.filter((function(n){return null!=n&&(p===ai||((0,N.Uh)(n.filter)?n.filter.split(", "):[]).some((function(n){return n===h.name})))})):s;return(0,t.jsxs)(ri,{marginTop:(0,N.Uh)(n.withMargin)&&n.withMargin?{_:"var(--spacing-8x)",600:"var(--spacing-10x)",720:"var(--spacing-12x)"}:void 0,marginBottom:(0,N.Uh)(n.withMargin)&&n.withMargin?{_:"var(--spacing-8x)",600:"var(--spacing-10x)",720:"var(--spacing-12x)"}:void 0,$hasBackground:n.hasBackground,backgroundColor:n.backgroundColor,display:{_:!0===n.showOnMobile?"grid":"none",600:"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:[(0,t.jsx)(y.sg,{gridColumn:{_:"2 / -2",720:"3 / -3",1024:"2 / -2",1280:"2 / 7"},marginBottom:{_:"var(--spacing-7x)"},children:(0,t.jsx)(C.H2,{margin:{_:"0"},className:"related-content__title",children:n.title})}),(0,N.Uh)(n.description)&&(0,t.jsx)(y.sg,{gridColumn:{_:"2 / -2",720:"3 / -3",1024:"2 / 8",1280:"2 / 7"},marginBottom:{_:"var(--spacing-7x)"},children:(0,t.jsx)(C.P,{className:"related-content__description",children:n.description})}),(0,N.Uh)(n.isSearchable)&&n.isSearchable&&(0,t.jsxs)(y.sg,{gridColumn:{_:"2 / -2",720:"3 / -3",1024:"2 / 10",1440:"2 / 8"},children:[(0,t.jsxs)("form",{className:"search-form",onSubmit:function(n){n.preventDefault(),null!=l.current&&d(l.current.value)},children:[(0,t.jsx)("input",{className:"search-form__input",type:"text",name:"content-search",ref:l,placeholder:a("Search"),autoComplete:"off",onKeyUp:function(n){d(n.currentTarget.value)}}),(0,t.jsx)("button",{type:"submit",className:"search-form__button",title:a("Search"),children:(0,t.jsx)(ie.olm,{})})]}),(0,t.jsxs)("p",{className:"search-form__result-count",children:[g.length," ",a("search results")]})]}),(0,N.Uh)(n.isFilterable)&&n.isFilterable&&(0,t.jsx)(y.sg,{gridColumn:{_:"1 / -1"},children:(0,t.jsx)(Qt.f,{all:u,items:m,tag:h,changeHandler:function(n){var e=o.asPath.split("?")[0];o.push("".concat(e,"?").concat(li,"=").concat(n.target.value),void 0,{shallow:!0,scroll:!1})}})}),g.map((function(e,r){return null==e?null:(0,t.jsx)(y.sg,{gridColumn:(0,N.Uh)(n.centeredVersion)&&n.centeredVersion?{_:"2 / -2",1024:"".concat(2+r%3*4," / ").concat(6+r%3*4)}:ti[r%4],marginBottom:(0,N.Uh)(n.unlimited)&&n.unlimited?"var(--spacing-6x)":oi[r],display:(0,N.Uh)(n.unlimited)&&n.unlimited?void 0:ii[r],children:(0,t.jsx)(Jt.a,(0,Z.Z)({},e))},"related-article-".concat(e.title,"-").concat(null!==(i=e.id)&&void 0!==i?i:""));var i})),0===g.length&&(0,t.jsx)(y.sg,{gridColumn:{_:"2 / -2",720:"3 / -3",1024:"2 / -2"},children:(0,t.jsx)(C.P,{children:a("No results found")})}),null!=n.cta&&(0,t.jsx)(y.sg,{margin:{_:"var(--spacing-6x) 0 0",600:"var(--spacing-8x) 0 0 "},gridColumn:{_:"2 / -2",720:"3 / -3",1024:"2 / -2"},children:(0,t.jsx)(yn.z,{href:n.cta.url,size:"large",icon:(0,t.jsx)(ie.olP,{}),className:"related-content__button",children:n.cta.label})})]})}var si=r(31660);function di(n){var e,r,i,o=(0,lr.w)(),a=(0,an.vl)();return null==n.paragraph.items||0===n.paragraph.items.length?null:(0,t.jsx)(ci,{withMargin:!0,backgroundColor:n.paragraph.backgroundColor,items:n.paragraph.items.map((function(n){if("NodeIncident"===n.__typename||"NodeThankYouPage"===n.__typename||"NodeDatacenter"===n.__typename||"NodePlannedWork"===n.__typename)return null;var e=(0,si.uH)(n.__typename,o),r="NodeNews"===n.__typename&&(0,N.Uh)(n.date)?(0,Qr.p6)((0,nt.E)(n.date),a.locale):"NodeLifeline"===n.__typename&&(0,N.Uh)(n.author)?n.author:void 0;
1return{id:n.id,title:n.title,subtitle:r,desc:n.summary,image:{url:n.image.src,alt:n.image.alt},cta:{url:n.path,title:n.title},type:e}})),hasBackground:!0,title:n.paragraph.title,description:n.paragraph.description,cta:null!=n.paragraph.callToAction?{url:null===(e=n.paragraph.callToAction)||void 0===e?void 0:e.button.path,label:null!==(i=null===(r=n.paragraph.callToAction)||void 0===r?void 0:r.button.title)&&void 0!==i?i:""}:void 0,mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile})}function pi(n){var e,r=(0,lr.w)();return(0,N.Uh)(n.paragraph.articles)&&0!==n.paragraph.articles.length?(0,t.jsx)(ci,{backgroundColor:null,items:n.paragraph.articles.map((function(n){return{id:n.id,subtitle:null!==(e=n.author)&&void 0!==e?e:"",title:n.title,desc:n.summary,image:{url:n.image.src,alt:n.image.alt},cta:{url:n.path,title:n.title},type:n.category.name}})),hasBackground:n.paragraph.beigeBackground,withMargin:!1,title:n.paragraph.theme.name,cta:{url:n.paragraph.theme.path,label:r("Show all articles")},mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile}):null}function mi(n){return null==n.paragraph.cards||0===n.paragraph.cards.length?null:(0,t.jsx)(ci,{backgroundColor:null,unlimited:!0,centeredVersion:"v3_centered_elements"===n.paragraph.displayMode,isSearchable:(0,N.Uh)(n.paragraph.searchable)&&n.paragraph.searchable,isFilterable:(0,N.Uh)(n.paragraph.enableFilter)&&n.paragraph.enableFilter,items:n.paragraph.cards.map((function(e){var r,t;return{id:e.id,title:e.title,desc:null!==(r=e.description)&&void 0!==r?r:"",image:null!=e.image?{url:e.image.src,alt:e.image.alt}:void 0,cta:{url:e.link.path,title:null!==(t=e.link.title)&&void 0!==t?t:""},type:e.type,icon:e.icon,crop:(0,N.Uh)(e.cropToFit)&&e.cropToFit?{cm:"pad_resize"}:void 0,clampTitle:n.paragraph.truncateTitle,filter:e.filter}})),hasBackground:!0,withMargin:!0,title:n.paragraph.title,cta:null!=n.paragraph.callToAction?{url:n.paragraph.callToAction.button.path,label:null!==(e=n.paragraph.callToAction.button.title)&&void 0!==e?e:""}:void 0,mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile});var e}function ui(n){var e,r,i;return null==n.paragraph.cards||0===n.paragraph.cards.length?null:(0,t.jsx)(ci,{backgroundColor:null,withMargin:!0,items:n.paragraph.cards.map((function(n){var e,r;return{id:n.id,title:n.title,desc:n.description,image:{url:null===(e=n.image)||void 0===e?void 0:e.src,alt:null===(r=n.image)||void 0===r?void 0:r.alt},cta:{url:n.link.path,title:n.link.title},type:n.link.title}})),hasBackground:!0,title:n.paragraph.title,cta:null!=n.paragraph.callToAction?{url:null===(e=n.paragraph.callToAction)||void 0===e?void 0:e.button.path,label:null!==(i=null===(r=n.paragraph.callToAction)||void 0===r?void 0:r.button.title)&&void 0!==i?i:""}:void 0,mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile})}function hi(){var n=(0,l.Z)(["\n --related-cases-bg-color: var(--color-petrol-500);\n --related-cases-cta-text-color: var(--color-petrol-900);\n\n background-color: var(--related-cases-bg-color);\n padding: var(--spacing-12x) 0;\n\n .title-text-cta__title,\n .title-text-cta__subtitle,\n .title-text-cta__description {\n color: var(--related-cases-cta-text-color);\n }\n\n /* Theming */\n .theme--dataplace & {\n --related-cases-bg-color: var(--color-green-600);\n --related-cases-cta-text-color: var(--color-white-100);\n\n /* Do a manual overwrite of the button color here */\n .title-text-cta__button {\n background-color: var(--color-white-100);\n color: var(--color-petrol-900);\n\n &:hover {\n color: var(--color-petrol-800);\n background-color: var(--color-petrol-400);\n }\n\n &:active {\n background-color: var(--color-petrol-500);\n }\n\n &:focus {\n background-color: var(--color-white-100);\n }\n\n &:disabled {\n color: var(--color-anthracite-500);\n }\n }\n }\n\n .theme--dcspine & {\n --related-cases-cta-text-color: var(--color-white-100);\n }\n"]);return hi=function(){return n},n}var gi=(0,c.default)(y.rj).withConfig({componentId:"sc-7f316d76-0"})(hi());function fi(n){var e=[{_:"2 / -2",600:"2 / 6",720:"3 / 6",960:"6 / 10",1280:"7 / 10"},{_:"2 / -2",600:"6 / 10",720:"6 / 9",960:"10 / 14",1280:"10 / 13"}],r=[{_:"var(--spacing-6x)",600:0},{_:0}];return(0,t.jsxs)(gi,{marginTop:{_:"var(--spacing-8x)",600:"var(--spacing-10x)",720:"var(--spacing-12x)"},marginBottom:{_:"var(--spacing-8x)",600:"var(--spacing-10x)",720:"var(--spacing-12x)"},display:{_:!0===n.showOnMobile?"grid":"none",600:"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:[(0,t.jsx)(y.sg,{gridColumn:{_:"2 / 6",600:"2 / 10",720:"3 / -3",960:"2 / 6",1280:"3 / 7"},marginBottom:{_:"var(--spacing-8x)",960:"0"},alignSelf:"center",children:(0,t.jsx)(Hn,{subtitle:n.subtitle,lcSubtitle:!0,title:n.title,de
1scription:n.description,cta:n.cta})}),n.items.map((function(n,i){return null==n?null:(0,t.jsx)(y.sg,{gridColumn:e[i],marginBottom:r[i],children:(0,t.jsx)(Jt.a,(0,Z.Z)({},n))},n.title)}))]})}function vi(n){var e,r=(0,lr.w)(),i=(0,an.vl)();return null==n.paragraph.items||0===n.paragraph.items.length?null:(0,t.jsx)(fi,{items:n.paragraph.items.map((function(n){if("NodeIncident"===n.__typename||"NodeThankYouPage"===n.__typename||"NodeDatacenter"===n.__typename||"NodePlannedWork"===n.__typename)return null;var e="NodeService"===n.__typename?r("Service"):"NodePage"===n.__typename?r("Page"):"NodeNews"===n.__typename?n.newsType:n.category.name,t="NodeNews"===n.__typename&&(0,N.Uh)(n.date)?(0,Qr.p6)((0,nt.E)(n.date),i.locale):"NodeLifeline"===n.__typename&&(0,N.Uh)(n.author)?n.author:void 0;return{id:n.id,subtitle:t,title:n.title,desc:n.summary,image:{url:n.image.src,alt:n.image.alt},cta:{url:n.path,title:n.title},type:e}})),title:n.paragraph.title,subtitle:n.paragraph.subtitle,description:n.paragraph.description,cta:null!=n.paragraph.callToAction?{url:n.paragraph.callToAction.button.path,label:null!==(e=n.paragraph.callToAction.button.title)&&void 0!==e?e:""}:void 0,mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile})}function bi(){var n=(0,l.Z)(["\n list-style: none;\n margin: 0 0 2.4rem;\n height: 100%;\n will-change: height, transform;\n transition: all 350ms ease-out;\n cursor: pointer;\n position: relative;\n z-index: 3;\n\n &.metrics-card__darkCyan {\n .metrics-card__button {\n span {\n background-color: var(--color-darkCyan-300);\n color: var(--color-darkCyan-400);\n }\n }\n }\n\n &.metrics-card__green {\n .metrics-card__button {\n span {\n background-color: var(--color-green-300);\n color: var(--color-green-600);\n }\n }\n }\n\n &.metric-card__red {\n .metrics-card__button {\n span {\n background-color: var(--color-red-400);\n color: var(--color-red-600);\n }\n }\n }\n\n &.metric-card__yellow {\n .metrics-card__button {\n span {\n background-color: var(--color-orange-400);\n color: var(--color-orange-600);\n }\n }\n }\n\n .metrics-card__subtitle {\n color: var(--color-black-800);\n font-size: 1.4rem;\n font-weight: 700;\n letter-spacing: 0.02em;\n line-height: 2rem;\n\n @media (min-width: ",") {\n font-size: 1.5rem;\n line-height: 2rem;\n width: 80%;\n }\n\n @media (min-width: ",") {\n font-size: 1.6rem;\n line-height: 2rem;\n width: 70%;\n }\n }\n\n .metrics-card__icon-wrapper {\n margin: 0 0 var(--spacing-2x);\n }\n"]);return bi=function(){return n},n}function xi(){var n=(0,l.Z)(["\n margin-top: var(--spacing-1x);\n\n @media (min-width: ",") {\n margin-top: var(--spacing-1x);\n }\n\n @media (min-width: ",") {\n margin-top: var(--spacing-3x);\n }\n\n ","\n"]);return xi=function(){return n},n}function _i(){var n=(0,l.Z)(["\n display: flex;\n flex-flow: row nowrap;\n\n @media (min-width: ",") {\n align-items: flex-end;\n }\n"]);return _i=function(){return n},n}function wi(){var n=(0,l.Z)(["\n font-size: 3.2rem;\n line-height: 3.2rem;\n font-weight: 700;\n margin: 0 var(--spacing-1x) 0 0;\n\n @media (min-width: ",") {\n font-size: 4rem;\n line-height: 4rem;\n }\n\n @media (min-width: ",") {\n font-size: 5.6rem;\n line-height: 5.6rem;\n }\n"]);return wi=function(){return n},n}function ki(){var n=(0,l.Z)(["\n margin: 0;\n font-size: 1.6rem;\n line-height: 2rem;\n font-weight: 700;\n\n @media (min-width: ",") {\n font-size: 2rem;\n line-height: 2.4rem;\n }\n\n @media (min-width: ",") {\n font-size: 2.4rem;\n line-height: 2.4rem;\n }\n"]);return ki=function(){return n},n}var yi=(0,c.default)("div").withConfig({componentId:"sc-df5aa753-0"})(bi(),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[1024]})),ji=(0,c.default)("p").withConfig({componentId:"sc-df5aa753-1"})(xi(),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[1024]}
1),S.bK),Ci=(0,c.default)("div").withConfig({componentId:"sc-df5aa753-2"})(_i(),(function(n){return n.theme.breakpoints[720]})),Ti=(0,c.default)("h3").withConfig({componentId:"sc-df5aa753-3"})(wi(),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[1024]})),zi=(0,c.default)("h4").withConfig({componentId:"sc-df5aa753-4"})(ki(),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[1024]}));function Ni(n){var e;return(0,t.jsx)(yi,{className:"metrics-card__".concat(null!==(e=n.icon.color)&&void 0!==e?e:""),display:n.display,children:(0,t.jsxs)("div",{children:[(0,t.jsx)(te.A,{icon:n.icon.type,color:n.icon.color,iconSize:"small",className:"metrics-card__icon-wrapper"}),(0,t.jsxs)(Ci,{className:"metrics-card__title",children:[(0,t.jsx)(Ti,{children:n.metric}),(0,N.Uh)(n.unit)&&(0,t.jsx)(zi,{children:n.unit})]}),(0,N.Uh)(n.desc)&&(0,t.jsx)(ji,{as:"div",className:"metrics-card__subtitle",display:n.display,children:(0,t.jsx)(G.r,{children:n.desc})})]})})}function Pi(){var n=(0,l.Z)(["\n .solution__pills_column {\n white-space: nowrap;\n position: relative;\n z-index: -1;\n\n @media (min-width: ",") and (max-width: ",") {\n display: flex;\n justify-content: center;\n }\n\n @media (min-width: ",") {\n padding-left: var(--spacing-4x);\n }\n }\n\n .solutions-card__icon-wrapper {\n margin-bottom: var(--spacing-2x);\n }\n\n /* Theming */\n .theme--dcspine & {\n .title-text-cta__title {\n color: var(--color-petrol-700);\n }\n }\n"]);return Pi=function(){return n},n}function Ri(){var n=(0,l.Z)(["\n display: flex;\n align-items: center;\n\n .solution__darkCyan {\n color: var(--color-darkCyan-400);\n }\n\n .solution__green {\n color: var(--color-green-600);\n }\n\n .solution__red {\n color: var(--color-red-600);\n }\n\n .solution__yellow {\n color: var(--color-orange-600);\n }\n\n svg {\n margin-right: var(--spacing-3x);\n height: var(--spacing-7x);\n width: var(--spacing-7x);\n }\n\n p {\n font-weight: 500;\n font-size: 1.6rem;\n line-height: 2.4rem;\n\n @media (min-width: ",") {\n font-size: 1.7rem;\n }\n\n @media (min-width: ",") {\n font-size: 1.8rem;\n }\n }\n"]);return Ri=function(){return n},n}var Zi=(0,c.default)(y.rj).withConfig({componentId:"sc-f2f73ee7-0"})(Pi(),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[960]})),Ii=(0,c.default)("div").withConfig({componentId:"sc-f2f73ee7-1"})(Ri(),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[1024]})),Bi=[{_:"2 / 4",600:"3 / 6",720:"3 / 6",960:"3 / 8",1024:"6 / 10",1280:"8 / 11"},{_:"4 / -2",600:"6/ -3",720:"6/ -3",960:"8/ -3",1024:"10/ 13",1280:"11 / 14"},{_:"2 / 4",600:"3 / 6",720:"3 / 6",960:"3 / 8",1024:"6 / 10",1280:"8 / 11"},{_:"4 / -2",600:"6/ -3",720:"6/ -3",960:"8/ -3",1024:"10/ 13",1280:"11 / 14"},{_:"2 / 4",600:"3 / 6",720:"3 / 6",960:"3 / 8",1024:"6 / 10",1280:"8 / 11"},{_:"4 / -2",600:"6/ -3",720:"6/ -3",960:"8/ -3",1024:"10/ 13",1280:"11 / 14"}],Ai=[{_:"2 / span 1",1024:"1 / span 1"},{_:"2 / span 1",1024:"1 / span 1"},{_:"3 / span 1",1024:"2 / span 1"},{_:"3 / span 1",1024:"2 / span 1"},{_:"4 / span 1",1024:"3 / span 1"},{_:"4 / span 1",1024:"3 / span 1"}];function Ui(n){return(0,t.jsxs)(Zi,{margin:{_:"var(--spacing-10x) 0",600:"var(--spacing-12x) 0",960:"var(--spacing-20x) 0"},gridGap:{_:"2.4rem",600:"1.6rem",720:"2.4rem"},display:{_:!0===n.showOnMobile?"grid":"none",600:"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:[(0,t.jsxs)(y.sg,{gridColumn:{_:"2 / -2",600:"3 / -3",1024:"2 / 6",1280:"3 / 7"},marginBottom:{_:"var(--spacing-6x)",960:"0"},gridRow:{_:"1",1024:"1 / span 2"},alignSelf:"flex-start",children:[(0,t.jsx)(Ii,{children:(0,t.jsx)(C.mH,{children:n.subtitle})}),(0,t.jsx)(Hn,{title:n.title,lcSubtitle:!0,description:n.description,cta:n.cta,btnColor:"beige"})]}),(0,N.Uh)(n.metrics)&&n.metrics.map((function(n,e){return(0,t.jsx)(y.sg,{gridColumn:Bi[e],gridRow:Ai[e],children:(0,t.jsx)(Ni,{desc:n.description,metric:n.metric,unit:n.unit,icon:{type:n.iconType,color:n.color}})},n.description)}))]})}function Mi(n){return(0,t.jsx)(Ui,{metrics:null!=n.paragraph.metrics?n.paragraph.metrics.map((function(n){return{description:n.description,metric:n.value,unit:n.unit,iconType:n.icon,color:"darkgreen"}})):void 0,title:n.paragraph.title,subtitle:n.paragraph.subtitle,de
1scription:n.paragraph.description,mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile})}function Oi(){var n=(0,l.Z)(["\n --service-grid-background: var(--color-beige-600);\n\n ","\n\n .service__title {\n @media (min-width: ",") {\n font-size: 2.8rem;\n line-height: 3.2rem;\n }\n }\n\n .service__shapes_column {\n white-space: nowrap;\n position: relative;\n z-index: 1;\n\n @media (min-width: ",") {\n padding-left: var(--spacing-4x);\n }\n }\n\n .service__shape_wrapper {\n width: 527px;\n height: 439px;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n\n &.service__shape_wrapper_circle {\n width: 320px;\n height: 320px;\n\n + .service__shape_wrapper_pill {\n margin-left: calc(var(--spacing-6x) * -1);\n }\n }\n }\n\n .service__shape {\n border: 1px solid var(--color-petrol-600);\n transform-origin: center center;\n position: absolute;\n }\n\n .service__shape_pill {\n width: 560px;\n height: 318px;\n border-radius: 280px;\n transform: rotate(30deg);\n }\n\n .service__shape_circle {\n width: 320px;\n height: 320px;\n border-radius: 160px;\n }\n\n .service__shape_red {\n border-color: var(--color-red-500);\n }\n\n .service__shape_darkCyan {\n border-color: var(--color-darkCyan-400);\n }\n\n .service__shape_green {\n border-color: var(--color-green-600);\n\n @media (min-width: ",") {\n transform: translate(50%);\n }\n }\n\n .service__shape_yellow {\n border-color: var(--color-orange-500);\n }\n\n .solutions-card__icon-wrapper {\n margin-bottom: var(--spacing-2x);\n }\n\n /* Theming */\n .theme--dataplace & {\n --service-grid-background: var(--color-beige-700);\n\n .service__shapes_column {\n display: none;\n }\n }\n\n .theme--dcspine & {\n .title-text-cta__title {\n color: var(--color-petrol-700);\n }\n }\n"]);return Oi=function(){return n},n}function Si(){var n=(0,l.Z)(["\n margin-bottom: var(--spacing-2x);\n display: flex;\n align-items: center;\n\n .service__darkCyan {\n color: var(--color-darkCyan-400);\n }\n .service__green {\n color: var(--color-green-600);\n }\n\n .service__red {\n color: var(--color-red-600);\n }\n\n .service__yellow {\n color: var(--color-orange-600);\n }\n\n svg {\n margin-right: var(--spacing-3x);\n height: var(--spacing-7x);\n width: var(--spacing-7x);\n }\n\n p {\n font-weight: 500;\n font-size: 20px;\n line-height: 24px;\n }\n"]);return Si=function(){return n},n}var Fi=(0,c.default)(y.rj).withConfig({componentId:"sc-31e6ff3c-0"})(Oi(),(function(n){return(0,N.Uh)(n.hasBackground)&&n.hasBackground&&"background-color: var(--service-grid-background);"}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[720]}));(0,c.default)("div").withConfig({componentId:"sc-31e6ff3c-1"})(Si());function Hi(n){var e,r=function(n){if(n.length<6)return[{hasExtraCard:5===n.length,cards:n}];for(var e=[],r=0;r<n.length;)e.push({hasExtraCard:!0,cards:n.slice(r,5+r)}),r+=5;return e}(n.cards),i=[];return n.shapes.map((function(e){var r;return i.push((0,t.jsx)("div",{className:"service__shape_wrapper service__shape_wrapper_".concat(e),children:(0,t.jsx)("div",{className:"service__shape service__shape_".concat(null!==(r=n.color)&&void 0!==r?r:"green"," service__shape_").concat(e)})},"service-shape-".concat(e))),!0})),(0,t.jsxs)(Fi,{padding:{_:"var(--spacing-10x) 0",960:"var(--spacing-12x) 0"},hasBackground:n.hasBackground,gridGap:{_:16,720:24},display:{_:!0===n.showOnMobile?"grid":"none",600:"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:[(0,t.jsx)(y.sg,{gridColumn:{_:"2 / -2",600:"3 / -3",720:"3 / -3",960:"2 / -2"},gridRow:1,alignSelf:"center",style:{zIndex:3,position:"relative"},children:(0,t.jsx)(C.H2,{margin:"0",className:"service__title",children:n.title})}),(0,t.jsx)(y.sg,{gridColumn:"1 / -1",gridRow:2,children:r.map((function(n){return(0,t.jsx)(y.rj,{marginBottom:"var(--spacing-6x)",gridGap:{_:16,960:24},children:n.cards.map((function(e,r){if(null==e)return null;
1var i=5===n.cards.length,o=[{_:"2 / 6",600:"3 / 6",960:"2 / 5"},{_:"2 / 6",600:i?"6 / 9":"3 / 6",960:"5 / 8"},{_:"2 / 6",600:"6 / 9",960:"8 / 11"},{_:"2 / 6",600:i?"3 / 6":"6 / 9",960:"11 / 14"},{_:"2 / 6",600:"6 / 9",960:"11 / 14"}],a=[{_:"1 / span 1",600:i?"1 / span 2":"1 / span 1",960:"1 / span 2"},{_:"2 / span 1",600:i?"1 / span 1":"2 / span 1",960:"1 / span 2"},{_:"3 / span 1",600:i?"2 / span 1":"1 / span 1",960:"1 / span 2"},{_:"4",600:"3 / span 1",960:i?"1 / span 1":"1 / span 2"},{_:"5",600:"2 / span 1"}],l=[{_:"none",960:"block"},{_:"none",960:"block"},{_:"none",960:"block"},{_:"none",960:i?"none":"block"},{_:"none"}];return(0,t.jsx)(y.sg,{gridColumn:o[r],gridRow:a[r],children:(0,t.jsx)(de,{title:e.title,desc:e.desc,icon:(0,N.Uh)(e.iconType)?{type:e.iconType,color:e.color}:void 0,cta:{url:e.ctaUrl,title:e.title},display:l[r]})},"service-single-card-".concat(e.title))}))},n.cards.map((function(n){return null!==(e=null===n||void 0===n?void 0:n.ctaUrl)&&void 0!==e?e:""})).join())}))}),(0,t.jsx)(y.sg,{gridColumn:{_:"1 / -1",960:"3 / -1",1024:"5 / -1",1280:"9 / -1"},gridRow:{_:"1 / span 6",600:"1 / span 4",720:"1 / span 3"},alignSelf:"center",className:"service__shapes_column",children:i})]})}function Li(n){if(!(0,N.Uh)(n.paragraph.relatedContent)||0===n.paragraph.relatedContent.length)return null;var e=n.paragraph.shape.split("_");return(0,t.jsx)(Hi,{cards:n.paragraph.relatedContent.map((function(n){return"NodeIncident"===n.__typename||"NodeThankYouPage"===n.__typename||"NodeDatacenter"===n.__typename||"NodePlannedWork"===n.__typename?null:{title:n.title,desc:n.summary,color:"NodeService"===n.__typename&&null!=n.solution?n.solution.color:"green",iconType:"NodeService"===n.__typename?n.icon:void 0,ctaUrl:n.path}})),hasBackground:n.paragraph.withBackground,title:n.paragraph.title,color:n.paragraph.defaultIconColor,shapes:e,mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile})}function Ei(n){return(0,t.jsx)(t.Fragment,{children:n.paragraph.banners.map((function(e,r){return(0,t.jsx)(fe,{paragraph:e,index:r,mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile},"solution-banner-".concat(e.id))}))})}function Di(){var n=(0,l.Z)(["\n --solution-grid-background-color: var(--color-beige-600);\n\n &.solution-grid--has-background {\n background-color: var(--solution-grid-background-color);\n }\n\n .solution__pills_column {\n position: relative;\n white-space: nowrap;\n z-index: -1;\n\n @media (min-width: ",") and (max-width: ",") {\n display: flex;\n justify-content: center;\n }\n\n @media (min-width: ",") {\n padding-left: var(--spacing-4x);\n }\n }\n\n .solution__pill_wrapper {\n align-items: center;\n display: inline-flex;\n height: 492px;\n justify-content: center;\n position: relative;\n width: 540px;\n z-index: -1;\n\n &:nth-child(1) {\n transform: translate(0, 0);\n }\n\n &:nth-child(2) {\n transform: translate(-440px, 0);\n }\n\n &:nth-child(3) {\n transform: translate(-880px, 0);\n }\n\n @media (min-width: ",") {\n &:nth-child(1) {\n transform: translate(84px, 0);\n }\n\n &:nth-child(2) {\n transform: translate(0, 0);\n }\n\n &:nth-child(3) {\n transform: translate(-84px, 0);\n }\n }\n\n @media (min-width: ",") {\n height: 320px;\n width: 376px;\n\n &:nth-child(1) {\n transform: translate(0, 0);\n }\n\n &:nth-child(2) {\n transform: translate(-168px, 0);\n }\n\n &:nth-child(3) {\n transform: translate(-336px, 0);\n }\n }\n\n @media (min-width: ",") {\n height: 320px;\n width: 376px;\n }\n\n @media (min-width: ",") {\n height: 376px;\n width: 440px;\n\n &:nth-child(1) {\n transform: translate(0, 0);\n }\n\n &:nth-child(2) {\n transform: translate(-232px, 0);\n }\n\n &:nth-child(3) {\n transform: translate(-464px, 0);\n }\n }
1\n\n @media (min-width: ",") {\n &:nth-child(1) {\n transform: translate(0, 0);\n }\n\n &:nth-child(2) {\n transform: translate(-120px, 0);\n }\n\n &:nth-child(3) {\n transform: translate(-240px, 0);\n }\n }\n\n @media (min-width: ",") {\n height: 376px;\n width: 400px;\n }\n }\n\n .solution__pill {\n border: 1px solid var(--color-petrol-600);\n border-radius: 156px;\n height: 636px;\n max-height: 100%;\n position: absolute;\n transform: rotate(45deg);\n transform-origin: center center;\n width: 312px;\n\n @media (min-width: ",") {\n border-radius: 214px;\n height: 430px;\n width: 214px;\n }\n\n @media (min-width: ",") {\n border-radius: 220px;\n height: 440px;\n width: 220px;\n }\n\n @media (min-width: ",") {\n border-radius: 258px;\n height: 514px;\n width: 258px;\n }\n\n @media (min-width: ",") {\n border-radius: 236px;\n height: 472px;\n width: 236px;\n }\n }\n\n .solution__darkCyan_pill {\n border-color: var(--color-darkCyan-400);\n }\n\n .solution__red_pill {\n border-color: var(--color-red-600);\n }\n\n .solution__green_pill {\n border-color: var(--color-green-600);\n }\n\n .solution__yellow_pill {\n border-color: var(--color-orange-600);\n }\n\n .solutions-card__icon-wrapper {\n margin-bottom: var(--spacing-2x);\n }\n\n /* Theming */\n .theme--dataplace & {\n --solution-grid-background-color: var(--color-beige-700);\n\n .solution__pills_column {\n display: none;\n }\n }\n\n /* Theming */\n .theme--dcspine & {\n padding-bottom: 2.4rem;\n\n @media (min-width: ",") {\n padding: 5rem 0;\n }\n\n .title-text-cta__title {\n color: var(--color-petrol-700);\n }\n\n .solution__pills_column {\n z-index: 0;\n }\n }\n"]);return Di=function(){return n},n}function Yi(){var n=(0,l.Z)(["\n align-items: center;\n display: flex;\n\n .solution__darkCyan {\n color: var(--color-darkCyan-400);\n }\n\n .solution__green {\n color: var(--color-green-600);\n }\n\n .solution__red {\n color: var(--color-red-600);\n }\n\n .solution__yellow {\n color: var(--color-orange-600);\n }\n\n svg {\n height: var(--spacing-7x);\n margin-right: var(--spacing-3x);\n width: var(--spacing-7x);\n }\n\n p {\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n }\n"]);return Yi=function(){return n},n}var qi=(0,c.default)(y.rj).withConfig({componentId:"sc-1b019fe7-0"})(Di(),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[1280]}),(function(n){return n.theme.breakpoints[1600]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[1600]}),(function(n){return n.theme.breakpoints[960]})),Wi=(0,c.default)("div").withConfig({componentId:"sc-1b019fe7-1"})(Yi()),Vi=[{_:"2 / 6",720:"3 / 6",960:"8 / 11",1280:"7 / 10"},{_:"2 / 6",600:"6 / 10",720:"6 / 9",960:"11 / 14",1280:"10 / 13"},{_:"2 / 6",600:"6 / 10",720:"6 / 9",960:"11 / 14",1280:"10 / 13"}],Gi=(0,A.Z)(Vi);Gi.splice(2,0,{_:"2 / 6",720:"3 / 6",960:"8 / 11",1280:"7 / 10"});var Ki=[{_:"2",600:"2 / span 2",960:"1 / span 2"},{_:"3",600:"2 / span 1",960:"1 / span 1"},{_:"4",600:"3 / span 1",960:"2 / span 1"}],Xi=[{_:"2",600:"2 / span 1",960:"1 / span 1"},{_:"3",600:"2 / span 1",960:"1 / span 1"},{_:"4",600:"3 / span 1",960:"2 / span 1"},{_:"5",600:"3 / span 1",960:"2 / span 1"}];function $i(n){return(0,t.jsxs)(qi,{className:M()({"solution-grid--has-background":n.hasBackground}),margin:{_:"var(--spacing-10x) 0",600:"var(--spacing-12x) 0",960:"var(--spacing-20x) 0"},gridGap:{_:"2.4rem",600:"1.6rem",720:"2.4rem"},display:{_:!0===n.showOnMobile?"grid":"none",600:"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:[(0,t.jsxs)(y.sg,{gridColumn:{_:"2 / 6",600:"2 / 10",720:"3 / 9",960:"2 / 7",1280:"3 / 7"},marginBottom:{_:"var(--spacing-6x)",960:"0"},gridRow:{_:"1",960:"1 / span 2"},alignSelf:"center",children:[(0,t.jsxs)(Wi,{children:[(0,N.Uh)(n.subtitleIcons)&&n.subtitleIcons.map((function(n){var e,r=(0,ie.wy1)(n.iconType),i=null!==(e=n.color)&&void 0!==e?e:"green";return(0,t.jsx)("span",{className:"solution__".concat(i),children:r},"solution-icon-".concat(n.iconType))})),(0,t.jsx)(C.P,{children:n.subtitle})]}
1),(0,t.jsx)(Hn,{title:n.title,description:n.description,cta:n.cta,btnColor:"beige"})]}),(0,N.Uh)(n.cards)&&n.cards.map((function(e,r){return(0,t.jsx)(y.sg,{gridColumn:(0,N.Uh)(n.cards)&&n.cards.length>3?Gi[r]:Vi[r],gridRow:(0,N.Uh)(n.cards)&&n.cards.length>3?Xi[r]:Ki[r],children:(0,t.jsx)(de,{smallTitle:!0,title:e.title,icon:{type:e.iconType,color:e.color},cta:{url:e.ctaUrl,title:e.title}})},e.key)})),(0,t.jsxs)(y.sg,{gridColumn:{_:"2 / 6",600:"2 / -1",720:"1 / -1",960:"8 / -1",1280:"7 / -1"},gridRow:{_:"1 / span 2"},className:"solution__pills_column",children:[(0,t.jsx)("div",{className:"solution__pill_wrapper",children:(0,t.jsx)("div",{className:"solution__pill solution__red_pill"})}),(0,t.jsx)("div",{className:"solution__pill_wrapper",children:(0,t.jsx)("div",{className:"solution__pill solution__darkCyan_pill"})}),(0,t.jsx)("div",{className:"solution__pill_wrapper",children:(0,t.jsx)("div",{className:"solution__pill solution__green_pill"})}),(0,t.jsx)("div",{className:"solution__pill_wrapper",children:(0,t.jsx)("div",{className:"solution__pill solution__yellow_pill"})})]})]})}function Ji(n){var e,r,i,o=(0,lr.w)();return(0,t.jsx)($i,{subtitleIcons:null===(e=n.paragraph.solutions)||void 0===e?void 0:e.map((function(n){return{color:n.color,iconType:n.icon}})),hasBackground:n.paragraph.hasBackground,subtitle:o("Solutions"),title:n.paragraph.title,description:n.paragraph.shortDescription,cta:null!=n.paragraph.callToAction?{url:n.paragraph.callToAction.button.path,label:null!==(i=n.paragraph.callToAction.button.title)&&void 0!==i?i:""}:void 0,cards:null===(r=n.paragraph.solutions)||void 0===r?void 0:r.map((function(n){return{key:"solutin-card-".concat(n.id),title:n.name,color:n.color,iconType:n.icon,ctaUrl:n.path}})),mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile})}function Qi(){var n=(0,l.Z)(["\n background-color: ",";\n\n .steps-with-icons {\n &__title {\n font-size: 3.2rem;\n line-height: 3.6rem;\n margin-bottom: 0.8rem;\n margin-top: 0rem;\n }\n\n &__subtitle,\n &__description-wrapper {\n font-family: var(--font-family-secundary);\n font-size: 1.8rem;\n line-height: 2.4rem;\n letter-spacing: 0.54px;\n }\n\n &__subtitle {\n font-size: 1.8rem;\n line-height: 2.4rem;\n margin-bottom: 0rem;\n }\n\n &__description-wrapper {\n p {\n color: var(--color-black-700);\n }\n }\n \n &__cta-wrapper {\n margin-top: 2.4rem;\n }\n }\n"]);return Qi=function(){return n},n}function no(){var n=(0,l.Z)(["\n display: flex;\n flex-direction: column;\n gap: 1.6rem;\n background-color: var(--color-petrol-400);\n padding: 2.4rem;\n border-radius: 0.4rem;\n\n .steps-wrapper {\n &__step {\n display: flex;\n align-items: flex-start;\n gap: 1.6rem;\n padding: 0.8rem 0;\n position: relative;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.5s ease-in-out 0.4s, transform 0.5s ease-in-out 0.4s;\n\n &.in-view {\n opacity: 1;\n transform: translateY(0);\n }\n\n &::before {\n content: '';\n position: absolute;\n top: 6rem;\n height: calc(100% - 4rem);\n left: 2.4rem;\n width: 2px;\n border-radius: 4px;\n background-color: var(--color-petrol-600);\n z-index: 1;\n }\n\n &:last-of-type {\n &::before {\n display: none;\n }\n }\n\n &-title {\n font-size: 1.6rem;\n line-height: 2rem;\n margin-bottom: 0.4rem;\n font-weight: 500;\n letter-spacing: 0.32px;\n }\n\n &-content {\n p {\n color: var(--color-black-900);\n font-size: 1.4rem;\n line-height: 1.6rem;\n }\n }\n\n &-icon-wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n background-color: var(--color-white-100);\n border-radius: 50%;\n width: 4.8rem;\n height: 4.8rem;\n min-width: 4.8rem;\n min-height: 4.8rem;\n\n svg {\n width: 4rem;\n height: 4rem;\n color: var(--color-petrol-700);\n }\n }\n }\n }\n}\n"]);return no=function(){return n},n}var eo=(0,c.default)(y.rj).withConfig({componentId:"sc-67d5b306-0"})(Qi(),(function(n){return n.background})),ro=c.default.div.withConfig({componentId:"sc-67d5b306-1"})(no()),to=function(n){var e=n.subtitle,r=n.title,i=n.description,o=n.cta;return(0,t.jsxs)(t.Fragment,{children:[(0,N.Uh)(e)&&(0,t.jsx)(C.H3,{as:"p",className:"steps-with-icons__subtitle",children:e}),(0,N.Uh)(r)&&(0,t.jsx)(C.H2,{as:"h3",className:"steps-with-icons__title",children:r}),(0,N.Uh)(i)&&(0,t.jsx)("div",{className:"steps-with-icons__description-wrapper",children:(0,t.jsx)(G.r,{children:i})}),(0,N.Uh)(o)&&(0,t.jsx)("div",{className:"steps-with-icons__cta-wrapper",children:(0,t.jsx)(yn.z,{href:o.button.path,color:"petrol",icon:"arrowRight",children:o.button.title})})]})},io=function(n){var e,r=n.step,o=(n.index,(0,i.useRef)(null)),a=(0,i.useState)(!1),l=a[0],c=a[1],s=(0,ie.wy1)(null!==(e=r.icon)&&void 0!==e?e:"");return(0,i.useEffect)((function(){var n=window.scrollY,e=!0,r=function(){var r=window.scrollY;e=r>n,n=r};window.addEventListener("scroll",r);var t=new IntersectionObserver((function(n){var r=(0,B.Z)(n,1)[0];e&&r.isIntersecting&&c(!0)}),{threshold:.1});return o.current&&t.observe(o.current),function(){window.removeEventListener("scroll",r),o.current&&t.unobserve(o.current)}}),[]),(0,t.jsxs)("div",{ref:o,className:"steps-wrapper__step ".concat(l?"in-view":""),children:[(0,t.jsx)("div",{className:"steps-wrapper__step-icon-wrapper",children:s}),(0,t.jsxs)("div",{className:"steps-wrapper__step-content",children:[r.optionalTitle&&(0,t.jsx)(C.H2,{className:"steps-wrapper__step-title",children:r.optionalTitle}),r.description&&(0,t.jsx)(G.r,{children:r.description})]})]})},oo=function(n){var e=n.steps;return(0,t.jsx)(ro,{children:e.map((function(n,e){return(0,t.jsx)(io,{step:n,index:e},n.id)}))})},ao=function(n){var e=n.title,r=n.description,i=n.subtitle,o=n.cta,a=n.steps,l=n.showOnMobile,c=n.mobileRank,s=n.centered,d=n.backgroundFullWidth;return s?(0,t.jsxs)(eo,{background:d?"var(--color-petrol-400)":"",paddingTop:{_:"var(--spacing-8x)",600:"var(--spacing-10x)",720:"var(--spacing-12x)"},paddingBottom:{_:"var(--spacing-8x)",600:"var(--spacing-10x)",720:"var(--spacing-12x)"},display:{_:!0===l?"grid":"none",600:"grid"},order:{_:c||0,600:0},children:[(0,t.jsx)(y.sg,{gridColumn:{_:"2 / -3",720:"3 / -3",960:"2 / -2",1280:"3 / -3"},marginBottom:{_:"var(--spacing-8x)",960:"0"},children:(0,t.jsx)(to,{subtitle:i,title:e,description:r,cta:o})}),(0,t.jsx)(y.sg,{gridColumn:{_:"2 / -2",720:"3 / -3",960:"2 / -2",1280:"3 / -3"},marginTop:{_:"var(--spacing-6x)"},children:(0,t.jsx)(oo,{steps:a})})]}):(0,t.jsxs)(eo,{background:d?"var(--color-petrol-400)":"transparent",paddingTop:{_:"var(--spacing-8x)",600:"var(--spacing-10x)",720:"var(--spacing-12x)"},paddingBottom:{_:"var(--spacing-8x)",600:"var(--spacing-10x)",720:"var(--spacing-12x)"},display:{_:!0===l?"grid":"none",600:"grid"},order:{_:c||0,600:0},children:[(0,t.jsx)(y.sg,{gridColumn:{_:"2 / 6",600:"2 / 10",720:"3 / 9",960:"2 / 7",1280:"3 / 7"},marginBottom:{_:"var(--spacing-8x)",960:"0"},children:(0,t.jsx)(to,{subtitle:i,title:e,description:r,cta:o})}),(0,t.jsx)(y.sg,{gridColumn:{_:"2 / 6",600:"2 / 10",720:"3 / 9",960:"8 / 14",1280:"8 / 13"},children:(0,t.jsx)(oo,{steps:a})})]})};
1function lo(n){var e=n.paragraph,r=e.optionalTitle,i=e.subtitle,o=e.description,a=e.optionalCta,l=e.steps,c=e.showOnMobile,s=e.mobileRank,d=e.backgroundFullWidth,p=e.centered;return(0,t.jsx)(ao,{title:r,description:o,subtitle:i,cta:a,steps:l,showOnMobile:c,mobileRank:s,centered:p,backgroundFullWidth:d})}function co(){var n=(0,l.Z)(["\n .tech-spec__spec-column:nth-child(n + 2) {\n margin-top: var(--spacing-5x);\n\n @media (min-width: ",") {\n margin-top: 0;\n }\n }\n\n .tech-spec__spec-column:nth-child(n + 3) {\n margin-top: var(--spacing-5x);\n }\n\n .tech-spec__spec-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .tech-spec__spec-list-item {\n font-family: var(--font-family-secundary);\n font-size: 1.6rem;\n letter-spacing: 0.03em;\n line-height: 2.4rem;\n margin-bottom: var(--spacing-3x);\n margin-top: 0;\n\n @media (min-width: ",") {\n font-size: 1.7rem;\n }\n\n @media (min-width: ",") {\n margin-bottom: var(--spacing-4x);\n }\n\n @media (min-width: ",") {\n font-size: 1.8rem;\n margin-bottom: var(--spacing-6x);\n }\n }\n\n .tech-spec__title {\n font-family: var(--font-family-primary);\n font-size: 1.6rem;\n font-weight: 500;\n line-height: 2rem;\n margin-bottom: var(--spacing-2x);\n\n @media (min-width: ",") {\n font-size: 1.8rem;\n }\n\n @media (min-width: ",") {\n font-size: 2rem;\n line-height: 2.4rem;\n }\n }\n"]);return co=function(){return n},n}var so=(0,c.default)(y.rj).withConfig({componentId:"sc-99406289-0"})(co(),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[1024]}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[1024]}));function po(n){return(0,t.jsx)(so,{as:"section",margin:{_:"var(--spacing-8x) 0",600:"var(--spacing-10x) 0",1024:"var(--spacing-12x) 0"},display:{_:!0===n.showOnMobile?"grid":"none",600:"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:n.techSpecs.map((function(n,e){return(0,t.jsxs)(y.sg,{gridColumn:{_:"2 / -2",600:e%2===0?"2 / 6":"6 / 10",720:e%2===0?"3 / 6":"6 / 9",960:e%2===0?"3 / 8":"8 / 13",1280:e%2===0?"4 / 8":"8 / 12"},className:"tech-spec__spec-column",children:[(0,t.jsx)(te.A,{icon:n.icon,color:"darkgreen",iconSize:"small"}),(0,t.jsx)(C.H3,{color:"var(--color-petrol-700)",marginTop:"var(--spacing-2x)",marginBottom:{_:"var(--spacing-2x)",600:"var(--spacing-3x)"},children:n.title}),n.specs.length>0&&(0,t.jsx)("ul",{className:"tech-spec__spec-list",children:n.specs.map((function(n){return(0,t.jsxs)("li",{className:"tech-spec__spec-list-item",children:[(0,t.jsx)("h4",{className:"tech-spec__title",children:n.title}),(0,t.jsx)(G.r,{components:{p:C.mH},children:n.description})]},"".concat(n.title,"-").concat(n.description))}))})]},"".concat(n.title,"-").concat(n.icon))}))})}function mo(n){var e=(0,lr.w)();return(0,t.jsx)(po,{techSpecs:[{title:e("General specifications"),icon:"lines",specs:n.paragraph.generalSpecifications.map((function(n){return{title:n.title,description:n.specification}}))},{title:e("Technical specifications"),icon:"wrench",specs:n.paragraph.technicalSpecifications.map((function(n){return{title:n.title,description:n.specification}}))}],mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile})}function uo(){var n=(0,l.Z)(["\n --color-check-list-icon: var(--color-petrol-600);\n --check-list-background-color: var(--color-petrol-400);\n --check-list-text-color: var(--color-petrol-800);\n\n background-color: var(--check-list-background-color);\n border-radius: var(--spacing-1x);\n list-style: none;\n margin: 0;\n padding: var(--spacing-6x);\n\n @media (min-width: ",") {\n padding: 3.4rem;\n }\n\n .check-list__item {\n color: var(--check-list-text-color);\n font-size: 1.6rem;\n font-weight: 500;\n line-height: 2rem;\n letter-spacing: 0.02em;\n margin-bottom: var(--spacing-6x);\n padding-left: var(--spacing-8x);\n position: relative;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n .check-list__icon {\n fill: var(--color-check-list-icon);\n height: 2rem;\n left: 0;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 2rem;\n\n path {\n fill: var(--color-check-list-icon);\n }\n }\n\n /* Theming */\n .theme--dataplace & {\n --color-check-list-icon: var(--color-green-600);\n --check-list-background-color: var(--color-green-300);\n }\n\n .theme--dcspine & {\n --color-check-list-icon: var(--color-petrol-700);\n --check-list-text-color: var(--color-petrol-900);\n }\n"]);return uo=function(){return n},n}var ho=(0,c.default)("ul").withConfig({componentId:"sc-aa23b5f6-0"})(uo(),(function(n){return n.theme.breakpoints[600]}));function go(n){return(0,t.jsx)(ho,{className:n.className,children:n.items.map((function(n){return(0,t.jsxs)("li",{className:"check-list__item",children:[(0,t.jsx)(ie.fU8,{className:"check-list__icon"}),n]},"check-list-item-".concat(n))}))})}function fo(){var n=(0,l.Z)(["\n /* Theming */\n .theme--dcspine & {\n .title-text-cta__title {\n color: var(--color-petrol-700);\n }\n }\n"]);return fo=function(){return n},n}var vo=(0,c.default)(y.rj).withConfig({componentId:"sc-4af82e83-0"})(fo());function bo(n){return(0,t.jsxs)(vo,{marginTop:{_:"var(--spacing-8x)",600:"var(--spacing-10x)",720:"var(--spacing-12x)"},marginBottom:{_:"var(--spacing-8x)",600:"var(--spacing-10x)",720:"var(--spacing-12x)"},display:{_:!0===n.showOnMobile?"grid":"none",600:"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:[(0,t.jsx)(y.sg,{gridColumn:{_:"2 / 6",600:"2 / 10",720:"3 / 9",960:"2 / 7",1280:"3 / 7"},marginBottom:{_:"var(--spacing-8x)",960:"0"},children:(0,t.jsx)(Hn,{subtitle:n.subtitle,title:n.title,lcSubtitle:!0,description:n.description,cta:n.cta,titleColor:n.titleColor})}),(0,t.jsx)(y.sg,{gridColumn:{_:"2 / 6",600:"2 / 10",720:"3 / 9",960:"8 / 14",1280:"8 / 13"},children:(0,t.jsx)(go,{items:n.usps})})]})}function xo(n){var e,r,i;return(0,t.jsx)(bo,{usps:n.paragraph.USPs,title:n.paragraph.title,subtitle:n.paragraph.subtitle,cta:null!=n.paragraph.callToAction?{url:null!==(r=null===(e=n.paragraph.callToAction)||void 0===e?void 0:e.button.path)&&void 0!==r?r:"",label:null!==(i=n.paragraph.callToAction.button.title)&&void 0!==i?i:""}:void 0,description:n.paragraph.shortDescription,mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile,titleColor:n.paragraph.optionalTitleColor})}function _o(){var n=(0,l.Z)(["\n background-color: ",";\n margin-block: 0;\n padding: var(--spacing-12x) 0;\n\n @media (min-width: ",") {\n padding: var(--spacing-24x) 0;\n }\n\n .usp-block-2026__title-column {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-2x);\n margin-block-end: var(--spacing-12x);\n\n @media (min-width: ",") {\n margin-block-end: 0;\n } \n\n > * {\n margin-block-end: 0;\n }\n }\n\n .title-text-cta__title {\n font-size: var(--spacing-6x);\n line-height: var(--spacing-8x);\n }\n\n .title-text-cta__subtitle {\n color: var(--color-petrol-700);\n font-size: 1.8rem;\n font-weight: 500;\n letter-spacing: 0.54px;\n line-height: 2.4rem;\n }\n\n .title-text-cta__description {\n font-size: 1.8rem;\n letter-spacing: 0.54px;\n line-height: 2.4rem;\n margin-block-start: var(--spacing-4x);\n }\n\n .title-text-cta__button {\n margin-block-start: var(--spacing-10x);\n margin-inline-end: auto;\n }\n\n .usp-block-2026__content-column {\n background-color: var(--color-white-100);\n border-radius: 0.8rem;\n padding: var(--spacing-6x);\n\n @media (min-width: ",") {\n padding: var(--spacing-12x);\n }\n }\n\n .usp-block-2026__content-column-title {\n font-size: 2.0rem;\n line-height: 2.4rem;\n margin-block-end: var(--spacing-8x);\n\n @media (min-width: ",") {\n font-size: 2.4rem;\n line-height: 3.2rem;\n }\n }\n\n .usp-block-2026__check-list {\n background-color: var(--color-white-100);\n padding: 0;\n\n .check-list__item {\n font-family: var(--font-family-secundary);\n font-weight: 400;\n line-height: 2.4rem;\n margin-block-end: var(--spacing-4x);\n }\n\n .check-list__icon {\n fill: var(--color-petrol-700);\n }\n }\n"]);return _o=function(){return n},n}var wo=(0,c.default)(y.rj).withConfig({componentId:"sc-fd653d98-0"})(_o(),(function(n){var e=n.$bgColor;return null!==e&&void 0!==e?e:"var(--color-petrol-400)"}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[600]}));function ko(n){var e;
1return(0,t.jsxs)(wo,{$bgColor:null!==(e=n.uspsBackgroundColor)&&void 0!==e?e:"var(--color-petrol-400)",marginTop:{_:"var(--spacing-8x)",600:"var(--spacing-10x)",720:"var(--spacing-12x)"},marginBottom:{_:"var(--spacing-8x)",600:"var(--spacing-10x)",720:"var(--spacing-12x)"},children:[(0,t.jsx)(y.sg,{className:"usp-block-2026__title-column",marginTop:{_:"0",600:"var(--spacing-15x)"},gridColumn:{_:"2 / 6",600:"2 / 10",720:"3 / 9",960:"2 / 7",1280:"3 / 7"},marginBottom:{_:"var(--spacing-8x)",960:"0"},children:(0,t.jsx)(Hn,{subtitle:n.subtitle,title:n.title,lcSubtitle:!0,description:n.description,cta:n.cta,btnSize:"small"})}),(0,t.jsxs)(y.sg,{className:"usp-block-2026__content-column",gridColumn:{_:"2 / 6",600:"2 / 10",720:"3 / 9",960:"8 / 13"},children:[(0,t.jsx)("h3",{className:"usp-block-2026__content-column-title",children:n.uspsTitle}),(0,t.jsx)(go,{className:"usp-block-2026__check-list",items:n.usps})]})]})}function yo(n){var e,r;return(0,t.jsx)(ko,{usps:n.paragraph.USPItems,title:n.paragraph.title,subtitle:n.paragraph.subtitle,uspsBackgroundColor:n.paragraph.UspsBackgroundColor,uspsTitle:n.paragraph.UspsTitle,cta:null!=n.paragraph.UspsButton?{url:null!==(e=n.paragraph.UspsButton.path)&&void 0!==e?e:"",label:null!==(r=n.paragraph.UspsButton.title)&&void 0!==r?r:""}:void 0,description:n.paragraph.UspsDescription})}function jo(){var n=(0,l.Z)(["\n position: relative;\n\n /* Theming */\n .theme--dcspine & {\n .title-text-cta__title {\n color: var(--color-petrol-700);\n }\n }\n\n .title-text-cta__subtitle {\n color: var(--color-petrol-700);\n font-size: 1.8rem;\n font-weight: 500;\n margin-bottom: var(--spacing-2x);\n }\n\n .title-text-cta__title {\n font-size: 2.4rem;\n line-height: 3.2rem;\n\n @media (min-width: ",") {\n font-size: 3.2rem;\n line-height: 4rem;\n }\n }\n\n .title-text-cta__description {\n font-size: 1.8rem;\n letter-spacing: 0.54px;\n margin-block-start: var(--spacing-2x);\n\n @media (min-width: ",") {\n margin-block-start: var(--spacing-8x);\n }\n }\n"]);return jo=function(){return n},n}function Co(){var n=(0,l.Z)(["\n align-items: stretch;\n display: grid;\n gap: 1.2rem;\n grid-column: 2 / 6;\n grid-template-columns: repeat(12, 1fr);\n margin-top: var(--spacing-8x);\n position: relative;\n z-index: 1;\n\n @media (min-width: ",") {\n grid-column: 2 / 10;\n }\n\n @media (min-width: ",") {\n grid-column: 2 / 14;\n }\n\n @media (min-width: ",") {\n grid-column: 3 / 13;\n }\n \n /* Ensure Column children stretch to fill their grid cells */\n > * {\n display: flex;\n }\n\n\n"]);return Co=function(){return n},n}function To(){var n=(0,l.Z)(["\n margin-block-start: var(--spacing-8x);\n position: relative;\n min-height: 200px;\n\n @media (min-width: ",") {\n margin-block-start: 0;\n }\n"]);return To=function(){return n},n}function zo(){var n=(0,l.Z)(["\n display: block;\n left: 0;\n max-width: ","vw;\n overflow: visible;\n pointer-events: none;\n position: absolute;\n top: 0;\n width: calc(100% + 250px);\n z-index: 0;\n\n @media (min-width: ",") {\n max-width: ","px;\n }\n\n img {\n border-radius: 12px;\n width: 100%;\n display: block;\n }\n"]);return zo=function(){return n},n}function No(){var n=(0,l.Z)(["\n background: ",";\n border-radius: 8px;\n display: flex;\n flex-direction: column;\n gap: var(--spacing-12x);\n padding: var(--spacing-6x);\n height: 100%;\n\n @media (min-width: ",") {\n padding: var(--spacing-12x);\n }\n\n .product-categories__link {\n margin-top: auto;\n }\n"]);return No=function(){return n},n}function Po(){var n=(0,l.Z)(["\n display: flex;\n flex-direction: column;\n gap: var(--spacing-6x);\n\n > * {\n margin: 0;\n }\n\n .product-categories__title {\n font-size: 2.4rem;\n line-height: 3.2rem;\n }\n\n .product-categories__description {\n font-size: 1.6rem;\n line-height: 2.0rem;\n }\n\n /* Override CheckList background */\n > ul {\n --check-list-background-color: transparent !important;\n padding: 0;\n }\n\n .check-list__item {\n padding-inline-start: var(--spacing-9x);\n }\n\n .check-list__icon path {\n fill: var(--color-petrol-700);\n }\n"]);return Po=function(){return n},n}var Ro=(0,c.default)(y.rj).withConfig({componentId:"sc-571a89d5-0"})(jo(),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[960]})),Zo=(0,c.default)(y.rj).withConfig({componentId:"sc-571a89d5-1"})(Co(),(function(n){return n.theme.breakpoints[600]}),(function(n){return n.theme.breakpoints[960]}),(function(n){return n.theme.breakpoints[1280]})),Io=(0,c.default)(y.sg).withConfig({componentId:"sc-571a89d5-2"})(To(),(function(n){return n.theme.breakpoints[960]})),Bo=c.default.div.withConfig({componentId:"sc-571a89d5-3"})(zo(),110,(function(n){return n.theme.breakpoints[600]}),681),Ao=(0,c.default)(y.rj).withConfig({componentId:"sc-571a89d5-4"})(No(),(function(n){return"yellow"===n.background?"linear-gradient(0deg, #E2F2F5 0%, #F6E5B5 100%)":"blue"===n.background?"linear-gradient(0deg, #E2F2F5 0%, #B5ECF6 100%)":"linear-gradient(180deg, #F3F1ED 0%, #E2F2F5 100%)"}),(function(n){return n.theme.breakpoints[600]})),Uo=c.default.div.withConfig({componentId:"sc-571a89d5-5"})(Po()),Mo=(0,ie.wy1)("arrow-right");function Oo(n){var e,r,i;return(0,t.jsxs)(Ro,{marginTop:{_:"var(--spacing-12x)",720:"var(--spacing-24x)"},marginBottom:{_:"var(--spacing-12x)",720:"var(--spacing-24x)"},children:[(0,t.jsx)(y.sg,{gridColumn:{_:"2 / 6",600:"2 / 10",720:"3 / 9",960:"2 / 7",1280:"3 / 7"},children:(0,t.jsx)(Hn,{subtitle:n.paragraph.ProductCategorySubtitle,title:n.paragraph.title,lcSubtitle:!0,description:n.paragraph.ProductCategoryDescription})}),(0,t.jsx)(Io,{gridColumn:{_:"2 / 6",600:"2 / 10",720:"3 / 9",960:"8 / 14",1280:"8 / 13"}
1,children:(0,t.jsx)(Bo,{children:(0,t.jsx)(j.C,{src:null!==(e=n.paragraph.ProductCategoryImage.src)&&void 0!==e?e:"",alt:null!==(i=null!==(r=n.paragraph.ProductCategoryImage.alt)&&void 0!==r?r:n.paragraph.title)&&void 0!==i?i:"",breakpoints:[[600,{ar:681/471,w:681}],681],aspectRatio:681/486,transformations:{fo:"auto"},loading:"lazy"},"product-categories-image")})}),(0,t.jsx)(Zo,{children:n.paragraph.ProductCategories.map((function(n){return(0,t.jsx)(y.sg,{gridColumn:{_:"1 / 13",600:"span 6",960:"span 4"},children:(0,t.jsxs)(Ao,{background:n.ProductColor,children:[(0,t.jsxs)(Uo,{children:[(0,t.jsx)("h3",{className:"product-categories__title",children:n.ProductTitle}),(0,t.jsx)("p",{className:"product-categories__description",children:n.ProductDescription}),(0,t.jsx)(go,{items:n.Products})]}),(0,t.jsx)(jt,{className:"product-categories__link",link:n.ProductLink,icon:Mo})]})},n.ProductTitle)}))})]})}function So(n){return(0,t.jsx)(Oo,{paragraph:n.paragraph})}function Fo(){var n=(0,l.Z)(["\n --quiz-bg-color: var(--color-beige-600);\n\n padding: var(--spacing-12x) 0;\n background-color: ",";\n"]);return Fo=function(){return n},n}var Ho=(0,c.default)(y.rj).withConfig({componentId:"sc-95d44f65-0"})(Fo(),(function(n){return(0,N.Uh)(n.hasBackgroundColor)&&n.hasBackgroundColor?"var(--quiz-bg-color)":"transparent"}));function Lo(n){var e=n.riddleId,r=n.hasBackgroundColor;return i.useEffect((function(){if((0,N.Uh)(e)){var n=document.createElement("script");return n.src="https://www.riddle.com/embed/build-embedjs/embedV2.js",n.async=!0,document.body.appendChild(n),function(){document.body.removeChild(n)}}})),(0,N.Uh)(e)?(0,t.jsx)(Ho,{hasBackgroundColor:r,display:{_:!0===n.showOnMobile?"grid":"none",600:"grid"},order:{_:n.mobileRank?n.mobileRank:0,600:0},children:(0,t.jsx)(y.sg,{gridColumn:{_:"2 / -2",600:"3 / -3",1024:"4 / -4",1280:"5 / -5"},children:(0,t.jsx)("div",{className:"riddle2-wrapper","data-rid-id":e,"data-fg":"#76c2cf","data-bg":"rgb(255, 255, 255)",style:{margin:"0 auto",maxWidth:"100%",width:"100%",border:"none"},"data-auto-scroll":"true","data-auto-scroll-offset":"80",children:(0,t.jsx)("iframe",{style:{width:"100%",height:"300px",border:"none"},src:"https://www.riddle.com/embed/a/".concat(e),allow:"autoplay",title:"Riddle"})})})}):null}function Eo(n){var e=n.paragraph;return(0,t.jsx)(Lo,{riddleId:e.riddleId,hasBackgroundColor:e.hasColoredBackground,mobileRank:n.paragraph.mobileRank||0,showOnMobile:!1!==n.paragraph.showOnMobile})}function Do(){var n=(0,l.Z)(["\n grid-row-gap: var(--spacing-3x);\n background-color: ",";\n padding-block: var(--spacing-12x) var(--spacing-12x);\n \n @media (min-width: ",") {\n padding-block: var(--spacing-24x) var(--spacing-24x);\n }\n\n @media (min-width: ",") {\n grid-row-gap: var(--spacing-6x);\n }\n"]);return Do=function(){return n},n}function Yo(){var n=(0,l.Z)(["\n background-color: ",";\n border-radius: 4px;\n box-shadow: ",";\n color: ",";\n display: flex;\n flex-direction: column;\n padding: var(--spacing-2x);\n\n @media (min-width: ",") {\n padding: var(--spacing-8x);\n }\n"]);return Yo=function(){return n},n}function qo(){var n=(0,l.Z)(["\n display: flex;\n flex-direction: column;\n gap: var(--spacing-6x);\n\n .colocation__title {\n font-size: 2.4rem;\n line-height: 3.2rem;\n margin-block-end: 0;\n }\n\n .colocation__description {\n font-size: 1.8rem;\n line-height: 2.4rem;\n margin-block-end: 0;\n }\n"]);return qo=function(){return n},n}function Wo(){var n=(0,l.Z)(["\n display: flex;\n flex-direction: column;\n height: 100%;\n gap: var(--spacing-6x);\n padding: var(--spacing-6x);\n\n \n\n .colocation__button {\n margin-top: auto;\n width: max-content;\n }\n"]);return Wo=function(){return n},n}var Vo=(0,c.default)(y.rj).withConfig({componentId:"sc-a636183f-0"})(Do(),(function(n){var e=n.$backgroundColor;return null!==e&&void 0!==e?e:"var(--color-beige-700)"}),(function(n){return n.theme.breakpoints[720]}),(function(n){return n.theme.breakpoints[960]})),Go=(0,c.default)(y.sg).withConfig({componentId:"sc-a636183f-1"})(Yo(),(function(n){return"ParagraphPostcodeCheckForm"===n.$typename?"var(--color-petrol-700)":"var(--color-white-100)"}),(function(n){return"ParagraphPostcodeCheckForm"!==n.$typename?"0 2rem 4.8rem rgba(0, 0, 0, 0.08)":"none"}),(function(n){return"ParagraphPostcodeCheckForm"===n.$typename?"var(--color-white-100)":"inherit"}),(function(n){return n.theme.breakpoints[960]})),Ko=Go,Xo=Go,$o=c.default.div.withConfig({componentId:"sc-a636183f-2"})(qo()),Jo=c.default.div.withConfig({componentId:"sc-a636183f-3"})(Wo());function Qo(n){var e;return(0,t.jsxs)(Vo,{$backgroundColor:n.backgroundColor,children:[(0,N.Uh)(n.leftColumn)&&(0,t.jsx)(Ko,{gridColumn:{_:"2 / -2",1280:"3 / 8"},$typename:n.leftColumn.__typename,children:(0,t.jsx)(Fr.Z,{scaleToParent:!0,isCompact:!0,overridePcTitle:n.leftColumn.LeftTitle,overridePcSubtitle:"",overridePcDescription:n.leftColumn.LeftDescription})}),(0,N.Uh)(n.rightColumn)&&(0,t.jsx)(Xo,{gridColumn:{_:"2 / -2",1280:"8 / -3"}
1,$typename:n.rightColumn.__typename,children:(0,t.jsxs)(Jo,{children:[(0,t.jsxs)($o,{children:[(0,t.jsx)(C.H3,{className:"colocation__title",children:n.rightColumn.RightTitle}),(0,t.jsx)(C.P,{className:"colocation__description",children:n.rightColumn.RightDescription})]}),n.rightColumn.link&&(0,t.jsx)(yn.z,{href:n.rightColumn.link.path,size:"small",className:"colocation__button",children:null!==(e=n.rightColumn.link.title)&&void 0!==e?e:"Read more"})]})})]})}function na(n){var e,r,i,o,a=null!=(e=n.paragraph.left)&&"LeftTitle"in e&&"LeftDescription"in e?{__typename:n.paragraph.left.__typename,LeftTitle:n.paragraph.left.LeftTitle,LeftDescription:n.paragraph.left.LeftDescription}:void 0,l=null!=(i=n.paragraph.right)&&"RightTitle"in i&&"RightDescription"in i?{__typename:n.paragraph.right.__typename,RightTitle:n.paragraph.right.RightTitle,RightDescription:n.paragraph.right.RightDescription,link:null!==(r=n.paragraph.right.link)&&void 0!==r?r:void 0}:void 0;return(0,t.jsx)(Qo,{leftColumn:a,rightColumn:l,backgroundColor:null!==(o=n.paragraph.backgroundColor)&&void 0!==o?o:"transparent"})}function ea(n){return null==n.content?null:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(k.Z,{name:"paragraphs-start"}),n.content.map((function(e){var r,o,l,c="dynamic-content-".concat(e.__typename,"-").concat(e.id),s=function(){switch(e.__typename){case"ParagraphAccordion":return(0,t.jsx)(re,{paragraph:e},c);case"ParagraphWysiwyg":return(0,t.jsx)(Bn,{paragraph:e},c);case"ParagraphIntroduction":return(0,t.jsx)(mn,{paragraph:e},c);case"ParagraphHeader":var r,o;return!0===n.isLandingPage&&!0!==n.landingPageHasHeader?null:(0,t.jsxs)(i.Fragment,{children:[(0,t.jsx)(k.Z,{name:"header-start"}),(0,N.Uh)(null===(r=e.image)||void 0===r?void 0:r.src)&&(0,t.jsx)(a(),{children:(0,t.jsx)("link",{rel:"prefetch",href:null===(o=e.image)||void 0===o?void 0:o.src})}),(0,t.jsx)(ft,{paragraph:e},c),(0,t.jsx)(k.Z,{name:"header-end"})]},c);case"ParagraphHeader2026":return(0,t.jsx)(Tt,{paragraph:e},c);case"ParagraphLogos":return(0,t.jsx)(W,{paragraph:e},c);case"ParagraphUSPs":return(0,t.jsx)(xo,{paragraph:e},c);case"ParagraphUSPs2026":return(0,t.jsx)(yo,{paragraph:e},c);case"ParagraphFileList":return(0,t.jsx)(Tr,{paragraph:e},c);case"ParagraphExternalLinks":return(0,t.jsx)(ui,{paragraph:e},c);case"ParagraphRelatedContent":return(0,t.jsx)(di,{paragraph:e},c);case"ParagraphLifelineContent":return(0,t.jsx)(pi,{paragraph:e},c);case"ParagraphCustomCards":return(0,t.jsx)(mi,{paragraph:e},c);case"ParagraphRelatedContentUnlimited":return(0,t.jsx)(Li,{paragraph:e},c);case"ParagraphCTATextButtons":return(0,t.jsx)(ke,{paragraph:e},c);case"ParagraphExperts":return(0,t.jsx)(ye,{paragraph:e},c);case"ParagraphSolutions":return(0,t.jsx)(Ji,{paragraph:e},c);case"ParagraphImage":return(0,t.jsx)(R,{paragraph:e},c);case"ParagraphVideo":return(0,t.jsx)(Zn,{paragraph:e},c);case"ParagraphMetrics":return(0,t.jsx)(Mi,{paragraph:e},c);case"ParagraphImageText":return(0,t.jsx)(Cn,{paragraph:e},c);case"ParagraphFAQList":return(0,t.jsx)(V.x,{paragraph:e},c);case"ParagraphTestimonialList":return(0,t.jsx)(_n,{paragraph:e},c);case"ParagraphSolutionBanners":return(0,t.jsx)(Ei,{paragraph:e},c);case"ParagraphForm":return(0,t.jsx)(sn,{paragraph:e},c);case"ParagraphMap":return(0,t.jsx)(Vt,{paragraph:e},c);case"ParagraphContentBanners":return(0,t.jsx)(be,{paragraph:e},c);case"ParagraphCTARelatedContent":return(0,t.jsx)(vi,{paragraph:e},c);case"ParagraphGeneralTechnicalSpecifications":return(0,t.jsx)(mo,{paragraph:e},c);case"ParagraphTable":return(0,t.jsx)(fn,{paragraph:e},c);case"ParagraphLdJson":return(0,t.jsx)(Mt,{paragraph:e},c);case"ParagraphQuiz":return(0,t.jsx)(Eo,{paragraph:e},c);case"ParagraphWysiwygsAndButton":return(0,t.jsx)(Un,{paragraph:e},c);case"ParagraphExpertsBlock":return(0,t.jsx)(Rr,{paragraph:e},c);case"ParagraphPostcodeChecker":return(0,t.jsx)($t,{paragraph:e},c);case"ParagraphMediaGalleryBlock":return(0,t.jsx)(Wt,{paragraph:e},c);case"ParagraphMediaBlock":return(0,t.jsx)(Et,{paragraph:e},c);case"ParagraphFlatImageCards":return(0,t.jsx)(Or,{paragraph:e},c);case"ParagraphCardColumns":return(0,t.jsx)(Bt,{paragraph:e},c);case"ParagraphStepsWithIcons":return(0,t.jsx)(lo,{paragraph:e},c);case"ParagraphDatacenterMap":return(0,t.jsx)(xr,{paragraph:e},c);case"ParagraphProductCategories":return(0,t.jsx)(So,{paragraph:e},c);
1case"ParagraphTwoColumns":return(0,t.jsx)(na,{paragraph:e},c);default:return null}},d=null===(o=null===(r=n.preview)||void 0===r?void 0:r.previewData)||void 0===o?void 0:o.token;return(0,N.i6)(null===(l=n.preview)||void 0===l?void 0:l.previewData)?(0,t.jsx)(w,{id:e.id.toString(),type:"paragraph",cmsUrl:(0,J.jh)(),token:d,children:s()},c):s()})),(0,t.jsx)(k.Z,{name:"paragraphs-end"})]})}},45320:function(n,e,r){function t(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Intl.DateTimeFormat(e).format(n)}function i(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Intl.DateTimeFormat(e,{hour:"numeric",minute:"numeric",hour12:!1}).format(n)}function o(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=new Intl.DateTimeFormat(e,{year:"numeric"}).format(n),t=new Intl.DateTimeFormat(e,{month:"short"}).format(n),i=new Intl.DateTimeFormat(e,{day:"2-digit"}).format(n);return"".concat(i," ").concat(t," ").concat(r)}r.d(e,{Zh:function(){return o},p6:function(){return t},vM:function(){return i}})},26809:function(n,e,r){r.d(e,{Z:function(){return i}});var t=r(85893);r(67294);function i(n){return(0,t.jsx)("script",{dangerouslySetInnerHTML:{__html:'performance.mark("'.concat(n.name,'")')}})}},50998:function(n,e,r){function t(n){return new Date("".concat(n,"Z"))}r.d(e,{E:function(){return t}})}}]);
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.