https://nb1.com/_next/static/chunks/1456.86a156ac7945f39d.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1456],{11456:(e,i,a)=>{a.r(i),a.d(i,{RdLi:()=>m,RdLiComponent:()=>h,default:()=>y});var n=a(95155),r=a(12115);let l=e=>{var i;return e&&"object"==typeof e&&"url"in e&&null!=(i=e.url)?i:void 0},t=e=>{var i;return e&&"object"==typeof e&&"alt"in e&&null!=(i=e.alt)?i:""},o=(e,i)=>{let a=(e||"").trim();return a?/^(?:[a-z][a-z0-9+.-]*:|\/\/|\/|#)/i.test(a)?a:"/".concat(i||"en","/").concat(a):"#"},d=(e,i)=>(e||[]).filter(e=>!i||e.family===i).length,p={strains:"lime",fibres:"orange",vitamins:"blue-grey",actives:"soft-pink"},s=e=>{var i;let{body:a,closeLabel:r,isOpen:t,item:o,onClose:d}=e;return t?(0,n.jsxs)("div",{style:{position:"fixed",inset:"0px",zIndex:"90",display:"grid",placeItems:"center",padding:"20px"},className:"rd-li-modal",role:"dialog","aria-modal":"true","aria-label":null!=(i=null==o?void 0:o.name)?i:void 0,children:[(0,n.jsx)("div",{style:{position:"absolute",inset:"0px",background:"rgba(40, 34, 33, 0.45)"},onClick:d}),(0,n.jsxs)("div",{style:{position:"relative",width:"100%",maxWidth:"440px",background:"rgb(255, 255, 255)",borderRadius:"20px",overflow:"hidden",boxShadow:"rgba(40, 34, 33, 0.6) 0px 40px 80px -30px"},children:[(0,n.jsx)("button",{style:{position:"absolute",top:"12px",right:"12px",zIndex:"2",width:"40px",height:"40px",borderRadius:"50%",border:"0px",background:"rgba(255, 255, 255, 0.92)",cursor:"pointer",fontSize:"22px",lineHeight:"1",color:"var(--nb1-dark-brown)"},"aria-label":"Close",onClick:d,children:r||"\xd7"}),(0,n.jsx)("div",{style:{aspectRatio:"16 / 10",width:"100%",background:"color-mix(in oklab, var(--nb1-blue-grey) 18%, #fff)"},children:(0,n.jsx)("img",{style:{width:"100%",height:"100%",objectFit:"cover",display:"block"},src:l(null==o?void 0:o.image),alt:""})}),(0,n.jsxs)("div",{style:{padding:"22px 24px 26px"},children:[(0,n.jsx)("div",{style:{fontFamily:"var(--nb1-font-secondary)",fontSize:"14px",color:"rgba(81, 71, 69, 0.8)"},children:null==o?void 0:o.label}),(0,n.jsx)("h3",{style:{fontFamily:"var(--nb1-font-primary)",fontWeight:"400",fontSize:"28px",lineHeight:"1.1",marginTop:"6px"},children:null==o?void 0:o.name}),(0,n.jsx)("p",{style:{fontFamily:"var(--nb1-font-secondary)",fontSize:"16px",lineHeight:"1.6",marginTop:"14px"},children:a})]})]})]}):null},x=e=>{let{browse:i,fam:a,locale:r,onPick:p}=e;return(0,n.jsx)("section",{style:{background:"var(--nb1-cool-grey)"},className:"rd-li-fam",id:"families","data-screen-label":"Families",children:(0,n.jsxs)("div",{style:{maxWidth:"1240px",margin:"0px auto",padding:"64px 20px"},"data-d":"pad bigpad",children:[(0,n.jsx)("h2",{style:{fontFamily:"var(--nb1-font-primary)",fontWeight:"400",fontSize:"clamp(30px, 5cqi, 50px)",lineHeight:"1",letterSpacing:"-0.025em",maxWidth:"22ch",textWrap:"balance"},children:null==a?void 0:a.heading}),(0,n.jsx)("p",{style:{fontFamily:"var(--nb1-font-secondary)",fontSize:"17px",lineHeight:"1.6",color:"rgba(81, 71, 69, 0.86)",marginTop:"18px",maxWidth:"58ch",textWrap:"pretty"},children:null==a?void 0:a.intro}),(0,n.jsx)("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"12px",marginTop:"36px"},"data-m":"il4",children:((null==a?void 0:a.groups)||[]).map((e,a)=>(0,n.jsxs)("button",{style:{display:"flex",flexDirection:"column",padding:"0px",border:"0px",borderRadius:"16px",overflow:"hidden",background:"rgb(255, 255, 255)",boxShadow:"inset 0 0 0 1px var(--nb1-hairline)",cursor:"pointer",textAlign:"left",color:"var(--nb1-dark-brown)"},onClick:()=>null==p?void 0:p(e.family||""),children:[(0,n.jsx)("div",{style:{position:"relative",aspectRatio:"4 / 3",width:"100%",flex:"0 0 auto",overflow:"hidden",background:"var(--nb1-warm-grey)"},children:(0,n.jsx)("img",{style:{position:"absolute",inset:"0px",width:"100%",height:"100%",objectFit:"cover",display:"block"},src:l(e.image),alt:e.imageAlt||t(e.image)})}),(0,n.jsxs)("div",{style:{display:"flex",alignItems:"baseline",gap:"10px",padding:"16px 18px 18px"},children:[(0,n.jsx)("span",{style:{fontFamily:"var(--nb1-font-primary)",fontSize:"34px",lineHeight:"1"},children:d(null==i?void 0:i.items,e.family)}),(0,n.jsx)("span",{style:{fontFamily:"var(--nb1-font-secondary)",fontSize:"15.5px",lineHeight:"1.3"},children:e.label})]})]},a))}),(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"16px",flexWrap:"wrap",marginTop:"28px",padding:"16px 20px",borderRadius:"999px",background:"rgb(255, 255, 255)",boxShadow:"inset 0 0 0 1px var(--nb1-hairline)",maxWidth:"max-content"},children:[(0,n.jsx)("div",{style:{display:"flex",paddingLeft:"10px"},children:((null==a?void 0:a.avatars)||[]).map((e,i)=>(0,n.jsx)("img",{style:{width:"36px",height:"36px",borderRadius:"50%",objectFit:"cover",objectPosition:"center 20%",marginLeft:"-10px",boxShadow:"rgb(255, 255, 255) 0px 0px 0px 3px",background:"var(--nb1-warm-grey)"},src:l(e.image),alt:e.imageAlt||t(e.image)},i))}),(0,n.jsxs)("p",{style:{fontFamily:"var(--nb1-font-secondary)",fontSize:"15.5px",lineHeight:"1.45"},children:[null==a?void 0:a.noteLead,(0,n.jsx)("a",{style:{borderBottom:"1.5px solid var(--nb1-dark-brown)",paddingBottom:"1px",whiteSpace:"nowrap"},href:o(null==a?void 0:a.ctaHref,r),children:null==a?void 0:a.ctaLabel})]})]})]})})},c=e=>{var i,a,t;let o,x,c,{browse:b,family:g,onFamily:m}=e,[h,y]=(0,r.useState)(""),[f,u]=(0,r.useState)(-1),v=null!=g?g:"",j=(null==b?void 0:b.items)||[],w=e=>(e||"").toLowerCase().normalize("NFD").replace(/[̀-ͯ]/g,""),S=w(h).trim(),k=j.filter(e=>(!v||e.family===v)&&(!S||w(e.name).includes(S))),F=e=>()=>{null==m||m(e)(),u(-1)};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("section",{style:{background:"var(--tint)",borderTop:"1px solid rgba(81, 71, 69, 0.16)",borderBottom:"1px solid rgba(81, 71, 69, 0.16)"},className:"rd-li-browse",id:"browse","data-screen-label":"Browse the library",children:(0,n.jsxs)("div",{style:{maxWidth:"1240px",margin:"0px auto",padding:"64px 20px"},"data-d":"pad bigpad",children:[(0,n.jsx)("h2",{style:{fontFamily:"var(--nb1-font-primary)",fontWeight:"400",fontSize:"clamp(30px, 5cqi, 50px)",lineHeight:"1",letterSpacing:"-0.025em",maxWidth:"22ch",textWrap:"balance"},children:null==b?void 0:b.heading}),(0,n.jsx)("p",{style:{fontFamily:"var(--nb1-font-secondary)",fontSize:"17px",lineHeight:"1.6",color:"rgba(81, 71, 69, 0.86)",marginTop:"18px",maxWidth:"58ch",textWrap:"pretty"},children:null==b?void 0:b.intro}),(0,n.jsxs)("div",{style:{display:"flex",flexWrap:"wrap",alignItems:"center",justifyContent:"space-between",gap:"14px",marginTop:"30px"},children:[(0,n.jsxs)("div",{style:{display:"flex",flexWrap:"wrap",gap:"8px"},role:"group","aria-label":"Filter components",children:[(0,n.jsx)("button",{style:""===v?{fontFamily:"var(--nb1-font-secondary)",fontSize:"15px",padding:"0.6em 1.1em",borderRadius:"999px",border:"0px",cursor:"pointer",background:"var(--nb1-dark-brown)",color:"var(--nb1-cool-grey)",boxShadow:"none"}:{fontFamily:"var(--nb1-font-secondary)",fontSize:"15px",padding:"0.6em 1.1em",borderRadius:"999px",border:"0px",cursor:"pointer",background:"rgb(255, 255, 255)",color:"var(--nb1-dark-brown)",boxShadow:"rgba(81, 71, 69, 0.22) 0px 0px 0px 1px inset"},"aria-pressed":""===v?"true":"false",onClick:F(""),children:"".concat(null!=(i=null==b?void 0:b.allLabel)?i:""," ").concat(d(null==b?void 0:b.items))}),((null==b?void 0:b.filters)||[]).map((e,i)=>(0,n.jsx)("button",{style:v!==e.family?{fontFamily:"var(--nb1-font-secondary)",fontSize:"15px",padding:"0.6em 1.1em",borderRadius:"999px",border:"0px",cursor:"pointer",background:"rgb(255, 255, 255)",color:"var(--nb1-dark-brown)",boxShadow:"rgba(81, 71, 69, 0.22) 0px 0px 0px 1px inset"}:{fontFamily:"var(--nb1-font-secondary)",fontSize:"15px",padding:"0.6em 1.1em",borderRadius:"999px",border:"0px",cursor:"pointer",background:"var(--nb1-dark-brown)",color:"var(--nb1-cool-grey)",boxShadow:"none"},"aria-pressed":v===e.family?"true":"false",onClick:F(e.family||""),children:e.label},i))]}),(0,n.jsxs)("label",{style:{display:"flex",alignItems:"center",gap:"10px",height:"46px",padding:"0px 16px",borderRadius:"999px",background:"rgb(255, 255, 255)",boxShadow:"rgba(81, 71, 69, 0.22) 0px 0px 0px 1px inset",minWidth:"min(100%, 280px)"}

