1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3443],{3443:function(e,t,l){l.r(t),l.d(t,{Vision:function(){return m}});var n=l(5893),a=l(5675),r=l.n(a),s=l(455),x=l(6069),i=l(1035),c=l(3890);let o=e=>{let{pattern:t,image:l}=e,a={forward:c.OU,edit:c.I8,pinch:c.aj}[t];return(0,n.jsx)(a,{animate:"once",className:(0,x.cn)("size-[252px] shrink-0 xl:size-[558px]","pinch"===t&&"block xl:hidden"),direction:"alternate",children:l&&(0,n.jsx)(r(),{...(0,i.V$)(l),className:"size-full object-cover"})})},d=e=>{let{text:t,pattern:l}=e;return(0,s.sY)(t,{nodeResolvers:{[s.e3]:e=>(0,n.jsx)("p",{className:"text-lg font-bold text-foreground",children:e})},markResolvers:{[s.Qp]:e=>(0,n.jsx)("b",{className:(0,x.cn)("forward"===l?"text-brand-200":"pinch"===l?"text-green-100":"text-yellow-200","text-lg font-bold"),children:e})}})},m=e=>{let{block:t,...l}=e;return(0,n.jsx)("div",{...l,className:"mx-auto my-5 flex max-w-container flex-col border-x-5 border-black xl:mt-165",children:t.entry.map(e=>(0,n.jsxs)("div",{className:"flex flex-col justify-around px-15 py-48 xl:flex-row xl:items-center xl:gap-48 xl:px-[90px]",children:[(0,n.jsx)(o,{pattern:e.pattern,image:e.image}),(0,n.jsx)("div",{className:"mt-64 xl:mt-0 xl:max-w-[600px]",children:(0,n.jsx)(d,{text:e.text,pattern:e.pattern})}),"pinch"===e.pattern&&(0,n.jsx)(c.aj,{animate:"once",direction:"alternate",className:"hidden shrink-0 xl:block xl:size-[558px]",children:e.image&&(0,n.jsx)(r(),{...(0,i.V$)(e.image),className:"size-full object-cover"})})]},e._uid))})}}}]);
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.