1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2545,6617,9833],{9833:(e,t,o)=>{o.r(t),o.d(t,{LiquidButton:()=>p});var i=o(37876),r=o(76823);let n=({children:e,variant:t="body",as:o="p",type:n="m",className:l,"data-testid":a,onMouseEnter:s,onMouseLeave:c,onClick:d})=>(0,i.jsx)(o,{className:(0,r.f)([`text-${t}-${n} leading-${t}-${n} tracking-${t}-${n}`],l),onMouseEnter:s,onMouseLeave:c,onClick:d,children:e});var l=o(5646),a=o(81479);let s=l.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=l.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||a.l.white}; 3 `:`border: 1px solid var(--color-text, ${a.l.white});`,e=>`${e.height-10}px`,e=>e.$isWidthAuto?"calc(100% - 10px)":`${e.width-10}px`),d=l.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||a.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`),p=({text:e,className:t,onButtonClick:o=()=>{},disabled:l=!1,variant:a="none",type:p="button",dataTest:h,as:u="div",...m})=>{if("none"!==a)return(0,i.jsx)(u,{type:p,onClick:o,disabled:l,className:(0,r.f)("font-secondary min-w-[150px] rounded-[100px] p-[5px] text-center",{"text-white bg-primary":"primary"===a,"text-black bg-white":"secondary"===a},t),children:(0,i.jsx)("div",{className:"border-1 border-white inline-block w-full rounded-[100px]",children:(0,i.jsx)(n,{className:"p-3",children:e})})});if(0===Object.keys(m).length)return null;let{width:x,height:y,color:g,textColor:w,useCustomColorsAsImportant:f,isWidthAuto:b}=m||{width:0,height:0,color:"transparent",textColor:"transparent",useCustomColorsAsImportant:!1,isWidthAuto:!1};return(0,i.jsx)(u,{onClick:o,disabled:l,type:p,children:(0,i.jsxs)(s,{width:x,height:y,$isWidthAuto:b,children:[(0,i.jsx)(c,{width:x,height:y,$color:w,$useCustomColorsAsImportant:f,$isWidthAuto:b}),(0,i.jsx)(d,{$textColor:w,$bgColor:g,width:x,height:y,$useCustomColorsAsImportant:f,$isWidthAuto:b,children:e})]})})}},18795:(e,t,o)=>{o.d(t,{n:()=>f});var i=o(37876),r=o(81479);let n=({width:e="80",backgroundColor:t=r.l.primary})=>(0,i.jsxs)("svg",{width:e,height:"80",viewBox:"0 0 80 80",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("title",{children:"Close"}),(0,i.jsx)("ellipse",{cx:"40",cy:"40",rx:"40",ry:"40",transform:"rotate(-90 40 40)",fill:t}),(0,i.jsx)("line",{x1:"47.0704",y1:"32.9293",x2:"32.928",y2:"47.0717",stroke:"white",strokeWidth:"2"}),(0,i.jsx)("line",{x1:"47.0722",y1:"47.0714",x2:"32.9298",y2:"32.929",stroke:"white",strokeWidth:"2"}),(0,i.jsx)("circle",{cx:"40.0003",cy:"39.9998",r:"30.8519",stroke:"white",strokeWidth:"2"})]}),l=({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,i.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 109 108",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("title",{children:"Play"}),(0,i.jsx)("circle",{cx:"54.5",cy:"54",r:"54",transform:"rotate(-90 54.5 54)",fill:t.innerCircleBackgroun
9d}),(0,i.jsx)("path",{d:"M48.5 42L64.5 54.0003L48.5 66V42Z",fill:t.playButton,stroke:t.playButton,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("circle",{cx:"54.5",cy:"54",r:"42",stroke:t.outerCircleBackground,strokeWidth:"2"})]})};var a=o(14232),s=o(41116),c=o.n(s),d=o(97384),p=o(3874),h=o(5646);let u=(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%;}"]),m=h.Ay.div.withConfig({componentId:"sc-768046fc-0"})(["div{height:100%;}"]);m.displayName="ModelContainer";let x=h.Ay.button.withConfig({componentId:"sc-768046fc-1"})(["svg{height:31px;width:31px;}"]);x.displayName="Close";let y=p.A.span` 10 mx-auto 11 inline-block 12 cursor-pointer 13`;y.displayName="CloseBtn";let g=h.Ay.div.withConfig({componentId:"sc-768046fc-2"})(["padding-bottom:15px;"]);g.displayName="TitleWrapper";var w=o(46907);let f=({videoID:e="",colorScheme:t="Grey",playButton:o="",title:r,description:s,thumbnailUrls:p,embedUrl:h,uploadDate:f,duration:b,interactionCount:k,video:$,keywords:C,recipeCategory:j,recipeCuisine:v})=>{let[A,N]=(0,a.useState)(!1),B=()=>N(!1),I=(0,i.jsx)(y,{className:"mx-auto inline-block",children:(0,i.jsx)(n,{})}),W=`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`,S={"@context":"https://schema.org","@type":"VideoObject",name:r,description:s,video:$,keywords:C,recipeCategory:j,recipeCuisine:v,contentUrl:`https://www.youtube.com/watch?v=${e}`,...p&&{thumbnailUrl:p},...h&&{embedUrl:`https://www.youtube.com/embed/${e}`},...f&&{uploadDate:f},...b&&{duration:b},...k&&{interactionStatistic:{"@type":"InteractionCounter",interactionType:{"@type":"WatchAction"},userInteractionCount:k}}};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(u,{}),(0,i.jsx)("button",{onClick:function(){N(!0)},type:"button",children:o||(0,i.jsx)(l,{colorScheme:t})}),(0,i.jsxs)(c(),{isOpen:A,onRequestClose:B,contentLabel:"Example Modal",overlayClassName:"Overlay",ariaHideApp:!1,className:W,children:[(0,i.jsx)("script",{type:"application/ld+json",children:JSON.stringify(S)}),(0,i.jsxs)(g,{className:"flex justify-between items-start sm:flex-col md:flex-row",children:[(0,i.jsx)(x,{role:"button",onClick:B,className:"cursor-default modal-close sm:block md:hidden w-full text-right pb-5",children:I}),r&&(0,i.jsx)(d.Title,{className:"inline-block text-white",tag:"p",type:"sm",children:r}),(0,i.jsx)(x,{role:"button",onClick:B,className:`cursor-default modal-close sm:hidden md:inline-block ${!r&&"w-full text-right"}`,children:I})]}),(0,i.jsx)(m,{className:"bg-white h-4/5 rounded-2xl overflow-hidden modal-main",children:(0,i.jsx)(w.A,{videoid:e,autoplay:!0,mute:!0,width:"100%",height:"100%"})}),s&&(0,i.jsx)(d.Text,{className:"text-white pt-5 pb-1",tag:"p",type:"md",children:s})]})]})}},46907:(e,t,o)=>{o.d(t,{A:()=>a});var i=o(37876),r=o(14232),n=o(77328),l=o.n(n);let a=({videoid:e,playlabel:t="Play",mute:o=!1,controls:n=!0,playsinline:a=!1,autoplay:s=!1,width:c,height:d})=>{let[p,h]=(0,r.useState)(!1),u=encodeURIComponent(e);return(0,i.jsxs)(i.Fragment,{children:[p&&(0,i.jsxs)(l(),{children:[(0,i.jsx)("link",{rel:"preconnect",href:"https://www.youtube-nocookie.com"},"pre-yt"),(0,i.jsx)("link",{rel:"preconnect",href:"https://www.google.com"},"pre-google"),(0,i.jsx)("link",{rel:"preconnect",href:"https://static.doubleclick.net"},"pre-dc"),(0,i.jsx)("link",{rel:"preconnect",href:"https://googleads.g.doubleclick.net"},"pre-google-dc")]}),(0,i.jsx)("article",{className:"w-full h-full flex justify-center items-center",onPointerOver:()=>{p||h(!0)},children:(0,i.jsx)("iframe",{id:"youtube-player",className:"border-0",width:c||560,height:d||315,src:`https://www.youtube-nocookie.com/embed/${u}?${new URLSearchParams({...o?{mute:"1"}:{mute:"0"},...n?{controls:"1"}:{controls:"0"},...a?{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,o)=>{o.d(t,{A:()=>l});var i=o(37876),r=o(14232);let n=o(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 `:""),l=e=>{let[t,o]=(0,r.useState)(e.isVisible||!1),[l,a]=(0,r.useState)(!1),s=(0,r.useRef)(null);return(0,r.useEffect)(()=>{a(!0)},[]),(0,r.useEffect)(()=>{if(!t&&l&&1){let e=new IntersectionObserver(e=>{e.forEach(e=>{o(e.isIntersecting)})}),t=s.current;if(t)return e.observe(t),()=>e.unobserve(t)}},[t,l]),(0,i.jsx)(n,{$isVisible:t,ref:s,$delay:e.delay,$fadeIn:e.fadeIn,$bounce:e.bounce,$spinUp:e.spinUp,$componentSize:e.$componentSize,children:e.children})}}}]); 54//# sourceMappingURL=6617.e6b6d31bc985dc2f.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.