"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[582],{68792:(F,w,a)=>{a.d(w,{Z:()=>Z});var r=a(56109),x=a(40430);const v=x.default.section`
  ${({theme:{colors:c},coloring:E})=>{const y=()=>{switch(E){case"yellow":return`
          color: ${c.summerSchool.text.default};
          background-color: ${c.summerSchool.brand.yellow};
          `;case"blue":return`
          color: ${c.summerSchool.text.default};
          background-color: ${c.summerSchool.brand.brightBlue};
          `;case"pink":return`
          color: black;
          background-color: ${c.summerSchool.brand.pink};
          `;case"green":return`
          color: ${c.summerSchool.text.default};
          background-color: ${c.summerSchool.brand.green30};
          `;case"light blue":return`
          color: ${c.summerSchool.text.default};
          background-color: ${c.summerSchool.brand.brightBlue};
          `;case"turquoise":return`
          color: ${c.summerSchool.text.default};
          background-color: ${c.summerSchool.brand.turquoise};
          `;default:return`
          color: ${c.summerSchool.text.default};
          background-color: ${c.summerSchool.brand.yellow};
          `}};return x.css`
      ${y};

      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;

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

        @media screen and (min-width: 1024px) {
          grid-column: 1;
          display: flex;
          justify-content: flex-end;
          padding: 0 4rem;
        }

        .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;
        }
      }
    `}}
`;var R=a(30689);const Z=({title:c,summary:E,buttons:y,image:m,coloring:O,thumbnail:B})=>(m=m!=null&&m.url?m:B,r.createElement(v,{coloring:O},r.createElement("div",{className:"hero-content-container"},r.createElement("div",{className:"hero-content"},r.createElement("h1",null,c),r.createElement("p",null,E),y?r.createElement("div",{className:"hero-cta-container"},y==null?void 0:y.map((g,_)=>r.createElement(R.Z,{path:g==null?void 0:g.url,key:_,className:"button"},g!=null&&g.url?g==null?void 0:g.label:`${g.label} (missing url)`))):null)),(m==null?void 0:m.url)&&r.createElement("div",{className:"hero-image"},r.createElement("img",{src:`${m.url}?q=90&f=webp`,alt:m==null?void 0:m.altText}))))},11702:(F,w,a)=>{a.d(w,{Z:()=>L});var r=a(56109),x=a(78451),i=a.n(x),v=a(40430);const N=v.default.div`
  ${({theme:n})=>v.css`
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 4.8rem 0;

      @media ${n.mq.laptop} {
        justify-content: center;
      }
    `}
`,c=v.default.button`
  ${({theme:n})=>v.css`
      cursor: pointer;
      background: ${n.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: ${n.colors.black};

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

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

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

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

      .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        svg {
          height: 2.4rem;
          path: {
            fill: ${n.colors.red};
          }
        }
      }
    `}
