https://www.optunegio.com/_next/static/chunks/4818.96d5dbe0884b0abf.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4818,6653,9034],{14818:(t,e,n)=>{n.r(e),n.d(e,{Interactive:()=>C});var i=n(37876),r=n(96653),o=n(82239),l=n(27038),a=n(70856),s=n(35578),d=n(99823),p=n(96239),x=n(2515),g=n(43087),c=n(22278),u=n(14232),m=n(8961);let f={templateColumns:{lg:"53% 46%"},alignItems:"center",justifyContent:"center",maxW:{lg:"1200px",base:"650px"},w:"100%",m:"0 auto"},h={pos:"relative",display:"flex",alignItems:"center",justifyContent:"center",padding:"100px 0",minH:"593px"},b={gridTemplateColumns:"1fr 1fr",gridTemplateRows:{md:"max-content 1fr 0 1fr max-content",base:"max-content 1fr 36px 1fr max-content"},gridTemplateAreas:'\n    "title_4 title_1"\n    "button_4 button_1"\n    "space space"\n    "button_3 button_2"\n    "title_3 title_2"',gap:{md:0,base:"0 36px"},alignItems:"start",justifyContent:"start",pos:"absolute",top:0,left:0,w:"100%",h:"100%"},j={width:"100%",overflow:"hidden",maxW:{md:"85%",lg:"unset"},margin:{md:"0 auto",lg:"unset"}},_={width:"500%",transition:"all 0.5s"};function C(t){let{steps:e}=t,[n,C]=(0,u.useState)(0),y=e[0],R=e[n],{container:v,interactiveContainer:w,buttonsContainer:S,contentContainer:E,slidesContainer:T}={container:f,interactiveContainer:h,buttonsContainer:b,contentContainer:j,slidesContainer:_},O=()=>C(n+1),L=()=>C(0),k=[],A=[];return e.forEach((t,a)=>{let{buttonProps:s,paragraphBox:u,paragraphProps:f,imageProps:h,slideProps:b,titleProps:j,ctaProps:_}=(t=>{let{position:e,currStep:n,step:i}=t,{buttonTitle:r,image:o,cta:l,title:a}=i,s={gridArea:"button_".concat(e),maxW:"157px",maxH:"152px",w:"100%",h:"100%",borderColor:m.lm.NEUTRAL_COLOR_80,bg:"none",padding:"0",borderRadius:0,border:"none",_hover:{bg:"none",cursor:"pointer"}},d={gridArea:"title_".concat(e),display:"flex",_hover:{cursor:"pointer"},alignSelf:"start",justifyContent:"flex-start"},p={text:r,minHeight:"28px",color:e===n?m.lm.SECONDARY_COLOR:m.lm.SEXTIARY_COLOR,fontSizes:{base:"lg",md:"lg",lg:"lg"},fontWeight:e===n?"bold":"light",transition:"all 0.3s"},x={...o,objectFit:"cover",style:{width:"100%",height:"100%"}};return 1===e&&(s.justifySelf="end",s.borderTop="solid 2px",s.borderRight="solid 2px",d.justifyContent="flex-end",d.paddingBottom="16px"),2===e&&(s.alignSelf="end",s.justifySelf="end",s.borderBottom="solid 2px",s.borderRight="solid 2px",d.justifyContent="flex-end",d.paddingTop="16px"),3===e&&(s.alignSelf="end",s.borderBottom="solid 2px",s.borderLeft="solid 2px",d.paddingTop="16px"),4===e&&(s.borderTop="solid 2px",s.borderLeft="solid 2px",d.paddingBottom="16px"),{buttonProps:s,paragraphBox:d,paragraphProps:p,imageProps:x,slideProps:{direction:"column",alignItems:"flex-start",justifyContent:{md:"center",base:"flex-start"},gap:"24px",h:n===e?"auto":"593px",w:"100%",p:{md:"64px 0px 64px 56px",base:"64px 0"},transition:"opacity 0.5s",opacity:+(n===e)},titleProps:{text:a,headingTag:"h2",fontSize:"3xl",fontWeight:"light",color:m.lm.SECONDARY_COLOR},ctaProps:{...l,url:void 0}}})({currStep:n,step:t,position:a});if(a>0){let t=()=>C(a);k.push((0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.E,{onClick:t,...u,children:(0,i.jsx)(x.Paragraph,{...f})}),(0,i.jsx)(o.$,{onClick:t,...s,children:h&&(0,i.jsx)(p._,{src:h.src,alt:h.alt,...h})})]}))}A.push((0,i.jsxs)(l.s,{...b,children:[(0,i.jsx)(g.Title,{...j}),null==t?void 0:t.content.map((t,e)=>t.type===c.Id?(0,i.jsx)(x.Paragraph,{...t},e):t.type===c.BL?(0,i.jsx)(p._,{...t,alt:t.alt,src:t.src},e):null),(0,i.jsx)(d.Cta,{..._,onClick:n===e.length-1?L:O})]},t.title+a))}),R&&(0,i.jsxs)(a.x,{...v,children:[(0,i.jsxs)(r.E,{...w,children:[(null==y?void 0:y.image)&&(0,i.jsx)(p._,{src:null==y?void 0:y.image.src,alt:null==y?void 0:y.image.alt,...y.image}),(0,i.jsx)(a.x,{...S,children:k})]}),(0,i.jsx)(s.az,{...E,children:(0,i.jsx)(l.s,{...T,marginLeft:"-".concat(100*n,"%"),children:A})})]})}},96653:(t,e,n)=>{n.d(e,{E:()=>d});var i=n(45490),r=n(8144),o=n(11353),l=n(57110),a=n(37876);function s(t){return(0,l.bk)(t,t=>"auto"===t?"auto":`span ${t}/span ${t}`)}var d=(0,i.R)(function(t,e){let{area:n,colSpan:i,colStart:l,colEnd:d,rowEnd:p,rowSpan:x,rowStart:g,...c}=t,u=(0,o.o)({gridArea:n,gridColumn:s(i),gridRow:s(x),gridColumnStart:l,gridColumnEnd:d,gridRowStart:g,gridRowEnd:p});return(0,a.jsx)(r.B.div,{ref:e,__css:u,...c})});d.displayName="GridItem"}}]);