1,children:[(0,n.jsx)("span",{style:{fontSize:"16px",opacity:"0.7"},"aria-hidden":"true",children:"⌕"}),(0,n.jsx)("input",{style:{flex:"1 1 0%",minWidth:"0px",border:"0px",outline:"none",background:"transparent",fontFamily:"var(--nb1-font-secondary)",fontSize:"16px",color:"var(--nb1-dark-brown)"},type:"search",placeholder:null!=(a=null==b?void 0:b.searchPlaceholder)?a:void 0,"aria-label":null!=(t=null==b?void 0:b.searchLabel)?t:void 0,value:null!=h?h:void 0,onChange:e=>{y(e.target.value),u(-1)}})]})]}),(0,n.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(2, minmax(0px, 1fr))",gap:"10px",marginTop:"22px"},"data-m":"ilgrid",children:(k||[]).map((e,i)=>{let a;return(0,n.jsxs)("button",{style:{display:"flex",flexDirection:"column",padding:"0px",border:"0px",borderRadius:"14px",overflow:"hidden",background:"rgb(255, 255, 255)",boxShadow:"inset 0 0 0 1px var(--nb1-hairline)",cursor:"pointer",textAlign:"left",color:"var(--nb1-dark-brown)"},"aria-haspopup":"dialog",onClick:()=>u(i),children:[(0,n.jsx)("div",{style:{...{aspectRatio:"1 / 1",width:"100%"},background:(a=e.family,"color-mix(in oklab, var(--nb1-".concat(p[a||""]||"warm-grey",") 18%, #fff)"))},children:(0,n.jsx)("img",{style:{width:"100%",height:"100%",objectFit:"cover",display:"block"},src:l(e.image),alt:"",loading:"lazy"})}),(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"4px",padding:"12px 14px 14px"},children:[(0,n.jsx)("span",{style:{fontFamily:"var(--nb1-font-secondary)",fontSize:"15px",lineHeight:"1.3",overflowWrap:"anywhere",hyphens:"auto"},children:e.name}),(0,n.jsx)("span",{style:{fontFamily:"var(--nb1-font-secondary)",fontSize:"13.5px",color:"rgba(81, 71, 69, 0.8)"},children:e.label})]})]},i)})}),(0,n.jsx)("p",{style:{fontFamily:"var(--nb1-font-secondary)",fontSize:"14.5px",color:"rgba(81, 71, 69, 0.8)",marginTop:"20px"},children:(o=null==b?void 0:b.showing,x=k.length,c=j.length,(o||"").replace(/\{shown\}/g,String(x)).replace(/\{total\}/g,String(c)))})]})}),(0,n.jsx)(s,{item:k[f],body:null==b?void 0:b.modalBody,closeLabel:null==b?void 0:b.closeLabel,onClose:()=>u(-1),isOpen:f>=0})]})},b=e=>{let{chosen:i,locale:a}=e;return(0,n.jsx)("section",{style:{background:"var(--nb1-cool-grey)"},className:"rd-li-chosen",id:"chosen","data-screen-label":"How yours is chosen",children:(0,n.jsxs)("div",{style:{maxWidth:"1240px",margin:"0px auto",padding:"64px 20px"},"data-d":"pad bigpad",children:[(0,n.jsx)("h2",{style:{fontFamily:"var(--nb1-font-primary)",fontWeight:"400",fontSize:"clamp(30px, 5cqi, 50px)",lineHeight:"1",letterSpacing:"-0.025em",maxWidth:"22ch",textWrap:"balance"},children:null==i?void 0:i.heading}),(0,n.jsx)("div",{style:{display:"grid",gridTemplateColumns:"1fr",gap:"14px",marginTop:"36px"},"data-m":"il3",children:((null==i?void 0:i.steps)||[]).map((e,i)=>(0,n.jsxs)("div",{style:{background:"rgb(255, 255, 255)",borderRadius:"16px",padding:"24px 22px",boxShadow:"inset 0 0 0 1px var(--nb1-hairline)"},children:[(0,n.jsx)("div",{style:{fontFamily:"var(--nb1-font-tertiary)",textTransform:"uppercase",letterSpacing:"0.1em",fontSize:"12px",color:"rgba(81, 71, 69, 0.8)"},children:e.num}),(0,n.jsx)("h3",{style:{fontFamily:"var(--nb1-font-primary)",fontWeight:"400",fontSize:"24px",lineHeight:"1.1",marginTop:"18px"},children:e.title}),(0,n.jsx)("p",{style:{fontFamily:"var(--nb1-font-secondary)",fontSize:"16px",lineHeight:"1.55",color:"rgba(81, 71, 69, 0.86)",marginTop:"10px"},children:e.body})]},i))}),(0,n.jsxs)("p",{style:{fontFamily:"var(--nb1-font-secondary)",fontSize:"17px",lineHeight:"1.6",color:"rgba(81, 71, 69, 0.86)",marginTop:"28px",maxWidth:"58ch",textWrap:"pretty"},children:[null==i?void 0:i.noteLead,(0,n.jsx)("a",{style:{borderBottom:"1.5px solid var(--nb1-dark-brown)",paddingBottom:"1px"},href:o(null==i?void 0:i.ctaHref,a),children:null==i?void 0:i.ctaLabel}),null==i?void 0:i.noteTail]})]})})},g=e=>{let{fam:i,browse:a,chosen:l,locale:t}=e,[o,d]=(0,r.useState)("");return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(x,{fam:i,browse:a,locale:t,onPick:e=>{var i,a;d(e);let n=null==(i=(a=window).matchMedia)?void 0:i.call(a,"(prefers-reduced-motion: reduce)").matches;window.requestAnimationFrame(()=>{var e;

1null==(e=document.getElementById("browse"))||e.scrollIntoView({behavior:n?"auto":"smooth",block:"start"})})}}),(0,n.jsx)(c,{browse:a,family:o,onFamily:e=>()=>d(i=>i===e?i:e)}),(0,n.jsx)(b,{chosen:l,locale:t})]})},m=e=>{let{anchorId:i,browse:a,chosen:r,fam:l,hero:t,locale:o}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("section",{style:{background:"var(--tint)",borderBottom:"1px solid rgba(81, 71, 69, 0.16)"},className:"rd-li",id:i||void 0,"data-screen-label":"Hero",children:(0,n.jsxs)("div",{style:{maxWidth:"1240px",margin:"0px auto",padding:"96px 20px 64px"},"data-d":"pad",children:[(0,n.jsx)("h1",{style:{fontFamily:"var(--nb1-font-primary)",fontWeight:"400",fontSize:"clamp(38px, 8cqi, 60px)",lineHeight:"1.02",letterSpacing:"-0.035em",maxWidth:"18ch",textWrap:"balance"},"data-d":"bigh",children:null==t?void 0:t.heading}),(0,n.jsx)("p",{style:{fontFamily:"var(--nb1-font-secondary)",fontSize:"clamp(17px, 2.2cqi, 20px)",lineHeight:"1.6",color:"rgba(81, 71, 69, 0.86)",marginTop:"24px",maxWidth:"58ch",textWrap:"pretty"},children:null==t?void 0:t.intro}),(0,n.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(3, minmax(0px, 1fr))",gap:"14px",marginTop:"40px",maxWidth:"720px"},children:((null==t?void 0:t.stats)||[]).map((e,i)=>(0,n.jsxs)("div",{style:{background:"rgb(255, 255, 255)",borderRadius:"16px",padding:"20px",boxShadow:"inset 0 0 0 1px var(--nb1-hairline)"},children:[(0,n.jsx)("div",{style:{fontFamily:"var(--nb1-font-primary)",fontSize:"clamp(26px, 3.4cqi, 36px)",lineHeight:"1",letterSpacing:"-0.02em"},children:e.value}),(0,n.jsx)("div",{style:{fontFamily:"var(--nb1-font-secondary)",fontSize:"14px",lineHeight:"1.35",color:"rgba(81, 71, 69, 0.84)",marginTop:"10px"},children:e.label})]},i))})]})}),(0,n.jsx)(g,{fam:l,browse:a,chosen:r,locale:o})]})},h=m,y=m}}]);