`;var E=a(61945);const y=({isActive:n,className:d,label:s,updatePageIndex:k,index:A,disabled:f})=>{const b=e=>{e>-1&&k(e)};return r.createElement(c,{disabled:f,isActive:n,className:d,onClick:()=>b(A)},s==="Back"||s==="Next"?r.createElement(E.JO,{type:s==="Back"?"chevron_left":"chevron_right",className:"icon"}):s&&s.toString())};y.propTypes={className:i().string,index:i().number,isActive:i().bool,label:i().oneOfType([i().string,i().number]),theme:i().object,updatePageIndex:i().func,disabled:i().bool};const m=y;var O=Object.defineProperty,B=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,D=(n,d,s)=>d in n?O(n,d,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[d]=s,z=(n,d)=>{for(var s in d||(d={}))g.call(d,s)&&D(n,s,d[s]);if(B)for(var s of B(d))_.call(d,s)&&D(n,s,d[s]);return n};const I=n=>{const{className:d,paging:s,updatePageIndex:k}=n,A=5;let{pageIndex:f,pageCount:b}=z({},s),e=Math.ceil(f-A/2);e<0&&(e=0);let t=e+A-1;t>b-1&&(t=b-1,e=b-A,e<0&&(e=0));let l=[];for(let u=e;u<=t;u++){let p=u==f;l.push(r.createElement(m,{index:u,isActive:p,key:u,label:u+1,updatePageIndex:k,disabled:p,className:p?"inactive":"active"}))}return r.createElement(N,{className:d},b>1&&r.createElement(r.Fragment,null,r.createElement(m,{className:`control prev ${f>0?"":"disabled"}`,disabled:!(f>0),index:f-1,label:"Back",updatePageIndex:k}),l,r.createElement(m,{className:`control next ${f<b-1?"":"disabled"}`,disabled:!(f<b-1),index:f+1,label:"Next",updatePageIndex:k})))};I.propTypes={className:i().string,paging:i().object,updatePageIndex:i().func};const L=I},75715:(F,w,a)=>{a.d(w,{Z:()=>b});var r=a(56109),x=a(10746),i=a(40430),v=a(32759);const N=i.default.div`
  ${({theme:e})=>{const t={color:e.colors.black,colorActive:e.colors.black,bgColor:"#fff",borderRadius:"0",buttonBorder:e.colors.grey4,buttonBorderActive:e.colors.grey4,statusBg:e.colors.white,statusColor:e.colors.black,setBorder:e.colors.grey4,setClearBg:e.colors.purple,setClearBgHover:(0,v.$n)(.2,e.colors.purple),setClearColor:e.colors.black,optionlabel:e.colors.black,optionlabelBg:e.colors.white,optionlabelChecked:e.colors.black,optionlabelCheckedBg:e.colors.purple,optionlabelHover:e.colors.purple,optionlabelHoverBg:e.colors.white,optionLabelHoverChecked:e.colors.black,optionLabelHoverCheckedBg:(0,v.$n)(.2,e.colors.purple)};return i.css`
      position: relative;
      .filter-toggle {
        background: ${t.bgColor};
        border-radius: ${t.borderRadius};
        padding: 0 1.6rem;
        border: 1px solid ${t.buttonBorder};
        color: ${t.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: ${t.colorActive};
          border: 1px solid ${t.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 ${t.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: ${t.statusBg};
        font-size: 1.4rem;
        color: ${t.statusColor};
      }
      .clear-set {
        padding: 0.4rem 1.6rem;
        border: none;
        border-radius: 0;

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

        .filter-option {
          border-top: 1px solid ${t.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: ${t.optionlabel};
            background: ${t.optionlabelBg};
            cursor: pointer;
          }
          input.active + label {
            color: ${t.optionlabelChecked};
            background: ${t.optionlabelCheckedBg};
          }
          input:hover + label,
          input:focus + label {
            color: ${t.optionlabelHover};
            background: ${t.optionlabelHoverBg};
          }
          input.active:hover + label,
          input.active:focus + label {
            color: ${t.optionLabelHoverChecked};
            background: ${t.optionLabelHoverCheckedBg};
          }
        }
      }
    `}};
