"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[107],{79682:(N,p,o)=>{o.d(p,{Z:()=>b});var t=o(56109),f=o(40430),d=o(98656);const u=f.default.article`
  ${({theme:{colors:l,mq:h},coloring:s,fullWidth:a})=>{const g=()=>{switch(s){case"yellow":return`
          background-color: ${l.summerSchool.brand.yellow};
          `;case"blue":return`
          background-color: ${l.summerSchool.brand.brightBlue};
          `;case"pink":return`
          color: black;
          background-color: ${l.summerSchool.brand.pink}
          `;case"grey":return`
          background-color: white;
          border: 1px solid  ${l.summerSchool.brand.greys.grey85};
          `;case"light blue":return`
          background-color: ${l.summerSchool.brand.brightBlue};
          `;case"white":return`
          background-color: white;
          border: 1px solid  ${l.summerSchool.brand.greys.grey85}
          `;default:return`
          background-color: white;
          border: 1px solid  ${l.summerSchool.brand.greys.grey85};
          `}},i="screen and (min-width: 960px)";return f.css`
      ${g};

      position: relative;
      display: flex;
      flex-flow: column nowrap;
      min-height: 100%;
      text-align: left;

      @media ${i} {
        flex-flow: ${a?"row nowrap":"column nowrap"};
      }

      .card-media {
        overflow: hidden;
        display: flex;
        flex: 0 0 40%;

        @media ${i} {
          flex: ${a?"0 0 66%":"0 1 220px"};
        }

        .card-media__image {
          width: 100%;
          height: auto;
          max-height: 250px;
          object-fit: cover;
          transform: scale(1);
          transition: transform ${d.Do};

          @media ${i} {
            max-height: 500px;
          }
        }
      }

      .card-content {
        ${d.EF}

        display: flex;
        flex-flow: column nowrap;
        flex: 0 0 60%;
        color: inherit;

        @media ${i} {
          flex: ${a?"0 0 33%":"1 0 60%"};
        }

        a {
          ${d.LF}
        }

        .card-content__title {
          ${d.TN}
        }

        p {
          margin: 0 0 0.5em 0;
          line-height: 1.5;
          color: inherit;

          &:last-of-type {
            margin-bottom: 2.4rem;
          }

          &.card-content__standfirst {
            font-size: 2rem;
            font-weight: 400;
          }

          &.card-content__summary {
            font-weight: 300;
            line-height: 1.5;
          }
        }

        .card-content__icon {
          ${d.V8}
        }
      }

      &:hover,
      &:focus-within {
        .card-media__image {
          ${d.YD};
        }
        .card-content__icon {
          ${d.eG}
        }
      }
    `}}
`;var v=o(30689),y=o(66681),w=o(6043);const b=({className:l,title:h,url:s,image:a,standfirst:g,summary:i,coloring:n,fullWidth:r})=>{const e=(0,y.v9)(w.G7);return a=a!=null&&a.src?a:e,t.createElement(u,{coloring:n,className:l,fullWidth:r},t.createElement("div",{className:"card-media"},t.createElement("img",{src:`${a==null?void 0:a.src}?w=640&q=90&f=webp`,alt:a==null?void 0:a.alt,className:"card-media__image"})),t.createElement("div",{className:"card-content"},t.createElement(v.Z,{path:s},t.createElement("h3",{className:"card-content__title"},h)),t.createElement("p",{className:"card-content__standfirst"},g),t.createElement("p",{className:"card-content__summary"},i),t.createElement("svg",{width:"41",height:"17",viewBox:"0 0 41 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"card-content__icon"},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M30.8723 0.679769C31.0493 0.4677 31.3648 0.439162 31.5771 0.616028L40.5685 8.10907C40.5849 8.12217 40.6006 8.13643 40.6155 8.15184C40.6525 8.18985 40.6824 8.2326 40.705 8.27825C40.7397 8.3483 40.7568 8.4243 40.7568 8.5C40.7568 8.5757 40.7397 8.6517 40.705 8.72175C40.6824 8.76735 40.6526 8.81005 40.6157 8.84803C40.6007 8.8635 40.5849 8.87781 40.5685 8.89095L31.5771 16.384C31.3648 16.5608 31.0493 16.5323 30.8723 16.3202C30.6953 16.1082 30.7238 15.7929 30.9361 15.616L38.8751 8.99998H1.2571C0.980745 8.99998 0.756714 8.77612 0.756714 8.49998C0.756714 8.22384 0.980745 7.99998 1.2571 7.99998H38.8751L30.9361 1.384C30.7238 1.20713 30.6953 0.891838 30.8723 0.679769Z"}))))}},486:(N,p,o)=>{o.r(p),o.d(p,{default:()=>i});var t=o(56109),f=o(40430);const $=f.default.div`
  ${({layout:n})=>{const r=()=>{switch(n){case"1 Card: 3/3":return`
          & > .card:nth-of-type(1) {
            grid-area: 1 / 1 / 2 / 4;
          }
          `;case"2 Cards: 1/3, 2/3":return`
          & > .card:nth-of-type(2) {
            grid-area: 1 / 2 / 2 / 4;
          }
          `;case"2 Cards: 2/3, 1/3":return`
          & > .card:nth-of-type(1) {
            grid-area: 1 / 1 / 2 / 3;
          }
          `;default:break}};return f.css`
      .card-row {
        & > .card {
          margin-bottom: 24px;
        }

        @media screen and (min-width: 960px) {
          display: grid;
          grid-gap: 24px;
          grid-template-columns: repeat(3, 1fr);
          margin-bottom: 24px;

          ${r};

          & > .card {
            margin-bottom: 0;
          }
        }
      }
    `}}
`;var u=o(79682),v=Object.defineProperty,y=Object.defineProperties,w=Object.getOwnPropertyDescriptors,C=Object.getOwnPropertySymbols,b=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,h=(n,r,e)=>r in n?v(n,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[r]=e,s=(n,r)=>{for(var e in r||(r={}))b.call(r,e)&&h(n,e,r[e]);if(C)for(var e of C(r))l.call(r,e)&&h(n,e,r[e]);return n},a=(n,r)=>y(n,w(r));const i=({title:n,layout:r,cards:e})=>{const O=S=>{var E,x,_;switch(S){case"1 Card: 3/3":return(E=e==null?void 0:e.slice(0,1))==null?void 0:E.map((m,c)=>t.createElement(u.Z,a(s({className:"card",key:c},m),{fullWidth:!0})));case"2 Cards: 1/3, 2/3":return(x=e==null?void 0:e.slice(0,2))==null?void 0:x.map((m,c)=>t.createElement(u.Z,a(s({className:"card",key:c},m),{fullWidth:c===1})));case"2 Cards: 2/3, 1/3":return(_=e==null?void 0:e.slice(0,2))==null?void 0:_.map((m,c)=>t.createElement(u.Z,a(s({className:"card",key:c},m),{fullWidth:c===0})));default:return e==null?void 0:e.map((m,c)=>t.createElement(u.Z,s({className:"card",key:c},m)))}};return t.createElement($,{layout:r},n&&t.createElement("span",{className:"sr-only"},n),t.createElement("div",{className:"card-row"},O(r)))}}}]);