1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7370],{1574:(t,e,i)=>{i.d(e,{v:()=>c});var n=i(7876),a=i(4232),o=i(8684);class l{get mouseHandler(){return t=>{this.touches=[{x:t.offsetX,y:t.offsetY,force:1}]}}get touchHandler(){return t=>{this.touches=[];let e=this.svg.getBoundingClientRect();for(let i=0;i<t.changedTouches.length;i++){let n=t.changedTouches[i],a=n.pageX-e.left,o=n.pageY-e.top;a>0&&o>0&&a<this.svgWidth&&o<this.svgHeight&&this.touches.push({x:a,y:o,force:n.force||1})}t.preventDefault()}}get clearHandler(){return()=>{this.touches=[]}}get raf(){var t,e,i;return this.__raf||(this.__raf=((null==(t=window)?void 0:t.requestAnimationFrame)||(null==(e=window)?void 0:e.webkitRequestAnimationFrame)||(null==(i=window)?void 0:i.mozRequestAnimationFrame)||function(t){setTimeout(t,10)}).bind(window))}distance(t,e){return Math.sqrt(Math.pow(t.x-e.x,2)+Math.pow(t.y-e.y,2))}update(){for(let t=0;t<this.layers.length;t++){let e=this.layers[t],i=e.points;for(let t=0;t<i.length;t++){let n=i[t],a=n.ox-n.x+(Math.random()-.5)*this.noise,o=n.oy-n.y+(Math.random()-.5)*this.noise,l=Math.sqrt(a*a+o*o),s=l*this.forceFactor;n.vx+=s*(a/l||0),n.vy+=s*(o/l||0);for(let t=0;t<this.touches.length;t++){let i=this.touches[t],a=e.mouseForce;i.x>this.margin&&i.x<this.margin+this.width&&i.y>this.margin&&i.y<this.margin+this.height&&(a*=-this.hoverFactor);let o=n.x-i.x,l=n.y-i.y,s=Math.sqrt(o*o+l*l),r=Math.max(-e.forceLimit,Math.min(e.forceLimit,a*i.force/s));n.vx+=r*(o/s||0),n.vy+=r*(l/s||0)}n.vx*=e.viscosity,n.vy*=e.viscosity,n.x+=n.vx,n.y+=n.vy}for(let t=0;t<i.length;t++){let e=i[(t+i.length-1)%i.length],n=i[t],a=i[(t+i.length+1)%i.length],o=this.distance(n,e),l=this.distance(n,a),s={x:a.x-e.x,y:a.y-e.y},r=Math.sqrt(s.x*s.x+s.y*s.y);n.cPrev={x:n.x-s.x/r*o*this.tension,y:n.y-s.y/r*o*this.tension},n.cNext={x:n.x+s.x/r*l*this.tension,y:n.y+s.y/r*l*this.tension}}}}animate(){this.raf(()=>{this.update(),this.draw(),this.animate()})}get svgWidth(){return this.width+2*this.margin}get svgHeight(){return this.height+2*this.margin}draw(){for(let t=0;t<this.layers.length;t++){let e=this.layers[t];if(1===t)if(this.touches.length>0){for(;this.svgDefs.firstChild;)this.svgDefs.removeChild(this.svgDefs.firstChild);for(let t=0;t<this.touches.length;t++){let i=this.touches[t],n=document.createElementNS(this.xmlns,"radialGradient");n.id="liquid-gradient-"+this.id+"-"+t;let a=document.createElementNS(this.xmlns,"stop");a.setAttribute("stop-color",this.color3),a.setAttribute("offset","0%");let o=document.createElementNS(this.xmlns,"stop");o.setAttribute("stop-color",this.color2),o.setAttribute("offset","100%"),n.appendChild(a),n.appendChild(o),this.svgDefs.appendChild(n),n.setAttribute("cx",i.x/this.svgWidth),n.setAttribute("cy",i.y/this.svgHeight),n.setAttribute("r",i.force),e.path.style.fill="url(#"+n.id+")"}}else e.path.style.fill=this.color2;else e.path.style.fill=this.color1;let i=e.points,n=[];n.push("M",i[0].x,i[0].y);for(let t=1;t<i.length;t+=1)n.push("C",i[(t+0)%i.length].cNext.x,i[(t+0)%i.length].cNext.y,i[(t+1)%i.length].cPrev.x,i[(t+1)%i.length].cPrev.y,i[(t+1)%i.length].x,i[(t+1)%i.length].y);n.push("Z"),e.path.setAttribute("d",n.join(" "))}this.svgText.textContent=this.text,this.svgText.style.fill=this.textColor}createPoint(t,e){return{x:t,y:e,ox:t,oy:e,vx:0,vy:0}}initOrigins(){this.svg.setAttribute("width",this.svgWidth),this.svg.setAttribute("height",this.svgHeight);for(let t=0;t<this.layers.length;t++){let e=this.layers[t],i=[];for(let t=~~(this.height/2);t<this.width-~~(this.height/2);t+=this.gap)i.push(this.createPoint(t+this.margin,this.margin));for(let t=~~(1.25*this.height);t>=0;t-=this.gap){let e=Math.PI/~~(1.25*this.height)*t;i.push(this.createPoint(Math.sin(e)*this.height/2+this.margin+this.width-this.height/2,Math.cos(e)*this.height/2+this.margin+this.height/2))}for(let t=this.width-~~(this.height/2)-1;t>=~~(this.height/2);t-=this.gap)i.push(this.createPoint(t+this.margin,this.margin+this.height));for(let t=0;t<=~~(1.25*this.height);t+=this.gap){let e=Math.PI/~~(1.25*this.height)*t;i.push(this.createPoint(this.height-Math.sin(e)*this.height/2+this.margin-this.height/2,Math.cos(e)*this.height/2+this.margin+this.height/2))}e.points=i}}constructor(t){let e=t.dataset;this.id=this.constructor.id||(this.constructor.id=1),this.constructor.id++,this.xmlns="http://www.w3.org/2000/svg",this.tension=+e.tension||.4,this.width=+e.width||200,this.height=+e.height||50,this.margin=e.margin||50,this.hoverFactor=e.hoverFactor||-.1,this.gap=e.gap||5,this.debug=e.debug||!1,this.forceFactor=e.forceFactor||.2,this.color1=e.color1||"#36DFE7",this.color2=e.color2||"#8F17E1",this.color3=e.color3||"#BF09E6",this.textColor=e.textColor||"#FFFFFF",this.fontSize=null==e?void 0:e.fontSize,this.letterSpacing=null==e?void 0:e.letterSpacing,this.text=e.text||"â¶",this.svg=t,this.layers=[{points:[],viscosity:.5,mouseForce:100,forceLimit:2},{points:[],viscosity:.8,mouseForce:150,forceLimit:3}];for(let t=0;t<this.layers.length;t++){let i=this.layers[t];
1i.viscosity=+e["layer-"+(t+1)+"Viscosity"]||i.viscosity,i.mouseForce=+e["layer-"+(t+1)+"MouseForce"]||i.mouseForce,i.forceLimit=+e["layer-"+(t+1)+"ForceLimit"]||i.forceLimit,i.path=document.createElementNS(this.xmlns,"path"),this.svg.appendChild(i.path)}this.wrapperElement=e.wrapperElement||document.body,this.svg.parentElement||this.wrapperElement.append(this.svg),this.svgText=document.createElementNS(this.xmlns,"text"),this.svgText.setAttribute("x","50%"),this.svgText.setAttribute("y","50%"),this.svgText.setAttribute("dy",~~(this.height/8)+"px"),this.svgText.setAttribute("font-size",this.fontSize?this.fontSize:~~(this.height/3)),this.letterSpacing&&this.svgText.setAttribute("letter-spacing",this.letterSpacing),this.svgText.style.fontFamily="geomanistregular",this.svgText.setAttribute("text-anchor","middle"),this.svgText.setAttribute("pointer-events","none"),this.svg.appendChild(this.svgText),this.svgDefs=document.createElementNS(this.xmlns,"defs"),this.svg.appendChild(this.svgDefs),this.touches=[],this.noise=e.noise||0,document.body.addEventListener("touchstart",this.touchHandler),document.body.addEventListener("touchmove",this.touchHandler),document.body.addEventListener("touchend",this.clearHandler),document.body.addEventListener("touchcancel",this.clearHandler),this.svg.addEventListener("mousemove",this.mouseHandler),this.svg.addEventListener("mouseout",this.clearHandler),this.initOrigins(),this.animate()}}let s=o.Ay.div.withConfig({componentId:"sc-b11276ef-0"})(["display:inline-block;position:relative;text{font-size:12px;letter-spacing:1.8px;@media (min-width:768px){font-size:14px;letter-spacing:2.1px;}}"]),r=o.Ay.div.withConfig({componentId:"sc-b11276ef-1"})(["position:absolute;border:1px solid ",";border-radius:100px;width:",";height:",";top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;"],t=>t.color,t=>"".concat(t.width-10,"px"),t=>"".concat(t.height-10,"px")),c=t=>{let{width:e,height:i,color1:o,color2:c,color3:d,text:h,forceFactor:m,layer1Velocity:u,layer2Velocity:p,layer1MouseForce:g,layer2MouseForce:x,layer1ForceLimit:v,layer2ForceLimit:f,hoverFactor:y,textColor:b,fontSize:w,letterSpacing:k}=t,j=(0,a.useRef)(null);return(0,a.useEffect)(()=>{if(j.current){let t=j.current;t.liquidButton=new l(t)}},[j]),(0,n.jsxs)(s,{children:[(0,n.jsx)(r,{width:e,height:i,color:b}),(0,n.jsx)("svg",{ref:j,className:"liquid-button","data-width":e,"data-height":i,"data-color1":o,"data-color2":c,"data-color3":d,"data-text":null==h?void 0:h.substring(0,16).toUpperCase(),"data-force-factor":m,"data-layer-1-viscosity":u,"data-layer-2-viscosity":p,"data-layer-1-mouse-force":g,"data-layer-2-mouse-force":x,"data-layer-1-force-limit":v,"data-layer-2-force-limit":f,"data-hover-factor":y,"data-text-color":b,"data-font-size":w,"data-letter-spacing":k})]})}},5118:(t,e,i)=>{i.d(e,{A:()=>a});var n=i(4232);let a=()=>{let[t,e]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{e(window.navigator.userAgent.indexOf("Safari")>-1&&-1===window.navigator.userAgent.indexOf("Chrome"))},[]),t}},6885:(t,e,i)=>{i.d(e,{K6:()=>a,oU:()=>l});var n=i(217);let a=t=>{let e=t[0]/255,i=t[1]/255,n=t[2]/255,a=Math.min(e,i,n),o=Math.max(e,i,n),l=o-a,s=0,r=0,c=0;return(s=Math.round(60*(s=0===l?0:o===e?(i-n)/l%6:o===i?(n-e)/l+2:(e-i)/l+4)))<0&&(s+=360),c=(o+a)/2,[s,r=+(100*(r=0===l?0:l/(1-Math.abs(2*c-1)))).toFixed(1),c=+(100*c).toFixed(1)]},o=new n.D,l=async t=>await o.getColorAsync(t)},7370:(t,e,i)=>{i.d(e,{Z:()=>_});var n=i(7876),a=i(4232),o=i(7798),l=i(471),s=i(6885),r=i(1574),c=i(5118),d=i(6427),h=i(8684),m=i(2869);function u(){let t=(0,d._)(["\n h-full\n"]);return u=function(){return t},t}function p(){let t=(0,d._)(["\n uppercase\n text-center\n text-opacity-75\n tracking-widest\n mb-5\n"]);return p=function(){return t},t}function g(){let t=(0,d._)(["\n flex\n justify-center\n relative\n -mt-6\n ","\n"]);return g=function(){return t},t}function x(){let t=(0,d._)(["\n uppercase\n text-center\n opacity-70\n text-darkgrey\n tracking-widest\n mb-2.5\n md:mb-18\n md:leading-4.5\n"]);return x=function(){return t},t}let v=h.Ay.div.withConfig({componentId:"sc-8502d252-0"})(["display:inline;vertical-align:middle;svg{display:inline;vertical-align:top;}"]);v.displayName="Wrapper";let f=h.Ay.div.withConfig({componentId:"sc-8502d252-1"}
1)(["height:",";cursor:pointer;> div{height:100%;}"],t=>t.$height||"100%");f.displayName="Wrapper";let y=h.Ay.div.withConfig({componentId:"sc-8502d252-2"})(["z-index:9;position:relative;width:190px;height:200px;display:flex;justify-content:center;align-items:center;transform-origin:center;transition:transform 0.4s;margin-left:50%;transform:translateX(-50%);img{width:100%;height:100%;object-fit:contain;}@media (min-width:768px){height:250px;}"]),b=(0,h.Ay)(l.EY).withConfig({componentId:"sc-8502d252-3"})(["height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;margin-bottom:8px;margin-top:22px;"]),w=(0,h.Ay)(l.hE).withConfig({componentId:"sc-8502d252-4"})(["height:100%;height:93px;overflow:hidden;display:flex;align-items:center;justify-content:center;line-clamp:3;"]),k=h.Ay.div.withConfig({componentId:"sc-8502d252-5"})(["z-index:9;position:relative;width:230px;height:230px;display:flex;justify-content:center;align-items:center;transform-origin:center;transition:transform 0.4s;margin-left:50%;transform:translateX(-50%);img{width:100%;height:100%;object-fit:contain;}"]),j=h.Ay.div.withConfig({componentId:"sc-8502d252-6"})(["a{color:#292b29;}.card-link-component{.card-subcategory{width:220px;max-width:100%;left:50%;transform:translateX(-50%);display:flex;align-items:center;margin-bottom:20px;@media (max-width:480px){margin-bottom:10px;}}&:hover{.hidden-until-hover-or-focus-on-desktop{max-height:100px;opacity:1;transition:max-height 0.8s,opacity 0.8s;}.card-image{width:70%;left:13%;}","{@media (min-width:640px){transform:translateX(-50%) scale(0.75);}}.card-subcategory{margin-bottom:5px;@media (min-width:640px){width:270px;}@media (max-width:480px){margin-bottom:10px;}}.card-product{@media (min-width:640px){width:70%;left:12%;}}.curve-svg-product,.svg-product{path{fill:",";stroke:none;}}.card-content-wrapper{","}}}}"],y,t=>t.$dominantColor,t=>"product"===t.$variation&&"\n background-color: ".concat(t.$dominantColor,";\n border: 0;\n "));j.displayName="LinkWrapper";let $=m.A.div(u());$.displayName="MainContainer";let C=h.Ay.div.withConfig({componentId:"sc-8502d252-7"})(["position:relative;display:flex;flex-direction:column;align-items:stretch;justify-items:stretch;height:100%;overflow:hidden;border-radius:1rem;"," ",""],t=>t.$contentPadding&&"padding-bottom: ".concat(t.$contentPadding,"px;"),t=>"article"===t.$variation&&"\n align-items: center;\n flex-direction: row;\n padding-bottom: 0;\n border: 1px solid #BBC4BA;\n background-color: #fff;\n ");C.displayName="Container";let A=h.Ay.div.withConfig({componentId:"sc-8502d252-8"})(["width:100%;padding:0px 19px 30px;background-color:",";border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;"," h3{font-weight:bold;}.authorable-card-big{margin-bottom:-30px;}"," "," "," "," ",""],t=>t.$backgroundHsl,t=>t.$isPlaceholder&&("recipe"===t.$variation||"articleImage"===t.$variation||"tipsAndTricks"===t.$variation)?"visibility: hidden;":"\n position: absolute;\n bottom: 0;",t=>"product"===t.$variation||"white"===t.$variation?"\n background-color: #ffffff;\n border: 1px solid #BBC4BA;\n border-top: 0;\n ":"",t=>"object"===t.$variation?"padding-top: 60px;":"product"===t.$variation||"white"===t.$variation?"padding-top: 55px;":"padding-top: 0px;",t=>"subcategory"===t.$variation?"\n padding-bottom: 50px;\n padding-top: 30px;\n ":"",t=>"article"===t.$variation?"\n background-color: #ffffff;\n border: 0;\n position: static;\n ":"",t=>"big"===t.$type?"\n padding-bottom: 0;\n .card-content-big {\n margin-bottom: -20px;\n }\n ":""),N=h.Ay.img.withConfig({componentId:"sc-8502d252-9"})(["width:100%;height:100%;object-fit:cover;ref?:RefObject<HTMLImageElement> | null;"]),F=h.Ay.div.withConfig({componentId:"sc-8502d252-10"})(["flex-grow:2;border-top-left-radius:1rem;border-top-right-radius:1rem;overflow:hidden;width:100%;"]),E=h.Ay.div.withConfig({componentId:"sc-8502d252-11"})(["",""],t=>t.$showAll?"":"@media (min-width: 640px) {\n max-height: 0;\n opacity: 0;\n padding-bottom: 0;\n transition: max-height 0.2s, opacity 0.2s;\n }");E.displayName="HiddenUntilHoverOrFocus";let I=h.Ay.svg.withConfig({componentId:"sc-8502d252-12"})(["position:absolute;
1left:-50px;width:calc(100% + 100px);bottom:100%;"," "," "," "," "," "," "," "," "," ",""],t=>"product"===t.$variation&&("mediumSmall"===t.$type?"bottom: calc(100% + 69px);\n @media (min-width: 1024px) and (max-width:1439px ) {\n bottom: calc(100% + 70px)\n }\n ":"bottom: calc(100% + 68px);"),t=>"object"===t.$variation&&(t.$type,"bottom: calc(100% + 73px);"),t=>"recipe"===t.$variation&&(t.$type,"bottom: calc(100% + 12px);"),t=>"white"===t.$variation&&(t.$type,"bottom: calc(100% + 12px);"),t=>"WideSmall"===t.$variation&&(t.$type,"bottom: calc(100% + 12px);"),t=>"content"===t.$variation&&(t.$type,"bottom: calc(100% + 12px);"),t=>"article"===t.$variation&&(t.$type,"display:none;"),t=>"articleImage"===t.$variation&&(t.$type,"bottom: calc(100% + 12px);"),t=>"subcategory"===t.$variation&&("mediumSmall"===t.$type?"bottom: calc(100% + 36px);":"bottom: calc(100% + 12px);"),t=>"tipsAndTricks"===t.$variation&&(t.$type,"bottom: calc(100% + 12px);")),M=h.Ay.div.withConfig({componentId:"sc-8502d252-13"})(["position:absolute;left:calc(50% - 22px);background-color:",";width:50px;height:50px;z-index:1;border-radius:50%;"],t=>t.$backgroundHsl),T=h.Ay.span.withConfig({componentId:"sc-8502d252-14"})(["border:1px solid #000;padding:5px 5px 0;display:inline-block;margin:5px;border-radius:50%;"]),H=h.Ay.span.withConfig({componentId:"sc-8502d252-15"})(["display:inline-block;width:4px;height:4px;background-color:#000;border-radius:4px;margin:3px 10px;"]),S=h.Ay.div.withConfig({componentId:"sc-8502d252-16"})(["position:",";z-index:9;width:90%;display:flex;justify-content:center;align-items:center;transition:width 0.4s,left 0.4s;left:5%;bottom:196px;&.card-image{bottom:186px;"],t=>"".concat("object"==t.$cardVariation?"absolute":"unset"));h.Ay.div.withConfig({componentId:"sc-8502d252-17"})(["position:absolute;top:0;bottom:0;left:0;width:100%;",""],t=>"white"===t.$variation&&"\n display: none;\n "),h.Ay.svg.withConfig({componentId:"sc-8502d252-18"})(["position:absolute;opacity:0;width:200%;left:-50%;top:","px;transform:translateY(","px);transition:transform 0.4s;"," "," &:hover{"," ","}"],t=>t.$contentTop,t=>t.$contentTop,t=>"white"===t.$variation&&"\n display: none;\n ",t=>t.$shouldBeVisible&&"opacity: 1;",t=>"transform: translateY(".concat(t.$topOfHoveredContent,"px);"),t=>"WideSmall"===t.$variation&&"top: ".concat(t.$topOfHoveredContent+20,"px;"));let L=m.A.div(p());L.displayName="Info";let z=m.A.div(g(),t=>t.$showAll?"\n -mb-12\n ":"-mb-10\n md:my-auto");z.displayName="ButtonContainer";let B=(0,m.A)(l.EY)(x());B.displayName="ProductsAmount";let _=t=>{var e,i,d,h,m,u,p,g,x,_,P,Y,D,q,O,R,V,W,X,K,U,Z,G,J,Q,tt,te,ti,tn,ta,to,tl,ts,tr,tc,td,th,tm,tu,tp,tg,tx,tv,tf,ty,tb,tw,tk,tj,t$,tC,tA;let tN,{data:tF,cardVariation:tE="recipe",showInfo:tI=!1,link:tM,height:tT="100%",textAlign:tH="text-center",cardType:tS,video:tL=!1,copyDictionary:tz,LinkComponent:tB,saturation:t_=35,lightness:tP=75,customColor:tY,isAuthorableGrid:tD=!1,showAll:tq=!1}=t,tO="gooey-react"+(0,a.useId)(),tR=(0,c.A)();(null==tF||null==(d=tF.metaData)||null==(i=d.images)||null==(e=i[0])?void 0:e.url)&&"article"===tE&&(tE="articleImage"),tN=tS==="big"?"-mt-20":"-mt-12";let tV="w-8/12";("small"===tS&&"product"===tE||"small"===tS&&"object"===tE||"tiny"===tS)&&(tV="w-8/12"),"small"!=tS&&"product"===tE&&(tV="w-8/12"),(null==tF?void 0:tF.button)&&(tV="w-6/12"),"mediumSmall"===tS&&"product"===tE&&(tV="w-auto max-h-productCardHeight");let tW="text-darkgray tracking-widest text-opacity-75 text-sm mt-3.5 pb-2.5 leading-4 font-geomanist uppercase ".concat(tH),tX=(0,a.useRef)(null),tK=(0,a.useRef)(null),tU=(0,a.useRef)(null),tZ=(0,a.useRef)(null),[tG,tJ]=(0,a.useState)(0),tQ="",t0={product:{url:"https://media.graphcms.com/resize=fit:clip,height:400/output=format:webp/9EoUOPS2RuemvH8SZfhv",fallback:"https://media.graphcms.com/resize=fit:clip,height:400/output=format:png/9EoUOPS2RuemvH8SZfhv"},recipe:{url:"https://media.graphcms.com/resize=fit:clip,height:300/output=format:webp/KRKDwK2fTsqCY6HE7EsD",fallback:"https://media.graphcms.com/resize=fit:clip,height:300/output=format:png/KRKDwK2fTsqCY6HE7EsD"},tipsAndTricks:{url:"https://media.graphcms.com/resize=fit:clip,height:400/output=format:webp/1Lh0LaYcTjqXhyiXMsGl",fallback:"https://media.graphcms.com/resize=fit:clip,height:400/output=format:png/1Lh0LaYcTjqXhyiXMsGl"}},t1=t0[tE||"recipe"]||t0.recipe;"articleImage"===tE&&(t1=(null==tF||null==(Y=tF.metaData)||null==(P=Y.images)||null==(_=P[0])?void 0:_.url)||"");let t2="",t5="",t8="",t3="";(null==tF?void 0:tF.images)?tR?(t2=(null==tF||null==(D=tF.images)?void 0:D.desktopFallback)||(null==tF||null==(q=tF.images)?void 0:q.heroFallback)||t1.fallback,t5=(null==tF||null==(O=tF.images)?void 0:O.mobileFallback)||(null==tF||null==(R=tF.images)?void 0:R.heroFallback)||(null==tF||null==(V=tF.images)?void 0:V.desktopFallback)||t1.fallback,t8=(null==tF||null==(W=tF.images)?void 0:W.tabletFallback)||(null==tF||null==(X=tF.images)?void 0:X.heroFallback)||(null==tF||null==(K=tF.images)?void 0:K.desktopFallback)||t1.fallback,t3=(null==tF||null==(U=tF.images)?void 0:U.mobileFallback)||(null==tF||null==(Z=tF.images)?void 0:Z.tabletFallback)||(null==tF||null==(G=tF.images)?void 0:G.desktopFallback)||(null==tF||null==(J=tF.images)?void 0:J.heroFallback)||t1.fallback):(t2=(null==tF||null==(Q=tF.images)?void 0:Q.desktop)||(null==tF||null==(tt=tF.images)?void 0:tt.hero)||(null==tF||null==(te=tF.images)?void 0:te.heroFallback)||t1.url,t5=(null==tF||null==(ti=tF.images)?void 0:ti.mobile)||(null==tF||null==(tn=tF.images)?void 0:tn.hero)||(null==tF||null==(ta=tF.images)?void 0:ta.desktop)||(null==tF||null==(to=tF.images)?void 0:to.heroFallback)||t1.url,t8=(null==tF||null==(tl=tF.images)?void 0:tl.tablet)||(null==tF||null==(ts=tF.images)?void 0:ts.hero)||(null==tF||null==(tr=tF.images)?void 0:tr.desktop)||(null==tF||null==(tc=tF.images)?void 0:tc.heroFallback)||t1.url,t3=(null==tF||null==(td=tF.images)?void 0:td.mobile)||(null==tF||null==(th=tF.images)?void 0:th.tablet)||(null==tF||null==(tm=tF.images)?void 0:tm.desktop)||(null==tF||null==(tu=tF.images)?void 0:tu.hero)||(null==tF||null==(tp=tF.images)?void 0:tp.heroF
1allback)||t1.url):(t2=(null==tF||null==(tg=tF.image)?void 0:tg.desktop)||(null==tF||null==(tx=tF.image)?void 0:tx.hero)||(null==tF?void 0:tF.image)||t1.url,t5=(null==tF||null==(tv=tF.image)?void 0:tv.mobile)||(null==tF||null==(tf=tF.image)?void 0:tf.hero)||(null==tF||null==(ty=tF.image)?void 0:ty.desktop)||(null==tF?void 0:tF.image)||t1.url,t8=(null==tF||null==(tb=tF.image)?void 0:tb.tablet)||(null==tF||null==(tw=tF.image)?void 0:tw.hero)||(null==tF||null==(tk=tF.image)?void 0:tk.desktop)||(null==tF?void 0:tF.image)||t1.url,t3=(null==tF||null==(tj=tF.image)?void 0:tj.mobile)||(null==tF||null==(t$=tF.image)?void 0:t$.tablet)||(null==tF||null==(tC=tF.image)?void 0:tC.desktop)||(null==tF||null==(tA=tF.image)?void 0:tA.hero)||(null==tF?void 0:tF.image)||t1.url);tQ=tY||"hsl(".concat(tG,", ").concat(t_,"%, ").concat(tP,"%)");let t4=(0,n.jsx)(M,{className:tN,$backgroundHsl:tQ,children:(0,n.jsx)(T,{children:(0,n.jsx)(o.SF,{})})}),t6=tI&&(null==tF?void 0:tF.information)&&(0,n.jsxs)(L,{"data-test":"card-info",children:[!!(null==(h=tF.information)?void 0:h.rating)&&(0,n.jsxs)("span",{children:[(0,n.jsx)(o.Gg,{"data-test":"star-icon",className:"align-baseline mx-px my-0 inline"}),(0,n.jsx)(l.EY,{"data-test":"rating-info",tag:"span",type:"sm",className:"inline-block ml-1",children:tF.information.rating})]}),!!(null==(m=tF.information)?void 0:m.rating)&&!!(null==tF?void 0:tF.information.preparationTime)&&(0,n.jsx)(H,{"data-test":"dots-info-show",className:"inline-block"}),!!(null==(u=tF.information)?void 0:u.preparationTime)&&(0,n.jsxs)("span",{children:[(0,n.jsx)(o.b1,{"data-test":"time-icon",className:"align-baseline mx-px my-0 inline"}),(0,n.jsx)(l.EY,{"data-test":"preparation-time-info",tag:"span",type:"sm",className:"inline-block ml-1",children:tF.information.preparationTime})]}),!!tz&&(null==(p=tF.information)?void 0:p.difficulty)!==void 0&&!!(null==(g=tF.information)?void 0:g.preparationTime)&&(0,n.jsx)(H,{"data-test":"dots-between-info"}),!!tz&&(null==(x=tF.information)?void 0:x.difficulty)!==void 0&&(0,n.jsxs)("span",{children:[(0,n.jsx)(o.cT,{"data-test":"shef-icon",className:"align-baseline mx-px my-0 inline"}),(0,n.jsx)(l.EY,{"data-test":"difficulty-info",tag:"span",type:"sm",className:"inline-block ml-1",children:tz[tF.information.difficulty]})]})]}),t7=()=>{window.dataLayer=window.dataLayer||[];let t="tipsAndTricks"===tE?"tiptrick_recipe":tE;window.dataLayer.push({event:"click_".concat(t),eventValues:{ec:t,ea:"click",el:"".concat(null==tF?void 0:tF.title),recipe_tiptrick_name:"".concat(null==tF?void 0:tF.title)}})},t9="xs";switch(tS){case"big":default:t9="sm";break;case"medium":t9="xs";break;case"mediumSmall":t9="xxs";break;case"small":case"tiny":t9="xxxs"}tU.current&&tU.current.getBoundingClientRect().width<370&&tD&&(t9="xxxs");let et=(0,n.jsx)(v,{children:(0,n.jsx)(o.cz,{"data-test":["".concat(tO,"-right-arrow")]})}),ee=(0,n.jsxs)("div",{ref:tZ,className:tW,"data-test":"subnavlink",children:[(null==tF?void 0:tF.category)&&(0,n.jsx)(l.EY,{tag:"p",type:"sm",className:"inline-block",children:tF.category}),!!((null==tF?void 0:tF.category)&&(null==tF?void 0:tF.subCategory))&&(0,n.jsx)("span",{className:"px-2",children:"/"}),(null==tF?void 0:tF.subCategory)&&(0,n.jsx)(l.EY,{tag:"p",type:"sm",className:"inline-block",children:tF.subCategory})]}),ei="card_type: ".concat(tS," | card_variation: ").concat(tE),en=(0,n.jsx)(f,{$height:"400px","data-test":"card",children:(0,n.jsx)($,{children:(0,n.jsxs)(C,{className:"card-container",$variation:tE,"data-test":"card-".concat(null==tF?void 0:tF.id),ref:tX,onClick:t7,children:[(0,n.jsx)(y,{children:(0,n.jsx)("img",{ref:tK,"data-src":t3,crossOrigin:"",alt:"",className:"lazyload",width:"190",height:"250"})}),(0,n.jsx)(A,{className:"card-content-wrapper",ref:tU,$backgroundHsl:tQ,$variation:tE,"data-test":ei,children:(0,n.jsxs)("div",{className:"relative","data-test":"card-contents",children:[(0,n.jsx)(I,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 624 28",$variation:tE,$type:tS,className:"svg-product",children:(0,n.jsx)("path",{fill:"none",stroke:"#BBC4BA",d:"M16 203C7.16344 203 0 195.837 0 187V21.351C0 21.351 143.433 -1.4836e-05 313.3 0C483.167 1.48361e-05 624 21.3511 624 21.3511V187C624 195.837 616.836 203 608 203H16Z"})}),(0,n.jsxs)(b,{tag:"div",type:"lead",className:"text-darkgray text-opacity-75","data-test":"subnavlink",ref:tZ,children:[null==tF?void 0:tF.category,!!((null==tF?void 0:tF.category)&&(null==tF?void 0:tF.subCategory))&&(0,n.jsx)("span",{className:"px-2",children:"/"}),null==tF?void 0:tF.subCategory]}),(null==tF?void 0:tF.title)&&(0,n.jsx)(w,{tag:"h2",type:"xxs","data-test":"card-title",className:"text-center tracking-xs",children:tF.title}),(0,n.jsx)(E,{$showAll:tq,className:tq?"":"hidden-until-hover-or-focus-on-desktop",children:(null==tF?void 0:tF.button)?(0,n.jsx)(z,{$showAll:tq,children:(0,n.jsx)(r.v,{"data-test":"action-button-".concat(null==tF?void 0:tF.id),text:null==tF?void 0:tF.button,layer1Velocity:"0.24",layer2Velocity:"0.24",layer1MouseForce:"559",layer2MouseForce:"368",layer1ForceLimit:"13.1",layer2ForceLimit:"9.6",forceFactor:"0.7",height:50,width:200,color1:"#010E54",color2:"#010e54",color3:"#889887",hoverFactor:-1,textColor:"#fff"})}):!!(null==tM?void 0:tM.displayName)&&(0,n.jsxs)("div",{className:"text-center h-fit",children:[(0,n.jsx)(l.EY,{"data-test":"action-link-".concat(null==tF?void 0:tF.id),tag:"div",type:"lead",className:"".concat(tH," pt-6 inline text-base font-medium tracking-widest"),children:null==tM?void 0:tM.displayName}),(0,n.jsx)("span",{"aria-hidden":"true",className:"ml-18",children:et})]})})]})})]})})}),ea=t=>(0,n.jsxs)(A,{className:"card-content-wrapper",ref:tU,$backgroundHsl:tQ,$variation:tE,$type:tS,$isPlaceholder:t,"data-test":ei,children:[tL&&t4,"object"===tE&&(0,n.jsx)(S,{className:"card-image",$cardVariation:tE,children:(0,n.jsx)("img",{className:"lazyload ".concat(tV),ref:tK,"data-src":t3,crossOrigin:"",alt:"",width:"230",height:"230"})}),(0,n.jsxs)("div",{className:"relative card-content-big","data-test":"card-contents",children:[(0,n.jsx)(I,{xmlns:"http://www.w3.org/2000/svg",$variation:tE,$type:tS,viewB
1ox:"0 0 624 28",children:(0,n.jsx)("path",{fill:"white"===tE?"#ffffff":tQ,stroke:"white"===tE?"#BBC4BA":"none",d:"M16 203C7.16344 203 0 195.837 0 187V21.351C0 21.351 143.433 -1.4836e-05 313.3 0C483.167 1.48361e-05 624 21.3511 624 21.3511V187C624 195.837 616.836 203 608 203H16Z"})}),(0,n.jsxs)("div",{className:"big"===tS?"relative -top-8":"",children:[["article","articleImage","object","subcategory"].includes(tE||"")?ee:t||(0,n.jsx)(E,{$showAll:tq,className:tq?"":"hidden-until-hover-or-focus-on-desktop",children:ee}),(null==tF?void 0:tF.productsAmount)&&(0,n.jsx)(B,{tag:"p",type:"sm",children:tF.productsAmount}),t6,(null==tF?void 0:tF.title)&&(0,n.jsx)(l.hE,{tag:"h2",type:t9,"data-test":"card-title",className:"text-center tracking-xs font-medium",children:tF.title}),t||(0,n.jsx)(E,{$showAll:tq,className:tq?"":"hidden-until-hover-or-focus-on-desktop",children:(null==tF?void 0:tF.button)?(0,n.jsx)(z,{$showAll:tq,children:(0,n.jsx)(r.v,{"data-test":"action-button-".concat(null==tF?void 0:tF.id),text:null==tF?void 0:tF.button,layer1Velocity:"0.24",layer2Velocity:"0.24",layer1MouseForce:"559",layer2MouseForce:"368",layer1ForceLimit:"13.1",layer2ForceLimit:"9.6",forceFactor:"0.7",height:50,width:200,color1:"#010E54",color2:"#010e54",color3:"#889887",hoverFactor:-1,textColor:"#fff"})}):!!(null==tM?void 0:tM.displayName)&&(0,n.jsxs)("div",{className:"text-center pt-4",children:[(0,n.jsx)(l.EY,{"data-test":"action-link-".concat(null==tF?void 0:tF.id),tag:"div",type:"lead",className:"".concat(tH," inline text-base font-medium tracking-widest"),children:null==tM?void 0:tM.displayName}),(0,n.jsx)("span",{"aria-hidden":"true",className:"ml-18",children:et})]})})]})]})]}),eo=(0,n.jsx)(f,{$height:tT,"data-test":"card",children:(0,n.jsx)($,{children:(0,n.jsxs)(C,{className:"card-container",$variation:tE,"data-test":"card-".concat(null==tF?void 0:tF.id),ref:tX,onClick:t7,children:["subcategory"===tE&&(0,n.jsx)(k,{children:(0,n.jsx)("img",{ref:tK,"data-src":t3,crossOrigin:"",alt:"",className:"lazyload",width:"100%",height:"100%"})}),["recipe","tipsAndTricks","white","WideSmall","content","articleImage"].includes(tE||"")?(0,n.jsx)(F,{children:(0,n.jsx)(N,{ref:tK,"data-src":(()=>{{let t=window.innerWidth;if(t>=1024&&t2)return t2;if(t>=700&&t8)return t8;if(t>320&&t<700)return t5}return t3})(),crossOrigin:"",alt:"",onLoad:()=>{tK&&tK.current&&!tY&&(0,s.oU)(tK.current).then(t=>{tJ((0,s.K6)(t.value)[0])})},className:"lazyload",width:"100%",height:"100%"})}):"",ea(!1),!["object","article"].includes(tE)&&ea(!0)]})})});return(0,n.jsx)(j,{$variation:tE,$dominantColor:tQ,children:(0,n.jsx)(tB,{className:"card-link-component","data-test":"card-link-".concat(tO),id:"card-link-".concat(tO),href:(null==tM?void 0:tM.url)||"/",children:"a"!==tB?(0,n.jsx)("a",{className:"card-link-component",href:(null==tM?void 0:tM.url)||"/",children:"product"===tE?en:eo}):"product"===tE?en:eo})})}}}]); 2//# sourceMappingURL=7370.895475369f0b2d25.js.map
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.