(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9195],{10697:function(e,n,t){"use strict";t.d(n,{d:function(){return D},w:function(){return I}});var i,r,o,a,l,c,s,d=t(8529),u=t(2784),m=t(25237),h=t.n(m),p=t(58406),f=t(7328),g=t(11006),v=t(48840),b=t(95158),k=t(53678),y=g.zo.div(o||(o=(0,f.Z)(["\n display: flex;\n align-items: center;\n width: 100%;\n position: relative;\n overflow: hidden;\n\n ","\n"])),function(e){return"justify-content: ".concat(e.alignment===k.K.CENTER?"center":"flex-start",";")}),x=g.zo.ul(a||(a=(0,f.Z)(["\n align-items: center;\n position: relative;\n display: flex;\n list-style: none;\n overflow-x: hidden;\n white-space: nowrap;\n scroll-behavior: smooth;\n -ms-overflow-style: none;\n height: 100%;\n\n ","\n\n ","\n\n ",";\n\n &::-webkit-scrollbar {\n display: none;\n }\n"])),function(e){return e.enableOverflow?"scrollbar-width: none;":"scrollbar-width: auto;"},function(e){return e.enableOverflow&&"overflow-x: auto;"},function(e){return e.gap&&"gap: ".concat((0,v.W0)(e.gap),";")}),S=g.zo.div(l||(l=(0,f.Z)(["\n position: absolute;\n display: flex;\n ","\n ",";\n width: 40px;\n ","\n align-items: center;\n justify-content: center;\n cursor: pointer;\n visibility: ",";\n opacity: ",";\n\n @media (max-width: 768px) {\n ","\n }\n"])),function(e){return e.alternateStyle?"top: unset;":"top: 0;"},(0,v.W5)(v.xU.Base),function(e){return e.alternateStyle?"height: 60%;":"height: 100%;"},function(e){return e.hide?"hidden":"visible"},function(e){return e.displayOpacity<=0?"0":"1"},function(e){return e.hideCarouselButtonOnMobile&&"visibility: hidden;"}),w=(0,g.zo)(S)(c||(c=(0,f.Z)(["\n left: 0;\n background: ",";\n"])),function(e){return e.alternateStyle?e.alternateBackgroundColor:e.buttonStyle===D.OPACITY?(0,b.Oh)(e.backgroundColour,.9):(0,b.FL)("270deg",[{color:(0,b.Oh)(e.backgroundColour,0),stop:0},{color:(0,b.Oh)(e.backgroundColour,.8),stop:28.13},{color:(0,b.Oh)(e.backgroundColour,1),stop:100}])}),O=(0,g.zo)(S)(s||(s=(0,f.Z)(["\n right: 0;\n background: ",";\n"])),function(e){return e.alternateStyle?e.alternateBackgroundColor:e.buttonStyle===D.OPACITY?(0,b.Oh)(e.backgroundColour,.9):(0,b.FL)("90deg",[{color:(0,b.Oh)(e.backgroundColour,0),stop:0},{color:(0,b.Oh)(e.backgroundColour,.8),stop:28.13},{color:(0,b.Oh)(e.backgroundColour,1),stop:100}])}),j=t(52322),P=h()(function(){return Promise.resolve().then(t.bind(t,41829))},{ssr:!0,fallback:(0,j.jsx)("div",{style:{width:24,height:24}}),loadableGenerated:{webpack:function(){return[41829]}}}),N=h()(function(){return Promise.resolve().then(t.bind(t,6875))},{ssr:!0,fallback:(0,j.jsx)("div",{style:{width:24,height:24}}),loadableGenerated:{webpack:function(){return[6875]}}}),T=h()(function(){return Promise.resolve().then(t.bind(t,97457))},{ssr:!0,fallback:(0,j.jsx)("div",{style:{width:24,height:24}}),loadableGenerated:{webpack:function(){return[97457]}}}),C=((i=C||{}).RIGHT="RIGHT",i.LEFT="LEFT",i),D=((r={}).GRADIENT="GRADIENT",r.OPACITY="OPACITY",r),I=function(e){var n,t,i=u.useRef(null),r=u.useRef(null),o=u.useRef(null),a=u.useState(0),l=(0,d.Z)(a,2),c=l[0],s=l[1],m=u.useState(100),h=(0,d.Z)(m,2),f=h[0],g=h[1],v=u.useState(!0),b=(0,d.Z)(v,2),k=b[0],S=b[1],D=u.useState(!1),I=(0,d.Z)(D,2),W=I[0],E=I[1],A=(0,p.Fg)();u.useEffect(function(){_()},[]);var _=function(){var e=i.current;if(e){var n=e.scrollWidth/100*20,t=(e.scrollWidth-e.clientWidth)/100*80;if(e.scrollWidth===e.clientWidth&&(S(!0),E(!0)),e.scrollLeft<=n){var r=Math.floor(n/100*e.scrollLeft)/100;r<=100&&s(r),0===r?S(!0):k&&S(!1)}if(e.scrollLeft>=t){var o=(100-Math.floor((e.scrollLeft-t)/(e.scrollWidth-e.clientWidth-t)*100))/100;o<=100&&g(o),0===o?E(!0):W&&E(!1)}}},R=function(e){var n,t=i.current;if(t){var o=t.scrollLeft;if(window.innerWidth&&window.innerWidth<600){var a=r.current,l=r.current,c=k?0:(null==a?void 0:a.offsetWidth)||0,s=W?0:(null==l?void 0:l.offsetWidth)||0;n=t.clientWidth-c-s}else n=(t.scrollWidth-t.clientWidth)/2;e===C.LEFT?t.scrollLeft=o-n:t.scrollLeft=o+n}};return(0,j.jsxs)(y,{alignment:e.alignment,children:[(0,j.jsx)(w,{ref:r,hide:k,buttonStyle:e.buttonStyle,backgroundColour:e.backgroundColour,displayOpacity:c,onClick:function(){return R(C.LEFT)},"aria-hidden":!0,hideCarouselButtonOnMobile:e.hideCarouselButtonOnMobile,alternateBackgroundColor:null===(n=A.patterns.horizontalScrollWrapper)||void 0===n?void 0:n.backgroundColor,alternateStyle:e.enableAlternateStyle,children:A.patterns.horizontalScrollWrapper.chevronIcon.left.svgPath?(0,j.jsx)(T,{xmlns:"http://www.w3.org/2000/svg",viewBox:A.patterns.horizontalScrollWrapper.chevronIcon.viewBox,width:A.patterns.horizontalScrollWrapper.chevronIcon.width,height:A.patterns.horizontalScrollWrapper.chevronIcon.height,children:(0,j.jsx)("path",{d:A.patterns.horizontalScrollWrapper.chevronIcon.left.svgPath,fillRule:"evenodd"})}):(0,j.jsx)(P,{width:"24",height:"24"})}),(0,j.jsx)(x,{gap:e.gap,"data-testid":"scroll-item-list",ref:i,onScroll:_,enableOverflow:e.enableScrollableList,children:e.children},"list-container"),(0,j.jsx)(O,{ref:o,hide:W,buttonStyle:e.buttonStyle,backgroundColour:e.backgroundColour,displayOpacity:f,onClick:function(){return R(C.RIGHT)},"aria-hidden":!0,hideCarouselButtonOnMobile:e.hideCarouselButtonOnMobile,alternateBackgroundColor:null===(t=A.patterns.horizontalScrollWrapper)||void 0===t?void 0:t.backgroundColor,alternateStyle:e.enableAlternateStyle,children:A.patterns.horizontalScrollWrapper.chevronIcon.right.svgPath?(0,j.jsx)(T,{xmlns:"http://www.w3.org/2000/svg",viewBox:A.patterns.horizontalScrollWrapper.chevronIcon.viewBox,width:A.patterns.horizontalScrollWrapper.chevronIcon.width,height:A.patterns.horizontalScrollWrapper.chevronIcon.height,children:(0,j.jsx)("path",{d:A.patterns.horizontalScrollWrapper.chevronIcon.right.svgPath,fillRule:"evenodd"})}):(0,j.jsx)(N,{width:"24",height:"24"})})]})}},57194:function(e,n,t){"use strict";t.d(n,{K:function(){return S}});var i,r=t(82269),o=t(7328);t(2784);var a=t(2883),l=t(25237),c=t.n(l),s=t(41857),d=t(58406),u=t(7357),m=t(57776),h=t(48840),p=t(38237),f=t(55281),g=t(52322),v=["features","beforeMainContent","children"],b=c()(function(){return t.e(9561).then(t.bind(t,89561)).then(function(e){return e.FooterGlobalAccredditationsIcons})},{ssr:!0,loadableGenerated:{webpack:function(){return[89561]}}}),k=(0,u.b)(p.Z,"footer","enableLayoutESI","ENABLE_LAYOUT_ESI"),y=(0,a.Z)({on:["visible"]})(b),x=h.zo.div(i||(i=(0,o.Z)(["\n > main {\n &:target {\n scroll-margin-top: ","px;\n }\n }\n"])),function(e){return e.headerHeight}),S=function(e){var n,t,i,o,a,l=e.features,c=void 0===l?{stickyHeader:!0,showStripBanner:!0,wishlistNotification:!0}:l,u=e.beforeMainContent,h=e.children,p=(0,r.Z)(e,v),b=(0,s.Dx)().domain,S=(0,s.bW)().userAgent,w=(0,s.ZR)().assetPrefix,O=(0,s.ND)(),j=O.countryDomainMap,P=O.translatedCountryDomain,N=(0,d.lF)(),T=(0,d.to)(),C=j&&"".concat(w,"/static/flags/1x1/").concat(j[b],".svg"),D=(0,m.s)(S),I=p.pageLayoutData||{};return(0,g.jsxs)(x,{headerHeight:T,children:[(0,g.jsx)(f.c,{wishlistNotification:c.wishlistNotification,stickyHeader:c.stickyHeader,showStripBanner:c.showStripBanner,flagPath:C,userAgent:S,isMobile:D,headerHeight:T,pageType:p.pageType,header:null===(n=I.header)||void 0===n?void 0:n.header,brands:null===(t=I.header)||void 0===t?void 0:t.brands}),(0,g.jsx)("div",{id:"cookie-modal-container","data-testid":"cookie",style:{display:"flex",position:"fixed",bottom:0,padding:0,margin:"0px",width:"100%",zIndex:99999},ref:N.cookieModalContainerRef}),u&&u,(0,g.jsx)("main",{id:"main-content",children:h}),(0,g.jsx)(k,{userAgent:S,flagPath:C,cookieSettingsHandler:function(){var e,n;(null===(e=p.$window)||void 0===e||null===(e=e.Optanon)||void 0===e?void 0:e.ToggleInfoDisplay)&&(null===(n=p.$window)||void 0===n||null===(n=n.Optanon)||void 0===n||n.ToggleInfoDisplay())},Accreditations:y,navigation:null===(i=I.footer)||void 0===i?void 0:i.navigation,socialAccounts:null===(o=I.footer)||void 0===o?void 0:o.socialAccounts,paymentProviders:null===(a=I.footer)||void 0===a?void 0:a.paymentProviders,countryDomainList:P})]})}},7357:function(e,n,t){"use strict";t.d(n,{b:function(){return g}});var i=t(82269),r=t(95235);t(2784);var o=t(70314),a=t.n(o);t(72670);var l=t(41857);t(8529),t(82841);var c=t(71941),s=t.n(c);t(48090),t(37518);var d=t(52322),u=t(34406),m=(u.env.REACT_ESI_PATH,u.env.REACT_ESI_SECRET||s().randomBytes(64).toString("hex"),["esi"]);function h(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,i)}return t}function p(e){for(var n=1;n2&&void 0!==arguments[2]?arguments[2]:"",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";return function(o){o.esi;var a,c=(a=(0,i.Z)(o,m),window.__REACT_ESI__&&window.__REACT_ESI__[n]?p(p({},window.__REACT_ESI__[n]),a):p({},a)),s=(0,l.ND)();return f.publicRuntimeConfig[r],s[t],(0,d.jsx)(e,p({},c))}}},5845:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSP:function(){return eh},default:function(){return ek}});var i,r,o,a,l,c,s,d,u,m,h=t(95235),p=t(7328),f=t(2784),g=t(92670),v=t(25237),b=t.n(v),k=t(97729),y=t.n(k),x=t(46184),S=t(11006),w=t(48840),O=t(81292),j=t(31162),P=t(57209),N=t(4626),T=t(41857),C=t(48702),D=t(28885),I=t(92210),W=t(64616),E=t(52322);function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,i)}return t}function _(e){for(var n=1;n0&&(0,E.jsx)(N.P,{colSpan:[12,12,10,10],colStart:[1,1,2,2],children:(0,E.jsx)(er,{contentRoutePrefix:n.contentRoutePrefix,authors:n.contentHome.authors,isAmp:e.isAmp})}),(0,E.jsx)(ef,{colSpan:[12,12,6,6],colStart:[1,1,4,4],children:(0,E.jsx)(U,{excludedPosts:t,hideFirstSeparator:(null===(u=n.contentHome)||void 0===u||null===(u=u.authors)||void 0===u?void 0:u.length)===0,alternativeImageStyle:!0})}),h.items.length>0&&(0,E.jsx)(N.P,{colSpan:[12,12,12,12],colStart:[1,1,1,1],children:(0,E.jsx)(em,ed({},h))})]})]})}return null};eb.Layout=x.G;var ek=eb},64359:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog",function(){return t(5845)}])},62736:function(e){e.exports.H={kind:"Document",operationName:"RecentPosts",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"RecentPosts"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"slug"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"token"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"offset"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"Int"}}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"limit"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"Int"}}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"exclude"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"Array"}}},directives:[]}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"recentPosts"},arguments:[{kind:"Argument",name:{kind:"Name",value:"slug"},value:{kind:"Variable",name:{kind:"Name",value:"slug"}}},{kind:"Argument",name:{kind:"Name",value:"token"},value:{kind:"Variable",name:{kind:"Name",value:"token"}}},{kind:"Argument",name:{kind:"Name",value:"offset"},value:{kind:"Variable",name:{kind:"Name",value:"offset"}}},{kind:"Argument",name:{kind:"Name",value:"limit"},value:{kind:"Variable",name:{kind:"Name",value:"limit"}}},{kind:"Argument",name:{kind:"Name",value:"exclude"},value:{kind:"Variable",name:{kind:"Name",value:"exclude"}}}],directives:[{kind:"Directive",name:{kind:"Name",value:"client"},arguments:[{kind:"Argument",name:{kind:"Name",value:"always"},value:{kind:"BooleanValue",value:!0}}]}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"title"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"titleLink"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"type"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"typeLink"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"typeLabel"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"categoryLabel"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"excerpt"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"content"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"date"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"author"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"authorLink"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"authorName"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"featuredImage"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"imageSource"},arguments:[],directives:[]}]}}]}}],loc:{source:"\nquery RecentPosts(\n $slug: String!\n $token: String!\n $offset: Int!\n $limit: Int!\n $exclude: Array!\n) {\n recentPosts(\n slug: $slug\n token: $token\n offset: $offset\n limit: $limit\n exclude: $exclude\n ) @client(always: true) {\n id\n title\n titleLink\n type\n typeLink\n typeLabel\n categoryLabel\n excerpt\n content\n date\n author\n authorLink\n authorName\n featuredImage\n imageSource\n }\n}\n"}}}},function(e){e.O(0,[2670,1642,3382,5762,6796,9774,2888,179],function(){return e(e.s=64359)}),_N_E=e.O()}]); //# sourceMappingURL=blog-63a07d3c856dcad1.js.map