`,c=i.default.section`
  ${({theme:{colors:e,mq:t}})=>i.css`
      padding: 4rem 0 4rem;
      background-color: ${e.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: ${e.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;
        }

        ${N} {
          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 ${e.summerSchool.brand.pink};
        border-radius: 0;
        width: 100%;
        text-align: center;
        text-decoration: none;
        line-height: 4.8rem;
        color: ${e.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 E=a(20187);const m=(e,t)=>{const l=h=>{const C=h.relatedTarget?h.relatedTarget.type==="checkbox":h.target.type==="checkbox",$=!e.current.contains(h.target),P=h.relatedTarget&&!e.current.contains(h.relatedTarget);e.current&&($||P)&&!C&&p()},u=()=>{document.removeEventListener("click",l,!1),document.removeEventListener("focusout",l,!1),document.addEventListener("click",l,!1),document.addEventListener("focusout",l,!1)},p=()=>{document.removeEventListener("click",l,!1),document.removeEventListener("focusout",l,!1),t&&t()};return{initElementFocus:u,destroyElementFocus:p}},g=({filterKey:e,options:t,title:l,updateSelectedFilters:u})=>{const[p,h]=(0,r.useState)(!1),C=(0,r.useRef)(null),{initElementFocus:$,destroyElementFocus:P}=m(C,()=>h(!1));if(!t||t.length===0)return null;const U=o=>{h(o),o?$():P()},S=t.filter(o=>o.isSelected).length;return r.createElement(N,{ref:C},r.createElement("button",{className:`filter-toggle 
          ${t.filter(o=>o.isSelected).length>0?" has-options":""}
          ${p?" open":""}`,onClick:()=>U(!p)},p?l:`${l} (${S})`,r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 22 13",className:"filter-toggle-icon","aria-hidden":!0},r.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"}))),r.createElement("div",{className:`drop-filter-set ${p?"open":"closed"}`},r.createElement("div",{className:"filter-status"},r.createElement("div",null,S," selected"),r.createElement("button",{className:"clear-set",disabled:!t.some(o=>o.isSelected),onClick:()=>{t.filter(o=>o.isSelected).forEach(o=>{u(e,o.key)})}},"Clear")),r.createElement("ul",{className:"filter-options"},t.map(o=>{const j=`${e}-${o.key}`;return r.createElement("li",{key:o.key,className:"filter-option"},r.createElement("input",{id:j,className:o.isSelected?"active":void 0,type:"checkbox",checked:o.isSelected,onChange:()=>u(e,o.key)}),r.createElement("label",{htmlFor:j},o.title))}))))};var _=a(60437),D=Object.defineProperty,z=Object.defineProperties,I=Object.getOwnPropertyDescriptors,L=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,s=(e,t,l)=>t in e?D(e,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[t]=l,k=(e,t)=>{for(var l in t||(t={}))n.call(t,l)&&s(e,l,t[l]);if(L)for(var l of L(t))d.call(t,l)&&s(e,l,t[l]);return e},A=(e,t)=>z(e,I(t));const b=({title:e,filters:t,updateSelectedFilters:l,clearFilters:u,allowChangeView:p,handleChangeView:h,view:C})=>{const[$,P]=r.useState(!1),U=()=>{P(!$),$?u("activeCourses"):(l("activeCourses","limited spaces"),l("activeCourses","open"))};return r.createElement(c,{className:"search__filters"},r.createElement("div",{className:"wrapper"},e&&r.createElement(E.Z,{text:e,level:"2",className:"search-filters__title bold"}),r.createElement("div",{className:"search-filters__form"},Object.keys(t).map(S=>{const o=t[S];if(!o)return null;const j=o.title||"",Y=o.items||[];let T=Y;return o.sortAsDate&&(T=(0,x.ZP)(Y,H=>H.sort((M,G)=>new Date(M.title)-new Date(G.title))),T=T.map((H,M)=>A(k({},H),{title:`${H.title} (Session ${(0,_.Z)(M)})`}))),o.type==="checkbox"?r.createElement("section",{className:"search-filters__checkbox"},r.createElement("label",{for:o.title,id:o.title,className:"search-filters__checkbox--label"},o.title),r.createElement("input",{type:"checkbox",id:o.title,name:o.title,value:o.title,checked:$,onChange:U})):r.createElement(g,{key:S,filterKey:S,options:T,title:j,updateSelectedFilters:l})}),p&&r.createElement("select",{value:C,onChange:h,className:"filter-layout"},r.createElement("option",{value:"list"},"List"),r.createElement("option",{value:"card"},"Card")),r.createElement("button",{className:"search-filters__clear-all-filters",onClick:()=>u()},"Clear all filters"))))}},60437:(F,w,a)=>{a.d(w,{Z:()=>x});const x=i=>{switch(i){case 0:return"One";case 1:return"Two";case 2:return"Three";default:break}}}}]);