https://propcart.com/_next/static/chunks/pages/colors-d366581e8d2058f3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2196],{7946:(e,i,t)=>{"use strict";t.d(i,{AW:()=>Z,Bi:()=>s,Bs:()=>C,Cc:()=>x,Fq:()=>p,Gp:()=>l,H1:()=>n,H2:()=>d,IS:()=>_,Kz:()=>j,L$:()=>T,LS:()=>E,P2:()=>r,Po:()=>h,QQ:()=>H,VZ:()=>b,Yr:()=>f,aY:()=>m,ct:()=>y,dk:()=>v,fH:()=>I,fg:()=>k,gZ:()=>g,j5:()=>S,lZ:()=>B,pS:()=>N,qC:()=>u,r4:()=>F,sR:()=>c,u0:()=>z,wn:()=>w,y8:()=>O,yZ:()=>A});var a=t(13875);let n=a.Ay.h1.withConfig({componentId:"sc-83681040-0"})(["margin:0;font-size:2em;@media (max-width:480px){font-size:1.4em;margin-bottom:15px;}"]),d=a.Ay.h2.withConfig({componentId:"sc-83681040-1"})(["text-align:center;font-size:1.125em;max-width:580px;margin:10px auto;@media (max-width:480px){padding:0 25px;}"]),o=(0,a.AH)(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]),p=a.Ay.div.withConfig({componentId:"sc-83681040-2"})(["display:flex;align-items:center;overflow:hidden;"]),r=a.Ay.p.withConfig({componentId:"sc-83681040-3"})(["text-align:center;line-height:30px;@media (max-width:480px){padding:0 25px;}"]),c=a.Ay.p.withConfig({componentId:"sc-83681040-4"})(["",";color:var(--neutral90);margin:0;"],o),l=a.Ay.p.withConfig({componentId:"sc-83681040-5"})(["",";color:var(--neutral60);margin:0;"],o),s=(0,a.Ay)(l).withConfig({componentId:"sc-83681040-6"})(["padding-left:5px;margin-left:auto;flex:none;"]),m=a.Ay.section.withConfig({componentId:"sc-83681040-7"})(["display:flex;justify-content:space-between;margin:0 auto;max-width:1725px;padding:25px 0 0 0;width:100%;@media screen and (max-width:1800px){max-width:calc(100% - 100px);}@media screen and (max-width:1074px){max-width:calc(100% - 50px);}@media screen and (max-width:768px){max-width:100vw;padding:20px 20px 10px 20px;}@media (max-width:480px){flex-direction:column;}"]),x=a.Ay.section.withConfig({componentId:"sc-83681040-8"})(["display:flex;justify-content:space-between;margin:0 auto;padding:25px 0;max-width:1725px;width:100%;@media screen and (max-width:1800px){max-width:calc(100% - 100px);}@media screen and (max-width:1074px){max-width:calc(100% - 50px);}@media screen and (max-width:768px){max-width:100vw;padding:20px 20px 10px 20px;}@media (max-width:480px){flex-direction:column;}"]),h=a.Ay.section.withConfig({componentId:"sc-83681040-9"})(["display:flex;flex-wrap:wrap;position:relative;justify-content:flex-start;background-color:var(--neutral0);margin:0 auto;max-width:1725px;width:100%;@media screen and (max-width:1800px){max-width:calc(100% - 100px);}@media screen and (max-width:1074px){max-width:calc(100% - 50px);}@media screen and (max-width:768px){max-width:100vw;padding:0 15px;}"]),g=a.Ay.main.withConfig({componentId:"sc-83681040-10"})(["max-width:100vw;min-height:calc(100vh - var(--headroomOffset));@media (max-width:768px){min-height:80vh;}"]),w=a.Ay.section.withConfig({componentId:"sc-83681040-11"})(["margin:0 auto;max-width:1725px;padding:40px 0;width:100%;@media screen and (max-width:1800px){max-width:calc(100% - 100px);}@media screen and (max-width:1074px){max-width:calc(100% - 50px);}@media screen and (max-width:768px){max-width:100vw;padding:25px 0;min-height:400px;}"]),y=a.Ay.section.withConfig({componentId:"sc-83681040-12"})(["margin:0 auto;max-width:1725px;padding:50px 0;width:100%;@media screen and (max-width:1800px){max-width:calc(100% - 100px);}@media screen and (max-width:1074px){max-width:calc(100% - 50px);}@media screen and (max-width:768px){max-width:100vw;padding:50px 0;min-height:400px;}"]),u=a.Ay.section.withConfig({componentId:"sc-83681040-13"})(["padding:100px 0;@media (max-width:768px){margin:40px 0;}@media (max-width:480px){margin:20px 0;}"]),f=a.Ay.div.withConfig({componentId:"sc-83681040-14"})(["grid-area:",";"],e=>e.$area),v=a.Ay.div.withConfig({componentId:"sc-83681040-15"})(["@media (max-width:768px){display:none;}"]),b=a.Ay.div.withConfig({componentId:"sc-83681040-16"})(["display:none;@media (max-width:768px){display:inherit;}"]),_=a.Ay.span.withConfig({componentId:"sc-83681040-17"})(["white-space:nowrap;"]),C=a.Ay.div.withConfig({componentId:"sc-83681040-18"})(["-webkit-overflow-scrolling:touch;background-color:var(--overlay);bottom:0;cursor:zoom-out;display:flex;height:100vh;left:0;margin:0;overflow-y:auto;padding:0;position:fixed;right:0;top:0;transition:opacity 290ms ease-out;width:100vw;will-change:opacity;z-index:4;@media (max-height:665px){display:block;}

