@codeforamerica/marcomms-design-system 1.21.1 → 1.21.2

package/dist/index.js

@@ -1,2952 +1,2 @@
 /*! For license information please see index.js.LICENSE.txt */
-(()=>{"use strict";var t={517(t,e,i){var a=i(161),o=i(601);class s extends a.WF{static properties=(()=>({open:{type:Boolean}}))();static styles=(()=>[o.s,a.AH`
-      :host {
-        --color: var(--purple-60);
-        --hover-bg-color: var(--blue-20);
-
-        display: block;
-      }
-
-      .item {
-        border-bottom: var(--thin) solid var(--black-20);
-        max-width: var(--column-span-8);
-        margin-inline: auto;
-        background-color: var(--bg-color);
-      }
-
-      .header {
-        align-items: center;
-        color: var(--color);
-        cursor: pointer;
-        display: flex;
-        flex-direction: row;
-        padding-block: var(--spacing-component-3);
-      }
-
-      .header:hover {
-        background-color: var(--hover-bg-color);
-        box-shadow:
-          var(--spacing-component-3) 0 var(--blue-20),
-          calc(-1 * var(--spacing-component-3)) 0 var(--blue-20);
-      }
-
-      .header:focus {
-        outline: none;
-      }
-
-      .title {
-        flex: 1;
-      }
-
-      .title ::slotted(*) {
-        font-family: var(--font-family-sans-serif) !important;
-        font-size: var(--font-size) !important;
-      }
-
-      .icon {
-        flex: 0;
-      }
-
-      .body {
-        opacity: 0;
-        max-height: 0;
-        overflow: hidden;
-      }
-
-      .body.open {
-        max-height: unset;
-        opacity: 1;
-        padding-block: var(--spacing-layout-half) var(--spacing-layout-1);
-      }
-
-      .body ::slotted(*) {
-        margin-block-start: 0 !important;
-      }
-    `])();constructor(){super(),this.open=!1}toggle(){this.open=!this.open}handleKeyPress(t){"Enter"!==t.key&&" "!==t.key||this.toggle()}render(){return a.qy`
-      <div class="item">
-        <div
-          class="header"
-          role="button"
-          aria-expanded=${this.open?"true":"false"}
-          tabindex="0"
-          @click=${this.toggle}
-          @keypress=${this.handleKeyPress}
-        >
-          <div class="title">
-            <slot name="title"></slot>
-          </div>
-          <span class="icon" aria-hidden="true">
-            ${this.open?a.qy`<cfa-icon>expand_less</cfa-icon>`:a.qy`<cfa-icon>expand_more</cfa-icon>`}
-          </span>
-        </div>
-        <div
-          class="body ${this.open?"open":""}"
-          role="region"
-          aria-hidden=${this.open?"false":"true"}
-        >
-          <slot></slot>
-        </div>
-      </div>
-    `}}class r extends a.WF{static styles=(()=>a.AH`
-    :host {
-      display: block;
-    }
-  `)();render(){return a.qy`
-      <div role="tablist">
-        <slot></slot>
-      </div>
-    `}}customElements.get("cfa-accordion-item")||customElements.define("cfa-accordion-item",s),customElements.get("cfa-accordion")||customElements.define("cfa-accordion",r)},330(t,e,i){var a=i(161),o=i(601);class s extends a.WF{static properties={imageUrl:{},altText:{},size:{}};static styles=(()=>[o.s,a.AH`
-      :host {
-        --bg-color: var(--blue-20);
-
-        display: inline-block;
-        max-width: 100%;
-      }
-
-      picture {
-        aspect-ratio: 1 / 1;
-        background-color: var(--bg-color);
-        border-radius: 50%;
-        display: block;
-        max-width: 100%;
-        overflow: hidden;
-        width: var(--size);
-      }
-
-      img {
-        display: block;
-        height: 100%;
-        object-fit: cover;
-        width: 100%;
-      }
-    `])();render(){return a.qy`
-      <style>
-        :host {
-          --size: var(--spacing-layout-${this.size||"4"}, 8rem);
-        }
-      </style>
-      <picture>
-        ${this.imageUrl?a.qy`
-              <img
-                src="${this.imageUrl}"
-                loading="lazy"
-                alt="${this.altText}"
-              />
-            `:a.s6}
-      </picture>
-    `}}customElements.get("cfa-avatar")||customElements.define("cfa-avatar",s)},710(t,e,i){var a=i(161),o=i(601);class s extends a.WF{static properties={theme:{}};static styles=(()=>[o.s,a.AH`
-      :host {
-        --bg-color: var(--purple-80);
-        --text-color: var(--white);
-        --link-color: var(--white);
-        --link-hover-color: var(--white);
-        --scrollbar-color: var(--white);
-        --spacing: var(--spacing-layout-half);
-
-        display: block;
-      }
-
-      .bar {
-        background-color: var(--bg-color);
-        color: var(--text-color);
-
-        a {
-          color: var(--link-color);
-        }
-
-        a:hover {
-          color: var(--link-hover-color);
-        }
-      }
-
-      .content {
-        display: flex;
-        column-gap: var(--spacing);
-        justify-content: center;  
-        overflow-x: auto;
-        overflow-y: hidden;
-        padding-bottom: var(--spacing-layout-half);
-        padding-top: var(--spacing-layout-half);
-        scrollbar-color: var(--scrollbar-color) var(--bg-color);
-        scrollbar-width: thin;
-
-        &::before,
-        &::after {
-          content: "";
-          flex-basis: calc(var(--outer-margin) - var(--spacing));
-          flex-shrink: 0;
-        }
-      }
-      
-      .content.is-overflowing {
-        justify-content: start;  
-      }
-
-      ::slotted(*) {
-        max-width: none !important;
-        white-space: nowrap !important;
-      }
-    `])();firstUpdated(){const t=this.shadowRoot.querySelector(".content"),e=t=>{t.classList.toggle("is-overflowing",t.scrollWidth>t.clientWidth)};"ResizeObserver"in window&&new ResizeObserver(t=>{e(t[0].target)}).observe(t),"MutationObserver"in window&&new MutationObserver(()=>{e(t)}).observe(t,{childList:!0}),e(t)}render(){return a.qy`
-      <div class="bar">
-        <div class="content">
-          <slot></slot>
-        </div>
-      </div>
-    `}}customElements.get("cfa-bar")||customElements.define("cfa-bar",s)},544(t,e,i){var a=i(161),o=i(601);class s extends a.WF{static properties={color:{},shape:{},styles:{}};static styles=(()=>[o.s,a.AH`
-      :host {
-        --color: var(--blue-20);
-
-        display: block;
-      }
-
-      .blob,
-      svg {
-        height: 100%;
-        width: 100%;
-      }
-
-      svg path {
-        fill: var(--color, #fff);
-      }
-    `])();constructor(){super(),this.shape="1"}blobTemplate(){let t;switch(this.shape){case"1":default:t=a.qy`<svg
-          width="628"
-          height="577"
-          viewBox="0 0 628 577"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M304.482 3.44206C399.413 -5.50752 504.225 1.17063 567.446 72.5295C633.526 147.115 639.549 256.491 613.992 352.793C589.57 444.814 526.084 523.087 438.164 559.679C355.477 594.092 265.039 570.416 184.315 531.621C103.504 492.784 22.0294 438.546 3.59029 350.826C-14.5863 264.355 39.2746 183.666 97.1329 116.868C151.394 54.223 221.956 11.2221 304.482 3.44206Z"
-          />
-        </svg>`;break;case"2":t=a.qy`<svg
-          width="580"
-          height="592"
-          viewBox="0 0 580 592"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M238.814 591.215C210.461 592.077 182.849 587.767 155.66 580.979C60.4457 557.059 4.05766 489.933 0.460672 390.376C-2.50155 306.442 8.71258 223.693 37.2769 144.499C73.2468 44.6185 170.894 -12.5948 276.159 2.81295C358.996 14.9883 437.177 39.3389 499.172 100.108C588.039 187.167 604.437 293.512 544.346 402.767C514.618 456.855 477.59 505.988 426.386 541.544C369.892 580.656 304.723 587.767 238.814 591.215Z"
-          />
-        </svg>`;break;case"3":t=a.qy`<svg
-          width="620"
-          height="613"
-          viewBox="0 0 620 613"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M619.142 301.769C615.581 212.393 536.92 153.752 466.654 98.7402C397.998 44.9883 323.934 -10.5844 236.421 2.12929C141.656 15.8965 53.9975 76.8338 15.687 164.256C-20.6955 247.277 16.2818 336.243 54.5575 417.127C92.4807 497.265 137.965 580.831 224.139 604.752C314.166 629.742 409.183 593.817 484.092 536.359C559.738 478.336 622.883 395.641 619.142 301.769Z"
-          />
-        </svg>`;break;case"4":t=a.qy`<svg
-          width="656"
-          height="566"
-          viewBox="0 0 656 566"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M332.011 564.695C235.808 569.34 135.091 552.4 71.2946 488.381C4.66596 421.518 -10.0767 327.738 8.2158 239.764C27.3773 147.61 73.5054 52.3693 169.88 14.2546C263.181 -22.6447 364.8 21.5179 455.491 62.8734C540.631 101.698 627.337 150.367 649.771 233.088C672.265 316.032 626.78 399.503 564.43 464.569C505.684 525.875 422.382 560.331 332.011 564.695Z"
-          />
-        </svg>`}return t}render(){const t=this.color?`var(--${this.color})`:"var(--blue-20)";return a.qy` 
-      <div 
-        class="blob" 
-        style="--color: ${t}"
-      >
-        ${this.blobTemplate()}
-      </div> 
-    `}}customElements.get("cfa-blob")||customElements.define("cfa-blob",s)},202(t,e,i){var a=i(161),o=i(601);class s extends a.WF{static properties=(()=>({theme:{type:String,reflect:!0}}))();static styles=(()=>[o.s,a.AH`
-      :host {
-        --bg-color: var(--purple-10);
-        --box-border-color: var(--purple-60);
-        --box-border-gradient: var(--gradient-1);
-        --box-border-width: var(--thick);
-        --link-color: var(--base-link-color);
-        --link-hover-color: var(--base-link-hover-color);
-        --padding: var(--spacing-component-4);
-        --shadow: var(--shadow-medium);
-        --text-color: var(--base-text-color);
-
-        display: flex;
-        flex: 1;
-      }
-
-      :host([theme="author-note"]) {
-        --box-border-width: 0;
-
-        font-family: var(--font-family-serif);
-        font-size: var(--font-size-small);
-        font-style: italic;
-        line-height: var(--line-height-small);
-      }
-
-      .box {
-        background-color: var(--bg-color);
-        border-block-start: var(--box-border-width) solid var(--box-border-color);
-        border-image: var(--box-border-gradient) 1;
-        box-shadow: var(--shadow);
-        color: var(--text-color, #000);
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing-layout-half);
-        padding: var(--padding);
-        width: 100%;
-      }
-
-      ::slotted(*) {
-        --spacing: var(--spacing-layout-half);
-
-        margin: 0 !important;
-        max-width: 100%;
-      }
-    `])();render(){return a.qy`
-      <div class="box">
-        <slot />
-      </div>
-    `}}customElements.get("cfa-box")||customElements.define("cfa-box",s)},542(t,e,i){var a=i(161),o=i(601);class s extends a.WF{static properties={};static styles=(()=>[o.s,a.AH`
-      slot {
-        display: none;
-      }
-
-      :host {
-        display: block;
-      }
-
-      .breadcrumbs {
-        margin: 0;
-        margin-inline: calc(-1 * var(--outer-margin));
-        overflow-x: auto;
-        overflow-y: hidden;
-        padding: 0;
-        scrollbar-width: none;
-        white-space: nowrap;
-      }
-
-      .breadcrumbs::before,
-      .breadcrumbs::after {
-        content: "";
-        display: inline-block;
-        width: var(--outer-margin);
-      }
-
-      .breadcrumbs > * {
-        display: inline-block;
-        font-size: var(--font-size-small);
-        font-weight: 600;
-        line-height: var(--line-height-small);
-        margin: 0;
-        padding: 0;
-      }
-
-      .breadcrumbs > *:not(:last-child)::after {
-        content: "/";
-        opacity: 0.5;
-        padding-inline: 0.75em;
-      }
-
-      .breadcrumbs a {
-        color: var(--link-color);
-        text-decoration: none;
-      }
-    `])();handleSlotchange(t){const e=t.target.assignedNodes({flatten:!0});console.log(e);const i=this.shadowRoot.querySelector(".breadcrumbs");i.innerHTML="",e.forEach(t=>{"UL"===t.tagName&&t.querySelectorAll("li").forEach(t=>{i.appendChild(t.cloneNode(!0))})})}render(){return a.qy`
-      <slot @slotchange=${this.handleSlotchange}></slot>
-      <ul class="breadcrumbs"></ul>
-    `}}customElements.get("cfa-breadcrumbs")||customElements.define("cfa-breadcrumbs",s)},227(t,e,i){i.d(e,{V:()=>a});const a=i(161).AH`
-  .cfa-button,
-  a.cfa-button, 
-  .cfa-button > a,
-  .wp-block-button > * {
-    --bg-color: var(--white);
-    --border-color: transparent;
-    --font-family: var(--font-family-sans-serif);
-    --font-size: var(--base-font-size);
-    --hover-bg-color: var(--blue-20);
-    --hover-border-color: var(--border-color);
-    --line-height: var(--base-line-height);
-    --text-color: var(--purple-80);
-
-    background-color: var(--bg-color);
-    border: var(--hairline) solid var(--border-color);
-    border-radius: var(--rounded-corners);
-    box-shadow: var(--shadow-small);
-    color: var(--text-color);
-    cursor: pointer;
-    display: block;
-    font-family: var(--font-family);
-    font-size: var(--font-size);
-    font-weight: bold;
-    padding: var(--spacing-component-2) var(--spacing-component-3);
-    text-align: center;
-    text-decoration: none;
-    transition: background-color 0.5s, box-shadow 0.5s;
-
-    &:hover {
-      background-color: var(--hover-bg-color);
-      border-color: var(--hover-border-color);
-      box-shadow: var(--shadow-medium);
-      color: var(--text-color);
-    }
-  }
-
-  @media (max-width: 768px) {
-    .cfa-button, 
-    a.cfa-button, 
-    .cfa-button > a,
-    .wp-block-button > * {
-      width: 100%;
-      
-      & + & {
-        margin-block-start: var(--spacing-layout-half);
-      }
-    }
-
-    .wp-block-button {
-      width: 100%;
-    }
-  }
-
-  @media (min-width: 768px) {
-    .cfa-button, 
-    a.cfa-button, 
-    .cfa-button > a,
-    .wp-block-button > * {
-      display: inline-block;
-
-      & {
-        margin-block: var(--spacing-component-2);
-        margin-inline-end: var(--spacing-component-2);
-      }
-    }
-  }
-
-  // Themes / variants
-
-  .cfa-button--primary,
-  a.cfa-button--primary,
-  .cfa-button--primary > a,
-  .wp-block-button.is-style-primary > * {
-    --bg-color: var(--red-60);
-    --hover-bg-color: var(--red-80);
-    --text-color: var(--white,);
-  }
-
-  .cfa-button--outline,
-  a.cfa-button--outline,
-  .cfa-button--outline > a,
-  .wp-block-button.is-style-outline > * {
-    --border-color: var(--black-20);
-    --bg-color: transparent;
-  }
-
-  .cfa-button--outline-white,
-  a.cfa-button--outline-white,
-  .cfa-button--outline-white > a,
-  .wp-block-button.is-style-outline-white > * {
-    --border-color: var(--white);
-    --bg-color: transparent;
-    --hover-bg-color: var(--black-20);
-    --shadow-color: var(--white-20);
-    --text-color: var(--white);
-  }
-
-  .cfa-button--prominent-link,
-  a.cfa-button--prominent-link,
-  .cfa-button--prominent-link > a,
-  .wp-block-button.is-style-prominent-link > * {
-    --accent-color: var(--purple-60);
-
-    background: unset;
-    box-shadow: unset;
-    color: inherit;
-    font-weight: bold;
-    padding: 0;
-    text-decoration: underline;
-    text-decoration-color: var(--accent-color);
-    text-decoration-thickness: var(--medium);
-    text-underline-offset: 0.4em;
-    transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;  
-
-    &:hover {
-      --accent-color: var(--red-60);
-      
-      background: unset;
-      box-shadow: unset;
-    }
-
-    &::after {
-      @include icon.icon;
-      
-      content: "arrow_right_alt";
-      display: inline-block;
-      padding-inline-start: 0.1em;
-      text-decoration: none;
-      transition: transform 0.2s ease-in-out;
-      width: 1em;
-    }
-
-    &:hover::after {
-      transform: translateX(0.3em);
-    }
-
-    cfa-icon {
-      text-decoration: none;
-    }
-  }
-
-  // Sizes
-
-  .cfa-button--sm,
-  a.cfa-button--sm,
-  .cfa-button--sm > a {
-    --font-size: var(--font-size-small);
-    --line-height: var(--line-height-small);
-  }
-
-  .cfa-button--md,
-  a.cfa-button--md,
-  .cfa-button--md > a {
-    --font-size: var(--base-font-size);
-    --line-height: var(--base-line-height);
-  }
-`},547(t,e,i){var a=i(161),o=i(601);i(562);class s extends a.WF{static styles=(()=>[o.s,a.AH`
-      :host {
-        --background: var(--white);
-        --icon-color: var(--purple-80);
-        --link-color: var(--base-link-color);
-        --link-hover-color: var(--base-link-hover-color);
-        --text-color: var(--black);
-
-        display: block;
-      }
-
-      .callout {
-        align-items: flex-start;
-        background: var(--background);
-        box-shadow: var(--shadow-medium);
-        color: var(--text-color);
-        display: flex;
-        flex-direction: row;
-        gap: var(--spacing-component-2);
-        padding: var(--spacing-component-3);
-      }
-
-      .icon {
-        color: var(--icon-color);
-        flex-direction: column;
-        flex-grow: 0;
-        font-size: var(--font-size-h3);
-        height: 100%;
-        margin-block-start: -0.075em;
-        margin-inline-end: var(--spacing-component-2);
-      }
-
-      .callout + .callout {
-        margin-top: var(--spacing-layout-half);
-      }
-    `])();render(){return a.qy`
-      <div class="callout">
-        <div class="icon">
-          <cfa-icon>info</cfa-icon>
-        </div>
-        <div class="text">
-          <slot></slot>
-        </div>
-      </div>
-    `}}customElements.get("cfa-callout")||customElements.define("cfa-callout",s)},334(t,e,i){var a=i(161),o=i(601),s=i(205);i(953);class r extends a.WF{static properties={theme:{},linkUrl:{},linkTarget:{},visualType:{},visualUrl:{},visualThumbnailUrl:{},visualAltText:{},eyebrow:{},label:{},title:{},text:{},metaText:{},actionLabel:{}};static styles=(()=>[o.s,s.g,a.AH`
-      :host {
-        --action-border-color: var(--purple-20);
-        --action-border-hover-color: var(--red-60);
-        --action-text-color: var(--purple-60);
-        --action-text-hover-color: var(--red-60);
-        --bg-color: var(--white);
-        --padding: var(--spacing-component-4);
-        --text-color: var(--black);
-
-        display: flex;
-        flex-direction: column;
-        margin-inline: auto;
-        max-width: 100%;
-        width: 100%;
-      }
-
-      .card,
-      a.card {
-        box-shadow: var(--shadow-small);
-        border: var(--hairline) solid var(--gray-20);
-        color: var(--text-color);
-        display: flex;
-        flex-direction: column;
-        flex: 1;
-        height: 100%;
-        text-decoration: none;
-        transition: 500ms;
-      }
-
-      a.card:hover {
-        --action-color: var(--action-hover-color);
-
-        box-shadow: var(--shadow-medium);
-      }
-
-      .content {
-        background-color: var(--bg-color);
-        display: flex;
-        flex-direction: column;
-        flex-grow: 1;
-        gap: var(--spacing-layout-half);
-        padding: var(--padding);
-      }
-
-      .header {
-        align-items: start;
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing-layout-half);
-      }
-
-      .body {
-        display: flex;
-        flex-flow: column nowrap;
-        flex-grow: 1;
-        gap: var(--spacing-layout-half);
-        height: 100%;
-        text-align: var(--text-alignment, start);
-      }
-
-      .footer {
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing-layout-half);
-      }
-
-      .eyebrow {
-        color: var(--purple-60);
-      }
-
-      .eyebrow + * {
-        margin-block-start: var(--spacing-component-2);
-      }
-
-      .meta-text {
-        color: var(--gray-60);
-        border-block-start: var(--hairline) solid var(--gray-40);
-        padding-block-start: var(--spacing-component-2);
-      }
-
-      .card:has(.action-label) .meta-text {
-        border-block-end: var(--hairline) solid var(--gray-40);
-        padding-block-end: var(--spacing-component-2);
-      }
-
-      .action-label {
-        align-self: flex-start;
-        color: var(--action-text-color);
-        display: inline-block;
-        font-size: var(--font-size-small);
-        font-weight: bold;
-      }
-
-      a:hover .action-label {
-        color: var(--action-text-hover-color);
-      }
-
-      .action-label::after {
-        background: linear-gradient(
-          to top,
-          var(--action-border-hover-color) 0% 50%,
-          var(--action-border-color) 50% 100%
-        );
-        background-position: 0% 0%;
-        background-size: 100% 200%;
-        content: "";
-        display: block;
-        height: var(--spacing-component-2);
-        transition: background-position 0.3s;
-      }
-
-      a:hover .action-label::after {
-        background-position: 0% 100%;
-      }
-
-      .visual {
-        box-sizing: border-box;
-        display: flex;
-        height: auto;
-        height: var(--spacing-layout-7);
-        position: relative;
-        width: 100%;
-      }
-
-      img {
-        height: 100%;
-        object-fit: cover;
-        width: 100%;
-      }
-
-      .fallback-image {
-        background-color: var(--purple-80);
-        position: absolute;
-        inline-start: 0;
-        block-start: 0;
-        width: 100%;
-        height: 100%;
-        z-index: 0;
-      }
-
-      .fallback-image svg {
-        height: 100%;
-        width: 100%;
-      }
-
-      .visual picture {
-        position: relative;
-        z-index: 1;
-        width: 100%;
-      }
-
-      .image::after {
-        block-end: 0;
-        block-start: 0;
-        bottom: 0;
-        box-shadow: inset 0 -50px 50px -50px var(--black-60);
-        content: "";
-        inline-end: 0;
-        inline-start: 0;
-        position: absolute;
-        z-index: 2;
-      }
-
-      .logo {
-        background-color: var(--white, #fff);
-        box-sizing: border-box;
-        border-block-end: 1px solid var(--gray-20);
-        padding: var(--spacing-component-5);
-      }
-
-      .logo img {
-        object-fit: contain;
-      }
-    `])();visualTemplate(){let t;return"image"===this.visualType?t=a.qy`
-        <div class="visual image">
-          <div class="fallback-image">
-            ${a.JW`
-              <svg 
-                width="1600" 
-                height="900" 
-                viewBox="0 0 1600 900" 
-                fill="none" 
-                preserveAspectRatio="xMinYMin slice"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <g clip-path="url(#clip0)">
-                <rect width="1600" height="900" fill="#2B1A78"/>
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M1218.12 -444.87C1375.54 -448.403 1528.96 -379.695 1624.93 -254.874C1718.97 -132.569 1729.75 28.0324 1697.74 178.942C1664.98 333.396 1596.67 491.622 1452.8 556.721C1311.8 620.52 1155.18 556.724 1017.04 486.944C883.26 419.362 752.204 329.485 715.393 184.213C677.697 35.4535 737.759 -117.225 833.568 -237.116C929.253 -356.852 1064.86 -441.431 1218.12 -444.87Z" fill="#5650BE"/>
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M372.893 247.378C457.708 243.989 548.299 262.758 600.503 329.652C652.21 395.908 640.741 485.984 623.238 568.169C605.287 652.459 579.269 741.096 503.945 783.041C424.143 827.479 324.366 822.072 243.48 779.638C165.755 738.862 118.175 659.045 102.906 572.65C88.5877 491.632 114.457 410.294 167.015 346.974C218.23 285.272 292.743 250.581 372.893 247.378Z" fill="#5650BE"/>
-                </g>
-                <defs>
-                <clipPath id="clip0">
-                <rect width="1600" height="900" fill="white"/>
-                </clipPath>
-                </defs>
-              </svg>
-            `}
-          </div>
-          ${this.visualUrl?a.qy`
-                <picture>
-                  <source srcset="${this.visualUrl}" />
-                  <img
-                    src="${this.visualThumbnailUrl}"
-                    alt="${this.visualAltText}"
-                    loading="lazy"
-                    onerror="this.style.display='none'"
-                  />
-                </picture>
-              `:a.s6}
-        </div>
-      `:"logo"===this.visualType&&(t=a.qy`
-        <div class="visual logo">
-          <picture>
-            <source srcset="${this.visualUrl}" />
-            <img
-              src="${this.visualThumbnailUrl}"
-              alt="${this.visualAltText}"
-              loading="lazy"
-            />
-          </picture>
-        </div>
-      `),t}cardContentTemplate(){return a.qy`
-      ${this.visualTemplate()}
-      <div class="content">
-        <div class="header">
-          <div>
-            ${this.eyebrow?a.qy` <div class="eyebrow">${this.eyebrow}</div> `:a.s6}
-            ${this.title?a.qy` <div class="h3 title">${this.title}</div> `:a.s6}
-          </div>
-          ${this.label?a.qy`
-                <div>
-                  <cfa-label color="green">${this.label}</cfa-label>
-                </div>
-              `:a.s6}
-        </div>
-        <div class="body">
-          ${this.text?a.qy` <div class="small" .innerHTML=${this.text}></div> `:a.s6}
-        </div>
-        ${this.metaText||this.actionLabel?a.qy`
-              <div class="footer">
-                ${this.metaText?a.qy`
-                      <div
-                        class="meta-text small"
-                        .innerHTML=${this.metaText}
-                      ></div>
-                    `:a.s6}
-                ${this.actionLabel?a.qy` <div class="action-label">${this.actionLabel}</div> `:a.s6}
-              </div>
-            `:a.s6}
-      </div>
-    `}render(){return a.qy`
-      ${this.linkUrl?a.qy`
-            <a
-              href="${this.linkUrl}"
-              target="${this.linkTarget}"
-              rel="${"_blank"==this.linkTarget?"noopener":a.s6}"
-              class="card ${this.theme?"card--"+this.theme:""}"
-            >
-              ${this.cardContentTemplate()}
-            </a>
-          `:a.qy`
-            <div class="card ${this.theme?"card--"+this.theme:""}">
-              ${this.cardContentTemplate()}
-            </div>
-          `}
-    `}}class n extends a.WF{static styles=(()=>[o.s,s.g,a.AH`
-      :host {
-        display: flex;
-        flex-direction: column;
-        margin-inline: auto;
-        max-width: 100%;
-        width: 100%;
-      }
-
-      .card-skeleton {
-        background-color: var(--white);
-        border: var(--hairline) solid var(--gray-20);
-        box-shadow: var(--shadow-small);
-        color: var(--black);
-        display: flex;
-        flex: 1;
-        flex-direction: column;
-        height: 100%;
-      }
-
-      .visual-skeleton {
-        background-color: var(--gray-20);
-        height: var(--spacing-layout-7);
-        overflow: hidden;
-        position: relative;
-        width: 100%;
-      }
-
-      .content {
-        background-color: var(--white);
-        display: flex;
-        flex: 1;
-        flex-direction: column;
-        gap: var(--spacing-layout-half);
-        padding: var(--spacing-component-4);
-      }
-
-      .body {
-        display: flex;
-        flex: 1;
-        flex-direction: column;
-        gap: var(--spacing-layout-half);
-      }
-
-      .line {
-        background-color: var(--gray-20);
-        border-radius: var(--spacing-component-1);
-        display: block;
-        overflow: hidden;
-        position: relative;
-        width: 100%;
-      }
-
-      .line::after {
-        animation: shimmer 1.5s linear infinite;
-        background: linear-gradient(
-          90deg,
-          transparent 0%,
-          var(--white-50, rgba(255, 255, 255, 0.45)) 50%,
-          transparent 100%
-        );
-        content: "";
-        inset: 0;
-        position: absolute;
-        transform: translateX(-100%);
-      }
-
-      .line--eyebrow {
-        height: var(--line-height-small);
-        max-width: 28%;
-      }
-
-      .line--title {
-        height: var(--line-height-h3);
-        max-width: 76%;
-      }
-
-      .line--body {
-        height: var(--line-height);
-      }
-
-      .line--body-short {
-        max-width: 86%;
-      }
-
-      .line--action {
-        height: var(--line-height-small);
-        margin-block-start: auto;
-        max-width: 36%;
-      }
-
-      @keyframes shimmer {
-        100% {
-          transform: translateX(100%);
-        }
-      }
-    `])();render(){return a.qy`
-      <div class="card-skeleton" role="status" aria-busy="true" aria-label="Loading card">
-        <div class="visual-skeleton line" aria-hidden="true"></div>
-        <div class="content">
-          <div class="line line--eyebrow" aria-hidden="true"></div>
-          <div class="line line--title" aria-hidden="true"></div>
-          <div class="body" aria-hidden="true">
-            <div class="line line--body"></div>
-            <div class="line line--body line--body-short"></div>
-            <div class="line line--action"></div>
-          </div>
-        </div>
-      </div>
-    `}}customElements.get("cfa-card")||customElements.define("cfa-card",r),customElements.get("cfa-card-skeleton")||customElements.define("cfa-card-skeleton",n)},221(t,e,i){var a=i(161),o=i(601);i(562);class s extends a.WF{static SWIPE_THRESHOLD=50;static SHADOW_SPACE=32;static PROGRESS_UPDATE_INTERVAL=100;static AUTOPLAY_DURATION=1e4;static DESKTOP_BREAKPOINT=768;static ITEMS_PER_VIEW_DESKTOP=3;static ITEMS_PER_VIEW_MOBILE=1;static properties=(()=>({currentPage:{type:Number,state:!0},totalSlides:{type:Number,state:!0},progressPercentage:{type:Number,state:!0},isPaused:{type:Boolean,state:!0},prefersReducedMotion:{type:Boolean,state:!0},itemsPerView:{type:Number},autoPlay:{type:Boolean},autoPlayDuration:{type:Number}}))();static styles=(()=>[o.s,a.AH`
-      :host {
-        --carousel-fade-duration: 300ms;
-        --carousel-control-size: var(--spacing-layout-2);
-        --carousel-dot-size: var(--spacing-component-3);
-        --carousel-dot-gap: var(--spacing-component-3);
-        --carousel-dot-color: var(--black-20);
-        --carousel-dot-active-color: var(--purple-60);
-        --carousel-gap: var(--spacing-layout-1);
-      }
-
-      .carousel-container {
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing-component-3);
-      }
-
-      .carousel-slides {
-        width: 100%;
-        overflow: hidden;
-        transition: height 400ms ease-in-out;
-        height: auto;
-      }
-
-      .carousel-track {
-        display: flex;
-        gap: var(--carousel-gap);
-      }
-
-      ::slotted(*) {
-        flex: 0 0 calc((100% - (var(--items-per-view, 3) - 1) * var(--carousel-gap)) / var(--items-per-view, 3));
-        display: none;
-        opacity: 0;
-        transition: opacity var(--carousel-fade-duration) ease-in-out;
-      }
-
-      ::slotted([data-slide-active]) {
-        display: block;
-        opacity: 1;
-      }
-
-      @media (prefers-reduced-motion: reduce) {
-        .carousel-slides {
-          transition: none;
-        }
-        
-        ::slotted(*) {
-          transition: none;
-        }
-      }
-
-      .carousel-controls {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        gap: var(--spacing-component-3);
-      }
-
-      .carousel-button {
-        background-color: transparent;
-        border: 0;
-        border-radius: 50%;
-        color: var(--text-color);
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-size: 1.5rem;
-        height: var(--carousel-control-size);
-        width: var(--carousel-control-size);
-        transition: all 0.2s ease-in-out;
-        flex-shrink: 0;
-      }
-
-      .carousel-button:hover {
-        background-color: var(--purple-20);
-        border-color: var(--purple-60);
-        color: var(--purple-80);
-      }
-
-      .carousel-button:focus-visible {
-        outline: var(--focus-outline);
-        outline-offset: 2px;
-      }
-
-      .carousel-button cfa-icon {
-        --size: var(--font-size);
-        color: var(--purple-80);
-      }
-
-      .carousel-pagination {
-        display: flex;
-        align-items: center;
-        gap: var(--carousel-dot-gap);
-        flex-wrap: wrap;
-        justify-content: center;
-      }
-
-      .carousel-dot {
-        background-color: var(--carousel-dot-color);
-        border: none;
-        border-radius: 50%;
-        cursor: pointer;
-        height: var(--carousel-dot-size);
-        min-width: var(--carousel-dot-size);
-        padding: 0;
-        position: relative;
-        transition: all 0.3s ease-in-out;
-      }
-
-      .carousel-dot:hover {
-        background-color: var(--gray-60);
-      }
-
-      .carousel-dot:focus-visible {
-        outline: var(--focus-outline);
-        outline-offset: 3px;
-      }
-
-      .carousel-dot[aria-current="true"] {
-        background-color: var(--carousel-dot-color);
-        border-radius: var(--carousel-dot-size);
-        min-width: calc(var(--carousel-dot-size) * 4);
-        overflow: hidden;
-      }
-
-      .carousel-dot-progress {
-        background-color: var(--carousel-dot-active-color);
-        height: 100%;
-        width: 0%;
-        transition: width 100ms linear;
-      }
-
-      @media (prefers-reduced-motion: reduce) {
-        .carousel-dot-progress {
-          transition: none;
-        }
-      }
-
-      @media (max-width: 768px) {
-        /* Note: 768px matches Carousel.DESKTOP_BREAKPOINT - keep in sync */
-        .carousel-button {
-          font-size: 1.25rem;
-          height: calc(var(--carousel-control-size) * 0.85);
-          width: calc(var(--carousel-control-size) * 0.85);
-        }
-
-        .carousel-dot {
-          height: calc(var(--carousel-dot-size) * 0.8);
-          min-width: calc(var(--carousel-dot-size) * 0.8);
-        }
-      }
-    `])();constructor(){super(),this.currentPage=0,this.totalSlides=0,this.progressPercentage=0,this.isPaused=!0,this.prefersReducedMotion=window.matchMedia("(prefers-reduced-motion: reduce)").matches,this.itemsPerView=s.ITEMS_PER_VIEW_DESKTOP,this.autoPlay=!0,this.autoPlayDuration=Math.max(100,s.AUTOPLAY_DURATION),this.autoPlayTimer=null,this.autoPlayTimeout=null,this.touchStartX=null,this.touchEndX=null,this._initialized=!1,this._resizeTimerId=null,this._mouseEnterListener=null,this._mouseLeaveListener=null}connectedCallback(){super.connectedCallback();const t=this.getAttribute("items-per-view");if(null!==t){const e=parseInt(t,10);isNaN(e)||(this.itemsPerView=e)}this.style.setProperty("--items-per-view",this.itemsPerView),this.addEventListener("keydown",t=>this._handleKeydown(t)),this.addEventListener("touchstart",t=>this._handleTouchStart(t),!1),this.addEventListener("touchend",t=>this._handleTouchEnd(t),!1),this._resizeListener=()=>{this._resizeTimerId&&clearTimeout(this._resizeTimerId),this._resizeTimerId=setTimeout(()=>{this.updateItemsPerView(),this.updateCarouselHeight()},150)},window.addEventListener("resize",this._resizeListener)}disconnectedCallback(){super.disconnectedCallback(),this.stopAutoPlay(),this._resizeListener&&window.removeEventListener("resize",this._resizeListener),this._resizeTimerId&&clearTimeout(this._resizeTimerId);const t=this.shadowRoot?.querySelector(".carousel-slides");t&&this._mouseEnterListener&&this._mouseLeaveListener&&(t.removeEventListener("mouseenter",this._mouseEnterListener),t.removeEventListener("mouseleave",this._mouseLeaveListener))}updated(t){t.has("itemsPerView")&&this.style.setProperty("--items-per-view",this.itemsPerView),t.has("currentPage")&&this.updateItemVisibility()}firstUpdated(){const t=this.shadowRoot.querySelector("slot"),e=this.shadowRoot.querySelector(".carousel-slides");t&&!this._slotChangeSetup&&(this._slotChangeSetup=!0,t.addEventListener("slotchange",()=>{this._slotChangeTimeout&&clearTimeout(this._slotChangeTimeout),this._slotChangeTimeout=setTimeout(()=>{this._initialized||this._initializeCarousel()},50)})),e&&!this._mouseEnterListener&&(this._mouseEnterListener=()=>{this.stopAutoPlay()},this._mouseLeaveListener=()=>{this.isPaused||this._scheduleNextPage()},e.addEventListener("mouseenter",this._mouseEnterListener),e.addEventListener("mouseleave",this._mouseLeaveListener))}_initializeCarousel(){if(this._initialized)return;const t=this.shadowRoot.querySelector("slot");if(!t)return;const e=t.assignedElements();0!==e.length&&(this._initialized=!0,this.totalSlides=e.length,this.updateItemsPerView(),this.updateItemVisibility(),this.startAutoPlay(),this._waitForImages(e,5e3).then(()=>{this.updateCarouselHeight()}))}_waitForImages(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3e3;return Promise.race([Promise.all(Array.from(t).map(t=>Promise.all(Array.from(t.querySelectorAll("img")).map(t=>t.complete?Promise.resolve():new Promise(e=>{t.addEventListener("load",e,{once:!0}),t.addEventListener("error",e,{once:!0})}))))),new Promise((t,i)=>setTimeout(()=>i(new Error("Image load timeout")),e))]).catch(()=>Promise.resolve())}get totalPages(){return Math.ceil(this.totalSlides/this.itemsPerView)}updateItemsPerView(){if(this.hasAttribute("items-per-view"))return;const t=window.innerWidth>=s.DESKTOP_BREAKPOINT?s.ITEMS_PER_VIEW_DESKTOP:s.ITEMS_PER_VIEW_MOBILE;t!==this.itemsPerView&&(this.itemsPerView=t,this.style.setProperty("--items-per-view",this.itemsPerView),this.currentPage>=this.totalPages&&(this.currentPage=0),this.requestUpdate())}updateItemVisibility(){const t=this.shadowRoot.querySelector("slot");if(!t)return;const e=t.assignedElements();if(0===e.length)return;const i=this.currentPage*this.itemsPerView,a=i+this.itemsPerView;e.forEach((t,e)=>{e>=i&&e<a?t.setAttribute("data-slide-active",""):t.removeAttribute("data-slide-active")}),this.updateCarouselHeight()}updateCarouselHeight(){const t=this.shadowRoot.querySelector("slot"),e=this.shadowRoot.querySelector(".carousel-slides");if(!t||!e)return;const i=t.assignedElements();if(0===i.length)return;const a=this.currentPage*this.itemsPerView,o=a+this.itemsPerView;requestAnimationFrame(()=>{requestAnimationFrame(()=>{setTimeout(()=>{let t=0;for(let e=a;e<o&&e<i.length;e++){const a=i[e].offsetHeight;t=Math.max(t,a)}const r=Math.max(t,s.SHADOW_SPACE);e.style.height=r+"px"},0)})})}startAutoPlay(){this.autoPlay&&!this.prefersReducedMotion&&0!==this.totalSlides?(this.isPaused=!1,this.progressPercentage=0,this._scheduleNextPage()):this.isPaused=!0}play(){this.prefersReducedMotion||this.startAutoPlay()}pause(){this.isPaused=!0,this.stopAutoPlay()}stopAutoPlay(){this.autoPlayTimer&&(clearInterval(this.autoPlayTimer),this.autoPlayTimer=null),this.autoPlayTimeout&&(clearTimeout(this.autoPlayTimeout),this.autoPlayTimeout=null)}_scheduleNextPage(){this.stopAutoPlay();const t=100/(this.autoPlayDuration/s.PROGRESS_UPDATE_INTERVAL);this.autoPlayTimer=setInterval(()=>{this.progressPercentage=Math.min(100,this.progressPercentage+t)},s.PROGRESS_UPDATE_INTERVAL),this.autoPlayTimeout=setTimeout(()=>{this.isPaused||(this.nextPage(),this.startAutoPlay())},this.autoPlayDuration)}nextPage(){this.currentPage=(this.currentPage+1)%this.totalPages,this.progressPercentage=0,this.stopAutoPlay(),this.requestUpdate(),this.play()}previousPage(){this.currentPage=(this.currentPage-1+this.totalPages)%this.totalPages,this.progressPercentage=0,this.stopAutoPlay(),this.requestUpdate(),this.play()}goToPage(t){t>=0&&t<this.totalPages&&t!==this.currentPage&&(this.currentPage=t,this.progressPercentage=0,this.stopAutoPlay(),this.requestUpdate(),this.play())}_handleKeydown(t){"ArrowRight"===t.key?(t.preventDefault(),this.nextPage(),this.pause()):"ArrowLeft"===t.key&&(t.preventDefault(),this.previousPage(),this.pause())}_handleTouchStart(t){t.changedTouches&&t.changedTouches.length>0&&(this.touchStartX=t.changedTouches[0].screenX)}_handleTouchEnd(t){t.changedTouches&&t.changedTouches.length>0&&(this.touchEndX=t.changedTouches[0].screenX,this._handleSwipe())}_handleSwipe(){if(null===this.touchStartX||null===this.touchEndX)return;const t=this.touchStartX-this.touchEndX;Math.abs(t)>s.SWIPE_THRESHOLD&&(t>0?(this.nextPage(),this.pause()):(this.previousPage(),this.pause()))}render(){return a.qy`
-      <div
-        class="carousel-container"
-        role="region"
-        aria-label="Content carousel"
-      >
-        <div class="carousel-slides">
-          <div class="carousel-track">
-            <slot @slotchange=${()=>{if(!this._initialized){const t=this.shadowRoot.querySelector("slot");if(t){const e=t.assignedElements();this.totalSlides=e.length,this.updateItemVisibility(),this.requestUpdate()}}}}></slot>
-          </div>
-        </div>
-
-        ${this.totalSlides>0?a.qy`
-              <div class="carousel-controls">
-                <button
-                  class="carousel-button"
-                  @click=${()=>this.previousPage()}
-                  aria-label="Previous page"
-                >
-                  <cfa-icon>arrow_back</cfa-icon>
-                </button>
-
-                <div class="carousel-pagination">
-                  ${Array.from({length:this.totalPages}).map((t,e)=>a.qy`
-                      <button
-                        class="carousel-dot"
-                        @click=${()=>this.goToPage(e)}
-                        aria-label="Go to page ${e+1} of ${this.totalPages}"
-                        aria-current=${e===this.currentPage?"true":"false"}
-                      >
-                        ${e!==this.currentPage||this.prefersReducedMotion?"":a.qy`<div
-                              class="carousel-dot-progress"
-                              style="width: ${this.progressPercentage}%"
-                            ></div>`}
-                      </button>
-                    `)}
-                </div>
-
-                <button
-                  class="carousel-button"
-                  @click=${()=>this.nextPage()}
-                  aria-label="Next page"
-                >
-                  <cfa-icon>arrow_forward</cfa-icon>
-                </button>
-              </div>
-            `:""}
-      </div>
-    `}}customElements.get("cfa-carousel")||customElements.define("cfa-carousel",s)},562(t,e,i){var a=i(161),o=i(601);class s extends a.WF{static styles=(()=>[o.s,a.AH`
-      :host {
-        --size: 1.2em;
-
-        display: inline;
-        line-height: inherit;
-      }
-
-      .icon {
-        -webkit-font-feature-settings: "liga";
-        direction: ltr;
-        display: inline-block;
-        font-family: "Material Symbols Rounded";
-        font-size: var(--size);
-        font-style: normal;
-        font-weight: normal;
-        letter-spacing: normal;
-        margin-top: -0.1em;
-        text-transform: none;
-        vertical-align: middle;
-        white-space: nowrap;
-        word-wrap: normal;
-      }
-    `])();render(){return a.qy`
-      <span class="icon">
-        <slot></slot>
-      </span>
-    `}}customElements.get("cfa-icon")||customElements.define("cfa-icon",s)},953(t,e,i){var a=i(161),o=i(601),s=i(205);class r extends a.WF{static properties={color:""};static styles=(()=>[o.s,s.g,a.AH`
-      .label {
-        --background-color: var(--gray-20);
-        --text-color: var(--black, #000);
-
-        background-color: var(--background-color);
-        color: var(--text-color);
-        display: inline-block;
-        line-height: 1em;
-        padding: var(--spacing-component-2) var(--spacing-component-3);
-      }
-
-      .label[color="white"] {
-        --background-color: var(--white, #fff);
-        box-shadow: var(--shadow-small);
-      }
-
-      .label[color="purple"] {
-        --background-color: var(--purple-20);
-      }
-
-      .label[color="red"] {
-        --background-color: var(--red-20);
-      }
-
-      .label[color="blue"] {
-        --background-color: var(--blue-20);
-      }
-
-      .label[color="green"] {
-        --background-color: var(--green-20);
-      }
-
-      .label[color="yellow"] {
-        --background-color: var(--yellow-20);
-      }
-    `])();render(){return a.qy`
-      <div class="label small strong" color="${this.color}">
-        <slot />
-      </div>
-    `}}customElements.get("cfa-label")||customElements.define("cfa-label",r)},152(t,e,i){var a=i(161),o=i(601),s=i(205);class r extends a.WF{static properties={name:{},imageUrl:{},linkUrl:{},linkTarget:{}};static styles=(()=>[o.s,s.g,a.AH`
-      :host {
-        --bg-color: var(--blue-20);
-        --text-color: var(--black);
-
-        align-items: stretch;
-        display: flex;
-        flex-direction: row;
-      }
-
-      .card {
-        align-items: center;
-        background-color: var(--white);
-        border: var(--hairline) solid var(--black-10);
-        color: var(--text-color);
-        display: flex;
-        flex-direction: column;
-        font-size: var(--font-size-h3);
-        font-weight: bold;
-        justify-content: center;
-        line-height: var(--line-height-h4);
-        margin-inline: auto;
-        max-width: 100%;
-        min-height: var(--spacing-layout-8);
-        padding: var(--spacing-component-5);
-        text-align: center;
-        text-decoration: none;
-        transition: box-shadow 1s;
-        width: var(--column-span-4);
-      }
-
-      a.card {
-        box-shadow: var(--shadow-small);
-        color: var(--text-color);
-      }
-
-      a.card:hover {
-        box-shadow: var(--shadow-medium);
-      }
-
-      img {
-        aspect-ratio: 2 / 1;
-        object-fit: contain;
-        width: 100%;
-      }
-    `])();cardContentTemplate(){let t;return t=this.imageUrl?a.qy` <img src="${this.imageUrl}" alt="${this.name}" /> `:a.qy` ${this.name} `,t}render(){return a.qy`
-      ${this.linkUrl?a.qy`
-            <a
-              href="${this.linkUrl}"
-              target="${this.linkTarget||"_self"}"
-              rel="${"_blank"==this.linkTarget?"noopener noreferrer":a.s6}"
-              class="card"
-            >
-              ${this.cardContentTemplate()}
-            </a>
-          `:a.qy` <div class="card">${this.cardContentTemplate()}</div> `}
-    `}}customElements.get("cfa-logo-card")||customElements.define("cfa-logo-card",r)},518(t,e,i){var a=i(161),o=i(601);class s extends a.WF{static properties={fontSize:{}};static styles=(()=>[o.s,a.AH`
-      :host {
-        --link-color: var(--purple-80);
-        --link-hover-color: var(--purple-80);
-
-        display: block;
-        font-family: var(--font-family-sans-serif);
-      }
-
-      slot {
-        display: none;
-      }
-
-      nav {
-        font-size: var(--font-size);
-        line-height: var(--line-height);
-      }
-
-      nav[data-font-size="small"] {
-        font-size: var(--font-size-small);
-        line-height: var(--line-height-small);
-      }
-
-      nav[data-font-size="large"] {
-        font-size: var(--font-size-h3);
-        line-height: var(--line-height-h3);
-      }
-
-      ul {
-        display: flex;
-        flex-direction: row;
-        gap: var(--spacing-component-1);
-        list-style: none;
-        margin: 0;
-        padding: 0;
-      }
-
-      li {
-        flex-shrink: 0;
-        margin: 0;
-        padding: 0;
-      }
-
-      li.is-active a {
-        box-shadow: inset 0 calc(-1 * var(--medium)) var(--link-hover-color);
-      }
-
-      a {
-        box-shadow: 0;
-        color: var(--link-color);
-        display: block;
-        font-weight: bold;
-        padding: var(--spacing-component-2) var(--spacing-component-3);
-        text-decoration: none;
-        transition: box-shadow 0.25s ease-in-out;
-      }
-
-      a:hover {
-        box-shadow: inset 0 calc(-1 * var(--medium)) var(--link-hover-color);
-      }
-    `])();handleSlotchange(t){const e=t.target.assignedNodes({flatten:!0}),i=this.shadowRoot.querySelector("ul");i.innerHTML="",e.forEach(t=>{"UL"===t.tagName&&t.querySelectorAll("li").forEach(t=>{i.appendChild(t.cloneNode(!0))})})}render(){return a.qy`
-      <slot @slotchange=${this.handleSlotchange}></slot>
-      <nav data-font-size="${this.fontSize}">
-        <ul></ul>
-      </nav>
-    `}}customElements.get("cfa-nav")||customElements.define("cfa-nav",s)},280(t,e,i){var a=i(161),o=i(601);class s extends a.WF{static properties={fontSize:{}};static styles=(()=>[o.s,a.AH`
-      :host {
-        --bg-color: var(--white);
-        --link-color: var(--purple-80);
-        --link-hover-color: var(--purple-80);
-
-        background-color: var(--bg-color);
-        display: block;
-        padding-block: var(--spacing-layout-1);
-        display: block;
-        font-family: var(--font-family-sans-serif);
-        font-size: var(--font-size-small);
-        line-height: var(--font-size-small);
-      }
-
-      slot {
-        display: none;
-      }
-
-      nav {
-      }
-
-      ul {
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing-layout-half);
-        margin: 0;
-        padding: 0 var(--outer-margin);
-        min-height: var(--spacing-layout-2);
-      }
-
-      li {
-        display: block;
-      }
-
-      a {
-        background-color: var(--purple-10);
-        border-radius: var(--rounded-corners);
-        color: var(--link-color);
-        display: block;
-        position: relative;
-        padding: var(--spacing-layout-half);
-        text-decoration: none;
-      }
-
-      a:hover {
-        background-color: var(--blue-20);
-        color: var(--link-hover-color);
-      }
-
-      a:active {
-        background-color: var(--blue-40);
-        color: var(--link-color);
-      }
-
-      @media (min-width: 768px) {
-        :host {
-          box-shadow: var(--shadow-small);
-          padding-block: var(--spacing-component-2);
-          position: sticky;
-          top: 0;
-          z-index: 3;
-        }
-
-        nav {
-          align-items: center;
-          display: flex;
-          flex-direction: row;
-          margin-inline: auto;
-          max-width: var(--grid-max-width);
-          overflow-x: auto;
-          overflow-y: hidden;
-          scrollbar-width: none;
-        }
-
-        ul {
-          align-items: center;
-          display: flex;
-          flex-direction: row;
-          gap: var(--spacing-component-2);
-        }
-
-        a,
-        li {
-          max-width: none;
-          white-space: nowrap;
-        }
-
-        a.is-active {
-          background-color: var(--blue-40);
-        }
-      }
-    `])();handleSlotchange(t){const e=t.target.assignedNodes({flatten:!0}),i=this.shadowRoot.querySelector("ul"),a=[];e.forEach(t=>{"UL"===t.tagName&&t.querySelectorAll("li").forEach(t=>{i.appendChild(t.cloneNode(!0));const e=t.querySelector("a")?.getAttribute("href");e&&e.startsWith("#")&&a.push(e.substring(1))})}),window.addEventListener("scroll",()=>this.updateActiveNav(a))}updateActiveNav(t){const e=window.scrollY;let i=null;if(t.forEach(t=>{const a=document.getElementById(t);a&&a.offsetTop<=e+256&&(i=t)}),this.shadowRoot.querySelectorAll("li a").forEach(t=>{t.classList.remove("is-active")}),i){const t=this.shadowRoot.querySelector(`li a[href*="#${i}"]`);t&&t.classList.add("is-active")}}render(){return a.qy`
-      <slot @slotchange=${this.handleSlotchange}></slot>
-      <nav>
-        <ul>
-          <li><strong>On this page: &ensp;</strong></li>
-        </ul>
-      </nav>
-    `}}customElements.get("cfa-page-nav")||customElements.define("cfa-page-nav",s)},696(t,e,i){var a=i(161),o=i(601),s=i(205),r=i(227);i(562);class n extends a.WF{static properties={previousTitle:{},previousUrl:{},nextTitle:{},nextUrl:{}};static styles=(()=>[o.s,s.g,r.V,a.AH`
-      :host {
-        display: block;
-      }
-
-      * {
-        box-sizing: border-box;
-        text-wrap: comfortable;
-      }
-
-      nav {
-        display: flex;
-        flex-direction: column;
-        column-gap: var(--gutter-width);
-        row-gap: var(--spacing-layout-half);
-      }
-
-      nav > * > * {
-        width: 100%;
-      }
-
-      @media (min-width: 768px) {
-        nav {
-          flex-direction: row-reverse;
-          justify-content: space-between;
-        }
-
-        a {
-          min-width: var(--column-span-4);
-        }
-
-        .next a {
-          text-align: end;
-        }
-
-        .previous a {
-          text-align: start;
-        }
-      }
-    `])();render(){return a.qy`
-      <nav>
-        <div class="next">
-          ${this.nextUrl?a.qy`
-                <a href="${this.nextUrl}" class="cfa-button">
-                  <span class="small label"
-                    >Next <cfa-icon>arrow_forward</cfa-icon></span
-                  ><br />
-                  <span class="title normal">${this.nextTitle}</span>
-                </a>
-              `:""}
-        </div>
-        <div class="previous">
-          ${this.previousUrl?a.qy`
-                <a
-                  href="${this.previousUrl}"
-                  class="cfa-button cfa-button--outline"
-                >
-                  <span class="small label"
-                    ><cfa-icon>arrow_back</cfa-icon> Previous</span
-                  ><br />
-                  <span class="title normal">${this.previousTitle}</span>
-                </a>
-              `:""}
-        </div>
-      </nav>
-    `}}customElements.get("cfa-pager")||customElements.define("cfa-pager",n)},663(t,e,i){var a=i(161),o=i(601),s=i(227);i(562);class r extends a.WF{static properties=(()=>({page:{type:Number},totalPages:{type:Number},previousLabel:{},nextLabel:{}}))();static styles=(()=>[o.s,s.V,a.AH`
-      :host {
-        display: block;
-      }
-
-      .pagination {
-        align-items: center;
-        display: flex;
-        flex-direction: row;
-        gap: var(--gutter-width);
-        justify-content: space-between;
-      }
-
-      .pagination > * {
-        flex: 1;
-      }
-
-      .status {
-        font-size: var(--font-size-small);
-        line-height: var(-line-height-small);
-        color: var(--gray-60);
-        text-align: center;
-      }
-
-      @media (max-width: 768px) {
-        .status {
-          display: none;
-        }
-      }
-
-      .previous {
-        text-align: left;
-      }
-
-      .next {
-        text-align: right;
-      }
-    `])();constructor(){super(),this.previousLabel="Previous",this.nextLabel="Next",this.page=1,this.totalPages=1}render(){return a.qy`
-      <div class="pagination">
-        <div class="previous">
-          ${this.page>1?a.qy`
-                <button class="cfa-button" @click="${this.handlePreviousPage}">
-                  <cfa-icon>arrow_back</cfa-icon>&nbsp;${this.previousLabel}
-                </button>
-              `:""}
-        </div>
-        <div class="status">Page ${this.page} of ${this.totalPages}</div>
-        <div class="next">
-          ${this.page<this.totalPages?a.qy`
-                <button class="cfa-button" @click="${this.handleNextPage}">
-                  ${this.nextLabel}&nbsp;<cfa-icon>arrow_forward</cfa-icon>
-                </button>
-              `:""}
-        </div>
-      </div>
-    `}handleNextPage(){if(this.page<this.totalPages){this.page++;const t=new CustomEvent("page-change",{bubbles:!0,cancelable:!0,detail:this.page});this.dispatchEvent(t)}}handlePreviousPage(){if(this.page>1){this.page--;const t=new CustomEvent("page-change",{bubbles:!0,cancelable:!0,detail:this.page});this.dispatchEvent(t)}}}customElements.get("cfa-pagination")||customElements.define("cfa-pagination",r)},881(t,e,i){var a=i(161),o=i(601),s=i(205);i(330),i(804);class r extends a.WF{static properties={name:{type:"string"},title:{type:"string"},company:{type:"string"},pronouns:{type:"string"},imageUrl:{type:"string"},imageAltText:{type:"string"},linkUrl:{type:"string"},linkedInUrl:{type:"string"},twitterHandle:{type:"string"}};static styles=(()=>[o.s,s.g,a.AH`
-      :host {
-        display: block;
-      }
-
-      .card {
-        border-radius: var(--rounded-corners);
-        position: relative;
-        display: flex;
-        flex-direction: row;
-        margin-inline: auto;
-        max-width: 100%;
-        text-align: start;
-        width: var(--column-span-4);
-        transform: translate(0, 0); // hack to ensure pseudo element is stacked above parent background
-      }
-
-      .card.has-link::before {
-        border-radius: var(--rounded-corners);
-        bottom: calc(-1 * var(--thick));
-        content: "";
-        height: calc(100% + 2 * var(--thick)));
-        left: calc(-1 * var(--thick));
-        position: absolute;
-        right: calc(-1 * var(--thick));
-        top: calc(-1 * var(--thick));
-        width: calc(100% + 2 * var(--thick)));
-        z-index: -1;
-        transition: 
-          background-color 0.5s ease-in-out,
-          box-shadow 0.5s ease-in-out;
-      }
-
-      .card.has-link:hover::before,
-      .card.has-link:focus-visible::before {
-        background-color: var(--white);
-        box-shadow: var(--shadow-medium);
-      }
-
-      .card.has-link .name a {
-        box-shadow: 0;
-        color: var(--purple-80);
-        transition: box-shadow 0.5s ease-in-out;
-      }
-
-      .card.has-link:hover .name a {
-        box-shadow: inset 0 calc(-1 * var(--thick)) 0 0 var(--purple-20);
-      }
-
-      a {
-        position: relative;
-        text-decoration: none;
-        z-index: 1;
-      }
-
-      a.link-overlay {
-        position: static;
-      }
-
-      a.link-overlay::before {
-        content: "";
-        position: absolute;
-        z-index: 0;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-      }
-      
-      .avatar {
-        flex-grow: 0;
-      }
-
-      .name {
-        display: inline-block;
-      }
-
-      .pronouns {
-        color: var(--purple-60);
-      }
-      
-      .details {
-        color: var(--black);
-        flex-grow: 1;
-        padding-block-start: var(--spacing-component-2);
-        padding-inline-start: var(--spacing-component-2);
-      }
-
-      .social {
-        font-size: 0.9rem;
-        margin-block-start: var(--spacing-component-1);
-      }
-      
-      .social a {
-        align-items: center;
-        border-radius: 10000px;
-        color: var(--purple-80);
-        display: inline-flex;
-        height: var(--spacing-component-4);
-        justify-content: center;
-        margin: calc(-1 * var(--spacing-component-2));
-        width: var(--spacing-component-4);
-      }
-
-      .social a:hover {
-        background-color: var(--purple-20);
-      }
-
-      .social > a + a {
-        margin-inline-start: var(--spacing-component-2);
-      }
-    `])();render(){return a.qy`
-      <div class="card ${this.linkUrl?"has-link":""}">
-        <!-- Link overlay pseudo-element so we can do nested links within the card -->
-        ${this.linkUrl?a.qy`
-              <a
-                href="${this.linkUrl}"
-                target="${this.linkTarget||"_self"}"
-                rel="${"_blank"==this.linkTarget?"noopener":a.s6}"
-                class="link-overlay"
-                tabindex="-1"
-              >
-              </a>
-            `:""}
-        <div class="avatar">
-          ${this.linkUrl?a.qy`
-                <a
-                  href="${this.linkUrl}"
-                  target="${this.linkTarget||"_self"}"
-                  rel="${"_blank"==this.linkTarget?"noopener":a.s6}"
-                >
-                  <cfa-avatar
-                    imageUrl="${this.imageUrl}"
-                    altText="Avatar photo of ${this.name}"
-                    size="3"
-                  >
-                  </cfa-avatar>
-                </a>
-              `:a.qy`
-                <cfa-avatar
-                  imageUrl="${this.imageUrl}"
-                  altText="Avatar photo of ${this.name}"
-                  size="3"
-                >
-                </cfa-avatar>
-              `}
-        </div>
-        <div class="details">
-          <div>
-            <div class="name h4">
-              ${this.linkUrl?a.qy`
-                    <a
-                      href="${this.linkUrl}"
-                      target="${this.linkTarget||"_self"}"
-                      rel="${"_blank"==this.linkTarget?"noopener":a.s6}"
-                    >
-                      ${this.name.trim()}
-                    </a>
-                  `:a.qy` ${this.name.trim()} `}
-            </div>
-            ${this.pronouns?a.qy` <span class="pronouns small">(${this.pronouns})</span> `:""}
-          </div>
-          <div class="title small">
-            ${[this.title?.trim(),this.company?.trim()].filter(Boolean).join(", ")}
-          </div>
-          ${this.linkedInUrl||this.twitterHandle?a.qy`
-                <div class="social">
-                  ${this.linkedInUrl?a.qy`
-                        <a
-                          href="${this.linkedInUrl}"
-                          target="_blank"
-                          rel="noopener"
-                          title="View ${this.name}'s profile on LinkedIn"
-                        >
-                          <cfa-social-icon icon="linkedin" />
-                        </a>
-                      `:a.s6}
-                  ${this.twitterHandle?a.qy`
-                        <a
-                          href="https://twitter.com/${this.twitterHandle}"
-                          target="_blank"
-                          rel="noopener"
-                          title="View ${this.name}'s profile on X (Twitter)"
-                        >
-                          <cfa-social-icon icon="twitter" />
-                        </a>
-                      `:a.s6}
-                </div>
-              `:a.s6}
-        </div>
-      </div>
-    `}}customElements.get("cfa-person-card")||customElements.define("cfa-person-card",r)},200(t,e,i){var a=i(161),o=i(601);class s extends a.WF{static styles=(()=>[o.s,a.AH`
-      :host {
-        --bg-color: var(--gray-20);
-        --text-color: var(--gray-80);
-
-        background-color: var(--bg-color);
-        border-radius: var(--spacing-component-3);
-        color: var(--text-color);
-        display: inline-block;
-        font-size: var(--font-size-small);
-        font-weight: bold;
-        line-height: 1;
-        margin-right: var(--spacing-component-1);
-        padding: var(--spacing-component-1) var(--spacing-component-2);
-        vertical-align: middle;
-      }
-    `])();render(){return a.qy` <slot /> `}}customElements.get("cfa-pill")||customElements.define("cfa-pill",s)},884(t,e,i){var a=i(161),o=i(601),s=i(205);i(562);class r extends a.WF{static properties={heading:{},text:{},actionLabel:{},linkUrl:{},linkTarget:{}};static styles=(()=>[o.s,s.g,a.AH`
-      :host {
-        --bg-color: var(--blue-20);
-        --padding: var(--spacing-component-4);
-        --text-color: var(--black);
-        --action-label-color: var(--purple-60);
-        --action-label-hover-color: var(--red-60);
-
-        display: block;
-      }
-
-      .promo,
-      a.promo {
-        background-color: var(--bg-color);
-        box-shadow: var(--shadow-small);
-        color: var(--text-color, #000);
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing-layout-half);
-        padding: var(--padding);
-        text-align: center;
-        text-decoration: none;
-        transition: box-shadow 0.2s ease-in-out;
-      }
-
-      a.promo:hover {
-        box-shadow: var(--shadow-medium);
-      }
-
-      .action-label {
-        color: var(--action-label-color);
-      }
-
-      a.promo:hover .action-label {
-        color: var(--action-label-hover-color);
-      }
-    `])();render(){return a.qy`
-      <a
-        href="${this.linkUrl||"javascript:void(0)"}"
-        target="${this.linkTarget||a.s6}"
-        class="promo
-      "
-      >
-        ${this.heading?a.qy` <div class="h4 sans-serif">${this.heading}</div> `:a.s6}
-        ${this.text?a.qy` <div class="small">${this.text}</div> `:a.s6}
-        ${this.actionLabel?a.qy`
-              <div class="action-label small strong">
-                ${this.actionLabel} <cfa-icon>arrow_forward</cfa-icon>
-              </div>
-            `:a.s6}
-      </a>
-    `}}customElements.get("cfa-promo")||customElements.define("cfa-promo",r)},250(t,e,i){var a=i(161),o=i(601);class s extends a.WF{static properties={};static styles=(()=>[o.s,a.AH`
-      :host {
-        --color: var(--purple-60);
-
-        display: block;
-      }
-      blockquote {
-        border-inline-start: var(--thick) solid var(--color);
-        color: var(--color);
-        font-size: var(--font-size-h3);
-        font-weight: 600;
-        line-height: var(--line-height-h3);
-        margin: 0;
-        padding: var(--spacing-layout-half) var(--spacing-layout-1);
-      }
-      p {
-        margin: 0;
-      }
-      p + p {
-        margin-block-start: var(--spacing-layout-half);
-      }
-    `])();render(){return a.qy`
-      <blockquote>
-        <slot />
-      </blockquote>
-    `}}customElements.get("cfa-pullquote")||customElements.define("cfa-pullquote",s)},771(t,e,i){var a=i(161),o=i(601);class s extends a.WF{static properties={text:{},attribution:{}};static styles=(()=>[o.s,a.AH`
-      :host {
-        --attribution-color: var(--purple-60);
-        container-type: inline-size;
-        display: block;
-        width: 100%;
-      }
-
-      figure {
-        margin: 0 auto;
-        position: relative;
-        width: 100%;
-      }
-
-      @container (min-width: 25rem) {
-        figure {
-          display: grid;
-          grid-template-columns: 3rem 1fr;
-          column-gap: var(--spacing-layout-1);
-          grid-template-areas: 
-            "icon content";
-        }
-
-        svg {
-          grid-area: icon;
-          margin-block-end: 0;
-        }
-
-        .content {
-          grid-area: content;
-        }
-      }
-
-      blockquote {
-        font-family: var(--font-family-serif);
-        font-size: var(--font-size-h3);
-        line-height: var(--line-height-h3);
-        padding: 0;
-        margin: 0;
-        position: relative;
-      }
-
-      ::slotted(*) {
-        display: inline;
-      }
-
-      figcaption {
-        color: var(--attribution-color);
-        font-size: var(--font-size-small);
-        line-height: var(--line-height-small);
-        font-weight: 600;
-        margin-block-start: var(--spacing-layout-half);
-        margin-inline: 0;
-        position: relative;
-        padding-inline-start: calc(var(--spacing-component-4) + var(--spacing-component-2));
-      }
-
-      figcaption::before {
-        background-color: currentColor;
-        content: "";
-        display: block;
-        position: absolute;
-        left: 0;
-        top: calc(var(--line-height-small) / 2 - var(--hairline) / 2);
-        height: var(--hairline);
-        width: var(--spacing-component-4);
-      }
-
-      svg {
-        display: block;
-        fill: var(--purple-60);
-        height: calc(1.5 * var(--spacing-layout-1));
-        margin-block-end: var(--spacing-layout-half);
-        opacity: 0.5;
-        width: auto;
-      }
-    `])();render(){return a.qy`
-      <figure>
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 339.42 264.4" aria-hidden="true" shape-rendering="geometricPrecision">
-          <path d="M91.69,126.5c-9.19,0-15.39,1-18.59,3,4.01-16,12.59-32.41,25.8-49.21h0c12.8-15.99,26.61-27.79,41.4-35.39h1.2l.61-1.21c3.19-1.2,4.79-4.2,4.79-9,0-3.2-1.39-6-4.21-8.4L104.9,2.29c-1.61-1.2-3.79-1.79-6.6-1.79l-4.2,1.2c-28.8,20.8-51.4,45.6-67.8,74.4C9.09,106.1.5,137.7.5,170.9c0,28.39,8.21,51.2,24.61,68.39,14.79,16.4,33.4,24.61,55.79,24.61,19.61,0,36.6-7.01,51-21,14-14.4,21-31.4,21-51s-6-34.8-18-46.8c-11.6-12.39-26-18.6-43.21-18.6Z"/>
-          <path d="M276.52,126.5c-8.39,0-14.39,1-18,3,4.01-16,12.79-32.4,26.4-49.21,13.21-16,27-27.79,41.4-35.39l.6-1.21c4-1.2,6-4.2,6-9,0-2.8-1.39-5.61-4.21-8.4l-37.8-24c-2-1.2-4.21-1.79-6.6-1.79l-4.2,1.2h-.6c-29.21,20.8-52,45.61-68.39,74.4-17.21,30-25.8,61.6-25.8,94.8,0,28.39,8.21,51.2,24.6,68.39,15.6,16.4,34.61,24.61,57,24.61,19.61,0,36.6-7.01,51-21,14-14.4,21-31.4,21-51s-6-34.8-18-46.8c-11.6-12.39-26.4-18.6-44.4-18.6Z"/>
-        </svg>
-        <div class="content">
-          <blockquote>
-            <slot name="text" /><slot />
-          </blockquote>
-          <figcaption>
-            <slot name="attribution" />
-          </figcaption>
-        </div>
-      </figure>
-    `}}customElements.get("cfa-quote")||customElements.define("cfa-quote",s)},302(t,e,i){var a=i(161),o=i(601);i(562);class s extends a.WF{static properties=(()=>({showLabel:{type:String},hideLabel:{type:String},showIcon:{type:String},hideIcon:{type:String},expanded:{type:Boolean,reflect:!0}}))();static styles=(()=>[o.s,a.AH`
-      :host {
-        --color: var(--purple-60);
-        --hover-color: var(--red-60);
-        --margin-top: var(--spacing-layout-half) !important;
-
-        display: flex;
-        flex-direction: column;
-        row-gap: var(--spacing-between, 1rem);
-      }
-
-      :host([expanded]) {
-        --margin-top: var(--spacing) !important;
-      }
-
-      button {
-        background: transparent;
-        border: none;
-        color: var(--color);
-        cursor: pointer;
-        font: inherit;
-        font-size: var(--font-size-small, 0.8rem);
-        font-weight: bold;
-        color: var(--)
-        line-height: normal;
-        margin: 0;
-        overflow: visible;
-        padding: 0;
-        width: auto;
-      }
-
-      button:hover {
-        color: var(--hover-color);
-      }
-    `])();constructor(){super(),this.showLabel="Show more",this.hideLabel="Show less",this.showIcon="expand_more",this.hideIcon="expand_less",this.expanded=!1}render(){return a.qy`
-      <slot
-        id="content"
-        class="content ${this.expanded?"is-expanded":"is-collapsed"}"
-        aria-labelledby="button"
-        ?hidden="${!this.expanded}"
-      ></slot>
-      <div class="controls">
-        <button
-          @click="${()=>this.expanded=!this.expanded}"
-          aria-expanded="${this.expanded}"
-          aria-controls="content"
-        >
-          ${this.expanded?this.hideLabel:this.showLabel}
-          <cfa-icon>${this.expanded?this.hideIcon:this.showIcon}</cfa-icon>
-        </button>
-      </div>
-    `}}customElements.get("cfa-reveal")||customElements.define("cfa-reveal",s)},638(t,e,i){var a=i(161),o=i(601);class s extends a.WF{static properties={imageUrl:{},imageAltText:{},linkUrl:{},linkTarget:{}};static styles=(()=>[o.s,a.AH`
-      :host {
-        --background: var(--white, #fff);
-        --width: var(--column-span-12);
-      }
-
-      .slide {
-        background: var(--background);
-        filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
-        color: inherit;
-        display: flex;
-        flex-direction: column;
-        height: 100%;
-        justify-content: stretch;
-        margin-inline: auto;
-        max-width: var(--width);
-        text-decoration: none;
-        transition: filter 0.2s ease-in-out;
-        width: 100%;
-      }
-
-      .slide:hover,
-      .slide:focus {
-        filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.15));
-      }
-
-      .image {
-        background-image: url("https://codeforamerica.org/wp-content/themes/cfa-core/static/images/bg-placeholder-03.svg");
-        background-position: center center;
-        background-size: cover;
-        height: var(--spacing-layout-9);
-        position: relative;
-      }
-
-      .image::after {
-        bottom: 0;
-        box-shadow: inset 0 -50px 50px -50px var(--black-40);
-        content: "";
-        left: 0;
-        position: absolute;
-        right: 0;
-        top: 0;
-        z-index: 2;
-      }
-
-      .image img {
-        height: 100%;
-        object-fit: cover;
-        width: 100%;
-      }
-
-      .content {
-        box-sizing: border-box;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        padding: var(--spacing-component-4);
-      }
-
-      @media (min-width: 1024px) {
-        .slide {
-          flex-direction: row;
-          min-height: calc(12 * var(--spacing-layout-1));
-        }
-
-        .slide > * {
-          flex-basis: 50%;
-        }
-
-        .image {
-          height: auto;
-        }
-
-        .image::after {
-          box-shadow: inset -50px -50px 50px -50px var(--black-20);
-        }
-      }
-    `])();constructor(){super(),this.linkUrl="javascript:void(0);",this.linkTarget="_self"}render(){return a.qy`
-      <a href="${this.linkUrl}" target="${this.linkTarget}" class="slide">
-        <div class="image">
-          ${this.imageUrl?a.qy`
-                <img
-                  src="${this.imageUrl}"
-                  alt="${this.imageAltText}"
-                  loading="lazy"
-                  onerror="this.style.display='none'"
-                />
-              `:""}
-        </div>
-        <div class="content">
-          <slot></slot>
-        </div>
-      </a>
-    `}}customElements.get("cfa-slide")||customElements.define("cfa-slide",s)},804(t,e,i){var a=i(161),o=i(601);class s extends a.WF{static properties={icon:""};static styles=(()=>[o.s,a.AH`
-      .social-icon {
-        -moz-osx-font-smoothing: grayscale;
-        -webkit-font-smoothing: antialiased;
-      }
-
-      svg {
-        fill: currentColor;
-        height: 1em;
-        vertical-align: -0.125em;
-        width: 1em;
-      }
-    `])();constructor(){super()}iconTemplate(t){switch(t){case"bluesky":return a.qy`
-          <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 568 501">
-            <path class="st0" d="M123.1,33.7c65.1,48.9,135.2,148,160.9,201.2,25.7-53.2,95.8-152.3,160.9-201.2,47-35.3,123.1-62.6,123.1,24.3s-9.9,145.7-15.8,166.6c-20.3,72.5-94.2,90.9-159.9,79.7,114.9,19.6,144.1,84.3,81,149.1-119.9,123-172.3-30.9-185.7-70.3-2.5-7.2-3.6-10.6-3.6-7.7,0-2.9-1.2.5-3.6,7.7-13.4,39.4-65.8,193.3-185.7,70.3-63.1-64.8-33.9-129.5,81-149.1-65.7,11.2-139.6-7.3-159.9-79.7C9.9,203.7,0,75.3,0,57.9,0-28.9,76.1-1.6,123.1,33.7Z"/>
-          </svg>
-        `;case"dropbox":return a.qy`
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            height="16"
-            width="16.5"
-            viewBox="0 0 528 512"
-          >
-            <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-            <path
-              d="M264.4 116.3l-132 84.3 132 84.3-132 84.3L0 284.1l132.3-84.3L0 116.3 132.3 32l132.1 84.3zM131.6 395.7l132-84.3 132 84.3-132 84.3-132-84.3zm132.8-111.6l132-84.3-132-83.6L395.7 32 528 116.3l-132.3 84.3L528 284.8l-132.3 84.3-131.3-85z"
-            />
-          </svg>
-        `;case"facebook":return a.qy`
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            height="16"
-            width="16"
-            viewBox="0 0 512 512"
-          >
-            <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-            <path
-              d="M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z"
-            />
-          </svg>
-        `;case"github":return a.qy`
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            height="16"
-            width="15.5"
-            viewBox="0 0 496 512"
-          >
-            <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-            <path
-              d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"
-            />
-          </svg>
-        `;case"google-drive":return a.qy`
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            height="16"
-            width="16"
-            viewBox="0 0 512 512"
-          >
-            <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-            <path
-              d="M339 314.9L175.4 32h161.2l163.6 282.9H339zm-137.5 23.6L120.9 480h310.5L512 338.5H201.5zM154.1 67.4L0 338.5 80.6 480 237 208.8 154.1 67.4z"
-            />
-          </svg>
-        `;case"google":return a.qy`
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            height="16"
-            width="15.25"
-            viewBox="0 0 488 512"
-          >
-            <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-            <path
-              d="M488 261.8C488 403.3 391.1 504 248 504 110.8 504 0 393.2 0 256S110.8 8 248 8c66.8 0 123 24.5 166.3 64.9l-67.5 64.9C258.5 52.6 94.3 116.6 94.3 256c0 86.5 69.1 156.6 153.7 156.6 98.2 0 135-70.4 140.8-106.9H248v-85.3h236.1c2.3 12.7 3.9 24.9 3.9 41.4z"
-            />
-          </svg>
-        `;case"instagram":return a.qy`
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            height="16"
-            width="14"
-            viewBox="0 0 448 512"
-          >
-            <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-            <path
-              d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"
-            />
-          </svg>
-        `;case"linkedin":return a.qy`
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            height="16"
-            width="14"
-            viewBox="0 0 448 512"
-          >
-            <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-            <path
-              d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"
-            />
-          </svg>
-        `;case"reddit":return a.qy`
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            height="16"
-            width="16"
-            viewBox="0 0 512 512"
-          >
-            <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-            <path
-              d="M0 256C0 114.6 114.6 0 256 0S512 114.6 512 256s-114.6 256-256 256L37.1 512c-13.7 0-20.5-16.5-10.9-26.2L75 437C28.7 390.7 0 326.7 0 256zM349.6 153.6c23.6 0 42.7-19.1 42.7-42.7s-19.1-42.7-42.7-42.7c-20.6 0-37.8 14.6-41.8 34c-34.5 3.7-61.4 33-61.4 68.4l0 .2c-37.5 1.6-71.8 12.3-99 29.1c-10.1-7.8-22.8-12.5-36.5-12.5c-33 0-59.8 26.8-59.8 59.8c0 24 14.1 44.6 34.4 54.1c2 69.4 77.6 125.2 170.6 125.2s168.7-55.9 170.6-125.3c20.2-9.6 34.1-30.2 34.1-54c0-33-26.8-59.8-59.8-59.8c-13.7 0-26.3 4.6-36.4 12.4c-27.4-17-62.1-27.7-100-29.1l0-.2c0-25.4 18.9-46.5 43.4-49.9l0 0c4.4 18.8 21.3 32.8 41.5 32.8zM177.1 246.9c16.7 0 29.5 17.6 28.5 39.3s-13.5 29.6-30.3 29.6s-31.4-8.8-30.4-30.5s15.4-38.3 32.1-38.3zm190.1 38.3c1 21.7-13.7 30.5-30.4 30.5s-29.3-7.9-30.3-29.6c-1-21.7 11.8-39.3 28.5-39.3s31.2 16.6 32.1 38.3zm-48.1 56.7c-10.3 24.6-34.6 41.9-63 41.9s-52.7-17.3-63-41.9c-1.2-2.9 .8-6.2 3.9-6.5c18.4-1.9 38.3-2.9 59.1-2.9s40.7 1 59.1 2.9c3.1 .3 5.1 3.6 3.9 6.5z"
-            />
-          </svg>
-        `;case"soundcloud":return a.qy`
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            height="16"
-            width="20"
-            viewBox="0 0 640 512"
-          >
-            <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-            <path
-              d="M111.4 256.3l5.8 65-5.8 68.3c-.3 2.5-2.2 4.4-4.4 4.4s-4.2-1.9-4.2-4.4l-5.6-68.3 5.6-65c0-2.2 1.9-4.2 4.2-4.2 2.2 0 4.1 2 4.4 4.2zm21.4-45.6c-2.8 0-4.7 2.2-5 5l-5 105.6 5 68.3c.3 2.8 2.2 5 5 5 2.5 0 4.7-2.2 4.7-5l5.8-68.3-5.8-105.6c0-2.8-2.2-5-4.7-5zm25.5-24.1c-3.1 0-5.3 2.2-5.6 5.3l-4.4 130 4.4 67.8c.3 3.1 2.5 5.3 5.6 5.3 2.8 0 5.3-2.2 5.3-5.3l5.3-67.8-5.3-130c0-3.1-2.5-5.3-5.3-5.3zM7.2 283.2c-1.4 0-2.2 1.1-2.5 2.5L0 321.3l4.7 35c.3 1.4 1.1 2.5 2.5 2.5s2.2-1.1 2.5-2.5l5.6-35-5.6-35.6c-.3-1.4-1.1-2.5-2.5-2.5zm23.6-21.9c-1.4 0-2.5 1.1-2.5 2.5l-6.4 57.5 6.4 56.1c0 1.7 1.1 2.8 2.5 2.8s2.5-1.1 2.8-2.5l7.2-56.4-7.2-57.5c-.3-1.4-1.4-2.5-2.8-2.5zm25.3-11.4c-1.7 0-3.1 1.4-3.3 3.3L47 321.3l5.8 65.8c.3 1.7 1.7 3.1 3.3 3.1 1.7 0 3.1-1.4 3.1-3.1l6.9-65.8-6.9-68.1c0-1.9-1.4-3.3-3.1-3.3zm25.3-2.2c-1.9 0-3.6 1.4-3.6 3.6l-5.8 70 5.8 67.8c0 2.2 1.7 3.6 3.6 3.6s3.6-1.4 3.9-3.6l6.4-67.8-6.4-70c-.3-2.2-2-3.6-3.9-3.6zm241.4-110.9c-1.1-.8-2.8-1.4-4.2-1.4-2.2 0-4.2 .8-5.6 1.9-1.9 1.7-3.1 4.2-3.3 6.7v.8l-3.3 176.7 1.7 32.5 1.7 31.7c.3 4.7 4.2 8.6 8.9 8.6s8.6-3.9 8.6-8.6l3.9-64.2-3.9-177.5c-.4-3-2-5.8-4.5-7.2zm-26.7 15.3c-1.4-.8-2.8-1.4-4.4-1.4s-3.1 .6-4.4 1.4c-2.2 1.4-3.6 3.9-3.6 6.7l-.3 1.7-2.8 160.8s0 .3 3.1 65.6v.3c0 1.7 .6 3.3 1.7 4.7 1.7 1.9 3.9 3.1 6.4 3.1 2.2 0 4.2-1.1 5.6-2.5 1.7-1.4 2.5-3.3 2.5-5.6l.3-6.7 3.1-58.6-3.3-162.8c-.3-2.8-1.7-5.3-3.9-6.7zm-111.4 22.5c-3.1 0-5.8 2.8-5.8 6.1l-4.4 140.6 4.4 67.2c.3 3.3 2.8 5.8 5.8 5.8 3.3 0 5.8-2.5 6.1-5.8l5-67.2-5-140.6c-.2-3.3-2.7-6.1-6.1-6.1zm376.7 62.8c-10.8 0-21.1 2.2-30.6 6.1-6.4-70.8-65.8-126.4-138.3-126.4-17.8 0-35 3.3-50.3 9.4-6.1 2.2-7.8 4.4-7.8 9.2v249.7c0 5 3.9 8.6 8.6 9.2h218.3c43.3 0 78.6-35 78.6-78.3 .1-43.6-35.2-78.9-78.5-78.9zm-296.7-60.3c-4.2 0-7.5 3.3-7.8 7.8l-3.3 136.7 3.3 65.6c.3 4.2 3.6 7.5 7.8 7.5 4.2 0 7.5-3.3 7.5-7.5l3.9-65.6-3.9-136.7c-.3-4.5-3.3-7.8-7.5-7.8zm-53.6-7.8c-3.3 0-6.4 3.1-6.4 6.7l-3.9 145.3 3.9 66.9c.3 3.6 3.1 6.4 6.4 6.4 3.6 0 6.4-2.8 6.7-6.4l4.4-66.9-4.4-145.3c-.3-3.6-3.1-6.7-6.7-6.7zm26.7 3.4c-3.9 0-6.9 3.1-6.9 6.9L227 321.3l3.9 66.4c.3 3.9 3.1 6.9 6.9 6.9s6.9-3.1 6.9-6.9l4.2-66.4-4.2-141.7c0-3.9-3-6.9-6.9-6.9z"
-            />
-          </svg>
-        `;case"threads":return a.qy`
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            height="16"
-            width="14"
-            viewBox="0 0 448 512"
-          >
-            <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-            <path
-              d="M331.5 235.7c2.2 .9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6V256v-.2C17 184.3 33.6 127.2 65.9 86.2C102.2 40.1 156.2 16.5 226.4 16h.3c70.3 .5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8H227c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6 .4 99.9 39.5 103.7 107.7l-.2 .2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6 .1-14.4 .4c-42.9 2.4-57.2 23.2-56.2 41.8l-.1 .1z"
-            />
-          </svg>
-        `;case"twitter":return a.qy`
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            height="16"
-            width="16"
-            viewBox="0 0 512 512"
-          >
-            <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-            <path
-              d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"
-            />
-          </svg>
-        `;case"wikipedia":return a.qy`
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            height="16"
-            width="20"
-            viewBox="0 0 640 512"
-          >
-            <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-            <path
-              d="M640 51.2l-.3 12.2c-28.1 .8-45 15.8-55.8 40.3-25 57.8-103.3 240-155.3 358.6H415l-81.9-193.1c-32.5 63.6-68.3 130-99.2 193.1-.3 .3-15 0-15-.3C172 352.3 122.8 243.4 75.8 133.4 64.4 106.7 26.4 63.4 .2 63.7c0-3.1-.3-10-.3-14.2h161.9v13.9c-19.2 1.1-52.8 13.3-43.3 34.2 21.9 49.7 103.6 240.3 125.6 288.6 15-29.7 57.8-109.2 75.3-142.8-13.9-28.3-58.6-133.9-72.8-160-9.7-17.8-36.1-19.4-55.8-19.7V49.8l142.5 .3v13.1c-19.4 .6-38.1 7.8-29.4 26.1 18.9 40 30.6 68.1 48.1 104.7 5.6-10.8 34.7-69.4 48.1-100.8 8.9-20.6-3.9-28.6-38.6-29.4 .3-3.6 0-10.3 .3-13.6 44.4-.3 111.1-.3 123.1-.6v13.6c-22.5 .8-45.8 12.8-58.1 31.7l-59.2 122.8c6.4 16.1 63.3 142.8 69.2 156.7L559.2 91.8c-8.6-23.1-36.4-28.1-47.2-28.3V49.6l127.8 1.1 .2 .5z"
-            />
-          </svg>
-        `;case"youtube":return a.qy`
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            height="16"
-            width="18"
-            viewBox="0 0 576 512"
-          >
-            <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-            <path
-              d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"
-            />
-          </svg>
-        `;default:return""}}render(){return a.qy`
-      <span class="social-icon ${this.icon}" aria-hidden="true">
-        ${this.iconTemplate(this.icon)}
-      </span>
-    `}}customElements.get("cfa-social-icon")||customElements.define("cfa-social-icon",s)},301(t,e,i){var a=i(161),o=i(601),s=i(205);class r extends a.WF{static properties={beforeLabel:{},figure:{},afterLabel:{},animated:{}};static styles=(()=>[o.s,s.g,a.AH`
-      :host {
-        --text-color: var(--text-dark);
-        --highlight-color: var(--purple-20);
-        --highlight-thickness: var(--spacing-layout-half);
-
-        align-self: center;
-        display: block;
-        margin-inline: auto;
-      }
-      .stat {
-        align-items: center;
-        color: var(--text-color);
-        display: flex;
-        flex-direction: column;
-        text-align: center;
-      }
-      .figure {
-        min-width: var(--spacing-layout-3);
-        padding-inline: var(--spacing-component-2);
-      }
-      .figure > span {
-        background-image: linear-gradient(
-          var(--highlight-color),
-          var(--highlight-color)
-        );
-        background-size: 100% var(--highlight-thickness);
-        background-position: bottom 0.15em left;
-        background-repeat: no-repeat;
-        padding-inline: 0.25em;
-      }
-      /* Animation */
-      @media (prefers-reduced-motion: no-preference) {
-        .stat.is-animated .figure > span {
-          background-size: 0% var(--highlight-thickness);
-          transition: background-size 1s ease;
-        }
-        .stat.is-animated.is-visible .figure > span {
-          background-size: 100% var(--highlight-thickness);
-        }
-      }
-    `])();constructor(){super(),this.animated=!0}firstUpdated(){const t=this.shadowRoot.querySelector(".stat");new IntersectionObserver(t=>{t.forEach(t=>{t.isIntersecting&&t.target.classList.add("is-visible")})},{rootMargin:"0px 0px -20% 0px"}).observe(t)}render(){return a.qy`
-      <div class="stat ${this.animated?"is-animated":""}">
-        <div class="above-label strong">${this.beforeLabel}</div>
-        <div class="figure display-2">
-          <span>${this.figure}</span>
-        </div>
-        <div class="below-label strong">${this.afterLabel}</div>
-      </div>
-    `}}customElements.get("cfa-stat")||customElements.define("cfa-stat",r)},682(t,e,i){var a=i(161),o=i(601),s=i(227);i(36);class r extends a.WF{static properties={};static styles=(()=>[o.s,s.V,a.AH`
-      :host {
-        display: block;
-        width: calc(100% + var(--outer-margin));
-      }
-
-      .tab-list {
-        display: flex;
-        flex-direction: row;
-        line-height: 1;
-        margin-inline-start: calc(-1 * var(--outer-margin));
-        overflow-x: auto;
-        overflow-y: hidden;
-        scrollbar-width: none;
-        white-space: nowrap;
-      }
-
-      .tab-list::before {
-        content: "";
-        min-width: var(--outer-margin);
-      }
-
-      .tab-list::after {
-        border-bottom: var(--hairline) solid var(--gray-40);
-        content: "";
-        flex-grow: 1;
-        margin-right: var(--outer-margin);
-      }
-
-      ::slotted(*) {
-        max-width: none !important;
-        white-space: nowrap !important;
-      }
-    `])();constructor(){super()}firstUpdated(){this.addEventListener("click",this._onTabClick),this.setAttribute("role","tablist"),this._setInitialAriaAttributes()}_setInitialAriaAttributes(){this.querySelectorAll("cfa-tab").forEach((t,e)=>{t.setAttribute("role","tab"),t.setAttribute("aria-selected","false"),t.setAttribute("tabindex","-1"),0===e&&(t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0"))})}_onTabClick(t){const e=t.target.closest("cfa-tab");e&&this._setActiveTab(e)}_setActiveTab(t){this.querySelectorAll("cfa-tab").forEach(t=>{t.removeAttribute("active"),t.setAttribute("aria-selected","false"),t.setAttribute("tabindex","-1")}),t.setAttribute("active",""),t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0");let e=t.id;e&&e.startsWith("tab-")&&(e=e.substring(4)),console.log("Tab changed event dispatched with ID:",e),this.dispatchEvent(new CustomEvent("tab-changed",{detail:{id:e},bubbles:!0,composed:!0}))}render(){return a.qy`
-      <div class="tab-list" role="tablist">
-        <slot></slot>
-      </div>
-    `}}customElements.get("cfa-tab-list")||customElements.define("cfa-tab-list",r)},36(t,e,i){var a=i(161),o=i(601),s=i(205);class r extends a.WF{static properties=(()=>({active:{type:Boolean},panelId:{type:String}}))();static styles=(()=>[o.s,s.g,a.AH`
-      button {
-        background: none;
-        border: 0;
-        box-shadow: inset 0 calc(-1 * var(--hairline)) 0 0 var(--gray-40);
-        color: var(--gray-80);
-        cursor: pointer;
-        font-family: var(--font-family-sans-serif);
-        font-size: var(--font-size-small);
-        font-weight: normal;
-        padding: var(--spacing-component-2) var(--spacing-component-3)
-          calc(var(--spacing-component-2) + var(--medium));
-      }
-      button:focus {
-        background-color: var(--focus-color);
-        outline: none;
-      }
-      button:not(.active):hover {
-        box-shadow: inset 0 calc(-1 * var(--medium)) 0 0 var(--purple-40);
-        color: var(--black);
-      }
-      button.active {
-        box-shadow: inset 0 calc(-1 * var(--medium)) 0 0 var(--purple-60);
-        color: var(--black);
-        font-weight: bold;
-      }
-    `])();constructor(){super(),this.active=!1,this.panelId=""}firstUpdated(){this.addEventListener("keydown",this._onKeyDown)}_onKeyDown(t){const e=Array.from(this.parentElement.querySelectorAll("cfa-tab")),i=e.indexOf(this);let a;switch(t.key){case"ArrowLeft":a=(i-1+e.length)%e.length,e[a].shadowRoot.querySelector("button").focus();break;case"ArrowRight":a=(i+1)%e.length,e[a].shadowRoot.querySelector("button").focus();break;case"Home":e[0].shadowRoot.querySelector("button").focus();break;case"End":e[e.length-1].shadowRoot.querySelector("button").focus()}}render(){return a.qy`
-      <button
-        role="tab"
-        aria-selected="${this.active?"true":"false"}"
-        aria-controls="${this.panelId}"
-        class="${this.active?"active":""}"
-        tabindex="${this.active?"0":"-1"}"
-      >
-        <slot></slot>
-      </button>
-    `}}customElements.get("cfa-tab")||customElements.define("cfa-tab",r)},867(t,e,i){var a=i(161),o=i(601),s=i(205);i(544),i(562);class r extends a.WF{static properties=(()=>({title:{type:String},description:{type:String},actionLabel:{type:String},linkUrl:{type:String},linkTarget:{type:String},imageUrl:{type:String},imageThumbnailUrl:{type:String},imageAltText:{type:String}}))();static styles=(()=>[o.s,s.g,a.AH`
-      :host {
-        --bg-color: var(--white);
-        --title-color: var(--purple-60);
-        --text-color: var(--black);
-        --action-label-color: var(--purple-80);
-        --action-label-hover-highlight: var(--purple-20);
-        --blob-color: var(--purple-20);
-
-        align-items: stretch;
-        display: flex;
-        text-align: center;
-        width: 100%;
-      }
-
-      .tile {
-        background-color: var(--bg-color);
-        border-radius: var(--spacing-component-2);
-        border: var(--hairline) solid var(--black-20);
-        color: var(--text-color);
-        display: flex;
-        flex-direction: column;
-        padding: var(--spacing-component-4);
-        text-decoration: none;
-        transition:
-          box-shadow 0.5s ease-in-out,
-          border-color 0.5s ease-in-out;
-        width: 100%;
-      }
-
-      a.tile:hover {
-        box-shadow: var(--shadow-medium);
-        border-color: rgba(0, 0, 0, 0);
-      }
-
-      picture {
-        display: grid;
-        place-items: center;
-        padding-block-end: var(--spacing-layout-1);
-      }
-
-      picture > * {
-        height: var(--spacing-layout-4);
-        grid-area: 1 / 1;
-      }
-
-      cfa-blob {
-        transition: scale 0.5s ease-in-out;
-      }
-
-      a.tile:hover cfa-blob {
-        scale: 1.2;
-      }
-
-      img {
-        object-fit: contain;
-        z-index: 2;
-      }
-
-      .title {
-        color: var(--title-color);
-      }
-
-      .label {
-        color: var(--action-label-color);
-        display: inline-block;
-        margin-block-start: auto;
-        padding-block-start: var(--spacing-layout-half);
-      }
-    `])();tileContentTemplate(){return a.qy`
-      ${this.imageUrl?a.qy`
-            <picture>
-              <cfa-blob></cfa-blob>
-              <img
-                src="${this.imageUrl}"
-                alt="${this.imageAltText}"
-                load="lazy"
-              />
-            </picture>
-          `:a.s6}
-
-      <div class="title h3">${this.title}</div>
-
-      <!-- Description -->
-      ${this.description?a.qy` <p class="small">${this.description}</p> `:a.s6}
-
-      <!-- Action label -->
-      ${this.actionLabel?a.qy`
-            <div class="label small strong">
-              ${this.actionLabel}&nbsp;<cfa-icon>arrow_forward</cfa-icon>
-            </div>
-          `:a.s6}
-    `}render(){return a.qy`
-      <style>
-        cfa-blob {
-          --color: var(--blob-color);
-        }
-      </style>
-      ${this.linkUrl?a.qy`
-            <a
-              href="${this.linkUrl}"
-              target="${this.linkTarget}"
-              rel="${"_blank"==this.linkTarget?"noopener":a.s6}"
-              class="tile"
-            >
-              ${this.tileContentTemplate()}
-            </a>
-          `:a.qy` <div class="tile">${this.tileContentTemplate()}</div> `}
-    `}}customElements.get("cfa-tile")||customElements.define("cfa-tile",r)},685(t,e,i){var a=i(161),o=i(601),s=i(205);class r extends a.WF{static styles=(()=>[o.s,s.g,a.AH`
-      :host {
-        --label-color: var(--purple-60);
-
-        display: block;
-        max-width: var(--column-span-8);
-      }
-
-      .label {
-        --text-color: var(--label-color);
-      }
-
-      .text {
-        background-color: var(--white);
-        border: var(--hairline) solid var(--black-20);
-        color: var(--black);
-        height: calc(12 * var(--spacing-layout-1));
-        overflow: auto;
-        padding: var(--spacing-component-3);
-      }
-    `])();render(){return a.qy`
-      <div class="label eyebrow-with-line">Transcript</div>
-      <div class="text small">
-        <slot />
-      </div>
-    `}}customElements.get("cfa-transcript")||customElements.define("cfa-transcript",r)},601(t,e,i){i.d(e,{s:()=>a});const a=i(161).AH`
-  *:focus-visible,
-  *:target {
-    outline: var(--focus-outline);
-    position: relative;
-  }
-
-  // RESET
-
-  // Use a more-intuitive box-sizing model.
-  *, *::before, *::after {
-    box-sizing: border-box;
-  }
-
-  // Remove default margin
-  * {
-    margin: 0;
-  }
-
-  // Set default text-wrap of 'pretty'
-  * {
-    text-wrap: pretty;
-  }
-
-  // Wrap overly long words
-  * {
-    overflow-wrap: break-word;
-    text-overflow: ellipsis;
-    word-break: break-word;
-  }
-
-  // Fix Safari antialiasing for variable fonts
-  * {
-    font-synthesis: none !important;
-  }
-
-  // Improve text rendering
-  body {
-    -webkit-font-smoothing: antialiased;
-  }
-
-  // Reasonable media defaults
-  img, picture, video, canvas, svg {
-    display: block;
-    height: auto;
-    max-width: 100%;
-  }
-
-  // Remove built-in form typography styles
-  input, button, textarea, select {
-    font: inherit;
-  }
-
-  // Avoid text overflows
-  p, h1, h2, h3, h4, h5, h6 {
-    overflow-wrap: break-word;
-  }
-
-  // Create a root stacking context
-  #root, #__next {
-    isolation: isolate;
-  }
-`},205(t,e,i){i.d(e,{g:()=>a});const a=i(161).AH`
-  // =====
-
-  // Typography spacing
-
-  // Add a single space around paragraphs, blockquotes, and lists
-  p, ul, ol, blockquote {
-    & + * {
-      margin-block-start: var(--spacing, var(--spacing-layout-1, 1.5rem));
-    }
-    * + & {
-      margin-block-start: var(--spacing, var(--spacing-layout-1, 1.5rem));
-    }
-  }
-
-  h1, h2, h3, h4, .h1, .h2, .h3, .h4, .display-1, .display-2 {
-    // Add a single line space after headings
-    & + * {
-      margin-block-start: var(--spacing, var(--spacing-layout-1, 1.5rem));
-    }
-
-    // Add two line spaces before headings
-    * + & {
-      --spacing: var(--spacing-layout-2);
-
-      margin-block-start: --spacing;
-    }
-
-    // Only add a single space between headings and other headings
-    & + & {
-      --spacing: var(--spacing-layout-1);
-    }
-
-    // Reduce space after breadcrumbs and eyebrows
-    cfa-breadcrumbs + & {
-      margin-block-start: var(--spacing-layout-half) !important;
-    }
-
-    .eyebrow + & {
-      margin-block-start: 0 !important;
-    }
-  }
-
-  h1, .h1, .display-1, .display-2 {
-    text-wrap: balance;
-  }
-
-  // =====
-
-  // Font styles
-
-  .regular {
-    font-family: var(--font-family-base);
-    font-size: var(--font-size);
-    line-height: var(--line-height);
-  }
-
-  .display-1 {
-    font-family: var(--font-family-heading);
-    font-size: var(--font-size-display-1);
-    font-weight: bold;
-    line-height: var(--line-height-display-1);
-    letter-spacing: var(--letter-spacing-display-1);
-  }
-
-  .display-2 {
-    font-family: var(--font-family-heading);
-    font-size: var(--font-size-display-2);
-    font-weight: bold;
-    line-height: var(--line-height-display-2);
-    letter-spacing: var(--letter-spacing-display-2);
-  }
-
-  h1, 
-  .h1 {
-    font-family: var(--font-family-heading);
-    font-size: var(--font-size-h1);
-    font-weight: bold;
-    line-height: var(--line-height-h1);
-    letter-spacing: var(--letter-spacing-h1);
-  }
-
-  h2, 
-  .h2 {
-    font-family: var(--font-family-heading);
-    font-size: var(--font-size-h2);
-    font-weight: bold;
-    line-height: var(--line-height-h2);
-    letter-spacing: var(--letter-spacing-h2);
-  }
-
-  h3, 
-  .h3 {
-    font-family: var(--font-family-heading);
-    font-size: var(--font-size-h3);
-    font-weight: bold;
-    line-height: var(--line-height-h3);
-    letter-spacing: var(--letter-spacing-h3);
-  }
-
-  h4, 
-  .h4 {
-    font-family: var(--font-family-heading);
-    font-size: var(--font-size-h4);
-    font-weight: bold;
-    line-height: var(--line-height-h4);
-    letter-spacing: var(--letter-spacing-h4);
-  }
-
-  .extra-large {
-    font-size: var(--font-size-extra-large);
-    line-height: var(--line-height-extra-large);
-    letter-spacing: var(--letter-spacing-extra-large);
-  }
-
-  .large {
-    font-size: var(--font-size-large);
-    line-height: var(--line-height-large);
-    letter-spacing: var(--letter-spacing-large);
-  }
-
-  .small {
-    font-size: var(--font-size-small);
-    line-height: var(--line-height-small);
-    letter-spacing: var(--letter-spacing-small);
-  }
-
-  .eyebrow {
-    font-family: var(--font-family-sans-serif);
-    font-size: var(--font-size-eyebrow);
-    font-weight: var(--font-weight-eyebrow);
-    letter-spacing: var(--letter-spacing-eyebrow);
-    line-height: var(--line-height-eyebrow);
-    text-transform: uppercase;
-  }
-
-  .eyebrow-with-line {
-    align-items: center;
-    color: var(--text-color);
-    display: flex;
-    font-family: var(--font-family-eyebrow);
-    font-size: var(--font-size-eyebrow);
-    font-weight: var(--font-weight-eyebrow);
-    letter-spacing: var(--letter-spacing-eyebrow);
-    line-height: var(--line-height-eyebrow);
-    margin-block-end: var(--spacing-layout-half);
-    position: relative;
-    text-transform: uppercase;
-
-    &::after {
-      border-block-end: var(--hairline) solid currentColor;
-      content: "";
-      flex-grow: 1;
-      margin-left: var(--spacing-component-3);
-    }
-  }
-
-  .subtle {
-    opacity: 0.6;
-  }
-
-  .serif {
-    font-family: var(--font-family-serif);
-  }
-
-  .sans-serif {
-    font-family: var(--font-family-sans-serif);
-  }
-
-  i,
-  em,
-  .italic {
-    font-style: italic;
-  }
-
-  b,
-  strong,
-  .strong {
-    font-weight: bold;
-  }
-
-  .normal {
-    font-weight: normal;
-  }
-
-  .balance {
-    text-wrap: balance;
-  }
-
-  .prominent-link,
-  a.prominent-link {
-    --accent-color: var(--purple-60);
-
-    font-weight: bold;
-    text-decoration: underline;
-    text-decoration-color: var(--accent-color);
-    text-decoration-thickness: var(--medium);
-    text-underline-offset: 0.4em;
-    transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;  
-
-    &:hover {
-      --accent-color: var(--red-60);
-    }
-
-    &:not(:has(cfa-icon))::after {
-      @include icon.icon;
-      
-      content: "arrow_right_alt";
-      display: inline-block;
-      padding-inline-start: 0.1em;
-      text-decoration: none;
-      transition: padding 0.2s ease-in-out;
-      width: 1em;
-    }
-
-    &:not(:has(cfa-icon)):hover::after {
-      padding-inline-start: 0.3em;
-    }
-
-    cfa-icon {
-      text-decoration: none;
-    }
-  }
-
-  .white-text,
-  .text-light /* fallback */ {
-    -moz-osx-font-smoothing: grayscale; // Sharper antialising for white text on a dark background
-    -webkit-font-smoothing: antialiased; // Sharper antialising for white text on a dark background
-    color: var(--white);
-    --link-color: var(--white);
-    --link-hover-color: var(--white);
-  }
-
-  // =====
-
-  // Highlights
-
-  .highlight {  
-    --highlight-offset: 0.2em;
-
-    box-decoration-break: clone;
-    display: inline;
-    background: linear-gradient(to top, transparent 0%, transparent var(--highlight-offset), var(--highlight-color) var(--highlight-offset), var(--highlight-color) calc(var(--highlight-offset) + var(--highlight-thickness)), transparent calc(var(--highlight-offset) + var(--highlight-thickness)), transparent 100%);
-    padding-inline: 0.1em;
-    -webkit-box-decoration-break: clone;
-    margin-inline-start: -0.1em;
-    margin-inline-end: -0.1em;
-    word-wrap: break-word;
-  }
-
-  // ======
-
-  // Lists
-
-  .ul {
-    list-style-type: disc;
-    padding-left: var(--spacing-layout-1);
-  }
-
-  .ul > li {
-    margin-inline-start: 0;
-    padding-left: var(--spacing-component-2);
-  }
-
-  .ul > li + li {
-    margin-block-start: var(--spacing-layout-half);
-  }
-
-  .ul > li > ul {
-    margin-block-start: var(--spacing-layout-half);
-  }
-
-  .ol {
-    list-style-type: decimal;
-    padding-left: var(--spacing-layout-1);
-  }
-
-  .ol > li {
-    margin-inline-start: 0;
-    padding-inline-start: var(--spacing-component-2);
-  }
-
-  .ol > li + li {
-    margin-block-start: var(--spacing-layout-half);
-  }
-
-  .ol > li > ul {
-    margin-block-start: var(--spacing-layout-half);
-  }
-
-  .ul--unstyled {
-    list-style: none;
-    padding: 0;
-  }
-
-  .ul--unstyled > li {
-    margin-inline: 0;
-    padding: 0;
-  }
-
-  .ul--line-separators > li + li::before {
-    border-block-start: 1px solid var(--gray-20);
-    content: "";
-    display: block;
-    margin-block: var(--spacing-layout-half);
-    width: 100%;
-  }
-
-  .ul--inline,
-  .ul--inline-with-separators,
-  .ul--inline-with-line-separators {
-    display: inline;
-    list-style: none;
-    padding-inline: 0 !important;
-    padding-left: 0 !important;
-  }
-
-  .ul--inline > li,
-  .ul--inline-with-separators > li,
-  .ul--inline-with-line-separators > li {
-    display: inline-block;
-    margin-inline-end: var(--spacing-component-3);
-    padding: 0 !important;
-  }
-
-  .ul--inline li:last-child,
-  .ul--inline-with-separators li:last-child,
-  .ul--inline-with-line-separators li:last-child {
-    margin-inline-end: 0;
-  }
-
-  .ul--inline > li + li,
-  .ul--inline-with-separators > li + li,
-  .ul--inline-with-line-separators > li + li {
-    margin-block-start: 0;
-  }
-
-  .ul--inline-with-separators li,
-  .ul--inline-with-line-separators li {
-    margin-inline-end: 0;
-  }
-
-  .ul--inline-with-separators > li::after {
-    content: "•";
-    margin-inline: var(--spacing-component-2);
-    opacity: 0.5;
-  }
-
-  .ul--inline-with-separators > li:last-child::after {
-    content: "";
-  }
-
-  .ul--inline-with-line-separators > li::after {
-    content: "|";
-    margin-inline: var(--spacing-component-2);
-    opacity: 0.5;
-  }
-
-  .ul--inline-with-line-separators > li:last-child::after {
-    content: "";
-  }
-
-  // ===
-
-  // Horizontal rule
-
-  hr {
-    --color: currentColor;
-
-    background-color: var(--color);
-    border: 0;
-    color: var(--color);
-    display: block;
-    font-size: 0;
-    height: var(--hairline);
-    margin-block: var(--spacing-layout-1);
-    opacity: 0.4;
-  }
-
-  // ===
-
-  // Icons
-
-  .icon {
-    -webkit-font-feature-settings: 'liga';
-    direction: ltr;
-    display: inline-block;
-    font-family: 'Material Symbols Rounded';
-    font-feature-settings: 'liga';
-    font-size: 1.4em; 
-    font-style: normal;
-    font-weight: normal;
-    letter-spacing: normal;
-    text-transform: none;
-    vertical-align: middle;
-    white-space: nowrap;
-    word-wrap: normal;
-  }
-`},826(t,e,i){i.d(e,{AH:()=>l,Rf:()=>c,sk:()=>h});const a=globalThis,o=a.ShadowRoot&&(void 0===a.ShadyCSS||a.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s=Symbol(),r=new WeakMap;class n{constructor(t,e,i){if(this._$cssResult$=!0,i!==s)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(o&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=r.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&r.set(e,t))}return t}toString(){return this.cssText}}const l=(t,...e)=>{const i=1===t.length?t[0]:e.reduce((e,i,a)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[a+1],t[0]);return new n(i,t,s)},c=(t,e)=>{if(o)t.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const i of e){const e=document.createElement("style"),o=a.litNonce;void 0!==o&&e.setAttribute("nonce",o),e.textContent=i.cssText,t.appendChild(e)}},h=o?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new n("string"==typeof t?t:t+"",void 0,s))(e)})(t):t},760(t,e,i){i.d(e,{AH:()=>a.AH,mN:()=>b});var a=i(826);const{is:o,defineProperty:s,getOwnPropertyDescriptor:r,getOwnPropertyNames:n,getOwnPropertySymbols:l,getPrototypeOf:c}=Object,h=globalThis,d=h.trustedTypes,p=d?d.emptyScript:"",g=h.reactiveElementPolyfillSupport,u=(t,e)=>t,v={toAttribute(t,e){switch(e){case Boolean:t=t?p:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},m=(t,e)=>!o(t,e),f={attribute:!0,type:String,converter:v,reflect:!1,useDefault:!1,hasChanged:m};Symbol.metadata??=Symbol("metadata"),h.litPropertyMetadata??=new WeakMap;class b extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=f){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),a=this.getPropertyDescriptor(t,i,e);void 0!==a&&s(this.prototype,t,a)}}static getPropertyDescriptor(t,e,i){const{get:a,set:o}=r(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:a,set(e){const s=a?.call(this);o?.call(this,e),this.requestUpdate(t,s,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??f}static _$Ei(){if(this.hasOwnProperty(u("elementProperties")))return;const t=c(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(u("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(u("properties"))){const t=this.properties,e=[...n(t),...l(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const i=this._$Eu(t,e);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift((0,a.sk)(t))}else void 0!==t&&e.push((0,a.sk)(t));return e}static _$Eu(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return(0,a.Rf)(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$ET(t,e){const i=this.constructor.elementProperties.get(t),a=this.constructor._$Eu(t,i);if(void 0!==a&&!0===i.reflect){const o=(void 0!==i.converter?.toAttribute?i.converter:v).toAttribute(e,i.type);this._$Em=t,null==o?this.removeAttribute(a):this.setAttribute(a,o),this._$Em=null}}_$AK(t,e){const i=this.constructor,a=i._$Eh.get(t);if(void 0!==a&&this._$Em!==a){const t=i.getPropertyOptions(a),o="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:v;this._$Em=a;const s=o.fromAttribute(e,t.type);this[a]=s??this._$Ej?.get(a)??s,this._$Em=null}}requestUpdate(t,e,i,a=!1,o){if(void 0!==t){const s=this.constructor;if(!1===a&&(o=this[t]),i??=s.getPropertyOptions(t),!((i.hasChanged??m)(o,e)||i.useDefault&&i.reflect&&o===this._$Ej?.get(t)&&!this.hasAttribute(s._$Eu(t,i))))return;this.C(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:i,reflect:a,wrapped:o},s){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,s??e??this[t]),!0!==o||void 0!==s)||(this._$AL.has(t)||(this.hasUpdated||i||(e=void 0),this._$AL.set(t,e)),!0===a&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t){const{wrapped:t}=i,a=this[e];!0!==t||this._$AL.has(e)||void 0===a||this.C(e,void 0,i,a)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}}b.elementStyles=[],b.shadowRootOptions={mode:"open"},b[u("elementProperties")]=new Map,b[u("finalized")]=new Map,g?.({ReactiveElement:b}),(h.reactiveElementVersions??=[]).push("2.1.2")},228(t,e,i){i.d(e,{AH:()=>a.AH,JW:()=>o.JW,WF:()=>r,qy:()=>o.qy,s6:()=>o.s6});var a=i(760),o=i(752);const s=globalThis;class r extends a.mN{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=(0,o.XX)(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return o.c0}}r._$litElement$=!0,r.finalized=!0,s.litElementHydrateSupport?.({LitElement:r});const n=s.litElementPolyfillSupport;n?.({LitElement:r}),(s.litElementVersions??=[]).push("4.2.2")},752(t,e,i){i.d(e,{JW:()=>A,XX:()=>W,c0:()=>E,qy:()=>_,s6:()=>z});const a=globalThis,o=t=>t,s=a.trustedTypes,r=s?s.createPolicy("lit-html",{createHTML:t=>t}):void 0,n="$lit$",l=`lit$${Math.random().toFixed(9).slice(2)}$`,c="?"+l,h=`<${c}>`,d=document,p=()=>d.createComment(""),g=t=>null===t||"object"!=typeof t&&"function"!=typeof t,u=Array.isArray,v="[ \t\n\f\r]",m=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,f=/-->/g,b=/>/g,y=RegExp(`>|${v}(?:([^\\s"'>=/]+)(${v}*=${v}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),w=/'/g,x=/"/g,k=/^(?:script|style|textarea|title)$/i,$=t=>(e,...i)=>({_$litType$:t,strings:e,values:i}),_=$(1),A=$(2),E=($(3),Symbol.for("lit-noChange")),z=Symbol.for("lit-nothing"),P=new WeakMap,S=d.createTreeWalker(d,129);function T(t,e){if(!u(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==r?r.createHTML(e):e}const C=(t,e)=>{const i=t.length-1,a=[];let o,s=2===e?"<svg>":3===e?"<math>":"",r=m;for(let e=0;e<i;e++){const i=t[e];let c,d,p=-1,g=0;for(;g<i.length&&(r.lastIndex=g,d=r.exec(i),null!==d);)g=r.lastIndex,r===m?"!--"===d[1]?r=f:void 0!==d[1]?r=b:void 0!==d[2]?(k.test(d[2])&&(o=RegExp("</"+d[2],"g")),r=y):void 0!==d[3]&&(r=y):r===y?">"===d[0]?(r=o??m,p=-1):void 0===d[1]?p=-2:(p=r.lastIndex-d[2].length,c=d[1],r=void 0===d[3]?y:'"'===d[3]?x:w):r===x||r===w?r=y:r===f||r===b?r=m:(r=y,o=void 0);const u=r===y&&t[e+1].startsWith("/>")?" ":"";s+=r===m?i+h:p>=0?(a.push(c),i.slice(0,p)+n+i.slice(p)+l+u):i+l+(-2===p?e:u)}return[T(t,s+(t[i]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),a]};class q{constructor({strings:t,_$litType$:e},i){let a;this.parts=[];let o=0,r=0;const h=t.length-1,d=this.parts,[g,u]=C(t,e);if(this.el=q.createElement(g,i),S.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(a=S.nextNode())&&d.length<h;){if(1===a.nodeType){if(a.hasAttributes())for(const t of a.getAttributeNames())if(t.endsWith(n)){const e=u[r++],i=a.getAttribute(t).split(l),s=/([.?@])?(.*)/.exec(e);d.push({type:1,index:o,name:s[2],strings:i,ctor:"."===s[1]?R:"?"===s[1]?I:"@"===s[1]?F:M}),a.removeAttribute(t)}else t.startsWith(l)&&(d.push({type:6,index:o}),a.removeAttribute(t));if(k.test(a.tagName)){const t=a.textContent.split(l),e=t.length-1;if(e>0){a.textContent=s?s.emptyScript:"";for(let i=0;i<e;i++)a.append(t[i],p()),S.nextNode(),d.push({type:2,index:++o});a.append(t[e],p())}}}else if(8===a.nodeType)if(a.data===c)d.push({type:2,index:o});else{let t=-1;for(;-1!==(t=a.data.indexOf(l,t+1));)d.push({type:7,index:o}),t+=l.length-1}o++}}static createElement(t,e){const i=d.createElement("template");return i.innerHTML=t,i}}function L(t,e,i=t,a){if(e===E)return e;let o=void 0!==a?i._$Co?.[a]:i._$Cl;const s=g(e)?void 0:e._$litDirective$;return o?.constructor!==s&&(o?._$AO?.(!1),void 0===s?o=void 0:(o=new s(t),o._$AT(t,i,a)),void 0!==a?(i._$Co??=[])[a]=o:i._$Cl=o),void 0!==o&&(e=L(t,o._$AS(t,e.values),o,a)),e}class U{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:i}=this._$AD,a=(t?.creationScope??d).importNode(e,!0);S.currentNode=a;let o=S.nextNode(),s=0,r=0,n=i[0];for(;void 0!==n;){if(s===n.index){let e;2===n.type?e=new H(o,o.nextSibling,this,t):1===n.type?e=new n.ctor(o,n.name,n.strings,this,t):6===n.type&&(e=new N(o,this,t)),this._$AV.push(e),n=i[++r]}s!==n?.index&&(o=S.nextNode(),s++)}return S.currentNode=d,a}p(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class H{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,i,a){this.type=2,this._$AH=z,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=a,this._$Cv=a?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=L(this,t,e),g(t)?t===z||null==t||""===t?(this._$AH!==z&&this._$AR(),this._$AH=z):t!==this._$AH&&t!==E&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>u(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==z&&g(this._$AH)?this._$AA.nextSibling.data=t:this.T(d.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,a="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=q.createElement(T(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===a)this._$AH.p(e);else{const t=new U(a,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=P.get(t.strings);return void 0===e&&P.set(t.strings,e=new q(t)),e}k(t){u(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,a=0;for(const o of t)a===e.length?e.push(i=new H(this.O(p()),this.O(p()),this,this.options)):i=e[a],i._$AI(o),a++;a<e.length&&(this._$AR(i&&i._$AB.nextSibling,a),e.length=a)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=o(t).nextSibling;o(t).remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class M{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,a,o){this.type=1,this._$AH=z,this._$AN=void 0,this.element=t,this.name=e,this._$AM=a,this.options=o,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=z}_$AI(t,e=this,i,a){const o=this.strings;let s=!1;if(void 0===o)t=L(this,t,e,0),s=!g(t)||t!==this._$AH&&t!==E,s&&(this._$AH=t);else{const a=t;let r,n;for(t=o[0],r=0;r<o.length-1;r++)n=L(this,a[i+r],e,r),n===E&&(n=this._$AH[r]),s||=!g(n)||n!==this._$AH[r],n===z?t=z:t!==z&&(t+=(n??"")+o[r+1]),this._$AH[r]=n}s&&!a&&this.j(t)}j(t){t===z?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class R extends M{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===z?void 0:t}}class I extends M{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==z)}}class F extends M{constructor(t,e,i,a,o){super(t,e,i,a,o),this.type=5}_$AI(t,e=this){if((t=L(this,t,e,0)??z)===E)return;const i=this._$AH,a=t===z&&i!==z||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,o=t!==z&&(i===z||a);a&&this.element.removeEventListener(this.name,this,i),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class N{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){L(this,t)}}const O=a.litHtmlPolyfillSupport;O?.(q,H),(a.litHtmlVersions??=[]).push("3.3.2");const W=(t,e,i)=>{const a=i?.renderBefore??e;let o=a._$litPart$;if(void 0===o){const t=i?.renderBefore??null;a._$litPart$=o=new H(e.insertBefore(p(),t),t,void 0,i??{})}return o._$AI(t),o}},161(t,e,i){i.d(e,{AH:()=>a.AH,JW:()=>a.JW,WF:()=>a.WF,qy:()=>a.qy,s6:()=>a.s6}),i(760),i(752);var a=i(228)}},e={};function i(a){var o=e[a];if(void 0!==o)return o.exports;var s=e[a]={exports:{}};return t[a](s,s.exports,i),s.exports}i.d=(t,e)=>{for(var a in e)i.o(e,a)&&!i.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,get:e[a]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),i(330),i(544),i(227),i(562),i(953),i(200),i(250),i(771),i(804),i(301),i(517),i(710),i(202),i(542),i(547),i(334),i(152),i(518),i(280),i(696),i(663),i(881),i(884),i(302),i(638),i(36),i(682),i(867),i(685),i(221)})();
+(()=>{"use strict";var n={517(n,e,t){var i,r,o,a,s,l,c=t(161),h=t(601);function d(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function u(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}class p extends c.WF{constructor(){super(),this.open=!1}toggle(){this.open=!this.open}handleKeyPress(n){"Enter"!==n.key&&" "!==n.key||this.toggle()}render(){return(0,c.qy)(i||(i=d(['\n      <div class="item">\n        <div\n          class="header"\n          role="button"\n          aria-expanded=','\n          tabindex="0"\n          @click=',"\n          @keypress=",'\n        >\n          <div class="title">\n            <slot name="title"></slot>\n          </div>\n          <span class="icon" aria-hidden="true">\n            ','\n          </span>\n        </div>\n        <div\n          class="body ','"\n          role="region"\n          aria-hidden=',"\n        >\n          <slot></slot>\n        </div>\n      </div>\n    "])),this.open?"true":"false",this.toggle,this.handleKeyPress,this.open?(0,c.qy)(r||(r=d(["<cfa-icon>expand_less</cfa-icon>"]))):(0,c.qy)(o||(o=d(["<cfa-icon>expand_more</cfa-icon>"]))),this.open?"open":"",this.open?"false":"true")}}u(p,"properties",{open:{type:Boolean}}),u(p,"styles",[h.s,(0,c.AH)(s||(s=d(["\n      :host {\n        --color: var(--purple-60);\n        --hover-bg-color: var(--blue-20);\n\n        display: block;\n      }\n\n      .item {\n        border-bottom: var(--thin) solid var(--black-20);\n        max-width: var(--column-span-8);\n        margin-inline: auto;\n        background-color: var(--bg-color);\n      }\n\n      .header {\n        align-items: center;\n        color: var(--color);\n        cursor: pointer;\n        display: flex;\n        flex-direction: row;\n        padding-block: var(--spacing-component-3);\n      }\n\n      .header:hover {\n        background-color: var(--hover-bg-color);\n        box-shadow:\n          var(--spacing-component-3) 0 var(--blue-20),\n          calc(-1 * var(--spacing-component-3)) 0 var(--blue-20);\n      }\n\n      .header:focus {\n        outline: none;\n      }\n\n      .title {\n        flex: 1;\n      }\n\n      .title ::slotted(*) {\n        font-family: var(--font-family-sans-serif) !important;\n        font-size: var(--font-size) !important;\n      }\n\n      .icon {\n        flex: 0;\n      }\n\n      .body {\n        opacity: 0;\n        max-height: 0;\n        overflow: hidden;\n      }\n\n      .body.open {\n        max-height: unset;\n        opacity: 1;\n        padding-block: var(--spacing-layout-half) var(--spacing-layout-1);\n      }\n\n      .body ::slotted(*) {\n        margin-block-start: 0 !important;\n      }\n    "])))]);class v extends c.WF{render(){return(0,c.qy)(a||(a=d(['\n      <div role="tablist">\n        <slot></slot>\n      </div>\n    '])))}}u(v,"styles",(0,c.AH)(l||(l=d(["\n    :host {\n      display: block;\n    }\n  "])))),customElements.get("cfa-accordion-item")||customElements.define("cfa-accordion-item",p),customElements.get("cfa-accordion")||customElements.define("cfa-accordion",v)},330(n,e,t){var i,r,o,a=t(161),s=t(601);function l(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function c(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}class h extends a.WF{render(){return(0,a.qy)(i||(i=l(["\n      <style>\n        :host {\n          --size: var(--spacing-layout-",", 8rem);\n        }\n      </style>\n      <picture>\n        ","\n      </picture>\n    "])),this.size||"4",this.imageUrl?(0,a.qy)(r||(r=l(['\n              <img\n                src="','"\n                loading="lazy"\n                alt="','"\n              />\n            '])),this.imageUrl,this.altText):a.s6)}}c(h,"properties",{imageUrl:{},altText:{},size:{}}),c(h,"styles",[s.s,(0,a.AH)(o||(o=l(["\n      :host {\n        --bg-color: var(--blue-20);\n\n        display: inline-block;\n        max-width: 100%;\n      }\n\n      picture {\n        aspect-ratio: 1 / 1;\n        background-color: var(--bg-color);\n        border-radius: 50%;\n        display: block;\n        max-width: 100%;\n        overflow: hidden;\n        width: var(--size);\n      }\n\n      img {\n        display: block;\n        height: 100%;\n        object-fit: cover;\n        width: 100%;\n      }\n    "])))]),customElements.get("cfa-avatar")||customElements.define("cfa-avatar",h)},710(n,e,t){var i,r,o=t(161),a=t(601);function s(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function l(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}class c extends o.WF{firstUpdated(){const n=this.shadowRoot.querySelector(".content"),e=n=>{n.classList.toggle("is-overflowing",n.scrollWidth>n.clientWidth)};"ResizeObserver"in window&&new ResizeObserver(n=>{e(n[0].target)}).observe(n),"MutationObserver"in window&&new MutationObserver(()=>{e(n)}).observe(n,{childList:!0}),e(n)}render(){return(0,o.qy)(i||(i=s(['\n      <div class="bar">\n        <div class="content">\n          <slot></slot>\n        </div>\n      </div>\n    '])))}}l(c,"properties",{theme:{}}),l(c,"styles",[a.s,(0,o.AH)(r||(r=s(['\n      :host {\n        --bg-color: var(--purple-80);\n        --text-color: var(--white);\n        --link-color: var(--white);\n        --link-hover-color: var(--white);\n        --scrollbar-color: var(--white);\n        --spacing: var(--spacing-layout-half);\n\n        display: block;\n      }\n\n      .bar {\n        background-color: var(--bg-color);\n        color: var(--text-color);\n\n        a {\n          color: var(--link-color);\n        }\n\n        a:hover {\n          color: var(--link-hover-color);\n        }\n      }\n\n      .content {\n        display: flex;\n        column-gap: var(--spacing);\n        justify-content: center;  \n        overflow-x: auto;\n        overflow-y: hidden;\n        padding-bottom: var(--spacing-layout-half);\n        padding-top: var(--spacing-layout-half);\n        scrollbar-color: var(--scrollbar-color) var(--bg-color);\n        scrollbar-width: thin;\n\n        &::before,\n        &::after {\n          content: "";\n          flex-basis: calc(var(--outer-margin) - var(--spacing));\n          flex-shrink: 0;\n        }\n      }\n      \n      .content.is-overflowing {\n        justify-content: start;  \n      }\n\n      ::slotted(*) {\n        max-width: none !important;\n        white-space: nowrap !important;\n      }\n    '])))]),customElements.get("cfa-bar")||customElements.define("cfa-bar",c)},544(n,e,t){var i,r,o,a,s,l,c,h=t(161),d=t(601);function u(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function p(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}class v extends h.WF{constructor(){super(),this.shape="1"}blobTemplate(){let n;switch(this.shape){case"1":n=(0,h.qy)(i||(i=u(['<svg\n          width="628"\n          height="577"\n          viewBox="0 0 628 577"\n          fill="none"\n          xmlns="http://www.w3.org/2000/svg"\n        >\n          <path\n            fill-rule="evenodd"\n            clip-rule="evenodd"\n            d="M304.482 3.44206C399.413 -5.50752 504.225 1.17063 567.446 72.5295C633.526 147.115 639.549 256.491 613.992 352.793C589.57 444.814 526.084 523.087 438.164 559.679C355.477 594.092 265.039 570.416 184.315 531.621C103.504 492.784 22.0294 438.546 3.59029 350.826C-14.5863 264.355 39.2746 183.666 97.1329 116.868C151.394 54.223 221.956 11.2221 304.482 3.44206Z"\n          />\n        </svg>'])));break;case"2":n=(0,h.qy)(r||(r=u(['<svg\n          width="580"\n          height="592"\n          viewBox="0 0 580 592"\n          fill="none"\n          xmlns="http://www.w3.org/2000/svg"\n        >\n          <path\n            d="M238.814 591.215C210.461 592.077 182.849 587.767 155.66 580.979C60.4457 557.059 4.05766 489.933 0.460672 390.376C-2.50155 306.442 8.71258 223.693 37.2769 144.499C73.2468 44.6185 170.894 -12.5948 276.159 2.81295C358.996 14.9883 437.177 39.3389 499.172 100.108C588.039 187.167 604.437 293.512 544.346 402.767C514.618 456.855 477.59 505.988 426.386 541.544C369.892 580.656 304.723 587.767 238.814 591.215Z"\n          />\n        </svg>'])));break;case"3":n=(0,h.qy)(o||(o=u(['<svg\n          width="620"\n          height="613"\n          viewBox="0 0 620 613"\n          fill="none"\n          xmlns="http://www.w3.org/2000/svg"\n        >\n          <path\n            fill-rule="evenodd"\n            clip-rule="evenodd"\n            d="M619.142 301.769C615.581 212.393 536.92 153.752 466.654 98.7402C397.998 44.9883 323.934 -10.5844 236.421 2.12929C141.656 15.8965 53.9975 76.8338 15.687 164.256C-20.6955 247.277 16.2818 336.243 54.5575 417.127C92.4807 497.265 137.965 580.831 224.139 604.752C314.166 629.742 409.183 593.817 484.092 536.359C559.738 478.336 622.883 395.641 619.142 301.769Z"\n          />\n        </svg>'])));break;case"4":n=(0,h.qy)(a||(a=u(['<svg\n          width="656"\n          height="566"\n          viewBox="0 0 656 566"\n          fill="none"\n          xmlns="http://www.w3.org/2000/svg"\n        >\n          <path\n            fill-rule="evenodd"\n            clip-rule="evenodd"\n            d="M332.011 564.695C235.808 569.34 135.091 552.4 71.2946 488.381C4.66596 421.518 -10.0767 327.738 8.2158 239.764C27.3773 147.61 73.5054 52.3693 169.88 14.2546C263.181 -22.6447 364.8 21.5179 455.491 62.8734C540.631 101.698 627.337 150.367 649.771 233.088C672.265 316.032 626.78 399.503 564.43 464.569C505.684 525.875 422.382 560.331 332.011 564.695Z"\n          />\n        </svg>'])));break;default:n=(0,h.qy)(s||(s=u(['<svg\n          width="628"\n          height="577"\n          viewBox="0 0 628 577"\n          fill="none"\n          xmlns="http://www.w3.org/2000/svg"\n        >\n          <path\n            fill-rule="evenodd"\n            clip-rule="evenodd"\n            d="M304.482 3.44206C399.413 -5.50752 504.225 1.17063 567.446 72.5295C633.526 147.115 639.549 256.491 613.992 352.793C589.57 444.814 526.084 523.087 438.164 559.679C355.477 594.092 265.039 570.416 184.315 531.621C103.504 492.784 22.0294 438.546 3.59029 350.826C-14.5863 264.355 39.2746 183.666 97.1329 116.868C151.394 54.223 221.956 11.2221 304.482 3.44206Z"\n          />\n        </svg>'])))}return n}render(){const n=this.color?"var(--".concat(this.color,")"):"var(--blue-20)";return(0,h.qy)(l||(l=u([' \n      <div \n        class="blob" \n        style="--color: ','"\n      >\n        ',"\n      </div> \n    "])),n,this.blobTemplate())}}p(v,"properties",{color:{},shape:{},styles:{}}),p(v,"styles",[d.s,(0,h.AH)(c||(c=u(["\n      :host {\n        --color: var(--blue-20);\n\n        display: block;\n      }\n\n      .blob,\n      svg {\n        height: 100%;\n        width: 100%;\n      }\n\n      svg path {\n        fill: var(--color, #fff);\n      }\n    "])))]),customElements.get("cfa-blob")||customElements.define("cfa-blob",v)},202(n,e,t){var i,r,o=t(161),a=t(601);function s(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function l(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}class c extends o.WF{render(){return(0,o.qy)(i||(i=s(['\n      <div class="box">\n        <slot />\n      </div>\n    '])))}}l(c,"properties",{theme:{type:String,reflect:!0}}),l(c,"styles",[a.s,(0,o.AH)(r||(r=s(['\n      :host {\n        --bg-color: var(--purple-10);\n        --box-border-color: var(--purple-60);\n        --box-border-gradient: var(--gradient-1);\n        --box-border-width: var(--thick);\n        --link-color: var(--base-link-color);\n        --link-hover-color: var(--base-link-hover-color);\n        --padding: var(--spacing-component-4);\n        --shadow: var(--shadow-medium);\n        --text-color: var(--base-text-color);\n\n        display: flex;\n        flex: 1;\n      }\n\n      :host([theme="author-note"]) {\n        --box-border-width: 0;\n\n        font-family: var(--font-family-serif);\n        font-size: var(--font-size-small);\n        font-style: italic;\n        line-height: var(--line-height-small);\n      }\n\n      .box {\n        background-color: var(--bg-color);\n        border-block-start: var(--box-border-width) solid var(--box-border-color);\n        border-image: var(--box-border-gradient) 1;\n        box-shadow: var(--shadow);\n        color: var(--text-color, #000);\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-layout-half);\n        padding: var(--padding);\n        width: 100%;\n      }\n\n      ::slotted(*) {\n        --spacing: var(--spacing-layout-half);\n\n        margin: 0 !important;\n        max-width: 100%;\n      }\n    '])))]),customElements.get("cfa-box")||customElements.define("cfa-box",c)},542(n,e,t){var i,r,o=t(161),a=t(601);function s(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function l(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}class c extends o.WF{handleSlotchange(n){const e=n.target.assignedNodes({flatten:!0});console.log(e);const t=this.shadowRoot.querySelector(".breadcrumbs");t.innerHTML="",e.forEach(n=>{"UL"===n.tagName&&n.querySelectorAll("li").forEach(n=>{t.appendChild(n.cloneNode(!0))})})}render(){return(0,o.qy)(i||(i=s(["\n      <slot @slotchange=",'></slot>\n      <ul class="breadcrumbs"></ul>\n    '])),this.handleSlotchange)}}l(c,"properties",{}),l(c,"styles",[a.s,(0,o.AH)(r||(r=s(['\n      slot {\n        display: none;\n      }\n\n      :host {\n        display: block;\n      }\n\n      .breadcrumbs {\n        margin: 0;\n        margin-inline: calc(-1 * var(--outer-margin));\n        overflow-x: auto;\n        overflow-y: hidden;\n        padding: 0;\n        scrollbar-width: none;\n        white-space: nowrap;\n      }\n\n      .breadcrumbs::before,\n      .breadcrumbs::after {\n        content: "";\n        display: inline-block;\n        width: var(--outer-margin);\n      }\n\n      .breadcrumbs > * {\n        display: inline-block;\n        font-size: var(--font-size-small);\n        font-weight: 600;\n        line-height: var(--line-height-small);\n        margin: 0;\n        padding: 0;\n      }\n\n      .breadcrumbs > *:not(:last-child)::after {\n        content: "/";\n        opacity: 0.5;\n        padding-inline: 0.75em;\n      }\n\n      .breadcrumbs a {\n        color: var(--link-color);\n        text-decoration: none;\n      }\n    '])))]),customElements.get("cfa-breadcrumbs")||customElements.define("cfa-breadcrumbs",c)},227(n,e,t){var i;t.d(e,{V:()=>r});const r=(0,t(161).AH)(i||(o=['\n  .cfa-button,\n  a.cfa-button, \n  .cfa-button > a,\n  .wp-block-button > * {\n    --bg-color: var(--white);\n    --border-color: transparent;\n    --font-family: var(--font-family-sans-serif);\n    --font-size: var(--base-font-size);\n    --hover-bg-color: var(--blue-20);\n    --hover-border-color: var(--border-color);\n    --line-height: var(--base-line-height);\n    --text-color: var(--purple-80);\n\n    background-color: var(--bg-color);\n    border: var(--hairline) solid var(--border-color);\n    border-radius: var(--rounded-corners);\n    box-shadow: var(--shadow-small);\n    color: var(--text-color);\n    cursor: pointer;\n    display: block;\n    font-family: var(--font-family);\n    font-size: var(--font-size);\n    font-weight: bold;\n    padding: var(--spacing-component-2) var(--spacing-component-3);\n    text-align: center;\n    text-decoration: none;\n    transition: background-color 0.5s, box-shadow 0.5s;\n\n    &:hover {\n      background-color: var(--hover-bg-color);\n      border-color: var(--hover-border-color);\n      box-shadow: var(--shadow-medium);\n      color: var(--text-color);\n    }\n  }\n\n  @media (max-width: 768px) {\n    .cfa-button, \n    a.cfa-button, \n    .cfa-button > a,\n    .wp-block-button > * {\n      width: 100%;\n      \n      & + & {\n        margin-block-start: var(--spacing-layout-half);\n      }\n    }\n\n    .wp-block-button {\n      width: 100%;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .cfa-button, \n    a.cfa-button, \n    .cfa-button > a,\n    .wp-block-button > * {\n      display: inline-block;\n\n      & {\n        margin-block: var(--spacing-component-2);\n        margin-inline-end: var(--spacing-component-2);\n      }\n    }\n  }\n\n  // Themes / variants\n\n  .cfa-button--primary,\n  a.cfa-button--primary,\n  .cfa-button--primary > a,\n  .wp-block-button.is-style-primary > * {\n    --bg-color: var(--red-60);\n    --hover-bg-color: var(--red-80);\n    --text-color: var(--white,);\n  }\n\n  .cfa-button--outline,\n  a.cfa-button--outline,\n  .cfa-button--outline > a,\n  .wp-block-button.is-style-outline > * {\n    --border-color: var(--black-20);\n    --bg-color: transparent;\n  }\n\n  .cfa-button--outline-white,\n  a.cfa-button--outline-white,\n  .cfa-button--outline-white > a,\n  .wp-block-button.is-style-outline-white > * {\n    --border-color: var(--white);\n    --bg-color: transparent;\n    --hover-bg-color: var(--black-20);\n    --shadow-color: var(--white-20);\n    --text-color: var(--white);\n  }\n\n  .cfa-button--prominent-link,\n  a.cfa-button--prominent-link,\n  .cfa-button--prominent-link > a,\n  .wp-block-button.is-style-prominent-link > * {\n    --accent-color: var(--purple-60);\n\n    background: unset;\n    box-shadow: unset;\n    color: inherit;\n    font-weight: bold;\n    padding: 0;\n    text-decoration: underline;\n    text-decoration-color: var(--accent-color);\n    text-decoration-thickness: var(--medium);\n    text-underline-offset: 0.4em;\n    transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;  \n\n    &:hover {\n      --accent-color: var(--red-60);\n      \n      background: unset;\n      box-shadow: unset;\n    }\n\n    &::after {\n      @include icon.icon;\n      \n      content: "arrow_right_alt";\n      display: inline-block;\n      padding-inline-start: 0.1em;\n      text-decoration: none;\n      transition: transform 0.2s ease-in-out;\n      width: 1em;\n    }\n\n    &:hover::after {\n      transform: translateX(0.3em);\n    }\n\n    cfa-icon {\n      text-decoration: none;\n    }\n  }\n\n  // Sizes\n\n  .cfa-button--sm,\n  a.cfa-button--sm,\n  .cfa-button--sm > a {\n    --font-size: var(--font-size-small);\n    --line-height: var(--line-height-small);\n  }\n\n  .cfa-button--md,\n  a.cfa-button--md,\n  .cfa-button--md > a {\n    --font-size: var(--base-font-size);\n    --line-height: var(--base-line-height);\n  }\n'],a||(a=o.slice(0)),i=Object.freeze(Object.defineProperties(o,{raw:{value:Object.freeze(a)}}))));var o,a},547(n,e,t){var i,r,o,a,s,l=t(161),c=t(601);function h(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}t(562);class d extends l.WF{render(){return(0,l.qy)(i||(i=h(['\n      <div class="callout">\n        <div class="icon">\n          <cfa-icon>info</cfa-icon>\n        </div>\n        <div class="text">\n          <slot></slot>\n        </div>\n      </div>\n    '])))}}o=d,a="styles",s=[c.s,(0,l.AH)(r||(r=h(["\n      :host {\n        --background: var(--white);\n        --icon-color: var(--purple-80);\n        --link-color: var(--base-link-color);\n        --link-hover-color: var(--base-link-hover-color);\n        --text-color: var(--black);\n\n        display: block;\n      }\n\n      .callout {\n        align-items: flex-start;\n        background: var(--background);\n        box-shadow: var(--shadow-medium);\n        color: var(--text-color);\n        display: flex;\n        flex-direction: row;\n        gap: var(--spacing-component-2);\n        padding: var(--spacing-component-3);\n      }\n\n      .icon {\n        color: var(--icon-color);\n        flex-direction: column;\n        flex-grow: 0;\n        font-size: var(--font-size-h3);\n        height: 100%;\n        margin-block-start: -0.075em;\n        margin-inline-end: var(--spacing-component-2);\n      }\n\n      .callout + .callout {\n        margin-top: var(--spacing-layout-half);\n      }\n    "])))],(a=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(a))in o?Object.defineProperty(o,a,{value:s,enumerable:!0,configurable:!0,writable:!0}):o[a]=s,customElements.get("cfa-callout")||customElements.define("cfa-callout",d)},334(n,e,t){var i,r,o,a,s,l,c,h,d,u,p,v,f,g,m,b,y,w,x=t(161),k=t(601),P=t(205);function _(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function z(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}t(953);class A extends x.WF{visualTemplate(){let n;return"image"===this.visualType?n=(0,x.qy)(i||(i=_(['\n        <div class="visual image">\n          <div class="fallback-image">\n            ',"\n          </div>\n          ","\n        </div>\n      "])),(0,x.JW)(r||(r=_(['\n              <svg \n                width="1600" \n                height="900" \n                viewBox="0 0 1600 900" \n                fill="none" \n                preserveAspectRatio="xMinYMin slice"\n                xmlns="http://www.w3.org/2000/svg"\n              >\n                <g clip-path="url(#clip0)">\n                <rect width="1600" height="900" fill="#2B1A78"/>\n                <path fill-rule="evenodd" clip-rule="evenodd" d="M1218.12 -444.87C1375.54 -448.403 1528.96 -379.695 1624.93 -254.874C1718.97 -132.569 1729.75 28.0324 1697.74 178.942C1664.98 333.396 1596.67 491.622 1452.8 556.721C1311.8 620.52 1155.18 556.724 1017.04 486.944C883.26 419.362 752.204 329.485 715.393 184.213C677.697 35.4535 737.759 -117.225 833.568 -237.116C929.253 -356.852 1064.86 -441.431 1218.12 -444.87Z" fill="#5650BE"/>\n                <path fill-rule="evenodd" clip-rule="evenodd" d="M372.893 247.378C457.708 243.989 548.299 262.758 600.503 329.652C652.21 395.908 640.741 485.984 623.238 568.169C605.287 652.459 579.269 741.096 503.945 783.041C424.143 827.479 324.366 822.072 243.48 779.638C165.755 738.862 118.175 659.045 102.906 572.65C88.5877 491.632 114.457 410.294 167.015 346.974C218.23 285.272 292.743 250.581 372.893 247.378Z" fill="#5650BE"/>\n                </g>\n                <defs>\n                <clipPath id="clip0">\n                <rect width="1600" height="900" fill="white"/>\n                </clipPath>\n                </defs>\n              </svg>\n            ']))),this.visualUrl?(0,x.qy)(o||(o=_(['\n                <picture>\n                  <source srcset="','" />\n                  <img\n                    src="','"\n                    alt="','"\n                    loading="lazy"\n                    onerror="this.style.display=\'none\'"\n                  />\n                </picture>\n              '])),this.visualUrl,this.visualThumbnailUrl,this.visualAltText):x.s6):"logo"===this.visualType&&(n=(0,x.qy)(a||(a=_(['\n        <div class="visual logo">\n          <picture>\n            <source srcset="','" />\n            <img\n              src="','"\n              alt="','"\n              loading="lazy"\n            />\n          </picture>\n        </div>\n      '])),this.visualUrl,this.visualThumbnailUrl,this.visualAltText)),n}cardContentTemplate(){return(0,x.qy)(s||(s=_(["\n      ",'\n      <div class="content">\n        <div class="header">\n          <div>\n            ',"\n            ","\n          </div>\n          ",'\n        </div>\n        <div class="body">\n          ',"\n        </div>\n        ","\n      </div>\n    "])),this.visualTemplate(),this.eyebrow?(0,x.qy)(l||(l=_([' <div class="eyebrow">',"</div> "])),this.eyebrow):x.s6,this.title?(0,x.qy)(c||(c=_([' <div class="h3 title">',"</div> "])),this.title):x.s6,this.label?(0,x.qy)(h||(h=_(['\n                <div>\n                  <cfa-label color="green">',"</cfa-label>\n                </div>\n              "])),this.label):x.s6,this.text?(0,x.qy)(d||(d=_([' <div class="small" .innerHTML=',"></div> "])),this.text):x.s6,this.metaText||this.actionLabel?(0,x.qy)(u||(u=_(['\n              <div class="footer">\n                ',"\n                ","\n              </div>\n            "])),this.metaText?(0,x.qy)(p||(p=_(['\n                      <div\n                        class="meta-text small"\n                        .innerHTML=',"\n                      ></div>\n                    "])),this.metaText):x.s6,this.actionLabel?(0,x.qy)(v||(v=_([' <div class="action-label">',"</div> "])),this.actionLabel):x.s6):x.s6)}render(){return(0,x.qy)(f||(f=_(["\n      ","\n    "])),this.linkUrl?(0,x.qy)(g||(g=_(['\n            <a\n              href="','"\n              target="','"\n              rel="','"\n              class="card ','"\n            >\n              ',"\n            </a>\n          "])),this.linkUrl,this.linkTarget,"_blank"==this.linkTarget?"noopener":x.s6,this.theme?"card--"+this.theme:"",this.cardContentTemplate()):(0,x.qy)(m||(m=_(['\n            <div class="card ','">\n              ',"\n            </div>\n          "])),this.theme?"card--"+this.theme:"",this.cardContentTemplate()))}}z(A,"properties",{theme:{},linkUrl:{},linkTarget:{},visualType:{},visualUrl:{},visualThumbnailUrl:{},visualAltText:{},eyebrow:{},label:{},title:{},text:{},metaText:{},actionLabel:{}}),z(A,"styles",[k.s,P.g,(0,x.AH)(y||(y=_(['\n      :host {\n        --action-border-color: var(--purple-20);\n        --action-border-hover-color: var(--red-60);\n        --action-text-color: var(--purple-60);\n        --action-text-hover-color: var(--red-60);\n        --bg-color: var(--white);\n        --padding: var(--spacing-component-4);\n        --text-color: var(--black);\n\n        display: flex;\n        flex-direction: column;\n        margin-inline: auto;\n        max-width: 100%;\n        width: 100%;\n      }\n\n      .card,\n      a.card {\n        box-shadow: var(--shadow-small);\n        border: var(--hairline) solid var(--gray-20);\n        color: var(--text-color);\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        height: 100%;\n        text-decoration: none;\n        transition: 500ms;\n      }\n\n      a.card:hover {\n        --action-color: var(--action-hover-color);\n\n        box-shadow: var(--shadow-medium);\n      }\n\n      .content {\n        background-color: var(--bg-color);\n        display: flex;\n        flex-direction: column;\n        flex-grow: 1;\n        gap: var(--spacing-layout-half);\n        padding: var(--padding);\n      }\n\n      .header {\n        align-items: start;\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-layout-half);\n      }\n\n      .body {\n        display: flex;\n        flex-flow: column nowrap;\n        flex-grow: 1;\n        gap: var(--spacing-layout-half);\n        height: 100%;\n        text-align: var(--text-alignment, start);\n      }\n\n      .footer {\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-layout-half);\n      }\n\n      .eyebrow {\n        color: var(--purple-60);\n      }\n\n      .eyebrow + * {\n        margin-block-start: var(--spacing-component-2);\n      }\n\n      .meta-text {\n        color: var(--gray-60);\n        border-block-start: var(--hairline) solid var(--gray-40);\n        padding-block-start: var(--spacing-component-2);\n      }\n\n      .card:has(.action-label) .meta-text {\n        border-block-end: var(--hairline) solid var(--gray-40);\n        padding-block-end: var(--spacing-component-2);\n      }\n\n      .action-label {\n        align-self: flex-start;\n        color: var(--action-text-color);\n        display: inline-block;\n        font-size: var(--font-size-small);\n        font-weight: bold;\n      }\n\n      a:hover .action-label {\n        color: var(--action-text-hover-color);\n      }\n\n      .action-label::after {\n        background: linear-gradient(\n          to top,\n          var(--action-border-hover-color) 0% 50%,\n          var(--action-border-color) 50% 100%\n        );\n        background-position: 0% 0%;\n        background-size: 100% 200%;\n        content: "";\n        display: block;\n        height: var(--spacing-component-2);\n        transition: background-position 0.3s;\n      }\n\n      a:hover .action-label::after {\n        background-position: 0% 100%;\n      }\n\n      .visual {\n        box-sizing: border-box;\n        display: flex;\n        height: auto;\n        height: var(--spacing-layout-7);\n        position: relative;\n        width: 100%;\n      }\n\n      img {\n        height: 100%;\n        object-fit: cover;\n        width: 100%;\n      }\n\n      .fallback-image {\n        background-color: var(--purple-80);\n        position: absolute;\n        inline-start: 0;\n        block-start: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 0;\n      }\n\n      .fallback-image svg {\n        height: 100%;\n        width: 100%;\n      }\n\n      .visual picture {\n        position: relative;\n        z-index: 1;\n        width: 100%;\n      }\n\n      .image::after {\n        block-end: 0;\n        block-start: 0;\n        bottom: 0;\n        box-shadow: inset 0 -50px 50px -50px var(--black-60);\n        content: "";\n        inline-end: 0;\n        inline-start: 0;\n        position: absolute;\n        z-index: 2;\n      }\n\n      .logo {\n        background-color: var(--white, #fff);\n        box-sizing: border-box;\n        border-block-end: 1px solid var(--gray-20);\n        padding: var(--spacing-component-5);\n      }\n\n      .logo img {\n        object-fit: contain;\n      }\n    '])))]);class E extends x.WF{render(){return(0,x.qy)(b||(b=_(['\n      <div class="card-skeleton" role="status" aria-busy="true" aria-label="Loading card">\n        <div class="visual-skeleton line" aria-hidden="true"></div>\n        <div class="content">\n          <div class="line line--eyebrow" aria-hidden="true"></div>\n          <div class="line line--title" aria-hidden="true"></div>\n          <div class="body" aria-hidden="true">\n            <div class="line line--body"></div>\n            <div class="line line--body line--body-short"></div>\n            <div class="line line--action"></div>\n          </div>\n        </div>\n      </div>\n    '])))}}z(E,"styles",[k.s,P.g,(0,x.AH)(w||(w=_(['\n      :host {\n        display: flex;\n        flex-direction: column;\n        margin-inline: auto;\n        max-width: 100%;\n        width: 100%;\n      }\n\n      .card-skeleton {\n        background-color: var(--white);\n        border: var(--hairline) solid var(--gray-20);\n        box-shadow: var(--shadow-small);\n        color: var(--black);\n        display: flex;\n        flex: 1;\n        flex-direction: column;\n        height: 100%;\n      }\n\n      .visual-skeleton {\n        background-color: var(--gray-20);\n        height: var(--spacing-layout-7);\n        overflow: hidden;\n        position: relative;\n        width: 100%;\n      }\n\n      .content {\n        background-color: var(--white);\n        display: flex;\n        flex: 1;\n        flex-direction: column;\n        gap: var(--spacing-layout-half);\n        padding: var(--spacing-component-4);\n      }\n\n      .body {\n        display: flex;\n        flex: 1;\n        flex-direction: column;\n        gap: var(--spacing-layout-half);\n      }\n\n      .line {\n        background-color: var(--gray-20);\n        border-radius: var(--spacing-component-1);\n        display: block;\n        overflow: hidden;\n        position: relative;\n        width: 100%;\n      }\n\n      .line::after {\n        animation: shimmer 1.5s linear infinite;\n        background: linear-gradient(\n          90deg,\n          transparent 0%,\n          var(--white-50, rgba(255, 255, 255, 0.45)) 50%,\n          transparent 100%\n        );\n        content: "";\n        inset: 0;\n        position: absolute;\n        transform: translateX(-100%);\n      }\n\n      .line--eyebrow {\n        height: var(--line-height-small);\n        max-width: 28%;\n      }\n\n      .line--title {\n        height: var(--line-height-h3);\n        max-width: 76%;\n      }\n\n      .line--body {\n        height: var(--line-height);\n      }\n\n      .line--body-short {\n        max-width: 86%;\n      }\n\n      .line--action {\n        height: var(--line-height-small);\n        margin-block-start: auto;\n        max-width: 36%;\n      }\n\n      @keyframes shimmer {\n        100% {\n          transform: translateX(100%);\n        }\n      }\n    '])))]),customElements.get("cfa-card")||customElements.define("cfa-card",A),customElements.get("cfa-card-skeleton")||customElements.define("cfa-card-skeleton",E)},221(n,e,t){var i,r,o,a,s,l=t(161),c=t(601);function h(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function d(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}t(562);class u extends l.WF{constructor(){super(),this.currentPage=0,this.totalSlides=0,this.progressPercentage=0,this.isPaused=!0,this.prefersReducedMotion=window.matchMedia("(prefers-reduced-motion: reduce)").matches,this.itemsPerView=u.ITEMS_PER_VIEW_DESKTOP,this.autoPlay=!0,this.autoPlayDuration=Math.max(100,u.AUTOPLAY_DURATION),this.autoPlayTimer=null,this.autoPlayTimeout=null,this.touchStartX=null,this.touchEndX=null,this._initialized=!1,this._resizeTimerId=null,this._mouseEnterListener=null,this._mouseLeaveListener=null}connectedCallback(){super.connectedCallback();const n=this.getAttribute("items-per-view");if(null!==n){const e=parseInt(n,10);isNaN(e)||(this.itemsPerView=e)}this.style.setProperty("--items-per-view",this.itemsPerView),this.addEventListener("keydown",n=>this._handleKeydown(n)),this.addEventListener("touchstart",n=>this._handleTouchStart(n),!1),this.addEventListener("touchend",n=>this._handleTouchEnd(n),!1),this._resizeListener=()=>{this._resizeTimerId&&clearTimeout(this._resizeTimerId),this._resizeTimerId=setTimeout(()=>{this.updateItemsPerView(),this.updateCarouselHeight()},150)},window.addEventListener("resize",this._resizeListener)}disconnectedCallback(){var n;super.disconnectedCallback(),this.stopAutoPlay(),this._resizeListener&&window.removeEventListener("resize",this._resizeListener),this._resizeTimerId&&clearTimeout(this._resizeTimerId);const e=null===(n=this.shadowRoot)||void 0===n?void 0:n.querySelector(".carousel-slides");e&&this._mouseEnterListener&&this._mouseLeaveListener&&(e.removeEventListener("mouseenter",this._mouseEnterListener),e.removeEventListener("mouseleave",this._mouseLeaveListener))}updated(n){n.has("itemsPerView")&&this.style.setProperty("--items-per-view",this.itemsPerView),n.has("currentPage")&&this.updateItemVisibility()}firstUpdated(){const n=this.shadowRoot.querySelector("slot"),e=this.shadowRoot.querySelector(".carousel-slides");n&&!this._slotChangeSetup&&(this._slotChangeSetup=!0,n.addEventListener("slotchange",()=>{this._slotChangeTimeout&&clearTimeout(this._slotChangeTimeout),this._slotChangeTimeout=setTimeout(()=>{this._initialized||this._initializeCarousel()},50)})),e&&!this._mouseEnterListener&&(this._mouseEnterListener=()=>{this.stopAutoPlay()},this._mouseLeaveListener=()=>{this.isPaused||this._scheduleNextPage()},e.addEventListener("mouseenter",this._mouseEnterListener),e.addEventListener("mouseleave",this._mouseLeaveListener))}_initializeCarousel(){if(this._initialized)return;const n=this.shadowRoot.querySelector("slot");if(!n)return;const e=n.assignedElements();0!==e.length&&(this._initialized=!0,this.totalSlides=e.length,this.updateItemsPerView(),this.updateItemVisibility(),this.startAutoPlay(),this._waitForImages(e,5e3).then(()=>{this.updateCarouselHeight()}))}_waitForImages(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3e3;return Promise.race([Promise.all(Array.from(n).map(n=>Promise.all(Array.from(n.querySelectorAll("img")).map(n=>n.complete?Promise.resolve():new Promise(e=>{n.addEventListener("load",e,{once:!0}),n.addEventListener("error",e,{once:!0})}))))),new Promise((n,t)=>setTimeout(()=>t(new Error("Image load timeout")),e))]).catch(()=>Promise.resolve())}get totalPages(){return Math.ceil(this.totalSlides/this.itemsPerView)}updateItemsPerView(){if(this.hasAttribute("items-per-view"))return;const n=window.innerWidth>=u.DESKTOP_BREAKPOINT?u.ITEMS_PER_VIEW_DESKTOP:u.ITEMS_PER_VIEW_MOBILE;n!==this.itemsPerView&&(this.itemsPerView=n,this.style.setProperty("--items-per-view",this.itemsPerView),this.currentPage>=this.totalPages&&(this.currentPage=0),this.requestUpdate())}updateItemVisibility(){const n=this.shadowRoot.querySelector("slot");if(!n)return;const e=n.assignedElements();if(0===e.length)return;const t=this.currentPage*this.itemsPerView,i=t+this.itemsPerView;e.forEach((n,e)=>{e>=t&&e<i?n.setAttribute("data-slide-active",""):n.removeAttribute("data-slide-active")}),this.updateCarouselHeight()}updateCarouselHeight(){const n=this.shadowRoot.querySelector("slot"),e=this.shadowRoot.querySelector(".carousel-slides");if(!n||!e)return;const t=n.assignedElements();if(0===t.length)return;const i=this.currentPage*this.itemsPerView,r=i+this.itemsPerView;requestAnimationFrame(()=>{requestAnimationFrame(()=>{setTimeout(()=>{let n=0;for(let e=i;e<r&&e<t.length;e++){const i=t[e].offsetHeight;n=Math.max(n,i)}const o=Math.max(n,u.SHADOW_SPACE);e.style.height=o+"px"},0)})})}startAutoPlay(){this.autoPlay&&!this.prefersReducedMotion&&0!==this.totalSlides?(this.isPaused=!1,this.progressPercentage=0,this._scheduleNextPage()):this.isPaused=!0}play(){this.prefersReducedMotion||this.startAutoPlay()}pause(){this.isPaused=!0,this.stopAutoPlay()}stopAutoPlay(){this.autoPlayTimer&&(clearInterval(this.autoPlayTimer),this.autoPlayTimer=null),this.autoPlayTimeout&&(clearTimeout(this.autoPlayTimeout),this.autoPlayTimeout=null)}_scheduleNextPage(){this.stopAutoPlay();const n=100/(this.autoPlayDuration/u.PROGRESS_UPDATE_INTERVAL);this.autoPlayTimer=setInterval(()=>{this.progressPercentage=Math.min(100,this.progressPercentage+n)},u.PROGRESS_UPDATE_INTERVAL),this.autoPlayTimeout=setTimeout(()=>{this.isPaused||(this.nextPage(),this.startAutoPlay())},this.autoPlayDuration)}nextPage(){this.currentPage=(this.currentPage+1)%this.totalPages,this.progressPercentage=0,this.stopAutoPlay(),this.requestUpdate(),this.play()}previousPage(){this.currentPage=(this.currentPage-1+this.totalPages)%this.totalPages,this.progressPercentage=0,this.stopAutoPlay(),this.requestUpdate(),this.play()}goToPage(n){n>=0&&n<this.totalPages&&n!==this.currentPage&&(this.currentPage=n,this.progressPercentage=0,this.stopAutoPlay(),this.requestUpdate(),this.play())}_handleKeydown(n){"ArrowRight"===n.key?(n.preventDefault(),this.nextPage(),this.pause()):"ArrowLeft"===n.key&&(n.preventDefault(),this.previousPage(),this.pause())}_handleTouchStart(n){n.changedTouches&&n.changedTouches.length>0&&(this.touchStartX=n.changedTouches[0].screenX)}_handleTouchEnd(n){n.changedTouches&&n.changedTouches.length>0&&(this.touchEndX=n.changedTouches[0].screenX,this._handleSwipe())}_handleSwipe(){if(null===this.touchStartX||null===this.touchEndX)return;const n=this.touchStartX-this.touchEndX;Math.abs(n)>u.SWIPE_THRESHOLD&&(n>0?(this.nextPage(),this.pause()):(this.previousPage(),this.pause()))}render(){return(0,l.qy)(i||(i=h(['\n      <div\n        class="carousel-container"\n        role="region"\n        aria-label="Content carousel"\n      >\n        <div class="carousel-slides">\n          <div class="carousel-track">\n            <slot @slotchange=',"></slot>\n          </div>\n        </div>\n\n        ","\n      </div>\n    "])),()=>{if(!this._initialized){const n=this.shadowRoot.querySelector("slot");if(n){const e=n.assignedElements();this.totalSlides=e.length,this.updateItemVisibility(),this.requestUpdate()}}},this.totalSlides>0?(0,l.qy)(r||(r=h(['\n              <div class="carousel-controls">\n                <button\n                  class="carousel-button"\n                  @click=','\n                  aria-label="Previous page"\n                >\n                  <cfa-icon>arrow_back</cfa-icon>\n                </button>\n\n                <div class="carousel-pagination">\n                  ','\n                </div>\n\n                <button\n                  class="carousel-button"\n                  @click=','\n                  aria-label="Next page"\n                >\n                  <cfa-icon>arrow_forward</cfa-icon>\n                </button>\n              </div>\n            '])),()=>this.previousPage(),Array.from({length:this.totalPages}).map((n,e)=>(0,l.qy)(o||(o=h(['\n                      <button\n                        class="carousel-dot"\n                        @click=','\n                        aria-label="Go to page '," of ",'"\n                        aria-current=',"\n                      >\n                        ","\n                      </button>\n                    "])),()=>this.goToPage(e),e+1,this.totalPages,e===this.currentPage?"true":"false",e!==this.currentPage||this.prefersReducedMotion?"":(0,l.qy)(a||(a=h(['<div\n                              class="carousel-dot-progress"\n                              style="width: ','%"\n                            ></div>'])),this.progressPercentage))),()=>this.nextPage()):"")}}d(u,"SWIPE_THRESHOLD",50),d(u,"SHADOW_SPACE",32),d(u,"PROGRESS_UPDATE_INTERVAL",100),d(u,"AUTOPLAY_DURATION",1e4),d(u,"DESKTOP_BREAKPOINT",768),d(u,"ITEMS_PER_VIEW_DESKTOP",3),d(u,"ITEMS_PER_VIEW_MOBILE",1),d(u,"properties",{currentPage:{type:Number,state:!0},totalSlides:{type:Number,state:!0},progressPercentage:{type:Number,state:!0},isPaused:{type:Boolean,state:!0},prefersReducedMotion:{type:Boolean,state:!0},itemsPerView:{type:Number},autoPlay:{type:Boolean},autoPlayDuration:{type:Number}}),d(u,"styles",[c.s,(0,l.AH)(s||(s=h(['\n      :host {\n        --carousel-fade-duration: 300ms;\n        --carousel-control-size: var(--spacing-layout-2);\n        --carousel-dot-size: var(--spacing-component-3);\n        --carousel-dot-gap: var(--spacing-component-3);\n        --carousel-dot-color: var(--black-20);\n        --carousel-dot-active-color: var(--purple-60);\n        --carousel-gap: var(--spacing-layout-1);\n      }\n\n      .carousel-container {\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-component-3);\n      }\n\n      .carousel-slides {\n        width: 100%;\n        overflow: hidden;\n        transition: height 400ms ease-in-out;\n        height: auto;\n      }\n\n      .carousel-track {\n        display: flex;\n        gap: var(--carousel-gap);\n      }\n\n      ::slotted(*) {\n        flex: 0 0 calc((100% - (var(--items-per-view, 3) - 1) * var(--carousel-gap)) / var(--items-per-view, 3));\n        display: none;\n        opacity: 0;\n        transition: opacity var(--carousel-fade-duration) ease-in-out;\n      }\n\n      ::slotted([data-slide-active]) {\n        display: block;\n        opacity: 1;\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        .carousel-slides {\n          transition: none;\n        }\n        \n        ::slotted(*) {\n          transition: none;\n        }\n      }\n\n      .carousel-controls {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: var(--spacing-component-3);\n      }\n\n      .carousel-button {\n        background-color: transparent;\n        border: 0;\n        border-radius: 50%;\n        color: var(--text-color);\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.5rem;\n        height: var(--carousel-control-size);\n        width: var(--carousel-control-size);\n        transition: all 0.2s ease-in-out;\n        flex-shrink: 0;\n      }\n\n      .carousel-button:hover {\n        background-color: var(--purple-20);\n        border-color: var(--purple-60);\n        color: var(--purple-80);\n      }\n\n      .carousel-button:focus-visible {\n        outline: var(--focus-outline);\n        outline-offset: 2px;\n      }\n\n      .carousel-button cfa-icon {\n        --size: var(--font-size);\n        color: var(--purple-80);\n      }\n\n      .carousel-pagination {\n        display: flex;\n        align-items: center;\n        gap: var(--carousel-dot-gap);\n        flex-wrap: wrap;\n        justify-content: center;\n      }\n\n      .carousel-dot {\n        background-color: var(--carousel-dot-color);\n        border: none;\n        border-radius: 50%;\n        cursor: pointer;\n        height: var(--carousel-dot-size);\n        min-width: var(--carousel-dot-size);\n        padding: 0;\n        position: relative;\n        transition: all 0.3s ease-in-out;\n      }\n\n      .carousel-dot:hover {\n        background-color: var(--gray-60);\n      }\n\n      .carousel-dot:focus-visible {\n        outline: var(--focus-outline);\n        outline-offset: 3px;\n      }\n\n      .carousel-dot[aria-current="true"] {\n        background-color: var(--carousel-dot-color);\n        border-radius: var(--carousel-dot-size);\n        min-width: calc(var(--carousel-dot-size) * 4);\n        overflow: hidden;\n      }\n\n      .carousel-dot-progress {\n        background-color: var(--carousel-dot-active-color);\n        height: 100%;\n        width: 0%;\n        transition: width 100ms linear;\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        .carousel-dot-progress {\n          transition: none;\n        }\n      }\n\n      @media (max-width: 768px) {\n        /* Note: 768px matches Carousel.DESKTOP_BREAKPOINT - keep in sync */\n        .carousel-button {\n          font-size: 1.25rem;\n          height: calc(var(--carousel-control-size) * 0.85);\n          width: calc(var(--carousel-control-size) * 0.85);\n        }\n\n        .carousel-dot {\n          height: calc(var(--carousel-dot-size) * 0.8);\n          min-width: calc(var(--carousel-dot-size) * 0.8);\n        }\n      }\n    '])))]),customElements.get("cfa-carousel")||customElements.define("cfa-carousel",u)},562(n,e,t){var i,r,o,a,s,l=t(161),c=t(601);function h(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}class d extends l.WF{render(){return(0,l.qy)(i||(i=h(['\n      <span class="icon">\n        <slot></slot>\n      </span>\n    '])))}}o=d,a="styles",s=[c.s,(0,l.AH)(r||(r=h(['\n      :host {\n        --size: 1.2em;\n\n        display: inline;\n        line-height: inherit;\n      }\n\n      .icon {\n        -webkit-font-feature-settings: "liga";\n        direction: ltr;\n        display: inline-block;\n        font-family: "Material Symbols Rounded";\n        font-size: var(--size);\n        font-style: normal;\n        font-weight: normal;\n        letter-spacing: normal;\n        margin-top: -0.1em;\n        text-transform: none;\n        vertical-align: middle;\n        white-space: nowrap;\n        word-wrap: normal;\n      }\n    '])))],(a=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(a))in o?Object.defineProperty(o,a,{value:s,enumerable:!0,configurable:!0,writable:!0}):o[a]=s,customElements.get("cfa-icon")||customElements.define("cfa-icon",d)},953(n,e,t){var i,r,o=t(161),a=t(601),s=t(205);function l(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function c(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}class h extends o.WF{render(){return(0,o.qy)(i||(i=l(['\n      <div class="label small strong" color="','">\n        <slot />\n      </div>\n    '])),this.color)}}c(h,"properties",{color:""}),c(h,"styles",[a.s,s.g,(0,o.AH)(r||(r=l(['\n      .label {\n        --background-color: var(--gray-20);\n        --text-color: var(--black, #000);\n\n        background-color: var(--background-color);\n        color: var(--text-color);\n        display: inline-block;\n        line-height: 1em;\n        padding: var(--spacing-component-2) var(--spacing-component-3);\n      }\n\n      .label[color="white"] {\n        --background-color: var(--white, #fff);\n        box-shadow: var(--shadow-small);\n      }\n\n      .label[color="purple"] {\n        --background-color: var(--purple-20);\n      }\n\n      .label[color="red"] {\n        --background-color: var(--red-20);\n      }\n\n      .label[color="blue"] {\n        --background-color: var(--blue-20);\n      }\n\n      .label[color="green"] {\n        --background-color: var(--green-20);\n      }\n\n      .label[color="yellow"] {\n        --background-color: var(--yellow-20);\n      }\n    '])))]),customElements.get("cfa-label")||customElements.define("cfa-label",h)},152(n,e,t){var i,r,o,a,s,l,c=t(161),h=t(601),d=t(205);function u(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function p(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}class v extends c.WF{cardContentTemplate(){let n;return n=this.imageUrl?(0,c.qy)(i||(i=u([' <img src="','" alt="','" /> '])),this.imageUrl,this.name):(0,c.qy)(r||(r=u([" "," "])),this.name),n}render(){return(0,c.qy)(o||(o=u(["\n      ","\n    "])),this.linkUrl?(0,c.qy)(a||(a=u(['\n            <a\n              href="','"\n              target="','"\n              rel="','"\n              class="card"\n            >\n              ',"\n            </a>\n          "])),this.linkUrl,this.linkTarget||"_self","_blank"==this.linkTarget?"noopener noreferrer":c.s6,this.cardContentTemplate()):(0,c.qy)(s||(s=u([' <div class="card">',"</div> "])),this.cardContentTemplate()))}}p(v,"properties",{name:{},imageUrl:{},linkUrl:{},linkTarget:{}}),p(v,"styles",[h.s,d.g,(0,c.AH)(l||(l=u(["\n      :host {\n        --bg-color: var(--blue-20);\n        --text-color: var(--black);\n\n        align-items: stretch;\n        display: flex;\n        flex-direction: row;\n      }\n\n      .card {\n        align-items: center;\n        background-color: var(--white);\n        border: var(--hairline) solid var(--black-10);\n        color: var(--text-color);\n        display: flex;\n        flex-direction: column;\n        font-size: var(--font-size-h3);\n        font-weight: bold;\n        justify-content: center;\n        line-height: var(--line-height-h4);\n        margin-inline: auto;\n        max-width: 100%;\n        min-height: var(--spacing-layout-8);\n        padding: var(--spacing-component-5);\n        text-align: center;\n        text-decoration: none;\n        transition: box-shadow 1s;\n        width: var(--column-span-4);\n      }\n\n      a.card {\n        box-shadow: var(--shadow-small);\n        color: var(--text-color);\n      }\n\n      a.card:hover {\n        box-shadow: var(--shadow-medium);\n      }\n\n      img {\n        aspect-ratio: 2 / 1;\n        object-fit: contain;\n        width: 100%;\n      }\n    "])))]),customElements.get("cfa-logo-card")||customElements.define("cfa-logo-card",v)},518(n,e,t){var i,r,o=t(161),a=t(601);function s(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function l(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}class c extends o.WF{handleSlotchange(n){const e=n.target.assignedNodes({flatten:!0}),t=this.shadowRoot.querySelector("ul");t.innerHTML="",e.forEach(n=>{"UL"===n.tagName&&n.querySelectorAll("li").forEach(n=>{t.appendChild(n.cloneNode(!0))})})}render(){return(0,o.qy)(i||(i=s(["\n      <slot @slotchange=",'></slot>\n      <nav data-font-size="','">\n        <ul></ul>\n      </nav>\n    '])),this.handleSlotchange,this.fontSize)}}l(c,"properties",{fontSize:{}}),l(c,"styles",[a.s,(0,o.AH)(r||(r=s(['\n      :host {\n        --link-color: var(--purple-80);\n        --link-hover-color: var(--purple-80);\n\n        display: block;\n        font-family: var(--font-family-sans-serif);\n      }\n\n      slot {\n        display: none;\n      }\n\n      nav {\n        font-size: var(--font-size);\n        line-height: var(--line-height);\n      }\n\n      nav[data-font-size="small"] {\n        font-size: var(--font-size-small);\n        line-height: var(--line-height-small);\n      }\n\n      nav[data-font-size="large"] {\n        font-size: var(--font-size-h3);\n        line-height: var(--line-height-h3);\n      }\n\n      ul {\n        display: flex;\n        flex-direction: row;\n        gap: var(--spacing-component-1);\n        list-style: none;\n        margin: 0;\n        padding: 0;\n      }\n\n      li {\n        flex-shrink: 0;\n        margin: 0;\n        padding: 0;\n      }\n\n      li.is-active a {\n        box-shadow: inset 0 calc(-1 * var(--medium)) var(--link-hover-color);\n      }\n\n      a {\n        box-shadow: 0;\n        color: var(--link-color);\n        display: block;\n        font-weight: bold;\n        padding: var(--spacing-component-2) var(--spacing-component-3);\n        text-decoration: none;\n        transition: box-shadow 0.25s ease-in-out;\n      }\n\n      a:hover {\n        box-shadow: inset 0 calc(-1 * var(--medium)) var(--link-hover-color);\n      }\n    '])))]),customElements.get("cfa-nav")||customElements.define("cfa-nav",c)},280(n,e,t){var i,r,o=t(161),a=t(601);function s(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function l(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}class c extends o.WF{handleSlotchange(n){const e=n.target.assignedNodes({flatten:!0}),t=this.shadowRoot.querySelector("ul"),i=[];e.forEach(n=>{"UL"===n.tagName&&n.querySelectorAll("li").forEach(n=>{var e;t.appendChild(n.cloneNode(!0));const r=null===(e=n.querySelector("a"))||void 0===e?void 0:e.getAttribute("href");r&&r.startsWith("#")&&i.push(r.substring(1))})}),window.addEventListener("scroll",()=>this.updateActiveNav(i))}updateActiveNav(n){const e=window.scrollY;let t=null;if(n.forEach(n=>{const i=document.getElementById(n);i&&i.offsetTop<=e+256&&(t=n)}),this.shadowRoot.querySelectorAll("li a").forEach(n=>{n.classList.remove("is-active")}),t){const n=this.shadowRoot.querySelector('li a[href*="#'.concat(t,'"]'));n&&n.classList.add("is-active")}}render(){return(0,o.qy)(i||(i=s(["\n      <slot @slotchange=","></slot>\n      <nav>\n        <ul>\n          <li><strong>On this page: &ensp;</strong></li>\n        </ul>\n      </nav>\n    "])),this.handleSlotchange)}}l(c,"properties",{fontSize:{}}),l(c,"styles",[a.s,(0,o.AH)(r||(r=s(["\n      :host {\n        --bg-color: var(--white);\n        --link-color: var(--purple-80);\n        --link-hover-color: var(--purple-80);\n\n        background-color: var(--bg-color);\n        display: block;\n        padding-block: var(--spacing-layout-1);\n        display: block;\n        font-family: var(--font-family-sans-serif);\n        font-size: var(--font-size-small);\n        line-height: var(--font-size-small);\n      }\n\n      slot {\n        display: none;\n      }\n\n      nav {\n      }\n\n      ul {\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-layout-half);\n        margin: 0;\n        padding: 0 var(--outer-margin);\n        min-height: var(--spacing-layout-2);\n      }\n\n      li {\n        display: block;\n      }\n\n      a {\n        background-color: var(--purple-10);\n        border-radius: var(--rounded-corners);\n        color: var(--link-color);\n        display: block;\n        position: relative;\n        padding: var(--spacing-layout-half);\n        text-decoration: none;\n      }\n\n      a:hover {\n        background-color: var(--blue-20);\n        color: var(--link-hover-color);\n      }\n\n      a:active {\n        background-color: var(--blue-40);\n        color: var(--link-color);\n      }\n\n      @media (min-width: 768px) {\n        :host {\n          box-shadow: var(--shadow-small);\n          padding-block: var(--spacing-component-2);\n          position: sticky;\n          top: 0;\n          z-index: 3;\n        }\n\n        nav {\n          align-items: center;\n          display: flex;\n          flex-direction: row;\n          margin-inline: auto;\n          max-width: var(--grid-max-width);\n          overflow-x: auto;\n          overflow-y: hidden;\n          scrollbar-width: none;\n        }\n\n        ul {\n          align-items: center;\n          display: flex;\n          flex-direction: row;\n          gap: var(--spacing-component-2);\n        }\n\n        a,\n        li {\n          max-width: none;\n          white-space: nowrap;\n        }\n\n        a.is-active {\n          background-color: var(--blue-40);\n        }\n      }\n    "])))]),customElements.get("cfa-page-nav")||customElements.define("cfa-page-nav",c)},696(n,e,t){var i,r,o,a,s=t(161),l=t(601),c=t(205),h=t(227);function d(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function u(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}t(562);class p extends s.WF{render(){return(0,s.qy)(i||(i=d(['\n      <nav>\n        <div class="next">\n          ','\n        </div>\n        <div class="previous">\n          ',"\n        </div>\n      </nav>\n    "])),this.nextUrl?(0,s.qy)(r||(r=d(['\n                <a href="','" class="cfa-button">\n                  <span class="small label"\n                    >Next <cfa-icon>arrow_forward</cfa-icon></span\n                  ><br />\n                  <span class="title normal">',"</span>\n                </a>\n              "])),this.nextUrl,this.nextTitle):"",this.previousUrl?(0,s.qy)(o||(o=d(['\n                <a\n                  href="','"\n                  class="cfa-button cfa-button--outline"\n                >\n                  <span class="small label"\n                    ><cfa-icon>arrow_back</cfa-icon> Previous</span\n                  ><br />\n                  <span class="title normal">',"</span>\n                </a>\n              "])),this.previousUrl,this.previousTitle):"")}}u(p,"properties",{previousTitle:{},previousUrl:{},nextTitle:{},nextUrl:{}}),u(p,"styles",[l.s,c.g,h.V,(0,s.AH)(a||(a=d(["\n      :host {\n        display: block;\n      }\n\n      * {\n        box-sizing: border-box;\n        text-wrap: comfortable;\n      }\n\n      nav {\n        display: flex;\n        flex-direction: column;\n        column-gap: var(--gutter-width);\n        row-gap: var(--spacing-layout-half);\n      }\n\n      nav > * > * {\n        width: 100%;\n      }\n\n      @media (min-width: 768px) {\n        nav {\n          flex-direction: row-reverse;\n          justify-content: space-between;\n        }\n\n        a {\n          min-width: var(--column-span-4);\n        }\n\n        .next a {\n          text-align: end;\n        }\n\n        .previous a {\n          text-align: start;\n        }\n      }\n    "])))]),customElements.get("cfa-pager")||customElements.define("cfa-pager",p)},663(n,e,t){var i,r,o,a,s=t(161),l=t(601),c=t(227);function h(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function d(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}t(562);class u extends s.WF{constructor(){super(),this.previousLabel="Previous",this.nextLabel="Next",this.page=1,this.totalPages=1}render(){return(0,s.qy)(i||(i=h(['\n      <div class="pagination">\n        <div class="previous">\n          ','\n        </div>\n        <div class="status">Page '," of ",'</div>\n        <div class="next">\n          ',"\n        </div>\n      </div>\n    "])),this.page>1?(0,s.qy)(r||(r=h(['\n                <button class="cfa-button" @click="','">\n                  <cfa-icon>arrow_back</cfa-icon>&nbsp;',"\n                </button>\n              "])),this.handlePreviousPage,this.previousLabel):"",this.page,this.totalPages,this.page<this.totalPages?(0,s.qy)(o||(o=h(['\n                <button class="cfa-button" @click="','">\n                  ',"&nbsp;<cfa-icon>arrow_forward</cfa-icon>\n                </button>\n              "])),this.handleNextPage,this.nextLabel):"")}handleNextPage(){if(this.page<this.totalPages){this.page++;const n=new CustomEvent("page-change",{bubbles:!0,cancelable:!0,detail:this.page});this.dispatchEvent(n)}}handlePreviousPage(){if(this.page>1){this.page--;const n=new CustomEvent("page-change",{bubbles:!0,cancelable:!0,detail:this.page});this.dispatchEvent(n)}}}d(u,"properties",{page:{type:Number},totalPages:{type:Number},previousLabel:{},nextLabel:{}}),d(u,"styles",[l.s,c.V,(0,s.AH)(a||(a=h(["\n      :host {\n        display: block;\n      }\n\n      .pagination {\n        align-items: center;\n        display: flex;\n        flex-direction: row;\n        gap: var(--gutter-width);\n        justify-content: space-between;\n      }\n\n      .pagination > * {\n        flex: 1;\n      }\n\n      .status {\n        font-size: var(--font-size-small);\n        line-height: var(-line-height-small);\n        color: var(--gray-60);\n        text-align: center;\n      }\n\n      @media (max-width: 768px) {\n        .status {\n          display: none;\n        }\n      }\n\n      .previous {\n        text-align: left;\n      }\n\n      .next {\n        text-align: right;\n      }\n    "])))]),customElements.get("cfa-pagination")||customElements.define("cfa-pagination",u)},881(n,e,t){var i,r,o,a,s,l,c,h,d,u,p,v=t(161),f=t(601),g=t(205);function m(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function b(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}t(330),t(804);class y extends v.WF{render(){var n,e;return(0,v.qy)(i||(i=m(['\n      <div class="card ','">\n        \x3c!-- Link overlay pseudo-element so we can do nested links within the card --\x3e\n        ','\n        <div class="avatar">\n          ','\n        </div>\n        <div class="details">\n          <div>\n            <div class="name h4">\n              ',"\n            </div>\n            ",'\n          </div>\n          <div class="title small">\n            ',"\n          </div>\n          ","\n        </div>\n      </div>\n    "])),this.linkUrl?"has-link":"",this.linkUrl?(0,v.qy)(r||(r=m(['\n              <a\n                href="','"\n                target="','"\n                rel="','"\n                class="link-overlay"\n                tabindex="-1"\n              >\n              </a>\n            '])),this.linkUrl,this.linkTarget||"_self","_blank"==this.linkTarget?"noopener":v.s6):"",this.linkUrl?(0,v.qy)(o||(o=m(['\n                <a\n                  href="','"\n                  target="','"\n                  rel="','"\n                >\n                  <cfa-avatar\n                    imageUrl="','"\n                    altText="Avatar photo of ','"\n                    size="3"\n                  >\n                  </cfa-avatar>\n                </a>\n              '])),this.linkUrl,this.linkTarget||"_self","_blank"==this.linkTarget?"noopener":v.s6,this.imageUrl,this.name):(0,v.qy)(a||(a=m(['\n                <cfa-avatar\n                  imageUrl="','"\n                  altText="Avatar photo of ','"\n                  size="3"\n                >\n                </cfa-avatar>\n              '])),this.imageUrl,this.name),this.linkUrl?(0,v.qy)(s||(s=m(['\n                    <a\n                      href="','"\n                      target="','"\n                      rel="','"\n                    >\n                      ',"\n                    </a>\n                  "])),this.linkUrl,this.linkTarget||"_self","_blank"==this.linkTarget?"noopener":v.s6,this.name.trim()):(0,v.qy)(l||(l=m([" "," "])),this.name.trim()),this.pronouns?(0,v.qy)(c||(c=m([' <span class="pronouns small">(',")</span> "])),this.pronouns):"",[null===(n=this.title)||void 0===n?void 0:n.trim(),null===(e=this.company)||void 0===e?void 0:e.trim()].filter(Boolean).join(", "),this.linkedInUrl||this.twitterHandle?(0,v.qy)(h||(h=m(['\n                <div class="social">\n                  ',"\n                  ","\n                </div>\n              "])),this.linkedInUrl?(0,v.qy)(d||(d=m(['\n                        <a\n                          href="','"\n                          target="_blank"\n                          rel="noopener"\n                          title="View ','\'s profile on LinkedIn"\n                        >\n                          <cfa-social-icon icon="linkedin" />\n                        </a>\n                      '])),this.linkedInUrl,this.name):v.s6,this.twitterHandle?(0,v.qy)(u||(u=m(['\n                        <a\n                          href="https://twitter.com/','"\n                          target="_blank"\n                          rel="noopener"\n                          title="View ','\'s profile on X (Twitter)"\n                        >\n                          <cfa-social-icon icon="twitter" />\n                        </a>\n                      '])),this.twitterHandle,this.name):v.s6):v.s6)}}b(y,"properties",{name:{type:"string"},title:{type:"string"},company:{type:"string"},pronouns:{type:"string"},imageUrl:{type:"string"},imageAltText:{type:"string"},linkUrl:{type:"string"},linkedInUrl:{type:"string"},twitterHandle:{type:"string"}}),b(y,"styles",[f.s,g.g,(0,v.AH)(p||(p=m(['\n      :host {\n        display: block;\n      }\n\n      .card {\n        border-radius: var(--rounded-corners);\n        position: relative;\n        display: flex;\n        flex-direction: row;\n        margin-inline: auto;\n        max-width: 100%;\n        text-align: start;\n        width: var(--column-span-4);\n        transform: translate(0, 0); // hack to ensure pseudo element is stacked above parent background\n      }\n\n      .card.has-link::before {\n        border-radius: var(--rounded-corners);\n        bottom: calc(-1 * var(--thick));\n        content: "";\n        height: calc(100% + 2 * var(--thick)));\n        left: calc(-1 * var(--thick));\n        position: absolute;\n        right: calc(-1 * var(--thick));\n        top: calc(-1 * var(--thick));\n        width: calc(100% + 2 * var(--thick)));\n        z-index: -1;\n        transition: \n          background-color 0.5s ease-in-out,\n          box-shadow 0.5s ease-in-out;\n      }\n\n      .card.has-link:hover::before,\n      .card.has-link:focus-visible::before {\n        background-color: var(--white);\n        box-shadow: var(--shadow-medium);\n      }\n\n      .card.has-link .name a {\n        box-shadow: 0;\n        color: var(--purple-80);\n        transition: box-shadow 0.5s ease-in-out;\n      }\n\n      .card.has-link:hover .name a {\n        box-shadow: inset 0 calc(-1 * var(--thick)) 0 0 var(--purple-20);\n      }\n\n      a {\n        position: relative;\n        text-decoration: none;\n        z-index: 1;\n      }\n\n      a.link-overlay {\n        position: static;\n      }\n\n      a.link-overlay::before {\n        content: "";\n        position: absolute;\n        z-index: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n      }\n      \n      .avatar {\n        flex-grow: 0;\n      }\n\n      .name {\n        display: inline-block;\n      }\n\n      .pronouns {\n        color: var(--purple-60);\n      }\n      \n      .details {\n        color: var(--black);\n        flex-grow: 1;\n        padding-block-start: var(--spacing-component-2);\n        padding-inline-start: var(--spacing-component-2);\n      }\n\n      .social {\n        font-size: 0.9rem;\n        margin-block-start: var(--spacing-component-1);\n      }\n      \n      .social a {\n        align-items: center;\n        border-radius: 10000px;\n        color: var(--purple-80);\n        display: inline-flex;\n        height: var(--spacing-component-4);\n        justify-content: center;\n        margin: calc(-1 * var(--spacing-component-2));\n        width: var(--spacing-component-4);\n      }\n\n      .social a:hover {\n        background-color: var(--purple-20);\n      }\n\n      .social > a + a {\n        margin-inline-start: var(--spacing-component-2);\n      }\n    '])))]),customElements.get("cfa-person-card")||customElements.define("cfa-person-card",y)},200(n,e,t){var i,r,o,a,s,l=t(161),c=t(601);function h(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}class d extends l.WF{render(){return(0,l.qy)(i||(i=h([" <slot /> "])))}}o=d,a="styles",s=[c.s,(0,l.AH)(r||(r=h(["\n      :host {\n        --bg-color: var(--gray-20);\n        --text-color: var(--gray-80);\n\n        background-color: var(--bg-color);\n        border-radius: var(--spacing-component-3);\n        color: var(--text-color);\n        display: inline-block;\n        font-size: var(--font-size-small);\n        font-weight: bold;\n        line-height: 1;\n        margin-right: var(--spacing-component-1);\n        padding: var(--spacing-component-1) var(--spacing-component-2);\n        vertical-align: middle;\n      }\n    "])))],(a=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(a))in o?Object.defineProperty(o,a,{value:s,enumerable:!0,configurable:!0,writable:!0}):o[a]=s,customElements.get("cfa-pill")||customElements.define("cfa-pill",d)},884(n,e,t){var i,r,o,a,s,l=t(161),c=t(601),h=t(205);function d(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function u(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}t(562);class p extends l.WF{render(){return(0,l.qy)(i||(i=d(['\n      <a\n        href="','"\n        target="','"\n        class="promo\n      "\n      >\n        ',"\n        ","\n        ","\n      </a>\n    "])),this.linkUrl||"javascript:void(0)",this.linkTarget||l.s6,this.heading?(0,l.qy)(r||(r=d([' <div class="h4 sans-serif">',"</div> "])),this.heading):l.s6,this.text?(0,l.qy)(o||(o=d([' <div class="small">',"</div> "])),this.text):l.s6,this.actionLabel?(0,l.qy)(a||(a=d(['\n              <div class="action-label small strong">\n                '," <cfa-icon>arrow_forward</cfa-icon>\n              </div>\n            "])),this.actionLabel):l.s6)}}u(p,"properties",{heading:{},text:{},actionLabel:{},linkUrl:{},linkTarget:{}}),u(p,"styles",[c.s,h.g,(0,l.AH)(s||(s=d(["\n      :host {\n        --bg-color: var(--blue-20);\n        --padding: var(--spacing-component-4);\n        --text-color: var(--black);\n        --action-label-color: var(--purple-60);\n        --action-label-hover-color: var(--red-60);\n\n        display: block;\n      }\n\n      .promo,\n      a.promo {\n        background-color: var(--bg-color);\n        box-shadow: var(--shadow-small);\n        color: var(--text-color, #000);\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-layout-half);\n        padding: var(--padding);\n        text-align: center;\n        text-decoration: none;\n        transition: box-shadow 0.2s ease-in-out;\n      }\n\n      a.promo:hover {\n        box-shadow: var(--shadow-medium);\n      }\n\n      .action-label {\n        color: var(--action-label-color);\n      }\n\n      a.promo:hover .action-label {\n        color: var(--action-label-hover-color);\n      }\n    "])))]),customElements.get("cfa-promo")||customElements.define("cfa-promo",p)},250(n,e,t){var i,r,o=t(161),a=t(601);function s(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function l(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}class c extends o.WF{render(){return(0,o.qy)(i||(i=s(["\n      <blockquote>\n        <slot />\n      </blockquote>\n    "])))}}l(c,"properties",{}),l(c,"styles",[a.s,(0,o.AH)(r||(r=s(["\n      :host {\n        --color: var(--purple-60);\n\n        display: block;\n      }\n      blockquote {\n        border-inline-start: var(--thick) solid var(--color);\n        color: var(--color);\n        font-size: var(--font-size-h3);\n        font-weight: 600;\n        line-height: var(--line-height-h3);\n        margin: 0;\n        padding: var(--spacing-layout-half) var(--spacing-layout-1);\n      }\n      p {\n        margin: 0;\n      }\n      p + p {\n        margin-block-start: var(--spacing-layout-half);\n      }\n    "])))]),customElements.get("cfa-pullquote")||customElements.define("cfa-pullquote",c)},771(n,e,t){var i,r,o=t(161),a=t(601);function s(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function l(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}class c extends o.WF{render(){return(0,o.qy)(i||(i=s(['\n      <figure>\n        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 339.42 264.4" aria-hidden="true" shape-rendering="geometricPrecision">\n          <path d="M91.69,126.5c-9.19,0-15.39,1-18.59,3,4.01-16,12.59-32.41,25.8-49.21h0c12.8-15.99,26.61-27.79,41.4-35.39h1.2l.61-1.21c3.19-1.2,4.79-4.2,4.79-9,0-3.2-1.39-6-4.21-8.4L104.9,2.29c-1.61-1.2-3.79-1.79-6.6-1.79l-4.2,1.2c-28.8,20.8-51.4,45.6-67.8,74.4C9.09,106.1.5,137.7.5,170.9c0,28.39,8.21,51.2,24.61,68.39,14.79,16.4,33.4,24.61,55.79,24.61,19.61,0,36.6-7.01,51-21,14-14.4,21-31.4,21-51s-6-34.8-18-46.8c-11.6-12.39-26-18.6-43.21-18.6Z"/>\n          <path d="M276.52,126.5c-8.39,0-14.39,1-18,3,4.01-16,12.79-32.4,26.4-49.21,13.21-16,27-27.79,41.4-35.39l.6-1.21c4-1.2,6-4.2,6-9,0-2.8-1.39-5.61-4.21-8.4l-37.8-24c-2-1.2-4.21-1.79-6.6-1.79l-4.2,1.2h-.6c-29.21,20.8-52,45.61-68.39,74.4-17.21,30-25.8,61.6-25.8,94.8,0,28.39,8.21,51.2,24.6,68.39,15.6,16.4,34.61,24.61,57,24.61,19.61,0,36.6-7.01,51-21,14-14.4,21-31.4,21-51s-6-34.8-18-46.8c-11.6-12.39-26.4-18.6-44.4-18.6Z"/>\n        </svg>\n        <div class="content">\n          <blockquote>\n            <slot name="text" /><slot />\n          </blockquote>\n          <figcaption>\n            <slot name="attribution" />\n          </figcaption>\n        </div>\n      </figure>\n    '])))}}l(c,"properties",{text:{},attribution:{}}),l(c,"styles",[a.s,(0,o.AH)(r||(r=s(['\n      :host {\n        --attribution-color: var(--purple-60);\n        container-type: inline-size;\n        display: block;\n        width: 100%;\n      }\n\n      figure {\n        margin: 0 auto;\n        position: relative;\n        width: 100%;\n      }\n\n      @container (min-width: 25rem) {\n        figure {\n          display: grid;\n          grid-template-columns: 3rem 1fr;\n          column-gap: var(--spacing-layout-1);\n          grid-template-areas: \n            "icon content";\n        }\n\n        svg {\n          grid-area: icon;\n          margin-block-end: 0;\n        }\n\n        .content {\n          grid-area: content;\n        }\n      }\n\n      blockquote {\n        font-family: var(--font-family-serif);\n        font-size: var(--font-size-h3);\n        line-height: var(--line-height-h3);\n        padding: 0;\n        margin: 0;\n        position: relative;\n      }\n\n      ::slotted(*) {\n        display: inline;\n      }\n\n      figcaption {\n        color: var(--attribution-color);\n        font-size: var(--font-size-small);\n        line-height: var(--line-height-small);\n        font-weight: 600;\n        margin-block-start: var(--spacing-layout-half);\n        margin-inline: 0;\n        position: relative;\n        padding-inline-start: calc(var(--spacing-component-4) + var(--spacing-component-2));\n      }\n\n      figcaption::before {\n        background-color: currentColor;\n        content: "";\n        display: block;\n        position: absolute;\n        left: 0;\n        top: calc(var(--line-height-small) / 2 - var(--hairline) / 2);\n        height: var(--hairline);\n        width: var(--spacing-component-4);\n      }\n\n      svg {\n        display: block;\n        fill: var(--purple-60);\n        height: calc(1.5 * var(--spacing-layout-1));\n        margin-block-end: var(--spacing-layout-half);\n        opacity: 0.5;\n        width: auto;\n      }\n    '])))]),customElements.get("cfa-quote")||customElements.define("cfa-quote",c)},302(n,e,t){var i,r,o=t(161),a=t(601);function s(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function l(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}t(562);class c extends o.WF{constructor(){super(),this.showLabel="Show more",this.hideLabel="Show less",this.showIcon="expand_more",this.hideIcon="expand_less",this.expanded=!1}render(){return(0,o.qy)(i||(i=s(['\n      <slot\n        id="content"\n        class="content ','"\n        aria-labelledby="button"\n        ?hidden="','"\n      ></slot>\n      <div class="controls">\n        <button\n          @click="','"\n          aria-expanded="','"\n          aria-controls="content"\n        >\n          ',"\n          <cfa-icon>","</cfa-icon>\n        </button>\n      </div>\n    "])),this.expanded?"is-expanded":"is-collapsed",!this.expanded,()=>this.expanded=!this.expanded,this.expanded,this.expanded?this.hideLabel:this.showLabel,this.expanded?this.hideIcon:this.showIcon)}}l(c,"properties",{showLabel:{type:String},hideLabel:{type:String},showIcon:{type:String},hideIcon:{type:String},expanded:{type:Boolean,reflect:!0}}),l(c,"styles",[a.s,(0,o.AH)(r||(r=s(["\n      :host {\n        --color: var(--purple-60);\n        --hover-color: var(--red-60);\n        --margin-top: var(--spacing-layout-half) !important;\n\n        display: flex;\n        flex-direction: column;\n        row-gap: var(--spacing-between, 1rem);\n      }\n\n      :host([expanded]) {\n        --margin-top: var(--spacing) !important;\n      }\n\n      button {\n        background: transparent;\n        border: none;\n        color: var(--color);\n        cursor: pointer;\n        font: inherit;\n        font-size: var(--font-size-small, 0.8rem);\n        font-weight: bold;\n        color: var(--)\n        line-height: normal;\n        margin: 0;\n        overflow: visible;\n        padding: 0;\n        width: auto;\n      }\n\n      button:hover {\n        color: var(--hover-color);\n      }\n    "])))]),customElements.get("cfa-reveal")||customElements.define("cfa-reveal",c)},638(n,e,t){var i,r,o,a=t(161),s=t(601);function l(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function c(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}class h extends a.WF{constructor(){super(),this.linkUrl="javascript:void(0);",this.linkTarget="_self"}render(){return(0,a.qy)(i||(i=l(['\n      <a href="','" target="','" class="slide">\n        <div class="image">\n          ','\n        </div>\n        <div class="content">\n          <slot></slot>\n        </div>\n      </a>\n    '])),this.linkUrl,this.linkTarget,this.imageUrl?(0,a.qy)(r||(r=l(['\n                <img\n                  src="','"\n                  alt="','"\n                  loading="lazy"\n                  onerror="this.style.display=\'none\'"\n                />\n              '])),this.imageUrl,this.imageAltText):"")}}c(h,"properties",{imageUrl:{},imageAltText:{},linkUrl:{},linkTarget:{}}),c(h,"styles",[s.s,(0,a.AH)(o||(o=l(['\n      :host {\n        --background: var(--white, #fff);\n        --width: var(--column-span-12);\n      }\n\n      .slide {\n        background: var(--background);\n        filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));\n        color: inherit;\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n        justify-content: stretch;\n        margin-inline: auto;\n        max-width: var(--width);\n        text-decoration: none;\n        transition: filter 0.2s ease-in-out;\n        width: 100%;\n      }\n\n      .slide:hover,\n      .slide:focus {\n        filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.15));\n      }\n\n      .image {\n        background-image: url("https://codeforamerica.org/wp-content/themes/cfa-core/static/images/bg-placeholder-03.svg");\n        background-position: center center;\n        background-size: cover;\n        height: var(--spacing-layout-9);\n        position: relative;\n      }\n\n      .image::after {\n        bottom: 0;\n        box-shadow: inset 0 -50px 50px -50px var(--black-40);\n        content: "";\n        left: 0;\n        position: absolute;\n        right: 0;\n        top: 0;\n        z-index: 2;\n      }\n\n      .image img {\n        height: 100%;\n        object-fit: cover;\n        width: 100%;\n      }\n\n      .content {\n        box-sizing: border-box;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        padding: var(--spacing-component-4);\n      }\n\n      @media (min-width: 1024px) {\n        .slide {\n          flex-direction: row;\n          min-height: calc(12 * var(--spacing-layout-1));\n        }\n\n        .slide > * {\n          flex-basis: 50%;\n        }\n\n        .image {\n          height: auto;\n        }\n\n        .image::after {\n          box-shadow: inset -50px -50px 50px -50px var(--black-20);\n        }\n      }\n    '])))]),customElements.get("cfa-slide")||customElements.define("cfa-slide",h)},804(n,e,t){var i,r,o,a,s,l,c,h,d,u,p,v,f,g,m,b,y=t(161),w=t(601);function x(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function k(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}class P extends y.WF{constructor(){super()}iconTemplate(n){switch(n){case"bluesky":return(0,y.qy)(i||(i=x(['\n          <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 568 501">\n            <path class="st0" d="M123.1,33.7c65.1,48.9,135.2,148,160.9,201.2,25.7-53.2,95.8-152.3,160.9-201.2,47-35.3,123.1-62.6,123.1,24.3s-9.9,145.7-15.8,166.6c-20.3,72.5-94.2,90.9-159.9,79.7,114.9,19.6,144.1,84.3,81,149.1-119.9,123-172.3-30.9-185.7-70.3-2.5-7.2-3.6-10.6-3.6-7.7,0-2.9-1.2.5-3.6,7.7-13.4,39.4-65.8,193.3-185.7,70.3-63.1-64.8-33.9-129.5,81-149.1-65.7,11.2-139.6-7.3-159.9-79.7C9.9,203.7,0,75.3,0,57.9,0-28.9,76.1-1.6,123.1,33.7Z"/>\n          </svg>\n        '])));case"dropbox":return(0,y.qy)(r||(r=x(['\n          <svg\n            xmlns="http://www.w3.org/2000/svg"\n            height="16"\n            width="16.5"\n            viewBox="0 0 528 512"\n          >\n            \x3c!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--\x3e\n            <path\n              d="M264.4 116.3l-132 84.3 132 84.3-132 84.3L0 284.1l132.3-84.3L0 116.3 132.3 32l132.1 84.3zM131.6 395.7l132-84.3 132 84.3-132 84.3-132-84.3zm132.8-111.6l132-84.3-132-83.6L395.7 32 528 116.3l-132.3 84.3L528 284.8l-132.3 84.3-131.3-85z"\n            />\n          </svg>\n        '])));case"facebook":return(0,y.qy)(o||(o=x(['\n          <svg\n            xmlns="http://www.w3.org/2000/svg"\n            height="16"\n            width="16"\n            viewBox="0 0 512 512"\n          >\n            \x3c!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--\x3e\n            <path\n              d="M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z"\n            />\n          </svg>\n        '])));case"github":return(0,y.qy)(a||(a=x(['\n          <svg\n            xmlns="http://www.w3.org/2000/svg"\n            height="16"\n            width="15.5"\n            viewBox="0 0 496 512"\n          >\n            \x3c!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--\x3e\n            <path\n              d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"\n            />\n          </svg>\n        '])));case"google-drive":return(0,y.qy)(s||(s=x(['\n          <svg\n            xmlns="http://www.w3.org/2000/svg"\n            height="16"\n            width="16"\n            viewBox="0 0 512 512"\n          >\n            \x3c!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--\x3e\n            <path\n              d="M339 314.9L175.4 32h161.2l163.6 282.9H339zm-137.5 23.6L120.9 480h310.5L512 338.5H201.5zM154.1 67.4L0 338.5 80.6 480 237 208.8 154.1 67.4z"\n            />\n          </svg>\n        '])));case"google":return(0,y.qy)(l||(l=x(['\n          <svg\n            xmlns="http://www.w3.org/2000/svg"\n            height="16"\n            width="15.25"\n            viewBox="0 0 488 512"\n          >\n            \x3c!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--\x3e\n            <path\n              d="M488 261.8C488 403.3 391.1 504 248 504 110.8 504 0 393.2 0 256S110.8 8 248 8c66.8 0 123 24.5 166.3 64.9l-67.5 64.9C258.5 52.6 94.3 116.6 94.3 256c0 86.5 69.1 156.6 153.7 156.6 98.2 0 135-70.4 140.8-106.9H248v-85.3h236.1c2.3 12.7 3.9 24.9 3.9 41.4z"\n            />\n          </svg>\n        '])));case"instagram":return(0,y.qy)(c||(c=x(['\n          <svg\n            xmlns="http://www.w3.org/2000/svg"\n            height="16"\n            width="14"\n            viewBox="0 0 448 512"\n          >\n            \x3c!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--\x3e\n            <path\n              d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"\n            />\n          </svg>\n        '])));case"linkedin":return(0,y.qy)(h||(h=x(['\n          <svg\n            xmlns="http://www.w3.org/2000/svg"\n            height="16"\n            width="14"\n            viewBox="0 0 448 512"\n          >\n            \x3c!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--\x3e\n            <path\n              d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"\n            />\n          </svg>\n        '])));case"reddit":return(0,y.qy)(d||(d=x(['\n          <svg\n            xmlns="http://www.w3.org/2000/svg"\n            height="16"\n            width="16"\n            viewBox="0 0 512 512"\n          >\n            \x3c!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--\x3e\n            <path\n              d="M0 256C0 114.6 114.6 0 256 0S512 114.6 512 256s-114.6 256-256 256L37.1 512c-13.7 0-20.5-16.5-10.9-26.2L75 437C28.7 390.7 0 326.7 0 256zM349.6 153.6c23.6 0 42.7-19.1 42.7-42.7s-19.1-42.7-42.7-42.7c-20.6 0-37.8 14.6-41.8 34c-34.5 3.7-61.4 33-61.4 68.4l0 .2c-37.5 1.6-71.8 12.3-99 29.1c-10.1-7.8-22.8-12.5-36.5-12.5c-33 0-59.8 26.8-59.8 59.8c0 24 14.1 44.6 34.4 54.1c2 69.4 77.6 125.2 170.6 125.2s168.7-55.9 170.6-125.3c20.2-9.6 34.1-30.2 34.1-54c0-33-26.8-59.8-59.8-59.8c-13.7 0-26.3 4.6-36.4 12.4c-27.4-17-62.1-27.7-100-29.1l0-.2c0-25.4 18.9-46.5 43.4-49.9l0 0c4.4 18.8 21.3 32.8 41.5 32.8zM177.1 246.9c16.7 0 29.5 17.6 28.5 39.3s-13.5 29.6-30.3 29.6s-31.4-8.8-30.4-30.5s15.4-38.3 32.1-38.3zm190.1 38.3c1 21.7-13.7 30.5-30.4 30.5s-29.3-7.9-30.3-29.6c-1-21.7 11.8-39.3 28.5-39.3s31.2 16.6 32.1 38.3zm-48.1 56.7c-10.3 24.6-34.6 41.9-63 41.9s-52.7-17.3-63-41.9c-1.2-2.9 .8-6.2 3.9-6.5c18.4-1.9 38.3-2.9 59.1-2.9s40.7 1 59.1 2.9c3.1 .3 5.1 3.6 3.9 6.5z"\n            />\n          </svg>\n        '])));case"soundcloud":return(0,y.qy)(u||(u=x(['\n          <svg\n            xmlns="http://www.w3.org/2000/svg"\n            height="16"\n            width="20"\n            viewBox="0 0 640 512"\n          >\n            \x3c!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--\x3e\n            <path\n              d="M111.4 256.3l5.8 65-5.8 68.3c-.3 2.5-2.2 4.4-4.4 4.4s-4.2-1.9-4.2-4.4l-5.6-68.3 5.6-65c0-2.2 1.9-4.2 4.2-4.2 2.2 0 4.1 2 4.4 4.2zm21.4-45.6c-2.8 0-4.7 2.2-5 5l-5 105.6 5 68.3c.3 2.8 2.2 5 5 5 2.5 0 4.7-2.2 4.7-5l5.8-68.3-5.8-105.6c0-2.8-2.2-5-4.7-5zm25.5-24.1c-3.1 0-5.3 2.2-5.6 5.3l-4.4 130 4.4 67.8c.3 3.1 2.5 5.3 5.6 5.3 2.8 0 5.3-2.2 5.3-5.3l5.3-67.8-5.3-130c0-3.1-2.5-5.3-5.3-5.3zM7.2 283.2c-1.4 0-2.2 1.1-2.5 2.5L0 321.3l4.7 35c.3 1.4 1.1 2.5 2.5 2.5s2.2-1.1 2.5-2.5l5.6-35-5.6-35.6c-.3-1.4-1.1-2.5-2.5-2.5zm23.6-21.9c-1.4 0-2.5 1.1-2.5 2.5l-6.4 57.5 6.4 56.1c0 1.7 1.1 2.8 2.5 2.8s2.5-1.1 2.8-2.5l7.2-56.4-7.2-57.5c-.3-1.4-1.4-2.5-2.8-2.5zm25.3-11.4c-1.7 0-3.1 1.4-3.3 3.3L47 321.3l5.8 65.8c.3 1.7 1.7 3.1 3.3 3.1 1.7 0 3.1-1.4 3.1-3.1l6.9-65.8-6.9-68.1c0-1.9-1.4-3.3-3.1-3.3zm25.3-2.2c-1.9 0-3.6 1.4-3.6 3.6l-5.8 70 5.8 67.8c0 2.2 1.7 3.6 3.6 3.6s3.6-1.4 3.9-3.6l6.4-67.8-6.4-70c-.3-2.2-2-3.6-3.9-3.6zm241.4-110.9c-1.1-.8-2.8-1.4-4.2-1.4-2.2 0-4.2 .8-5.6 1.9-1.9 1.7-3.1 4.2-3.3 6.7v.8l-3.3 176.7 1.7 32.5 1.7 31.7c.3 4.7 4.2 8.6 8.9 8.6s8.6-3.9 8.6-8.6l3.9-64.2-3.9-177.5c-.4-3-2-5.8-4.5-7.2zm-26.7 15.3c-1.4-.8-2.8-1.4-4.4-1.4s-3.1 .6-4.4 1.4c-2.2 1.4-3.6 3.9-3.6 6.7l-.3 1.7-2.8 160.8s0 .3 3.1 65.6v.3c0 1.7 .6 3.3 1.7 4.7 1.7 1.9 3.9 3.1 6.4 3.1 2.2 0 4.2-1.1 5.6-2.5 1.7-1.4 2.5-3.3 2.5-5.6l.3-6.7 3.1-58.6-3.3-162.8c-.3-2.8-1.7-5.3-3.9-6.7zm-111.4 22.5c-3.1 0-5.8 2.8-5.8 6.1l-4.4 140.6 4.4 67.2c.3 3.3 2.8 5.8 5.8 5.8 3.3 0 5.8-2.5 6.1-5.8l5-67.2-5-140.6c-.2-3.3-2.7-6.1-6.1-6.1zm376.7 62.8c-10.8 0-21.1 2.2-30.6 6.1-6.4-70.8-65.8-126.4-138.3-126.4-17.8 0-35 3.3-50.3 9.4-6.1 2.2-7.8 4.4-7.8 9.2v249.7c0 5 3.9 8.6 8.6 9.2h218.3c43.3 0 78.6-35 78.6-78.3 .1-43.6-35.2-78.9-78.5-78.9zm-296.7-60.3c-4.2 0-7.5 3.3-7.8 7.8l-3.3 136.7 3.3 65.6c.3 4.2 3.6 7.5 7.8 7.5 4.2 0 7.5-3.3 7.5-7.5l3.9-65.6-3.9-136.7c-.3-4.5-3.3-7.8-7.5-7.8zm-53.6-7.8c-3.3 0-6.4 3.1-6.4 6.7l-3.9 145.3 3.9 66.9c.3 3.6 3.1 6.4 6.4 6.4 3.6 0 6.4-2.8 6.7-6.4l4.4-66.9-4.4-145.3c-.3-3.6-3.1-6.7-6.7-6.7zm26.7 3.4c-3.9 0-6.9 3.1-6.9 6.9L227 321.3l3.9 66.4c.3 3.9 3.1 6.9 6.9 6.9s6.9-3.1 6.9-6.9l4.2-66.4-4.2-141.7c0-3.9-3-6.9-6.9-6.9z"\n            />\n          </svg>\n        '])));case"threads":return(0,y.qy)(p||(p=x(['\n          <svg\n            xmlns="http://www.w3.org/2000/svg"\n            height="16"\n            width="14"\n            viewBox="0 0 448 512"\n          >\n            \x3c!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--\x3e\n            <path\n              d="M331.5 235.7c2.2 .9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6V256v-.2C17 184.3 33.6 127.2 65.9 86.2C102.2 40.1 156.2 16.5 226.4 16h.3c70.3 .5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8H227c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6 .4 99.9 39.5 103.7 107.7l-.2 .2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6 .1-14.4 .4c-42.9 2.4-57.2 23.2-56.2 41.8l-.1 .1z"\n            />\n          </svg>\n        '])));case"twitter":return(0,y.qy)(v||(v=x(['\n          <svg\n            xmlns="http://www.w3.org/2000/svg"\n            height="16"\n            width="16"\n            viewBox="0 0 512 512"\n          >\n            \x3c!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--\x3e\n            <path\n              d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"\n            />\n          </svg>\n        '])));case"wikipedia":return(0,y.qy)(f||(f=x(['\n          <svg\n            xmlns="http://www.w3.org/2000/svg"\n            height="16"\n            width="20"\n            viewBox="0 0 640 512"\n          >\n            \x3c!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--\x3e\n            <path\n              d="M640 51.2l-.3 12.2c-28.1 .8-45 15.8-55.8 40.3-25 57.8-103.3 240-155.3 358.6H415l-81.9-193.1c-32.5 63.6-68.3 130-99.2 193.1-.3 .3-15 0-15-.3C172 352.3 122.8 243.4 75.8 133.4 64.4 106.7 26.4 63.4 .2 63.7c0-3.1-.3-10-.3-14.2h161.9v13.9c-19.2 1.1-52.8 13.3-43.3 34.2 21.9 49.7 103.6 240.3 125.6 288.6 15-29.7 57.8-109.2 75.3-142.8-13.9-28.3-58.6-133.9-72.8-160-9.7-17.8-36.1-19.4-55.8-19.7V49.8l142.5 .3v13.1c-19.4 .6-38.1 7.8-29.4 26.1 18.9 40 30.6 68.1 48.1 104.7 5.6-10.8 34.7-69.4 48.1-100.8 8.9-20.6-3.9-28.6-38.6-29.4 .3-3.6 0-10.3 .3-13.6 44.4-.3 111.1-.3 123.1-.6v13.6c-22.5 .8-45.8 12.8-58.1 31.7l-59.2 122.8c6.4 16.1 63.3 142.8 69.2 156.7L559.2 91.8c-8.6-23.1-36.4-28.1-47.2-28.3V49.6l127.8 1.1 .2 .5z"\n            />\n          </svg>\n        '])));case"youtube":return(0,y.qy)(g||(g=x(['\n          <svg\n            xmlns="http://www.w3.org/2000/svg"\n            height="16"\n            width="18"\n            viewBox="0 0 576 512"\n          >\n            \x3c!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--\x3e\n            <path\n              d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"\n            />\n          </svg>\n        '])));default:return""}}render(){return(0,y.qy)(m||(m=x(['\n      <span class="social-icon ','" aria-hidden="true">\n        ',"\n      </span>\n    "])),this.icon,this.iconTemplate(this.icon))}}k(P,"properties",{icon:""}),k(P,"styles",[w.s,(0,y.AH)(b||(b=x(["\n      .social-icon {\n        -moz-osx-font-smoothing: grayscale;\n        -webkit-font-smoothing: antialiased;\n      }\n\n      svg {\n        fill: currentColor;\n        height: 1em;\n        vertical-align: -0.125em;\n        width: 1em;\n      }\n    "])))]),customElements.get("cfa-social-icon")||customElements.define("cfa-social-icon",P)},301(n,e,t){var i,r,o=t(161),a=t(601),s=t(205);function l(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function c(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}class h extends o.WF{constructor(){super(),this.animated=!0}firstUpdated(){const n=this.shadowRoot.querySelector(".stat");new IntersectionObserver(n=>{n.forEach(n=>{n.isIntersecting&&n.target.classList.add("is-visible")})},{rootMargin:"0px 0px -20% 0px"}).observe(n)}render(){return(0,o.qy)(i||(i=l(['\n      <div class="stat ','">\n        <div class="above-label strong">','</div>\n        <div class="figure display-2">\n          <span>','</span>\n        </div>\n        <div class="below-label strong">',"</div>\n      </div>\n    "])),this.animated?"is-animated":"",this.beforeLabel,this.figure,this.afterLabel)}}c(h,"properties",{beforeLabel:{},figure:{},afterLabel:{},animated:{}}),c(h,"styles",[a.s,s.g,(0,o.AH)(r||(r=l(["\n      :host {\n        --text-color: var(--text-dark);\n        --highlight-color: var(--purple-20);\n        --highlight-thickness: var(--spacing-layout-half);\n\n        align-self: center;\n        display: block;\n        margin-inline: auto;\n      }\n      .stat {\n        align-items: center;\n        color: var(--text-color);\n        display: flex;\n        flex-direction: column;\n        text-align: center;\n      }\n      .figure {\n        min-width: var(--spacing-layout-3);\n        padding-inline: var(--spacing-component-2);\n      }\n      .figure > span {\n        background-image: linear-gradient(\n          var(--highlight-color),\n          var(--highlight-color)\n        );\n        background-size: 100% var(--highlight-thickness);\n        background-position: bottom 0.15em left;\n        background-repeat: no-repeat;\n        padding-inline: 0.25em;\n      }\n      /* Animation */\n      @media (prefers-reduced-motion: no-preference) {\n        .stat.is-animated .figure > span {\n          background-size: 0% var(--highlight-thickness);\n          transition: background-size 1s ease;\n        }\n        .stat.is-animated.is-visible .figure > span {\n          background-size: 100% var(--highlight-thickness);\n        }\n      }\n    "])))]),customElements.get("cfa-stat")||customElements.define("cfa-stat",h)},682(n,e,t){var i,r,o=t(161),a=t(601),s=t(227);function l(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function c(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}t(36);class h extends o.WF{constructor(){super()}firstUpdated(){this.addEventListener("click",this._onTabClick),this.setAttribute("role","tablist"),this._setInitialAriaAttributes()}_setInitialAriaAttributes(){this.querySelectorAll("cfa-tab").forEach((n,e)=>{n.setAttribute("role","tab"),n.setAttribute("aria-selected","false"),n.setAttribute("tabindex","-1"),0===e&&(n.setAttribute("aria-selected","true"),n.setAttribute("tabindex","0"))})}_onTabClick(n){const e=n.target.closest("cfa-tab");e&&this._setActiveTab(e)}_setActiveTab(n){this.querySelectorAll("cfa-tab").forEach(n=>{n.removeAttribute("active"),n.setAttribute("aria-selected","false"),n.setAttribute("tabindex","-1")}),n.setAttribute("active",""),n.setAttribute("aria-selected","true"),n.setAttribute("tabindex","0");let e=n.id;e&&e.startsWith("tab-")&&(e=e.substring(4)),console.log("Tab changed event dispatched with ID:",e),this.dispatchEvent(new CustomEvent("tab-changed",{detail:{id:e},bubbles:!0,composed:!0}))}render(){return(0,o.qy)(i||(i=l(['\n      <div class="tab-list" role="tablist">\n        <slot></slot>\n      </div>\n    '])))}}c(h,"properties",{}),c(h,"styles",[a.s,s.V,(0,o.AH)(r||(r=l(['\n      :host {\n        display: block;\n        width: calc(100% + var(--outer-margin));\n      }\n\n      .tab-list {\n        display: flex;\n        flex-direction: row;\n        line-height: 1;\n        margin-inline-start: calc(-1 * var(--outer-margin));\n        overflow-x: auto;\n        overflow-y: hidden;\n        scrollbar-width: none;\n        white-space: nowrap;\n      }\n\n      .tab-list::before {\n        content: "";\n        min-width: var(--outer-margin);\n      }\n\n      .tab-list::after {\n        border-bottom: var(--hairline) solid var(--gray-40);\n        content: "";\n        flex-grow: 1;\n        margin-right: var(--outer-margin);\n      }\n\n      ::slotted(*) {\n        max-width: none !important;\n        white-space: nowrap !important;\n      }\n    '])))]),customElements.get("cfa-tab-list")||customElements.define("cfa-tab-list",h)},36(n,e,t){var i,r,o=t(161),a=t(601),s=t(205);function l(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function c(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}class h extends o.WF{constructor(){super(),this.active=!1,this.panelId=""}firstUpdated(){this.addEventListener("keydown",this._onKeyDown)}_onKeyDown(n){const e=Array.from(this.parentElement.querySelectorAll("cfa-tab")),t=e.indexOf(this);let i;switch(n.key){case"ArrowLeft":i=(t-1+e.length)%e.length,e[i].shadowRoot.querySelector("button").focus();break;case"ArrowRight":i=(t+1)%e.length,e[i].shadowRoot.querySelector("button").focus();break;case"Home":e[0].shadowRoot.querySelector("button").focus();break;case"End":e[e.length-1].shadowRoot.querySelector("button").focus()}}render(){return(0,o.qy)(i||(i=l(['\n      <button\n        role="tab"\n        aria-selected="','"\n        aria-controls="','"\n        class="','"\n        tabindex="','"\n      >\n        <slot></slot>\n      </button>\n    '])),this.active?"true":"false",this.panelId,this.active?"active":"",this.active?"0":"-1")}}c(h,"properties",{active:{type:Boolean},panelId:{type:String}}),c(h,"styles",[a.s,s.g,(0,o.AH)(r||(r=l(["\n      button {\n        background: none;\n        border: 0;\n        box-shadow: inset 0 calc(-1 * var(--hairline)) 0 0 var(--gray-40);\n        color: var(--gray-80);\n        cursor: pointer;\n        font-family: var(--font-family-sans-serif);\n        font-size: var(--font-size-small);\n        font-weight: normal;\n        padding: var(--spacing-component-2) var(--spacing-component-3)\n          calc(var(--spacing-component-2) + var(--medium));\n      }\n      button:focus {\n        background-color: var(--focus-color);\n        outline: none;\n      }\n      button:not(.active):hover {\n        box-shadow: inset 0 calc(-1 * var(--medium)) 0 0 var(--purple-40);\n        color: var(--black);\n      }\n      button.active {\n        box-shadow: inset 0 calc(-1 * var(--medium)) 0 0 var(--purple-60);\n        color: var(--black);\n        font-weight: bold;\n      }\n    "])))]),customElements.get("cfa-tab")||customElements.define("cfa-tab",h)},867(n,e,t){var i,r,o,a,s,l,c,h,d=t(161),u=t(601),p=t(205);function v(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function f(n,e,t){return(e=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}t(544),t(562);class g extends d.WF{tileContentTemplate(){return(0,d.qy)(i||(i=v(["\n      ",'\n\n      <div class="title h3">',"</div>\n\n      \x3c!-- Description --\x3e\n      ","\n\n      \x3c!-- Action label --\x3e\n      ","\n    "])),this.imageUrl?(0,d.qy)(r||(r=v(['\n            <picture>\n              <cfa-blob></cfa-blob>\n              <img\n                src="','"\n                alt="','"\n                load="lazy"\n              />\n            </picture>\n          '])),this.imageUrl,this.imageAltText):d.s6,this.title,this.description?(0,d.qy)(o||(o=v([' <p class="small">',"</p> "])),this.description):d.s6,this.actionLabel?(0,d.qy)(a||(a=v(['\n            <div class="label small strong">\n              ',"&nbsp;<cfa-icon>arrow_forward</cfa-icon>\n            </div>\n          "])),this.actionLabel):d.s6)}render(){return(0,d.qy)(s||(s=v(["\n      <style>\n        cfa-blob {\n          --color: var(--blob-color);\n        }\n      </style>\n      ","\n    "])),this.linkUrl?(0,d.qy)(l||(l=v(['\n            <a\n              href="','"\n              target="','"\n              rel="','"\n              class="tile"\n            >\n              ',"\n            </a>\n          "])),this.linkUrl,this.linkTarget,"_blank"==this.linkTarget?"noopener":d.s6,this.tileContentTemplate()):(0,d.qy)(c||(c=v([' <div class="tile">',"</div> "])),this.tileContentTemplate()))}}f(g,"properties",{title:{type:String},description:{type:String},actionLabel:{type:String},linkUrl:{type:String},linkTarget:{type:String},imageUrl:{type:String},imageThumbnailUrl:{type:String},imageAltText:{type:String}}),f(g,"styles",[u.s,p.g,(0,d.AH)(h||(h=v(["\n      :host {\n        --bg-color: var(--white);\n        --title-color: var(--purple-60);\n        --text-color: var(--black);\n        --action-label-color: var(--purple-80);\n        --action-label-hover-highlight: var(--purple-20);\n        --blob-color: var(--purple-20);\n\n        align-items: stretch;\n        display: flex;\n        text-align: center;\n        width: 100%;\n      }\n\n      .tile {\n        background-color: var(--bg-color);\n        border-radius: var(--spacing-component-2);\n        border: var(--hairline) solid var(--black-20);\n        color: var(--text-color);\n        display: flex;\n        flex-direction: column;\n        padding: var(--spacing-component-4);\n        text-decoration: none;\n        transition:\n          box-shadow 0.5s ease-in-out,\n          border-color 0.5s ease-in-out;\n        width: 100%;\n      }\n\n      a.tile:hover {\n        box-shadow: var(--shadow-medium);\n        border-color: rgba(0, 0, 0, 0);\n      }\n\n      picture {\n        display: grid;\n        place-items: center;\n        padding-block-end: var(--spacing-layout-1);\n      }\n\n      picture > * {\n        height: var(--spacing-layout-4);\n        grid-area: 1 / 1;\n      }\n\n      cfa-blob {\n        transition: scale 0.5s ease-in-out;\n      }\n\n      a.tile:hover cfa-blob {\n        scale: 1.2;\n      }\n\n      img {\n        object-fit: contain;\n        z-index: 2;\n      }\n\n      .title {\n        color: var(--title-color);\n      }\n\n      .label {\n        color: var(--action-label-color);\n        display: inline-block;\n        margin-block-start: auto;\n        padding-block-start: var(--spacing-layout-half);\n      }\n    "])))]),customElements.get("cfa-tile")||customElements.define("cfa-tile",g)},685(n,e,t){var i,r,o,a,s,l=t(161),c=t(601),h=t(205);function d(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}class u extends l.WF{render(){return(0,l.qy)(i||(i=d(['\n      <div class="label eyebrow-with-line">Transcript</div>\n      <div class="text small">\n        <slot />\n      </div>\n    '])))}}o=u,a="styles",s=[c.s,h.g,(0,l.AH)(r||(r=d(["\n      :host {\n        --label-color: var(--purple-60);\n\n        display: block;\n        max-width: var(--column-span-8);\n      }\n\n      .label {\n        --text-color: var(--label-color);\n      }\n\n      .text {\n        background-color: var(--white);\n        border: var(--hairline) solid var(--black-20);\n        color: var(--black);\n        height: calc(12 * var(--spacing-layout-1));\n        overflow: auto;\n        padding: var(--spacing-component-3);\n      }\n    "])))],(a=function(n){var e=function(n){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(a))in o?Object.defineProperty(o,a,{value:s,enumerable:!0,configurable:!0,writable:!0}):o[a]=s,customElements.get("cfa-transcript")||customElements.define("cfa-transcript",u)},601(n,e,t){var i;t.d(e,{s:()=>r});const r=(0,t(161).AH)(i||(o=["\n  *:focus-visible,\n  *:target {\n    outline: var(--focus-outline);\n    position: relative;\n  }\n\n  // RESET\n\n  // Use a more-intuitive box-sizing model.\n  *, *::before, *::after {\n    box-sizing: border-box;\n  }\n\n  // Remove default margin\n  * {\n    margin: 0;\n  }\n\n  // Set default text-wrap of 'pretty'\n  * {\n    text-wrap: pretty;\n  }\n\n  // Wrap overly long words\n  * {\n    overflow-wrap: break-word;\n    text-overflow: ellipsis;\n    word-break: break-word;\n  }\n\n  // Fix Safari antialiasing for variable fonts\n  * {\n    font-synthesis: none !important;\n  }\n\n  // Improve text rendering\n  body {\n    -webkit-font-smoothing: antialiased;\n  }\n\n  // Reasonable media defaults\n  img, picture, video, canvas, svg {\n    display: block;\n    height: auto;\n    max-width: 100%;\n  }\n\n  // Remove built-in form typography styles\n  input, button, textarea, select {\n    font: inherit;\n  }\n\n  // Avoid text overflows\n  p, h1, h2, h3, h4, h5, h6 {\n    overflow-wrap: break-word;\n  }\n\n  // Create a root stacking context\n  #root, #__next {\n    isolation: isolate;\n  }\n"],a||(a=o.slice(0)),i=Object.freeze(Object.defineProperties(o,{raw:{value:Object.freeze(a)}}))));var o,a},205(n,e,t){var i;t.d(e,{g:()=>r});const r=(0,t(161).AH)(i||(o=['\n  // =====\n\n  // Typography spacing\n\n  // Add a single space around paragraphs, blockquotes, and lists\n  p, ul, ol, blockquote {\n    & + * {\n      margin-block-start: var(--spacing, var(--spacing-layout-1, 1.5rem));\n    }\n    * + & {\n      margin-block-start: var(--spacing, var(--spacing-layout-1, 1.5rem));\n    }\n  }\n\n  h1, h2, h3, h4, .h1, .h2, .h3, .h4, .display-1, .display-2 {\n    // Add a single line space after headings\n    & + * {\n      margin-block-start: var(--spacing, var(--spacing-layout-1, 1.5rem));\n    }\n\n    // Add two line spaces before headings\n    * + & {\n      --spacing: var(--spacing-layout-2);\n\n      margin-block-start: --spacing;\n    }\n\n    // Only add a single space between headings and other headings\n    & + & {\n      --spacing: var(--spacing-layout-1);\n    }\n\n    // Reduce space after breadcrumbs and eyebrows\n    cfa-breadcrumbs + & {\n      margin-block-start: var(--spacing-layout-half) !important;\n    }\n\n    .eyebrow + & {\n      margin-block-start: 0 !important;\n    }\n  }\n\n  h1, .h1, .display-1, .display-2 {\n    text-wrap: balance;\n  }\n\n  // =====\n\n  // Font styles\n\n  .regular {\n    font-family: var(--font-family-base);\n    font-size: var(--font-size);\n    line-height: var(--line-height);\n  }\n\n  .display-1 {\n    font-family: var(--font-family-heading);\n    font-size: var(--font-size-display-1);\n    font-weight: bold;\n    line-height: var(--line-height-display-1);\n    letter-spacing: var(--letter-spacing-display-1);\n  }\n\n  .display-2 {\n    font-family: var(--font-family-heading);\n    font-size: var(--font-size-display-2);\n    font-weight: bold;\n    line-height: var(--line-height-display-2);\n    letter-spacing: var(--letter-spacing-display-2);\n  }\n\n  h1, \n  .h1 {\n    font-family: var(--font-family-heading);\n    font-size: var(--font-size-h1);\n    font-weight: bold;\n    line-height: var(--line-height-h1);\n    letter-spacing: var(--letter-spacing-h1);\n  }\n\n  h2, \n  .h2 {\n    font-family: var(--font-family-heading);\n    font-size: var(--font-size-h2);\n    font-weight: bold;\n    line-height: var(--line-height-h2);\n    letter-spacing: var(--letter-spacing-h2);\n  }\n\n  h3, \n  .h3 {\n    font-family: var(--font-family-heading);\n    font-size: var(--font-size-h3);\n    font-weight: bold;\n    line-height: var(--line-height-h3);\n    letter-spacing: var(--letter-spacing-h3);\n  }\n\n  h4, \n  .h4 {\n    font-family: var(--font-family-heading);\n    font-size: var(--font-size-h4);\n    font-weight: bold;\n    line-height: var(--line-height-h4);\n    letter-spacing: var(--letter-spacing-h4);\n  }\n\n  .extra-large {\n    font-size: var(--font-size-extra-large);\n    line-height: var(--line-height-extra-large);\n    letter-spacing: var(--letter-spacing-extra-large);\n  }\n\n  .large {\n    font-size: var(--font-size-large);\n    line-height: var(--line-height-large);\n    letter-spacing: var(--letter-spacing-large);\n  }\n\n  .small {\n    font-size: var(--font-size-small);\n    line-height: var(--line-height-small);\n    letter-spacing: var(--letter-spacing-small);\n  }\n\n  .eyebrow {\n    font-family: var(--font-family-sans-serif);\n    font-size: var(--font-size-eyebrow);\n    font-weight: var(--font-weight-eyebrow);\n    letter-spacing: var(--letter-spacing-eyebrow);\n    line-height: var(--line-height-eyebrow);\n    text-transform: uppercase;\n  }\n\n  .eyebrow-with-line {\n    align-items: center;\n    color: var(--text-color);\n    display: flex;\n    font-family: var(--font-family-eyebrow);\n    font-size: var(--font-size-eyebrow);\n    font-weight: var(--font-weight-eyebrow);\n    letter-spacing: var(--letter-spacing-eyebrow);\n    line-height: var(--line-height-eyebrow);\n    margin-block-end: var(--spacing-layout-half);\n    position: relative;\n    text-transform: uppercase;\n\n    &::after {\n      border-block-end: var(--hairline) solid currentColor;\n      content: "";\n      flex-grow: 1;\n      margin-left: var(--spacing-component-3);\n    }\n  }\n\n  .subtle {\n    opacity: 0.6;\n  }\n\n  .serif {\n    font-family: var(--font-family-serif);\n  }\n\n  .sans-serif {\n    font-family: var(--font-family-sans-serif);\n  }\n\n  i,\n  em,\n  .italic {\n    font-style: italic;\n  }\n\n  b,\n  strong,\n  .strong {\n    font-weight: bold;\n  }\n\n  .normal {\n    font-weight: normal;\n  }\n\n  .balance {\n    text-wrap: balance;\n  }\n\n  .prominent-link,\n  a.prominent-link {\n    --accent-color: var(--purple-60);\n\n    font-weight: bold;\n    text-decoration: underline;\n    text-decoration-color: var(--accent-color);\n    text-decoration-thickness: var(--medium);\n    text-underline-offset: 0.4em;\n    transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;  \n\n    &:hover {\n      --accent-color: var(--red-60);\n    }\n\n    &:not(:has(cfa-icon))::after {\n      @include icon.icon;\n      \n      content: "arrow_right_alt";\n      display: inline-block;\n      padding-inline-start: 0.1em;\n      text-decoration: none;\n      transition: padding 0.2s ease-in-out;\n      width: 1em;\n    }\n\n    &:not(:has(cfa-icon)):hover::after {\n      padding-inline-start: 0.3em;\n    }\n\n    cfa-icon {\n      text-decoration: none;\n    }\n  }\n\n  .white-text,\n  .text-light /* fallback */ {\n    -moz-osx-font-smoothing: grayscale; // Sharper antialising for white text on a dark background\n    -webkit-font-smoothing: antialiased; // Sharper antialising for white text on a dark background\n    color: var(--white);\n    --link-color: var(--white);\n    --link-hover-color: var(--white);\n  }\n\n  // =====\n\n  // Highlights\n\n  .highlight {  \n    --highlight-offset: 0.2em;\n\n    box-decoration-break: clone;\n    display: inline;\n    background: linear-gradient(to top, transparent 0%, transparent var(--highlight-offset), var(--highlight-color) var(--highlight-offset), var(--highlight-color) calc(var(--highlight-offset) + var(--highlight-thickness)), transparent calc(var(--highlight-offset) + var(--highlight-thickness)), transparent 100%);\n    padding-inline: 0.1em;\n    -webkit-box-decoration-break: clone;\n    margin-inline-start: -0.1em;\n    margin-inline-end: -0.1em;\n    word-wrap: break-word;\n  }\n\n  // ======\n\n  // Lists\n\n  .ul {\n    list-style-type: disc;\n    padding-left: var(--spacing-layout-1);\n  }\n\n  .ul > li {\n    margin-inline-start: 0;\n    padding-left: var(--spacing-component-2);\n  }\n\n  .ul > li + li {\n    margin-block-start: var(--spacing-layout-half);\n  }\n\n  .ul > li > ul {\n    margin-block-start: var(--spacing-layout-half);\n  }\n\n  .ol {\n    list-style-type: decimal;\n    padding-left: var(--spacing-layout-1);\n  }\n\n  .ol > li {\n    margin-inline-start: 0;\n    padding-inline-start: var(--spacing-component-2);\n  }\n\n  .ol > li + li {\n    margin-block-start: var(--spacing-layout-half);\n  }\n\n  .ol > li > ul {\n    margin-block-start: var(--spacing-layout-half);\n  }\n\n  .ul--unstyled {\n    list-style: none;\n    padding: 0;\n  }\n\n  .ul--unstyled > li {\n    margin-inline: 0;\n    padding: 0;\n  }\n\n  .ul--line-separators > li + li::before {\n    border-block-start: 1px solid var(--gray-20);\n    content: "";\n    display: block;\n    margin-block: var(--spacing-layout-half);\n    width: 100%;\n  }\n\n  .ul--inline,\n  .ul--inline-with-separators,\n  .ul--inline-with-line-separators {\n    display: inline;\n    list-style: none;\n    padding-inline: 0 !important;\n    padding-left: 0 !important;\n  }\n\n  .ul--inline > li,\n  .ul--inline-with-separators > li,\n  .ul--inline-with-line-separators > li {\n    display: inline-block;\n    margin-inline-end: var(--spacing-component-3);\n    padding: 0 !important;\n  }\n\n  .ul--inline li:last-child,\n  .ul--inline-with-separators li:last-child,\n  .ul--inline-with-line-separators li:last-child {\n    margin-inline-end: 0;\n  }\n\n  .ul--inline > li + li,\n  .ul--inline-with-separators > li + li,\n  .ul--inline-with-line-separators > li + li {\n    margin-block-start: 0;\n  }\n\n  .ul--inline-with-separators li,\n  .ul--inline-with-line-separators li {\n    margin-inline-end: 0;\n  }\n\n  .ul--inline-with-separators > li::after {\n    content: "•";\n    margin-inline: var(--spacing-component-2);\n    opacity: 0.5;\n  }\n\n  .ul--inline-with-separators > li:last-child::after {\n    content: "";\n  }\n\n  .ul--inline-with-line-separators > li::after {\n    content: "|";\n    margin-inline: var(--spacing-component-2);\n    opacity: 0.5;\n  }\n\n  .ul--inline-with-line-separators > li:last-child::after {\n    content: "";\n  }\n\n  // ===\n\n  // Horizontal rule\n\n  hr {\n    --color: currentColor;\n\n    background-color: var(--color);\n    border: 0;\n    color: var(--color);\n    display: block;\n    font-size: 0;\n    height: var(--hairline);\n    margin-block: var(--spacing-layout-1);\n    opacity: 0.4;\n  }\n\n  // ===\n\n  // Icons\n\n  .icon {\n    -webkit-font-feature-settings: \'liga\';\n    direction: ltr;\n    display: inline-block;\n    font-family: \'Material Symbols Rounded\';\n    font-feature-settings: \'liga\';\n    font-size: 1.4em; \n    font-style: normal;\n    font-weight: normal;\n    letter-spacing: normal;\n    text-transform: none;\n    vertical-align: middle;\n    white-space: nowrap;\n    word-wrap: normal;\n  }\n'],a||(a=o.slice(0)),i=Object.freeze(Object.defineProperties(o,{raw:{value:Object.freeze(a)}}))));var o,a},826(n,e,t){t.d(e,{AH:()=>l,Rf:()=>c,sk:()=>h});const i=globalThis,r=i.ShadowRoot&&(void 0===i.ShadyCSS||i.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=Symbol(),a=new WeakMap;class s{constructor(n,e,t){if(this._$cssResult$=!0,t!==o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=n,this.t=e}get styleSheet(){let n=this.o;const e=this.t;if(r&&void 0===n){const t=void 0!==e&&1===e.length;t&&(n=a.get(e)),void 0===n&&((this.o=n=new CSSStyleSheet).replaceSync(this.cssText),t&&a.set(e,n))}return n}toString(){return this.cssText}}const l=(n,...e)=>{const t=1===n.length?n[0]:e.reduce((e,t,i)=>e+(n=>{if(!0===n._$cssResult$)return n.cssText;if("number"==typeof n)return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(t)+n[i+1],n[0]);return new s(t,n,o)},c=(n,e)=>{if(r)n.adoptedStyleSheets=e.map(n=>n instanceof CSSStyleSheet?n:n.styleSheet);else for(const t of e){const e=document.createElement("style"),r=i.litNonce;void 0!==r&&e.setAttribute("nonce",r),e.textContent=t.cssText,n.appendChild(e)}},h=r?n=>n:n=>n instanceof CSSStyleSheet?(n=>{let e="";for(const t of n.cssRules)e+=t.cssText;return(n=>new s("string"==typeof n?n:n+"",void 0,o))(e)})(n):n},760(n,e,t){t.d(e,{AH:()=>i.AH,mN:()=>b});var i=t(826);const{is:r,defineProperty:o,getOwnPropertyDescriptor:a,getOwnPropertyNames:s,getOwnPropertySymbols:l,getPrototypeOf:c}=Object,h=globalThis,d=h.trustedTypes,u=d?d.emptyScript:"",p=h.reactiveElementPolyfillSupport,v=(n,e)=>n,f={toAttribute(n,e){switch(e){case Boolean:n=n?u:null;break;case Object:case Array:n=null==n?n:JSON.stringify(n)}return n},fromAttribute(n,e){let t=n;switch(e){case Boolean:t=null!==n;break;case Number:t=null===n?null:Number(n);break;case Object:case Array:try{t=JSON.parse(n)}catch(n){t=null}}return t}},g=(n,e)=>!r(n,e),m={attribute:!0,type:String,converter:f,reflect:!1,useDefault:!1,hasChanged:g};Symbol.metadata??=Symbol("metadata"),h.litPropertyMetadata??=new WeakMap;class b extends HTMLElement{static addInitializer(n){this._$Ei(),(this.l??=[]).push(n)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(n,e=m){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(n)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(n,e),!e.noAccessor){const t=Symbol(),i=this.getPropertyDescriptor(n,t,e);void 0!==i&&o(this.prototype,n,i)}}static getPropertyDescriptor(n,e,t){const{get:i,set:r}=a(this.prototype,n)??{get(){return this[e]},set(n){this[e]=n}};return{get:i,set(e){const o=i?.call(this);r?.call(this,e),this.requestUpdate(n,o,t)},configurable:!0,enumerable:!0}}static getPropertyOptions(n){return this.elementProperties.get(n)??m}static _$Ei(){if(this.hasOwnProperty(v("elementProperties")))return;const n=c(this);n.finalize(),void 0!==n.l&&(this.l=[...n.l]),this.elementProperties=new Map(n.elementProperties)}static finalize(){if(this.hasOwnProperty(v("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(v("properties"))){const n=this.properties,e=[...s(n),...l(n)];for(const t of e)this.createProperty(t,n[t])}const n=this[Symbol.metadata];if(null!==n){const e=litPropertyMetadata.get(n);if(void 0!==e)for(const[n,t]of e)this.elementProperties.set(n,t)}this._$Eh=new Map;for(const[n,e]of this.elementProperties){const t=this._$Eu(n,e);void 0!==t&&this._$Eh.set(t,n)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(n){const e=[];if(Array.isArray(n)){const t=new Set(n.flat(1/0).reverse());for(const n of t)e.unshift((0,i.sk)(n))}else void 0!==n&&e.push((0,i.sk)(n));return e}static _$Eu(n,e){const t=e.attribute;return!1===t?void 0:"string"==typeof t?t:"string"==typeof n?n.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(n=>this.enableUpdating=n),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(n=>n(this))}addController(n){(this._$EO??=new Set).add(n),void 0!==this.renderRoot&&this.isConnected&&n.hostConnected?.()}removeController(n){this._$EO?.delete(n)}_$E_(){const n=new Map,e=this.constructor.elementProperties;for(const t of e.keys())this.hasOwnProperty(t)&&(n.set(t,this[t]),delete this[t]);n.size>0&&(this._$Ep=n)}createRenderRoot(){const n=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return(0,i.Rf)(n,this.constructor.elementStyles),n}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(n=>n.hostConnected?.())}enableUpdating(n){}disconnectedCallback(){this._$EO?.forEach(n=>n.hostDisconnected?.())}attributeChangedCallback(n,e,t){this._$AK(n,t)}_$ET(n,e){const t=this.constructor.elementProperties.get(n),i=this.constructor._$Eu(n,t);if(void 0!==i&&!0===t.reflect){const r=(void 0!==t.converter?.toAttribute?t.converter:f).toAttribute(e,t.type);this._$Em=n,null==r?this.removeAttribute(i):this.setAttribute(i,r),this._$Em=null}}_$AK(n,e){const t=this.constructor,i=t._$Eh.get(n);if(void 0!==i&&this._$Em!==i){const n=t.getPropertyOptions(i),r="function"==typeof n.converter?{fromAttribute:n.converter}:void 0!==n.converter?.fromAttribute?n.converter:f;this._$Em=i;const o=r.fromAttribute(e,n.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(n,e,t,i=!1,r){if(void 0!==n){const o=this.constructor;if(!1===i&&(r=this[n]),t??=o.getPropertyOptions(n),!((t.hasChanged??g)(r,e)||t.useDefault&&t.reflect&&r===this._$Ej?.get(n)&&!this.hasAttribute(o._$Eu(n,t))))return;this.C(n,e,t)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(n,e,{useDefault:t,reflect:i,wrapped:r},o){t&&!(this._$Ej??=new Map).has(n)&&(this._$Ej.set(n,o??e??this[n]),!0!==r||void 0!==o)||(this._$AL.has(n)||(this.hasUpdated||t||(e=void 0),this._$AL.set(n,e)),!0===i&&this._$Em!==n&&(this._$Eq??=new Set).add(n))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(n){Promise.reject(n)}const n=this.scheduleUpdate();return null!=n&&await n,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[n,e]of this._$Ep)this[n]=e;this._$Ep=void 0}const n=this.constructor.elementProperties;if(n.size>0)for(const[e,t]of n){const{wrapped:n}=t,i=this[e];!0!==n||this._$AL.has(e)||void 0===i||this.C(e,void 0,t,i)}}let n=!1;const e=this._$AL;try{n=this.shouldUpdate(e),n?(this.willUpdate(e),this._$EO?.forEach(n=>n.hostUpdate?.()),this.update(e)):this._$EM()}catch(e){throw n=!1,this._$EM(),e}n&&this._$AE(e)}willUpdate(n){}_$AE(n){this._$EO?.forEach(n=>n.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(n)),this.updated(n)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(n){return!0}update(n){this._$Eq&&=this._$Eq.forEach(n=>this._$ET(n,this[n])),this._$EM()}updated(n){}firstUpdated(n){}}b.elementStyles=[],b.shadowRootOptions={mode:"open"},b[v("elementProperties")]=new Map,b[v("finalized")]=new Map,p?.({ReactiveElement:b}),(h.reactiveElementVersions??=[]).push("2.1.2")},228(n,e,t){t.d(e,{AH:()=>i.AH,JW:()=>r.JW,WF:()=>a,qy:()=>r.qy,s6:()=>r.s6});var i=t(760),r=t(752);const o=globalThis;class a extends i.mN{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const n=super.createRenderRoot();return this.renderOptions.renderBefore??=n.firstChild,n}update(n){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(n),this._$Do=(0,r.XX)(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return r.c0}}a._$litElement$=!0,a.finalized=!0,o.litElementHydrateSupport?.({LitElement:a});const s=o.litElementPolyfillSupport;s?.({LitElement:a}),(o.litElementVersions??=[]).push("4.2.2")},752(n,e,t){t.d(e,{JW:()=>z,XX:()=>N,c0:()=>A,qy:()=>_,s6:()=>E});const i=globalThis,r=n=>n,o=i.trustedTypes,a=o?o.createPolicy("lit-html",{createHTML:n=>n}):void 0,s="$lit$",l=`lit$${Math.random().toFixed(9).slice(2)}$`,c="?"+l,h=`<${c}>`,d=document,u=()=>d.createComment(""),p=n=>null===n||"object"!=typeof n&&"function"!=typeof n,v=Array.isArray,f="[ \t\n\f\r]",g=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,m=/-->/g,b=/>/g,y=RegExp(`>|${f}(?:([^\\s"'>=/]+)(${f}*=${f}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),w=/'/g,x=/"/g,k=/^(?:script|style|textarea|title)$/i,P=n=>(e,...t)=>({_$litType$:n,strings:e,values:t}),_=P(1),z=P(2),A=(P(3),Symbol.for("lit-noChange")),E=Symbol.for("lit-nothing"),S=new WeakMap,j=d.createTreeWalker(d,129);function T(n,e){if(!v(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==a?a.createHTML(e):e}const $=(n,e)=>{const t=n.length-1,i=[];let r,o=2===e?"<svg>":3===e?"<math>":"",a=g;for(let e=0;e<t;e++){const t=n[e];let c,d,u=-1,p=0;for(;p<t.length&&(a.lastIndex=p,d=a.exec(t),null!==d);)p=a.lastIndex,a===g?"!--"===d[1]?a=m:void 0!==d[1]?a=b:void 0!==d[2]?(k.test(d[2])&&(r=RegExp("</"+d[2],"g")),a=y):void 0!==d[3]&&(a=y):a===y?">"===d[0]?(a=r??g,u=-1):void 0===d[1]?u=-2:(u=a.lastIndex-d[2].length,c=d[1],a=void 0===d[3]?y:'"'===d[3]?x:w):a===x||a===w?a=y:a===m||a===b?a=g:(a=y,r=void 0);const v=a===y&&n[e+1].startsWith("/>")?" ":"";o+=a===g?t+h:u>=0?(i.push(c),t.slice(0,u)+s+t.slice(u)+l+v):t+l+(-2===u?e:v)}return[T(n,o+(n[t]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),i]};class O{constructor({strings:n,_$litType$:e},t){let i;this.parts=[];let r=0,a=0;const h=n.length-1,d=this.parts,[p,v]=$(n,e);if(this.el=O.createElement(p,t),j.currentNode=this.el.content,2===e||3===e){const n=this.el.content.firstChild;n.replaceWith(...n.childNodes)}for(;null!==(i=j.nextNode())&&d.length<h;){if(1===i.nodeType){if(i.hasAttributes())for(const n of i.getAttributeNames())if(n.endsWith(s)){const e=v[a++],t=i.getAttribute(n).split(l),o=/([.?@])?(.*)/.exec(e);d.push({type:1,index:r,name:o[2],strings:t,ctor:"."===o[1]?H:"?"===o[1]?M:"@"===o[1]?R:U}),i.removeAttribute(n)}else n.startsWith(l)&&(d.push({type:6,index:r}),i.removeAttribute(n));if(k.test(i.tagName)){const n=i.textContent.split(l),e=n.length-1;if(e>0){i.textContent=o?o.emptyScript:"";for(let t=0;t<e;t++)i.append(n[t],u()),j.nextNode(),d.push({type:2,index:++r});i.append(n[e],u())}}}else if(8===i.nodeType)if(i.data===c)d.push({type:2,index:r});else{let n=-1;for(;-1!==(n=i.data.indexOf(l,n+1));)d.push({type:7,index:r}),n+=l.length-1}r++}}static createElement(n,e){const t=d.createElement("template");return t.innerHTML=n,t}}function C(n,e,t=n,i){if(e===A)return e;let r=void 0!==i?t._$Co?.[i]:t._$Cl;const o=p(e)?void 0:e._$litDirective$;return r?.constructor!==o&&(r?._$AO?.(!1),void 0===o?r=void 0:(r=new o(n),r._$AT(n,t,i)),void 0!==i?(t._$Co??=[])[i]=r:t._$Cl=r),void 0!==r&&(e=C(n,r._$AS(n,e.values),r,i)),e}class q{constructor(n,e){this._$AV=[],this._$AN=void 0,this._$AD=n,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(n){const{el:{content:e},parts:t}=this._$AD,i=(n?.creationScope??d).importNode(e,!0);j.currentNode=i;let r=j.nextNode(),o=0,a=0,s=t[0];for(;void 0!==s;){if(o===s.index){let e;2===s.type?e=new L(r,r.nextSibling,this,n):1===s.type?e=new s.ctor(r,s.name,s.strings,this,n):6===s.type&&(e=new I(r,this,n)),this._$AV.push(e),s=t[++a]}o!==s?.index&&(r=j.nextNode(),o++)}return j.currentNode=d,i}p(n){let e=0;for(const t of this._$AV)void 0!==t&&(void 0!==t.strings?(t._$AI(n,t,e),e+=t.strings.length-2):t._$AI(n[e])),e++}}class L{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(n,e,t,i){this.type=2,this._$AH=E,this._$AN=void 0,this._$AA=n,this._$AB=e,this._$AM=t,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let n=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===n?.nodeType&&(n=e.parentNode),n}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(n,e=this){n=C(this,n,e),p(n)?n===E||null==n||""===n?(this._$AH!==E&&this._$AR(),this._$AH=E):n!==this._$AH&&n!==A&&this._(n):void 0!==n._$litType$?this.$(n):void 0!==n.nodeType?this.T(n):(n=>v(n)||"function"==typeof n?.[Symbol.iterator])(n)?this.k(n):this._(n)}O(n){return this._$AA.parentNode.insertBefore(n,this._$AB)}T(n){this._$AH!==n&&(this._$AR(),this._$AH=this.O(n))}_(n){this._$AH!==E&&p(this._$AH)?this._$AA.nextSibling.data=n:this.T(d.createTextNode(n)),this._$AH=n}$(n){const{values:e,_$litType$:t}=n,i="number"==typeof t?this._$AC(n):(void 0===t.el&&(t.el=O.createElement(T(t.h,t.h[0]),this.options)),t);if(this._$AH?._$AD===i)this._$AH.p(e);else{const n=new q(i,this),t=n.u(this.options);n.p(e),this.T(t),this._$AH=n}}_$AC(n){let e=S.get(n.strings);return void 0===e&&S.set(n.strings,e=new O(n)),e}k(n){v(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let t,i=0;for(const r of n)i===e.length?e.push(t=new L(this.O(u()),this.O(u()),this,this.options)):t=e[i],t._$AI(r),i++;i<e.length&&(this._$AR(t&&t._$AB.nextSibling,i),e.length=i)}_$AR(n=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);n!==this._$AB;){const e=r(n).nextSibling;r(n).remove(),n=e}}setConnected(n){void 0===this._$AM&&(this._$Cv=n,this._$AP?.(n))}}class U{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(n,e,t,i,r){this.type=1,this._$AH=E,this._$AN=void 0,this.element=n,this.name=e,this._$AM=i,this.options=r,t.length>2||""!==t[0]||""!==t[1]?(this._$AH=Array(t.length-1).fill(new String),this.strings=t):this._$AH=E}_$AI(n,e=this,t,i){const r=this.strings;let o=!1;if(void 0===r)n=C(this,n,e,0),o=!p(n)||n!==this._$AH&&n!==A,o&&(this._$AH=n);else{const i=n;let a,s;for(n=r[0],a=0;a<r.length-1;a++)s=C(this,i[t+a],e,a),s===A&&(s=this._$AH[a]),o||=!p(s)||s!==this._$AH[a],s===E?n=E:n!==E&&(n+=(s??"")+r[a+1]),this._$AH[a]=s}o&&!i&&this.j(n)}j(n){n===E?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,n??"")}}class H extends U{constructor(){super(...arguments),this.type=3}j(n){this.element[this.name]=n===E?void 0:n}}class M extends U{constructor(){super(...arguments),this.type=4}j(n){this.element.toggleAttribute(this.name,!!n&&n!==E)}}class R extends U{constructor(n,e,t,i,r){super(n,e,t,i,r),this.type=5}_$AI(n,e=this){if((n=C(this,n,e,0)??E)===A)return;const t=this._$AH,i=n===E&&t!==E||n.capture!==t.capture||n.once!==t.once||n.passive!==t.passive,r=n!==E&&(t===E||i);i&&this.element.removeEventListener(this.name,this,t),r&&this.element.addEventListener(this.name,this,n),this._$AH=n}handleEvent(n){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,n):this._$AH.handleEvent(n)}}class I{constructor(n,e,t){this.element=n,this.type=6,this._$AN=void 0,this._$AM=e,this.options=t}get _$AU(){return this._$AM._$AU}_$AI(n){C(this,n)}}const F=i.litHtmlPolyfillSupport;F?.(O,L),(i.litHtmlVersions??=[]).push("3.3.3");const N=(n,e,t)=>{const i=t?.renderBefore??e;let r=i._$litPart$;if(void 0===r){const n=t?.renderBefore??null;i._$litPart$=r=new L(e.insertBefore(u(),n),n,void 0,t??{})}return r._$AI(n),r}},161(n,e,t){t.d(e,{AH:()=>i.AH,JW:()=>i.JW,WF:()=>i.WF,qy:()=>i.qy,s6:()=>i.s6}),t(760),t(752);var i=t(228)}},e={};function t(i){var r=e[i];if(void 0!==r)return r.exports;var o=e[i]={exports:{}};return n[i](o,o.exports,t),o.exports}t.d=(n,e)=>{for(var i in e)t.o(e,i)&&!t.o(n,i)&&Object.defineProperty(n,i,{enumerable:!0,get:e[i]})},t.o=(n,e)=>Object.prototype.hasOwnProperty.call(n,e),t(330),t(544),t(227),t(562),t(953),t(200),t(250),t(771),t(804),t(301),t(517),t(710),t(202),t(542),t(547),t(334),t(152),t(518),t(280),t(696),t(663),t(881),t(884),t(302),t(638),t(36),t(682),t(867),t(685),t(221)})();