"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[582],{8544:(L,x,i)=>{i.d(x,{Z:()=>d});var e=i(56109);const d=({divId:v,src:S})=>((0,e.useEffect)(()=>{const y=document.createElement("script");y.type="text/javascript",y.src=S,document.head.appendChild(y)},[S]),e.createElement("div",{className:"form"},e.createElement("div",{className:v})))},68792:(L,x,i)=>{i.d(x,{Z:()=>j});var e=i(56109),w=i(40430);const v=w.default.section`
  ${({theme:{colors:n},coloring:u,isRenderBreadcrumb:p})=>{const A=()=>{switch(u){case"yellow":return`
          color: ${n.summerSchool.text.default};
          background-color: ${n.summerSchool.brand.yellow};
          `;case"blue":return`
          color: ${n.summerSchool.text.default};
          background-color: ${n.summerSchool.brand.brightBlue};
          `;case"pink":return`
          color: black;
          background-color: ${n.summerSchool.brand.pink};
          `;case"green":return`
          color: ${n.summerSchool.text.default};
          background-color: ${n.summerSchool.brand.green30};
          `;case"light blue":return`
          color: ${n.summerSchool.text.default};
          background-color: ${n.summerSchool.brand.brightBlue};
          `;case"turquoise":return`
          color: ${n.summerSchool.text.default};
          background-color: ${n.summerSchool.brand.turquoise};
          `;default:return`
          color: ${n.summerSchool.text.default};
          background-color: ${n.summerSchool.brand.yellow};
          `}};return w.css`
      ${A};
      position: relative;

      overflow: hidden;

      @media screen and (min-width: 1024px) {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 800px;
        align-items: center;
      }

      .hero-content-container {
        padding: 8rem 1.6rem 4rem 1.6rem;
        display: flex;
        flex-direction: column;
        align-items: ${p?"flex-end":"flex-start"};

        @media screen and (min-width: 768px) {
          padding: 8rem 4rem 4rem 4rem;
        }

        @media screen and (min-width: 1024px) {
          grid-column: 1;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: flex-end;
          padding: 4rem 4rem;
          height: 100%;
        }

        .hero-content {
          width: fit-content;

          @media screen and (min-width: 1024px) {
            width: 560px;
          }

          @media screen and (min-width: 1680px) {
            width: 680px;
          }

          @media screen and (min-width: 1920px) {
            width: 800px;
          }

          h1 {
            max-width: 20ch;
            font-family: 'Aleo', sans-serif;
            font-size: 3.4rem;
            line-height: 1.2;
            color: inherit;

            @media screen and (min-width: 1024px) {
              font-size: 4.7rem;
            }

            @media screen and (min-width: 1024px) {
              font-size: 5.5rem;
            }
          }

          p {
            font-size: 2.5rem;
            line-height: 1.5;
          }
        }
      }

      .hero-cta-container {
        margin-top: 3.2rem;

        .button {
          display: inline-block;
          padding: 2rem 3.2rem;
          margin: 0 24px 24px 0;
          border: 1px solid currentColor;
          font-size: 1.8rem;
          color: inherit;
          text-decoration: none;

          &:first-of-type {
            border: 1px solid white;
            background-color: white;
          }

          @media screen and (min-width: 1024px) {
            padding: 2.4rem 4rem;
            font-size: 2rem;
          }
        }
      }

      .hero-image {
        grid-column: 2;
        height: 100%;
        width: 100%;

        & img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .hero-video {
        grid-column: 2;
        height: 100%;
        width: 100%;

        & video {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

        & .hero-video-iframe {
          width: 100%;
          height: 100%;
          object-fit: cover;
          min-height: 400px;
        }
      }
      .wrapper {
        padding-left: 0;
      }
      .header__logo {
        display: block;
        margin-bottom: 2.4rem;
        & > svg {
          display: block;
          width: 100%;
          max-width: 180px;
          height: auto;
        }
      }
      .campaign-landing-element {
        max-width: 80rem;
        width: 100%;
      }
    `}}