1"]),A=a.Ay.div.withConfig({componentId:"sc-83681040-19"})(["cursor:auto;margin:auto;max-width:calc(100vw - 85px);padding:0;position:relative;width:max-content;z-index:12;@media (max-height:665px){margin:20px auto;}@media (max-width:480px){max-width:unset;width:100vw;margin:0;}"]),I=a.Ay.div.withConfig({componentId:"sc-83681040-20"})(["background-color:var(--primary);border-radius:var(--ctaBorderRadius);color:white;font-size:0.9rem;padding:3px 12px;position:absolute;white-space:nowrap;z-index:2;@media (max-width:768px){font-size:0.8rem;}"]),j=a.Ay.div.withConfig({componentId:"sc-83681040-21"})(["background-color:var(--neutral5);border-top:1px solid var(--border);display:flex;flex-direction:column;min-height:inherit;padding:20px;@media (max-width:768px){padding:20px 0 0 0;}@media (max-width:480px){background:unset;border-top:unset;}"]),k=a.Ay.div.withConfig({componentId:"sc-83681040-22"})(["border-radius:8px;box-shadow:var(--boxShadow);margin:auto;@media (max-width:768px){border-radius:0;}@media (max-width:480px){border:unset;margin-top:0;}"]),S=a.Ay.div.withConfig({componentId:"sc-83681040-23"})(["align-items:center;color:var(--neutral80);display:flex;justify-content:center;margin:auto;padding:50px;text-align:center;"]),T=a.Ay.p.withConfig({componentId:"sc-83681040-24"})(["padding-top:5px;max-width:300px;margin:auto;"]),z=a.Ay.div.withConfig({componentId:"sc-83681040-25"})(["display:none;@media (max-width:768px){display:flex;justify-content:space-between;overflow-x:scroll;overflow-y:hidden;padding:0 25px;scrollbar-width:none;::-webkit-scrollbar{display:none;width:0px;background:transparent;}:-webkit-scrollbar{display:none;width:0px;background:transparent;}-webkit-overflow-scrolling:touch;-ms-overflow-style:none;}@media (max-width:480px){padding:0 5px;}"]),N=a.Ay.div.withConfig({componentId:"sc-83681040-26"})(["display:flex;flex-wrap:wrap;@media (max-width:768px){justify-content:center;}"]),B=a.Ay.div.withConfig({componentId:"sc-83681040-27"})(["background-color:var(--primary);color:var(--btn-primary-color);padding:10px;text-align:center;"]),F=a.Ay.div.withConfig({componentId:"sc-83681040-28"})(["animation:var(--fadeIn) 1s;"]),Z=a.Ay.div.withConfig({componentId:"sc-83681040-29"})(["display:none;@media (max-width:768px){width:100%;display:block;}"]),E=a.Ay.div.withConfig({componentId:"sc-83681040-30"})(["display:flex;align-items:center;"]),H=a.Ay.div.withConfig({componentId:"sc-83681040-31"})(["position:relative;"]),O=a.Ay.button.withConfig({componentId:"sc-83681040-32"})(["background-color:transparent;border:none;color:var(--primary);font-weight:600;margin:0;padding:0;white-space:normal;"])},11524:(e,i,t)=>{"use strict";t.r(i),t.d(i,{default:()=>l});var a=t(6029),n=t(7946),d=t(52191),o=t.n(d);let p={lavender:[170,127,212],violet:[127,42,212],purple:[127,42,127],lilac:[212,127,212],magenta:[212,42,212],maroon:[127,7,7],red:[212,42,42],hotPink:[212,42,127],pink:[212,127,127],brown:[170,85,42],orange:[212,127,42],amber:[212,170,42],tan:[212,180,139],yellow:[212,212,21],cream:[212,212,127],olive:[127,127,42],chartreuse:[127,212,42],lime:[42,212,42],lightGreen:[170,212,170],green:[42,127,42],mint:[42,212,127],cyan:[42,212,212],lightCyan:[127,212,212],teal:[42,127,127],lightBlue:[42,127,212],blue:[42,42,212],navy:[42,42,127]},r={violet:[127,42,212],purple:[127,42,127],magenta:[212,42,212],red:[212,42,42],brown:[170,85,42],orange:[212,127,42],yellow:[212,212,21],chartreuse:[127,212,42],green:[42,127,42],cyan:[42,212,212],blue:[42,42,212],monochrome:[127,127,127]},c=e=>e.replace(/[rgb()]*/g,"").split(",").reduce((e,i)=>e+Number(i),0)>300?"#000":"#FFF",l=()=>(0,a.jsxs)(n.gZ,{children:[(0,a.jsx)("h1",{className:o().h1,children:"Colors"}),(0,a.jsxs)(n.wn,{children:[(0,a.jsx)("p",{className:o().p,children:"The 27 mathematically distinct colors in the RGB cube space"}),(0,a.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(9, auto)"},children:(()=>{let e=[42,127,212],i=[42,127,212],t=[42,127,212],a=[];for(let n=0;n<3;n++)for(let d=0;d<3;d++)for(let o=0;o<3;o++)a.push("rgb(".concat(e[n],",").concat(i[d],",").concat(t[o],")"));return a})().map((e,i)=>(0,a.jsx)("div",{style:{textAlign:"center",padding:"42px 0",backgroundColor:e,color:c(e)},children:e.replace(/[rgb()]*/g,"")}

