1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2545,4636,6617,7166,9833],{9833:(e,t,i)=>{i.r(t),i.d(t,{LiquidButton:()=>m});var o=i(37876),r=i(76823);let l=({children:e,variant:t="body",as:i="p",type:l="m",className:a,"data-testid":n,onMouseEnter:s,onMouseLeave:c,onClick:d})=>(0,o.jsx)(i,{className:(0,r.f)([`text-${t}-${l} leading-${t}-${l} tracking-${t}-${l}`],a),onMouseEnter:s,onMouseLeave:c,onClick:d,children:e});var a=i(5646),n=i(81479);let s=a.Ay.div.withConfig({componentId:"sc-da93d04b-0"})(["display:inline-block;position:relative;width:",";height:",";min-width:150px;max-width:100%;"],e=>e.$isWidthAuto?"auto":`${e.width}px`,e=>`${e.height+60}px`),c=a.Ay.div.withConfig({componentId:"sc-da93d04b-1"})(["position:absolute;"," border-radius:100px;width:calc(100% - 10px);height:",";top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;@media (min-width:768px){width:",";}"],e=>e.$useCustomColorsAsImportant?` 2 border: 1px solid ${e.$color||n.l.white}; 3 `:`border: 1px solid var(--color-text, ${n.l.white});`,e=>`${e.height-10}px`,e=>e.$isWidthAuto?"calc(100% - 10px)":`${e.width-10}px`),d=a.Ay.div.withConfig({componentId:"sc-da93d04b-2"})(["position:relative;text-align:center;width:",";height:",";top:50%;left:50%;transform:translate(-50%,-50%);line-height:",";letter-spacing:0.1em;"," border-radius:100px;text-transform:uppercase;font-size:12px;letter-spacing:1.8px;padding:",";@media (min-width:768px){width:",";font-size:14px;letter-spacing:2.1px;}"],e=>e.$isWidthAuto?"auto":"100%",e=>`${e.height}px`,e=>`${e.height}px`,e=>e.$useCustomColorsAsImportant?` 4 color: ${e.$textColor}; 5 background: ${e.$bgColor||n.l.primary}; 6 `:` 7 color: var(--color-text, ${e.$textColor}); 8 background: var(--color-neutral, ${e.$bgColor}); 9 `,e=>e.$isWidthAuto?"0 20px":"",e=>e.$isWidthAuto?"auto":`${e.width}px`),m=({text:e,className:t,onButtonClick:i=()=>{},disabled:a=!1,variant:n="none",type:m="button",dataTest:h,as:p="div",...u})=>{if("none"!==n)return(0,o.jsx)(p,{type:m,onClick:i,disabled:a,className:(0,r.f)("font-secondary min-w-[150px] rounded-[100px] p-[5px] text-center",{"text-white bg-primary":"primary"===n,"text-black bg-white":"secondary"===n},t),children:(0,o.jsx)("div",{className:"border-1 border-white inline-block w-full rounded-[100px]",children:(0,o.jsx)(l,{className:"p-3",children:e})})});if(0===Object.keys(u).length)return null;let{width:x,height:g,color:b,textColor:w,useCustomColorsAsImportant:y,isWidthAuto:f}=u||{width:0,height:0,color:"transparent",textColor:"transparent",useCustomColorsAsImportant:!1,isWidthAuto:!1};return(0,o.jsx)(p,{onClick:i,disabled:a,type:m,children:(0,o.jsxs)(s,{width:x,height:g,$isWidthAuto:f,children:[(0,o.jsx)(c,{width:x,height:g,$color:w,$useCustomColorsAsImportant:y,$isWidthAuto:f}),(0,o.jsx)(d,{$textColor:w,$bgColor:b,width:x,height:g,$useCustomColorsAsImportant:y,$isWidthAuto:f,children:e})]})})}},18795:(e,t,i)=>{i.d(t,{n:()=>y});var o=i(37876),r=i(81479);let l=({width:e="80",backgroundColor:t=r.l.primary})=>(0,o.jsxs)("svg",{width:e,height:"80",viewBox:"0 0 80 80",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,o.jsx)("title",{children:"Close"}),(0,o.jsx)("ellipse",{cx:"40",cy:"40",rx:"40",ry:"40",transform:"rotate(-90 40 40)",fill:t}),(0,o.jsx)("line",{x1:"47.0704",y1:"32.9293",x2:"32.928",y2:"47.0717",stroke:"white",strokeWidth:"2"}),(0,o.jsx)("line",{x1:"47.0722",y1:"47.0714",x2:"32.9298",y2:"32.929",stroke:"white",strokeWidth:"2"}),(0,o.jsx)("circle",{cx:"40.0003",cy:"39.9998",r:"30.8519",stroke:"white",strokeWidth:"2"})]}),a=({colorScheme:e="Grey"})=>{let t={playButton:r.l.white,innerCircleBackground:r.l.primary,outerCircleBackground:r.l.white};switch(e){case"Black":t={playButton:r.l.white,innerCircleBackground:r.l.black,outerCircleBackground:r.l.white};break;case"White":t={playButton:r.l.black,innerCircleBackground:r.l.white,outerCircleBackground:r.l.black};break;case"Grey":t={playButton:r.l.white,innerCircleBackground:r.l.primary,outerCircleBackground:r.l.white}}return(0,o.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 109 108",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,o.jsx)("title",{children:"Play"}),(0,o.jsx)("circle",{cx:"54.5",cy:"54",r:"54",transform:"rotate(-90 54.5 54)",fill:t.innerCircleBackgroun
9d}),(0,o.jsx)("path",{d:"M48.5 42L64.5 54.0003L48.5 66V42Z",fill:t.playButton,stroke:t.playButton,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("circle",{cx:"54.5",cy:"54",r:"42",stroke:t.outerCircleBackground,strokeWidth:"2"})]})};var n=i(14232),s=i(41116),c=i.n(s),d=i(97384),m=i(3874),h=i(5646);let p=(0,h.DU)([".Overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.85);z-Index:55;display:flex;align-items:center;}.content{top:50%;left:50%;right:auto;bottom:auto;margin-Right:-50%;background-color:transparent;border:0;padding:0 0 10%;text-align:center;inset:55% auto auto 50%;}"]),u=h.Ay.div.withConfig({componentId:"sc-768046fc-0"})(["div{height:100%;}"]);u.displayName="ModelContainer";let x=h.Ay.button.withConfig({componentId:"sc-768046fc-1"})(["svg{height:31px;width:31px;}"]);x.displayName="Close";let g=m.A.span` 10 mx-auto 11 inline-block 12 cursor-pointer 13`;g.displayName="CloseBtn";let b=h.Ay.div.withConfig({componentId:"sc-768046fc-2"})(["padding-bottom:15px;"]);b.displayName="TitleWrapper";var w=i(46907);let y=({videoID:e="",colorScheme:t="Grey",playButton:i="",title:r,description:s,thumbnailUrls:m,embedUrl:h,uploadDate:y,duration:f,interactionCount:v,video:j,keywords:k,recipeCategory:C,recipeCuisine:$})=>{let[A,B]=(0,n.useState)(!1),N=()=>B(!1),I=(0,o.jsx)(g,{className:"mx-auto inline-block",children:(0,o.jsx)(l,{})}),S=`outline-none sm:w-11/12 md:w-10/12 md:h-modalVideoDesktop 14 transform md:translate-x-12 sm:translate-x-7 md:translate-y-4 xl:translate-y-8 3xl:translate-y-10 sm:-translate-y-20 ${r?"sm:mt-5":"sm:mt-10"} md:mt-0`,M={"@context":"https://schema.org","@type":"VideoObject",name:r,description:s,video:j,keywords:k,recipeCategory:C,recipeCuisine:$,contentUrl:`https://www.youtube.com/watch?v=${e}`,...m&&{thumbnailUrl:m},...h&&{embedUrl:`https://www.youtube.com/embed/${e}`},...y&&{uploadDate:y},...f&&{duration:f},...v&&{interactionStatistic:{"@type":"InteractionCounter",interactionType:{"@type":"WatchAction"},userInteractionCount:v}}};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(p,{}),(0,o.jsx)("button",{onClick:function(){B(!0)},type:"button",children:i||(0,o.jsx)(a,{colorScheme:t})}),(0,o.jsxs)(c(),{isOpen:A,onRequestClose:N,contentLabel:"Example Modal",overlayClassName:"Overlay",ariaHideApp:!1,className:S,children:[(0,o.jsx)("script",{type:"application/ld+json",children:JSON.stringify(M)}),(0,o.jsxs)(b,{className:"flex justify-between items-start sm:flex-col md:flex-row",children:[(0,o.jsx)(x,{role:"button",onClick:N,className:"cursor-default modal-close sm:block md:hidden w-full text-right pb-5",children:I}),r&&(0,o.jsx)(d.Title,{className:"inline-block text-white",tag:"p",type:"sm",children:r}),(0,o.jsx)(x,{role:"button",onClick:N,className:`cursor-default modal-close sm:hidden md:inline-block ${!r&&"w-full text-right"}`,children:I})]}),(0,o.jsx)(u,{className:"bg-white h-4/5 rounded-2xl overflow-hidden modal-main",children:(0,o.jsx)(w.A,{videoid:e,autoplay:!0,mute:!0,width:"100%",height:"100%"})}),s&&(0,o.jsx)(d.Text,{className:"text-white pt-5 pb-1",tag:"p",type:"md",children:s})]})]})}},46907:(e,t,i)=>{i.d(t,{A:()=>n});var o=i(37876),r=i(14232),l=i(77328),a=i.n(l);let n=({videoid:e,playlabel:t="Play",mute:i=!1,controls:l=!0,playsinline:n=!1,autoplay:s=!1,width:c,height:d})=>{let[m,h]=(0,r.useState)(!1),p=encodeURIComponent(e);return(0,o.jsxs)(o.Fragment,{children:[m&&(0,o.jsxs)(a(),{children:[(0,o.jsx)("link",{rel:"preconnect",href:"https://www.youtube-nocookie.com"},"pre-yt"),(0,o.jsx)("link",{rel:"preconnect",href:"https://www.google.com"},"pre-google"),(0,o.jsx)("link",{rel:"preconnect",href:"https://static.doubleclick.net"},"pre-dc"),(0,o.jsx)("link",{rel:"preconnect",href:"https://googleads.g.doubleclick.net"},"pre-google-dc")]}),(0,o.jsx)("article",{className:"w-full h-full flex justify-center items-center",onPointerOver:()=>{m||h(!0)},children:(0,o.jsx)("iframe",{id:"youtube-player",className:"border-0",width:c||560,height:d||315,src:`https://www.youtube-nocookie.com/embed/${p}?${new URLSearchParams({...i?{mute:"1"}:{mute:"0"},...l?{controls:"1"}:{controls:"0"},...n?{playsinline:"1"}:{playsinline:"0"},...s?{autoplay:"1"}:{autoplay:"0"}}).toString()}`,title:t,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})]})}},55319:(e,t,i)=>{i.d(t,{A:()=>a});var o=i(37876),r=i(14232);let l=i(5646).Ay.div.withConfig({componentId:"sc-1062300-0"}
14)(["height:100%;",";"," @media(prefers-reduced-motion:no-preference){",";",";",";","}",";"],({$spinUp:e})=>e?`opacity: 0; 15 @keyframes spin-up { 16 from { 17 transform: rotate(0deg); 18 top: 500px; 19 position: absolute; 20 } 21 to { 22 transform: rotate(360deg); 23 top: 0px; 24 position: relative; 25 } 26 } 27 svg { 28 animation-name: spin-up; 29 animation-duration: 4s; 30 } 31 `:"opacity: 0;",({$bounce:e})=>e?` 32 opacity: 0; 33 @keyframes bounce { 34 from { transform: translateY(110%); opacity: 0; } 35 50% { transform: translateY(-10%); opacity: 1; } 36 to { transform: translateY(0%); opacity: 1; } 37 } 38 `:` 39 opacity: 0; 40 transform: translateY(10vh); 41 `,({$fadeIn:e,$delay:t})=>e&&` 42 transition: opacity ${t} ease-in; 43 will-change: opacity; 44 `,({$bounce:e,$isVisible:t})=>e&&t&&` 45 animation-name: bounce; 46 animation-duration: 1500ms; 47 `,({$fadeIn:e,$bounce:t})=>!e&&!t&&` 48 transition: opacity 600ms ease-out, transform 700ms ease-out; 49 will-change: opacity, transform; 50 `,({$delay:e})=>e&&`transition-delay: ${e}; animation-delay: ${e};`,e=>e.$isVisible?` 51 opacity: 1; 52 transform: none; 53 `:""),a=e=>{let[t,i]=(0,r.useState)(e.isVisible||!1),[a,n]=(0,r.useState)(!1),s=(0,r.useRef)(null);return(0,r.useEffect)(()=>{n(!0)},[]),(0,r.useEffect)(()=>{if(!t&&a&&1){let e=new IntersectionObserver(e=>{e.forEach(e=>{i(e.isIntersecting)})}),t=s.current;if(t)return e.observe(t),()=>e.unobserve(t)}},[t,a]),(0,o.jsx)(l,{$isVisible:t,ref:s,$delay:e.delay,$fadeIn:e.fadeIn,$bounce:e.bounce,$spinUp:e.spinUp,$componentSize:e.$componentSize,children:e.children})}},69208:(e,t,i)=>{i.r(t),i.d(t,{Hero:()=>y});var o=i(37876),r=i(71513),l=i(3874),a=i(55319),n=i(48837),s=i(79879);let c=l.A.div` 54 absolute 55 -top-8 56 -right-8 57 md:-right-24 58 w-metaBallMobile 59 h-metaBallMobile 60 md:w-metaBall 61 md:h-metaBall 62`,d=l.A.div` 63 absolute 64 top-5 65 md:-left-28 66 sm:-top-10 67 sm:-left-10 68 md:w-metaBall 69 md:h-metaBall 70 sm:w-metaBallMobile 71 sm:h-metaBallMobile 72`,m=l.A.div` 73 absolute 74 bottom-12 75 md:-right-24 76 sm:-right-10 77 md:w-metaBall 78 md:h-metaBall 79 sm:w-metaBallMobile 80 sm:h-metaBallMobile 81`,h=l.A.div` 82 absolute 83 md:-bottom-96 84 sm:-bottom-96 85 md:-left-28 86 sm:-left-10 87 md:h-metaBall 88 md:w-metaBall 89 sm:w-metaBallMobile 90 sm:h-metaBallMobile 91`,p=({children:e,topRightImage:t,bottomRightImage:i,bottomLeftImage:r,topLeftImage:l})=>(0,o.jsxs)("section",{className:"relative my-0 p-0 min-w-full z-40 overflow-hidden","data-print":"hide",children:[t&&(0,o.jsx)(a.A,{children:(0,o.jsx)(c,{children:(0,o.jsx)("div",{className:"relative",children:(0,o.jsx)(n.A,{sources:s.M.getPictureSources(t),className:"z-50 absolute ",alt:""})})})}),i&&(0,o.jsx)(a.A,{children:(0,o.jsx)(m,{children:(0,o.jsx)("div",{className:"relative",children:(0,o.jsx)(n.A,{src:i,alt:"",className:"z-20 absolute",width:300,height:300})})})}),r&&(0,o.jsx)(a.A,{children:(0,o.jsx)(h,{children:(0,o.jsx)("div",{className:"relative",children:(0,o.jsx)(n.A,{sources:s.M.getPictureSources(r),className:"z-20 absolute",alt:""})})})}),l&&(0,o.jsx)(a.A,{children:(0,o.jsx)(d,{children:(0,o.jsx)("div",{className:"relative",children:(0,o.jsx)(n.A,{src:l,alt:"",className:"z-20 absolute",width:300,height:300})})})}),e]});var u=i(5646);let x=l.A.div` 92 w-full 93 overflow-x-hidden 94`,g=u.Ay.div.withConfig({componentId:"sc-715dca41-0"})(["position:relative;padding-bottom:40px;"," overflow-x:hidden;z-index:-1;"],({$customColor:e})=>e?`background-color: var(--color-primary,${e});`:"");var b=i(81479),w=i(7710);let y=({topRightImageAsset:e,bottomLeftImageAsset:t,title:i,alignment:l,verticalAlignment:a,verticalAlignmentMobile:n,description:s,imageComponent:c,mobileImage:d,superText:m,textColor:h,primarySubBrandColor:u})=>{let{themeName:y}=(0,w.S)();return(0,o.jsxs)(p,{topRightImage:y===b.j.suprema?void 0:e,bottomLeftImage:y===b.j.suprema?void 0:t,children:[(0,o.jsx)(g,{className:"curve-mask-top ",$customColor:u||"#EFDBB2",children:(0,o.jsx)("div",{className:"curve-mask-bottom",children:(0,o.jsx)(x,{children:(0,o.jsx)(r.H,{bannerSize:"Short",priority:!0,title:i,alignment:l,verticalAlignment:a,verticalAlignmentMobile:n,description:s,image:c?.asset?.[0],mobileImage:d,superText:m,textColor:h})})})}),(0,o.jsx)("div",{className:"md:mb-20 hero-wrapper-container-bottom-sp
94acer"})]})}},82418:(e,t,i)=>{i.r(t),i.d(t,{Hero:()=>l});var o=i(37876),r=i(69208);let l=e=>{let{templateProps:{topRightImageAsset:t,bottomLeftImageAsset:i,title:l,alignment:a,verticalAlignment:n,verticalAlignmentMobile:s,description:c,imageComponent:d,mobileImage:m,superText:h},textColor:p,primarySubBrandColor:u}=e;return(0,o.jsx)(r.Hero,{topRightImageAsset:t,bottomLeftImageAsset:i,title:l,alignment:a,verticalAlignment:n,verticalAlignmentMobile:s,description:c,imageComponent:d,mobileImage:m,superText:h,textColor:p,primarySubBrandColor:u})}}}]); 95//# sourceMappingURL=4636.cec57dc077096500.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.