`;var S=i(30689),y=i(8544),U=i(49221),O=Object.defineProperty,_=Object.getOwnPropertySymbols,I=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable,D=(n,u,p)=>u in n?O(n,u,{enumerable:!0,configurable:!0,writable:!0,value:p}):n[u]=p,N=(n,u)=>{for(var p in u||(u={}))I.call(u,p)&&D(n,p,u[p]);if(_)for(var p of _(u))$.call(u,p)&&D(n,p,u[p]);return n};const j=({title:n,summary:u,richText:p,showFormOnRight:A,buttons:s,image:a,coloring:c,thumbnail:k,video:E,form:f,contentTypeId:h})=>{var t;const[r,l]=(0,e.useState)(!1);(0,e.useEffect)(()=>{["pageCampaignLandingPage"].includes(h)?l(!1):l(!0)},[h]),a=a!=null&&a.url?a:k;const g=E!=null&&E.source?(t=E.source.match(/src="([^"]+)"/))==null?void 0:t[1]:null;return e.createElement(v,{coloring:c,isRenderBreadcrumb:r},e.createElement("div",{className:"hero-content-container"},e.createElement("div",{className:"campaign-landing-element"}),e.createElement("div",{className:"hero-content"},e.createElement("h1",null,n),e.createElement("p",null,u),e.createElement(U.Z,{content:p}),s?e.createElement("div",{className:"hero-cta-container"},s==null?void 0:s.map((m,b)=>e.createElement(S.Z,{path:m==null?void 0:m.url,key:b,className:"button"},m!=null&&m.url?m==null?void 0:m.label:`${m.label} (missing url)`))):null),e.createElement("div",{className:"campaign-landing-element"},!r&&!A&&e.createElement("div",{className:"form"},e.createElement(y.Z,N({},f))))),g?e.createElement("div",{className:"hero-video"},e.createElement("iframe",{src:`${g}?autoplay=1&mute=1&rel=0`,title:"YouTube video player",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,className:"hero-video-iframe"})):A?e.createElement("div",{className:"form-right"},e.createElement(y.Z,N({},f))):(a==null?void 0:a.url)&&e.createElement("div",{className:"hero-image"},e.createElement("img",{src:`${a.url}?q=90&f=webp`,alt:a==null?void 0:a.altText})))}},11702:(L,x,i)=>{i.d(x,{Z:()=>A});var e=i(56109),w=i(78451),d=i.n(w),v=i(40430);const y=v.default.div`
  ${({theme:s})=>v.css`
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 4.8rem 0;

      @media ${s.mq.laptop} {
        justify-content: center;
      }
    `}
`,O=v.default.button`
  ${({theme:s})=>v.css`
      cursor: pointer;
      background: ${s.colors.white};
      width: 4rem;
      height: 4rem;
      border: none;
      text-align: center;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-left: 1.6rem;
      font-size: 1.6rem;
      line-height: 4rem;
      display: block;
      color: ${s.colors.black};

      &:enabled:hover {
        background: ${s.colors.lightGrey};
      }

      &:disabled {
        cursor: default;
        &.control {
          opacity: 0.2;
        }
      }

      &.active {
        background: ${s.colors.grey2};
      }

      &.inactive {
        border: 0.1rem solid ${s.colors.purple};
      }

      .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        svg {
          height: 2.4rem;
          path: {
            fill: ${s.colors.red};
          }
        }
      }
    `}
