(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9195],{10697:function(e,n,t){"use strict";t.d(n,{d:function(){return I},w:function(){return E}});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),v=t(11006),g=t(48840),b=t(95158),k=t(53678),y=v.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=v.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 scrollbar-width: auto;\n height: 100%;\n\n @media (max-width: 768px) {\n ","\n }\n\n ",";\n\n &::-webkit-scrollbar {\n display: none;\n }\n"])),function(e){return e.enableOverflow&&"overflow-x: auto;"},function(e){return e.gap&&"gap: ".concat((0,g.W0)(e.gap),";")}),w=v.zo.div(l||(l=(0,f.Z)(["\n position: absolute;\n display: flex;\n top: 0;\n ",";\n width: 40px;\n height: 100%;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n visibility: ",";\n opacity: ",";\n\n @media (max-width: 768px) {\n ","\n }\n"])),(0,g.W5)(g.xU.Base),function(e){return e.hide?"hidden":"visible"},function(e){return e.displayOpacity<=0?"0":"1"},function(e){return e.hideCarouselButtonOnMobile&&"visibility: hidden;"}),O=(0,v.zo)(w)(c||(c=(0,f.Z)(["\n left: 0;\n background: ",";\n"])),function(e){return e.buttonStyle===I.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}])}),S=(0,v.zo)(w)(s||(s=(0,f.Z)(["\n right: 0;\n background: ",";\n"])),function(e){return e.buttonStyle===I.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]}}}),D=((i=D||{}).RIGHT="RIGHT",i.LEFT="LEFT",i),I=((r={}).GRADIENT="GRADIENT",r.OPACITY="OPACITY",r),E=function(e){var n=u.useRef(null),t=u.useRef(null),i=u.useRef(null),r=u.useState(0),o=(0,d.Z)(r,2),a=o[0],l=o[1],c=u.useState(100),s=(0,d.Z)(c,2),m=s[0],h=s[1],f=u.useState(!0),v=(0,d.Z)(f,2),g=v[0],b=v[1],k=u.useState(!1),w=(0,d.Z)(k,2),I=w[0],E=w[1],W=(0,p.Fg)();u.useEffect(function(){C()},[]);var C=function(){var e=n.current;if(e){var t=e.scrollWidth/100*20,i=(e.scrollWidth-e.clientWidth)/100*80;if(e.scrollWidth===e.clientWidth&&(b(!0),E(!0)),e.scrollLeft<=t){var r=Math.floor(t/100*e.scrollLeft)/100;r<=100&&l(r),0===r?b(!0):g&&b(!1)}if(e.scrollLeft>=i){var o=(100-Math.floor((e.scrollLeft-i)/(e.scrollWidth-e.clientWidth-i)*100))/100;o<=100&&h(o),0===o?E(!0):I&&E(!1)}}},A=function(e){var i,r=n.current;if(r){var o=r.scrollLeft;if(window.innerWidth&&window.innerWidth<600){var a=t.current,l=t.current,c=g?0:(null==a?void 0:a.offsetWidth)||0,s=I?0:(null==l?void 0:l.offsetWidth)||0;i=r.clientWidth-c-s}else i=(r.scrollWidth-r.clientWidth)/2;e===D.LEFT?r.scrollLeft=o-i:r.scrollLeft=o+i}};return(0,j.jsxs)(y,{alignment:e.alignment,children:[(0,j.jsx)(O,{ref:t,hide:g,buttonStyle:e.buttonStyle,backgroundColour:e.backgroundColour,displayOpacity:a,onClick:function(){return A(D.LEFT)},"aria-hidden":!0,hideCarouselButtonOnMobile:e.hideCarouselButtonOnMobile,children:W.patterns.horizontalScrollWrapper.chevronIcon.left.svgPath?(0,j.jsx)(T,{xmlns:"http://www.w3.org/2000/svg",viewBox:W.patterns.horizontalScrollWrapper.chevronIcon.viewBox,width:W.patterns.horizontalScrollWrapper.chevronIcon.width,height:W.patterns.horizontalScrollWrapper.chevronIcon.height,children:(0,j.jsx)("path",{d:W.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:n,onScroll:C,enableOverflow:e.enableScrollableList,children:e.children},"list-container"),(0,j.jsx)(S,{ref:i,hide:I,buttonStyle:e.buttonStyle,backgroundColour:e.backgroundColour,displayOpacity:m,onClick:function(){return A(D.RIGHT)},"aria-hidden":!0,hideCarouselButtonOnMobile:e.hideCarouselButtonOnMobile,children:W.patterns.horizontalScrollWrapper.chevronIcon.right.svgPath?(0,j.jsx)(T,{xmlns:"http://www.w3.org/2000/svg",viewBox:W.patterns.horizontalScrollWrapper.chevronIcon.viewBox,width:W.patterns.horizontalScrollWrapper.chevronIcon.width,height:W.patterns.horizontalScrollWrapper.chevronIcon.height,children:(0,j.jsx)("path",{d:W.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 w}});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),v=t(52322),g=["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}),w=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,g),b=(0,s.Dx)().domain,w=(0,s.bW)().userAgent,O=(0,s.ZR)().assetPrefix,S=(0,s.ND)(),j=S.countryDomainMap,P=S.translatedCountryDomain,N=(0,d.lF)(),T=(0,d.to)(),D=j&&"".concat(O,"/static/flags/1x1/").concat(j[b],".svg"),I=(0,m.s)(w),E=p.pageLayoutData||{};return(0,v.jsxs)(x,{headerHeight:T,children:[(0,v.jsx)(f.c,{wishlistNotification:c.wishlistNotification,stickyHeader:c.stickyHeader,showStripBanner:c.showStripBanner,flagPath:D,userAgent:w,isMobile:I,headerHeight:T,pageType:p.pageType,header:null===(n=E.header)||void 0===n?void 0:n.header,brands:null===(t=E.header)||void 0===t?void 0:t.brands}),(0,v.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,v.jsx)("main",{id:"main-content",children:h}),(0,v.jsx)(k,{userAgent:w,flagPath:D,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=E.footer)||void 0===i?void 0:i.navigation,socialAccounts:null===(o=E.footer)||void 0===o?void 0:o.socialAccounts,paymentProviders:null===(a=E.footer)||void 0===a?void 0:a.paymentProviders,countryDomainList:P})]})}},7357:function(e,n,t){"use strict";t.d(n,{b:function(){return v}});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),v=t(92670),g=t(25237),b=t.n(g),k=t(97729),y=t.n(k),x=t(46184),w=t(11006),O=t(48840),S=t(81292),j=t(31162),P=t(57209),N=t(4626),T=t(41857),D=t(48702),I=t(28885),E=t(92210),W=t(64616),C=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,C.jsx)(N.P,{colSpan:[12,12,10,10],colStart:[1,1,2,2],children:(0,C.jsx)(er,{contentRoutePrefix:n.contentRoutePrefix,authors:n.contentHome.authors,isAmp:e.isAmp})}),(0,C.jsx)(ef,{colSpan:[12,12,6,6],colStart:[1,1,4,4],children:(0,C.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,C.jsx)(N.P,{colSpan:[12,12,12,12],colStart:[1,1,1,1],children:(0,C.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-e30c71459a3fd381.js.map