1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[501,1197,2104,2264,2283,2342,3057,3578,4598,6755,7653,7707,8233,8689],{1077:(t,e,o)=>{o.d(e,{X:()=>s,q:()=>l});var i=o(41421),n=o(27857),a=o(81605),r=o(65250);let d=(0,i.p)(class extends i.H{render(){return(0,i.h)(i.a,{key:"28a85023899b89b12b3958aad590d1fa98694345"},(0,i.h)("div",{key:"e47fac3dca65284d12691b30a3b2efcaf4ad1df4",class:"akzo-list-container",role:"list"},this.items.map(t=>(0,i.h)("akzo-list-item",{label:t.label,type:t.type,role:"listitem"}))))}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.akzo-list-container{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:0}.akzo-list-container akzo-list-item.type-check::part(list-item){margin-bottom:12px}.akzo-list-container akzo-list-item.type-radio::part(list-item){margin-bottom:8px}.akzo-list-container akzo-list-item.type-bullet::part(list-item){margin-bottom:4px}.akzo-list-container akzo-list-item:last-child::part(list-item){margin-bottom:0}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.items=[]}},[1,"akzo-list",{items:[16]}]),l=d,s=function(){"undefined"!=typeof customElements&&["akzo-list","akzo-icon","akzo-list-item","akzo-loader"].forEach(t=>{switch(t){case"akzo-list":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),d);break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-list-item":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,r.d)()}})}},1207:(t,e,o)=>{o.r(e),o.d(e,{AkzoColorSwatchSelector:()=>n,defineCustomElement:()=>a});var i=o(45388);let n=i.A,a=i.d},3426:(t,e,o)=>{o.r(e),o.d(e,{AkzoDivider:()=>n,defineCustomElement:()=>a});var i=o(13912);let n=i.A,a=i.d},3702:(t,e,o)=>{o.r(e),o.d(e,{AkzoPrice:()=>n,defineCustomElement:()=>a});var i=o(23100);let n=i.A,a=i.d},3779:(t,e,o)=>{o.d(e,{A:()=>m,d:()=>p});var i=o(41421),n=o(23952),a=o(47408),r=o(70699),d=o(27857),l=o(65250);let s={data:{store:{address:{latitude:52.1123,longitude:-4.07559,address1:"3 BRIDGE",address2:"",city:"LAMP",country:"UK",countryCode:"UK",email:"",fax:"",primaryPhone:"01570 423156",state:"",website:"",region:"LAMPETER",zip:"SA48 7HG",secondaryPhone:""},globalID:"259929150263",brands:["dulux"],companyName:"AAA DECORATING",openingHours1:"9am",openingHours2:"9am",closingHours1:"5pm",closingHours2:"5pm",attributeCodes:["MIX_MACHINE","READY_MIX","WWW_DULUX_TRADE_TINT_CO_UK","columbus_web_uk_dulux"],websiteID:"143",websiteLabel:["WWW_DULUX_TRADE_TINT_CO_UK","columbus_web_uk_dulux"]}}},m=(0,i.p)(class extends i.H{handleDataChange(t){this.transformAndSetData(t)}handleExpandedChange(t){this.isExpanded=t}componentWillLoad(){this.transformAndSetData(this.data),this.calculateStoreDistance(),this.isExpanded=this.expanded}transformAndSetData(t){var e,o,i,n,a,r,d,l,s,m,p,h,g,c;let b=(null==(e=null==t?void 0:t.data)?void 0:e.store)||(null==t?void 0:t.store)||t;if(!b)return;this.storeName=b.companyName,this.building=null==(o=b.address)?void 0:o.address1,this.address=(null==(i=b.address)?void 0:i.city)&&(null==(n=b.address)?void 0:n.zip)?"".concat(b.address.zip,", ").concat(b.address.city):(null==(a=b.address)?void 0:a.zip)?null==(r=b.address)?void 0:r.zip:"",this.phoneNumber=(null==(d=b.address)?void 0:d.primaryPhone)||"012 345 6789",this.email=(null==(l=null==b?void 0:b.address)?void 0:l.email)||"";let x=(null==(m=null==(s=null==b?void 0:b.address)?void 0:s.website)?void 0:m.trim())||"";this.website=x?/^https?:\/\//i.test(x)?x:"http://".concat(x):"",this.readyMixPaints=(null==(p=b.attributeCodes)?void 0:p.includes("READY_MIX"))?"Ready-mix paints":"",this.brands=(null==(h=b.brands)?void 0:h.join(" "))||"N/A",this.latitude=(null==(g=b.address)?void 0:g.latitude)||0,this.longitude=(null==(c=b.address)?void 0:c.longitude)||0,this.openingHours1=b.openingHours1||"",this.openingHours2=b.openingHours2||"",this.closingHours1=b.closingHours1||"",this.closingHours2=b.closingHours2||"",this.geographicSearchResult=b.geographicSearchResult||{},this.isExpanded=b.expanded||!1;let u=Array(7).fill("Closed");if(b.openingHours1&&b.closingHours1)for(let t=0;t<5;t++)u[t]="".concat(b.openingHours1," - ").concat(b.closingHours1);b.openingHours2&&b.closingHours2&&(u[5]="".concat(b.openingHours2," - ").concat(b.closingHours2)),this.parsedHours=u}calculateDistance(t,e,o,i){let n=t=>t*Math.PI/180,a=n(o-t),r=n(i-e),d=Math.sin(a/2)**2+Math.cos(n(t))*Math.cos(n(o))*Math.sin(r/2)**2;return 2*Math.atan2(Math.sqrt(d),Math.sqrt(1-d))*6371}calculateStoreDistance(){var t,e;let o=this.data,i=null==(t=null==o?void 0:o.address)?void 0:t.latitude,n=null==(e=null==o?void 0:o.address)?void 0:e.longitude;if(i&&n)if(this.geographicSearchResult&&"object"==typeof this.geographicSearchResult&&"number"==typeof this.geographicSearchResult.distance&&"m"===this.geographicSearchResult.distanceUnit){let t=this.geographicSearchResult.distance;this.distance="miles"===this.distanceUnit?"".concat((621371e-9*t).toFixed(2)," miles"):"".concat((.001*t).toFixed(2)," km")}else if(this.userLat&&this.userLng){let t=this.calculateDistance(this.userLat,this.userLng,i,n);this.distance="".concat(t.toFixed(2)," km")}else this.distance="000.00 km";else this.distance="0000.00 miles"}render(){var t;return(0,i.h)(i.a,{key:"1ab15fafabc2c4e64724931a442656afebac7a8f","data-id":null==(t=this.data)?void 0:t.globalID},(0,i.h)("div",{key:"4de696fc4b52937ff0b077301d871da871952f0b",class:"card-container"},(0,i.h)("div",{key:"ace2365f6b15cd6b684304abde06138459c6a2bd",class:"header "+(this.isExpanded?"expanded":""),role:"button",tabIndex:0,"aria-expanded":this.isExpanded.toString(),onClick:this.toggleExpand,onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.toggleExpand())}},(0,i.h)("div",{key:"0e1eb447e9e18115fb8545b7132fa3d1357f63fa",class:"header-content"}
1,(0,i.h)("div",{key:"c7e67f708f3f544ea9841f5e369d419074c40de7",class:"header-top"},(0,i.h)("akzo-heading",{key:"625757f2f9c2ab550289f537b8b48730cd0b7d9c",level:6,text:this.storeName,alignment:"left",coreColor:"default"}),(0,i.h)("div",{key:"d7494077205f52be55ea97107a40ffe30856d50a",class:"header-top-right"},(0,i.h)("span",{key:"194b3940bef91cb4eb43f1d08fed3573b170768c",class:"distance","aria-label":"Distance: ".concat(this.distance)},this.distance),(0,i.h)("span",{key:"3bde83022adc2b20933e810b3fcba12380469875",class:"icon "+(this.isExpanded?"expanded":"")},(0,i.h)("akzo-icon",{key:"dfff964d9289e16ec43a7d262e282e3581cf27ec",name:this.isExpanded?"chevron-up":"chevron-down",size:"m"})))),(0,i.h)("div",{key:"38a23626dd89e6022433be00304b273a3ef0ab4f",class:"header-bottom"},(0,i.h)("span",{key:"21078f5724d5a32df378909145486b9f1aed08dd",class:"icon pin"},(0,i.h)("akzo-icon",{key:"66e7c448abb5b92a6f212d98761e3b32da9233cf",name:"map-pin",size:"m"})),(0,i.h)("span",{key:"39f7dd806a0854d70a02356d079f4aaab31146e1",class:"location-data"},(0,i.h)("span",{key:"cc2132862444989ed9c6eb04d8af790102a2e958",class:"location-text","aria-label":"Address1: ".concat(this.building)},this.building),(0,i.h)("span",{key:"05ee76be937e7da610433627691a78dea1ef08d6",class:"location-text","aria-label":"Address2: ".concat(this.address)},this.address))))),this.isExpanded&&(0,i.h)("div",{key:"300c90312cfb39876ec96047aa46aa9b18ce79dd",class:"details"},this.website&&(0,i.h)("div",{key:"26f1f9233e4b78b75469d5d3e686413ad2a138af",class:"phone-section"},(0,i.h)("span",{key:"230332b7b103366dad1e42127dc212f8e4091233",class:"icon"},(0,i.h)("akzo-icon",{key:"b6f616b19e8cf47b6850fc80f5b8b5324c1ec991",name:"globe",size:"m"})),(0,i.h)("p",{key:"0f44951c2920b9e55ebfc5f1515c15cf55bc61f5",class:"phone-text"},(0,i.h)("a",{key:"585f0ce0d37e531c91dd4540cee7c6155d5c024a",href:"".concat(this.website),target:"_blank",rel:"noopener noreferrer","aria-label":"WebSite : ".concat(this.website)},this.website))),this.phoneNumber&&(0,i.h)("div",{key:"93a8bd4935984843f4b111b8c1d7d1bbcf8d9d8e",class:"phone-section"},(0,i.h)("span",{key:"0c5979cf7753153c7bb777c8ca9f5e664e40cfd9",class:"icon"},(0,i.h)("akzo-icon",{key:"9616608f41ae4802869f07166a10bac87a80a5aa",name:"Phone",size:"m"})),(0,i.h)("p",{key:"698504691e4aa0a56403d252ee7346c912849002",class:"phone-text"},(0,i.h)("a",{key:"e8c07e6b1b800c47525329d4eaef616973f6eda9",href:"tel:".concat(this.phoneNumber),"aria-label":"Call ".concat(this.storeName," at ").concat(this.phoneNumber)},this.phoneNumber))),this.email&&(0,i.h)("div",{key:"a21283610c3ef9647e240693390379819c5e50e6",class:"phone-section"},(0,i.h)("span",{key:"d018e4edb02ac6206dc849e0bbeb1020d61ab9ef",class:"icon"},(0,i.h)("akzo-icon",{key:"9a03e4e651bc5e7fa9850548ecaaaa84047b00d2",name:"mail",size:"m"})),(0,i.h)("p",{key:"586316585bc026203ab84d64ff02077737ac8b7c",class:"phone-text"},(0,i.h)("a",{key:"3d3e4ce0942b9b029615c291a52b462d243689a7",href:"mailto:".concat(this.email),"aria-label":"email ".concat(this.storeName," at ").concat(this.email)},this.email))),(0,i.h)("div",{key:"937db8dbfe963c65547aeb1ac163b22feb492d75",class:this.openingHours1?"bottom-section-column":"bottom-section"},(0,i.h)("div",{key:"a00250b8146b6b52479d7b2992927e917fa27eef",class:"opening-hours"},this.openingHours1&&(0,i.h)("div",{key:"7602f512c4a8541868fe0c1033b63f7809926115",class:"feature-item"},(0,i.h)("span",{key:"e6ce742218f264852fbc515688f2da2cd92a8bb1",class:"feature-label"},"Opening Hours"),(0,i.h)("div",{key:"faa06d8ac495fd9715702a047342fd1ba09f58e8",class:"hours-section"},(0,i.h)("span",{key:"04e2c8f78013b1329faafff348714a0d78c2167e",class:"feature-value"},this.openingHours1,", ",(0,i.h)("br",{key:"66408c46df8498e9165be8d2c96d0b3c1e0b3c86"}),this.openingHours2))),this.closingHours1&&(0,i.h)("div",{key:"fbcbe2ab29d8ec726de3a627414706d2ca259142",class:"feature-item"},(0,i.h)("span",{key:"f0e7b220f3333021c51091adf94477ea023cac4e",class:"feature-label"},"Closing Hours"),(0,i.h)("div",{key:"1dd5b3c257097a38f344d6b6766dd19d063574d3",class:"hours-section"},(0,i.h)("span",{key:"93ba6f6258f60cc0dbc82e9ebb02d8e6e1189793",class:"feature-value"},this.closingHours1,", ",(0,i.h)("br",{key:"f5163f6ffa4bfc0d1230e19a8e4de05fce30450c"}),this.closingHours2)))),(0,i.h)("div",{key:"798f0efa8468d6b3ecd2eae4a4dc016bd562eb0f",class:"store-features"},(0,i.h)("div",{key:"3b7d7d8f89aa5035d808e70f70e96c1d42aa4fa6",class:"feature-item"},(0,i.h)("span",{key:"c598b40cf05167026bba4250696098b40f768b0f",class:"feature-label"},this.textLabels.brandsLabel||"Brands"),(0,i.h)("span",{key:"048a17715197b221649f9116797ebaff2589719d",class:"feature-value"},this.brands)))),(0,i.h)("div",{key:"bce8413f4bdc22b10e83062712a487a53cb612b3",class:"direction-button-container"},(0,i.h)("akzo-button",{key:"ec1a2524940588139a767da1e79dd68efa77fdb1",variant:"secondary",size:"m",label:this.textLabels.directionButtonLabel||"Direction","core-color":"default",onClick:()=>this.openDirections(this.latitude,this.longitude)})))))}get el(){return this}static get watchers(){return{data:[{handleDataChange:0}],expanded:[{handleExpandedChange:0}]}}static get style(){return'@charset "UTF-8";html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:block;font-family:var(--font-base);box-sizing:border-box;position:relative;left:1.25rem;top:1.25rem;height:auto;width:24rem;background:var(--colour-Surface-Active, #F6F6F6)}.card-container{border-top:0.0625rem solid #ccc;overflow:hidden;max-width:25rem;background-color:var(--colour-Surface-Active, #F6F6F6);height:auto;transition:min-height 0.3s ease, padding 0.3s ease}.card-container.expanded{min-height:31.25rem;background-color:var(--colour-Surface-Active, #F6F6F6)}.store-image-container{width:100%;overflow:hidden;display:flex;justify-content:center}.store-image-container img{width:100%;max-height:12.5rem;object-fit:cover;transition:transform 0.3s ease}.card-container.expanded .store-image-container img{transform:scale(1.05)}.header{padding:1rem;background-color:var(--colour-Surface-Active, #FFFFFF);cursor:pointer}.header.expanded{background-color:var(--colour-Surface-Active, #F6F6F6)}.header-content{display:flex;flex-direction:column;gap:0.25rem}.header-top{display:flex;justify-content:space-between;align-items:center;gap:0.5rem}.header-top-right{display:flex;align-items:center;gap:0.5rem}.header-bottom{display:flex;align-items:center;gap:0.25rem}.store-name{color:var(--colour-Text-Title, #0a0a0a);font-family:var(--typography-font-family-body, "Open Sans");font-size:var(--typography-size-paragraph-S, 0.875rem);font-weight:700;line-height:var(--typography-line_height-paragraph-S, 1rem)}.location-data{display:flex;flex-direction:column}.location-text{color:var(--colour-Text-Title, #0a0a0a);font-family:var(--typography-font-family-body, "Open Sans");font-size:var(--typography-size-paragraph-S, 0.875rem);font-weight:400;line-height:var(--typography-line_height-paragraph-S, 1rem)}.distance{color:var(--colour-Text-Body, #616161);font-family:var(--typography-font-family-body, "Open Sans");font-size:var(--typography-size-paragraph-S, 0.875rem);font-weight:400;line-height:var(--typography-line_height-paragraph-S, 1rem)}.details{padding-left:1rem;padding-bottom:1rem;background-color:var(--colour-Surface-Active, #F6F6F6);margin-bottom:0.625rem}.card-container.expanded .details{padding-bottom:2rem}.phone-section{display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem}.phone-text{color:var(--colour-Text-Title, #0a0a0a);font-family:var(--typography-font-family-action, "Open Sans");font-size:0.875rem;font-style:normal;font-weight:700;line-height:1rem;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:9%;text-underline-offset:25%;text-underline-position:from-font}.bottom-section{display:flex;justify-content:space-between}.bottom-section-column{display:flex;flex-direction:column;gap:2rem;margin-right:1rem}.opening-hours,.store-features{flex:1}.day-row{display:flex;justify-content:space-between;font-size:0.9em;line-height:1.5;margin-bottom:0.25rem;margin-left:5px}.day-name{color:var(--colour-Text-Body, #616161);font-family:var(--typography-font-family-body, "Open Sans");font-size:var(--typography-size-paragraph-S, 0.875rem);font-weight:400;line-height:var(--typography-line_height-paragraph-S, 1rem)}.hour-range{color:var(--colour-Text-Body, #616161);font-family:var(--typography-font-family-body, "Open Sans");font-size:var(--typography-size-paragraph-S, 0.875rem);font-weight:400;line-height:var(--typography-line_height-paragraph-S, 1rem);margin-right:3rem}
1.store-features,.opening-hours{display:flex;flex-direction:column;gap:1rem;color:var(--colour-Text-Title, #0A0A0A)}.feature-item{display:flex;flex-direction:column;line-height:1.5}.feature-label{color:#0A0A0A;font-size:0.875rem}.feature-value{color:var(--colour-Text-Body, #616161);font-family:var(--typography-font-family-body, "Open Sans");font-size:var(--typography-size-paragraph-S, 0.875rem);font-weight:400;line-height:var(--typography-line_height-paragraph-S, 1rem)}.direction-button-container{margin-top:0.5rem}.direction-button-container akzo-button::part(secondary){width:22rem;font-size:1rem}@media (max-width: 600px){:host{left:0.5rem;top:0.5rem;width:calc(100% - 1rem);max-width:none;}.card-container{width:100%;max-width:100%;}.header{padding:0.75rem}.header-content{gap:0.125rem}.header-top{flex-direction:column-reverse;align-items:flex-start;gap:0.25rem}.header-top-right{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between}.distance{margin-right:0.25rem;width:max-content}.store-name{font-size:0.8125rem}.location-text,.distance{font-size:0.75rem}.store-image-container img{max-height:10rem}.details{padding-left:0.75rem;padding-right:0.75rem}.bottom-section{flex-direction:column;gap:1rem}.day-row{display:grid;grid-template-columns:minmax(0, 5rem) 1fr;align-items:center;gap:0.5rem;font-size:0.8rem;max-width:100%;}.day-name{white-space:nowrap;text-align:left;}.hour-range{white-space:nowrap;text-align:left;}.store-features{margin-right:0;gap:0.5rem}.feature-item{margin-left:0}.direction-button-container akzo-button::part(secondary){width:100%;max-width:none;font-size:0.875rem;margin-right:3px}}@media (min-width: 601px) and (max-width: 904px){:host{left:1rem;top:1rem;width:100%;max-width:36rem}.card-container{width:100%}.header{padding:0.75rem}.header-top{flex-direction:column-reverse;align-items:flex-start;gap:0.25rem}.header-top-right{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between}.store-name{font-size:0.9rem}.location-text,.distance{font-size:0.8125rem}.store-image-container img{max-height:11rem}.details{padding-left:1rem;padding-right:1rem}.bottom-section{flex-direction:column;gap:1rem}.day-row{display:grid;grid-template-columns:minmax(0, 6rem) 1fr;align-items:center;gap:3rem;font-size:0.85rem;margin:0.25rem 1rem 0.25rem 0.25rem}.day-name,.hour-range{white-space:nowrap;text-align:left}.store-features{gap:0.75rem}.direction-button-container{display:flex;justify-content:center;margin-top:1rem;width:100%}.direction-button-container akzo-button{flex:1;max-width:28rem}.store-features,.opening-hours{width:17rem;max-width:100%}.direction-button-container akzo-button::part(secondary){width:35vw;max-width:100%}}akzo-icon::part(icon){color:#616161}akzo-heading::part(custom-title){font-size:var(--typography-size-paragraph-S, 0.875rem)}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.navigateToStore=(0,i.c)(this,"navigateToStore"),this.cardClicked=(0,i.c)(this,"cardClicked"),this.data=s,this.userLat=0,this.userLng=0,this.distanceUnit="km",this.expanded=!1,this.textLabels={brandsLabel:"Brands",directionButtonLabel:"Direction"},this.storeName="",this.building="",this.address="",this.phoneNumber="",this.website="",this.email="",this.readyMixPaints="",this.brands="",this.city="",this.zip="",this.latitude=0,this.longitude=0,this.parsedHours=[],this.openingHours1="",this.openingHours2="",this.closingHours1="",this.closingHours2="",this.geographicSearchResult={},this.isExpanded=!1,this.distance="Calculating...",this.toggleExpand=()=>{var t,e,o,i,a;this.isExpanded=!this.isExpanded,this.isExpanded&&this.el.dispatchEvent(new CustomEvent("navigateToStore",{detail:{storeName:this.storeName,address:this.address,building:this.building,city:null==(e=null==(t=this.address)?void 0:t.split(",")[0])?void 0:e.trim(),zip:null==(i=null==(o=this.address)?void 0:o.split(",")[1])?void 0:i.trim(),latitude:this.latitude||0,longitude:this.longitude||0},bubbles:!0,composed:!0})),this.cardClicked.emit({storeData:this.data,latitude:this.latitude,longitude:this.longitude,expanded:this.isExpanded,storeId:(null==(a=this.data)?void 0:a.globalID)||null}),(0,n.p)({event:"fpp-event",event_name:"store_locator_select",eventLabel:"selected",component_name:"store_locator"})},this.openDirections=(t,e)=>{if((0,n.p)({event:"fpp-event",event_name:"store_locator_open",eventLabel:"open - ".concat(this.storeName),component_name:"store_locator"}),t&&e)try{let o="https://www.google.com/maps/dir/?api=1&origin=".concat(null==this?void 0:this.userLat,",").concat(null==this?void 0:this.userLng,"&destination=").concat(t,",").concat(e,"&travelmode=driving");window.open(o,"_blank")}catch(o){console.error("Directions failed",o),window.open("https://www.google.com/maps/dir/?api=1&destination=".concat(t,",").concat(e,"&travelmode=driving"),"_blank")}else console.error("Store location not available")}}},[1,"akzo-store-card",{data:[8],userLat:[2,"user-lat"],userLng:[2,"user-lng"],distanceUnit:[1,"distance-unit"],expanded:[4],textLabels:[16],storeName:[32],building:[32],address:[32],phoneNumber:[32],website:[32],email:[32],readyMixPaints:[32],brands:[32],city:[32],zip:[32],latitude:[32],longitude:[32],parsedHours:[32],openingHours1:[32],openingHours2:[32],closingHours1:[32],closingHours2:[32],geographicSearchResult:[32],isExpanded:[32],distance:[32]},void 0,{data:[{handleDataChange:0}],expanded:[{handleExpandedChange:0}]}]);function p(){"undefined"!=typeof customElements&&["akzo-store-card","akzo-button","akzo-heading","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-store-card":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),m);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-heading":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,d.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,l.d)()}})}},4821:(t,e,o)=>{o.r(e),o.d(e,{AkzoProductImageCarousel:()=>m,defineCustomElement:()=>p});var i=o(41421),n=o(27274),a=o(27857),r=o(65250),d=o(77129),l=o(20862);let s=(0,i.p)(class extends i.H{onIndexChange(t){this.imageChange.emit(t)}openModal(t){this.modalActiveIndex=t}closeModal(){this.modalActiveIndex=null}renderModal(){if(null===this.modalActiveIndex)return null;
1let t=this.imageBackground||"#D3D3D3",e=t.startsWith("http")||t.startsWith("/");return(0,i.h)("div",{class:"modal-backdrop",onClick:()=>this.closeModal(),onKeyDown:t=>"Escape"===t.key&&this.closeModal()},(0,i.h)("div",{class:"modal-content",onClick:t=>t.stopPropagation(),onKeyDown:t=>t.stopPropagation()},(0,i.h)("div",{class:"modal-carousel",style:e?{backgroundImage:"url(".concat(t,")"),backgroundSize:"cover",backgroundPosition:"center"}:{background:t}},(0,i.h)("button",{class:"close-btn",onClick:()=>this.closeModal()},(0,i.h)("akzo-icon",{name:"x",color:(0,n.a)("#121212",e?"#EBEBEB":t)})),(0,i.h)("div",{class:"product-image-carousel"},(0,i.h)("div",{class:"carousel-content"},this.items.map((t,e)=>{var o,n;return(0,i.h)("akzo-packshot",{exportparts:"product-image:product-image-packshot,packshot-container:packshot-container-packshot",class:this.animatePackshot&&e===this.modalActiveIndex?"slide-in":"",imageUrl:t.largeImage||t.image,imageAlt:t.alt,background:this.imageBackground,lidColor:this.lidColor,rounded:!1,canTop:null==(o=t.canTop)||o,squircle:null==(n=t.squircle)||n,style:{display:e===this.modalActiveIndex?"block":"none"}})})),(0,i.h)("div",{class:"mid-carousel-navigation"},this.showArrows&&(0,i.h)("akzo-progress-dot",{total:this.items.length,currentIndex:this.modalActiveIndex,showLeftArrows:!0,showRightArrows:!0,showDots:!1,theme:this.theme,backgroundColor:this.imageBackground,onDotChange:t=>this.handleModalDotChange(t.detail)})))),(0,i.h)("div",{class:"carousel-navigation",part:"carousel-navigation"},this.showDots&&(0,i.h)("akzo-progress-dot",{total:this.items.length,currentIndex:this.modalActiveIndex,showLeftArrows:!1,showRightArrows:!1,showDots:this.showDots,backgroundColor:this.imageBackground,theme:this.theme,onDotChange:t=>this.handleModalDotChange(t.detail)}))))}render(){if(!this.items[this.activeIndex])return null;let t=this.imageBackground||"#D3D3D3",e=t.startsWith("http")||t.startsWith("/")?"#EBEBEB":t;return(0,i.h)("div",{class:"product-image-carousel",part:"product-image-carousel"},(0,i.h)("div",{class:"carousel-content"},this.items.map((t,e)=>{var o,n;return(0,i.h)("akzo-packshot",{exportparts:"product-image:product-image-packshot,packshot-container:packshot-container-packshot",class:this.animatePackshot&&e===this.activeIndex?"slide-in":"",imageUrl:t.image,imageAlt:t.alt,background:this.imageBackground,lidColor:this.lidColor,rounded:!1,canTop:null==(o=t.canTop)||o,squircle:null==(n=t.squircle)||n,style:{display:e===this.activeIndex?"block":"none"}})})),(0,i.h)("div",{class:"carousel-navigation"},this.showDots&&(0,i.h)("akzo-progress-dot",{total:this.items.length,currentIndex:this.activeIndex,showLeftArrows:!1,showRightArrows:!1,showDots:this.showDots,backgroundColor:this.imageBackground,theme:this.theme,onDotChange:t=>this.handleDotChange(t.detail)})),(0,i.h)("div",{class:{"mid-carousel-navigation":!0,"b2b-carousel-nav":!0===this.isB2B}},this.showArrows&&(0,i.h)("akzo-progress-dot",{total:this.items.length,currentIndex:this.activeIndex,showLeftArrows:!0,showRightArrows:!0,showDots:!1,backgroundColor:this.imageBackground,theme:this.theme,onDotChange:t=>this.handleDotChange(t.detail)})),this.showMagnifier&&(0,i.h)("div",{class:"zoom-controls"},(0,i.h)("akzo-icon",{name:"zoom-in",onClick:()=>this.openModal(this.activeIndex),color:(0,n.a)("#121212",e)})),this.renderModal())}static get watchers(){return{activeIndex:[{onIndexChange:0}]}}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:block}@keyframes fadeSlideIn{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.slide-in{animation:fadeSlideIn 0.5s ease-in-out}.zoom-controls{height:25.5px}.zoom-controls akzo-icon::part(icon){width:25.5px;height:25.5px}.zoom-controls akzo-icon::part(svg){width:25.5px;height:25.5px}.close-btn akzo-icon::part(icon){width:31.2px}.close-btn akzo-icon::part(svg){width:31.5px;height:32px}.product-image-carousel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:40%;gap:16px}@media (max-width: 600px){.product-image-carousel{width:100%}}.product-image-carousel .carousel-content{display:flex;justify-content:center;width:100%;animation:slideInFromRight 0.4s ease-out}.product-image-carousel .carousel-navigation{position:absolute;left:5%;bottom:2%;display:flex;justify-content:center;align-items:center}@media (max-width: 600px){.product-image-carousel .carousel-navigation{left:0%;margin-bottom:17px}}.product-image-carousel .mid-carousel-navigation{position:absolute;width:100%;display:flex;justify-content:center;align-items:center}.product-image-carousel .mid-carousel-navigation akzo-progress-dot{width:100%;margin:2%}.product-image-carousel .mid-carousel-navigation akzo-progress-dot::part(progress-dot-container){justify-content:space-between}.product-image-carousel .mid-carousel-navigation.b2b-carousel-nav{z-index:2}.product-image-carousel .zoom-controls{position:absolute;bottom:2%;right:5%;cursor:pointer}.product-image-carousel{}.product-image-carousel .modal-backdrop{position:fixed;inset:0;background:rgba(0, 0, 0, 0.7);display:flex;justify-content:center;padding-top:68px;z-index:9999}@media (max-width: 600px){.product-image-carousel .modal-backdrop{padding-top:9rem}}.product-image-carousel .modal-content{position:relative;border-radius:8px;max-width:84%;height:90%;max-height:700px;display:flex;justify-content:center;align-items:center}@media (max-width: 600px){.product-image-carousel .modal-content{align-items:start;max-width:100%}}.product-image-carousel .modal-content .carousel-navigation{bottom:5%}.product-image-carousel .modal-content akzo-packshot{scale:180%}@media (max-width: 600px){.product-image-carousel .modal-content akzo-packshot{scale:150%}}@media (max-width: 600px){.product-image-carousel .modal-content akzo-packshot::part(product-image){width:40%}}.product-image-carousel .modal-content akzo-packshot::part(can-top){width:40%;height:40%;top:10%;right:11%}@media (max-width: 600px){.product-image-carousel .modal-content akzo-packshot::part(can-top){width:55%;height:55%;top:2%;right:2%}.product-image-carousel .modal-content akzo-packshot::part(frame-overlay){padding:21%}}@media screen and (max-width: 1300px){.product-image-carousel .modal-content akzo-packshot::part(can-top){width:55%;height:55%;top:3%;right:5%}}.product-image-carousel .modal-image-wrapper{display:flex;justify-content:center;align-items:center;padding:7rem}
1.product-image-carousel .modal-image-wrapper img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:4px}.product-image-carousel .close-btn{position:absolute;top:16px;right:16px;color:#000;font-size:1.5rem;cursor:pointer;width:36px;height:36px;line-height:34px;text-align:center;z-index:10}@media (max-width: 600px){.product-image-carousel .close-btn{top:5px;right:0px}}.product-image-carousel .modal-carousel{position:relative;width:100%;overflow:hidden;max-height:700px;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 600px){.product-image-carousel .modal-carousel{height:auto}}.product-image-carousel .modal-carousel .product-image-carousel{position:inherit;width:46%}@media (max-width: 600px){.product-image-carousel .modal-carousel .product-image-carousel{width:auto}}@media screen and (max-width: 1700px){.product-image-carousel .modal-carousel .product-image-carousel{width:58%}}@media screen and (max-width: 1300px){.product-image-carousel .modal-carousel .product-image-carousel{width:46%}}@media screen and (max-width: 700px){.product-image-carousel .modal-carousel .product-image-carousel{width:auto !important}}.product-image-carousel .modal-track{display:flex;transition:transform 0.5s ease-in-out;width:100%;height:100%}.product-image-carousel .modal-slide{flex:0 0 100%;display:flex;justify-content:center;align-items:center;padding:3rem}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.imageChange=(0,i.c)(this,"imageChange"),this.items=[],this.activeIndex=0,this.theme="default",this.showArrows=!0,this.showDots=!0,this.showMagnifier=!0,this.isB2B=!1,this.imageBackground="#EBEBEB",this.animatePackshot=!1,this.handleDotChange=t=>{this.animatePackshot=!0,this.activeIndex=t,setTimeout(()=>{this.animatePackshot=!1},800)},this.modalActiveIndex=null,this.handleModalDotChange=t=>{this.modalActiveIndex=t}}},[1,"akzo-product-image-carousel",{items:[16],theme:[1],showArrows:[4,"show-arrows"],showDots:[4,"show-dots"],showMagnifier:[4,"show-magnifier"],isB2B:[4,"is-b-2-b"],imageBackground:[1,"image-background"],lidColor:[1,"lid-color"],activeIndex:[32],animatePackshot:[32],modalActiveIndex:[32]},void 0,{activeIndex:[{onIndexChange:0}]}]),m=s,p=function(){"undefined"!=typeof customElements&&["akzo-product-image-carousel","akzo-icon","akzo-loader","akzo-packshot","akzo-progress-dot"].forEach(t=>{switch(t){case"akzo-product-image-carousel":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),s);break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-packshot":customElements.get((0,i.t)(t))||(0,d.d)();break;case"akzo-progress-dot":customElements.get((0,i.t)(t))||(0,l.d)()}})}},5793:(t,e,o)=>{o.d(e,{X:()=>g,b:()=>h});var i=o(41421),n=o(27274),a=o(97752),r=o(47408),d=o(70699),l=o(27857),s=o(92887),m=o(65250);let p=(0,i.p)(class extends i.H{get effectiveColorMode(){return"repeat-y"===this.swatchImageBackgroundRepeat&&this.backgroundColor?(0,n.l)(this.backgroundColor):this.colorMode}get coreColor(){return"dark"===this.effectiveColorMode?"inverse":"default"}renderCtas(){var t,e;return(null==(e=null==(t=this.ctasCollection)?void 0:t.items)?void 0:e.length)?(0,i.h)("div",{class:"color-banner-buttons"},this.ctasCollection.items.map(t=>{let{ctaType:e,ctaLabel:o,ctaLinkUrl:n}=t,a=null;return"tertiary"===e&&(a=this.isFavorite?"heart-filled":"heart"),(0,i.h)("akzo-button",{key:"".concat(e,"-").concat(o),variant:e,label:o,size:"m",coreColor:this.coreColor,fullWidth:!0,leftIcon:a,rightIcon:"secondary"===e?"arrow-down":null,onButtonClick:()=>this.colorBannerCtaClick.emit({type:e,label:o,url:n})})})):null}getHeadingLevel(){return({xxxl:1,xxl:2,xl:3,l:4,m:5,s:6})[this.headingLevel]||4}render(){var t,e,o;let n=null==(t=this.mediaImage)?void 0:t[0],a="repeat-y"===this.swatchImageBackgroundRepeat,r=this.swatchImageUrl?Object.assign(Object.assign(Object.assign(Object.assign({"--color-text-disabled-inverse":"#ffffff",backgroundImage:"url(".concat(this.swatchImageUrl,")"),backgroundRepeat:a?"repeat":this.swatchImageBackgroun
1dRepeat},a?{backgroundSize:"auto",backgroundPosition:"0 0"}:{}),this.swatchImageBackgroundSize?{backgroundSize:this.swatchImageBackgroundSize}:{}),!a&&this.swatchImageBackgroundPosition?{backgroundPosition:this.swatchImageBackgroundPosition}:{}),{height:"100%"}):{};return(0,i.h)(i.a,{key:"1f5ea34a228f560d45f6dcd856016a0a472ccbb2"},(0,i.h)("section",{key:"7eba3c16aa15787b3b82ab4ad01b00c3193c7558",class:"akzo-color-banner content-".concat(this.textSectionPosition," ").concat(this.wideContent?"wide-content":"default-content")},(0,i.h)("div",{key:"0a8b0d1b397fa9aa55f4300fafe63cde1fc635f9",class:"inner-section",style:Object.assign({"--banner-bg":this.backgroundColor},r)},(0,i.h)("div",{key:"26292108004c405906745ca9287b6dfd1548567b",class:"back-to"},(0,i.h)("akzo-breadcrumb",{key:"1cb3d7f939487422758ca91818f5f2d61479b16e",currentPageLabel:this.backToPage,showBackLink:!0,backLinkHref:this.backToLink,inverse:"dark"===this.effectiveColorMode})),(0,i.h)("div",{key:"06da8cfadd1b63cbdfdf3cc0fb9e6ce2f2565b08",class:"content-wrapper"},(0,i.h)("div",{key:"13e1b5cb68e19eac85f958e3925d3b60009679e9",class:"color-banner-container"},(0,i.h)("div",{key:"1b8dbf86a1a1a1135f4576b3aa3c408ed2f5ea53",class:"content"},(0,i.h)("akzo-heading",{key:"da89fa2143aae6ed8ce0cdb31ef90c7c25203213",level:this.getHeadingLevel(),componentTag:this.headingWeight,text:this.heading,subtext:this.description,alignment:"center",coreColor:this.coreColor,color:this.color,style:{"--subtext-bg":"transparent","--subtext-color":"var(--banner-fg)"}}),this.renderCtas())))),n&&(0,i.h)("div",{key:"78346d9cd85f8065daaea35633687f7dea0da20e",class:"image-block"},(0,i.h)("slot",{key:"1e0166c99a09e95b15cf808373a4aec5fe60c2e3",name:"banner-image"},(0,i.h)("picture",{key:"7ba6335384daa2a0cdcf8ac1c73f60541b872e84"},(0,i.h)("source",{key:"ccd5905dde038a1558804f269738644965ad68aa",srcSet:n.src||(null==(e=null==n?void 0:n.thumbnails)?void 0:e.Large),type:"image/*"}),(0,i.h)("img",{key:"d9b423f271491b3bfd289af12848ee2ec0d5ce91",src:n.src||(null==(o=null==n?void 0:n.thumbnails)?void 0:o.Large),alt:this.imageAltText||n.name||"",decoding:"async",fetchpriority:"high"}))))))}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.akzo-color-banner{position:relative;display:flex;height:650px;flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--spacing-none, 0)}.akzo-color-banner .inner-section{background-color:var(--banner-bg, #ffffff);position:absolute;width:100%;height:88%}.akzo-color-banner .inner-section .back-to{position:relative;z-index:10}.akzo-color-banner .color-banner-container{display:flex;flex-direction:row-reverse;justify-content:center;margin-top:3rem;width:100%}.akzo-color-banner .color-banner-container .content{display:flex;flex-direction:column;gap:32px;width:374px;height:auto;position:relative;z-index:10}.akzo-color-banner .color-banner-buttons{display:flex;flex-direction:column;gap:0.75rem;width:max-content;align-self:anchor-center}.akzo-color-banner .color-banner-buttons akzo-button,.akzo-color-banner .color-banner-buttons akzo-button::part(primary),.akzo-color-banner .color-banner-buttons akzo-button::part(secondary),.akzo-color-banner .color-banner-buttons akzo-button::part(tertiary){width:100%}.akzo-color-banner .image-block{position:absolute;width:100%;max-width:1440px;top:5rem}.akzo-color-banner .image-block img{max-width:100%;max-height:100%;object-fit:contain}@media (max-width: 600px){.akzo-color-banner .image-block{top:initial;bottom:2rem}}.akzo-color-banner.content-left .color-banner-container{flex-direction:row}.akzo-color-banner.content-left .image-block{width:auto;left:inherit;right:0;bottom:0}@media (min-width: 904px){.akzo-color-banner{width:100%;height:582px}.akzo-color-banner .inner-section{height:85%}.akzo-color-banner .color-banner-container{margin-top:inherit;justify-content:flex-start;width:auto}}@media (min-width: 601px) and (max-width: 1100px){.akzo-color-banner .image-block{top:initial;bottom:0}}.akzo-color-banner.wide-content .color-banner-container .content{width:374px}.akzo-color-banner.wide-content .color-banner-buttons{align-self:anchor-center;width:max-content;margin:auto}.akzo-color-banner.default-content .color-banner-container .content{width:320px}.akzo-color-banner.default-content .color-banner-buttons{align-items:flex-start}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.colorBannerCtaClick=(0,i.c)(this,"colorBannerCtaClick"),this.swatchImageBackgroundRepeat="no-repeat",this.mediaImage=[],this.textSectionPosition="right",this.colorMode="dark",this.ctasCollection={items:[]},this.backToPage="Back to colours",this.backToLink="/colour-details",this.wideContent=!1}},[257,"akzo-color-banner",{backgroundColor:[1,"background-color"],swatchImageUrl:[1,"swatch-image-url"],swatchImageBackgroundRepeat:[1,"swatch-image-background-repeat"],swatchImageBackgroundSize:[1,"swatch-image-background-size"],swatchImageBackgroundPosition:[1,"swatch-image-background-position"],color:[1],heading:[1],headingWeight:[1,"heading-weight"],headingLevel:[1,"heading-level"],description:[1],mediaImage:[16],imageAltText:[1,"image-alt-text"],textSectionPosition:[1,"text-section-position"],colorMode:[1,"color-mode"],ctasCollection:[16],isFavorite:[4,"is-favorite"],backToPage:[1,"back-to-page"],backToLink:[1,"back-to-link"],wideContent:[4,"wide-content"]}]),h=p,g=function(){"undefined"!=typeof customElements&&["akzo-color-banner","akzo-breadcrumb","akzo-button","akzo-heading","akzo-icon","akzo-link","akzo-loader"].forEach(t=>{switch(t){case"akzo-color-banner":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),p);break;case"akzo-breadcrumb":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-button":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-heading":customElements.get((0,i.t)(t))||(0,d.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,l.d)();break;case"akzo-link":customElements.get((0,i.t)(t))||(0,s.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,m.d)()}})}},6735:(t,e,o)=>{o.d(e,{A:()=>l,d:()=>s});var i=o(41421),n=o(41187),a=o(47408),r=o(27857),d=o(65250);let l=(0,i.p)(class extends i.H{handleInlineButtonClick(t){t.preventDefault(),this.inlineButtonClick.emit()}handleDownloadButtonClick(t){t.preventDefault(),this.downloadButtonClick.emit()}renderPromoBlock(){return this.showButton?this.renderPrimaryButtonBlock():this.showInlineButton?"start"===this.inl
1ineButtonPosition?this.renderInlineButtonStart():this.renderInlineButtonEnd():this.renderDefaultBlock()}renderPrimaryButtonBlock(){return[this.description&&(0,i.h)("p",{class:"promo-description body-xs",part:"with-button-description"},this.description),(0,i.h)("akzo-button",{size:"s",variant:"primary",label:this.buttonLabel,actionType:"redirect",redirectUrl:this.buttonRedirectUrl,isOpenInNewTab:(0,n.i)(this.buttonRedirectUrl)})]}renderInlineButtonStart(){return[this.description&&(0,i.h)(i.F,null,(0,i.h)("p",{class:"promo-description body-xs",part:"with-button-description"},(0,i.h)("button",{class:"inline-button "+(this.inlineButtonBold?"bold":""),onClick:t=>this.handleInlineButtonClick(t),onKeyDown:this.handleInlineButtonKeyDown},this.buttonLabel),this.description,"\xa0"),this.renderDownloadButton())]}renderInlineButtonEnd(){return[this.description&&(0,i.h)(i.F,null,(0,i.h)("p",{class:"promo-description body-xs",part:"with-button-description"},this.showCustomIcon&&(0,i.h)("span",{style:{paddingRight:"8px"}},(0,i.h)("akzo-icon",{size:"s",name:this.customIconLabel})),this.description,"\xa0",(0,i.h)("button",{class:"inline-button "+(this.inlineButtonBold?"bold":""),onClick:t=>this.handleInlineButtonClick(t),onKeyDown:this.handleInlineButtonKeyDown},this.buttonLabel)),this.renderDownloadButton())]}renderDownloadButton(){return this.showDownloadButton&&(0,i.h)("akzo-button",{variant:"tertiary",size:"m",coreColor:"default",label:this.downloadButtonLabel,leftIcon:"download",focusOutline:!0,onButtonClick:t=>this.handleDownloadButtonClick(t)})}renderDefaultBlock(){return[this.heading&&(0,i.h)("p",{class:"promo-title body-s-bold",part:"promo-title-part"},this.heading),this.description&&(0,i.h)("p",{class:"promo-description body-s",part:"description"},this.description)]}render(){return(0,i.h)("div",{key:"c44c6c732a804575ea3236073b7e05d58437bf98",class:"akzo-information-banner ".concat(this.variant," ").concat(this.showButton?"with-button":""),part:"info-card-outer"},(0,i.h)("div",{key:"9baf26b0c93ecfc0596304623aa11ab7c667b240",class:"content-wrapper",part:"info-card-mobile"},(0,i.h)("div",{key:"3b7e61b9b3af67237e5107f38e198e2085b3009f",class:"akzo-information-banner-content",part:"info-card"},this.renderPromoBlock())))}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.inline-button{background:none;border:none;text-decoration:underline;cursor:pointer;font:inherit;color:inherit;padding:0}.inline-button:focus-visible{outline:2px solid var(--color-default-non-invertible-opaque-900, #000);outline-offset:2px;border-radius:2px}.inline-button.bold{font-weight:bold}.akzo-information-banner .akzo-information-banner-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-xs);min-height:var(--spacing-2xl);padding:var(--spacing-sm) 0}.akzo-information-banner .akzo-information-banner-content .promo-description{margin:0;text-align:center;white-space:normal;word-break:break-word}.akzo-information-banner.critical,.akzo-information-banner.warning,.akzo-information-banner.positive,.akzo-information-banner.info,.akzo-information-banner.white,.akzo-information-banner.neutral{background:var(--color-surface-neutral-option3)}.akzo-information-banner.critical .akzo-information-banner-content,.akzo-information-banner.warning .akzo-information-banner-content,.akzo-information-banner.positive .akzo-information-banner-content,.akzo-information-banner.info .akzo-information-banner-content,.akzo-information-banner.white .akzo-information-banner-content,.akzo-information-banner.neutral .akzo-information-banner-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-xxs);min-height:3.75rem}.akzo-information-banner.critical .akzo-information-banner-content .promo-title,.akzo-information-banner.critical .akzo-information-banner-content .promo-description,.akzo-information-banner.warning .akzo-information-banner-content .promo-title,.akzo-information-banner.warning .akzo-information-banner-content .promo-description,.akzo-information-banner.positive .akzo-information-banner-content .promo-title,.akzo-information-banner.positive .akzo-information-banner-content .promo-description,.akzo-information-banner.info .akzo-information-banner-content .promo-title,.akzo-information-banner.info .akzo-information-banner-content .promo-description,.akzo-information-banner.white .akzo-information-banner-content .promo-title,.akzo-information-banner.white .akzo-information-banner-content .promo-description,.akzo-information-banner.neutral .akzo-information-banner-content .promo-title,.akzo-information-banner.neutral .akzo-information-banner-content .promo-description{text-align:center}.akzo-information-banner.critical .akzo-information-banner-content akzo-icon::part(icon),.akzo-information-banner.warning .akzo-information-banner-content akzo-icon::part(icon),.akzo-information-banner.positive .akzo-information-banner-content akzo-icon::part(icon),.akzo-information-banner.info .akzo-information-banner-content akzo-icon::part(icon),.akzo-information-banner.white .akzo-information-banner-content akzo-icon::part(icon),.akzo-information-banner.neutral .akzo-information-banner-content akzo-icon::part(icon){margin:0;color:var(--color-text-functional)}.akzo-information-banner.critical.with-button .akzo-information-banner-content,.akzo-information-banner.warning.with-button .akzo-information-banner-content,.akzo-information-banner.positive.with-button .akzo-information-banner-content,.akzo-information-banner.info.with-button .akzo-information-banner-content,.akzo-information-banner.white.with-button .akzo-information-banner-content,.akzo-information-banner.neutral.with-button .akzo-information-banner-content{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--spacing-xs);flex-direction:row;min-height:var(--spacing-2xl)}.akzo-information-banner.critical.with-button .akzo-information-banner-content .promo-description,.akzo-information-banner.warning.with-button .akzo-information-banner-content .promo-description,.akzo-information-banner.positive.with-button .akzo-information-banner-content .promo-description,.akzo-information-banner.info.with-button .akzo-information-banner-content .promo-description,.akzo-information-banner.white.with-button .akzo-information-banner-content .promo-description,.akzo-information-banner.neutral.with-button .akzo-information-banner-content .promo-description{color:var(--color-text-accent-primary);white-space:normal;word-break:break-word;text-align:center}.akzo-information-banner.info{background:var(--color-surface-info)}.akzo-information-banner.info .akzo-information-banner-content .promo-title,.akzo-information-banner.info .akzo-information-banner-content .promo-description,.akzo-information-banner.info .akzo-information-banner-content akzo-icon::part(icon){color:var(--color-text-info)}.akzo-information-banner.positive{background:var(--color-surface-positive)}
1.akzo-information-banner.positive .akzo-information-banner-content .promo-title,.akzo-information-banner.positive .akzo-information-banner-content .promo-description,.akzo-information-banner.positive .akzo-information-banner-content akzo-icon::part(icon){color:var(--color-text-positive)}.akzo-information-banner.warning{background:var(--color-surface-warning)}.akzo-information-banner.warning .akzo-information-banner-content .promo-title,.akzo-information-banner.warning .akzo-information-banner-content .promo-description,.akzo-information-banner.warning .akzo-information-banner-content akzo-icon::part(icon){color:var(--color-text-warning)}.akzo-information-banner.critical{background:var(--color-surface-critical)}.akzo-information-banner.critical .akzo-information-banner-content .promo-title,.akzo-information-banner.critical .akzo-information-banner-content .promo-description,.akzo-information-banner.critical .akzo-information-banner-content akzo-icon::part(icon){color:var(--color-text-critical)}.akzo-information-banner.white{background:var(--color-white)}.akzo-information-banner.white .akzo-information-banner-content .promo-title,.akzo-information-banner.white .akzo-information-banner-content .promo-description,.akzo-information-banner.white .akzo-information-banner-content akzo-icon::part(icon){color:var(--color-text-functional)}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.inlineButtonClick=(0,i.c)(this,"inlineButtonClick"),this.downloadButtonClick=(0,i.c)(this,"downloadButtonClick"),this.variant="neutral",this.inlineButtonPosition="end",this.inlineButtonBold=!1,this.showDownloadButton=!1,this.downloadButtonLabel="Download",this.showCustomIcon=!1,this.customIconLabel="check",this.handleInlineButtonKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleInlineButtonClick(t))}}},[1,"akzo-information-banner",{variant:[1],showButton:[4,"show-button"],showInlineButton:[4,"show-inline-button"],inlineButtonPosition:[1,"inline-button-position"],heading:[1],description:[1],buttonLabel:[1,"button-label"],buttonRedirectUrl:[1,"button-redirect-url"],inlineButtonBold:[4,"inline-button-bold"],showDownloadButton:[4,"show-download-button"],downloadButtonLabel:[1,"download-button-label"],showCustomIcon:[4,"show-custom-icon"],customIconLabel:[1,"custom-icon-label"]}]);function s(){"undefined"!=typeof customElements&&["akzo-information-banner","akzo-button","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-information-banner":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),l);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,d.d)()}})}},6827:(t,e,o)=>{o.r(e),o.d(e,{AkzoCartPopover:()=>z,defineCustomElement:()=>y});var i=o(41421),n=o(60947),a=o(47408),r=o(70486),d=o(13912),l=o(70699),s=o(27857),m=o(6735),p=o(21702),h=o(16966),g=o(65250),c=o(28978),b=o(42431),x=o(23100),u=o(39237),f=o(38431),k=o(31867);let w=(0,i.p)(class extends i.H{convertCartResponseToProductItems(t){let e=[];return t.forEach(t=>{var o,i;(null==(i=null==(o=t.data)?void 0:o.cart)?void 0:i.items)&&t.data.cart.items.forEach(t=>{var o,i,n;let a={id:t.id,sku:t.product.sku,slug:t.slug,name:t.product.name,colorName:"SKU",quantity:""+t.quantity,value:t.quantity,size:t.product.sku,instock:!0,readyForSale:null==(n=null!=(i=null==(o=t.product)?void 0:o.readyForSale)?i:null==t?void 0:t.readyForSale)||n,coverage:"",price:{regular:{amount:""+t.prices.price.value,currency:t.prices.price.currency}},packshot:{imageUrl:t.packshot.imageUrl,imageAlt:t.packshot.imageAlt,swatchColor:t.packshot.swatchColor,swatchLabel:t.packshot.swatchLabel},hazardIcons:t.hazardIcons||[],stockStatus:Object.assign(Object.assign({},t.stockStatus),{status:t.stockStatus.status.replace(/-./g,t=>t[1].toUpperCase())}),stepperOption:Object.assign(Object.assign(Object.assign({},t.stepperOption),{unitsPerCartonLabel:this.unitsPerCartonLabel}),this.unitsLabel?{unitsLabel:this.unitsLabel}:{}),description:t.product.description,unitOfMeasure:t.unitOfMeasure,productType:t.product.type};a.pendingOrders=t.pendingOrders,e.push(a)})}),e}getCartTotal(){return this.cartSubtotal&&parseFloat(this.cartSubtotal.replace(/[^0-9.
1-]+/g,""))||0}isBelowMinimumOrder(){return!(!this.minimumOrderValue||0===this.parsedProducts.length)&&this.getCartTotal()<this.minimumOrderValue}getFormattedMessage(t){return t.replace("[amount]",this.minimumOrderValue.toFixed(2))}parseProducts(t){try{if("string"==typeof t){let e=JSON.parse(t);this.parsedProducts=this.convertCartResponseToProductItems(e)}else this.parsedProducts=Array.isArray(t)?this.convertCartResponseToProductItems(t):[]}catch(t){console.error("Error parsing products:",t),this.parsedProducts=[]}}hasPendingOrderWarning(){return!!this.pendingOrderWarningText&&this.parsedProducts.some(t=>{var e;return(null==(e=null==t?void 0:t.pendingOrders)?void 0:e.orders)&&t.pendingOrders.orders.length>0})}hasUnavailableProducts(){return this.parsedProducts.some(t=>!1===(null==t?void 0:t.readyForSale))}componentWillLoad(){this.parseProducts(this.data)}clearAutoHideTimer(){this.autoHideTimer&&(clearTimeout(this.autoHideTimer),this.autoHideTimer=null)}startAutoHideTimer(){this.clearAutoHideTimer(),this.autoHideTimer=setTimeout(()=>{this.tempDeletedProduct=null,this.autoHideTimer=null},15e3)}startQuantityUpdatedTimer(){this.quantityUpdatedTimer&&clearTimeout(this.quantityUpdatedTimer),this.quantityUpdatedTimer=setTimeout(()=>{this.tempUpdatedProduct=null,this.quantityUpdatedTimer=null},5e3)}handleCartClose(){this.showCheckoutError=!1,this.cartClosed.emit(),this.clearAutoHideTimer(),this.quantityUpdatedTimer&&(clearTimeout(this.quantityUpdatedTimer),this.quantityUpdatedTimer=null),this.tempDeletedProduct=null,this.tempUpdatedProduct=null,this.showCheckoutError=!1}handleProceedToCheckout(){var t,e,o;this.hasUnavailableProducts()||(this.isBelowMinimumOrder()?this.showCheckoutError=!0:((0,n.p)({event:"begin_checkout",ecommerce:{currency:(null==(o=null==(e=null==(t=this.parsedProducts[0])?void 0:t.price)?void 0:e.regular)?void 0:o.currency)||"USD",value:this.getCartTotal(),items:this.parsedProducts.map((t,e)=>{var o,i;return{item_id:t.sku||t.id,item_name:t.name,item_brand:"",item_category:"",item_variant:"",price:(null==(i=null==(o=t.price)?void 0:o.regular)?void 0:i.amount)||"0",quantity:t.quantity,index:e}})}}),this.showCheckoutError=!1,window.location.href="/checkout",this.proceedToCheckoutClicked.emit()))}scrollModalToTop(){setTimeout(()=>{var t,e;let o=null==(t=this.host.shadowRoot)?void 0:t.querySelector("akzo-modal"),i=null==(e=null==o?void 0:o.shadowRoot)?void 0:e.querySelector(".modal-content");i&&i.scrollTo({top:0,behavior:"smooth"})},100)}handleQuantityChange(t){let{id:e,quantity:o}=t.detail;this.showCheckoutError=!1,this.quantityChange.emit({id:e,quantity:o})}handleQuantityChangeStepper(t,e){let{value:o,source:i}=e.detail;this.showCheckoutError=!1,"button"===i&&(this.tempUpdatedProduct={name:"",quantity:0},this.startQuantityUpdatedTimer(),this.scrollModalToTop()),this.quantityChangeStepper.emit({id:t,value:o,source:i})}handleRemoveProduct(t){var e;let{id:o}=t.detail,i=this.parsedProducts.find(t=>t.id===o);i&&(this.tempDeletedProduct=i,this.startAutoHideTimer()),this.showCheckoutError=!1,this.removeProduct.emit({id:o});let n=null==(e=this.host.shadowRoot)?void 0:e.querySelector('[data-product-id="'.concat(o,'"]'));n?(n.classList.add("removing"),n.addEventListener("animationend",()=>{this.parsedProducts=this.parsedProducts.filter(t=>t.id!==o),0===this.parsedProducts.length&&this.handleCartClose()},{once:!0})):(this.parsedProducts=this.parsedProducts.filter(t=>t.id!==o),0===this.parsedProducts.length&&this.handleCartClose())}handleActionClick(t,e){let{action:o}=e.detail;"update"===o&&(this.tempUpdatedProduct={name:"",quantity:0},this.startQuantityUpdatedTimer(),this.scrollModalToTop()),this.actionClick.emit({id:t,action:o})}handleUndoClick(t){this.clearAutoHideTimer(),this.tempDeletedProduct&&(this.parsedProducts=[...this.parsedProducts,this.tempDeletedProduct],this.tempDeletedProduct=null),this.showCheckoutError=!1,this.undoClick.emit({productDetails:t})}render(){let t=this.isBelowMinimumOrder();return(0,i.h)("akzo-modal",{key:"addbea58608693f1fb0293f80b6818b793261b05",transparentBackdrop:!0,position:"right",innerPadding:"l",size:"auto",isOpen:this.showCartModal,onClose:this.handleCartClose.bind(this)},this.isLoading?(0,i.h)("div",{class:"loader"},(0,i.h)("akzo-icon",{size:"m",type:"loader"})):0===this.parsedProducts.length?(0,i.h)("div",{class:"empty-cart"},(0,i.h)("img",{alt:"empty-cart",src:"/assets/images/empty-cart.png",width:120,height:90}),(0,i.h)("akzo-heading",{level:4,text:this.yourCartIsEmptyText}),(0,i.h)("p",{class:"body"},this.browseProductsText),(0,i.h)("div",{class:"buttons"},(0,i.h)("akzo-button",{variant:"primary",size:"m",coreColor:"default",label:this.continueShoppingText,onButtonClick:()=>{window.location.href="/home"}}))):(0,i.h)("div",{class:"cart-content"},this.heading&&(0,i.h)("div",{class:"heading-text"},(0,i.h)("akzo-heading",{level:4,coreColor:"default",text:this.heading})),this.tempUpdatedProduct&&""===this.tempUpdatedProduct.name&&(0,i.h)("div",{class:"quantity-updated-message"},(0,i.h)("akzo-information-banner",{variant:"positive",description:this.quantityUpdatedText})),this.hasPendingOrderWarning()&&(0,i.h)("div",{class:"pending-order-warning"},(0,i.h)("akzo-information-banner",{variant:"warning",description:this.pendingOrderWarningText})),this.cartSubtotal&&this.cartSubtotalText&&(0,i.h)("div",{class:"cart-subtotal body"},(0,i.h)("div",null,this.cartSubtotalText),(0,i.h)("div",{class:"subtotal"},(0,i.h)("div",{class:"body-bold"},this.cartSubtotal),(0,i.h)("div",{class:"body-xs"},this.taxDetailText))),this.cartLabel&&(0,i.h)("akzo-label",{cartPopoverStyles:!0,type:"small",label:this.cartLabel,icon:"alert-circle",color:"info"}),this.totalVolume&&this.totalVolumeText&&(0,i.h)("div",{class:"total-volume body"},(0,i.h)("div",null,this.totalVolumeText),(0,i.h)("div",{class:"body-bold"},this.totalVolume)),this.warningText&&(0,i.h)("div",{class:"warning-message"},(0,i.h)("akzo-information-banner",{variant:"warning",description:this.warningText})),t&&!this.showCheckoutError&&(0,i.h)("akzo-information-banner",{"aria-labelledby":this.getFormattedMessage(this.minimumOrderWarningText),variant:"warning",description:this.getFormattedMessage(this.minimumOrderWarningText)}),this.showCheckoutError&&(0,i.h)("akzo-information-banner",{"aria-labelledby":this.getFormattedMessage(this.minimumOrderWarningText),variant:"critical",description:this.getFormattedMessage(this.minimumOrderWarningText)}),this.hasUnavailableProducts()&&(0,i.h)("div",{class:"warning-message"},(0,i.h)("akzo-information-banner",{variant:"critical",description:this.unavailableProductsWarningText})),(this.viewEditCartButtonLabel||this.proceedToCheckoutButtonLabel)&&(0,i.h)("div",{class:"cart-actions"},this.viewEditCartButtonLabel&&(0,i.h)("akzo-button",{variant:"tertiary",size:"m",coreColor:"default",label:this.viewEditCartButtonLabel,actionType:"redirect",redirectUrl:"/cart"}),this.proceedToCheckoutButtonLabel&&(0,i.h)("akzo-button",{variant:"primary",disabled:this.isButtonDisabled||this.hasUnavailableProducts(),size:"m",onButtonClick:()=>
1this.handleProceedToCheckout(),coreColor:"default",label:this.proceedToCheckoutButtonLabel})),this.contentHeading&&(0,i.h)("akzo-heading",{level:5,coreColor:"default",text:this.contentHeading}),this.tempDeletedProduct&&(0,i.h)("div",{class:"removed-items-text"},(0,i.h)("akzo-information-banner",{variant:"positive",showInlineButton:!0,buttonLabel:this.undoText,description:"".concat(this.tempDeletedProduct.name," ").concat(this.productRemovedDetailsText),onInlineButtonClick:()=>this.handleUndoClick(this.tempDeletedProduct)})),this.parsedProducts&&this.parsedProducts.length>0&&(0,i.h)("div",{class:"basket-tile-group"},this.parsedProducts.map(t=>{let e=t.pendingOrders;return(0,i.h)("div",{key:t.id,"data-product-id":t.id},(0,i.h)("akzo-divider",{variant:"line",orientation:"horizontal"}),(0,i.h)("div",{class:"product-tile-container"},(0,i.h)("akzo-product-line-item",{validateOnLoad:this.validateQuantityOnLoad,styleSecondaryMinus:!0,highlightUnavailable:!0,onProductClick:this.handleProductClick,type:"b2b",products:t,unitCostLabel:this.unitCostLabel,totalLabel:this.totalLabel,customCurrencySymbol:this.customCurrencySymbol,onQuantityChange:t=>this.handleQuantityChange(t),onQuantityChangeStepper:e=>this.handleQuantityChangeStepper(t.id,e),onRemoveProduct:t=>this.handleRemoveProduct(t),onActionClick:e=>this.handleActionClick(t.id,e),onErrorStateChange:t=>{this.isButtonDisabled=t.detail}}),e&&e.orders&&e.orders.length>0&&(0,i.h)("div",{class:"pending-order-item-warning"},(0,i.h)("akzo-notification-card",{type:"warning",showClose:!1,showAction:!1,showLearnMore:!1,showTitle:!1},(0,i.h)("span",{slot:"description-content"},e.orders.length<=5?(0,i.h)("span",null,e.quantity," ",this.alreadyInPhrase," ",e.orders.map((t,o)=>(0,i.h)("span",{key:t},(0,i.h)("a",{href:"/account/orders/"+t,class:"pending-order-link"},t),o<e.orders.length-2&&", ",o===e.orders.length-2&&" and "))):(0,i.h)("span",null,e.quantity," ",this.alreadyInMultipleOrdersText,(0,i.h)("span",null," ",(0,i.h)("a",{href:this.ordersPageUrl,class:"pending-order-link"},this.viewOrdersText))))))))}))))}get host(){return this}static get watchers(){return{data:[{parseProducts:0}]}}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.body{margin-bottom:0}akzo-product-line-item::part(heading-styles){width:90%}akzo-product-line-item::part(hazard-icon){width:20px}akzo-information-banner::part(info-card-mobile){padding:0rem}akzo-information-banner::part(info-card){min-height:2.5rem;align-items:normal;padding:0 var(--spacing-l)}akzo-information-banner::part(description){font-size:0.75rem}akzo-heading::part(custom-title){font-family:"Open Sans", sans-serif}akzo-information-banner::part(with-button-description){color:var(--color-text-positive)}akzo-label::part(label){width:100%}.loader{display:flex;align-items:center;justify-content:center;width:416px;flex-direction:column;height:100vh}.empty-cart{display:flex;align-items:center;flex-direction:column;justify-content:center;height:100vh;gap:var(--spacing-xl);width:416px}.empty-cart .body{margin-bottom:0;color:rgb(10, 10, 10)}.empty-cart .buttons{display:flex;gap:var(--spacing-s)}.cart-content{display:flex;flex-direction:column;gap:var(--spacing-l);height:100vh;max-width:416px}@media (max-width: 47.9375rem){.cart-content{gap:var(--spacing-m)}}.cart-content .heading-text{margin-top:1.5rem}@media (max-width: 47.9375rem){.cart-content .heading-text{margin-top:-1.125rem}}.cart-content .heading-text{padding-top:var(--spacing-s)}.cart-content .cart-subtotal{color:var(--color-text-functional);display:flex;gap:var(--spacing-xxs);justify-content:space-between}.cart-content .cart-subtotal .subtotal{display:flex;gap:var(--spacing-xxs);align-items:baseline}.cart-content .cart-subtotal .body-bold{margin-bottom:0}.cart-content .cart-subtotal .body-xs{margin-bottom:0}.cart-content .total-volume{color:var(--color-text-functional);display:flex;gap:var(--spacing-xxs);justify-content:space-between}.cart-content .total-volume .body-bold{margin-bottom:0}.cart-content .products-added-message akzo-information-banner::part(description){text-align:left}.cart-content .warning-message akzo-information-banner::part(description){text-align:left}.cart-content .warning-message akzo-information-banner::part(info-card){padding:var(--spacing-s) var(--spacing-l)}.cart-content .cart-actions{display:flex;gap:var(--spacing-m);flex-direction:column-reverse}@media (min-width: 48rem){.cart-content .cart-actions{flex-direction:row;align-items:center}}.cart-content .cart-actions akzo-button::part(tertiary){height:auto}.cart-content .cart-actions akzo-button::part(button-text)::after{height:3px;background:var(--color-interactive-secondary-default)}.cart-content .removed-items-text akzo-information-banner::part(info-card){min-height:2.5rem;padding:0 var(--spacing-l)}.cart-content .basket-tile-group{display:flex;flex-direction:column}.cart-content .basket-tile-group>div{padding-bottom:var(--spacing-s);transition:all 0.3s ease}.cart-content .removing{animation:fadeOutCollapse 0.3s forwards}@keyframes fadeOutCollapse{0%{opacity:1;max-height:200px;transform:scale(1)}100%{opacity:0;max-height:0;transform:scale(0.95);margin:0;padding:0}}.cart-content .pending-order-warning{margin-bottom:var(--spacing-m)}.cart-content .pending-order-warning akzo-information-banner::part(info-card){width:100%;max-width:100%;box-sizing:border-box}.cart-content .pending-order-warning akzo-information-banner::part(description){word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.cart-content .pending-order-item-warning{margin-top:var(--spacing-s)}.cart-content .pending-order-item-warning akzo-notification-card::part(card){padding:var(--spacing-s) var(--spacing-m);width:100%;max-width:100%;box-sizing:border-box}.cart-content .pending-order-item-warning akzo-notification-card::part(notification-card){width:100%}
1.cart-content .pending-order-item-warning akzo-notification-card::part(text-content){word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%}.cart-content .pending-order-link{color:var(--color-text-title);cursor:pointer}.cart-content .pending-order-link:hover{text-decoration:none}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.cartClosed=(0,i.c)(this,"cartClosed"),this.proceedToCheckoutClicked=(0,i.c)(this,"proceedToCheckoutClicked"),this.quantityChange=(0,i.c)(this,"quantityChange"),this.quantityChangeStepper=(0,i.c)(this,"quantityChangeStepper"),this.removeProduct=(0,i.c)(this,"removeProduct"),this.actionClick=(0,i.c)(this,"actionClick"),this.undoClick=(0,i.c)(this,"undoClick"),this.showCartModal=!1,this.heading="My Cart",this.cartSubtotalText="Cart Subtotal",this.totalVolumeText="Total Volume (GL)",this.contentHeading="Contents",this.viewEditCartButtonLabel="View and Edit Cart",this.proceedToCheckoutButtonLabel="Proceed to Checkout",this.taxDetailText="inc.tax",this.cartLabel="Prices may change during checkout",this.undoText="Undo",this.productsAddedToCartText="Products added to cart",this.warningText="Please check all quantities are correct before confirming your order",this.productRemovedDetailsText="",this.unitsPerCartonLabel="units per carton",this.totalLabel="Total",this.unitCostLabel="Unit cost",this.minimumOrderWarningText="Minimum order amount is [amount].",this.yourCartIsEmptyText="Your cart is empty.",this.browseProductsText="Browse or search for products to get started.",this.continueShoppingText="Continue shopping",this.quantityUpdatedText="Quantity updated",this.unavailableProductsWarningText="Please remove the products with SKU number(s) highlighted in Red as the products are no longer available to be sold.",this.pendingOrderWarningText="",this.alreadyInPhrase="already in",this.alreadyInMultipleOrdersText="already in multiple pending orders.",this.viewOrdersText="View Orders",this.ordersPageUrl="/orders",this.cartSubtotal="",this.totalVolume="",this.minimumOrderValue=0,this.isLoading=!1,this.validateQuantityOnLoad=!1,this.parsedProducts=[],this.tempDeletedProduct=null,this.tempUpdatedProduct=null,this.isButtonDisabled=!1,this.showCheckoutError=!1,this.autoHideTimer=null,this.quantityUpdatedTimer=null,this.handleProductClick=t=>{var e;let o=null==(e=t.detail.product)?void 0:e.slug;o&&(window.location.href="/products/"+o)}}},[1,"akzo-cart-popover",{showCartModal:[4,"show-cart-modal"],heading:[1],cartSubtotalText:[1,"cart-subtotal-text"],totalVolumeText:[1,"total-volume-text"],contentHeading:[1,"content-heading"],viewEditCartButtonLabel:[1,"view-edit-cart-button-label"],proceedToCheckoutButtonLabel:[1,"proceed-to-checkout-button-label"],taxDetailText:[1,"tax-detail-text"],cartLabel:[1,"cart-label"],undoText:[1,"undo-text"],productsAddedToCartText:[1,"products-added-to-cart-text"],warningText:[1,"warning-text"],productRemovedDetailsText:[1,"product-removed-details-text"],unitsPerCartonLabel:[1,"units-per-carton-label"],unitsLabel:[1,"units-label"],totalLabel:[1,"total-label"],unitCostLabel:[1,"unit-cost-label"],minimumOrderWarningText:[1,"minimum-order-warning-text"],yourCartIsEmptyText:[1,"your-cart-is-empty-text"],browseProductsText:[1,"browse-products-text"],continueShoppingText:[1,"continue-shopping-text"],quantityUpdatedText:[1,"quantity-updated-text"],unavailableProductsWarningText:[1,"unavailable-products-warning-text"],pendingOrderWarningText:[1,"pending-order-warning-text"],alreadyInPhrase:[1,"already-in-phrase"],alreadyInMultipleOrdersText:[1,"already-in-multiple-orders-text"],viewOrdersText:[1,"view-orders-text"],ordersPageUrl:[1,"orders-page-url"],cartSubtotal:[1,"cart-subtotal"],totalVolume:[1,"total-volume"],data:[1],minimumOrderValue:[2,"minimum-order-value"],isLoading:[4,"is-loading"],customCurrencySymbol:[1,"custom-currency-symbol"],validateQuantityOnLoad:[4,"validate-quantity-on-load"],parsedProducts:[32],tempDeletedProduct:[32],tempUpdatedProduct:[32],isButtonDisabled:[32],showCheckoutError:[32]},void 0,{data:[{parseProducts:0}]}]),z=w,y=function(){"undefined"!=typeof customElements&&["akzo-cart-popover","akzo-button","akzo-colour-swatch","akzo-div
1ider","akzo-heading","akzo-icon","akzo-information-banner","akzo-input-select-dropdown","akzo-label","akzo-loader","akzo-modal","akzo-notification-card","akzo-price","akzo-product-line-item","akzo-quantity-incrementor","akzo-stepper"].forEach(t=>{switch(t){case"akzo-cart-popover":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),w);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-colour-swatch":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-divider":customElements.get((0,i.t)(t))||(0,d.d)();break;case"akzo-heading":customElements.get((0,i.t)(t))||(0,l.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,s.d)();break;case"akzo-information-banner":customElements.get((0,i.t)(t))||(0,m.d)();break;case"akzo-input-select-dropdown":customElements.get((0,i.t)(t))||(0,p.d)();break;case"akzo-label":customElements.get((0,i.t)(t))||(0,h.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,g.d)();break;case"akzo-modal":customElements.get((0,i.t)(t))||(0,c.d)();break;case"akzo-notification-card":customElements.get((0,i.t)(t))||(0,b.d)();break;case"akzo-price":customElements.get((0,i.t)(t))||(0,x.d)();break;case"akzo-product-line-item":customElements.get((0,i.t)(t))||(0,u.d)();break;case"akzo-quantity-incrementor":customElements.get((0,i.t)(t))||(0,f.d)();break;case"akzo-stepper":customElements.get((0,i.t)(t))||(0,k.d)()}})}},7998:(t,e,o)=>{o.d(e,{X:()=>l,w:()=>d});var i=o(41421),n=o(27857),a=o(65250);let r=(0,i.p)(class extends i.H{validateArrowPosition(t){["bottom","sides","corner","top-left","top-right"].includes(t)||(console.warn("Invalid arrowPosition prop: ".concat(t,". Defaulting to 'sides'.")),this.arrowPosition="sides")}validatePaginationPosition(t){t&&!["top","right","bottom","left","top-left","top-right","bottom-right","bottom-left","default"].includes(t)&&(console.warn("Invalid paginationPosition prop: ".concat(t,". Defaulting to 'default'.")),this.paginationPosition="default")}componentWillLoad(){var t,e;this.validateArrowPosition(this.arrowPosition),this.validatePaginationPosition(this.paginationPosition),this.totalSlides=Math.max(1,null!=(t=this.totalSlides)?t:5),this.currentIndex=Math.max(0,Math.min(null!=(e=this.currentIndex)?e:0,this.totalSlides-1))}render(){return(0,i.h)("div",{key:"bc3454a347d5744ff8a5a391b0a91fead22f8ab2",class:{"carousel-pagination-wrapper":!0,"arrows-only":this.showArrows&&!this.showDots,"dots-only":!this.showArrows&&this.showDots,"arrows-and-dots":this.showArrows&&this.showDots,["arrow-position-"+this.arrowPosition]:this.showArrows,["position-"+this.paginationPosition]:"default"!==this.paginationPosition}},this.showArrows&&(0,i.h)("button",{key:"0662b6e40020f06d1f76ee0640fee2dcb4488a32",class:"arrow-left",onClick:this.handlePrevClick,"aria-label":"Previous slide"},(0,i.h)("akzo-icon",{key:"ac099068b6b46a952058accbca4aaf8aa2775df8",name:"arrow-long-left"})),this.showDots&&(0,i.h)("div",{key:"46d732043b51394f30ffcfb87efe988e960ddb6b",class:"dots"},Array.from({length:this.totalSlides}).map((t,e)=>(0,i.h)("div",{key:"dot-"+e,class:{dot:!0,active:e===this.currentIndex},tabindex:"0",role:"button","aria-label":"Go to slide "+(e+1),onClick:()=>this.handleDotClick(e),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleDotClick(e))}}))),this.showArrows&&(0,i.h)("button",{key:"7c1045b2b05a2f6fb89de4288362b36229cb7e35",class:"arrow-right",onClick:this.handleNextClick,"aria-label":"Next slide"},(0,i.h)("akzo-icon",{key:"4099806aa31b505044e2b7a38a0ff13c3cb3f1ff",name:"arrow-long-right"})))}static get watchers(){return{arrowPosition:[{validateArrowPosition:0}],paginationPosition:[{validatePaginationPosition:0}]}}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:block}.carousel-pagination-wrapper{display:flex;align-items:center;justify-content:space-between;width:451px;gap:var(--spacing-l);position:relative;}.carousel-pagination-wrapper .dots{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) 0;border-radius:var(--radius-m);justify-content:center;}.carousel-pagination-wrapper .arrow-left,.carousel-pagination-wrapper .arrow-right{background:transparent;border:none;font-size:24px;cursor:pointer;padding:var(--spacing-xs);color:var(--color-default-non-invertible-opaque-black);transition:transform var(--motion-duration-fast-02) var(--motion-easing-standard)}.carousel-pagination-wrapper .arrow-left:hover,.carousel-pagination-wrapper .arrow-right:hover{transform:scale(1.1)}.arrows-only{justify-content:space-between;padding:0 var(--spacing-xl);width:100%;max-width:451px;}.dots-only{justify-content:center}.arrows-and-dots{padding:0 var(--spacing-xl)}.arrow-position-sides.arrows-only{justify-content:space-between;padding:0 var(--spacing-2xl);}.arrow-position-bottom .dots{width:100%;justify-content:center}.arrow-position-bottom .arrow-left,.arrow-position-bottom .arrow-right{position:absolute;bottom:calc(var(--spacing-m) * -2);z-index:10}.arrow-position-bottom .arrow-left{left:var(--spacing-xl)}.arrow-position-bottom .arrow-right{right:var(--spacing-xl)}.arrow-position-bottom.arrows-only{}.arrow-position-bottom.arrows-only .arrow-left{left:var(--spacing-2xl);}.arrow-position-bottom.arrows-only .arrow-right{right:var(--spacing-2xl);}.arrow-position-corner .dots{width:100%;justify-content:center;}.arrow-position-corner .arrow-left,.arrow-position-corner .arrow-right{position:absolute;top:var(--spacing-m);z-index:10}.arrow-position-corner .arrow-left{left:var(--spacing-xl)}.arrow-position-corner .arrow-right{right:var(--spacing-xl)}.arrow-position-corner.arrows-only{}.arrow-position-corner.arrows-only .arrow-left{left:var(--spacing-2xl);}.arrow-position-corner.arrows-only .arrow-right{right:var(--spacing-2xl);}.arrow-position-top-left .dots{width:100%;justify-content:center;}.arrow-position-top-left .arrow-left,.arrow-position-top-left .arrow-right{position:absolute;top:var(--spacing-m);left:var(--spacing-xl);z-index:10}.arrow-position-top-left .arrow-right{left:calc(var(--spacing-xl) + var(--spacing-l));}.arrow-position-top-left.arrows-only{}.arrow-position-top-left.arrows-only .arrow-left{left:var(--spacing-xl);}.arrow-position-top-left.arrows-only .arrow-right{left:calc(var(--spacing-xl) + var(--spacing-2xl));}.arrow-position-top-right .dots{width:100%;justify-content:center;}.arrow-position-top-right .arrow-left,.arrow-position-top-right .arrow-right{position:absolute;top:var(--spacing-m);right:var(--spacing-xl);z-index:10}.arrow-position-top-right .arrow-left{right:calc(var(--spacing-xl) + var(--spacing-l));}.arrow-position-top-right.arrows-only{}.arrow-position-top-right.arrows-only .arrow-right{right:var(--spacing-xl);}.arrow-position-top-right.arrows-only .arrow-left{right:calc(var(--spacing-xl) + var(--spacing-2xl));}.position-top,.position-right,.position-bottom,.position-left,.position-top-left,.position-top-right,.position-bottom-right,.position-bottom-left{position:absolute;z-index:10}.position-top{top:var(--spacing-l);left:50%;transform:translateX(-50%)}.position-right{top:50%;right:var(--spacing-l);transform:translateY(-50%);flex-direction:row;justify-content:flex-end}.position-bottom{bottom:var(--spacing-l);left:50%;transform:translateX(-50%)}.position-left{top:50%;left:var(--spacing-l);transform:translateY(-50%);flex-direction:row;justify-content:flex-start}.position-top-left{top:var(--spacing-l);left:var(--spacing-l)}.position-top-right{top:var(--spacing-l);right:var(--spacing-l)}.position-bottom-right{bottom:var(--spacing-l);right:var(--spacing-l)}.position-bottom-left{bottom:var(--spacing-l);left:var(--spacing-l)}.dot{display:flex;flex-direction:column;justify-content:center;align-items:center;width:20px;height:5px;background-color:var(--color-neutral-400);border-radius:var(--radius-pill);transition:background-color var(--motion-duration-medium-01) var(--motion-easing-standard)}.dot:focus{background:var(--color-neutral-400);outline:2px solid var(--color-interactive-secondary-default);outline-offset:3px;border-radius:var(--radius-pill);box-shadow:none}.dot.active{width:32px;background-color:var(--color-interactive-secondary-default);transition:background-color var(--motion-duration-medium-01) var(--motion-easing-standard), width var(--motion-duration-medium-01) var(--motion-easing-standard)}.dot.active:focus{background:var(--color-interactive-secondary-default);outline:2px solid var(--color-interactive-secondary-default);outline-offset:3px;border-radius:var(--radius-pill);box-shadow:none}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.nextSlide=(0,i.c)(this,"nextSlide"),this.prevSlide=(0,i.c)(this,"prevSlide"),this.goToSlide=(0,i.c)(this,"goToSlide"),this.totalSlides=5,this.currentIndex=0,this.showArrows=!0,this.showDots=!0,this.arrowPosition="sides",this.paginationPosition="default",this.handleNextClick=()=>{this.currentIndex<this.totalSlides-1?this.currentIndex++:this.currentIndex=0,this.nextSlide.emit(this.currentIndex)},this.handlePrevClick=()=>{this.currentIndex>0?this.currentIndex--:this.currentIndex=this.totalSlides-1,this.prevSlide.emit(this.currentIndex)},this.handleDotClick=t=>{this.currentIndex=t,this.goToSlide.emit(t)}}},[1,"akzo-carousel-pagination",{totalSlides:[514,"total-slides"],currentIndex:[1538,"current-index"],showArrows:[516,"show-arrows"],showDots:[516,"show-dots"],arrowPosition:[513,"arrow-position"],paginationPosition:[513,"pagination-position"]},void 0,{arrowPosition:[{validateArrowPosition:0}],paginationPosition:[{validatePaginationPosition:0}]}]),d=r,l=function(){"undefined"!=typeof customElements&&["akzo-carousel-pagination","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-carousel-pagination":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),r);break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,a.d)()}})}},9045:(t,e,o)=>{o.d(e,{A:()=>n,X:()=>a});var i=o(16966);let n=i.A,a=i.d},9871:(t,e,o)=>{o.r(e),o.d(e,{AkzoListItem:()=>n,defineCustomElement:()=>a});var i=o(81605);let n=i.A,a=i.d},10501:(t,e,o)=>{o.r(e),o.d(e,{AkzoRichTextBlock:()=>n,defineCustomElement:()=>a});var i=o(88837);let n=i.h,a=i.i},11197:(t,e,o)=>{o.r(e),o.d(e,{AkzoBrochure:()=>n,defineCustomElement:()=>a});var i=o(88837);let n=i.a,a=i.b},11282:(t,e,o)=>{o.r(e),o.d(e,{AkzoCategoryCarousel:()=>n,defineCustomElement:()=>a});var i=o(77875);let n=i.A,a=i.d},11671:(t,e,o)=>{o.r(e),o.d(e,{AkzoProductTile:()=>n,defineCustomElement:()=>a});var i=o(83113);let n=i.A,a=i.d},13197:(t,e,o)=>{o.r(e),o.d(e,{AkzoTabs:()=>n,defineCustomElement:()=>a});var i=o(81529);let n=i.A,a=i.d},14020:(t,e,o)=>{o.d(e,{A:()=>r,d:()=>d});var i=o(41421),n=o(27857),a=o(65250);let r=(0,i.p)(class extends i.H{componentWillLoad(){this.cardBody=this.cardBody||"",this.isDisabled=this.isDisabled||!1,this.redirectUrl=this.redirectUrl||"",this.isClickEvent=this.isClickEvent||!1}renderCard(){return this.cardHeading||this.cardBody?(0,i.h)("div",{part:"card",class:"card ".concat(this.isDisabled?"card-disabled":""," ").concat(this.isClickEvent||this.redirectUrl?"card-action":""),onClick:()=>this.onCardClick(),onKeyDown:t=>this.onCardKeyDown(t),role:"button","aria-disabled":this.isDisabled?"true":"false",tabIndex:this.isDisabled?-1:0},(0,i.h)("div",{class:"card-content"},(0,i.h)("p",{class:"card-heading"},this.cardHeading),this.cardBody&&(0,i.h)("p",{class:"card-body"},this.cardBody)),!this.isDisabled&&(this.isClickEvent||this.redirectUrl)&&(0,i.h)("div",{class:"card-arrow"},(0,i.h)("akzo-icon",{size:"l",name:"arrow-long-right","aria-hidden":"true"}))):null}render(){return(0,i.h)(i.a,{key:"07772d3e635b3230af8dbad7d94a9af596032ccf"},this.renderCard())}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}*{box-sizing:border-box}.card{background:var(--color-surface-neutral-option1);width:100%;border-radius:var(--radius-xl);padding:calc(var(--spacing-lg) - 1px);display:flex;align-items:center;justify-content:space-between;font-family:var(--base-font);position:relative;text-align:left;border:1px solid var(--color-default-non-invertible-opaque-300)}.card .card-content{flex:1}.card .card-heading{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700;color:var(--color-text-title);margin:0}.card .card-body{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;margin:var(--spacing-xs) 0 0;color:var(--color-text-body)}.card .card-arrow{margin-left:var(--spacing-lg);color:var(--color-icon-default);width:44px;height:44px;display:flex;align-items:center}.card .card-arrow akzo-icon::part(icon){display:flex;align-items:center;justify-content:center}.card:focus{border:1px solid var(--color-stroke-strong)}.card:focus akzo-icon::part(icon){color:var(--color-default-non-invertible-opaque-700)}.card:focus:hover::before{background:none}.card:focus::after{content:"";position:absolute;inset:2px;border-radius:var(--radius-l);border:2px solid var(--color-stroke-strong);pointer-events:none;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(100% - 2px);height:calc(100% - 2px)}.card-action{cursor:pointer}.card-action:hover{position:relative;z-index:1}.card-action:hover::before{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);padding:2px;background:linear-gradient(to right, #cc1719, #f5a100, #fbee2d, #d4da1c, #93bc2a, #05baee);mask:linear-gradient(var(--color-default-non-invertible-opaque-white) 0 0) content-box, linear-gradient(var(--color-default-non-invertible-opaque-white) 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(var(--color-default-non-invertible-opaque-white) 0 0) content-box, linear-gradient(var(--color-default-non-invertible-opaque-white) 0 0);-webkit-mask-composite:xor;pointer-events:none;z-index:-1}.card-action:hover akzo-icon::part(icon){color:var(--color-default-non-invertible-opaque-700)}.card-disabled{background-color:var(--color-surface-disabled);border:2px solid var(--color-default-non-invertible-opaque-300);pointer-events:none;padding:calc(var(--spacing-lg) - 2px)}.card-disabled .card-heading,.card-disabled .card-body{color:var(--color-text-disabled)}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.handleClick=(0,i.c)(this,"handleClick"),this.onCardClick=()=>{this.isDisabled||(this.redirectUrl?window.location.href=this.redirectUrl:this.isClickEvent&&this.handleClick.emit())},this.onCardKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.onCardClick())}}},[1,"akzo-project-card",{cardHeading:[1537,"card-heading"],cardBody:[1537,"card-body"],isDisabled:[1540,"is-disabled"],redirectUrl:[1537,"redirect-url"],isClickEvent:[1540,"is-click-event"]}]);function d(){"undefined"!=typeof customElements&&["akzo-project-card","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-project-card":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),r);break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,a.d)()}})}},14720:(t,e,o)=>{o.d(e,{Q:()=>n,X:()=>a});var i=o(43753);let n=i.A,a=i.d},17815:(t,e,o)=>{o.d(e,{X:()=>r,Y:()=>a});var i=o(41421);let n=(0,i.p)(class extends i.H{render(){return(0,i.h)(i.a,{key:"21395416193089ffcefca7c1a65b1cf6ce39dd2a",class:"type-"+this.t
1ype},(0,i.h)("div",{key:"0408f1e2bd978892613a0ac9db8717d224f8cdc2",class:"address-card",role:"region","aria-label":"Address details for "+this.name},(0,i.h)("div",{key:"18519b9effd30de9ec46f7836b7de25eaa1e7d66",class:"address-info",role:"group","aria-label":"Recipient information"},(0,i.h)("div",{key:"d7087729f2d3dcff0845a3de3dcab3bccd9a03ae",class:"name",role:"text","aria-label":"Name: "+this.name},this.name),(0,i.h)("div",{key:"aac2dfe437e27aad3da3eda4c306b1597fe1925d",class:"address-line-1",role:"text","aria-label":"Address line 1: "+this.addressLine1},this.addressLine1),this.addressLine2&&(0,i.h)("div",{key:"12025657a545b93206a692713a96aca15fcec3b9",class:"address-line-2",role:"text","aria-label":"Address line 2: "+this.addressLine2},this.addressLine2),(0,i.h)("div",{key:"7773b233474067615536bcd553f4853dabff0fd5",class:"phone",role:"text","aria-label":"Phone: "+this.phone},this.phone),(0,i.h)("div",{key:"9104cefdd7a7494e37f51e0810822f2a4c9ce4a0",class:"city",role:"text","aria-label":"City: "+this.city},this.city),(0,i.h)("div",{key:"2153e88e069ab99ffb273f71583cf304c49306e0",class:"postcode",role:"text","aria-label":"Postcode: "+this.postcode},this.postcode)),(0,i.h)("div",{key:"a5c7d1b2b42d1a50817f1b4a6a9c5a894f05200d",class:"edit-section",role:"group","aria-label":"Edit address section"},(0,i.h)("button",{key:"e05cd62ecccaf12fe982c528c22fadfa8b0ccf52",type:"button",role:"button","aria-label":"Edit address for "+this.name,onClick:this.handleEditClick,ref:t=>this.editButtonRef=t,class:"edit-text"},"Edit"),(0,i.h)("div",{key:"0f6e275946f0bf070a4905176c7594a842746961",class:"edit-underline",role:"presentation"}))))}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.address-card{height:100%;background:var(--color-surface-neutral-option1);overflow:hidden;outline:1px solid var(--color-stroke-subdued);outline-offset:-1px;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);border-radius:var(--spacing-xxs);padding:var(--spacing-lg);width:20rem;}:host(.type-stacked) .address-card{padding:var(--spacing-lg);border-radius:var(--spacing-xxs);flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--spacing-lg);display:inline-flex;width:20rem}.address-card{}.address-card .address-info{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-xxs);white-space:normal;overflow-wrap:break-word;word-break:break-word}.address-card .address-info .name{color:var(--color-text-body);font-weight:700;line-height:1.25rem;word-wrap:break-word}.address-card .address-info .adress-line-1,.address-card .address-info .adress-line-2,.address-card .address-info .phone,.address-card .address-info .city,.address-card .address-info .postcode{color:var(--color-text-body);font-weight:400;line-height:1.25rem;word-wrap:break-word}.address-card{}.address-card .edit-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:0.375rem;min-width:3.125rem}.address-card .edit-section .edit-text{text-align:center;justify-content:center;display:flex;flex-direction:column;color:var(--color-interactive-secondary-default);font-weight:700;line-height:1.25rem;cursor:pointer}
1.address-card .edit-section .edit-underline{align-self:stretch;height:0.125rem;background:var(--color-stroke-strong)}.address-card .edit-section .edit-text:focus-visible{outline:0.125rem solid var(--color-stroke-strong);outline-offset:var(--spacing-xxs);border-radius:var(--spacing-xxs)}.address-card .edit-section .edit-text:focus-visible+.edit-underline{display:none}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.editClick=(0,i.c)(this,"editClick"),this.type="address",this.isEditing=!1,this.handleEditClick=()=>{this.isEditing=!this.isEditing,this.editClick.emit(),setTimeout(()=>{var t;null==(t=this.editButtonRef)||t.focus()},0)}}},[1,"akzo-summary-address-card",{name:[1],addressLine1:[1,"address-line-1"],addressLine2:[1,"address-line-2"],phone:[1],city:[1],postcode:[1],type:[1],isEditing:[32]}]),a=n,r=function(){"undefined"!=typeof customElements&&["akzo-summary-address-card"].forEach(t=>{"akzo-summary-address-card"===t&&(customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),n))})}},19124:(t,e,o)=>{o.r(e),o.d(e,{AkzoBreadcrumb:()=>n,defineCustomElement:()=>a});var i=o(97752);let n=i.A,a=i.d},19138:(t,e,o)=>{o.d(e,{X:()=>g,g:()=>h});var i=o(41421),n=o(47408),a=o(13912),r=o(70699),d=o(27857),l=o(6735),s=o(65250),m=o(65902);let p=(0,i.p)(class extends i.H{handleCheckout(){this.disableCheckoutButton||this.proceedToCheckout.emit()}handleContinueShopping(){this.continueShopping.emit()}renderOrderSummaryView(){var t;return(0,i.h)("div",{class:"order-summary-basket"},(0,i.h)("akzo-heading",{level:5,text:this.heading}),(0,i.h)("akzo-pricing-section",{exportparts:"divider-pricing:divider-summary",type:"checkout",subtotal:this.subtotal,orderTotal:this.orderTotal,showB2B:this.showB2B,showIncTax:this.showIncTax,totalVolume:this.totalVolume,grossWeight:this.grossWeight,deliveryFee:this.deliveryFee,showDeliveryFee:this.showDeliveryFee,showDiscount:this.showDiscount,hidePromoCode:this.hidePromoCode,subtotalLabel:this.subtotalLabel,discountLabel:this.discountLabel,deliveryFeeLabel:this.deliveryFeeLabel,orderTotalLabel:this.orderTotalLabel,incTaxLabel:this.incTaxLabel,totalVolumeLabel:this.totalVolumeLabel,grossWeightLabel:this.grossWeightLabel,wrapOrderTotal:this.wrapOrderTotal,autoWidth:!0,"is-cart":!0}),null==(t=this.banners)?void 0:t.map(t=>(0,i.h)("akzo-information-banner",{variant:t.variant,heading:t.heading,description:t.description,buttonLabel:t.buttonLabel,buttonRedirectUrl:t.buttonRedirectUrl,showButton:!!t.buttonLabel})),(0,i.h)("div",{class:"checkout-button"},(0,i.h)("akzo-button",{label:this.proceedToCheckoutLabel,size:"m",variant:"primary",disabled:this.disableCheckoutButton,onClick:()=>this.handleCheckout()})),(0,i.h)("div",{class:"shopping-button"},(0,i.h)("akzo-button",{label:this.continueShoppingLabel,variant:"tertiary",size:"m",onClick:()=>this.handleContinueShopping()})))}render(){return(0,i.h)(i.a,{key:"f60359ea0c13ed9aa5e8d9d3c8a2ef6ae09fc03a"},(0,i.h)("div",{key:"8a399d45dac9eb76a4a13c4f8b1279f315ae23d4",class:"order-summary",role:"region","aria-label":this.heading+" section"},this.renderOrderSummaryView()))}static get style(){return'@charset "UTF-8";html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:flex;justify-content:center;align-items:center;min-height:100vh;box-sizing:border-box;padding:16px}.order-summary{background:var(--default-neutral-invertible-opaque-100);max-width:384px;height:769px;width:100%;box-sizing:border-box;padding-top:32px;padding-right:24px;padding-bottom:32px;padding-left:24px;display:flex;flex-direction:column;gap:24px}.order-summary-basket,.order-summary-checkout{display:flex;flex-direction:column;gap:16px}.product-list{display:flex;flex-direction:column;gap:12px}.checkout-button{margin-top:16px;display:flex;flex-direction:column;justify-content:center}.shopping-button{display:flex;flex-direction:column;justify-content:center}akzo-button::part(primary){width:-webkit-fill-available}akzo-button::part(tertiary){width:-webkit-fill-available}akzo-pricing-section::part(pricing-container){width:100%}akzo-heading::part(custom-title){font-size:28px}akzo-pricing-section::part(order-total-label){font-size:20px;font-weight:700}::part(divider-summary){width:312px}akzo-information-banner::part(description){font-size:12px}akzo-information-banner::part(info-card-mobile){padding:0px var(--spacing-l)}akzo-divider::part(divider-horizontal){width:312px}@media (max-width: 360px){.order-summary{padding:12px;max-width:100%}.product-list{gap:8px}.order-summary-basket,.order-summary-checkout{gap:12px}}@media (max-width: 600px){akzo-pricing-section::part(pricing-container){width:100%}}@media (max-width: 568px) and (max-height: 896px){akzo-pricing-section::part(tax-info){padding-left:254px}}@media (max-width: 320px) and (max-height: 568px){akzo-pricing-section::part(tax-info){padding-left:187px}}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.proceedToCheckout=(0,i.c)(this,"proceedToCheckout"),this.continueShopping=(0,i.c)(this,"continueShopping"),this.type="basket",this.heading="Order Summary",this.basketItems=[],this.subtotal="\xa300.00",this.orderTotal="\xa300.00",this.totalVolume="0.0 L",this.grossWeight="0.0 LB",this.deliveryFee="00.00",this.showDeliveryFee=!0,this.showB2B=!0,this.showIncTax=!0,this.products=[],this.showDiscount=!0,this.hidePromoCode=!1,this.disableCheckoutButton=!1,this.wrapOrderTotal=!1,this.proceedToCheckoutLabel="Proceed to checkout",this.continueShoppingLabel="Continue shopping"}},[1,"akzo-order-summary",{type:[1],heading:[1],banners:[16],basketItems:[16],subtotal:[1],orderTotal:[1,"order-total"],totalVolume:[1,"total-volume"],grossWeight:[1,"gross-weight"],deliveryFee:[1,"delivery-fee"],showDeliveryFee:[4,"show-delivery-fee"],showB2B:[4,"show-b-2-b"],showIncTax:[4,"show-inc-tax"],products:[16],showDiscount:[4,"show-discount"],hidePromoCode:[4,"hide-promo-code"],disableCheckoutButton:[4,"disable-checkout-button"],wrapOrderTotal:[4,"wrap-order-total"],subtotalLabel:[1,"subtotal-label"],discountLabel:[1,"discount-label"],deliveryFeeLabel:[1,"delivery-fee-label"],orderTotalLabel:[1,"order-total-label"],incTaxLabel:[1,"inc-tax-label"],totalVolumeLabel:[1,"total-volume-label"],grossWeightLabel:[1,"gross-weight-label"],proceedToCheckoutLabel:[1,"proceed-to-checkout-label"],continueShoppingLabel:[1,"continue-shopping-label"]}]),h=p,g=function(){"undefined"!=typeof customElements&&["akzo-order-summary","akzo-button","akzo-div
1ider","akzo-heading","akzo-icon","akzo-information-banner","akzo-loader","akzo-pricing-section"].forEach(t=>{switch(t){case"akzo-order-summary":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),p);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-divider":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-heading":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,d.d)();break;case"akzo-information-banner":customElements.get((0,i.t)(t))||(0,l.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,s.d)();break;case"akzo-pricing-section":customElements.get((0,i.t)(t))||(0,m.d)()}})}},20683:(t,e,o)=>{o.r(e),o.d(e,{AkzoLazyLoadPrompt:()=>n,defineCustomElement:()=>a});var i=o(48560);let n=i.a,a=i.d},20790:(t,e,o)=>{o.r(e),o.d(e,{AkzoModal:()=>n,defineCustomElement:()=>a});var i=o(28978);let n=i.A,a=i.d},24598:(t,e,o)=>{o.r(e),o.d(e,{AkzoVideoPlayer:()=>n,defineCustomElement:()=>a});var i=o(59554);let n=i.V,a=i.d},25590:(t,e,o)=>{o.d(e,{A:()=>l,d:()=>s});var i=o(41421),n=o(13912),a=o(27857),r=o(30730),d=o(65250);let l=(0,i.p)(class extends i.H{watchValue(t){this.updateSelectedDates(t)}componentWillLoad(){this.updateSelectedDates(this.value),this.updateInputValue(),this.calendarKeydownHandler=this.calendarKeydownHandler.bind(this)}componentDidLoad(){this.ensureInputFocusable()}componentDidUpdate(){this.ensureInputFocusable()}disconnectedCallback(){if(this.isCalendarOpen&&(this.isCalendarOpen=!1),this.inputFieldRef){let t=this.inputFieldRef.shadowRoot;if(t){let e=t.querySelector("input");e&&e.removeEventListener("keydown",this.handleInputKeydown)}}}ensureInputFocusable(){if(this.inputFieldRef){let t=this.inputFieldRef.shadowRoot;if(t){let e=t.querySelector("input");e&&(e.hasAttribute("tabindex")||e.setAttribute("tabindex","0"),e.removeEventListener("keydown",this.handleInputKeydown),e.addEventListener("keydown",this.handleInputKeydown))}}}updateInputValue(){let t=this.getDisplayValue();this.lastProgrammaticValue=t,this.isUpdatingProgrammatically=!0,this.inputValue=t,this.inputKey+=1,setTimeout(()=>{this.isUpdatingProgrammatically=!1},10)}handleDocumentClick(t){if(!this.isCalendarOpen||!this.el||!document.contains(this.el))return;let e=t.target;e&&!this.el.contains(e)&&this.closeCalendar()}handleInputChangeEvent(t){this.isUpdatingProgrammatically||t.detail!==this.lastProgrammaticValue&&(this.inputValue=t.detail)}calendarKeydownHandler(t){if(!this.shouldHandleCalendarKey(t))return;let e=t.target;this.isNavButton(e)?this.handleNavButtonKeys(t,e):this.handleDateGridKeys(t,e)}shouldHandleCalendarKey(t){return!(!this.isCalendarOpen||!this.calendarRef)&&this.calendarRef.contains(t.target)}isNavButton(t){return t.classList.contains("akzo-date-picker__nav-button")}getNavButtons(){let t=this.calendarRef.querySelectorAll(".akzo-date-picker__nav-button");return[t[0],t[1]]}handleNavButtonKeys(t,e){let o=t.key,[i,n]=this.getNavButtons();switch(o){case"Enter":case" ":return void this.activateNavButton(t,e,i,n);case"ArrowLeft":return t.preventDefault(),void(null==i||i.focus());case"ArrowRight":return t.preventDefault(),void(null==n||n.focus());case"ArrowDown":return t.preventDefault(),void this.focusCurrentDateButton();case"Escape":return t.preventDefault(),void this.closeCalendar()}}activateNavButton(t,e,o,i){t.preventDefault(),t.stopPropagation(),e===o?this.navigateMonth(-1):e===i&&this.navigateMonth(1),setTimeout(()=>e.focus(),0)}handleDateGridKeys(t,e){let o={Escape:()=>this.closeCalendar(),ArrowDown:()=>this.navigateDate(7),ArrowUp:()=>this.handleArrowUp(),ArrowLeft:()=>this.navigateDate(-1),ArrowRight:()=>this.navigateDate(1),Home:()=>this.focusFirstOfMonth(),End:()=>this.focusLastOfMonth(),PageUp:()=>this.navigateMonthThenFocus(-1),PageDown:()=>this.navigateMonthThenFocus(1),Enter:()=>this.trySelectDate(e)," ":()=>this.trySelectDate(e)};o[t.key]&&(t.preventDefault(),t.stopPropagation(),o[t.key]())}handleArrowUp(){if(0!==Math.floor(this.getDatePosition(this.focusedDate)/7))this.navigateDate(-7);else{let[,t]=this.getNavButtons();null==t||t.focus()}}focusFirstOfMonth(){this.focusedDate=new Date(this.currentDate.getFullYear(),this.currentDate.getMonth(),1),this.focusCurrentDateButton()}focusLastOfMonth(){this.focusedDate=new Date(this.currentDate.getFullYear(),this.currentDate.getMonth()+1,0),this.focusCurrentDateButton()}navigateMonthThenFocus(t){this.navigateMonth(t),this.focusCurrentDateButton()}trySelectDate(t){t.classList.contains("akzo-date-picker__day")&&this.handleDateClick(this.focusedDate)}updateSelectedDates(t){if(!t)return this.selectedDates=[],void this.updateInputValue();this.selectedDates=Array.isArray(t)?t.map(t=>this.parseDate(t)).filter(t=>!!t):[this.parseDate(t)].filter(t=>!!t),this.updateInputValue()}parseDate(t){if(!t)return null;let[e,o,i]=t.split("/").map(Number);return e&&o&&i?new Date(i,o-1,e):null}isDateInAllowedRange(t){let e=this.minDate?this.parseDate(this.minDate):null,o=this.maxDate?this.parseDate(this.maxDate):null;return!(e&&t<e||o&&t>o||this.isWeekdayDisabled(t)||this.isDateDisabledByList(t))}isWeekdayDisabled(t){let e=this.minDate?this.parseDate(this.minDate):null;return!(e&&t<e)&&!(!this.disabledWeekdays||0===this.disabledWeekdays.length)&&new Set(this.disabledWeekdays.map(t=>t.trim().toUpperCase())).has(["SUN","MON","TUE","WED","THU","FRI","SAT"][t.getDay()])}isDateDisabledByList(t){let e=this.minDate?this.parseDate(this.minDate):null;if(e&&t<e||!this.disabledDates||0===this.disabledDates.length)return!1;let o=this.formatDate(t);return this.disabledDates.includes(o)}formatDate(t){return"".concat(String(t.getDate()).padStart(2,"0"),"/").concat(String(t.getMonth()+1).padStart(2,"0"),"/").concat(t.getFullYear())}
1openCalendar(){let t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(!this.disabled&&!this.isCalendarOpen){if(this.isCalendarOpen=!0,this.selectedDates.length)this.focusedDate=new Date(this.selectedDates[0]),this.currentDate=new Date(this.selectedDates[0].getFullYear(),this.selectedDates[0].getMonth(),1);else{let t=new Date;this.focusedDate=t,this.currentDate=new Date(t.getFullYear(),t.getMonth(),1)}this.calendarOpen.emit(),t&&(this.suppressNextBlurValidation=!0,requestAnimationFrame(()=>{var t;let e=null==(t=this.calendarRef)?void 0:t.querySelector(".akzo-date-picker__nav-button");e&&this.isCalendarOpen&&e.focus()}))}}closeCalendar(){this.isCalendarOpen&&(this.isCalendarOpen=!1,this.isFocused=!1,this.calendarClose.emit(),this.el&&document.contains(this.el)&&requestAnimationFrame(()=>{var t;let e=null==(t=this.inputFieldRef)?void 0:t.shadowRoot,o=null==e?void 0:e.querySelector("input");o&&this.el&&document.contains(this.el)&&o.focus()}))}handleInputFocus(){this.disabled||(this.isFocused=!0)}handleInputBlur(t){var e,o,i,n;if(this.suppressNextBlurValidation)return void(this.suppressNextBlurValidation=!1);if(this.isPointerDownInCalendar)return;let a=(null==t?void 0:t.relatedTarget)||null,r=!(!a||!(null==(e=this.calendarRef)?void 0:e.contains(a))),d=(null==(i=null==(o=this.el)?void 0:o.shadowRoot)?void 0:i.activeElement)||null,l=!(!d||!(null==(n=this.calendarRef)?void 0:n.contains(d)));r||l||(this.validateManualInput(),this.isFocused=!1)}validateManualInput(){let t=this.inputValue.trim();if(t){if(this.range){let e=this.tryParseRange(t);if(e)return this.selectedDates=e,void this.emitChangeAndClose()}else{let e=this.tryParseSingle(t);if(e)return this.selectedDates=[e],void this.emitChangeAndClose()}this.updateInputValue()}else this.clearSelectionAndClose()}clearSelectionAndClose(){this.selectedDates=[],this.emitChangeAndClose()}emitChangeAndClose(){this.emitChange(),this.closeCalendar()}tryParseSingle(t){let e=this.parseDate(t);return e&&this.isDateInAllowedRange(e)?e:null}tryParseRange(t){let e=t.split(" - ");if(2!==e.length)return null;let o=this.parseDate(e[0].trim()),i=this.parseDate(e[1].trim());if(!o||!i||!this.isDateInAllowedRange(o)||!this.isDateInAllowedRange(i))return null;let[n,a]=o<=i?[o,i]:[i,o];return[n,a]}handleDateClick(t){if(!this.disabled&&this.isDateInAllowedRange(t)){if(this.range)if(0===this.selectedDates.length||2===this.selectedDates.length)this.selectedDates=[t];else{let[e]=this.selectedDates;this.selectedDates=t<e?[t,e]:[e,t],this.closeCalendar()}else this.selectedDates=[t],this.closeCalendar();this.emitChange()}}emitChange(){if(this.updateInputValue(),this.range&&2===this.selectedDates.length){let t=[this.formatDate(this.selectedDates[0]),this.formatDate(this.selectedDates[1])];this.dateChange.emit(t),this.rangeSelect.emit({start:this.selectedDates[0],end:this.selectedDates[1]})}else this.range||1!==this.selectedDates.length||(this.dateChange.emit(this.formatDate(this.selectedDates[0])),this.dateSelect.emit(this.selectedDates[0]))}navigateMonth(t){this.currentDate=new Date(this.currentDate.getFullYear(),this.currentDate.getMonth()+t,1)}focusCurrentDateButton(){requestAnimationFrame(()=>{var t;let e=this.formatDate(this.focusedDate),o=Array.from(this.calendarRef.querySelectorAll(".akzo-date-picker__day:not([disabled])"));null==(t=o.find(t=>t.getAttribute("aria-label")===e)||o[0])||t.focus()})}navigateDate(t){let e=new Date(this.focusedDate);e.setDate(e.getDate()+t);let o=0;for(;!this.isDateInAllowedRange(e)&&o<40;)e.setDate(e.getDate()+(t>0?1:-1)),o++;this.isDateInAllowedRange(e)&&(this.focusedDate=e,e.getMonth()===this.currentDate.getMonth()&&e.getFullYear()===this.currentDate.getFullYear()||(this.currentDate=new Date(e.getFullYear(),e.getMonth(),1)),this.focusCurrentDateButton())}getDatePosition(t){return this.getCalendarDays().findIndex(e=>e.toDateString()===t.toDateString())}getFirstDayOfWeek(){return+!!["en-GB","de-DE","fr-FR","es-ES","it-IT","nl-NL","pt-PT","sv-SE","no-NO","da-DK","fi-FI"].includes(this.locale)}getDisplayValue(){return this.range?this.selectedDates.length?1===this.selectedDates.length?"".concat(this.formatDate(this.selectedDates[0])," - dd/mm/yyyy"):"".concat(this.formatDate(this.selectedDates[0])," - ").concat(this.formatDate(this.selectedDates[1])):"":this.selectedDates.length?this.formatDate(this.selectedDates[0]):""}getCalendarDays(){let t=new Date(this.currentDate.getFullYear(),this.currentDate.getMonth(),1),e=(t.getDay()-this.getFirstDayOfWeek()+7)%7,o=new Date(t);o.setDate(o.getDate()-e);let i=[],n=new Date(o);for(let t=0;t<42;t++)i.push(new Date(n)),n.setDate(n.getDate()+1);return i}isToday(t){return t.toDateString()===(new Date).toDateString()}isDateSelected(t){return this.selectedDates.some(e=>e.toDateString()===t.toDateString())}isDateInRange(t){if(!this.range||2!==this.selectedDates.length)return!1;let[e,o]=this.selectedDates;return t>=e&&t<=o}isDateInHoverRange(t){if(!this.range||!this.hoverDate||1!==this.selectedDates.length)return!1;let e=this.selectedDates[0],o=this.hoverDate;return t>=(e<o?e:o)&&t<=(e>o?e:o)}isRangeStart(t){return this.range&&this.selectedDates[0]&&t.toDateString()===this.selectedDates[0].toDateString()}isRangeEnd(t){return this.range&&2===this.selectedDates.length&&t.toDateString()===this.selectedDates[1].toDateString()}isRangeMiddle(t){if(!this.range||2!==this.selectedDates.length)return!1;let[e,o]=this.selectedDates;return t>e&&t<o}getComponentClasses(){let t=["akzo-date-picker"];return this.error&&t.push("akzo-date-picker--error"),this.disabled&&t.push("akzo-date-picker--disabled"),this.isFocused&&t.push("akzo-date-picker--focus"),this.isHovered&&t.push("akzo-date-picker--hover"),this.isCalendarOpen&&t.pu
1sh("akzo-date-picker--active"),this.selectedDates.length&&t.push("akzo-date-picker--filled"),this.isPressed&&t.push("akzo-date-picker--pressed"),this.centerCalendarOnMobile&&t.push("akzo-date-picker--center-calendar-mobile"),t.join(" ")}getWeekDayLabels(){let t=["Su","Mo","Tu","We","Th","Fr","Sa"],e=this.getFirstDayOfWeek();return[...t.slice(e),...t.slice(0,e)]}render(){let t=this.getWeekDayLabels();return(0,i.h)("div",{key:"9c1c476a02a353e5b7ce3aa690ed83b02a024033",class:this.getComponentClasses()},(0,i.h)("akzo-input-textfield",{ref:t=>this.inputFieldRef=t,part:"input-field",label:this.label,optionalText:this.optional?"Optional":void 0,key:this.inputKey,type:"text",value:this.inputValue,placeholder:this.range?"dd/mm/yyyy - dd/mm/yyyy":this.placeholder,isDisabled:this.disabled,isReadOnly:this.readOnly,iconName:"calendar",helperText:this.helperText,errorMessage:this.error?"Invalid date":void 0,onFocus:()=>this.handleInputFocus(),onBlur:t=>this.handleInputBlur(t),onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1,onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp,onClick:this.handleInputClick,onKeyDown:t=>this.handleInputKeydown(t),"aria-label":this.label,"aria-expanded":this.isCalendarOpen?"true":"false",role:"combobox"}),this.isCalendarOpen&&(0,i.h)("div",{key:"9432825dfdb95c5b44c3c938b4d0b09b7b8d13f3",class:"akzo-date-picker__calendar",ref:t=>this.calendarRef=t,role:"dialog","aria-label":"Choose date",tabindex:"0",onKeyDown:t=>this.calendarKeydownHandler(t),onMouseDown:()=>this.isPointerDownInCalendar=!0,onMouseUp:()=>this.isPointerDownInCalendar=!1,onMouseLeave:()=>this.isPointerDownInCalendar=!1},(0,i.h)("div",{key:"b1027c474765a129b7dd8180673209e884f93dd2",class:"akzo-date-picker__calendar-header"},(0,i.h)("button",{key:"95e96670802905a0c9566e6312ed1cb48013eeab",class:"akzo-date-picker__nav-button",onClick:()=>this.navigateMonth(-1),"aria-label":"Previous month"},(0,i.h)("akzo-icon",{key:"869b0fb52bd17e8e351e44a5a09c379d20c5ce27",name:"chevron-left",size:"s"})),(0,i.h)("span",{key:"58d1ff95f98fbba36b443564cd8cb6673dc36362",class:"akzo-date-picker__month-year"},["January","February","March","April","May","June","July","August","September","October","November","December"][this.currentDate.getMonth()]," ",this.currentDate.getFullYear()),(0,i.h)("button",{key:"faefd897ca9446b7a9d62c571d2bba87f92fa217",class:"akzo-date-picker__nav-button",onClick:()=>this.navigateMonth(1),"aria-label":"Next month"},(0,i.h)("akzo-icon",{key:"3079d71f4819037658cde2a5a965b7f2357a548b",name:"chevron-right",size:"s"}))),(0,i.h)("akzo-divider",{key:"c10a5f0dd6f3057fd3a1636b4a1d666a01218875",variant:"line",orientation:"horizontal"}),(0,i.h)("div",{key:"4d37426d7d43b823f512d66cbf70f5d0e4790f90",class:"akzo-date-picker__calendar-grid",role:"grid","aria-label":"Calendar"},(0,i.h)("div",{key:"4cdedccb8473bd2ec272cac73cf28deff0791483",class:"akzo-date-picker__weekdays",role:"row"},t.map(t=>(0,i.h)("div",{class:"akzo-date-picker__weekday",role:"columnheader"},t))),(0,i.h)("div",{key:"7ab930804eb8860a06d58024d4d0c83fb27474df",class:"akzo-date-picker__days"},Array.from({length:6},(t,e)=>(0,i.h)("div",{role:"row"},this.getCalendarDays().slice(7*e,7*(e+1)).map(t=>{let e=t.getMonth()===this.currentDate.getMonth(),o=this.isDateInRange(t),n=this.isDateInHoverRange(t),a=this.isToday(t),r=this.isRangeStart(t),d=this.isRangeEnd(t),l=this.isRangeMiddle(t),s=this.isDateDisabledByList(t),m=this.isWeekdayDisabled(t),p=!(!this.disableBeforeMinDate||!this.minDate)&&t<this.parseDate(this.minDate),h=!this.isDateInAllowedRange(t),g=this.focusedDate&&t.toDateString()===this.focusedDate.toDateString(),c=this.range?1===this.selectedDates.length&&this.isDateSelected(t):this.isDateSelected(t);return(0,i.h)("button",{class:{"akzo-date-picker__day":!0,"akzo-date-picker__day--other-month":!e,"akzo-date-picker__day--selected":c,"akzo-date-picker__day--in-range":o,"akzo-date-picker__day--hover-range":n,"akzo-date-picker__day--today":a,"akzo-date-picker__day--range-start":r,"akzo-date-picker__day--range-end":d,"akzo-date-picker__day--range-middle":l,"akzo-date-picker__day--disabled":h,"akzo-date-picker__day--disabled-by-list":this.disabledDatesGray&&(s||m)&&e||p&&e,"akzo-date-picker__day--focused":g},disabled:h,onClick:()=>this.handleDateClick(t),onMouseEnter:()=>this.handleCalendarDateHover(t),onMouseLeave:()=>this.hoverDate=null,role:"gridcell","aria-label":this.formatDate(t),"aria-pressed":c?"true":"false","aria-current":a?"date":void 0,tabIndex:h?-1:g?0:-1},t.getDate())})))))))}get el(){return this}static get watchers(){return{value:[{watchValue:0}]}}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.akzo-date-picker{position:relative;display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.akzo-date-picker__label{display:flex;align-items:center;justify-content:space-between;font-size:var(--typography-size-paragraph-s, 0.875rem);font-weight:500;color:var(--color-text-functional);line-height:1.4}.akzo-date-picker__label-text{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-functional)}.akzo-date-picker__optional{font-size:12px;font-weight:400;color:var(--color-text-disabled, #9e9e9e);margin-left:auto}.akzo-date-picker__calendar{position:absolute;top:calc(100% + var(--spacing-xs));left:0;z-index:1000;width:19rem;height:22.25rem;padding:var(--spacing-s);background:var(--color-surface-neutral-option2);border-radius:var(--radius-l);animation:fadeIn 0.15s ease}.akzo-date-picker__calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:0 var(--spacing-xs)}.akzo-date-picker__nav-button{display:flex;align-items:center;justify-content:center;width:var(--spacing-xl);height:var(--spacing-xl);border:none;border-radius:var(--radius-xs);background:none;cursor:pointer;color:var(--color-black);transition:all 0.15s ease}.akzo-date-picker__nav-button:hover{background-color:var(--color-gray-100);color:var(--color-black)}.akzo-date-picker__nav-button:active{transform:scale(0.95);color:var(--color-black)}.akzo-date-picker__nav-button:focus{outline:2px solid var(--default-primary-500);outline-offset:var(--spacing-xxs, 0.125rem)}.akzo-date-picker__nav-button:disabled{color:var(--color-surface-disabled);cursor:not-allowed;opacity:0.5}.akzo-date-picker__nav-button:disabled:hover{background-color:transparent;color:var(--color-surface-disabled);transform:none}.akzo-date-picker__nav-button akzo-icon,.akzo-date-picker__nav-button svg{color:inherit;fill:currentColor}.akzo-date-picker__month-year{font-size:var(--spacing-md);font-weight:700;color:var(--color-text-functional);letter-spacing:-0.01em}.akzo-date-picker__calendar-grid{display:flex;flex-direction:column;gap:var(--spacing-xs)}.akzo-date-picker__weekdays,.akzo-date-picker__days{display:grid;grid-template-columns:repeat(7, var(--size-l, 2.5rem));gap:0;padding:0 var(--spacing-xs)}.akzo-date-picker__days{grid-template-rows:repeat(6, var(--size-l, 2.5rem))}.akzo-date-picker__days>div[role=row]{display:contents}.akzo-date-picker__weekday{display:flex;align-items:center;justify-content:center;height:var(--size-l, 2.5rem);font-size:var(--typography-size-paragraph-S, 0.875rem);font-weight:700;color:var(--color-text-body);letter-spacing:0.05em}.akzo-date-picker__day{display:flex;align-items:center;justify-content:center;width:var(--size-l, 2.5rem);height:var(--size-l, 2.5rem);min-height:var(--size-l, 2.5rem);border:none;border-radius:var(--radius-xs);background:transparent;font-size:var(--spacing-md);font-weight:400;color:var(--color-text-functional);cursor:pointer;transition:all 0.15s ease;margin:0;position:relative}.akzo-date-picker__day:hover{background-color:var(--color-interactive-action-hovered);color:var(--color-text-functional)}
1.akzo-date-picker__day:active{outline:none !important;border:none !important;background:var(--color-interactive-action-pressed, rgba(158, 158, 158, 0.3));color:var(--color-text-functional);transform:scale(0.98);border-radius:var(--radius-xs)}.akzo-date-picker__day:focus{outline:2px solid var(--color-interactive-focus-default);outline-offset:2px;color:var(--color-text-functional);z-index:1}.akzo-date-picker__day:focus:not(.akzo-date-picker__day--selected):not(.akzo-date-picker__day--range-start):not(.akzo-date-picker__day--range-end){background-color:var(--color-interactive-action-pressed, rgba(158, 158, 158, 0.3))}.akzo-date-picker__day--other-month{color:var(--color-surface-disabled)}.akzo-date-picker__day--today{font-weight:600;color:var(--color-gray-900);border:1px solid #90caf9}.akzo-date-picker__day--selected{background-color:var(--color-interactive-primary-default) !important;color:var(--color-text-on-primary) !important;font-weight:500;border-radius:var(--radius-xs) !important}.akzo-date-picker__day--selected:hover{background-color:var(--color-interactive-primary-default) !important}.akzo-date-picker__day--in-range,.akzo-date-picker__day--range-middle{background-color:var(--color-surface-neutral-option4, #d8d8d8) !important;color:var(--color-text-functional) !important;font-weight:400;border-radius:0 !important;margin:0 !important;width:var(--size-l, 2.5rem) !important;height:var(--size-l, 2.5rem) !important;min-height:var(--size-l, 2.5rem) !important}.akzo-date-picker__day--in-range:hover,.akzo-date-picker__day--range-middle:hover{background-color:var(--color-surface-neutral-option4, #d8d8d8) !important;color:var(--color-text-functional) !important}.akzo-date-picker__day--today.akzo-date-picker__day--selected{background-color:var(--color-interactive-primary-default) !important;border-color:var(--color-interactive-primary-default) !important;color:var(--color-white) !important}.akzo-date-picker__day--today.akzo-date-picker__day--selected:hover{background-color:var(--color-interactive-primary-default) !important;border-color:var(--color-interactive-primary-default) !important}.akzo-date-picker__day--range-start{background-color:var(--color-interactive-primary-default) !important;color:var(--color-white) !important;font-weight:500;border-radius:var(--radius-xs) !important;margin:0 !important;width:var(--size-l, 2.5rem) !important;height:var(--size-l, 2.5rem) !important;min-height:var(--size-l, 2.5rem) !important}.akzo-date-picker__day--range-start:hover{background-color:var(--color-interactive-primary-default) !important}.akzo-date-picker__day--range-end{background-color:var(--color-interactive-primary-default) !important;color:var(--color-white) !important;font-weight:500;border-radius:var(--radius-xs) !important;margin:0 !important;width:var(--size-l, 2.5rem) !important;height:var(--size-l, 2.5rem) !important;min-height:var(--size-l, 2.5rem) !important}.akzo-date-picker__day--range-end:hover{background-color:var(--color-interactive-primary-default) !important}.akzo-date-picker__day--range-start.akzo-date-picker__day--range-end{border-radius:var(--radius-xs) !important;background-color:var(--color-interactive-primary-default) !important;color:var(--color-white) !important}.akzo-date-picker__day--in-range.akzo-date-picker__day--range-start{background-color:var(--color-interactive-primary-default) !important;color:var(--color-white) !important;font-weight:500;border-radius:var(--radius-xs) !important;margin:0 !important;width:var(--size-l, 2.5rem) !important;height:var(--size-l, 2.5rem) !important;min-height:var(--size-l, 2.5rem) !important}.akzo-date-picker__day--in-range.akzo-date-picker__day--range-end{background-color:var(--color-interactive-primary-default) !important;color:var(--color-white) !important;font-weight:500;border-radius:var(--radius-xs) !important;margin:0 !important;width:var(--size-l, 2.5rem) !important;height:var(--size-l, 2.5rem) !important;min-height:var(--size-l, 2.5rem) !important}.akzo-date-picker__day--in-range.akzo-date-picker__day--range-start:hover,.akzo-date-picker__day--in-range.akzo-date-picker__day--range-end:hover{background-color:var(--color-interactive-primary-default) !important}.akzo-date-picker__day--hover-range{background-color:var(--color-surface-neutral-option4, #d8d8d8) !important;color:var(--color-text-functional) !important;border-radius:0 !important;margin:0 !important;width:var(--size-l, 2.5rem) !important;height:var(--size-l, 2.5rem) !important;min-height:var(--size-l, 2.5rem) !important}@keyframes fadeIn{from{opacity:0;transform:translateY(calc(-1 * var(--spacing-xs, 0.25rem)))}to{opacity:1;transform:translateY(0)}}@keyframes fadeInCenteredMobile{from{opacity:0;transform:translate(-50%, calc(-50% - var(--spacing-xs, 0.25rem)))}to{opacity:1;transform:translate(-50%, -50%)}}.akzo-date-picker__day--disabled{color:var(--color-surface-disabled) !important;background-color:transparent !important;cursor:not-allowed !important;opacity:0.5}.akzo-date-picker__day--disabled:hover{color:var(--color-surface-disabled) !important;background-color:transparent !important;transform:none !important}.akzo-date-picker__day--disabled:active{transform:none !important}.akzo-date-picker__day--disabled.akzo-date-picker__day--disabled-by-list{color:var(--color-text-disabled) !important;opacity:1}.akzo-date-picker__day--disabled.akzo-date-picker__day--disabled-by-list:hover{color:var(--color-text-disabled) !important;background-color:transparent !important}.akzo-date-picker__day--focused{outline-offset:2px;z-index:2;background-color:var(--color-interactive-primary-default) !important;color:var(--color-text-on-primary) !important}.akzo-date-picker__day--focused:not(.akzo-date-picker__day--selected):not(.akzo-date-picker__day--range-start):not(.akzo-date-picker__day--range-end){background-color:var(--color-interactive-action-pressed, rgba(158, 158, 158, 0.3)) !important;color:var(--color-text-default) !important}@media (prefers-reduced-motion: reduce){.akzo-date-picker__day,.akzo-date-picker__nav-button{transition:none}.akzo-date-picker__calendar{animation:none}}@media (max-width: 768px){.akzo-date-picker__calendar{position:absolute;top:calc(100% + var(--spacing-xs));left:0;right:0;width:100%;max-width:100%;height:26rem;border-radius:var(--radius-l);z-index:1000;background:var(--color-surface-neutral-option2);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);padding:var(--spacing-s);animation:fadeIn 0.15s ease;overflow:hidden;display:flex;flex-direction:column}.akzo-date-picker--center-calendar-mobile .akzo-date-picker__calendar{position:fixed;top:50%;left:50%;right:auto;width:min(19rem, 100vw - 1rem);max-width:min(19rem, 100vw - 1rem);max-height:min(26rem, 100vh - 1rem);height:26rem;transform:translate(-50%, -50%);animation:fadeInCenteredMobile 0.15s ease;z-index:2000}.akzo-date-picker__calendar-header{flex-shrink:0;margin-bottom:var(--spacing-sm)}.akzo-date-picker__calendar-grid{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.akzo-date-picker__weekdays{flex-shrink:0}.akzo-date-picker__days{flex:1;display:grid;grid-template-columns:repeat(7, var(--size-l, 2.5rem));grid-template-rows:repeat(6, 1fr);gap:0;padding:0 var(--spacing-xs)}}@media (max-width: 375px){.akzo-date-picker__calendar{height:28rem;padding:var(--spacing-xs);left:-5px;right:-5px}.akzo-date-picker--center-calendar-mobile .akzo-date-picker__calendar{position:fixed;top:50%;left:50%;right:auto;width:min(19rem, 100vw - 0.75rem);max-width:min(19rem, 100vw - 0.75rem);max-height:min(28rem, 100vh - 0.75rem);height:28rem;transform:translate(-50%, -50%);animation:fadeInCenteredMobile 0.15s ease;z-index:2000}.akzo-date-picker__calendar-header{margin-bottom:var(--spacing-xs);padding:0 var(--spacing-xxs)}.akzo-date-picker__nav-button{width:1.75rem !important;height:1.75rem !important}.akzo-date-picker__weekdays,.akzo-date-picker__days{grid-template-columns:repeat(7, 1fr);padding:0 var(--spacing-xxs);gap:1px}.akzo-date-picker__weekday{height:1.75rem !important}.akzo-date-picker__day{width:100% !important;height:2rem !important;min-height:2rem !important;margin:0}.akzo-date-picker__calendar-grid{gap:var(--spacing-xxs)}}
1.akzo-date-picker akzo-divider.horizontal{margin-bottom:1px}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dateChange=(0,i.c)(this,"dateChange"),this.calendarOpen=(0,i.c)(this,"calendarOpen"),this.calendarClose=(0,i.c)(this,"calendarClose"),this.dateSelect=(0,i.c)(this,"dateSelect"),this.rangeSelect=(0,i.c)(this,"rangeSelect"),this.range=!1,this.optional=!1,this.error=!1,this.disabled=!1,this.placeholder="dd/mm/yyyy",this.disabledDates=[],this.disabledWeekdays=[],this.disabledDatesGray=!1,this.disableBeforeMinDate=!1,this.centerCalendarOnMobile=!1,this.locale="en-US",this.readOnly=!1,this.isCalendarOpen=!1,this.currentDate=new Date,this.selectedDates=[],this.hoverDate=null,this.isFocused=!1,this.isHovered=!1,this.isPressed=!1,this.inputValue="",this.lastProgrammaticValue="",this.isUpdatingProgrammatically=!1,this.inputKey=0,this.focusedDate=new Date,this.suppressNextBlurValidation=!1,this.isPointerDownInCalendar=!1,this.handleMouseDown=()=>{this.disabled||(this.isPressed=!0)},this.handleMouseUp=()=>{this.isPressed=!1},this.handleInputKeydown=t=>{this.disabled||["Enter"," ","ArrowDown"].includes(t.key)&&(t.preventDefault(),t.stopPropagation(),this.openCalendar(!0))},this.handleInputClick=t=>{this.disabled||(t.stopPropagation(),this.openCalendar(!1))},this.handleCalendarDateHover=t=>{this.range&&1===this.selectedDates.length&&(this.hoverDate=t)}}},[1,"akzo-date-picker",{range:[4],label:[1],optional:[4],helperText:[1,"helper-text"],error:[4],disabled:[4],value:[1],placeholder:[1],minDate:[1,"min-date"],maxDate:[1,"max-date"],disabledDates:[16],disabledWeekdays:[16],disabledDatesGray:[4,"disabled-dates-gray"],disableBeforeMinDate:[4,"disable-before-min-date"],centerCalendarOnMobile:[4,"center-calendar-on-mobile"],locale:[1],readOnly:[4,"read-only"],isCalendarOpen:[32],currentDate:[32],selectedDates:[32],hoverDate:[32],isFocused:[32],isHovered:[32],isPressed:[32],inputValue:[32],inputKey:[32],focusedDate:[32]},[[4,"click","handleDocumentClick"],[0,"inputChange","handleInputChangeEvent"]],{value:[{watchValue:0}]}]);function s(){"undefined"!=typeof customElements&&["akzo-date-picker","akzo-divider","akzo-icon","akzo-input-textfield","akzo-loader"].forEach(t=>{switch(t){case"akzo-date-picker":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),l);break;case"akzo-divider":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-input-textfield":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,d.d)()}})}},26266:(t,e,o)=>{o.r(e),o.d(e,{AkzoMarketoModal:()=>n,defineCustomElement:()=>a});var i=o(71420);let n=i.A,a=i.d},27214:(t,e,o)=>{o.d(e,{A:()=>d,d:()=>l});var i=o(41421),n=o(47408),a=o(27857),r=o(65250);let d=(0,i.p)(class extends i.H{componentWillLoad(){"true"===this.linkText&&(this.linkText=!0),"false"===this.linkText&&(this.linkText=!1),"true"===this.actionText&&(this.actionText=!0),"false"===this.actionText&&(this.actionText=!1)}getIcon(t){return(0,i.h)("akzo-icon",{name:{info:"info-circle",success:"check",warning:"alert-triangle",error:"x-circle"}[t]})}render(){if(!this.isVisible)return null;let t=null;"string"==typeof this.actionText?t=this.actionText:!0===this.actionText&&(t="Resolve Now");let e=null;return"string"==typeof this.linkText?e=this.linkText:!0===this.linkText&&(e="Learn more"),(0,i.h)("div",{class:"card ".concat(this.type),part:"notification-card"},(0,i.h)("div",{class:"content",part:"notification-content"},(0,i.h)("div",{class:"text-with-icon"},(0,i.h)("div",{class:"icon-wrapper",part:"icon-wrapper"},this.getIcon(this.type)),(0,i.h)("div",{class:"title-desc",part:"title-desc"},(0,i.h)("strong",{part:"card-title"},this.cardTitle),this.description&&(0,i.h)("p",{part:"part-desc"},this.description," ",e&&this.linkUrl&&(0,i.h)("a",{href:this.linkUrl,target:this.openInNewTab?"_blank":"_self",rel:this.openInNewTab?"noopener noreferrer":void 0},e)),this.isFastOrder&&(0,i.h)("div",{class:"description-slot"},(0,i.h)("slot",{name:"description"})))),(0,i.h)("div",{class:"actions"},t?(0,i.h)("akzo-button",{class:"action-button",part:"action-button",variant:"tertiary",size:"m",label:t,onButtonClick:this.handleActionClick}):(0,i.h)("div",{style:{height:"25px"}}),(0,i.h)("div",{class:"close-wrapper",part:"close-wrapper"},(0,i.h)("akzo-button",{class:"close-btn",onlyIcon:!0,iconName:"x",variant:"tertiary",size:"m",coreColor:"default",onClick:this.handleClose})))))}static get style(){return'@charset "UTF-8";html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:block;margin:1rem 0}:host .card{display:flex;align-items:center;justify-content:space-between;font-family:var(--base-font, "Open Sans");box-shadow:0 0.125rem 0.375rem rgba(0, 0, 0, 0.1)}:host .card .content{display:flex;align-items:center;flex:1;justify-content:space-between;gap:1.25rem}:host .card .text-with-icon{display:flex;align-items:flex-start;gap:0.75rem;flex:1}:host .card .text-with-icon .icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center}:host .card .text-with-icon .title-desc{display:flex;flex-direction:column;justify-content:flex-start;min-width:0}:host .card .text-with-icon .title-desc strong{display:block;font-weight:700;font-size:1rem;margin:0;line-height:1.2;white-space:normal;overflow-wrap:break-word;word-break:break-word}:host .card .text-with-icon .title-desc p{margin:0.25rem 0 0;white-space:normal;overflow-wrap:break-word;word-break:break-word;font-size:1rem}:host .card .text-with-icon .description-slot{font-size:16px;line-height:20px;color:var(--color-text-warning)}:host .card.info{background-color:var(--color-surface-info)}:host .card.info strong,:host .card.info p{color:var(--color-status-info-700)}:host .card.info akzo-icon::part(icon){color:var(--color-status-info-700)}:host .card.success{background-color:var(--color-surface-positive)}
1:host .card.success strong,:host .card.success p{color:var(--color-text-positive)}:host .card.success akzo-icon::part(icon){color:var(--color-icon-positive)}:host .card.warning{background-color:var(--color-surface-warning)}:host .card.warning strong,:host .card.warning p{color:var(--color-text-warning)}:host .card.warning akzo-icon::part(icon){color:var(--color-text-warning)}:host .card.error{background-color:var(--color-status-critical-100)}:host .card.error strong,:host .card.error p{color:var(--color-text-critical)}:host .card.error akzo-icon::part(icon){color:var(--color-icon-critical)}@media (max-width: 600px){:host .card{position:relative;align-items:flex-start;padding:0.75rem}:host .card .content{flex-direction:column;align-items:flex-start;gap:0.5rem;padding-left:0}:host .card .text-with-icon{flex-direction:row;align-items:flex-start;gap:0.75rem;width:100%}:host .card .text-with-icon .title-desc{flex:1;width:100%;overflow:hidden}:host .card .text-with-icon .title-desc strong,:host .card .text-with-icon .title-desc p{margin:0.25rem 0 0;white-space:normal;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}:host .card .action-button{margin-top:0.25rem;width:100%;text-align:left;font-size:1rem}:host .card .close-wrapper{position:absolute;top:0.5rem;right:0.5rem}:host .card .close-btn{padding:5px;flex-shrink:0}:host .card .close-btn akzo-icon{font-size:1.5rem}}@media (min-width: 600px){:host .card{padding:1rem}:host .card .icon-wrapper{min-width:2rem}:host .card .icon-wrapper .icon{width:1rem;height:1rem}:host .card .title-desc strong{font-size:1.05rem}:host .card .title-desc p{font-size:1rem}:host .card .action-button{margin-top:0}:host .card .close-btn{background:none;border:none;cursor:pointer;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;padding:0.125rem;flex-shrink:0;align-self:flex-start}}@media (min-width: 904px){:host .card{width:100%}:host .card .icon-wrapper{min-width:2rem}:host .card .icon-wrapper .icon{width:1.5rem;height:1.5rem}:host .card .title-desc strong{font-size:1.125rem}:host .card .title-desc p{font-size:1.05rem}:host .card .action-button{font-size:1rem}:host .card .close-btn{background:none;border:none;cursor:pointer;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;padding:0.125rem;flex-shrink:0;align-self:flex-start}}@media (min-width: 1440px){:host .card{width:100%}:host .card .icon-wrapper{min-width:2rem}:host .card .icon-wrapper .icon{width:2rem;height:2rem}:host .card .title-desc strong{font-size:1.25rem}:host .card .title-desc p{font-size:1.125rem}:host .card .action-button{font-size:1.05rem}:host .card .close-btn{background:none;border:none;cursor:pointer;justify-content:center;align-items:center;width:1.8rem;height:1.6rem;padding:0;border-radius:4px;align-self:flex-start;flex-shrink:0}:host .card .close-btn akzo-icon{font-size:1.25rem;line-height:0;display:flex;align-items:center;justify-content:center;vertical-align:middle}}@media (max-width: 600px){akzo-button::part(button-text){color:#121212;margin-right:0}akzo-button::part(tertiary)::after{border:none}}.close-btn{background:none;border:none;cursor:pointer;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;padding:0.125rem;margin-left:auto;flex-shrink:0;align-self:flex-start}.close-btn akzo-icon{font-size:1.25rem;line-height:1;align-items:center;justify-content:center}.actions{display:flex;align-items:center}akzo-button::part(tertiary){justify-content:flex-start}.close-wrapper akzo-button::part(tertiary){justify-content:center}.card.info .title-desc a,.card.success .title-desc a,.card.warning .title-desc a,.card.error .title-desc a{text-decoration:underline;color:inherit;font-weight:500;cursor:pointer}.card.info .title-desc a:hover,.card.success .title-desc a:hover,.card.warning .title-desc a:hover,.card.error .title-desc a:hover{opacity:0.8;}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.closeClicked=(0,i.c)(this,"closeClicked"),this.actionClicked=(0,i.c)(this,"actionClicked"),this.openInNewTab=!1,this.isFastOrder=!1,this.isVisible=!0,this.handleClose=()=>
1{this.isVisible=!1,this.closeClicked.emit()},this.handleActionClick=()=>{this.actionClicked.emit()}}},[257,"akzo-notification-bar",{type:[1],cardTitle:[1,"card-title"],description:[1],linkText:[8,"link-text"],linkUrl:[1,"link-url"],openInNewTab:[4,"open-in-new-tab"],actionText:[8,"action-text"],isFastOrder:[4,"is-fast-order"],isVisible:[32]}]);function l(){"undefined"!=typeof customElements&&["akzo-notification-bar","akzo-button","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-notification-bar":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),d);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,r.d)()}})}},27451:(t,e,o)=>{o.r(e),o.d(e,{AkzoColorWidget:()=>n,defineCustomElement:()=>a});var i=o(45976);let n=i.A,a=i.d},28280:(t,e,o)=>{o.d(e,{X:()=>a,x:()=>n});var i=o(38812);let n=i.A,a=i.d},28631:(t,e,o)=>{o.d(e,{X:()=>a,z:()=>n});var i=o(84758);let n=i.A,a=i.d},28726:(t,e,o)=>{o.d(e,{A:()=>h,d:()=>g});var i=o(41421),n=o(47408),a=o(25590),r=o(13912),d=o(27857),l=o(6735),s=o(30730),m=o(65250),p=o(88857);let h=(0,i.p)(class extends i.H{componentWillLoad(){var t;this.deliveryDate=null!=(t=this.defaultDate)?t:"",this.internalSelected=this.defaultSelected}handleKeyDown(t){this.disabled||" "!==t.key&&"Enter"!==t.key||(t.preventDefault(),this.handleSelect())}render(){var t,e,o,n;let a=null!=(t=this.cardTitle)?t:"Default Title",r=null!=(e=this.info)?e:"We will do our best to deliver on your chosen day but this is not guaranteed.",d=null!=(o=this.label)?o:"Choose your desired delivery date",l=r.split("<br />").join("\n"),s=null!=(n=this.selected)?n:this.internalSelected,m=this.showPrice?this.price:void 0;return(0,i.h)("div",{key:"4f679e7c2c8ebef1100ccb103b0f25a4be1749dd",class:{card:!0,selected:s,"no-price":!m,"no-description":!this.description,disabled:this.disabled},tabindex:this.disabled?-1:0,onClick:this.handleSelect,onKeyDown:this.handleKeyDown,part:"card-select"},(0,i.h)("label",{key:"f04d0afb2f152daa89bc98687c4ab2a97e6a4951",class:"label-content"},(0,i.h)("akzo-radio",{key:"abbb3921c61c5306cfc64c7df4ec030b82ed5f75",name:"card-selection",value:a,checked:s,label:"",disabled:this.disabled}),(0,i.h)("div",{key:"8b2288a4c47e58463333a09fbc08a34d247fa7a2",class:"content"},(0,i.h)("div",{key:"fc765e6b17a6a6b22cd3b6af6ba3fa439f11dc2a",class:"title"},a),this.description&&(0,i.h)("div",{key:"be2ec3f0b2544ab14ff2d34ae22d0d34ee182e24",class:"description"},this.description)),m&&(0,i.h)("div",{key:"eb4380c94dd0c6e6ea2cc08f766e775c4fc6d9f3",class:"price"},m)),s&&this.showDatePicker&&!this.disabled&&(0,i.h)("div",{key:"b571c3eb4912c1149f7586a7d99fc3c5a4344360",class:"datepicker-container-card-select"},(0,i.h)("div",{key:"e012f415e5f787a4e1461eeb4265a7ecbba1671e",class:"info-text"},(0,i.h)("akzo-information-banner",{key:"64e2a02b9ce7e4a7fcecc2fff9dc8502c49deec3",variant:"info",description:l,class:"info-banner"})),(0,i.h)("div",{key:"d704134c389f9410f228f9f732fca79f86d4c61d",class:"info-date-picker",onClick:this.handleDatePickerClick,onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||this.handleDatePickerClick(t)}},(0,i.h)("akzo-date-picker",{key:"be9641b9d7a1d45a7e416b1074e96a67ee4ae894",error:this.error,label:d,value:this.deliveryDate,minDate:this.minDate,disabledDates:this.disabledDates,disabledDatesGray:this.disabledDatesGray,disabledWeekdays:this.disabledWeekdays,disableBeforeMinDate:this.disableBeforeMinDate,centerCalendarOnMobile:this.centerCalendarOnMobile,readOnly:this.readOnly,onDateChange:t=>{this.deliveryDate=t.detail,this.cardChange.emit({selected:s,deliveryDate:this.deliveryDate})}}))))}static get style(){return'@charset "UTF-8";html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host .datepicker-container-card-select{padding-left:45px;width:100%;box-sizing:border-box;margin-top:0.5rem;margin-bottom:0.5rem}:host .datepicker-container-card-select .info-text{width:100%;box-sizing:border-box;word-break:break-word;margin-bottom:5px;margin-top:5px;font-weight:normal}:host .datepicker-container-card-select{}:host .datepicker-container-card-select .info-text akzo-information-banner::part(info-card-outer),:host .datepicker-container-card-select .info-text akzo-information-banner::part(info-card),:host .datepicker-container-card-select .info-text akzo-information-banner::part(info-card-mobile){display:block;width:100% !important;min-width:0 !important;height:auto !important;min-height:auto !important;max-height:none !important;box-sizing:border-box;margin:0;padding:0 5px;word-break:break-word}:host .datepicker-container-card-select .info-text akzo-information-banner::part(info-card){font-weight:normal !important}:host .datepicker-container-card-select{}:host .datepicker-container-card-select .info-text akzo-information-banner::part(info-card-outer){margin-bottom:1rem !important;padding:1rem 27px;font-weight:normal}.card{padding:var(--spacing-lg) var(--spacing-md);display:flex;width:32.5rem;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;border-radius:var(--spacing-xs);border:1px solid var(--color-stroke-default);background-color:var(--color-default-non-invertible-opaque-white)}.card.disabled{opacity:0.5;pointer-events:none;user-select:none}.card .label-content{display:flex;align-items:flex-start;justify-content:flex-start;gap:0.75rem;width:100%}.card .content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start}.card .title{font-style:normal;font-size:1rem;font-weight:700;color:var(--color-text-title);line-height:1.25rem;white-space:normal;word-break:break-word;margin-bottom:0.25rem;max-width:300px}.card .description{color:var(--color-text-body);font-size:1rem;font-weight:400;line-height:1.25rem;white-space:normal;word-break:break-word;min-height:1.25rem}.card .price{color:var(--color-text-functional);margin-left:auto;width:fit-content;min-width:75px;white-space:nowrap;font-weight:400;font-size:1rem}.card.no-description .label-content{align-items:center}.card.no-description .content{justify-content:center}.card.no-description .title{margin-bottom:0}.card.no-description .description{display:none}.card.no-description .price{align-self:center;margin-left:auto}.card.selected{height:auto !important;width:32.5rem;border:2px solid black}.card:focus-visible{outline:2px solid black;outline-offset:4px}.card:focus-visible.selected{border-color:var(--color-stroke-default)}.card:hover{border-radius:var(--radius-L, 8px);background:rgba(158, 158, 158, 0.15);border-color:var(--color-stroke-default)}.card:active{border-radius:var(--radius-L, 8px);background:rgba(158, 158, 158, 0.3);border-color:var(--color-stroke-default)}@media (max-width: 480px){.card{width:calc(100% - 2rem);padding:var(--spacing-sm) var(--spacing-md);margin:0 1rem var(--spacing-md) 1rem}.card.selected{width:calc(100% - 2rem);border-color:black}
1.card:focus.selected{border-color:var(--color-stroke-default)}.card .price{width:fit-content;font-size:0.875rem;white-space:nowrap;min-width:60px;font-weight:400px}}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.cardChange=(0,i.c)(this,"cardChange"),this.showPrice=!0,this.defaultSelected=!1,this.disabled=!1,this.showDatePicker=!1,this.disabledDates=[],this.disabledWeekdays=[],this.readOnly=!1,this.disableBeforeMinDate=!1,this.centerCalendarOnMobile=!1,this.disabledDatesGray=!1,this.error=!1,this.internalSelected=!1,this.handleSelect=t=>{if(t&&t.preventDefault(),this.disabled)return;let e=void 0!==this.selected,o=!(e?this.selected:this.internalSelected);e||(this.internalSelected=o),this.cardChange.emit({selected:o,deliveryDate:this.deliveryDate})},this.handleDatePickerClick=t=>{t.stopPropagation()}}},[1,"akzo-card-select",{cardTitle:[1,"card-title"],description:[1],price:[1],showPrice:[4,"show-price"],defaultSelected:[4,"default-selected"],selected:[4],defaultDate:[1,"default-date"],info:[1],label:[1],minDate:[1,"min-date"],disabled:[4],showDatePicker:[4,"show-date-picker"],disabledDates:[16],disabledWeekdays:[16],readOnly:[4,"read-only"],disableBeforeMinDate:[4,"disable-before-min-date"],centerCalendarOnMobile:[4,"center-calendar-on-mobile"],disabledDatesGray:[4,"disabled-dates-gray"],error:[4],deliveryDate:[32],internalSelected:[32]},[[0,"keydown","handleKeyDown"]]]);function g(){"undefined"!=typeof customElements&&["akzo-card-select","akzo-button","akzo-date-picker","akzo-divider","akzo-icon","akzo-information-banner","akzo-input-textfield","akzo-loader","akzo-radio"].forEach(t=>{switch(t){case"akzo-card-select":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),h);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-date-picker":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-divider":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,d.d)();break;case"akzo-information-banner":customElements.get((0,i.t)(t))||(0,l.d)();break;case"akzo-input-textfield":customElements.get((0,i.t)(t))||(0,s.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,m.d)();break;case"akzo-radio":customElements.get((0,i.t)(t))||(0,p.d)()}})}},30278:(t,e,o)=>{o.r(e),o.d(e,{AkzoColorSelector:()=>n,defineCustomElement:()=>a});var i=o(92346);let n=i.A,a=i.d},30369:(t,e,o)=>{o.d(e,{W:()=>n,X:()=>a});var i=o(66924);let n=i.T,a=i.d},30730:(t,e,o)=>{o.d(e,{A:()=>r,d:()=>d});var i=o(41421),n=o(27857),a=o(65250);let r=(0,i.p)(class extends i.H{componentDidLoad(){var t;this.isAutoFocus&&(null==(t=this.inputEl)||t.focus())}validatePattern(t){t.includes("X")||console.warn('Pattern should contain at least one "X" for digits')}
1componentWillLoad(){this.type=this.type||"text",this.value=this.value||"",this.isDisabled=this.isDisabled||!1,this.isRequired=this.isRequired||!1,this.isReadOnly=this.isReadOnly||!1,this.maxLength=this.maxLength||"100",this.errorMessage=this.errorMessage||"",this.helperText=this.helperText||"",this.mask=this.mask||!1,this.maskPattern=this.maskPattern||"",this.optionalText=this.optionalText||"",this.placeholder=this.placeholder||"Enter your text here...",this.isAutoFocus=this.isAutoFocus||!1,this.iconName=this.iconName||"",this.ariaHaspopup=this.ariaHaspopup||"dialog"}handleChange(t){let e=t.target,o=e.value;this.mask&&this.maskPattern?(this.value=function(t,e){let o="",i=0,n=[...t].filter(t=>["X","A","*"].includes(t)).length,a=[...t].filter(t=>!["X","A","*"].includes(t)).length,r=e.slice(0,n+a);for(;o.length<t.length;){let e=t[o.length],n=r?r[i]:"";if("X"===e&&/\d/.test(n)||"A"===e&&/[a-zA-Z]/.test(n)||"*"===e&&/[a-zA-Z0-9]/.test(n)?(o+=n,i++):["X","A","*"].includes(e)?i++:o+=e,i>=r.length&&["X","A","*"].includes(e))break}return o}(this.maskPattern,o),e.value=this.value):this.value=o,this.inputChange.emit(this.value)}getInputClasses(){return{"input-field-wrapper":!0,error:!!this.errorMessage,disabled:this.isDisabled}}render(){return(0,i.h)("div",{key:"fb9313c161d9287926a310782d58e21c3217a5c7",class:this.getInputClasses(),part:"input-div"},(0,i.h)("div",{key:"ec6d41284cfb8207f6ee92db8777dd32e5c70417",class:"input-label-head"},this.label&&(0,i.h)("label",{key:"19d6955fd7a8fb5448c5e76b634b418da4f0c70f",htmlFor:this.fieldId,class:"input-label label"},this.label," ",this.isRequired&&(0,i.h)("span",{key:"59b23ce5a8f6853c0e0d9e5b2880ef1ce5289faa",class:"mandatory body-s"},"*")),this.optionalText&&(0,i.h)("span",{key:"fb3f945fac386e1f434b64fdab1f702fed03259c",class:"body-s optional-txt"},this.optionalText)),(0,i.h)("div",{key:"a402bbf02b423728c6dcf824ab340a866c491741",class:"input-field",tabIndex:0,ref:t=>this.inputEl=t},this.iconName&&(0,i.h)("akzo-icon",{key:"4fb59e91598c1a042eb1ad192d20438a0fef130d",name:this.iconName,size:"m","aria-hidden":"true"}),(0,i.h)("input",Object.assign({key:"62d5cff024420d7f09e7775c9023a12cb3bb0cbd",part:"input",type:this.type,id:this.fieldId,name:this.name,disabled:this.isDisabled,placeholder:this.placeholder,value:this.value,maxlength:this.maxLength,onInput:t=>this.handleChange(t),pattern:this.maskPattern,required:this.isRequired,readOnly:this.isReadOnly,class:"akzo-input body "+(this.iconName?"icon":"no-icon"),autofocus:this.isAutoFocus,"aria-describedby":this.errorMessage||this.helperText?"inputText_field":void 0,"aria-invalid":this.errorMessage?"true":"false","aria-haspopup":this.ariaHaspopup,"aria-label":this.label||this.placeholder},"number"===this.type&&void 0!==this.minValue?{min:this.minValue}:{})),this.errorMessage&&(0,i.h)("span",{key:"fcfc63edd09d56bc4ddfcc381ce5c82606e9f0b3",class:"alert-icon"},(0,i.h)("akzo-icon",{key:"dad987bee46b3890164081c50a3c522f58ebc8b5",name:"alert-triangle"}))),(this.helperText||this.errorMessage)&&(0,i.h)("div",{key:"3b48a06be84854a7282a94f59f798b62d837f25f",class:"additional-info",id:"inputText_field"},this.helperText&&!this.errorMessage&&(0,i.h)("span",{key:"4be2e4b4c3ce4abf1553d10462817f898012bca1",class:"helper-text body-s"},this.helperText),this.errorMessage&&(0,i.h)("span",{key:"a32250244b1311b3a5de38667b83bc74f49c0a61",class:"helper-text body-s"},this.errorMessage)))}get el(){return this}static get watchers(){return{maskPattern:[{validatePattern:0}]}}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}*{box-sizing:border-box}.input-field-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-xs);width:100%}.input-field-wrapper akzo-icon{display:block}.input-field-wrapper .input-label-head{display:flex;align-items:center;width:100%}.input-field-wrapper .input-label-head .input-label{width:100%;color:var(--color-text-functional);margin:0;flex:1;align-items:center}.input-field-wrapper .input-label-head .input-label .mandatory{color:var(--color-text-functional-subtle);margin:0}.input-field-wrapper .input-label-head .optional-txt{margin:0 0 0 auto;color:var(--color-default-non-invertible-opaque-700)}.input-field-wrapper akzo-icon::part(icon){position:absolute;top:50%;transform:translateY(-50%);color:var(--color-icon-subdued);left:var(--spacing-sm)}.input-field-wrapper akzo-icon::part(icon-container){position:static}.input-field-wrapper .helper-text{line-height:1.15}.input-field-wrapper .input-field{position:relative;width:100%}.input-field-wrapper .input-field .akzo-input{width:100%;height:var(--spacing-2xl);font-size:var(--spacing-md);border-radius:var(--spacing-xxs);display:flex;gap:var(--spacing-xs);padding-right:var(--spacing-sm);background:var(--color-surface-neutral-option1);border:1px solid var(--color-stroke-subdued);box-sizing:border-box;color:var(--color-text-functional);margin:0;outline:none;transition:all var(--motion-duration-medium-01) ease 0ms}.input-field-wrapper .input-field .akzo-input::placeholder{color:var(--color-text-placeholder)}.input-field-wrapper .input-field .akzo-input.icon{padding-left:2.75rem}.input-field-wrapper .input-field .akzo-input.no-icon{padding-left:var(--spacing-sm)}.input-field-wrapper .input-field:hover .akzo-input{border:1px solid transparent;background-image:linear-gradient(0deg, #ffffff, #ffffff), linear-gradient(90deg, #cc1719 0%, #f5a100 20%, #fbee2d 40%, #d4da1c 60%, #93bc2a 80%, #05baee 100%);background-origin:border-box;background-clip:padding-box, border-box}.input-field-wrapper .input-field:active akzo-icon::part(icon),.input-field-wrapper .input-field:focus akzo-icon::part(icon){color:var(--color-default-non-invertible-opaque-900)}.input-field-wrapper .input-field:focus .akzo-input{outline:1px solid var(--color-stroke-strong);outline-offset:var(--spacing-xxs);border:1px solid transparent;background-image:linear-gradient(0deg, #ffffff, #ffffff), linear-gradient(90deg, #cc1719 0%, #f5a100 20%, #fbee2d 40%, #d4da1c 60%, #93bc2a 80%, #05baee 100%);background-origin:border-box;background-clip:padding-box, border-box}.input-field-wrapper .input-field:active .akzo-input{outline:none;border:1px solid transparent;background-image:linear-gradient(0deg, #ffffff, #ffffff), linear-gradient(90deg, var(--color-stroke-strong));background-origin:border-box;background-clip:padding-box, border-box}.input-field-wrapper .input-field:has(.akzo-input:not(:placeholder-shown))>akzo-icon::part(icon){color:var(--color-default-non-invertible-opaque-900)}.input-field-wrapper .input-field .alert-icon akzo-icon::part(icon){position:absolute;top:50%;transform:translateY(-50%);color:var(--color-icon-critical);right:var(--spacing-sm);left:auto}.input-field-wrapper .additional-info{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.input-field-wrapper .helper-text{color:var(--color-text-functional-subtle);margin:0}.input-field-wrapper.error .helper-text{color:var(--color-text-critical)}.input-field-wrapper.error .input-field .akzo-input{border:1px solid var(--color-stroke-critical);padding-right:var(--spacing-2xl);width:100%}.input-field-wrapper.error .input-field>akzo-icon::part(icon){color:var(--color-default-non-invertible-opaque-900)}.input-field-wrapper.disabled{pointer-events:none}.input-field-wrapper.disabled .input-label-head .optional-txt{color:var(--color-text-disabled)}.input-field-wrapper.disabled .input-field .akzo-input{background:var(--color-surface-disabled);color:var(--color-text-disabled);border:1px solid var(--color-stroke-disabled);cursor:not-allowed}.input-field-wrapper.disabled .input-field .akzo-input::placeholder{color:var(--color-text-disabled)}.input-field-wrapper.disabled .input-field akzo-icon::part(icon){color:var(--color-icon-disabled)}.input-field-wrapper.disabled .input-label,.input-field-wrapper.disabled .mandatory,.input-field-wrapper.disabled .helper-text{color:var(--color-text-disabled)}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.inputChange=(0,i.c)(this,"inputChange")}},[1,"akzo-input-textfield",{fieldId:[1537,"field-id"],name:[1537],type:[1537],label:[1537],value:[1537],placeholder:[1537],isDisabled:[1540,"is-disabled"],isRequired:[1540,"is-required"],isReadOnly:[1540,"is-read-only"],isAutoFocus:[1540,"is-auto-focus"],maxLength:[1537,"max-length"],errorMessage:[1537,"error-message"],helperText:[1537,"helper-text"],mask:[1540],maskPattern:[1537,"mask-pattern"],optionalText:[1537,"optional-text"],iconName:[1537,"icon-name"],ariaHaspopup:[1537,"aria-haspopup"],minValue:[1538,"min-value"]},void 0,{maskPattern:[{validatePattern:0}]}]);function d(){"undefined"!=typeof customElements&&["akzo-input-textfield","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-input-textfield":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),r);break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,a.d)()}})}},31807:(t,e,o)=>{o.d(e,{W:()=>d,X:()=>l});var i=o(41421),n=o(27857),a=o(65250);let r=(0,i.p)(class extends i.H{renderSupportItem(t){return(0,i.h)("div",{class:"akzo-customer-support-block "+("center"===this.alignment?"center":null)},(0,i.h)("p",{class:"customer-support-phone"},t.contactLabel," ",(0,i.h)("span",{class:"body-s-bold"},(0,i.h)("strong",null,t.phoneNumber))),(0,i.h)("p",{class:"body-s"},t.hours1),(0,i.h)("p",{class:"body-s"},t.hours2))}render(){return(0,i.h)("div",{key:"7c1fd5e36f8a43e0f24534cc9357c9171bd2878c",class:"akzo-customer-support-box-container "+("left"===this.alignment?"left-align":"center-align")},(0,i.h)("akzo-icon",{key:"c7a8f11ffe7996e9c81fec2f7de2015f09097a77",class:"customer-support-help-icon",name:this.supportIcon}
1),(0,i.h)("div",{key:"1f331a6caa17126103e4eafd721ab2575d9655fe",class:"akzo-customer-support-content"},(0,i.h)("h4",{key:"fb0cefb4e4b76936b0732a30f1956a4d42dc531e",class:"heading-s"},this.supportText),(0,i.h)("div",{key:"4a40095610dc33d4b0d54dc08bcae216eaba23af",class:"support-body"},this.supportItems.map(t=>this.renderSupportItem(t)),"left"===this.alignment&&this.supportComment&&(0,i.h)("p",{key:"40fd6f6771a81119c8276fbe1a27608359812b74",class:"support-comment"},this.supportComment))))}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:inline-flex;color:currentColor}.akzo-customer-support-box-container{display:flex;flex-direction:column;width:24rem;padding:var(--spacing-L, 1.5rem) 0;gap:var(--spacing-XS, 0.5rem);border:1px solid var(--color-stroke-subdued);background:var(--color-surface-neutral-option1)}.akzo-customer-support-box-container.center-align{align-items:center;justify-content:center;text-align:center}.akzo-customer-support-box-container.left-align{align-items:flex-start;justify-content:flex-start;text-align:left;padding-left:1.5rem;padding-right:1.5rem;border-radius:0.625rem;height:auto;width:24rem;border:1px solid var(--color-surface-neutral-option1)}.akzo-customer-support-box-container .customer-support-help-icon{height:1.5rem;width:1.5rem;color:var(--color-text-functional)}.akzo-customer-support-box-container .support-body{margin-top:8px;gap:24px;display:flex;flex-direction:column}.akzo-customer-support-box-container .akzo-customer-support-content{display:flex;flex-direction:column}.akzo-customer-support-box-container .heading-s{margin:0;color:var(--color-text-functional)}.akzo-customer-support-box-container .akzo-customer-support-block{display:flex;flex-direction:column;gap:8px}.akzo-customer-support-box-container .akzo-customer-support-block.center{gap:4px}.akzo-customer-support-box-container .customer-support-phone{font-size:0.875rem;color:var(--color-text-functional)}.akzo-customer-support-box-container .body-s{margin:0;color:var(--color-text-functional)}.akzo-customer-support-box-container .support-hours{font-size:0.875rem;font-weight:400;color:var(--color-text-functional)}.akzo-customer-support-box-container .support-comment{font-size:0.875rem;font-weight:400;color:var(--color-default-non-invertible-opaque-700)}@media screen and (max-width: 28.5rem){.akzo-customer-support-box-container{width:100%;max-width:18rem;padding:1rem;height:auto;gap:0.75rem}.akzo-customer-support-box-container.left-align{width:100%;max-width:18rem;height:auto;padding:1rem}.akzo-customer-support-box-container .heading-s{font-size:1rem}.akzo-customer-support-box-container .support-hours,.akzo-customer-support-box-container .support-comment{font-size:0.75rem}}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.alignment="center",this.supportItems=[]}},[1,"akzo-customer-support-box",{supportText:[1,"support-text"],supportIcon:[1,"support-icon"],alignment:[1],supportComment:[1,"support-comment"],supportItems:[8,"support-items"]}]),d=r,l=function(){"undefined"!=typeof customElements&&["akzo-customer-support-box","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-customer-support-box":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),r);break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,a.d)()}})}},32005:(t,e,o)=>{o.d(e,{A:()=>r,d:()=>d});var i=o(41421),n=o(27857),a=o(65250);let r=(0,i.p)(class extends i.H{onTouchStart(t){this.touchStartX=t.changedTouches[0].screenX,this.touchStartY=t.changedTouches[0].screenY}onTouchEnd(t){this.touchEndX=t.changedTouches[0].screenX,this.touchEndY=t.changedTouches[0].screenY,this.handleSwipe()}handleSwipe(){let t=this.touchStartX-this.touchEndX;Math.abs(this.touchStartY-this.touchEndY)>
1Math.abs(t)||(t>50&&this.goNext(),t<-50&&this.goPrev())}goNext(){this.selectedIndex<this.imagesArray.length-1&&(this.selectedIndex+=1)}goPrev(){this.selectedIndex>0&&(this.selectedIndex-=1)}componentWillLoad(){if(this.handleImagesChange(this.images),"string"==typeof this.alts)try{this.altsArray=JSON.parse(this.alts)}catch(t){this.altsArray=[]}else this.altsArray=this.alts||[]}handleImagesChange(t){if("string"==typeof t)try{this.imagesArray=JSON.parse(t)}catch(t){console.error("Invalid options:",t),this.imagesArray=[]}else this.imagesArray=t}selectImage(t){this.selectedIndex=t}onImageError(t){t.target.src=this.placeholder}render(){return(0,i.h)("div",{key:"a837cdbee1005d11d1bc6a3a991572e203b5f2f8",class:"thumbnail-container"},(0,i.h)("div",{key:"359f2d4a2e6f6828298c5f9dbbfc4c297a305397",class:"main-image",onTouchStart:t=>this.onTouchStart(t),onTouchEnd:t=>this.onTouchEnd(t)},(0,i.h)("img",{key:"0e141d0be7de25f345ac33154a2845a5426d8179",src:this.imagesArray[this.selectedIndex]||this.placeholder,alt:this.altsArray[this.selectedIndex]||"",onError:t=>this.onImageError(t)})),(0,i.h)("div",{key:"47c90ea0f33e6caa391c9fc85d5ab46b7078623d",class:"thumbnails",role:"listbox","aria-label":"Image selection thumbnails"},this.imagesArray.map((t,e)=>(0,i.h)("button",{class:{thumbnail:!0,active:this.selectedIndex===e},role:"option","aria-selected":this.selectedIndex===e?"true":"false","aria-label":this.altsArray[e]||"Select image ".concat(e+1),onClick:()=>this.selectImage(e)},(0,i.h)("img",{src:t,alt:this.altsArray[e]||"",onError:t=>this.onImageError(t)}),this.selectedIndex===e&&(0,i.h)("span",{class:"tickmark"},(0,i.h)("akzo-icon",{name:"check"}))))))}static get watchers(){return{images:[{handleImagesChange:0}]}}static get style(){return'@charset "UTF-8";html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.thumbnail-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:60rem;margin:0 auto;box-sizing:border-box;padding:0}.main-image{position:relative;width:100%;padding-top:calc(100% * 9 / 16);height:0;overflow:hidden}.main-image>*{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.main-image{touch-action:pan-y}.thumbnails{display:flex;gap:0.5rem;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:0.5rem}.thumbnails::-webkit-scrollbar{display:none}.thumbnails .thumbnail{position:relative;background:none;cursor:pointer;margin-top:0.9375rem;padding:0;display:inline-flex;flex-direction:column;align-items:center}.thumbnails .thumbnail img{width:138px;height:78.19px;object-fit:cover;background-color:#f5f5f5;transition:transform 0.25s ease-in-out;display:block;border-radius:0}.thumbnails .thumbnail:not(.active):hover img,.thumbnails .thumbnail:not(.active):focus img{transform:scale(1.1)}.thumbnails .thumbnail.active::before{content:"";position:absolute;top:0;left:0;width:100%;height:86%;background-color:rgba(0, 0, 0, 0.5019607843);z-index:1;border-radius:0}.thumbnails .thumbnail.active::after{content:"";display:block;width:100%;height:0.1875rem;background-color:var(--colour-Stroke-Strong, #121212);margin-top:0.5rem;position:relative;z-index:3}.thumbnails .thumbnail.active .tickmark{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;display:flex;justify-content:center;align-items:center}.thumbnails .thumbnail.active .tickmark akzo-icon::part(icon){color:#fff;width:2.8125rem;height:2.8125rem;flex-shrink:0;margin-bottom:0.625rem;margin-left:0.1875rem}@media (min-width: 904px){.thumbnail-container{width:792px}}@media (max-width: 37.5rem){.main-image{max-width:20rem;min-width:15rem}.thumbnails .thumbnail img{width:6.25rem;height:3.75rem}.thumbnails .thumbnail.active::before{height:90%}.thumbnails .thumbnail.active::after{height:0.125rem;margin-top:0.375rem}.thumbnails .thumbnail.active .tickmark akzo-icon::part(icon){width:3rem;height:2rem;margin-bottom:0.25rem;margin-left:0.125rem}}@media (max-width: 56.5rem){.main-image{max-width:30rem}.thumbnails .thumbnail img{width:6.25rem;height:3.75rem}.thumbnails .thumbnail.active::before{height:90%}.thumbnails .thumbnail.active::after{height:0.125rem;margin-top:0.375rem}.thumbnails .thumbnail.active .tickmark akzo-icon::part(icon){width:2.5rem;height:2rem;margin-bottom:0.25rem;margin-left:0.125rem}}@media (min-width: 90.0625rem){.main-image{max-width:60rem}.thumbnails .thumbnail img{width:8rem;height:4.5rem}}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.images=[],this.placeholder="https://brand.akzonobel.com/m/edce7c46227924d/webimage-Warsaw-office.jpg",this.selectedIndex=0,this.imagesArray=[],this.altsArray=[],this.touchStartX=0,this.touchEndX=0,this.touchStartY=0,this.touchEndY=0}},[1,"akzo-image-thumbnail",{images:[1],alts:[1],placeholder:[1],selectedIndex:[32],imagesArray:[32],altsArray:[32],touchStartX:[32],touchEndX:[32],touchStartY:[32],touchEndY:[32]},void 0,{images:[{handleImagesChange:0}]}]);function d(){"undefined"!=typeof customElements&&["akzo-image-thumbnail","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-image-thumbnail":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),r);break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,a.d)()}})}},32114:(t,e,o)=>{o.d(e,{A:()=>l,d:()=>s});var i=o(41421),n=o(69948),a=o(47408),r=o(27857),d=o(65250);let l=(0,i.p)(class extends i.H{validateItems(t){if("string"==typeof t)try{let e=JSON.parse(t);(null==e?void 0:e.items)&&Array.isArray(e.items)?this.parsedItems=e.items:console.error('uspsCollection must contain an "items" array')}catch(t){console.error("Invalid JSON string for uspsCollection:",t)}else(null==t?void 0:t.items)&&Array.isArray(t.items)&&(this.parsedItems=t.items)}validateProps(){if(!this.uspsCollection)throw Error('"uspsCollection" is required and cannot be empty');
1if(this.parsedItems.forEach((t,e)=>{if(!t.heading)throw Error("Item at index ".concat(e,' must have "heading"'))}),"boolean"!=typeof this.fullWidth)throw Error('"fullWidth" must be a boolean (true or false)');let t=["top","left"];if(!t.includes(this.iconPosition))throw Error('"iconPosition" must be one of: '.concat(t.join(", ")))}componentWillLoad(){void 0===this.uspsCollection&&(this.uspsCollection={items:[]}),void 0===this.fullWidth&&(this.fullWidth=!0),void 0===this.iconPosition&&(this.iconPosition="left"),void 0===this.isHeadingDividerEnabled&&(this.isHeadingDividerEnabled=!0),void 0===this.iconColor&&(this.iconColor="black"),this.isValid=!0;try{this.validateItems(this.uspsCollection),this.parsedItems=this.parsedItems.map(t=>{var e;return!t.icon&&(null==(e=t.icon)?void 0:e.icon)?Object.assign(Object.assign({},t),{icon:t.icon}):t}),this.validateProps()}catch(t){throw this.isValid=!1,t}}get layoutClass(){let t=Math.min(this.parsedItems.length,4);return"".concat(this.fullWidth?"fullwidth cols-".concat(t):"auto-width"," icon-").concat(this.iconPosition)}render(){var t;if(!this.isValid)return null;let e=null!=(t=this.headingWeight)?t:"h2";return(0,i.h)(i.a,null,(0,i.h)("div",{part:"parent-wrapper",class:"parent-wrapper "+("dark"===this.colorMode?"inverse":""),style:{backgroundColor:this.backgroundColor}},(0,i.h)("div",{class:"content-wrapper",part:"content-wrapper"},(0,i.h)("div",{class:"usp-wrapper",part:"akzo-usp-wrapper-container"},this.heading&&(0,i.h)(e,{class:(this.headingLevel?"heading-".concat(this.headingLevel):"heading-m")+" section-heading","aria-hidden":"true",title:this.heading,part:"custom-section-heading"},this.heading),(0,i.h)("div",{class:"usp-container ".concat(this.layoutClass," ").concat(this.isHeadingDividerEnabled?"":"no-divider"," ").concat(2==this.parsedItems.length?"two-usp":"")},this.parsedItems.map((t,e)=>{var o;return(0,i.h)("div",{class:"usp-item",key:e,part:"usp-item"},(0,i.h)("div",{class:"icon-wrapper",part:"usp-icon"},(0,i.h)("akzo-icon",{name:null==(o=t.icon)?void 0:o.icon,size:"m",color:"dark"===this.colorMode?"white":"grey"===this.iconColor?"var(--color-icon-subdued)":"var(--color-icon-default)",exportparts:"\n icon-container:usp-icon-container,\n icon:usp-icon,\n svg:usp-icon-svg\n "})),(0,i.h)("div",{class:"text-content",part:"usp-text"},(0,i.h)("div",{class:"button-wrapper"},(0,i.h)("akzo-button",{label:t.heading,variant:"tertiary",size:"m",exportparts:"button-text:button-text-usp"})),(0,i.h)("div",{part:"description-container",class:"desc-wrapper"},t.description&&(0,i.h)("div",{class:"body description",innerHTML:(0,n.r)(t.description)}))))}))))))}static get watchers(){return{uspsCollection:[{validateItems:0}]}}static get style(){return'@charset "UTF-8";html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}akzo-icon::part(icon){width:var(--size-s);height:var(--size-s)}akzo-button::part(tertiary){padding:0}akzo-button::part(button-text){padding-bottom:6px;cursor:default}:host{display:block}.parent-wrapper{padding-top:var(--spacing-5xl);padding-bottom:var(--spacing-5xl)}@media (max-width: 768px){.parent-wrapper{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}}.parent-wrapper{}.parent-wrapper.project-list-wrapper{padding-top:0 !important}@media (max-width: 768px){.parent-wrapper.project-list-wrapper{padding-top:0 !important}}.usp-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.usp-wrapper .section-heading{margin-bottom:var(--spacing-lg);color:var(--color-text-title);font-family:"Colour Sans", sans-serif;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.usp-wrapper .usp-container{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.usp-wrapper .usp-container.no-divider akzo-button::part(button-text)::after{content:"";position:absolute;display:none}.usp-wrapper .usp-container.fullwidth{display:grid;gap:var(--spacing-lg);width:100%}.usp-wrapper .usp-container.fullwidth.cols-1{grid-template-columns:repeat(1, 1fr)}.usp-wrapper .usp-container.fullwidth.cols-2{grid-template-columns:repeat(2, 1fr)}.usp-wrapper .usp-container.fullwidth.cols-3{grid-template-columns:repeat(3, 1fr)}.usp-wrapper .usp-container.fullwidth.cols-4{grid-template-columns:repeat(4, 1fr)}@media (max-width: 1024px){.usp-wrapper .usp-container.fullwidth{grid-template-columns:repeat(2, 1fr) !important}}@media ((max-width: 600px)){.usp-wrapper .usp-container.fullwidth{grid-template-columns:1fr !important}}.usp-wrapper .usp-container.fullwidth .usp-item{width:100%}.usp-wrapper .usp-container.auto-width{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--spacing-lg)}.usp-wrapper .usp-container.auto-width .usp-item{flex:0 1 calc(25% - 1.125rem);max-width:calc(25% - 1.125rem)}@media (max-width: 1024px){.usp-wrapper .usp-container.auto-width .usp-item{flex:0 1 calc(50% - 0.75rem);max-width:calc(50% - 0.75rem)}}@media ((max-width: 600px)){.usp-wrapper .usp-container.auto-width .usp-item{flex:0 1 100%;max-width:100%}}.usp-wrapper .usp-container.icon-top .usp-item{flex-direction:column;align-items:flex-start;text-align:left}.usp-wrapper .usp-container.icon-top .description{margin-top:var(--spacing-xxs)}.usp-wrapper .usp-container.icon-left .usp-item{flex-direction:row;align-items:flex-start;align-items:top;gap:var(--spacing-xs)}.usp-wrapper .usp-container.icon-left .usp-item .icon-wrapper{flex-shrink:0;margin-top:3px}.usp-wrapper .usp-container.icon-left .description{margin-top:var(--spacing-xs)}.usp-wrapper .usp-item{display:flex;padding:0;box-sizing:border-box}.usp-wrapper .text-content{display:flex;flex-direction:column}.usp-wrapper .text-content akzo-button::part(tertiary){align-items:flex-start;justify-content:flex-start;min-width:max-content;height:100%}.usp-wrapper .text-content akzo-button::part(tertiary)::after{content:"";position:absolute;top:-2px;left:-6px;right:-6px;bottom:-4px}.usp-wrapper .text-content akzo-button::part(button-text){width:100%;text-align:left;line-height:20px;
1display:inline-block;max-width:30ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.usp-wrapper .text-content akzo-button::part(button-text)::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--color-stroke-strong)}@media (max-width: 600px){.usp-wrapper .text-content akzo-button::part(tertiary){min-width:auto}.usp-wrapper .text-content akzo-button::part(button-text){white-space:normal;word-break:break-word;overflow:visible;text-overflow:unset;max-width:fit-content;cursor:default}}.usp-wrapper .text-content .description{height:100%;color:var(--color-text-body);margin-bottom:0;line-height:20px;white-space:normal;word-break:break-word}.two-usp .text-content akzo-button::part(button-text){max-width:50ch}.parent-wrapper.inverse .section-heading{color:white}.parent-wrapper.inverse .description{color:white}.parent-wrapper.inverse akzo-button::part(button-text){color:white}.parent-wrapper.inverse akzo-button::part(button-text)::after{background:white}.parent-wrapper.inverse akzo-icon{color:white}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.colorMode="default",this.iconPosition="left",this.iconColor="black",this.isProjectList=!1,this.isHeadingDividerEnabled=!0}},[1,"akzo-usp",{heading:[1537],headingWeight:[1,"heading-weight"],headingLevel:[1,"heading-level"],colorMode:[1,"color-mode"],backgroundColor:[1,"background-color"],uspsCollection:[1537,"usps-collection"],fullWidth:[1540,"full-width"],iconPosition:[1537,"icon-position"],iconColor:[1537,"icon-color"],isProjectList:[1540,"is-project-list"],isHeadingDividerEnabled:[1540,"is-heading-divider-enabled"],isValid:[32],parsedItems:[32]},void 0,{uspsCollection:[{validateItems:0}]}]);function s(){"undefined"!=typeof customElements&&["akzo-usp","akzo-button","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-usp":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),l);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,d.d)()}})}},32264:(t,e,o)=>{o.r(e),o.d(e,{AkzoIcon:()=>n,defineCustomElement:()=>a});var i=o(27857);let n=i.A,a=i.d},34355:(t,e,o)=>{o.d(e,{X:()=>a,d:()=>n});var i=o(30730);let n=i.A,a=i.d},34759:(t,e,o)=>{o.d(e,{J:()=>n,X:()=>a});var i=o(65902);let n=i.A,a=i.d},35159:(t,e,o)=>{o.r(e),o.d(e,{AkzoFilterGroupContainer:()=>x,defineCustomElement:()=>u});var i=o(41421),n=o(23952),a=o(47408),r=o(71810),d=o(70486),l=o(89039),s=o(27857),m=o(65250),p=o(48147),h=o(88857),g=o(80618);let c={data:{productFilterSets:[{filters:[{active:!0,label:"positions",multiple:!0,order:1,type:"value",values:[{label:"Interior",order:1,value:"Interior",enabled:!0,subFilters:null},{label:"Exterior",order:2,value:"Exterior",enabled:!0,subFilters:null},{label:"Ceiling",order:3,value:"Ceiling",enabled:!0,subFilters:null},{label:"Roof",order:4,value:"Roof",enabled:!0,subFilters:null},{label:"Kitchen",order:5,value:"Kitchen",enabled:!0,subFilters:null},{label:"Bathroom",order:6,value:"Bathroom",enabled:!0,subFilters:null},{label:"Garden",order:7,value:"Garden",enabled:!0,subFilters:null}]},{active:!0,label:"roomTypes",multiple:!0,order:2,type:"value",values:[{label:"Bedroom",order:1,value:"Bedroom",enabled:!0,subFilters:null},{label:"Living Room",order:2,value:"Living Room",enabled:!0,subFilters:null},{label:"Dining Room",order:3,value:"Dining Room",enabled:!0,subFilters:null},{label:"Hallway",order:4,value:"Hallway",enabled:!0,subFilters:null},{label:"Balcony",order:5,value:"Balcony",enabled:!0,subFilters:null},{label:"Office",order:6,value:"Office",enabled:!0,subFilters:null},{label:"Kids Room",order:7,value:"Kids Room",enabled:!0,subFilters:null}]},{active:!0,label:"sheen",multiple:!0,order:3,type:"value",values:[{label:"Matt",order:1,value:"Matt",enabled:!0,subFilters:null},{label:"Gloss",order:2,value:"Gloss",enabled:!0,subFilters:null},{label:"Silk",order:3,value:"Silk",enabled:!0,subFilters:null},{label:"Satin",order:4,value:"Satin",enabled:!0,subFilters:null},{label:"Eggshell",order:5,value:"Eggshell",enabled:!0,subFilters:null},{label:"Flat",order:6,value:"Flat",enabled:!0,subFilters:null},{label:"Velvet",order:7,value:"Velvet",enabled:!0,subFilters:null}]},{active:!0,label:"productTypes",multiple:!0,order:4,type:"value",values:[{label:"Accessory",order:1,value:"Accessory",enabled:!0,subFilters:null},{label:"Base",order:2,value:"Base",enabled:!0,subFilters:null},{label:"Paint",order:3,value:"Paint",enabled:!0,subFilters:null},{label:"Primer",order:4,value:"Primer",enabled:!0,subFilters:null},{label:"Enamel",order:5,value:"Enamel",enabled:!0,subFilters:null},{label:"Varnish",order:6,value:"Varnish",enabled:!0,subFilters:null},{label:"Sealer",order:7,value:"Sealer",enabled:!0,subFilters:null}]}]}]}},b=(0,i.p)(class extends i.H{componentWillLoad(){this.transformAndSetData(this.data),this.updateIsMobile(),window.addEventListener("resize",this.updateIsMobile)}disconnectedCallback(){window.removeEventListener("resize",this.updateIsMobile)}handleDataChange(t){this.transformAndSetData(t)}transformAndSetData(t){var e,o,i;let n=(null==(i=null==(o=null==(e=null==t?void 0:t.data)?void 0:e.productFilterSets)?void 0:o[0])?void 0:i.filters)||[];this.filterData=0!==this.filterData.length?this.filterData.map(t=>{let e=n.find(e=>e.label===t.label);return e?Object.assign(Object.assign({},t),{values:e.values||t.values}):t}):JSON.parse(JSON.stringify(n))}getSelectedFilters(){let t=[];
1return this.filterData.forEach(e=>{e.values.forEach(o=>{o.checked&&t.push({group:e.label,value:o.label})})}),t}render(){let t=this.getSelectedFilters(),e=this.myAkzoPlp||this.isMobile;return(0,i.h)(i.a,{key:"820a98f614b4346989d655c1a2357a1bfc9642da"},(0,i.h)("div",{key:"d8e295b2c4cdb9af0709e1180afa71f0b187f0ff",class:"main-content",style:{marginLeft:this.containerOffset}},(0,i.h)("div",{key:"3d1c175d3c294c29f9c4c62e8b69e55fcef32651",class:"filter-container"},e?(0,i.h)("akzo-button",{variant:"secondary",size:"m",rightIcon:"settings-2",label:this.filterTitle,onButtonClick:this.toggleFilters}):(0,i.h)("div",{class:"filter-header"},(0,i.h)("p",null,this.filterTitle),(0,i.h)("akzo-button",{variant:"tertiary",label:this.clearAllLabel,onButtonClick:this.handleClearAll,coreColor:"default",size:"s",disabled:this.disableClearAll})),(!e||this.showFilters)&&(0,i.h)("div",{key:"66aa51143bc83c2216e75a6a948054ffebf7d292",class:"filter-groups",part:"filter-groups"},this.filterData.map((t,e)=>(0,i.h)("akzo-filter-category",{ref:t=>this.categoryRefs[e]=t,exportparts:"list:filter-container-list",key:t.type+e,filterTitle:t.label,allowMultipleExpand:this.allowMultipleExpand,closeOnOutsideClick:this.closeOnOutsideClick,enableHover:this.enableHover,clickableLabel:this.clickableLabel,defaultExpanded:this.expandFirstFilter&&0===e,items:t.values.map(e=>({label:e.label,type:t.multiple?"check":"radio",checked:e.checked,indeterminate:e.indeterminate,enabled:e.enabled,disabled:e.disabled,href:e.href})),class:{disabled:t.values.every(t=>!t.enabled)},onAkzoSelectionChange:this.handleSelectionChange})),e&&(0,i.h)("akzo-button",{key:"052acced07b99f3b664e4d603fc0b067ff0d059b",variant:"tertiary",label:this.clearAllLabel,onButtonClick:this.handleClearAll,coreColor:"default",size:"s",disabled:this.disableClearAll}))),this.showSelectedFilters&&t.length>0&&(0,i.h)("div",{key:"a352aa47e49744c03195ce41304d1143de962f71",class:"filters"},(0,i.h)("div",{key:"b74570e703bb0833f5500f0a942cfe7567afd132",class:"filters-header"},(0,i.h)("span",{key:"4e0082fffd771bd8a9b32ba454305cd4846dd48a",class:"title"},"My Filters"),(0,i.h)("akzo-button",{key:"bd843616f5fde6ee2f070d6f7e04a19c618f4bca",variant:"tertiary",label:this.clearAllLabel,onButtonClick:this.handleClearAll,coreColor:"default",size:"s",disabled:this.disableClearAll})),(0,i.h)("div",{key:"18952441127d7ea129e3b2974fb26ff45f188f8a",class:"chips"},t.map(t=>(0,i.h)("span",{class:"chip",key:t.value},t.value,(0,i.h)("button",{class:"remove",onClick:()=>this.handleRemoveFilter(t.group,t.value)},"â")))))))}get hostEl(){return this}static get watchers(){return{data:[{handleDataChange:0}]}}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.main-content{gap:1.5rem;align-items:flex-start;flex-wrap:wrap;}.main-content akzo-button::part(tertiary)::after{border:none}.filter-container{display:flex;flex-direction:column;border-radius:8px;background-color:transparent;max-width:18rem}@media (max-width: 600px){.filter-container{max-width:100%;padding:0.75rem 0}.filter-container akzo-button::part(button-text){padding-bottom:6px;margin:inherit}.filter-container akzo-button::part(tertiary){margin-right:4rem;padding-left:10px}.filter-container akzo-button::part(secondary):hover{background-color:transparent}.filter-container akzo-button::part(secondary)::before{border-radius:var(--radius-button-border-radius, 0.25rem);border:1px solid var(--colour-Interactive-Secondary-Default, #121212);background:var(--colour-Surface-Neutral-option-1, #FFF)}}@media (min-width: 904px){.filter-container{max-width:22rem}}.filter-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0;padding-bottom:0.5rem;gap:0.5rem}.filter-header p{color:#0A0A0A;font-weight:700;font-size:16px;margin-left:0.6rem;font-family:"Open Sans", sans-serif}.filter-header akzo-heading{white-space:nowrap;flex-grow:1}akzo-filter-category:not(:last-child){border-bottom:1px solid #e0e0e0;max-width:24rem}@media (max-width: 600px){akzo-filter-category:not(:last-child){max-width:100%}}@media (min-width: 904px){akzo-filter-category:not(:last-child){max-width:28rem}}.filter-groups{display:flex;flex-direction:column;border-bottom:1px solid #e0e0e0}@media (max-width: 600px){.filter-groups{border-bottom:none}}.filter-groups akzo-filter-category:not(:last-child){border-bottom:1px solid #e0e0e0;max-width:24rem}@media (max-width: 600px){.filter-groups akzo-filter-category:not(:last-child){max-width:100%;margin-top:10px}}@media (min-width: 904px){.filter-groups akzo-filter-category:not(:last-child){max-width:28rem}}.filters{display:flex;flex-direction:column;gap:0.5rem;padding:0.75rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;max-width:30rem;margin-bottom:1rem}.filters-header{display:flex;justify-content:space-between;align-items:center}.filters .title{font-size:0.875rem;font-weight:600;color:#333;margin-bottom:0.25rem}.chips{display:flex;flex-wrap:wrap;gap:0.5rem}.chip{display:inline-flex;align-items:center;background-color:#f1f1f1;border-radius:999px;padding:0.25rem 0.75rem;font-size:0.8125rem;font-weight:500;color:#222;line-height:1.4;transition:background-color 0.2s ease}.chip:hover{background-color:#e8e8e8}.chip .remove{margin-left:0.5rem;border:none;background:transparent;color:#666;font-size:0.875rem;cursor:pointer;transition:color 0.2s ease}.chip .remove:hover{color:#c00}akzo-filter-category{outline:none;padding:10px}akzo-filter-category select{outline:none;border-radius:8px;transition:border 0.2s ease, box-shadow 0.2s ease}akzo-filter-category.disabled{opacity:0.5;pointer-events:none;user-select:none;}akzo-button::part(button-text)::after{height:3px}akzo-button::part(button-text){padding-bottom:6px;margin-top:4px}akzo-button::part(tertiary){width:fit-content;min-width:unset;padding-left:0px;padding-right:11px}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.akzoFilterChange=(0,i.c)(this,"akzoFilterChange"),this.akzoClearAll=(0,i.c)(this,"akzoClearAll"),this.akzoFilterToggle=(0,i.c)(this,"akzoFilterToggle"),this.data=c,this.filterTitle="Filters",this.clearAllLabel="Clear All",this.showSelectedFilters=!1,this.disableClearAll=!0,this.allowMultipleExpand=!0,this.closeOnOutsideClick=!1,this.enableHover=!1,this.clickableLabel=!1,this.containerOffset="0px",this.myAkzoPlp=!1,this.expandFirstFilter=!1,this.filterData=[],this.clearCount=0,this.isMobile=window.innerWidth<=768,this.show
1Filters=!1,this.categoryRefs=[],this.isClearingAll=!1,this.updateIsMobile=()=>{this.isMobile=window.innerWidth<=768},this.handleClearAll=async()=>{this.isClearingAll=!0,this.filterData=this.filterData.map(t=>Object.assign(Object.assign({},t),{values:t.values.map(t=>Object.assign(Object.assign({},t),{checked:!1,indeterminate:!1}))})),this.categoryRefs.length&&await Promise.all(this.categoryRefs.map(t=>t.clearSelections())),this.clearCount+=1,this.akzoClearAll.emit(),(0,n.p)({event:"fpp-event",event_name:"product_listing_clear_filters",eventLabel:"clear all filters",component_name:"filter_category_list"}),this.isClearingAll=!1},this.handleRemoveFilter=(t,e)=>{this.filterData=this.filterData.map(o=>o.label!==t?o:Object.assign(Object.assign({},o),{values:o.values.map(t=>t.label===e?Object.assign(Object.assign({},t),{checked:!1,indeterminate:!1}):t)}));let o=this.filterData.find(e=>e.label===t);if(o){let e=o.values.filter(t=>t.checked).map(t=>t.label);this.akzoFilterChange.emit({filterKey:t,selectedValues:e})}},this.handleSelectionChange=t=>{let{filterTitle:e,items:o,selectedRadio:i}=t.detail;if(this.isClearingAll)return;this.filterData=this.filterData.map(t=>{if(t.label!==e)return t;if(t.multiple)return Object.assign(Object.assign({},t),{values:o});let n=t.values.map(t=>Object.assign(Object.assign({},t),{checked:i===t.label}));return Object.assign(Object.assign({},t),{values:n})});let n=this.filterData.find(t=>t.label===e);if(n){let t=n.values.filter(t=>t.checked).map(t=>t.label);this.akzoFilterChange.emit({filterKey:e,selectedValues:t})}},this.toggleFilters=()=>{this.showFilters=!this.showFilters,this.akzoFilterToggle.emit({open:this.showFilters})}}},[1,"akzo-filter-group-container",{data:[8],filterTitle:[1,"filter-title"],clearAllLabel:[1,"clear-all-label"],showSelectedFilters:[4,"show-selected-filters"],disableClearAll:[4,"disable-clear-all"],allowMultipleExpand:[4,"allow-multiple-expand"],closeOnOutsideClick:[4,"close-on-outside-click"],enableHover:[4,"enable-hover"],clickableLabel:[4,"clickable-label"],containerOffset:[1,"container-offset"],myAkzoPlp:[4,"my-akzo-plp"],expandFirstFilter:[4,"expand-first-filter"],filterData:[32],clearCount:[32],isMobile:[32],showFilters:[32]},void 0,{data:[{handleDataChange:0}]}]),x=b,u=function(){"undefined"!=typeof customElements&&["akzo-filter-group-container","akzo-button","akzo-checkbox","akzo-colour-swatch","akzo-filter-category","akzo-icon","akzo-loader","akzo-pricing-range","akzo-radio","akzo-slider"].forEach(t=>{switch(t){case"akzo-filter-group-container":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),b);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-checkbox":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-colour-swatch":customElements.get((0,i.t)(t))||(0,d.d)();break;case"akzo-filter-category":customElements.get((0,i.t)(t))||(0,l.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,s.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,m.d)();break;case"akzo-pricing-range":customElements.get((0,i.t)(t))||(0,p.d)();break;case"akzo-radio":customElements.get((0,i.t)(t))||(0,h.d)();break;case"akzo-slider":customElements.get((0,i.t)(t))||(0,g.d)()}})}},36819:(t,e,o)=>{o.d(e,{X:()=>a,r:()=>n});var i=o(24809);let n=i.A,a=i.d},36951:(t,e,o)=>{o.d(e,{X:()=>l,p:()=>d});var i=o(41421),n=o(27857),a=o(65250);let r=(0,i.p)(class extends i.H{render(){return this.icon?(0,i.h)("span",{part:"clickable-icon",class:{"clickable-icon":!0,"is-inverse":this.inverse},role:"button",tabindex:"0","aria-label":this.icon,onClick:this.handleClick,onKeyDown:this.handleKeyDown},(0,i.h)("akzo-icon",{name:this.icon})):null}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.clickable-icon{display:inline-block;width:var(--spaciing-l);height:var(--spaciing-l);transition:all var(--motion-duration-medium-01) ease 0ms;cursor:pointer}.clickable-icon:hover akzo-icon::part(icon){color:var(--color-interactive-primary-hovered)}.clickable-icon:focus{border-radius:var(--radius-m);outline:1px solid var(--color-stroke-strong);outline-offset:2px}.clickable-icon:active{outline:none}.clickable-icon:active akzo-icon::part(icon){color:var(--color-interactive-primary-pressed)}.clickable-icon.is-inverse akzo-icon::part(icon){color:var(--color-icon-default-inverse)}.clickable-icon.is-inverse:hover akzo-icon::part(icon){color:var(--color-interactive-primary-hovered-inverse)}.clickable-icon.is-inverse:focus{outline:1px solid var(--color-stroke-strong-inverse)}.clickable-icon.is-inverse:active akzo-icon::part(icon){color:var(--color-icon-inverse-pressed-inverse)}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.buttonClick=(0,i.c)(this,"buttonClick"),this.handleClick=()=>{this.buttonClick.emit()},this.handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.buttonClick.emit())}}},[1,"akzo-clickable-icon",{icon:[1],inverse:[4]}]),d=r,l=function(){"undefined"!=typeof customElements&&["akzo-clickable-icon","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-clickable-icon":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),r);break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,a.d)()}})}},37013:(t,e,o)=>{o.d(e,{B:()=>n,X:()=>a});var i=o(48147);let n=i.A,a=i.d},37456:(t,e,o)=>{o.d(e,{U:()=>d,X:()=>l});var i=o(41421),n=o(27857),a=o(65250);let r=(0,i.p)(class extends i.H{render(){return(0,i.h)("button",{key:"18458b33ca261c08201db9d7860a04e42bd10c17",class:{thumbnail:!0,active:this.isSelected},"aria-label":this.alt,onClick:this.handleClick},(0,i.h)("img",{key:"46ccb2b571d83ba7c6a8bfb016aac4462bb22f73",src:this.src,alt:this.alt,onError:this.onImageError}),this.isSelected&&(0,i.h)("span",{key:"0cc816d8fc6a73f2b02031d0041f4d9d5be8f6c6",class:"tickmark"},(0,i.h)("akzo-icon",{key:"d5e1def160ae3a932da46641983f2f6327c989fb",name:"check"})))}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.thumbnail{flex:0 0 auto;position:relative;background:none;cursor:pointer;margin-top:0.9375rem;padding:0;display:inline-flex;flex-direction:column;align-items:center;border:none}.thumbnail img{width:138px;height:78.19px;object-fit:cover;background-color:#f5f5f5;transition:transform 0.25s ease-in-out;display:block;border-radius:0}.thumbnail:not(.active):hover img,.thumbnail:not(.active):focus img{transform:scale(1.1)}.thumbnail.active::before{content:"";position:absolute;top:0;left:0;width:7.25rem;height:4.0625rem;background-color:rgba(0, 0, 0, 0.5019607843);z-index:1;border-radius:0}.thumbnail.active::after{content:"";display:block;width:100%;height:0.1875rem;background-color:var(--colour-Stroke-Strong, #121212);margin-top:0.2rem;position:relative;z-index:3}.thumbnail.active .tickmark{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;display:flex;justify-content:center;align-items:center}.thumbnail.active .tickmark akzo-icon::part(svg){color:#FFF;width:2.8125rem;height:2.8125rem;flex-shrink:0;margin-bottom:0.625rem;margin-left:0.1875rem}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isSelected=!1,this.handleClick=()=>{this.isSelected=!this.isSelected},this.onImageError=t=>{t.target.src=""}}},[1,"akzo-image-thumbnails",{src:[1],alt:[1],isSelected:[1540,"is-selected"]}]),d=r,l=function(){"undefined"!=typeof customElements&&["akzo-image-thumbnails","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-image-thumbnails":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),r);break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,a.d)()}})}},37707:(t,e,o)=>{o.r(e),o.d(e,{AkzoSelectionCards:()=>s,defineCustomElement:()=>m});var i=o(41421),n=o(47408),a=o(27857),r=o(65250),d=o(78645);let l=(0,i.p)(class extends i.H{parseCardsJson(t){if(t)try{let e=JSON.parse(t);Array.isArray(e)?this.cards=e:e&&Array.isArray(e.items)&&(this.cards=e.items)}catch(t){}}connectedCallback(){this.parseCardsJson(this.cardsJson),"undefined"!=typeof window&&window.addEventListener("resize",this.handleResize)}disconnectedCallback(){"undefined"!=typeof window&&window.removeEventListener("resize",this.handleResize)}getNormalizedCards(){var t,e,o;if(Array.isArray(this.cards)&&this.cards.length>0)return this.cards;let i=null!=(e=null==(t=this.cardsCollection)?void 0:t.items)?e:[];return Array.isArray(i)&&i.length>0?i:null!=(o=this.cards)?o:[]}splitIntoRows(t){let e=[],o=0;for(;o<t.length;){if(t.length-o<4){e.push({variant:"expanded",items:t.slice(o)});break}e.push({variant:"compact",items:t.slice(o,o+4)}),o+=4}return e}render(){let t=this.getNormalizedCards(),e=this.innerWidth>=1025?this.splitIntoRows(t):[{variant:"compact",items:t}],o=this.headingWeight||"h2",n=this.headingLevel?"heading-"+this.headingLevel:"selection-title",a=(this.heading||"").trim(),r=(this.ctaLabel||"").trim(),d=(this.ctaUrl||"").trim();return(0,i.h)(i.a,{key:"f9521903d1d4625e661a4c14bbe038c875932e4d"},(0,i.h)("div",{key:"caced6bc0addddfba7c1f19bc617b3fe8e3cfe4b",class:"akzo-selection",part:"container"},a&&(0,i.h)("div",{key:"aa81bbc967896d9e9c689b68ce07c1abf6c8e84c",class:"selection-header",part:"header"},(0,i.h)(o,{key:"c1a4d77f9b5461219f261b2e2112f07ea4679504",class:n,part:"title"},a)),(0,i.h)("div",{key:"e1da885ef58f4a6473dbf323d15d06dd664734bd",class:"selection-grid",part:"grid"},e.map((t,e)=>(0,i.h)("div",{class:{"card-row":!0,compact:"compact"===t.variant,expanded:"expanded"===t.variant},key:"row-"+e},t.items.map((o,n)=>(0,i.h)("akzo-product-category-card",{class:t.variant,key:"card-".concat(e,"-").concat(n),heading:(o.heading||"").trim(),description:(o.description||"").trim(),image:o.image,ctaLabel:(o.ctaLabel||"").trim(),ctaUrl:(o.ctaUrl||"").trim(),cardVariant:t.variant,openInNewTab:this.openInNewTab}))))),!!r&&!!d&&"#"!==d&&(0,i.h)("div",{key:"b68970518b4ca02c2a491846493e168e5cac87cf",class:"selection-footer",part:"footer"},(0,i.h)("akzo-button",{key:"dc4c058d37c68774076f5f78d9b7515945c3b4d3",label:r,variant:this.ctaVariant,rightIcon:this.ctaRightIcon,part:"cta-button",actionType:"redirect",redirectUrl:d,isOpenInNewTab:this.openInNewTab}))))}static get watchers(){return{cardsJson:[{parseCardsJson:0}]}}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host(.expanded){height:444px}:host(.expanded) .card-inner{display:flex;flex-direction:column;height:100%}:host(.expanded) akzo-button{margin-top:auto}:host{display:block;width:100%;font-family:"Open Sans", sans-serif}.akzo-selection{width:100%;padding:2rem 20px;display:flex;flex-direction:column;gap:24px;background:transparent}akzo-button::part(primary){align-items:unset}.selection-header{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:0.75rem;font-family:"Colour Sans", sans-serif}.selection-title{width:100%;max-width:792px;font-size:1.5rem;font-weight:700;line-height:1.75rem;font-family:"Colour Sans", sans-serif;color:var(--color-text-functional);margin:0}.selection-grid{width:100%;display:flex;flex-direction:column;gap:24px;align-items:center}.card-row{display:grid;width:100%;max-width:1200px;background-color:transparent}.card-row.compact{grid-template-columns:repeat(4, 1fr);gap:24px;justify-content:center}@media (max-width: 767px){.card-row.compact{display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;gap:24px}.card-row.compact>*{width:100%;max-width:320px}}@media (min-width: 768px) and (max-width: 1024px){.card-row.compact{grid-template-columns:repeat(2, 1fr);justify-content:center;gap:1.5rem}.card-row.compact>*{max-width:350px;margin:0 auto}}.card-row.expanded{grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));justify-content:center;gap:1.5rem;width:100%}.selection-footer{width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:center}.selection-footer akzo-button{min-width:10rem;height:3rem}@media (max-width: 767px){.selection-footer{width:100%;display:flex;justify-content:center}.selection-footer akzo-button{width:100%;max-width:100%;height:3rem;text-align:center;font-size:1rem;border-radius:8px}}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.cards=[],this.ctaLabel="",this.ctaUrl="",this.ctaVariant="primary",this.ctaRightIcon="arrow-right",this.openInNewTab=!1,this.innerWidth="undefined"!=typeof window?window.innerWidth:1200,this.handleResize=()=>{this.innerWidth=window.innerWidth}}},[1,"akzo-selection-cards",{cards:[1040],cardsCollection:[1040],cardsJson:[1,"cards-json"],heading:[1537],headingWeight:[1,"heading-weight"],headingLevel:[1,"heading-level"],ctaLabel:[1537,"cta-label"],ctaUrl:[1537,"cta-url"],ctaVariant:[1537,"cta-variant"],ctaRightIcon:[1537,"cta-right-icon"],openInNewTab:[1540,"open-in-new-tab"],innerWidth:[32]},void 0,{cardsJson:[{parseCardsJson:0}]}]),s=l,m=function(){"undefined"!=typeof customElements&&["akzo-selection-cards","akzo-button","akzo-icon","akzo-loader","akzo-product-category-card"].forEach(t=>{switch(t){case"akzo-selection-cards":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),l);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-product-category-card":customElements.get((0,i.t)(t))||(0,d.d)()}})}},39237:(t,e,o)=>{o.d(e,{A:()=>b,d:()=>x});var i=o(41421),n=o(47408),a=o(70486),r=o(13912),d=o(27857),l=o(21702),s=o(16966),m=o(65250),p=o(42431),h=o(23100),g=o(38431),c=o(31867);let b=(0,i.p)(class extends i.H{validateProducts(t){if("string"==typeof t)try{let e=JSON.parse(t);e&&"object"==typeof e&&!Array.isArray(e)?this.parsedProduct=e:console.error("Products must be a single object")}catch(t){console.error("Invalid JSON for product:",t)}else t&&"object"==typeof t&&!Array.isArray(t)?this.parsedProduct=t:console.error("Invalid product format")}getStockLabel(t){switch(t){case"inStock":return"In stock";case"limited":case"limitedStock":return"Limited stock";case"madeToOrder":return"Made To Order";case"noStock":return"Backorder";default:return""}}validateProps(){if(!["b2b","b2c"].includes(this.type))throw Error('[product-line-item] Invalid "type" prop: "'.concat(this.t
1ype,'". Falling back to "b2c".'))}componentWillLoad(){void 0===this.interactive&&(this.interactive=!0),void 0===this.colourSwatch&&(this.colourSwatch=!0),void 0===this.openInNewTab&&(this.openInNewTab=!1),this.validateProducts(this.products),this.validateProps(),this.coreColor=this.coreColor||"default"}disconnectedCallback(){window.removeEventListener("resize",()=>{})}handleQuantityChange(t,e){this.quantityChange.emit({id:t,quantity:e})}handleQuantityChangeStepper(t,e){this.quantityChangeStepper.emit({value:t,source:e})}handleRemove(t){this.removeProduct.emit({id:t})}handleActionClick(t){this.actionClick.emit({action:t})}handleProductClick(t){t.preventDefault(),this.productClick.emit({id:this.parsedProduct.id,product:this.parsedProduct})}renderPromoLabel(t){return t?(0,i.h)("div",{class:"promo-label ".concat(t)},(0,i.h)("akzo-label",{color:"sale"===t?"critical":"info",type:"label",label:t})):null}renderPromoLabelOnMobile(t){return t?(0,i.h)("div",{class:"promo-mobile ".concat(t)},(0,i.h)("akzo-label",{color:"sale"===t?"critical":"info",type:"label",label:t})):null}renderNotification(t){return t?(0,i.h)(i.F,null,(0,i.h)("div",{class:"notification-card "+("b2b"===this.type?"b2b":""),role:"status","aria-live":"polite"},(0,i.h)("akzo-notification-card",{type:t.type,"card-title":t.title,description:t.description,"show-close":"false","show-action":"false"}))):null}renderPrice(t,e,o,n){return"sale"===n?(0,i.h)("div",null,(0,i.h)("akzo-price",{originalPrice:t,salePrice:e,size:"md",currency:o,originalVariant:"bold",customCurrencySymbol:this.customCurrencySymbol})):(0,i.h)("div",{class:"original-price"},(0,i.h)("akzo-price",{originalPrice:t,size:"md",currency:o,originalVariant:"bold",customCurrencySymbol:this.customCurrencySymbol}))}renderB2BInteractiveDetails(t,e,o,n,a){var r,d,l,s,m,p;return(0,i.h)(i.F,null,(0,i.h)("div",{class:"price-row"},(0,i.h)("div",{class:"price-item"},(0,i.h)("span",{class:"unitCost body-xs"},this.unitCostLabel),(0,i.h)("div",{class:"price-wrapper-b2b"},this.renderPrice(t,e,o,this.parsedProduct.promoLabel))),(0,i.h)("akzo-divider",{orientation:"vertical",variant:"line",thickness:"2px",length:"sale"===this.parsedProduct.promoLabel?"100%":"90%"}),(0,i.h)("div",{class:"price-item"},(0,i.h)("span",{class:"unitCost body-xs"},this.totalLabel),(0,i.h)("akzo-price",{originalPrice:null!=n?n:null==(d=(r=this.parsedProduct.value*t,r.toFixed(2)))?void 0:d.toString(),size:"md",currency:a,originalVariant:"bold",customCurrencySymbol:this.customCurrencySymbol}))),this.parsedProduct.stockStatus&&!0===this.interactive&&this.parsedProduct.instock&&(0,i.h)("div",{class:"stock-status"},(0,i.h)("akzo-icon",{name:"divider-large",class:"inverse"===this.coreColor?"dark":"",color:null==(s=null==(l=this.parsedProduct)?void 0:l.stockStatus)?void 0:s.iconColor}),(0,i.h)("span",{class:"in-stock body-s-bold",style:{color:this.parsedProduct.stockStatus.textcolor}},this.getStockLabel(null==(p=null==(m=this.parsedProduct)?void 0:m.stockStatus)?void 0:p.status))))}renderB2CQuantitySection(){return!1===this.interactive?(0,i.h)("span",{class:"checkout-qty body-s"},"Qty: ",this.parsedProduct.quantity):this.parsedProduct.instock?(0,i.h)(i.F,null,(0,i.h)("div",{class:"dropdown-wrapper"},(0,i.h)("akzo-input-select-dropdown",{value:this.parsedProduct.quantity,options:this.parsedProduct.dropdownOption,onValueChange:t=>this.handleQuantityChange(t.detail.id,Number(t.detail.value))})),this.showItemAdded&&(0,i.h)("div",{class:"itemAddWrapper"},(0,i.h)("akzo-icon",{name:"check",size:"s"}),(0,i.h)("span",{class:"body-xs itemAdded"},this.addedToBasketLabel))):(0,i.h)("div",{class:"out-of-stock-pill"},(0,i.h)("akzo-label",{color:"neutral",type:"label",label:this.outStockLabel}))}renderB2BQuantitySection(){var t,e;return!1===this.interactive?(0,i.h)("span",{class:"checkout-qty body-s"},"Qty: ",this.parsedProduct.value):this.parsedProduct.instock?(0,i.h)(i.F,null,(0,i.h)("div",{class:"quantity-wrapper"},(0,i.h)("akzo-quantity-incrementor",{validateOnLoad:this.validateOnLoad,cartMobileStyles:this.cartMobileStyles,mode:"stepper",value:this.parsedProduct.value,step:this.parsedProduct.stepperOption.step,minOrderQuantity:null==(t=this.parsedProduct.stepperOption)?void 0:t.minOrderQuantity,maxOrderQuantity:null==(e=this.parsedProduct.stepperOption)?void 0:e.maxOrderQuantity,unitsPerCarton:this.parsedProduct.stepperOption.unitsPerCarton,layout:"compact",unitsPerCartonLabel:this.parsedProduct.stepperOption.unitsPerCartonLabel,unitsLabel:this.parsedProduct.stepperOption.unitsLabel,errorMessages:this.parsedProduct.stepperOption.errorMessages,onActionClick:t=>this.handleActionClick(t.detail.action),onQuantityChange:t=>this.handleQuantityChangeStepper(t.detail.value,t.detail.source),styleSecondaryMinus:this.styleSecondaryMinus,onErrorStateChange:t=>this.errorStateChange.emit(!!t),onErrorMessage:t=>{this.errorMessage.emit(t.detail)},hideErrorMessage:this.hideErrorMessage})),this.showItemAdded&&(0,i.h)("div",{class:"itemAddWrapper"},(0,i.h)("akzo-icon",{name:"check",size:"s"}
1),(0,i.h)("span",{class:"body-xs itemAdded"},"Added to basket"))):(0,i.h)("div",{class:"out-of-stock-pill"},(0,i.h)("akzo-label",{color:"neutral",type:"label",label:this.parsedProduct.promoLabel}))}render(){var t,e;let{price:o={},unitCost:n={}}=this.parsedProduct||{},{regular:a,sale:r}=o,{amount:d,currency:l}=a,s=null==r?void 0:r.amount,{amount:m,currency:p}=n,h=(0,i.h)("article",{key:"faa0365aa90216bbeeee4790281380f3fbfa7bb1",class:"card-wrapper "+(!0!==this.parsedProduct.instock?"outOfStock":"")},(0,i.h)("div",{key:"8bc0790c10400db8630d1e47d75dc7b41cd0f5d2",class:{"card-main":!0,b2c:"b2c"==this.type,b2b:"b2b"==this.type,"color-inverse":"inverse"===this.coreColor}},(0,i.h)("div",{key:"2bda7c241d5995b4226e1229f6164ce4f14f06af",class:{"image-container":!0,"image-container--b2b":"b2b"===this.type}},this.parsedProduct.instock&&this.renderPromoLabel(this.parsedProduct.promoLabel),this.parsedProduct.packshot.imageUrl&&(0,i.h)("div",{key:"e8297a2bfffa2e003c59b4b1089d36ae5cc94da9",class:"product-image",onClick:t=>this.handleProductClick(t),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||this.handleProductClick(t)},tabIndex:0},(0,i.h)("picture",{key:"98259a0b7720f7e302ee06a6bd6a3b2b30967280"},(0,i.h)("source",{key:"84bec60ccf7687ff1991dbb92ab2e4d798d7cf52",srcSet:this.parsedProduct.packshot.imageUrl.large,media:"(min-width: 1024px)"}),(0,i.h)("source",{key:"5849afda077b80116eb412f5fcbda14788a07b8f",srcSet:this.parsedProduct.packshot.imageUrl.medium,media:"(min-width: 600px)"}),(0,i.h)("img",{key:"1ed9132672eeaf20b9d182dd47ca34b2cdc7774f",src:this.parsedProduct.packshot.imageUrl.thumbnail,alt:this.parsedProduct.packshot.imageAlt,loading:"lazy"}))),"b2b"===this.type&&(0,i.h)("div",{key:"f2fe308c7c34ae9980245086f6246353c5cf6b05",class:"b2b-icons"},null==(e=null==(t=null==this?void 0:this.parsedProduct)?void 0:t.hazardIcons)?void 0:e.map(t=>(0,i.h)("img",{src:t.url,alt:t.alt,class:"b2b-icon",part:"hazard-icon"}))),"b2c"===this.type&&this.colourSwatch&&(0,i.h)("div",{key:"eee87bdde7e2f8eafbb85215e05ac0dd6bcd5878",class:"swatch-wrapper"},(0,i.h)("akzo-colour-swatch",{key:"cd16b8d8461cbfd515a183b3f53cbd75562d1a30",aspectRatio:"auto",ariaLabel:this.parsedProduct.packshot.swatchLabel,hex:this.parsedProduct.packshot.swatchColor}))),(0,i.h)("div",{key:"1e5d01fae18908d56e33275abd113ad2925dc404",class:"details-wrapper "+("b2b"===this.type?"b2b":"")},(0,i.h)("section",{key:"e5e8b39380e76f78a0bdb82b052b911402848ca8",class:"details"},"b2b"===this.type&&!0===this.interactive&&(0,i.h)("div",{key:"11a1d73ec8c00dfaf53e134269bff74be2743a58",class:"b2b-trash b2b-delete",onClick:()=>this.handleRemove(this.parsedProduct.id),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleRemove(this.parsedProduct.id))},tabIndex:0,role:"button","aria-label":"Delete item",title:"Delete item"},(0,i.h)("akzo-icon",{key:"ca841019a867837506108480b38d58ad5403e253",name:"trash-2",class:"inverse"===this.coreColor?"dark":""})),"b2b"===this.type&&!1===this.interactive&&(0,i.h)("div",{key:"3a25ea9a8c6cc36b1237914850fc6552ab380f14",class:"b2b-trash"},(0,i.h)("div",{key:"6203ac58b9eff9d009757fb2f597630fad420bd6",class:"price-wrapper-b2b-checkout"},this.renderPrice(d,s,l,this.parsedProduct.promoLabel))),this.parsedProduct.promoLabel&&this.parsedProduct.instock&&this.renderPromoLabelOnMobile(this.parsedProduct.promoLabel),(0,i.h)("h2",{key:"1d4d9599fd42f7b9992c8f1a99cc1fb96f3eeb44",part:"heading-styles",class:"product-name body-s-bold","aria-label":"product name",onClick:t=>this.handleProductClick(t),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||this.handleProductClick(t)},tabIndex:0},this.parsedProduct.name),(0,i.h)("div",{key:"bc6639a7324bb4092c6e232f9a0147fc5e4a6635",class:"product-info","aria-label":"product details",role:"group"},this.parsedProduct.colorName&&(0,i.h)("p",{key:"d71db3532d7eb2f2777c399b59e888e9639e6df2",class:"body-s"},this.parsedProduct.colorName),this.parsedProduct.colorName&&this.parsedProduct.size&&(0,i.h)("akzo-icon",{key:"de53aea4957e31f39dc4a41dd4b9155c54734c60",name:"devider",class:"inverse"===this.coreColor?"dark":""}),this.parsedProduct.size&&(0,i.h)("p",{key:"0ee03c726d5081f4f7219f7d0a4de450906eef28",class:"body-s "+(this.highlightUnavailable&&!1===this.parsedProduct.readyForSale?"sku-unavailable":"")},this.parsedProduct.size)),"b2c"===this.type?(0,i.h)(i.F,null,!0===this.interactive&&(0,i.h)("p",{class:"coverage body-xs"},this.parsedProduct.coverage),this.renderB2CQuantitySection()):(0,i.h)("div",{class:"b2b-details"},!0===this.interactive&&this.renderB2BInteractiveDetails(d,s,l,m,p),(0,i.h)("div",{class:"quantity-section"},this.renderB2BQuantitySection()))),"b2c"===this.type&&(0,i.h)("section",{key:"a13c88c07fdbb882f063bcfe1132d027182d9a7e",class:"price-section","aria-label":"Price information"},!0===this.interactive&&(0,i.h)("div",{key:"f9dfad8277a75841e9c09f5b0e4a6ddf60b1cc2b",class:"trash-wrapper",onClick:()=>this.handleRemove(this.parsedProduct.id),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleRemove(this.parsedProduct.id))},tabindex:"0",role:"button","aria-label":"Remove product"},(0,i.h)("akzo-icon",{key:"57b47726a72fc2c623bd275e2e4be298aae30d65",name:"trash-2",class:"inverse"===this.coreColor?"dark":""})),"b2c"===this.type&&(0,i.h)("div",{key:"af3186ffa04325842721ef205953d13ff722e63a",class:{"price-wrapper":!0,"checkout-padding":!1===this.interactive}},this.renderPrice(d,s,l,this.parsedProduct.promoLabel))))),!0===this.interactive&&this.parsedProduct.notification&&(0,i.h)("div",{key:"8b730988ff592e69fa444fdd9a0a0bc6e56c286b",class:"card-footer "+("b2b"===this.type?"b2b":"")},this.renderNotification(this.parsedProduct.notification)));return(0,i.h)(i.a,{key:"da75a8efb0fe4e43b4f7736af5061fb35ecb9889"},(0,i.h)("div",{key:"364da60d5c67c223ff93d0b0c29d1d4461821dcd",class:{"product-list-container":!0,["product-list-container--".concat(this.t
1ype)]:!!this.type}},this.parsedProduct.href?(0,i.h)("a",{href:this.parsedProduct.href,target:this.openInNewTab?"_blank":"_self",class:"card-link"},h):h))}static get watchers(){return{products:[{validateProducts:0}]}}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:block;box-sizing:border-box}:host([cart-mobile-styles]) .card-main.b2b{gap:var(--spacing-xs)}.product-list-container{display:flex;flex-direction:column;flex-wrap:wrap;background:var(--color-surface-neutral-option1);width:100%;max-width:690px;height:auto;box-sizing:border-box}@media (max-width: 600px){.product-list-container{width:100%;display:flex}}@media (max-width: 350px){.product-list-container .card-wrapper{width:100% !important}}.product-list-container akzo-colour-swatch .akzo-colour-swatch:hover{transform:scale(1)}.product-list-container--b2b{width:100%;max-width:426px}.product-list-container--b2b .card-main.b2b{display:flex;height:fit-content;width:100%;max-width:426px;gap:var(--spacing-sm);padding:0}.product-list-container .card-main{display:flex;align-items:flex-start;height:160px;width:100%;gap:var(--spacing-md);padding:0}@media ((max-width: 600px)){.product-list-container .card-main{height:fit-content;gap:var(--spacing-xxs)}}.product-list-container .card-main.b2c{height:fit-content;max-height:185px}@media ((max-width: 600px)){.product-list-container .card-main.b2c{height:fit-content;gap:var(--spacing-xxs);max-height:245px}}.product-list-container .card-main .image-container{position:relative;width:160px;height:100%;flex-shrink:0}.product-list-container .card-main .image-container .product-image{display:block;max-width:100%;max-height:100%;cursor:pointer}.product-list-container .card-main .image-container .swatch-wrapper{position:absolute;bottom:14px;right:14px;height:40px;width:40px}.product-list-container .card-main .image-container .swatch-wrapper akzo-colour-swatch .akzo-colour-swatch{border:2.75px solid var(--color-icon-on-brand);border-top-right-radius:var(--radius-l);border-bottom-left-radius:var(--radius-l);border-top-left-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}@media ((max-width: 600px)){.product-list-container .card-main .image-container .swatch-wrapper{height:28px;width:28px}}@media ((max-width: 600px)){.product-list-container .card-main .image-container{width:93px}}.product-list-container .card-main .image-container--b2b{position:relative;width:93px;height:100%;flex-shrink:0}.product-list-container .card-main .image-container--b2b .b2b-icons{display:flex;justify-content:center;gap:var(--spacing-xxs);padding:0 12.5px}@media ((min-width: 600px)){.product-list-container .card-main .promo_label{display:none}}.product-list-container .card-main .promo-label{position:absolute;top:var(--spacing-xs);left:0}.product-list-container .card-main .promo-label akzo-label::part(label){border-radius:var(--spacing-xs);width:57px;height:24px}.product-list-container .card-main .promo-label akzo-label::part(label-strong){font-weight:700}@media ((max-width: 600px)){.product-list-container .card-main .promo-label{display:none}}.product-list-container .card-main .details-wrapper{width:calc(100% - 160px);display:flex;flex-direction:row;justify-content:space-between;gap:var(--spacing-md);padding:0}@media ((max-width: 600px)){.product-list-container .card-main .details-wrapper{width:calc(100% - 93px);gap:var(--spacing-xxs)}}.product-list-container .card-main .details-wrapper.b2b{width:calc(100% - 93px);gap:var(--spacing-xs)}.product-list-container .card-main .details-wrapper.b2b .details{position:relative;flex:1 1 100%}.product-list-container .card-main .details-wrapper.b2b .details .b2b-trash{position:absolute;top:var(--spacing-md);right:6px}.product-list-container .card-main .details-wrapper.b2b .details .b2b-trash .price-wrapper-b2b-checkout akzo-price::part(price-wrapper){gap:0}.product-list-container .card-main .details-wrapper.b2b .details .b2b-trash .cost{color:var(--color-text-functional)}.product-list-container .card-main .details-wrapper.b2b .details .b2b-delete{cursor:pointer}.product-list-container .card-main .details-wrapper.b2b .details akzo-quantity-incrementor::part(quantity-add){width:211px}@media (max-width: 350px){.product-list-container .card-main .details-wrapper.b2b .details akzo-quantity-incrementor::part(quantity-add){width:80px}.product-list-container .card-main .details-wrapper.b2b .details akzo-quantity-incrementor::part(q-input){gap:2px}}.product-list-container .card-main .details-wrapper .details{flex:1 1 70%;min-width:0;padding:var(--spacing-md) 0}@media ((max-width: 600px)){.product-list-container .card-main .details-wrapper .details{flex:1 1 70%}}@media (max-width: 350px){.product-list-container .card-main .details-wrapper .details{flex:1 1 60%}}.product-list-container .card-main .details-wrapper .details .checkout-qty{color:var(--color-text-functional)}.product-list-container .card-main .details-wrapper .details .promo-mobile{margin-bottom:var(--spacing-xs)}.product-list-container .card-main .details-wrapper .details .promo-mobile akzo-label::part(label){border-radius:var(--spacing-xs);width:57px;height:24px}.product-list-container .card-main .details-wrapper .details .promo-mobile akzo-label::part(label-strong){font-weight:700}@media ((min-width: 600px)){.product-list-container .card-main .details-wrapper .details .promo-mobile{display:none}}.product-list-container .card-main .details-wrapper .details .product-name{cursor:pointer;color:var(--color-text-functional);margin-bottom:var(--spacing-xs)}@media (max-width: 350px){.product-list-container .card-main .details-wrapper .details .product-name{white-space:normal;max-width:calc(100% - 30px)}}.product-list-container .card-main .details-wrapper .details .product-details-inline{display:flex;align-items:center;gap:var(--spacing-xs)}.product-list-container .card-main .details-wrapper .details .product-info akzo-icon::part(icon){width:4px;height:4px;padding-top:10px;margin-left:5px;margin-right:5px}.product-list-container .card-main .details-wrapper .details .product-info{display:flex;color:var(--color-text-functional)}.product-list-container .card-main .details-wrapper .details .product-info p{margin:0}.product-list-container .card-main .details-wrapper .details .product-info .sku-unavailable{color:var(--color-text-critical);font-weight:600}.product-list-container .card-main .details-wrapper .details .coverage{color:var(--color-text-body);margin-top:var(--spacing-xxs)}.product-list-container .card-main .details-wrapper .details .dropdown-wrapper{margin-top:auto}.product-list-container .card-main .details-wrapper .details .dropdown-wrapper akzo-input-select-dropdown::part(input-select-dropdown){max-width:132px}.product-list-container .card-main .details-wrapper .details .out-of-stock-pill{margin-top:auto}.product-list-container .card-main .details-wrapper .details .itemAddWrapper{display:flex;gap:var(--spacing-xxs);margin-top:var(--spacing-xs)}.product-list-container .card-main .details-wrapper .details .itemAddWrapper akzo-icon::part(icon){color:var(--color-icon-positive)}
1.product-list-container .card-main .details-wrapper .details .itemAddWrapper .itemAdded{color:var(--color-text-positive)}.product-list-container .card-main .details-wrapper .price-section{flex:1 1 30%;text-align:right;padding-bottom:30px;display:flex;flex-direction:column;align-items:flex-end}@media ((max-width: 600px)){.product-list-container .card-main .details-wrapper .price-section{flex:1 1 30%}}@media (max-width: 350px){.product-list-container .card-main .details-wrapper .price-section{flex:1 1 30%;align-items:flex-start;padding-right:6px}}.product-list-container .card-main .details-wrapper .price-section .trash-wrapper{padding:10px;cursor:pointer;margin-bottom:66px}@media (max-width: 350px){.product-list-container .card-main .details-wrapper .price-section .trash-wrapper{margin-left:30%}}.product-list-container .card-main .details-wrapper .price-section .price-wrapper{text-align:right}.product-list-container .card-main .details-wrapper .price-section .price-wrapper akzo-price::part(price-wrapper){display:flex;flex-direction:column;align-items:flex-end;gap:0}@media ((max-width: 600px)){.product-list-container .card-main .details-wrapper .price-section .price-wrapper{padding-top:var(--spacing-md)}}.product-list-container .card-main .details-wrapper .price-section .price-wrapper.checkout-padding{padding-top:var(--spacing-md)}.product-list-container .card-main .details-wrapper .price-section .price-wrapper.checkout-padding akzo-price::part(price-wrapper){display:flex;flex-direction:row}.product-list-container .card-main .details-wrapper .price-section .price{color:var(--color-text-functional)}.product-list-container .card-main .details-wrapper .price-section .original-price{color:var(--color-text-body);margin-bottom:0}.product-list-container .card-main .details-wrapper .price-section .price.sale-price{color:var(--color-text-critical);margin-bottom:0}.product-list-container .card-main .details-wrapper .b2b-details .price-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);margin-top:var(--spacing-md)}.product-list-container .card-main .details-wrapper .b2b-details .price-row .price-item{display:flex;flex-direction:column}.product-list-container .card-main .details-wrapper .b2b-details .price-row .price-item .unitCost{color:var(--color-text-placeholder);margin-bottom:0}.product-list-container .card-main .details-wrapper .b2b-details .price-row .price-item .price-wrapper-b2b akzo-price::part(price-wrapper){display:flex;flex-direction:column-reverse;align-items:flex-start;gap:0}.product-list-container .card-main .details-wrapper .b2b-details .price-row .price-item .price-wrapper-b2b akzo-price::part(sale-text){margin-left:-5px}.product-list-container .card-main .details-wrapper .b2b-details .price-row .price-item .value{color:var(--color-text-functional)}.product-list-container .card-main .details-wrapper .b2b-details .stock-status akzo-icon::part(icon-container){display:flex}.product-list-container .card-main .details-wrapper .b2b-details .stock-status akzo-icon::part(icon){margin-top:2px;width:12px;height:12px}.product-list-container .card-main .details-wrapper .b2b-details .stock-status{display:flex;align-items:center;margin-left:-4px;margin-bottom:var(--spacing-md)}.product-list-container .card-main .details-wrapper .b2b-details .stock-status .in-stock{margin-bottom:0;margin-left:4px}.product-list-container .card-main .details-wrapper .b2b-details .quantity-section{display:flex;flex-direction:column}.product-list-container .card-main .details-wrapper .b2b-details .units-per-carton{color:var(--color-text-functional-subtle);margin:0}.product-list-container .card-main .details-wrapper .outOfStock .image-container{opacity:0.5}.product-list-container .card-main .details-wrapper .outOfStock--b2b{opacity:0.5}.product-list-container .card-footer{display:flex;align-items:flex-end;width:100%}.product-list-container .card-footer.b2b{width:100%;max-width:426px}.product-list-container .card-footer.b2b .notification-card.b2b{max-width:100%}.product-list-container .card-footer.b2b .notification-card.b2b akzo-notification-card::part(notification-card){width:100%}.product-list-container .card-footer .notification-card{flex:1;max-width:calc(100% - 160px);margin-left:auto;animation:fadeIn 0.3s ease}@media (max-width: 600px){.product-list-container .card-footer .notification-card akzo-notification-card::part(notification-card){width:100%}}@media (max-width: 600px){.product-list-container .card-footer .notification-card{margin-left:0;width:100%;max-width:100%}}.product-list-container .card-footer akzo-notification-card::part(text-content){padding:0;gap:var(--spacing-xxs)}.product-list-container .card-footer akzo-notification-card::part(text-content-p){width:100% !important}.product-list-container .card-footer.b2b .notification-card{max-width:100%}.product-list-container .outOfStock .image-container{opacity:0.5;pointer-events:none}.product-list-container .outOfStock .image-container--b2b{opacity:0.5}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.quantityChange=(0,i.c)(this,"quantityChange"),this.removeProduct=(0,i.c)(this,"removeProduct"),this.actionClick=(0,i.c)(this,"actionClick"),this.quantityChangeStepper=(0,i.c)(this,"quantityChangeStepper"),this.productClick=(0,i.c)(this,"productClick"),this.errorStateChange=(0,i.c)(this,"errorStateChange"),this.errorMessage=(0,i.c)(this,"errorMessage"),this.type="b2c",this.styleSecondaryMinus=!1,this.cartMobileStyles=!1,this.hideErrorMessage=!1,this.validateOnLoad=!1,this.highlightUnavailable=!1}},[1,"akzo-product-line-item",{products:[1537],type:[1537],unitCostLabel:[1537,"unit-cost-label"],addedToBasketLabel:[1537,"added-to-basket-label"],totalLabel:[1537,"total-label"],interactive:[1540],outStockLabel:[1537,"out-stock-label"],styleSecondaryMinus:[516,"style-secondary-minus"],cartMobileStyles:[516,"cart-mobile-styles"],colourSwatch:[1540,"colour-swatch"],openInNewTab:[1540,"open-in-new-tab"],hideErrorMessage:[1540,"hide-error-message"],validateOnLoad:[1540,"validate-on-load"],coreColor:[1025,"core-color"],showItemAdded:[1540,"show-item-ad
1ded"],customCurrencySymbol:[1537,"custom-currency-symbol"],highlightUnavailable:[1540,"highlight-unavailable"],parsedProduct:[32]},void 0,{products:[{validateProducts:0}]}]);function x(){"undefined"!=typeof customElements&&["akzo-product-line-item","akzo-button","akzo-colour-swatch","akzo-divider","akzo-icon","akzo-input-select-dropdown","akzo-label","akzo-loader","akzo-notification-card","akzo-price","akzo-quantity-incrementor","akzo-stepper"].forEach(t=>{switch(t){case"akzo-product-line-item":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),b);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-colour-swatch":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-divider":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,d.d)();break;case"akzo-input-select-dropdown":customElements.get((0,i.t)(t))||(0,l.d)();break;case"akzo-label":customElements.get((0,i.t)(t))||(0,s.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,m.d)();break;case"akzo-notification-card":customElements.get((0,i.t)(t))||(0,p.d)();break;case"akzo-price":customElements.get((0,i.t)(t))||(0,h.d)();break;case"akzo-quantity-incrementor":customElements.get((0,i.t)(t))||(0,g.d)();break;case"akzo-stepper":customElements.get((0,i.t)(t))||(0,c.d)()}})}},39348:(t,e,o)=>{o.d(e,{X:()=>a,v:()=>n});var i=o(77129);let n=i.A,a=i.d},40325:(t,e,o)=>{o.d(e,{F:()=>n,X:()=>a});var i=o(38431);let n=i.A,a=i.d},40428:(t,e,o)=>{o.d(e,{X:()=>m,a:()=>s});var i=o(41421),n=o(41739),a=o(70486),r=o(27857),d=o(65250);let l=(0,i.p)(class extends i.H{handleSwatchVariantChange(){}componentDidRender(){this.syncSwatchWidth()}componentDidLoad(){"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>this.syncSwatchWidth()),this.imageRef&&this.resizeObserver.observe(this.imageRef)),this.onWindowResize=()=>this.syncSwatchWidth(),window.addEventListener("resize",this.onWindowResize)}disconnectedCallback(){var t;null==(t=this.resizeObserver)||t.disconnect(),this.onWindowResize&&window.removeEventListener("resize",this.onWindowResize)}syncSwatchWidth(){if(!this.imageRef||!this.swatchBarRef)return;let t=this.imageRef.offsetWidth;t>0?this.swatchBarRef.style.width=t+"px":this.swatchBarRef.style.width="100%",this.swatchBarRef.style.maxWidth="100%"}render(){var t,e,o,n,a;let r=Array.isArray(this.swatches)&&this.swatches.length>0,d=(null==(t=this.image)?void 0:t.src)||this.PLACEHOLDER_SRC,l=(null==(e=this.image)?void 0:e.alt)||"",s=(null==(o=this.image)?void 0:o.width)||void 0,m=(null==(n=this.image)?void 0:n.height)||void 0,p={transition:"opacity 0.5s",opacity:this.loaded?"1":"0"};return this.imageBorder&&(p.border=this.imageBorder),this.imagePadding&&(p.padding=this.imagePadding),(0,i.h)("div",{key:"f9dc4b2dd6c42f54587dfa619b49fed71e6f3b8f",class:"akzo-image-with-swatch-bar"+(this.containerClass?" "+this.containerClass:""),style:this.containerStyle},(0,i.h)("img",{key:"442a13b9d335d1dbf21345159fd54da135493c68",ref:t=>this.imageRef=t,src:d,alt:l,width:s,height:m,onClick:()=>this.imageClick.emit(),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.imageClick.emit())},onLoad:this.handleImageLoad,class:"image"+(this.loaded?" loaded":""),style:p,onError:()=>this.syncSwatchWidth(),onMouseOver:t=>{this.imageHoverEffect&&(t.currentTarget.style.boxShadow=this.imageHoverEffect)},onMouseOut:t=>{this.imageHoverEffect&&(t.currentTarget.style.boxShadow="")},onFocus:t=>{this.imageHoverEffect&&(t.currentTarget.style.boxShadow=this.imageHoverEffect)},onBlur:t=>{this.imageHoverEffect&&(t.currentTarget.style.boxShadow="")}}),r&&(0,i.h)("div",{key:"2fca3101d1e2f8ddae6847c79949af03635d8a9b",ref:t=>this.swatchBarRef=t,class:"swatch-bar"},(0,i.h)("akzo-color-swatch-bar",{key:"5ea99edee58649a7e7b39058c0cb7da795e10465",swatches:null==(a=this.swatches)?void 0:a.map(t=>({hex:t.color,name:t.name,weight:t.weight})),variant:this.swatchVariant})))}static get watchers(){return{swatchVariant:[{handleSwatchVariantChange:0}]}}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.akzo-image-with-swatch-bar{display:flex;flex-direction:column;align-items:center;padding:8px;background:#fff;transition:box-shadow 0.2s}.akzo-image-with-swatch-bar .image{max-width:100%;margin-bottom:4px;transition:opacity 0.5s;background:#f6f6f6}.akzo-image-with-swatch-bar .swatch-bar{display:flex;gap:8px;justify-content:center;width:100%;max-width:100%;overflow:hidden;align-self:center;box-sizing:border-box;flex-shrink:0}@media (max-width: 768px){.akzo-image-with-swatch-bar{align-items:center;padding:6px;max-width:100vw;overflow:hidden}.akzo-image-with-swatch-bar .image{margin-bottom:6px;width:auto;max-width:100%;height:auto}.akzo-image-with-swatch-bar .swatch-bar{gap:4px;margin-top:6px;justify-content:center;width:100%;max-width:100%;box-sizing:border-box;align-self:center;flex-shrink:0;overflow:hidden}}@media (max-width: 480px){.akzo-image-with-swatch-bar{align-items:center;padding:4px;max-width:100vw;overflow:hidden}.akzo-image-with-swatch-bar .image{margin-bottom:4px;width:auto;max-width:100%;height:auto}.akzo-image-with-swatch-bar .swatch-bar{gap:2px;margin-top:4px;justify-content:center;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-self:center;flex-shrink:0;box-sizing:border-box}.akzo-image-with-swatch-bar .swatch-bar::-webkit-scrollbar{display:none}}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.imageClick=(0,i.c)(this,"imageClick"),this.swatchVariant="equal",this.loaded=!1,this.PLACEHOLDER_SRC="/assets/placeholder-image.svg",this.handleImageLoad=()=>{this.loaded=!0,this.syncSwatchWidth()}}},[1,"akzo-image-with-swatch-bar",{imageBorder:[1,"image-border"],imagePadding:[1,"image-padding"],imageHoverEffect:[1,"image-hover-effect"],swatchVariant:[1,"swatch-variant"],image:[16],swatches:[16],containerStyle:[8,"container-style"],containerClass:[1,"container-class"],loaded:[32]},void 0,{swatchVariant:[{handleSwatchVariantChange:0}]}]),s=l,m=function(){"undefined"!=typeof customElements&&["akzo-image-with-swatch-bar","akzo-color-swatch-bar","akzo-colour-swatch","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-image-with-swatch-bar":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),l);break;case"akzo-color-swatch-bar":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-colour-swatch":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,d.d)()}})}},40765:(t,e,o)=>{o.d(e,{W:()=>u,X:()=>f});var i=o(41421),n=o(47408),a=o(18567),r=o(33935),d=o(70486),l=o(70699),s=o(27857),m=o(40332),p=o(65250),h=o(24809),g=o(20862),c=o(81529),b=o(62697);let x=(0,i.p)(class extends i.H{componentWillLoad(){this.selectedIndex=0}componentDidRender(){var t,e;let o=null==(t=this.el.shadowRoot)?void 0:t.querySelector("akzo-color-combinations");o&&(o.combinations=this.getSelectedColors(),o.tabs=JSON.stringify(this.getTabs()));let i=null==(e=this.el.shadowRoot)?void 0:e.querySelector("akzo-image-carousel");
1i&&(i.images=this.getSelectedImages())}get parsedItems(){try{return"string"==typeof this.items?JSON.parse(this.items):this.items||[]}catch(t){return[]}}get currentItem(){let t=this.parsedItems;if(t.length)return t[Math.min(this.selectedIndex,t.length-1)]}getTabs(){return this.parsedItems.map((t,e)=>({internalName:t.heading,identifierValue:e+""}))}getSelectedColors(){var t,e,o,i;return(null==(i=null==(o=null==(e=null==(t=this.currentItem)?void 0:t.colours_data)?void 0:e.externalData)?void 0:o.colors)?void 0:i.data)||[]}getSelectedImages(){var t,e,o,i;return(null==(i=null==(o=null==(e=null==(t=this.currentItem)?void 0:t.carouselColourImagesCollection)?void 0:e.items)?void 0:o.map(t=>{var e,o,i;let n=Array.isArray(null==t?void 0:t.image)?t.image[0]:null==t?void 0:t.image;return{src:(null==n?void 0:n.src)||(null==(e=null==n?void 0:n.thumbnails)?void 0:e.webimage)||(null==(o=null==n?void 0:n.thumbnails)?void 0:o.Online)||(null==(i=null==n?void 0:n.thumbnails)?void 0:i.Large)||"",alt:null==t?void 0:t.imageAltText,name:(null==t?void 0:t.imageName)||(null==t?void 0:t.name)}}))?void 0:i.filter(t=>t.src))||[]}renderColoursSection(){return(0,i.h)("div",{class:"colours-section"},(0,i.h)("akzo-color-combinations",{heading:this.heading,headingWeight:"h4",headingLevel:"l",combinations:this.getSelectedColors(),tabs:JSON.stringify(this.getTabs()),rows:"Two",columnsPerRow:"Six",shape:"rectangle",spacingTop:"none",spacingBottom:"none",backgroundColor:this.backgroundColor,showFavourite:this.showFavourite,isFavourited:this.isFavourited,seeMoreLabel:this.seeMoreLabel,showLoadLessButton:!1,onTabClick:this.handleTabClick}))}renderCarouselSection(){return(0,i.h)("div",{class:"carousel-section"},(0,i.h)("akzo-image-carousel",{images:this.getSelectedImages(),spacingTop:"none",spacingBottom:"none"}))}renderViewInRoomCta(){var t,e;return(null==(t=this.viewInRoomCta)?void 0:t.label)&&(null==(e=this.viewInRoomCta)?void 0:e.url)?(0,i.h)("div",{class:"cta-section"},(0,i.h)("akzo-button",{variant:"secondary",label:this.viewInRoomCta.label,actionType:"redirect",redirectUrl:this.viewInRoomCta.url})):null}render(){return(0,i.h)(i.a,{key:"da82e8cfe89131d174ac220a5495b1355279c69f"},(0,i.h)("section",{key:"bfb192dfc2f9408a0bf9980ebbf4b6f954427fac",class:{"akzo-colours-with-story":!0,["top-"+this.spacingTop]:!!this.spacingTop,["bottom-"+this.spacingBottom]:!!this.spacingBottom},style:this.backgroundColor?{backgroundColor:this.backgroundColor}:{}},(0,i.h)("div",{key:"047376eeac36fc8fd2204e92001313b8db7da6b2",class:"content-wrapper"},this.renderColoursSection(),this.renderCarouselSection(),this.renderViewInRoomCta())))}get el(){return this}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:block}.akzo-colours-with-story{width:100%}.content-wrapper{display:flex;flex-direction:column;gap:var(--spacing-l, 24px);padding:0}.heading-section{padding-top:var(--spacing-xl, 32px)}.carousel-section{margin-top:var(--spacing-xs, 8px)}.cta-section{display:flex;justify-content:center;padding-bottom:var(--spacing-xl, 32px)}.top-none{padding-top:0}.top-s{padding-top:var(--spacing-s, 12px)}.top-m{padding-top:var(--spacing-m, 16px)}.top-l{padding-top:var(--spacing-l, 24px)}.top-xl{padding-top:var(--spacing-xl, 32px)}.top-xxl{padding-top:var(--spacing-xxl, 40px)}.top-3xl{padding-top:var(--spacing-3xl, 48px)}.top-4xl{padding-top:var(--spacing-4xl, 56px)}.top-5xl{padding-top:var(--spacing-5xl, 64px)}.bottom-none{padding-bottom:0}.bottom-s{padding-bottom:var(--spacing-s, 12px)}.bottom-m{padding-bottom:var(--spacing-m, 16px)}.bottom-l{padding-bottom:var(--spacing-l, 24px)}.bottom-xl{padding-bottom:var(--spacing-xl, 32px)}.bottom-xxl{padding-bottom:var(--spacing-xxl, 40px)}.bottom-3xl{padding-bottom:var(--spacing-3xl, 48px)}.bottom-4xl{padding-bottom:var(--spacing-4xl, 56px)}.bottom-5xl{padding-bottom:var(--spacing-5xl, 64px)}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.items=[],this.showFavourite=!0,this.spacingTop="none",this.spacingBottom="none",this.selectedIndex=0,this.handleTabClick=t=>{let e=t.detail+"",o=this.getTabs().findIndex(t=>t.identifierValue===e);o>-1&&(this.selectedIndex=o)}}},[1,"akzo-colours-with-story",{heading:[1],items:[1],viewInRoomCta:[16],showFavourite:[4,"show-favourite"],isFavourited:[4,"is-favourited"],spacingTop:[1,"spacing-top"],spacingBottom:[1,"spacing-bottom"],backgroundColor:[1,"background-color"],seeMoreLabel:[1,"see-more-label"],selectedIndex:[32]}]),u=x,f=function(){"undefined"!=typeof customElements&&["akzo-colours-with-story","akzo-button","akzo-color-combinations","akzo-color-grid-item","akzo-colour-swatch","akzo-heading","akzo-icon","akzo-image-carousel","akzo-loader","akzo-loadmore-button","akzo-progress-dot","akzo-tabs","akzo-toggle-button"].forEach(t=>{switch(t){case"akzo-colours-with-story":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),x);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-color-combinations":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-color-grid-item":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-colour-swatch":customElements.get((0,i.t)(t))||(0,d.d)();break;case"akzo-heading":customElements.get((0,i.t)(t))||(0,l.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,s.d)();break;case"akzo-image-carousel":customElements.get((0,i.t)(t))||(0,m.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,p.d)();break;case"akzo-loadmore-button":customElements.get((0,i.t)(t))||(0,h.d)();break;case"akzo-progress-dot":customElements.get((0,i.t)(t))||(0,g.d)();break;case"akzo-tabs":customElements.get((0,i.t)(t))||(0,c.d)();break;case"akzo-toggle-button":customElements.get((0,i.t)(t))||(0,b.d)()}})}},40866:(t,e,o)=>{o.d(e,{X:()=>a,j:()=>n});var i=o(31867);let n=i.A,a=i.d},42431:(t,e,o)=>{o.d(e,{A:()=>d,d:()=>l});var i=o(41421),n=o(47408),a=o(27857),r=o(65250);let d=(0,i.p)(class extends i.H{componentWillLoad(){this.isVisible=!0}render(){return this.isVisible?(0,i.h)("div",{part:"notification-card",class:"card ".concat(this.t
1ype," ").concat(this.inverse?"inverse":""),role:"warning"===this.type||"error"===this.type?"alert":"status",style:this.inverse?{"--inverse-color":this.inverseColor}:{}},(0,i.h)("div",{class:"sidebar"}),(0,i.h)("div",{class:"text-content",part:"text-content"},this.showTitle&&this.cardTitle&&(0,i.h)("strong",null,this.cardTitle),this.showDescription&&this.description&&(0,i.h)("p",null,this.description),(0,i.h)("slot",{name:"description-content"}),(this.showAction||this.showLearnMore)&&(0,i.h)("div",null,this.showAction&&(0,i.h)("akzo-button",{class:"action-button",part:"action-button",variant:"secondary",size:"m",label:this.actionText,onButtonClick:this.handleAction}),this.showLearnMore&&this.actionText&&(0,i.h)("akzo-button",{class:"action-button",part:"action-button",variant:"tertiary",size:"m",label:this.actionText,onButtonClick:this.handleAction}))),this.showClose&&(0,i.h)("akzo-button",{class:"close-btn",onlyIcon:!0,iconName:"x",variant:"tertiary",size:"m",coreColor:"default",onClick:this.handleClose})):null}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:block;margin:1rem 0;font-family:var(--typography-font-family-body, "Open Sans", sans-serif)}:host .card{display:flex;align-items:flex-start;gap:16px;padding:8px;width:32.9375rem;height:auto;font-family:var(--typography-font-family-body, "Open Sans", sans-serif);box-shadow:0 0.125rem 0.375rem rgba(0, 0, 0, 0.1);position:relative;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box;}:host .card.info{background-color:var(--color-surface-info, #e6f0fa)}:host .card.info strong{color:var(--color-black, #000000)}:host .card.info p{color:var(--color-default-non-invertible-opaque-700, #333333)}:host .card.info .sidebar{background-color:var(--color-stroke-info, #3888b0)}:host .card.success{background-color:var(--color-surface-positive, #e6f4ea)}:host .card.success strong{color:var(--color-black, #000000)}:host .card.success p{color:var(--color-default-non-invertible-opaque-700, #333333)}:host .card.success .sidebar{background-color:var(--color-stroke-positive, #60bc40)}:host .card.warning{background-color:var(--color-surface-warning, #fff3cd)}:host .card.warning strong{color:var(--color-black, #000000)}:host .card.warning p{color:var(--color-default-non-invertible-opaque-700, #333333)}:host .card.warning .sidebar{background-color:#f8bc06}:host .card.error{background-color:var(--color-status-critical-100, #f8d7da)}:host .card.error strong{color:var(--color-black, #000000)}:host .card.error p{color:var(--color-default-non-invertible-opaque-700, #333333)}:host .card.error .sidebar{background-color:var(--color-stroke-critical, #e40418)}:host .card{}:host .card.inverse strong,:host .card.inverse p,:host .card.inverse .learn-more,:host .card.inverse .action,:host .card.inverse .close-btn akzo-icon{color:var(--inverse-color, #ffffff) !important}:host .card.inverse .action{border:1.5px solid var(--inverse-color, #ffffff)}:host .card.inverse .learn-more{border-bottom:3px solid var(--inverse-color, #ffffff)}:host .card.inverse{}:host .card.inverse.info{background-color:#202c44}:host .card.inverse.info .sidebar{background-color:#3888b0}:host .card.inverse.success{background-color:#203c1c}:host .card.inverse.success .sidebar{background-color:#60bc40}:host .card.inverse.warning{background-color:#583c04}:host .card.inverse.warning .sidebar{background-color:#ffbc04}:host .card.inverse.error{background-color:#480404}:host .card.inverse.error .sidebar{background-color:#e40418}:host .card.inverse .close-btn akzo-icon::part(icon){color:currentColor}:host .card.inverse .card.inverse .close-btn akzo-icon::part(icon){color:white}:host .card .sidebar{width:8px;flex-shrink:0;align-self:stretch;border-radius:4px;display:block}:host .card .text-content{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:8px}:host .card .text-content strong{font-size:16px;font-weight:700;line-height:20px}:host .card .text-content p{margin:0;font-size:1rem;width:474px;margin-bottom:10px}:host .card .action-button{margin-top:10px;padding:10px}:host .card .close-btn{background:none;border:none;font-size:1.25rem;color:#000;cursor:pointer;margin-left:-1000px;padding:0.125rem}:host .card .close-btn:hover{opacity:0.8}:host .card .close-btn akzo-icon{font-size:1.9rem}:host{}@media (max-width: 37.5rem){:host .card{flex-direction:row;align-items:flex-start;width:22rem;max-width:100%}:host .card .text-content{flex:1;padding:8px 0 16px 0}:host .card .text-content p{width:272px;margin-bottom:10px;font-size:0.9rem}:host .action-group{flex-direction:row;align-items:flex-start;gap:1rem}:host .action-group .action{margin-bottom:0.5rem;width:84px;height:48px}:host .close-btn akzo-icon::part(icon){color:currentColor}:host .card.inverse .close-btn akzo-icon::part(icon){color:white}}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.closeClicked=(0,i.c)(this,"closeClicked"),this.actionClicked=(0,i.c)(this,"actionClicked"),this.inverse=!1,this.inverseColor="#ffffff",this.showClose
1=!0,this.showTitle=!0,this.showDescription=!0,this.showAction=!0,this.showLearnMore=!0,this.handleClose=()=>{var t;this.isVisible=!1,null==(t=this.closeClicked)||t.emit()},this.handleAction=()=>{var t;null==(t=this.actionClicked)||t.emit()}}},[257,"akzo-notification-card",{type:[1],cardTitle:[1,"card-title"],description:[1],actionText:[1,"action-text"],inverse:[4],inverseColor:[1,"inverse-color"],showClose:[4,"show-close"],showTitle:[4,"show-title"],showDescription:[4,"show-description"],showAction:[4,"show-action"],showLearnMore:[4,"show-learn-more"],isVisible:[32]}]);function l(){"undefined"!=typeof customElements&&["akzo-notification-card","akzo-button","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-notification-card":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),d);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,r.d)()}})}},44178:(t,e,o)=>{o.r(e),o.d(e,{AkzoDashboardOrderItem:()=>m,defineCustomElement:()=>p});var i=o(41421),n=o(60947),a=o(13912),r=o(27857),d=o(16966),l=o(65250);let s=(0,i.p)(class extends i.H{handleClick(t){this.isInvoice?this.isInvoice&&(0,n.p)({event:"fpp-event",event_name:"invoices_select_latest",component_name:"Dashboard OrdersCard - Invoice Link"}):(0,n.p)({event:"fpp-event",event_name:"orders_select_latest",component_name:"Dashboard OrdersCard - Order Link"}),(this.isDownload||this.downloadPath)&&this.isDownload&&this.downloadPath&&(t.preventDefault(),t.stopPropagation(),this.downloadClick.emit(this.downloadPath))}render(){return this.orders&&0!==this.orders.length?(0,i.h)("div",{class:"orders-wrapper"},this.orders.map((t,e)=>(0,i.h)("div",{class:"order-block"},(0,i.h)("div",{class:"order-dashboard-wrapper",part:"order-dashboard-wrapper"},(0,i.h)("div",{class:"order-info",part:"order-info"},(0,i.h)("div",{class:"order-code"},t.orderCode),(0,i.h)("div",{class:"order"},t.orderStatus),this.isInvoice&&(0,i.h)("div",null,(0,i.h)("div",{class:"order"},t.orderIdLabel,":",t.orderId),(0,i.h)("div",{class:"order"},t.orderedDateLabel,":",t.orderedDate)),t.orderLink&&(0,i.h)("a",{class:"order-link",href:t.orderLink,target:"_self",rel:"noopener noreferrer","aria-label":"View details for order "+t.orderCode,onClick:t=>this.handleClick(t)},t.orderLinkText)),(0,i.h)("div",{class:"status-group"},t.labelText&&(0,i.h)("akzo-label",{slot:"label",label:t.labelText,type:t.labelType||"label",color:t.labelColor||"positive",icon:t.labelIconName}),t.iconLink?(0,i.h)("a",{href:t.iconLink,target:"_self",rel:"noopener noreferrer","aria-label":"Go to page for order "+t.orderCode,class:"order-icon-link",onClick:t=>this.handleClick(t)},(0,i.h)("akzo-icon",{name:this.iconName,size:this.iconSize,color:this.iconColor})):(0,i.h)("akzo-icon",{name:this.iconName,size:this.iconSize,color:this.iconColor}))),e<this.orders.length-1&&(0,i.h)("akzo-divider",{orientation:this.dividerOrientation,variant:this.dividerVariant,thickness:this.dividerThickness,color:this.dividerColor,length:this.dividerLength,text:this.dividerText})))):(0,i.h)("div",{class:"empty"},"No orders available")}static get style(){return'@charset "UTF-8";html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.order-dashboard-wrapper{display:flex;justify-content:space-between;gap:0.5rem;box-sizing:border-box;flex-wrap:wrap;margin:1rem 0;align-items:flex-start;width:280px;height:64px;min-width:280px;}@media (min-width: 768px){.order-dashboard-wrapper{width:384px;height:64px}}.order-info{display:flex;flex-direction:column;justify-content:center;gap:0.25rem;flex:1 1 auto;min-width:0;word-break:break-word;width:200px;}@media (max-width: 768px){.order-info{width:150px}}.status-group{display:flex;align-items:center;gap:0.25rem}.status-group akzo-icon,.status-group .icon,.status-group akzo-label{display:flex;align-items:center;justify-content:center}.order-code{color:var(--color-text-title);font-size:16px;line-height:20px}.order{color:var(--color-text-body);display:block;font-size:1rem;font-style:normal;font-weight:400;line-height:1.25rem;}.order-link{color:var(--color-text-info);font-size:14px;font-style:normal;font-weight:400;line-height:1rem;text-decoration-line:none}.label-text{display:flex;justify-content:center;align-items:center}.icon{width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:outline 0.15s ease, transform 0.15s ease;vertical-align:middle;}.status-group .icon:hover{transform:scale(1.1);outline:2px solid transparent}.status-group .icon:focus,.status-group .icon:active,.status-group a:focus akzo-icon,.status-group a:active akzo-icon{outline:2px solid black;outline-offset:2px;border-radius:4px}.orders-wrapper akzo-divider,.order-block akzo-divider{height:1px !important;min-height:1px !important;max-height:1px !important;line-height:0;flex-shrink:0;margin:0;}.order,.order-link,.order-code{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-width:100%;overflow-wrap:break-word;word-break:break-word;text-align:left}.order-link{transition:text-decoration 0.1s ease, outline 0.1s ease}.order-link:focus{outline:1.5px solid var(--color-text-info);outline-offset:2px}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.downloadClick=(0,i.c)(this,"downloadClick"),this.orders=[],this.dividerOrientation="horizontal",this.dividerVariant="line",this.iconName="chevron-right",this.iconSize="m",this.iconColor="black",this.isDownload=!1,this.isInvoice=!1}},[1,"akzo-dashboard-order-item",{orders:[16],dividerOrientation:[1,"divider-orientation"],dividerVariant:[1,"divider-variant"],dividerThickness:[1,"divider-thickness"],dividerColor:[1,"divider-color"],dividerLength:[1,"divider-length"],dividerText:[1,"divider-text"],iconName:[1,"icon-name"],iconSize:[1,"icon-size"],iconColor:[1,"icon-color"],isDownload:[4,"is-download"],downloadPath:[1,"download-path"],isInvoice:[4,"is-invoice"]}]),m=s,p=function(){"undefined"!=typeof customElements&&["akzo-dashboard-order-item","akzo-divider","akzo-icon","akzo-label","akzo-loader"].forEach(t=>{switch(t){case"akzo-dashboard-order-item":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),s);break;
1case"akzo-divider":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-label":customElements.get((0,i.t)(t))||(0,d.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,l.d)()}})}},45845:(t,e,o)=>{o.r(e),o.d(e,{AkzoColorGridItem:()=>n,defineCustomElement:()=>a});var i=o(33935);let n=i.A,a=i.d},45888:(t,e,o)=>{o.d(e,{O:()=>n,X:()=>a});var i=o(70486);let n=i.A,a=i.d},45976:(t,e,o)=>{o.d(e,{A:()=>g,d:()=>c});var i=o(41421),n=o(23952),a=o(47408),r=o(95154),d=o(70486),l=o(70699),s=o(27857),m=o(92343),p=o(65250),h=o(81529);let g=(0,i.p)(class extends i.H{parseTabs(t){try{this.parsedTabs="string"==typeof t?JSON.parse(t):t||[]}catch(t){this.parsedTabs=[]}}parseTags(t){try{this.parsedTags="string"==typeof t?JSON.parse(t):t||[]}catch(t){this.parsedTags=[]}}parseColors(t){try{this.parsedColors="string"==typeof t?JSON.parse(t):t||[]}catch(t){this.parsedColors=[]}}componentWillLoad(){this.parseTabs(this.tabs),this.parseTags(this.tags),this.parseColors(this.colors)}getSelectedTagIndex(){if(null==this.selectedTagId)return 0;let t=this.parsedTags.findIndex(t=>String(t.id)===String(this.selectedTagId));return t>=0?t:0}handleColorClick(t){!this.isBlogs&&(null==t?void 0:t.id)&&this.selectedColorId===t.id||(this.colorClick.emit(t),this.disableAnalytics||(0,n.p)({event:"fpp-event",event_name:"trending_colours_choose_colour",eventLabel:(null==t?void 0:t.defaultColorName)||"",component_name:"color_widget",timestamp:(new Date).toISOString()}),this.dataEvent||(0,n.p)({event:"fpp-event",event_name:"hue_selected",eventLabel:(null==t?void 0:t.defaultColorName)||"",component_name:"colour_widget",timestamp:(new Date).toISOString()}))}handleSearchInput(t){this.searchValue=t.detail,this.searchChange.emit(this.searchValue)}hasRenderableContent(){var t,e,o;return!!(this.titleText||this.description||(null==(t=this.parsedColors)?void 0:t.length)>0||(null==(e=this.parsedTags)?void 0:e.length)>0||(null==(o=this.parsedTabs)?void 0:o.length)>1)}getHeadingLevel(){return({xxxl:1,xxl:2,xl:3,l:4,m:5,s:6})[this.headingLevel]||1}render(){var t,e,o,n;return(0,i.h)("div",{key:"33fb61b16cbe606d62d55fca9ab1333b5b8244d1",class:"\n ".concat(this.isBlogs?"isBlogs":"","\n ").concat(this.hasRenderableContent()?"content-wrapper":"","\n ").concat(this.noMobilePadding?"no-mobile-padding":"","\n ").concat(this.compactTopMargin?"compact-top-margin":"","\n "),part:"content-wrapper"},(0,i.h)("div",{key:"73d9e92d1ba2383dcefdc1895fab3f9813d7ec08",class:{header:!0,"header-no-margin":this.noHeaderMargin}},this.titleText&&(0,i.h)("akzo-heading",{key:"4c41500a5536d1de812d4e2e337540d3e3968fba",level:this.getHeadingLevel(),componentTag:this.headingWeight,coreColor:"default",text:this.titleText}),this.description&&(0,i.h)("p",{key:"d4fc4ec02ad7884a840fc0cbb79582425367c890",class:"body "},this.description)),(null==(t=this.parsedTabs)?void 0:t.length)>1&&(0,i.h)("akzo-tabs",{key:"f5e7926e94b1d15ce0beffc075c55016143199e9",type:"default",items:this.parsedTabs,onTabChange:this.handleTabChange}),(null==(e=this.parsedTags)?void 0:e.length)>0&&(0,i.h)("div",{key:"fc0d13aac2b988deb738aad1bf899b61c35c42f3",class:{"tags-search-row":!0,"tags-no-margin-top":this.noTagsMarginTop}},(0,i.h)("div",{key:"31e2e1e4f0c72e067e65ee83e3263aaf209e3977",class:"tags-section"},this.showMeText&&(0,i.h)("p",{key:"e06f965082c79874318dff6e33ad745c90264d3e",class:"body-s show-me-text"},this.showMeText),(null==(o=this.parsedTags)?void 0:o.length)>0&&(0,i.h)("div",{key:"1c139c2f4d71a48009af253ad52929c11b129155",class:"tags-wrapper"},(0,i.h)("akzo-tabs",{key:"08890896babcb3dff71f7bc877b0fdbacccd7aca",type:"rectangle",items:this.parsedTags,activeTabIndex:this.getSelectedTagIndex(),onTabChange:this.handleTagChange}
1))),this.searchPlaceholder&&(0,i.h)("div",{key:"f26d3379e9d3260c3c22a3df5573e206c0758304",class:"search-box"},(0,i.h)("akzo-input-search-field",{key:"ed3a67d09f8bcac7a169150b269cea4c45200237",placeholder:this.searchPlaceholder,value:this.searchValue,onInputChange:t=>this.handleSearchInput(t)}))),(0,i.h)("div",{key:"63705f2d26ba5c4c1a06926fa8e186bf04c4f983",class:"colors-actions-row"},(null==(n=this.parsedColors)?void 0:n.length)>0&&(0,i.h)("div",{key:"a685b29f85888be7a497decbac0bd64c9870361d",class:"colors-row"},(0,i.h)("akzo-color-swatch-row",{key:"699b04041263157b6010ca2798346e3605a64839",showBackToColorWall:this.showBackToColorWall,preventReselection:this.preventColorReselection,swatches:this.parsedColors.map(t=>{var e,o;return{color:t.color,colorName:t.label,swatchImageUrl:t.colorImages&&t.colorImages.length>0?(null==(e=t.colorImages[1])?void 0:e.url)||(null==(o=t.colorImages[0])?void 0:o.url):void 0}}),selectedId:this.selectedColorId,selectCallback:t=>this.handleColorClick(this.parsedColors[t-1])}))),(0,i.h)("div",{key:"bcd34ebdd4d2c0418dcca3b308e74b9ce4e6d40b",class:{"margin-bottom-5xl":!this.isBlogs&&!this.compactBottomSpacing,"margin-bottom-2rem":!this.isBlogs&&this.compactBottomSpacing}}))}static get watchers(){return{tabs:[{parseTabs:0}],tags:[{parseTags:0}],colors:[{parseColors:0}]}}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.content-wrapper{margin-top:var(--spacing-3xl)}@media (min-width: 768px){.content-wrapper{margin-top:var(--spacing-5xl)}}.content-wrapper .header .body{margin-top:var(--spacing-xs);margin-bottom:0rem}.content-wrapper .header{margin-bottom:var(--spacing-xl);font-size:16px}.content-wrapper .header-no-margin{margin-bottom:0 !important}.content-wrapper .body-s{margin-bottom:0rem}.content-wrapper .show-me-text{height:2rem;display:flex;align-items:center}.content-wrapper .tags-search-row{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}@media (min-width: 768px){.content-wrapper .tags-search-row{flex-direction:row;justify-content:space-between;align-items:end;gap:var(--spacing-m)}}.content-wrapper .tags-search-row .tags-section{margin-top:var(--spacing-xs);flex:1}.content-wrapper .tags-search-row .tags-section akzo-tabs::part(button-primary){background-color:transparent;border:1px solid var(--default-neutral-invertible-opaque-300);border-radius:0.25rem}.content-wrapper .tags-search-row .tags-section akzo-tabs::part(button-active-primary){background-color:var(--color-neutral-200);border:1px solid var(--default-neutral-invertible-opaque-300);border-radius:0.25rem}.content-wrapper .tags-search-row .tags-section akzo-tabs::part(button-text-info){color:var(--color-default-non-invertible-opaque-700);font-size:var(--typography-size-paragraph-s, 0.875rem)}.content-wrapper .tags-search-row .tags-section akzo-tabs::part(button-text-active-info){color:var(--color-black);font-weight:700;font-size:var(--typography-size-paragraph-s, 0.875rem)}.content-wrapper .tags-search-row .search-box{flex:1;max-width:30.375rem}.content-wrapper .tags-search-row .search-box akzo-input-search-field::part(input-search-field-part){height:auto}.content-wrapper .colors-actions-row{margin-top:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-m)}@media (min-width: 768px){.content-wrapper .colors-actions-row{flex-direction:row;justify-content:space-between;align-items:center}}.content-wrapper .colors-actions-row .colors-row{flex:1}akzo-heading::part(custom-title){font-size:28px}@media (max-width: 600px){.content-wrapper.no-mobile-padding{padding-left:0 !important;padding-right:0 !important}}.margin-bottom-5xl{margin-bottom:var(--spacing-5xl)}.margin-bottom-2rem{margin-bottom:2rem}.tags-no-margin-top{margin-top:0 !important}.content-wrapper.compact-top-margin{margin-top:1rem}@media (min-width: 768px){.content-wrapper.compact-top-margin{margin-top:1rem}}.isBlogs akzo-heading::part(custom-title){font-size:28px;height:29px;line-height:normal}.isBlogs .show-me-text{height:auto;padding-top:8px;padding-bottom:8px}.isBlogs .tags-section{margin-top:0 !important}.isBlogs .colors-row{display:flex}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tabClick=(0,i.c)(this,"tabClick"),this.tagClick=(0,i.c)(this,"tagClick"),this.colorClick=(0,i.c)(this,"colorClick"),this.searchChange=(0,i.c)(this,"searchChange"),this.headingWeight="h2",this.showBackToColorWall=!1,this.isBlogs=!1,this.selectedColorId=0,this.preventColorReselection=!1,this.searchPlaceholder="",this.dataEvent=!0,this.disableAnalytics=!1,this.noMobilePadding=!1,this.compactBottomSpacing=!1,this.noHeaderMargin=!1,this.noTagsMarginTop=!1,this.compactTopMargin=!1,this.parsedTabs=[],this.parsedTags=[],this.parsedColors=[],this.searchValue="",this.handleTabChange=t=>{var e,o,i,a;this.tabClick.emit(t);let r=null==(a=this.parsedTabs[null!=(i=null!=(o=null==(e=null==t?void 0:t.detail)?void 0:e.index)?o:null==t?void 0:t.index)?i:0])?void 0:a.heading;(0,n.p)({event:"fpp-event",event_name:"trending_colours_colour_family",eventLabel:r,component_name:"color_widget",timestamp:(new Date).toISOString()})}
1,this.handleTagChange=t=>{this.tagClick.emit(t)}}},[1,"akzo-color-widget",{titleText:[1,"title-text"],headingWeight:[1,"heading-weight"],headingLevel:[1,"heading-level"],description:[1],showMeText:[1,"show-me-text"],tabs:[1],tags:[1],selectedTagId:[8,"selected-tag-id"],colors:[1],showBackToColorWall:[4,"show-back-to-color-wall"],isBlogs:[4,"is-blogs"],selectedColorId:[2,"selected-color-id"],preventColorReselection:[4,"prevent-color-reselection"],searchPlaceholder:[1,"search-placeholder"],dataEvent:[4,"data-event"],disableAnalytics:[4,"disable-analytics"],noMobilePadding:[4,"no-mobile-padding"],compactBottomSpacing:[4,"compact-bottom-spacing"],noHeaderMargin:[4,"no-header-margin"],noTagsMarginTop:[4,"no-tags-margin-top"],compactTopMargin:[4,"compact-top-margin"],parsedTabs:[32],parsedTags:[32],parsedColors:[32],searchValue:[32]},void 0,{tabs:[{parseTabs:0}],tags:[{parseTags:0}],colors:[{parseColors:0}]}]);function c(){"undefined"!=typeof customElements&&["akzo-color-widget","akzo-button","akzo-color-swatch-row","akzo-colour-swatch","akzo-heading","akzo-icon","akzo-input-search-field","akzo-loader","akzo-tabs"].forEach(t=>{switch(t){case"akzo-color-widget":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),g);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-color-swatch-row":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-colour-swatch":customElements.get((0,i.t)(t))||(0,d.d)();break;case"akzo-heading":customElements.get((0,i.t)(t))||(0,l.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,s.d)();break;case"akzo-input-search-field":customElements.get((0,i.t)(t))||(0,m.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,p.d)();break;case"akzo-tabs":customElements.get((0,i.t)(t))||(0,h.d)()}})}},46077:(t,e,o)=>{o.r(e),o.d(e,{AkzoButton:()=>n,defineCustomElement:()=>a});var i=o(47408);let n=i.A,a=i.d},46755:(t,e,o)=>{o.r(e),o.d(e,{AkzoBanner:()=>n,defineCustomElement:()=>a});var i=o(88837);let n=i.A,a=i.d},47388:(t,e,o)=>{o.d(e,{X:()=>a,s:()=>n});var i=o(91977);let n=i.A,a=i.d},48191:(t,e,o)=>{o.r(e),o.d(e,{AkzoColorCombinations:()=>n,defineCustomElement:()=>a});var i=o(18567);let n=i.A,a=i.d},49047:(t,e,o)=>{o.r(e),o.d(e,{AkzoUsp:()=>n,defineCustomElement:()=>a});var i=o(32114);let n=i.A,a=i.d},49110:(t,e,o)=>{o.r(e),o.d(e,{AkzoAddressSelect:()=>s,defineCustomElement:()=>m});var i=o(41421),n=o(47408),a=o(27857),r=o(65250),d=o(88857);let l=(0,i.p)(class extends i.H{handleAddressData(t){let e=this.parseAddressData(t);this.addresses=e,null!=this.selectedAddressIndex?this.clampControlledIndex(e.length):this.setDefaultSelection(e.length)}parseAddressData(t){return"string"==typeof t?this.parseJsonString(t):Array.isArray(t)?t:(console.error("addressData must be a JSON string or an array of addresses."),[])}parseJsonString(t){try{let e=JSON.parse(t);if(Array.isArray(e))return e;console.error("Provided addressData JSON is not an array:",e)}catch(t){console.error("Invalid JSON for addressData:",t)}return[]}setDefaultSelection(t){if("number"!=typeof this.defaultSelectedAddressIndex)this.selectedAddressIndex=1===t?0:null;else{let e=this.defaultSelectedAddressIndex;this.selectedAddressIndex=t>e?e:null}}clampControlledIndex(t){null!==this.selectedAddressIndex&&(this.selectedAddressIndex<0||this.selectedAddressIndex>=t)&&(this.selectedAddressIndex=null)}componentWillLoad(){this.handleAddressData(this.addressData)}handleEntryClick(t,e){let o=t.target;if(null==o?void 0:o.closest(".change-address"))return t.stopPropagation(),void t.preventDefault();(null==o?void 0:o.closest("akzo-radio"))||this.handleSelect(e)}handleSelect(t){var e,o;t<0||t>=this.addresses.length||(this.selectedAddressIndex=t,this.showAllAddresses=!1,null==(e=this.addressSelected)||e.emit({address:this.addresses[t],index:t}),null==(o=this.buttonClick)||o.emit())}onSelectedIndexChange(t){null!=t&&(t<0||t>=this.addresses.length)&&(this.selectedAddressIndex=null)}handleChangeAddress(t){t.preventDefault(),t.stopPropagation(),this.showAllAddresses=!0}renderAddress(t,e){let o=this.selectedAddressIndex===e;return(0,i.h)("div",{class:"address-entry "+(o?"selected":""),onClick:t=>this.handleEntryClick(t,e),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleSelect(e))},tabIndex:0,role:"button","aria-selected":o,part:"address-entry"},(0,i.h)("akzo-radio",{checked:o,"aria-label":"".concat(this.selectAddressAriaLabel," ").concat(e+1),onClick:t=>{t.stopPropagation(),this.handleSelect(e)},tabindex:"-1"}
1),(0,i.h)("div",{class:"address-details",part:"address-details"},(0,i.h)("div",null,t.name&&(0,i.h)("p",{class:"body",part:"address-name"},t.name),t.addressLine1&&(0,i.h)("p",{class:"body"},t.addressLine1),t.addressLine2&&(0,i.h)("p",{class:"body"},t.addressLine2),t.city&&(0,i.h)("p",{class:"body"},t.city),t.county&&(0,i.h)("p",{class:"body"},t.county),t.postcode&&(0,i.h)("p",{class:"body"},t.postcode)),this.isCheckout&&0===e&&!this.showAllAddresses&&(0,i.h)("div",{class:"change-address",part:"change-address-part"},(0,i.h)("akzo-button",{onButtonClick:t=>this.handleChangeAddress(t),onKeyDown:t=>{t.stopPropagation();let e=t.key;"Enter"!==e&&" "!==e||(t.preventDefault(),this.handleChangeAddress(t))},tabindex:"0",role:"button","aria-controls":"address-list",focusOutline:!1,size:"s",variant:"tertiary",label:this.isFastOrder?this.updateAddressLabel:this.changeAddressLabel}))))}render(){let t=this.addresses;return this.isCheckout&&!this.showAllAddresses&&(t=null!=this.selectedAddressIndex?[this.addresses[this.selectedAddressIndex]]:this.addresses.slice(0,1)),(0,i.h)("div",{key:"9da9b8e2061d02dae23e3745ef1ebc3b5c613c95",id:"address-list",class:"akzo-address-container",part:"address-select-part"},(0,i.h)("div",{key:"31223703921885386886f7d3d35c5431077d5b82",class:"address-description",part:"address-description-part"},t.map((t,e)=>this.renderAddress(t,e))))}get el(){return this}static get watchers(){return{addressData:[{handleAddressData:0}],selectedAddressIndex:[{onSelectedIndexChange:0}]}}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.akzo-address-container{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:var(--color-neutral-200);border-radius:0.5rem;max-width:60rem;margin:auto}.akzo-address-container .address-description{display:flex;flex-direction:column;gap:1rem}.akzo-address-container .address-entry{display:flex;align-items:stretch;justify-content:flex-start;flex-direction:row;gap:0.5rem;padding:0.5rem;border:0.125rem solid var(--color-stroke-default);border-radius:0.5rem;cursor:pointer;min-height:10.75rem;width:23rem;background-color:var(--color-surface-neutral-option1)}.akzo-address-container .address-entry.selected{border:0.125rem solid var(--color-stroke-strong)}.akzo-address-container .address-entry:focus-visible,.akzo-address-container .address-entry:focus{outline:0.125rem solid var(--color-stroke-strong);outline-offset:0.125rem}.akzo-address-container .address-entry akzo-radio{width:1.5rem;height:1.5rem;margin-top:0.25rem}.akzo-address-container .address-entry .address-details{display:flex;flex-direction:column;flex-grow:1;line-height:1.25rem;padding:0.5rem;font-size:1rem;font-weight:400;color:var(--color-default-non-invertible-opaque-700)}.akzo-address-container .address-entry .address-details .body{color:var(--color-default-non-invertible-opaque-700);margin:0;padding:0;word-break:break-word;overflow-wrap:anywhere}.akzo-address-container .address-entry .address-details .change-address akzo-button::part(tertiary){padding:0;min-width:unset}.akzo-address-container .address-entry .address-details .change-address akzo-button:focus-visible,.akzo-address-container .address-entry .address-details .change-address akzo-button:focus{outline:0.125rem solid var(--color-stroke-strong);outline-offset:0.125rem}.akzo-address-container .address-entry .address-akzo-icons{display:flex;flex-direction:column;justify-content:space-between;padding:0.5rem}.akzo-address-container .address-entry .address-akzo-icons .akzo-icons{font-size:1.25rem;cursor:pointer;width:1.5rem;height:1.5rem;color:var(--color-interactive-secondary-default);margin-bottom:0.75rem}.akzo-address-container .address-entry .address-akzo-icons .akzo-icons.star{margin-top:auto}@media screen and (max-width: 28.5rem){.address-entry{max-width:16rem}}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.buttonClick=(0,i.c)(this,"buttonClick"),this.addressSelected=(0,i.c)(this,"addressSelected"),this.addresses=[],this.selectedAddressIndex=null,this.isCheckout=!1,this.isFastOrder=!1,this.changeAddressLabel="Change Address",this.updateAddressLabel="Update",this.selectAddressAriaLabel="Select address",this.showAllAddresses=!1}},[1,"akzo-address-select",{addressData:[1,"address-data"],selectedAddressIndex:[1538,"selected-address-index"],defaultSelectedAddressIndex:[2,"default-selected-address-index"],isCheckout:[4,"is-checkout"],isFastOrder:[4,"is-fast-order"],changeAddressLabel:[1,"change-address-label"],updateAddressLabel:[1,"update-ad
1dress-label"],selectAddressAriaLabel:[1,"select-address-aria-label"],addresses:[32],showAllAddresses:[32]},void 0,{addressData:[{handleAddressData:0}],selectedAddressIndex:[{onSelectedIndexChange:0}]}]),s=l,m=function(){"undefined"!=typeof customElements&&["akzo-address-select","akzo-button","akzo-icon","akzo-loader","akzo-radio"].forEach(t=>{switch(t){case"akzo-address-select":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),l);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-radio":customElements.get((0,i.t)(t))||(0,d.d)()}})}},49766:(t,e,o)=>{o.d(e,{J:()=>n,X:()=>a});var i=o(37294);let n=i.A,a=i.d},50211:(t,e,o)=>{o.d(e,{A:()=>d,d:()=>l});var i=o(41421),n=o(27857),a=o(65250);let r="ellipsis",d=(0,i.p)(class extends i.H{validateTotalPages(t){t<1&&(this.totalPages=1)}validateCurrentPage(t){t<1?this.currentPage=1:t>this.totalPages&&(this.currentPage=this.totalPages)}componentWillLoad(){var t,e;this.validateTotalPages(this.totalPages),this.validateCurrentPage(this.currentPage),"undefined"!=typeof window&&"matchMedia"in window&&(this.mediaQuery=window.matchMedia("(max-width: ".concat(this.mobileBreakpoint,"px)")),this.handleMediaChange(this.mediaQuery),"addEventListener"in this.mediaQuery?this.mediaQuery.addEventListener("change",this.handleMediaChange):null==(e=(t=this.mediaQuery).addListener)||e.call(t,this.handleMediaChange))}disconnectedCallback(){var t,e;this.mediaQuery&&("removeEventListener"in this.mediaQuery?this.mediaQuery.removeEventListener("change",this.handleMediaChange):null==(e=(t=this.mediaQuery).removeListener)||e.call(t,this.handleMediaChange))}changePage(t){var e;t<1||t>this.totalPages||t===this.currentPage||(this.currentPage=t,null==(e=this.pageChangeCallback)||e.call(this,this.currentPage))}getPages(){let{totalPages:t,currentPage:e}=this;return t<=7?Array.from({length:t},(t,e)=>e+1):e<=4?this.isMobile?4===e?[1,2,3,4,r,t]:[1,2,3,r,t]:[1,2,3,4,5,r,t]:e>=t-3?[1,r,t-4,t-3,t-2,t-1,t]:[1,r,e-1,e,e+1,r,t]}renderPageButton(t,e){return(0,i.h)("button",{class:"page-btn",ref:t=>this.pageButtonRefs[e]=t,"aria-current":t===this.currentPage?"page":void 0,onClick:()=>this.changePage(t)},t)}renderArrowButton(t){let e="prev"===t,o=e?this.currentPage-1:this.currentPage+1;return(0,i.h)("button",{class:"arrow-btn",ref:e=>this.arrowButtonRefs[t]=e,disabled:e?1===this.currentPage:this.currentPage===this.totalPages,onClick:()=>this.changePage(o),"aria-label":e?"Previous page":"Next page"},(0,i.h)("akzo-icon",{name:e?"arrow-long-left":"arrow-long-right"}))}handleKeyDown(t){let e=[this.arrowButtonRefs.prev,...this.pageButtonRefs,this.arrowButtonRefs.next].filter(Boolean),o=t.composedPath()[0],i=e.indexOf(o);if(-1!==i)switch(t.key){case"ArrowRight":e[i<e.length-1?i+1:i].focus(),t.preventDefault();break;case"ArrowLeft":e[i>0?i-1:i].focus(),t.preventDefault();break;case"Home":e[0].focus(),t.preventDefault();break;case"End":e[e.length-1].focus(),t.preventDefault();break;case"Enter":case" ":"BUTTON"===o.tagName&&(o.click(),t.preventDefault());break;case"Escape":o.blur(),t.preventDefault()}}render(){return this.pageButtonRefs=[],(0,i.h)("div",{key:"bb901ea3be1d2f30a146df69ba40a6d3afdbcdf5",class:"akzo-pagination-wrapper",part:"akzo-pagination-wrapper",role:"navigation","aria-label":"Pagination",onKeyDown:t=>this.handleKeyDown(t)},this.renderArrowButton("prev"),this.getPages().map((t,e)=>t===r?(0,i.h)("span",{class:"ellipsis","aria-hidden":"true"},"â¦"):this.renderPageButton(t,e)),this.renderArrowButton("next"))}static get watchers(){return{totalPages:[{validateTotalPages:0}],currentPage:[{validateCurrentPage:0}]}}static get style(){return'@charset "UTF-8";html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.akzo-pagination-wrapper{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0.25rem;height:3rem}.akzo-pagination-wrapper .page-btn{width:3rem;height:3rem;font-size:1rem;background:transparent;border:none;border-radius:4px;font-family:"Open Sans", sans-serif;font-weight:700;font-size:1rem;line-height:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--size-XL, 48px);height:var(--size-XL, 48px);color:var(--colour-Text-Functional, #0A0A0A)}.akzo-pagination-wrapper .page-btn:hover{background:var(--colour-Interactive-Action-Hovered, rgba(158, 158, 158, 0.15))}.akzo-pagination-wrapper .page-btn:focus-visible{outline:2px solid #000;outline-offset:2px;border-radius:6px}.akzo-pagination-wrapper .page-btn:active{background:var(--colour-Interactive-Action-Pressed, rgba(158, 158, 158, 0.3))}.akzo-pagination-wrapper .page-btn[aria-current=page]{background:var(--default-neutral-invertible-alpha-dark-900);color:var(--colour-Text-On-Primary, #FFF)}.akzo-pagination-wrapper .ellipsis{padding:0 0.25rem;color:var(--colour-Text-Disabled, #757575)}.akzo-pagination-wrapper .arrow-btn{display:flex;height:44px;padding:var(--spacing-S, 12px) 10px;justify-content:center;align-items:center;background:transparent;border:none;cursor:pointer;border-radius:4px}.akzo-pagination-wrapper .arrow-btn>akzo-icon{color:#121212}.akzo-pagination-wrapper .arrow-btn:hover:not([disabled]){background:var(--colour-Interactive-Action-Hovered, rgba(158, 158, 158, 0.15))}.akzo-pagination-wrapper .arrow-btn:focus-visible{outline:2px solid #000;outline-offset:2px}.akzo-pagination-wrapper .arrow-btn:active:not([disabled]){background:var(--colour-Interactive-Action-Pressed, rgba(158, 158, 158, 0.3))}.akzo-pagination-wrapper .arrow-btn[disabled]{cursor:not-allowed;opacity:0.3}.akzo-pagination-wrapper .arrow-btn[disabled]>akzo-icon{color:#BDBDBD}.akzo-pagination-wrapper{}@media (max-width: 360px){.akzo-pagination-wrapper{height:1.5rem}.akzo-pagination-wrapper .page-btn{width:28px;height:28px;font-size:0.75rem;border-radius:3px}.akzo-pagination-wrapper .arrow-btn{height:32px;padding:6px 8px;border-radius:3px}.akzo-pagination-wrapper .arrow-btn>akzo-icon{font-size:16px}.akzo-pagination-wrapper .ellipsis{font-size:0.75rem;padding:0 0.5rem}}.akzo-pagination-wrapper{}@media (min-width: 361px) and (max-width: 600px){.akzo-pagination-wrapper{height:3rem}.akzo-pagination-wrapper .page-btn{width:40px;height:40px;font-size:1rem;border-radius:5px}.akzo-pagination-wrapper .arrow-btn{height:40px;padding:8px 10px;border-radius:5px}.akzo-pagination-wrapper .arrow-btn>akzo-icon{font-size:18px}.akzo-pagination-wrapper .ellipsis{font-size:1rem;padding:0 0.75rem}}.akzo-pagination-wrapper{}@media (min-width: 601px) and (max-width: 900px){.akzo-pagination-wrapper{height:3rem}.akzo-pagination-wrapper .page-btn{width:40px;height:40px;font-size:1rem;border-radius:4px}.akzo-pagination-wrapper .arrow-btn{height:40px;padding:8px 10px;border-radius:4px}.akzo-pagination-wrapper .arrow-btn>akzo-icon{font-size:18px}.akzo-pagination-wrapper .ellipsis{font-size:1rem;padding:0 0.75rem}}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.totalPages=1,this.currentPage=1,this.mobileBreakpoint=640,this.isMobile=!1,this.pageButtonRefs=[],this.arrowButtonRefs={},this.handleMediaChange=t=>{this.isMobile=t.matches}}},[1,"akzo-pagination",{totalPages:[2,"total-pages"],currentPage:[1538,"current-page"],pageChangeCallback:[16],mobileBreakpoint:[2,"mobile-breakpoint"],isMobile:[32]},void 0,{totalPages:[{validateTotalPages:0}],currentPage:[{validateCurrentPage:0}]}]);function l(){"undefined"!=typeof customElements&&["akzo-pagination","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-pagination":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),d);break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,a.d)()}})}},50416:(t,e,o)=>{o.d(e,{X:()=>s,a:()=>l});var i=o(41421),n=o(27857),a=o(92887),r=o(65250);let d=(0,i.p)(class extends i.H{render(){return(0,i.h)(i.a,{key:"eb9e68029b04ba7375ac111988f199dfb6c6d41c"},(0,i.h)("div",{key:"96a1610fcb033e5cdf8c531e95d2aa88fb73e822",role:"list",class:{"akzo-link-list":!0,["direction-"+this.direction]:!0,["gap-"+this.gap]:!0}},this.items.map(t=>(0,i.h)("akzo-link",{role:"listitem",label:t.label,href:t.href,openInNewTab:t.openInNewTab,external:t.external}))))}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:block}.akzo-link-list{display:flex;flex-wrap:wrap}.akzo-link-list.direction-vertical{flex-direction:column;align-items:flex-start}.akzo-link-list.direction-horizontal{flex-direction:row;align-items:center}.akzo-link-list{}.akzo-link-list.gap-none{gap:0}.akzo-link-list.gap-xs{gap:var(--spacing-xxs)}.akzo-link-list.gap-sm{gap:var(--spacing-xs)}.akzo-link-list.gap-md{gap:var(--spacing-sm)}.akzo-link-list.gap-lg{gap:var(--spacing-md)}.akzo-link-list akzo-link::part(link-label){line-height:1.25rem}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.direction="vertical",this.gap="sm",this.items=[]}},[1,"akzo-link-list",{direction:[1],gap:[1],items:[16]}]),l=d,s=function(){"undefined"!=typeof customElements&&["akzo-link-list","akzo-icon","akzo-link","akzo-loader"].forEach(t=>{switch(t){case"akzo-link-list":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),d);break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-link":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,r.d)()}})}},51475:(t,e,o)=>{o.d(e,{X:()=>r,v:()=>a});var i=o(41421);let n=(0,i.p)(class extends i.H{getSizePx(){switch(this.size){case"xl":return"160px";case"l":return"88px";case"m":default:return"64px";case"s":return"56px";case"xs":return"40px"}}render(){return(0,i.h)("div",{key:"9fe4c1dd5fc4c4f71de9203075efc70c2b45e7df",class:"akzo-video-button ".concat(this.isHovering?" hover":"").concat(this.isPressed?" pressed":""),style:{display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",top:"50%",left:"50%",width:this.getSizePx(),height:this.getSizePx(),cursor:"pointer",zIndex:"10"},"aria-label":"Play video",role:"button",part:"akzo-video-button",tabIndex:0},(0,i.h)("svg",{key:"2c583a70e66e87f2f9352a603428cedc2d81862e",width:"100%",height:"100%",viewBox:"0 0 100 100",style:{display:"block"}},(0,i.h)("defs",{key:"b468a4a5fc1b57465e24a204eff2f582146c2778"},(0,i.h)("mask",{key:"e545efd67e45ad21be5c604ef83ea254c6a3759b",id:"triangle-mask"},(0,i.h)("rect",{key:"1816f6cfb5ae31d27c9010d0add483680ce4114a",x:"0",y:"0",width:"100",height:"100",fill:"white"}),(0,i.h)("path",{key:"7ff2a31bfdaeadf3da1ab41afb37bee6505dddc2",d:"M42 32\n C40 30 37 32 37 35\n L37 65\n C37 68 40 70 42 68\n L67 53\n C69 52 69 48 67 47\n L42 32 Z",fill:"black"})),(0,i.h)("linearGradient",{key:"cebe01be5d777ed4d9ef8d52f3a01cc317a6db0d",id:"rainbow",x1:"0",y1:"0",x2:"100",y2:"0",gradientUnits:"userSpaceOnUse"},(0,i.h)("stop",{key:"b33677711247d9aa02c0d635b3a694779d62b9da",offset:"0%","stop-color":"#cc1719"}),(0,i.h)("stop",{key:"5730885384eb9166ccf90ebd07a853e95a86f322",offset:"20%","stop-color":"#f5a100"}),(0,i.h)("stop",{key:"bc5037c0a4c9cf7fe605fcf61479142f7f14db02",offset:"40%","stop-color":"#fbee2d"}),(0,i.h)("stop",{key:"75b3f936c7e8c6417eb694983521df7b27439bd1",offset:"60%","
1stop-color":"#d4da1c"}),(0,i.h)("stop",{key:"78e8fb53597d79056d8c8eeaa6ad687153cee989",offset:"80%","stop-color":"#93bc2a"}),(0,i.h)("stop",{key:"eaf8ae1e39f8145e5d1d876794edd79cb6075410",offset:"100%","stop-color":"#05baee"}))),(0,i.h)("circle",this.isPressed?{cx:"50",cy:"50",r:"48",fill:"black"===this.color?"#333":"#d9d9d9",stroke:"#ccc","stroke-width":"2",mask:"url(#triangle-mask)"}:this.isHovering?{cx:"50",cy:"50",r:"48",fill:"black"===this.color?"#000":"#fff",stroke:"url(#rainbow)","stroke-width":"2",mask:"url(#triangle-mask)"}:{cx:"50",cy:"50",r:"48",fill:"black"===this.color?"#000":"#fff",stroke:"none","stroke-width":"0",mask:"url(#triangle-mask)"})))}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.central-play-icon{box-sizing:border-box;border-radius:50%;background:transparent;transition:box-shadow 0.2s, background 0.2s;box-shadow:0 2px 8px rgba(0, 0, 0, 0.08)}.central-play-icon.hover{box-shadow:0 4px 16px rgba(0, 0, 0, 0.12)}.central-play-icon.pressed{box-shadow:0 2px 8px rgba(0, 0, 0, 0.18);background:#f0f0f0}.akzo-video-button{transform:translate(-50%, -50%)}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isHovering=!1,this.isPressed=!1,this.size="m",this.color="white"}},[1,"akzo-video-button",{isHovering:[516,"is-hovering"],isPressed:[516,"is-pressed"],size:[513],color:[513]}]),a=n,r=function(){"undefined"!=typeof customElements&&["akzo-video-button"].forEach(t=>{"akzo-video-button"===t&&(customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),n))})}},53709:(t,e,o)=>{o.r(e),o.d(e,{AkzoToggleSelector:()=>n,defineCustomElement:()=>a});var i=o(78268);let n=i.A,a=i.d},53791:(t,e,o)=>{o.r(e),o.d(e,{AkzoRecommendedProducts:()=>s,defineCustomElement:()=>m});var i=o(41421),n=o(27857),a=o(65250),r=o(23100),d=o(20862);let l=(0,i.p)(class extends i.H{componentWillLoad(){this.internalRecommended=this.parseProducts(this.recommendedProducts),this.checkMobile(),window.addEventListener("resize",this.checkMobile.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.checkMobile.bind(this))}checkMobile(){this.isMobile=window.innerWidth<=600}parseRecommendedChange(t){this.internalRecommended=this.parseProducts(t),this.currentIndex=0}parseProducts(t){if("string"==typeof t)try{return JSON.parse(t)}catch(t){return console.error("â Invalid recommendedProducts JSON:",t),[]}return t||[]}getValidCurrency(t){return["gbp","eur","usd"].includes(t)?t:"gbp"}handleAdd(t){let e=this.getValidCurrency(t.currency),o={id:t.id||"product-"+Date.now(),name:t.productTitle,price:t.price?{regular:{amount:t.price,currency:e}}:void 0,packshot:t.imageSrc?{imageUrl:{thumbnail:t.imageSrc},imageAlt:t.productTitle}:void 0};this.addProduct.emit(t);let i=new CustomEvent("addFavorite",{detail:o,bubbles:!0,composed:!0});window.dispatchEvent(i)}handleFavoriteAdded(t){console.log("â
Product ".concat(t.detail.id," added to favorites!"))}handleFavoriteDuplicate(t){console.log("â ï¸ Product ".concat(t.detail.id," is already in favorites!"))}handleDotChange(t){let e=t.detail;this.currentIndex=e,this.scrollToCard(e)}scrollToCard(t){let e=this.host.shadowRoot.querySelector(".cards-row"),o=this.host.shadowRoot.querySelectorAll(".recommended-card")[t];e&&o&&e.scrollTo({left:t*(o.offsetWidth+16),behavior:"smooth"})}render(){var t;return(null==(t=this.internalRecommended)?void 0:t.length)?(0,i.h)("div",{class:"content-wrapper"},(0,i.h)("div",{class:"recommended-products"},(0,i.h)("h3",{class:"section-title"},"Donât forget"),(0,i.h)("div",{class:"cards-row"},this.internalRecommended.map((t,e)=>(0,i.h)("div",{class:"recommended-card",key:e},(0,i.h)("div",{class:"image-container"},(0,i.h)("img",t.imageSrc?{src:t.imageSrc,alt:t.productTitle,onError:t=>{t.target.src="/assets/fallback-image.jpg"}}:{src:"/assets/fallback-image.jpg",alt:"Placeholder"})),(0,i.h)("div",{class:"details"},(0,i.h)("h4",{class:"title"},t.productTitle),null!=t.rating&&(0,i.h)("div",{class:"rating"},(0,i.h)("akzo-rating-summary",{rating:t.rating})),(0,i.h)("div",{class:"price"}
1,null!=t.price&&(0,i.h)("akzo-price",{originalPrice:t.price+"",currency:t.currency||"gbp"}))),(0,i.h)("button",{class:"add-btn",onClick:()=>this.handleAdd(t)},(0,i.h)("akzo-icon",{name:"plus",size:"m"}))))),this.internalRecommended.length>3&&(0,i.h)("akzo-progress-dot",{total:this.internalRecommended.length,currentIndex:this.currentIndex,showLeftArrows:!0,showRightArrows:!0,showDots:!!this.isMobile,theme:"default",onDotChange:t=>this.handleDotChange(t)}))):null}get host(){return this}static get watchers(){return{recommendedProducts:[{parseRecommendedChange:0}]}}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:block}*{box-sizing:border-box}.content-wrapper{width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;overflow:hidden}@media (max-width: 600px){.content-wrapper{padding:0 1rem}}.recommended-products{position:relative;margin:0 auto;padding:0 1.5rem}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#000;color:#fff;border:none;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background 0.2s ease}.nav-arrow:hover{background:#333}.nav-arrow.left{left:0}.nav-arrow.right{right:-1rem;}.nav-arrow akzo-icon{color:#fff;font-size:1.2rem}@media (max-width: 600px){.nav-arrow{width:2rem;height:2rem}.nav-arrow akzo-icon{font-size:1rem}}.section-title{margin-top:5rem;overflow:hidden;color:var(--colour-Text-Functional, #0A0A0A);text-overflow:ellipsis;font-family:var(--typography-font-family-heading, "Colour Sans");font-size:var(--typography-size-heading-M, 1.75rem);font-style:normal;font-weight:700;line-height:var(--typography-line_height-heading-M, 2rem);}.cards-row{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;}.cards-row::-webkit-scrollbar{display:none}.cards-row{-ms-overflow-style:none;scrollbar-width:none}@media (min-width: 600px){.cards-row{padding:0 1rem;}}.recommended-card{background:#fff;padding:1rem;position:relative;display:flex;flex-direction:column;justify-content:space-between;transition:transform 0.2s ease;flex:0 0 20.5rem;width:24rem;height:auto;scroll-snap-align:start;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);}@media (min-width: 600px){.recommended-card{flex:0 0 calc((1200px - 2rem - 3rem) / 3);width:calc((1200px - 2rem - 3rem) / 3);max-width:100%}}.recommended-card .image-container{display:flex;justify-content:center;align-items:center;margin-bottom:0.75rem;width:100%;overflow:hidden}.recommended-card .image-container img{max-width:100%;max-height:100%;height:auto;width:auto;object-fit:contain;border-radius:4px;}.recommended-card .details{display:flex;flex-direction:column;gap:0.25rem}.recommended-card .details .title{font-family:var(--typography-font-family-body, "Open Sans");font-weight:700;font-style:normal;font-size:var(--typography-size-paragraph-S, 0.875rem);line-height:var(--typography-line_height-paragraph-S, 1rem);letter-spacing:0px;color:#0a0a0a;margin:0}.recommended-card .details .rating{display:flex;align-items:center;font-size:0.75rem;color:#f5a623}.recommended-card .details .price{font-family:var(--typography-font-family-heading, "Colour Sans");font-weight:700;font-style:normal;font-size:var(--typography-size-paragraph-M, 1rem);line-height:var(--typography-line_height-paragraph-M, 1.25rem);letter-spacing:0px;color:#000}.recommended-card .details .price akzo-price::part(price-text){font-weight:700}.recommended-card .add-btn{position:absolute;top:0.5rem;right:0.5rem;background:#000;color:#fff;border:none;border-radius:4px;padding:0.25rem;cursor:pointer;transition:background 0.2s ease;display:flex;align-items:center;justify-content:center}.recommended-card .add-btn:hover{background:#333}.recommended-card .add-btn akzo-icon{color:#fff}.progress-dot-container{margin-top:1rem;display:flex;justify-content:center}@media (min-width: 600px){.progress-dot-container{display:none;}}@media (max-width: 600px){.recommended-products .cards-row{gap:0.75rem}.recommended-products .recommended-card{width:24rem;height:auto;padding:0.75rem;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);}.recommended-products .recommended-card .details .title{font-size:0.75rem}.recommended-products .recommended-card .details .price{font-size:0.875rem}.recommended-products .recommended-card .add-btn{top:0.25rem;right:0.25rem}.recommended-products .nav-arrow{display:none;}}akzo-icon::part(icon){color:white;margin:0.25rem}@media (min-width: 600px){.content-wrapper{padding:0 !important}}@media (min-width: 904px){.content-wrapper{padding:0 !important}}akzo-progress-dot::part(progress-dot-container){justify-content:end}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.addProduct=(0,i.c)(this,"addProduct"),this.internalRecommended=[],this.currentIndex=0,this.isMobile=!1}},[1,"akzo-recommended-products",{recommendedProducts:[1,"recommended-products"],internalRecommended:[32],currentIndex:[32],isMobile:[32]},[[8,"favoriteAdded","handleFavoriteAdded"],[8,"favoriteDuplicate","handleFavoriteDuplicate"]],{recommendedProducts:[{parseRecommendedChange:0}]}]),s=l,m=function(){"undefined"!=typeof customElements&&["akzo-recommended-products","akzo-icon","akzo-loader","akzo-price","akzo-progress-dot"].forEach(t=>{switch(t){case"akzo-recommended-products":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),l);break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-price":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-progress-dot":customElements.get((0,i.t)(t))||(0,d.d)()}})}},54099:(t,e,o)=>{o.d(e,{X:()=>a,z:()=>n});var i=o(3779);let n=i.A,a=i.d},55294:(t,e,o)=>{o.r(e),o.d(e,{AkzoPaintCalculator:()=>n,defineCustomElement:()=>a});var i=o(68098);let n=i.A,a=i.d},55635:(t,e,o)=>{o.r(e),o.d(e,{AkzoStatus:()=>n,defineCustomElement:()=>a});var i=o(83904);let n=i.A,a=i.d},55645:(t,e,o)=>{o.r(e),o.d(e,{AkzoImageGrid:()=>n,defineCustomElement:()=>a});var i=o(85779);let n=i.A,a=i.d},56957:(t,e,o)=>{o.d(e,{X:()=>a,v:()=>n});var i=o(34190);let n=i.A,a=i.d},58548:(t,e,o)=>{o.r(e),o.d(e,{AkzoUpload:()=>p,defineCustomElement:()=>h});var i=o(41421),n=o(47408),a=o(27857),r=o(91977),d=o(65250),l=o(27214);let s=["text/csv","application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],m=(0,i.p)(class extends i.H{isValidFile(t){return this.isCsvOnly?"text/csv"===t.type||t.name.toLowerCase().endsWith(".csv"):s.includes(t.type)}handleOutsideClick(t){if(!this.showTextbox)return;let e=t.composedPath();e.includes(this.el)||this.textboxWrapper&&e.includes(this.textboxWrapper)||(this.showTextbox=!1)}get getAriaLabel(){return"upload"===this.type?"Upload file: "+(this.altText||this.description):"Copy paste SKU: "+(this.altText||this.description)}renderFileInfo(){return this.errorMessage?(0,i.h)("p",{class:"akzo-upload__error","aria-live":"polite"},this.errorMessage):this.selectedFileName?(0,i.h)("span",{class:"akzo-upload__filename","aria-live":"polite"},this.selectedFileName):(0,i.h)("div",{part:"upload-desc"},(0,i.h)("slot",null,this.description),!this.selectedFileName&&this.subDesc&&(0,i.h)("span",{class:"subdesc",part:"subdesc"},this.subDesc))}renderUploadTile(){return(0,i.h)("button",{class:"akzo-upload",part:"akzo-upload",onDragOver:this.onDragOver,onDrop:this.onDrop,onClick:this.triggerFileDialog,"aria-label":this.getAriaLabel},(0,i.h)("input",{type:"file",hidden:!0,ref:t=>this.fileInput=t,onChange:this.handleFileChange,accept:s.join(",")}),(0,i.h)("div",{class:"akzo-upload__icon",role:"img","aria-label":this.altText},(0,i.h)("akzo-icon",{name:this.icon,"aria-hidden":"true"})),(0,i.h)("div",{class:"akzo-upload__text body-xs"},this.renderFileInfo()))}renderCopyPasteTile(){return(0,i.h)("button",{class:"akzo-upload akzo-upload__copy-btn "+(this.showTextbox?"show-textarea":""),part:"akzo-copy",onClick:this.handleCopyPaste,"aria-label":this.getAriaLabel},this.showTextbox?(0,i.h)("div",{class:"text-box-container",ref:t=>this.textboxWrapper=t,role:"group",tabIndex:0,onClick:this.stopInsideClick,onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||this.stopInsideClick(t)}},(0,i.h)("akzo-input-textarea",{showLengthCount:!1,maxLength:500,placeholder:"WS05-CS-RED:5",value:this.copyPasteValue,onHandleValueChange:this.handleInputChange,"aria-label":"Enter SKU codes"}),(0,i.h)("akzo-button",{variant:"primary",size:"s",label:this.ctaLabel,disabled:this.isDisabled,onClick:()=>{this.actionTriggered.emit({type:"copyPaste",value:this.copyPasteValue}),this.showTextbox=!1,this.copyPasteValue=""}})):[this.isHelper&&this.helperText&&this.tooltipTitle&&(0,i.h)("div",{class:"akzo-upload__helper-wrapper"},(0,i.h)("span",{class:"akzo-upload__mobile-helper",part:"mobile-helper"},(0,i.h)("akzo-notification-bar",{type:"info",cardTitle:this.tooltipTitle,de
1scription:this.helperText})),(0,i.h)("div",{class:"akzo-upload__helper-icon",part:"helper-icon"},(0,i.h)("akzo-icon",{name:"help-circle",size:"m","aria-hidden":"true"}),(0,i.h)("span",{class:"akzo-upload__tooltip",part:"tooltip",role:"tooltip","aria-live":"polite"},(0,i.h)("span",{class:"akzo-upload__tooltip-title",part:"tooltip-title"},this.tooltipTitle),(0,i.h)("span",{class:"akzo-upload__tooltip-divider",part:"tooltip-divider","aria-hidden":"true"}),(0,i.h)("span",{class:"akzo-upload__tooltip-text",part:"tooltip-text"},this.helperText)))),(0,i.h)("div",{class:"akzo-upload__icon",role:"img","aria-label":this.altText},(0,i.h)("akzo-icon",{name:this.icon,"aria-hidden":"true"})),(0,i.h)("div",{class:"akzo-upload__text body-xs",part:"copy-desc"},this.description,!this.selectedFileName&&this.subDesc&&(0,i.h)("span",{class:"subdesc",part:"subdesc"},this.subDesc))])}render(){return(0,i.h)("div",{key:"0bc5bb33a9e50bfb355ac170448cda545eee9898",class:"akzo-upload__wrapper"},"upload"===this.type?this.renderUploadTile():this.renderCopyPasteTile())}get el(){return this}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:inline-block}.akzo-upload{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-xs);position:relative;width:160px;padding:var(--spacing-m);border-radius:var(--radius-xl, 10px);border:1px dashed var(--color-stroke-accent-brand-primary);background:var(--color-surface-neutral-option1);cursor:pointer;min-width:150px;min-height:120px;transition:border-color 0.2s ease;transition:width 0.3s ease}.akzo-upload:focus,.akzo-upload:hover{border-color:var(--default-primary-900);outline:none}.akzo-upload:focus-visible{outline:1px solid var(--color-stroke-strong);outline-offset:2px}.akzo-upload__icon{display:flex;flex-direction:row;justify-content:center;align-items:center;height:52px;width:52px;border-radius:var(--radius-pill);background-color:var(--color-surface-neutral-option2)}.akzo-upload__helper-wrapper{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);display:flex;align-items:center;justify-content:flex-end}@media (max-width: 600px){.akzo-upload__helper-wrapper{position:relative;top:0;right:0;width:100%;justify-content:center;margin-bottom:var(--spacing-xs)}}.akzo-upload__helper-icon{position:relative;display:flex;align-items:center;justify-content:center;cursor:help;color:var(--color-text-subtle)}.akzo-upload__helper-icon:hover .akzo-upload__tooltip{opacity:1;visibility:visible}@media (max-width: 600px){.akzo-upload__helper-icon{display:none}}.akzo-upload:hover .akzo-upload__tooltip,.akzo-upload:focus-within .akzo-upload__tooltip{opacity:1;visibility:visible}.akzo-upload__tooltip{position:absolute;top:calc(100% - 25px);left:32px;background:var(--color-interactive-secondary-default);color:var(--color-text-on-primary);padding:16px;border-radius:4px;width:260px;max-width:260px;opacity:0;visibility:hidden;transition:opacity 0.2s ease, visibility 0.2s ease;z-index:10;pointer-events:none;text-align:left;white-space:normal}.akzo-upload__tooltip::before{content:"";position:absolute;top:2px;left:-14px;border-width:7px;border-style:solid;border-color:transparent var(--color-interactive-secondary-default) transparent transparent}.akzo-upload__tooltip-title{font-size:20px;font-weight:700;line-height:1.24px;margin-bottom:18px;white-space:normal}.akzo-upload__tooltip-divider{display:block;height:2px;background:var(--color-text-on-primary);margin:10px 0}.akzo-upload__tooltip-text{display:block;font-size:14px;font-weight:400;line-height:20px}.akzo-upload__mobile-helper{display:none;font-size:var(--font-size-xs, 12px);color:var(--color-text-subtle);text-align:center;background-color:var(--color-surface-neutral-option2);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-s, 4px);width:100%}@media (max-width: 600px){.akzo-upload__mobile-helper{display:block}.akzo-upload__mobile-helper akzo-notification-bar::part(icon-wrapper){display:none}.akzo-upload__mobile-helper akzo-notification-bar::part(card-title){font-size:14px;font-weight:700;line-height:16px}.akzo-upload__mobile-helper akzo-notification-bar::part(part-desc){font-size:12px;font-weight:400;line-height:16px}.akzo-upload__mobile-helper akzo-notification-bar::part(close-wrapper){display:none}}.akzo-upload__text{word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;text-overflow:ellipsis;overflow:hidden;white-space:normal;word-break:break-word;color:var(--color-text-body);margin:0}.akzo-upload__error{margin-top:var(--spacing-xs);font-size:var(--spacing-s);color:var(--color-text-critical)}.akzo-upload.show-textarea{padding:2px;width:23.75rem}.akzo-upload.show-textarea .text-box-container{width:100%}@media (max-width: 600px){.akzo-upload.show-textarea{width:95vw}.akzo-upload.show-textarea akzo-button::part(primary){width:100%}}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.actionTriggered=(0,i.c)(this,"actionTriggered"),this.changeTriggered=(0,i.c)(this,"changeTriggered"),this.type="upload",this.ctaLabel="Add to List",this.isDisabled=!1,this.isCsvOnly=!1,this.isHelper=!1,this.helperText="",this.tooltipTitle="",this.selectedFileName=null,this.errorMessage=null,this.showTextbox=!1,this.copyPasteValue="",this.triggerFileDialog=()=>{var t;return null==(t=this.fileInput)?void 0:t.click()},this.handleFileChange=t=>{var e;let o=null==(e=t.target.files)?void 0:e[0];o&&(this.isValidFile(o)?(this.selectedFileName="".concat(o.name,"
1(").concat(Math.round(o.size/1024)," KB)"),this.errorMessage=null,this.actionTriggered.emit({type:"upload",file:o})):(this.errorMessage=this.isCsvOnly?"Invalid file type. Please upload only a CSV file.":"Invalid file type. Please upload CSV or Excel files only.",this.selectedFileName=null))},this.preventDnD=t=>{t.preventDefault(),t.stopPropagation()},this.handleDroppedFile=t=>{this.isValidFile(t)?(this.selectedFileName="".concat(t.name," (").concat(Math.round(t.size/1024)," KB)"),this.errorMessage=null,this.actionTriggered.emit({type:"upload",file:t})):(this.errorMessage=this.isCsvOnly?"Invalid file type. Please upload only a CSV file.":"Invalid file type. Please upload CSV or Excel files only.",this.selectedFileName=null)},this.onDrop=t=>{this.preventDnD(t);let e=t.dataTransfer;if(!e)return;let o=e.items&&e.items.length&&"file"===e.items[0].kind?e.items[0].getAsFile():e.files&&e.files.length?e.files[0]:null;o&&this.handleDroppedFile(o)},this.onDragOver=t=>{this.preventDnD(t),t.dataTransfer&&(t.dataTransfer.dropEffect="copy")},this.handleCopyPaste=()=>{this.showTextbox=!0},this.handleInputChange=t=>{this.copyPasteValue=t.detail,this.changeTriggered.emit(this.copyPasteValue)},this.stopInsideClick=t=>{t.stopPropagation()}}},[257,"akzo-upload",{type:[1],icon:[1],description:[1],subDesc:[1,"sub-desc"],altText:[1,"alt-text"],ctaLabel:[1,"cta-label"],isDisabled:[4,"is-disabled"],isCsvOnly:[4,"is-csv-only"],isHelper:[4,"is-helper"],helperText:[1,"helper-text"],tooltipTitle:[1,"tooltip-title"],selectedFileName:[32],errorMessage:[32],showTextbox:[32],copyPasteValue:[32]},[[4,"click","handleOutsideClick"]]]),p=m,h=function(){"undefined"!=typeof customElements&&["akzo-upload","akzo-button","akzo-icon","akzo-input-textarea","akzo-loader","akzo-notification-bar"].forEach(t=>{switch(t){case"akzo-upload":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),m);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-input-textarea":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,d.d)();break;case"akzo-notification-bar":customElements.get((0,i.t)(t))||(0,l.d)()}})}},59800:(t,e,o)=>{o.r(e),o.d(e,{AkzoCheckbox:()=>n,defineCustomElement:()=>a});var i=o(71810);let n=i.A,a=i.d},60230:(t,e,o)=>{o.d(e,{O:()=>n,X:()=>a});var i=o(97850);let n=i.P,a=i.d},60282:(t,e,o)=>{o.d(e,{A:()=>p,d:()=>h});var i=o(41421),n=o(47408),a=o(25590),r=o(13912),d=o(27857),l=o(30730),s=o(65250),m=o(83904);let p=(0,i.p)(class extends i.H{onDeliveryDateChange(t){this.internalDate=t}onRangeChange(t){if(t)"string"==typeof this.internalDate&&(this.internalDate=[this.internalDate,this.internalDate]);else if(Array.isArray(this.internalDate)){let[,t]=this.internalDate;this.internalDate=t||this.internalDate[0]||""}}generatePreviousDates(){let t=[],e=new Date;for(let o=1;o<=365;o++){let i=new Date(e);i.setDate(e.getDate()-o);let n=String(i.getDate()).padStart(2,"0"),a=String(i.getMonth()+1).padStart(2,"0"),r=i.getFullYear();t.push("".concat(n,"/").concat(a,"/").concat(r))}return t}componentWillLoad(){if(this.internalDate=this.deliveryDate||"",this.disablePrevDates&&(this.disabledDatesArray=this.generatePreviousDates()),!this.heading){let t=this.hostEl.getAttribute("title");t&&(this.heading=t,this.hostEl.removeAttribute("title"))}if(!this.describedById){let t=this.hostEl.getAttribute("aria-description");t&&(this.describedById=t,this.hostEl.removeAttribute("aria-description"))}}componentDidLoad(){window.addEventListener("resize",this.handleResize)}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}render(){return(0,i.h)("div",{key:"5e5b44621192df32a48533f1100c561325126df6",class:{"stock-checker":!0,[this.customClass]:!!this.customClass},part:"stock-checker"},(0,i.h)("div",{key:"58fcf20681b2a0412707aec44b313f6ab4432030",class:"stock-checker__header"},(0,i.h)("h3",{key:"2abc823d9760b787826d04fbc5250606a9e8eb8c",class:"stock-checker__title",title:this.heading},this.heading),(0,i.h)("p",{key:"69281ad17326292c8a602ab764024cd9e6c3db97",class:"stock-checker__description body-s",title:this.description},this.description)),(0,i.h)("div",{key:"6992e20c2e0d8fea7972f3cf2d6dbe8cc65cf0fd",class:"stock-checker__date-row"},this.showDateField&&(0,i.h)("div",{key:"af13f969b5276fb35d3debb0c925f43ad98b6490",class:"stock-checker__date-field",onMouseDown:t=>{let e=t.target;e&&!e.closest("akzo-date-picker")&&this.handleDateFieldClick(t)},onKeyDown:t=>{if("Enter"===t.key||" "===t.key){t.preventDefault();let e=t.target;e&&!e.closest("akzo-date-picker")&&this.handleDateFieldClick(t)}},onClick:t=>t.stopPropagation(),tabIndex:0},(0,i.h)("akzo-date-picker",{key:"98ac5c2b326bd017ff5418dcfd6148f1baa84d6f",ref:t=>this.datePickerEl=t,label:this.dateLabel,range:this.range,optional:this.isOptional,value:this.internalDate,onDateChange:this.handleDateChange,disabled:this.disabled,disabledDates:this.disablePrevDates?this.disabledDatesArray:void 0,disabledDatesGray:this.disablePrevDates,readOnly:this.readOnly})),this.helperText&&this.isMobile&&(0,i.h)("span",{key:"839d6d368fd51b22f642b358351736a38e144612",class:"stock-checker__input-helper",title:this.helperTextContent},this.helperTextContent),(0,i.h)("akzo-button",{key:"d80932a07762c34e88ca57c3002d9170ec2cbedf",class:"stock-checker__button",onClick:this.onCheck,variant:this.buttonVariant,disabled:this.disabled||!this.internalDate||"string"==typeof this.internalDate&&""===this.internalDate.trim(),"aria-describedby":this.describedById,label:this.buttonLabel||this.buttonAction,leftIcon:this.leftIcon?"chevron-left":void 0,rightIcon:this.rightIcon?"chevron-right":void 0,loading:this.stockLoading})),!this.isMobile&&this.helperText&&(0,i.h)("span",{key:"3dd539dbe5308936560a66e4d54df76a229185ec",class:"stock-checker__input-helper",title:this.helperTextContent},this.helperTextContent),this.showStatus&&(0,i.h)("div",{key:"0457d6ebd5cb742d31cfbde088729814a3361697",class:"stock-checker__status-line","aria-live":"polite"},(0,i.h)("akzo-status",{key:"617fd43467e649ef56012e472cf9cc4e777f82e3",status:this.stockStatus,label:this.stockStatusLabel,size:"small"===this.statusSize?"s":"l"}),this.statusHelperText&&(0,i.h)("p",{key:"68d330a0c115cfa6a5c06ef08ce15b4532854928",id:this.describedById,class:"stock-checker__status-helper body-xs",title:this.statusHelperText},this.statusHelperText)))}get hostEl(){return this}static get watchers(){return{deliveryDate:[{onDeliveryDateChange:0}],range:[{onRangeChange:0}]}}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:block;width:100%;max-width:100%}.stock-checker{display:flex;width:36.75rem;max-width:36.75rem;padding:var(--spacing-L, 1.5rem);flex-direction:column;align-items:flex-start;border-radius:var(--radius-cards-corner_radius, 0);background:var(--color-surface-neutral-option2, #f6f6f6);box-sizing:border-box}@media (max-width: 650px){.stock-checker{display:flex;width:100%;max-width:19.5rem;padding:var(--spacing-L, 1.5rem);flex-direction:column;align-items:flex-start;margin-left:auto;margin-right:auto;box-sizing:border-box}}.stock-checker.vertical .stock-checker__date-row,.stock-checker__date-row.mobile{flex-direction:column;align-items:stretch}.stock-checker.vertical .stock-checker__button,.stock-checker__date-row.mobile .stock-checker__button{width:100%;align-self:stretch}.stock-checker__header{display:flex;flex-direction:column;margin-bottom:1.25rem;width:100%;min-width:0}.stock-checker__title{margin:0 0 0.375rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-title, #0a0a0a);font-size:var(--typography-size-heading-S, 1.25rem);font-style:normal;font-weight:700;line-height:var(--typography-line_height-heading-S, 1.5rem);max-width:100%}.stock-checker__description{word-break:break-word;word-wrap:break-word;margin:0;color:var(--color-text-functional-subtle, #616161);font-size:var(--typography-size-paragraph-M, 1rem);font-style:normal;font-weight:400;line-height:var(--typography-line_height-paragraph-M, 1.25rem);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (max-width: 650px){.stock-checker__description{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%}}.stock-checker__date-row{display:flex;align-items:flex-end;gap:0.5625rem;align-self:stretch;width:100%;margin-bottom:0.75rem;min-width:0;}.stock-checker__date-field{flex:1 1 auto;min-width:0;max-width:none}.stock-checker__button{white-space:normal;overflow:visible;text-overflow:unset;flex:0 0 auto;align-self:flex-end;min-width:auto}@media (max-width: 650px){.stock-checker__date-row{flex-direction:column;align-items:stretch;min-width:0;}.stock-checker__date-field{width:100%;flex:none;min-width:0;}.stock-checker__button{width:100%;align-self:stretch;flex:none}}@media (max-width: 400px){.stock-checker{margin-left:auto;margin-right:auto;width:100%;max-width:19.5rem;box-sizing:border-box;padding-left:12px;padding-right:12px}.stock-checker__date-row{justify-content:flex-start;display:flex;flex-direction:column;align-items:stretch;width:100%}}.stock-checker__date-field>akzo-date-picker{width:100%;display:block}.stock-checker__button{display:flex;align-items:center;justify-content:center}@media (max-width: 650px){.stock-checker__date-field>akzo-date-picker{width:100%}.stock-checker__button{width:100%;display:block}}.stock-checker__status-line{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xxs, 0.25rem);align-self:stretch}.stock-checker__status-helper{word-break:break-word;word-wrap:break-word;white-space:normal;overflow:visible;text-overflow:unset;margin:0;color:var(--color-text-functional-subtle, #616161);font-size:var(--typography-size-paragraph-s, 0.875rem);font-style:normal;font-weight:400;line-height:var(--typography-line_height-paragraph-s, 1rem)}.stock-checker__input-helper{word-break:break-word;word-wrap:break-word;overflow:visible;text-overflow:unset;display:block;text-align:left;width:100%;font-size:12px;line-height:16px;font-weight:400;margin-bottom:0.5rem}@media (max-width: 650px){.stock-checker__input-helper{text-align:left;width:100%;font-size:12px;line-height:16px;font-weight:400;margin-bottom:0.5rem}}@media (max-width: 960px){.stock-checker{--stock-checker-padding-x:var(--spacing-md, 1rem)}}@media (max-width: 650px){.stock-checker{--stock-checker-padding-y:var(--spacing-md, 1rem);--stock-checker-padding-x:var(--spacing-md, 1rem);gap:var(--spacing-md, 1rem)}}@media (max-width: 480px){.stock-checker{--stock-checker-padding-y:var(--spacing-sm, 0.75rem);--stock-checker-padding-x:var(--spacing-sm, 0.75rem)}.stock-checker__title{font-size:var(--typography-size-heading-XS, 1.125rem);line-height:var(--typography-line_height-heading-XS, 1.375rem)}.stock-checker__description{font-size:var(--typography-size-paragraph-s, 0.875rem);line-height:var(--typography-line_height-paragraph-s, 1.125rem)}}@media (max-width: 320px){.stock-checker{width:100%;max-width:15rem;margin-left:auto;margin-right:auto;padding-left:8px;padding-right:8px;box-sizing:border-box}.stock-checker__title{font-size:var(--typography-size-heading-XS, 1rem);line-height:var(--typography-line_height-heading-XS, 1.25rem)}.stock-checker__description{font-size:var(--typography-size-paragraph-s, 0.75rem);line-height:var(--typography-line_height-paragraph-s, 1rem)}}@media (max-width: 400px){akzo-date-picker::part(popover),.akzo-calendar,.calendar-popover,.datepicker-dropdown,.date-picker__calendar{width:100vw !important;min-width:0 !important;max-width:100vw !important;left:0 !important;right:0 !important;border-radius:8px;box-sizing:border-box;padding-left:0;padding-right:0;max-height:70vh;overflow-y:auto}.stock-checker{overflow-x:hidden}}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.checkStock=(0,i.c)(this,"checkStock"),this.dateChange=(0,i.c)(this,"dateChange"),this.stockStatus="in-stock",this.stockStatusLabel="In stock",this.dateLabel="Delivery Date",this.buttonLabel="Check stock",this.disabled=!1,this.showDateField=!0,this.range=!1,this.isOptional=!1,this.showIcon=!0,this.buttonVariant="secondary",this.buttonAction=this.buttonLabel,this.leftIcon=!1,this.rightIcon=!1,this.helperText=!1,this.helperTextContent="Helper text",this.showStatus=!0,this.statusSize="large",this.stockLoading=!1,this.disablePrevDates=!1,this.readOnly=!1,this.isMobile=window.innerWidth<=768,this.disabledDatesArray=[],this.handleDateChange=t=>{this.internalDate=t.detail,this.deliveryDate=t.detail,this.dateChange.emit(t.detail)},this.onCheck=()=>{this.disabled||this.checkStock.emit({deliveryDate:this.internalDate})},this.handleDateFieldClick=t=>{if(t.preventDefault(),t.stopPropagation(),this.disabled||!this.datePickerEl)return;let e=this.datePickerEl;
1"function"==typeof e.openCalendar&&requestAnimationFrame(()=>{e&&"function"==typeof e.openCalendar&&e.openCalendar(!1)})},this.handleResize=()=>{this.isMobile=window.innerWidth<=768}}},[1,"akzo-stock-checker",{heading:[1],description:[1],deliveryDate:[1025,"delivery-date"],statusHelperText:[1,"status-helper-text"],stockStatus:[1025,"stock-status"],stockStatusLabel:[1025,"stock-status-label"],dateLabel:[1,"date-label"],buttonLabel:[1,"button-label"],disabled:[4],customClass:[1,"custom-class"],describedById:[1,"described-by-id"],showDateField:[4,"show-date-field"],range:[4],isOptional:[4,"is-optional"],showIcon:[4,"show-icon"],buttonVariant:[1,"button-variant"],buttonAction:[1,"button-action"],leftIcon:[4,"left-icon"],rightIcon:[4,"right-icon"],helperText:[4,"helper-text"],helperTextContent:[1,"helper-text-content"],showStatus:[4,"show-status"],statusSize:[1,"status-size"],stockLoading:[4,"stock-loading"],disablePrevDates:[4,"disable-prev-dates"],readOnly:[4,"read-only"],internalDate:[32],isMobile:[32],disabledDatesArray:[32]},void 0,{deliveryDate:[{onDeliveryDateChange:0}],range:[{onRangeChange:0}]}]);function h(){"undefined"!=typeof customElements&&["akzo-stock-checker","akzo-button","akzo-date-picker","akzo-divider","akzo-icon","akzo-input-textfield","akzo-loader","akzo-status"].forEach(t=>{switch(t){case"akzo-stock-checker":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),p);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-date-picker":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-divider":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,d.d)();break;case"akzo-input-textfield":customElements.get((0,i.t)(t))||(0,l.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,s.d)();break;case"akzo-status":customElements.get((0,i.t)(t))||(0,m.d)()}})}},61029:(t,e,o)=>{o.r(e),o.d(e,{AkzoProductSummary:()=>j,defineCustomElement:()=>H});var i=o(41421),n=o(23952),a=o(47408),r=o(18567),d=o(33935),l=o(92346),s=o(95154),m=o(45388),p=o(45976),h=o(70486),g=o(25590),c=o(13912),b=o(70699),x=o(27857),u=o(6735),f=o(92343),k=o(21702),w=o(30730),z=o(16966),y=o(92887),v=o(81605),C=o(65250),S=o(24809),_=o(28978),E=o(68098),A=o(23100),L=o(20862),I=o(14020),P=o(38431),T=o(65678),D=o(83904),M=o(31867),O=o(60282),B=o(81529),N=o(62697);let R=t=>{if(!t)return 0;if("number"==typeof t)return t;let e=(t+"").trim();if(!e)return 0;let o=e.replace(/\s/g,""),i=o.lastIndexOf(","),n=o.lastIndexOf(".");if(i>-1&&n>-1)o=i>n?o.replaceAll(".","").replaceAll(",","."):o.replaceAll(",","");else if(i>-1){let t=o.substring(i+1);o=o.replaceAll(",",t.length<=2?".":"")}let a=parseFloat(o);return isNaN(a)?0:a},F=(0,i.p)(class extends i.H{componentWillLoad(){this.setWishlistState(),this.initQuantity(),this.initSelectedQuantityOption(),this.initSelectedColour(),this.initPriceCoverageAndEmit(),this.applyB2BDefaultQuantity()}setWishlistState(){var t,e,o,i,n,a,r;let d="undefined"!=typeof window;if(this.localStorageKey&&d)try{let i=localStorage.getItem(this.localStorageKey)||"[]",n=JSON.parse(i),a=(null==(t=this.productInfo)?void 0:t.id)||(null==(e=this.productInfo)?void 0:e.sku)||(null==(o=this.productInfo)?void 0:o.productC
1ode);this.isWishlisted=!!Array.isArray(n)&&n.some(t=>(null==t?void 0:t.id)===a)}catch(t){console.error("Error reading from localStorage:",t),this.isWishlisted=!!(null==(n=null==(i=this.productInfo)?void 0:i.wishlist)?void 0:n.isActive)}else this.isWishlisted=!!(null==(r=null==(a=this.productInfo)?void 0:a.wishlist)?void 0:r.isActive)}initQuantity(){var t,e;let o=null==(t=this.productInfo)?void 0:t.b2b;this.currentQuantity=(null==o?void 0:o.minOrderQuantity)||(null==o?void 0:o.step)||1;let i=null!=(e=null==o?void 0:o.unitsInCart)?e:0;i>0&&(this.currentQuantity=i)}initSelectedQuantityOption(){var t,e;let o=null==(e=null==(t=this.productInfo)?void 0:t.quantitySelector)?void 0:e.options;Array.isArray(o)&&o.length>0&&(this.selectedQuantity=o[0])}initSelectedColour(){var t,e;let o=null==(e=null==(t=this.productInfo)?void 0:t.colorSwatchSelector)?void 0:e.selectedColour;o&&(this.selectedColour=o)}initPriceCoverageAndEmit(){var t,e,o;let i=null==(t=this.productInfo)?void 0:t.categoryPills;if(Array.isArray(i)&&i.length>0){let t=0,o=i[0],n=null==(e=this.productInfo)?void 0:e.selectedMaterialId;if(n){let e=i.findIndex(t=>(null==t?void 0:t.selectedId)===n);-1!==e&&(t=e,o=i[e])}this.selectedPillIndex=t,this.currentPrice=null==o?void 0:o.price,this.updateCoverage(o);try{this.materialSelected.emit({selectedId:null==o?void 0:o.selectedId,articleNumber:null==o?void 0:o.articleNumber})}catch(t){console.warn("akzo-product-summary: failed to emit initial materialSelected",t)}}else this.currentPrice=null==(o=this.productInfo)?void 0:o.price,this.calculateInitialCoverage()}applyB2BDefaultQuantity(){var t,e,o;if("b2b"!==this.variant&&"b2b"!==(null==(t=this.productInfo)?void 0:t.variant))return;let i=null==(o=null==(e=this.productInfo)?void 0:e.b2b)?void 0:o.defaultQuantity;"number"==typeof i&&i>0&&(this.selectedQuantity=i)}handleProductInfoChange(t){var e;if(this.initQuantity(),(null==(e=null==t?void 0:t.colorSwatchSelector)?void 0:e.selectedColour)&&(this.selectedColour=t.colorSwatchSelector.selectedColour),(null==t?void 0:t.categoryPills)&&t.categoryPills.length>0){let e=t.categoryPills[0],o=0;if(t.selectedMaterialId){let i=t.categoryPills.findIndex(e=>e.selectedId===t.selectedMaterialId);-1!==i&&(o=i,e=t.categoryPills[i])}this.selectedPillIndex=o,this.currentPrice=e.price,this.updateCoverage(e);try{this.materialSelected.emit({selectedId:e.selectedId,articleNumber:e.articleNumber})}catch(t){console.warn("akzo-product-summary: failed to emit materialSelected on productInfo change",t)}}}handleQuantityChange_Watch(){var t;let e=null==(t=this.productInfo)?void 0:t.categoryPills,o=null==e?void 0:e[this.selectedPillIndex];o&&this.updateCoverage(o)}handleErrorChange(t){this.hasQuantityError=t.detail}parseDecimal(t){if(!t)return 0;let e=Number.parseFloat(t.replace(",","."));return Number.isNaN(e)?0:e}extractFirstNumber(t){if(!t)return 0;let e=/(\d+([.,]\d+)?)/.exec(t);return this.parseDecimal(null==e?void 0:e[1])}extractPackSizeLitres(t){if(!t)return 0;let e=t.packSizeLitres;if("number"==typeof e&&e>0)return e;let o=this.extractFirstNumber(t.label);if(o<=0)return 0;let i=(t.label||"").toLowerCase();return i.includes("ml")?o/1e3:i.includes("cl")?o/100:o}extractBaseCoverageFromDescription(t){return this.extractFirstNumber(t)}handleQuantityChangeToCart(t){t&&(t.preventDefault(),t.stopPropagation());let e=t.detail.value;this.currentQuantity=e,e>0&&"manual"!==t.detail.source&&this.handleAddToCart("update")}getVariant(t){return(null==t?void 0:t.variant)||this.variant||"b2c"}renderBadge(t){if(!t)return null;let e="sale"===t.toLowerCase()?"critical":"new"===t.toLowerCase()?"info":"neutral";return(0,i.h)("akzo-label",{class:"product-badge",label:t,type:"small",color:e})}getWishlistIconName(){return this.isWishlisted?this.isWishlistHovered?"heart-gradient":"heart-filled":this.isWishlistHovered?"heart-gradient":"heart"}renderWishlist(t){var e;return(null==(e=null==t?void 0:t.wishlist)?void 0:e.show)?(0,i.h)("akzo-icon",{part:"heart-icon",class:"heart-icon"+(this.isWishlisted?" active":""),name:this.getWishlistIconName(),size:"m",onClick:this.handleWishlistClick,onMouseEnter:()=>this.isWishlistHovered=!0,onMouseLeave:()=>this.isWishlistHovered=!1,"aria-label":t.wishlist.ariaLabel||"Add to wishlist",role:"button",tabindex:"0",onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleWishlistClick())}}):null}renderB2B(t,e){var o,n,a,r;let d=!!(null==(o=null==t?void 0:t.b2b)?void 0:o.signedIn),l=(null==(n=null==t?void 0:t.b2b)?void 0:n.quantityUnitLabel)||"units",s=(null!=(r=null!=(a=null==t?void 0:t.price)?a:this.currentPrice)?r:"")+"",m=(null==t?void 0:t.promoPrice)?t.promoPrice+"":void 0,p=d&&!!s&&!this.hidePrice;return(0,i.h)(i.a,{class:"b2b"},(0,i.h)("div",{class:"akzo-product-summary akzo-product-summary--b2b",role:"region","aria-label":"Product Summary",part:"akzo-product-summary-b2b"},(null==t?void 0:t.badge)&&(0,i.h)("div",{class:"b2b-topline"},this.renderBadge(t.badge)),(0,i.h)("div",{class:"product-title-section"},(0,i.h)("slot",{name:"productTitle productTitle-b2b"},e&&(0,i.h)("akzo-heading",{level:4,class:"product-title",coreColor:"default",text:e})),this.renderWishlist(t)),this.renderHazardIcons(t),this.renderBusinessMeta(t),d?this.renderB2BPurchaseRow(t,s,m,l,p):null,!d&&this.renderUnitsInfoSignedOut(),this.renderStockChecker(t,d),this.renderB2BSubtitle(t),this.renderB2BUspList(t),!d&&this.renderSignInCTA(t)))}renderHazardIcons(t){var e,o,n;let a=null!=(o=null==(e=null==t?void 0:t.b2b)?void 0:e.hazardIcons)?o:[];return 0===(null!=(n=null==a?void 0:a.length)?n:0)?null:(0,i.h)("div",{class:"b2b-hazards",role:"group","aria-labelledby":"hazard-icons-label"},(0,i.h)("slot",{name:"hazardIcons"},a.map(t=>{let e="string"==typeof t,o=e?t:null==t?void 0:t.name,n=e?t:null==t?void 0:t.src,a=e||null==t?void 0:t.alt;if(n||e&&/\.(svg|png|jpg|jpeg|gif)$/i.test(t)||e&&/^(https?:\/\/|assets\/)/.test(t))return(0,i.h)("img",{class:"hazard-icon hazard-img",src:n||t,alt:a||"hazard icon"});let r=o||(e?t:void 0);return r?(0,i.h)("akzo-icon",{class:"hazard-icon",name:r,size:"s"}):null})))}renderBusinessMeta(t){return(null==t?void 0:t.sku)||(null==t?void 0:t.productC
1ode)?(0,i.h)("slot",{name:"businessMeta"},(0,i.h)("div",{class:"b2b-meta",role:"group","aria-labelledby":"product-metadata-label"},(null==t?void 0:t.sku)&&(0,i.h)("span",null,"SKU: ",t.sku),(null==t?void 0:t.sku)&&(null==t?void 0:t.productCode)&&(0,i.h)("span",{class:"sep"},"|"),(null==t?void 0:t.productCode)&&(0,i.h)("span",null,"Product Code: ",t.productCode))):null}renderB2BPurchaseRow(t,e,o,n,a){var r,d,l,s,m,p,h,g,c,b,x,u,f,k,w,z,y,v,C,S,_,E;return(0,i.h)("div",{class:"b2b-purchase"},(0,i.h)("div",{class:"b2b-left"},(0,i.h)("slot",{name:"qtyUnits"},(0,i.h)("akzo-quantity-incrementor",{variant:"default",value:(null!=(d=null==(r=null==t?void 0:t.b2b)?void 0:r.unitsInCart)?d:0)>0?t.b2b.unitsInCart:null!=(s=null==(l=null==t?void 0:t.b2b)?void 0:l.defaultQuantity)?s:this.currentQuantity,productInfo:!0,minOrderQuantity:null==(m=null==t?void 0:t.b2b)?void 0:m.minimumOrderQuantity,maxOrderQuantity:null==(p=null==t?void 0:t.b2b)?void 0:p.maxOrderQuantity,unitsPerCarton:null==(h=null==t?void 0:t.b2b)?void 0:h.unitsPerCarton,step:null!=(c=null==(g=null==t?void 0:t.b2b)?void 0:g.step)?c:1,unitsPerCartonLabel:null==(b=null==t?void 0:t.b2b)?void 0:b.unitsPerCartonLabel,unitsLabel:null==(x=null==t?void 0:t.b2b)?void 0:x.unitsLabel,mode:(null!=(f=null==(u=null==t?void 0:t.b2b)?void 0:u.unitsInCart)?f:0)>0?"stepper":"add",onQuantityChange:t=>this.handleQuantityChangeToCart(t),onActionClick:t=>this.handleAddToCart(t.detail.action,t.detail.quantity),onErrorStateChange:t=>this.handleErrorChange(t),isLoading:this.isloading})),(0,i.h)("slot",{name:"unitsInfo"},!!((null==(k=null==t?void 0:t.b2b)?void 0:k.unitsPerCarton)||(null==(w=null==t?void 0:t.b2b)?void 0:w.maxOrderQuantity)||(null==(z=null==t?void 0:t.b2b)?void 0:z.unitsInCart)||(null==(y=null==t?void 0:t.b2b)?void 0:y.minimumOrderQuantity))&&(0,i.h)("div",{class:{"b2b-units-meta":!0,"has-error":this.hasQuantityError}},null!=(null==(v=null==t?void 0:t.b2b)?void 0:v.maxOrderQuantity)&&(0,i.h)("div",{class:"b2b-units-meta-max-order"},"Maximum order quantity: ",t.b2b.maxOrderQuantity),null!=(null==(C=null==t?void 0:t.b2b)?void 0:C.minimumOrderQuantity)&&(0,i.h)("div",{class:"b2b-units-meta-max-order"},"Minimum order quantity: ",t.b2b.minimumOrderQuantity),null!=(null==(S=null==t?void 0:t.b2b)?void 0:S.unitsInCart)&&(0,i.h)("div",{class:"b2b-in-cart-status b2b-units-meta-max-order",role:"status","aria-label":"".concat(t.b2b.unitsInCart," ").concat(n," in cart")},(0,i.h)("akzo-icon",{name:"check"}),(0,i.h)("span",null,"".concat(t.b2b.unitsInCart," ").concat(n," in cart")))))),a&&(0,i.h)("div",{class:"b2b-right"},(0,i.h)("slot",{name:"price"},(0,i.h)("div",{class:"b2b-price-block "+(null==o?"without-sale":"")},(0,i.h)("akzo-price",{exportparts:"price-text:price-text-info",originalPrice:e,salePrice:o,currency:(null==t?void 0:t.currency)||(null==t?void 0:t.defaultCurrency)||"eur",size:o?"md":"lg",originalVariant:o?"default":"bold"}),(null==(_=null==t?void 0:t.b2b)?void 0:_.taxLabel)&&(0,i.h)("span",{class:"b2b-tax"},t.b2b.taxLabel))),(0,i.h)("slot",{name:"priceNote"},(null==(E=null==t?void 0:t.b2b)?void 0:E.priceNote)&&(0,i.h)("div",{class:"priceNote"},(0,i.h)("akzo-label",{class:"b2b-price-note",type:"small",productInfo:!0,color:"warning",icon:"info-circle",label:t.b2b.priceNote})))))}renderUnitsInfoSignedOut(){return(0,i.h)("slot",{name:"unitsInfo"})}renderStockChecker(t,e){var o;if(!(null==(o=null==t?void 0:t.b2b)?void 0:o.stockChecker)||!e)return null;let n=t.b2b.stockChecker;return(0,i.h)("slot",{name:"stockChecker"},(0,i.h)("div",{class:"b2b-stock"},(0,i.h)("akzo-stock-checker",{exportparts:"stock-checker:stock-checker-product",heading:n.heading||"Check Stock",description:n.description,dateLabel:n.dateLabel||"Delivery Date",buttonLabel:n.buttonLabel||"Check stock",showDateField:!0,showIcon:!0,stockStatusLabel:n.stockStatusLabel,stockStatus:n.stockStatus,statusHelperText:n.statusHelperText,onCheckStock:this.onCheck,stockLoading:this.isStockLoading,disablePrevDates:!0,readOnly:!0})))}renderB2BSubtitle(t){return(0,i.h)("slot",{name:"subtitle"},(null==t?void 0:t.subtitle)&&(0,i.h)("div",{class:"subtitle"},t.subtitle))}renderB2BUspList(t){return(null==t?void 0:t.uspList)?(0,i.h)("slot",{name:"uspList"},(0,i.h)("akzo-list-group",{class:"usp-list-b2b"},t.uspList.map(t=>(0,i.h)("akzo-list-item",{label:"string"==typeof t?t:t.label,type:"bullet"})))):null}renderSignInCTA(t){var e;return(0,i.h)("slot",{name:"signInCta"},(0,i.h)("akzo-button",{label:(null==(e=null==t?void 0:t.b2b)?void 0:e.signInCtaLabel)||"Sign in to view prices",variant:"primary",size:"m",fullWidth:!0,onButtonClick:()=>this.handleSignIn()}))}
1renderB2C(t,e){let o=null==t?void 0:t.subtitle,n=null==t?void 0:t.categoryHeading;return(0,i.h)("akzo-content-wrapper",null,(0,i.h)("akzo-grid",{cols:"1"},(0,i.h)("section",null,(0,i.h)("div",{class:"akzo-product-summary",role:"region","aria-label":"Product Summary"},(null==t?void 0:t.badge)&&(0,i.h)("div",{class:"product-badge-wrapper"},this.renderBadge(t.badge)),(0,i.h)("div",{class:"product-title-section",part:"product-title-section"},(0,i.h)("slot",{name:"productTitle"},e&&(0,i.h)("h1",{class:"product-title heading-l"},e)),this.renderWishlist(t)),(0,i.h)("slot",{name:"rating"},(null==t?void 0:t.rating)&&(0,i.h)("div",{class:"rating"},t.rating),(null==t?void 0:t.rating)&&(0,i.h)("akzo-rating-summary",{class:"rating",rating:t.rating})),(0,i.h)("slot",{name:"subtitle"},o&&(0,i.h)("div",{class:"subtitle"},o)),this.renderB2CUspList(t),this.renderColorPickerDropdown(t),this.renderColorSwatchSelector(t),this.renderCategoryPills(t,n),this.renderCalculator(t),this.renderCalculatorModal(t),this.renderInternalColorSelectorModal(),this.renderQuantityAndPrice(t),this.renderEcomBanner(t),this.renderOutOfStockBanner(t),this.renderCtaGroup(t),this.renderDeliveryMethodSelector(t)))))}renderB2CUspList(t){return(null==t?void 0:t.uspList)?(0,i.h)("slot",{name:"uspList"},(0,i.h)("akzo-list-group",{class:"usp-list"},t.uspList.map(t=>{var e;return(0,i.h)("akzo-list-item",{label:"string"==typeof t?t:t.label,type:"string"==typeof t?"radio":["radio","check","bullet"].includes(null!=(e=t.type)?e:"")?t.type:"radio"})}))):null}renderColorPickerDropdown(t){if(!(null==t?void 0:t.colorPicker)||!t.colorPicker.options)return null;let e=t.colorPicker.options.map(t=>({id:t+"",label:t+"",value:t+""}));return(0,i.h)("slot",{name:"colorPickerDropdown"},(0,i.h)("akzo-input-select-dropdown",{options:e,label:t.colorPickerLabel||(null==t?void 0:t.defaultColorPickerLabel),placeholder:t.colorPicker.placeholder||(null==t?void 0:t.defaultColorPickerPlaceholder),value:t.colorPicker.options[0]+""}))}renderColorSwatchSelector(t){var e,o;if(!(null==t?void 0:t.colorSwatchSelector)||!t.colorSwatchSelector.colorOptions)return null;let n=(null!=(e=this.selectedColour)?e:t.colorSwatchSelector.selectedColour)?Object.assign(Object.assign({},null!=(o=this.selectedColour)?o:t.colorSwatchSelector.selectedColour),{colorCollectionColorId:this.cccid}):void 0;return(0,i.h)("slot",{name:"colorPicker"},(0,i.h)("akzo-color-swatch-selector",{label:t.colorSwatchSelector.label,size:t.colorSwatchSelector.size,changeButtonLabel:t.colorSwatchSelector.changeButtonLabel,selectedColour:n,buttons:void 0!==this.buttons?this.buttons:t.colorSwatchSelector.colorOptions.length>1?[{label:t.colorSwatchSelector.changeButtonLabel||"Change",action:this.handleColorSwatchClick,showButton:!0}]:void 0,clickHandler:this.handleColorSwatchClick,colorOptions:t.colorSwatchSelector.colorOptions}))}renderCategoryPills(t,e){return(null==t?void 0:t.categoryPills)?(0,i.h)("slot",{name:"categoryPills"},(0,i.h)("akzo-grid",{cols:"3",class:"category-pills"},(0,i.h)("akzo-selectable-card-group",{heading:e||(null==t?void 0:t.defaultCategoryHeading),selectableCard:t.categoryPills.map(t=>{let{label:e,description:o,selectedId:i}=t;return{label:e,description:o,selectedId:i}}),selectedIndex:this.selectedPillIndex,onCardSelect:this.handleCardSelection}))):null}renderCalculator(t){return this.hideCalculator?null:(0,i.h)("div",{class:"calculator-wrapper"},(0,i.h)("slot",{name:"calculator"},(null==t?void 0:t.calculatorButtonLabel)&&(0,i.h)("akzo-button",{label:t.calculatorButtonLabel,variant:"secondary",size:"m",leftIcon:"calculator",fullWidth:!0,onClick:this.handleCalculatorClick.bind(this)})))}renderCalculatorModal(t){return(0,i.h)("akzo-modal",{isOpen:this.showCalculatorModal,onClose:this.handleCalculatorClose.bind(this),size:"medium",closeOnOverlayClick:!0,showCloseButton:!0,innerPadding:"xxxl"},(0,i.h)("akzo-paint-calculator",{isOpen:this.showCalculatorModal,content:(null==t?void 0:t.calculatorContent)||{},coats:null==t?void 0:t.coats,spreadingRate:null==t?void 0:t.spreadingRate,onClose:this.handleCalculatorClose.bind(this)}))}renderInternalColorSelectorModal(){var t,e,o,n,a,r,d;if(this.useExternalColorSelector)return null;let l=(null==(t=this.colorSelectorData)?void 0:t.config)||{showColorName:!0,showCollectionName:!0,colorsPerRowDesktop:6,colorsPerRowMobile:2,overlayBackgroun
1dColor:"#ffffff",variantType:"colors"};return(0,i.h)("akzo-modal",{isOpen:this.showColorSwatchModal,onClose:this.handleColorSwatchModalClose.bind(this),size:"fullscreen",closeOnOverlayClick:!0,showCloseButton:!0},(0,i.h)("akzo-color-selector",{titleText:(null==(e=this.colorSelectorData)?void 0:e.titleText)||"Select a Color",description:(null==(o=this.colorSelectorData)?void 0:o.description)||"Choose your perfect color",showMeText:(null==(n=this.colorSelectorData)?void 0:n.showMeText)||"Show me",tags:(null==(a=this.colorSelectorData)?void 0:a.tags)||[],colors:(null==(r=this.colorSelectorData)?void 0:r.colors)||[],combinations:(null==(d=this.colorSelectorData)?void 0:d.combinations)||[],config:l,onColorClick:()=>this.handleColorSelectionFromModal(),onCombinationSelected:t=>this.handleCombinationSelectionFromModal(t)}))}renderQuantityAndPrice(t){return(0,i.h)("div",{class:"quantity-price-row"},(0,i.h)("slot",{name:"quantitySelector"},(null==t?void 0:t.quantitySelector)&&(0,i.h)("div",{class:"quantity-selector-group"},(0,i.h)("akzo-input-select-dropdown",{options:t.quantitySelector.options.map(t=>({id:t+"",label:t+"",value:t+""})),label:t.quantitySelector.label,placeholder:"",value:this.selectedQuantity+"",onValueChange:this.handleQuantityChange}),t.quantitySelector.covers&&this.coverage>0&&(0,i.h)("div",{class:"quantity-covers cover"},t.coversUpToText||"Covers up to"," ",function(t,e){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:2;if(!e)return t.toFixed(o);if(e.toLowerCase().startsWith("nl"))try{return new Intl.NumberFormat(e,{minimumFractionDigits:o,maximumFractionDigits:o}).format(t)}catch(t){}return t.toFixed(o)}(this.coverage,this.locale,2)," ",t.unitAreaLabel||"sq m"))),(0,i.h)("slot",{name:"price"},!this.hidePrice&&(0,i.h)("akzo-price",{originalPrice:((t,e)=>{if(!e)return null;let o=(e+"").trim(),i=o.includes(","),n=o.includes("."),a=!1;i&&n?a=o.lastIndexOf(",")>o.lastIndexOf("."):i&&!n&&(a=o.substring(o.lastIndexOf(",")+1).length<=2);let r=t.toFixed(2);return a?r.replace(".",","):r})(R(this.currentPrice)*this.selectedQuantity,this.currentPrice),salePrice:(null==t?void 0:t.promoPrice)?t.promoPrice+"":void 0,currency:(null==t?void 0:t.currency)||(null==t?void 0:t.defaultCurrency),size:"lg",originalVariant:"bold"})))}renderEcomBanner(t){return(!1!==(null==t?void 0:t.validEcomData)||this.hidePrice)&&this.isMaterialsAvailable?null:(0,i.h)("akzo-information-banner",{variant:"critical",heading:(null==t?void 0:t.productNotForSaleLabel)||"This product is not for online sale and can only be purchased from selected stores."})}renderOutOfStockBanner(t){return this.stockStatus?null:(0,i.h)("akzo-information-banner",{variant:"critical",heading:null==t?void 0:t.productOutOfStockLabel})}renderCtaGroup(t){return(null==t?void 0:t.ctaGroup)?(0,i.h)("slot",{name:"ctaGroup"},(0,i.h)("akzo-grid",{cols:"1",class:"cta-group"},t.ctaGroup.map(e=>{var o;return(0,i.h)("akzo-button",{label:e.label,variant:e.variant,leftIcon:e.iconName,size:e.size,fullWidth:!0,disabled:e.disabled||"shopping-bag-1"===e.iconName&&this.colorSelectorData&&!this.selectedColour&&!(null==(o=t.colorSwatchSelector)?void 0:o.selectedColour)||!this.stockStatus,actionType:e.href?"redirect":"event",redirectUrl:e.href,onButtonClick:e.href?void 0:()=>{e.onClick&&e.onClick(),e.label&&this.handleAddToCart("add")}})}))):null}renderDeliveryMethodSelector(t){return(null==t?void 0:t.deliveryMethodSelector)?(0,i.h)("slot",{name:"deliveryMethodSelector"},(0,i.h)("div",{class:"delivery-method-selector"},(0,i.h)("akzo-project-card",{class:"delivery-method",cardHeading:t.deliveryMethodSelector.main,cardBody:t.deliveryMethodSelector.sub}),(0,i.h)("akzo-project-card",{class:"delivery-method",cardHeading:t.deliveryMethodSelector.getIt,cardBody:t.deliveryMethodSelector.time}))):null}render(){let t=this.productInfo,e=this.getVariant(t),o=null==t?void 0:t.productTitle;return"b2b"===e?this.renderB2B(t,o):this.renderB2C(t,o)}static get watchers(){return{productInfo:[{handleProductInfoChange:0}],selectedQuantity:[{handleQuantityChange_Watch:0}]}}static get style(){return'@charset "UTF-8";html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.price-group,.price-promo-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-sm, 12px);height:100%}.price{font-size:1.25rem;font-weight:700}.old-price{text-decoration:line-through;color:var(--color-text-placeholder, #757575)}.price.promo-price{color:var(--color-status-critical-500, #e00016) !important}.akzo-product-summary .color-label,.akzo-product-summary .quantity-selector label{outline:none;box-shadow:none;border-bottom:none}.akzo-product-summary .color-label:focus,.akzo-product-summary .quantity-selector label:focus{outline:none;box-shadow:none;border-bottom:none}.akzo-product-summary .color-label,.akzo-product-summary .quantity-selector label{border-bottom:0 !important}.akzo-product-summary{flex-direction:column;gap:var(--spacing-L, 24px);max-width:none;width:100%;background:var(--color-surface-neutral-option1, #ffffff);border-radius:var(--radius-xl, 12px)}.akzo-product-summary akzo-button{width:100% !important;display:block !important;box-sizing:border-box !important;--button-width:100%;--akzo-button-width:100%;--width:100%}.akzo-product-summary akzo-button:defined{width:100% !important;max-width:none !important}.akzo-product-summary akzo-button::part(primary),.akzo-product-summary akzo-button::part(secondary),.akzo-product-summary akzo-button::part(tertiary){width:100% !important;max-width:none !important;min-width:0 !important;box-sizing:border-box !important}.akzo-product-summary [slot=categoryPills]{display:flex;gap:var(--spacing-md, 16px);margin-bottom:24px}.akzo-product-summary [slot=canSize]{margin-bottom:24px;display:block}.akzo-product-summary [slot=canSize] akzo-selectable-card-group{width:100%;display:block}.akzo-product-summary .product-title{color:var(--color-text-title, #0a0a0a);font-family:var(--brand-font, "Open Sans");font-size:20px;font-style:normal;font-weight:600;line-height:24px;margin-bottom:var(--spacing-xs, 8px);letter-spacing:-0.01em;display:block}.akzo-product-summary .product-title-section{display:flex;align-items:flex-start;gap:var(--spacing-xs, 8px);margin-bottom:var(--spacing-xs, 8px)}.akzo-product-summary .product-title-section .product-title{flex:1;margin-bottom:0}.akzo-product-summary .heart-icon{flex-shrink:0;color:var(--color-interactive-secondary-default, #666666);cursor:pointer;transition:all 0.2s ease;margin-top:var(--spacing-xxs, 2px);border-radius:var(--radius-s, 4px);padding:var(--spacing-xxs, 2px);background:transparent}.akzo-product-summary .heart-icon:hover{color:var(--color-default-non-invertible-opaque-700, #0a0a0a);background:transparent}.akzo-product-summary .heart-icon.active{color:var(--color-interactive-primary-default, #021b5f)}.akzo-product-summary .heart-icon.disabled{opacity:0.4;pointer-events:none;cursor:not-allowed}.akzo-product-summary .heart-icon.active:hover{color:var(--color-default-non-invertible-opaque-700, #0a0a0a)}.akzo-product-summary .heart-icon:focus{outline-offset:var(--spacing-xxs, 2px)}.akzo-product-summary .rating{font-size:var(--font-size-sm, 14px);font-weight:500;color:var(--color-interactive-primary-default, currentColor);margin-bottom:var(--spacing-sm, 12px);display:flex;align-items:center;gap:var(--spacing-xxs, 6px)}.akzo-product-summary .subtitle{font-size:var(--font-size-sm, 14px);color:var(--color-text-body, #616161);margin-bottom:24px;font-weight:400;line-height:1.4}.akzo-product-summary .usp-list{font-size:var(--font-size-sm, 14px);color:var(--color-text-title, #0a0a0a);margin-bottom:24px;padding-left:0;display:flex;flex-direction:column;gap:var(--spacing-xxs, 4px)}.usp-list-b2b{padding-left:0;flex-direction:column}.usp-list-b2b akzo-list-item::part(list-item){display:flex;white-space:normal;word-break:break-all;margin-bottom:0;align-items:flex-start;height:30px}@media (max-width: 600px){.usp-list-b2b akzo-list-item::part(list-item){height:auto}}.usp-list-b2b akzo-list-item::part(list-label){margin-bottom:0;line-height:20px;font-size:16px;margin-top:5px}.akzo-product-summary .color-picker{border:none;border-radius:var(--radius-xl, 12px);padding:var(--spacing-md, 16px);text-align:left;margin-bottom:24px;background:var(--color-picker-background, #4a7c59);font-size:var(--font-size-sm, 14px);color:var(--color-picker-text, white);min-height:var(--size-xxl, 100px);display:flex;flex-direction:column;justify-content:space-between;position:relative}.akzo-product-summary .color-picker label{display:block;font-weight:600;margin-bottom:var(--spacing-xxs, 6px);font-size:var(--font-size-md, 16px);color:var(--color-picker-text, white);padding:0}.akzo-product-summary .category-pills{display:flex;gap:var(--spacing-xs, 8px);margin-bottom:var(--spacing-l, 24px);margin-top:var(--spacing-l, 24px);align-items:flex-start}.akzo-product-summary .category-pills .pill{min-width:var(--size-xl, 120px);height:var(--size-lg, 70px);font-size:var(--font-size-xs, 12px);border-radius:var(--radius-s, 6px);box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xs, 8px);background:var(--color-surface-neutral-option1, #ffffff)}.akzo-product-summary .category-pills .pill.selected{border:var(--spacing-xxs, 2px) solid var(--color-primary, currentColor);background:var(--color-background-selected, currentColor)}.akzo-product-summary .category-pills .category-link{margin-left:auto;font-size:var(--font-size-sm, 14px);color:var(--color-primary, currentColor);text-decoration:underline;cursor:pointer;align-self:flex-end}.akzo-product-summary .quantity-selector{display:flex;flex-direction:column;gap:var(--spacing-xs, 8px);margin-bottom:0}.akzo-product-summary .quantity-selector label{font-weight:600;margin-bottom:0;font-size:var(--font-size-md, 16px);color:var(--color-text-primary, currentColor)}.akzo-product-summary .quantity-selector .quantity-covers{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary, currentColor);margin-top:var(--spacing-xxs, 4px)}.cover{font-size:12px !important}.quantity-price-row{display:flex;gap:var(--spacing-md, 16px);align-items:center;margin-bottom:var(--spacing-md, 16px);flex-wrap:wrap}.quantity-selector-group{flex:1 1 60px;display:flex;flex-direction:column;gap:var(--spacing-xs, 8px)}.quantity-selector-group akzo-input-select-dropdown{align-self:stretch;min-width:0;width:100%;max-width:100%}
1.quantity-price-row slot[name=price]{display:flex;align-items:center;align-self:center;margin-top:0;flex:0 0 144px;min-width:144px;width:144px;justify-content:flex-end;margin-left:auto}.quantity-price-row slot[name=price] akzo-price{min-width:0;text-align:right;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.quantity-price-row slot[name=price] akzo-price::part(price-text){font-family:"Poppins", sans-serif}.akzo-product-summary .quantity-selector label{font-weight:600;margin-bottom:var(--spacing-sm, 12px);font-size:var(--font-size-lg, 1.1rem);color:var(--color-text-title, #0a0a0a)}.akzo-product-summary .quantity-selector .quantity-covers{font-size:var(--font-size-md, 1rem);color:var(--color-text-placeholder, #757575);margin-top:var(--spacing-xxs, 4px)}.akzo-product-summary .price{font-weight:700;font-size:var(--font-size-xl, 1.5rem);color:var(--color-text-title, #0a0a0a);margin-bottom:var(--spacing-lg, 20px);text-align:right}.akzo-product-summary .cta-group{display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.akzo-product-summary .cta-group .akzo-button{min-width:100%;height:var(--spacing-2xl, 48px);font-size:16px;border-radius:var(--radius-xl, 12px);font-weight:700;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs, 8px);box-shadow:none;letter-spacing:0}.akzo-product-summary .cta-group .akzo-button:first-child{background:var(--color-interactive-primary-default, #021b5f);color:var(--color-text-on-primary, #ffffff);border:none;padding:0 var(--spacing-sm, 12px)}.akzo-product-summary .cta-group .akzo-button:nth-child(2){background:var(--color-surface-neutral-option1, #ffffff);color:var(--color-interactive-primary-default, #021b5f);border:var(--spacing-xxs, 2px) solid var(--color-interactive-primary-default, #021b5f);padding:0 var(--spacing-md, 16px)}.akzo-product-summary .cta-group .akzo-button svg{margin-right:var(--spacing-xs, 8px)}.akzo-product-summary .cta-group .akzo-button:first-child{background:var(--color-interactive-primary-default, #021b5f);color:var(--color-text-on-primary, #ffffff);border:none}.akzo-product-summary .cta-group .akzo-button:nth-child(2){background:var(--color-surface-neutral-option1, #ffffff);color:var(--color-interactive-primary-default, #021b5f);border:var(--spacing-xxs, 2px) solid var(--color-stroke-default, #d8d8d8)}.akzo-product-summary .delivery-method-group{display:flex;flex-direction:column;gap:var(--spacing-sm, 12px);margin-bottom:0;background:none;border:none;padding:0;box-shadow:none;width:100%;margin-top:0}.akzo-product-summary .delivery-method-group{display:flex;flex-direction:column;gap:var(--spacing-xs, 8px);margin-top:var(--spacing-md, 16px)}.akzo-product-summary akzo-project-card::part(card){padding:var(--spacing-md, 16px) !important}.akzo-product-summary .calculator-wrapper{margin-bottom:24px !important}.akzo-product-summary [slot=calculator]{display:block}.akzo-product-summary [slot=calculator] .akzo-button{width:100%;height:var(--size-lg, 48px);font-size:var(--font-size-sm, 14px);font-weight:600;border-radius:var(--radius-s, 6px);border:var(--spacing-xxs, 2px) solid var(--color-interactive-primary-default, #021b5f);background:var(--color-surface-neutral-option1, #ffffff);color:var(--color-interactive-primary-default, #021b5f);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs, 8px)}.akzo-product-summary .product-badge-wrapper{margin-bottom:var(--spacing-sm, 12px)}.akzo-product-summary .product-badge{padding:var(--spacing-xxs, 4px) var(--spacing-xs, 8px);padding-left:0;border-radius:var(--radius-xl, 12px);font-size:var(--font-size-xs, 11px);font-weight:600;display:inline-block}.akzo-product-summary [slot=colorPicker]{margin-bottom:24px}.akzo-product-summary akzo-color-swatch-selector{display:block;width:100%;margin-bottom:24px}.akzo-product-summary [slot=colorPickerDropdown]{margin-bottom:24px}.akzo-product-summary .quantity-price-row{margin-bottom:24px !important}.akzo-product-summary--b2b{animation:fadeIn 160ms ease-in}@media (max-width: 600px){.akzo-product-summary--b2b{padding:0px}}.akzo-product-summary--b2b .b2b-topline{display:flex;align-items:center;gap:var(--spacing-xs, 8px);margin-bottom:var(--spacing-xxs, 6px)}.akzo-product-summary--b2b .product-title{font-size:24px;line-height:28px;font-weight:700;letter-spacing:-0.01em}.akzo-product-summary--b2b .hazard-icon{color:var(--color-text-functional, #4b4b4b)}.akzo-product-summary--b2b .b2b-hazards{display:flex;gap:var(--spacing-xxs, 6px);margin:4px 0 6px 0}.akzo-product-summary--b2b .hazard-img{width:32px;height:32px;object-fit:contain;display:inline-block}@media (max-width: 600px){.akzo-product-summary--b2b .hazard-img{width:24px;height:24px}}.akzo-product-summary--b2b .b2b-meta{display:flex;gap:var(--spacing-xs, 8px);color:#616161;font-size:14px;line-height:16px;margin-bottom:var(--spacing-xxs, 6px)}.akzo-product-summary--b2b .b2b-qty-price-row{display:flex;gap:var(--spacing-md, 16px);align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm, 12px)}.akzo-product-summary--b2b .b2b-right{min-width:150px;text-align:right;flex-shrink:0}.akzo-product-summary--b2b .b2b-price-note{margin-top:6px;align-self:flex-end}.akzo-product-summary--b2b .b2b-price-block{min-width:120px;text-align:right}.akzo-product-summary--b2b .b2b-price-block akzo-price::part(price-wrapper){gap:4px;min-width:120px;justify-content:flex-end}.akzo-product-summary--b2b .b2b-price-block akzo-price::part(sale-text){font-size:44px;line-height:48px;font-weight:700}.akzo-product-summary--b2b .b2b-price-block akzo-price::part(price-text){font-size:14px;line-height:28px}@media (max-width: 1024px){.akzo-product-summary--b2b .b2b-price-block akzo-price::part(price-text){font-size:16px;line-height:20px}}.akzo-product-summary--b2b{display:flex;flex-direction:column;gap:24px}.akzo-product-summary--b2b .product-title-section{margin-bottom:0px}.akzo-product-summary--b2b .b2b-hazards{margin-top:0px;margin-bottom:0px}.akzo-product-summary--b2b .without-sale akzo-price::part(price-text){font-size:44px;line-height:48px;font-weight:700}.akzo-product-summary--b2b .b2b-tax{color:var(--color-text-functional, #4b4b4b);font-size:var(--font-size-sm, 16px);margin-left:var(--spacing-xxs, 6px);
1display:inline-block;vertical-align:baseline}.akzo-product-summary--b2b .b2b-price-note{margin:var(--spacing-xxs, 6px) 0 0 0;align-self:flex-end;width:auto;max-width:22rem;--_banner-pad-y:4px;--_banner-pad-x:8px;border:1px solid var(--color-stroke-warning, #e6c200);border-radius:var(--radius-s, 6px)}.akzo-product-summary--b2b .b2b-price-note::part(info-card-outer){padding:0 !important;background:var(--color-surface-warning);border-radius:var(--radius-s, 6px)}.akzo-product-summary--b2b .b2b-price-note::part(info-card-mobile){padding:var(--_banner-pad-y) var(--_banner-pad-x) !important}.akzo-product-summary--b2b .b2b-price-note::part(info-card){min-height:auto !important}.akzo-product-summary--b2b .b2b-price-note .promo-description{font-size:var(--font-size-xs, 12px);line-height:16px;color:var(--color-text-warning)}.priceNote akzo-label::part(akzo-label-small-content){height:fit-content;padding-bottom:4px}.b2b-topline akzo-label::part(akzo-label-small-content){padding:4px 16px;height:fit-content}@media (max-width: 600px){.akzo-product-summary--b2b akzo-quantity-incrementor{width:100%}.akzo-product-summary--b2b akzo-quantity-incrementor::part(quantity-add){width:100%}}.akzo-product-summary--b2b akzo-quantity-incrementor::part(quantity-add){height:76px}.akzo-product-summary--b2b akzo-quantity-incrementor::part(footer-info){margin-top:10px}.akzo-product-summary--b2b .b2b-units-meta{margin-top:0px;margin-bottom:0px}.akzo-product-summary--b2b .b2b-units-meta.has-error{margin-top:25px}.akzo-product-summary--b2b .b2b-left{gap:10px}.akzo-product-summary--b2b akzo-label::part(label-strong){text-align:start;min-width:25px;min-height:16px}.akzo-product-summary--b2b .b2b-units-meta-max-order{font-size:12px;line-height:16px}.akzo-product-summary--b2b .b2b-units-meta-max-order .body-xs-bold{font-weight:700}.akzo-product-summary--b2b akzo-stock-checker::part(stock-checker){margin:0;width:auto;max-width:none}.akzo-product-summary--b2b .subtitle{font-size:16px;line-height:20px;margin-bottom:8px}.akzo-product-summary--b2b .b2b-qty-price-row akzo-quantity-incrementor{margin-right:var(--spacing-md, 16px);max-width:18rem}.akzo-product-summary--b2b .b2b-units-meta{display:flex;flex-direction:column;gap:10px}.akzo-product-summary--b2b .b2b-units-meta .success{color:var(--color-status-success-700, #0b6b2b)}.akzo-product-summary--b2b .b2b-in-cart-status{display:inline-flex;align-items:center;gap:var(--spacing-xxs, 4px);font-family:var(--font-family-body, var(--brand-font, "Open Sans"));font-weight:700;font-style:normal;font-size:var(--font-size-xs, 12px);line-height:var(--line-height-s, 16px);letter-spacing:0;color:var(--color-text-positive, #0b6b2b)}.akzo-product-summary--b2b .b2b-in-cart-status akzo-icon::part(icon){color:var(--color-text-positive, #0b6b2b);width:18px;height:18px;transform:rotate(0deg);opacity:1}akzo-information-banner::part(promo-title-part){padding-left:1rem;text-align:start}.akzo-product-summary--b2b .b2b-in-cart-status akzo-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;transform:rotate(0deg);opacity:1}.akzo-product-summary--b2b .b2b-stock{border:1px solid var(--color-stroke-subdued, #e5e5e5);border-radius:var(--radius-m, 8px);background:var(--color-surface-neutral-option2, #f7f7f7);margin-bottom:var(--spacing-md, 16px)}.akzo-product-summary--b2b .b2b-purchase{display:grid;grid-template-columns:1fr auto;column-gap:var(--spacing-xl, 32px);align-items:start}@media (max-width: 600px){.akzo-product-summary--b2b .b2b-purchase{grid-template-columns:1fr;row-gap:var(--spacing-m, 16px)}}.akzo-product-summary--b2b .b2b-left{display:flex;flex-direction:column;gap:10px}@media (max-width: 600px){.akzo-product-summary--b2b .b2b-left{width:100%;align-items:flex-start !important}}.akzo-product-summary--b2b .b2b-right{display:flex;flex-direction:column;align-items:flex-end}@media (max-width: 600px){.akzo-product-summary--b2b .b2b-right{width:100%;align-items:flex-start !important}}.akzo-product-summary--b2b .b2b-right .b2b-price-block{margin-left:0}.akzo-product-summary--b2b .b2b-right .b2b-price-note{width:fit-content;margin-left:auto;margin-top:6px}@media (max-width: 600px){.akzo-product-summary--b2b .b2b-right .b2b-price-note{width:fit-content;margin-left:unset}}@keyframes fadeIn{from{opacity:0}
1to{opacity:1}}.akzo-product-summary .category-heading{font-size:var(--font-size-md, 16px);font-weight:600;color:var(--color-text-title, #0a0a0a);margin-bottom:var(--spacing-sm, 12px)}@media (max-width: var(--breakpoint-md, 768px)){.akzo-product-summary{padding:var(--spacing-md, 16px)}.akzo-product-summary .category-pills{flex-wrap:wrap}.akzo-product-summary .category-pills .pill{min-width:var(--size-xxl, 100px);height:var(--size-lg, 60px)}.quantity-price-row{flex-direction:column;align-items:stretch;gap:var(--spacing-sm, 12px)}}@media (min-width: var(--breakpoint-lg, 1024px)){.quantity-selector-group akzo-input-select-dropdown{min-width:var(--size-xxxxl, 320px);max-width:var(--size-xxxxxl, 420px)}}@media (min-width: 1200px){.quantity-price-row{flex-wrap:nowrap}.quantity-selector-group akzo-input-select-dropdown{min-width:0;max-width:220px}}@media (max-width: 768px){.quantity-price-row{flex-direction:row !important;gap:var(--spacing-sm, 12px) !important;align-items:center !important;flex-wrap:nowrap !important}.quantity-selector-group{flex:1 1 auto !important;min-width:0 !important;gap:var(--spacing-xxs, 4px) !important;display:flex !important;flex-direction:column !important}.quantity-selector-group akzo-input-select-dropdown{min-width:0 !important;max-width:100% !important;width:100% !important}.quantity-selector-group .quantity-covers{margin-top:var(--spacing-xxs, 2px) !important;font-size:var(--font-size-sm, 0.875rem) !important}.quantity-price-row slot[name=price]{margin-top:0 !important;align-items:center !important;align-self:center !important;justify-content:flex-end !important;text-align:right !important;margin-left:0 !important;flex:0 0 auto !important;min-width:100px !important;width:auto !important;display:flex !important}.quantity-price-row slot[name=price] akzo-price{text-align:right !important}.akzo-product-summary--b2b .b2b-qty-price-row{gap:var(--spacing-sm, 12px) !important}.akzo-product-summary--b2b .b2b-price-note{align-self:stretch;max-width:100%}}@media (max-width: 400px){.quantity-price-row slot[name=price]{margin-bottom:12px !important}}.akzo-product-summary h4.product-title{background-color:#ffffff !important;color:#0a0a0a !important;font-family:var(--brand-font, "Open Sans") !important;font-size:36px !important;font-style:normal !important;font-weight:600 !important;line-height:40px !important;letter-spacing:-0.01em !important;margin:0 !important;padding:4px 0 !important;display:block !important;position:relative !important;z-index:100 !important;border:none !important;outline:none !important;box-shadow:none !important;isolation:isolate !important;contain:layout style !important}.akzo-product-summary .product-title-section{position:relative !important;z-index:1 !important;background-color:transparent !important;isolation:isolate !important}.akzo-product-summary .heart-icon{position:relative !important;z-index:1 !important}.akzo-product-summary .heading-l{font-size:2.25rem;font-weight:700 !important;line-height:2.5rem}@media (max-width: 768px){.akzo-product-summary .heading-l{font-size:1.75rem;line-height:2rem}}.productTitle-b2b{font-size:36px;line-height:40px}akzo-modal::part(modal-content){align-self:center}@media (max-width: 768px){akzo-modal::part(modal-content){padding:24px;align-self:self-end}}@media (max-width: 768px){::slotted([slot=ctaGroup]) akzo-button::part(button-text){text-align:left}}akzo-button::part(button-text){text-align:left}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.wishlistClicked=(0,i.c)(this,"wishlistClicked"),this.productWishlisted=(0,i.c)(this,"productWishlisted"),this.signedIn=(0,i.c)(this,"signedIn"),this.checkoutClick=(0,i.c)(this,"checkoutClick"),this.colorSelected=(0,i.c)(this,"colorSelected"),this.colorSwatchClicked=(0,i.c)(this,"colorSwatchClicked"),this.materialSelected=(0,i.c)(this,"materialSelected"),this.dropdownChange=(0,i.c)(this,"dropdownChange"),this.checkStockDate=(0,i.c)(this,"checkStockDate"),this.variant="b2c",this.localStorageKey="favouritedProducts",this.addToList=!1,this.stockStatus=!1,this.hidePrice=!1,this.locale="en-GB",this.hideCalculator=!1,this.selectedQuantity=1,this.showCalculatorModal=!1,this.showColorSwatchModal=!1,this.selectedPillIndex=0,this.isWishlisted=!1,this.wishlistItems=[],this.currentQuantity=0,this.isWishlistHovered=!1,this.coverage=0,this.hasQuantityError=!1,this.calculateInitialCoverage=()=>{var t,e,o;let i=(null==(t=this.productInfo)?void 0:t.coveragePerLiter)||12;if(null==(o=null==(e=this.productInfo)?void 0:e.quantitySelector)?void 0:o.covers){let t=/(\d+([.,]\d+)?)/.exec(this.productInfo.quantitySelector.covers);if(null==t?void 0:t[1]){let e=Number.parseFloat(t[1].replace(",","."));if(!Number.isNaN(e))return void(this.coverage=e*this.selectedQuantity)}}this.coverage=i*this.selectedQuantity},this.onCheck=t=>{this.checkStockDate.emit(t.detail.deliveryDate)},this.updateCoverage=t=>{var e;if(!t)return;let o=this.extractPackSizeLitres(t),i=(null==(e=this.productInfo)?void 0:e.coveragePerLiter)||12;if(o>0&&i>0)return void(this.coverage=o*i*this.selectedQuantity);let n=this.extractBaseCoverageFromDescription(t.description);n>0&&(this.coverage=n*this.selectedQuantity)},this.handleCalculatorClick=()=>{this.showCalculatorModal=!0},this.handleCalculatorClose=()=>{this.showCalculatorModal=!1,(0,n.p)({event:"fpp-event",event_name:"paint_calculator_abandon",eventLabel:"close",timestamp:(new Date).toISOString(),component_name:"paint_calculator"})},this.handleColorSwatchClick=()=>
1{this.useExternalColorSelector?this.colorSwatchClicked.emit():this.showColorSwatchModal=!0},this.handleColorSwatchModalClose=()=>{this.showColorSwatchModal=!1},this.handleSignIn=()=>{this.signedIn.emit()},this.handleAddToCart=(t,e)=>{var o,i;let a=null!=(o=null!=e?e:this.currentQuantity)?o:this.selectedQuantity;if(this.checkoutClick.emit({action:t,quantity:a}),"add"===t&&this.productInfo){let t=R(this.productInfo.price),e=this.productInfo.currency||"EUR",o={"â¬":"EUR","\xa3":"GBP",$:"USD","\xa5":"JPY"}[e]||e.toUpperCase(),r={item_id:this.productInfo.id||this.productInfo.sku||"",item_name:this.productInfo.productTitle||"",index:0,item_brand:this.productInfo.brand||"",item_category:this.productInfo.positioning||this.productInfo.category||"",item_category2:this.productInfo.category||this.productInfo.subCategory||"",item_list_name:"PDP",item_variant:(null==(i=this.selectedColour)?void 0:i.name)||"",price:Number(t.toFixed(2)),quantity:a};(0,n.p)({ecommerce:null}),(0,n.p)({event:"add_to_cart",ecommerce:{currency:o,value:Number((t*a).toFixed(2)),items:[r]},timestamp:(new Date).toISOString(),component_name:"product_information"})}},this.updateSelectedColor=t=>{this.selectedColour=t,this.colorSelected.emit(t)},this.handleWishlistClick=()=>{var t,e,o,i,a,r,d,l,s,m,p,h,g,c,b,x,u,f,k,w,z,y,v,C;let S=(null==(t=this.productInfo)?void 0:t.id)||(null==(e=this.productInfo)?void 0:e.sku)||(null==(o=this.productInfo)?void 0:o.productC
1ode),_=null==(a=null==(i=this.productInfo)?void 0:i.categoryPills)?void 0:a[this.selectedPillIndex];if(!S)return void console.warn("Product ID is required for wishlist functionality");this.isWishlisted=!this.isWishlisted;let E=this.isWishlisted;if(this.localStorageKey&&"undefined"!=typeof window)try{let t=JSON.parse(localStorage.getItem(this.localStorageKey)||"[]"),e=(null==(d=null==(r=this.productInfo)?void 0:r.priceFrom)?void 0:d.friendlyPrice)||(null==(l=this.productInfo)?void 0:l.price)||(null==(s=this.productInfo)?void 0:s.promoPrice)||"";E?t.some(t=>t.id===S)||t.push({id:S,name:(null==(m=this.productInfo)?void 0:m.productTitle)||(null==(p=this.productInfo)?void 0:p.name),galleryData:this.galleryData||[],sku:(null==(h=this.productInfo)?void 0:h.sku)||"",productCode:(null==(g=this.productInfo)?void 0:g.productCode)||"",price:e,badge:null==(c=this.productInfo)?void 0:c.badge,subtitle:(null==(b=this.productInfo)?void 0:b.subtitle)||(null==(f=null==(u=null==(x=this.productInfo)?void 0:x.arrayOfKeySellingPoints)?void 0:u[0])?void 0:f.description)||"",categoryPills:(null==(k=this.productInfo)?void 0:k.categoryPills)||[],quantitySelector:(null==(w=this.productInfo)?void 0:w.quantitySelector)||{},uspList:(null==(z=this.productInfo)?void 0:z.uspList)||[],selectedQuantity:this.selectedQuantity,articleNumber:(null==_?void 0:_.articleNumber)||"",eanCode:this.selectedEanCode||"",selectedPillId:null==_?void 0:_.selectedId,calculatorContent:(null==(y=this.productInfo)?void 0:y.calculatorContent)||{},colorSwatchSelector:null==(v=this.productInfo)?void 0:v.colorSwatchSelector,cccid:this.cccid,packshot:this.packshot,uriFriendlyName:this.uriFriendlyName,currency:this.productInfo.currency,hasColors:this.hasColors}):t=t.filter(t=>t.id!==S),localStorage.setItem(this.localStorageKey,JSON.stringify(t,null,2))}catch(t){console.error("Error saving to localStorage:",t)}this.wishlistClicked.emit(E),this.productWishlisted.emit({product:this.productInfo,isActive:E}),(0,n.p)({event:"workspace_save_product",product_id:S,product_name:null==(C=this.productInfo)?void 0:C.productTitle,action:E?"add":"remove"}),this.addToList&&"undefined"!=typeof window&&window.location.reload()},this.handleCardSelection=t=>{var e;let o=t.detail,i=(null==(e=this.productInfo)?void 0:e.categoryPills)||[],n=i.findIndex(t=>t.selectedId+""==o+""),a=i[n];-1!==n&&(this.selectedPillIndex=n),a&&a.price&&(this.currentPrice=a.price,this.updateCoverage(a)),a&&this.materialSelected.emit({selectedId:a.selectedId,articleNumber:a.articleNumber})},this.handleQuantityChange=t=>{var e,o;let i=Number(t.detail.value);this.selectedQuantity=i,this.currentQuantity=i,this.dropdownChange.emit(i||0);let n=null==(o=null==(e=this.productInfo)?void 0:e.categoryPills)?void 0:o[this.selectedPillIndex];n&&this.updateCoverage(n)},this.handleColorSelection=()=>{},this.handleColorSelectionFromModal=()=>{},this.handleCombinationSelectionFromModal=t=>{let e=t.detail;e&&(this.selectedColour={hex:e.color,name:e.label},this.showColorSwatchModal=!1,this.colorSelected.emit({hex:e.color,name:e.label}))}}},[257,"akzo-product-summary",{variant:[1],productInfo:[16],colorSelectorData:[8,"color-selector-data"],useExternalColorSelector:[4,"use-external-color-selector"],localStorageKey:[1,"local-storage-key"],addToList:[4,"add-to-list"],stockStatus:[4,"stock-status"],hidePrice:[4,"hide-price"],galleryData:[8,"gallery-data"],buttons:[8],cccid:[2],packshot:[16],uriFriendlyName:[1,"uri-friendly-name"],isMaterialsAvailable:[4,"is-materials-available"],isloading:[4],isStockLoading:[4,"is-stock-loading"],locale:[1],hasColors:[4,"has-colors"],selectedEanCode:[8,"selected-ean-code"],hideCalculator:[4,"hide-calculator"],currentPrice:[32],selectedQuantity:[32],showCalculatorModal:[32],showColorSwatchModal:[32],selectedColour:[32],selectedPillIndex:[32],isWishlisted:[32],wishlistItems:[32],currentQuantity:[32],isWishlistHovered:[32],coverage:[32],hasQuantityError:[32]},void 0,{productInfo:[{handleProductInfoChange:0}],selectedQuantity:[{handleQuantityChange_Watch:0}]}]),j=F,H=function(){"undefined"!=typeof customElements&&["akzo-product-summary","akzo-button","akzo-color-combinations","akzo-color-grid-item","akzo-color-selector","akzo-color-swatch-row","akzo-color-swatch-selector","akzo-color-widget","akzo-colour-swatch","akzo-date-picker","akzo-div
1ider","akzo-heading","akzo-icon","akzo-information-banner","akzo-input-search-field","akzo-input-select-dropdown","akzo-input-textfield","akzo-label","akzo-link","akzo-list-item","akzo-loader","akzo-loadmore-button","akzo-modal","akzo-paint-calculator","akzo-price","akzo-progress-dot","akzo-project-card","akzo-quantity-incrementor","akzo-selectable-card-group","akzo-status","akzo-stepper","akzo-stock-checker","akzo-tabs","akzo-toggle-button"].forEach(t=>{switch(t){case"akzo-product-summary":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),F);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-color-combinations":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-color-grid-item":customElements.get((0,i.t)(t))||(0,d.d)();break;case"akzo-color-selector":customElements.get((0,i.t)(t))||(0,l.d)();break;case"akzo-color-swatch-row":customElements.get((0,i.t)(t))||(0,s.d)();break;case"akzo-color-swatch-selector":customElements.get((0,i.t)(t))||(0,m.d)();break;case"akzo-color-widget":customElements.get((0,i.t)(t))||(0,p.d)();break;case"akzo-colour-swatch":customElements.get((0,i.t)(t))||(0,h.d)();break;case"akzo-date-picker":customElements.get((0,i.t)(t))||(0,g.d)();break;case"akzo-divider":customElements.get((0,i.t)(t))||(0,c.d)();break;case"akzo-heading":customElements.get((0,i.t)(t))||(0,b.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,x.d)();break;case"akzo-information-banner":customElements.get((0,i.t)(t))||(0,u.d)();break;case"akzo-input-search-field":customElements.get((0,i.t)(t))||(0,f.d)();break;case"akzo-input-select-dropdown":customElements.get((0,i.t)(t))||(0,k.d)();break;case"akzo-input-textfield":customElements.get((0,i.t)(t))||(0,w.d)();break;case"akzo-label":customElements.get((0,i.t)(t))||(0,z.d)();break;case"akzo-link":customElements.get((0,i.t)(t))||(0,y.d)();break;case"akzo-list-item":customElements.get((0,i.t)(t))||(0,v.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,C.d)();break;case"akzo-loadmore-button":customElements.get((0,i.t)(t))||(0,S.d)();break;case"akzo-modal":customElements.get((0,i.t)(t))||(0,_.d)();break;case"akzo-paint-calculator":customElements.get((0,i.t)(t))||(0,E.d)();break;case"akzo-price":customElements.get((0,i.t)(t))||(0,A.d)();break;case"akzo-progress-dot":customElements.get((0,i.t)(t))||(0,L.d)();break;case"akzo-project-card":customElements.get((0,i.t)(t))||(0,I.d)();break;case"akzo-quantity-incrementor":customElements.get((0,i.t)(t))||(0,P.d)();break;case"akzo-selectable-card-group":customElements.get((0,i.t)(t))||(0,T.d)();break;case"akzo-status":customElements.get((0,i.t)(t))||(0,D.d)();break;case"akzo-stepper":customElements.get((0,i.t)(t))||(0,M.d)();break;case"akzo-stock-checker":customElements.get((0,i.t)(t))||(0,O.d)();break;case"akzo-tabs":customElements.get((0,i.t)(t))||(0,B.d)();break;case"akzo-toggle-button":customElements.get((0,i.t)(t))||(0,N.d)()}})}},61362:(t,e,o)=>{o.d(e,{K:()=>a,X:()=>r});var i=o(41421);let n=(0,i.p)(class extends i.H{getLabel(){let t=this.provider.charAt(0).toUpperCase()+this.provider.slice(1);return"".concat({"sign-in":"Sign in with","sign-up":"Sign up with","log-in":"Log in with",continue:"Continue with"}[this.type]," ").concat(t)}renderIcon(){return(0,i.h)("img",{class:"icon",src:"/assets/images/svg/signin-provider/"+({google:"google.svg",facebook:"facebook.svg",apple:"apple.svg"})[this.provider],alt:this.provider})}componentWillLoad(){this.validProvider.includes(this.provider)||(console.warn("akzo-signin-button: Invalid provider '".concat(this.provider,"'. Falling back to 'google'.")),this.provider="google"),this.validColors.includes(this.type)||(console.warn("akzo-badge: Invalid type '".concat(this.type,"'. Falling back to 'signin'.")),this.type="sign-in")}render(){return(0,i.h)(i.a,{key:"cc15ff698dfdcae0463c10dd65bf8e8a74b4650f"},(0,i.h)("button",{key:"9f98fb87dbb14fad89ce4b57aea6861dbdbdfecb",role:"button","aria-label":this.getLabel(),class:{"akzo-signin-button":!0,hovered:this.isHovered,focused:this.isFocused,pressed:this.isPressed,[this.provider]:!0},tabindex:"0",onClick:this.handleClick,onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1,onFocus:()=>this.isFocused=!0,onBlur:()=>this.isFocused=!1,onMouseDown:()=>this.isPressed=!0,onMouseUp:()=>this.isPressed=!1},this.renderIcon(),(0,i.h)("span",{key:"3850e965dfdbec0989da8655b954693a6bfe83f7",class:"button-text"},this.getLabel())))}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:inline-block}.akzo-signin-button{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--spacing-l, 1.5rem);height:var(--size-xl, 3rem);padding:0 var(--spacing-m, 1rem);border-radius:var(--radius-s, 0.25rem);flex-shrink:0}.akzo-signin-button.google{background:var(--color-white)}.akzo-signin-button.google .button-text{color:rgba(0, 0, 0, 0.54);font-family:"Roboto";font-size:0.875rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:0.219px}.akzo-signin-button.google.hovered{background:#f9f9f9}.akzo-signin-button.google:focus-visible{background:var(--color-white);outline-offset:var(--spacing-xxs);outline:1px solid var(--color-stroke-strong, #121212)}.akzo-signin-button.google.pressed{background:#eee;outline:none}.akzo-signin-button.facebook{background:#2374f2}.akzo-signin-button.facebook .button-text{color:var(--color-white);font-family:"Helvetica Neue";font-size:0.875rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:0.219px}.akzo-signin-button.facebook.hovered{background:#116ce6}.akzo-signin-button.facebook:focus-visible{background:#2374f2;outline-offset:var(--spacing-xxs);outline:1px solid var(--color-stroke-strong, #121212)}.akzo-signin-button.facebook.pressed{background:#145dbe;outline:none}.akzo-signin-button.apple{background:var(--color-black)}.akzo-signin-button.apple .button-text{color:var(--color-white);font-family:"SF Pro Display";font-size:0.875rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:0.219px}.akzo-signin-button.apple.hovered{background:#292929}.akzo-signin-button.apple:focus-visible{background:var(--color-black);outline-offset:var(--spacing-xxs);outline:1px solid var(--color-stroke-strong, #121212)}.akzo-signin-button.apple.pressed{background:#313131;outline:none}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.buttonClick=(0,i.c)(this,"buttonClick"),this.handleClick=()=>{this.buttonClick.emit()},this.validProvider=["google","facebook","apple"],this.validColors=["sign-in","sign-up","log-in","continue"]}},[1,"akzo-signin-button",{provider:[1],type:[1],isHovered:[32],isFocused:[32],isPressed:[32]}]),a=n,r=function(){"undefined"!=typeof customElements&&["akzo-signin-button"].forEach(t=>{"akzo-signin-button"===t&&(customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),n))})}},61454:(t,e,o)=>{o.d(e,{X:()=>a,Y:()=>n});var i=o(25590);let n=i.A,a=i.d},61611:(t,e,o)=>{o.d(e,{B:()=>n,X:()=>a});var i=o(32005);let n=i.A,a=i.d},61876:(t,e,o)=>{o.d(e,{Q:()=>n,X:()=>a});var i=o(62697);let n=i.A,a=i.d},64525:(t,e,o)=>{o.d(e,{L:()=>n,X:()=>a});var i=o(9001);let n=i.A,a=i.d},65316:(t,e,o)=>{o.r(e),o.d(e,{AkzoDataTable:()=>p,defineCustomElement:()=>h});var i=o(41421),n=o(47408),a=o(71810),r=o(27857),d=o(16966),l=o(65250),s=o(83904);let m=(0,i.p)(class extends i.H{onScrollToRowKeyChanged(t){if(null==t||Array.isArray(t)&&0===t.length)return this.pendingScrollKey=void 0,void(this.transientHighlightKeys=new Set);let e=Array.isArray(t)?t:[t],o=e[0];this.transientHighlightKeys=new Set(e.map(t=>t+"")),1===e.length?(this.pendingScrollKey=o,requestAnimationFrame(()=>requestAnimationFrame(()=>{this.scheduleScrollToKey(o)}))):this.pendingScrollKey=void 0,setTimeout(()=>{this.transientHighlightKeys=new Set},1e4)}
1rowsChanged(){void 0===this.sortKey&&(this.internalSortedRows=void 0),setTimeout(()=>this.evaluateViewport(),0),null!=this.pendingScrollKey&&requestAnimationFrame(()=>requestAnimationFrame(()=>{this.scheduleScrollToKey(this.pendingScrollKey)}))}columnsChanged(){setTimeout(()=>this.evaluateViewport(),0)}getStickyHeaderHeight(){let t=this.hostElement.shadowRoot.querySelector("thead");return t&&t.getBoundingClientRect().height||0}cssEscape(t){let e=t+"",o=window.CSS;return o&&"function"==typeof o.escape?o.escape(e):e.replace(/([\\^$*+?.()|[\]{}])/g,"\\$1").replace(/["']/g,"\\$&")}scheduleScrollToKey(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=this.hostElement.shadowRoot,i=this.tableContainerEl;if(!o||!i)return void(e<10&&requestAnimationFrame(()=>this.scheduleScrollToKey(t,e+1)));let n='tbody tr[data-row-key="'.concat(this.cssEscape(t+""),'"]'),a=o.querySelector(n);if(!a)return void(e<10&&requestAnimationFrame(()=>this.scheduleScrollToKey(t,e+1)));null!=this.pendingScrollKey&&this.pendingScrollKey+""==t+""&&(this.pendingScrollKey=void 0);let r=()=>{this.autoHighlightOnScroll&&0===this.transientHighlightKeys.size&&(this.transientHighlightKeys=new Set([t+""]),setTimeout(()=>{this.transientHighlightKeys.has(t+"")&&(this.transientHighlightKeys=new Set)},1e4))};if(!(i.scrollHeight>i.clientHeight))return void r();let d=i.getBoundingClientRect(),l=a.getBoundingClientRect(),s=i.scrollTop+(l.top-d.top),m=this.getStickyHeaderHeight(),p=s;switch(this.scrollAlign){case"center":p=s-i.clientHeight/2+a.clientHeight/2;break;case"end":p=s-i.clientHeight+a.clientHeight;break;default:p=s}p=Math.max(0,p-m);let h=Math.min(Math.max(0,i.scrollHeight-i.clientHeight),Math.max(0,p)),g=Math.abs(i.scrollTop-h);i.scrollTo({top:i.scrollTop,behavior:"auto"}),g>1&&i.scrollTo({top:h,behavior:this.smoothScroll?"smooth":"auto"});try{i.focus({preventScroll:!0})}catch(t){}r(),this.rowScrollIntoView.emit({key:t})}isContainerModeMobile(){let t=this.collectWidths();return(t.length>0?Math.min(...t):this.hostElement.getBoundingClientRect().width)<this.mobileBreakpoint}collectWidths(){let t=[],e=e=>{if(!e)return;let o=e.getBoundingClientRect().width;!Number.isNaN(o)&&o>0&&t.push(o)};return e(this.hostElement),e(this.hostElement.parentElement||void 0),e(this.tableContainerEl),t}isViewportMobile(){try{return"undefined"!=typeof window&&window.innerWidth<this.mobileBreakpoint}catch(t){return!1}}setupResizeObserver(){if("undefined"==typeof window||!("ResizeObserver"in window))return;this.resizeObserver||(this.resizeObserver=new ResizeObserver(()=>this.evaluateViewport())),this.resizeObserver.observe(this.hostElement);let t=this.hostElement.parentElement;t&&this.resizeObserver.observe(t),this.tableContainerEl&&this.resizeObserver.observe(this.tableContainerEl)}connectedCallback(){this.evaluateViewport(),"undefined"!=typeof window&&window.addEventListener("resize",this.evaluateViewport,{passive:!0})}componentDidLoad(){"container"===this.responsiveMode&&this.setupResizeObserver(),"function"==typeof requestAnimationFrame?requestAnimationFrame(()=>this.evaluateViewport()):setTimeout(()=>this.evaluateViewport(),0)}componentDidRender(){"container"===this.responsiveMode&&this.resizeObserver&&this.tableContainerEl&&this.resizeObserver.observe(this.tableContainerEl)}disconnectedCallback(){if("undefined"!=typeof window&&window.removeEventListener("resize",this.evaluateViewport),this.resizeObserver)try{this.resizeObserver.disconnect()}catch(t){}}mobileBreakpointChanged(){this.evaluateViewport()}responsiveModeChanged(){"container"===this.responsiveMode?this.setupResizeObserver():this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0),this.evaluateViewport()}hideHeaderChanged(){}hideHeaderInMobileChanged(){}hideDividerInMobileChanged(){}ariaSortFor(t){var e,o;let i=null!=(e=this.sortKey)?e:this.internalSortKey,n=null!=(o=this.sortDirection)?o:this.internalSortDirection;return i!==t?"none":"desc"===n?"descending":"ascending"}renderAny(t){return null==t?"":"string"==typeof t?(0,i.h)("span",{innerHTML:t}):t}getEffectiveRows(){return void 0!==this.sortKey?this.rows||[]:this.internalSortedRows?this.internalSortedRows:this.rows||[]}renderDefaultHeader(t,e){var o,n,a,r,d;let l=t[e],s=l.headerColSpan||1;if(s>1){let o=t.length-e;s>o&&(s=o)}let m=l.headerRowSpan||void 0,p="header-"+l.key,h=(0,i.h)("span",{innerHTML:l.label||""}),g=(0,i.h)("slot",{name:p},l.headerRender?this.renderAny(l.headerRender()):h),c=null;if(l.selectionColumn&&this.enableSelectAll&&t.some(t=>t.selectionColumn)){let t=null!=(o=this.allSelected)?o:(null==(n=this.rows)?void 0:n.length)>0&&(null==(a=this.selectedKeys)?void 0:a.length)===this.rows.length,e=null!=(r=this.selectAllIndeterminate)?r:!t&&((null==(d=this.selectedKeys)?void 0:d.length)||0)>0;c=(0,i.h)("div",{part:"selection-checkbox",class:"checkbox-wrapper"},(0,i.h)("akzo-checkbox",{class:"header-checkbox",checked:t,indeterminate:e,onCheckboxChange:e=>{e.stopPropagation(),this.selectAllChangeEvent.emit({selected:!t})}}))}let b=l.sortable?(()=>{var t,e;let o=null!=(t=this.sortKey)?t:this.internalSortKey,n=null!=(e=this.sortDirection)?e:this.internalSortDirection,a=o===l.ke
1y,r="arrow-down";return a&&(r="asc"===n?"arrow-up":"arrow-down"),(0,i.h)("button",{class:{"header-btn":!0,"align-left":!l.align||"left"===l.align,"align-center":"center"===l.align,"align-right":"right"===l.align,"wrap-content":!!l.wrapContent},onClick:()=>this.handleSort(l.key)},(0,i.h)("span",{class:"header-label-text"},g),(0,i.h)("span",{class:{sort:!0,active:a,asc:a&&"asc"===n,desc:a&&"desc"===n},"aria-hidden":"true"},(0,i.h)("akzo-icon",{name:r,size:"s"})))})():(0,i.h)("span",{class:{"header-text":!0,"align-left":!l.align||"left"===l.align,"align-center":"center"===l.align,"align-right":"right"===l.align,"wrap-content":!!l.wrapContent}},(0,i.h)("span",{class:"header-label-text"},g));return{cell:(0,i.h)("th",{class:{"align-left":!l.align||"left"===l.align,"align-center":"center"===l.align,"align-right":"right"===l.align,"wrap-content":!!l.wrapContent,"no-padding":!!l.wrapContent},style:{textAlign:l.align||"left",width:l.width},scope:"col","aria-sort":l.sortable?this.ariaSortFor(l.key):void 0,colSpan:s>1?s:void 0,rowSpan:m},(0,i.h)("div",{class:{"th-stack":!0,"th-selectable":!!l.selectionColumn,"no-padding":!!l.wrapContent}},c,b)),skip:s>1?s-1:0}}renderGenericCell(t,e,o,n){let a;if(e.render)a=this.renderAny(e.render(t));else{let o=t[e.key];a=null==o?"":(0,i.h)("span",{innerHTML:o+""})}return(0,i.h)("div",{class:{"cell-generic-wrap":!0,"align-left":"left"===o,"align-center":"center"===o,"align-right":"right"===o,"wrap-content":n,"no-padding":n}},a)}renderLabelCell(t,e,o,n){var a;let r=e.cellConfig||{},d=(null==(a=this.selectedKeys)?void 0:a.includes(t[this.rowKey]))||!1,l=!0===r.checkbox||!0===e.selectionColumn,s=r.notification&&t.unread,m=!0===r.icon,p=!1!==r.showText,h=!0===r.bgGrey,g=!0===r.bgNotification,c=t[e.key],b=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"external-link";if("string"!=typeof t)return e;let o=t.trim();return/^[a-z0-9\-_]+$/i.test(o)?o:e}(r.iconName||"external-link","external-link"),x=l?(0,i.h)("div",{part:"row-checkbox"},(0,i.h)("akzo-checkbox",{class:"row-checkbox",checked:d,onCheckboxChange:e=>{e.stopPropagation(),this.handleRowCheckboxClick(t,e)},enableIndeterminateCycle:!1})):null;return(0,i.h)("div",{class:{"cell-label-wrap":!0,"bg-grey":h,"bg-notification":g,"align-left":"left"===o,"align-center":"center"===o,"align-right":"right"===o,"wrap-content":n,"no-padding":n}},x,s&&(0,i.h)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 13",fill:"none",style:{aspectRatio:"1/1"},"aria-label":"Notification"},(0,i.h)("circle",{cx:"6",cy:"6.17773",r:"6",fill:"#3CBCFC"})),p&&(0,i.h)("span",{class:"cell-label-text"},c),m&&(0,i.h)("akzo-icon",{name:b,size:"s"}))}renderStatusCell(t,e,o,n){var a,r,d,l,s;let m=e.cellConfig||{},p=(null==(a=e.cellConfig)?void 0:a.isStockCell)||!1,h=null!=(r=t.statusLabel)?r:t[e.key],g="string"==typeof h?h.trim().toLowerCase():"",c=m.variant;if(!c)switch(g){case"complete":case"success":case"done":case"approved":c="positive";break;case"pending":case"pending review":case"in progress":case"queued":c="warning";break;case"error":case"failed":case"blocked":c="critical";break;default:c="info"}let b=c||"info",x=!0===m.bgGrey,u=!0===m.bgNotification,f=null;if(e.selectionColumn){let e=(null==(d=this.selectedKeys)?void 0:d.includes(t[this.rowKey]))||!1;f=(0,i.h)("akzo-checkbox",{class:"row-checkbox",checked:e,onCheckboxChange:e=>{e.stopPropagation(),this.handleRowCheckboxClick(t,e)},enableIndeterminateCycle:!1})}return(0,i.h)("div",{class:{"cell-status-wrap":!0,"bg-grey":x,"bg-notification":u,"align-left":"left"===o,"align-center":"center"===o,"align-right":"right"===o,"wrap-content":n,"no-padding":n}},f,0==p?(0,i.h)("akzo-label",{type:"complete",color:b,label:h}):(0,i.h)("akzo-status",{status:null==(s=null==(l=t.availability)?void 0:l.toLowerCase())?void 0:s.replace(" ","-"),label:h,size:"s"}))}renderButtonCell(t,e,o,n){var a;let r=e.cellConfig||{},d=!0===r.bgGrey,l=!1!==r.showButton2,s=t[this.rowKey],m=Object.assign(Object.assign({},{variant:"primary",label:"Action 1",size:"m"}),r.button1||{}),p=Object.assign(Object.assign({},{variant:"secondary",label:"Action 2",size:"m"}),r.button2||{}),h=o=>i=>{i.stopPropagation(),this.cellButtonClickEvent.emit({row:t,key:s,column:e.key,button:o})},g=null;if(e.selectionColumn){let e=(null==(a=this.selectedKeys)?void 0:a.includes(s))||!1;g=(0,i.h)("akzo-checkbox",{class:"row-checkbox",checked:e,onCheckboxChange:e=>{e.stopPropagation(),this.handleRowCheckboxClick(t,e)},enableIndeterminateCycle:!1})}return(0,i.h)("div",{class:{"cell-buttons-wrap":!0,"bg-grey":d,"align-left":"left"===o,"align-center":"center"===o,"align-right":"right"===o,"wrap-content":n,"no-padding":n}},g,(0,i.h)("akzo-button",{tabIndex:0,variant:m.variant||"primary",size:m.size||"m",label:m.label,onClick:h(1)}),l&&(0,i.h)("akzo-button",{tabIndex:0,variant:p.variant||"secondary",size:p.size||"m",label:p.label,onClick:h(2)}))}renderIconButtonCell(t,e,o,n){var a;let r=e.cellConfig||{},d=!0===r.bgGrey,l=!0===r.bgNotification,s=!1!==r.showButton2,m=t[this.rowKey],p=(o,n)=>{let a=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"more";if("string"!=typeof t)return e;let o=t.trim();return/^[a-z0-9\-_]+$/i.test(o)?o:e}(o&&(o.iconName||o.icon||o.leftIcon)||"more","more");return(0,i.h)("akzo-button",{onlyIcon:!0,iconName:a,variant:(null==o?void 0:o.variant)||"tertiary",size:(null==o?void 0:o.size)||"s","aria-label":(null==o?void 0:o.ariaLabel)||(null==o?void 0:o.label)||a,onClick:o=>{o.stopPropagation(),this.cellButtonClickEvent.emit({row:t,key:m,column:e.key,button:n})}})},h=null;if(e.selectionColumn){let e=(null==(a=this.selectedKeys)?void 0:a.includes(m))||!1;h=(0,i.h)("akzo-checkbox",{class:"row-checkbox",checked:e,onCheckboxChange:e=>{e.stopPropagation(),this.handleRowCheckboxClick(t,e)},enableIndeterminateCycle:!1})}let g=r.button2||{};return(0,i.h)("div",{class:{"cell-icon-buttons-wrap":!0,"bg-grey":d,"bg-notification":l,"align-left":"left"===o,"align-center":"center"===o,"align-right":"right"===o,"wrap-content":n,"no-padding":n}},h,p(r.button1||{},1),s&&p(g,2))}getColSpanValue(t,e,o,i){let n;if("function"==typeof t.colSpan)try{n=t.colSpan(e)}catch(t){n=1}else n=t.colSpan;(!n||n<1)&&(n=1);let a=o.length-i;return n>a&&(n=a),n}getRowSpanValue(t,e,o){let i;if("function"==typeof t.rowSpan)try{i=t.rowSpan(e)}catch(t){i=1}else i=t.rowSpan;if(!(i&&i<2))return i&&(o[t.key]=i-1),i}getEffectiveAlignment(t){return t.align||("icon-buttons"===t.cellType?"right":"left")}getCellInternalContent(t,e,o,n){var a;switch(e.cellType){case"label":return this.renderLabelCell(t,e,o,n);case"status":return this.renderStatusCell(t,e,o,n);case"buttons":return this.renderButtonCell(t,e,o,n);case"icon-buttons":return this.renderIconButtonCell(t,e,o,n);default:if(e.selectionColumn){let e=(null==(a=this.selectedKeys)?void 0:a.includes(t[this.rowKey]))||!1;return(0,i.h)("akzo-checkbox",{class:"row-checkbox",checked:e,onCheckboxChange:e=>{e.stopPropagation(),this.handleRowCheckboxClick(t,e)},enableIndeterminateCycle:!1})}return this.renderGenericCell(t,e,o,n)}}renderCellSlotContent(t,e,o){let n=t[this.rowKey],a="mobile-cell-".concat(n,"-").concat(e.key),r=(0,i.h)("slot",{name:"cell-".concat(n,"-").concat(e.key)},o),d=(0,i.h)("slot",{name:a},r);return this.isMobile?d:r}renderCell(t,e,o,n,a,r){return(0,i.h)("td",{part:"cell",style:{textAlign:n,width:t.width},colSpan:e>1?e:void 0,rowSpan:o,class:{"cell-has-select":!!t.selectionColumn,["cell-type-"+t.cellType]:!!t.cellType,"align-left":"left"===n,"align-center":"center"===n,"align-right":"right"===n,"wrap-content":a,"no-padding":a,underline:!!t.underline,"bold-text":!!t.boldText},"data-label":t.label,"data-column":t.key},r)}getRowFlags(t,e){var o,i;return{highlight:null==(o=this.highlightKeys)?void 0:o.includes(t),selected:null==(i=this.selectedKeys)?void 0:i.includes(t),isUnread:!0===e.unread}}buildCells(t,e,o){let i=[];for(let n=0;n<e.length;){let a=e[n];if(this.consumeRowSpanContinuation(o,a.key)){n++;continue}let r=this.getColSpanValue(a,t,e,n),d=this.getRowSpanValue(a,t,o),l=!!a.wrapContent,s=this.getEffectiveAlignment(a),m=this.getCellInternalContent(t,a,s,l),p=this.renderCellSlotContent(t,a,m),h=this.renderCell(a,r,d,s,l,p);i.push(h),n+=Math.max(r,1)}return i}consumeRowSpanContinuation(t,e){var o;let i=null!=(o=t[e])?o:0;return i>0&&(t[e]=i-1,!0)}buildRowContent(t){let{keyVal:e,cells:o,rowIndex:n,visibleCols:a,replace:r}=t,d="row-mobile-"+e,l=(0,i.h)("slot",{name:d});return this.isMobile?r&&this.hasSlot(d)?[(0,i.h)("td",{part:"cell-check",colSpan:a.length,class:"row-mobile-wrapper","data-row":e},this.renderMobileHeaderCheckbox(n),l)]:[l,...o]:o}renderMobileHeaderCheckbox(t){if(0!==t||!this.enableSelectAll)return null;let{allSelected:e,indeterminate:o}=this.getSelectAllState();return(0,i.h)("div",{part:"selection-checkbox-mobile",class:"checkbox-wrapper-mobile"},(0,i.h)("akzo-checkbox",{class:"header-checkbox",checked:e,indeterminate:o,onCheckboxChange:t=>this.handleSelectAllCheckboxClick(t,e)}))}getSelectAllState(){var t,e,o,i,n;let a=null!=(t=this.allSelected)?t:(null==(e=this.rows)?void 0:e.length)>0&&(null==(o=this.selectedKeys)?void 0:o.length)===this.rows.length;return{allSelected:a,indeterminate:null!=(i=this.selectAllIndeterminate)?i:!a&&((null==(n=this.selectedKeys)?void 0:n.length)||0)>0}}handleSelectAllCheckboxClick(t,e){t.stopPropagation(),this.selectAllChangeEvent.emit({selected:!e})}hasSlot(t){return!!this.hostElement.querySelector('[slot="'.concat(t,'"]'))}getRowClassMap(t,e,o,i){var n;return{highlight:!!e||this.transientHighlightKeys.size>0&&this.transientHighlightKeys.has(t+""),selected:!!o,clickable:!0,"notification-unread":!!i&&!o,"notification-unread-selected":!!i&&!!o,"notification-read-selected":!i&&!!o,"error-background":!0===(null==(n=this.errorRows)?void 0:n[t])}}renderRowBelow(t,e){return(0,i.h)("tr",{class:"row-below","aria-hidden":"false"},(0,i.h)("td",{colSpan:t,class:"row-below-cell",style:{padding:"0"}},(0,i.h)("slot",{name:e})))}render(){let t=(this.columns||[]).filter(t=>!t.hidden),e=this.getEffectiveRows(),o=!this.hideHeader&&(!this.hideHeaderInMobile||!this.isMobile||this.showHeaderInMobile);return(0,i.h)(i.a,{key:"0247af60addd1e8b43da04e07df76f719882f3fb","data-layout":this.isMobile?"mobile":"desktop","data-hide-divider-mobile":this.hideDividerInMobile?"true":void 0,"data-disable-row-styles":this.disableRowBackgroun
1ds?"true":void 0},(0,i.h)("div",{key:"a93a57143ded01c0314e18d0428508f80b8ed4ee",class:{wrapper:!0,[this.tableClass||""]:!!this.tableClass}},(0,i.h)("div",{key:"28234d3e10a0944f5089e5c45eb089807fb35e0b",class:"table-container",part:"table-container",role:"region","aria-label":"Data table",ref:t=>this.tableContainerEl=t},(0,i.h)("table",{key:"57857b2ce272399d2ce3a289165178d7d4117c6b"},o&&(0,i.h)("thead",{key:"bb4afe7fcd29609b506be385ca0fb2b8e4b85746",part:"thead",class:{"hide-in-mobile":this.hideHeaderInMobile&&!this.showHeaderInMobile,"force-show-mobile":this.showHeaderInMobile}},(0,i.h)("tr",{key:"d8d05ac5f46fae18aad65c12fe4dfc70c7a26cca"},(()=>{let e=[];for(let o=0;o<t.length;o++){let{cell:i,skip:n}=this.renderDefaultHeader(t,o);e.push(i),o+=n}return e})())),(0,i.h)("tbody",{key:"9e0b41ee9dcf3b08f5754af33aa78de200420bab"},(!e||0===e.length)&&(0,i.h)("tr",{key:"d832a1d6a7cf202ab02254c44ac4bba4bd8cf996",class:"empty"},(0,i.h)("td",{key:"86b1ae1e42a84b55424861ec554f5c9a043d5014",colSpan:t.length},null!=this.emptyState?this.renderAny(this.emptyState):(0,i.h)("slot",{name:"empty"},"No data"))),e&&(()=>{let o={};return e.map((e,n)=>{var a;let r=e[this.rowKey],{highlight:d,selected:l,isUnread:s}=this.getRowFlags(r,e),m=this.buildCells(e,t,o),p=this.buildRowContent({keyVal:r,cells:m,rowIndex:n,visibleCols:t,replace:this.isMobile&&this.rowMobileReplace}),h="row-below-"+r,g=this.hasSlot(h);return(0,i.h)(i.F,null,(0,i.h)("tr",{part:"data-row-tab",key:r,"data-row-key":r+"",class:this.getRowClassMap(r,d,l,s),onClick:t=>this.handleTrClick(e,t),"aria-label":"Open order "+(null!=(a=null==e?void 0:e.orderNumber)?a:r),tabIndex:0,role:"button",onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleTrClick(e,t))}},p),g&&this.renderRowBelow(t.length,h))})})())))))}static get delegatesFocus(){return!0}get hostElement(){return this}static get watchers(){return{scrollToRowKey:[{onScrollToRowKeyChanged:0}],rows:[{rowsChanged:0}],columns:[{columnsChanged:0}],mobileBreakpoint:[{mobileBreakpointChanged:0}],responsiveMode:[{responsiveModeChanged:0}],hideHeader:[{hideHeaderChanged:0}],hideHeaderInMobile:[{hideHeaderInMobileChanged:0}],hideDividerInMobile:[{hideDividerInMobileChanged:0}]}}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}akzo-data-table{display:block}akzo-data-table[data-layout=mobile] .table-container table{width:100%}akzo-data-table[data-layout=mobile] thead.hide-in-mobile{display:none}akzo-data-table[data-layout=mobile] thead.force-show-mobile{display:table-header-group !important}akzo-data-table[data-layout=mobile] tbody tr{display:block;border:0.0625rem solid var(--color-stroke-subdued);border-radius:0.25rem;margin-bottom:var(--spacing-s);background:var(--color-surface-neutral-option1)}akzo-data-table[data-layout=mobile] tbody tr.notification-unread{background:rgba(60, 188, 252, 0.08) !important;background:color-mix(in srgb, var(--color-status-info-500) 8%, transparent) !important}akzo-data-table[data-layout=mobile] tbody tr.notification-unread-selected{background:rgba(60, 188, 252, 0.16) !important;background:color-mix(in srgb, var(--color-status-info-500) 16%, transparent) !important;box-shadow:0 0 0 0.0625rem var(--color-status-info-500) inset}akzo-data-table[data-layout=mobile] tbody tr.notification-read-selected{background:rgba(0, 0, 0, 0.08) !important;background:color-mix(in srgb, var(--color-neutral-900) 8%, transparent) !important;box-shadow:0 0 0 0.0625rem var(--color-neutral-900) inset}akzo-data-table[data-layout=mobile] tbody tr.highlight{animation:none}akzo-data-table[data-layout=mobile] tbody td{display:flex;width:100%;border:none;padding:0}akzo-data-table[data-layout=mobile] tbody td+td{border-top:0.0625rem solid var(--color-stroke-subdued)}akzo-data-table[data-layout=mobile] tbody td>*{flex:1}akzo-data-table[data-layout=mobile] tbody td{position:relative}akzo-data-table[data-layout=mobile] tbody td::before{content:attr(data-label);flex:0 0 38%;max-width:10rem;font-weight:600;font-size:0.8125rem;line-height:1rem;color:var(--color-text-body);padding:var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-m);box-sizing:border-box}akzo-data-table[data-layout=mobile] tbody td slot[name^=mobile-cell-]::slotted(*){width:100%}akzo-data-table[data-layout=mobile] tbody td.row-mobile-wrapper{display:block;padding:0;border:none}akzo-data-table[data-layout=mobile] tbody td.row-mobile-wrapper::before{content:"";display:none}akzo-data-table[data-layout=mobile] tbody td.row-mobile-wrapper>::slotted(*){display:block;width:100%}akzo-data-table[data-layout=mobile][data-hide-divider-mobile=true] tbody tr{border:none;margin-bottom:0}akzo-data-table[data-layout=mobile][data-hide-divider-mobile=true] tbody td{border:none}akzo-data-table[data-layout=mobile][data-hide-divider-mobile=true] tbody td+td{border-top:none}akzo-data-table[data-layout=mobile][data-hide-divider-mobile=true] tbody td+td::before{padding-top:var(--spacing-m)}akzo-data-table[data-layout=mobile][data-hide-divider-mobile=true] tbody td+td>*{padding-top:var(--spacing-s)}akzo-data-table[data-layout=mobile] .cell-label-wrap,akzo-data-table[data-layout=mobile] .cell-status-wrap,akzo-data-table[data-layout=mobile] .cell-buttons-wrap,akzo-data-table[data-layout=mobile] .cell-icon-buttons-wrap,akzo-data-table[data-layout=mobile] .cell-generic-wrap{padding:var(--spacing-s) var(--spacing-m) var(--spacing-s) var(--spacing-xs);min-height:auto;gap:var(--spacing-xs)}akzo-data-table[data-layout=mobile] .cell-label-wrap.no-padding,akzo-data-table[data-layout=mobile] .cell-status-wrap.no-padding,akzo-data-table[data-layout=mobile] .cell-buttons-wrap.no-padding,akzo-data-table[data-layout=mobile] .cell-icon-buttons-wrap.no-padding,akzo-data-table[data-layout=mobile] .cell-generic-wrap.no-padding{padding:0}akzo-data-table[data-layout=mobile] .cell-icon-buttons-wrap akzo-button[onlyIcon]{width:calc(var(--spacing-xl) + var(--spacing-xs));height:calc(var(--spacing-xl) + var(--spacing-xs))}akzo-data-table[data-layout=mobile] tbody tr.selected:not(.notification-unread-selected):not(.notification-read-selected){box-shadow:0 0 0 0.0625rem var(--color-status-info-500) inset}akzo-data-table[data-layout=mobile] tbody tr.clickable:hover td{background:transparent}akzo-data-table[data-layout=mobile] tbody tr:last-child{margin-bottom:0}.wrapper{width:100%;background:var(--color-surface-neutral-option1);overflow:hidden}akzo-data-table[data-layout=mobile][data-disable-row-styles=true] .wrapper{background:transparent}.table-container{overflow:auto;-webkit-overflow-scrolling:touch;overflow-y:scroll;height:auto;max-height:100vh;min-height:0}table{width:100%;border-collapse:collapse;border-spacing:0}@media (min-width: 1400px){table{table-layout:fixed;width:100%}}table{}thead th{height:auto;vertical-align:middle;font-weight:700;font-size:0.875rem;line-height:1rem;color:var(--color-text-functional);text-align:left;padding:0;border-bottom:0.0625rem solid var(--color-stroke-subdued);white-space:nowrap;background:var(--color-surface-neutral-option2);position:sticky;top:0;z-index:1;overflow:hidden}thead th.wrap-content{white-space:normal}thead th.wrap-content.no-padding{width:1%}thead th.wrap-content .header-label-text{white-space:normal}tbody td{height:auto;vertical-align:middle;padding:0;border-bottom:0.0625rem solid var(--color-stroke-default);color:var(--color-text-body);font-size:0.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tbody td.wrap-content{white-space:normal;text-overflow:initial;overflow:visible}tbody td.wrap-content>slot::slotted(*){white-space:normal}tbody td.no-padding>slot::slotted(*){padding:0}:host([data-layout=mobile][data-hide-divider-mobile=true]) tbody td{border-bottom:none}akzo-data-table[data-layout=mobile][data-hide-divider-mobile=true] tbody tr,akzo-data-table[data-layout=mobile][data-hide-divider-mobile=true] tbody td{border:none !important;border-top:none !important;
1border-bottom:none !important}akzo-data-table[data-layout=mobile][data-hide-divider-mobile=true] tbody tr{margin-bottom:0 !important}tbody tr:last-child td{border-bottom:none}.th-stack{display:flex;align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-s) var(--spacing-m);box-sizing:border-box}.th-stack.no-padding{padding:0}.sort{display:inline-flex;opacity:0.85}.sort svg{width:1rem;height:1rem;display:block;transition:transform 0.15s ease, opacity 0.2s ease}.header-btn{background:none;border:none;color:inherit;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-xxs);padding:0;font-weight:inherit;width:100%;min-height:var(--spacing-l)}.header-btn.align-left{justify-content:flex-start}.header-btn.align-center{justify-content:center}.header-btn.align-right{justify-content:flex-end;text-align:right}.header-btn:hover{color:var(--color-text-functional)}.header-btn:hover .sort{opacity:1}.header-btn:focus{outline:var(--spacing-xxxs) solid var(--color-text-functional);outline-offset:var(--spacing-xxxs);border-radius:var(--spacing-xxs)}.header-btn:active{transform:translateY(0.0625rem)}.header-btn.wrap-content{align-items:flex-start;white-space:normal}.header-btn.wrap-content .header-label-text{white-space:normal}.header-text{display:block;width:100%}.header-text.align-left{text-align:left}.header-text.align-center{text-align:center}.header-text.align-right{text-align:right}.header-text.wrap-content{white-space:normal}.sort.active{opacity:1;color:var(--color-text-functional)}.sort.desc svg{transform:rotate(180deg)}tbody tr{animation:fadeIn 0.15s ease}tbody tr.clickable{cursor:pointer;transition:background-color 0.15s ease}:host(:not([data-disable-row-styles=true])) tbody tr.clickable:hover{background-color:rgba(0, 0, 0, 0.04);background-color:color-mix(in srgb, var(--color-neutral-900) 4%, transparent)}:host(:not([data-disable-row-styles=true])) tbody tr.clickable:hover td{background-color:rgba(0, 0, 0, 0.04);background-color:color-mix(in srgb, var(--color-neutral-900) 4%, transparent)}:host(:not([data-disable-row-styles=true])) tbody tr.selected{background-color:rgba(0, 0, 0, 0.08);background-color:color-mix(in srgb, var(--color-neutral-900) 8%, transparent)}:host(:not([data-disable-row-styles=true])) tbody tr.selected td{background-color:rgba(0, 0, 0, 0.08);background-color:color-mix(in srgb, var(--color-neutral-900) 8%, transparent)}:host(:not([data-disable-row-styles=true])) tbody tr.selected:hover{background-color:rgba(0, 0, 0, 0.12);background-color:color-mix(in srgb, var(--color-neutral-900) 12%, transparent)}:host(:not([data-disable-row-styles=true])) tbody tr.selected:hover td{background-color:rgba(0, 0, 0, 0.12);background-color:color-mix(in srgb, var(--color-neutral-900) 12%, transparent)}:host(:not([data-disable-row-styles=true])) tbody tr.highlight{animation:rowFlash 1.2s ease 1;background-color:rgba(0, 0, 0, 0.08);background-color:color-mix(in srgb, var(--color-status-info-500) 12%, transparent)}tbody tr.notification-unread{background-color:rgba(60, 188, 252, 0.08) !important;background-color:color-mix(in srgb, var(--color-status-info-500) 8%, transparent) !important}tbody tr.notification-unread td{background-color:rgba(60, 188, 252, 0.08) !important;background-color:color-mix(in srgb, var(--color-status-info-500) 8%, transparent) !important}tbody tr.notification-unread-selected{background-color:rgba(60, 188, 252, 0.16) !important;background-color:color-mix(in srgb, var(--color-status-info-500) 16%, transparent) !important}tbody tr.notification-unread-selected td{background-color:rgba(60, 188, 252, 0.16) !important;background-color:color-mix(in srgb, var(--color-status-info-500) 16%, transparent) !important}tbody tr.notification-read-selected{background-color:rgba(0, 0, 0, 0.08) !important;background-color:color-mix(in srgb, var(--color-neutral-900) 8%, transparent) !important}tbody tr.notification-read-selected td{background-color:rgba(0, 0, 0, 0.08) !important;background-color:color-mix(in srgb, var(--color-neutral-900) 8%, transparent) !important}:host(:not([data-disable-row-styles=true])) tbody tr.notification-unread:hover,:host(:not([data-disable-row-styles=true])) tbody tr.notification-unread:hover td{background-color:rgba(60, 188, 252, 0.12) !important;background-color:color-mix(in srgb, var(--color-status-info-500) 12%, transparent) !important}:host(:not([data-disable-row-styles=true])) tbody tr.notification-unread-selected:hover,:host(:not([data-disable-row-styles=true])) tbody tr.notification-unread-selected:hover td{background-color:rgba(60, 188, 252, 0.2) !important;background-color:color-mix(in srgb, var(--color-status-info-500) 20%, transparent) !important}:host(:not([data-disable-row-styles=true])) tbody tr.notification-read-selected:hover,:host(:not([data-disable-row-styles=true])) tbody tr.notification-read-selected:hover td{background-color:rgba(0, 0, 0, 0.12) !important;background-color:color-mix(in srgb, var(--color-neutral-900) 12%, transparent) !important}:host(:not([data-disable-row-styles=true])) tbody tr.error-background,:host(:not([data-disable-row-styles=true])) tbody tr.error-background td{background-color:var(--color-surface-critical) !important}@keyframes rowFlash{0%{background:rgba(0, 0, 0, 0.08);background:color-mix(in srgb, var(--color-status-info-500) 12%, transparent)}100%{background:transparent}}@keyframes fadeIn{from{opacity:0;transform:translateY(0.125rem)}to{opacity:1;transform:none}}tr.empty td{text-align:center;padding:var(--spacing-l) var(--spacing-s);color:var(--color-text-disabled)}.th-stack.th-selectable{gap:var(--spacing-xs)}.header-checkbox{flex-shrink:0}.header-label-text{font-weight:700;font-size:0.875rem;line-height:1rem;color:var(--color-text-functional);display:inline-flex;align-items:center;gap:var(--spacing-xs)}tbody td{position:relative}.cell-select-wrap,.cell-label-wrap,.cell-status-wrap,.cell-buttons-wrap,.cell-icon-buttons-wrap,.cell-generic-wrap{display:flex;width:100%;min-height:var(--spacing-3xl);height:100%;padding:var(--spacing-s) var(--spacing-m);align-items:center;gap:var(--spacing-xs);box-sizing:border-box}.cell-select-wrap.no-padding,.cell-label-wrap.no-padding,.cell-status-wrap.no-padding,.cell-buttons-wrap.no-padding,.cell-icon-buttons-wrap.no-padding,.cell-generic-wrap.no-padding{padding:0}.cell-select-wrap.wrap-content,.cell-label-wrap.wrap-content,.cell-status-wrap.wrap-content,.cell-buttons-wrap.wrap-content,.cell-icon-buttons-wrap.wrap-content,.cell-generic-wrap.wrap-content{flex-wrap:wrap;align-items:center;align-content:flex-start;row-gap:var(--spacing-xxs)}.cell-icon-buttons-wrap.wrap-content{flex-wrap:nowrap}.cell-label-wrap.align-right,.cell-status-wrap.align-right,.cell-buttons-wrap.align-right,.cell-icon-buttons-wrap.align-right,.cell-generic-wrap.align-right{justify-content:flex-end;text-align:right}.cell-label-wrap.align-center,.cell-status-wrap.align-center,.cell-buttons-wrap.align-center,.cell-icon-buttons-wrap.align-center,.cell-generic-wrap.align-center{justify-content:center;text-align:center}.cell-label-wrap.align-left,.cell-status-wrap.align-left,.cell-buttons-wrap.align-left,.cell-icon-buttons-wrap.align-left,.cell-generic-wrap.align-left{justify-content:flex-start;text-align:left}.cell-label-wrap{gap:var(--spacing-xs);position:relative;max-width:15rem}.cell-label-wrap akzo-label[type=dot]{margin:0}.cell-status-wrap akzo-label[type=label]{gap:var(--spacing-xxs)}.cell-label-wrap .cell-label-text{font-size:1rem;line-height:1.25rem;font-weight:400;color:var(--color-icon-on-primary-inverse);display:inline-block;max-width:100%;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-label-wrap:hover .cell-label-text{white-space:normal;overflow:visible;text-overflow:clip;background:inherit;z-index:1}.cell-label-wrap.wrap-content .cell-label-text{white-space:normal;word-break:break-word}.cell-icon-buttons-wrap{align-items:center}.cell-generic-wrap.wrap-content{white-space:normal;word-break:break-word}.notify-dot{width:var(--spacing-xs);height:var(--spacing-xs);background:var(--color-status-info-500);border-radius:50%}.bg-grey{background:var(--color-surface-neutral-option2)}.bg-notification{background:rgba(0, 102, 255, 0.08);background:color-mix(in srgb, var(--color-status-info-100) 12%, transparent)}.cell-buttons-wrap,.cell-icon-buttons-wrap{justify-content:flex-start}.align-right .cell-icon-buttons-wrap{justify-content:flex-end}.align-right .cell-buttons-wrap{justify-content:flex-end}.align-center .cell-buttons-wrap,.align-center .cell-icon-buttons-wrap{justify-content:center}.align-right .cell-generic-wrap{justify-content:flex-end;text-align:right}.align-center .cell-generic-wrap{justify-content:center;text-align:center}td.align-left{text-align:left}td.align-center{text-align:center}td.align-right{text-align:right}.cell-buttons-wrap{padding:var(--spacing-s) var(--spacing-m);gap:var(--spacing-xs)}.cell-icon-buttons-wrap{padding:var(--spacing-s) var(--spacing-s);gap:var(--spacing-xs)}.cell-icon-buttons-wrap.align-right{justify-content:flex-end}.cell-icon-buttons-wrap.align-right:not(.no-padding){padding-left:var(--spacing-xs)}.cell-icon-buttons-wrap.align-center{justify-content:center}.cell-icon-buttons-wrap.align-left{justify-content:flex-start}.cell-icon-buttons-wrap.align-left:not(.no-padding){padding-right:var(--spacing-xs)}.cell-buttons-wrap akzo-button+akzo-button,.cell-icon-buttons-wrap akzo-button+akzo-button{margin-left:0}.cell-buttons-wrap akzo-button[variant=primary],.cell-buttons-wrap akzo-button[variant=secondary] .cell-icon-buttons-wrap akzo-button[only-icon]{padding:var(--spacing-xs)}.cell-status-wrap akzo-label[type=label]{font-size:0.875rem;line-height:1rem}
1.cell-label-wrap akzo-label[type=dot]{width:var(--spacing-xs);height:var(--spacing-xs);min-width:var(--spacing-xs);min-height:var(--spacing-xs);padding:0}tbody td.cell-type-icon-buttons{width:1%;white-space:nowrap}.row-checkbox,.header-checkbox{width:var(--spacing-l);height:var(--spacing-l)}.actions{display:flex;gap:calc(var(--spacing-l) - var(--spacing-xxxs))}.col-actions{width:26.25rem}td.underline .cell-label-text,td.underline .cell-generic-wrap>span,td.underline akzo-label{text-decoration:underline;color:var(--color-icon-on-primary-inverse) !important}td.bold-text .cell-label-text,td.bold-text .cell-generic-wrap>span,td.bold-text akzo-label{font-weight:700 !important}.checkbox-wrapper-mobile{background:var(--color-surface-neutral-option2);height:56px;align-items:center;padding:10px;padding-top:15px}akzo-data-table[data-layout=mobile] td.underline>*{text-decoration:underline;color:#000 !important}akzo-data-table[data-layout=mobile] td.bold-text>*{font-weight:700 !important}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.sortEvent=(0,i.c)(this,"sort"),this.tooltipShow=(0,i.c)(this,"tooltipShow"),this.tooltipHide=(0,i.c)(this,"tooltipHide"),this.rowScrollIntoView=(0,i.c)(this,"rowScrollIntoView"),this.selectAllChangeEvent=(0,i.c)(this,"selectAllChange"),this.rowClickEvent=(0,i.c)(this,"rowClick"),this.rowSelectEvent=(0,i.c)(this,"rowSelect"),this.cellButtonClickEvent=(0,i.c)(this,"cellButtonClick"),this.hideHeader=!1,this.hideHeaderInMobile=!1,this.hideDividerInMobile=!1,this.showHeaderInMobile=!1,this.mobileBreakpoint=640,this.forceMobileLayout=!1,this.disableMobileStack=!1,this.disableRowBackgrounds=!1,this.responsiveMode="viewport",this.rowMobileReplace=!0,this.isTooltipOn=!1,this.tooltipText="Delete rows",this.showTooltip=!1,this.scrollAlign="center",this.smoothScroll=!0,this.autoHighlightOnScroll=!0,this.transientHighlightKeys=new Set,this.isMobile=!1,this.evaluateViewport=()=>{this.isMobile=!!this.forceMobileLayout||!this.disableMobileStack&&("container"===this.responsiveMode&&this.hostElement?this.isContainerModeMobile():this.isViewportMobile())},this.sortData=(t,e,o)=>[...t].sort((t,i)=>{let n=t[e],a=i[e];if("string"==typeof n&&"string"==typeof a){let t=n.localeCompare(a);return"asc"===o?t:-t}if("number"==typeof n&&"number"==typeof a){let t=n-a;return"asc"===o?t:-t}{let t=((null!=n?n:"")+"").localeCompare((null!=a?a:"")+"");return"asc"===o?t:-t}}),this.handleSort=t=>{var e,o;let i=null!=(e=this.sortKey)?e:this.internalSortKey,n=null!=(o=this.sortDirection)?o:this.internalSortDirection,a=i===t&&"asc"===n?"desc":"asc";void 0!==this.sortKey||(this.internalSortKey=t,this.internalSortDirection=a,this.rows&&this.rows.length>0&&(this.internalSortedRows=this.sortData(this.rows,t,a))),this.sortEvent.emit({key:t,direction:a})},this.handleRowCheckboxClick=(t,e)=>{this.rowSelectEvent.emit({row:t,key:t[this.rowKey],selected:e.detail})},this.handleTrClick=(t,e)=>{let o=t[this.rowKey],i=e.target;i&&("BUTTON"===i.tagName||"INPUT"===i.tagName||i.closest("button")||i.closest("input")||i.closest("ui-button")||i.closest("akzo-checkbox"))||this.rowClickEvent.emit({row:t,key:o})}}},[273,"akzo-data-table",{columns:[16],rows:[16],rowKey:[1,"row-key"],sortKey:[1,"sort-key"],sortDirection:[1,"sort-direction"],emptyState:[8,"empty-state"],tableClass:[1,"table-class"],highlightKeys:[16],selectedKeys:[16],enableSelectAll:[4,"enable-select-all"],selectAllIndeterminate:[4,"select-all-indeterminate"],allSelected:[4,"all-selected"],hideHeader:[4,"hide-header"],hideHeaderInMobile:[4,"hide-header-in-mobile"],hideDividerInMobile:[4,"hide-divider-in-mobile"],showHeaderInMobile:[4,"show-header-in-mobile"],mobileBreakpoint:[2,"mobile-breakpoint"],forceMobileLayout:[4,"force-mobile-layout"],disableMobileStack:[4,"disable-mobile-stack"],disableRowBackgrounds:[4,"disable-row-backgrounds"],errorRows:[16],responsiveMode:[1,"responsive-mode"],rowMobileReplace:[4,"row-mobile-replace"],isTooltipOn:[4,"is-tooltip-on"],tooltipText:[1,"tooltip-text"],scrollToRowKey:[8,"scroll-to-row-key"],scrollAlign:[1,"scroll-align"],smoothScroll:[4,"smooth-scroll"],autoHighlightOnScroll:[4,"auto-highlight-on-scroll"],showTooltip:[32],transientHighlightKeys:[32],isMobile:[32],internalSortKey:[32],internalSortDirection:[32],internalSortedRows:[32]},void 0,{scrollToRowKey:[{onScrollToRowKeyChanged:0}],rows:[{rowsChanged:0}
1],columns:[{columnsChanged:0}],mobileBreakpoint:[{mobileBreakpointChanged:0}],responsiveMode:[{responsiveModeChanged:0}],hideHeader:[{hideHeaderChanged:0}],hideHeaderInMobile:[{hideHeaderInMobileChanged:0}],hideDividerInMobile:[{hideDividerInMobileChanged:0}]}]),p=m,h=function(){"undefined"!=typeof customElements&&["akzo-data-table","akzo-button","akzo-checkbox","akzo-icon","akzo-label","akzo-loader","akzo-status"].forEach(t=>{switch(t){case"akzo-data-table":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),m);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-checkbox":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-label":customElements.get((0,i.t)(t))||(0,d.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,l.d)();break;case"akzo-status":customElements.get((0,i.t)(t))||(0,s.d)()}})}},65678:(t,e,o)=>{o.d(e,{A:()=>d,d:()=>l});var i=o(41421),n=o(27857),a=o(65250),r=o(62697);let d=(0,i.p)(class extends i.H{validateCards(t){if("string"==typeof t)try{let e=JSON.parse(t);Array.isArray(e)?this.parsedCards=e:console.error("Cards must be an array")}catch(t){console.error("Invalid JSON string for actions:",t)}else Array.isArray(t)&&(this.parsedCards=t)}componentWillLoad(){this.selectableCard||(this.selectableCard=[]),this.activeIndex="number"==typeof this.selectedIndex&&this.selectedIndex>=0?this.selectedIndex:0,this.isValid=!0,this.parsedCards=[];try{this.validateCards(this.selectableCard),this.validateProps()}catch(t){throw this.isValid=!1,t}}validateProps(){if(!Array.isArray(this.parsedCards))throw Error("Selectable card group 'cards' prop must be an array.");if(this.parsedCards.forEach((t,e)=>{if("object"!=typeof t||null===t||Array.isArray(t))throw Error("Selectable card group 'SelectedCards[".concat(e,"]' must be an object. Received: ").concat(typeof t));let o=Object.keys(t),i=["label","selectedId","description"];if(!o.every(t=>i.includes(t)))throw Error("Selectable card group 'SelectedCards[".concat(e,"]' must only contain 'label', 'selectedId', and optional 'description'. Found: ").concat(o.join(", ")));if("string"!=typeof t.label)throw Error("Selectable card group 'SelectedCards[".concat(e,"]' must have a 'label' of type string."))}),"string"!=typeof this.heading)throw Error("Selectable card group 'heading' must be a string.");if(void 0!==this.link&&"string"!=typeof this.link)throw Error("Selectable card group 'link' prop must be a string.")}handleCardClick(t,e){this.activeIndex=t,this.cardSelect.emit(e)}handleLinkClick(t){t.preventDefault(),t.stopPropagation(),this.linkClick.emit()}render(){return this.isValid?(0,i.h)(i.a,null,(0,i.h)("div",{class:"tile-wrapper"},(0,i.h)("div",{class:"tile-header"},(0,i.h)("div",{class:"label category"},this.heading),this.link&&(0,i.h)("div",{class:"link body-s-link"},(0,i.h)("a",{href:"#",onClick:t=>{t.preventDefault(),this.handleLinkClick(t)},rel:"noopener noreferrer"},this.link))),(0,i.h)("div",{class:"tile-group"},this.parsedCards.map((t,e)=>(0,i.h)("akzo-toggle-button",{active:1!=this.parsedCards.length&&e===this.activeIndex,label:t.label,nonInteractive:1==this.parsedCards.length,description:t.description,ref:o=>{o&&o.addEventListener("toggleClick",()=>this.handleCardClick(e,t.selectedId))}}))))):null}static get watchers(){return{selectableCard:[{validateCards:0}]}}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:block;width:100%}:host .tile-wrapper{display:flex;flex-direction:column;width:100%}:host .tile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xxs)}:host .category{color:var(--color-text-functional);margin-bottom:0}:host .link{color:var(--color-text-functional);cursor:pointer;margin-bottom:0}:host .tile-group{display:grid;gap:var(--spacing-xs);width:100%;grid-template-columns:repeat(auto-fit, minmax(var(--spacing-6xl), 1fr))}:host akzo-toggle-button::part(toggle){width:100%;height:fit-content}:host .akzo-button{display:flex;flex-direction:column}:host .akzo-button.active{border-color:var(--default-primary-900)}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.cardSelect=(0,i.c)(this,"cardSelect"),this.linkClick=(0,i.c)(this,"linkClick")}},[1,"akzo-selectable-card-group",{selectableCard:[1537,"selectable-card"],heading:[1537],link:[1537],selectedIndex:[2,"selected-index"],activeIndex:[32],isValid:[32],parsedCards:[32]},void 0,{selectableCard:[{validateCards:0}]}]);function l(){"undefined"!=typeof customElements&&["akzo-selectable-card-group","akzo-icon","akzo-loader","akzo-toggle-button"].forEach(t=>{switch(t){case"akzo-selectable-card-group":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),d);break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-toggle-button":customElements.get((0,i.t)(t))||(0,r.d)()}})}},65902:(t,e,o)=>{o.d(e,{A:()=>d,d:()=>l});var i=o(41421),n=o(13912),a=o(27857),r=o(65250);let d=(0,i.p)(class extends i.H{handleStateChange(t){"default"===t&&(this.promoCode="")}handleAddCode(){this.promoCode.trim()&&(this.state="filled",this.promoCodeAdded.emit(this.promoCode))}renderPromoSection(){return(0,i.h)("div",{class:"promo-wrapper"},(0,i.h)("div",{class:"promo-header",onClick:()=>this.state="expanded"===this.state?"default":"expanded",onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.state="expanded"===this.state?"default":"expanded")}},(0,i.h)("span",{class:"promo-title"},this.promoCodeLabel),(0,i.h)("akzo-icon",{name:"expanded"===this.state?"chevron-up":"chevron-down"})),"filled"===this.state&&(0,i.h)("div",{class:"promo-filled"},(0,i.h)("span",{class:"code"},this.promoCode),(0,i.h)("div",{class:"promo-disc-container"},(0,i.h)("span",{class:"disc-promo-filled"},"DISC"),(0,i.h)("span",{class:"disc-promo-filled-amount"},"-\xa300.00")),(0,i.h)("a",{class:"change-code",onClick:()=>this.state="expanded",onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(this.state="expanded")}},this.changeDiscountCodeLabel)),"expanded"===this.state&&(0,i.h)("div",{class:"promo-input",part:"promo-input"},(0,i.h)("input",{type:"text",placeholder:this.promoCodePlaceholder,value:this.promoCode,maxlength:20,onInput:t=>{let e=t.target.value;/^[A-Za-z0-9]{0,20}$/.test(e)&&(this.promoCode=e)}}),(0,i.h)("button",{class:"add-btn",part:"add-btn",disabled:!this.promoCode.length,onClick:()=>this.handleAddCode()},this.addButtonLabel)))}render(){var t;let e=this.autoWidth?"100%":"404px";return(0,i.h)(i.a,{key:"3b5800f72caaaf25b314c861e5437ce80406361b"},(0,i.h)("div",{key:"6a68c7f4c5a22dc1aec8c6b97f1c37dfd45abb6d",class:"pricing-container",part:"pricing-container"},"basket"===this.type?(0,i.h)("div",{class:"item-list"},null==(t=this.items)?void 0:t.map(t=>(0,i.h)("div",{class:"row"},(0,i.h)("span",null,t.label),(0,i.h)("span",null,t.value))),(0,i.h)("akzo-div
1ider",{exportparts:"divider-horizontal:divider-pricing",variant:"line",orientation:"horizontal",length:e,color:"#D8D8D8",thickness:"1px"})):(0,i.h)("div",{class:"subtotal"},(0,i.h)("div",{class:"row"},(0,i.h)("span",null,this.subtotalLabel),(0,i.h)("span",null,this.subtotal))),!this.hidePromoCode&&this.renderPromoSection(),this.showDiscount&&(0,i.h)("div",{key:"c4216dcc97b39a3d9ab23bb5a7feeb92d1a742ce",class:"row discount"},(0,i.h)("span",{key:"29520a6162633226858da1768a567baa76a706fe"},this.discountLabel),(0,i.h)("span",{key:"93d3d7e59218f012f0988e24baa6fedffd4eef52",class:"negative"},"- \xa300.00")),this.showDeliveryFee&&(0,i.h)("div",{key:"d8a2d908c8cd72ae8757873879e3ff1b403711d6",class:"row","aria-label":"Delivery fee \xa300.00",role:"group"},(0,i.h)("span",{key:"72a99d750def8329e4887548c2b1b42cf5944799",class:"delivery-fee"},this.deliveryFeeLabel),(0,i.h)("span",{key:"cacd59d62897e2ea2b1fe2675851f6ecbe5d385d"},this.deliveryFee)),(0,i.h)("akzo-divider",{key:"70ed3b6bba9c4a53e7f13086df8bd98b9951c9a7",variant:"line",orientation:"horizontal",length:e,color:"#D8D8D8",thickness:"1px"}),(0,i.h)("div",{key:"f4098ec432da70c177834b3078fc2323c3818f4d",class:{row:!0,total:!0,"checkout-total":"checkout"===this.type,"wrap-order-total":this.wrapOrderTotal},"aria-label":"Order total ".concat(this.orderTotal),role:"group"},(0,i.h)("span",{key:"84d0daea9da47e2f66f470ecd4f948610006c3b5",part:"order-total-label"},this.orderTotalLabel),(0,i.h)("span",{key:"83733d00af22aa908a8c63704ca4bd6b55d6a14e",class:"value"},this.orderTotal)),this.showIncTax&&(0,i.h)("div",{key:"4946e7a613912fc1c4817216a0dc7f66ac8b2bf2",class:"tax-info",part:"tax-info",role:"note","aria-label":"Prices include tax"},this.incTaxLabel),this.showB2B&&(0,i.h)("div",{key:"8fe4218e92f338323997c2ee9b657e93f3a482e8"},(0,i.h)("div",{key:"1d84a4566e1e3ee2894964f7d2de8083617a8915",class:"b2b-info"},(0,i.h)("span",{key:"183a74a4b357aba21c58fc36ad7c53ede12b1f0e"},this.totalVolumeLabel),(0,i.h)("span",{key:"76b1c2a1fe2f7686a55a53fe72c50861a0fe5448"},this.totalVolume)),(0,i.h)("div",{key:"c45e37ea668385cb6b65bbf2006b621932136538",class:"b2b-info"},(0,i.h)("span",{key:"3b4300f59292798030a6db405e36fa707ce95f37"},this.grossWeightLabel),(0,i.h)("span",{key:"cf6eb5365cd07af141aaa2627e47693ce50fa8fe"},this.grossWeight)))))}static get watchers(){return{state:[{handleStateChange:0}]}}static get style(){return'@charset "UTF-8";html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:block}.pricing-container{display:flex;flex-direction:column;width:429px;gap:0.75rem;padding:24px 12px;background-color:var(--default-neutral-invertible-opaque-100);color:var(--color-black)}.row{color:var(--color-black);display:flex;justify-content:space-between;width:100%;font-size:1rem;padding-top:0.75rem;font-weight:400;line-height:1.25rem}.row span:first-child{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:top}.total span:first-child{font-weight:400;font-size:1rem;line-height:20px}.total .value{font-weight:700;font-size:1.25rem;line-height:24px;white-space:nowrap;}.total.wrap-order-total{align-items:flex-start}.total.wrap-order-total span:first-child{white-space:nowrap;flex-shrink:0}.total.wrap-order-total .value{white-space:normal;min-width:0;text-align:right;overflow-wrap:break-word;word-break:break-all}.checkout-total span:first-child{font-weight:700}.divider{height:0.0625rem;margin:0.5rem 0}akzo-divider.pricing-divider-first{margin-top:12px}.discount{color:var(--color-status-critical-700);margin-top:-0.75rem;margin-bottom:-0.75rem}.discount .negative{color:var(--color-status-critical-700)}.disc-promo-filled{font-weight:700;font-size:1rem;margin-left:0.75rem}.disc-promo-filled-amount{color:var(--color-status-critical-700)}.b2b-info{display:flex;justify-content:space-between;font-size:1rem;color:var(--color-black);font-weight:400;margin-bottom:0.75rem}.tax-info{font-size:0.75rem;color:var(--color-black);text-align:right;margin-top:0.75rem;padding-left:0;}.promo-wrapper{width:100%}.promo-wrapper .promo-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1rem;font-weight:700;margin-bottom:0.75rem;line-height:1.25rem}.promo-wrapper .promo-filled{display:flex;flex-direction:column;gap:0.25rem}.promo-wrapper .promo-filled .code{font-weight:bold}.promo-wrapper .promo-filled .change-code{text-decoration:underline;font-weight:700;cursor:pointer;font-size:1rem;line-height:1.188rem;padding-left:14.1875rem}.promo-wrapper .promo-filled .promo-disc-container{display:flex;justify-content:space-between;font-size:1rem;color:var(--color-black);font-weight:400;margin-bottom:0.75rem;line-height:1.25rem}.promo-wrapper .promo-input{display:flex;gap:0.5rem;flex-direction:column;align-items:center}.promo-wrapper .promo-input input{flex:1;padding:0.375rem;border:1px solid var(--color-neutral-200);border-radius:0.25rem;line-height:2.139rem;width:100%;background-color:var(--color-interactive-primary-default-inverse)}.promo-wrapper .promo-input .add-btn{font-weight:bold;color:black;border:0.0625rem solid var(--color-default-non-invertible-opaque-900);padding:0.375rem 0.75rem;border-radius:0.25rem;cursor:pointer;height:3rem;width:100%}akzo-divider::part(divider-horizontal){margin-top:12px;width:100%}@media (max-width: 568px){.pricing-container{width:300px;padding:16px 8px}akzo-divider::part(divider-horizontal){width:100%}.promo-wrapper .promo-filled .change-code{padding-left:6.8rem}.promo-wrapper .promo-input input{width:100%}.promo-wrapper .promo-input .add-btn{width:100%}.tax-info{padding-left:242px}}:host([is-cart]) .tax-info{padding-left:0;margin-top:-14px}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.promoCodeAdded=(0,i.c)(this,"promoCodeAdded"),this.type="basket",this.showB2B=!1,this.showIncTax=!1,this.showDiscount=!0,this.state="default",this.items=[],this.subtotal="\xa300.00",this.totalVolume="0.0 L",this.grossWeight="0.0 LB",this.deliveryFee="\xa300.00",this.showDeliveryFee=!0,this.orderTotal="\xa300.00",this.autoWidth=!1,this.hidePromoCode=!1,this.isCart=!1,this.promoCodeL
1abel="Promo code",this.changeDiscountCodeLabel="Change discount code",this.promoCodePlaceholder="E.g. EZ123",this.addButtonLabel="Add",this.subtotalLabel="Subtotal",this.discountLabel="Discount",this.deliveryFeeLabel="Delivery fee",this.orderTotalLabel="Order total",this.wrapOrderTotal=!1,this.incTaxLabel="inc. tax",this.totalVolumeLabel="Total Volume(L)",this.grossWeightLabel="Gross Weight(LB)",this.promoCode=""}},[1,"akzo-pricing-section",{type:[1537],showB2B:[1540,"show-b-2-b"],showIncTax:[1540,"show-inc-tax"],showDiscount:[1540,"show-discount"],state:[1537],items:[16],subtotal:[1],totalVolume:[1,"total-volume"],grossWeight:[1,"gross-weight"],deliveryFee:[1,"delivery-fee"],showDeliveryFee:[4,"show-delivery-fee"],orderTotal:[1,"order-total"],autoWidth:[4,"auto-width"],hidePromoCode:[4,"hide-promo-code"],isCart:[1540,"is-cart"],promoCodeLabel:[1,"promo-code-label"],changeDiscountCodeLabel:[1,"change-discount-code-label"],promoCodePlaceholder:[1,"promo-code-placeholder"],addButtonLabel:[1,"add-button-label"],subtotalLabel:[1,"subtotal-label"],discountLabel:[1,"discount-label"],deliveryFeeLabel:[1,"delivery-fee-label"],orderTotalLabel:[1,"order-total-label"],wrapOrderTotal:[4,"wrap-order-total"],incTaxLabel:[1,"inc-tax-label"],totalVolumeLabel:[1,"total-volume-label"],grossWeightLabel:[1,"gross-weight-label"],promoCode:[32]},void 0,{state:[{handleStateChange:0}]}]);function l(){"undefined"!=typeof customElements&&["akzo-pricing-section","akzo-divider","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-pricing-section":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),d);break;case"akzo-divider":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,r.d)()}})}},66437:(t,e,o)=>{o.r(e),o.d(e,{AkzoImageGallery:()=>s,defineCustomElement:()=>m});var i=o(41421),n=o(70699),a=o(27857),r=o(65250),d=o(24809);let l=(0,i.p)(class extends i.H{componentWillLoad(){var t;this.visibleCount=null!=(t=this.initialCount)?t:4}addWebpFormat(t){return t?t.includes("format=webp")?t:t.includes("?")?t+"&format=webp":t+"?format=webp":""}getHeadingLevel(){return({xxxl:1,xxl:2,xl:3,l:4,m:5,s:6})[this.headingLevel]||5}renderHeader(){return this.heading||this.description?(0,i.h)("div",{class:"akzo-image-gallery--header"},(0,i.h)("akzo-heading",{level:this.getHeadingLevel(),componentTag:this.headingWeight,overline:this.overline,text:this.heading,subtext:this.description,alignment:"project-planner"===this.type?"center":"left"})):null}normalizeAlt(t){if(!t)return"interior inspiration image";let e=t.trim();return(e=(e=(e=(e=(e=e.replace(/_/g," ")).replace(/([a-z])([A-Z])/g,"$1 $2")).replace(/([A-Za-z])(\d)/g,"$1 $2")).replace(/\s+/g," ").trim()).split(" ").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(" "))+" interior inspiration image"}renderImage(t,e){var o;return(0,i.h)("div",{class:"gallery-item",role:"listitem"},(0,i.h)("div",{class:"gallery-item__interactive",role:"button",tabIndex:0,"aria-label":t.alt||t.name||"Image "+("number"==typeof e?e+1:""),onClick:()=>this.handleImageClick(t),onKeyDown:o=>{this.handleKeyNavigation(o,null!=e?e:0),"Enter"!==o.key&&" "!==o.key||(o.preventDefault(),this.handleImageClick(t))}},(0,i.h)("slot",{name:"image-"+e},(0,i.h)("img",{src:this.addWebpFormat((null==(o=null==t?void 0:t.thumbnails)?void 0:o.Large)||t.src),alt:this.normalizeAlt(t.alt||t.name||"Gallery image "+("number"==typeof e?e+1:"")),loading:"lazy",decoding:"async",onError:this.handleImgError}))))}renderSingleImage(t){return(0,i.h)("div",{class:{"akzo-image-gallery":!0,"single-image":!0,["top-"+this.spacingTop]:!0,["bottom-"+this.spacingBottom]:!0}},(0,i.h)("div",{class:"content-wrapper",part:"content-wrapper"},(0,i.h)("div",{class:"akzo-image-gallery--content"},this.renderHeader(),(0,i.h)("div",{class:"single-image-container",role:"list"},this.renderImage(t)))))}renderGrid(t){let e=t.slice(0,this.visibleCount);return(0,i.h)("div",{class:{"akzo-image-gallery":!0,["top-"+this.spacingTop]:!0,["bottom-"+this.spacingBottom]:!0}},(0,i.h)("div",{class:"content-wrapper",part:"content-wrapper"},(0,i.h)("div",{class:"akzo-image-gallery--content"},this.renderHeader(),(0,i.h)("div",{class:{"gallery-grid":!0,expanded:this.expanded},role:"list","aria-label":""+(this.heading||"Image Gallery")},e.map((t,e)=>this.renderImage(t,e))),t.length>this.initialCount&&(0,i.h)("div",{class:"akzo-image-gallery--footer"},(0,i.h)("akzo-loadmore-button",{label:this.expanded?this.showLessLabel:this.showMoreLabel,expandedLabel:this.showLessLabel,"right-icon":"chevron-down","expanded-icon-name":"chevron-up",size:"m",onExpandedChange:this.toggleExpand})))))}render(){return this.images&&0!==this.images.length?1===this.images.length?this.renderSingleImage(this.images[0]):this.renderGrid(this.images):null}get el(){return this}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:block;width:100%}.akzo-image-gallery{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background:var(--color-surface-neutral-option1, #fff)}.akzo-image-gallery.single-image .gallery-item,.akzo-image-gallery.single-image .single-image-container{display:flex;justify-content:center;width:100%}.akzo-image-gallery--content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--spacing-l, 1.5rem);align-self:stretch}.akzo-image-gallery .gallery-grid{display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(1, 1fr);grid-auto-rows:auto;overflow:hidden;transition:max-height 0.4s ease-in-out, opacity 0.5s ease-in-out;opacity:1}.akzo-image-gallery .gallery-grid.expanded{max-height:1000vh;opacity:1}.akzo-image-gallery .gallery-grid slot,.akzo-image-gallery .gallery-grid .gallery-item{aspect-ratio:3/2;overflow:hidden}.akzo-image-gallery .gallery-grid slot__interactive,.akzo-image-gallery .gallery-grid .gallery-item__interactive{width:100%;height:100%}.akzo-image-gallery .gallery-grid slot img,.akzo-image-gallery .gallery-grid slot ::slotted(img),.akzo-image-gallery .gallery-grid .gallery-item img,.akzo-image-gallery .gallery-grid .gallery-item ::slotted(img){height:100% !important;width:100%;object-fit:cover;transition:transform 0.3s ease, opacity 0.3s ease}.akzo-image-gallery .gallery-grid slot slot[name^=image-] img,.akzo-image-gallery .gallery-grid .gallery-item slot[name^=image-] img{width:100%;height:100%;object-fit:cover}.akzo-image-gallery .gallery-grid slot:hover img,.akzo-image-gallery .gallery-grid slot:hover ::slotted(img),.akzo-image-gallery .gallery-grid slot:focus-visible img,.akzo-image-gallery .gallery-grid slot:focus-visible ::slotted(img),.akzo-image-gallery .gallery-grid .gallery-item:hover img,.akzo-image-gallery .gallery-grid .gallery-item:hover ::slotted(img),.akzo-image-gallery .gallery-grid .gallery-item:focus-visible img,.akzo-image-gallery .gallery-grid .gallery-item:focus-visible ::slotted(img){transform:scale(1.05);opacity:0.9}.akzo-image-gallery--footer{display:flex;flex-direction:row;justify-content:center;align-items:flex-start}@media (min-width: 600px){.akzo-image-gallery--content{align-items:flex-start}.akzo-image-gallery--header{max-width:792px}.akzo-image-gallery .gallery-grid{grid-template-columns:repeat(2, 1fr);gap:var(--spacing-l);width:100%}.akzo-image-gallery--footer{width:100%}}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.imageClick=(0,i.c)(this,"imageClick"),this.images=[],this.initialCount=4,this.showMoreLabel="Show more",this.showLessLabel="Show less",this.type="default",this.spacingTop="default",this.spacingBottom="default",this.expanded=!1,this.handleImageClick=t=>{this.imageClick.emit(t)},this.toggleExpand=()=>{this.expanded=!this.expanded,this.visibleCount=this.expanded?this.images.length:this.initialCount,this.expanded||requestAnimationFrame(()=>{var t;let e=null==(t=this.el.shadowRoot)?void 0:t.querySelector(".akzo-image-gallery");null==e||e.scrollIntoView({behavior:"smooth",block:"start"}),null==e||e.focus()})},this.handleImgError=t=>{t.target.src="https://brand.akzonobel.com/m/112f766087d9b1f7/webimage-Powder-on-wood-line-11.jpg"},this.handleKeyNavigation=(t,e)=>{var o,i;let n=Array.from((null==(o=this.el.shadowRoot)?void 0:o.querySelectorAll(".gallery-item"))||[]);if(!n.length)return;let a=n.length,r=e,d={ArrowRight:1,ArrowLeft:-1,ArrowDown:4,ArrowUp:-4};t.key in d&&(r=(e+d[t.key]+a)%a,t.preventDefault(),null==(i=n[r])||i.focus())}}},[257,"akzo-image-gallery",{heading:[1],headingWeight:[1,"heading-weight"],headingLevel:[1,"heading-level"],description:[1],overline:[1],images:[16],initialCount:[2,"initial-count"],showMoreLabel:[1,"show-more-label"],showLessLabel:[1,"show-less-label"],type:[1],spacingTop:[1,"spacing-top"],spacingBottom:[1,"spacing-bottom"],visibleCount:[32],expanded:[32]}]),s=l,m=function(){"undefined"!=typeof customElements&&["akzo-image-gallery","akzo-heading","akzo-icon","akzo-loader","akzo-loadmore-button"].forEach(t=>{switch(t){case"akzo-image-gallery":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),l);break;case"akzo-heading":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-loadmore-button":customElements.get((0,i.t)(t))||(0,d.d)()}})}},66924:(t,e,o)=>{o.d(e,{T:()=>d,d:()=>l});var i=o(41421),n=o(13912),a=o(27857),r=o(65250);let d=(0,i.p)(class extends i.H{handleClose(t){t.target.parentElement.classList.add("fadeOut"),setTimeout(()=>{this.close.emit()},300)}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleClose(t))}render(){return(0,i.h)("div",{key:"1305643d6c9b6884bdbc44e95fa00ec8a1122698",class:"tag",part:"custom-tag"},this.icon&&(0,i.h)("akzo-icon",{key:"04a00479366699e2e699c90249be90d12b58a130",color:"var(--color-icon-default)",name:this.icon,size:"s"}),(0,i.h)("span",{key:"efaea8726c6046167dd24e0b97eecbd8ee8d700f",class:"tag__label body-s-bold"},this.label),this.closable&&[this.showDivider&&(0,i.h)("akzo-div
1ider",{key:"dcf3f7c0cf16eb5fb08c892427ad703fb4dd9b36",orientation:"vertical",length:"16px"}),(0,i.h)("span",{key:"af312a4eb8bc84ac9b4aa1cc45d6d509398108c6",class:"tag__close",onClick:t=>this.handleClose(t),onKeyDown:t=>this.handleKeyDown(t)},(0,i.h)("akzo-icon",{key:"a2579c4a6fd215f64dc601c65b1467d7bebafb55",color:"var(--color-icon-default)",name:"x",size:"s"}))])}get el(){return this}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.tag{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;column-gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--spacing-xxs);background:var(--color-surface-neutral-option1);transition:opacity var(--motion-duration-medium-01) var(--motion-easing-standard)}.tag__label{margin-bottom:0;line-height:var(--spacing-md);color:var(--color-text-functional)}.tag__close{display:flex;cursor:pointer}.tag.fadeOut{opacity:0}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.close=(0,i.c)(this,"close"),this.showDivider=!0}},[1,"tag-item",{label:[1],icon:[1],closable:[4],showDivider:[4,"show-divider"]}]);function l(){"undefined"!=typeof customElements&&["tag-item","akzo-divider","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"tag-item":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),d);break;case"akzo-divider":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,r.d)()}})}},67509:(t,e,o)=>{o.d(e,{X:()=>d,p:()=>r});var i=o(41421),n=o(37294);let a=(0,i.p)(class extends i.H{render(){return(0,i.h)("div",{key:"e1ee79fd9fe6e2e7b478bb50ed63fdcb15a11a0e",class:{"akzo-social-swatch-container":!0,inverse:this.inverse}},(0,i.h)("akzo-single-color-swatch",{key:"955adafe0fd58ecb44c088f87b9cf9db72249ef4",color:this.color,inverse:this.inverse}),this.colorName&&this.username&&(0,i.h)("div",{key:"dad41f3f0123f27cb1d43f5f1f862755ab878b39",class:"akzo-social-text"},(0,i.h)("div",{key:"9646f4bf9dcd2748962ddac0dd0016b3374ff456",class:"color-name body-bold"},this.colorName),(0,i.h)("div",{key:"15f4d1dc40cb6fe482a354f15b30288c65d051f4",class:"username body-s"},this.username)))}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.akzo-social-swatch-container{height:2.75rem;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:var(--spacing-sm)}.akzo-social-swatch-container .akzo-social-text{display:flex;flex-direction:column}.akzo-social-swatch-container .akzo-social-text .color-name{color:var(--color-text-title);margin:var(--spacing-none)}.akzo-social-swatch-container .akzo-social-text .username{color:var(--color-text-body);margin:var(--spacing-none)}.akzo-social-swatch-container.inverse .color-name{color:var(--color-text-title-inverse)}.akzo-social-swatch-container.inverse .username{color:var(--color-text-body-inverse)}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}},[1,"akzo-social-swatch",{color:[1],colorName:[1,"color-name"],username:[1],inverse:[4]}]),r=a,d=function(){"undefined"!=typeof customElements&&["akzo-social-swatch","akzo-single-color-swatch"].forEach(t=>{switch(t){case"akzo-social-swatch":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),a);break;case"akzo-single-color-swatch":customElements.get((0,i.t)(t))||(0,n.d)()}})}},67774:(t,e,o)=>{o.r(e),o.d(e,{AkzoInformationBanner:()=>n,defineCustomElement:()=>a});var i=o(6735);let n=i.A,a=i.d},68098:(t,e,o)=>{o.d(e,{A:()=>h,d:()=>g});var i=o(41421),n=o(23952),a=o(47408),r=o(70699),d=o(27857),l=o(30730),s=o(92887),m=o(65250),p=o(28978);let h=(0,i.p)(class extends i.H{handleIsOpenChange(t,e){t&&!e&&(this.resetState(),(0,n.p)({event:"fpp-event",event_name:"paint_calculator_start",eventLabel:"start",timestamp:(new Date).toISOString(),component_name:"paint_calculator"}))}resetState(){this.showResult=!1,this.knowArea=!1,this.unit="m",this.width="",this.height="",this.area="",this.totalAreaValue=0,this.litresRequired=0,this.showHowToMeasureModal=!1,this.hasWidthError=!1,this.hasHeightError=!1,this.hasAreaError=!1}renderKnowAreaSection(){let t=this.content||{};return(0,i.h)("div",{class:"modal-section button-section"},(0,i.h)("div",{class:"modal-label"},t.knowAreaLabel||""),(0,i.h)("div",{class:"modal-row modal-row--wide"},(0,i.h)("akzo-button",{label:t.noLabel,variant:!1===this.knowArea?"primary":"secondary",size:"m",fullWidth:!0,onClick:()=>this.knowArea=!1}),(0,i.h)("akzo-button",{label:t.yesLabel,variant:!0===this.knowArea?"primary":"secondary",size:"m",fullWidth:!0,onClick:()=>this.knowArea=!0})))}renderDimensionInputSection(){let t=this.content||{};return(0,i.h)("div",{class:"modal-section"},(0,i.h)("div",{class:"modal-label"},t.measurementsLabel||""),(0,i.h)("div",{class:"modal-row modal-row--wide"},(0,i.h)("akzo-button",{label:t.metersLabel,variant:"m"===this.unit?"primary":"secondary",size:"m",fullWidth:!0,onClick:()=>this.unit="m"}),(0,i.h)("akzo-button",{label:t.centimetersLabel,variant:"cm"===this.unit?"primary":"secondary",size:"m",fullWidth:!0,onClick:()=>this.unit="cm"})),(0,i.h)("div",{class:"input-section section-div"},(0,i.h)("div",{class:"input-row"},(0,i.h)("div",{class:"input-group"},(0,i.h)("div",{class:"input-label"},t.widthLabel||""),(0,i.h)("akzo-input-textfield",{type:"number",placeholder:t.inputPlaceholder||"",value:this.width,minValue:1,onInput:t=>{this.width=t.target.value,this.hasWidthError=!this.width||0>=Number(this.width)},errorMessage:this.hasWidthError?"Width cannot be empty, zero, or negative":""}),!this.hasWidthError&&(0,i.h)("div",{class:"input-unit"},this.unit)),(0,i.h)("div",{class:"input-group"},(0,i.h)("div",{class:"input-label"},t.heightLabel||""),(0,i.h)("akzo-input-textfield",{type:"number",placeholder:t.inputPlaceholder||"",value:this.height,minValue:1,onInput:t=>{this.height=t.target.value,this.hasHeightError=!this.height||0>=Number(this.height)},errorMessage:this.hasHeightError?"Height cannot be empty, zero, or negative":""}),!this.hasHeightError&&(0,i.h)("div",{class:"input-unit"},this.unit)))),(0,i.h)("div",{class:"modal-help",onClick:()=>this.handleLinkClick,onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleLinkClick())},tabIndex:0},t.helpLinkLabel&&(0,i.h)("akzo-link",{href:"#",label:t.helpLinkLabel,onClick:t=>{t.preventDefault(),this.showHowToMeasureModal=!0,this.handleLinkClick()}})))}renderAreaInputSection(){let t=this.content||{};return(0,i.h)("div",{class:"modal-section button-section"},(0,i.h)("div",{class:"input-section"},(0,i.h)("div",{class:"input-group"},(0,i.h)("div",{class:"input-label"},t.areaLabel||""),(0,i.h)("akzo-input-textfield",{type:"number",placeholder:t.inputPlaceholder||"",value:this.area,minValue:1,onInput:t=>{this.area=t.target.value,this.hasAreaError=!this.area||0>=Number(this.area)},errorMessage:this.hasAreaError?"Area cannot be empty, zero, or negative":""}),!this.hasAreaError&&(0,i.h)("div",{class:"input-unit"},t.unitArea||""))))}isCalculateDisabled(){return!0===this.knowArea?!this.area||0>=Number(this.area):!this.width||0>=Number(this.width)||!this.height||0>=Number(this.height)}renderCalculatorForm(){let t=this.content||{};return(0,i.h)(i.F,null,(0,i.h)("akzo-heading",{level:6,class:"modal-title",text:t.title||"",coreColor:"default",alignment:"left"}),(0,i.h)("div",{class:"modal-subtitle"},t.subtitle||""),this.renderKnowAreaSection(),!1===this.knowArea&&this.renderDimensionInputSection(),!0===this.knowArea&&this.renderAreaInputSection(),(0,i.h)("div",{class:"modal-actions"},t.calculateButtonLabel&&(0,i.h)("akzo-button",{label:t.calculateButtonLabel,variant:"primary",size:"m",fullWidth:!0,onClick:this.handleCalculate,disabled:this.isCalculateDisabled()})))}renderResultsSection(){let t=this.content||{},e=Number.isFinite(this.coats)?this.coats:2;return(0,i.h)(i.F,null,(0,i.h)("akzo-heading",{level:6,class:"modal-title",text:t.title||"",coreColor:"default",alignment:"left"}),(0,i.h)("div",{class:"modal-subtitle"},t.resultsSubtitle||""),(0,i.h)("div",{class:"result-summary"},(0,i.h)("div",{class:"result-details"},(0,i.h)("div",{class:"result-measurement"},(0,i.h)("div",{class:"result-label"},t.measurementResultLabel||""),(0,i.h)("div",{class:"result-value"},t.totalAreaText?t.totalAreaText.replace(/\{area\}/g,this.totalAreaValue.toFixed(2)).replace(/\{unit\}/g,"m\xb2"):"Total area: ".concat(this.totalAreaValue.toFixed(2)," m\xb2"))),(0,i.h)("div",{class:"result-measurement"},(0,i.h)("div",{class:"result-label"},t.measurementResultLabel||""),(0,i.h)("div",{class:"result-value"}
1,t.basedOnCoatsText?t.basedOnCoatsText.replace(/\{coats\}/g,String(e)).replace(/\{litres\}/g,String(Math.floor(100*this.litresRequired)/100)):"Based on ".concat(e," coats: ").concat(Math.floor(100*this.litresRequired)/100," Litres")))),(0,i.h)("div",{class:"result-image"},t.resultImageSrc&&(0,i.h)("img",{src:t.resultImageSrc,alt:t.resultImageAlt||""}))),(0,i.h)("hr",{class:"result-divider"}),t.estimateNote&&(0,i.h)("div",{class:"result-note"},t.estimateNote),(0,i.h)("div",{class:"modal-actions result-actions"},t.doneButtonLabel&&(0,i.h)("akzo-button",{label:t.doneButtonLabel,variant:"primary",size:"m",fullWidth:!0,onClick:()=>this.handleClose()}),t.recalculateButtonLabel&&(0,i.h)("akzo-button",{label:t.recalculateButtonLabel,variant:"secondary",size:"m",fullWidth:!0,disabled:this.isCalculateDisabled(),onClick:()=>{this.width="",this.height="",this.area="",this.showResult=!1,this.hasWidthError||this.hasAreaError||this.hasHeightError||(0,n.p)({event:"fpp-event",event_name:"paint_calculator_open",eventLabel:"recalculate",timestamp:(new Date).toISOString(),component_name:"paint_calculator"})}})))}renderHowToMeasureModal(){let t=this.content||{};return(0,i.h)("akzo-modal",{isOpen:this.showHowToMeasureModal,onClose:()=>this.showHowToMeasureModal=!1,size:"auto",showCloseButton:!0,innerPadding:"xl"},(0,i.h)("div",{class:"measure-modal-content"},(0,i.h)("div",{class:"measure-header"},(0,i.h)("akzo-heading",{level:5,text:t.howToMeasureTitle||"How much paint do I need?",coreColor:"default",alignment:"center"}),(0,i.h)("div",{class:"measure-subtitle"},t.howToMeasureSubtitle||"Measure the height and length of the surface you want to paint (in metres or centimetres).")),(0,i.h)("div",{class:"measure-content"},(0,i.h)("div",{class:"measure-boxes"},(0,i.h)("div",{class:"measure-box length-box"},(0,i.h)("div",{class:"box-inner"},(0,i.h)("span",{class:"box-label"},t.howToMeasureLengthLabel||"Length")),(0,i.h)("div",{class:"measure-arrow arrow-horizontal"},(0,i.h)("div",{class:"arrow-line"}),(0,i.h)("div",{class:"arrow-head-left"}),(0,i.h)("div",{class:"arrow-head-right"}))),(0,i.h)("div",{class:"measure-box height-box"},(0,i.h)("div",{class:"box-inner"},(0,i.h)("span",{class:"box-label"},t.howToMeasureHeightLabel||"Height")),(0,i.h)("div",{class:"measure-arrow arrow-vertical"},(0,i.h)("div",{class:"arrow-line"}),(0,i.h)("div",{class:"arrow-head-top"}),(0,i.h)("div",{class:"arrow-head-bottom"})))),(0,i.h)("div",{class:"measure-actions"},(0,i.h)("akzo-button",{label:t.howToMeasureButtonLabel||"Ok, Lets Start",variant:"primary",size:"m",fullWidth:!1,onClick:()=>this.showHowToMeasureModal=!1})))))}render(){return this.isOpen?(0,i.h)("div",{class:"akzo-modal-overlay"},(0,i.h)("div",{class:"akzo-modal",role:"dialog","aria-modal":"true"},this.showResult?this.renderResultsSection():this.renderCalculatorForm()),this.renderHowToMeasureModal()):null}static get watchers(){return{isOpen:[{handleIsOpenChange:0}]}}static get style(){return'@charset "UTF-8";html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{max-width:90vw;background:var(--color-surface-neutral-option1, #ffffff);border-radius:var(--radius-l, 8px);opacity:1;padding:var(--spacing-xl, 32px);display:flex;flex-direction:column;gap:var(--spacing-md, 16px);box-sizing:border-box;position:relative;justify-content:flex-start;align-items:stretch;overflow:visible}.modal-close{position:absolute;top:var(--spacing-md, 16px);right:var(--spacing-md, 16px);background:none;border:none;font-size:var(--spacing-lg, 24px);line-height:1;padding:var(--spacing-xs, 8px);cursor:pointer;color:var(--color-text-placeholder, #757575);border-radius:var(--radius-s, 4px);transition:all 0.2s ease;z-index:10}.modal-close:hover{background-color:var(--color-surface-neutral-option2, #f5f5f5);color:var(--color-text-body, #616161)}.modal-close:focus{outline:var(--spacing-xxs, 2px) solid var(--color-stroke-accent-brand-primary, #1347d4);outline-offset:var(--spacing-xxs, 2px)}@media (max-width: 480px){:host{max-width:100%;width:100%;padding:var(--spacing-lg, 24px) var(--spacing-md, 16px);gap:var(--spacing-md, 16px);margin:0;border-radius:0}.modal-title{font-size:1.25rem !important;line-height:1.5rem !important;margin-bottom:var(--spacing-xs, 8px) !important}.modal-subtitle{font-size:0.875rem !important;margin-bottom:var(--spacing-md, 16px) !important;margin-top:0 !important}.modal-label{font-size:0.875rem !important;margin-bottom:var(--spacing-xs, 8px) !important}.modal-row,.modal-row.modal-row--wide,.input-row{display:flex;flex-direction:column;gap:var(--spacing-sm, 12px);height:auto !important;margin-bottom:0 !important}.modal-row>*{flex:1 1 auto;width:100% !important;height:auto !important}.modal-row akzo-button{width:100% !important;height:48px !important;min-height:48px !important;max-height:48px !important}.input-group{margin-bottom:var(--spacing-sm, 12px)}.input-label{font-size:0.875rem !important;margin-bottom:var(--spacing-xs, 8px) !important}.modal-actions:not(.result-actions){position:static;margin:var(--spacing-lg, 24px) 0 0;display:flex;justify-content:center;background:transparent;padding:0}.modal-actions:not(.result-actions) akzo-button{width:100% !important;max-width:none !important;min-width:0 !important;height:48px !important;min-height:48px !important;max-height:48px !important}.modal-actions.result-actions akzo-button{width:100% !important;max-width:none !important;min-width:0 !important;height:48px !important;min-height:48px !important;max-height:48px !important}.result-summary{flex-direction:column !important;gap:var(--spacing-md, 16px) !important;margin-bottom:var(--spacing-md, 16px) !important;margin-top:var(--spacing-md, 16px) !important}.result-details{gap:var(--spacing-md, 16px) !important;order:1;width:100%}.result-measurement{gap:var(--spacing-xxs, 4px) !important}.result-label{font-size:0.75rem !important;font-weight:600 !important;color:var(--color-text-title) !important;line-height:1.2 !important}.result-value{font-size:0.875rem !important;font-weight:600 !important;line-height:1.3 !important;color:var(--color-text-title, #0a0a0a) !important}.result-image{max-width:none !important;aspect-ratio:auto !important;margin:0 !important;order:2;background:#f5f5f5 !important;border-radius:var(--radius-l, 8px) !important}.result-image img{max-width:80px !important;max-height:80px !important}.result-divider{margin:var(--spacing-md, 16px) 0 !important}.result-note{font-size:0.75rem !important;line-height:1.3 !important;margin-bottom:var(--spacing-md, 16px) !important;color:var(--color-text-placeholder, #757575) !important}.modal-actions.result-actions{gap:var(--spacing-sm, 12px) !important;margin-top:0 !important;flex-direction:column !important}.modal-section{margin-bottom:var(--spacing-md, 16px);gap:var(--spacing-sm, 12px)}.help-link{font-size:0.875rem !important}}@media (min-width: 481px){:host{max-width:600px;width:100%;margin:0 auto;padding:var(--spacing-xl, 32px);gap:var(--spacing-lg, 24px)}.input-row{flex-direction:row;gap:var(--spacing-md, 16px)}.modal-actions:not(.result-actions) akzo-button{width:320px !important;max-width:320px !important;min-width:320px !important}.modal-actions.result-actions akzo-button{width:320px !important;max-width:320px !important;min-width:320px !important}}.akzo-modal-close{position:absolute;top:var(--spacing-lg, 24px);right:var(--spacing-lg, 24px);background:none;border:none;font-size:var(--spacing-lg, 1.5rem);cursor:pointer;color:var(--color-text-title, #0a0a0a);width:var(--spacing-xl, 32px);height:var(--spacing-xl, 32px);display:flex;align-items:center;justify-content:center}.modal-title{font-weight:700;font-size:2rem;line-height:2.5rem;letter-spacing:0;color:var(--color-text-title, #0a0a0a)}.modal-subtitle{color:var(--color-text-placeholder, #757575);font-size:1rem;margin-bottom:var(--spacing-xl, 32px);margin-top:var(--spacing-xs, 8px);font-weight:400}.modal-label{font-weight:600;font-size:14px;color:var(--color-text-title, #0a0a0a);margin-bottom:var(--spacing-s, 12px)}.button-section{gap:0px !important}
1.modal-section{display:flex;flex-direction:column;margin-bottom:var(--spacing-l, 24px)}.modal-section:first-of-type{margin-bottom:var(--spacing-lg, 24px)}.modal-section:last-of-type{margin-bottom:0}.modal-row{display:flex;gap:var(--spacing-s, 12px);align-items:stretch;margin-bottom:0;height:var(--spacing-2xl, 48px);width:100%}.modal-row--wide{height:var(--spacing-2xl, 48px);width:100%}.modal-row>*{flex:1 1 0;min-width:0;width:100%;box-sizing:border-box;height:var(--spacing-2xl, 48px);container-type:inline-size}.modal-row akzo-button{width:100% !important;height:var(--spacing-2xl, 48px) !important;display:block !important;flex:1 !important;max-width:none !important;min-width:0 !important}.input-section{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);margin-top:var(--spacing-md, 16px)}.section-div{margin-top:var(--spacing-l, 24px)}.input-row{display:flex;gap:var(--spacing-s, 12px);align-items:flex-start}.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs, 8px);position:relative;flex:1}.input-label{font-weight:700;font-size:14px;color:var(--color-text-title, #0a0a0a)}.input-unit{position:absolute;right:var(--spacing-xl, 30px);bottom:var(--spacing-sm, 12px);color:var(--color-text-placeholder, #757575);font-size:var(--spacing-md, 1rem);pointer-events:none}.input-group akzo-input-textfield::part(input){padding-right:var(--spacing-3xl, 56px);text-overflow:ellipsis}.modal-row:last-child{margin-bottom:0}.modal-help{margin-top:12px}.modal-help akzo-link::part(href){text-decoration:none;cursor:pointer;display:inline-flex;align-items:center}.modal-help akzo-link::part(link-label){text-decoration:inherit;font-size:14px;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:9%;text-underline-offset:25%}.modal-help akzo-link:hover::part(link-label){text-decoration:none}akzo-input-textfield::part(input-div){gap:0px}.modal-actions{display:flex;justify-content:center;margin-top:var(--spacing-xs, 8px);width:100%}.modal-actions:not(.result-actions){justify-content:center}.modal-actions:not(.result-actions) akzo-button{width:320px !important;max-width:320px !important;min-width:320px !important;padding:var(--spacing-sm, 12px) var(--spacing-md, 16px);height:var(--spacing-2xl, 48px)}:host akzo-button{font-weight:700;font-size:1.125rem;padding:0 0;height:var(--spacing-2xl, 48px);border-radius:var(--radius-l, 8px);transition:background 0.2s, color 0.2s, border 0.2s;box-sizing:border-box;width:100% !important;display:block !important}akzo-button:defined{width:100% !important;max-width:none !important}.akzo-modal akzo-button::part(primary),.akzo-modal akzo-button::part(secondary),.akzo-modal akzo-button::part(tertiary){width:100% !important;max-width:none !important;min-width:0 !important;box-sizing:border-box !important}akzo-button::part(button-text){line-height:20px;font-size:16px}.akzo-modal .input-group .akzo-input-textfield{height:var(--spacing-2xl, 48px);font-size:var(--spacing-md, 1rem);font-weight:500;border-radius:var(--radius-l, 8px);background:var(--color-surface-neutral-option1, #ffffff);border:var(--spacing-xxs, 1px) solid var(--color-stroke-default, #d8d8d8);color:var(--color-text-title, #0a0a0a);padding:0 40px 0 var(--spacing-md, 16px);margin-bottom:0;box-sizing:border-box;display:flex;align-items:center}.akzo-modal .akzo-button[variant=primary]{background:var(--color-interactive-primary-default, #021b5f);color:var(--color-text-on-primary, #ffffff);border:none}.akzo-modal .akzo-button[variant=secondary]{background:var(--color-surface-neutral-option1, #ffffff);color:var(--color-interactive-secondary-default, #121212);border:var(--spacing-xxs, 2px) solid var(--color-interactive-secondary-default, #121212)}.akzo-modal .akzo-button[variant=primary]:hover,.akzo-modal .akzo-button[variant=secondary]:hover{filter:brightness(0.95)}.akzo-modal .input-group .akzo-input-textfield input{background:var(--color-surface-neutral-option1, #ffffff);border:1px solid var(--color-stroke-default, #d8d8d8);font-size:1rem;font-weight:400;color:var(--color-text-title, #0a0a0a);padding:var(--spacing-sm, 12px) 0 var(--spacing-sm, 12px) var(--spacing-sm, 12px);width:100%;height:100%;box-sizing:border-box;border-radius:var(--radius-l, 8px)}.akzo-modal .input-group .akzo-input-textfield input::placeholder{color:var(--color-text-placeholder, #757575);font-weight:400}.result-summary{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;margin-top:0;margin-bottom:var(--spacing-xl, 32px);gap:var(--spacing-xl, 32px)}.result-details{display:flex;flex-direction:column;gap:var(--spacing-xl, 32px);flex:1}.result-measurement{display:flex;flex-direction:column;gap:var(--spacing-xs, 8px)}.result-label{font-size:14px;font-weight:600 !important;color:var(--color-text-title) !important;margin-bottom:0}.result-value{font-size:20px;font-weight:700;color:var(--color-text-title, #0a0a0a);margin-bottom:0;line-height:1.2}.result-image{width:160px;height:160px;background:var(--color-surface-neutral-option2, #f5f5f5);border-radius:var(--radius-xl, 16px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.result-image img{max-width:var(--spacing-6xl, 120px);max-height:var(--spacing-6xl, 120px);object-fit:contain}.result-divider{border:none;border-top:1px solid var(--color-stroke-subdued, #ebebeb);margin:0 0 var(--spacing-xl, 32px) 0;width:100%}.result-note{font-size:var(--spacing-md, 16px);color:var(--color-text-placeholder, #757575);line-height:1.5;margin-bottom:var(--spacing-xl, 32px)}.modal-actions.result-actions{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);align-items:center;justify-content:center;margin-top:0;width:100%}.modal-actions.result-actions akzo-button{width:320px !important;max-width:320px !important;min-width:320px !important;padding:var(--spacing-md, 16px);height:var(--spacing-3xl, 56px);box-sizing:border-box;display:block;font-size:var(--spacing-md, 16px);font-weight:600}.measure-modal-content{padding:8px}.measure-header{text-align:center;margin-bottom:40px}.measure-subtitle{color:var(--color-text-secondary, #6b7280);font-size:16px;line-height:1.5;margin-top:12px;max-width:520px;margin-left:auto;margin-right:auto}.measure-content{display:flex;flex-direction:column;gap:40px}.measure-boxes{display:flex;gap:24px;justify-content:center;align-items:flex-start;flex-wrap:wrap}.measure-box{position:relative;flex:1;min-width:240px;max-width:320px}.box-inner{background:#f8f7ff;border:2px solid #1a1a1a;border-radius:8px;padding:80px 40px;display:flex;align-items:center;justify-content:center;position:relative}.length-box .box-inner{background:#f8f7ff}.height-box .box-inner{background:#f0fdf4}.box-label{font-size:20px;font-weight:600;color:#111827;line-height:1.4}.measure-arrow{position:absolute;z-index:10}.arrow-horizontal{bottom:-32px;left:50%;transform:translateX(-50%);width:80%;height:20px;
1display:flex;align-items:center;justify-content:center}.arrow-horizontal .arrow-line{width:100%;height:3px;background:#1a1a1a;position:absolute}.arrow-head-left,.arrow-head-right{position:absolute;width:0;height:0;border-style:solid}.arrow-head-left{left:-8px;border-width:6px 8px 6px 0;border-color:transparent #1a1a1a transparent transparent}.arrow-head-right{right:-8px;border-width:6px 0 6px 8px;border-color:transparent transparent transparent #1a1a1a}.arrow-vertical{right:-32px;top:50%;transform:translateY(-50%);height:80%;width:20px;display:flex;align-items:center;justify-content:center}.arrow-vertical .arrow-line{height:100%;width:3px;background:#1a1a1a;position:absolute}.arrow-head-top,.arrow-head-bottom{position:absolute;width:0;height:0;border-style:solid}.arrow-head-top{top:-8px;left:50%;transform:translateX(-50%);border-width:0 6px 8px 6px;border-color:transparent transparent #1a1a1a transparent}.arrow-head-bottom{bottom:-8px;left:50%;transform:translateX(-50%);border-width:8px 6px 0 6px;border-color:#1a1a1a transparent transparent transparent}.measure-actions{display:flex;justify-content:center;align-items:center;padding-top:8px;width:100%;text-align:center}.measure-actions akzo-button{min-width:180px;max-width:180px;flex-shrink:0;width:auto !important}@media (max-width: 768px){.measure-boxes{flex-direction:column;align-items:center}.measure-box{width:100%;max-width:100%}}@media (max-width: 480px){.measure-modal-content{padding:var(--spacing-md, 16px);max-height:calc(100vh - 120px);overflow-y:auto}.measure-header{margin-bottom:var(--spacing-lg, 24px)}.measure-subtitle{font-size:14px;padding:0 var(--spacing-xs, 8px)}.measure-content{gap:var(--spacing-lg, 24px)}.measure-boxes{flex-direction:column;gap:var(--spacing-xl, 32px);width:100%;padding:0 var(--spacing-xs, 8px)}.measure-box{width:100%;max-width:none;min-width:auto}.box-inner{padding:48px 24px;min-height:140px}.box-label{font-size:16px}.arrow-horizontal{bottom:-24px}.arrow-vertical{right:-24px}.measure-actions{padding:0 var(--spacing-xs, 8px)}.measure-actions akzo-button{width:100% !important;max-width:none !important}}@media (max-width: 600px){.arrow-horizontal{bottom:-24px}}akzo-modal::part(close-button){top:36px;right:6px;font-size:1.25rem;height:44px;width:48px;display:flex;align-items:center;justify-content:center}@media (max-width: 600px){.input-group{width:100%;margin-bottom:0;gap:unset}.modal-actions:not(.result-actions) akzo-button{width:100% !important;max-width:unset !important;padding:0 !important}.modal-actions.result-actions akzo-button{width:100% !important;max-width:unset !important;padding:0 !important}}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.close=(0,i.c)(this,"close"),this.isOpen=!1,this.showModal=!0,this.knowArea=!1,this.unit="m",this.width="",this.height="",this.area="",this.showResult=!1,this.totalAreaValue=0,this.litresRequired=0,this.showHowToMeasureModal=!1,this.hasWidthError=!1,this.hasHeightError=!1,this.hasAreaError=!1,this.handleClose=()=>{(0,n.p)({event:"fpp-event",event_name:"paint_calculator_abandon",eventLabel:"failure",timestamp:(new Date).toISOString(),component_name:"paint_calculator"}),this.showModal=!1,this.resetState(),this.close.emit()},this.handleCalculate=()=>{if(this.hasWidthError||this.hasAreaError||this.hasHeightError)return;let t=0;if(!0===this.knowArea)t=parseFloat(this.area)||0;else{let e=parseFloat(this.width)||0,o=parseFloat(this.height)||0;"cm"===this.unit&&(e/=100,o/=100),t=e*o}let e=Number.isFinite(this.coats)?this.coats:2,o=Number.isFinite(this.spreadingRate)?this.spreadingRate:13.5,i=0;o>0&&(i=Math.round(e/o*100)/100*t),this.totalAreaValue=t,this.litresRequired=i,this.showResult=!0,(0,n.p)(i>0?{event:"fpp-event",event_name:"paint_calculator_success",eventLabel:"success",timestamp:(new Date).toISOString(),component_name:"paint_calculator",totalArea:t,litresRequired:i}:{event:"fpp-event",event_name:"paint_calculator_failure",eventLabel:"failure",timestamp:(new Date).toISOString(),component_name:"paint_calculator"})},this.handleLinkClick=()=>{(0,n.p)({event:"fpp-event",event_name:"paint_calculator_open",eventLabel:"how to measure",timestamp:(new Date).toISOString(),component_name:"paint_calculator"})}}},[1,"akzo-paint-calculator",{content:[16],coats:[2],spreadingRate:[2,"spreading-rate"],isOpen:[4,"is-open"],showModal:[32],knowArea:[32],unit:[32],width:[32],height:[32],area:[32],showResult:[32],totalAreaValue:[32],litresRequired:[32],showHowToMeasureModal:[32],hasWidthError:[32],hasHeightError:[32],hasAreaError:[32]},void 0,{isOpen:[{handleIsOpenChange:0}]}]);function g(){"undefined"!=typeof customElements&&["akzo-paint-calculator","akzo-button","akzo-heading","akzo-icon","akzo-input-textfield","akzo-link","akzo-loader","akzo-modal"].forEach(t=>{switch(t){case"akzo-paint-calculator":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),h);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-heading":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,d.d)();break;case"akzo-input-textfield":customElements.get((0,i.t)(t))||(0,l.d)();break;case"akzo-link":customElements.get((0,i.t)(t))||(0,s.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,m.d)();break;case"akzo-modal":customElements.get((0,i.t)(t))||(0,p.d)()}})}},69318:(t,e,o)=>{o.r(e),o.d(e,{AkzoNotificationBar:()=>n,defineCustomElement:()=>a});var i=o(27214);let n=i.A,a=i.d},70075:(t,e,o)=>{o.r(e),o.d(e,{AkzoColorWall:()=>p,defineCustomElement:()=>h});var i=o(41421),n=o(23952),a=o(70486),r=o(70699),d=o(27857),l=o(65250),s=o(81529);let m=(0,i.p)(class extends i.H{handleWallClick(t){this.wallClick.emit(t)}
1handleKeyDown(t,e,o){if(!e.isDisabled)switch(t.key){case"Enter":case" ":t.preventDefault(),this.swatchClick.emit({hex:e.hex,name:e.name,family:o})}}render(){var t;return(0,i.h)(i.a,{key:"76e6c4f845f7f67ca4e1a2c4b46ab3375a3238fd"},(0,i.h)("div",{key:"e24896354f5afd3266cc916c46861bac9d8b54bc",class:"akzo-color-wall"},(0,i.h)("div",{key:"2c61a5578bf271662d3bc52b56524962f0eb9053",class:"akzo-color-wall__container"},(0,i.h)("div",{key:"1f8d4496e5180e40150090a595a71f600f56989f",class:"content-wrapper"},(this.heading||this.tabs.length>1)&&(0,i.h)("div",{key:"8cbcb51fe10957bad01543fac6f0e46d9c96742f"},(0,i.h)("div",{key:"667ebac3152a65979f37693f3780fefad2d79b59",class:"padding-top-5xl"}),(0,i.h)("div",{key:"a19330dc303777c52ef33e4768f14abbe0ca4ca7",class:"info"},this.heading&&(0,i.h)("akzo-heading",{key:"6f511e2ef8fc19bef5f313f34b35f4bbe2a21542",level:5,text:this.heading,subtext:this.headingDescription,coreColor:"default",class:"main-heading"}),this.tabs.length>1&&(0,i.h)("akzo-tabs",{key:"e42d95580884b7607cd9aa9053d50cbd66375e5c",type:"default",items:this.tabs,onTabChange:this.handleTabChange}
1))),(0,i.h)("div",{key:"ae9409eee3b66545c6fca8e33a0d9a19ff06e20c",class:"padding-top-xxl"}),(0,i.h)("div",{key:"98dfa96f0f510e0c78b1f8d578d60bee734430fe",class:"color-palette"},(0,i.h)("akzo-heading",{key:"ff891537d244b985525cbe8a695306cac38ae312",level:6,componentTag:"h2",text:this.subHeading,subtext:this.subHeadingDescription,coreColor:"default",class:"palette-heading"}),(0,i.h)("div",{key:"3f42047172679d4d197ed6ab8640afb028589671",class:"akzo-color-wall__grid"+(this.alignStart?" align-start":""),role:"grid"},null==(t=this.colorGroups)?void 0:t.map((t,e)=>{let{name:o,colors:n}=t;return(0,i.h)("div",{class:"akzo-color-wall__column",role:"row",tabIndex:0,key:"family-"+e,"data-color-family-name":o,onClick:()=>this.handleWallClick(o),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleWallClick(o))}},n.map((t,n)=>(0,i.h)("div",{key:"swatch-".concat(o||e,"-").concat(n),onKeyDown:e=>this.handleKeyDown(e,t,o),class:"color",role:"gridcell"},(0,i.h)("akzo-colour-swatch",{hex:t.hex,swatchImageUrl:t.swatchImageUrl,ariaLabel:t.name||t.hex,aspectRatio:"auto",hoverSquircle:!1,onFocus:()=>this.focusedIndex=n+1}))))})))))))}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:block;width:100%}.akzo-color-wall{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background:var(--color-surface-neutral-option1)}.akzo-color-wall__container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:32px;align-self:stretch}@media (max-width: 600px){.akzo-color-wall__container .padding-top-5xl{padding-top:var(--spacing-3xl)}.akzo-color-wall__container .padding-top-xxl{padding-top:var(--spacing-l)}}.akzo-color-wall .info{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-m, 16px);align-self:stretch}.akzo-color-wall .info .main-heading::part(custom-title){color:var(--color-text-functional)}.akzo-color-wall .color-palette{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--spacing-l);align-self:stretch;padding-bottom:80px}.akzo-color-wall .color-palette .palette-heading::part(custom-title){color:var(--color-text-title)}.akzo-color-wall__grid{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:var(--spacing-s);width:100%}.akzo-color-wall__grid.align-start{justify-content:flex-start;--awc-col-gap:var(--spacing-s)}.akzo-color-wall__grid.align-start .akzo-color-wall__column{width:calc((100% - 7 * var(--awc-col-gap)) / 8)}.akzo-color-wall__column{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:2px;flex-wrap:wrap;width:12.5%;transition:transform 0.2s ease, box-shadow 0.2s ease}.akzo-color-wall__column .color{width:calc(33.3333333333% - 2px);height:21px}.akzo-color-wall__column .color akzo-colour-swatch .akzo-colour-swatch{min-width:auto;min-height:auto}.akzo-color-wall__column .color akzo-colour-swatch .akzo-colour-swatch:focus-visible{transform:scale(1.1)}.akzo-color-wall__column:hover{transform:scale(1.04)}@media (min-width: 600px){.akzo-color-wall__grid{gap:var(--spacing-m)}.akzo-color-wall__grid.align-start{--awc-col-gap:var(--spacing-m)}.akzo-color-wall__column .color{height:26px}}@media (min-width: 904px){.akzo-color-wall__grid{gap:var(--spacing-m)}}@media (min-width: 1120px){.akzo-color-wall__grid{gap:var(--spacing-xxl)}.akzo-color-wall__grid.align-start{--awc-col-gap:var(--spacing-xxl)}}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.swatchClick=(0,i.c)(this,"swatchClick"),this.wallClick=(0,i.c)(this,"wallClick"),this.tabClick=(0,i.c)(this,"tabClick"),this.colorGroups=[],this.alignStart=!1,this.tabs=[],this.focusedIndex=0,this.handleTabChange=t=>{var e,o,i;this.tabClick.emit({tabLabel:null==(e=t.detail)?void 0:e.tabLabel,index:null==(o=t.detail)?void 0:o.index,id:null==(i=t.detail)?void 0:i.id}),(0,n.p)({event:"fpp-event",event_name:"colour_listing_view",eventLabel:"view - "+t.detail.tabLabel,component_name:"colour_wall",timestamp:(new Date).toISOString()})}}},[1,"akzo-color-wall",{colorGroups:[16],heading:[1],headingDescription:[1,"heading-description"],subHeading:[1,"sub-heading"],subHeadingDescription:[1,"sub-heading-description"],alignStart:[4,"align-start"],tabs:[16],focusedIndex:[32]}]),p=m,h=function(){"undefined"!=typeof customElements&&["akzo-color-wall","akzo-colour-swatch","akzo-heading","akzo-icon","akzo-loader","akzo-tabs"].forEach(t=>{switch(t){case"akzo-color-wall":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),m);break;case"akzo-colour-swatch":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-heading":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,d.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,l.d)();break;case"akzo-tabs":customElements.get((0,i.t)(t))||(0,s.d)()}})}},70143:(t,e,o)=>{o.d(e,{X:()=>l,r:()=>d});var i=o(41421),n=o(27857),a=o(65250);let r=(0,i.p)(class extends i.H{onDarkChange(t){this.isDarkTheme=t}componentWillLoad(){var t;this.isDarkTheme=null!=(t=this.dark)&&t}render(){return(0,i.h)("div",{key:"52340aafb5e9bb0da7a4decbb260e285a598367f",class:this.isDarkTheme?"akzo-icon black-bg selected":"akzo-icon yellow-bg",onClick:this.toggleTheme,onKeyDown:this.handleKeyDown,tabIndex:0},(0,i.h)("akzo-icon",{key:"38aa07bafd19a0a42f708a8ea5aa0f3c31f0d1fd",
1name:"sun"}))}static get watchers(){return{dark:[{onDarkChange:0}]}}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.akzo-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;cursor:pointer}.akzo-icon.black-bg{background-color:var(--color-icon-default);color:var(--color-icon-on-primary)}.akzo-icon.black-bg akzo-icon::part(icon){color:var(--color-icon-on-primary)}.akzo-icon.yellow-bg{background-color:var(--color-stroke-default);color:var(--color-icon-on-primary)}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.toggleTheme=()=>{this.isDarkTheme=!this.isDarkTheme},this.handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.toggleTheme())}}},[1,"akzo-light-icon",{dark:[4],isDarkTheme:[32]},void 0,{dark:[{onDarkChange:0}]}]),d=r,l=function(){"undefined"!=typeof customElements&&["akzo-light-icon","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-light-icon":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),r);break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,a.d)()}})}},71197:(t,e,o)=>{o.r(e),o.d(e,{AkzoArticle:()=>a,defineCustomElement:()=>r});var i=o(41421);let n=(0,i.p)(class extends i.H{renderContentfulRichText(t){if(!t||!t.nodeType)return"";switch(t.nodeType){case"document":default:return(t.content||[]).map(t=>this.renderContentfulRichText(t)).join("");case"paragraph":return"<p>".concat((t.content||[]).map(t=>this.renderContentfulRichText(t)).join(""),"</p>");case"heading-1":return"<h1>".concat((t.content||[]).map(t=>this.renderContentfulRichText(t)).join(""),"</h1>");case"heading-2":return"<h2>".concat((t.content||[]).map(t=>this.renderContentfulRichText(t)).join(""),"</h2>");case"heading-3":return"<h3>".concat((t.content||[]).map(t=>this.renderContentfulRichText(t)).join(""),"</h3>");case"heading-4":return"<h4>".concat((t.content||[]).map(t=>this.renderContentfulRichText(t)).join(""),"</h4>");case"heading-5":return"<h5>".concat((t.content||[]).map(t=>this.renderContentfulRichText(t)).join(""),"</h5>");case"heading-6":return"<h6>".concat((t.content||[]).map(t=>this.renderContentfulRichText(t)).join(""),"</h6>");case"unordered-list":return"<ul>".concat((t.content||[]).map(t=>this.renderContentfulRichText(t)).join(""),"</ul>");case"ordered-list":return"<ol>".concat((t.content||[]).map(t=>this.renderContentfulRichText(t)).join(""),"</ol>");case"list-item":return"<li>".concat((t.content||[]).map(t=>this.renderContentfulRichText(t)).join(""),"</li>");case"hyperlink":return'<a href="'.concat(t.data.uri,'" target="_blank" rel="noopener">').concat((t.content||[]).map(t=>this.renderContentfulRichText(t)).join(""),"</a>");case"embedded-asset-block":return t.data&&t.data.target&&t.data.target.fields&&t.data.target.fields.file?'<img src="'.concat(t.data.target.fields.file.url||"",'" alt="').concat(t.data.target.fields.title||"",'" />'):"";case"blockquote":return"<blockquote>".concat((t.content||[]).map(t=>this.renderContentfulRichText(t)).join(""),"</blockquote>");case"hr":return"<hr />";case"text":let e=t.value||"";return t.marks&&t.marks.length&&t.marks.forEach(t=>{"bold"===t.type&&(e="<strong>".concat(e,"</strong>")),"italic"===t.type&&(e="<em>".concat(e,"</em>")),"underline"===t.type&&(e="<u>".concat(e,"</u>")),"code"===t.type&&(e="<code>".concat(e,"</code>"))}),e}}render(){let t="";try{let e;if("string"==typeof this.rtedescription){let t=JSON.parse(this.rtedescription);e=t&&t.json?t.json:t}else e=this.rtedescription&&this.rtedescription.json?this.rtedescription.json:this.rtedescription;t=this.renderContentfulRichText(e)}catch(e){t=""}return(0,i.h)("article",{key:"097c1e2dd61f79560c80b734019c8294216fbb66",class:"akzo-article-content"},(0,i.h)("div",{key:"137ed586f2196a45b096707bf784634e7bc7ec21",class:"content-wrapper",innerHTML:t}))}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.akzo-article-content{color:#222;line-height:1.7;background:#fff;padding-top:1.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.04)}.akzo-article-content h1,.akzo-article-content h2,.akzo-article-content h3,.akzo-article-content h4,.akzo-article-content h5,.akzo-article-content h6{font-weight:600;margin-top:1.5em;margin-bottom:0.5em;color:#1a237e}.akzo-article-content p{margin:1em 0}.akzo-article-content ul,.akzo-article-content ol{margin:1em 0 1em 2em}.akzo-article-content a{color:#1976d2;text-decoration:underline}.akzo-article-content img{max-width:100%;border-radius:4px;margin:1em 0}.akzo-article-content blockquote{border-left:4px solid #1976d2;background:#f5f7fa;margin:1em 0;padding:0.5em 1em;color:#444;font-style:italic}.akzo-article-content code{background:#f3f3f3;padding:0.2em 0.4em;border-radius:3px;font-family:"Fira Mono", monospace;font-size:0.95em}.akzo-article-content pre{background:#f3f3f3;padding:1em;border-radius:4px;overflow-x:auto;font-family:"Fira Mono", monospace;font-size:0.95em}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}},[1,"akzo-article",{rtedescription:[8]}]),a=n,r=function(){"undefined"!=typeof customElements&&["akzo-article"].forEach(t=>{"akzo-article"===t&&(customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),n))})}},71690:(t,e,o)=>{o.d(e,{I:()=>n,X:()=>a});var i=o(28726);let n=i.A,a=i.d},71987:(t,e,o)=>{o.d(e,{$:()=>d,X:()=>l});var i=o(41421),n=o(27857),a=o(65250);let r=(0,i.p)(class extends i.H{componentWillLoad(){var t,e;this.inverse=null!=(t=this.inverse)&&t,this.variant=null!=(e=this.variant)?e:"neutral",this.validateVariant(this.variant)}validateVariant(t){this.validVariant.includes(t)||(console.warn("Invalid variant: ".concat(t,". Valid variants are: ").concat(this.validVariant.join(", "))),this.variant="neutral")}render(){return this.icon&&(0,i.h)("span",{key:"097d79877ec7bf7ce006fa25bdd82593d3ce43ea",class:"akzo-featured-icon-container ".concat(this.variant," ").concat(this.inverse?"inverse":""),role:"img","aria-label":this.icon},(0,i.h)("akzo-icon",{key:"39e424fb19fe4813ddc81895fbd51e064d9062e0",name:this.icon}))}static get watchers(){return{variant:[{validateVariant:0}]}}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.akzo-featured-icon-container{width:var(--spacing-xl);height:var(--spacing-xl)}.akzo-featured-icon-container.neutral akzo-icon::part(icon){color:var(--color-icon-subdued)}.akzo-featured-icon-container.neutral.inverse akzo-icon::part(icon){color:var(--color-icon-on-brand-inverse)}.akzo-featured-icon-container.accent-1 akzo-icon::part(icon){color:var(--color-icon-accent-primary)}.akzo-featured-icon-container.neutral.inverse akzo-icon::part(icon){color:var(--color-icon-on-brand-inverse)}.akzo-featured-icon-container.accent-2 akzo-icon::part(icon){color:var(--color-icon-accent-secondary-dark)}.akzo-featured-icon-container.neutral.inverse akzo-icon::part(icon){color:var(--color-icon-on-brand-inverse)}.akzo-featured-icon-container.accent-3 akzo-icon::part(icon){color:var(--color-icon-info)}.akzo-featured-icon-container.neutral.inverse akzo-icon::part(icon){color:var(--color-icon-on-brand-inverse)}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.validVariant=["neutral","accent-1","accent-2","accent-3"]}},[1,"akzo-featured-icon",{variant:[1],icon:[1],inverse:[4]},void 0,{variant:[{validateVariant:0}]}]),d=r,l=function(){"undefined"!=typeof customElements&&["akzo-featured-icon","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-featured-icon":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),r);break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,a.d)()}})}},72229:(t,e,o)=>{o.r(e),o.d(e,{AkzoAccordion:()=>n,defineCustomElement:()=>a});var i=o(17385);let n=i.A,a=i.d},72342:(t,e,o)=>{o.r(e),o.d(e,{AkzoHeroBanner:()=>b,defineCustomElement:()=>x});var i=o(41421),n=o(27274),a=o(94215),r=o(88837),d=o(47408),l=o(27857),s=o(40332),m=o(92887),p=o(65250),h=o(59554);let g="#012169",c=(0,i.p)(class extends i.H{getThemeType(t){if(!t)return null;switch(t.toLocaleLowerCase()){case"standard":return"flourish-inner";case"skew":return"myakzonobel-inner";case"squircle":return"flourish-landing";case"square":return"myakzonobel-landing";default:return null}}getEffectiveImage(t){var e,o,i,n,a,r,d,l,s,m,p;let h=null!=(o=null==(e=this.media)?void 0:e[0])?o:{},g=null!=(n=null==(i=this.mobileMedia)?void 0:i[0])?n:{},c=this.isMobileOrTab&&((null==g?void 0:g.src)||(null==(a=null==g?void 0:g.thumbnails)?void 0:a.Large))?g:h;return{bg:null!=(l=null!=(d=null==(r=null==c?void 0:c.thumbnails)?void 0:r.Large)?d:null==c?void 0:c.src)?l:"",src:null!=(p=null!=(s=null==c?void 0:c.src)?s:null==(m=null==c?void 0:c.thumbnails)?void 0:m.Large)?p:"",name:(null==c?void 0:c.name)||"Hero Banner"}}componentWillLoad(){this.backgroundColor=this.backgroundColor=this.backgroundColor||{colourValue:{value:g}},this.primaryCtaLabel=this.primaryCtaLabel||"",this.primaryCtaUrl=this.primaryCtaUrl||"",this.secondaryCtaLabel=this.secondaryCtaLabel||"",this.secondaryCtaUrl=this.secondaryCtaUrl||"",this.body=this.body||{},this.media=this.media||[{}],this.mobileMedia=this.mobileMedia||[{}],this.contentAlignment=this.contentAlignment||"right",this.heading=this.heading||"",this.overline=this.overline||"",this.textLogo=this.textLogo||{},this.customClasses=this.customClasses||"",this.heroStyle=this.heroStyle||"",this.isMobileOrTab=!1,this.headingWeight=this.headingWeight||"",this.headingLevel=this.headingLevel||"",this.imageAltText=this.imageAltText||""}componentDidLoad(){this.isMobileOrTab=window.innerWidth<904,window.addEventListener("resize",this.handleResize)}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}render(){var t,e,o,a,r,d,l,s,m,p,h,c,b,x,u,f,k,w,z,y;let v=this.backgroundColor,C=null!=(a=null!=(o=null!=(e=null==(t=null==v?void 0:v.colourValue)?void 0:t.value)?e:"string"==typeof(null==v?void 0:v.colourValue)?v.colourValue:void 0)?o:"str
1ing"==typeof v?v:"")?a:"",S=(0,n.a)("dark"===(0,n.l)(C)?"#fafafa":"#121212",C,null,!1,"AAA"),_=this.getThemeType(this.heroStyle),E=["flourish-landing","myakzonobel-landing"].includes(_),A=(0,n.l)(C||g)||"",L=E&&"text center"===(null==(r=this.contentAlignment)?void 0:r.toLowerCase()),I={topLogo:{url:null==(d=this.textLogo)?void 0:d.src,name:null==(l=this.textLogo)?void 0:l.name},overlineText:this.overline,titleText:this.heading,headingWeight:this.headingWeight,headingLevel:this.headingLevel,titleBodyText:this.body,contentColorVariant:"dark"===A?"inverse":"default",primaryCtaLabel:null!=(s=this.primaryCtaLabel)?s:"",primaryCtaUrl:null!=(m=this.primaryCtaUrl)?m:"",secondaryCtaLabel:null!=(p=this.secondaryCtaLabel)?p:"",secondaryCtaUrl:null!=(h=this.secondaryCtaUrl)?h:""},P=(this.contentAlignment||"").toLowerCase(),T="text right"===P||"right"===P||"content right"===P,D="myakzonobel-inner"===_,{bg:M,src:O,name:B}=this.getEffectiveImage(E),N=null!=(b=null==(c=this.media)?void 0:c[0])?b:{},R=null!=(u=null==(x=this.mobileMedia)?void 0:x[0])?u:{},F=(null!=(f=null==N?void 0:N.src)?f:null==(k=null==N?void 0:N.thumbnails)?void 0:k.Large)||"",j=(null!=(w=null==R?void 0:R.src)?w:null==(z=null==R?void 0:R.thumbnails)?void 0:z.Large)||F,H=!!j&&j!==F,q=!!O&&!E&&!D,W=!E||this.isMobileOrTab||L?this.forceBackgroundColor&&"standard"==(null==(y=this.heroStyle)?void 0:y.toLowerCase())?{backgroundColor:C}:{}:{backgroundImage:"url(".concat(M,")"),backgroundColor:C};return(0,i.h)(i.a,{key:"eaeba081b429945cd74f01111b0c152e197a03d0"},q?[H&&(0,i.h)("link",{rel:"preload",as:"image",href:j,media:"(max-width: 903px)",fetchpriority:"high"}),F&&(0,i.h)("link",{rel:"preload",as:"image",href:F,media:H?"(min-width: 904px)":void 0,fetchpriority:"high"})]:M&&(0,i.h)("link",{rel:"preload",as:"image",href:M,fetchpriority:"high",imagesrcset:M,loading:"eager",decoding:"async"}),(0,i.h)("section",{key:"3d567258a8e0d861d0964da4b0a71407d0b62f2e",class:"akzo-hero-banner ".concat(_," ").concat(T?"landing-reverse-content":"landing-content"," ").concat(L?"article-hero-center":""," ").concat(this.customClasses||""),style:W,part:"hero-banner"},E&&this.isMobileOrTab&&!L&&(0,i.h)("div",{key:"4e02ae8a875f60140bafaab43abe0511b3c4076d",class:{"mobile-bg":!0},style:{backgroundImage:"url(".concat(M,")"),backgroundColor:C}}),L&&(0,i.h)("img",{key:"1cc736b174399badc0b868138928465bb63a75c6",src:M,alt:this.imageAltText||"Hero Banner",width:"1440",height:"392",loading:"eager",decoding:"async",class:"article-img-bg"}),(0,i.h)("div",{key:"f2fa58ce5b539b8d42077b6331b219929f025762",class:"content-wrapper hero-container "+(T?"hero-content-reverse":"hero-content")},(0,i.h)("article",{key:"04119a562787c727bac6c931044c6de8cb830bbc",class:"hero-banner-content"},(0,i.h)("akzo-hero-content",{key:"8af7e2ede92bc5d58f7aee54c211b3d0b3d57234",customClasses:"".concat(_,"-content ").concat(L?"article-page-content":""),tooltipPosition:T,heroTextContent:I,isHeroLanding:!!E,isHeroInner:!E,customStyle:E?{backgroundColor:C||g}:{},colorMode:A,locale:this.locale,isTooltipRequire:!L,backgroundColor:C,a11yColor:S,country:this.country,multiLocale:this.multiLocale})),q&&(0,i.h)("div",{key:"94c238b009f9fd878941e80cab746f385068036d",class:"hero-banner-img"},(0,i.h)("slot",{key:"40f8990e07a5b8f0c73479f8c1f602c6532e9b00",name:this.slotName},(0,i.h)("picture",{key:"0c33ddeb3408a08016bd3152c5efab07a31d11b3"},H&&(0,i.h)("source",{key:"67cdae360f97d1a2bdb6ec4110d464803cadddae",media:"(max-width: 903px)",srcSet:j}),(0,i.h)("img",{key:"0bc8ae9c7620f8e565ac905220213fc3ae55c3f7",fetchpriority:"high",src:F,alt:this.imageAltText||"Hero Banner",title:this.imageAltText||B||"Hero Banner",width:"690",height:"542",loading:"eager",decoding:"async"}))))),D&&(0,i.h)("div",{key:"dd020f6d9c6522d99d8d5882c78169a1922862c7",class:"myakzo-banner-container",role:"img","aria-label":this.imageAltText||"Hero Banner"},(0,i.h)("div",{key:"3cc73cd9b997d85504bc020c4677a77d434c6bed",class:"myakzo-banner",style:{background:"url(".concat(M||O,") no-repeat center left")}}))))}static get style(){return'html.sc-akzo-hero-banner{box-sizing:border-box;overflow-x:hidden;font-size:16px}body.sc-akzo-hero-banner{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body.sc-akzo-hero-banner{padding-top:var(--akzo-header-height, 150px)}}
1body.sc-akzo-hero-banner{color:#616161;font-family:"Open Sans", sans-serif}*.sc-akzo-hero-banner,*.sc-akzo-hero-banner::before,*.sc-akzo-hero-banner::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1.sc-akzo-hero-banner,h2.sc-akzo-hero-banner,h3.sc-akzo-hero-banner,h4.sc-akzo-hero-banner,h5.sc-akzo-hero-banner,h6.sc-akzo-hero-banner,p.sc-akzo-hero-banner{font-weight:normal;margin:0;font-size:100%}ul.sc-akzo-hero-banner,ol.sc-akzo-hero-banner{margin:0;padding:0;list-style:none}dl.sc-akzo-hero-banner{margin:0;padding:0}figure.sc-akzo-hero-banner{margin:0}a.sc-akzo-hero-banner{text-decoration:none;color:inherit}button.sc-akzo-hero-banner{cursor:pointer;background:transparent;border:none}img.sc-akzo-hero-banner{border:0;max-width:100%;height:auto;display:block}strong.sc-akzo-hero-banner{font-weight:700}table.sc-akzo-hero-banner{border-collapse:collapse;border-spacing:0}table.sc-akzo-hero-banner th.sc-akzo-hero-banner,table.sc-akzo-hero-banner td.sc-akzo-hero-banner{padding:var(--spacing-sm) var(--spacing-md)}table.sc-akzo-hero-banner th.sc-akzo-hero-banner{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table.sc-akzo-hero-banner td.sc-akzo-hero-banner{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr.sc-akzo-hero-banner{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input.sc-akzo-hero-banner,button.sc-akzo-hero-banner,select.sc-akzo-hero-banner,textarea.sc-akzo-hero-banner{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}.sc-akzo-hero-banner:focus{outline:none}button.sc-akzo-hero-banner{background:none;border:none;cursor:pointer;padding:0}.button-test.sc-akzo-hero-banner{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher.sc-akzo-hero-banner{padding:1rem;border-radius:0.5rem}.theme-switcher.sc-akzo-hero-banner:hover{border-color:#0ea5e9}.theme-switcher.sc-akzo-hero-banner:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description.sc-akzo-hero-banner{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title.sc-akzo-hero-banner{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown.sc-akzo-hero-banner{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix.sc-akzo-hero-banner::after{content:"";display:table;clear:both}.content-wrapper.sc-akzo-hero-banner{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper.sc-akzo-hero-banner{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper.sc-akzo-hero-banner{padding:0 3rem}.content-wrapper.no-margin-padding.sc-akzo-hero-banner{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper.sc-akzo-hero-banner{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper.sc-akzo-hero-banner{padding:0;max-width:75rem}}.top-none.sc-akzo-hero-banner{padding-top:0 !important}.top-default.sc-akzo-hero-banner{padding-top:1.5rem !important}@media (min-width: 904px){.top-default.sc-akzo-hero-banner{padding-top:2.25rem !important}}.top-xl.sc-akzo-hero-banner{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl.sc-akzo-hero-banner{padding-top:5rem !important}}.bottom-none.sc-akzo-hero-banner{padding-bottom:0 !important}.bottom-default.sc-akzo-hero-banner{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default.sc-akzo-hero-banner{padding-bottom:2.25rem !important}}.bottom-xl.sc-akzo-hero-banner{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl.sc-akzo-hero-banner{padding-bottom:5rem !important}}.padding-top-xxs.sc-akzo-hero-banner{padding-top:0.25rem}.padding-top-xs.sc-akzo-hero-banner{padding-top:0.5rem}.padding-top-s.sc-akzo-hero-banner{padding-top:0.75rem}.padding-top-m.sc-akzo-hero-banner{padding-top:1rem}.padding-top-l.sc-akzo-hero-banner{padding-top:1.5rem}.padding-top-xl.sc-akzo-hero-banner{padding-top:2rem}.padding-top-xxl.sc-akzo-hero-banner{padding-top:3rem}.padding-top-3xl.sc-akzo-hero-banner{padding-top:3.5rem}.padding-top-4xl.sc-akzo-hero-banner{padding-top:4rem}.padding-top-5xl.sc-akzo-hero-banner{padding-top:5rem}.padding-top-6xl.sc-akzo-hero-banner{padding-top:7.5rem}.padding-top-none.sc-akzo-hero-banner{padding-top:0}.padding-bottom-xxs.sc-akzo-hero-banner{padding-bottom:0.25rem}.padding-bottom-xs.sc-akzo-hero-banner{padding-bottom:0.5rem}.padding-bottom-s.sc-akzo-hero-banner{padding-bottom:0.75rem}.padding-bottom-m.sc-akzo-hero-banner{padding-bottom:1rem}.padding-bottom-l.sc-akzo-hero-banner{padding-bottom:1.5rem}.padding-bottom-xl.sc-akzo-hero-banner{padding-bottom:2rem}.padding-bottom-xxl.sc-akzo-hero-banner{padding-bottom:3rem}.padding-bottom-3xl.sc-akzo-hero-banner{padding-bottom:3.5rem}.padding-bottom-4xl.sc-akzo-hero-banner{padding-bottom:4rem}.padding-bottom-5xl.sc-akzo-hero-banner{padding-bottom:5rem}.padding-bottom-6xl.sc-akzo-hero-banner{padding-bottom:7.5rem}.padding-bottom-none.sc-akzo-hero-banner{padding-bottom:0}.margin-top-xxs.sc-akzo-hero-banner{margin-top:0.25rem}.margin-top-xs.sc-akzo-hero-banner{margin-top:0.5rem}.margin-top-s.sc-akzo-hero-banner{margin-top:0.75rem}.margin-top-m.sc-akzo-hero-banner{margin-top:1rem}.margin-top-l.sc-akzo-hero-banner{margin-top:1.5rem}.margin-top-xl.sc-akzo-hero-banner{margin-top:2rem}.margin-top-xxl.sc-akzo-hero-banner{margin-top:3rem}.margin-top-3xl.sc-akzo-hero-banner{margin-top:3.5rem}.margin-top-4xl.sc-akzo-hero-banner{margin-top:4rem}.margin-top-5xl.sc-akzo-hero-banner{margin-top:5rem}.margin-top-6xl.sc-akzo-hero-banner{margin-top:7.5rem}.margin-top-none.sc-akzo-hero-banner{margin-top:0}.margin-bottom-xxs.sc-akzo-hero-banner{margin-bottom:0.25rem}.margin-bottom-xs.sc-akzo-hero-banner{margin-bottom:0.5rem}.margin-bottom-s.sc-akzo-hero-banner{margin-bottom:0.75rem}.margin-bottom-m.sc-akzo-hero-banner{margin-bottom:1rem}.margin-bottom-l.sc-akzo-hero-banner{margin-bottom:1.5rem}.margin-bottom-xl.sc-akzo-hero-banner{margin-bottom:2rem}.margin-bottom-xxl.sc-akzo-hero-banner{margin-bottom:3rem}.margin-bottom-3xl.sc-akzo-hero-banner{margin-bottom:3.5rem}.margin-bottom-4xl.sc-akzo-hero-banner{margin-bottom:4rem}.margin-bottom-5xl.sc-akzo-hero-banner{margin-bottom:5rem}.margin-bottom-6xl.sc-akzo-hero-banner{margin-bottom:7.5rem}.margin-bottom-none.sc-akzo-hero-banner{margin-bottom:0}.icon.sc-akzo-hero-banner{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl.sc-akzo-hero-banner{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl.sc-akzo-hero-banner{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl.sc-akzo-hero-banner{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l.sc-akzo-hero-banner{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s.sc-akzo-hero-banner{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl.sc-akzo-hero-banner,.heading-xxl.sc-akzo-hero-banner,.heading-xl.sc-akzo-hero-banner,.heading-l.sc-akzo-hero-banner,.heading-m.sc-akzo-hero-banner,.heading-s.sc-akzo-hero-banner{font-family:"Open Sans", sans-serif}.body.sc-akzo-hero-banner,.body-bold.sc-akzo-hero-banner,.body-s.sc-akzo-hero-banner,.body-s-bold.sc-akzo-hero-banner,.body-xs.sc-akzo-hero-banner,.body-xs-bold.sc-akzo-hero-banner,.overline.sc-akzo-hero-banner,.overline-s.sc-akzo-hero-banner,.overline-s-bold.sc-akzo-hero-banner,.overline--bold.sc-akzo-hero-banner,.strikethrough-header-s.sc-akzo-hero-banner,.strikethrough.sc-akzo-hero-banner,.strikethrough-s.sc-akzo-hero-banner,.label.sc-akzo-hero-banner,.body-link.sc-akzo-hero-banner,.body-link-bold.sc-akzo-hero-banner,.body-s-link.sc-akzo-hero-banner,.body-s-link-bold.sc-akzo-hero-banner,.body-xs-link.sc-akzo-hero-banner,.body-xs-link-bold.sc-akzo-hero-banner,.button.sc-akzo-hero-banner,.button-s.sc-akzo-hero-banner,.button-xs.sc-akzo-hero-banner{font-family:"Open Sans", sans-serif}.heading-xxxl.sc-akzo-hero-banner{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl.sc-akzo-hero-banner{font-size:4rem;line-height:4rem}}.heading-xxl.sc-akzo-hero-banner{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl.sc-akzo-hero-banner{font-size:3.375rem;line-height:3.5rem}}.heading-xl.sc-akzo-hero-banner{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl.sc-akzo-hero-banner{font-size:2.75rem;line-height:3rem}}.heading-l.sc-akzo-hero-banner{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l.sc-akzo-hero-banner{font-size:2.25rem;line-height:2.5rem}}.heading-m.sc-akzo-hero-banner{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m.sc-akzo-hero-banner{font-size:1.75rem;line-height:2rem}}.heading-s.sc-akzo-hero-banner{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs.sc-akzo-hero-banner{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold.sc-akzo-hero-banner{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s.sc-akzo-hero-banner{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold.sc-akzo-hero-banner{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body.sc-akzo-hero-banner{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold.sc-akzo-hero-banner{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline.sc-akzo-hero-banner{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold.sc-akzo-hero-banner{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s.sc-akzo-hero-banner{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold.sc-akzo-hero-banner{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s.sc-akzo-hero-banner{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough.sc-akzo-hero-banner{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s.sc-akzo-hero-banner{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label.sc-akzo-hero-banner{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link.sc-akzo-hero-banner{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold.sc-akzo-hero-banner{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link.sc-akzo-hero-banner{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold.sc-akzo-hero-banner{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link.sc-akzo-hero-banner{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold.sc-akzo-hero-banner{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs.sc-akzo-hero-banner{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s.sc-akzo-hero-banner{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button.sc-akzo-hero-banner{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.sc-akzo-hero-banner-h{display:block}*.sc-akzo-hero-banner{box-sizing:border-box}.akzo-hero-banner.sc-akzo-hero-banner{width:100%;position:relative;display:flex;min-height:14.5rem}@media (min-width: 904px){.akzo-hero-banner.sc-akzo-hero-banner{min-height:auto}}.akzo-hero-banner.sc-akzo-hero-banner .mobile-bg.sc-akzo-hero-banner{display:block;min-height:14.5rem;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat}@media (min-width: 904px){.akzo-hero-banner.sc-akzo-hero-banner .mobile-bg.sc-akzo-hero-banner{display:none}}.akzo-hero-banner.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner{display:flex;flex-direction:column-reverse;min-height:23.75rem}@media (min-width: 904px){.akzo-hero-banner.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner{min-height:auto}}.akzo-hero-banner.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner>*.sc-akzo-hero-banner{max-width:100%;flex:1;display:flex;align-items:center}@media (min-width: 904px){.akzo-hero-banner.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner>*.sc-akzo-hero-banner{max-width:50%}}.akzo-hero-banner.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner>*.sc-akzo-hero-banner{width:100%}.akzo-hero-banner.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner .hero-banner-img.sc-akzo-hero-banner{margin:auto}.akzo-hero-banner.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner img.sc-akzo-hero-banner{max-width:100%}@media (min-width: 904px){.akzo-hero-banner.sc-akzo-hero-banner .hero-content.sc-akzo-hero-banner{flex-direction:row;justify-content:flex-start}}@media (min-width: 904px){.akzo-hero-banner.sc-akzo-hero-banner .hero-content-reverse.sc-akzo-hero-banner{flex-direction:row-reverse;justify-content:flex-end}}@media (min-width: 904px){.akzo-hero-banner.sc-akzo-hero-banner .hero-content-reverse.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner{padding-left:var(--spacing-3xl)}}@media (min-width: 1440px){.akzo-hero-banner.sc-akzo-hero-banner .hero-content-reverse.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner{padding-left:7.875rem}}.akzo-hero-banner.flourish-inner.sc-akzo-hero-banner,.akzo-hero-banner.core-inner.sc-akzo-hero-banner,.akzo-hero-banner.color-inner.sc-akzo-hero-banner{color:#ffffff;padding-bottom:3rem}@media (min-width: 904px){.akzo-hero-banner.flourish-inner.sc-akzo-hero-banner,.akzo-hero-banner.core-inner.sc-akzo-hero-banner,.akzo-hero-banner.color-inner.sc-akzo-hero-banner{padding-bottom:0}}.akzo-hero-banner.flourish-inner.sc-akzo-hero-banner .hero-banner-img.sc-akzo-hero-banner,.akzo-hero-banner.core-inner.sc-akzo-hero-banner .hero-banner-img.sc-akzo-hero-banner,.akzo-hero-banner.color-inner.sc-akzo-hero-banner .hero-banner-img.sc-akzo-hero-banner{margin-bottom:2rem}@media (min-width: 904px){.akzo-hero-banner.flourish-inner.sc-akzo-hero-banner .hero-banner-img.sc-akzo-hero-banner,.akzo-hero-banner.core-inner.sc-akzo-hero-banner .hero-banner-img.sc-akzo-hero-banner,.akzo-hero-banner.color-inner.sc-akzo-hero-banner .hero-banner-img.sc-akzo-hero-banner{margin-bottom:0}}.akzo-hero-banner.flourish-inner.sc-akzo-hero-banner,.akzo-hero-banner.core-inner.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner{background-color:var(--color-surface-accent-primary)}@media (min-width: 1440px){.akzo-hero-banner.flourish-inner.sc-akzo-hero-banner,.akzo-hero-banner.core-inner.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner{min-height:30.875rem}}.akzo-hero-banner.flourish-inner.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner,.akzo-hero-banner.core-inner.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}@media (min-width: 600px){.akzo-hero-banner.flourish-inner.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner,.akzo-hero-banner.core-inner.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner{padding-left:var(--spacing-6xl);padding-right:var(--spacing-6xl)}}@media (min-width: 904px){.akzo-hero-banner.flourish-inner.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner,.akzo-hero-banner.core-inner.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner{padding-left:0;padding-right:0}}@media (min-width: 1440px){.akzo-hero-banner.flourish-inner.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner,.akzo-hero-banner.core-inner.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner{max-width:42.5%;flex:1}}@media (min-width: 1440px){.akzo-hero-banner.flourish-inner.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner>akzo-hero-content.sc-akzo-hero-banner,.akzo-hero-banner.core-inner.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner>akzo-hero-content.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner>akzo-hero-content.sc-akzo-hero-banner{max-width:24rem}}.akzo-hero-banner.flourish-inner.sc-akzo-hero-banner .hero-banner-img.sc-akzo-hero-banner,.akzo-hero-banner.core-inner.sc-akzo-hero-banner .hero-banner-img.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .hero-banner-img.sc-akzo-hero-banner{align-items:flex-start}@media (min-width: 904px){.akzo-hero-banner.flourish-inner.sc-akzo-hero-banner .hero-banner-img.sc-akzo-hero-banner,.akzo-hero-banner.core-inner.sc-akzo-hero-banner .hero-banner-img.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .hero-banner-img.sc-akzo-hero-banner{max-width:57.5%}}.akzo-hero-banner.flourish-inner.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner,.akzo-hero-banner.core-inner.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner{padding-left:0;padding-right:0;padding-top:2rem}@media (min-width: 904px){.akzo-hero-banner.flourish-inner.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner,.akzo-hero-banner.core-inner.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner{margin-bottom:var(--spacing-3xl);padding-left:4.5rem;padding-right:4.5rem;padding-top:0}}@media (min-width: 1440px){.akzo-hero-banner.flourish-inner.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner,.akzo-hero-banner.core-inner.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner{padding-left:0;padding-right:0}}@media (min-width: 904px){.akzo-hero-banner.flourish-inner.sc-akzo-hero-banner .hero-container.hero-content.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner,.akzo-hero-banner.core-inner.sc-akzo-hero-banner .hero-container.hero-content.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .hero-container.hero-content.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner{padding-right:var(--spacing-3xl)}}@media (min-width: 1440px){.akzo-hero-banner.flourish-inner.sc-akzo-hero-banner .hero-container.hero-content.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner,.akzo-hero-banner.core-inner.sc-akzo-hero-banner .hero-container.hero-content.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .hero-container.hero-content.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner{padding-right:7.875rem}}@media (min-width: 904px){.akzo-hero-banner.flourish-inner.sc-akzo-hero-banner .hero-container.hero-content-reverse.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner,.akzo-hero-banner.core-inner.sc-akzo-hero-banner .hero-container.hero-content-reverse.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .hero-container.hero-content-reverse.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner{padding-left:var(--spacing-3xl)}}@media (min-width: 1440px){.akzo-hero-banner.flourish-inner.sc-akzo-hero-banner .hero-container.hero-content-reverse.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner,.akzo-hero-banner.core-inner.sc-akzo-hero-banner .hero-container.hero-content-reverse.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .hero-container.hero-content-reverse.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner{padding-left:7.875rem}}.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner{position:relative;display:flex;flex-direction:column-reverse}@media (min-width: 904px){.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner{min-height:24.5rem;flex-direction:row;margin-bottom:var(--spacing-3xl)}}@media (min-width: 1440px){.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner{min-height:30.875rem}}.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner{margin-bottom:0;padding-bottom:var(--spacing-2xl)}@media (min-width: 904px){.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner{padding-bottom:0}}.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .myakzo-banner-container.sc-akzo-hero-banner{height:10.75rem;
1width:18.75rem;overflow-x:hidden;margin-left:auto}@media (min-width: 600px){.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .myakzo-banner-container.sc-akzo-hero-banner{height:24.5rem;width:33.75rem}}@media (min-width: 904px){.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .myakzo-banner-container.sc-akzo-hero-banner{position:absolute;bottom:calc(-1 * var(--spacing-3xl));right:0}}@media (min-width: 1440px){.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .myakzo-banner-container.sc-akzo-hero-banner{height:30.375rem;width:57.25rem}}.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .myakzo-banner-container.sc-akzo-hero-banner .myakzo-banner.sc-akzo-hero-banner{transform:skewX(-24deg) translate(5.25rem, 0px);border-radius:var(--spacing-sm) 0px var(--spacing-sm) var(--spacing-sm);width:100%;height:100%;margin-left:-3rem;background-size:100% auto;background-position:bottom left}@media (min-width: 600px){.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .myakzo-banner-container.sc-akzo-hero-banner .myakzo-banner.sc-akzo-hero-banner{margin-left:0;width:calc(100% - 5.25rem)}}@media (min-width: 904px){.akzo-hero-banner.myakzonobel-inner.sc-akzo-hero-banner .myakzo-banner-container.sc-akzo-hero-banner .myakzo-banner.sc-akzo-hero-banner{margin-left:var(--spacing-lg)}}.akzo-hero-banner.flourish-landing.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-landing.sc-akzo-hero-banner{background-size:cover;background-position:center center;background-repeat:no-repeat;flex-direction:column;min-height:auto}@media (min-width: 904px){.akzo-hero-banner.flourish-landing.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-landing.sc-akzo-hero-banner{background-image:var(--hero-bg-img)}}.akzo-hero-banner.flourish-landing.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-landing.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner{margin-top:-2.5rem;min-height:auto}@media (min-width: 904px){.akzo-hero-banner.flourish-landing.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-landing.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner{position:relative;margin-top:0}}@media (min-width: 1440px){.akzo-hero-banner.flourish-landing.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-landing.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner{max-width:none;padding:0 4.5rem}}.akzo-hero-banner.flourish-landing.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-landing.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner{max-width:max-content}.akzo-hero-banner.flourish-landing.sc-akzo-hero-banner .hero-content-reverse.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-landing.sc-akzo-hero-banner .hero-content-reverse.sc-akzo-hero-banner{flex-direction:row}.akzo-hero-banner.flourish-landing.sc-akzo-hero-banner .hero-content-reverse.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-landing.sc-akzo-hero-banner .hero-content-reverse.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner{padding-left:0;justify-content:flex-end;max-width:100%}@media (min-width: 904px){.akzo-hero-banner.flourish-landing.sc-akzo-hero-banner .hero-content-reverse.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner>*.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-landing.sc-akzo-hero-banner .hero-content-reverse.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner>*.sc-akzo-hero-banner{width:auto}}@media (min-width: 904px){.akzo-hero-banner.flourish-landing.landing-reverse-content.sc-akzo-hero-banner>*.sc-akzo-hero-banner,.akzo-hero-banner.flourish-landing.landing-content.sc-akzo-hero-banner>*.sc-akzo-hero-banner{position:relative;z-index:999;padding:0 var(--spacing-6xl)}}@media (min-width: 904px){.akzo-hero-banner.flourish-landing.landing-content.sc-akzo-hero-banner::before{left:0;width:13.875rem;display:block;content:"";height:100%;background-color:#ffffff;position:absolute;top:0}}@media (min-width: 904px){.akzo-hero-banner.flourish-landing.landing-reverse-content.sc-akzo-hero-banner::after{right:0;width:13.875rem;display:block;content:"";height:100%;background-color:#ffffff;position:absolute;top:0;z-index:99}}@media (min-width: 904px){.akzo-hero-banner.myakzonobel-landing.landing-content.sc-akzo-hero-banner>*.sc-akzo-hero-banner{padding:0 var(--spacing-6xl)}}.akzo-hero-banner.flourish-inner.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner{margin-top:2rem}@media (min-width: 904px){.akzo-hero-banner.flourish-inner.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner{margin-top:0}}.akzo-hero-banner.article-hero-center.sc-akzo-hero-banner .article-img-bg.sc-akzo-hero-banner{padding:0;width:100%;max-height:354px;object-fit:cover}@media (min-width: 1440px){.akzo-hero-banner.article-hero-center.sc-akzo-hero-banner .article-img-bg.sc-akzo-hero-banner{max-height:566px}}@media (min-width: 904px){.akzo-hero-banner.article-hero-center.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner{padding-left:0;padding-right:0}}.akzo-hero-banner.article-hero-center.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner{max-width:100%}@media (min-width: 904px){.akzo-hero-banner.article-hero-center.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner{justify-content:center}}.akzo-hero-banner.article-hero-center.sc-akzo-hero-banner .hero-container.sc-akzo-hero-banner .hero-banner-content.sc-akzo-hero-banner akzo-hero-content.sc-akzo-hero-banner{width:100%}.akzo-hero-banner.flourish-landing.sc-akzo-hero-banner,.akzo-hero-banner.myakzonobel-landing.sc-akzo-hero-banner{c
1olor:#fff}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.multiLocale=!1,this.slotName="banner-image",this.forceBackgroundColor=!1,this.locale="",this.handleResize=()=>{this.isMobileOrTab=window.innerWidth<904}}},[262,"akzo-hero-banner",{backgroundColor:[1544,"background-color"],primaryCtaLabel:[1537,"primary-cta-label"],primaryCtaUrl:[1537,"primary-cta-url"],secondaryCtaLabel:[1537,"secondary-cta-label"],secondaryCtaUrl:[1537,"secondary-cta-url"],body:[1040],country:[1537],multiLocale:[1540,"multi-locale"],media:[1040],mobileMedia:[1040],contentAlignment:[1537,"content-alignment"],heading:[1537],headingWeight:[1537,"heading-weight"],headingLevel:[1537,"heading-level"],overline:[1537],textLogo:[1040],heroStyle:[1537,"hero-style"],customClasses:[1537,"custom-classes"],slotName:[1,"slot-name"],forceBackgroundColor:[1540,"force-background-color"],imageAltText:[1537,"image-alt-text"],locale:[1],isMobileOrTab:[32]}]),b=c,x=function(){"undefined"!=typeof customElements&&["akzo-hero-banner","akzo-article-grid","akzo-banner","akzo-brochure","akzo-button","akzo-hero-content","akzo-icon","akzo-image-article-content","akzo-image-carousel","akzo-link","akzo-loader","akzo-rich-text-block","akzo-video-player"].forEach(t=>{switch(t){case"akzo-hero-banner":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),c);break;case"akzo-article-grid":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-banner":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-brochure":customElements.get((0,i.t)(t))||(0,r.b)();break;case"akzo-button":customElements.get((0,i.t)(t))||(0,d.d)();break;case"akzo-hero-content":customElements.get((0,i.t)(t))||(0,r.e)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,l.d)();break;case"akzo-image-article-content":customElements.get((0,i.t)(t))||(0,r.g)();break;case"akzo-image-carousel":customElements.get((0,i.t)(t))||(0,s.d)();break;case"akzo-link":customElements.get((0,i.t)(t))||(0,m.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,p.d)();break;case"akzo-rich-text-block":customElements.get((0,i.t)(t))||(0,r.i)();break;case"akzo-video-player":customElements.get((0,i.t)(t))||(0,h.d)()}})}},72442:(t,e,o)=>{o.d(e,{X:()=>a,e:()=>n});var i=o(89039);let n=i.A,a=i.d},72854:(t,e,o)=>{o.r(e),o.d(e,{AkzoCardButton:()=>d,defineCustomElement:()=>l});var i=o(41421),n=o(27857),a=o(65250);let r=(0,i.p)(class extends i.H{getButtonClasses(){return{"akzo-card-button":!0,["akzo-card-button--"+(this.orientation||"horizontal")]:!0,active:this.active,disabled:this.disabled}}renderButtonContent(){return[this.icon&&(0,i.h)("akzo-icon",{name:this.icon}),(0,i.h)("div",{class:"card-details"},(0,i.h)("span",{class:"button-text button"},this.label),this.description&&(0,i.h)("span",{class:"description body"},this.description))]}renderRegularButton(){return(0,i.h)("button",{part:"button",type:"button",class:this.getButtonClasses(),title:this.label,"aria-label":this.label,disabled:this.disabled,"aria-disabled":this.disabled?"true":"false","aria-pressed":this.active?"true":"false"},this.renderButtonContent())}render(){return(0,i.h)(i.a,{key:"4152035307c419ead187b9e803bdcbcccd570715",part:"card-button"},this.renderRegularButton())}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:inline-block}.akzo-card-button{position:relative;display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-m);padding:var(--spacing-m);border-radius:var(--radius-s);border:1px solid var(--color-stroke-default);background:var(--color-surface-neutral-option1);transition:all var(--motion-duration-medium-01) ease 0ms;cursor:pointer}.akzo-card-button--vertical{flex-direction:column}.akzo-card-button .button-text{color:var(--color-text-functional);margin:0}.akzo-card-button .description{color:var(--color--text--functional-subtle);margin:0}.akzo-card-button .card-details{display:flex;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-xxs);flex-direction:column}.akzo-card-button:hover:not(.disabled):not(.active){background:var(--color-interactive-action-hovered)}.akzo-card-button:focus-visible:not(.disabled):not(.active){background:var(--color-surface-neutral-option1);outline:1px solid var(--color-stroke-strong);outline-offset:var(--spacing-xxs)}.akzo-card-button:active:not(.disabled):not(.active){outline:none;background:var(--color-interactive-action-pressed)}.akzo-card-button.active{background:var(--color-interactive-primary-default)}.akzo-card-button.active akzo-icon::part(icon){color:var(--color-icon-default-inverse)}.akzo-card-button.active .button-text{color:var(--color-text-functional-inverse)}.akzo-card-button.active .description{color:var(--color-text-functional-subtle-inverse)}.akzo-card-button.disabled{background:var(--color-surface-disabled);border:1px solid var(--color-stroke-disabled);cursor:not-allowed}.akzo-card-button.disabled .description,.akzo-card-button.disabled .button-text{color:var(--color-text-disabled)}.akzo-card-button.disabled akzo-icon::part(icon){color:var(--color-icon-disabled)}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}},[1,"akzo-card-button",{orientation:[1],label:[1],icon:[1],disabled:[4],active:[4],description:[1]}]),d=r,l=function(){"undefined"!=typeof customElements&&["akzo-card-button","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-card-button":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),r);break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,a.d)()}})}},75556:(t,e,o)=>{o.r(e),o.d(e,{AkzoTags:()=>s,defineCustomElement:()=>m});var i=o(41421),n=o(13912),a=o(27857),r=o(65250),d=o(66924);let l=(0,i.p)(class extends i.H{componentWillLoad(){this.tags=this.tags||[],this.closable=this.closable||!1,this.parsedTags=this.parsedTags||[],this.handleTags(this.tags)}handleTags(t){if("string"==typeof t)try{this.parsedTags=JSON.parse(t)}catch(t){console.error("Invalid options:",t),this.parsedTags=[]}else this.parsedTags=t}handleClose(t){this.parsedTags=this.parsedTags.filter(e=>e.label!==t),this.close.emit(t)}render(){let t="minimal"===this.variant;return this.parsedTags.length>0&&(0,i.h)("div",{key:"0194fbac9cf883e607022ee7d772a65f49710542",class:{"tag-container":!0,"tag-container--minimal":t},style:t?{}:{background:this.backgroundColor||"var(--color-surface-neutral-option3)",border:"1px solid "+(this.borderColor||"var(--default-primary-500)")}},this.parsedTags.map((e,o)=>(0,i.h)("tag-item",{key:o,label:e.label,icon:e.icon,closable:this.closable,showDivider:!t,onClose:()=>this.handleClose(e.label),exportparts:"custom-tag"})))}static get watchers(){return{tags:[{handleTags:0}]}}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.tag-container{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;column-gap:var(--spacing-xs);row-gap:var(--spacing-xs);padding:var(--spacing-md);border:1px solid var(--color-stroke-accent-brand-primary);border-radius:var(--spacing-xs);background:var(--color-surface-neutral-option3)}.tag-container--minimal{padding:0;border:none;border-radius:0;background:transparent}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.close=(0,i.c)(this,"close"),this.variant="default"}},[1,"akzo-tags",{tags:[1025],closable:[1028],backgroundColor:[1,"background-color"],borderColor:[1,"border-color"],variant:[1],parsedTags:[32]},void 0,{tags:[{handleTags:0}]}]),s=l,m=function(){"undefined"!=typeof customElements&&["akzo-tags","akzo-divider","akzo-icon","akzo-loader","tag-item"].forEach(t=>{switch(t){case"akzo-tags":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),l);break;case"akzo-divider":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,r.d)();break;case"tag-item":customElements.get((0,i.t)(t))||(0,d.d)()}})}},75891:(t,e,o)=>{o.r(e),o.d(e,{AkzoPreview:()=>c,defineCustomElement:()=>b});var i=o(41421),n=o(41187),a=o(47408),r=o(70699),d=o(27857),l=o(32005),s=o(65250),m=o(62697);let p=["https://dummyimage.com/792x264/000/fff","https://dummyimage.com/792x264/000/fff","https://dummyimage.com/792x264/000/fff","https://dummyimage.com/792x264/000/fff"],h={items:[{ctaType:"primary",ctaLabel:"Explore colour",ctaLinkUrl:"https://www.dulux.vn/vi/ky-niem-20-nam-mau-dulux-cua-nam",ctaSize:"m",isThisCtaOpenAsPopup:!1,openInNewTab:!1},{ctaType:"tertiary",ctaLabel:"Action",ctaLinkUrl:"https://www.dulux.vn/vi/dulux-phat-trien-ben-vung",ctaSize:"m",isThisCtaOpenAsPopup:!1,openInNewTab:!1}]},g=(0,i.p)(class extends i.H{render(){var t,e;return(0,i.h)("div",{key:"7da879b497aca421f59290405c39803daaf3b6de",part:"akzo-preview",class:{"preview-card":!0,"single-image":!0,["padding-top-"+this.spacingTop]:!0,["padding-bottom-"+this.spacingBottom]:!0}},(0,i.h)("div",{key:"585f4d2eac87b04b92099fb707b2343b689d8c01",class:"content-wrapper"},(0,i.h)("div",{key:"39673b8d381bdd2be473bfec7e1be25b41fcea1a",class:"content"},(0,i.h)("div",{key:"331b37952a8a726a8116584efbb5c5668a45fb51",class:"container"},(0,i.h)("div",{key:"4592d6f7ec9410dc808a9bc0b07760e6e10b04b7",class:"top-content"},(0,i.h)("akzo-heading",{key:"c3cfd944f39e3965d9f7b61654cbb04b41fa84c0",level:4,text:this.heading,subtext:this.description}),(0,i.h)("akzo-toggle-button",{key:"805737018146f009a0f8101940970570340257e8",onlyIcon:!0,iconName:"heart",hoverGradient:!0,active:this.isFavorite,onToggleClick:this.handleToggleButton})),(0,i.h)("div",{key:"c4b884c993e1a3b11cddc408b1d95c35ca7efd00",class:"bottom-content"},(0,i.h)("akzo-image-thumbnail",{key:"f271932fc33be475534068ebe35ce3e2aa1f3f1d",images:this.images}),(0,i.h)("div",{key:"5284b2fc0fcff72f62ba1ef783ad3638ef5a1f08",class:"button-controls"},null==(e=null==(t=this.ctasCollection)?void 0:t.items)?void 0:e.map(t=>(0,i.h)("akzo-button",Object.assign({variant:t.ctaType,label:t.ctaLabel,size:t.ctaSize,leftIcon:"tertiary"===t.ctaType&&"plus-circle",onClick:()=>this.handleButtonClick(t),actionType:"tertiary"===t.ctaType?"event":"redirect"},"primary"===t.ctaType?{redirectUrl:t.ctaLinkUrl}:{})))),this.showAppPrompt&&(0,i.h)("div",{key:"9de715b92afa09026b56244b8b6a0c2d1fac299a",class:"app-banner"},(0,i.h)("div",{key:"106fc4189074f384c6f432fffc810739f4297fd9",class:"padding-bottom-l"}),(0,i.h)("div",{key:"e1b58ffdfbab1fb0f618590b61cbe2724d321295",class:"app-banner-container"},(0,i.h)("div",{key:"ef26471768de419d5c663cf1ea7bbea429fbb251",class:"image-container"},(0,i.h)("img",{key:"b575707dcdb65d9545dda522062545e4a6968fc0",src:this.appPromptDetails.imgUrl,alt:"app-banner"}
1)),(0,i.h)("div",{key:"f37eb7481d673b03cefb86a7330fe66c1195e710",class:"app-banner--content"},(0,i.h)("akzo-heading",{key:"9c6e40333290b321ef409175aaa8e757547e1f43",level:6,text:this.appPromptDetails.heading,subtext:this.appPromptDetails.description}),(0,i.h)("akzo-button",{key:"b8de9bb9ba1aca32264f5abf529b6b9961177b07",variant:"tertiary",label:this.appPromptDetails.ctaLabel,actionType:"redirect",redirectUrl:this.appPromptDetails.ctaLink,isOpenInNewTab:(0,n.i)(this.appPromptDetails.ctaLink)}))),(0,i.h)("div",{key:"80fb90ecba5e017706f0e57439c2569cb1b97c88",class:"padding-bottom-l"})))))))}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.preview-card{display:block;background-color:var(--color-surface-neutral-option1, #ffffff)}.preview-card .content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.preview-card .container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--spacing-xl, 32px);width:100%;max-width:100%}.preview-card .top-content{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:var(--spacing-xs, 8px);align-self:stretch}.preview-card .bottom-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-l, 24px);align-self:stretch}.preview-card .button-controls{display:flex;flex-direction:column;gap:var(--spacing-s, 12px);width:100%}.preview-card .app-banner{background:var(--color-surface-neutral-option3, #ebebeb);width:792px;max-width:792px;padding:0 var(--spacing-l, 24px)}.preview-card .app-banner .app-banner-container{display:flex;width:560px;max-width:586px;justify-content:center;flex-wrap:wrap;margin:auto}.preview-card .app-banner .image-container{max-width:64px;height:auto}.preview-card .app-banner .image-container img{max-width:100%;height:100%;object-fit:cover}@media (max-width: 600px){.preview-card .app-banner{width:100%;max-width:100%;display:none}.preview-card .app-banner .app-banner-container{width:100%;max-width:100%}}.preview-card .app-banner--content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:1;padding-right:0;padding-left:24px}.preview-card .app-banner--content akzo-heading::part(subtext){font-size:14px}.preview-card .app-banner--content akzo-button::part(tertiary){min-width:auto;padding:20.5px 0}@media (min-width: 904px){.preview-card .container{width:792px;max-width:996px}.preview-card .button-controls{flex-direction:row;align-items:center}}.preview-card .top-content akzo-toggle-button::part(toggle){border:none !important;border-radius:0 !important}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.buttonClick=(0,i.c)(this,"buttonClick"),this.favoriteClick=(0,i.c)(this,"favoriteClick"),this.images=p,this.showAppPrompt=!1,this.appPromptDetails={imgUrl:"assets/images/image-ratio.png",heading:"Try our Visualizer app",description:"View this colour on your walls in realtime with our Visualizer app",ctaLabel:"Discover more",ctaLink:"https://www.dulux.co.uk/en/articles/dulux-visualizer-app"},this.ctasCollection=h,this.handleButtonClick=t=>{this.buttonClick.emit(t)},this.handleToggleButton=t=>{this.favoriteClick.emit(t.detail)}}},[1,"akzo-preview",{heading:[1],description:[1],isFavorite:[4,"is-favorite"],images:[16],showAppPrompt:[4,"show-app-prompt"],appPromptDetails:[16],ctasCollection:[16],spacingTop:[1,"spacing-top"],spacingBottom:[1,"spacing-bottom"]}]),c=g,b=function(){"undefined"!=typeof customElements&&["akzo-preview","akzo-button","akzo-heading","akzo-icon","akzo-image-thumbnail","akzo-loader","akzo-toggle-button"].forEach(t=>{switch(t){case"akzo-preview":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),g);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-heading":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,d.d)();break;case"akzo-image-thumbnail":customElements.get((0,i.t)(t))||(0,l.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,s.d)();break;case"akzo-toggle-button":customElements.get((0,i.t)(t))||(0,m.d)()}})}},76505:(t,e,o)=>{o.d(e,{O:()=>n,X:()=>a});var i=o(92887);let n=i.A,a=i.d},77129:(t,e,o)=>{o.d(e,{A:()=>n,d:()=>a});var i=o(41421);let n=(0,i.p)(class extends i.H{calculatePxFromPercent(){let t=window.innerWidth;this.pxValue=(t<500?70:87)/100*t}componentWillLoad(){this.calculatePxFromPercent()}handleResize(){this.calculatePxFromPercent()}
1render(){let t=this.background||"#D3D3D3",e=t.startsWith("http")||t.startsWith("//")||t.startsWith("/"),o=this.lidColor||(e?"#D3D3D3":t);return(0,i.h)("div",{key:"b2b0f6da1bbcd9ee230ba20fb97af075cedb03ac",class:{"packshot-container":!0,rounded:this.rounded,"metallic-bg":e},style:e?{backgroundImage:"url(".concat(t,")"),backgroundRepeat:"repeat-x",backgroundSize:"auto 100%"}:{background:e?"url(".concat(t,")"):t},part:"packshot-container"},(0,i.h)("div",{key:"248127c62cfe5f3730320798a5b6aeed2d6f82ae",class:"image-frame"},(0,i.h)("img",{key:"8b06077906c030a9e16b5997d951b6dfa5c66de8",class:"product-image",src:this.imageUrl,alt:this.imageAlt,part:"product-image"}),(0,i.h)("img",this.squircle?{class:"frame-overlay",src:"/assets/images/can-frame.svg",part:"frame-overlay",alt:"Image frame for packshot"}:{class:"frame-overlay",src:"/assets/images/akzo-packshot-image/trans.png",part:"frame-overlay",alt:"Image frame for packshot"}),this.canTop?(0,i.h)("div",{class:"can-top",part:"can-top"},(0,i.h)("div",{class:"lid"},(0,i.h)("div",{class:"inner-rim"}),(0,i.h)("div",{class:"paint-fill",style:{background:o}}))):null))}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.packshot-container{display:flex;flex-direction:column;align-items:center;width:100%;justify-content:flex-start;padding:2rem;border-radius:0px;transition:background 0.4s ease-in-out;position:relative;cursor:pointer}.packshot-container.rounded{border-radius:12px}.footer-controls{padding:0.5rem 0;width:100%;display:flex;justify-content:space-between}.footer-controls akzo-progress-dot::part(progress-dot-container){justify-content:start}.clickable{cursor:pointer}.disabled{opacity:0.4;pointer-events:none;cursor:default}.image-frame{position:relative;display:inline-flex;justify-content:center;align-items:center}.can-top{padding:2rem;display:flex;justify-content:center;align-items:center;position:absolute;aspect-ratio:1/1;width:38%;height:38%;top:11%;right:12%}@media (max-width: 600px){.can-top{width:59%;height:59%;top:-2%;right:-1%}}.lid{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle, #ccc 0%, #999 100%);position:relative;box-shadow:0 0 10px rgba(0, 0, 0, 0.2)}.inner-rim{position:absolute;top:3%;left:3%;width:95%;height:95%;border-radius:50%;background:#e0e0e0;box-shadow:inset 0 0 5px #666}.paint-fill{position:absolute;top:5%;left:5%;width:90%;height:90%;border-radius:50%;box-shadow:inset 0 0 10px black}.product-image{position:absolute;width:37%;z-index:20}@media (max-width: 600px){.product-image{width:48%}}.frame-overlay{position:relative;padding:21%}@media (max-width: 600px){.frame-overlay{padding:14%}}.fallback-overlay{aspect-ratio:1/1;position:relative;padding:20%}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.squircle=!0,this.canTop=!0,this.rounded=!1,this.background="#D3D3D3",this.pxValue=0}},[1,"akzo-packshot",{imageUrl:[1,"image-url"],imageAlt:[1,"image-alt"],squircle:[4],canTop:[4,"can-top"],rounded:[4],background:[1],lidColor:[1,"lid-color"],pxValue:[32]},[[9,"resize","handleResize"]]]);function a(){"undefined"!=typeof customElements&&["akzo-packshot"].forEach(t=>{"akzo-packshot"===t&&(customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),n))})}},77653:(t,e,o)=>{o.r(e),o.d(e,{AkzoAccordion:()=>ew,AkzoAddressSelect:()=>ez,AkzoArticle:()=>ey,AkzoArticleGrid:()=>ev,AkzoArticleGridItem:()=>eC,AkzoBanner:()=>eS,AkzoBreadcrumb:()=>e_,AkzoBrochure:()=>eE,AkzoButton:()=>eA,AkzoCardButton:()=>eL,AkzoCardSelect:()=>eI,AkzoCarouselPagination:()=>eP,AkzoCartPopover:()=>eT,AkzoCategoryCard:()=>eD,AkzoCategoryCarousel:()=>eM,AkzoCategoryTile:()=>eO,AkzoCheckbox:()=>eB,AkzoClickableIcon:()=>eN,AkzoColorBanner:()=>eR,AkzoColorCombinations:()=>eF,AkzoColorGridItem:()=>ej,AkzoColorSelector:()=>eH,AkzoColorSwatchBar:()=>eq,AkzoColorSwatchRow:()=>eW,AkzoColorSwatchSelector:()=>eV,AkzoColorWall:()=>eU,AkzoColorWidget:()=>eK,AkzoColourSwatch:()=>eX,AkzoColoursWithStory:()=>eQ,AkzoCountryLanguageSelector:()=>eG,AkzoCustomerSupportBox:()=>eJ,AkzoCustomerSupportContact:()=>eY,AkzoDashboardOrderItem:()=>eZ,AkzoDataTable:()=>e$,AkzoDatePicker:()=>e0,AkzoDeliveryMethodSelector:()=>
1e1,AkzoDivider:()=>e5,AkzoDropdownButton:()=>e2,AkzoFabButton:()=>e7,AkzoFeaturedIcon:()=>e4,AkzoFilterCategory:()=>e6,AkzoFilterGroupContainer:()=>e3,AkzoFooter:()=>e8,AkzoGlobalTopBar:()=>e9,AkzoHalfBanner:()=>ot,AkzoHeader:()=>oe,AkzoHeading:()=>oo,AkzoHeroBanner:()=>oi,AkzoHeroContent:()=>on,AkzoHotspotTooltip:()=>oa,AkzoIcon:()=>or,AkzoImageArticleContent:()=>od,AkzoImageCarousel:()=>ol,AkzoImageGallery:()=>os,AkzoImageGrid:()=>om,AkzoImageThumbnail:()=>op,AkzoImageThumbnails:()=>oh,AkzoImageWithSwatchBar:()=>og,AkzoInfoCard:()=>oc,AkzoInformationBanner:()=>ob,AkzoInputSearchField:()=>ox,AkzoInputSelectDropdown:()=>ou,AkzoInputSubscription:()=>of,AkzoInputTextarea:()=>ok,AkzoInputTextfield:()=>ow,AkzoLabel:()=>oz,AkzoLazyLoadPrompt:()=>oy,AkzoLifestyleCarousel:()=>ov,AkzoLightIcon:()=>oC,AkzoLink:()=>oS,AkzoLinkList:()=>o_,AkzoList:()=>oE,AkzoListItem:()=>oA,AkzoLoader:()=>oL,AkzoLoadmoreButton:()=>oI,AkzoLogo:()=>oP,AkzoMarketoModal:()=>oT,AkzoMegaMenu:()=>oD,AkzoMenuItem:()=>oM,AkzoMenuList:()=>oO,AkzoModal:()=>oB,AkzoNewsletterSubscription:()=>oN,AkzoNotificationBar:()=>oR,AkzoNotificationCard:()=>oF,AkzoOrderSummary:()=>oj,AkzoPackshot:()=>oH,AkzoPagination:()=>oq,AkzoPaintCalculator:()=>oW,AkzoPdfModal:()=>oV,AkzoPreview:()=>oU,AkzoPrice:()=>oK,AkzoPricingRange:()=>oX,AkzoPricingSection:()=>oQ,AkzoProductCard:()=>oG,AkzoProductCarousel:()=>oJ,AkzoProductCategoryCard:()=>oY,AkzoProductImageCarousel:()=>oZ,AkzoProductLineItem:()=>o$,AkzoProductSummary:()=>o0,AkzoProductTile:()=>o1,AkzoProgressBar:()=>o5,AkzoProgressDot:()=>o2,AkzoProgressStepper:()=>o7,AkzoProjectCard:()=>o4,AkzoQuantityIncrementor:()=>o6,AkzoRadio:()=>o3,AkzoRecommendedProducts:()=>o8,AkzoRichTextBlock:()=>o9,AkzoSearchItem:()=>it,AkzoSearchOverlay:()=>ie,AkzoSelectableCardGroup:()=>io,AkzoSelectionCards:()=>ii,AkzoSigninButton:()=>ia,AkzoSingleColorSwatch:()=>ir,AkzoSlider:()=>id,AkzoSocialSwatch:()=>il,AkzoStatus:()=>is,AkzoStepper:()=>im,AkzoStockChecker:()=>ip,AkzoStoreButton:()=>ih,AkzoStoreCard:()=>ig,AkzoStoreLocator:()=>ic,AkzoSummaryAddressCard:()=>ib,AkzoTabs:()=>ix,AkzoTags:()=>iu,AkzoToggleButton:()=>ik,AkzoToggleSelector:()=>iw,AkzoTooltip:()=>iz,AkzoUpload:()=>iy,AkzoUsp:()=>iv,AkzoVideoButton:()=>iC,AkzoVideoPlayer:()=>iS,TagItem:()=>i_});var i=o(72229),n=o(49110),a=o(98324),r=o(82104),d=o(71197),l=o(46755),s=o(19124),m=o(11197),p=o(46077),h=o(72854),g=o(71690),c=o(7998),b=o(6827),x=o(91246),u=o(11282),f=o(80920),k=o(59800),w=o(36951),z=o(5793),y=o(48191),v=o(45845),C=o(30278),S=o(79063),_=o(85082),E=o(1207),A=o(70075),L=o(27451),I=o(45888),P=o(40765),T=o(94844),D=o(31807),M=o(93142),O=o(44178),B=o(65316),N=o(61454),R=o(93141),F=o(3426),j=o(96479),H=o(78233),q=o(71987),W=o(72442),V=o(35159),U=o(32738),K=o(79476),X=o(12213),Q=o(18992),G=o(94529),J=o(72342),Y=o(77905),Z=o(79258),$=o(32264),tt=o(83057),te=o(92283),to=o(66437),ti=o(55645),tn=o(61611),ta=o(37456),tr=o(40428),td=o(89222),tl=o(67774),ts=o(85263),tm=o(97883),tp=o(80915),th=o(47388),tg=o(34355),tc=o(9045),tb=o(20683),tx=o(45309),tu=o(70143),tf=o(50416),tk=o(76505),tw=o(9871),tz=o(1077),ty=o(95602),tv=o(36819),tC=o(78718),tS=o(26266),t_=o(94449),tE=o(92222),tA=o(91517),tL=o(20790),tI=o(14720),tP=o(69318),tT=o(79291),tD=o(19138),tM=o(39348),tO=o(98689),tB=o(55294),tN=o(56957),tR=o(75891),tF=o(3702),tj=o(37013),tH=o(34759),tq=o(30817),tW=o(96389),tV=o(86432),tU=o(4821),tK=o(87787),tX=o(61029),tQ=o(11671),tG=o(60230),tJ=o(94468),tY=o(99754),tZ=o(77703),t$=o(40325),t0=o(92380),t1=o(53791),t5=o(10501),t2=o(28631),t7=o(62856),t4=o(90320),t6=o(37707),t3=o(61362),t8=o(49766),t9=o(97328),et=o(67509),ee=o(55635),eo=o(40866),ei=o(86191),en=o(64525),ea=o(54099),er=o(86913),ed=o(17815),el=o(13197),es=o(75556),em=o(61876),ep=o(53709),eh=o(28280),eg=o(58548),ec=o(49047),eb=o(51475),ex=o(24598),eu=o(30369),ef=o(23710),ek=o(34023);let ew="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-accordion",elementClass:i.AkzoAccordion,react:ek,events:{onToggle:"toggle"},defineCustomElement:i.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-accordion",properties:{items:"items",mainTitle:"main-title",maxContentHeight:"max-content-height",allowMultipleOpen:"allow-multiple-open",variant:"variant",defaultExpandedIndex:"default-expanded-index",showBorders:"show-borders"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ez="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-address-select",elementClass:n.AkzoAddressSelect,react:ek,events:{onButtonClick:"buttonClick",onAddressSelected:"addressSelected"},defineCustomElement:n.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-address-select",properties:{addressData:"address-data",selectedAddressIndex:"selected-address-index",defaultSelectedAddressIndex:"default-selected-address-index",isCheckout:"is-checkout",isFastOrder:"is-fast-order",changeAddressLabel:"change-address-label",updateAddressLabel:"update-ad
1dress-label",selectAddressAriaLabel:"select-address-aria-label"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ey="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-article",elementClass:d.AkzoArticle,react:ek,events:{},defineCustomElement:d.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-article",properties:{rtedescription:"rtedescription"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ev="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-article-grid",elementClass:r.AkzoArticleGrid,react:ek,events:{onCardClick:"cardClick",onLoadMoreClick:"loadMoreClick"},defineCustomElement:r.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-article-grid",properties:{variant:"variant",maximumItems:"maximum-items",heading:"heading",headingWeight:"heading-weight",headingLevel:"heading-level",overline:"overline",description:"description",seeMoreLabel:"see-more-label",bigCardPosition:"big-card-position",ctasPostion:"ctas-postion",colorMode:"color-mode",backgroundColor:"background-color",seeLessLabel:"see-less-label",isLimitedChars:"is-limited-chars",isBlogspage:"is-blogspage",spacingTop:"spacing-top",spacingBottom:"spacing-bottom",disableValidation:"disable-validation",isTopSpacingNone:"is-top-spacing-none",isStatic:"is-static",showLoadMoreButton:"show-load-more-button",showAllItems:"show-all-items",showLessForBlogs:"show-less-for-blogs"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eC="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-article-grid-item",elementClass:a.AkzoArticleGridItem,react:ek,events:{},defineCustomElement:a.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-article-grid-item",properties:{type:"type",titlename:"titlename",titlelink:"titlelink",overline:"overline",description:"description",imagesrc:"imagesrc",imagealt:"imagealt",imagewebp:"imagewebp",imageavif:"imageavif",imagesrcset:"imagesrcset",imagesizes:"imagesizes",imagewidth:"imagewidth",imageheight:"imageheight",styles:"styles",theme:"theme",backgroundColor:"background-color",mediaType:"media-type",showIcon:"show-icon",indexValue:"index-value",cardLinkUrl:"card-link-url",image:"image",buttonitems:"buttonitems",isStatic:"is-static"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eS="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-banner",elementClass:l.AkzoBanner,react:ek,events:{},defineCustomElement:l.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-banner",properties:{bannerSize:"banner-size",image:"image",imageAltText:"image-alt-text",overline:"overline",locale:"locale",country:"country",multiLocale:"multi-locale",heading:"heading",headingWeight:"heading-weight",headingLevel:"heading-level",backgroundColor:"background-color",contentAlignment:"content-alignment",slotName:"slot-name",componentId:"component-id",primaryCtaLabel:"primary-cta-label",primaryCtaUrl:"primary-cta-url",primaryCtaType:"primary-cta-type",secondaryCtaLabel:"secondary-cta-label",secondaryCtaUrl:"secondary-cta-url",secondaryCtaType:"secondary-cta-type",tertiaryCtaLabel:"tertiary-cta-label",tertiaryCtaUrl:"tertiary-cta-url",imageEmphasis:"image-emphasis",imageInset:"image-inset"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),e_="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-breadcrumb",elementClass:s.AkzoBreadcrumb,react:ek,events:{},defineCustomElement:s.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-breadcrumb",properties:{breadcrumbItems:"breadcrumb-items",currentPageLabel:"current-page-label",container:"container",showBackLink:"show-back-link",backLinkHref:"back-link-href",inverse:"inverse",backGroundColor:"back-ground-color"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eE="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-brochure",elementClass:m.AkzoBrochure,react:ek,events:{},defineCustomElement:m.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-brochure",properties:{backgroundColor:"background-color",imageAltText:"image-alt-text",heading:"heading",headingWeight:"heading-weight",headingLevel:"heading-level",overline:"overline",ctaAlignment:"cta-alignment",primaryCtaLabel:"primary-cta-label",primaryCtaUrl:"primary-cta-url",secondaryCtaLabel:"secondary-cta-label",secondaryCtaUrl:"secondary-cta-url"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eA="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-button",elementClass:p.AkzoButton,react:ek,events:{onButtonClick:"buttonClick"},defineCustomElement:p.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-button",properties:{variant:"variant",size:"size",label:"label",onlyIcon:"only-icon",iconName:"icon-name",leftIcon:"left-icon",cartNumber:"cart-number",maxCartNumber:"max-cart-number",rightIcon:"right-icon",loading:"loading",disabled:"disabled",fullWidth:"full-width",focusOutline:"focus-outline",circleIcon:"circle-icon",coreColor:"core-color",actionType:"action-type",redirectUrl:"redirect-url",isOpenInNewTab:"is-open-in-new-tab"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eL="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-card-button",elementClass:h.AkzoCardButton,react:ek,events:{},defineCustomElement:h.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-card-button",properties:{orientation:"orientation",label:"label",icon:"icon",disabled:"disabled",active:"active",description:"description"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eI="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-card-select",elementClass:g.I,react:ek,events:{onCardChange:"cardChange"},defineCustomElement:g.X}):(0,ef.createSSRComponent)({tagName:"akzo-card-select",properties:{cardTitle:"card-title",description:"description",price:"price",showPrice:"show-price",defaultSelected:"default-selected",selected:"selected",defaultDate:"default-date",info:"info",label:"label",minDate:"min-date",disabled:"disabled",showDatePicker:"show-date-picker",readOnly:"read-only",disableBeforeMinDate:"disable-before-min-date",centerCalendarOnMobile:"center-calendar-on-mobile",disabledDatesGray:"disabled-dates-gray",error:"error"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eP="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-carousel-pagination",elementClass:c.w,react:ek,events:{onNextSlide:"nextSlide",onPrevSlide:"prevSlide",onGoToSlide:"goToSlide"},defineCustomElement:c.X}):(0,ef.createSSRComponent)({tagName:"akzo-carousel-pagination",properties:{totalSlides:"total-slides",currentIndex:"current-index",showArrows:"show-arrows",showDots:"show-dots",arrowPosition:"arrow-position",paginationPosition:"pagination-position"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eT="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-cart-popover",elementClass:b.AkzoCartPopover,react:ek,events:{onCartClosed:"cartClosed",onProceedToCheckoutClicked:"proceedToCheckoutClicked",onQuantityChange:"quantityChange",onQuantityChangeStepper:"quantityChangeStepper",onRemoveProduct:"removeProduct",onActionClick:"actionClick",onUndoClick:"undoClick"},defineCustomElement:b.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-cart-popover",properties:{showCartModal:"show-cart-modal",heading:"heading",cartSubtotalText:"cart-subtotal-text",totalVolumeText:"total-volume-text",contentHeading:"content-heading",viewEditCartButtonLabel:"view-edit-cart-button-label",proceedToCheckoutButtonLabel:"proceed-to-checkout-button-label",taxDetailText:"tax-detail-text",cartLabel:"cart-label",undoText:"undo-text",productsAddedToCartText:"products-added-to-cart-text",w
1arningText:"warning-text",productRemovedDetailsText:"product-removed-details-text",unitsPerCartonLabel:"units-per-carton-label",unitsLabel:"units-label",totalLabel:"total-label",unitCostLabel:"unit-cost-label",minimumOrderWarningText:"minimum-order-warning-text",yourCartIsEmptyText:"your-cart-is-empty-text",browseProductsText:"browse-products-text",continueShoppingText:"continue-shopping-text",quantityUpdatedText:"quantity-updated-text",unavailableProductsWarningText:"unavailable-products-warning-text",pendingOrderWarningText:"pending-order-warning-text",alreadyInPhrase:"already-in-phrase",alreadyInMultipleOrdersText:"already-in-multiple-orders-text",viewOrdersText:"view-orders-text",ordersPageUrl:"orders-page-url",cartSubtotal:"cart-subtotal",totalVolume:"total-volume",data:"data",minimumOrderValue:"minimum-order-value",isLoading:"is-loading",customCurrencySymbol:"custom-currency-symbol",validateQuantityOnLoad:"validate-quantity-on-load"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eD="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-category-card",elementClass:x.a,react:ek,events:{},defineCustomElement:x.X}):(0,ef.createSSRComponent)({tagName:"akzo-category-card",properties:{imageSrc:"image-src",altText:"alt-text",cardTitle:"card-title",description:"description",href:"href",shape:"shape"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eM="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-category-carousel",elementClass:u.AkzoCategoryCarousel,react:ek,events:{},defineCustomElement:u.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-category-carousel",properties:{heading:"heading",headingWeight:"heading-weight",tileShape:"tile-shape",openInNewTab:"open-in-new-tab"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eO="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-category-tile",elementClass:f.G,react:ek,events:{onTileClick:"tileClick"},defineCustomElement:f.X}):(0,ef.createSSRComponent)({tagName:"akzo-category-tile",properties:{image:"image",label:"label",url:"url",description:"description",altText:"alt-text",openInNewTab:"open-in-new-tab",shape:"shape",hoverLinked:"hover-linked"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eB="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-checkbox",elementClass:k.AkzoCheckbox,react:ek,events:{onCheckboxChange:"checkboxChange"},defineCustomElement:k.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-checkbox",properties:{checked:"checked",indeterminate:"indeterminate",disabled:"disabled",enableIndeterminateCycle:"enable-indeterminate-cycle",value:"value",hovered:"hovered"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eN="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-clickable-icon",elementClass:w.p,react:ek,events:{onButtonClick:"buttonClick"},defineCustomElement:w.X}):(0,ef.createSSRComponent)({tagName:"akzo-clickable-icon",properties:{icon:"icon",inverse:"inverse"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eR="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-color-banner",elementClass:z.b,react:ek,events:{onColorBannerCtaClick:"colorBannerCtaClick"},defineCustomElement:z.X}):(0,ef.createSSRComponent)({tagName:"akzo-color-banner",properties:{backgroundColor:"background-color",swatchImageUrl:"swatch-image-url",swatchImageBackgroundRepeat:"swatch-image-background-repeat",swatchImageBackgroundSize:"swatch-image-background-size",swatchImageBackgroundPosition:"swatch-image-background-position",color:"color",heading:"heading",headingWeight:"heading-weight",headingLevel:"heading-level",description:"description",imageAltText:"image-alt-text",textSectionPosition:"text-section-position",colorMode:"color-mode",isFavorite:"is-favorite",backToPage:"back-to-page",backToLink:"back-to-link",wideContent:"wide-content"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eF="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-color-combinations",elementClass:y.AkzoColorCombinations,react:ek,events:{onColorClick:"colorClick",onLoadMoreClick:"loadM
1oreClick",onTabClick:"tabClick",onActionClick:"actionClick",onPageChange:"pageChange"},defineCustomElement:y.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-color-combinations",properties:{combinations:"combinations",isLoading:"is-loading",heading:"heading",headingWeight:"heading-weight",headingLevel:"heading-level",description:"description",variantType:"variant-type",alignment:"alignment",rows:"rows",seeLessLabel:"see-less-label",columnsPerRow:"columns-per-row",viewAllEnabled:"view-all-enabled",tabs:"tabs",isFavourited:"is-favourited",showFavourite:"show-favourite",noItemsAvailableMessage:"no-items-available-message",showAllwhenButtonClicked:"show-allwhen-button-clicked",showActionButton:"show-action-button",showLabelInMobile:"show-label-in-mobile",selectedColorIds:"selected-color-ids",disableInternalTracking:"disable-internal-tracking",shape:"shape",mobilePadding:"mobile-padding",spacingTop:"spacing-top",spacingBottom:"spacing-bottom",isArticlePage:"is-article-page",compactTopMarginDesktop:"compact-top-margin-desktop",gridPaddingTopDesktop:"grid-padding-top-desktop",seeMoreLabel:"see-more-label",showLoadMoreButton:"show-load-more-button",showLoadLessButton:"show-load-less-button",viewAllLabel:"view-all-label",showAllItems:"show-all-items",redirectUrl:"redirect-url",backgroundColor:"background-color"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ej="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-color-grid-item",elementClass:v.AkzoColorGridItem,react:ek,events:{onItemClick:"itemClick",onFavouriteClick:"favouriteClick"},defineCustomElement:v.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-color-grid-item",properties:{color:"color",label:"label",isSelected:"is-selected",isDisabled:"is-disabled",ariaLabel:"aria-label",showFavourite:"show-favourite",isFavourited:"is-favourited",width:"width",height:"height",hideLabelOnMobile:"hide-label-on-mobile",variant:"variant",autoFill:"auto-fill",scaleHover:"scale-hover",localStorageKey:"local-storage-key",showLabelInMobile:"show-label-in-mobile",shape:"shape",swatchImageUrl:"swatch-image-url",href:"href"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eH="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-color-selector",elementClass:C.AkzoColorSelector,react:ek,events:{onTagClick:"tagClick",onColorClick:"colorClick",onCombinationSelected:"combinationSelected",onFavoriteToggle:"favoriteToggle"},defineCustomElement:C.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-color-selector",properties:{titleText:"title-text",headingWeight:"heading-weight",description:"description",showMeText:"show-me-text",combinationsHeading:"combinations-heading",tags:"tags",colors:"colors",combinations:"combinations",config:"config",selectedTagId:"selected-tag-id",selectedColorIds:"selected-color-ids",selectedColorId:"selected-color-id",showBackToColorWall:"show-back-to-color-wall",isBlogs:"is-blogs",preventColorReselection:"prevent-color-reselection",disableInternalCombinationFilter:"disable-internal-combination-filter",disableInternalTracking:"disable-internal-tracking",mobilePadding:"mobile-padding",noMobilePadding:"no-mobile-padding",compactBottomSpacing:"compact-bottom-spacing",noHeaderMargin:"no-header-margin",noTagsMarginTop:"no-tags-margin-top",gridPaddingTopDesktop:"grid-padding-top-desktop",compactTopMargin:"compact-top-margin",compactTopMarginDesktop:"compact-top-margin-desktop",seeMoreLabel:"see-more-label",showAllItems:"show-all-items",headingLevel:"heading-level"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eq="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-color-swatch-bar",elementClass:S.AkzoColorSwatchBar,react:ek,events:{},defineCustomElement:S.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-color-swatch-bar",properties:{variant:"variant",maxSwatches:"max-swatches",noSwatchesMessage:"no-swatches-message"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eW="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-color-swatch-row",elementClass:_.AkzoColorSwatchRow,react:ek,events:{onSwatchChange:"swatchChange"},defineCustomElement:_.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-color-swatch-row",properties:{label:"label",selectedId:"selected-id",showBackToColorWall:"show-back-to-color-wall",preventReselection:"prevent-reselection",maxSwatchesPerRow:"max-swatches-per-row"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eV="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-color-swatch-selector",elementClass:E.AkzoColorSwatchSelector,react:ek,events:{onSwatchClick:"swatchClick",onFavouriteClick:"favouriteClick"},defineCustomElement:E.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-color-swatch-selector",properties:{labelAsLink:"label-as-link",href:"href",label:"label",customAriaLabel:"custom-aria-label",size:"size",changeButtonLabel:"change-button-label",localStorageKey:"local-storage-key"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eU="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-color-wall",elementClass:A.AkzoColorWall,react:ek,events:{onSwatchClick:"swatchClick",onWallClick:"wallClick",onTabClick:"tabClick"},defineCustomElement:A.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-color-wall",properties:{heading:"heading",headingDescription:"heading-description",subHeading:"sub-heading",subHeadingDescription:"sub-heading-description",alignStart:"align-start"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eK="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-color-widget",elementClass:L.AkzoColorWidget,react:ek,events:{onTabClick:"tabClick",onTagClick:"tagClick",onColorClick:"colorClick",onSearchChange:"searchChange"},defineCustomElement:L.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-color-widget",properties:{titleText:"title-text",headingWeight:"heading-weight",headingLevel:"heading-level",description:"description",showMeText:"show-me-text",tabs:"tabs",tags:"tags",selectedTagId:"selected-tag-id",colors:"colors",showBackToColorWall:"show-back-to-color-wall",isBlogs:"is-blogs",selectedColorId:"selected-color-id",preventColorReselection:"prevent-color-reselection",searchPlaceholder:"search-placeholder",dataEvent:"data-event",disableAnalytics:"disable-analytics",noMobilePadding:"no-mobile-padding",compactBottomSpacing:"compact-bottom-sp
1acing",noHeaderMargin:"no-header-margin",noTagsMarginTop:"no-tags-margin-top",compactTopMargin:"compact-top-margin"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eX="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-colour-swatch",elementClass:I.O,react:ek,events:{onSwatchClick:"swatchClick"},defineCustomElement:I.X}):(0,ef.createSSRComponent)({tagName:"akzo-colour-swatch",properties:{hex:"hex",swatchImageUrl:"swatch-image-url",swatchImageBackgroundSize:"swatch-image-background-size",selected:"selected",ariaLabel:"aria-label",size:"size",aspectRatio:"aspect-ratio",customClass:"custom-class",selectedIconSize:"selected-icon-size",variant:"variant",showBackToColorWall:"show-back-to-color-wall",hoverSquircle:"hover-squircle",shape:"shape"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eQ="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-colours-with-story",elementClass:P.W,react:ek,events:{},defineCustomElement:P.X}):(0,ef.createSSRComponent)({tagName:"akzo-colours-with-story",properties:{heading:"heading",items:"items",showFavourite:"show-favourite",isFavourited:"is-favourited",spacingTop:"spacing-top",spacingBottom:"spacing-bottom",backgroundColor:"background-color",seeMoreLabel:"see-more-label"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eG="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-country-language-selector",elementClass:T.V,react:ek,events:{onCountryLanguageChange:"countryLanguageChange"},defineCustomElement:T.X}):(0,ef.createSSRComponent)({tagName:"akzo-country-language-selector",properties:{variant:"variant",countries:"countries",isDisabled:"is-disabled",selectedItem:"selected-item"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eJ="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-customer-support-box",elementClass:D.W,react:ek,events:{},defineCustomElement:D.X}):(0,ef.createSSRComponent)({tagName:"akzo-customer-support-box",properties:{supportText:"support-text",supportIcon:"support-icon",alignment:"alignment",supportComment:"support-comment",supportItems:"support-items"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eY="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-customer-support-contact",elementClass:M.AkzoCustomerSupportContact,react:ek,events:{},defineCustomElement:M.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-customer-support-contact",properties:{imgSrc:"img-src",name:"name",phoneNumber:"phone-number",email:"email"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),eZ="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-dashboard-order-item",elementClass:O.AkzoDashboardOrderItem,react:ek,events:{onDownloadClick:"downloadClick"},defineCustomElement:O.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-dashboard-order-item",properties:{dividerOrientation:"divider-orientation",dividerVariant:"divider-variant",dividerThickness:"divider-thickness",dividerColor:"divider-color",dividerLength:"divider-length",dividerText:"divider-text",iconName:"icon-name",iconSize:"icon-size",iconColor:"icon-color",isDownload:"is-download",downloadPath:"download-path",isInvoice:"is-invoice"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),e$="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-data-table",elementClass:B.AkzoDataTable,react:ek,events:{onSort:"sort",onTooltipShow:"tooltipShow",onTooltipHide:"tooltipHide",onRowScrollIntoView:"rowScrollIntoView",onSelectAllChange:"selectAllChange",onRowClick:"rowClick",onRowSelect:"rowSelect",onCellButtonClick:"cellButtonClick"},defineCustomElement:B.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-data-table",properties:{rowKey:"row-key",sortKey:"sort-key",sortDirection:"sort-direction",emptyState:"empty-state",tableClass:"table-class",enableSelectAll:"enable-select-all",selectAllIndeterminate:"select-all-indeterminate",allSelected:"all-selected",hideHeader:"hide-header",hideHeaderInMobile:"hide-header-in-mobile",hideDividerInMobile:"hide-divider-in-mobile",showHeaderInMobile:"show-header-in-mobile",mobileBreakpoint:"mobile-breakpoint",forceMobileLayout:"force-mobile-layout",disableMobileStack:"disable-mobile-stack",disableRowBackgroun
1ds:"disable-row-backgrounds",responsiveMode:"responsive-mode",rowMobileReplace:"row-mobile-replace",isTooltipOn:"is-tooltip-on",tooltipText:"tooltip-text",scrollToRowKey:"scroll-to-row-key",scrollAlign:"scroll-align",smoothScroll:"smooth-scroll",autoHighlightOnScroll:"auto-highlight-on-scroll"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),e0="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-date-picker",elementClass:N.Y,react:ek,events:{onDateChange:"dateChange",onCalendarOpen:"calendarOpen",onCalendarClose:"calendarClose",onDateSelect:"dateSelect",onRangeSelect:"rangeSelect"},defineCustomElement:N.X}):(0,ef.createSSRComponent)({tagName:"akzo-date-picker",properties:{range:"range",label:"label",optional:"optional",helperText:"helper-text",error:"error",disabled:"disabled",value:"value",placeholder:"placeholder",minDate:"min-date",maxDate:"max-date",disabledDatesGray:"disabled-dates-gray",disableBeforeMinDate:"disable-before-min-date",centerCalendarOnMobile:"center-calendar-on-mobile",locale:"locale",readOnly:"read-only"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),e1="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-delivery-method-selector",elementClass:R.U,react:ek,events:{onDeliveryChange:"deliveryChange"},defineCustomElement:R.X}):(0,ef.createSSRComponent)({tagName:"akzo-delivery-method-selector",properties:{options:"options",filled:"filled",filledHeading:"filled-heading",filledDescription:"filled-description",placeholderText:"placeholder-text",showPrice:"show-price",changeButtonLabelNoOptions:"change-button-label-no-options",changeButtonLabel:"change-button-label",changeButtonVariant:"change-button-variant",showDatePicker:"show-date-picker"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),e5="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-divider",elementClass:F.AkzoDivider,react:ek,events:{},defineCustomElement:F.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-divider",properties:{orientation:"orientation",variant:"variant",thickness:"thickness",color:"color",length:"length",text:"text"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),e2="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-dropdown-button",elementClass:j.v,react:ek,events:{onButtonClick:"buttonClick",onDropdownSelect:"dropdownSelect"},defineCustomElement:j.X}):(0,ef.createSSRComponent)({tagName:"akzo-dropdown-button",properties:{label:"label",variant:"variant",size:"size",loading:"loading",disabled:"disabled",focusOutline:"focus-outline",dropdownOptions:"dropdown-options",selectedOption:"selected-option",coreColor:"core-color",theme:"theme"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),e7="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-fab-button",elementClass:H.AkzoFabButton,react:ek,events:{onButtonClick:"buttonClick"},defineCustomElement:H.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-fab-button",properties:{variant:"variant",label:"label",onlyIcon:"only-icon",leftIcon:"left-icon",rightIcon:"right-icon",loading:"loading",disabled:"disabled",fullWidth:"full-width",focusOutline:"focus-outline",coreColor:"core-color",type:"type",showLabel:"show-label",showIcon:"show-icon"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),e4="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-featured-icon",elementClass:q.$,react:ek,events:{},defineCustomElement:q.X}):(0,ef.createSSRComponent)({tagName:"akzo-featured-icon",properties:{variant:"variant",icon:"icon",inverse:"inverse"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),e6="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-filter-category",elementClass:W.e,react:ek,events:{onAkzoSelectionChange:"akzoSelectionChange"},defineCustomElement:W.X}):(0,ef.createSSRComponent)({tagName:"akzo-filter-category",properties:{filterTitle:"filter-title",enableIndeterminateCycle:"enable-indeterminate-cycle",items:"items",visibleCount:"visible-count",showSwatch:"show-swatch",minPrice:"min-price",maxPrice:"max-price",isPrice:"is-price",viewMoreLabel:"view-more-label",viewLessLabel:"view-less-label",showViewToggle:"show-view-toggle",scrollable:"scrollable",horizontalScroll:"horizontal-scroll",allowMultipleExpand:"allow-multiple-expand",isActive:"is-active",themeColor:"theme-color",closeOnOutsideClick:"close-on-outside-click",enableHover:"enable-hover",clickableLabel:"clickable-label",defaultExpanded:"default-expanded"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),e3="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-filter-group-container",elementClass:V.A
1kzoFilterGroupContainer,react:ek,events:{onAkzoFilterChange:"akzoFilterChange",onAkzoClearAll:"akzoClearAll",onAkzoFilterToggle:"akzoFilterToggle"},defineCustomElement:V.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-filter-group-container",properties:{data:"data",filterTitle:"filter-title",clearAllLabel:"clear-all-label",showSelectedFilters:"show-selected-filters",disableClearAll:"disable-clear-all",allowMultipleExpand:"allow-multiple-expand",closeOnOutsideClick:"close-on-outside-click",enableHover:"enable-hover",clickableLabel:"clickable-label",containerOffset:"container-offset",myAkzoPlp:"my-akzo-plp",expandFirstFilter:"expand-first-filter"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),e8="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-footer",elementClass:U.AkzoFooter,react:ek,events:{},defineCustomElement:U.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-footer",properties:{brandLogo:"brand-logo",brandLogoAltText:"brand-logo-alt-text",joinCommunityTitle:"join-community-title",emailAddressLabel:"email-address-label",thankYouMessage:"thank-you-message",submissionErrorMessage:"submission-error-message",copyRightInformation:"copy-right-information",colorMode:"color-mode",showChatbot:"show-chatbot",showPaymentMethods:"show-payment-methods"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),e9="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-global-top-bar",elementClass:K.b,react:ek,events:{onLanguageChanged:"languageChanged",onSiteTypeChanged:"siteTypeChanged"},defineCustomElement:K.X}):(0,ef.createSSRComponent)({tagName:"akzo-global-top-bar",properties:{showCountrySelector:"show-country-selector",currentLanguage:"current-language",heading:"heading",subBrandDomain:"sub-brand-domain",akzonobelUrl:"akzonobel-url",backLink:"back-link",backLabel:"back-label"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ot="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-half-banner",elementClass:X.AkzoHalfBanner,react:ek,events:{},defineCustomElement:X.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-half-banner",properties:{sliderAnimationType:"slider-animation-type",bannersCollection:"banners-collection",autoPlay:"auto-play",contentLayout:"content-layout",isB2bHome:"is-b-2b-home",locale:"locale"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oe="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-header",elementClass:Q.AkzoHeader,react:ek,events:{onRegister:"register",onSignOut:"signOut",onSignIn:"signIn",onSearchClick:"searchClick",onCartOpen:"cartOpen",onChangeAddress:"changeAddress",onChangePassword:"changePassword"},defineCustomElement:Q.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-header",properties:{colorMode:"color-mode",layoutType:"layout-type",menuPosition:"menu-position",brandLogo:"brand-logo",brandLogoHref:"brand-logo-href",subBrandDomain:"sub-brand-domain",isAccountEnabled:"is-account-enabled",isShoppingCartEnabled:"is-shopping-cart-enabled",isWishListEnabled:"is-wish-list-enabled",isSearchEnabled:"is-search-enabled",isMapEnabled:"is-map-enabled",isFixed:"is-fixed",isSignedIn:"is-signed-in",showGlobalTopBar:"show-global-top-bar",showBackToProduct:"show-back-to-product",mapLink:"map-link",wishListLink:"wish-list-link",shoppingCartLink:"shopping-cart-link",accountName:"account-name",cartNumber:"cart-number",maxCartNumber:"max-cart-number",email:"email",globalTopBar:"global-top-bar",shippingAddress:"shipping-address",application:"application",visibleAddressChange:"visible-address-change",visibleAccountChange:"visible-account-change",backToMenuLabel:"back-to-menu-label"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oo="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-heading",elementClass:G.AkzoHeading,react:ek,events:{},defineCustomElement:G.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-heading",properties:{level:"level",componentTag:"component-tag",alignment:"alignment",overline:"overline",coreColor:"core-color",text:"text",color:"color",subtext:"subtext"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oi="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-hero-banner",elementClass:J.AkzoHeroBanner,react:ek,events:{},defineCustomElement:J.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-hero-banner",properties:{backgroundColor:"background-color",primaryCtaLabel:"primary-cta-label",primaryCtaUrl:"primary-cta-url",secondaryCtaLabel:"secondary-cta-label",secondaryCtaUrl:"secondary-cta-url",country:"country",multiLocale:"multi-locale",contentAlignment:"content-alignment",heading:"heading",headingWeight:"heading-weight",headingLevel:"heading-level",overline:"overline",heroStyle:"hero-style",customClasses:"custom-classes",slotName:"slot-name",forceBackgroun
1dColor:"force-background-color",imageAltText:"image-alt-text",locale:"locale"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),on="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-hero-content",elementClass:Y.n,react:ek,events:{},defineCustomElement:Y.X}):(0,ef.createSSRComponent)({tagName:"akzo-hero-content",properties:{customClasses:"custom-classes",isHalfBanner:"is-half-banner",isColorBanner:"is-color-banner",isBrochure:"is-brochure",isHeroInner:"is-hero-inner",isHeroLanding:"is-hero-landing",tooltipPosition:"tooltip-position",colorMode:"color-mode",locale:"locale",country:"country",multiLocale:"multi-locale",isTooltipRequire:"is-tooltip-require",backgroundColor:"background-color",a11yColor:"a-1-1y-color"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oa="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-hotspot-tooltip",elementClass:Z.k,react:ek,events:{onActionClicked:"actionClicked"},defineCustomElement:Z.X}):(0,ef.createSSRComponent)({tagName:"akzo-hotspot-tooltip",properties:{color:"color",top:"top",left:"left",bottom:"bottom",right:"right",tooltipPosition:"tooltip-position",arrowPosition:"arrow-position",tooltipTitle:"tooltip-title",actions:"actions",mode:"mode",isTooltipOn:"is-tooltip-on"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),or="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-icon",elementClass:$.AkzoIcon,react:ek,events:{},defineCustomElement:$.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-icon",properties:{type:"type",colorMode:"color-mode",cartNumber:"cart-number",maxCartNumber:"max-cart-number",name:"name",size:"size",ariaLabel:"aria-label",color:"color",class:"class"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),od="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-image-article-content",elementClass:tt.AkzoImageArticleContent,react:ek,events:{},defineCustomElement:tt.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-image-article-content",properties:{customClasses:"custom-classes",heading:"heading",headingWeight:"heading-weight",headingLevel:"heading-level",eyebrowtext:"eyebrowtext",imageAltText:"image-alt-text",spacingTop:"spacing-top",spacingBottom:"spacing-bottom",slotName:"slot-name"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ol="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-image-carousel",elementClass:te.AkzoImageCarousel,react:ek,events:{},defineCustomElement:te.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-image-carousel",properties:{heading:"heading",headingWeight:"heading-weight",headingLevel:"heading-level",overline:"overline",description:"description",activeIndex:"active-index",visibleCount:"visible-count",spacingTop:"spacing-top",spacingBottom:"spacing-bottom",imagesCollection:"images-collection",backgroundColor:"background-color"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),os="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-image-gallery",elementClass:to.AkzoImageGallery,react:ek,events:{onImageClick:"imageClick"},defineCustomElement:to.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-image-gallery",properties:{heading:"heading",headingWeight:"heading-weight",headingLevel:"heading-level",description:"description",overline:"overline",initialCount:"initial-count",showMoreLabel:"show-more-label",showLessLabel:"show-less-label",type:"type",spacingTop:"spacing-top",spacingBottom:"spacing-bottom"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),om="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-image-grid",elementClass:ti.AkzoImageGrid,react:ek,events:{onImageSelected:"imageSelected",onExpandedChange:"expandedChange"},defineCustomElement:ti.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-image-grid",properties:{images:"images",hasMore:"has-more",loadMoreLabel:"load-more-label",gridHeading:"grid-heading",gridDesc:"grid-desc",hoverLabel:"hover-label",isLoading:"is-loading",customClass:"custom-class",loadLessLabel:"load-less-label",showAllOnLoadMore:"show-all-on-load-more",themeColor:"theme-color",initialVisibleCount:"initial-visible-count"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),op="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-image-thumbnail",elementClass:tn.B,react:ek,events:{},defineCustomElement:tn.X}):(0,ef.createSSRComponent)({tagName:"akzo-image-thumbnail",properties:{images:"images",alts:"alts",placeholder:"placeholder"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oh="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-image-thumbnails",elementClass:ta.U,react:ek,events:{},defineCustomElement:ta.X}):(0,ef.createSSRComponent)({tagName:"akzo-image-thumbnails",properties:{src:"src",alt:"alt",isSelected:"is-selected"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),og="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-image-with-swatch-bar",elementClass:tr.a,react:ek,events:{onImageClick:"imageClick"},defineCustomElement:tr.X}):(0,ef.createSSRComponent)({tagName:"akzo-image-with-swatch-bar",properties:{imageBorder:"image-border",imagePadding:"image-padding",imageHoverEffect:"image-hover-effect",swatchVariant:"swatch-variant",containerStyle:"container-style",containerClass:"container-class"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oc="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-info-card",elementClass:td.AkzoInfoCard,react:ek,events:{},defineCustomElement:td.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-info-card",properties:{cards:"cards"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ob="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-information-banner",elementClass:tl.AkzoInformationBanner,react:ek,events:{onInlineButtonClick:"inlineButtonClick",onDownloadButtonClick:"downloadButtonClick"},defineCustomElement:tl.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-information-banner",properties:{variant:"variant",showButton:"show-button",showInlineButton:"show-inline-button",inlineButtonPosition:"inline-button-position",heading:"heading",description:"description",buttonLabel:"button-label",buttonRedirectUrl:"button-redirect-url",inlineButtonBold:"inline-button-bold",showDownloadButton:"show-download-button",downloadButtonLabel:"download-button-label",showCustomIcon:"show-cu
1stom-icon",customIconLabel:"custom-icon-label"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ox="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-input-search-field",elementClass:ts.AkzoInputSearchField,react:ek,events:{onInputChange:"inputChange",onInputSubmit:"inputSubmit",onEnterInputSubmit:"enterInputSubmit",onLocationClick:"locationClick"},defineCustomElement:ts.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-input-search-field",properties:{name:"name",label:"label",value:"value",placeholder:"placeholder",disabled:"disabled",required:"required",error:"error",helperText:"helper-text",submitIcon:"submit-icon",searchIcon:"search-icon",isAutofocus:"is-autofocus",disableSubmit:"disable-submit"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ou="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-input-select-dropdown",elementClass:tm.AkzoInputSelectDropdown,react:ek,events:{onValueChange:"valueChange",onButtonClick:"buttonClick"},defineCustomElement:tm.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-input-select-dropdown",properties:{options:"options",label:"label",placeholderIcon:"placeholder-icon",placeholder:"placeholder",isPlaceholderSelectable:"is-placeholder-selectable",helperText:"helper-text",errorText:"error-text",coreColor:"core-color",hasError:"has-error",optional:"optional",disabled:"disabled",focusOutline:"focus-outline",value:"value"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),of="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-input-subscription",elementClass:tp.v,react:ek,events:{onHandleValueChange:"handleValueChange",onHandleSubmit:"handleSubmit"},defineCustomElement:tp.X}):(0,ef.createSSRComponent)({tagName:"akzo-input-subscription",properties:{fieldId:"field-id",label:"label",name:"name",type:"type",value:"value",buttonIcon:"button-icon",placeholder:"placeholder",helperText:"helper-text",errorMessage:"error-message",validationError:"validation-error",isReadOnly:"is-read-only",isRequired:"is-required",isAutoFocus:"is-auto-focus",feedback:"feedback",variant:"variant"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ok="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-input-textarea",elementClass:th.s,react:ek,events:{onHandleValueChange:"handleValueChange"},defineCustomElement:th.X}):(0,ef.createSSRComponent)({tagName:"akzo-input-textarea",properties:{fieldId:"field-id",label:"label",name:"name",value:"value",optional:"optional",placeholder:"placeholder",placeholderIconName:"placeholder-icon-name",maxLength:"max-length",showLengthCount:"show-length-count",helperText:"helper-text",errorMessage:"error-message",description:"description",isDisabled:"is-disabled",isReadOnly:"is-read-only",isRequired:"is-required",isAutoFocus:"is-auto-focus",isAutoResize:"is-auto-resize"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ow="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-input-textfield",elementClass:tg.d,react:ek,events:{onInputChange:"inputChange"},defineCustomElement:tg.X}):(0,ef.createSSRComponent)({tagName:"akzo-input-textfield",properties:{fieldId:"field-id",name:"name",type:"type",label:"label",value:"value",placeholder:"placeholder",isDisabled:"is-disabled",isRequired:"is-required",isReadOnly:"is-read-only",isAutoFocus:"is-auto-focus",maxLength:"max-length",errorMessage:"error-message",helperText:"helper-text",mask:"mask",maskPattern:"mask-pattern",optionalText:"optional-text",iconName:"icon-name",ariaHaspopup:"aria-haspopup",minValue:"min-value"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oz="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-label",elementClass:tc.A,react:ek,events:{},defineCustomElement:tc.X}):(0,ef.createSSRComponent)({tagName:"akzo-label",properties:{label:"label",type:"type",icon:"icon",color:"color",ariaLabel:"aria-label",cartPopoverStyles:"cart-popover-styles",inverse:"inverse",productInfo:"product-info"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oy="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-lazy-load-prompt",elementClass:tb.AkzoLazyLoadPrompt,react:ek,events:{onLoadMore:"loadMore"},defineCustomElement:tb.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-lazy-load-prompt",properties:{perPageCount:"per
1-page-count",loadedCount:"loaded-count",totalCount:"total-count",isLoading:"is-loading",buttonText:"button-text",viewedText:"viewed-text",countText:"count-text",ofLabel:"of-label"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ov="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-lifestyle-carousel",elementClass:tx.AkzoLifestyleCarousel,react:ek,events:{onColorSelect:"colorSelect",onColorSelectDetail:"colorSelectDetail",onTabChange:"tabChange",onCarouselChange:"carouselChange",onTryInAppClick:"tryInAppClick",onShopColorClick:"shopColorClick",onOrderTesterClick:"orderTesterClick"},defineCustomElement:tx.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-lifestyle-carousel",properties:{heading:"heading",headingWeight:"heading-weight",headingLevel:"heading-level",tabLabels:"tab-labels",noImagesMessage:"no-images-message",chooseFavoriteColorLabel:"choose-favorite-color-label",selectFavoriteColorLabel:"select-favorite-color-label",shopThisColorLabel:"shop-this-color-label",tryInAppLabel:"try-in-app-label",visualizeColorLabel:"visualize-color-label",visualizeButtonLabel:"visualize-button-label",seeOtherPalettesLabel:"see-other-palettes-label",showBeforeLabel:"show-before-label",showDetailsLabel:"show-detail
1s-label",noPalettesMessage:"no-palettes-message",noSwatchesMessage:"no-swatches-message",hasTesterArticle:"has-tester-article",isEcomEnabled:"is-ecom-enabled",orderTesterLabel:"order-tester-label",addToCartLabel:"add-to-cart-label",loadMoreLabel:"load-more-label",loadLessLabel:"load-less-label",colorPath:"color-path",cdpUrlConvention:"cdp-url-convention",tryInAppUrl:"try-in-app-url",enableAnimations:"enable-animations",animationDuration:"animation-duration",staggerDelay:"stagger-delay",backgroundColor:"background-color"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oC="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-light-icon",elementClass:tu.r,react:ek,events:{},defineCustomElement:tu.X}):(0,ef.createSSRComponent)({tagName:"akzo-light-icon",properties:{dark:"dark"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oS="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-link",elementClass:tk.O,react:ek,events:{onAkzoClick:"akzoClick"},defineCustomElement:tk.X}):(0,ef.createSSRComponent)({tagName:"akzo-link",properties:{href:"href",label:"label",active:"active",iconLeft:"icon-left",iconRight:"icon-right",openInNewTab:"open-in-new-tab",external:"external",ariaLabel:"aria-label",customClass:"custom-class",linkLabelClass:"link-label-class",inverse:"inverse",backGroundColor:"back-ground-color",inlineLayout:"inline-layout"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),o_="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-link-list",elementClass:tf.a,react:ek,events:{},defineCustomElement:tf.X}):(0,ef.createSSRComponent)({tagName:"akzo-link-list",properties:{direction:"direction",gap:"gap"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oE="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-list",elementClass:tz.q,react:ek,events:{},defineCustomElement:tz.X}):(0,ef.createSSRComponent)({tagName:"akzo-list",properties:{},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oA="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-list-item",elementClass:tw.AkzoListItem,react:ek,events:{},defineCustomElement:tw.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-list-item",properties:{label:"label",bulletPointerColor:"bullet-pointer-color",type:"type"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oL="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-loader",elementClass:ty.AkzoLoader,react:ek,events:{},defineCustomElement:ty.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-loader",properties:{size:"size"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oI="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-loadmore-button",elementClass:tv.r,react:ek,events:{onButtonClick:"buttonClick",onExpandedChange:"expandedChange"},defineCustomElement:tv.X}):(0,ef.createSSRComponent)({tagName:"akzo-loadmore-button",properties:{size:"size",label:"label",expandedLabel:"expanded-label",onlyIcon:"only-icon",leftIcon:"left-icon",rightIcon:"right-icon",iconName:"icon-name",expandedIconName:"expanded-icon-name",loading:"loading",disabled:"disabled",focusOutline:"focus-outline",disableIconFlip:"disable-icon-flip",coreColor:"core-color",count:"count"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oP="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-logo",elementClass:tC.AkzoLogo,react:ek,events:{},defineCustomElement:tC.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-logo",properties:{type:"type",theme:"theme",alt:"alt",width:"width",height:"height",fit:"fit",href:"href",src:"src",exSrc:"ex-src",fileType:"file-type",openInNewTab:"open-in-new-tab"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oT="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-marketo-modal",elementClass:tS.AkzoMarketoModal,react:ek,events:{onFormSubmitted:"formSubmitted"},defineCustomElement:tS.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-marketo-modal",properties:{baseUrl:"base-url",munchkinId:"munchkin-id",formId:"form-id",isFooterNewsletterSubs:"is-footer-newsletter-subs",isContact:"is-contact",value:"value",loadingText:"loading-text"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oD="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-mega-menu",elementClass:t_.AkzoMegaMenu,react:ek,events:{onSignIn:"sign
1In",onRegister:"register",onSignOut:"signOut",onMenuClosed:"menuClosed",onChangeAddress:"changeAddress",onChangePassword:"changePassword"},defineCustomElement:t_.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-mega-menu",properties:{isSignedIn:"is-signed-in",accountName:"account-name",email:"email",shippingAddress:"shipping-address",visibleAccountChange:"visible-account-change",visibleAddressChange:"visible-address-change",type:"type",menuPosition:"menu-position"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oM="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-menu-item",elementClass:tE.u,react:ek,events:{onMenuToggle:"menuToggle",onArrowClick:"arrowClick"},defineCustomElement:tE.X}):(0,ef.createSSRComponent)({tagName:"akzo-menu-item",properties:{type:"type",label:"label",ariaLabel:"aria-label",body:"body",href:"href",leftIcon:"left-icon",rightIcon:"right-icon",hasSubmenu:"has-submenu",isActive:"is-active",isExternal:"is-external",inverse:"inverse",noEffect:"no-effect",level:"level",showBack:"show-back",selected:"selected",allowParentClick:"allow-parent-click",allowArrowClick:"allow-arrow-click"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oO="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-menu-list",elementClass:tA.N,react:ek,events:{onMenuEnter:"menuEnter",onMenuClick:"menuClick"},defineCustomElement:tA.X}):(0,ef.createSSRComponent)({tagName:"akzo-menu-list",properties:{type:"type",activeIndex:"active-index",inverse:"inverse"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oB="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-modal",elementClass:tL.AkzoModal,react:ek,events:{onClose:"close"},defineCustomElement:tL.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-modal",properties:{isOpen:"is-open",closeOnOverlayClick:"close-on-overlay-click",showOverlay:"show-overlay",overlayColor:"overlay-color",transparentBackdrop:"transparent-backdrop",trapFocus:"trap-focus",disableScrollLock:"disable-scroll-lock",showCloseButton:"show-close-button",animation:"animation",autoOpenAfterMs:"auto-open-after-ms",innerPadding:"inner-padding",size:"size",position:"position",noPaddingWithTop:"no-padding-with-top",mobileNoPadding:"mobile-no-padding"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oN="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-newsletter-subscription",elementClass:tI.Q,react:ek,events:{},defineCustomElement:tI.X}):(0,ef.createSSRComponent)({tagName:"akzo-newsletter-subscription",properties:{emailAddressLabel:"email-address-label",joinCommunityTitle:"join-community-title",colorMode:"color-mode",baseUrl:"base-url",munchkinId:"munchkin-id",formId:"form-id",thankYouMessage:"thank-you-message",validationError:"validation-error"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oR="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-notification-bar",elementClass:tP.AkzoNotificationBar,react:ek,events:{onCloseClicked:"closeClicked",onActionClicked:"actionClicked"},defineCustomElement:tP.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-notification-bar",properties:{type:"type",cardTitle:"card-title",description:"description",linkText:"link-text",linkUrl:"link-url",openInNewTab:"open-in-new-tab",actionText:"action-text",isFastOrder:"is-fast-order"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oF="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-notification-card",elementClass:tT.v,react:ek,events:{onCloseClicked:"closeClicked",onActionClicked:"actionClicked"},defineCustomElement:tT.X}):(0,ef.createSSRComponent)({tagName:"akzo-notification-card",properties:{type:"type",cardTitle:"card-title",description:"description",actionText:"action-text",inverse:"inverse",inverseColor:"inverse-color",showClose:"show-close",showTitle:"show-title",showDescription:"show-description",showAction:"show-action",showLearnMore:"show-learn-more"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oj="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-order-summary",elementClass:tD.g,react:ek,events:{onProceedToCheckout:"proceedToCheckout",onContinueShopping:"continueShopping"},defineCustomElement:tD.X}):(0,ef.createSSRComponent)({tagName:"akzo-order-summary",properties:{type:"type",heading:"heading",subtotal:"subtotal",orderTotal:"order-total",totalVolume:"total-volume",grossWeight:"gross-weight",deliveryFee:"delivery-fee",showDeliveryFee:"show-delivery-fee",showB2B:"show-b-2-b",showIncTax:"show-inc-tax",showDiscount:"show-discount",hidePromoCode:"hide-promo-code",disableCheckoutButton:"disable-checkout-button",wrapOrderTotal:"wrap-order-total",subtotalLabel:"subtotal-label",discountLabel:"discount-label",deliveryFeeLabel:"delivery-fee-label",orderTotalLabel:"order-total-label",incTaxLabel:"inc-tax-label",totalVolumeLabel:"total-volume-label",grossWeightLabel:"gross-weight-label",proceedToCheckoutLabel:"proceed-to-checkout-label",continueShoppingLabel:"continue-shopping-label"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oH="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-packshot",elementClass:tM.v,react:ek,events:{},defineCustomElement:tM.X}):(0,ef.createSSRComponent)({tagName:"akzo-packshot",properties:{imageUrl:"image-url",imageAlt:"image-alt",squircle:"squircle",canTop:"can-top",rounded:"rounded",background:"background",lidColor:"lid-color"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oq="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-pagination",elementClass:tO.AkzoPagination,react:ek,events:{},defineCustomElement:tO.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-pagination",properties:{totalPages:"total-pages",currentPage:"current-page",mobileBreakpoint:"mobile-breakpoint"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oW="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-paint-calculator",elementClass:tB.AkzoPaintCalculator,react:ek,events:{onClose:"close"},defineCustomElement:tB.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-paint-calculator",properties:{coats:"coats",spreadingRate:"spreading-rate",isOpen:"is-open"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oV="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-pdf-modal",elementClass:tN.v,react:ek,events:{onRequestClose:"requestClose",onLoaded:"loaded"},defineCustomElement:tN.X}):(0,ef.createSSRComponent)({tagName:"akzo-pdf-modal",properties:{open:"open",fileUrl:"file-url",initialPage:"initial-page",fileName:"file-name",totalPages:"total-pages"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oU="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-preview",elementClass:tR.AkzoPreview,react:ek,events:{onButtonClick:"buttonClick",onFavoriteClick:"favoriteClick"},defineCustomElement:tR.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-preview",properties:{heading:"heading",description:"description",isFavorite:"is-favorite",showAppPrompt:"show-app-prompt",spacingTop:"spacing-top",spacingBottom:"spacing-bottom"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oK="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-price",elementClass:tF.AkzoPrice,react:ek,events:{},defineCustomElement:tF.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-price",properties:{originalPrice
1:"original-price",salePrice:"sale-price",prefixText:"prefix-text",size:"size",currency:"currency",originalVariant:"original-variant",isProjectList:"is-project-list",customCurrencySymbol:"custom-currency-symbol"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oX="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-pricing-range",elementClass:tj.B,react:ek,events:{onValueChange:"valueChange"},defineCustomElement:tj.X}):(0,ef.createSSRComponent)({tagName:"akzo-pricing-range",properties:{minValue:"min-value",maxValue:"max-value"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oQ="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-pricing-section",elementClass:tH.J,react:ek,events:{onPromoCodeAdded:"promoCodeAdded"},defineCustomElement:tH.X}):(0,ef.createSSRComponent)({tagName:"akzo-pricing-section",properties:{type:"type",showB2B:"show-b-2-b",showIncTax:"show-inc-tax",showDiscount:"show-discount",state:"state",subtotal:"subtotal",totalVolume:"total-volume",grossWeight:"gross-weight",deliveryFee:"delivery-fee",showDeliveryFee:"show-delivery-fee",orderTotal:"order-total",autoWidth:"auto-width",hidePromoCode:"hide-promo-code",isCart:"is-cart",promoCodeLabel:"promo-code-label",changeDiscountCodeLabel:"change-discount-code-label",promoCodePlaceholder:"promo-code-placeholder",addButtonLabel:"add-button-label",subtotalLabel:"subtotal-label",discountLabel:"discount-label",deliveryFeeLabel:"delivery-fee-label",orderTotalLabel:"order-total-label",wrapOrderTotal:"wrap-order-total",incTaxLabel:"inc-tax-label",totalVolumeLabel:"total-volume-label",grossWeightLabel:"gross-weight-label"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oG="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-product-card",elementClass:tq.AkzoProductCard,react:ek,events:{onOpenColorSelector:"openColorSelector"},defineCustomElement:tq.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-product-card",properties:{projectTitle:"project-title",headingWeight:"heading-weight",headingLevel:"heading-level",retailerButtonLabel:"retailer-button-label",chooseColorLabel:"choose-color-label",addToBasketLabel:"add-to-basket-label",coverageLabel:"coverage-label",chooseProductLabel:"choose-product-label",quantityLabel:"quantity-label",sizeLabel:"size-label",fromText:"from-text",addedToBasketText:"added-to-basket-text",backToHome:"back-to-home",noFavouritesAdded:"no-favourites-added",colorDetailsUrl:"color-details-url",cdpUrlConvention:"cdp-url-convention",productListingUrl:"product-listing-url",projectUrl:"project-url",storeLocatorUrl:"store-locator-url",productUrl:"product-url",uriFriendlyName:"uri-friendly-name",hidePrice
1:"hide-price",isEcomEnabled:"is-ecom-enabled",isHatchEnabled:"is-hatch-enabled",isProjectListPage:"is-project-list-page",useColorSelector:"use-color-selector",backLink:"back-link"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oJ="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-product-carousel",elementClass:tW.AkzoProductCarousel,react:ek,events:{onActionViewClick:"actionViewClick",onHandleView:"handleView",onB2bActionClick:"b2bActionClick",onTabChange:"tabChange",onFilterChange:"filterChange",onLoadMore:"loadMore"},defineCustomElement:tW.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-product-carousel",properties:{heading:"heading",headingWeight:"heading-weight",headingLevel:"heading-level",description:"description",isTabEnable:"is-tab-enable",items:"items",isFilterEnable:"is-filter-enable",isProjectList:"is-project-list",isEcomEnabled:"is-ecom-enabled",filterTitleSurface:"filter-title-surface",filterTitleFinish:"filter-title-finish",filterItems1:"filter-items-1",filterItems2:"filter-items-2",productItemsCollection:"product-items-collection",productTileType:"product-tile-type",addToList:"add-to-list",hasColors:"has-colors",productTileAlignment:"product-tile-alignment",backgroundColor:"background-color",removeTilePadding:"remove-tile-padding",showLazyLoad:"show-lazy-load",noProductText:"no-product-text",headerMarginBottom:"header-margin-bottom",viewAllEnabled:"view-all-enabled",viewAllLabel:"view-all-label",spacingTop:"spacing-top",spacingBottom:"spacing-bottom",autoPlay:"auto-play",removeMobilePadding:"remove-mobile-padding",redirectUrl:"redirect-url",hidePrice
1:"hide-price",isSignedOut:"is-signed-out",isDividerEnable:"is-divider-enable",isB2bHome:"is-b-2b-home",isMyakzo:"is-myakzo",listName:"list-name",carouselThreshold:"carousel-threshold"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oY="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-product-category-card",elementClass:tV.N,react:ek,events:{},defineCustomElement:tV.X}):(0,ef.createSSRComponent)({tagName:"akzo-product-category-card",properties:{heading:"heading",description:"description",image:"image",ctaLabel:"cta-label",ctaUrl:"cta-url",cardVariant:"card-variant",openInNewTab:"open-in-new-tab",imageAlt:"image-alt"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),oZ="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-product-image-carousel",elementClass:tU.AkzoProductImageCarousel,react:ek,events:{onImageChange:"imageChange"},defineCustomElement:tU.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-product-image-carousel",properties:{theme:"theme",showArrows:"show-arrows",showDots:"show-dots",showMagnifier:"show-magnifier",isB2B:"is-b-2-b",imageBackground:"image-background",lidColor:"lid-color"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),o$="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-product-line-item",elementClass:tK.m,react:ek,events:{onQuantityChange:"quantityChange",onRemoveProduct:"removeProduct",onActionClick:"actionClick",onQuantityChangeStepper:"quantityChangeStepper",onProductClick:"productClick",onErrorStateChange:"errorStateChange",onErrorMessage:"errorMessage"},defineCustomElement:tK.X}):(0,ef.createSSRComponent)({tagName:"akzo-product-line-item",properties:{products:"products",type:"type",unitCostLabel:"unit-cost-label",addedToBasketLabel:"added-to-basket-label",totalLabel:"total-label",interactive:"interactive",outStockLabel:"out-stock-label",styleSecondaryMinus:"style-secondary-minus",cartMobileStyles:"cart-mobile-styles",colourSwatch:"colour-swatch",openInNewTab:"open-in-new-tab",hideErrorMessage:"hide-error-message",validateOnLoad:"validate-on-load",coreColor:"core-color",showItemAdded:"show-item-added",customCurrencySymbol:"custom-currency-symbol",highlightUnavailable:"highlight-unavailable"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),o0="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-product-summary",elementClass:tX.AkzoProductSummary,react:ek,events:{onWishlistClicked:"wishlistClicked",onProductWishlisted:"productWishlisted",onSignedIn:"signedIn",onCheckoutClick:"checkoutClick",onColorSelected:"colorSelected",onColorSwatchClicked:"colorSwatchClicked",onMaterialSelected:"materialSelected",onDropdownChange:"dropdownChange",onCheckStockDate:"checkStockDate"},defineCustomElement:tX.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-product-summary",properties:{variant:"variant",colorSelectorData:"color-selector-data",useExternalColorSelector:"use-external-color-selector",localStorageKey:"local-storage-key",addToList:"add-to-list",stockStatus:"stock-status",hidePrice:"hide-price",galleryData:"gallery-data",buttons:"buttons",cccid:"cccid",uriFriendlyName:"uri-friendly-name",isMaterialsAvailable:"is-materials-available",isloading:"isloading",isStockLoading:"is-stock-loading",locale:"locale",hasColors:"has-colors",selectedEanCode:"selected-ean-code",hideCalculator:"hide-calculator"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),o1="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-product-tile",elementClass:tQ.AkzoProductTile,react:ek,events:{onInputChange:"inputChange",onErrorStateChange:"errorStateChange",onToggleClick:"toggleClick",onHandleClick:"handleClick",onActionClick:"actionClick",onHandleView:"handleView"},defineCustomElement:tQ.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-product-tile",properties:{type:"type",alignment:"alignment",colourSwatch:"colour-swatch",product:"product",taxDetail:"tax-detail",showItemAdded:"show-item-ad
1ded",isButton:"is-button",buttonLabel:"button-label",wishlist:"wishlist",addToList:"add-to-list",isProjectList:"is-project-list",isEcomEnabled:"is-ecom-enabled",hasColors:"has-colors",cccid:"cccid",isBazaarVoiceEnable:"is-bazaar-voice-enable",isSignedOut:"is-signed-out",active:"active",outStockLabel:"out-stock-label",hidePrice:"hide-price",isB2bHome:"is-b-2b-home",isLoading:"is-loading",iconSize:"icon-size",startSize:"start-size",coreColor:"core-color",openInNewTab:"open-in-new-tab",localStorageKey:"local-storage-key",noPadding:"no-padding",editableQuantity:"editable-quantity",uspGap:"usp-gap",noMobilePadding:"no-mobile-padding",promoTopSpacing:"promo-top-spacing",productIndex:"product-index",listName:"list-name"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),o5="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-progress-bar",elementClass:tG.O,react:ek,events:{},defineCustomElement:tG.X}):(0,ef.createSSRComponent)({tagName:"akzo-progress-bar",properties:{value:"value",max:"max",trackColor:"track-color",fillColor:"fill-color",animated:"animated",label:"label",disabled:"disabled"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),o2="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-progress-dot",elementClass:tJ.AkzoProgressDot,react:ek,events:{onDotChange:"dotChange"},defineCustomElement:tJ.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-progress-dot",properties:{total:"total",currentIndex:"current-index",showLeftArrows:"show-left-arrows",showRightArrows:"show-right-arrows",isProjectList:"is-project-list",showDots:"show-dots",iconSize:"icon-size",theme:"theme",backgroundColor:"background-color",leftArrowDisabled:"left-arrow-disabled",rightArrowDisabled:"right-arrow-disabled"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),o7="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-progress-stepper",elementClass:tY.Q,react:ek,events:{onStepClicked:"stepClicked"},defineCustomElement:tY.X}):(0,ef.createSSRComponent)({tagName:"akzo-progress-stepper",properties:{steps:"steps",variant:"variant",icons:"icons",labels:"labels",currentStep:"current-step",disableOnClickSelect:"disable-on-click-select",stepLabelPrefix:"step-label-prefix"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),o4="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-project-card",elementClass:tZ.x,react:ek,events:{onHandleClick:"handleClick"},defineCustomElement:tZ.X}):(0,ef.createSSRComponent)({tagName:"akzo-project-card",properties:{cardHeading:"card-heading",cardBody:"card-body",isDisabled:"is-disabled",redirectUrl:"redirect-url",isClickEvent:"is-click-event"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),o6="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-quantity-incrementor",elementClass:t$.F,react:ek,events:{onQuantityChange:"quantityChange",onActionClick:"actionClick",onErrorStateChange:"errorStateChange",onErrorMessage:"errorMessage",onEditingChange:"editingChange",onInputChange:"inputChange"},defineCustomElement:t$.X}):(0,ef.createSSRComponent)({tagName:"akzo-quantity-incrementor",properties:{variant:"variant",value:"value",minOrderQuantity:"min-order-quantity",maxOrderQuantity:"max-order-quantity",unitsPerCarton:"units-per-carton",unitsPerCartonLabel:"units-per-carton-label",unitsLabel:"units-label",step:"step",smallControls:"small-controls",cartMobileStyles:"cart-mobile-styles",layout:"layout",mode:"mode",styleSecondaryMinus:"style-secondary-minus",validateOnLoad:"validate-on-load",isLoading:"is-loading",coverageText:"coverage-text",stepperLabel:"stepper-label",hideErrorMessage:"hide-error-message",productInfo:"product-info"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),o3="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-radio",elementClass:t0.AkzoRadio,react:ek,events:{onRadioChange:"radioChange"},defineCustomElement:t0.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-radio",properties:{name:"name",value:"value",checked:"checked",disabled:"disabled",label:"label"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),o8="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-recommended-products",elementClass:t1.AkzoRecommendedProducts,react:ek,events:{onAddProduct:"addProduct"},defineCustomElement:t1.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-recommended-products",properties:{recommendedProducts:"recommended-products"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),o9="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-rich-text-block",elementClass:t5.AkzoRichTextBlock,react:ek,events:{},defineCustomElement:t5.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-rich-text-block",properties:{backgroundColor:"background-color",colorMode:"color-mode",text:"text",isContact:"is-contact",a11yColor:"a-1-1y-color",locale:"locale",country:"country",multiLocale:"multi-locale",isComponentBg:"is-component-bg"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),it="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-search-item",elementClass:t2.z,react:ek,events:{},defineCustomElement:t2.X}):(0,ef.createSSRComponent)({tagName:"akzo-search-item",properties:{type:"type",itemTitle:"item-title",image:"image",swatch:"swatch",href:"href",layout:"layout",external:"external",itemTitleHtml:"item-title-html"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ie="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-search-overlay",elementClass:t7.AkzoSearchOverlay,react:ek,events:{onInputChange:"inputChange",onInputRedirect:"inputRedirect",onInputRedirectEnter:"inputRedirectEnter",onOverlayClose:"overlayClose",onSuggestionSelected:"suggestionSelected"},defineCustomElement:t7.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-search-overlay",properties:{type:"type",minCharacters:"min-characters",ctaLabel:"cta-label",isSearchOverlayOpen:"is-search-overlay-open",ctaLink:"cta-link",isLoading:"is-loading",isMyAkzo:"is-my-akzo",suggestedClickType:"suggested-click-type",autoFocusInput:"auto-focus-input",queryText:"query-text",disableSubmit:"disable-submit"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),io="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-selectable-card-group",elementClass:t4.Z,react:ek,events:{onCardSelect:"cardSelect",onLinkClick:"linkClick"},defineCustomElement:t4.X}):(0,ef.createSSRComponent)({tagName:"akzo-selectable-card-group",properties:{selectableCard:"selectable-card",heading:"heading",link:"link",selectedIndex:"selected-index"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ii="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-selection-cards",elementClass:t6.AkzoSelectionCards,react:ek,events:{},defineCustomElement:t6.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-selection-cards",properties:{cardsJson:"cards-json",heading:"heading",headingWeight:"heading-weight",headingLevel:"heading-level",ctaLabel:"cta-label",ctaUrl:"cta-url",ctaVariant:"cta-variant",ctaRightIcon:"cta-right-icon",openInNewTab:"open-in-new-tab"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ia="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-signin-button",elementClass:t3.K,react:ek,events:{onButtonClick:"buttonClick"},defineCustomElement:t3.X}):(0,ef.createSSRComponent)({tagName:"akzo-signin-button",properties:{provider:"provider",type:"type"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ir="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-single-color-swatch",elementClass:t8.J,react:ek,events:{},defineCustomElement:t8.X}):(0,ef.createSSRComponent)({tagName:"akzo-single-color-swatch",properties:{color:"color",width:"width",height:"height",inverse:"inverse",ariaLabel:"aria-label"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),id="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-slider",elementClass:t9.N,react:ek,events:{onValueChange:"valueChange"},defineCustomElement:t9.X}):(0,ef.createSSRComponent)({tagName:"akzo-slider",properties:{mode:"mode",minValue:"min-value",maxValue:"max-value",step:"step",initialFrom:"initial-from",initialTo:"initial-to",fromLabel:"from-label",toLabel:"to-label",disabled:"disabled"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),il="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-social-swatch",elementClass:et.p,react:ek,events:{},defineCustomElement:et.X}):(0,ef.createSSRComponent)({tagName:"akzo-social-swatch",properties:{color:"color",colorName:"color-name",username:"username",inverse:"inverse"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),is="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-status",elementClass:ee.AkzoStatus,react:ek,events:{},defineCustomElement:ee.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-status",properties:{status:"status",size:"size",label:"label",interactive:"interactive",customClass:"custom-class"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),im="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-stepper",elementClass:eo.j,react:ek,events:{onQuantityChange:"quantityChange"},defineCustomElement:eo.X}):(0,ef.createSSRComponent)({tagName:"akzo-stepper",properties:{max:"max",min:"min",labelQuantity:"label-quantity",coverageText:"coverage-text",quantity:"quantity",initial1:"initial-1",variant:"variant",unitLabel:"unit-label"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ip="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-stock-checker",elementClass:ei.Z,react:ek,events:{onCheckStock:"checkStock",onDateChange:"dateChange"},defineCustomElement:ei.X}):(0,ef.createSSRComponent)({tagName:"akzo-stock-checker",properties:{heading:"heading",description:"description",deliveryDate:"delivery-date",statusHelperText:"status-helper-text",stockStatus:"stock-status",stockStatusLabel:"stock-status-label",dateLabel:"date-label",buttonLabel:"button-label",disabled:"disabled",customClass:"custom-class",describedById:"described-by-id",showDateField:"show-date-field",range:"range",isOptional:"is-optional",showIcon:"show-icon",buttonVariant:"button-variant",buttonAction:"button-action",leftIcon:"left-icon",rightIcon:"right-icon",helperText:"helper-text",helperTextContent:"helper-text-content",showStatus:"show-status",statusSize:"status-size",stockLoading:"stock-loading",disablePrevDates:"disable-prev-dates",readOnly:"read-only"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ih="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-store-button",elementClass:en.L,react:ek,events:{},defineCustomElement:en.X}):(0,ef.createSSRComponent)({tagName:"akzo-store-button",properties:{playStoreUrl:"play-store-url",appStoreUrl:"app-store-url",variant:"variant",customeClasses:"custome-classes",buttonGap:"button-gap"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ig="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-store-card",elementClass:ea.z,react:ek,events:{onNavigateToStore:"navigateToStore",onCardClicked:"c
1ardClicked"},defineCustomElement:ea.X}):(0,ef.createSSRComponent)({tagName:"akzo-store-card",properties:{data:"data",userLat:"user-lat",userLng:"user-lng",distanceUnit:"distance-unit",expanded:"expanded"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ic="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-store-locator",elementClass:er.AkzoStoreLocator,react:ek,events:{onSearchSubmit:"searchSubmit",onPageChange:"pageChange",onFilterChange:"filterChange",onPreFilterChange:"preFilterChange",onLocationChange:"locationChange"},defineCustomElement:er.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-store-locator",properties:{currentPage:"current-page",googleApiKey:"google-api-key",locale:"locale",distanceUnit:"distance-unit"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ib="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-summary-address-card",elementClass:ed.Y,react:ek,events:{onEditClick:"editClick"},defineCustomElement:ed.X}):(0,ef.createSSRComponent)({tagName:"akzo-summary-address-card",properties:{name:"name",addressLine1:"address-line-1",addressLine2:"address-line-2",phone:"phone",city:"city",postcode:"postcode",type:"type"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ix="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-tabs",elementClass:el.AkzoTabs,react:ek,events:{onTabChange:"tabChange"},defineCustomElement:el.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-tabs",properties:{items:"items",type:"type",fullWidth:"full-width",activeTabIndex:"active-tab-index",wrapMobileTabHeadings:"wrap-mobile-tab-headings",alignCenter:"align-center",coreColor:"core-color"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),iu="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-tags",elementClass:es.AkzoTags,react:ek,events:{onClose:"close"},defineCustomElement:es.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-tags",properties:{tags:"tags",closable:"closable",backgroundColor:"background-color",borderColor:"border-color",variant:"variant"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),ik="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-toggle-button",elementClass:em.Q,react:ek,events:{onToggleClick:"toggleClick"},defineCustomElement:em.X}):(0,ef.createSSRComponent)({tagName:"akzo-toggle-button",properties:{label:"label",description:"description",onlyIcon:"only-icon",iconName:"icon-name",iconSize:"icon-size",active:"active",disabled:"disabled",coreColor:"core-color",bgColor:"bg-color",hoverGradient:"hover-gradient",nonInteractive:"non-interactive"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),iw="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-toggle-selector",elementClass:ep.AkzoToggleSelector,react:ek,events:{onToggleChange:"toggleChange"},defineCustomElement:ep.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-toggle-selector",properties:{toggled:"toggled",disabled:"disabled"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),iz="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-tooltip",elementClass:eh.x,react:ek,events:{onActionClicked:"actionClicked"},defineCustomElement:eh.X}):(0,ef.createSSRComponent)({tagName:"akzo-tooltip",properties:{position:"position",arrowPosition:"arrow-position",tooltipTitle:"tooltip-title",colorMode:"color-mode"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),iy="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-upload",elementClass:eg.AkzoUpload,react:ek,events:{onActionTriggered:"actionTriggered",onChangeTriggered:"changeTriggered"},defineCustomElement:eg.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-upload",properties:{type:"type",icon:"icon",description:"description",subDesc:"sub-desc",altText:"alt-text",ctaLabel:"cta-label",isDisabled:"is-disabled",isCsvOnly:"is-csv-only",isHelper:"is-helper",helperText:"helper-text",tooltipTitle:"tooltip-title"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),iv="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-usp",elementClass:ec.AkzoUs
1p,react:ek,events:{},defineCustomElement:ec.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-usp",properties:{heading:"heading",headingWeight:"heading-weight",headingLevel:"heading-level",colorMode:"color-mode",backgroundColor:"background-color",uspsCollection:"usps-collection",fullWidth:"full-width",iconPosition:"icon-position",iconColor:"icon-color",isProjectList:"is-project-list",isHeadingDividerEnabled:"is-heading-divider-enabled"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),iC="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-video-button",elementClass:eb.v,react:ek,events:{},defineCustomElement:eb.X}):(0,ef.createSSRComponent)({tagName:"akzo-video-button",properties:{isHovering:"is-hovering",isPressed:"is-pressed",size:"size",color:"color"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),iS="undefined"!=typeof window?(0,ef.createComponent)({tagName:"akzo-video-player",elementClass:ex.AkzoVideoPlayer,react:ek,events:{onPlayerPlay:"playerPlay",onPlayerPause:"playerPause"},defineCustomElement:ex.defineCustomElement}):(0,ef.createSSRComponent)({tagName:"akzo-video-player",properties:{overline:"overline",heading:"heading",description:"description",posterImage:"poster-image",videoSource:"video-source",damAsset:"dam-asset",videoUrl:"video-url",altText:"alt-text"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))}),i_="undefined"!=typeof window?(0,ef.createComponent)({tagName:"tag-item",elementClass:eu.W,react:ek,events:{onClose:"close"},defineCustomElement:eu.X}):(0,ef.createSSRComponent)({tagName:"tag-item",properties:{label:"label",icon:"icon",closable:"closable",showDivider:"show-divider"},hydrateModule:Promise.all([o.e(3981),o.e(7061)]).then(o.t.bind(o,7625,19))})},77703:(t,e,o)=>{o.d(e,{X:()=>a,x:()=>n});var i=o(14020);let n=i.A,a=i.d},77905:(t,e,o)=>{o.d(e,{X:()=>a,n:()=>n});var i=o(88837);let n=i.c,a=i.e},78233:(t,e,o)=>{o.r(e),o.d(e,{AkzoFabButton:()=>d,defineCustomElement:()=>l});var i=o(41421),n=o(27857),a=o(65250);let r=(0,i.p)(class extends i.H{setDefaults(){var t,e,o,i,n,a;this.variant=null!=(t=this.variant)?t:"fab",this.onlyIcon=null!=(e=this.onlyIcon)?e:this.showIcon&&!this.showLabel,this.loading=null!=(o=this.loading)&&o,this.disabled=null!=(i=this.disabled)&&i,this.focusOutline=null==(n=this.focusOutline)||n,this.coreColor=null!=(a=this.coreColor)?a:"default"}validateVariant(){if(!this.validVariant.includes(this.variant))throw Error("Invalid variant: ".concat(this.variant,". Valid variants are: ").concat(this.validVariant.join(", ")))}getButtonClasses(){var t;return{"akzo-button":!0,["akzo-button__"+this.variant]:!0,"no-outline":!this.focusOutline,"color-inverse":"inverse"===this.coreColor,"full-width":null!=(t=this.fullWidth)&&t,disabled:this.disabled,loading:this.loading}}renderIcon(t){let e="left"===t?this.leftIcon:this.rightIcon;return e?(0,i.h)("akzo-icon",{name:e,class:"inverse"===this.coreColor?"dark":null}):null}renderButtonContent(){return this.loading?(0,i.h)("akzo-icon",{name:"loader-color",class:"spin"}):"label"===this.type?this.showLabel&&this.label?(0,i.h)("span",{class:"button-text button"},this.label):null:"icon"===this.type?(0,i.h)(i.F,null,this.leftIcon&&this.renderIcon("left"),this.rightIcon&&this.renderIcon("right")):"both"===this.type?(0,i.h)(i.F,null,this.showIcon&&(this.leftIcon||this.rightIcon)&&(0,i.h)(i.F,null,this.leftIcon&&this.renderIcon("left"),this.rightIcon&&this.renderIcon("right")),this.showLabel&&this.label&&(0,i.h)("span",{class:"button-text button"},this.label),"load-more"===this.variant&&(0,i.h)("akzo-icon",{name:"chevron-down",class:"load-icon","aria-hidden":"true"})):null}renderRegularButton(){return(0,i.h)("button",{type:"button",class:this.getButtonClasses(),"aria-label":this.showLabel?this.label:"icon-button","aria-busy":this.loading?"true":null,onClick:this.handleClick,title:this.label,disabled:this.disabled||this.loading},(0,i.h)("div",{class:"button-content"},this.renderButtonContent()))}componentWillLoad(){this.setDefaults(),this.validateVariant()}render(){return(0,i.h)(i.a,{key:"f62ec8821e752d504071b2c848e575b972193008",class:{"full-width":this.fullWidth},part:"button"},this.renderRegularButton())}get el(){return this}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:inline-block}@media (max-width: 767px){:host{display:block}}:host(.full-width){display:block}.akzo-button{width:fit-content;height:var(--spacing-2xl);min-width:120px;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-pill);font-size:var(--spacing-md);color:var(--color-text-on-primary);border:none;transition:all var(--motion-duration-medium-01) ease-in-out;position:relative;box-sizing:border-box;cursor:pointer}.akzo-button__shape-square{border-radius:var(--radius-s)}.akzo-button.full-width{width:100%}.akzo-button--s{padding:var(--spacing-xs) var(--spacing-md);height:25px}.akzo-button--s .button-text{font-size:var(--spacing-sm)}.akzo-button--l{padding:var(--spacing-md) 24px;height:auto}.akzo-button--l .button-text{font-size:var(--spacing-lg)}.akzo-button[aria-label=icon-button]{width:var(--spacing-2xl);min-width:auto;padding:var(--spacing-sm)}.akzo-button__primary-dropdown,.akzo-button__primary,.akzo-button__fab{background:var(--color-interactive-primary-default);border:none}.akzo-button__primary-dropdown::before,.akzo-button__primary::before,.akzo-button__fab::before{content:"";position:absolute;inset:0;padding:0;background:linear-gradient(90deg, #cc1719 0%, #f5a100 20%, #fbee2d 40%, #d4da1c 60%, #93bc2a 80%, #05baee 100%);border-radius:var(--radius-pill);-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask-composite:exclude;z-index:-1}.akzo-button__primary-dropdown .button-content,.akzo-button__primary .button-content,.akzo-button__fab .button-content{display:flex;align-items:center;gap:8px}.akzo-button__primary-dropdown .button-text,.akzo-button__primary .button-text,.akzo-button__fab .button-text{color:var(--color-text-on-primary);margin:0px}.akzo-button__primary-dropdown akzo-icon::part(icon),.akzo-button__primary akzo-icon::part(icon),.akzo-button__fab akzo-icon::part(icon){color:var(--color-icon-on-primary)}.akzo-button__primary-dropdown:hover:not(.disabled),.akzo-button__primary:hover:not(.disabled),.akzo-button__fab:hover:not(.disabled){border:none;background-color:var(--color-interactive-primary-hovered)}.akzo-button__primary-dropdown:hover:not(.disabled)::before,.akzo-button__primary:hover:not(.disabled)::before,.akzo-button__fab:hover:not(.disabled)::before{padding:2px;z-index:1}.akzo-button__primary-dropdown:focus-visible:not(.disabled):not(.no-outline),.akzo-button__primary:focus-visible:not(.disabled):not(.no-outline),.akzo-button__fab:focus-visible:not(.disabled):not(.no-outline){outline:2px solid var(--color-stroke-strong);outline-offset:var(--spacing-xxs);border:none}.akzo-button__primary-dropdown:focus-visible:not(.disabled):not(.no-outline)::before,.akzo-button__primary:focus-visible:not(.disabled):not(.no-outline)::before,.akzo-button__fab:focus-visible:not(.disabled):not(.no-outline)::before{padding:4px;z-index:1}.akzo-button__primary-dropdown:active:not(.disabled):not(.no-outline),.akzo-button__primary:active:not(.disabled):not(.no-outline),.akzo-button__fab:active:not(.disabled):not(.no-outline){outline:none;border:none}.akzo-button__primary-dropdown:active:not(.disabled):not(.no-outline)::before,.akzo-button__primary:active:not(.disabled):not(.no-outline)::before,.akzo-button__fab:active:not(.disabled):not(.no-outline)::before{padding:2px;z-index:1}.akzo-button__primary-dropdown.disabled,.akzo-button__primary.disabled,.akzo-button__fab.disabled{background:var(--color-surface-disabled);border:1px solid var(--color-stroke-disabled);cursor:not-allowed}.akzo-button__primary-dropdown.disabled .button-text,.akzo-button__primary.disabled .button-text,.akzo-button__fab.disabled .button-text{color:var(--color-text-disabled)}.akzo-button__primary-dropdown.disabled akzo-icon::part(icon),.akzo-button__primary.disabled akzo-icon::part(icon),.akzo-button__fab.disabled akzo-icon::part(icon){color:var(--color-icon-disabled)}.akzo-button__primary-dropdown,.akzo-button__primary,.akzo-button__fab{background:var(--color-interactive-primary-default)}.akzo-button__primary-dropdown.color-inverse,.akzo-button__primary.color-inverse,.akzo-button__fab.color-inverse{background:var(--color-interactive-primary-default);border:none}.akzo-button__primary-dropdown.color-inverse::before,.akzo-button__primary.color-inverse::before,.akzo-button__fab.color-inverse::before{content:"";position:absolute;inset:0;padding:0;background:linear-gradient(90deg, #cc1719 0%, #f5a100 20%, #fbee2d 40%, #d4da1c 60%, #93bc2a 80%, #05baee 100%);border-radius:var(--radius-pill);-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask-composite:exclude;z-index:-1}.akzo-button__primary-dropdown.color-inverse .button-content,.akzo-button__primary.color-inverse .button-content,.akzo-button__fab.color-inverse .button-content{display:flex;align-items:center;gap:8px}.akzo-button__primary-dropdown.color-inverse .button-text,.akzo-button__primary.color-inverse .button-text,.akzo-button__fab.color-inverse .button-text{color:var(--color-text-on-primary-inverse);margin:0px}.akzo-button__primary-dropdown.color-inverse akzo-icon::part(icon),.akzo-button__primary.color-inverse akzo-icon::part(icon),.akzo-button__fab.color-inverse akzo-icon::part(icon){color:var(--color-icon-on-primary-inverse)}.akzo-button__primary-dropdown.color-inverse:hover:not(.disabled),.akzo-button__primary.color-inverse:hover:not(.disabled),.akzo-button__fab.color-inverse:hover:not(.disabled){border:none;background-color:var(--color-interactive-primary-hovered-inverse)}.akzo-button__primary-dropdown.color-inverse:hover:not(.disabled)::before,.akzo-button__primary.color-inverse:hover:not(.disabled)::before,.akzo-button__fab.color-inverse:hover:not(.disabled)::before{padding:2px;z-index:1}.akzo-button__primary-dropdown.color-inverse:focus-visible:not(.disabled):not(.no-outline),.akzo-button__primary.color-inverse:focus-visible:not(.disabled):not(.no-outline),.akzo-button__fab.color-inverse:focus-visible:not(.disabled):not(.no-outline){outline:2px solid var(--color-stroke-strong-inverse);outline-offset:var(--spacing-xxs);border:none}.akzo-button__primary-dropdown.color-inverse:focus-visible:not(.disabled):not(.no-outline)::before,.akzo-button__primary.color-inverse:focus-visible:not(.disabled):not(.no-outline)::before,.akzo-button__fab.color-inverse:focus-visible:not(.disabled):not(.no-outline)::before{padding:4px;z-index:1}.akzo-button__primary-dropdown.color-inverse:active:not(.disabled):not(.no-outline),.akzo-button__primary.color-inverse:active:not(.disabled):not(.no-outline),.akzo-button__fab.color-inverse:active:not(.disabled):not(.no-outline){outline:none;border:none}.akzo-button__primary-dropdown.color-inverse:active:not(.disabled):not(.no-outline)::before,.akzo-button__primary.color-inverse:active:not(.disabled):not(.no-outline)::before,.akzo-button__fab.color-inverse:active:not(.disabled):not(.no-outline)::before{padding:2px;z-index:1}.akzo-button__primary-dropdown.color-inverse.disabled,.akzo-button__primary.color-inverse.disabled,.akzo-button__fab.color-inverse.disabled{background:var(--color-surface-disabled-inverse);border:1px solid var(--color-stroke-disabled-inverse);cursor:not-allowed}.akzo-button__primary-dropdown.color-inverse.disabled .button-text,.akzo-button__primary.color-inverse.disabled .button-text,.akzo-button__fab.color-inverse.disabled .button-text{color:var(--color-text-disabled-inverse)}.akzo-button__primary-dropdown.color-inverse.disabled akzo-icon::part(icon),.akzo-button__primary.color-inverse.disabled akzo-icon::part(icon),.akzo-button__fab.color-inverse.disabled akzo-icon::part(icon){color:var(--color-icon-disabled)}.akzo-button__secondary-dropdown,.akzo-button__secondary{background:transparent;border:1px solid var(--color-stroke-strong)}.akzo-button__secondary-dropdown::before,.akzo-button__secondary::before{content:"";position:absolute;inset:0;padding:0;background:linear-gradient(90deg, #cc1719 0%, #f5a100 20%, #fbee2d 40%, #d4da1c 60%, #93bc2a 80%, #05baee 100%);border-radius:var(--radius-pill);-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask-composite:exclude;z-index:-1}.akzo-button__secondary-dropdown .button-content,.akzo-button__secondary .button-content{display:flex;align-items:center;gap:8px}.akzo-button__secondary-dropdown .button-text,.akzo-button__secondary .button-text{color:var(--color-interactive-secondary-default);margin:0px}.akzo-button__secondary-dropdown akzo-icon::part(icon),.akzo-button__secondary akzo-icon::part(icon){color:var(--color-interactive-secondary-default)}.akzo-button__secondary-dropdown:hover:not(.disabled),.akzo-button__secondary:hover:not(.disabled){border:none;background-color:transparent}.akzo-button__secondary-dropdown:hover:not(.disabled)::before,.akzo-button__secondary:hover:not(.disabled)::before{padding:2px;z-index:1}.akzo-button__secondary-dropdown:focus-visible:not(.disabled):not(.no-outline),.akzo-button__secondary:focus-visible:not(.disabled):not(.no-outline){outline:2px solid var(--color-stroke-strong);outline-offset:var(--spacing-xxs);border:none}.akzo-button__secondary-dropdown:focus-visible:not(.disabled):not(.no-outline)::before,.akzo-button__secondary:focus-visible:not(.disabled):not(.no-outline)::before{padding:4px;z-index:1}.akzo-button__secondary-dropdown:active:not(.disabled):not(.no-outline),.akzo-button__secondary:active:not(.disabled):not(.no-outline){outline:none;border:none}.akzo-button__secondary-dropdown:active:not(.disabled):not(.no-outline)::before,.akzo-button__secondary:active:not(.disabled):not(.no-outline)::before{padding:2px;z-index:1}.akzo-button__secondary-dropdown.disabled,.akzo-button__secondary.disabled{background:var(--color-surface-disabled);border:1px solid var(--color-stroke-disabled);cursor:not-allowed}.akzo-button__secondary-dropdown.disabled .button-text,.akzo-button__secondary.disabled .button-text{color:var(--color-text-disabled)}.akzo-button__secondary-dropdown.disabled akzo-icon::part(icon),.akzo-button__secondary.disabled akzo-icon::part(icon){color:var(--color-icon-disabled)}.akzo-button__secondary-dropdown.color-inverse,.akzo-button__secondary.c
1olor-inverse{border:1px solid var(--color-stroke-strong-inverse)}.akzo-button__secondary-dropdown.color-inverse::before,.akzo-button__secondary.color-inverse::before{content:"";position:absolute;inset:0;padding:0;background:linear-gradient(90deg, #cc1719 0%, #f5a100 20%, #fbee2d 40%, #d4da1c 60%, #93bc2a 80%, #05baee 100%);border-radius:var(--radius-pill);-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask-composite:exclude;z-index:-1}.akzo-button__secondary-dropdown.color-inverse .button-content,.akzo-button__secondary.color-inverse .button-content{display:flex;align-items:center;gap:8px}.akzo-button__secondary-dropdown.color-inverse .button-text,.akzo-button__secondary.color-inverse .button-text{color:var(--color-interactive-secondary-default-inverse);margin:0px}.akzo-button__secondary-dropdown.color-inverse akzo-icon::part(icon),.akzo-button__secondary.color-inverse akzo-icon::part(icon){color:var(--color-interactive-secondary-default-inverse)}.akzo-button__secondary-dropdown.color-inverse:hover:not(.disabled),.akzo-button__secondary.color-inverse:hover:not(.disabled){border:none;background-color:transparent}.akzo-button__secondary-dropdown.color-inverse:hover:not(.disabled)::before,.akzo-button__secondary.color-inverse:hover:not(.disabled)::before{padding:2px;z-index:1}.akzo-button__secondary-dropdown.color-inverse:focus-visible:not(.disabled):not(.no-outline),.akzo-button__secondary.color-inverse:focus-visible:not(.disabled):not(.no-outline){outline:2px solid var(--color-stroke-strong-inverse);outline-offset:var(--spacing-xxs);border:none}.akzo-button__secondary-dropdown.color-inverse:focus-visible:not(.disabled):not(.no-outline)::before,.akzo-button__secondary.color-inverse:focus-visible:not(.disabled):not(.no-outline)::before{padding:4px;z-index:1}.akzo-button__secondary-dropdown.color-inverse:active:not(.disabled):not(.no-outline),.akzo-button__secondary.color-inverse:active:not(.disabled):not(.no-outline){outline:none;border:none}.akzo-button__secondary-dropdown.color-inverse:active:not(.disabled):not(.no-outline)::before,.akzo-button__secondary.color-inverse:active:not(.disabled):not(.no-outline)::before{padding:2px;z-index:1}.akzo-button__secondary-dropdown.color-inverse.disabled,.akzo-button__secondary.color-inverse.disabled{background:var(--color-surface-disabled-inverse);border:1px solid var(--color-stroke-disabled-inverse);cursor:not-allowed}.akzo-button__secondary-dropdown.color-inverse.disabled .button-text,.akzo-button__secondary.color-inverse.disabled .button-text{color:var(--color-text-disabled-inverse)}.akzo-button__secondary-dropdown.color-inverse.disabled akzo-icon::part(icon),.akzo-button__secondary.color-inverse.disabled akzo-icon::part(icon){color:var(--color-icon-disabled)}.akzo-button__secondary-dropdown:hover:not(.disabled),.akzo-button__secondary:hover:not(.disabled){background:#d9d9d9}.akzo-button__fab{min-width:116px;border-radius:var(--radius-pill);padding:var(--spacing-sm);gap:var(--spacing-xs);background:var(--color-interactive-primary-default);color:var(--color-text-on-primary);border:none;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1)}.akzo-button__fab.disabled{border:none}.akzo-button.loading akzo-icon.spin{width:1.5rem;height:1.5rem;min-width:auto;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.buttonClick=(0,i.c)(this,"buttonClick"),this.type="both",this.showLabel=!0,this.showIcon=!1,this.validVariant=["fab"],this.handleClick=()=>{this.disabled||this.loading||this.buttonClick.emit()}}},[1,"akzo-fab-button",{variant:[1025],label:[1],onlyIcon:[1028,"only-icon"],leftIcon:[1,"left-icon"],rightIcon:[1,"right-icon"],loading:[1028],disabled:[1028],fullWidth:[4,"full-width"],focusOutline:[1028,"focus-outline"],coreColor:[1025,"core-color"],type:[1],showLabel:[4,"show-label"],showIcon:[4,"show-icon"]}]),d=r,l=function(){"undefined"!=typeof customElements&&["akzo-fab-button","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-fab-button":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),r);break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,a.d)()}})}},78645:(t,e,o)=>{o.d(e,{A:()=>l,d:()=>s});var i=o(41421),n=o(47408),a=o(27857),r=o(65250);let d=0,l=(0,i.p)(class extends i.H{componentDidLoad(){this.setupVisibilityIO(),this.setupResizeObserver()}disconnectedCallback(){var t,e;null==(t=this.io)||t.disconnect(),null==(e=this.ro)||e.disconnect()}setupVisibilityIO(){let t=this.el.getBoundingClientRect(),e=window.innerHeight||document.documentElement.clientHeight,o=window.matchMedia("(max-width: 767px)").matches;(o&&t.top<1.25*e&&t.bottom>0||!o&&t.top<e&&t.bottom>0)&&(this.isInitiallyVisible=!0),this.io=new IntersectionObserver(t=>{var e;
1for(let o of t)o.isIntersecting&&(this.isInitiallyVisible||(this.isInitiallyVisible=!0),null==(e=this.io)||e.disconnect())},{rootMargin:window.matchMedia("(max-width: 767px)").matches?"300% 0px":"150% 0px",threshold:0}),this.io.observe(this.el)}setupResizeObserver(){let t=this.coerceImageUrl(this.image);if(!this.buildSrcsetFromBase(t)||"undefined"==typeof ResizeObserver)return;let e=()=>{var t,e,o,i;if(window.matchMedia("(max-width: 767px)").matches)this.sizesAttr="100vw";else{let n=Math.ceil((null==(o=null==(e=null==(t=this.el)?void 0:t.shadowRoot)?void 0:e.querySelector(".card-image"))?void 0:o.clientWidth)||(null==(i=this.el)?void 0:i.clientWidth)||("compact"===this.cardVariant?300:400));this.sizesAttr="".concat(n,"px")}};e(),this.ro=new ResizeObserver(()=>e()),this.ro.observe(this.el)}openLink(t){t&&"#"!==t&&(this.openInNewTab?window.open(t,"_blank","noopener,noreferrer"):window.location.href=t)}coerceImageUrl(t){if(!t)return;if("string"==typeof t)return t;let e=Array.isArray(t)?t[0]:t;if(!e)return;let o=e.thumbnails||{};return o.webimage||o.Medium||o.Large||e.src||void 0}coerceImageDimensions(t){if(!t||"string"==typeof t)return{};let e=Array.isArray(t)?t[0]:t;if(!e)return{};let{width:o,height:i}=e;return"number"==typeof o&&o>0&&"number"==typeof i&&i>0?{width:o,height:i}:{}}buildSrcsetFromBase(t){if(t)try{let e=new URL(t,window.location.origin);return[320,640,1024,1600].map(t=>(e.searchParams.set("w",String(t)),"".concat(e.toString()," ").concat(t,"w"))).join(", ")}catch(t){return}}render(){let t=this.coerceImageUrl(this.image),e=t||"/placeholder.png",{width:o,height:n}=this.coerceImageDimensions(this.image),a=(this.heading||"").trim(),r=(this.description||"").trim(),d=(this.imageAlt||a||"Product image").trim(),l=t?this.buildSrcsetFromBase(t):void 0,s=l?this.sizesAttr||("compact"===this.cardVariant?"300px":"400px"):void 0,m=(this.ctaLabel||"View products").trim(),p=this.ctaUrl||"#",h=this.isInitiallyVisible?"eager":"lazy",g=this.isInitiallyVisible?"high":"low",c=a?this.getTitleId():void 0,b=r?this.getDescId():void 0,x=[a,r,m].filter(
1Boolean).join(" ").replace(/\s+/g," ").trim()||void 0;return(0,i.h)(i.a,{key:"6715a9e52c3fbea450e6a766cee0083f97aec73c",class:this.cardVariant},(0,i.h)("div",{key:"b3849933a394157df7f667c861e0d606530e8037",class:"akzo-card",part:"container",role:"link",tabindex:"0","aria-label":x||null,"aria-labelledby":null,"aria-describedby":null,onClick:this.handleCardClick,onKeyDown:this.handleKeyPress},(0,i.h)("div",{key:"b9b78fe877f9de3331ec6ab18ff5dcb6a8bcf47b",class:"card-inner",part:"inner"},(0,i.h)("div",{key:"c36598f7fc05df7be53f526713ee4f2208e2cc84",class:"card-image",part:"image","aria-hidden":"true"},(0,i.h)("img",Object.assign({key:"099e75beb3464a2852b5a4b2df4b1c9d1e0dec8c",src:e,alt:d,decoding:"async",loading:h,fetchpriority:g,srcset:l,sizes:s},o&&n?{width:o,height:n}:{}))),(0,i.h)("div",{key:"d184df6cc5d07c37473515fd6e3e2a039f1bb6f8",class:"card-text",part:"text"},a&&(0,i.h)("p",{key:"8d2cf1f74e477580808405016762e32f25b6ba1c",id:c,class:"card-title",part:"title"},a),r&&(0,i.h)("p",{key:"3a1a0ef8b8824424824734da7951758e7ed01417",id:b,class:"card-description",part:"description"},r)),(0,i.h)("div",{key:"27dc84844e0cef68560669c8fda775ad87f04e6e",class:"button-wrapper"},(0,i.h)("akzo-button",{key:"69b89e028fa87f6fdc589e843d31d34a76e5789d",part:"button",label:m,variant:"secondary",rightIcon:"arrow-right",actionType:"redirect",redirectUrl:p,isOpenInNewTab:this.openInNewTab,onClick:t=>t.stopPropagation()})))))}get el(){return this}static get style(){return'@charset "UTF-8";html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:block;box-sizing:border-box;font-family:"Open Sans", sans-serif}:host(.compact){width:100%;max-width:300px;height:424px;min-height:424px;max-height:424px;box-sizing:border-box}:host(.expanded){width:100%;max-width:var(--product-card-max-width, 400px);height:444px;min-height:444px;max-height:444px;box-sizing:border-box}.akzo-card{width:100%;height:100%;box-sizing:border-box;background:var(--color-surface-neutral-option1);padding:32px 24px;display:flex;flex-direction:column}.card-inner{display:flex;flex-direction:column;flex:1;box-sizing:border-box;height:100%}.card-text{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:0.5rem;overflow:hidden}.card-title{margin-top:23px;font-size:1.5rem;font-weight:700;line-height:1.75rem;margin-bottom:0;color:var(--color-text-title);word-wrap:break-word;font-family:"Colour Sans", sans-serif}.card-description{font-size:1rem;line-height:1.25rem;margin:0;color:var(--color-text-functional);overflow:hidden;text-overflow:ellipsis}:host(.compact) .card-image{height:156px;flex-shrink:0}:host(.expanded) .card-image{height:224px;flex-shrink:0}.card-image{width:100%;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;display:block}akzo-button{margin-top:auto;width:100%;display:block}akzo-button::part(button-text){white-space:nowrap}akzo-button::part(secondary){width:100%;align-items:unset}.akzo-card{cursor:pointer;transition:transform 0.25s ease, box-shadow 0.25s ease}.card-title,.card-description,.card-image{user-select:none;cursor:pointer}@media (max-width: 767px){:host(.compact){max-width:100%;height:auto;min-height:380px;max-height:none;}:host(.expanded){max-width:100%;height:auto;min-height:400px;max-height:none}.card-inner{gap:0.5rem;}.card-text{gap:0.25rem;}.card-description{line-height:1.2rem;font-size:0.95rem;margin-bottom:0.25rem;}akzo-button{margin-top:0.75rem;}}.button-wrapper{pointer-events:none;}.button-wrapper akzo-button{pointer-events:auto;}akzo-button::part(base):hover{background-color:var(--color-interactive-hover)}.card-title,.card-description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}:host(.compact) .card-title{-webkit-line-clamp:2}:host(.compact) .card-description{-webkit-line-clamp:3}:host(.expanded) .card-title{-webkit-line-clamp:1}:host(.expanded) .card-description{-webkit-line-clamp:2}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.cardVariant="compact",this.openInNewTab=!0,this.isInitiallyVisible=!1,this.uid="apcc-"+ ++d,this.getTitleId=()=>"".concat(this.uid,"-title"),this.getDescId=()=>"".concat(this.uid,"-desc"),this.handleCardClick=()=>{this.openLink(this.ctaUrl)},this.handleKeyPress=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleCardClick())}}},[1,"akzo-product-category-card",{heading:[1],description:[1],image:[1],ctaLabel:[1,"cta-label"],ctaUrl:[1,"cta-url"],cardVariant:[1,"card-variant"],openInNewTab:[4,"open-in-new-tab"],imageAlt:[1,"image-alt"],isInitiallyVisible:[32],sizesAttr:[32]}]);function s(){"undefined"!=typeof customElements&&["akzo-product-category-card","akzo-button","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-product-category-card":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),l);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,r.d)()}})}},78718:(t,e,o)=>{o.r(e),o.d(e,{AkzoLogo:()=>n,defineCustomElement:()=>a});var i=o(70386);let n=i.A,a=i.d},79063:(t,e,o)=>{o.r(e),o.d(e,{AkzoColorSwatchBar:()=>n,defineCustomElement:()=>a});var i=o(41739);let n=i.A,a=i.d},79258:(t,e,o)=>{o.d(e,{X:()=>a,k:()=>n});var i=o(95344);let n=i.A,a=i.d},79291:(t,e,o)=>{o.d(e,{X:()=>a,v:()=>n});var i=o(42431);let n=i.A,a=i.d},79476:(t,e,o)=>{o.d(e,{X:()=>a,b:()=>n});var i=o(73596);let n=i.A,a=i.d},80915:(t,e,o)=>{o.d(e,{X:()=>a,v:()=>n});var i=o(35819);let n=i.A,a=i.d},80920:(t,e,o)=>{o.d(e,{G:()=>n,X:()=>a});var i=o(10925);let n=i.A,a=i.d},82104:(t,e,o)=>{o.r(e),o.d(e,{AkzoArticleGrid:()=>n,defineCustomElement:()=>a});var i=o(94215);let n=i.A,a=i.d},83057:(t,e,o)=>{o.r(e),o.d(e,{AkzoImageArticleContent:()=>n,defineCustomElement:()=>a});var i=o(88837);let n=i.f,a=i.g},83904:(t,e,o)=>{o.d(e,{A:()=>n,d:()=>a});var i=o(41421);let n=(0,i.p)(class extends i.H{renderIndicator(){return(0,i.h)("span",{class:"status-indicator status-indicator--".concat(this.status," status-indicator--").concat(this.size),"aria-hidden":"true"})}renderLabel(){return this.label?(0,i.h)("span",{class:"status-label status-label--".concat(this.size)},this.label):null}render(){let t=["status","status--".concat(this.status),"status--".concat(this.size),this.interactive?"status--interactive":"",this.customClass||""].filter(
1Boolean).join(" ");return(0,i.h)(this.interactive?"button":"div",{key:"df178f6aac049998ebbac3794d42dcf18e77b938",class:t,role:this.interactive?"button":void 0,tabIndex:this.interactive?0:void 0,"aria-label":this.interactive&&this.label?"Status: ".concat(this.label):void 0},this.renderIndicator(),this.renderLabel())}get el(){return this}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.status{display:inline-flex;padding:var(--spacing-xxs, 0.25rem);align-items:center;gap:var(--spacing-xs, 0.25rem);transition:all var(--motion-duration-medium-01) var(--motion-easing-standard);background:transparent;border:none;font-family:inherit;cursor:pointer;border-radius:var(--radius-pill, 6250rem)}.status:hover{background:var(--color-interactive-action-hovered, rgba(158, 158, 158, 0.15));transform:translateY(-1px)}.status:focus{outline:2px solid var(--color-status-info-500);outline-offset:2px}.status:active{transform:translateY(0);background-color:var(--color-surface-neutral-option3)}.status--s{gap:var(--spacing-xxs, 0.25rem)}.status--l{gap:var(--spacing-xxs, 0.25rem)}.status-indicator{display:inline-block;border-radius:50%;flex-shrink:0;transition:all var(--motion-duration-medium-01) var(--motion-easing-standard)}.status-indicator--s{width:0.72544rem;height:0.72544rem}.status-indicator--l{width:0.97544rem;height:0.97544rem}.status-indicator--in-stock{background-color:var(--color-icon-positive)}.status-indicator--made-to-order{background-color:var(--color-icon-info)}.status-indicator--limited-stock{background-color:var(--color-icon-warning)}.status-indicator--no-stock{background-color:var(--color-icon-critical)}.status:hover .status-indicator{transform:scale(1.1)}.status:hover .status-indicator--in-stock{background-color:var(--color-icon-positive)}.status:hover .status-indicator--made-to-order{background-color:var(--color-icon-info)}.status:hover .status-indicator--limited-stock{background-color:var(--color-icon-warning)}.status:hover .status-indicator--no-stock{background-color:var(--color-icon-critical)}.status-label{color:var(--color-text-functional);font-weight:700;line-height:var(--typography-line_height-paragraph-S, 1rem);transition:color var(--motion-duration-medium-01) var(--motion-easing-standard)}.status-label--s{font-size:var(--typography-size-paragraph-XS, 0.75rem)}.status-label--l{font-size:var(--typography-size-paragraph-M, 1rem)}.status--in-stock .status-label{color:var(--color-text-positive)}.status--made-to-order .status-label{color:var(--color-text-info)}.status--limited-stock .status-label{color:var(--color-text-warning)}.status--no-stock .status-label{color:var(--color-text-critical)}.status--in-stock:hover .status-label{color:var(--color-text-positive)}.status--made-to-order:hover .status-label{color:var(--color-text-info)}.status--limited-stock:hover .status-label{color:var(--color-text-warning)}.status--no-stock:hover .status-label{color:var(--color-text-critical)}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.status="in-stock",this.size="l",this.interactive=!1}},[1,"akzo-status",{status:[1],size:[1],label:[1],interactive:[4],customClass:[1,"custom-class"]}]);function a(){"undefined"!=typeof customElements&&["akzo-status"].forEach(t=>{"akzo-status"===t&&(customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),n))})}},85082:(t,e,o)=>{o.r(e),o.d(e,{AkzoColorSwatchRow:()=>n,defineCustomElement:()=>a});var i=o(95154);let n=i.A,a=i.d},85263:(t,e,o)=>{o.r(e),o.d(e,{AkzoInputSearchField:()=>n,defineCustomElement:()=>a});var i=o(92343);let n=i.A,a=i.d},86191:(t,e,o)=>{o.d(e,{X:()=>a,Z:()=>n});var i=o(60282);let n=i.A,a=i.d},86432:(t,e,o)=>{o.d(e,{N:()=>n,X:()=>a});var i=o(78645);let n=i.A,a=i.d},86913:(t,e,o)=>{o.r(e),o.d(e,{AkzoStoreLocator:()=>tk,defineCustomElement:()=>tw});var i,n=o(41421),a=o(47408),r=o(71810),d=o(70699),l=o(27857),s=o(92343),m=o(65250),p=o(50211),h=o(88857),g=o(3779),c=o(32114);let{getOwnPropertyNames:b,getOwnPropertySymbols:x}=Object,{hasOwnProperty:u}=Object.prototype;function f(t,e){return function(o,i,n){return t(o,i,n)&&e(o,i,n)}}
1function k(t){return function(e,o,i){if(!e||!o||"object"!=typeof e||"object"!=typeof o)return t(e,o,i);let{cache:n}=i,a=n.get(e),r=n.get(o);if(a&&r)return a===o&&r===e;n.set(e,o),n.set(o,e);let d=t(e,o,i);return n.delete(e),n.delete(o),d}}function w(t){return b(t).concat(x(t))}let z=Object.hasOwn||((t,e)=>u.call(t,e));function y(t,e){return t===e||!t&&!e&&t!=t&&e!=e}let v="undefined"!=typeof Float16Array,{getOwnPropertyDescriptor:C,keys:S}=Object;function _(t,e){return t.byteLength===e.byteLength&&R(new Uint8Array(t),new Uint8Array(e))}function E(t,e,o){let i=t.length;if(e.length!==i)return!1;for(;i-- >0;)if(!o.equals(t[i],e[i],i,i,t,e,o))return!1;return!0}function A(t,e){return t.byteLength===e.byteLength&&R(new Uint8Array(t.buffer,t.byteOffset,t.byteLength),new Uint8Array(e.buffer,e.byteOffset,e.byteLength))}function L(t,e){return y(t.getTime(),e.getTime())}function I(t,e,o){return t.name===e.name&&t.message===e.message&&t.stack===e.stack&&o.equals(t.cause,e.cause,"cause","cause",t,e,o)}function P(t,e){return t===e}function T(t,e,o){let i=t.size;if(i!==e.size)return!1;if(!i)return!0;let n=Array(i),a=t.entries(),r,d,l=0;for(;(r=a.next())&&!r.done;){let i=e.entries(),a=!1,s=0;for(;(d=i.next())&&!d.done;){if(n[s]){s++;continue}let i=r.value,m=d.value;if(o.equals(i[0],m[0],l,s,t,e,o)&&o.equals(i[1],m[1],i[0],m[0],t,e,o)){a=n[s]=!0;break}s++}if(!a)return!1;l++}return!0}function D(t,e,o){let i=S(t),n=i.length;if(S(e).length!==n)return!1;for(;n-- >0;)if(!H(t,e,o,i[n]))return!1;return!0}function M(t,e,o){let i=w(t),n,a,r,d=i.length;if(w(e).length!==d)return!1;for(;d-- >0;)if(!H(t,e,o,n=i[d])||(a=C(t,n),r=C(e,n),(a||r)&&(!a||!r||a.configurable!==r.configurable||a.enumerable!==r.enumerable||a.writable!==r.writable)))return!1;return!0}function O(t,e){return y(t.valueOf(),e.valueOf())}function B(t,e){return t.source===e.source&&t.flags===e.flags}function N(t,e,o){let i,n,a=t.size;if(a!==e.size)return!1;if(!a)return!0;let r=Array(a),d=t.values();for(;(i=d.next())&&!i.done;){let a=e.values(),d=!1,l=0;for(;(n=a.next())&&!n.done;){if(!r[l]&&o.equals(i.value,n.value,i.value,n.value,t,e,o)){d=r[l]=!0;break}l++}if(!d)return!1}return!0}function R(t,e){let o=t.length;if(e.length!==o||t.byteOffset!==e.byteOffset)return!1;if(t instanceof Float64Array||t instanceof Float32Array||v&&t instanceof Float16Array){for(;o-- >0;)if(t[o]!==e[o]&&(t[o]==t[o]||e[o]==e[o]))return!1;return!0}for(;o-- >0;)if(t[o]!==e[o])return!1;return!0}function F(t,e){return t.href===e.href||t.protocol===e.protocol&&t.username===e.username&&t.password===e.password&&t.host===e.host&&t.pathname===e.pathname&&t.hash===e.hash&&function(t,e){let o=""+t,i=""+e;return o===i||j(o)===j(i)}(t.searchParams,e.searchParams)}function j(t){return t.split("&").sort().join("&")}function H(t,e,o,i){return!("_owner"!==i&&"__o"!==i&&"__v"!==i||!t.$$typeof&&!e.$$typeof)||z(e,i)&&o.equals(t[i],e[i],i,i,t,e,o)}let q={"[object Int8Array]":!0,"[object Uint8Array]":!0,"[object Uint8ClampedArray]":!0,"[object Int16Array]":!0,"[object Uint16Array]":!0,"[object Int32Array]":!0,"[object Uint32Array]":!0,"[object Float16Array]":!0,"[object Float32Array]":!0,"[object Float64Array]":!0,"[object BigInt64Array]":!0,"[object BigUint64Array]":!0},W=Object.prototype.toString,V=U();function U(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{circular:e=!1,createInternalComparator:o,createState:i,strict:n=!1}=t,a=function(t){let{areArrayBuffersEqual:e,areArraysEqual:o,areDataViewsEqual:i,areDatesEqual:n,areErrorsEqual:a,areFunctionsEqual:r,areMapsEqual:d,areNumbersEqual:l,areObjectsEqual:s,arePrimitiveWrappersEqual:m,areRegExpsEqual:p,areSetsEqual:h,areTypedArraysEqual:g,areUrlsEqual:c,unknownTagComparators:b}=t;return function(t,x,u){if(t===x)return!0;if(null==t||null==x)return!1;let f=typeof t;if(f!==typeof x)return!1;if("object"!==f)return"number"===f?l(t,x,u):"function"===f&&r(t,x,u);let k=t.constructor;if(k!==x.constructor)return!1;if(k===Object)return s(t,x,u);if(Array.isArray(t))return o(t,x,u);if(k===Date)return n(t,x,u);if(k===RegExp)return p(t,x,u);if(k===Map)return d(t,x,u);if(k===Set)return h(t,x,u);if(null==k)return s(t,x,u);let w=W.call(t);if("[object Date]"===w)return n(t,x,u);if("[object RegExp]"===w)return p(t,x,u);if("[object Map]"===w)return d(t,x,u);if("[object Set]"===w)return h(t,x,u);if("[object Object]"===w)return"function"!=typeof t.then&&"function"!=typeof x.then&&s(t,x,u);if("[object URL]"===w)return c(t,x,u);if("[object Error]"===w)return a(t,x,u);if("[object Arguments]"===w)return s(t,x,u);if(q[w])return g(t,x,u);if("[object ArrayBuffer]"===w)return e(t,x,u);if("[object DataView]"===w)return i(t,x,u);if("[object Boolean]"===w||"[object Number]"===w||"[object String]"===w)return m(t,x,u);if(b){let e=b[w];if(!e){let o=null!=t?t[Symbol.toStringTag]:void 0;o&&(e=b[o])}if(e)return e(t,x,u)}return!1}}(function(t){let{circular:e,createCustomConfig:o,strict:i}=t,n={areArrayBuffersEqual:_,areArraysEqual:i?M:E,areDataViewsEqual:A,areDatesEqual:L,areErrorsEqual:f(I,i?M:D),areFunctionsEqual:P,areMapsEqual:i?f(T,M):T,areNumbersEqual:y,areObjectsEqual:i?M:D,arePrimitiveWrappersEqual:O,areRegExpsEqual:B,areSetsEqual:i?f(N,M):N,areTypedArraysEqual:i?f(R,M):R,areUrlsEqual:F,unknownTagComparators:void 0};if(o&&(n=Object.assign({},n,o(n))),e){let t=k(n.areArraysEqual),e=k(n.areErrorsEqual),o=k(n.areMapsEqual),i=k(n.areObjectsEqual),a=k(n.areSetsEqual);n=Object.assign({},n,{areArraysEqual:t,areErrorsEqual:e,areMapsEqual:o,areObjectsEqual:i,areSetsEqual:a})}return n}(t));return function(t){let{circular:e,comparator:o,createState:i,equals:n,strict:a}=t;if(i)return function(t,r){let{cache:d=e?new WeakMap:void 0,meta:l}=i();return o(t,r,{cache:d,equals:n,meta:l,strict:a})};if(e)return function(t,e){return o(t,e,{cache:new WeakMap,equals:n,meta:void 0,strict:a})};let r={cache:void 0,equals:n,meta:void 0,strict:a};return function(t,e){return o(t,e,r)}}({circular:e,comparator:a,createState:i,equals:o?o(a):function(t,e,o,i,n,r,d){return a(t,e,d)}
1,strict:n})}U({strict:!0}),U({circular:!0}),U({circular:!0,strict:!0}),U({createInternalComparator:()=>y}),U({strict:!0,createInternalComparator:()=>y}),U({circular:!0,createInternalComparator:()=>y}),U({circular:!0,createInternalComparator:()=>y,strict:!0});let K=[Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array],X=new Uint32Array(96);class Q{static from(t){if(!t||void 0===t.byteLength||t.buffer)throw Error("Data must be an instance of ArrayBuffer or SharedArrayBuffer.");let[e,o]=new Uint8Array(t,0,2);if(219!==e)throw Error("Data does not appear to be in a KDBush format.");let i=o>>4;if(1!==i)throw Error("Got v".concat(i," data when expected v1."));let n=K[15&o];if(!n)throw Error("Unrecognized array type.");let[a]=new Uint16Array(t,2,1),[r]=new Uint32Array(t,4,1);return new Q(r,a,n,void 0,t)}add(t,e){let o=this._pos>>1;return this.ids[o]=o,this.coords[this._pos++]=t,this.coords[this._pos++]=e,o}finish(){let t=this._pos>>1;if(t!==this.numItems)throw Error("Added ".concat(t," items when expected ").concat(this.numItems,"."));return function t(e,o,i,n,a,r){if(a-n<=i)return;let d=n+a>>1;(function t(e,o,i,n,a,r){for(;a>n;){if(a-n>600){let d=a-n+1,l=i-n+1,s=Math.log(d),m=.5*Math.exp(2*s/3),p=.5*Math.sqrt(s*m*(d-m)/d)*(l-d/2<0?-1:1);t(e,o,i,Math.max(n,Math.floor(i-l*m/d+p)),Math.min(a,Math.floor(i+(d-l)*m/d+p)),r)}let d=o[2*i+r],l=n,s=a;for(G(e,o,n,i),o[2*a+r]>d&&G(e,o,n,a);l<s;){for(G(e,o,l,s),l++,s--;o[2*l+r]<d;)l++;for(;o[2*s+r]>d;)s--}o[2*n+r]===d?G(e,o,n,s):G(e,o,++s,a),s<=i&&(n=s+1),i<=s&&(a=s-1)}})(e,o,d,n,a,r),t(e,o,i,n,d-1,1-r),t(e,o,i,d+1,a,1-r)}(this.ids,this.coords,this.nodeSize,0,this.numItems-1,0),this._finished=!0,this}range(t,e,o,i){if(!this._finished)throw Error("Data not yet indexed - call index.finish().");let{ids:n,coords:a,nodeSize:r}=this;X[0]=0,X[1]=n.length-1,X[2]=0;let d=3,l=[];for(;d>0;){let s=X[--d],m=X[--d],p=X[--d];if(m-p<=r){for(let r=p;r<=m;r++){let d=a[2*r],s=a[2*r+1];d>=t&&d<=o&&s>=e&&s<=i&&l.push(n[r])}continue}let h=p+m>>1,g=a[2*h],c=a[2*h+1];g>=t&&g<=o&&c>=e&&c<=i&&l.push(n[h]),(0===s?t<=g:e<=c)&&(X[d++]=p,X[d++]=h-1,X[d++]=1-s),(0===s?o>=g:i>=c)&&(X[d++]=h+1,X[d++]=m,X[d++]=1-s)}return l}within(t,e,o){let i=[];return this.withinInto(t,e,o,i),i}withinInto(t,e,o,i){if(!this._finished)throw Error("Data not yet indexed - call index.finish().");let{ids:n,coords:a,nodeSize:r}=this;X[0]=0,X[1]=n.length-1,X[2]=0;let d=3,l=0,s=o*o;for(;d>0;){let m=X[--d],p=X[--d],h=X[--d];if(p-h<=r){for(let o=h;o<=p;o++)Y(a[2*o],a[2*o+1],t,e)<=s&&(i[l++]=n[o]);continue}let g=h+p>>1,c=a[2*g],b=a[2*g+1];Y(c,b,t,e)<=s&&(i[l++]=n[g]),(0===m?t-o<=c:e-o<=b)&&(X[d++]=h,X[d++]=g-1,X[d++]=1-m),(0===m?t+o>=c:e+o>=b)&&(X[d++]=g+1,X[d++]=p,X[d++]=1-m)}return l}constructor(t,e=64,o=Float64Array,i=ArrayBuffer,n){if(isNaN(t)||t<0)throw Error("Unexpected numItems value: ".concat(t,"."));this.numItems=+t,this.nodeSize=Math.min(Math.max(+e,2),65535),this.ArrayType=o,this.IndexArrayType=t<65536?Uint16Array:Uint32Array;let a=K.indexOf(this.ArrayType),r=2*t*this.ArrayType.BYTES_PER_ELEMENT,d=t*this.IndexArrayType.BYTES_PER_ELEMENT,l=(8-d%8)%8;if(a<0)throw Error("Unexpected typed array class: ".concat(o,"."));if(n)this.data=n,this.ids=new this.IndexArrayType(n,8,t),this.coords=new o(n,8+d+l,2*t),this._pos=2*t,this._finished=!0;else{let n=this.data=new i(8+r+d+l);this.ids=new this.IndexArrayType(n,8,t),this.coords=new o(n,8+d+l,2*t),this._pos=0,this._finished=!1,new Uint8Array(n,0,2).set([219,16+a]),new Uint16Array(n,2,1)[0]=e,new Uint32Array(n,4,1)[0]=t}}}function G(t,e,o,i){J(t,o,i),J(e,2*o,2*i),J(e,2*o+1,2*i+1)}function J(t,e,o){let i=t[e];t[e]=t[o],t[o]=i}function Y(t,e,o,i){let n=t-o,a=e-i;return n*n+a*a}let Z={minZoom:0,maxZoom:16,minPoints:2,radius:40,extent:512,nodeSize:64,log:!1,generateId:!1,reduce:null,map:t=>t},$=Math.fround||(t=>e=>(t[0]=+e,t[0]))(new Float32Array(1));class tt{load(t){let{log:e,minZoom:o,maxZoom:i}=this.options;e&&console.time("total time");let n="prepare ".concat(t.length," points");e&&console.time(n),this.points=t;let a=[];for(let e=0;e<t.length;e++){let o=t[e];if(!o.geometry)continue;let[i,n]=o.geometry.coordinates,r=$(ti(i)),d=$(tn(n));a.push(r,d,1/0,e,-1,1),this.options.reduce&&a.push(0)}let r=this.trees[i+1]=this._createTree(a);e&&console.timeEnd(n);for(let t=i;t>=o;t--){let o=+Date.now();r=this.trees[t]=this._createTree(this._cluster(r,t)),e&&console.log("z%d: %d clusters in %dms",t,r.numItems,Date.now()-o)}return e&&console.timeEnd("total time"),this}getClusters(t,e){let o=((t[0]+180)%360+360)%360-180,i=Math.max(-90,Math.min(90,t[1])),n=180===t[2]?180:((t[2]+180)%360+360)%360-180,a=Math.max(-90,Math.min(90,t[3]));if(t[2]-t[0]>=360)o=-180,n=180;else if(o>n){let t=this.getClusters([o,i,180,a],e),r=this.getClusters([-180,i,n,a],e);return t.concat(r)}let r=this.trees[this._limitZoom(e)],d=r.range(ti(o),tn(a),ti(n),tn(i)),l=r.data,s=[];for(let t of d){let e=this.stride*t;s.push(l[e+5]>1?te(l,e,this.clusterProps):this.points[l[e+3]])}return s}getChildren(t){let e=this._getOriginId(t),o=this._getOriginZoom(t),i="No cluster with the specified id.",n=this.trees[o];if(!n)throw Error(i);let a=n.data;if(e*this.stride>=a.length)throw Error(i);let r=n.within(a[e*this.stride],a[e*this.stride+1],this.options.radius/(this.options.extent*Math.pow(2,o-1))),d=[];for(let e of r){let o=e*this.stride;a[o+4]===t&&d.push(a[o+5]>1?te(a,o,this.clusterProps):this.points[a[o+3]])}if(0===d.length)throw Error(i);return d}getLeaves(t,e,o){let i=[];return this._appendLeaves(i,t,e=e||10,o=o||0,0),i}getTile(t,e,o){let i=this.trees[this._limitZoom(t)],n=Math.pow(2,t),{extent:a,radius:r}=this.options,d=r/a,l=(o-d)/n,s=(o+1+d)/n,m={features:[]};return this._addTileFeatures(i.range((e-d)/n,l,(e+1+d)/n,s),i.data,e,o,n,m),0===e&&this._addTileFeatures(i.range(1-d/n,l,1,s),i.data,n,o,n,m),e===n-1&&this._addTileFeatures(i.range(0,l,d/n,s),i.data,-1,o,n,m),m.features.length?m:null}getClusterExpansionZoom(t){let e=this._getOriginZoom(t)-1;for(;e<=this.options.maxZoom;){let o=this.getChildren(t);if(e++,1!==o.length)break;t=o[0].properties.cluster_id}return e}_appendLeaves(t,e,o,i,n){for(let a of this.getChildren(e)){let e=a.properties;if(e&&e.cluster?n+e.point_count<=i?n+=e.point_count:n=this._appendLeaves(t,e.cluster_id,o,i,n):n<i?n++:t.push(a),t.length===o)break}return n}_createTree(t){let e=new Q(t.length/this.stride|0,this.options.nodeSize,Float32Array);for(let o=0;o<t.length;o+=this.stride)e.add(t[o],t[o+1]);return e.finish(),e.data=t,e}_addTileFeatures(t,e,o,i,n,a){for(let r of t){let t,d,l,s,m=r*this.stride,p=e[m+5]>1;if(p)t=to(e,m,this.clusterProps),d=e[m],l=e[m+1];else{let o=this.points[e[m+3]];t=o.properties;let[i,n]=o.geometry.coordinates;d=ti(i),l=tn(n)}let h={type:1,geometry:[[Math.round(this.options.extent*(d*n-o)),Math.round(this.options.extent*(l*n-i))]],tags:t};void 0!==(s=p||this.options.generateId?e[m+3]:this.points[e[m+3]].id)&&(h.id=s),a.features.push(h)}}_limitZoom(t){return Math.max(this.options.minZoom,Math.min(Math.floor(+t),this.options.maxZoom+1))}_cluster(t,e){let{radius:o,extent:i,reduce:n,minPoints:a}=this.options,r=o/(i*Math.pow(2,e)),d=t.data,l=[],s=this.stride;for(let o=0;o<d.length;o+=s){if(d[o+2]<=e)continue;d[o+2]=e;let i=d[o],m=d[o+1],p=t.within(d[o],d[o+1],r),h=d[o+5],g=h;for(let t of p){let o=t*s;d[o+2]>e&&(g+=d[o+5])}if(g>h&&g>=a){let t,a=i*h,r=m*h,c=-1,b=(o/s<<5)+(e+1)+this.points.length;for(let i of p){let l=i*s;if(d[l+2]<=e)continue;d[l+2]=e;let m=d[l+5];a+=d[l]*m,r+=d[l+1]*m,d[l+4]=b,n&&(t||(t=this._map(d,o,!0),c=this.clusterProps.length,this.clusterProps.push(t)),n(t,this._map(d,l)))}d[o+4]=b,l.push(a/g,r/g,1/0,b,-1,g),n&&l.push(c)}else{for(let t=0;t<s;t++)l.push(d[o+t]);if(g>1)for(let t of p){let o=t*s;if(!(d[o+2]<=e)){d[o+2]=e;for(let t=0;t<s;t++)l.push(d[o+t])}}}}return l}_getOriginId(t){return t-this.points.length>>5}_getOriginZoom(t){return(t-this.points.length)%32}
1_map(t,e,o){if(t[e+5]>1){let i=this.clusterProps[t[e+6]];return o?Object.assign({},i):i}let i=this.points[t[e+3]].properties,n=this.options.map(i);return o&&n===i?Object.assign({},n):n}constructor(t){this.options=Object.assign(Object.create(Z),t),this.trees=Array(this.options.maxZoom+1),this.stride=this.options.reduce?7:6,this.clusterProps=[]}}function te(t,e,o){return{type:"Feature",id:t[e+3],properties:to(t,e,o),geometry:{type:"Point",coordinates:[360*(t[e]-.5),360*Math.atan(Math.exp((180-360*t[e+1])*Math.PI/180))/Math.PI-90]}}}function to(t,e,o){let i=t[e+5],n=i>=1e4?Math.round(i/1e3)+"k":i>=1e3?Math.round(i/100)/10+"k":i,a=t[e+6];return Object.assign(-1===a?{}:Object.assign({},o[a]),{cluster:!0,cluster_id:t[e+3],point_count:i,point_count_abbreviated:n})}function ti(t){return t/360+.5}function tn(t){let e=Math.sin(t*Math.PI/180),o=.5-.25*Math.log((1+e)/(1-e))/Math.PI;return o<0?0:o>1?1:o}"function"==typeof SuppressedError&&SuppressedError;class ta{static isAdvancedMarkerAvailable(t){return google.maps.marker&&!0===t.getMapCapabilities().isAdvancedMarkersAvailable}static isAdvancedMarker(t){return google.maps.marker&&t instanceof google.maps.marker.AdvancedMarkerElement}static setMap(t,e){this.isAdvancedMarker(t)?t.map=e:t.setMap(e)}static getPosition(t){if(this.isAdvancedMarker(t)){if(t.position){if(t.position instanceof google.maps.LatLng)return t.position;if(Number.isFinite(t.position.lat)&&Number.isFinite(t.position.lng))return new google.maps.LatLng(t.position.lat,t.position.lng)}return new google.maps.LatLng(null)}return t.getPosition()}static getVisible(t){return!!this.isAdvancedMarker(t)||t.getVisible()}}class tr{get bounds(){if(0===this.markers.length&&!this._position)return;let t=new google.maps.LatLngBounds(this._position,this._position);for(let e of this.markers)t.extend(ta.getPosition(e));return t}get position(){return this._position||this.bounds.getCenter()}get count(){return this.markers.filter(t=>ta.getVisible(t)).length}push(t){this.markers.push(t)}delete(){this.marker&&(ta.setMap(this.marker,null),this.marker=void 0),this.markers.length=0}constructor({markers:t,position:e}){this.markers=[],t&&(this.markers=t),e&&(this._position=e instanceof google.maps.LatLng?e:new google.maps.LatLng(e))}}function td(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"assertion failed";if(null==t)throw Error(e)}class tl{noop(t){let{markers:e}=t;return ts(e)}constructor({maxZoom:t=16}){this.maxZoom=t}}let ts=t=>t.map(t=>new tr({position:ta.getPosition(t),markers:[t]}));class tm extends tl{calculate(t){let e=!1,o=t.map.getZoom();td(o);let i={zoom:o=Math.round(o)};if(!V(t.markers,this.markers)){e=!0,this.markers=[...t.markers];let o=this.markers.map(t=>{let e=ta.getPosition(t);return{type:"Feature",geometry:{type:"Point",coordinates:[e.lng(),e.lat()]},properties:{marker:t}}});this.superCluster.load(o)}return e||(this.state.zoom<=this.maxZoom||i.zoom<=this.maxZoom)&&(e=!V(this.state,i)),this.state=i,0===t.markers.length?this.clusters=[]:e&&(this.cluster
1s=this.cluster(t)),{clusters:this.clusters,changed:e}}cluster(t){let{map:e}=t,o=e.getZoom();return td(o),this.superCluster.getClusters([-180,-90,180,90],Math.round(o)).map(t=>this.transformCluster(t))}transformCluster(t){let{geometry:{coordinates:[e,o]},properties:i}=t;if(i.cluster)return new tr({markers:this.superCluster.getLeaves(i.cluster_id,1/0).map(t=>t.properties.marker),position:{lat:o,lng:e}});let n=i.marker;return new tr({markers:[n],position:ta.getPosition(n)})}constructor(t){var{maxZoom:e,radius:o=60}=t,i=function(t,e){var o={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&0>e.indexOf(i)&&(o[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(i=Object.getOwnPropertySymbols(t);n<i.length;n++)0>e.indexOf(i[n])&&Object.prototype.propertyIsEnumerable.call(t,i[n])&&(o[i[n]]=t[i[n]])}return o}(t,["maxZoom","radius"]);super({maxZoom:e}),this.markers=[],this.clusters=[],this.state={zoom:-1},this.superCluster=new tt(Object.assign({maxZoom:this.maxZoom,radius:o},i))}}class tp{constructor(t,e){this.markers={sum:t.length};let o=e.map(t=>t.count),i=o.reduce((t,e)=>t+e,0);this.clusters={count:e.length,markers:{mean:i/e.length,sum:i,min:Math.min(...o),max:Math.max(...o)}}}}class th{render(t,e,o){let{count:i,position:n}=t,a='<svg fill="'.concat(i>Math.max(10,e.clusters.markers.mean)?"#ff0000":"#0000ff",'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" width="50" height="50">\n<circle cx="120" cy="120" opacity=".6" r="70" />\n<circle cx="120" cy="120" opacity=".3" r="90" />\n<circle cx="120" cy="120" opacity=".2" r="110" />\n<text x="50%" y="50%" style="fill:#fff" text-anchor="middle" font-size="50" dominant-baseline="middle" font-family="roboto,arial,sans-serif">').concat(i,"</text>\n</svg>"),r="Cluster of ".concat(i," markers"),d=Number(google.maps.Marker.MAX_ZINDEX)+i;if(ta.isAdvancedMarkerAvailable(o)){let t=(new DOMParser).parseFromString(a,"image/svg+xml").documentElement;return t.setAttribute("transform","translate(0 25)"),new google.maps.marker.AdvancedMarkerElement({map:o,position:n,zIndex:d,title:r,content:t})}let l={position:n,zIndex:d,title:r,icon:{url:"data:image/svg+xml;base64,"+btoa(a),anchor:new google.maps.Point(25,25)}};return new google.maps.Marker(l)}}class tg{constructor(){!function(t,e){for(let o in e.prototype)t.prototype[o]=e.prototype[o]}(tg,google.maps.OverlayView)}}!function(t){t.CLUSTERING_BEGIN="clusteringbegin",t.CLUSTERING_END="clusteringend",t.CLUSTER_CLICK="click",t.GMP_CLICK="gmp-click"}(i||(i={}));let tc=(t,e,o)=>{e.bounds&&o.fitBounds(e.bounds)};class tb extends tg{addMarker(t,e){this.markers.includes(t)||(this.markers.push(t),e||this.render())}addMarkers(t,e){t.forEach(t=>{this.addMarker(t,!0)}),e||this.render()}removeMarker(t,e){let o=this.markers.indexOf(t);return -1!==o&&(ta.setMap(t,null),this.markers.splice(o,1),e||this.render(),!0)}removeMarkers(t,e){let o=!1;return t.forEach(t=>{o=this.removeMarker(t,!0)||o}),o&&!e&&this.render(),o}clearMarkers(t){this.markers.length=0,t||this.render()}render(){let t=this.getMap();if(t instanceof google.maps.Map&&t.getProjection()){google.maps.event.trigger(this,i.CLUSTERING_BEGIN,this);let{clusters:e,changed:o}=this.algorithm.calculate({markers:this.markers,map:t,mapCanvasProjection:this.getProjection()});if(o||null==o){let t=new Set;for(let o of e)1==o.markers.length&&t.add(o.markers[0]);let o=[];for(let e of this.clusters)null!=e.marker&&(1==e.markers.length?t.has(e.marker)||ta.setMap(e.marker,null):o.push(e.marker));this.clusters=e,this.renderClusters(),requestAnimationFrame(()=>o.forEach(t=>ta.setMap(t,null)))}google.maps.event.trigger(this,i.CLUSTERING_END,this)}}onAdd(){let t=this.getMap();td(t),this.idleListener=t.addListener("idle",this.render.bind(this)),this.render()}onRemove(){this.idleListener&&google.maps.event.removeListener(this.idleListener),this.reset()}reset(){this.markers.forEach(t=>ta.setMap(t,null)),this.clusters.forEach(t=>t.delete()),this.clusters=[]}renderClusters(){let t=new tp(this.markers,this.clusters),e=this.getMap();this.clusters.forEach(o=>
1{if(1===o.markers.length)o.marker=o.markers[0];else if(o.marker=this.renderer.render(o,t,e),o.markers.forEach(t=>ta.setMap(t,null)),this.onClusterClick){let t=ta.isAdvancedMarker(o.marker)?i.GMP_CLICK:i.CLUSTER_CLICK;o.marker.addListener(t,t=>{google.maps.event.trigger(this,i.CLUSTER_CLICK,o),this.onClusterClick(t,o,e)})}ta.setMap(o.marker,e)})}constructor({map:t,markers:e=[],algorithmOptions:o={},algorithm:i=new tm(o),renderer:n=new th,onClusterClick:a=tc}){super(),this.map=null,this.idleListener=null,this.markers=[...e],this.clusters=[],this.algorithm=i,this.renderer=n,this.onClusterClick=a,t&&this.setMap(t)}}let tx={lat:52.3555,lng:-1.1743},tu={gb:{countryCode:"gb",center:{lat:52.3555,lng:-1.1743}},ie:{countryCode:"ie",center:{lat:53.1424,lng:-7.6921}},nl:{countryCode:"nl",center:{lat:52.3702,lng:4.8952}},vn:{countryCode:"vn",center:{lat:21.0278,lng:105.8342}},ee:{countryCode:"ee",center:{lat:58.5953,lng:25.0136}},lv:{countryCode:"lv",center:{lat:56.8796,lng:24.6032}},be:{countryCode:"be",center:{lat:50.5039,lng:4.4699}},no:{countryCode:"no",center:{lat:60.472,lng:8.4689}},lt:{countryCode:"lt",center:{lat:55.1694,lng:23.8813}},de:{countryCode:"de",center:{lat:51.1657,lng:10.4515}},fr:{countryCode:"fr",center:{lat:46.2276,lng:2.2137}},at:{countryCode:"at",center:{lat:47.5162,lng:14.5501}},cz:{countryCode:"cz",center:{lat:49.8175,lng:15.473}},pl:{countryCode:"pl",center:{lat:51.9194,lng:19.1451}},hu:{countryCode:"hu",center:{lat:47.1625,lng:19.5033}},it:{countryCode:"it",center:{lat:41.8719,lng:12.5674}},dk:{countryCode:"dk",center:{lat:56.2639,lng:9.5018}},se:{countryCode:"se",center:{lat:60.1282,lng:18.6435}},ua:{countryCode:"ua",center:{lat:48.3794,lng:31.1656}},ro:{countryCode:"ro",center:{lat:45.9432,lng:24.9668}},gr:{countryCode:"gr",center:{lat:39.0742,lng:21.8243}},es:{countryCode:"es",center:{lat:40.4637,lng:-3.7492}},za:{countryCode:"za",center:{lat:-30.5595,lng:22.9375}},bw:{countryCode:"bw",center:{lat:-22.3285,lng:24.6849}},mz:{countryCode:"mz",center:{lat:-18.6657,lng:35.5296}},sz:{countryCode:"sz",center:{lat:-26.5225,lng:31.4659}},ma:{countryCode:"ma",center:{lat:31.7917,lng:-7.0926}},om:{countryCode:"om",center:{lat:21.3866249,lng:51.6560391}},tn:{countryCode:"tn",center:{lat:35.325709,lng:9.216956}},tr:{countryCode:"tr",center:{lat:38.830571599275906,lng:35.808258301088124}},ae:{countryCode:"ae",center:{lat:24.687834,lng:46.641032}},ar:{countryCode:"ar",center:{lat:-34.36,lng:-58.23}},bo:{countryCode:"bo",center:{lat:-16.684027,lng:-64.911701}},br:{countryCode:"br",center:{lat:-11.03361,lng:-50.587234}},uy:{countryCode:"uy",center:{lat:-32.21088,lng:-56.194312}},id:{countryCode:"id",center:{lat:-2.320255,lng:99.4513901}},my:{countryCode:"my",center:{lat:4.2105,lng:101.9758}},pg:{countryCode:"pg",center:{lat:-6.40046313600531,lng:144.367343197927}},sg:{countryCode:"sg",center:{lat:1.331832,lng:103.79338}},th:{countryCode:"th",center:{lat:15.87,lng:100.9925}},pk:{countryCode:"pk",center:{lat:29.827652432296777,lng:69.37562248924097}},lk:{countryCode:"lk",center:{lat:7.655752,lng:80.954742}},hk:{countryCode:"hk",center:{lat:22.3193,lng:114.1694}},tw:{countryCode:"tw",center:{lat:22.3193,lng:114.1694}}},tf=(0,n.p)(class extends n.H{handleInputChange(t){this.searchQuery=t.detail,this.debounceTimer&&window.clearTimeout(this.debounceTimer),this.debounceTimer=window.setTimeout(()=>{this.fetchAutocompleteSuggestions(this.searchQuery)},250)}handleInputSubmit(t){this.searchQuery=t.detail,this.placesService?(this.errorMessage="",this.placesService.findPlaceFromQuery({query:this.searchQuery,fields:["name","geometry"]},(t,e)=>{var o,i;if(e===google.maps.places.PlacesServiceStatus.OK&&(null==(i=null==(o=null==t?void 0:t[0])?void 0:o.geometry)?void 0:i.location)){let e=t[0].geometry.location,o=e.lat(),i=e.lng();this.userLat=o,this.userLng=i,this.locationChange.emit({lat:o,lng:i}),this.map.setCenter(e),this.map.setZoom(12)}else this.errorMessage="Could not find that location. Please try again."})):this.errorMessage="Maps not yet loaded. Please try again."}handleNavigateToStore(t){this.selectedStore=t.detail,this.errorMessage="",this.centerOnStore(this.selectedStore)}handleFilterChange(t){let{filterTitle:e,items:o}=t.detail;this.filters[e]=o,this.fetchStores(this.getSelectedFilters()),this.filterChange.emit(this.getSelectedFilters())}handlePreselectedFilters(t){var e;(null==t?void 0:t.length)>0&&(null==(e=this.filtersList)?void 0:e.length)>0&&this.initializeFilters(JSON.parse(JSON.stringify(this.filtersData)),t),(null==t?void 0:t.length)>0&&this.preFilterChange.emit()}handleFiltersDataChange(t){this.initializeFilters(JSON.parse(JSON.stringify(t)),this.preselectedfilters)}handleStoreDataChange(){this.fetchStores(this.getSelectedFilters())}fetchAutocompleteSuggestions(t){t&&this.autocompleteService?this.autocompleteService.getPlacePredictions({input:t,componentRestrictions:{country:this.countryCode}},(t,e)=>{this.suggestions=e===google.maps.places.PlacesServiceStatus.OK&&t?t:[]}):this.suggestions=[]}toggleView(t){t.preventDefault(),t.stopPropagation(),this.isMapView=!this.isMapView,this.isMapView&&this.map&&requestAnimationFrame(()=>{google.maps.event.trigger(this.map,"resize"),this.centerMapOnMarkers()})}handleSearch(t){this.searchQuery=t,this.fetchStores(),this.placesService.findPlaceFromQuery({query:t,fields:["name","geometry"]},(t,e)=>{e===google.maps.places.PlacesServiceStatus.OK&&t[0]&&(this.map.setCenter(t[0].geometry.location),this.map.setZoom(12))})}async fetchStores(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.loading=!0,this.errorMessage="";try{let e=this.storeData&&this.storeData.length>0?this.storeData.map(t=>Object.assign(Object.assign({},t),{expanded:!1})):[];if(t.length>0&&(e=e.filter(e=>t.every(t=>{var o,i;return"Show Stores with"===t.label||"Stores with"===t.label?null==(o=e.attributeCodes)?void 0:o.includes(t.value):"Brands"!==t.label||(null==(i=e.brands)?void 0:i.includes(t.label))}))),this.stores=e,this.storesLoaded=!0,this.map&&google){this.markers.forEac
1h(t=>t.setMap(null)),this.markers=[],this.clusterer&&(this.clusterer.clearMarkers(),this.clusterer=null),this.markerIntervals=[];let t={path:"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z M12 5.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7z",fillColor:"#0A2A66",fillOpacity:1,strokeWeight:2,scale:1.5,anchor:new google.maps.Point(12,24)};this.stores.forEach(e=>{var o,i;let n=parseFloat(null==(o=null==e?void 0:e.address)?void 0:o.latitude),a=parseFloat(null==(i=null==e?void 0:e.address)?void 0:i.longitude);if(!isNaN(n)&&!isNaN(a)){let o=new google.maps.Marker({position:{lat:n,lng:a},map:this.map,title:e.companyName||"Store Location",icon:t});o.addListener("click",()=>this.selectMarker(o,e)),this.markers.push(o)}}),this.clusterer=new tb({map:this.map,markers:this.markers,renderer:{render:t=>{let{count:e,position:o}=t;return new google.maps.Marker({position:o,icon:{path:google.maps.SymbolPath.CIRCLE,scale:16,fillColor:"#0A2A66",fillOpacity:.9,strokeWeight:2,labelOrigin:new google.maps.Point(0,0)},label:{text:e+"",color:"#fff",fontSize:"12px",fontWeight:"bold"}})}}}),this.centerMapOnMarkers()}}catch(t){this.errorMessage="Failed to fetch stores. Please try again.",console.error(t)}this.loading=!1}centerMapOnMarkers(){if(0===this.markers.length)return;let t=new google.maps.LatLngBounds;this.markers.forEach(e=>t.extend(e.getPosition())),this.userLat&&this.userLng?(this.map.panTo(new google.maps.LatLng(this.userLat,this.userLng)),this.map.setZoom(12)):this.map.fitBounds(t),1===this.markers.length&&this.map.setZoom(12)}selectMarker(t,e){if(this.selectedStore=e,this.stores=this.stores.map(t=>Object.assign(Object.assign({},t),{expanded:(null==t?void 0:t.globalID)===(null==e?void 0:e.globalID)})),setTimeout(()=>{var t;let o=null==(t=this.storeListContainer)?void 0:t.querySelector('akzo-store-card[data-id="'.concat(e.globalID,'"]'));if(o){let t=o.getBoundingClientRect();(t.top<0||t.bottom>window.innerHeight)&&o.scrollIntoView({behavior:"smooth",block:"center"})}},100),this.selectedMarkerInterval&&(clearInterval(this.selectedMarkerInterval),this.selectedMarkerInterval=null,this.selectedMarker)){let t=this.selectedMarker.getIcon();t&&"object"==typeof t&&this.selectedMarker.setIcon(Object.assign(Object.assign({},t),{scale:1.5}))}this.selectedMarker=t,this.map.panTo(t.getPosition()),this.map.setZoom(18);let o=1.5,i=!0,n=0;this.selectedMarkerInterval=setInterval(()=>{(o+=i?.05:-.05)>=2?i=!1:o<=1.5&&(i=!0,n+=1);let e=t.getIcon();e&&"object"==typeof e&&t.setIcon(Object.assign(Object.assign({},e),{scale:o})),n>=3&&(clearInterval(this.selectedMarkerInterval),this.selectedMarkerInterval=null,t.setIcon(e&&"object"==typeof e?Object.assign(Object.assign({},e),{scale:1.5}):{path:"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z M12 5.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7z",fillColor:"#0A2A66",fillOpacity:1,strokeWeight:2,scale:1.5,anchor:new google.maps.Point(12,24)}))},30)}centerOnStore(t){this.map&&t.latitude&&t.longitude&&(this.map.setCenter({lat:t.latitude,lng:t.longitude}),this.map.setZoom(18),this.markers.forEach(e=>{e.getPosition().lat()===t.latitude&&e.getPosition().lng()===t.longitude?e.setIcon({path:"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z M12 5.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7z",fillColor:"#0A2A66",fillOpacity:1,strokeWeight:3,scale:1.8,anchor:new google.maps.Point(12,24)}):e.setIcon({path:"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z M12 5.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7z",fillColor:"#0A2A66",fillOpacity:1,strokeWeight:2,scale:1.5,anchor:new google.maps.Point(12,24)})}))}openFilters(){this.showFilterSidebar=!0}closeFilters(){this.showFilterSidebar=!1}clearAllFilters(){this.filters=[];let t=this.filtersList&&this.filtersList.length>0?JSON.parse(JSON.stringify(this.filtersList)):[];this.filtersList=t.map(t=>{var e;return Object.assign(Object.assign({},t),{expanded:!0,showAll:!1,multiple:!0,values:null==(e=t.values)?void 0:e.map(t=>Object.assign(Object.assign({},t),{checked:!1,indeterminate:!1}))})}),this.showFilterSidebar=!1;let e=this.getSelectedFilters();this.fetchStores(e),this.filterChange.emit(e)}toggleFilter(t){this.filtersList=(this.filtersList||[]).map(e=>(e.label===t&&(e.expanded=!e.expanded),e))}applyFilters(){let t=this.getSelectedFilters();this.fetchStores(t),this.filterChange.emit(t)}loadGoogleMapsScript(){return new Promise((t,e)=>{if(!this.googleApiKey)return void e("Google Maps API key is missing");if(window.google&&window.google.maps)return void t();let o=document.querySelector("script[src*='maps.googleapis.com']");if(o)return void("complete"===o.readyState||"true"===o.dataset.loaded?t():(o.addEventListener("load",()=>t()),o.addEventListener("error",()=>e("Google Maps failed to load"))));let i=document.createElement("script");
1i.src="https://maps.googleapis.com/maps/api/js?key=".concat(this.googleApiKey,"&libraries=places"),i.async=!0,i.defer=!0,i.onload=()=>{i.dataset.loaded="true",t()},i.onerror=()=>e("Google Maps failed to load"),document.head.appendChild(i)})}async initGoogleMaps(){if(!this.map&&this.googleApiKey)try{await this.loadGoogleMapsScript();let t=await this.ensureMapDivReady(3e3),e=function(t){var e;let o=Object.values(tu).find(e=>e.countryCode===t);return null!=(e=null==o?void 0:o.center)?e:tx}(this.countryCode||"uk");this.map=new google.maps.Map(t,{center:e,zoom:5}),this.autocompleteService=new google.maps.places.AutocompleteService,this.placesService=new google.maps.places.PlacesService(this.map),this.storeData&&this.storeData.length>0&&this.fetchStores(this.getSelectedFilters())}catch(t){console.error("Google Maps init failed",t),this.errorMessage="Google Maps failed to load"}}getSelectedFilters(){let t=[];return this.filtersList.forEach(e=>{e.values.forEach(o=>{o.checked&&t.push({label:e.label,name:o.name,value:o.code})})}),t}async ensureMapDivReady(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2e3,e=Date.now();for(;!this.mapDiv;)if(await new Promise(t=>requestAnimationFrame(()=>t())),Date.now()-e>t)throw Error("Map container not found in shadow DOM");return this.mapDiv}onCardClicked(t){let{storeData:e,latitude:o,longitude:i,expanded:n,storeId:a}=t.detail;if(n){let t={path:"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z M12 5.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7z",fillColor:"#0A2A66",fillOpacity:1,strokeWeight:2,scale:1.5,anchor:new google.maps.Point(12,24)},n=new google.maps.Marker({position:{latitude:o,longitude:i},map:this.map,title:e.companyName||"Store Location",icon:t});this.selectMarker(n,e)}else this.stores=this.stores.map(t=>Object.assign(Object.assign({},t),{expanded:t.globalID===a&&n}))}getTotalPages(){var t,e;return this.metadata&&"number"==typeof this.metadata.totalPages?this.metadata.totalPages:Math.ceil(((null==(t=this.stores)?void 0:t.length)||0)/((null==(e=this.metadata)?void 0:e.size)||10))}initializeFilters(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],o=t&&t.length>0?JSON.parse(JSON.stringify(t)):[];this.filtersList=o.map(t=>{var o;return Object.assign(Object.assign({},t),{expanded:!0,showAll:!1,multiple:!0,values:null==(o=t.values)?void 0:o.map(t=>Object.assign(Object.assign({},t),{checked:!!e.includes(null==t?void 0:t.code),indeterminate:!1}))})}),(null==e?void 0:e.length)&&this.applyFilters()}componentWillLoad(){var t,e,o;this.countryCode=null!=(o=null==(e=tu[t=this.locale])?void 0:e.countryCode)?o:t,this.initializeFilters(this.filtersData,this.preselectedfilters)}async componentDidLoad(){await this.initGoogleMaps()}handleGoogleApiKeyChange(t){t&&this.initGoogleMaps()}render(){var t,e,o,i,a,r,d,l,s,m,p,h,g,c,b,x,u,f,k;let w=this.getSelectedFilters();return(0,n.h)("div",{key:"6064575f5b6087c6ddc7f035cf2ab330bd600578",class:"akzo-store-locator content-wrapper"},(0,n.h)("div",{key:"c7258871ff9cee734f710461105c394fbf83778a",class:"locator-left "+(this.showFilterSidebar?"hidden":"")},(0,n.h)("div",{key:"0b05c23ebe6dcc1ee28a28dbcf3d16523ceae6a6",class:"header-container"},(0,n.h)("akzo-heading",{key:"store-heading-main",componentTag:"h1",id:"store-heading",level:1,text:(null==(t=this.textLabels)?void 0:t.headingLabel)||"Find a Store",alignment:"left",coreColor:"default"})),(0,n.h)("div",{key:"e61ce4ab669c4e262709f9bccdadd52b9a4df742",class:"search-container"},(0,n.h)("akzo-input-search-field",{key:"5c85035675cd3940c576e79bc08900d75d634b27",searchIcon:!1,submitIcon:"locate-fixed-large",name:"locate-fixed",label:(0,n.h)("span",null,(null==(e=this.textLabels)?void 0:e.searchText)||"Search in your area",(0,n.h)("span",{style:{color:"#3CBCFC"}},"*")),placeholder:(null==(o=this.textLabels)?void 0:o.searchPlaceHolder)||"Enter your location",value:this.searchQuery,helperText:this.errorMessage,error:!!this.errorMessage,onLocationClick:()=>this.getCurrentLocation()}),this.suggestions.length>0&&(0,n.h)("ul",{key:"a6fe9936e8d6dc3656eaa96510c1d00848156d81",class:"suggestion-list"},this.suggestions.map(t=>(0,n.h)("li",{class:"suggestion-item",onClick:()=>this.handleSuggestionClick(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleSuggestionClick(t))},tabIndex:0},t.description)))),(0,n.h)("div",{key:"e0b8279d965464ed0709f92198d3145969b9a745",class:"map-view-button"},(0,n.h)("akzo-button",{key:"0cb12b827a43210d298f6d797b465b24e5b61430",label:this.isMapView?(null==(i=this.textLabels)?void 0:i.viewAsList)||"List View":(null==(a=this.textLabels)?void 0:a.viewOnMap)||"Map View",variant:"primary",size:"m",leftIcon:this.isMapView?"list":"map",onClick:t=>this.toggleView(t)})),(0,n.h)("div",{key:"80fee5fb4a57f55fface43a7a06a57e45f9b438d",class:"filter-button"},(null==(r=this.filtersList)?void 0:r.length)>0&&(0,n.h)("akzo-button",{key:"24fefe7e2c9093336b3fda7be09f3158ce349896",label:(null==(d=this.textLabels)?void 0:d.filterLabel)||"Filter",variant:"secondary",size:"m",leftIcon:"settings-2",onClick:()=>this.openFilters()})),(0,n.h)("div",{key:"6741c67b8f4e153644ac3734e859a03a5e1c7be7",class:"applied-filters"},(0,n.h)("div",{key:"84a87bbdcd0161332f2a8aea60501b2aee76f64c",class:"chips"},w.map(t=>(0,n.h)("span",{class:"chip",key:t.value},t.name,(0,n.h)("button",{class:"remove",onClick:()=>{this.handleRemoveFilter(t.label,t.name),this.fetchStores(this.getSelectedFilters())}},"â"))))),this.stores.length>0&&(0,n.h)("div",{key:"c3b9af0c85120f187e22a8517eea72ba8516db32",class:"store-card-header "+(this.isMapView?"hidden":"")},this.textLabels.nearestStoreLabel||"Nearest Stores"),(0,n.h)("div",{key:"5d0196d09d417f0a7adfa04f4e581086699046cd",class:"store-list "+(this.isMapView?"hidden":""),ref:t=>this.storeListContainer=t},this.loading&&(0,n.h)("p",{key:"de1e2a78eefc09a13d51d0cfe965c7be29bfd416"},"Loading stores..."),!this.loading&&0===this.stores.length&&this.storesLoaded&&0===(null==w?void 0:w.length)&&(0,n.h)("div",{key:"34048504ce85e0f78eaa1229dda43521217f93ab",class:"store-usp-container"},(0,n.h)("akzo-usp",{key:"a0e9e2849ba294b8fb8d6c2efd9859464752033e",uspsCollection:JSON.stringify({items:[{icon:"map-pin",heading:(null==(l=this.textLabels)?void 0:l.titleHeading)||"Please enter a location",description:{json:{nodeType:"document",data:{},content:[{nodeType:"paragraph",data:{},content:[{nodeType:"text",value:(null==(s=this.textLabels)?void 0:s.titleDescription)||"Enter your city or address or click on the map to find a store near you.",marks:[],data:{}}]}]}}}]}),fullWidth:!1,isHeadingDividerEnabled:!1,iconPosition:"left",iconColor:"black"})),this.stores&&0===this.stores.length&&!this.loading&&this.storesLoaded&&(null==w?void 0:w.length)>0&&(0,n.h)("p",{key:"1e9c4504bc2493bca52db11d325bb0626e808fa5",class:"store-usp-container"},(null==(m=null==this?void 0:this.textLabels)?void 0:m.noStoresFound)||"No Stores Found"),this.stores&&this.stores.length>0&&(this.metadata?this.stores.map(t=>{var e,o;return(0,n.h)("akzo-store-card",{key:t.globalID,"data-id":t.globalID,data:t,userLat:this.userLat,userLng:this.userLng,expanded:t.expanded,distanceUnit:this.distanceUnit,onCardClicked:t=>this.onCardClicked(t),textLabels:{brandsLabel:(null==(e=this.textLabels)?void 0:e.brandsLabel)||"Brands",directionButtonLabel:(null==(o=this.textLabels)?void 0:o.directionButtonLabel)||"Direction"}})}):this.stores.slice((this.currentPage-1)*this.storesPerPage,this.currentPage*this.storesPerPage).map(t=>(0,n.h)("akzo-store-card",{key:t.globalID,"data-id":t.globalID,data:t,userLat:this.userLat,userLng:this.userLng,expanded:t.expanded,distanceUnit:this.distanceUnit,onCardClicked:t=>this.onCardClicked(t)}))),!this.loading&&this.stores.length>0&&(null==(p=this.metadata)?void 0:p.totalPages)>1&&(0,n.h)("div",{key:"46d37c74bffbdb7dacc3b681b183d902fc8af8ca",class:"pagination-container"},(0,n.h)("akzo-pagination",{key:"be6926266339b890c8eb8cab641ccf06f19e40f7",totalPages:this.getTotalPages(),currentPage:this.currentPage,pageChangeCallback:this.handlePageChange}
1)))),(0,n.h)("div",{key:"a125c48872f154a8ab6161a482bf0e9528592e6d",class:"locator-right "+(this.isMapView?"":"hidden")},this.selectedStore&&!!Object.keys(this.selectedStore).length&&(null==(h=this.selectedStore)?void 0:h.globalID)&&(0,n.h)("div",{key:"e031e0d249c1b663c5691443c01722dd765e0b94",class:"selected-card"},(0,n.h)("akzo-store-card",{key:this.selectedStore.globalID,"data-id":this.selectedStore.globalID,data:this.selectedStore,userLat:this.userLat,userLng:this.userLng,expanded:this.selectedStore.expanded,distanceUnit:this.distanceUnit,onCardClicked:t=>this.onCardClicked(t),textLabels:{brandsLabel:(null==(g=this.textLabels)?void 0:g.brandsLabel)||"Brands",directionButtonLabel:(null==(c=this.textLabels)?void 0:c.directionButtonLabel)||"Direction"}})),(0,n.h)("div",{key:"5e7b3ad1f229a4e1aa689bf9996c8dd33c5fbb16",id:"map",class:"map-container "+(this.isMapView?"":"hidden"),ref:t=>this.mapDiv=t,style:{width:"100%",height:"100%",background:"#eee"}})),(0,n.h)("div",{key:"f5d3532df4aeae464865060a2f4488b8ae05646a",class:"filter-sidebar-overlay "+(this.showFilterSidebar?"open":"")},(0,n.h)("div",{key:"53179630c8818cbca51dc4cc181ef0fa50d21e92",class:"header-container"},(0,n.h)("akzo-heading",{key:"store-heading-filter",level:1,componentTag:"h2",text:(null==(b=this.textLabels)?void 0:b.headingLabel)||"Find a Store",alignment:"left",coreColor:"default"})),(0,n.h)("div",{key:"045cea734e2ffa63e2c29f6f0ec4bc3133ed5b86",class:"filter-section"},(0,n.h)("div",{key:"69a9fb17efa1207682ea96b0e92fd43a1e940d01",class:"sidebar-header"},(0,n.h)("h2",{key:"ade43a7abebd2960eff135c87784a2f4858f56e2"},(null==(x=this.textLabels)?void 0:x.filterSectionHeading)||"Filters"),(0,n.h)("span",{key:"92af7e104e905cff274fa66074995823c95fb2cd",class:"filter-close-button"},(0,n.h)("akzo-button",{key:"afed44aa8f2fd040cd0f555bea258bd9f2209db0",variant:"tertiary",label:(null==(u=this.textLabels)?void 0:u.closeButtonLabel)||"Close",onButtonClick:()=>{this.fetchStores(this.getSelectedFilters()),this.closeFilters()},coreColor:"default",size:"s"}))),(0,n.h)("div",{key:"540f03ce727e8754c73c02d7abf63cf5e8e73ee5",class:"filter-container"},this.filtersList.map(t=>{var e,o;let i=t.showAll?t.values:t.values.slice(0,4);return(0,n.h)("div",{class:"filter-block"},(0,n.h)("div",{class:"header",onClick:()=>this.toggleFilter(t.label),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.toggleFilter(t.label))},tabIndex:0},(0,n.h)("h2",null,t.label),(0,n.h)("akzo-icon",{name:t.expanded?"chevron-up":"chevron-down",size:"m"})),t.expanded&&(0,n.h)("ul",{class:"list"},i.map((e,o)=>(0,n.h)("li",{class:"list-item",key:e.label},(0,n.h)("div",{class:"item-wrapper"},t.multiple?(0,n.h)("akzo-checkbox",{value:e.name,checked:!!e.checked,indeterminate:!!e.indeterminate,enableIndeterminateCycle:!1,onCheckboxChange:i=>{let n=i.detail;t.values[o]=Object.assign(Object.assign({},e),{checked:n}),this.filters[t.label]=[...t.values],this.filtersList=[...this.filtersList]}}):(0,n.h)("akzo-radio",{name:t.label,value:e.label,checked:e.label===t.selectedRadio,onRadioChange:e=>{t.selectedRadio=e.detail.value,this.filters[t.label]=[e.detail.value]}}),(0,n.h)("span",{class:"label name"},e.name),(0,n.h)("span",{class:"label count"},e.count))))),t.expanded&&t.values.length>4&&(0,n.h)("div",{class:"view-more-wrapper"},(0,n.h)("akzo-button",{variant:"tertiary",size:"m",onButtonClick:()=>{t.showAll=!t.showAll},coreColor:"default",label:t.showAll?(null==(e=this.textLabels)?void 0:e.viewLess)||"View less":(null==(o=this.textLabels)?void 0:o.viewMore)||"View more"})))})),(0,n.h)("div",{key:"3d423a7a83d40f9bee49698f6abcf003e36eb91d",class:"sidebar-footer"},(0,n.h)("akzo-button",{key:"18b534366bb155ea5cbc25d9617d604b5498d43f",variant:"tertiary",label:(null==(f=this.textLabels)?void 0:f.clearAll)||"Clear all",onButtonClick:()=>{this.clearAllFilters()},coreColor:"default",size:"s"}),(0,n.h)("akzo-button",{key:"60f7053607a4ebf00030b35f2ede8c5d79ef505b",label:(null==(k=this.textLabels)?void 0:k.confirmSelection)||"Confirm selection",variant:"primary",size:"m",onClick:()=>{this.applyFilters(),this.closeFilters()}})))))}get el(){return this}static get watchers(){return{preselectedfilters:[{handlePreselectedFilters:0}],filtersData:[{handleFiltersDataChange:0}],storeData:[{handleStoreDataChange:0}],googleApiKey:[{handleGoogleApiKeyChange:0}]}}static get style(){return'@charset "UTF-8";html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.akzo-store-locator{display:flex;width:100%;gap:20px;overflow:hidden;height:100vh;background-color:#FFFFFF}.akzo-store-locator .locator-left{display:flex;flex-direction:column;padding:20px}.akzo-store-locator .locator-left .header-container{margin-left:-1rem}.akzo-store-locator .locator-left .search-container{margin-left:-1rem;position:relative;width:100%}.akzo-store-locator .locator-left .search-container akzo-input-search-field::part(input-search-field-part){flex:1;height:48px}.akzo-store-locator .locator-left .search-container .locate-icon{cursor:pointer;height:42px;width:42px;padding-top:75px;margin-left:-27px;color:var(--color-default-non-invertible-opaque-900)}.akzo-store-locator .locator-left .search-container .suggestion-list{position:absolute;top:7.3rem;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-top:4px;z-index:2000;list-style:none;padding:0;max-height:250px;overflow-y:auto;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1)}.akzo-store-locator .locator-left .search-container .suggestion-item{padding:10px;font-size:14px;cursor:pointer}.akzo-store-locator .locator-left .search-container .suggestion-item:hover{background:#f5f5f5}.akzo-store-locator .locator-left .filter-button{margin:1rem -1rem 1rem -1rem}.akzo-store-locator .locator-left .store-list{display:flex;flex-direction:column;align-items:flex-start;margin-left:-40px;overflow-y:auto;overflow-x:hidden;padding-right:1.5rem;min-height:17rem}.akzo-store-locator .locator-left .store-list .store-usp-container{margin-top:2rem;margin-right:0;margin-left:24px;max-width:384px}.akzo-store-locator .locator-left .store-list .store-usp-container akzo-usp::part(content-wrapper){padding:0}.akzo-store-locator .locator-left .store-list .store-usp-container akzo-usp::part(akzo-usp-wrapper-container){margin-left:0}.akzo-store-locator .locator-left .store-list .store-usp-container akzo-usp::part(description-container){position:relative;max-width:100%;margin-top:-12px}.akzo-store-locator .locator-left .store-list .store-usp-container akzo-usp::part(button-text-usp)::after{display:none}@media (min-width: 768px) and (max-width: 991px){.akzo-store-locator .locator-left .store-list .store-usp-container{margin-left:16px}}@media (max-width: 600px){.akzo-store-locator .locator-left .store-list .store-usp-container{margin-left:0;max-width:100%}}.akzo-store-locator .locator-left .store-list .pagination-container{margin-top:2rem;width:100%;display:flex;justify-content:center}.akzo-store-locator .locator-left{}.akzo-store-locator .locator-left .store-list::-webkit-scrollbar{width:6px;}.akzo-store-locator .locator-left .store-list::-webkit-scrollbar-track{background:transparent;}.akzo-store-locator .locator-left .store-list::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:3px;}.akzo-store-locator .locator-left{}.akzo-store-locator .locator-left .store-list{scrollbar-width:thin;scrollbar-color:#aaa transparent;}.akzo-store-locator .locator-left .applied-filters{margin-left:-1.3rem}.akzo-store-locator .locator-left .store-card-header{margin-top:1rem;margin-left:-1.3rem;color:var(--colour-Text-Title, #0a0a0a);font-family:var(--typography-font-family-body, "Open Sans");font-size:var(--typography-size-paragraph-S, 0.875rem);line-height:var(--typography-line_height-paragraph-S, 1rem);font-weight:400}.akzo-store-locator .locator-left .map-view-button{display:none}.akzo-store-locator .locator-right{padding:1rem 1rem 1rem 0;flex:1;position:sticky;top:10;height:100vh;gap:1rem}.akzo-store-locator .locator-right .selected-card{display:none}.akzo-store-locator .locator-right #map{width:100%;height:600px}.akzo-store-locator .locator-right img{width:100%;height:542px;object-fit:cover}.akzo-store-locator .filter-sidebar{background:#fff;width:320px;max-width:30%;height:100%;padding:1.5rem;display:flex;flex-direction:column}.akzo-store-locator .sidebar-header{display:flex;gap:152px}.akzo-store-locator{}.akzo-store-locator .filter-sidebar-overlay{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4);display:flex;justify-content:flex-start;z-index:999}.akzo-store-locator .filter-sidebar-overlay{position:absolute;top:0;right:0;width:32rem;height:100%;background:#fff;z-index:2000;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);padding:1rem;padding-left:7rem;border-left:1px solid #e0e0e0;will-change:transform}.akzo-store-locator .filter-sidebar-overlay .header-container{margin-left:-1rem}
1.akzo-store-locator .filter-section{display:flex;flex-direction:column;margin-top:4rem;flex:1}.akzo-store-locator .filter-sidebar-overlay.open{transform:translateX(0);overflow-y:auto;position:fixed}.akzo-store-locator .sidebar-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0;padding-bottom:0.5rem}.akzo-store-locator .sidebar-header h1,.akzo-store-locator .sidebar-header h2{font-size:16px;font-weight:700;color:#0A0A0A}.akzo-store-locator .sidebar-header .filter-close-button akzo-button::part(tertiary){padding-left:0px;min-width:0;padding-right:6px}.akzo-store-locator .sidebar-footer{display:flex;flex-direction:column;align-items:center;gap:0.25rem}.akzo-store-locator .filter-container{display:flex;flex-direction:column;overflow-y:auto}.akzo-store-locator .filter-container .list{margin-top:1rem}.akzo-store-locator .filter-container .list-item .item-wrapper{display:flex;align-items:center;gap:0.5rem;margin:4px;}.akzo-store-locator .filter-container .list-item .label{font-size:0.875rem;color:rgb(97, 97, 97);line-height:1.2;margin-bottom:0px;width:200px;font-weight:400;overflow-wrap:break-word}.akzo-store-locator .filter-container .list-item .item-wrapper .label.name{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.akzo-store-locator .filter-container .list-item .item-wrapper .label.count{margin-left:auto;flex:0 0 auto;white-space:nowrap;text-align:right;width:2rem}.akzo-store-locator .filter-block{border-bottom:1px solid #e0e0e0;padding:1rem 0 1rem 0}.akzo-store-locator .filter-block .header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.akzo-store-locator .filter-block .header h2{font-size:14px;font-weight:600;margin:0}.akzo-store-locator .filters{margin-top:1rem;padding:0.75rem;background:#fff;border:1px solid #e0e0e0;border-radius:6px}.akzo-store-locator .chips{display:flex;flex-direction:column;gap:0.5rem}.akzo-store-locator .chip{display:inline-flex;align-items:center;background:#f1f1f1;width:fit-content;padding:0.25rem 0.75rem;font-size:0.8125rem;font-weight:700;color:#0A0A0A}.akzo-store-locator .chip .remove{font-weight:700;margin-left:0.5rem;background:none;border:none;cursor:pointer;color:#0A0A0A}.akzo-store-locator{}@media (min-width: 768px) and (max-width: 991px){.akzo-store-locator .sidebar-header .filter-close-button{margin-left:-1rem}.akzo-store-locator .locator-right .selected-card{display:none}.akzo-store-locator .locator-left{padding-left:3rem;width:46vw;max-width:100%;box-sizing:border-box}.akzo-store-locator .locator-left .store-list{margin-left:-2rem}.akzo-store-locator .locator-left .store-card-header{margin-left:-1rem}.akzo-store-locator .locator-left .search-container .suggestion-list{width:38vw}.akzo-store-locator akzo-input-search-field::part(input-search-field-part){width:38vw}.akzo-store-locator .filter-sidebar-overlay{width:46vw;padding-left:3rem}}.akzo-store-locator{}@media (max-width: 600px){.akzo-store-locator{display:block;overflow:scroll;flex-direction:column;gap:0}.akzo-store-locator .hidden{display:none !important}.akzo-store-locator .sidebar-header{gap:2rem}.akzo-store-locator .filter-sidebar-overlay{width:100%;height:100%;padding:2rem;position:absolute;top:0;right:0;background:#fff;z-index:2000;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);border-left:1px solid #e0e0e0;will-change:transform}.akzo-store-locator .filter-sidebar-overlay .header-container{margin-left:-1rem}.akzo-store-locator .locator-left,.akzo-store-locator .locator-right{padding:12px;padding-left:12px}.akzo-store-locator .locator-right .selected-card{display:block}.akzo-store-locator .locator-left .store-card-header{margin-left:0.5rem;margin-top:0rem}.akzo-store-locator .locator-left .filter-button{margin:-0.5rem 0rem 1rem 0rem}.akzo-store-locator .locator-left .map-view-button{display:block;margin-top:2.5rem}.akzo-store-locator .locator-left .applied-filters{margin-bottom:1rem;margin-left:0.5rem}.akzo-store-locator .locator-left .header-container{margin-left:0}.akzo-store-locator .locator-left .search-container{margin-left:0;flex-direction:column;align-items:stretch;gap:12px}.akzo-store-locator .locator-left .search-container akzo-input-search-field::part(input-search-field-part){width:100%;margin-top:12px}.akzo-store-locator .locator-left .search-container .locate-icon{align-self:flex-end;padding-top:0;margin-left:0}.akzo-store-locator .locator-left .search-container .suggestion-list{top:5.2rem}.akzo-store-locator .locator-left .store-list{margin-left:0;gap:0.75rem;padding:0rem;overflow:hidden}.akzo-store-locator .locator-right{flex:1;width:100%;height:70vh;padding:1rem}.akzo-store-locator #map{width:100% !important;height:100% !important;display:block}}akzo-heading::part(custom-title){color:var(--default-neutral-invertible-opaque-black);font-size:36px;font-weight:700}@media (max-width: 600px){akzo-heading::part(custom-title){font-size:24px}}akzo-button::part(secondary){display:flex;width:384px;height:48px;margin-top:24px;justify-content:center;align-items:center;gap:8px}@media (max-width: 600px){akzo-button::part(secondary){width:100%}}@media (min-width: 768px) and (max-width: 991px){akzo-button::part(secondary){width:40vw}}akzo-button::part(primary){color:var(--default-invertible-primary-900)}akzo-input-search-field::part(input-search-field-part){width:384px;height:48px;margin-top:48px}@media (max-width: 600px){akzo-input-search-field::part(input-search-field-part){width:100%;margin-top:16px}}@media (min-width: 768px) and (max-width: 991px){akzo-input-search-field::part(input-search-field-part) .field-container{background-color:red}}akzo-icon::part(icon){color:var(--color-default-non-invertible-opaque-900);margin-right:0.5rem}akzo-usp::part(akzo-usp-wrapper-container){position:static;
1margin-top:-77px;margin-left:-36px;top:270px}@media (max-width: 600px){akzo-usp::part(akzo-usp-wrapper-container){margin-top:-80px;position:static;margin-left:-27px}}akzo-usp::part(usp-item){display:flex;align-items:flex-start;gap:8px;padding:0;flex:0 1 100%;max-width:100%}@media (max-width: 600px){akzo-usp::part(usp-item){display:flex;align-items:flex-start;gap:8px;padding:0}}akzo-usp::part(usp-icon){margin-top:2px}@media (max-width: 600px){akzo-usp::part(usp-icon){margin-top:2px}}akzo-usp::part(usp-text){display:flex;flex-direction:column;flex:1 1 auto;min-width:0}@media (max-width: 600px){akzo-usp::part(usp-text){display:flex;flex-direction:column}}akzo-usp::part(description-container){margin-top:16px;position:absolute;max-width:339px}@media (min-width: 768px) and (max-width: 991px){akzo-usp::part(description-container){max-width:38vw}}@media (max-width: 600px){akzo-usp::part(description-container){margin-top:16px;position:absolute;max-width:360px}}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.searchSubmit=(0,n.c)(this,"searchSubmit"),this.pageChange=(0,n.c)(this,"pageChange"),this.filterChange=(0,n.c)(this,"filterChange"),this.preFilterChange=(0,n.c)(this,"preFilterChange"),this.locationChange=(0,n.c)(this,"locationChange"),this.searchQuery="",this.filters={},this.stores=[],this.storesLoaded=!1,this.errorMessage="",this.loading=!1,this.showFilterSidebar=!1,this.selectedStore=null,this.filtersList=[],this.suggestions=[],this.isMapView=!1,this.storesPerPage=10,this.userLat=null,this.userLng=null,this.preselectedfilters=[],this.storeData=[],this.filtersData=[],this.currentPage=1,this.metadata=null,this.googleApiKey="",this.locale="",this.distanceUnit="km",this.textLabels={headingLabel:"Find a Store",titleHeading:"Please enter a location",titleDescription:"Enter your city or address or click on the map to find a store near you.",nearestStoreLabel:"Nearest Stores",searchText:"Search in your area",searchPlaceHolder:"Enter your location",clearAll:"Clear All",confirmSelection:"Confirm Selection",closeButtonLabel:"Close",filterSectionHeading:"Filters",filterLabel:"Filter",noStoresFound:"No Stores Found",viewOnMap:"Map View",viewAsList:"List View",brandsLabel:"Brands",directionButtonLabel:"Direction",viewMore:"View more",viewLess:"View less"},this.mapDiv=null,this.map=null,this.markers=[],this.autocompleteService=null,this.placesService=null,this.debounceTimer=null,this.clusterer=null,this.selectedMarker=null,this.selectedMarkerInterval=null,this.getCurrentLocation=()=>{"geolocation"in navigator?confirm("We use your approximate location only to find nearby stores. Your data is not stored or shared. Allow access?")?
1navigator.geolocation.getCurrentPosition(t=>{let{latitude:e,longitude:o}=t.coords;try{(new google.maps.Geocoder).geocode({location:{lat:e,lng:o}},(t,i)=>{if(i===google.maps.GeocoderStatus.OK&&(null==t?void 0:t[0])){let i=t[0].formatted_address,n=document.querySelector("akzo-input-search-field");n&&"value"in n&&(n.value=i),this.handleSearch(i),this.userLat=e,this.userLng=o,this.locationChange.emit({lat:e,lng:o})}else console.error("Geocoder failed:",i)})}catch(t){console.error("Reverse geocoding error:",t)}},t=>{console.error("Error getting location:",t),alert({[t.PERMISSION_DENIED]:"Permission denied. Please allow location access to continue.",[t.POSITION_UNAVAILABLE]:"Location information is unavailable.",[t.TIMEOUT]:"Location request timed out."}[t.code]||"Unable to retrieve your location.")},{enableHighAccuracy:!1,timeout:8e3,maximumAge:0}):console.info("User denied location access."):alert("Geolocation is not supported by your browser.")},this.handleSuggestionClick=t=>{this.searchQuery=t.description,this.suggestions=[],this.placesService?(this.errorMessage="",this.placesService.getDetails({placeId:t.place_id},(t,e)=>{var o;if(e===google.maps.places.PlacesServiceStatus.OK&&(null==(o=t.geometry)?void 0:o.location)){let e=t.geometry.location,o=e.lat(),i=e.lng();this.userLat=o,this.userLng=i,this.locationChange.emit({lat:o,lng:i})}})):this.errorMessage="Maps not yet loaded. Please try again."},this.handleRemoveFilter=(t,e)=>{this.filtersList=this.filtersList.map(o=>o.label!==t?o:Object.assign(Object.assign({},o),{values:o.values.map(t=>t.name===e?Object.assign(Object.assign({},t),{checked:!1,indeterminate:!1}):t)})),this.applyFilters()},this.handlePageChange=t=>{this.currentPage=t,this.pageChange.emit(this.currentPage),window.scrollTo({top:0,behavior:"smooth"})}}},[1,"akzo-store-locator",{preselectedfilters:[16],storeData:[16],filtersData:[16],currentPage:[2,"current-page"],metadata:[16],googleApiKey:[1,"google-api-key"],locale:[1],distanceUnit:[1,"distance-unit"],textLabels:[16],searchQuery:[32],filters:[32],stores:[32],storesLoaded:[32],errorMessage:[32],loading:[32],showFilterSidebar:[32],selectedStore:[32],filtersList:[32],suggestions:[32],isMapView:[32],storesPerPage:[32],userLat:[32],userLng:[32]},[[0,"inputChange","handleInputChange"],[0,"inputSubmit","handleInputSubmit"],[4,"navigateToStore","handleNavigateToStore"],[0,"akzoSelectionChange","handleFilterChange"]],{preselectedfilters:[{handlePreselectedFilters:0}],filtersData:[{handleFiltersDataChange:0}],storeData:[{handleStoreDataChange:0}],googleApiKey:[{handleGoogleApiKeyChange:0}]}]),tk=tf,tw=function(){"undefined"!=typeof customElements&&["akzo-store-locator","akzo-button","akzo-checkbox","akzo-heading","akzo-icon","akzo-input-search-field","akzo-loader","akzo-pagination","akzo-radio","akzo-store-card","akzo-usp"].forEach(t=>{switch(t){case"akzo-store-locator":customElements.get((0,n.t)(t))||customElements.define((0,n.t)(t),tf);break;case"akzo-button":customElements.get((0,n.t)(t))||(0,a.d)();break;case"akzo-checkbox":customElements.get((0,n.t)(t))||(0,r.d)();break;case"akzo-heading":customElements.get((0,n.t)(t))||(0,d.d)();break;case"akzo-icon":customElements.get((0,n.t)(t))||(0,l.d)();break;case"akzo-input-search-field":customElements.get((0,n.t)(t))||(0,s.d)();break;case"akzo-loader":customElements.get((0,n.t)(t))||(0,m.d)();break;case"akzo-pagination":customElements.get((0,n.t)(t))||(0,p.d)();break;case"akzo-radio":customElements.get((0,n.t)(t))||(0,h.d)();break;case"akzo-store-card":customElements.get((0,n.t)(t))||(0,g.d)();break;case"akzo-usp":customElements.get((0,n.t)(t))||(0,c.d)()}})}},87787:(t,e,o)=>{o.d(e,{X:()=>a,m:()=>n});var i=o(39237);let n=i.A,a=i.d},89222:(t,e,o)=>{o.r(e),o.d(e,{AkzoInfoCard:()=>d,defineCustomElement:()=>l});var i=o(41421),n=o(27857),a=o(65250);let r=(0,i.p)(class extends i.H{get parsedCards(){if("string"==typeof this.cards)try{return JSON.parse(this.cards)}catch(t){return[]}return this.cards||[]}getFallback(t,e){return null!=t&&""!==t?t:e}render(){return(0,i.h)("div",{key:"4165098f96d7f99fe052beda447265d232618a87",class:"akzo-info-card",part:"akzo-info-card-wrapper"},this.parsedCards.map((t,e)=>{let o=t||{},n=this.getFallback(o.title,"[title.needed]"),a=this.getFallback(o.metric,"0"),r=this.getFallback(o.iconName,"placeholder-icon"),d=this.getFallback(o.trend,null),l=this.getFallback(o.period,null),s=this.getFallback(o.trendIcon,null),m=this.getFallback(o.trendClass,"");return(0,i.h)("div",{class:"card",key:e,part:"akzo-info-card"},(0,i.h)("div",{class:"card-icon-wrapper"},(0,i.h)("akzo-icon",{size:"xxl",name:r})),(0,i.h)("div",{class:"card-title"},n),(0,i.h)("div",{class:"card-metric",part:"card-metric"},a),d&&l&&s?(0,i.h)("div",{class:"card-subtext",part:"card-subtext"},(0,i.h)("akzo-icon",{name:s,size:"s"}),(0,i.h)("span",{class:m},d)," ",l):(0,i.h)("div",{class:"card-subtext empty-placeholder"}))}))}static get style(){return'@charset "UTF-8";html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.akzo-info-card{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem;font-family:var(--base-font)}.akzo-info-card .card{position:relative;background-color:#fff;border:1px solid rgb(246, 246, 246);border-radius:var(--radius-cards-corner_radius, 0);padding:19px;display:flex;flex-direction:column;
1min-width:200px;overflow:hidden}.akzo-info-card .card-title{font-size:0.875rem;word-wrap:break-word;font-weight:400;color:#0a0a0a;line-height:1rem;width:190px}.akzo-info-card .card-metric{font-size:28px;font-weight:700;color:var(--color-text-functional);width:190px}.akzo-info-card .card-subtext{display:flex;align-items:center;font-size:0.75rem;color:var(--color-text-functional);gap:0.1rem;width:216px}.akzo-info-card .card-subtext akzo-icon{display:flex;align-items:center;margin-bottom:4px}.akzo-info-card .trend-up{color:var(--color-icon-positive);font-weight:500;margin-right:3px}.akzo-info-card .trend-down{color:var(--color-icon-critical);font-weight:500;margin-right:3px}.akzo-info-card .card-icon-wrapper{display:flex;width:3.5rem;height:3.5rem;justify-content:center;align-items:center;position:absolute;right:0;top:0;border-radius:0 0 0 0.75rem}@media (max-width: 600px){.akzo-info-card{display:flex;flex-direction:column;align-items:center;gap:1rem}.akzo-info-card .card{width:312px;max-width:100%;min-width:unset;padding:16px}.akzo-info-card .card-title,.akzo-info-card .card-metric,.akzo-info-card .card-subtext{width:100%}.akzo-info-card .card-icon-wrapper{width:3rem;height:3rem;border-radius:0 0 0 0.5rem}}@media (min-width: 601px) and (max-width: 1024px){.akzo-info-card{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:1.5rem;justify-content:center;align-items:start;padding:1.25rem}.akzo-info-card .card{max-width:280px;min-width:240px;padding:20px;border-radius:0.5rem}.akzo-info-card .card-title{font-size:0.9rem;font-weight:500;line-height:1.1rem;color:#0a0a0a;margin-bottom:0.35rem}.akzo-info-card .card-metric{font-size:1.8rem;font-weight:700;line-height:2.2rem;margin-bottom:0.5rem;color:var(--color-text-functional)}.akzo-info-card .card-subtext{font-size:0.8rem;line-height:1rem;color:var(--color-text-functional);width:100%;display:flex;align-items:center;gap:0.25rem}.akzo-info-card .card-icon-wrapper{width:3.25rem;height:3.25rem;border-radius:0 0 0 0.6rem}}@media (min-width: 1025px){.akzo-info-card{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:1.5rem;justify-content:flex-start;align-items:flex-start}.akzo-info-card .card{max-width:248px}}@media (max-width: 360px){.akzo-info-card{gap:0.75rem;padding:0.5rem}.akzo-info-card .card{width:280px;padding:12px}.akzo-info-card .card-title{font-size:0.8rem;line-height:0.95rem}.akzo-info-card .card-metric{font-size:1.5rem;}.akzo-info-card .card-subtext{font-size:0.7rem;width:100%;flex-wrap:wrap;}.akzo-info-card .card-icon-wrapper{width:3rem;height:3rem;border-radius:0 0 0 0.4rem}}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.cards=[]}},[1,"akzo-info-card",{cards:[1]}]),d=r,l=function(){"undefined"!=typeof customElements&&["akzo-info-card","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-info-card":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),r);break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,a.d)()}})}},90320:(t,e,o)=>{o.d(e,{X:()=>a,Z:()=>n});var i=o(65678);let n=i.A,a=i.d},91246:(t,e,o)=>{o.d(e,{X:()=>r,a:()=>a});var i=o(41421);let n=(0,i.p)(class extends i.H{validateProps(){if(!this.imageSrc||"string"!=typeof this.imageSrc)throw Error("imageSrc is required and must be a valid string.");if(!this.cardTitle||"string"!=typeof this.cardTitle)throw Error("cardTitle is required and must be a valid string.");if(this.description&&"string"!=typeof this.description)throw Error("description must be a string if provided.");if(this.href&&"string"!=typeof this.href)throw Error("href must be a string if provided.");this.shape&&!["circle","square"].includes(this.shape)&&(console.warn("akzo-category-card: Invalid shape '".concat(this.shape,'\'. shape must be either "circle" or "square". Falling back to \'square\'.')),this.shape="square")}componentWillLoad(){this.validateProps()}render(){var t;return(0,i.h)(i.a,{key:"ce9ec33fdfc11b4ad3cb8bf418b17bf287a0aa37"},(0,i.h)("a",{key:"7d21550a9fb3bd550f5796f7f54359ee1b366db6",part:"akzo-category-card",class:{"akzo-category-card":!0,hovered:this.isHovered,focused:this.isFocused,pressed:this.isPressed},href:this.href,tabindex:"0",role:"link","aria-label":this.cardTitle,onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1,onFocus:()=>this.isFocused=!0,onBlur:()=>this.isFocused=!1,onMouseDown:()=>this.isPressed=!0,onMouseUp:()=>this.isPressed=!1},(0,i.h)("div",{key:"6c5b67672be14076639f41196b56d64b82454a2e",class:"image-container "+this.shape},(0,i.h)("img",{key:"b34eb40156d252077fcaad2bc90a25011a23ed88",src:this.imageSrc,alt:null!=(t=this.altText)?t:this.cardTitle})),(0,i.h)("div",{key:"25dae3b14c5eb1b87b6c21f46d560739eefa9a89",class:"akzo-category-card__content"},(0,i.h)("div",{key:"a090719f25a93baf69c5e74fa72c30fce1abac47",class:"akzo-category-card__content--title body-s-bold"},this.cardTitle),this.description&&(0,i.h)("div",{key:"4bfd209627f9524aa6a6bf963de5f47590c6d422",class:"akzo-category-card__content--description body-xs"},this.description))))}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{position:relative;display:inline-block}:host .akzo-category-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-m);width:var(--spacing-6xl);height:auto;border-radius:var(--radius-l);padding:var(--spacing-xs);transition:all var(--motion-duration-medium-02) ease 0ms;box-sizing:border-box}:host .akzo-category-card .image-container{position:relative;width:100%;padding-top:calc(100% * 1 / 1);height:0;overflow:hidden}:host .akzo-category-card .image-container>*{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}:host .akzo-category-card .image-container.circle{border-radius:var(--radius-pill)}:host .akzo-category-card__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-xs)}:host .akzo-category-card__content--title,:host .akzo-category-card__content--description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;text-overflow:ellipsis;overflow:hidden;text-align:center;margin:0}:host .akzo-category-card__content--title{color:var(--color-text-title)}:host .akzo-category-card__content--description{color:var(--color-text-functional-subtle)}:host .akzo-category-card:hover .image-container,:host .akzo-category-card.hovered .image-container{border:2px solid transparent;background-image:linear-gradient(0deg, #ffffff, #ffffff), linear-gradient(90deg, #cc1719 0%, #f5a100 20%, #fbee2d 40%, #d4da1c 60%, #93bc2a 80%, #05baee 100%);background-origin:border-box;background-clip:padding-box, border-box}:host .akzo-category-card:hover .akzo-category-card__content--title,:host .akzo-category-card.hovered .akzo-category-card__content--title{color:var(--color-text-functional-subtle)}:host .akzo-category-card:focus,:host .akzo-category-card.focused{outline-offset:var(--spacing-xxs);outline:1px solid var(--color-interactive-focus-default)}:host .akzo-category-card:active,:host .akzo-category-card.pressed{outline:none}:host .akzo-category-card:active .image-container,:host .akzo-category-card.pressed .image-container{border:2px solid var(--color-stroke-strong)}:host .akzo-category-card:active .akzo-category-card__content--title,:host .akzo-category-card.pressed .akzo-category-card__content--title{color:var(--color-text-functional)}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.shape="square",this.isHovered=!1,this.isFocused=!1,this.isPressed=!1}},[1,"akzo-category-card",{imageSrc:[1,"image-src"],altText:[1,"alt-text"],cardTitle:[1,"card-title"],description:[1],href:[1],shape:[1025],isHovered:[32],isFocused:[32],isPressed:[32]}]),a=n,r=function(){"undefined"!=typeof customElements&&["akzo-category-card"].forEach(t=>{"akzo-category-card"===t&&(customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),n))})}},91517:(t,e,o)=>{o.d(e,{N:()=>n,X:()=>a});var i=o(36645);let n=i.A,a=i.d},91977:(t,e,o)=>{o.d(e,{A:()=>r,d:()=>d});var i=o(41421),n=o(27857),a=o(65250);let r=(0,i.p)(class extends i.H{componentDidLoad(){var t;
1this.isAutoFocus&&(null==(t=this.txtEl)||t.focus())}componentWillLoad(){this.value=this.value||"",this.optional=this.optional||"",this.placeholder=this.placeholder||"Enter your messages...",this.maxLength=this.maxLength||240,this.helperText=this.helperText||"",this.errorMessage=this.errorMessage||"",this.isDisabled=this.isDisabled||!1,this.isReadOnly=this.isReadOnly||!1,this.isRequired=this.isRequired||!1,this.isAutoFocus=this.isAutoFocus||!1,this.isAutoResize=this.isAutoResize||!1,this.placeholderIconName=this.placeholderIconName||"",this.description=this.description||""}render(){var t;return(0,i.h)("div",{key:"3c24fb7d56ad22626cfc8ab4672d1a883a6621eb",class:"textarea-wrapper ".concat(this.errorMessage?"textarea-wrapper-error":""," ").concat(this.isDisabled?"textarea-wrapper-disabled":"")},(this.label||this.optional)&&(0,i.h)("div",{key:"471880cbf759f74857218a3f52cd23b47d42b4c4",class:"label-group"},(0,i.h)("label",{key:"10bf0a80be64eff65e1d9add9d72aa800b05a240",class:"label",htmlFor:this.fieldId},this.label,this.isRequired&&(0,i.h)("span",{key:"03686754e003733b08b9e67b0969bd387a9d71e2",class:"mandatory body-s"},"*")),this.optional&&(0,i.h)("span",{key:"97a2562ad7958b04645b65a8c7a2df12cd440b26",class:"optional body-s"},this.optional)),this.description&&(0,i.h)("div",{key:"48d29bbdc256fcb25b82ba10e5593a995948d81b",class:"body description"},this.description),(0,i.h)("div",{key:"575bbc5bb1448897254271b863fde7a281e1af63",class:"textarea-block",tabIndex:0,ref:t=>this.txtEl=t},this.placeholderIconName&&(0,i.h)("div",{key:"7fe546f02817a181c0acf8f9aa495e300a459438",class:"akzo-icon mail"},(0,i.h)("akzo-icon",{key:"51e442c84e4863c4598dfdab3362487a0bbc4bf5",name:this.placeholderIconName,size:"m","aria-hidden":"true"})),(0,i.h)("textarea",{key:"ddb6c22bfc50c4c3c43c07681109cbbb8eeb71b7",id:this.fieldId,name:this.name,placeholder:this.placeholder,maxlength:this.maxLength,value:this.value,onInput:this.handleInput,class:"textarea body ".concat(this.isAutoResize?"textarea-auto-resize":""," ").concat(this.placeholderIconName?"icon":"no-icon"),disabled:this.isDisabled,readOnly:this.isReadOnly,required:this.isRequired,autoFocus:this.isAutoFocus,"aria-describedby":"textarea-field","aria-invalid":"".concat(!!this.errorMessage)}),(0,i.h)("div",{key:"2d293a5075406e9ac537b347a9c4809e49d26385",class:"akzo-icon error-alert"},(0,i.h)("akzo-icon",{key:"f94bc927c9f478be94e28d8b0bd11f1fe8e9c886",name:"alert-triangle",size:"m","aria-hidden":"true"}))),(this.errorMessage||this.helperText||!!this.maxLength)&&(0,i.h)("div",{key:"ef8e0eaebafcf73068a8feadaab404d5d6dde2f2",id:"textarea-field",class:"helper"},this.errorMessage?(0,i.h)("span",{class:"body-s error-msg"},this.errorMessage):(0,i.h)("span",{class:"body-s"},this.helperText),this.showLengthCount&&(0,i.h)("span",{key:"12b500ac89460c00ab1d6ce78fa7c732c729bbeb",class:"body-s"},(null==(t=this.locaValue)?void 0:t.length)||0,"/",this.maxLength)))}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:block;font-family:sans-serif}.textarea-wrapper{display:flex;flex-direction:column;gap:0.5rem}.textarea-wrapper .body-s{margin-bottom:0}.textarea-wrapper .description{padding-bottom:1rem;padding-top:1rem;color:var(--color-black);margin-bottom:0}
1.textarea-wrapper .label-group{display:flex;align-items:center}.textarea-wrapper .label-group .label{color:var(--color-text-functional);margin-bottom:0}.textarea-wrapper .label-group .label .mandatory{color:var(--color-text-functional-subtle);margin:0}.textarea-wrapper .label-group .optional{margin:0 0 0 auto;color:var(--color-default-non-invertible-opaque-700)}.textarea-wrapper .textarea-block{width:100%;padding:10px var(--spacing-sm) 0.5rem var(--spacing-sm);border-radius:var(--spacing-xxs);border:1px solid var(--color-stroke-subdued);background:var(--color-surface-neutral-option1);display:flex;position:relative}.textarea-wrapper .textarea-block .akzo-icon.mail{width:var(--spacing-lg);height:var(--spacing-lg)}.textarea-wrapper .textarea-block .akzo-icon.mail akzo-icon::part(icon){color:var(--color-default-non-invertible-opaque-900)}.textarea-wrapper .textarea-block .akzo-icon.error-alert{position:absolute;right:var(--spacing-sm);top:0.5rem;z-index:99;display:none}.textarea-wrapper .textarea-block .akzo-icon.error-alert akzo-icon::part(icon){color:var(--color-icon-critical)}.textarea-wrapper .textarea-block .textarea{width:100%;height:100%;border:none;flex:1 0 0;align-self:stretch;color:var(--color-text-functional);margin-bottom:0;min-height:90px;resize:vertical}.textarea-wrapper .textarea-block .textarea-auto-resize{overflow:hidden;resize:none}.textarea-wrapper .textarea-block .textarea.no-icon{padding-left:0}.textarea-wrapper .textarea-block .textarea.icon{padding-left:0.5rem}.textarea-wrapper .textarea-block .textarea::placeholder{color:var(--color-text-placeholder)}.textarea-wrapper .textarea-block:hover,.textarea-wrapper .textarea-block:focus{border:1px solid transparent;background-image:linear-gradient(0deg, #ffffff, #ffffff), linear-gradient(90deg, #cc1719 0%, #f5a100 20%, #fbee2d 40%, #d4da1c 60%, #93bc2a 80%, #05baee 100%);background-origin:border-box;background-clip:padding-box, border-box}.textarea-wrapper .textarea-block:focus{outline:1px solid var(--color-stroke-strong);outline-offset:var(--spacing-xxs)}.textarea-wrapper .textarea-block:active{border-color:var(--color-stroke-strong)}.textarea-wrapper .helper{display:flex;justify-content:space-between;color:var(--color-default-non-invertible-opaque-700)}.textarea-wrapper .helper .error-msg{color:var(--color-text-critical)}.textarea-wrapper-error .textarea-block{border-color:var(--color-stroke-critical)}.textarea-wrapper-error .textarea-block .textarea{padding-right:2.75rem}.textarea-wrapper-error .textarea-block .akzo-icon.error-alert{display:inline-block}.textarea-wrapper-disabled .textarea-block{background:var(--color-surface-disabled);color:var(--color-text-disabled);border:1px solid var(--color-stroke-disabled);pointer-events:none}.textarea-wrapper-disabled .textarea-block .textarea{background:var(--color-surface-disabled)}.textarea-wrapper-disabled .textarea-block .textarea::placeholder{color:var(--color-text-disabled)}.textarea-wrapper-disabled .textarea-block .akzo-icon.mail akzo-icon::part(icon){color:var(--color-icon-disabled)}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.handleValueChange=(0,i.c)(this,"handleValueChange"),this.handleInput=t=>{let e=t.target;this.locaValue=e.value,this.handleValueChange.emit(this.locaValue),this.isAutoResize&&(e.style.height="auto",e.style.height="".concat(e.scrollHeight,"px"))}}},[1,"akzo-input-textarea",{fieldId:[1537,"field-id"],label:[1537],name:[1537],value:[1537],optional:[1537],placeholder:[1537],placeholderIconName:[1537,"placeholder-icon-name"],maxLength:[1538,"max-length"],showLengthCount:[1540,"show-length-count"],helperText:[1537,"helper-text"],errorMessage:[1537,"error-message"],description:[1537],isDisabled:[1540,"is-disabled"],isReadOnly:[1540,"is-read-only"],isRequired:[1540,"is-required"],isAutoFocus:[1540,"is-auto-focus"],isAutoResize:[1540,"is-auto-resize"],locaValue:[32]}]);function d(){"undefined"!=typeof customElements&&["akzo-input-textarea","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-input-textarea":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),r);break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,a.d)()}})}},92222:(t,e,o)=>{o.d(e,{X:()=>a,u:()=>n});var i=o(27957);let n=i.A,a=i.d},92283:(t,e,o)=>{o.r(e),o.d(e,{AkzoImageCarousel:()=>n,defineCustomElement:()=>a});var i=o(40332);let n=i.A,a=i.d},92346:(t,e,o)=>{o.d(e,{A:()=>f,d:()=>k});var i=o(41421),n=o(47408),a=o(18567),r=o(33935),d=o(95154),l=o(45976),s=o(70486),m=o(70699),p=o(27857),h=o(92343),g=o(65250),c=o(24809),b=o(20862),x=o(81529),u=o(62697);let f=(0,i.p)(class extends i.H{parseTags(t){try{this.parsedTags="string"==typeof t?JSON.parse(t):t||[]}catch(t){this.parsedTags=[]}}parseColors(t){try{this.parsedColors="string"==typeof t?JSON.parse(t):t||[]}catch(t){this.parsedColors=[]}}parseCombinations(t){try{let e="string"==typeof t?JSON.parse(t):t||[];this.allCombinations=e,this.parsedCombinations=e,this.filteredCombinations=e}catch(t){this.allCombinations=[],this.parsedCombinations=[],this.filteredCombinations=[]}}parseSelectedColorIds(t){try{this.parsedSelectedColorIds="string"==typeof t?JSON.parse(t):t||[]}catch(t){this.parsedSelectedColorIds=[]}}parseConfig(t){try{this.parsedConfig="string"==typeof t?JSON.parse(t):t||{}}catch(t){this.parsedConfig={}}}componentWillLoad(){this.parseTags(this.tags),this.parseColors(this.colors),this.parseCombinations(this.combinations),this.parseSelectedColorIds(this.selectedColorIds),this.parseConfig(this.config)}
1getColorHue(t){let{r:e,g:o,b:i}=this.hexToRgb(t);if(this.isWhite(e,o,i))return"white";if(this.isDark(e,o,i))return"dark";let n=Math.max(e,o,i);return n===e?o>i?"orange-red":"red-pink":n===o?e>i?"yellow-green":"green":n===i?e>o?"purple-blue":"blue-teal":30>Math.abs(e-o)&&30>Math.abs(o-i)?"neutral":"mixed"}hexToRgb(t){let e=t.replace("#","");return{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16)}}isWhite(t,e,o){return t>200&&e>200&&o>200}isDark(t,e,o){return t<80&&e<80&&o<80}areSimilarHues(t,e){return t===e}render(){var t;return(0,i.h)("div",{key:"02c9a64450562867e6981fd9aa6b4da522a53f39",class:"akzo-color-selector",style:{backgroundColor:this.parsedConfig.overlayBackgroundColor||"#ffffff"},part:"custom-color-selector"},(0,i.h)("akzo-color-widget",{key:"ed01dab62903dc8de9ae3f03f51ce4e2642ae864",titleText:this.titleText,headingWeight:this.headingWeight,description:this.description,showMeText:this.showMeText,tags:JSON.stringify(this.parsedTags),selectedTagId:this.selectedTagId,colors:JSON.stringify(this.parsedColors),searchPlaceholder:"",showBackToColorWall:this.showBackToColorWall,preventColorReselection:this.preventColorReselection,selectedColorId:this.selectedColorId||0,onTagClick:this.handleTagChange,onColorClick:this.handleColorClick,isBlogs:this.isBlogs,noMobilePadding:this.noMobilePadding,compactBottomSpacing:this.compactBottomSpacing,noTagsMarginTop:this.noTagsMarginTop,noHeaderMargin:this.noHeaderMargin,compactTopMargin:this.compactTopMargin,headingLevel:this.headingLevel}),this.parsedCombinations.length>0&&(0,i.h)("akzo-color-combinations",{key:"4338133164025e9923236301e007e7dfbe8881ab",heading:this.combinationsHeading,combinations:JSON.stringify(this.parsedCombinations),variantType:this.parsedConfig.variantType||"colors",columnsPerRow:(null==(t=this.parsedConfig.colorsPerRowDesktop)?void 0:t.toString())||"6",selectedColorIds:JSON.stringify(this.parsedSelectedColorIds),disableInternalTracking:this.disableInternalTracking,onColorClick:this.handleCombinationColorClick,mobilePadding:this.mobilePadding,gridPaddingTopDesktop:this.gridPaddingTopDesktop,compactTopMarginDesktop:this.compactTopMarginDesktop,seeMoreLabel:this.seeMoreLabel,showAllItems:this.showAllItems}))}get el(){return this}static get watchers(){return{tags:[{parseTags:0}],colors:[{parseColors:0}],combinations:[{parseCombinations:0}],selectedColorIds:[{parseSelectedColorIds:0}],config:[{parseConfig:0}]}}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.akzo-color-selector{padding:var(--spacing-xl);background-color:var(--color-white);border-radius:var(--border-radius-m)}@media (min-width: 768px){.akzo-color-selector{padding:var(--spacing-3xl);padding-top:0}}.akzo-color-selector .header-section{margin-bottom:var(--spacing-2xl);text-align:center}@media (min-width: 768px){.akzo-color-selector .header-section{text-align:left}}.akzo-color-selector .header-section .description{margin-top:var(--spacing-s);margin-bottom:0;color:var(--color-default-non-invertible-opaque-600);font-size:var(--typography-size-paragraph-m);line-height:var(--typography-line-height-paragraph-m)}.akzo-color-selector .controls-section{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}@media (min-width: 768px){.akzo-color-selector .controls-section{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:var(--spacing-l)}}.akzo-color-selector .controls-section .show-me-section{flex:1}.akzo-color-selector .controls-section .show-me-section .show-me-text{margin-bottom:var(--spacing-m);color:var(--color-default-non-invertible-opaque-700);font-size:var(--typography-size-paragraph-s);font-weight:var(--typography-weight-paragraph-s);text-transform:capitalize}.akzo-color-selector .controls-section .search-section{flex:1;max-width:100%;position:relative}@media (min-width: 768px){.akzo-color-selector .controls-section .search-section{max-width:30.375rem}}.akzo-color-selector .controls-section .search-section .search-wrapper{position:relative}.akzo-color-selector .controls-section .search-section .search-wrapper akzo-input-search-field::part(input-search-field-part){height:auto}.akzo-color-selector .controls-section .search-section .search-wrapper .auto-suggest-dropdown{position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--color-white);border:1px solid var(--color-neutral-300);border-top:none;border-radius:0 0 var(--border-radius-s) var(--border-radius-s);box-shadow:var(--shadow-l);max-height:12rem;overflow-y:auto}.akzo-color-selector .controls-section .search-section .search-wrapper .auto-suggest-dropdown .auto-suggest-item{display:flex;align-items:center;padding:var(--spacing-s) var(--spacing-m);cursor:pointer;transition:background-color 0.2s ease}.akzo-color-selector .controls-section .search-section .search-wrapper .auto-suggest-dropdown .auto-suggest-item:hover{background-color:var(--color-neutral-100)}.akzo-color-selector .controls-section .search-section .search-wrapper .auto-suggest-dropdown .auto-suggest-item .color-preview{width:1.5rem;height:1.5rem;border-radius:var(--border-radius-s);margin-right:var(--spacing-s);border:1px solid var(--color-neutral-300);flex-shrink:0}.akzo-color-selector .controls-section .search-section .search-wrapper .auto-suggest-dropdown .auto-suggest-item .color-name{font-size:var(--typography-size-paragraph-s);color:var(--color-default-non-invertible-opaque-900)}.akzo-color-selector .controls-section .search-section .search-wrapper .auto-suggest-dropdown .auto-suggest-item .collection-name{font-size:var(--typography-size-paragraph-xs);color:var(--color-default-non-invertible-opaque-600);margin-left:var(--spacing-xs)}.akzo-color-selector .filters-section .filters-wrapper{display:flex;gap:var(--spacing-s);flex-wrap:wrap}@media (max-width: 767px){.akzo-color-selector .filters-section .filters-wrapper{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--spacing-xs);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.akzo-color-selector .filters-section .filters-wrapper::-webkit-scrollbar{display:none}}.akzo-color-selector .filters-section .filters-wrapper akzo-button{flex-shrink:0}@media (max-width: 767px){.akzo-color-selector .filters-section .filters-wrapper akzo-button{min-width:max-content}}.akzo-color-selector .filters-section .filters-wrapper akzo-button::part(button){border-radius:var(--border-radius-s);font-size:var(--typography-size-paragraph-s);padding:var(--spacing-s) var(--spacing-m)}.akzo-color-selector .filters-section .filters-wrapper akzo-button[variant=secondary]::part(button){background-color:transparent;border:1px solid var(--default-neutral-invertible-opaque-300);color:var(--color-default-non-invertible-opaque-700)}.akzo-color-selector .filters-section .filters-wrapper akzo-button[variant=primary]::part(button){background-color:var(--color-neutral-200);border:1px solid var(--default-neutral-invertible-opaque-300);color:var(--color-black);font-weight:700}.akzo-color-selector .color-hues-section{margin-bottom:var(--spacing-2xl)}.akzo-color-selector .color-hues-section .color-hues-wrapper{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;justify-content:center}@media (min-width: 768px){.akzo-color-selector .color-hues-section .color-hues-wrapper{justify-content:flex-start;gap:var(--spacing-s)}}.akzo-color-selector .color-hues-section .color-hues-wrapper .color-hue-item{width:3rem;height:3rem;border-radius:var(--border-radius-s);
1cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;border:2px solid transparent;position:relative}@media (min-width: 768px){.akzo-color-selector .color-hues-section .color-hues-wrapper .color-hue-item{width:3.5rem;height:3.5rem}.akzo-color-selector .color-hues-section .color-hues-wrapper .color-hue-item:hover{transform:scale(1.1)}}.akzo-color-selector .color-hues-section .color-hues-wrapper .color-hue-item.selected{border-color:var(--color-default-non-invertible-opaque-900)}.akzo-color-selector .color-hues-section .color-hues-wrapper .color-hue-item.selected akzo-icon{color:var(--color-white);filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))}.akzo-color-selector .color-hues-section .color-hues-wrapper .color-hue-item:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.akzo-color-selector .colors-section akzo-heading{margin-bottom:var(--spacing-l)}.akzo-color-selector .colors-section .color-grid-container{display:grid;gap:var(--spacing-m);grid-template-columns:repeat(var(--colors-per-row, 6), 1fr)}@media (max-width: 767px){.akzo-color-selector .colors-section .color-grid-container{grid-template-columns:1fr;gap:var(--spacing-s)}}@media (min-width: 768px) and (max-width: 1023px){.akzo-color-selector .colors-section .color-grid-container{grid-template-columns:repeat(3, 1fr)}}@media (min-width: 1024px){.akzo-color-selector .colors-section .color-grid-container{grid-template-columns:repeat(6, 1fr)}}.akzo-color-selector .colors-section .color-grid-container akzo-color-grid-item{width:100%;height:auto}@media (max-width: 767px){.akzo-color-selector .colors-section .color-grid-container akzo-color-grid-item{height:4rem}}@media (min-width: 768px){.akzo-color-selector .colors-section .color-grid-container akzo-color-grid-item{aspect-ratio:1}}.akzo-color-selector .colors-section .color-grid-container .loading-indicator{grid-column:1/-1;display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl)}.akzo-color-selector .colors-section .color-grid-container .loading-indicator akzo-spinner{color:var(--color-primary-500)}@media (max-width: 767px){.akzo-color-selector{padding:var(--spacing-l);padding-left:0px;padding-right:0px}.akzo-color-selector .header-section{margin-bottom:var(--spacing-xl)}.akzo-color-selector .controls-section{gap:var(--spacing-l);margin-bottom:var(--spacing-xl)}.akzo-color-selector .color-hues-section{margin-bottom:var(--spacing-xl)}}@media (prefers-reduced-motion: no-preference){.akzo-color-selector .color-hue-item{transition:transform 0.2s ease, border-color 0.2s ease}.akzo-color-selector .auto-suggest-item{transition:background-color 0.2s ease}.akzo-color-selector akzo-color-grid-item{transition:transform 0.2s ease}.akzo-color-selector akzo-color-grid-item:hover{transform:translateY(-2px)}}@media (prefers-contrast: high){.akzo-color-selector{border:2px solid var(--color-black)}.akzo-color-selector .color-hue-item{border:2px solid var(--color-black)}.akzo-color-selector .color-hue-item.selected{border-width:4px}.akzo-color-selector .auto-suggest-dropdown{border:2px solid var(--color-black)}}.akzo-color-selector akzo-color-combinations::part(parent-wrapper){padding-top:0;padding-bottom:0}@media (max-width: 600px){akzo-color-combinations::part(content-wrapper){padding-left:0px;padding-right:0px}}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tagClick=(0,i.c)(this,"tagClick"),this.colorClick=(0,i.c)(this,"colorClick"),this.combinationSelected=(0,i.c)(this,"combinationSelected"),this.favoriteToggle=(0,i.c)(this,"favoriteToggle"),this.titleText="Pick your colour",this.showMeText="Show me",this.combinationsHeading="Select a colour",this.tags=[],this.colors=[],this.combinations=[],this.config={},this.selectedColorIds=[],this.showBackToColorWall=!1,this.isBlogs=!1,this.preventColorReselection=!1,this.disableInternalCombinationFilter=!1,this.disableInternalTracking=!1,this.noMobilePadding=!1,this.compactBottomSpacing=!1,this.noHeaderMargin=!1,this.noTagsMarginTop=!1,this.compactTopMargin=!1,this.compactTopMarginDesktop=!1,this.seeMoreLabel="Load More",this.showAllItems=!1,this.parsedTags=[],this.parsedColors=[],this.parsedCombinations=[],this.parsedSelectedColorIds=[],this.parsedConfig={},this.filteredCombinations=[],this.allCombinations=[],this.handleTag
1Change=t=>{this.tagClick.emit(t.detail)},this.handleColorClick=t=>{let e=t.detail;e?(this.internalSelectedColorId=null==e?void 0:e.id,this.disableInternalCombinationFilter||this.filterCombinationsByColor(e),this.colorClick.emit(t.detail)):(this.internalSelectedColorId=void 0,this.disableInternalCombinationFilter||(this.filteredCombinations=[],this.parsedCombinations=[]),this.colorClick.emit(void 0))},this.filterCombinationsByColor=t=>{if(!t.color)return void(this.filteredCombinations=this.allCombinations);let e=this.getColorHue(t.color);this.filteredCombinations=this.allCombinations.filter(t=>{let o=this.getColorHue(t.rgb);return this.areSimilarHues(e,o)}),0===this.filteredCombinations.length&&(this.filteredCombinations=this.allCombinations),this.parsedCombinations=[...this.filteredCombinations]},this.handleCombinationColorClick=t=>{this.colorClick.emit(t.detail),this.combinationSelected.emit(t.detail)}}},[1,"akzo-color-selector",{titleText:[1,"title-text"],headingWeight:[1,"heading-weight"],description:[1],showMeText:[1,"show-me-text"],combinationsHeading:[1,"combinations-heading"],tags:[1],colors:[1],combinations:[1],config:[1],selectedTagId:[8,"selected-tag-id"],selectedColorIds:[1,"selected-color-ids"],selectedColorId:[2,"selected-color-id"],showBackToColorWall:[4,"show-back-to-color-wall"],isBlogs:[4,"is-blogs"],preventColorReselection:[4,"prevent-color-reselection"],disableInternalCombinationFilter:[4,"disable-internal-combination-filter"],disableInternalTracking:[4,"disable-internal-tracking"],mobilePadding:[1,"mobile-padding"],noMobilePadding:[4,"no-mobile-padding"],compactBottomSpacing:[4,"compact-bottom-spacing"],noHeaderMargin:[4,"no-header-margin"],noTagsMarginTop:[4,"no-tags-margin-top"],gridPaddingTopDesktop:[1,"grid-padding-top-desktop"],compactTopMargin:[4,"compact-top-margin"],compactTopMarginDesktop:[4,"compact-top-margin-desktop"],seeMoreLabel:[1,"see-more-label"],showAllItems:[4,"show-all-items"],headingLevel:[1,"heading-level"],parsedTags:[32],parsedColors:[32],parsedCombinations:[32],parsedSelectedColorIds:[32],parsedConfig:[32],internalSelectedColorId:[32],filteredCombinations:[32],allCombinations:[32]},void 0,{tags:[{parseTags:0}],colors:[{parseColors:0}],combinations:[{parseCombinations:0}],selectedColorIds:[{parseSelectedColorIds:0}],config:[{parseConfig:0}]}]);function k(){"undefined"!=typeof customElements&&["akzo-color-selector","akzo-button","akzo-color-combinations","akzo-color-grid-item","akzo-color-swatch-row","akzo-color-widget","akzo-colour-swatch","akzo-heading","akzo-icon","akzo-input-search-field","akzo-loader","akzo-loadmore-button","akzo-progress-dot","akzo-tabs","akzo-toggle-button"].forEach(t=>{switch(t){case"akzo-color-selector":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),f);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-color-combinations":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-color-grid-item":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-color-swatch-row":customElements.get((0,i.t)(t))||(0,d.d)();break;case"akzo-color-widget":customElements.get((0,i.t)(t))||(0,l.d)();break;case"akzo-colour-swatch":customElements.get((0,i.t)(t))||(0,s.d)();break;case"akzo-heading":customElements.get((0,i.t)(t))||(0,m.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,p.d)();break;case"akzo-input-search-field":customElements.get((0,i.t)(t))||(0,h.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,g.d)();break;case"akzo-loadmore-button":customElements.get((0,i.t)(t))||(0,c.d)();break;case"akzo-progress-dot":customElements.get((0,i.t)(t))||(0,b.d)();break;case"akzo-tabs":customElements.get((0,i.t)(t))||(0,x.d)();break;case"akzo-toggle-button":customElements.get((0,i.t)(t))||(0,u.d)()}})}},92380:(t,e,o)=>{o.r(e),o.d(e,{AkzoRadio:()=>n,defineCustomElement:()=>a});var i=o(88857);let n=i.A,a=i.d},93141:(t,e,o)=>{o.d(e,{U:()=>c,X:()=>b});var i=o(41421),n=o(47408),a=o(28726),r=o(25590),d=o(13912),l=o(27857),s=o(6735),m=o(30730),p=o(65250),h=o(88857);let g=(0,i.p)(class extends i.H{handleOptions(t){let e=[];
1if("string"==typeof t)try{e=JSON.parse(t),Array.isArray(e)||(e=[])}catch(t){e=[]}else Array.isArray(t)&&(e=t);this.parsedOptions=e;let o=e.findIndex(t=>t.selected);-1!==o?(this.selectedIndex=o,this.deliveryChange.emit(e[o].id)):1===e.length?(this.selectedIndex=0,this.deliveryChange.emit(e[0].id)):this.selectedIndex=null}handleSelect(t,e){if(this.selectedIndex===t)this.selectedIndex=null,this.deliveryChange.emit(null);else{this.selectedIndex=t,this.deliveryChange.emit(e);let o=this.optionRefs[t];o&&o.focus()}}handleAddPostalCode(){console.log("Postal code added:",this.postalCode)}componentWillLoad(){this.handleOptions(this.options)}render(){return this.filled?(0,i.h)("div",{class:"delivery-options-container"},(0,i.h)("div",{class:"options-heading",part:"options"},"Your order to ",this.postalCode||"A1A 1A"," qualifies for:"),(0,i.h)("div",{class:"options-list",part:"optionsList"},this.parsedOptions.length>0?this.parsedOptions.map((t,e)=>{var o,n;let a=this.selectedIndex===e;return(0,i.h)("div",{part:"cardWrapper",class:"card-wrapper "+(a?"selected":""),tabIndex:a||null===this.selectedIndex&&0===e?0:-1,ref:t=>this.optionRefs[e]=t,onClick:()=>this.handleSelect(e,t.id),onKeyDown:o=>{if("Enter"!==o.key&&" "!==o.key||(o.preventDefault(),this.handleSelect(e,t.id)),"ArrowDown"===o.key||"ArrowRight"===o.key){o.preventDefault();let t=(e+1)%this.parsedOptions.length;this.handleSelect(t,this.parsedOptions[t].id)}if("ArrowUp"===o.key||"ArrowLeft"===o.key){o.preventDefault();let t=(e-1+this.parsedOptions.length)%this.parsedOptions.length;this.handleSelect(t,this.parsedOptions[t].id)}}},(0,i.h)("akzo-card-select",{cardTitle:t.title,description:t.description,price:this.showPrice?t.price:void 0,selected:a,disabled:t.disabled||!1,showPrice:null!=(o=t.showPrice)?o:this.showPrice,showDatePicker:null!=(n=t.showDatePicker)?n:this.showDatePicker,defaultDate:t.defaultDate,info:t.info}))}):(0,i.h)("div",{class:"empty-state",role:"status"},"No delivery options available")),this.parsedOptions.length>0&&(0,i.h)("div",{class:"change-postal"},(0,i.h)("akzo-button",{label:this.changeButtonLabel,variant:this.changeButtonVariant,size:"m",onButtonClick:()=>this.handleAddPostalCode()}))):(0,i.h)("div",{class:"delivery-method-wrapper",part:"delivery-wrapper"},this.filledHeading&&(0,i.h)("h3",{class:"filled-heading"},this.filledHeading),this.filledDescription&&(0,i.h)("p",{class:"filled-description"},this.filledDescription),(0,i.h)("div",{class:"postal-code-wrapper"},(0,i.h)("akzo-input-textfield",{placeholder:this.placeholderText,fieldId:"filledInputField",name:"filledInput",isRequired:!1,value:this.postalCode,onInput:t=>this.postalCode=t.target.value}),(0,i.h)("akzo-button",{label:this.changeButtonLabelNoOptions,variant:"secondary",size:"m",onButtonClick:()=>this.handleAddPostalCode()})))}static get watchers(){return{options:[{handleOptions:0}]}}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.delivery-method-wrapper{display:flex;flex-direction:column;gap:1rem}.delivery-method-wrapper .filled-heading{font-size:1rem;font-weight:700;line-height:1.25rem;color:var(--color-text-functional)}.delivery-method-wrapper .filled-description{font-size:1rem;font-weight:400;line-height:1.25rem;color:var(--color-text-functional-(Subtle))}.delivery-method-wrapper .postal-code-wrapper{display:flex;gap:12px;width:100%;align-items:self-end}.delivery-method-wrapper .postal-code-wrapper akzo-input-textfield{flex:1}.delivery-method-wrapper .postal-code-wrapper akzo-button{flex-shrink:0}.delivery-options-container{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;margin-bottom:1rem}.delivery-options-container .options-heading{font-size:1rem;font-weight:700;line-height:1.25rem;color:var(--color-text-functional)}@media (max-width: 480px){.delivery-options-container .options-heading{width:calc(100% - 2rem);padding-left:16px}}.delivery-options-container .options-list{display:flex;flex-direction:column;gap:0.75rem}.delivery-options-container .change-postal{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.empty-state{font-size:1rem;font-weight:400;color:var(--color-text-functional-(Subtle));padding:0.75rem;text-align:center}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.deliveryChange=(0,i.c)(this,"deliveryChange"),this.filled=!1,this.filledHeading="Enter Your Postal Code",this.filledDescription="Find out about delivery times and shipping methods",this.placeholderText="Search here",this.showPrice=!0,this.changeButtonLabelNoOptions="Add",this.changeButtonLabel="Change Postal Code",this.changeButtonVariant="tertiary",this.showDatePicker=!1,this.parsedOptions=[],this.selectedIndex=null,this.postalCode="",this.optionRefs=[]}},[1,"akzo-delivery-method-selector",{options:[1],filled:[4],filledHeading:[1,"filled-heading"],filledDescription:[1,"filled-description"],placeholderText:[1,"placeholder-text"],showPrice:[4,"show-price"],changeButtonLabelNoOptions:[1,"change-button-label-no-options"],changeButtonLabel:[1,"change-button-label"],changeButtonVariant:[1,"change-button-variant"],showDatePicker:[4,"show-date-picker"],parsedOptions:[32],selectedIndex:[32],postalCode:[32]},void 0,{options:[{handleOptions:0}]}]),c=g,b=function(){"undefined"!=typeof customElements&&["akzo-delivery-method-selector","akzo-button","akzo-card-select","akzo-date-picker","akzo-divider","akzo-icon","akzo-information-banner","akzo-input-textfield","akzo-loader","akzo-radio"].forEach(t=>{switch(t){case"akzo-delivery-method-selector":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),g);break;case"akzo-button":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-card-select":customElements.get((0,i.t)(t))||(0,a.d)();break;case"akzo-date-picker":customElements.get((0,i.t)(t))||(0,r.d)();break;case"akzo-divider":customElements.get((0,i.t)(t))||(0,d.d)();break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,l.d)();break;case"akzo-information-banner":customElements.get((0,i.t)(t))||(0,s.d)();break;case"akzo-input-textfield":customElements.get((0,i.t)(t))||(0,m.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,p.d)();break;case"akzo-radio":customElements.get((0,i.t)(t))||(0,h.d)()}})}},93142:(t,e,o)=>{o.r(e),o.d(e,{AkzoCustomerSupportContact:()=>a,defineCustomElement:()=>r});var i=o(41421);let n=(0,i.p)(class extends i.H{render(){return(0,i.h)("div",{key:"1e3af2a3b9139bcd4c558433a40a80ce301805dc",class:"contact-container"},(0,i.h)("div",{key:"da62d3eedf8ee18ef3e8bab44cd81c9456e68020",class:"contact-logo"},(0,i.h)("img",{key:"d154751c06b4cc0c94fe757b126bcba3e963e984",src:this.imgSrc&&""!==this.imgSrc.trim()?this.imgSrc:this.defaultImg,alt:this.name||"Customer Support Contact",onError:t=>t.target.src=this.defaultImg})),(0,i.h)("div",{key:"0950858003a99af94b08ab8f80332162a503b353",class:"contact-info"},(0,i.h)("div",{key:"906a46362a090e294b9083bfb65730c5c9421a83",class:"contact-name"},this.name,this.phoneNumber&&(0,i.h)("span",{key:"27961517d4b2f62b27a8e15b61660f42cdd5e601",class:"contact-phone"}," ",this.phoneNumber)),this.email&&(0,i.h)("a",{key:"a53eb87c20b017885db4697bdde91658917faecd",href:"mailto:"+this.email,class:"contact-email",part:"contact-email"},this.email)))}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.contact-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0.75rem;width:17.5rem;padding:0.25rem 0;flex-wrap:nowrap}.contact-logo{flex:0 0 auto;width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden}.contact-logo img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.contact-info{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:0;flex:1}.contact-name{flex-wrap:wrap;color:var(--color-black);font-size:1rem;font-weight:400}.contact-phone{color:var(--color-default-non-invertible-opaque-700);font-size:0.875rem;font-weight:400}.contact-email{overflow:hidden;color:var(--default-primary-500);text-overflow:ellipsis;font-size:0.875rem;font-weight:400;text-decoration:underline;text-underline-offset:0.219rem}.contact-email:hover{text-decoration:underline}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.defaultImg="assets/images/akzo-customer-support-contact/aspectRatio.png"}},[1,"akzo-customer-support-contact",{imgSrc:[1,"img-src"],name:[1],phoneNumber:[1,"phone-number"],email:[1]}]),a=n,r=function(){"undefined"!=typeof customElements&&["akzo-customer-support-contact"].forEach(t=>{"akzo-customer-support-contact"===t&&(customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),n))})}},94449:(t,e,o)=>{o.r(e),o.d(e,{AkzoMegaMenu:()=>n,defineCustomElement:()=>a});var i=o(99668);let n=i.A,a=i.d},94468:(t,e,o)=>{o.r(e),o.d(e,{AkzoProgressDot:()=>n,defineCustomElement:()=>a});var i=o(20862);let n=i.A,a=i.d},94529:(t,e,o)=>{o.r(e),o.d(e,{AkzoHeading:()=>n,defineCustomElement:()=>a});var i=o(70699);let n=i.A,a=i.d},94844:(t,e,o)=>{o.d(e,{V:()=>n,X:()=>a});var i=o(24508);let n=i.A,a=i.d},95602:(t,e,o)=>{o.r(e),o.d(e,{AkzoLoader:()=>n,defineCustomElement:()=>a});var i=o(65250);let n=i.A,a=i.d},96479:(t,e,o)=>{o.d(e,{X:()=>l,v:()=>d});var i=o(41421),n=o(27857),a=o(65250);let r=(0,i.p)(class extends i.H{setDefaults(){var t,e,o,i,n,a,r;this.variant=null!=(t=this.variant)?t:"primary",this.dropdownOptions=null!=(e=this.dropdownOptions)?e:[],this.loading=null!=(o=this.loading)&&o,this.disabled=null!=(i=this.disabled)&&i,this.focusOutline=null==(n=this.focusOutline)||n,this.coreColor=null!=(a=this.coreColor)?a:"default",this.isOpen=!1,this.size=null!=(r=this.size)?r:"m"}validateProps(){if(!["primary","secondary","tertiary"].includes(this.variant))throw Error('[akzo-dropdown-button] Invalid variant "'.concat(this.variant,'". Falling back to "primary".'));if(this.size&&!["s","m","l"].includes(this.size))throw Error('[akzo-dropdown-button] Invalid size "'.concat(this.size,'". Allowed values: "s", "m", "l".'))}get resolvedDropdownOptions(){if("string"==typeof this.dropdownOptions)try{return JSON.parse(this.dropdownOptions)}catch(t){return[]}return this.dropdownOptions||[]}getButtonClasses(){return{"akzo-button":!0,["akzo-button__"+this.variant]:!0,["akzo-button--"+this.size]:!!this.size,"no-outline":!this.focusOutline,"color-inverse":"inverse"===this.coreColor,active:this.isOpen,disabled:this.disabled}}selectOption(t){this.selectedOption=t,this.dropdownSelect.emit(t),this.isOpen=!1}componentDidLoad(){document.addEventListener("click",this.handleOutsideClick,{passive:!0})}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick)}componentWillLoad(){this.setDefaults(),this.validateProps()}render(){var t;return(0,i.h)(i.a,{key:"d0b5a3c93f16c0ab46c0fc95c98e9a1d2d8b8506"},(0,i.h)("div",{key:"aeae4761a891cd5a6a2344c352b10450561e8ec8",class:"akzo-dropdown-wrapper"},(0,i.h)("button",{key:"52f6f2a1b9ea98a7983b468d636be5c27a21368c",part:"dropdown-button",class:this.getButtonClasse
1s(),onClick:this.toggleDropdown,"aria-expanded":this.isOpen,"aria-haspopup":"listbox","aria-controls":this.isOpen?"dropdown-list":null,"aria-label":this.loading?this.label||"Loading":null,onFocus:()=>{this.disabled||(this.focusOutline=!0)},onBlur:()=>{this.disabled||(this.focusOutline=!1)}},this.loading?(0,i.h)("div",{class:"loading-icon-container"},(0,i.h)("akzo-icon",{name:"loader-color",class:"spin"})):(0,i.h)(i.F,null,(0,i.h)("span",{class:"button-text button"},(null==(t=this.resolvedDropdownOptions.find(t=>t.id===this.selectedOption))?void 0:t.label)||this.label),(0,i.h)("akzo-icon",{name:"chevron-down",class:"inverse"===this.coreColor?"dark":null}))),this.isOpen&&(0,i.h)("ul",{key:"bf6e74ecf53d6ff24ed45b316c3a2ac6f2c08de1",id:"dropdown-list",role:"listbox",class:"dropdown-menu",hidden:!this.isOpen,part:"custom-drop-down"},this.resolvedDropdownOptions.map(t=>(0,i.h)("li",{key:t.id,role:"option","aria-selected":t.id===this.selectedOption,class:{"dropdown-option":!0,selected:t.id===this.selectedOption},tabIndex:0,onClick:()=>this.selectOption(t.id),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.selectOption(t.id))}},(0,i.h)("span",{class:"option body"},t.label))))))}get el(){return this}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:block}.akzo-button{width:fit-content;height:var(--spacing-2xl);min-width:5rem;display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-button-border-radius);font-size:var(--spacing-md);color:var(--color-text-on-primary);border:none;transition:all var(--motion-duration-medium-01) ease 0ms;position:relative;box-sizing:border-box;cursor:pointer;background:var(--default-primary-900)}.akzo-button .button-text,.akzo-button akzo-icon::part(icon){position:relative;z-index:2}.akzo-button__shape-square{border-radius:var(--radius-s)}.akzo-button--s{padding:var(--spacing-xs) var(--spacing-md);height:25px}.akzo-button--s .button-text{font-size:var(--spacing-sm)}.akzo-button--l{padding:var(--spacing-md) 2rem;height:auto}.akzo-button--l .button-text{font-size:var(--spacing-lg)}.akzo-button[aria-label=icon-button]{width:var(--spacing-2xl);min-width:auto;padding:var(--spacing-sm);border-radius:50%}.akzo-button__primary{background:var(--default-primary-900);border:none}.akzo-button__primary::before{content:"";position:absolute;inset:0;padding:0;background:linear-gradient(90deg, #cc1719 0%, #f5a100 20%, #fbee2d 40%, #d4da1c 60%, #93bc2a 80%, #05baee 100%);border-radius:var(--radius-button-border-radius);-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask-composite:exclude;z-index:-1}.akzo-button__primary::after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid var(--color-stroke-strong);border-radius:8px;pointer-events:none;display:none}.akzo-button__primary .button-text{color:var(--color-text-on-primary)}.akzo-button__primary akzo-icon::part(icon){color:var(--color-icon-on-primary)}.akzo-button__primary:hover:not(.disabled){border:none;background-color:var(--color-interactive-primary-hovered)}.akzo-button__primary:hover:not(.disabled)::before{padding:2px;z-index:1}.akzo-button__primary:focus-visible:not(.disabled):not(.no-outline)::before{padding:2px;z-index:1}.akzo-button__primary:focus-visible:not(.disabled):not(.no-outline)::after{display:block}.akzo-button__primary .akzo-button.no-outline{outline:none;border:var(--color-stroke-strong);box-shadow:none}.akzo-button__primary .akzo-button.no-outline::before,.akzo-button__primary .akzo-button.no-outline::after{display:none !important}.akzo-button__primary .akzo-button.no-outline:hover{background:none;border-color:var(--color-stroke-default)}.akzo-button__primary.disabled{background:var(--color-surface-disabled);border:1px solid var(--color-stroke-disabled);cursor:not-allowed}.akzo-button__primary.disabled .button-text{color:var(--color-text-disabled)}.akzo-button__primary.disabled akzo-icon::part(icon){color:var(--color-icon-disabled)}.akzo-button__primary.color-inverse{background:var(--default-primary-900);border:none}.akzo-button__primary.color-inverse::before{content:"";position:absolute;inset:0;padding:0;background:linear-gradient(90deg, #cc1719 0%, #f5a100 20%, #fbee2d 40%, #d4da1c 60%, #93bc2a 80%, #05baee 100%);border-radius:var(--radius-button-border-radius);-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask-composite:exclude;z-index:-1}.akzo-button__primary.color-inverse::after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid var(--color-stroke-strong);border-radius:8px;pointer-events:none;display:none}.akzo-button__primary.color-inverse .button-text{color:var(--color-text-on-primary-inverse)}.akzo-button__primary.color-inverse akzo-icon::part(icon){color:var(--color-icon-on-primary-inverse)}.akzo-button__primary.color-inverse:hover:not(.disabled){border:none;background-color:var(--color-interactive-primary-hovered-inverse)}.akzo-button__primary.color-inverse:hover:not(.disabled)::before{padding:2px;z-index:1}.akzo-button__primary.color-inverse:focus-visible:not(.disabled):not(.no-outline)::before{padding:2px;z-index:1}.akzo-button__primary.color-inverse:focus-visible:not(.disabled):not(.no-outline)::after{display:block}.akzo-button__primary.color-inverse .akzo-button.no-outline{outline:none;border:var(--color-stroke-strong);box-shadow:none}.akzo-button__primary.color-inverse .akzo-button.no-outline::before,.akzo-button__primary.color-inverse .akzo-button.no-outline::after{display:none !important}.akzo-button__primary.color-inverse .akzo-button.no-outline:hover{background:none;border-color:var(--color-stroke-default)}.akzo-button__primary.color-inverse.disabled{background:var(--color-surface-disabled-inverse);border:1px solid var(--color-stroke-disabled-inverse);cursor:not-allowed}.akzo-button__primary.color-inverse.disabled .button-text{color:var(--color-text-disabled-inverse)}.akzo-button__primary.color-inverse.disabled akzo-icon::part(icon){color:var(--color-icon-disabled)}.akzo-button__primary.disabled{border-color:transparent}.akzo-button__secondary{background:transparent;border:1px solid var(--color-stroke-strong)}.akzo-button__secondary::before{content:"";position:absolute;inset:0;padding:0;background:linear-gradient(90deg, #cc1719 0%, #f5a100 20%, #fbee2d 40%, #d4da1c 60%, #93bc2a 80%, #05baee 100%);border-radius:var(--radius-button-border-radius);-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask-composite:exclude;z-index:-1}.akzo-button__secondary::after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid var(--color-stroke-strong);border-radius:8px;pointer-events:none;display:none}.akzo-button__secondary .button-text{color:var(--color-interactive-secondary-default)}.akzo-button__secondary akzo-icon::part(icon){color:var(--color-interactive-secondary-default)}.akzo-button__secondary:hover:not(.disabled){border:none;background-color:transparent}.akzo-button__secondary:hover:not(.disabled)::before{padding:2px;z-index:1}.akzo-button__secondary:focus-visible:not(.disabled):not(.no-outline)::before{padding:2px;z-index:1}.akzo-button__secondary:focus-visible:not(.disabled):not(.no-outline)::after{display:block}.akzo-button__secondary .akzo-button.no-outline{outline:none;border:var(--color-stroke-strong);box-shadow:none}.akzo-button__secondary .akzo-button.no-outline::before,.akzo-button__secondary .akzo-button.no-outline::after{display:none !important}.akzo-button__secondary .akzo-button.no-outline:hover{background:none;border-color:var(--color-stroke-default)}.akzo-button__secondary.disabled{background:var(--color-surface-disabled);border:1px solid var(--color-stroke-disabled);cursor:not-allowed}.akzo-button__secondary.disabled .button-text{color:var(--color-text-disabled)}.akzo-button__secondary.disabled akzo-icon::part(icon){color:var(--color-icon-disabled)}
1.akzo-button__secondary.color-inverse{border:1px solid var(--color-stroke-strong-inverse)}.akzo-button__secondary.color-inverse::before{content:"";position:absolute;inset:0;padding:0;background:linear-gradient(90deg, #cc1719 0%, #f5a100 20%, #fbee2d 40%, #d4da1c 60%, #93bc2a 80%, #05baee 100%);border-radius:var(--radius-button-border-radius);-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask-composite:exclude;z-index:-1}.akzo-button__secondary.color-inverse::after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid var(--color-stroke-strong);border-radius:8px;pointer-events:none;display:none}.akzo-button__secondary.color-inverse .button-text{color:var(--color-interactive-secondary-default-inverse)}.akzo-button__secondary.color-inverse akzo-icon::part(icon){color:var(--color-interactive-secondary-default-inverse)}.akzo-button__secondary.color-inverse:hover:not(.disabled){border:none;background-color:transparent}.akzo-button__secondary.color-inverse:hover:not(.disabled)::before{padding:2px;z-index:1}.akzo-button__secondary.color-inverse:focus-visible:not(.disabled):not(.no-outline)::before{padding:2px;z-index:1}.akzo-button__secondary.color-inverse:focus-visible:not(.disabled):not(.no-outline)::after{display:block}.akzo-button__secondary.color-inverse .akzo-button.no-outline{outline:none;border:var(--color-stroke-strong);box-shadow:none}.akzo-button__secondary.color-inverse .akzo-button.no-outline::before,.akzo-button__secondary.color-inverse .akzo-button.no-outline::after{display:none !important}.akzo-button__secondary.color-inverse .akzo-button.no-outline:hover{background:none;border-color:var(--color-stroke-default)}.akzo-button__secondary.color-inverse.disabled{background:var(--color-surface-disabled-inverse);border:1px solid var(--color-stroke-disabled-inverse);cursor:not-allowed}.akzo-button__secondary.color-inverse.disabled .button-text{color:var(--color-text-disabled-inverse)}.akzo-button__secondary.color-inverse.disabled akzo-icon::part(icon){color:var(--color-icon-disabled)}.akzo-button__secondary:hover:not(.disabled){background:var(--color-interactive-action-hovered)}.akzo-button__secondary:active:not(.disabled){background-color:var(--color-interactive-action-pressed)}.akzo-button__secondary.active{background-color:var(--color-surface-active)}.akzo-button__secondary.disabled{background-color:transparent}.akzo-button__tertiary{min-width:100px;height:var(--spacing-lg);padding:0;position:relative;background:transparent;border:none;color:var(--color-interactive-secondary-default)}.akzo-button__tertiary::after{content:"";position:absolute;top:-6px;left:4px;right:4px;bottom:-6px;border:2px solid var(--color-stroke-strong);border-radius:4px;pointer-events:none;display:none}.akzo-button__tertiary .button-text{position:relative;color:var(--color-interactive-secondary-default)}.akzo-button__tertiary .button-text::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--color-stroke-strong)}.akzo-button__tertiary akzo-icon::part(icon){color:var(--color-interactive-secondary-default)}.akzo-button__tertiary:hover:not(.disabled) .button-text::after{background:linear-gradient(90deg, #cc1719 0%, #f5a100 20%, #fbee2d 40%, #d4da1c 60%, #93bc2a 80%, #05baee 100%)}.akzo-button__tertiary:focus-visible:not(.disabled):not(.no-outline),.akzo-button__tertiary:active:not(.disabled):not(.no-outline){outline:none}.akzo-button__tertiary:focus-visible:not(.disabled):not(.no-outline)::after,.akzo-button__tertiary:active:not(.disabled):not(.no-outline)::after{display:block}.akzo-button__tertiary:focus-visible:not(.disabled):not(.no-outline) .button-text::after,.akzo-button__tertiary:active:not(.disabled):not(.no-outline) .button-text::after{background:var(--color-interactive-primary-pressed)}.akzo-button__tertiary.active{outline:none}.akzo-button__tertiary.active::after{display:none}.akzo-button__tertiary.active .button-text::after{background:var(--color-interactive-primary-hovered)}.akzo-button__tertiary.disabled{color:var(--color-text-disabled);cursor:not-allowed}.akzo-button__tertiary.disabled .button-text{color:var(--color-text-disabled)}.akzo-button__tertiary.disabled .button-text::after{background:var(--color-stroke-disabled)}.akzo-button__tertiary.disabled akzo-icon::part(icon){color:var(--color-icon-disabled)}.akzo-button__tertiary.color-inverse{position:relative;background:transparent;border:none;color:var(--color-interactive-secondary-default-inverse)}.akzo-button__tertiary.color-inverse::after{content:"";position:absolute;top:-6px;left:4px;right:4px;bottom:-6px;border:2px solid var(--color-stroke-strong-inverse);border-radius:4px;pointer-events:none;display:none}.akzo-button__tertiary.color-inverse .button-text{position:relative;color:var(--color-interactive-secondary-default-inverse)}.akzo-button__tertiary.color-inverse .button-text::after{content:"";position:absolute;
1left:0;bottom:-1px;width:100%;height:1px;background:var(--color-stroke-strong-inverse)}.akzo-button__tertiary.color-inverse akzo-icon::part(icon){color:var(--color-interactive-secondary-default-inverse)}.akzo-button__tertiary.color-inverse:hover:not(.disabled) .button-text::after{background:linear-gradient(90deg, #cc1719 0%, #f5a100 20%, #fbee2d 40%, #d4da1c 60%, #93bc2a 80%, #05baee 100%)}.akzo-button__tertiary.color-inverse:focus-visible:not(.disabled):not(.no-outline),.akzo-button__tertiary.color-inverse:active:not(.disabled):not(.no-outline){outline:none}.akzo-button__tertiary.color-inverse:focus-visible:not(.disabled):not(.no-outline)::after,.akzo-button__tertiary.color-inverse:active:not(.disabled):not(.no-outline)::after{display:block}.akzo-button__tertiary.color-inverse:focus-visible:not(.disabled):not(.no-outline) .button-text::after,.akzo-button__tertiary.color-inverse:active:not(.disabled):not(.no-outline) .button-text::after{background:var(--color-interactive-primary-pressed-inverse)}.akzo-button__tertiary.color-inverse.active{outline:none}.akzo-button__tertiary.color-inverse.active::after{display:none}.akzo-button__tertiary.color-inverse.active .button-text::after{background:var(--color-interactive-primary-hovered-inverse)}.akzo-button__tertiary.color-inverse.disabled{color:var(--color-text-disabled-inverse);cursor:not-allowed}.akzo-button__tertiary.color-inverse.disabled .button-text{color:var(--color-text-disabled-inverse)}.akzo-button__tertiary.color-inverse.disabled .button-text::after{background:var(--color-stroke-disabled-inverse)}.akzo-button__tertiary.color-inverse.disabled akzo-icon::part(icon){color:var(--color-icon-disabled)}.akzo-button__tertiary[aria-label=icon-button]{width:44px;height:44px;padding:var(--spacing-sm) 10px}.akzo-button__tertiary[aria-label=icon-button]:hover:not(.disabled){border-radius:var(--radius-s);background:var(--color-interactive-action-hovered)}.akzo-button__primary .button-text,.akzo-button__secondary .button-text,.akzo-button__tertiary .button-text{margin:0}.akzo-button__primary.active,.akzo-button__secondary.active,.akzo-button__tertiary.active{transform:rotate(0deg);transition:all var(--motion-duration-medium-01) ease 0ms}.akzo-button__primary.active akzo-icon::part(icon),.akzo-button__secondary.active akzo-icon::part(icon),.akzo-button__tertiary.active akzo-icon::part(icon){transform:rotate(180deg);transition:all var(--motion-duration-medium-01) ease 0ms}.akzo-dropdown-wrapper{position:relative;display:inline-block}.akzo-dropdown-wrapper .dropdown-menu{position:absolute;margin:0;margin-top:4px;left:0;top:100%;width:320px;max-height:288px;overflow-y:auto;background:var(--color-stroke-light);border:1px solid var(--color-stroke-subdued);border-radius:4px;scrollbar-gutter:stable}.akzo-dropdown-wrapper .dropdown-menu::-webkit-scrollbar{width:2px}.akzo-dropdown-wrapper .dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--color-stroke-default);border-radius:var(--radius-pill)}.akzo-dropdown-wrapper .dropdown-menu{z-index:1000}.akzo-dropdown-wrapper .dropdown-menu .dropdown-option{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:var(--spacing-xs);height:var(--spacing-2xl);padding:var(--spacing-xxs) var(--spacing-sm);color:var(--color-text-functional);cursor:pointer}.akzo-dropdown-wrapper .dropdown-menu .dropdown-option .option{color:var(--color-text-functional);margin:0}.akzo-dropdown-wrapper .dropdown-menu .dropdown-option:hover{background-color:var(--color-interactive-action-hovered)}.akzo-dropdown-wrapper .dropdown-menu .dropdown-option.selected{background-color:var(--color-surface-active)}@media (max-width: 600px){.akzo-dropdown-wrapper{display:block}}.loading-icon-container{display:flex;justify-content:center;align-items:center}akzo-icon.spin{animation:spin 5s linear infinite;will-change:transform}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.buttonClick=(0,i.c)(this,"buttonClick"),this.dropdownSelect=(0,i.c)(this,"dropdownSelect"),this.selectedOption=null,this.isOpen=!1,this.toggleDropdown=()=>{this.disabled||this.loading||(this.buttonClick.emit(),this.isOpen=!this.isOpen),this.isOpen&&(this.focusOutline=!1)},this.handleOutsideClick=t=>{this.el.contains(t.target)||(this.isOpen=!1)}}},[1,"akzo-dropdown-button",{label:[1],variant:[1025],size:[1025],loading:[1028],disabled:[1028],focusOutline:[1028,"focus-outline"],dropdownOptions:[1537,"dropdown-options"],selectedOption:[1537,"selected-option"],coreColor:[1025,"core-color"],theme:[1],isOpen:[32]}]),d=r,l=function(){"undefined"!=typeof customElements&&["akzo-dropdown-button","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-dropdown-button":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),r);break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,a.d)()}})}},97328:(t,e,o)=>{o.d(e,{N:()=>n,X:()=>a});var i=o(80618);let n=i.A,a=i.d},97883:(t,e,o)=>{o.r(e),o.d(e,{AkzoInputSelectDropdown:()=>n,defineCustomElement:()=>a});var i=o(21702);let n=i.A,a=i.d},98324:(t,e,o)=>{o.r(e),o.d(e,{AkzoArticleGridItem:()=>n,defineCustomElement:()=>a});var i=o(61405);let n=i.a,a=i.d},98689:(t,e,o)=>{o.r(e),o.d(e,{AkzoPagination:()=>n,defineCustomElement:()=>a});var i=o(50211);let n=i.A,a=i.d},99754:(t,e,o)=>{o.d(e,{Q:()=>d,X:()=>l});var i=o(41421),n=o(27857),a=o(65250);let r=(0,i.p)(class extends i.H{componentWillLoad(){this.parseLabels(),this.parseIcons()}parseLabels(){try{this.parsedLabels=Array.isArray(this.labels)?this.labels:JSON.parse(this.labels)}catch(t){this.parsedLabels=[]}}parseIcons(){try{let t=Array.isArray(this.icons)?this.icons:JSON.parse(this.icons);this.parsedIcons=Array.from({length:this.steps},(e,o)=>t[o]||"stop-circle")}catch(t){this.parsedIcons=Array(this.steps).fill("stop-circle")}}handleStepClick(t){this.disableOnClickSelect||t>
10&&t<=this.steps&&(this.currentStep=t,this.stepClicked.emit(t))}handleStepKeyDown(t,e){this.disableOnClickSelect||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleStepClick(e))}render(){let t=Array.from({length:this.steps},(t,e)=>e+1);return(0,i.h)("div",{key:"200607d4e3089ce50235237fe7ef5c380bed178b",class:"stepper-wrapper",part:"stepper-wrapper-part","aria-label":"Progress stepper"},t.map((t,e)=>(0,i.h)("div",{class:"step-container",part:"step-container",onClick:()=>this.handleStepClick(t),onKeyDown:e=>this.handleStepKeyDown(e,t)},(0,i.h)("div",{class:"step ".concat(this.getStepClass(t)," ").concat(this.variant)},this.renderStepContent(t,e)),e<this.steps-1&&(0,i.h)("div",{class:"connector-line "+this.getLineClass(e+2),part:"connector-line-part"}),(0,i.h)("div",{class:"label"},this.parsedLabels[e]||"".concat(this.stepLabelPrefix," ").concat(t)))))}renderStepContent(t,e){if("icon"===this.variant){let o=this.parsedIcons[e];return(0,i.h)("akzo-icon",{class:"step-icon "+(["active","completed"].includes(this.getStepClass(t))?"dark":"light"),name:o,size:"m"})}return(0,i.h)("span",null,t)}getStepClass(t){return t<this.currentStep?"completed":t===this.currentStep?"active":"upcoming"}getLineClass(t){return t<=this.currentStep?"completed-line":"upcoming-line"}static get watchers(){return{labels:[{parseLabels:0}],icons:[{parseIcons:0}]}}static get style(){return'@charset "UTF-8";html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:block;font-family:var(--font-base);margin-bottom:var(--spacing-lg);--stepper-active-color:black;--stepper-completed-color:#d3d3d361;}akzo-icon::part(icon-container){display:flex}.stepper-wrapper{display:flex;align-items:center;justify-content:flex-start;width:43.375rem;margin:var(--spacing-none);height:4.75rem;}.step-container{position:relative;display:flex;flex-direction:column;align-items:center;width:6.25rem;cursor:pointer}.step{width:var(--size-xl);height:var(--size-xl);border-radius:var(--radius-pill);background-color:var(--color-surface-progress-stepper);display:flex;padding:var(--spacing-xs);align-items:center;justify-content:center;gap:var(--spacing-xs);font-family:var(--font-base);font-size:16px;font-style:normal;font-weight:700;line-height:24px;color:black;text-align:center;z-index:1;position:relative}.step.active{background-color:var(--stepper-active-color);border-color:var(--color-stroke-accent-brand-primary);color:white;}.step.completed{background-color:var(--stepper-active-color);color:white}.step.upcoming{background-color:var(--color-surface-neutral-option1);color:black;border:1px solid var(--color-stroke-subdued);border-radius:100%}.step-container:has(.step.active) .label{color:black}.label{margin-top:var(--spacing-xxs);font-size:12px;line-height:16px;font-weight:400}.step.truck{font-size:0;position:relative}.step.truck .truck-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center}.step.truck .truck-icon::part(icon){border:none;position:relative;z-index:1;fill:black;}.step.truck.active .truck-icon::part(icon){fill:white;}.step.truck.completed .truck-icon::part(icon){fill:black;}.step.truck.upcoming .truck-icon::part(icon){fill:black;}.step.truck.active{background-color:var(--stepper-active-color);border-color:var(--color-stroke-accent-brand-primary)}.step.truck.completed{background-color:rgba(211, 211, 211, 0.3803921569);border-color:var(--color-stroke-accent-brand-primary)}.step.truck.upcoming{background-color:var(--color-surface-neutral-option1);border-color:var(--color-stroke-subdued)}.connector-line{position:absolute;top:calc(var(--size-xl) / 2);height:0.125rem;width:2.625rem;left:calc(var(--size-xl) + 2rem);border-radius:var(--radius-none);flex-shrink:0;background-color:var(--color-stroke-subdued);z-index:0}.completed-line{background-color:#0d0d0e;}.upcoming-line{background-color:var(--color-stroke-default)}'}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.stepClicked=(0,i.c)(this,"stepClicked"),this.steps=6,this.variant="number",this.icons=[],this.labels=[],this.currentStep=1,this.disableOnClickSelect=!1,this.stepLabelPrefix="Step",this.parsedLabels=[],this.parsedIcons=[]}},[1,"akzo-progress-stepper",{steps:[2],variant:[1],icons:[1],labels:[1],currentStep:[1026,"current-step"],disableOnClickSelect:[4,"disable-on-click-select"],stepLabelPrefix:[1,"step-label-prefix"]},void 0,{labels:[{parseLabels:0}],icons:[{parseIcons:0}]}]),d=r,l=function(){"undefined"!=typeof customElements&&["akzo-progress-stepper","akzo-icon","akzo-loader"].forEach(t=>{switch(t){case"akzo-progress-stepper":customElements.get((0,i.t)(t))||customElements.define((0,i.t)(t),r);break;case"akzo-icon":customElements.get((0,i.t)(t))||(0,n.d)();break;case"akzo-loader":customElements.get((0,i.t)(t))||(0,a.d)()}})}}}]);
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.