`;var _=i(61945);const I=({isActive:s,className:a,label:c,updatePageIndex:k,index:E,disabled:f})=>{const h=t=>{t>-1&&k(t)};return e.createElement(O,{disabled:f,isActive:s,className:a,onClick:()=>h(E)},c==="Back"||c==="Next"?e.createElement(_.JO,{type:c==="Back"?"chevron_left":"chevron_right",className:"icon"}):c&&c.toString())};I.propTypes={className:d().string,index:d().number,isActive:d().bool,label:d().oneOfType([d().string,d().number]),theme:d().object,updatePageIndex:d().func,disabled:d().bool};const $=I;var D=Object.defineProperty,N=Object.getOwnPropertySymbols,F=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable,n=(s,a,c)=>a in s?D(s,a,{enumerable:!0,configurable:!0,writable:!0,value:c}):s[a]=c,u=(s,a)=>{for(var c in a||(a={}))F.call(a,c)&&n(s,c,a[c]);if(N)for(var c of N(a))j.call(a,c)&&n(s,c,a[c]);return s};const p=s=>{const{className:a,paging:c,updatePageIndex:k}=s,E=5;let{pageIndex:f,pageCount:h}=u({},c),t=Math.ceil(f-E/2);t<0&&(t=0);let r=t+E-1;r>h-1&&(r=h-1,t=h-E,t<0&&(t=0));let l=[];for(let g=t;g<=r;g++){let m=g==f;l.push(e.createElement($,{index:g,isActive:m,key:g,label:g+1,updatePageIndex:k,disabled:m,className:m?"inactive":"active"}))}return e.createElement(y,{className:a},h>1&&e.createElement(e.Fragment,null,e.createElement($,{className:`control prev ${f>0?"":"disabled"}`,disabled:!(f>0),index:f-1,label:"Back",updatePageIndex:k}),l,e.createElement($,{className:`control next ${f<h-1?"":"disabled"}`,disabled:!(f<h-1),index:f+1,label:"Next",updatePageIndex:k})))};p.propTypes={className:d().string,paging:d().object,updatePageIndex:d().func};const A=p},75715:(L,x,i)=>{i.d(x,{Z:()=>h});var e=i(56109),w=i(10746),d=i(40430),v=i(32759);const y=d.default.div`
  ${({theme:t})=>{const r={color:t.colors.black,colorActive:t.colors.black,bgColor:"#fff",borderRadius:"0",buttonBorder:t.colors.grey4,buttonBorderActive:t.colors.grey4,statusBg:t.colors.white,statusColor:t.colors.black,setBorder:t.colors.grey4,setClearBg:t.colors.purple,setClearBgHover:(0,v.$n)(.2,t.colors.purple),setClearColor:t.colors.black,optionlabel:t.colors.black,optionlabelBg:t.colors.white,optionlabelChecked:t.colors.black,optionlabelCheckedBg:t.colors.purple,optionlabelHover:t.colors.purple,optionlabelHoverBg:t.colors.white,optionLabelHoverChecked:t.colors.black,optionLabelHoverCheckedBg:(0,v.$n)(.2,t.colors.purple)};return d.css`
      position: relative;
      .filter-toggle {
        background: ${r.bgColor};
        border-radius: ${r.borderRadius};
        padding: 0 1.6rem;
        border: 1px solid ${r.buttonBorder};
        color: ${r.color};
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        /* background: rgba(255, 255, 255, 1)
          url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD0SURBVHgBpZLNDcIwDIWdlEoIoYpjaZKSERgBNoANGKFMABvABmUDRugIjEAPIHHj0AsXGmwhoFL/y5NycZ6/Z1m2hBBTx3HcJElu8IeUGi8Gg+GD2zYA5xC5rquho2gopIT9/pcuVvjOXaDUg713rQmakZRyS9ARqiXsrJRaFRoIKqU4NYF+YL4vt5VGNB3whVUeCqTgWthvUhEhdFce6oXo2Rf98aJir2cvGYOZ73ubfJi3MYbpy+UaQBtpTTvycEfjIAujmtblO2Z10OeTRwBmzZg1MSYNLCudx/Et7gR8Q8U0TeFojIE6WGPhOc1yh1uiF0dLQ+HwZpbXAAAAAElFTkSuQmCC')
          no-repeat right 2.55rem center; */

        svg {
          margin-left: 8px;
          width: 12px;
          height: 8px;
          transition: transform 0.2s ease-in-out;
        }
        &.open {
          svg {
            transform: scaleY(-1);
          }
        }
        &.has-options {
          font-weight: 700;
          color: ${r.colorActive};
          border: 1px solid ${r.buttonBorderActive};
        }
      }
      .drop-filter-set {
        position: absolute;
        overflow: hidden;
        top: calc(100% - 0.2rem);
        z-index: 98;
        background: #fff;
        width: 100%;
        border-radius: 0;
        border: 0.15rem solid ${r.setBorder};
        box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.2);

        &.closed {
          display: none;
        }
      }
      .filter-status {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.8rem 1.6rem;
        background: ${r.statusBg};
        font-size: 1.4rem;
        color: ${r.statusColor};
      }
      .clear-set {
        padding: 0.4rem 1.6rem;
        border: none;
        border-radius: 0;

        &:not(:disabled) {
          background: ${r.setClearBg};
          color: ${r.setClearColor};
          cursor: pointer;
          &:hover,
          &:focus {
            background: ${r.setClearBgHover};
          }
        }
      }
      .filter-options {
        list-style-type: none;
        margin-block: 0;
        padding-inline: 0;

        .filter-option {
          border-top: 1px solid ${r.buttonBorder};
          &:last-child label {
            border-radius: 0;
          }
          input {
            position: absolute;
            left: -10000px;
            top: auto;
            width: 1px;
            height: 1px;
            overflow: hidden;
          }
          label {
            display: block;
            padding: 1.6rem;
            color: ${r.optionlabel};
            background: ${r.optionlabelBg};
            cursor: pointer;
          }
          input.active + label {
            color: ${r.optionlabelChecked};
            background: ${r.optionlabelCheckedBg};
          }
          input:hover + label,
          input:focus + label {
            color: ${r.optionlabelHover};
            background: ${r.optionlabelHoverBg};
          }
          input.active:hover + label,
          input.active:focus + label {
            color: ${r.optionLabelHoverChecked};
            background: ${r.optionLabelHoverCheckedBg};
          }
        }
      }
    `}};
