https://www.benjaminmoore.com/_next/static/chunks/8395-8d064ecc3722597d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8395],{44739:function(e,t,o){"use strict";var n=o(47);t.Z=()=>(0,n.ac)({query:"(hover: hover)"})},16944:function(e,t,o){"use strict";var n=o(67294),r=o(52105),i=o(99192),l=o(85893);t.Z=({$color:e,added:t,ariaLabel:o,addRemoveData:a,iconOnly:c,onClick:s})=>{let{0:d,1:p}=(0,n.useState)("shoppingListAddToList"),{globalSettings:{globalDictionaries:{shoppingList:u}}}=(0,i.bN)();(0,n.useEffect)(()=>{t?p("shoppingListDeleteFromList"):p("shoppingListAddToList")},[t]);let m=(0,n.useCallback)(e=>{s(a),e.stopPropagation(),e.preventDefault()},[a,s]);return(0,l.jsx)(r.Dr,{$color:e,"aria-label":o,icon:{icon:d},iconOnly:c,onClick:m,typography:"micro",disableSegmentClick:!0,"data-testid":"AddToShoppingListIcon",children:t?u.remove:u.title})}},52355:function(e,t,o){"use strict";o.d(t,{Z:function(){return Z}});var n=o(8307),r=o(4730),i=o(67294),l=o(2529),a=o(57660),c=o(87379),s=o(29913),d=o(38087);let p=`${d.ZP.md.replace("min-width","max-width")} and (orientation: portrait)`,u=(e,t,o)=>`background-color: ${t};
2   color: ${o};
3   border: ${"secondary"===e||"outline"===e?`1px solid ${o}`:"none"};
4   svg {
5    fill: ${o};
6  }`,m=c.ZP.a.withConfig({displayName:"Anchorstyles__StyledAnchor",componentId:"sc-ham3sd-0"})([""," appearance:none;background-color:",";border-radius:6px;border:0;color:",";cursor:pointer;flex-direction:row;font-family:inherit;font-style:normal;font-weight:bold;padding:0;text-decoration:none;display:inline-block;text-align:center;"," &,&:focus{outline:none;}&:not(:disabled):hover > span,&:not(:disabled):focus > span{transform:scale( "," );}&:not(:disabled):active{","}"," "," "," "," ",""],s.in,({backgroundColor:e})=>e,({$color:e})=>e,({iconRight:e,$variant:t})=>e?`svg {
7            order: 1;
8            margin-left: ${"icon-text"===t?"8px":"0"};
9          }`:`svg {
10            margin-right: ${"icon-text"===t?"8px":"0"};
11            min-width: 24px;
12          }`,({scaleOnHover:e,$variant:t})=>e?"icon-only"===t?1.2:1.03:null,({scaleOnHover:e})=>e?`
13    transform: scale(0.98);
14    transition: transform 120ms cubic-bezier(0.23, 1, 0.32, 1);
15   `:null,({scaleOnHover:e})=>e?"":null,({$variant:e})=>"icon-only"===e?"min-width: 54px;":"text-only"===e?`
16          min-width: 110px;
17          ${d.ZP.lg} {
18            min-width: 122px;
19          }
20        `:"",({$growOnSmall:e})=>e&&`
21        ${p} {
22          flex: 1;
23          width: 100%;
24        }
25      `,({disabled:e})=>e&&`
26        cursor: default;
27        pointer-events: all;
28        span {
29          opacity: 0.6;
30        }
31      `,({$anchorVariant:e,theme:t,$color:o})=>"secondary"===e?u("secondary",t.colors.white,t.colors.dark_grey_1):"error"===e?u("error",t.colors.red,t.colors.off_white):"outline"===e?u("outline","transparent",o):""),f=c.ZP.span.withConfig({displayName:"Anchorstyles__StyledSpan",componentId:"sc-ham3sd-1"})(["align-items:center;display:inline-flex;justify-content:center;transition:transform 120ms;&:focus{outline:none;}"," ",""],({$variant:e})=>"icon-only"===e?"padding: 15px;":"icon-text"===e?"padding: 15px 32px 15px 30px;":"padding: 15px 32px;",({$growOnSmall:e,$variant:t})=>e&&`
32        ${p} {
33          ${"icon-only"===t?"":"icon-text"===t?"padding: 14.75px 17px 15.25px 15px;":"padding: 15px 32px;"}
34        }
35      `);var h=o(99072),g=o(45968),y=o(81414),x=o(23928),b=o(85893);let w=["backgroundColor","isButtonContrastColor","children","disabled","icon","iconOnly","onClick","iconRight","scaleOnHover","iconSize","$anchorVariant"];function k(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,n)}return o}function v(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?k(Object(o),!0).forEach(function(t){(0,n.Z)(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):k(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}var Z=(0,i.forwardRef)((e,t)=>{let{backgroundColor:o=x.default.colors.dark_grey_1,isButtonContrastColor:n=!0,children:c,disabled:s,icon:d,iconOnly:p,onClick:u,iconRight:k=!1,scaleOnHover:Z=!0,iconSize:j=24,$anchorVariant:O="primary"}=e,_=(0,r.Z)(e,w),P=(0,i.useMemo)(()=>d&&p?"icon-only":d?"icon-text":"text-only",[d,p]),C=(0,a.ZP)(o?.length===7&&o?.includes("#")?o:x.default.colors.dark_grey_1,n),$=i.useCallback(()=>{try{(0,y.j)(g.Z.clickEvent.eventId,{[g.Z.keys.clickedText]:c||d||null,[g.Z.keys.clickedName]:_?.className,[g.Z.keys.destinationUrl]:_?.href,[g.Z.keys.sourceUrl]:window.location.pathname,[g.Z.keys.source]:window.location.host})}catch(e){(0,l.V)(e)}u&&u()},[u,_?.className,_?.href,c,d]);return(0,b.jsx)(m,v(v({$color:x.default.colors[C],backgroundColor:o,$variant:P,$anchorVariant:O,disabled:s,iconRight:k,scaleOnHover:Z,onClick:$},_),{},{ref:t,children:(0,b.jsxs)(f,{$growOnSmall:_.$growOnSmall,$variant:P,children:[d?(0,b.jsx)(h.Z,{fill:x.default.colors[C],icon:d,size:j}):null,p?null:c]})}))})},35772:function(e,t,o){"use strict";var n=o(67294),r=o(85893);let i=(0,n.forwardRef)(({href:e,children:t,onClick:o,onFocus:i,onBlur:l},a)=>{let c=n.useCallback(t=>{o&&o(t),window.location.href=e},[e]),s=(0,r.jsx)(r.Fragment,{children:t});return e?n.Children.map(t,e=>n.cloneElement(e,{onClick:c,onFocus:i,onBlur:l,ref:a,className:`${t?.props?.className} cdp-redirect`})):s});t.Z=i},90510:function(e,t,o){"use strict";o.d(t,{$B:function(){return s},W2:function(){return l},W4:function(){return c},gO:function(){return d},im:function(){return a}});var n=o(87379),r=o(59112),i=o(38087);let l=n.ZP.main.withConfig({displayName:"ErrorComponentstyles__Container",componentId:"sc-1o13z6r-0"})(["width:100%;height:100vh;display:flex;flex-direction:column;background-color:",";overflow:auto;"],({$backgroundColor:e,theme:t})=>e||t.colors.white),a=n.ZP.div.withConfig({displayName:"ErrorComponentstyles__Wrapper",componentId:"sc-1o13z6r-1"})(["display:flex;flex-direction:column;justify-content:center;flex:1;","{max-width:80%;margin-top:15px;margin-bottom:37px;}","{padding:0 53px;}","{padding:0 110px;}","{padding:0 144px;","{max-width:50%;margin-top:24px;margin-bottom:60px;}}"],r.mI,i.ZP.sm,i.ZP.md,i.ZP.xl,r.mI),c=n.ZP.div.withConfig({displayName:"ErrorComponentstyles__ButtonWrapper",componentId:"sc-1o13z6r-2"})(["display:flex;flex-direction:column;max-width:230px;> a{font-size:18px;&:focus{outline:2px solid ",";}}"],({theme:e})=>e.colors.focus_color),s=n.ZP.section.withConfig({displayName:"ErrorComponentstyles__BottomSection",componentId:"sc-1o13z6r-3"})(["display:flex;overflow:auto;button:focus,a:focus{outline:2px solid ",";}","{margin:0 72px;}","{margin:0 238px 0 240px;}::-webkit-scrollbar{display:none;}-ms-overflow-style:none;scrollbar-width:none;"],({theme:e})=>

35e.colors.focus_color,i.ZP.md,i.ZP.xl),d=n.ZP.div.withConfig({displayName:"ErrorComponentstyles__Block",componentId:"sc-1o13z6r-4"})(["min-height:204px;min-width:184px;display:flex;cursor:pointer;justify-content:space-between;align-items:flex-start;flex:1;background-color:",";padding:26px 26px 0 25px;box-sizing:border-box;a{div{flex-direction:column;align-items:flex-start;}}button{","}","{min-height:202px;min-width:240px;}","{min-height:104px;min-width:259px;}","{&:hover,&:focus{button{opacity:1;}}}","{min-height:128px;min-width:288px;}"],({$background:e})=>e,({hoverEnabled:e})=>e&&`
36      ${i.ZP.lg} {
37        opacity: 0;
38        transition: transform 120ms linear, opacity 120ms linear;
39        &:focus {
40          opacity: 1;
41        }
42      }
43    `,i.ZP.sm,i.ZP.md,i.ZP.lg,i.ZP.xl)},97885:function(e,t,o){"use strict";o.d(t,{DM:function(){return R},PW:function(){return z},ZP:function(){return M}});var n=o(11163),r=o(67294),i=o(52820),l=o(47),a=o(13736),c=o(57660),s=o(44739),d=o(43217),p=o(52355),u=o(8307),m=o(87379),f=o(78715),h=o(2529),g=o(16944),y=o(35772),x=o(90510),b=

43o(52105),w=o(59112),k=o(99487),v=o(62909),Z=o(88486),j=o(45968),O=o(81414),_=o(85893);function P(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,n)}return o}function C(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?P(Object(o),!0).forEach(function(t){(0,u.Z)(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):P(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}let $=(0,f.G)();var N=({colorId:e,r:t,g:o,b:n,hoverEnabled:i,detailHref:l,colorName:a})=>{let{toggleColor:s,hasColor:d}=(0,v.VP)(),p=(0,c.n2)(t,o,n),{title:u,add_accessible:m,remove_accessible:f}=(0,Z.jU)(),{0:P,1:N}=(0,r.useMemo)(()=>[$(m),$(f)],[m,f]),E=d(e),I=e=>{try{let t={[j.Z.keys.colorNumber]:e,[j.Z.keys.colorAttributeName]:null,[j.Z.keys.colorAttributeType]:null,[j.Z.keys.colorAttributeCode]:null};(0,O.j)(j.Z.shopColorClicked.eventId,C({[j.Z.keys.colorName]:a},t))}catch(e){(0,h.V)(e)}},T=({colorCode:e,colorName:t})=>{try{let o={[j.Z.keys.colorAttributeName]:null,[j.Z.keys.colorAttributeType]:null,[j.Z.keys.colorAttributeCode]:null};(0,O.j)(j.Z.addToShoppingList.eventId,C({[j.Z.keys.colorName]:t,[j.Z.keys.colorNumber]:e},o))}catch(e){}},D=`rgb(${t},${o},${n})`,{showAddToCartWizard:L}=(0,k.q6)(),A=(0,r.useCallback)(t=>{t.preventDefault(),t.stopPropagation(),e&&(L(e),I(e))},[e,L]);return(0,_.jsx)(y.Z,{colorId:e,colorName:a,href:l,children:(0,_.jsxs)(x.gO,{$background:D,hoverEnabled:i,className:"errorColorInfo",children:[(0,_.jsxs)(b.E,{href:l,children:[(0,_.jsx)(w.W_,{$color:p,dangerouslySetInnerHTML:{__html:a}}),(0,_.jsx)(w.Y6,{$color:p,dangerouslySetInnerHTML:{__html:e}})]}),(0,_.jsxs)(S,{children:[(0,_.jsx)(b.Dr,{$color:p,"aria-label":"cart",icon:{icon:"cart",size:24},iconOnly:!0,typography:"navigation",onClick:A}),(0,_.jsx)(g.Z,C({$color:p,ariaLabel:E?N({color:a}):P({color:a}),addRemoveData:{colorId:e,colorName:a,r:t,g:o,b:n},iconOnly:!0,label:u},{added:E,onClick:({colorName:e,colorId:t,r:o,g:n,b:r})=>{s({b:r,g:n,name:e,number:t,r:o}),T({colorCode:t,colorName:e})}}))]})]},e)})},S=(0,m.ZP)("div").withConfig({displayName:"ColorBlock___StyledDiv",componentId:"sc-15h5ewb-0"})(["display:flex;button:first-child{margin-right:8px;}"]),E=o(5510),I=o(49114),T=o(99192),D=o(77139),L=o(38087),A=o(23928);let R=["#cea7ab","#E6754C","#fdefe2","#d6cecd","#e0c4b8"],W="recentColors",z={statusCode:404,errorMessage:"Oops! We can't seem to find the page you're looking for.",buttonLabel:"Go to homepage",buttonText:"Return Home",errorPageTitle:"404 Error | Benjamin Moore"};var M=e=>{let{backgroundColor:t}=e,[o]=(0,i.Z)([W]),u=(0,n.useRouter)(),m=o[W]||[],{0:f,1:h}=(0,r.useState)(m),g=(0,l.ac)({query:L.r3.lg}),y=(0,d.Z)(),b=(0,s.Z)(),k=(0,c.ZP)(t),{globalSettings:v}=(0,T.bN)()||{},{color_detail_url:Z=""}=v?.globalDictionaries?.urlSettings||{},{error_code_404:j,error_message_404:O,most_popular_color_404:P="",button_link_404:C}=v?.globalSettings||{},$=C?.url||"/",S=(0,r.useMemo)(()=>f.length>5?f.slice(0,5):f,[f]);return(0,r.useEffect)(()=>{S.length>0||""===P||(async()=>{let[e,t]=await (0,D.Z)({params:{codes:P,limit:P.split(",").length,locale:u.locale,offset:0,version:"v1.0",color_response_type:"simple"},service:"colors/colors",domain:"https://api.benjaminmoore.io",apikey:"48c3c3e75b424f97904f9659da65b4d0"});t||h(e?.colors)})()},[o]),(0,_.jsxs)(r.Fragment,{children:[(0,_.jsx)(x.im,{children:(0,_.jsx)(I.Z,{children:(0,_.jsxs)(E.Z,{xs:6,xl:12,children:[(0,_.jsx)(w.H1,{$fontWeight:"medium",$color:k,children:j||z.statusCode}),(0,_.jsx)(w.mI,{$fontWeight:"medium",$color:k,dangerouslySetInnerHTML:{__html:O||z.errorMessage}}),(0,_.jsx)(x.W4,{children:(0,_.jsx)(p.Z,{backgroundColor:A.default.colors[k],"aria-label":C?.alt_text||z.buttonLabel,href:`${$}${u.locale}`,target:C?.target||"_self",className:C?.custom_class,children:C?.text||z.buttonText})})]})})}),y&&(0,_.jsx)(x.$B,{children:S.map(e=>{let t=e?.color_name?.[u.locale]||e?.name,o=e?.color_number||e?.number;return t?(0,_.jsx)(N,{colorName:t,colorId:o,r:e.r,g:e.g,b:e.b,hoverEnabled:!!y&&g&&b,detailHref:(0,a.DX)(t,o,u.locale,Z)},o):null})})]})}},86959:function(e,t,o){"use strict";o.d(t,{b:function(){return n}});let n=e=>{if(e<=0)return 0;let t=new Uint32Array(1);return crypto.getRandomValues(t),t[0]%e}},38087:function(e,t,o){"use strict";o.d(t,{r3:function(){return r}});var n=o(23928);n.default.breakpoints[2],n.default.breakpoints[2],n.default.breakpoints[3],n.default.breakpoints[3];let r={xs:`(min-width: ${n.default.breakpoints[0]}px)`,sm:`(min-width: ${n.default.breakpoints[2]}px)`,md:`(min-width: ${n.default.breakpoints[3]}px)`,lg:`(min-width: ${n.default.breakpoints[3]+1}px)`,xl:`(min-width: ${n.default.breakpoints[4]+1}px)`},i={xs:`@media screen and ${r.xs}`,sm:`@media screen and ${r.sm}`,md:`@media screen and ${r.md}`,lg:`@media screen and ${r.lg}`,xl:`@media screen and ${r.xl}`};t.ZP=i},92703:function(e,t,o){"use strict";var n=o(50414);function r(){}function i(){}i.resetWarningCache=r,e.exports=function(){function e(e,t,o,r,i,l){if(l!==n){var a=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw a.name="Invariant Violation",a}}function t(){return e}e.isRequired=e;var o={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol

43:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:r};return o.PropTypes=o,o}},45697:function(e,t,o){e.exports=o(92703)()},50414:function(e){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}}]);