1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[59],{7157:function(n,e,t){t.d(e,{g:function(){return SkeletonLoader}});var i=t(2729),o=t(5893),r=t(3187),a=t(1893);function _templateObject(){let n=(0,i._)(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--color-effect, rgba(255, 255, 255, 0.1));\n overflow: hidden;\n\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n transform: translateX(-100%);\n background: linear-gradient(90deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0.1) 20%, rgba(100, 100, 100, 0.2) 60%, rgba(100, 100, 100, 0));\n content: '';\n }\n\n &.-animate {\n &::after {\n animation: shimmer 1s infinite;\n }\n }\n\n @keyframes shimmer {\n 100% {\n transform: translateX(100%);\n }\n }\n"]);return _templateObject=function(){return n},n}let l=a.ZP.div.withConfig({componentId:"sc-750f3c1b-0"})(_templateObject()),SkeletonLoader=n=>{let{...e}=n,[t,i]=(0,r.YD)();return(0,o.jsx)(l,{...e,ref:t,className:i?"-animate":""})}},8403:function(n,e,t){var i=t(2729),o=t(5893),r=t(7294),a=t(3187),l=t(1893),s=t(7157);function _templateObject(){let n=(0,i._)(["\n position: relative;\n overflow: hidden;\n\n video {\n position: absolute;\n top: 0; left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n /* .loader {\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n --size-loader: 1.5em;\n opacity: .5;\n width: var(--size-loader, 1.25em) !important;\n height: var(--size-loader, 1.25em) !important;\n \n div {\n width: var(--size-loader, 1.25em) !important;\n height: var(--size-loader, 1.25em) !important;\n }\n } */\n"]);return _templateObject=function(){return n},n}let c=l.ZP.span.withConfig({componentId:"sc-994fa93-0"})(_templateObject()),d=(0,r.forwardRef)((n,e)=>{let{src:t,width:i,strategy:l="load",height:d,className:h,poster:p,rootMargin:f="1000px 1000px",enableLoader:u=!0,enableLoad:m=!0,...g}=n,b=(0,r.useRef)(null),[v,w]=(0,r.useState)(!1),[x,j]=(0,r.useState)(""),[C,k]=(0,r.useState)(""),[y,_]=(0,a.YD)({rootMargin:f});return(0,r.useImperativeHandle)(e,()=>b.current),(0,r.useEffect)(()=>{j("")},[t]),(0,r.useEffect)(()=>{k("")},[p]),(0,r.useEffect)(()=>{if("load"===l){j(t),k(p);return}if(_&&"lazy"===l&&!C&&p&&k(p),_&&"lazy"===l&&!x&&m){j(t),setTimeout(()=>{var n;null===(n=b.current)||void 0===n||n.play()},10);return}},[l,_,m,t,p]),(0,r.useEffect)(()=>{if(_){if(b.current.paused){var n;null===(n=b.current)||void 0===n||n.play()}}else b.current.paused||b.current.pause()},[_,x]),(0,o.jsxs)(c,{ref:y,className:h,style:{width:i,height:d},...g,children:[(0,o.jsx)("video",{onLoad:()=>w(!0),onCanPlayThrough:()=>w(!0),poster:C,ref:b,src:x,playsInline:!0,loop:!0,muted:!0}),!v&&u?(0,o.jsx)(s.g,{className:"loader"}):null]})});d.displayName="VideoPlayer",e.Z=d},6059:function(n,e,t){t.r(e),t.d(e,{NavPanel:function(){return NavPanel},StyledNavigationFade:function(){return y},useNavPanel:function(){return x}});var i=t(2729),o=t(5893),r=t(3445),a=t(7294),l=t(1893),s=t(4882),c=t(3187),d=t(9286),h=t(4863),p=t(4910),f=t(5809),u=t(8403),m=t(5962),g=t(7026),b=t(8315),v=t(8431),w=t(3669);function _templateObject(){let n=(0,i._)(["\n position: fixed;\n bottom: ",";\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: ",";\n border-radius: ",";\n border: 1px solid #212121;\n padding: 0 ",";\n z-index: 103;\n\n width: ",";\n height: ",";\n transition: width .4s ease-out;\n\n &.-active {\n width: ",";\n }\n\n .logo, .logo-home {\n position: relative;\n width: ",";\n height: ",";\n background-color: ",";\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .logo-home {\n background: none;\n svg {\n position: absolute;\n top: 0; left: 0;\n width: 100%;\n height: 100%;\n transform: scale(1.1);\n transition: transform .3s ease-in-out, opacity .3s ease-in-out;\n }\n\n &:hover {\n svg {\n transform: scale(1.2);\n opacity: .8;\n }\n }\n\n &:active {\n svg {\n transition: transform .15s ease-in-out, opacity .15s ease-in-out;\n transform: scale(1);\n opacity: 1;\n }\n }\n }\n\n .action-btn {\n font-size: ",";\n line-height: 1.2;\n cursor: pointer;\n ","\n width: ",";\n position: relative;\n white-space: nowrap;\n \n &::before {\n content: '';\n position: absolute;\n bottom: 0; left: 0;\n width: 100%;\n height: 1px;\n background-color: rgba(255, 255, 255, 0.3);\n }\n\n &:hover {\n &::before {\n background-color: rgba(255, 255, 255, 0.8);\n }\n }\n\n >span>span {\n ","\n white-space: nowrap;\n }\n }\n\n .btn {\n position: relative;\n width: ",";\n height: ",";\n cursor: pointer;\n\n &::before {\n content: '';\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n width: 200%;\n height: 200%;\n }\n\n &.-active {\n >:first-child {\n transform: translate(-50%, -50%) rotate(45deg) !important;\n }\n >:last-child {\n transform: translate(-50%, -50%) rotate(-45deg) !important;\n }\n }\n\n &:hover {\n >:first-child {\n transform: translate(-50%, calc(-50% - ","));\n }\n >:last-child {\n transform: translate(-50%, calc(-50% + ","));\n }\n }\n\n > svg {\n position: absolute;\n width: 100%;\n height: auto;\n top: 50%;\n left: 50%;\n transform-origin: center center;\n transform: translate(-50%, -50%);\n transition: transform .3s ease-in-out;\n }\n\n >:first-child {\n transform: translate(-50%, calc(-50% - ","));\n }\n >:last-child {\n transform: translate(-50%, calc(-50% + ","));\n }\n }\n"]);
1return _templateObject=function(){return n},n}function _templateObject1(){let n=(0,i._)(["\n position: absolute;\n bottom: calc(100% + ",");\n left: 0;\n width: 100%;\n pointer-events: none;\n height: ",";\n\n .wrapper {\n width: 100%;\n /* height: 100%; */\n max-height: 0;\n overflow: hidden;\n pointer-events: all;\n background-color: ",";\n border-radius: ",";\n border: 1px solid #212121;\n }\n\n .content {\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n gap: ",";\n height: 100%;\n padding-top: ",";\n /* padding: "," ","; */\n }\n\n .group {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: ",";\n --animated-link-second-color: #ffffff;\n\n .group-links {\n display: flex;\n gap: ",";\n }\n }\n\n .title {\n ","\n font-size: ",";\n line-height: 1.2;\n color: rgba(255, 255, 255, 0.6);\n }\n\n .video {\n width: 100%;\n height: ",";\n\n &::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%;\n height: 20%;\n background: linear-gradient(to top, rgba(5, 5, 5, 0), #050505);\n z-index: 2;\n }\n\n > * {\n mix-blend-mode: lighten;\n }\n\n * {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n"]);return _templateObject1=function(){return n},n}function _templateObject2(){let n=(0,i._)(["\n position: fixed;\n top: 0; left: 0;\n width: 100%;\n height: 100%;\n pointer-events: all;\n background-color: rgba(0, 0, 0, .1);\n backdrop-filter: blur(10px);\n z-index: 102;\n"]);return _templateObject2=function(){return n},n}let x=(0,r.Ue)((n,e)=>({active:!1,setActive:e=>n({active:e}),projectLink:"",setProjectLink:e=>n({projectLink:e})})),j=[{title:"Follow us on Social Media",links:[{label:"Instagram",href:"https://www.instagram.com/textura.ag/"},{label:"Linkedin",href:"https://pl.linkedin.com/company/textura-agency"},{label:"Github",href:"https://github.com/textura-agency"}]},{title:"For collaboration",links:[{label:"[email protected]",href:"mailto:[email protected]"}]}],NavPanel=()=>{let n=x(n=>n.active),e=x(n=>n.setActive);x(n=>n.projectLink);let[t,i]=(0,s.useCalendar)(n=>[n.open,n.opened]),r=(0,a.useRef)(null),l=(0,a.useRef)(null);(0,a.useEffect)(()=>void e(!1),[i]);let d=(0,c.q_)({opacity:n?"1":"0",config:{duration:300,easing:c.Z5.easeInOutQuad}}),h=(0,c.q_)({maxHeight:n?"100%":"0%",opacity:n?"1":"0",delay:n?200:0,config:c.vc.gentle});(0,a.useEffect)(()=>{function handleClickOutside(n){n.target&&r.current&&!r.current.contains(n.target)&&e(!1)}return document.addEventListener("mousedown",handleClickOutside),()=>{document.removeEventListener("mousedown",handleClickOutside)}},[e]);let f=(0,b.Q)(n=>n.scrolled),_=(0,g.V)(n=>n.visible),L=(0,c.q_)({opacity:_&&!f?1:0,scale:_&&!f?1:.9,x:"-50%",config:c.vc.slow});(0,a.useEffect)(()=>{_||e(!1)},[_]);let{pathname:N}=(0,v.TE)();return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(C,{className:n?"-active":"",style:{...L,pointerEvents:_&&!f?"auto":"none"},children:["/"===N?(0,o.jsx)("div",{className:"logo",onClick:()=>(0,m.K)()}):(0,o.jsx)(v.qw,{className:"logo-home",href:"/","data-tooltip-id":"tooltip","data-tooltip-content":"Go to homepage",children:(0,o.jsxs)("svg",{width:"100",height:"100",viewBox:"0 0 100 100",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,o.jsx)("path",{d:"M5.59963 22.9872C20.45 15.9704 35.3054 8.96013 50.1544 1.93945C65.0008 8.96276 79.8551 15.9704 94.7054 22.9885C94.6963 24.1351 94.7313 25.2842 94.6846 26.4307C64.9957 26.4203 35.3068 26.4203 5.61789 26.4294C5.5763 25.2829 5.60745 24.1351 5.59963 22.9872Z",fill:"white",stroke:"white",strokeWidth:"0.0121723"}),(0,o.jsx)("path",{d:"M14.1914 27.9995C38.1671 27.9917 62.1416 27.9917 86.1161 27.9995C86.094 29.8719 86.1083 31.7442 86.1083 33.6166C71.6138 33.6464 57.11
179 33.6204 42.6234 33.6296C33.1486 33.6205 23.6726 33.6464 14.1979 33.6153C14.2005 31.7442 14.2122 29.8718 14.1914 27.9995Z",fill:"white",stroke:"white",strokeWidth:"0.0121723"}),(0,o.jsx)("path",{d:"M17.4745 35.206C20.1856 35.2022 22.8968 35.2022 25.6092 35.206C26.0248 49.7889 26.4532 64.3717 26.8531 78.9545C23.3616 78.9519 19.8701 78.9545 16.3799 78.9532C16.7551 64.3704 17.1161 49.7889 17.4745 35.206Z",fill:"white",stroke:"white",strokeWidth:"0.0121723"}),(0,o.jsx)("path",{d:"M74.5425 35.2031C77.255 35.2096 79.9687 35.1966 82.6824 35.2096C83.0823 49.7912 83.5056 64.3727 83.929 78.9542C80.4374 78.9581 76.9473 78.9542 73.457 78.9568C73.8037 64.3714 74.1855 49.7872 74.5425 35.2031Z",fill:"white",stroke:"white",strokeWidth:"0.0121723"}),(0,o.jsx)("path",{d:"M9.8091 80.5273C36.7064 80.5208 63.6024 80.5208 90.4996 80.5273C90.4827 82.3984 90.497 84.2707 90.4919 86.1418C92.1032 86.1483 93.7146 86.1483 95.326 86.1418C95.3194 88.0181 95.3194 89.8956 95.326 91.7719C96.8893 91.7719 98.4526 91.7692 100.016 91.7732C100.02 93.6507 100.02 95.527 100.016 97.4045C66.7745 97.4097 33.5343 97.4084 0.292805 97.4058C0.288927 95.5283 0.286302 93.6508 0.294118 91.7732C1.85742 91.7705 3.42079 91.7705 4.9841 91.7732C4.98797 89.8956 4.98797 88.0181 4.98278 86.1418C6.59418 86.1496 8.20552 86.1483 9.81686 86.1431C9.81167 84.2707 9.82599 82.3984 9.8091 80.5273Z",fill:"white",stroke:"white",strokeWidth:"0.0121723"}),(0,o.jsx)("path",{d:"M55.5816 35.2081L63.7124 35.2056L64.9602 78.9553H54.4844L55.5816 35.2081Z",fill:"white"}),(0,o.jsx)("path",{d:"M36.4956 35.2031L44.6382 35.2109L45.8873 78.9555L35.3984 78.9373L36.4956 35.2031Z",fill:"white"})]})}),(0,o.jsx)(v.qw,{href:"/assistant",className:"action-btn","aria-label":"Let's talk!",onClick:()=>{e(!1)},children:(0,o.jsx)(w.S,{tag:"span",children:"Let's talk!"})}),(0,o.jsxs)("div",{className:"btn"+(n?" -active":""),onClick:()=>e(!n),children:[(0,o.jsx)("svg",{width:"20",height:"3",viewBox:"0 0 20 3",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("path",{d:"M20 0L20 2.13333C20 2.13333 16.0241 1.51111 10 1.51111C3.9759 1.51111 -1.13633e-06 2.13333 -1.13633e-06 2.13333L-1.04308e-06 -8.74228e-07C-1.04308e-06 -8.74228e-07 3.9759 0.622222 10 0.622222C16.0241 0.622222 20 0 20 0Z",fill:"#D9D9D9"})}),(0,o.jsx)("svg",{width:"20",height:"3",viewBox:"0 0 20 3",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("path",{d:"M20 0L20 2.13333C20 2.13333 16.0241 1.51111 10 1.51111C3.9759 1.51111 -1.13633e-06 2.13333 -1.13633e-06 2.13333L-1.04308e-06 -8.74228e-07C-1.04308e-06 -8.74228e-07 3.9759 0.622222 10 0.622222C16.0241 0.622222 20 0 20 0Z",fill:"#D9D9D9"})})]}),(0,o.jsx)(k,{children:(0,o.jsx)(c.q.div,{className:"wrapper",style:h,children:(0,o.jsxs)("div",{className:"content",ref:l,children:[j.map((n,t)=>(0,o.jsxs)("div",{className:"group",children:[(0,o.jsx)("p",{className:"title",children:n.title}),(0,o.jsx)("div",{className:"group-links",children:n.links.map((n,t)=>(0,o.jsx)(p.Z,{label:n.label,onClick:()=>e(!1),href:n.href,children:n.label},t))})]},t)),(0,o.jsx)(u.Z,{className:"video",src:"/video/navigation.mp4",poster:"",strategy:"lazy"})]})})})]}),(0,o.jsx)(y,{onClick:()=>e(!1),style:{...d,pointerEvents:n?"all":"none"}})]})},C=(0,l.ZP)(c.q.div).withConfig({componentId:"sc-2534d01c-0"})(_templateObject(),(0,d.rm)(16),d.O9.black300,(0,d.rm)(4),(0,d.rm)(12),(0,d.rm)(220),(0,d.rm)(44),(0,d.rm)(320),(0,d.rm)(16),(0,d.rm)(16),d.O9.white,(0,d.rm)(20),(0,f.Cp)(400),(0,d.rm)(80),h.v9,(0,d.rm)(24),(0,d.rm)(20),(0,d.rm)(5),(0,d.rm)(7),(0,d.rm)(3),(0,d.rm)(5)),k=l.ZP.div.withConfig({componentId:"sc-2534d01c-1"})(_templateObject1(),(0,d.rm)(24),(0,d.rm)(320),d.O9.black300,(0,d.rm)(4),(0,d.rm)(12),(0,d.rm)(12),(0,d.rm)(12),(0,d.rm)(16),(0,d.rm)(8),(0,d.rm)(16),(0,f.Cp)(400),(0,d.rm)(18),(0,d.rm)(200)),y=(0,l.ZP)(c.q.div).withConfig({componentId:"sc-2534d01c-2"})(_templateObject2())}}]);
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.