`,O=d.default.section`
  ${({theme:{colors:t,mq:r}})=>d.css`
      padding: 4rem 0 4rem;
      background-color: ${t.summerSchool.ui.grey};

      @media screen and (min-width: 992px) {
        padding: 4rem 0 6.4rem;
      }

      .search-filters__title {
        margin-bottom: 1.6rem;
        text-align: center;
        color: ${t.summerSchool.text.default};

        @media screen and (min-width: 992px) {
          text-align: left;
        }
      }

      .search-filters__form {
        @media screen and (min-width: 992px) {
          display: flex;
          align-items: end;
          gap: 24px;
        }

        ${y} {
          flex-basis: 25%;
          margin-bottom: 1.6rem;

          .filter-toggle {
            padding-left: 1.6rem;
            font-size: 1.6rem;
            line-height: 4.8rem;
          }

          @media screen and (min-width: 992px) {
            margin-bottom: 0;
          }
        }
      }

      .search-filters__clear-all-filters {
        cursor: pointer;
        padding: 0 0.8rem;
        margin-bottom: 1.6rem;
        border: 1px solid ${t.summerSchool.brand.pink};
        border-radius: 0;
        width: 100%;
        text-align: center;
        text-decoration: none;
        line-height: 4.8rem;
        color: ${t.black};
        background-color: transparent;
        white-space: nowrap;

        @media screen and (min-width: 992px) {
          margin-bottom: 0;
          flex-basis: 25%;
        }
      }

      .search-filters__checkbox {
        display: flex;
        padding: 0 1.6rem;
        font-size: 1.6rem;
        line-height: 4.8rem;
        align-self: center;

        &--label {
          margin-right: 5px;
          //text size adjustment
          line-height: 105%;
          font-size: 99%;
        }
      }

      .filter-layout {
        display: block;
        padding: 1.4rem;
        font-size: 1.6rem;
        line-height: 4.8rem;
      }
    `}
