(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[97260],{99898:(e,s,t)=>{"use strict";t.d(s,{A:()=>p});var n=t(87687),i=t(52751),a=t(31928);let r=(0,a.I)("svg")({name:"Svg",class:"s7liaeo",propsAsIs:!1}),l=(0,a.I)("circle")({name:"MaskCircle",class:"mr69cpx",propsAsIs:!0}),o=(0,a.I)("circle")({name:"MainCircle",class:"moidzyn",propsAsIs:!0}),p=function(e){let{isPopped:s}=e,t=i.useId();return s?(0,n.jsxs)(r,{viewBox:"0 0 100 100",fill:"none",children:[(0,n.jsx)("defs",{children:(0,n.jsxs)("mask",{id:"".concat(t,"-pop-mask"),children:[(0,n.jsx)("rect",{x:"0",y:"0",width:"100",height:"100",fill:"white"}),(0,n.jsx)(l,{cx:"50",cy:"50",r:"0",fill:"black"})]})}),(0,n.jsx)(o,{mask:"url(#".concat(t,"-pop-mask)"),cx:"50",cy:"50",r:"0",fill:"hsl(270deg 100% 80%)"})]}):null};t(34504)},97260:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>k});var n=t(87687),i=t(52751),a=t(31928),r=t(20120),l=t(68852),o=t(47128),p=t(42432),d=t(99898);let c=(0,a.I)("button")({name:"Button",class:"bkjso1j",propsAsIs:!1}),u=(0,a.I)("svg")({name:"Svg",class:"swb35in",propsAsIs:!1}),h=(0,a.I)("path")({name:"HeartPath",class:"hyxdesd",propsAsIs:!0}),m=(0,a.I)("span")({name:"LegacyTwinkleWrapper",class:"l9pgq4g",propsAsIs:!1}),w=(0,a.I)("span")({name:"LegacyParticle",class:"lqjrroj",propsAsIs:!1}),y=(0,a.I)("span")({name:"Particle",class:"p2hwk9e",propsAsIs:!1}),f=function(e){let{chaos:s,twinkleIntensity:t}=e,[a,r]=(0,o.A)(!1),[f,g]=i.useState([]),[k,x]=i.useState(!1);return i.useEffect(()=>{var e,s;(null===(s=window.CSS)||void 0===s?void 0:null===(e=s.supports)||void 0===e?void 0:e.call(s,"hyphens","auto"))||x(!0)},[]),i.useEffect(()=>{let e=window.setInterval(()=>{let e=Date.now();g(s=>s.filter(s=>e-s.createdAt<4e3))},4e3);return()=>{window.clearInterval(e)}},[f]),(0,n.jsxs)(c,{onClick:function(){if(a){r(!1);return}r(!0),window.setTimeout(()=>{g([...f,...function(e){let s=(0,l.S8)(e,0,1,12,30);return(0,l.y1)(s).map(t=>{let n=(0,l.S8)(t,0,s,0,360),i=20*e,a=n+(0,l.yT)(-i,i),r=(0,l.jh)(t%2==0?45:55,(0,l.yT)(32,64),e),o=1e3*e,p=Math.max((0,l.S8)(r,32,64,500,1e3)+(0,l.yT)(-o,o),200),d=300*e,c=p+(0,l.yT)(-d,d)+900,u=(0,l.jh)(300,(0,l.yT)(0,1e3),e),h=(0,l.yT)(0,360),m=(0,l.yT)(180,720),w=(0,l.S8)(e,0,1,100,70),y=(0,l.yT)(200,500);return{id:crypto.randomUUID(),angle:a,distance:r,size:(0,l.jh)(12,(0,l.yT)(6,20),e),createdAt:Date.now(),popDuration:p,fadeDuration:c,fadeDelay:u,startHue:h,hueShift:m,lightness:w,twinkleOpacity:0,twinkleDuration:y}})}(s)])},150)},children:[(0,n.jsx)(d.A,{isPopped:a}),f.map(e=>k?(0,n.jsx)(m,{style:{"--angle":e.angle+"deg","--distance":e.distance+"px","--size":e.size+"px","--pop-duration":e.popDuration+"ms","--twinkle-opacity":(0,l.S8)(t,0,1,1,e.twinkleOpacity),"--twinkle-duration":e.twinkleDuration+"ms"},children:(0,n.jsx)(w,{style:{"--fade-duration":e.fadeDuration+"ms","--fade-delay":e.fadeDelay+"ms","--from-hue":e.startHue+"deg","--to-hue":e.hueShift+"deg","--lightness":e.lightness+"%"}})},e.id):(0,n.jsx)(y,{style:{"--angle":e.angle+"deg","--distance":e.distance+"px","--size":e.size+"px","--pop-duration":e.popDuration+"ms","--fade-duration":e.fadeDuration+"ms","--fade-delay":e.fadeDelay+"ms","--from-hue":e.startHue+"deg","--to-hue":e.hueShift+"deg","--lightness":e.lightness+"%","--twinkle-opacity":(0,l.S8)(t,0,1,1,e.twinkleOpacity),"--twinkle-duration":e.twinkleDuration+"ms"}},e.id)),(0,n.jsx)(u,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:(0,n.jsx)(h,{d:"M3.68546 5.43796C8.61936 1.29159 11.8685 7.4309 12.0406 7.4309C12.2126 7.43091 15.4617 1.29159 20.3956 5.43796C26.8941 10.8991 13.5 21.8215 12.0406 21.8215C10.5811 21.8215 -2.81297 10.8991 3.68546 5.43796Z","data-liked":a})}),(0,n.jsx)(p.A,{children:"Like this post"})]})};t(95341);let g=(0,a.I)("div")({name:"Wrapper",class:"w19amszz",propsAsIs:!1}),k=function(){return(0,n.jsx)(r.Ay,{initialValues:{twinkleIntensity:0},outputWrapper:null,customGrid:{gridTemplateColumns:"min(400px, 100%)",justifyContent:"center"},controls:[(0,n.jsx)(r.oP,{highlightControlWhenActive:!0,id:"twinkleIntensity",label:"Twinkle Intensity",min:0,max:1,step:.01,previewRenderer:e=>"".concat(Math.round(100*Number(e)),"%")},"twinkleIntensity")],children:e=>{let{twinkleIntensity:s}=e;return(0,n.jsx)(g,{children:(0,n.jsx)(f,{chaos:.5,twinkleIntensity:s})})}})};t(11967)},95341:e=>{e.exports={bkjso1j:"bkjso1j",swb35in:"swb35in",hyxdesd:"hyxdesd",fromShrunken:"fromShrunken",l9pgq4g:"l9pgq4g","twinkle-l9pgq4g":"twinkle-l9pgq4g",fromRestingPosition:"fromRestingPosition",lqjrroj:"lqjrroj",hueShift:"hueShift",fadeToTransparent:"fadeToTransparent",p2hwk9e:"p2hwk9e","twinkle-p2hwk9e":"twinkle-p2hwk9e"}},34504:e=>{e.exports={s7liaeo:"s7liaeo",mr69cpx:"mr69cpx","grow-mr69cpx":"grow-mr69cpx",fadeToTransparent:"fadeToTransparent",moidzyn:"moidzyn","grow-moidzyn":"grow-moidzyn","colorShift-moidzyn":"colorShift-moidzyn"}},11967:e=>{e.exports={w19amszz:"w19amszz"}}}]);
//# sourceMappingURL=97260.bdba183c16ab535c.js.map