1,i))})]}),(0,a.jsxs)(n.wn,{children:[(0,a.jsx)("p",{className:o().p,children:"The 27 visually distinct colors that we extract"}),(0,a.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(9, auto)"},children:Object.entries(p).map(e=>{let[i,t]=e;return[i,"rgb(".concat(t[0],",").concat(t[1],",").concat(t[2],")")]}).map((e,i)=>{let[t,n]=e;return(0,a.jsxs)("div",{style:{textAlign:"center",padding:"42px 0",backgroundColor:n,color:c(n)},children:[n.replace(/[rgb()]*/g,""),(0,a.jsx)("br",{}),t]},i)})})]}),(0,a.jsxs)(n.wn,{children:[(0,a.jsx)("p",{className:o().p,children:"The 12 user-friendly colors that we'll display in the filter bar"}),(0,a.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(9, auto)"},children:Object.entries(r).map(e=>{let[i,t]=e;return[i,"rgb(".concat(t[0],",").concat(t[1],",").concat(t[2],")")]}).map((e,i)=>{let[t,n]=e;return(0,a.jsxs)("div",{style:{textAlign:"center",padding:"42px 0",backgroundColor:n,color:c(n)},children:[n.replace(/[rgb()]*/g,""),(0,a.jsx)("br",{}),t]},i)})})]})]})},52191:e=>{e.exports={section:"pageStyles_section__TKetu",h1:"pageStyles_h1__iKvXC",h2:"pageStyles_h2__7Oy_F",h2b:"pageStyles_h2b__Q1HB1",h3:"pageStyles_h3__E9mTI",h4:"pageStyles_h4__V_D21",subtitle:"pageStyles_subtitle__B4hpl",p:"pageStyles_p__n8IZ2",p3:"pageStyles_p3__yIWob",p2:"pageStyles_p2__ye4i7",ol:"pageStyles_ol__f5XMC",ul:"pageStyles_ul__H0fM0",centerDivider:"pageStyles_centerDivider__ZpAFT",img:"pageStyles_img__8ocua",blockquote:"pageStyles_blockquote___lF_v"}},93537:(e,i,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/colors",function(){return t(11524)}])}},e=>{e.O(0,[636,6593,8792],()=>e(e.s=93537)),_N_E=e.O()}]);