`;var _=i(20187);const $=(t,r)=>{const l=b=>{const B=b.relatedTarget?b.relatedTarget.type==="checkbox":b.target.type==="checkbox",C=!t.current.contains(b.target),T=b.relatedTarget&&!t.current.contains(b.relatedTarget);t.current&&(C||T)&&!B&&m()},g=()=>{document.removeEventListener("click",l,!1),document.removeEventListener("focusout",l,!1),document.addEventListener("click",l,!1),document.addEventListener("focusout",l,!1)},m=()=>{document.removeEventListener("click",l,!1),document.removeEventListener("focusout",l,!1),r&&r()};return{initElementFocus:g,destroyElementFocus:m}},F=({filterKey:t,options:r,title:l,updateSelectedFilters:g})=>{const[m,b]=(0,e.useState)(!1),B=(0,e.useRef)(null),{initElementFocus:C,destroyElementFocus:T}=$(B,()=>b(!1));if(!r||r.length===0)return null;const z=o=>{b(o),o?C():T()},P=r.filter(o=>o.isSelected).length;return e.createElement(y,{ref:B},e.createElement("button",{className:`filter-toggle 
          ${r.filter(o=>o.isSelected).length>0?" has-options":""}
          ${m?" open":""}`,onClick:()=>z(!m)},m?l:`${l} (${P})`,e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 22 13",className:"filter-toggle-icon","aria-hidden":!0},e.createElement("path",{fill:"#1D1D1B",fillRule:"evenodd",d:"M.638966 1.40917C.438094 1.18467.457252.839837.681755.638966c.224504-.200872.569335-.181714.770205.042789L10.8062 11.1365 20.1605.681759c.2008-.224503.5457-.24366.7702-.042789.2245.200872.2436.54571.0428.77021L11.2234 12.3062c-.0162.0193-.034.0377-.0534.055-.1033.0924-.232.1382-.3605.1389-.1307.0009-.2621-.0449-.3671-.1389-.0194-.0174-.0372-.0358-.0535-.0551L.638966 1.40917Z",clipRule:"evenodd"}))),e.createElement("div",{className:`drop-filter-set ${m?"open":"closed"}`},e.createElement("div",{className:"filter-status"},e.createElement("div",null,P," selected"),e.createElement("button",{className:"clear-set",disabled:!r.some(o=>o.isSelected),onClick:()=>{r.filter(o=>o.isSelected).forEach(o=>{g(t,o.key)})}},"Clear")),e.createElement("ul",{className:"filter-options"},r.map(o=>{const H=`${t}-${o.key}`;return e.createElement("li",{key:o.key,className:"filter-option"},e.createElement("input",{id:H,className:o.isSelected?"active":void 0,type:"checkbox",checked:o.isSelected,onChange:()=>g(t,o.key)}),e.createElement("label",{htmlFor:H},o.title))}))))};var j=i(60437),n=Object.defineProperty,u=Object.defineProperties,p=Object.getOwnPropertyDescriptors,A=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,c=(t,r,l)=>r in t?n(t,r,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[r]=l,k=(t,r)=>{for(var l in r||(r={}))s.call(r,l)&&c(t,l,r[l]);if(A)for(var l of A(r))a.call(r,l)&&c(t,l,r[l]);return t},E=(t,r)=>u(t,p(r));const h=({title:t,filters:r,updateSelectedFilters:l,clearFilters:g,allowChangeView:m,handleChangeView:b,view:B})=>{const[C,T]=e.useState(!1),z=()=>{T(!C),C?g("activeCourses"):(l("activeCourses","limited spaces"),l("activeCourses","open"))};return e.createElement(O,{className:"search__filters"},e.createElement("div",{className:"wrapper"},t&&e.createElement(_.Z,{text:t,level:"2",className:"search-filters__title bold"}),e.createElement("div",{className:"search-filters__form"},Object.keys(r).map(P=>{const o=r[P];if(!o)return null;const H=o.title||"",Y=o.items||[];let R=Y;return o.sortAsDate&&(R=(0,w.ZP)(Y,Z=>Z.sort((M,G)=>new Date(M.title)-new Date(G.title))),R=R.map((Z,M)=>E(k({},Z),{title:`${Z.title} (Session ${(0,j.Z)(M)})`}))),o.type==="checkbox"?e.createElement("section",{className:"search-filters__checkbox"},e.createElement("label",{for:o.title,id:o.title,className:"search-filters__checkbox--label"},o.title),e.createElement("input",{type:"checkbox",id:o.title,name:o.title,value:o.title,checked:C,onChange:z})):e.createElement(F,{key:P,filterKey:P,options:R,title:H,updateSelectedFilters:l})}),m&&e.createElement("select",{value:B,onChange:b,className:"filter-layout"},e.createElement("option",{value:"list"},"List"),e.createElement("option",{value:"card"},"Card")),e.createElement("button",{className:"search-filters__clear-all-filters",onClick:()=>g()},"Clear all filters"))))}},60437:(L,x,i)=>{i.d(x,{Z:()=>w});const w=d=>{switch(d){case 0:return"One";case 1:return"Two";case 2:return"Three";default:break}}}}]);