https://opensystems.sg/_next/static/chunks/208-795cd0de3d4e6dbe.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[208],{6587:function(e,t,l){l.d(t,{g:function(){return n}});var r=l(5893);let n=e=>{let{children:t,href:l}=e;return(0,r.jsx)("a",{href:l,target:"_blank",className:"text-body-m underline underline-offset-2 transition-all duration-250 ease-in-out hover:opacity-50 sm:text-body-t xl:text-body",children:t})}},8254:function(e,t,l){l.d(t,{Z:function(){return s}});var r=l(5893);let n={"bg-os-blue":"bg-os-blue","bg-flash-white":"bg-flash-white"},s=e=>{let{variant:t="bg-os-blue"}=e;return(0,r.jsx)("hr",{className:"h-[1px] border-none ".concat(null==n?void 0:n[t]," sm:h-[2px]")})}},7149:function(e,t,l){l.d(t,{$:function(){return s}});var r=l(5893);let n={default:"bg-transparent text-os-blue hover:bg-os-blue/25",primary:"bg-os-blue/10 text-os-blue hover:bg-os-blue/25",secondary:"bg-transparent text-flash-white hover:bg-light-gray/25"},s=e=>{let{children:t,variant:l="default",disabled:s=!1}=e;return(0,r.jsx)("button",{disabled:!!s,type:"button",className:"flex max-w-fit flex-row items-baseline rounded text-left ".concat(n[l]," z-30 px-3 pb-2 pt-2 font-nimbus text-furniture-m font-bold transition duration-250 \n      ease-in-out disabled:hover:bg-flash-white sm:text-furniture-t xl:text-furniture"),children:t})}},8881:function(e,t,l){l.d(t,{h:function(){return s},lD:function(){return a},lS:function(){return n}});var r=l(5893);let n=e=>{let{children:t}=e;return(0,r.jsx)("article",{className:"col-span-full col-start-1 flex flex-col gap-10 pt-10 sm:pt-20 lg:col-span-5 lg:col-start-6 lg:gap-20 lg:pt-60",children:t})},s=e=>{let{children:t}=e;return(0,r.jsx)("article",{className:"col-span-full col-start-1 flex flex-col gap-10 pt-10 sm:pt-20 lg:col-span-6 lg:col-start-6 lg:gap-20 lg:pt-60 xl:col-span-5",children:t})},a=e=>{let{children:t}=e;return(0,r.jsx)("article",{className:"col-span-full col-start-1 mt-10 sm:mt-20 lg:col-span-5 lg:col-start-6 lg:mt-60",children:t})}},9213:function(e,t,l){l.d(t,{a:function(){return n}});var r=l(5893);let n=(0,l(7294).forwardRef)((e,t)=>(0,r.jsx)("section",{ref:t,className:"z-20 grid w-full grow grid-cols-12 pl-0 ".concat(e.variant," pb-20 lg:gap-x-5 lg:pb-60"),children:e.children}));n.displayName="ContainerGrid"},8499:function(e,t,l){l.d(t,{Du:function(){return h},_v:function(){return x},q7:function(){return g},HX:function(){return p},he:function(){return b},h2:function(){return m}});var r=l(5893),n=l(8254),s=l(8212);let a=e=>{let{children:t,onClose:l}=e;return(0,r.jsx)("dialog",{open:!0,onClick:l,className:"fixed left-0 top-0 z-40 flex h-full w-full cursor-pointer flex-col items-center justify-center gap-4 bg-mid-gray/95 transition-all duration-250 ease-in-out",children:(0,r.jsx)("picture",{onClick:e=>e.stopPropagation(),children:t})})},i=e=>{let{onClose:t}=e;return(0,r.jsx)("button",{onClick:t,type:"button",className:"fixed right-6 top-6 z-50 h-8 font-fragment text-menu-m text-os-blue lg:right-12 lg:top-12 lg:text-menu xl:right-3 xl:top-7",children:(0,r.jsx)(s.x8,{className:"h-4 fill-os-blue sm:h-5 md:h-6 lg:h-7"})})};var o=l(1491);let c=e=>{let{onClose:t,responsive:l}=e;return(0,r.jsxs)(a,{onClose:t,children:[(0,r.jsx)(i,{onClose:t}),(0,r.jsx)(o.E,{data:l,style:{maxWidth:"unset",width:"unset"}

