"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[905],{2197:(ue,R,p)=>{p.r(R),p.d(R,{default:()=>qe});var e=p(8322),D=p(8401),l=p(7115);const Y=(0,l.i7)` from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } `,B=(0,l.i7)` from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(40px); } `,H=(0,l.i7)` from { opacity: 0; transform: translateX(-60px); } to { opacity: 1; transform: translateX(0); } `,fe=(0,l.i7)` from { opacity: 0; transform: translateY(-40px); } to { opacity: 1; transform: translateY(0); } `,he=(0,l.i7)` from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(-60px); } `,ge=(0,l.i7)` from { opacity: 0; transform: translateX(60px); } to { opacity: 1; transform: translateX(0); } `,I=(0,l.AH)` animation-duration: 0.8s; animation-fill-mode: both; animation-timing-function: ease-in-out; `,$=(0,l.AH)` ${I} animation-name: ${Y}; `,be=(0,l.AH)` ${I} animation-name: ${B}; `,J=(0,l.AH)` ${I} animation-name: ${H}; `,xe=(0,l.AH)` ${I} animation-name: ${he}; `,j=(0,l.AH)` ${I} animation-name: ${ge}; `,et=(0,l.AH)` ${I} animation-name: ${fe}; `,ve=l.Ay.div` ${({theme:{colors:t,spacing:a,mq:n}})=>(0,l.AH)` border-bottom-left-radius: ${a.xxl}; position: relative; width: 100%; margin: 0 auto; /* Generic helper: elements marked for animation start hidden only when JS enables it */ .will-animate { opacity: 0; } /* Respect reduced motion: never hide or animate */ @media (prefers-reduced-motion: reduce) { .will-animate { opacity: 1 !important; } .fade-in-up, .fade-in-right, .fade-in-left { animation: none !important; } } .featured-events__image { opacity: 1; img { width: 100%; height: auto; max-height: 530px; object-fit: cover; } } .featured-events__content { display: flex; flex-direction: column; gap: ${a.xxs}; padding: ${a.xxs} ${a.xxs} ${a.l} ${a.xxs}; background-color: ${t.light.brand.lighterBlue}; border-bottom-left-radius: ${a.xxl}; @media ${n.min.px.desktop} { flex-direction: row; padding: ${a.m} ${a.m} ${a.xl} ${a.m}; } .events-column, .text-column { flex: 1; } .text-column { display: flex; flex-direction: column; gap: ${a.xxs}; .main-title { font-size: var(--step-5); font-weight: 600; line-height: 1.3; background: linear-gradient( 180deg, #007dba 0%, #007dba 60%, #0c2340 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; &.fade-in-up { ${$} } } .sub-title { color: ${t.light.brand.darkBlue}; font-size: var(--step-5); font-weight: 800; line-height: 1.3; &.fade-in-up { ${$} } } } .events-column { display: flex; flex-direction: column; gap: 1rem; .events-card-row { display: flex; flex-direction: column; background-color: ${t.light.neutral.white}; border-top-right-radius: ${a.xxl}; padding: ${a.xs}; .featured-title { font-size: var(--step-4); margin-bottom: ${a.m}; font-weight: 800; color: ${t.light.brand.darkBlue}; &.fade-in-up { ${$} } } .events-card-container { display: flex; flex-direction: column; gap: ${a.s}; @media ${n.min.px.desktop} { flex-direction: row; } .event-cta { &.fade-in-right { ${j} } } } } } } `} `;var L=p(2501);const we=l.Ay.div` ${({theme:{colors:t,spacing:a}})=>(0,l.AH)` display: flex; flex-direction: column; gap: ${a.xxs}; padding: ${a.xs}; flex: 1; background-color: ${t.light.brand.lighterBlue}; &:first-of-type { background-color: ${t.light.system.alerts}; } .card-title { font-size: var(--step-1); font-weight: 400; } .event-details { .event-date { font-size: var(--step-2); font-weight: 700; } .event-time { font-size: var(--step-2); font-weight: 400; } } .event-link { margin-top: auto; width: 100%; &.alert-button { background-color: ${t.light.brand.darkBlue}; color: ${t.light.neutral.white}; border: 2px solid ${t.light.brand.darkBlue}; &:hover { background-color: ${t.light.brand.midBlue}; border: 2px solid ${t.light.brand.midBlue}; } &:focus { border: 2px solid ${t.light.brand.midBlue}; } } } `} `;var X=p(7454);const ye=({label:t,buttonLabel:a,event:n,index:o,className:i})=>e.createElement(we,{className:i},t&&e.createElement("span",{className:"card-title"},t),n&&e.createElement("div",{className:"event-details"},n.date&&e.createElement("p",{className:"event-date"},n?.date),n.time&&e.createElement("p",{className:"event-time"},n?.time)),a&&e.createElement(X.A,{className:`event-link ${o===0?"alert-button":""}`,link:n?.eventLink?.linkPath,label:a,buttonTheme:"clear"})),V={mobile:"(max-width: 767px)",tablet:"(max-width: 1023px)"},T={mobile:.75,tablet:.9,desktop:1};function Ee(t){const{responsive:a=!0,strategy:n="breakpoint",breakpoints:o=V,scales:i=T,baseViewportHeight:m=900,minScale:d=.6,maxScale:r=1.3}=t||{},[s,c]=(0,e.useState)(1);return(0,e.useEffect)(()=>{if(!a||typeof window>"u"){c(1);return}if(n==="vh-scale"){const u=()=>{const g=(window.innerHeight||m)/m,f=Math.max(d,Math.min(r,g));c(f)};return u(),window.addEventListener("resize",u),window.addEventListener("orientationchange",u),()=>{window.removeEventListener("resize",u),window.removeEventListener("orientationchange",u)}}else{const u=window.matchMedia(o.mobile??V.mobile),h=window.matchMedia(o.tablet??V.tablet),g=()=>{u.matches?c(i.mobile??T.mobile):h.matches?c(i.tablet??T.tablet):c(i.desktop??T.desktop)};g();const f=()=>g();return u.addEventListener("change",f),h.addEventListener("change",f),window.addEventListener("resize",f),()=>{u.removeEventListener("change",f),h.removeEventListener("change",f),window.removeEventListener("resize",f)}}},[a,n,JSON.stringify(t?.breakpoints??V),JSON.stringify(t?.scales??T),t?.baseViewportHeight,t?.minScale,t?.maxScale]),s}const M="will-animate",z=(t,a)=>{const n=Ee(a);(0,e.useEffect)(()=>{if(typeof window>"u")return;const o=a?.disableOnReducedMotion??!0,i=window.matchMedia("(prefers-reduced-motion: reduce)");if(o&&i.matches){t.forEach(({selector:r})=>{document.querySelectorAll(r).forEach(c=>{c.classList.remove(M),c.style.opacity="",c.style.transform=""})});return}const d=[];return t.forEach(({selector:r,fadeInClass:s,fadeOutClass:c,offsetIn:u=.8,offsetOut:h=-100})=>{const g=document.querySelectorAll(r);if(!g.length)return;g.forEach(v=>v.classList.add(M));const f=1-(1-u)*n,b=h*n,A=new IntersectionObserver(v=>{v.forEach(y=>{const E=y.target;y.isIntersecting?(E.classList.remove(M),s&&E.classList.add(s),c&&E.classList.remove(c)):c&&E.classList.add(c)})},{root:null,threshold:.2,rootMargin:`${-(1-f)*100}% 0px ${b}px 0px`});g.forEach(v=>A.observe(v)),d.push(A)}),()=>{d.forEach(r=>r.disconnect())}},[t,n,a?.disableOnReducedMotion])};var F=p(3652);const $e=({image:t,title:a,subtitle:n,description:o,featuredTitle:i,events:m})=>(z([{selector:".featured-title",fadeInClass:"fade-in-up",offsetIn:.85},{selector:".event-cta",fadeInClass:"fade-in-right",offsetIn:.85},{selector:".featured-events__content",fadeInClass:"fade-in-up",offsetIn:.85},{selector:".main-title",fadeInClass:"fade-in-up",offsetIn:.85},{selector:".sub-title",fadeInClass:"fade-in-up",offsetIn:.85},{selector:".description",fadeInClass:"fade-in-up",offsetIn:.85}]),e.createElement(ve,{className:"featured-events u-container--fluid full-width-mobile"},t&&e.createElement("div",{className:"featured-events__image"},e.createElement(L.A,{...t})),e.createElement("div",{className:"featured-events__content u-container--fluid"},e.createElement("div",{className:"text-column"},a&&e.createElement("h2",{className:"main-title"},a),n&&e.createElement("h3",{className:"sub-title"},n),o&&e.createElement(F.default,{className:"description",text:o})),e.createElement("div",{className:"events-column"},e.createElement("div",{className:"events-card-row"},i&&e.createElement("span",{className:"featured-title h3"},i),e.createElement("div",{className:"events-card-container"},m?.map((d,r)=>e.createElement(ye,{className:"event-cta",key:r,...d,index:r})))))))),ke=l.Ay.div` ${({theme:{colors:t}})=>(0,l.AH)` position: relative; .video { position: relative; height: 100%; width: 100%; aspect-ratio: 16 / 9; iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: inherit; border: none; margin: 0; padding: 0; } } button { display: block; position: relative; padding: 0; border: 0; width: 100%; height: 100%; background: none; cursor: pointer; } .youtube-play-btn { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; display: block; padding: 0; margin: 0 auto; user-select: none; transition: opacity 0.3s ease; border-radius: 100%; border: 4px solid ${t.light.neutral.white}; background: ${t.light.brand.darkBlue}; &:after { position: absolute; top: calc(50% - 15px); left: calc(50% - 8px); content: ''; border-color: transparent transparent transparent ${t.light.neutral.white}; border-style: solid; border-width: 14px 0 14px 20px; } } &:hover .youtube-play-btn { opacity: 0.75; } img { display: block; height: 100%; width: 100%; aspect-ratio: 16/9; object-fit: fill; } `} `,Ne=t=>/vimeo\.com/.test(t)?"vimeo":/youtube\.com|youtu\.be/.test(t)?"youtube":"unknown",_e=t=>{const a=t.match(/vimeo\.com\/(\d+)/);return a?a[1]:null},G=t=>{const a=t.match(/(?:youtube\.com\/.*v=|youtu\.be\/)([a-zA-Z0-9_-]{11})/);return a?a[1]:null},Se=(t,a)=>{const n=new URL(t),o=new URLSearchParams(n.search);switch(a){case"vimeo":{const i=_e(t);return i?`https://player.vimeo.com/video/${i}?${o.toString()}`:t}case"youtube":{const i=G(t);return i?`https://www.youtube.com/embed/${i}?${o.toString()}`:t}default:return t}},Ae=(t,a,n)=>{if(n?.src)return n;if(a==="youtube"){const o=G(t);if(o)return{alt:"YouTube video thumbnail",src:`https://img.youtube.com/vi/${o}/maxresdefault.jpg`}}},Ie=({src:t,title:a,posterImage:n,className:o})=>{console.log(t,"src");const[i,m]=(0,e.useState)(!1),d=(0,e.useRef)(null),r=Ne(t),s=Ae(t,r,n),u=(0,e.useMemo)(()=>new URL(t),[t]).searchParams.get("autoplay")==="1",h=(0,e.useMemo)(()=>{const f=Se(t,r),b=new URL(f);return r==="youtube"&&(b.searchParams.set("enablejsapi","1"),b.searchParams.set("playsinline","1"),b.searchParams.set("rel","0"),typeof window<"u"&&b.searchParams.set("origin",window.location.origin)),(u||i)&&b.searchParams.set("autoplay","1"),b.toString()},[t,r,u,i]);(0,e.useEffect)(()=>{if(!(u||i))return;const f=d.current?.contentWindow;if(!f)return;const b=setTimeout(()=>{try{r==="youtube"?f.postMessage(JSON.stringify({event:"command",func:"playVideo",args:[]}),"*"):r==="vimeo"&&f.postMessage({method:"play"},"*")}catch{}},50);return()=>clearTimeout(b)},[u,i,r]);const g=()=>m(!0);return e.createElement(ke,{className:o&&o},!u&&!i&&s&&e.createElement("button",{type:"button",className:"video-overlay-btn",onClick:g,"aria-label":"Play video"},e.createElement("span",{className:"youtube-play-btn"}),e.createElement("img",{src:s.src,alt:s.alt||"Video poster"})),(u||i)&&e.createElement("div",{className:"video"},e.createElement("iframe",{ref:d,width:"560",height:"315",src:h,title:a||"Embedded Video",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0})))},ze=l.Ay.div` ${({theme:{colors:t,mq:a,spacing:n}})=>(0,l.AH)` display: flex; flex-direction: column; gap: ${n.xxxs}; position: relative; height: 100%; color: ${t.light.neutral.black}; /* Progressive enhancement: hide only when JS adds this class */ .will-animate { opacity: 0; } /* Respect reduced motion: reveal elements and disable animations */ @media (prefers-reduced-motion: reduce) { .will-animate { opacity: 1 !important; } .fade-in-up, .fade-in-down, .fade-in-left, .fade-in-right { animation: none !important; } } .video-player__title { font-weight: 800; color: ${t.light.brand.darkBlue}; font-size: var(--step-5); &.fade-in-up { ${$} } } .video-player__sub-title { font-size: var(--step-3); font-weight: 600; background: linear-gradient( 180deg, #007dba 0%, #007dba 60%, #0c2340 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; &.fade-in-up { ${$} } } .video-player__container { position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; margin-block-start: 1em; } .video-player__embed { position: relative; height: 100%; width: 100%; z-index: 1; @media ${a.min.px.tablet} { width: 100%; } } .video-player__markup { &.fade-in-up { ${$} } h4 { font-size: var(--step-4); font-weight: 800; color: ${t.light.brand.darkBlue}; } } `} `,Ce=({title:t,subTitle:a,description:n,src:o,posterImage:i,format:m})=>(z([{selector:".video-player__title",fadeInClass:"fade-in-up",offsetIn:.85},{selector:".video-player__sub-title",fadeInClass:"fade-in-up",offsetIn:.85},{selector:".video-player__markup",fadeInClass:"fade-in-up",offsetIn:.85}]),e.createElement(ze,{className:"video-player u-container--fluid"},t&&e.createElement("h2",{className:"video-player__title"},t),a&&e.createElement("h3",{className:"video-player__sub-title"},a),e.createElement("div",{className:"video-player__container"},e.createElement(Ie,{className:"video-player__embed",src:o,posterImage:i,provider:m})),n&&e.createElement(F.default,{className:"video-player__markup",text:n}))),Be=l.Ay.section` ${({theme:t})=>(0,l.AH)` /* Progressive enhancement: hide only when JS adds this class */ .will-animate { opacity: 0; } /* Respect reduced motion: reveal elements and disable animations */ @media (prefers-reduced-motion: reduce) { .will-animate { opacity: 1 !important; } .fade-in-up, .fade-in-right, .fade-in-left { animation: none !important; } } .news-events__title { font-size: var(--step-5); font-weight: 800; color: ${a=>a.theme.colors.light.brand.darkBlue}; margin-bottom: ${t.spacing.m}; &.fade-in-up { ${$} } } .news-events__list { display: flex; flex-direction: column; gap: 2rem; @media (min-width: 1024px) { flex-direction: row; } } .featured-card, .card-list { display: flex; flex-direction: column; gap: ${t.spacing.xs}; width: 100%; height: 100%; position: relative; } .featured-card { flex: 1.5 1 0%; cursor: pointer; .card__image { img { border-bottom-right-radius: 50px; } } &.fade-in-up { ${$} } &:hover { .card__image { transform: scale(1.02); } .card__title::before { width: 100%; } } } .card-list { flex: 1; gap: ${t.spacing.xs}; } .card__image { width: 100%; height: 300px; transition: transform 0.4s ease; @media ${t.mq.min.px.tablet} { height: 400px; } @media ${t.mq.min.px.desktop} { height: 500px; } img { width: 100%; height: 100%; object-fit: cover; } } .card-list .card__image { width: 100%; height: 300px; transition: transform 0.4s ease; @media ${t.mq.min.px.tablet} { display: block; width: 200px; max-height: 150px; height: auto; flex-shrink: 0; } } .card__content { display: flex; flex-direction: column; gap: ${t.spacing.xxxs}; a { svg { width: 20px; height: 20px; min-height: 20px; min-width: 20px; } } .card__meta { display: flex; align-items: center; gap: ${t.spacing.xxxs}; font-size: 1rem; svg { width: 30px; height: 30px; min-height: 30px; min-width: 30px; } } } .card-list .card__content { @media ${t.mq.min.px.tablet} { padding: 0 ${t.spacing.s}; } } .card__title, .card__title--small { display: flex; align-items: center; gap: ${t.spacing.xxxs}; font-weight: 700; color: ${t.colors.dark.neutral.black}; text-decoration: none; height: auto; width: fit-content; /* &::before { content: ''; position: absolute; left: 0; bottom: -2px; height: 2px; width: 0; background-color: ${a=>a.theme.colors.light.brand.lightBlue}; transition: width 0.3s ease; } */ &::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: auto; } } .card-list__item { display: flex; flex-direction: column; width: 100%; gap: ${t.spacing.xxs}; cursor: pointer; @media ${t.mq.min.px.tablet} { flex-direction: row; } .card__image { padding-bottom: ${t.spacing.xs}; border-bottom: 2px solid ${t.colors.light.brand.lightGold}; } /* This selector name matches existing usage; animation uses fadeInRight keyframes */ &.fade-in-left { ${j} } &:hover { .card__image { transform: scale(1.02); } .card__title--small::before { width: 100%; } } } .card__link { color: ${t.colors.dark.brand.darkBlue}; font-weight: 500; font-size: 0.875rem; text-decoration: none; &:hover { text-decoration: underline; } } .links__container { display: flex; flex-direction: column; gap: ${t.spacing.xxs}; border-top: 1px solid ${t.colors.light.neutral.grey}; padding-top: ${t.spacing.xxs}; @media ${t.mq.min.px.tablet} { border-top: none; flex-direction: row; } } .news-events__cta { display: flex; -webkit-box-align: center; align-items: center; width: fit-content; color: rgb(12, 35, 64); text-decoration: none; } `} `;var x=p(7030),W=p(3266),Le=p(2546),K=p(3692),_=p(985),Z=p(2504),Q=p(2056);const Te=({latestArticles:t,_type:a="latestNews"})=>{const n=(0,W.d4)(Le.rE.selectors.selectVersionStatus),[o,i]=(0,e.useState)(null),[m,d]=(0,e.useState)(!0);return(0,e.useEffect)(()=>{let r=!0;const s=()=>{switch(a){case"latestNews":return[_.f.news];case"latestEvents":return[_.f.event];case"latestNewsAndEvents":return[_.f.news,_.f.event];default:return[_.f.news]}};return(async()=>{if(a==="latestNewsAndEvents"&&(!t||t.length===0)){const v=new x.Query(x.Op.equalTo("sys.versionStatus","published"),x.Op.equalTo("sys.contentTypeId",_.f.news));v.pageSize=2,v.orderBy=x.OrderBy.desc("publishedDate"),v.fields=[...Z.Xn,"title","summary","publishedDate","image","sys.uri","heroImage","thumbnail","dateAndTime","date.from","dataEventCategory","readTime","sys.contentTypeId"];const y=new x.Query(x.Op.equalTo("sys.versionStatus","published"),x.Op.equalTo("sys.contentTypeId",_.f.event));y.pageSize=2,y.orderBy=x.OrderBy.desc("date.from"),y.fields=v.fields;const[E,S]=await Promise.all([K.cachedSearch.search(v,0).then(k=>({response:k,error:null})).catch(k=>({response:null,error:k})),K.cachedSearch.search(y,0).then(k=>({response:k,error:null})).catch(k=>({response:null,error:k}))]);if(r){const k=E.response?.items||[],U=S.response?.items||[],N=k.map(Q.D),P=U.map(Q.D);i([...N,...P]),d(!1)}return}const u=s(),h=[x.Op.equalTo("sys.versionStatus","published"),x.Op.equalTo("sys.contentTypeId",u)];t&&t.map(y=>y.id).forEach(y=>h.push(x.Op.not(x.Op.equalTo("sys.id",y))));const g=new x.Query(...h),f=t?.length??0;let b;a==="latestEvents"?b=x.OrderBy.desc("date.from"):a==="latestNews"?b=x.OrderBy.desc("publishedDate"):a==="latestNewsAndEvents"?(x.Op.equalTo("sys.contentTypeId",_.f.event)&&(b=x.OrderBy.desc("dateAndTime")),x.Op.equalTo("sys.contentTypeId",_.f.news)&&(b=x.OrderBy.desc("publishedDate"))):b=x.OrderBy.desc("sys.publishedDate"),g.pageSize=4-f,g.orderBy=b,g.fields=[...Z.Xn,"title","summary","publishedDate","image","sys.uri","heroImage","thumbnail","dateAndTime","date.from","dataEventCategory","slug","sys.slug","readTime"];const A=await K.cachedSearch.search(g,0).then(v=>({response:v,error:null})).catch(v=>({response:null,error:v}));if(A.response&&r){const y=A.response.items.map(Q.D),E=t?[...t,...y]:y;i(E),d(!1)}})(),()=>{r=!1}},[t,a,n]),{isLoading:m,latestArticles:o}};var O=p(7820),w=p(1169),Oe=p(9289);const Pe=t=>{const{title:a,manualResults:n,button:o,_type:i="latestNewsAndEvents"}=t,{latestArticles:m}=Te({latestArticles:n,_type:i}),d=m;z([{selector:".news-events__title",fadeInClass:"fade-in-up"},{selector:".featured-card",fadeInClass:"fade-in-up",offsetIn:1.2,offsetOut:-200},{selector:".card-list__item",fadeInClass:"fade-in-left"}]);const r=(0,W.d4)(Oe.WD);if(!d||d.length===0)return null;const[s,...c]=d,u=s.image||r;return e.createElement(Be,{className:"news-events u-container--fluid"},e.createElement("h2",{className:"news-events__title"},a),e.createElement("div",{className:"news-events__list"},e.createElement("div",{className:"featured-card"},u&&e.createElement("div",{className:"card__image"},e.createElement(L.A,{...u})),e.createElement("div",{className:"card__content"},s.date&&s.contentType!=="newsArticle"&&e.createElement("div",{className:"card__meta"},e.createElement(w.A,{icon:"calendar"}),e.createElement("small",null,s.date)),s.readTime&&e.createElement("div",{className:"card__meta"},e.createElement(w.A,{icon:"clock"}),e.createElement("small",null,s.readTime," min read")),s.title&&e.createElement(O.A,{path:s.link,className:"card__title h3"},s.title,e.createElement(w.A,{icon:"arrowRight",size:30})))),e.createElement("div",{className:"card-list"},c.map((h,g)=>e.createElement(Re,{key:g,date:h.date,title:h.title,image:h.image||r,link:h.link,readTime:h.readTime,contentType:h.contentType})),e.createElement("div",{className:"links__container"},e.createElement(O.A,{path:"/about/events",className:"news-events__cta"},"View all events",e.createElement(w.A,{icon:"arrowRight",size:20})),e.createElement(O.A,{path:"/about/news",className:"news-events__cta"},"View all news",e.createElement(w.A,{icon:"arrowRight",size:20}))))))},Re=t=>{const{image:a,date:n,link:o,title:i,readTime:m,contentType:d}=t;return e.createElement("div",{className:"card-list__item"},a&&e.createElement("div",{className:"card__image"},e.createElement(L.A,{...a,alt:a.alt??""})),e.createElement("div",{className:"card__content"},n&&d!=="newsArticle"&&e.createElement("div",{className:"card__meta"},e.createElement(w.A,{icon:"calendar"}),e.createElement("small",null,n)),m&&e.createElement("div",{className:"card__meta"},e.createElement(w.A,{icon:"clock"}),e.createElement("small",null,m," min read")),i&&e.createElement(O.A,{path:o,className:"card__title--small"},i,e.createElement(w.A,{icon:"arrowRight",size:30}))))},De=l.Ay.div` ${({theme:{spacing:t}})=>(0,l.AH)` display: flex; align-items: start; flex-direction: column; justify-content: center; padding: ${t.s}; text-align: center; position: relative; min-height: 270px; perspective: 1000px; /* Click/tap/keyboard-driven flip */ &[data-flipped='true'] .card-3d { transform: rotateY(180deg); } /* Hover-driven flip only on devices that support hover (desktop/mouse) */ @media (hover: hover) and (pointer: fine) { &[data-hover-flip='true'] .card-3d:hover { transform: rotateY(180deg); } } .card-3d { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 600ms ease; outline: none; will-change: transform; -webkit-transform: translateZ(0); } .card-face { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; backface-visibility: hidden; -webkit-backface-visibility: hidden; background: inherit; color: inherit; border-radius: inherit; transform: translateZ(0); } .card-face--front { z-index: 2; } .card-face--back { transform: rotateY(180deg) translateZ(0); } @media (prefers-reduced-motion: reduce) { .card-3d { transition: none; } .card-face--back { display: none; } &[data-flipped='true'] .card-face--back { display: block; margin-top: ${t.xs}; } @media (hover: hover) and (pointer: fine) { &[data-hover-flip='true'] .card-face--back { display: block; margin-top: ${t.xs}; } } } .flip-indicator { position: absolute; bottom: 0; right: 0; pointer-events: none; transition: opacity 200ms ease; } .statistic__text { font-size: var(--step-7); font-weight: 300; line-height: 1.2; background: linear-gradient( 180deg, #007dba 0%, #007dba 60%, #0c2340 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; } .statistic__plus { font-size: var(--step-3); font-weight: 400; transition: font-size 0.2s ease-in-out; } .stat-value { font-size: var(--step-3); font-weight: 300; line-height: 1.2; background: linear-gradient( 180deg, #007dba 0%, #007dba 60%, #0c2340 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; margin-bottom: ${t.xxs}; } .statistic__information { font-size: 1rem; font-weight: 300; color: var(--color-text-secondary); margin-bottom: ${t.xxs}; } .statistic__source { font-size: 0.8rem; color: var(--color-text-secondary); font-style: italic; margin-bottom: 0.8rem; } .percentage, .date, .none { display: flex; align-items: center; justify-content: center; line-height: 1.2; background: linear-gradient( 180deg, #007dba 0%, #007dba 60%, #0c2340 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; } .top { .statistic__text { display: flex; flex-direction: column; } .statistic__context { font-size: 1rem; font-weight: 700; } } &.none { text-align: center; } `} `;function Ve(){const[t,a]=(0,e.useState)({hoverFine:!1});return(0,e.useEffect)(()=>{if(typeof window>"u"||!window.matchMedia)return;const n=window.matchMedia("(hover: hover) and (pointer: fine)"),o=()=>a({hoverFine:n.matches});o();const i=(d,r)=>d.addEventListener?d.addEventListener("change",r):d.addListener(r),m=(d,r)=>d.removeEventListener?d.removeEventListener("change",r):d.removeListener(r);return i(n,o),()=>{m(n,o)}},[]),t}const He=({className:t,statistic:a,statContext:n,statInfo:o,source:i,inView:m,fullStatContext:d,fullStatSource:r,fullStatDate:s,flipOnHover:c=!0,plusStatistic:u=!1})=>{const[h,g]=(0,e.useState)(!1),f=!!(d||r||s),b=(0,e.useRef)(null),{hoverFine:A}=Ve();if(a==null)return null;const v=typeof a=="number"||typeof a=="string"&&/^[+-]?\d+(\.\d+)?$/.test(a.trim()),y=v?Number(a):null,E=()=>v&&y!==null?e.createElement(je,{value:y,inView:m}):e.createElement(e.Fragment,null,String(a));let S;switch(n){case"%":S=e.createElement("div",{className:"percentage"},e.createElement("span",{className:"statistic__text"},E()),e.createElement("span",{className:"h4 statistic__context"},"%"));break;case"st":case"nd":case"rd":case"th":S=e.createElement("div",{className:"date"},e.createElement("span",{className:"statistic__text"},E()),e.createElement("span",{className:"h4 statistic__context"},n));break;case"Top":S=e.createElement("div",{className:"top"},e.createElement("span",{className:"h4 statistic__context"},n),e.createElement("span",{className:"statistic__text"},E()));break;case"none":S=e.createElement("div",{className:"none"},e.createElement("span",{className:"h4 statistic__text"},E()),u&&e.createElement("span",{className:"statistic__plus"},"+"));break;default:S=e.createElement("div",{className:"default"},e.createElement("div",{className:"stat-value"},E()))}const k=N=>{(N.key==="Enter"||N.key===" ")&&f&&(N.preventDefault(),g(P=>!P))},U=()=>{f&&g(N=>!N)};return(0,e.useEffect)(()=>{if(!f)return;const N=P=>{const pe=P.target;!b.current||!pe||b.current.contains(pe)||g(!1)};return document.addEventListener("pointerdown",N,!0),()=>document.removeEventListener("pointerdown",N,!0)},[f]),(0,e.useEffect)(()=>{!f&&h&&g(!1)},[f,h]),e.createElement(De,{ref:b,className:t,"data-hover-flip":A&&c&&f?"true":"false","data-flipped":h&&f?"true":"false",role:"group","aria-label":"Statistic card"},e.createElement("div",{className:"card-3d",tabIndex:0,role:"button","aria-pressed":!!(h&&f),onKeyDown:k,onClick:U,"aria-live":"polite"},e.createElement("div",{className:"card-face card-face--front"},S,o&&e.createElement("p",{className:"h3 statistic__information"},o),i&&e.createElement("figcaption",{className:"p statistic__source"},i),f&&e.createElement("div",{className:"flip-indicator",title:"Tap or click to flip","aria-hidden":"true"},e.createElement(w.A,{icon:"arrowRight",size:26}))),f&&e.createElement("div",{className:"card-face card-face--back"},d&&e.createElement("p",{className:"statistic__information"},d),r&&e.createElement("p",{className:"statistic__source"},r),s&&e.createElement("p",{className:"statistic__source"},s))))},je=({value:t,duration:a=700,inView:n})=>{const[o,i]=(0,e.useState)(0),[m,d]=(0,e.useState)(!1),r=(0,e.useRef)(null);return(0,e.useEffect)(()=>{if(!n||m)return;const s=Date.now(),c=()=>{Date.now()-s{r.current&&clearTimeout(r.current)}},[n,m,t,a]),e.createElement("span",null,o)},pt=null,Me=l.Ay.section` ${({theme:{colors:t,spacing:a,mq:n}})=>(0,l.AH)` display: flex; flex-direction: column; height: auto; gap: ${a.s}; /* Only hide elements when JS adds this class (progressive enhancement) */ .will-animate { opacity: 0; } /* Respect reduced motion: reveal elements and disable animations */ @media (prefers-reduced-motion: reduce) { .will-animate { opacity: 1 !important; } .fade-in-up, .fade-out-down, .fade-in-left, .fade-out-left { animation: none !important; } } .stat-content__title-styled { font-size: var(--step-5); font-weight: 800; color: ${t.light.brand.darkBlue}; line-height: 1.3; } .stat-content__title-styled, .stat-content__sub-title-styled { margin-bottom: ${a.xxs}; } .stat-content__title-styled, .stat-content__sub-title-styled, .stat-card, .optional-button { &.fade-in-up { ${$} } &.fade-out-down { ${be} } } .image-container { &.fade-in-left { ${J} } &.fade-out-left { ${xe} } } .desktop-title { display: none; } .mobile-title { display: block; } @media ${n.min.px.desktop} { flex-direction: row; gap: 0; .mobile-title { display: none; } .desktop-title { display: block; } } .image-column { width: 100%; position: relative; .image-container { position: relative; width: 100%; height: 100%; min-height: 50vh; max-height: 60vh; overflow: hidden; border-top-left-radius: ${a.xxl}; img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 70% center; } } @media ${n.min.px.desktop} { width: 50%; .image-container { height: 100%; max-height: 800px; img { object-fit: cover; width: 100%; height: 100%; display: block; } } } } .content-column { display: flex; flex-direction: column; gap: ${a.xxxs}; height: 100%; width: 100%; position: relative; overflow: visible; @media ${n.min.px.desktop} { width: 50%; padding: 0 ${a.s}; } .stats-grid-container { display: grid; grid-template-columns: repeat(1, 1fr); gap: ${a.xxxs}; .stat-card { &.blue { background-color: ${t.light.brand.lighterBlue}; } &.gold { background-color: ${t.light.brand.lightestGold}; } &:first-child { border-top-left-radius: ${a.s}; } &:nth-child(4) { border-bottom-right-radius: ${a.s}; } } @media ${n.min.px.tablet} { gap: ${a.xs}; grid-template-columns: repeat(2, 1fr); } } .optional-button { position: relative; z-index: 99; align-self: start; } } .stat-section__markup { h4 { font-size: var(--step-4); font-weight: 800; color: ${t.light.brand.darkBlue}; } } `} `,Fe=t=>`stat-card ${["blue","gold","gold","blue"][t%4]}`,Ke=({title:t,subtitle:a,description:n,statistics:o,image:i,button:m})=>{z([{selector:".image-container",fadeInClass:"fade-in-left",offsetIn:.85,offsetOut:-300},{selector:".stat-content__title-styled",fadeInClass:"fade-in-up",offsetIn:1.2,offsetOut:-100},{selector:".stat-content__sub-title-styled",fadeInClass:"fade-in-up",offsetIn:1.2,offsetOut:-200},{selector:".stats-grid-container .stat-card",fadeInClass:"fade-in-up",offsetIn:.85,offsetOut:-150},{selector:".optional-button",fadeInClass:"fade-in-up",offsetIn:1.2,offsetOut:-50}]);const[d,r]=(0,e.useState)([]);return(0,e.useEffect)(()=>{const s=()=>{const c=document.querySelectorAll(".stats-grid-container .stat-card"),u=Array.from(c).map(h=>{const g=h.getBoundingClientRect();return g.top0});r(u)};return window.addEventListener("scroll",s),s(),()=>{window.removeEventListener("scroll",s)}},[o?.length]),e.createElement(Me,{className:"u-container--fluid"},i&&e.createElement("div",{className:"image-column"},t&&e.createElement("h2",{className:"stat-content__title-styled mobile-title"},t),e.createElement("div",{className:"image-container"},e.createElement(L.A,{...i}))),e.createElement("div",{className:"content-column"},t&&e.createElement("h2",{className:"stat-content__title-styled desktop-title"},t),a&&e.createElement("p",{className:"stat-content__sub-title-styled"},a),o&&o.length>0&&e.createElement("div",{className:"stats-grid-container"},o.map((s,c)=>e.createElement(He,{key:c,...s,className:Fe(c),inView:d[c]||!1}))),n&&e.createElement(F.default,{className:"stat-section__markup",text:n}),m&&e.createElement(X.A,{className:"optional-button",link:m.url,label:m.label,buttonTheme:"clear"})))},Qe=l.Ay.section` ${({theme:{colors:t,spacing:a}})=>(0,l.AH)` width: 100%; .page-alert__content-wrapper { display: flex; flex-direction: column; background-color: ${t.light.system.alerts}; padding: ${a.xs} ${a.s}; .page-alert__title { font-size: var(--step-4); color: ${t.light.brand.darkBlue}; font-weight: 900; } .page-alert__content { a { color: ${t.light.brand.darkBlue}; } } p { color: ${t.light.brand.darkBlue}; } } `} `,Ue=({title:t,alert:a})=>e.createElement(Qe,{className:"page-alert u-container--fluid"},e.createElement("div",{className:"page-alert__content-wrapper u-container--fluid"},t&&e.createElement("h2",{className:"page-alert__title"},t),a&&e.createElement(D.VK,{className:"page-alert__content",text:a})));var q=p(2047),ee=p(3383),te=p(5839),ae=p(6211),ne=p(2541),ie=p(4689),re=p(3983);const Ye=(0,l.AH)` .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } `,oe=l.Ay.section` ${({theme:{colors:t,mq:a,spacing:n}})=>(0,l.AH)` position: relative; width: 100%; /* Progressive enhancement: hide only when JS adds this class */ .will-animate { opacity: 0; } /* Respect reduced motion: reveal elements and disable animations */ @media (prefers-reduced-motion: reduce) { .will-animate { opacity: 1 !important; } .fade-in-up, .fade-in-left { animation: none !important; } } .slider-container { margin: 0 auto; overflow: hidden; background-color: ${t.light.brand.lightestGold}; border-bottom-left-radius: ${n.xxl}; } .swiper-slide { @media ${a.min.px.tablet} { padding: ${n.m} 0; } } .quote-card { display: grid; grid-template-columns: 1fr; @media ${a.min.px.desktop} { grid-template-columns: 1fr 1fr; /* height: 100%; */ } } .quote-card__image { height: 100%; max-height: 300px; width: 100%; @media ${a.min.px.tablet} { height: calc(100% + 100px); max-height: unset; } &.fade-in-left { ${J} } img { object-fit: cover; height: 100%; } } .quote-card__content { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; position: relative; padding-left: ${n.l}; padding-right: ${n.l}; @media ${a.min.px.desktop} { padding-left: 6rem; padding-right: 6rem; padding-top: ${n.l}; } &.fade-in-up { ${$} } blockquote { position: relative; display: flex; flex-direction: column; gap: ${n.xxxs}; span { font-size: var(--step-3); font-family: 'Roboto Slab', serif; font-weight: 800; color: ${t.light.brand.darkBlue}; @media ${a.min.px.tablet} { font-size: var(--step-4); } /* @media ${a.min.px.desktop} { font-size: var(--step-5); } */ } &::before { content: ''; position: absolute; top: -30px; left: -35px; width: 30px; height: 30px; background-color: ${t.light.neutral.white}; z-index: 0; @media ${a.min.px.desktop} { width: 50px; height: 50px; top: -20px; left: -60px; } } &::after { content: ''; position: absolute; bottom: -40px; right: -30px; width: 30px; height: 30px; background-color: ${t.light.neutral.white}; z-index: 0; @media ${a.min.px.tablet} { bottom: -65px; right: -30px; } @media ${a.min.px.desktop} { width: 50px; height: 50px; right: -10px; } } .quote-icon { position: absolute; height: 30px; width: 30px; z-index: 1; color: ${t.light.brand.midBlue}; @media ${a.min.px.desktop} { height: 50px; width: 50px; } &.quote-start { top: -45px; left: -35px; @media ${a.min.px.desktop} { left: -55px; } } &.quote-end { bottom: -35px; right: -35px; @media ${a.min.px.tablet} { bottom: -60px; } @media ${a.min.px.desktop} { right: -20px; } } } } span { display: block; padding: 0 ${n.xxs}; max-width: max-content; background-color: ${t.light.neutral.white}; } } .slider__wrapper { position: relative; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-container-autoheight { &, .swiper-slide { height: auto; } .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } } ${Ye}; .swiper-arrow-controls { display: none; align-items: center; justify-content: center; z-index: 2; opacity: 1; &.desktop-controls { display: none; @media ${a.min.px.tablet} { display: flex; position: absolute; top: 5%; right: 5%; justify-content: space-between; width: max-content; } } &.mobile-controls { display: flex; margin: ${n.xxs} 0; } @media ${a.min.px.tablet} { display: flex; flex-direction: row; align-items: center; justify-content: end; &.mobile-controls { display: none; margin-bottom: 0; } } } .swiper-slide-active { z-index: 99; } .swiper-slide-next { .swiper-slide img { border-radius: 0px 50px 0px 0px; @media ${a.min.px.tablet} { border-radius: 0px 50px 0px 0px; } } } .swiper-prev { background-color: rgba(0, 0, 0, 0.5); border: 2px solid transparent; color: ${t.light.neutral.white}; } .swiper-next { border: 2px solid ${t.light.neutral.white}; color: ${t.light.brand.midBlue}; } .swiper-arrow { position: relative; display: inline-block; margin: 0.2rem; padding: 0.2rem; border: 4px solid ${t.light.neutral.white}; border-radius: 50%; color: ${t.light.neutral.white}; background-color: ${t.light.brand.darkBlue}; transition: all ease-in-out 150ms; cursor: pointer; @media ${a.min.px.tablet} { padding: 0.5rem; margin: 0.5rem; } &:hover, &:focus-visible { color: white; background-color: ${t.light.brand.darkBlue}; transition: all ease-in-out 150ms; /* transform: scale(1.1); */ } &:disabled { cursor: not-allowed; color: white; background-color: rgba(0, 0, 0, 0.4); } } .swiper-pagination { position: relative; display: flex; justify-content: center; align-items: center; font-size: 0; line-height: 0; text-align: center; width: max-content; margin: 0 auto; height: 30px; background: white; border-radius: 20px; margin-bottom: 10px; z-index: 10; } .swiper-pagination-bullet { position: relative; display: inline-block; border: 2px solid white; border-radius: 50%; height: 1rem; width: 1rem; margin: 0.5rem; background-color: rgba(0, 0, 0, 0.4); transition: background-color ease-in-out 150ms; cursor: pointer; &:hover, &:focus-visible { background-color: ${t.light.neutral.white}; opacity: 1.2; transition: background-color ease-in-out 150ms; } } .swiper-pagination-bullet-active { background-color: ${t.light.brand.darkBlue}; transition: background-color ease-in-out 150ms; } .swiper-pagination-bullet { height: 13px; width: 13px; border-radius: 50%; border: 2px solid white; margin: 0 5px; @media ${a.min.px.tablet} { height: 16px; width: 16px; } } `} `;var se=p(4554),le=p(5241);te.A.use([ae.A,ne.A,ie.A,re.A]);const de=({id:t,className:a})=>e.createElement("div",{className:`swiper-arrow-controls ${a??""}`},e.createElement("button",{className:"swiper-prev swiper-arrow","aria-label":"prev button"},e.createElement(w.A,{icon:"arrowLeft",size:30})),e.createElement("button",{className:"swiper-next swiper-arrow",id:`swiper-next-${t}`,"aria-label":"next"},e.createElement(w.A,{icon:"arrowRight",size:30}))),Je=()=>e.createElement("div",{className:"swiper-pagination"}),ce=t=>{const{image:a,quote:n}=t,o=typeof t.index=="number"&&t.index%2===0,{width:i}=(0,le.lW)();return e.createElement("div",{className:"quote-card"},!o||i<1024?e.createElement(e.Fragment,null,a?.src&&e.createElement("div",{className:"quote-card__image"},e.createElement("img",{src:a.src,alt:a.alt||"Quote author image"})),e.createElement("div",{className:"quote-card__content"},e.createElement("blockquote",{className:"h2"},e.createElement(w.A,{icon:"quoteStart",size:30,className:"quote-icon quote-start"}),(0,se.O)(n.text),e.createElement(w.A,{icon:"quoteEnd",size:30,className:"quote-icon quote-end"})))):e.createElement(e.Fragment,null,e.createElement("div",{className:"quote-card__content"},e.createElement("blockquote",{className:"h2"},e.createElement(w.A,{icon:"quoteStart",size:50,className:"quote-icon quote-start"}),(0,se.O)(n.text),e.createElement(w.A,{icon:"quoteEnd",size:50,className:"quote-icon quote-end"}))),a?.src&&e.createElement("div",{className:"quote-card__image"},e.createElement("img",{src:a.src,alt:a.alt||"Quote author image"}))))},Xe=({quoteCards:t})=>{const[a,n]=(0,e.useState)(0),o="quote-slider";if(z([{selector:".quote-card__content",fadeInClass:"fade-in-up",offsetIn:1.2,offsetOut:-100}]),t.length===1)return e.createElement(oe,{className:"quote-slider single-quote"},e.createElement(ce,{...t[0]}));const i=o||"quote-slider-"+Math.random().toString(36).substring(2,8),m={autoHeight:!0,slidesPerView:1,spaceBetween:0,effect:"slide",fadeEffect:{crossFade:!0},navigation:{nextEl:`#${i} .swiper-next`,prevEl:`#${i} .swiper-prev`},pagination:{el:`#${i} .swiper-pagination`,clickable:!0},loop:!0,preventClicks:!1,preventClicksPropagation:!1};return e.createElement(oe,{className:"quote-slider u-container--fluid",id:i},e.createElement("div",{className:"slider-container"},e.createElement(q.R,{...m,onSlideChange:d=>n(d.activeIndex)},e.createElement(de,{id:o,className:"desktop-controls"}),t.map((d,r)=>e.createElement(ee.q,{key:r},e.createElement(ce,{...d,index:r}))),e.createElement(de,{className:"mobile-controls",id:o}),e.createElement(Je,null))))},Ge=l.Ay.section` ${({theme:{colors:t,mq:a,spacing:n}})=>(0,l.AH)` position: relative; overflow-x: hidden; width: 100%; /* Progressive enhancement: hide only when JS adds this class */ .will-animate { opacity: 0; } /* Respect reduced motion: reveal elements and disable animations */ @media (prefers-reduced-motion: reduce) { .will-animate { opacity: 1 !important; } .fade-in-up, .fade-in-right { animation: none !important; } } .title-container { display: flex; flex-direction: column; gap: ${n.xxxs}; margin-bottom: ${n.xs}; } .slider-title { font-size: var(--step-5); font-weight: 800; color: ${t.light.brand.darkBlue}; &.mobile { display: flex; } @media ${a.min.px.tablet} { &.mobile { display: none; } } &.fade-in-up { ${$} } } .u-container { overflow: hidden; position: relative; } .card-slider__container { position: relative; overflow: hidden; z-index: 1; padding: ${n.m}; background-color: ${t.light.brand.lighterBlue}; border-bottom-left-radius: ${n.xxl}; } .swiper-wrapper { display: flex; transition-property: transform; } .swiper-slide { width: 280px; flex-shrink: 0; width: 100%; height: 100%; transition-property: transform; } .card { display: flex; flex-direction: column; align-items: center; background: transparent; text-align: center; aspect-ratio: 1; cursor: pointer; &:hover { .card-image { transform: scale(1.05); } .card-title::before { width: 100%; } } &.fade-in-up { ${$} } &.fade-in-right { ${j} } .card-image { width: 100%; height: 100%; object-fit: cover; border-radius: 0; transition: transform 0.4s ease; &.border-top-right { border-top-right-radius: 30px; } &.border-bottom-left { border-bottom-left-radius: 30px; } } .card__content { display: flex; flex-direction: column; align-items: flex-start; gap: ${n.xxxs}; text-align: left; justify-content: center; padding: ${n.xxs} 0; width: 100%; } .card-title { @media ${a.min.px.tablet} { &::before { content: ''; position: absolute; left: 0; bottom: -2px; height: 2px; width: 0; background-color: ${t.light.brand.lightBlue}; transition: width 0.3s ease; } } a, span { display: flex; align-items: center; gap: ${n.xs}; justify-content: space-between; width: 100%; font-size: var(--step-4); font-weight: 800; color: ${t.light.brand.darkBlue}; text-decoration: none; &::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: auto; } } } .card-description { font-size: var(--step-2); color: ${t.light.neutral.grey80}; } } .slider-controls-container { display: none; flex-direction: column; gap: ${n.s}; width: 100%; justify-content: space-between; align-items: center; margin-bottom: ${n.m}; &.desktop-controls { display: none; @media ${a.min.px.tablet} { display: flex; position: absolute; top: 5%; right: 5%; justify-content: space-between; width: max-content; } } &.mobile-controls { display: flex; margin-bottom: 0; } @media ${a.min.px.tablet} { display: flex; flex-direction: row; margin-bottom: ${n.m}; &.mobile-controls { display: none; margin-bottom: 0; } } } .swiper-pagination { font-size: 0; line-height: 0; text-align: center; padding-top: ${n.xs}; padding-bottom: ${n.xxs}; width: max-content; margin: 0 auto; height: 100%; @media ${a.min.px.tablet} { padding-top: ${n.s}; } } .swiper-pagination-bullet { position: relative; display: inline-block; border: 2px solid white; border-radius: 50%; height: 1rem; width: 1rem; margin: 0.5rem; background-color: rgba(0, 0, 0, 0.4); transition: background-color ease-in-out 150ms; cursor: pointer; &:hover, &:focus-visible { background-color: ${t.light.neutral.white}; opacity: 1.2; transition: background-color ease-in-out 150ms; } } .swiper-pagination-bullet-active { background-color: ${t.light.brand.darkBlue}; transition: background-color ease-in-out 150ms; } .swiper-pagination-bullet { height: 13px; width: 13px; border-radius: 50%; border: 2px solid white; margin: 0 5px; @media ${a.min.px.tablet} { height: 16px; width: 16px; } } .swiper-arrow-controls { display: flex; align-items: center; justify-content: center; z-index: 10; @media (min-width: 1485px) { justify-content: space-between; width: max-content; } } .swiper-prev { background-color: rgba(0, 0, 0, 0.5); border: 2px solid transparent; color: ${t.light.neutral.white}; } .swiper-next { border: 2px solid ${t.light.neutral.white}; color: ${t.light.brand.midBlue}; } .swiper-arrow { position: relative; display: inline-block; margin: 0.2rem; padding: 0.2rem; border: 4px solid ${t.light.neutral.white}; border-radius: 50%; color: ${t.light.neutral.white}; background-color: ${t.light.brand.darkBlue}; transition: all ease-in-out 150ms; cursor: pointer; @media ${a.min.px.tablet} { padding: 0.5rem; margin: 0.5rem; } &:hover, &:focus-visible { color: white; background-color: ${t.light.brand.darkBlue}; transition: all ease-in-out 150ms; /* transform: scale(1.1); */ } &:disabled { cursor: not-allowed; color: white; background-color: rgba(0, 0, 0, 0.4); } } `} `;te.A.use([ae.A,ne.A,ie.A,re.A]);const me=({className:t})=>e.createElement("div",{className:`slider-controls-container ${t??""}`},e.createElement("div",{className:"swiper-arrow-controls"},e.createElement("button",{className:"swiper-prev swiper-arrow","aria-label":"prev button"},e.createElement(w.A,{icon:"arrowLeft",size:30})),e.createElement("button",{className:"swiper-next swiper-arrow","aria-label":"next button"},e.createElement(w.A,{icon:"arrowRight",size:30})))),We=()=>e.createElement("div",{className:"swiper-pagination"}),Ze=({title:t,description:a,cards:n,id:o})=>{const[i,m]=(0,e.useState)(0),{width:d}=(0,le.lW)();z([{selector:".slider-title",fadeInClass:"fade-in-up",offsetIn:.85},{selector:".card",fadeInClass:"fade-in-up",offsetIn:.85}]);const r=o||"card-slider-"+Math.random().toString(36).substring(2,8);return e.createElement(Ge,{className:"card-slider u-container--fluid full-width-mobile",id:r},e.createElement("div",{className:"u-container--fluid card-slider__container"},e.createElement("div",{className:"title-container"},t&&e.createElement("h2",{className:"slider-title"},t),a&&e.createElement("p",{className:"slider-description"},a)),e.createElement(q.R,{breakpoints:{640:{slidesPerView:1},768:{slidesPerView:2},1024:{slidesPerView:3}},spaceBetween:30,navigation:{nextEl:`#${r} .swiper-next`,prevEl:`#${r} .swiper-prev`},pagination:{el:`#${r} .swiper-pagination`,clickable:!0},onSlideChange:s=>m(s.activeIndex),loop:!0,centeredSlidesBounds:!0,preventClicks:!0,preventClicksPropagation:!0,noSwiping:d<768,noSwipingSelector:".swiper-no-swiping",threshold:6},e.createElement(me,{className:"desktop-controls"}),n&&n.map((s,c)=>{const u=c%2===0?"border-top-right":"border-bottom-left";return e.createElement(ee.q,{key:c},e.createElement("div",{className:"card"},s.image&&e.createElement(L.A,{...s.image,className:`card-image ${u}`,width:900,height:900}),e.createElement("div",{className:"card__content"},s.link&&e.createElement("span",{className:"card-title h4"},e.createElement(O.A,{path:s.link},s.title,e.createElement(w.A,{icon:"arrowRight",size:35}))),s.description&&e.createElement("div",{className:"card-description"},s.description))))}),e.createElement(me,{className:"mobile-controls"}),e.createElement(We,null))))},qe=({items:t})=>!t||!Array.isArray(t)?null:e.createElement(e.Fragment,null,t.map((a,n)=>{if(!a._type)return null;switch(a._type){case"textBlock":return e.createElement(D.VK,{key:n,className:"flow",...a});case"latestNewsAndEvents":case"latestNews":case"latestEvents":return e.createElement(C,{key:n},e.createElement(Pe,{...a,key:a._type}));case"statSectionWithImage":return e.createElement(C,{key:n},e.createElement(Ke,{...a,key:a._type}));case"featureEvents":return e.createElement($e,{...a,key:a._type});case"videoSection":return e.createElement(C,{key:n},e.createElement(Ce,{...a,key:a._type}));case"quoteBanner":return e.createElement(C,{key:n},e.createElement(Xe,{...a,key:a._type}));case"cardCarousel":return e.createElement(C,{key:n},e.createElement(Ze,{...a,key:a._type}));case"alert":return e.createElement(C,{key:n},e.createElement(Ue,{...a,key:a._type}));default:console.error("Composer Component ",a._type," not found");break}})),C=l.Ay.div` margin: ${({theme:{spacing:t}})=>t.m} 0; @media ${({theme:{mq:t}})=>t.min.px.tablet} { margin: ${({theme:{spacing:t}})=>t.xxl} 0; } `},4554:(ue,R,p)=>{p.d(R,{O:()=>D});var e=p(8322);const D=l=>l?(l.includes("[br]")?l.split("[br]").map(B=>B.trim()):[l.trim()]).map((B,H)=>e.createElement("span",{key:H},B)):null}}]);