1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[333],{2123:function(e,t,a){"use strict";a.r(t),a.d(t,{PinContainer:function(){return o},PinPerspective:function(){return l}});var r=a(5893),n=a(7294),s=a(3979),i=a(562),o=function(e){var t=e.children,a=e.title,s=e.href,o=e.className,c=e.containerClassName,d=(0,n.useState)("translate(-50%,-50%) rotateX(0deg)"),p=d[0],u=d[1];return(0,r.jsxs)("div",{className:(0,i.cn)("relative group/pin z-50 cursor-pointer",c),onClick:function(){window.open(s,"_blank")},onMouseEnter:function(){u("translate(-50%,-50%) rotateX(0deg) scale(0.8)")},onMouseLeave:function(){u("translate(-50%,-50%) rotateX(0deg) scale(1)")},children:[(0,r.jsx)("div",{style:{perspective:"1000px",transform:"rotateX(70deg) translateZ(0deg)"},className:"absolute left-1/2 top-1/2 ml-[0.09375rem] mt-4 -translate-x-1/2 -translate-y-1/2",children:(0,r.jsx)("div",{style:{transform:p},className:"absolute left-1/2 p-4 top-1/2 flex justify-start items-start rounded-2xl shadow-[0_8px_16px_rgb(0_0_0/0.4)] bg-black border border-white/[0.1] group-hover/pin:border-white/[0.2] transition duration-700 overflow-hidden",children:(0,r.jsx)("div",{className:(0,i.cn)(" relative z-50 ",o),children:t})})}),(0,r.jsx)(l,{title:a,href:s})]})},l=function(e){var t=e.title,a=e.href;return(0,r.jsx)(s.E.div,{className:"pointer-events-none w-96 h-80 flex items-center justify-center opacity-0 group-hover/pin:opacity-100 z-[60] transition duration-500",children:(0,r.jsxs)("div",{className:" w-full h-full -mt-7 flex-none inset-0",children:[(0,r.jsx)("div",{className:"absolute top-0 left-12 flex justify-center",onClick:function(){window.open(a,"_blank")},children:(0,r.jsxs)("a",{href:a,target:"_blank",className:"relative flex space-x-2 items-center z-10 rounded-full bg-zinc-950 py-0.5 px-4 ring-1 ring-white/10 ",rel:"noreferrer",children:[(0,r.jsx)("span",{className:"relative z-20 text-white text-xs font-bold inline-block py-0.5 tracking-wider",children:t}),(0,r.jsx)("span",{className:"absolute -bottom-0 left-[1.125rem] h-px w-[calc(100%-2.25rem)] bg-gradient-to-r from-emerald-400/0 via-emerald-400/90 to-emerald-400/0 transition-opacity duration-500 group-hover/btn:opacity-40"})]})}),(0,r.jsx)("div",{style:{perspective:"1000px",transform:"rotateX(70deg) translateZ(0)"},className:"absolute left-1/2 top-1/2 ml-[0.09375rem] mt-4 -translate-x-1/2 -translate-y-1/2",children:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.E.div,{initial:{opacity:0,scale:0,x:"-50%",y:"-50%"},animate:{opacity:[0,1,.5,0],scale:1,z:0},transition:{duration:6,repeat:1/0,delay:0},className:"absolute left-1/2 top-1/2 h-[11.25rem] w-[11.25rem] rounded-[50%] bg-sky-500/[0.08] shadow-[0_8px_16px_rgb(0_0_0/0.4)]"}),(0,r.jsx)(s.E.div,{initial:{opacity:0,scale:0,x:"-50%",y:"-50%"},animate:{opacity:[0,1,.5,0],scale:1,z:0},transition:{duration:6,repeat:1/0,delay:2},className:"absolute left-1/2 top-1/2 h-[11.25rem] w-[11.25rem] rounded-[50%] bg-sky-500/[0.08] shadow-[0_8px_16px_rgb(0_0_0/0.4)]"}),(0,r.jsx)(s.E.div,{initial:{opacity:0,scale:0,x:"-50%",y:"-50%"},animate:{opacity:[0,1,.5,0],scale:1,z:0},transition:{duration:6,repeat:1/0,delay:4},className:"absolute left-1/2 top-1/2 h-[11.25rem] w-[11.25rem] rounded-[50%] bg-sky-500/[0.08] shadow-[0_8px_16px_rgb(0_0_0/0.4)]"})]})}),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.E.div,{className:" -translate-x-[44.5px] translate-y-[24px] -rotate-[28deg] absolute right-1/2 bottom-1/2 bg-gradient-to-b from-transparent to-cyan-500 w-px h-48 group-hover/pin:h-48 blur-[2px]"}),(0,r.jsx)(s.E.div,{className:" -translate-x-[44.5px] translate-y-[24px] -rotate-[28deg] absolute right-1/2 bottom-1/2 bg-gradient-to-b from-transparent to-cyan-500 w-px h-40 group-hover/pin:h-48 "}),(0,r.jsx)(s.E.div,{className:"absolute right-1/2 translate-x-[1.5px] bottom-1/2 bg-cyan-600 translate-y-[14px] w-[4px] h-[4px] rounded-full z-40 blur-[3px]"}),(0,r.jsx)(s.E.div,{className:"absolute right-1/2 translate-x-[0.5px] bottom-1/2 bg-cyan-300 translate-y-[14px] w-[2px] h-[2px] rounded-full z-40 "})]})]})})};t.default=o},562:function(e,t,a){"use strict";a.d(t,{cn:function(){return s}});var r=a(1410),n=a(2668);function s(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];return(0,n.m6)((0,r.W)(t))}},8955:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_components/Pin",function(){return a(2123)}])}},function(e){e.O(0,[650,774,888,179],(function(){return t=8955,e(e.s=t);var t}));var t=e.O();_N_E=t}]);
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.