1,className:"[&_img]:pointer-events-none [&_img]:z-20 [&_img]:w-fit [&_img]:cursor-none [&_img]:object-contain [&_img]:lg:max-h-[calc(100vh-120px)]"})]})};var u=l(7294),d=l(3935);let x=e=>{let{children:t,sliderVariant:l="mid-gray"}=e,n={transparent:"bg-transparent","mid-gray":"bg-mid-gray/10"};return(0,r.jsx)("ul",{className:"relative col-span-full rounded ".concat(null==n?void 0:n[l]),children:t})},m=e=>{let{children:t,className:l=""}=e;return(0,r.jsx)("div",{className:"grid grid-cols-5 gap-y-5 lg:gap-y-10 ".concat(l),children:t})},h=e=>{let{children:t}=e;return(0,r.jsxs)("div",{className:"col-span-full flex flex-col gap-y-2.5 lg:gap-y-5",children:[(0,r.jsx)("div",{className:"w-[50%] lg:w-2/5",children:(0,r.jsx)(n.Z,{})}),(0,r.jsx)(f,{children:t})]})},f=e=>{let{children:t}=e;return(0,r.jsx)("p",{className:"font-nimbus text-small-details-m font-bold text-os-blue sm:text-small-details-t lg:w-[50%] lg:text-small-details",children:t})},g=(0,u.forwardRef)((e,t)=>{let[l,n]=(0,u.useState)(!1);return(0,u.useEffect)(()=>{l?l&&(document.body.style.overflow="hidden"):document.body.style.overflow="visible"},[l]),(0,r.jsxs)("li",{ref:t,className:"h-fit min-w-full snap-center snap-normal px-9 py-4 lg:px-14 lg:py-7",children:[(0,r.jsx)("div",{onClick:()=>{n(!0)},className:"[&_img]:block [&_img]:aspect-video [&_img]:cursor-pointer [&_img]:object-contain",children:(0,r.jsx)(o.E,{data:e.responsive,style:{maxWidth:"unset",width:"unset"}})}),l&&(0,d.createPortal)((0,r.jsx)(c,{responsive:e.responsive,onClose:()=>{n(!1)}}),document.body)]})}),p=e=>{let{onClick:t}=e;return(0,r.jsx)("button",{type:"button",onClick:t,className:"absolute right-4 top-[50%] z-50 font-fragment text-os-blue",children:(0,r.jsx)(s.ol,{className:"h-3 fill-os-blue xl:h-4"})})},b=e=>{let{onClick:t}=e;return(0,r.jsx)("button",{type:"button",onClick:t,className:"absolute left-4 top-[50%] z-50 font-fragment text-os-blue",children:(0,r.jsx)(s.Xd,{className:"h-3 fill-os-blue xl:h-4"})})};g.displayName="SliderImage"},445:function(e,t,l){l.d(t,{P:function(){return i}});var r=l(5893),n=l(8499),s=l(6066),a=l(7294);let i=e=>{var t,l;let{data:i,sliderVariant:o="mid-gray",className:c=""}=e,[u,d]=(0,a.useState)(null===(t=i[0])||void 0===t?void 0:t.imageCaption),x=(0,a.useRef)(null),m=i.length;return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)(n.h2,{className:c,children:[(0,r.jsxs)(n._v,{sliderVariant:o,children:[(0,r.jsx)(s.Z,{ref:x,dots:!1,infinite:!0,speed:500,slidesToShow:1,slidesToScroll:1,arrows:!1,afterChange:e=>{d(null==i?void 0:i.slice(0,m)[e].imageCaption)},children:null===(l=i.slice(0,m))||void 0===l?void 0:l.map((e,t)=>(0,r.jsx)(n.q7,{responsive:e.responsive},t))}),(0,r.jsx)(n.HX,{onClick:()=>{var e;null==x||null===(e=x.current)||void 0===e||e.slickNext()}}),(0,r.jsx)(n.he,{onClick:()=>{var e;null==x||null===(e=x.current)||void 0===e||e.slickPrev()}})]}),u&&(0,r.jsx)(n.Du,{children:u})]})})}},4532:function(e,t,l){l.d(t,{G9:function(){return a},gL:function(){return i}});var r=l(5893),n=l(7294);let s={absolute:"absolute",fixed:"fixed",sticky:"sticky"},a=e=>{let{children:t,panelPosition:l="fixed"}=e,a=(0,n.useRef)(null),[i,o]=(0,n.useState)(0);return(0,n.useEffect)(()=>{let e=()=>{var e;return o(null===(e=a.current)||void 0===e?void 0:e.getBoundingClientRect().width)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),o(0)}},[a,o]),(0,r.jsx)("aside",{ref:a,className:"hide-scroll invisible col-span-3 col-start-3 hidden lg:visible lg:relative lg:block",children:(0,r.jsx)("div",{style:{width:"".concat(i,"px")},className:"hide-scroll ".concat(s[l]," top-3 col-span-3 h-[98vh] overflow-y-scroll pt-60 scrollbar-thin scrollbar-track-flash-white scrollbar-thumb-os-blue/50"),children:t})})},i=e=>{let{children:t,panelPosition:l="fixed"}=e,a=(0,n.useRef)(null),[i,o]=(0,n.useState)(0);return(0,n.useEffect)(()=>{let e=()=>{var e;return o(null===(e=a.current)||void 0===e?void 0:e.getBoundingClientRect().width)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),o(0)}},[a,o]),(0,r.jsx)("aside",{ref:a,className:"hide-scroll invisible col-span-4 col-start-2 hidden lg:visible lg:relative lg:block xl:col-span-3 xl:col-start-3",children:(0,r.jsx)("div",{style:{width:"".concat(i,"px")},className:"hide-scroll ".concat(s[l]," top-3 col-span-3 overflow-y-scroll pt-60 scrollbar-thin scrollbar-track-flash-white scrollbar-thumb-os-blue/50"),children:t})})}},9456:function(e,t,l){l.d(t,{qo:function(){return g},dv:function(){return p},Dv:function(){return b},IS:function(){return v},SN:function(){return y}});var r=l(5893),n=l(2984),s=l(2064),a=l(7482),i=l(7294);let o=e=>{let{children:t,className:l=""}=e;return(0,r.jsx)("p",{className:"my-[15.6px] whitespace-break-spaces font-fragment text-body-m first:mt-[8px] sm:text-body-t lg:my-[26px] lg:first:mt-[13px] xl:text-body ".concat(l),children:t})};var c=l(6587);let u=e=>{let{children:t,disabled:l=!1,className:n=""}=e;return(0,r.jsx)("sup",{className:"font-regular font-nimbus text-small-details-m sm:text-small-details-t xl:text-small-details ".concat(n),children:l?(0,r.jsx)(r.Fragment,{children:t}):(0,r.jsx)("a",{href:"#".concat(t),children:t})})},d=e=>{let{children:t}=e;return(0,r.jsx)("blockquote",{className:"my-5 px-8 font-fragment text-body-m sm:text-body-t lg:px-12 xl:text-body",children:t})};var x=l(8499);let m=e=>{let{responsive:t,caption:l,className:n}=e;return(0,r.jsxs)(x.h2,{className:n,children:[(0,r.jsx)(x._v,{children:(0,r.jsx)(x.q7,{responsive:t})}),l&&(0,r.jsx)(x.Du,{children:l})]})};var h=l(445);let f=e=>{let{children:t}=e;return(0,r.jsx)("li",{className:"whitespace-break-spaces py-[5px] font-fragment text-body-m  sm:text-body-t lg:py-[8px] xl:text-body",children:t})},g=e=>{let{data:t,className:l="text-os-blue"}=e;return(0,r.jsx)("section",{className:"".concat(l),children:(0,r.jsx)(n.rZ,{data:t,customNodeRules:[(0,s.SZ)(a.Xy,e=>{let{node:t,children:l,key:n}=e;switch(t.level){case 3:return(0,r.jsx)("h3",{className:"my-10 font-fragment text-menu-m first:mt-0 sm:text-menu-t lg:my-20 xl:text-menu",children:l},n);case 1:return(0,r.jsx)("h1",{className:"word-spacing my-10 font-fragment text-h2-m first:mt-0 sm:text-h2-t lg:my-20 xl:text-h2",children:l},n)}}),(0,s.SZ)(a.RF,e=>{let{children:t,key:l,ancestors:n}=e;return(0,a.C_)(n[0])?(0,r.jsx)(o,{children:t},l):(0,r.jsx)(i.Fragment,{children:t},l)}),(0,s.SZ)(a.u$,e=>{let{node:t,children:l,key:n}=e;return(0,r.jsx)(c.g,{href:t.url,children:l},n)}),N,(0,s.SZ)(a.b2,e=>{let{node:t,children:l,key:n}=e;return(0,r.jsx)(d,{children:l},n)}),(0,s.SZ)(a.nq,e=>{let{node:t,children:l,key:n}=e;return(0,r.jsx)("ul",{className:"list-disc pl-4",children:l},n)}),(0,s.SZ)(a.OD,e=>{let{node:t,children:l,key:n}=e;return(0,r.jsx)(f,{children:l},n)})],renderBlock:e=>{let{record:t}=e,{_modelApiKey:l,id:n}=t;if("image_slot"===l){let e=t.essayImageCarousel;if(1==e.length){var s,a;let t=null===(a=e[0])||void 0===a?void 0:null===(s=a.essayImageCaption)||void 0===s?void 0:s.value;return(0,r.jsx)(m,{className:"my-10 first:mt-0 lg:my-20",responsive:e[0].essayImage.responsiveImage,caption:t?(0,r.jsx)(j,{data:t},"".concat(n,"caption")):(0,r.jsx)(i.Fragment,{},"".concat(n,"nocap"))},n)}return e.length>1?(0,r.jsx)(h.P,{className:"my-10 first:mt-0 lg:my-20",data:e.map(e=>{let{essayImage:{responsiveImage:t},essayImageCaption:l}=e,s=l.value;return{responsive:t,imageCaption:s?(0,r.jsx)(j,{data:s},"".concat(n,"caption")):(0,r.jsx)(i.Fragment,{},"".concat(n,"nocap"))}})},"".concat(n,"carousel")):(0,r.jsx)(i.Fragment,{},"".concat(n,"null"))}return(0,r.jsx)(i.Fragment,{},"".concat(n,"wrongdata"))}})})},p=e=>{let{data:t}=e;return(0,r.jsx)(n.rZ,{data:t,customNodeRules:[w,(0,s.SZ)(a.u$,e=>{let{node:t,children:l,key:n}=e;return(0,r.jsx)(c.g,{href:t.url,children:l},n)}),N]})},b=e=>{let{data:t,className:l=""}=e;return(0,r.jsx)(n.rZ,{data:t,customNodeRules:[(0,s.SZ)(a.u$,e=>{let{node:t,children:l,key:n}=e;return(0,r.jsx)("a",{href:t.url,target:"_blank",className:"break-all underline underline-offset-2 transition-all duration-250 ease-in-out hover:opacity-50",children:l},n)})]})},j=e=>{let{data:t,className:l=""}=e;return(0,r.jsx)(n.rZ,{data:t,customNodeRules:[(0,s.SZ)(a.RF,e=>{let{node:t,children:l,key:n}=e;return(0,r.jsx)(i.Fragment,{children:l},n)})]})},v=e=>{let{data:t,className:l=""}=e;return(0,r.jsx)(n.rZ,{data:t,customNodeRules:[N,k]})},y=e=>{let{data:t,className:l=""}=e;return(0,r.jsx)(n.rZ,{data:t,customNodeRules:[N,(0,s.SZ)(a.RF,e=>{let{children:t,key:l,ancestors:n}=e;return(0,a.C_)(n[0])?(0,r.jsxs)(i.Fragment,{children:[t,(0,r.jsx)("br",{}),(0,r.jsx)("br",{})]},l):(0,r.jsx)(i.Fragment,{children:t},l)})]})},N=(0,s.SZ)(a.dn,e=>{let{node:t,children:l,key:n}=e,s="",a=e=>{let{children:t,className:l}=e;return(0,r.jsx)("span",{className:l,children:t})};if(!t.marks)return(0,r.jsx)(i.Fragment,{children:t.value||l},n);for(let e of t.marks)switch(e){case"subscript":a=e=>{let{children:t,className:l}=e;return(0,r.jsx)("sub",{className:l,children:t})};break;case"superscript":a=e=>{let{children:t,className:l}=e;return(0,r.jsx)("sup",{className:l,children:t})};break;case"emphasis":s+=" italic";break;case"strong":s+=" font-bold";break;case"highlight":a=e=>{let{children:t,className:l}=e;return t?(0,r.jsx)(u,{className:l,children:t}):(0,r.jsx)(r.Fragment,{})};continue;case"underline":s+=" underline underline-offset-2"}return(0,r.jsx)(a,{className:s,children:t.value||l},n)}),w=(0,s.SZ)(a.RF,e=>{let{children:t,key:l,ancestors:n}=e;return(0,a.C_)(n[0])?(0,r.jsxs)(i.Fragment,{children:[(0,r.jsx)("p",{children:t}),(0,r.jsx)("br",{})]},l):(0,r.jsx)(i.Fragment,{children:t},l)}),k=(0,s.SZ)(a.RF,e=>{let{children:t,key:l,ancestors:n}=e;return(0,a.C_)(n[0])?(0,r.jsx)("p",{children:t},l):(0,r.jsx)(i.Fragment,{children:t},l)})}}]);