"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2418],{2418:function(e,t,i){i.r(t),i.d(t,{default:function(){return Z}});var s=i(95235),n=i(69362),o=i(29434),r=i(20669),a=i(7307),c=i(93556),d=i(90643),l=i(51328);(0,a.default)(n.Ks).withConfig({componentId:"sc-g4ffif-0"})(["position:relative;"]);const h=a.default.div.withConfig({componentId:"sc-g4ffif-1"})(["h2,p{color:",";}"],(e=>{let{theme:t}=e;return t.color.white})),f=(0,a.default)(n.Ks).withConfig({componentId:"sc-g4ffif-2"})(["background-size:cover;background-position:center;background-attachment:scroll;filter:brightness(0.8);","{background-attachment:fixed;}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),g=(0,a.default)(n.Ks).withConfig({componentId:"sc-g4ffif-3"})(["background-attachment:scroll;position:relative;background-size:cover;overflow:hidden;padding:3rem 0;background-position:center;color:",";h1,h2:only-child{font-family:lieberuth,sans-serif;font-weight:500;font-size:34px;font-style:normal;}h2{font-size:24px;font-family:lieberuth,sans-serif;font-weight:500;font-style:normal;}","{background-attachment:fixed;}"],(e=>{let{inverse:t,theme:i}=e;return t?i.color.white:i.color.black}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),p=(0,a.default)(n.BE).withConfig({componentId:"sc-g4ffif-4"})(["","{video{backdrop-filter:saturate(180%) blur(10px);border-radius:0.25rem;a{border:rgba(255,248,222,0.25) 1px solid;border-radius:",";&:hover{color:#000;}}}}"],l.LH,(e=>{let{theme:t}=e;return t.borderRadiusSmall})),m=a.default.div.withConfig({componentId:"sc-g4ffif-5"})(["overflow:hidden;width:100%;"]),u=a.default.div.withConfig({componentId:"sc-g4ffif-6"})(["display:grid;filter:brightness(0.95);align-items:center;position:absolute;background:",";background-repeat:repeat-x;background-size:cover;transform:translateY(-50%);left:0%;height:200px;width:105%;rotate:-4deg;animation:"," 1000s linear infinite;@keyframes scroll{0%{background-position:0% 0%;}100%{background-position:-500% 0%;}}@keyframes scrollReverse{0%{background-position:0% 0%;}100%{background-position:500% 0%;}}"],(e=>{let{$assetPath:t}=e;return`url(${(0,d.R6)({publicId:t})})`}),(e=>{let{$reverse:t}=e;return t?"scrollReverse":"scroll"})),x=(0,a.default)(n.mR).withConfig({componentId:"sc-g4ffif-7"})(["p:last-child{display:none;}"]),j=(0,a.default)(c.m.div).attrs((e=>{let{variant:t}=e;return{variants:"delay"===t?y:b,initial:"hidden",whileInView:"show",viewport:{once:!0}}})).withConfig({componentId:"sc-g4ffif-8"})([""]),b={hidden:{opacity:0,scale:1},show:{opacity:1,scale:1,transition:{delayChildren:0,duration:.5}}},y={hidden:{opacity:0,scale:1},show:{opacity:1,scale:1,transition:{type:"spring",duration:.5,stiffness:20,delay:1}}},w=(0,a.default)(n.Ks).withConfig({componentId:"sc-g4ffif-9"})(["padding:0;h1,h2:only-child{font-family:lieberuth,sans-serif;font-weight:500;font-size:34px;font-style:normal;}h2{font-size:24px;font-family:lieberuth,sans-serif;font-weight:500;font-style:normal;}"]),v=(0,a.default)(n.Ks).withConfig({componentId:"sc-g4ffif-10"})(["padding-top:0;h1,h2:only-child{font-family:lieberuth,sans-serif;font-weight:500;font-size:34px;font-style:normal;}h2{font-size:24px;font-family:lieberuth,sans-serif;font-weight:500;font-style:normal;}"]);a.default.div.withConfig({componentId:"sc-g4ffif-11"})(["display:flex;flex-direction:row;"]);var k=i(35463),z=i(9311),I=i(97729),P=i.n(I),S=i(80963);const C={rotateLeft:{hidden:{rotateY:"90deg",opacity:0},show:{x:0,rotateY:"0deg",opacity:1,transition:{type:"spring",duration:.5,stiffness:20,delay:.5}}},rotateRight:{hidden:{rotateY:"90deg",opacity:0},show:{x:0,rotateY:"0deg",opacity:1,transition:{type:"spring",duration:.5,stiffness:20}}}};(0,a.default)(c.m.div).attrs((e=>{let{variant:t}=e;return{variants:C[t],initial:"hidden",whileInView:"show",viewport:{once:!0}}})).withConfig({componentId:"sc-1qf8k9j-0"})(["display:flex;width:90%;justify-self:",";transform-origin:",";"],(e=>{let{justify:t}=e;return t||"center"}),(e=>{let{transformOrigin:t}=e;return t||"center"})),a.default.div.withConfig({componentId:"sc-1qf8k9j-1"})(["display:grid;grid-template-columns:50% 50%;justify-items:right;width:100%;div:first-child > div{display:grid;justify-items:right;}div:nth-child(2) > div{display:grid;justify-items:left;img{justify-self:left;}}","{img{width:60%;}}"],(e=>{let{theme:t}=e;return t.mediaQuery.tablet}));var R=i(52322);var O=i(53253);const D=(0,a.default)(O.D).withConfig({componentId:"sc-ixc64t-0"})(["display:",";","{display:block;div{position:",";top:",";}}"],(e=>{let{showTablet:t}=e;return t?"block":"none"}),(e=>{let{theme:t}=e;return t.mediaQuery.tablet}),(e=>{let{absolute:t}=e;return t?"absolute":"relative"}),(e=>{let{top:t}=e;return t||"unset"}));function F(e){let{top:t,image:i,absolute:s,height:n,showTablet:o}=e;return(0,R.jsx)(D,{showTablet:o,height:n||150,top:t,absolute:s,variant:"scale",imgSrc:i})}const T=(0,a.default)(O.D).withConfig({componentId:"sc-15srmdw-0"})(["div{background-size:cover;position:absolute;top:",";bottom:",";}background-attachment:fixed;z-index:5;"],(e=>{let{top:t}=e;return t||"unset"}),(e=>{let{bottom:t}=e;return t||"unset"}));function A(e){let{type:t,top:i,bottom:s}=e;return(0,R.jsx)(T,{height:200,width:1440,variant:"scale",imgSrc:`/Microsites/another-code-recollection/TornPaper-${t}-Divider.png`,top:i,bottom:s})}var E=i(77664);const L=(0,a.default)(E.I).withConfig({componentId:"sc-3s3y1x-0"})(["z-index:0;"]),M=a.default.div.withConfig({componentId:"sc-3s3y1x-1"})(["position:relative;height:100%;"]),B=a.default.div.withConfig({componentId:"sc-3s3y1x-2"})(["position:absolute;z-index:5;width:64%;left:50%;transform:translate(-50%,8%);video{border-radius:3px;cursor:default;}"]);var $=i(14346);function K(e){let{assetPath:t}=e;return(0,R.jsx)(R.Fragment,{children:(0,R.jsxs)(M,{children:[(0,R.jsx)(B,{children:(0,R.jsx)($.V,{controls:!1,autoplay:!0,loop:!0,assetPath:t,width:1025})}),(0,R.jsx)(L,{assetPath:"Microsites/another-code-recollection/OLEDFrame.png"})]})})}const _=a.default.div.withConfig({componentId:"sc-1ailahy-0"})(["display:flex;width:100%;text-align:center;justify-self:center;justify-content:center;padding:0 0 1rem;align-items:center;gap:1rem;div:nth-child(1),div:nth-child(3){display:none;width:3%;","{display:flex;width:2%;}justify-content:right;}div:nth-child(3){justify-content:left;}h1{margin-bottom:0;color:#4c3a35;}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop}));function Q(e){let{title:t,leftIcon:i,rightIcon:s,gridTemplateColumns:n}=e;return(0,R.jsxs)(_,{gridTemplateColumns:n,children:[(0,R.jsx)(R.Fragment,{children:(0,R.jsx)(E.I,{alt:"",assetPath:(0,d.R6)({publicId:i})})}),(0,R.jsx)("h1",{children:t}),(0,R.jsx)(R.Fragment,{children:(0,R.jsx)(E.I,{alt:"",assetPath:(0,d.R6)({publicId:s})})})]})}var Y=i(79185);function H(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,s)}return i}function N(e){for(var t=1;tt.sections.slice(-1)[0].gallery[e].primary.assetPath,c=(e=>{let{demoNsuid:t,name:i,softwarePublisher:s,sku:n}=e;return{demoNsuid:t,name:i,softwarePublisher:s,sku:n}})(i),d=(0,Y.JZ)();return(0,R.jsx)(R.Fragment,{children:(0,R.jsx)(m,{children:(0,R.jsxs)(a.ThemeProvider,{theme:V,children:[(0,R.jsx)(P(),{children:(0,R.jsx)("link",{rel:"stylesheet",href:"https://use.typekit.net/tob0dmw.css"})}),(0,R.jsx)(n.vM,{children:(0,R.jsxs)(k.X,{features:z.H,children:[(0,R.jsx)(v,{section:t?.sections[0],background:t?.sections[0]?.background,small:!0,hide:t?.sections[0]?.hide,children:e=>(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(F,{showTablet:!0,height:20,image:"/Microsites/another-code-recollection/AnotherCodeLineDivider.png"}),(0,R.jsx)(r.S,{size:32}),(0,R.jsxs)(j,{children:[(0,R.jsx)(n.mR,{heading:e?.heading,options:{textAlign:"center"}}),(0,R.jsx)(r.S,{size:32}),(0,R.jsx)(n.BE,{items:e?.gallery[0],imageProps:{border:"none"},right:"asset",left:(0,R.jsx)(h,{children:(0,R.jsx)(n.mR,{content:e?.gallery[0]?.caption,options:{scrim:"dark",borderRadius:"0.25rem"}})})}),(0,R.jsx)(r.S,{size:32})]}),(0,R.jsx)(F,{showTablet:!0,height:20,image:"/Microsites/another-code-recollection/AnotherCodeLineDivider.png"})]})}),(0,R.jsx)(g,{section:t?.sections[1],background:t?.sections[1]?.background,inverse:!0,hide:t?.sections[1]?.hide,marginTop:32,id:t.sections[1].deepLink,children:e=>(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(r.S,{size:32}),(0,R.jsx)(j,{children:(0,R.jsx)(p,{items:e?.gallery[0],imageProps:{border:"none"},right:(0,R.jsx)(x,{heading:e?.heading,content:N(N({},e.content),{},{demoDetail:c}),options:{scrim:"dark",borderRadius:"0.25rem",textAlign:"center"}}),left:"asset"})}),(0,R.jsx)(r.S,{size:128}),(0,R.jsx)(r.S,{size:32})]})}),(0,R.jsx)(A,{type:"Top",bottom:"0px"}),(0,R.jsx)(f,{section:t?.sections[2],background:t?.sections[2]?.background,small:!0,hide:t?.sections[2]?.hide,children:()=>(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(r.S,{size:128}),(0,R.jsx)(r.S,{size:128})]})}),(0,R.jsx)(A,{type:"Top",bottom:"0px"}),(0,R.jsx)(v,{section:t?.sections[3],background:t?.sections[3]?.background,hide:t?.sections[3]?.hide,small:!0,children:e=>(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(r.S,{size:12}),(0,R.jsx)(j,{children:(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Q,{title:e?.heading,leftIcon:o(2),rightIcon:o(3)}),(0,R.jsx)(n.mR,{content:e?.content,options:{textAlign:"center"}}),(0,R.jsx)(r.S,{size:24}),(0,R.jsx)(n.Gf,{items:e?.gallery,imageProps:{border:"none"},contrastColor:e=>{let{theme:t}=e;return t.color.darkGray2}})]})}),s&&(0,R.jsx)(R.Fragment,{children:(0,R.jsx)(r.S,{size:12})})]})}),(0,R.jsx)(A,{type:"Bottom",top:"0px"}),(0,R.jsx)(g,{section:t?.sections[4],background:t?.sections[4]?.background,inverse:!0,hide:t?.sections[4]?.hide,marginTop:32,children:e=>(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(r.S,{size:128}),(0,R.jsx)(r.S,{size:32}),(0,R.jsx)(j,{children:(0,R.jsx)(p,{controls:!1,items:e?.asset,imageProps:{border:"none",autoplay:!0},right:(0,R.jsx)(n.mR,{heading:e?.heading,content:e?.content,options:{scrim:"dark",borderRadius:"0.25rem",textAlign:"left"}}),left:"asset"})}),(0,R.jsx)(r.S,{size:128})]})}),(0,R.jsx)(A,{type:"Top",bottom:"0px"}),(0,R.jsx)(v,{section:t?.sections[5],background:t?.sections[5]?.background,small:!0,hide:t?.sections[5]?.hide,children:e=>(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(j,{children:[(0,R.jsx)(Q,{title:e?.heading,leftIcon:o(2),rightIcon:o(3)}),(0,R.jsx)(n.mR,{content:e?.content,options:{textAlign:"center"}})]}),(0,R.jsx)(j,{children:(0,R.jsx)(n.BE,{items:e?.gallery[0],imageProps:{border:"none"},right:"asset",left:(0,R.jsx)(h,{children:(0,R.jsx)(n.mR,{content:e?.gallery[0].caption,options:{scrim:"dark",borderRadius:"0.25rem"}})})})}),(0,R.jsx)(r.S,{size:32}),(0,R.jsx)(r.S,{size:128}),(0,R.jsxs)(j,{children:[(0,R.jsx)(u,{$assetPath:o(0)}),(0,R.jsx)(r.S,{size:128}),(0,R.jsx)(n.BE,{items:e?.gallery[1],imageProps:{border:"none"},left:"asset",right:(0,R.jsx)(h,{children:(0,R.jsx)(n.mR,{content:e?.gallery[1]?.caption,options:{scrim:"dark",borderRadius:"0.25rem"}})})}),(0,R.jsx)(r.S,{size:128}),(0,R.jsx)(r.S,{size:32}),(0,R.jsx)(u,{$reverse:!0,$assetPath:o(1)}),(0,R.jsx)(r.S,{size:96})]}),(0,R.jsx)(F,{image:"/Microsites/another-code-recollection/AnotherCodeDivider_Line_1.png"})]})}),(0,R.jsx)(A,{type:"Bottom",top:"0px"}),(0,R.jsx)(f,{section:t.sections[6],background:t?.sections[6]?.background,small:!0,hide:t.sections[6].hide,children:()=>(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(r.S,{size:128}),(0,R.jsx)(r.S,{size:128}),(0,R.jsx)(r.S,{size:32})]})}),(0,R.jsx)(A,{type:"Top",bottom:"0px"}),(0,R.jsx)(w,{section:t.sections[7],background:t?.sections[7]?.background,small:!0,hide:t.sections[7].hide,children:e=>(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(j,{children:[(0,R.jsx)(r.S,{size:12}),(0,R.jsx)(Q,{title:e?.heading,leftIcon:o(2),rightIcon:o(3)}),(0,R.jsx)(n.mR,{content:e?.content,options:{scrim:"none",textAlign:"center"}}),(0,R.jsx)(K,{assetPath:e?.asset.primary.assetPath,reducedMotion:d})]}),(0,R.jsx)(j,{children:(0,R.jsx)(F,{image:"/Microsites/another-code-recollection/AnotherCodeLineDivider.png"})})]})}),(0,R.jsx)(v,{section:t?.sections[8],background:t?.sections[8]?.background,small:!0,hide:t?.sections[8]?.hide,children:e=>(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(r.S,{size:32}),(0,R.jsxs)(j,{children:[(0,R.jsx)(p,{items:e?.asset,imageProps:{border:"none"},right:(0,R.jsx)(h,{children:(0,R.jsx)(x,{content:e?.content,options:{scrim:"dark",borderRadius:"0.25rem"}})}),left:"asset"}),(0,R.jsx)(r.S,{size:32}),(0,R.jsx)(n.mR,{inverse:!0,content:e?.asset?.caption})]})]})})]})})]})})})}}}]);