@codeforamerica/marcomms-design-system 1.10.0 → 1.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/styles.css +1 -1
  2. package/package.json +1 -1
  3. package/src/core/grid.mdx +220 -207
  4. package/src/core/grid.scss +30 -0
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- *,*::before,*::after{box-sizing:border-box}*{margin:0}*{text-wrap:pretty}*{overflow-wrap:break-word;text-overflow:ellipsis;word-break:break-word}*{font-synthesis:none !important}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;height:auto;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}.wrapper{box-sizing:border-box;max-width:1200px;margin:0 auto;padding-inline:30px}.container-fluid{margin-inline:auto;display:flex;flex-direction:column;width:100%}.wrapper.container-fluid{padding-inline:30px}.container{margin-inline:auto;padding-inline:30px;display:flex;flex-direction:column;width:100%}.row{display:flex;flex-flow:row wrap;box-sizing:border-box;flex-basis:100%;column-gap:var(--column-gap, 30px);row-gap:var(--row-gap, var(--column-gap, 30px))}.row.reverse{flex-direction:row-reverse}.row--no-gap{column-gap:0;row-gap:0}.row--no-gap .col-xs-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.row--no-gap .col-xs-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.row--no-gap .col-xs-3{flex-basis:25%;max-width:25%}.row--no-gap .col-xs-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.row--no-gap .col-xs-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.row--no-gap .col-xs-6{flex-basis:50%;max-width:50%}.row--no-gap .col-xs-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.row--no-gap .col-xs-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.row--no-gap .col-xs-9{flex-basis:75%;max-width:75%}.row--no-gap .col-xs-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.row--no-gap .col-xs-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.row--no-gap .col-xs-12{flex-basis:100%;max-width:100%}@media only screen and (min-width: 480px){.row--no-gap .col-sm-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.row--no-gap .col-sm-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.row--no-gap .col-sm-3{flex-basis:25%;max-width:25%}.row--no-gap .col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.row--no-gap .col-sm-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.row--no-gap .col-sm-6{flex-basis:50%;max-width:50%}.row--no-gap .col-sm-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.row--no-gap .col-sm-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.row--no-gap .col-sm-9{flex-basis:75%;max-width:75%}.row--no-gap .col-sm-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.row--no-gap .col-sm-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.row--no-gap .col-sm-12{flex-basis:100%;max-width:100%}}@media only screen and (min-width: 768px){.row--no-gap .col-md-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.row--no-gap .col-md-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.row--no-gap .col-md-3{flex-basis:25%;max-width:25%}.row--no-gap .col-md-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.row--no-gap .col-md-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.row--no-gap .col-md-6{flex-basis:50%;max-width:50%}.row--no-gap .col-md-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.row--no-gap .col-md-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.row--no-gap .col-md-9{flex-basis:75%;max-width:75%}.row--no-gap .col-md-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.row--no-gap .col-md-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.row--no-gap .col-md-12{flex-basis:100%;max-width:100%}}@media only screen and (min-width: 1024px){.row--no-gap .col-lg-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.row--no-gap .col-lg-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.row--no-gap .col-lg-3{flex-basis:25%;max-width:25%}.row--no-gap .col-lg-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.row--no-gap .col-lg-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.row--no-gap .col-lg-6{flex-basis:50%;max-width:50%}.row--no-gap .col-lg-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.row--no-gap .col-lg-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.row--no-gap .col-lg-9{flex-basis:75%;max-width:75%}.row--no-gap .col-lg-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.row--no-gap .col-lg-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.row--no-gap .col-lg-12{flex-basis:100%;max-width:100%}}.container-fluid>.row{flex:1}.container-fluid--grid-test{position:relative}.container-fluid--grid-test::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;background:linear-gradient(to right, rgba(200, 200, 200, 0.3) 0, rgba(200, 200, 200, 0.3) 30px, transparent 30px),linear-gradient(to left, rgba(200, 200, 200, 0.3) 0, rgba(200, 200, 200, 0.3) 30px, transparent 30px)}.container-fluid--grid-test::after{content:"";position:absolute;top:0;left:30px;right:30px;bottom:0;pointer-events:none;z-index:1;background-image:repeating-linear-gradient(to right, transparent 0, transparent calc((100% - 330px) / 12), rgba(200, 200, 200, 0.4) calc((100% - 330px) / 12), rgba(200, 200, 200, 0.4) calc((100% - 330px) / 12 + 30px), transparent calc((100% - 330px) / 12 + 30px))}.container-fluid--grid-test .row{position:relative;z-index:2}.col-xs{box-sizing:border-box;flex:0 0 auto;flex-grow:1;flex-basis:0;max-width:100%}.col-xs-1{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 1) + 0px);max-width:calc(calc(calc(100% - 330px) / 12 * 1) + 0px)}.col-xs-2{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 2) + 30px);max-width:calc(calc(calc(100% - 330px) / 12 * 2) + 30px)}.col-xs-3{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 3) + 60px);max-width:calc(calc(calc(100% - 330px) / 12 * 3) + 60px)}.col-xs-4{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 4) + 90px);max-width:calc(calc(calc(100% - 330px) / 12 * 4) + 90px)}.col-xs-5{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 5) + 120px);max-width:calc(calc(calc(100% - 330px) / 12 * 5) + 120px)}.col-xs-6{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 6) + 150px);max-width:calc(calc(calc(100% - 330px) / 12 * 6) + 150px)}.col-xs-7{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 7) + 180px);max-width:calc(calc(calc(100% - 330px) / 12 * 7) + 180px)}.col-xs-8{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 8) + 210px);max-width:calc(calc(calc(100% - 330px) / 12 * 8) + 210px)}.col-xs-9{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 9) + 240px);max-width:calc(calc(calc(100% - 330px) / 12 * 9) + 240px)}.col-xs-10{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 10) + 270px);max-width:calc(calc(calc(100% - 330px) / 12 * 10) + 270px)}.col-xs-11{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 11) + 300px);max-width:calc(calc(calc(100% - 330px) / 12 * 11) + 300px)}.col-xs-12{box-sizing:border-box;flex:0 0 auto;flex-basis:100%;max-width:100%}.col.reverse{flex-direction:column-reverse}@media only screen and (min-width: 480px){.container{width:480px}.col-sm{box-sizing:border-box;flex:0 0 auto;flex-grow:1;flex-basis:0;max-width:100%}.col-sm-1{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 1) + 0px);max-width:calc(calc(calc(100% - 330px) / 12 * 1) + 0px)}.col-sm-2{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 2) + 30px);max-width:calc(calc(calc(100% - 330px) / 12 * 2) + 30px)}.col-sm-3{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 3) + 60px);max-width:calc(calc(calc(100% - 330px) / 12 * 3) + 60px)}.col-sm-4{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 4) + 90px);max-width:calc(calc(calc(100% - 330px) / 12 * 4) + 90px)}.col-sm-5{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 5) + 120px);max-width:calc(calc(calc(100% - 330px) / 12 * 5) + 120px)}.col-sm-6{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 6) + 150px);max-width:calc(calc(calc(100% - 330px) / 12 * 6) + 150px)}.col-sm-7{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 7) + 180px);max-width:calc(calc(calc(100% - 330px) / 12 * 7) + 180px)}.col-sm-8{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 8) + 210px);max-width:calc(calc(calc(100% - 330px) / 12 * 8) + 210px)}.col-sm-9{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 9) + 240px);max-width:calc(calc(calc(100% - 330px) / 12 * 9) + 240px)}.col-sm-10{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 10) + 270px);max-width:calc(calc(calc(100% - 330px) / 12 * 10) + 270px)}.col-sm-11{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 11) + 300px);max-width:calc(calc(calc(100% - 330px) / 12 * 11) + 300px)}.col-sm-12{box-sizing:border-box;flex:0 0 auto;flex-basis:100%;max-width:100%}.row-sm-1{flex:1 !important}.row-sm-2{flex:2 !important}.row-sm-3{flex:3 !important}.row-first-sm{order:-1}.row-last-sm{order:1}}@media only screen and (min-width: 768px){.container{width:768px}.col-md{box-sizing:border-box;flex:0 0 auto;flex-grow:1;flex-basis:0;max-width:100%}.col-md-1{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 1) + 0px);max-width:calc(calc(calc(100% - 330px) / 12 * 1) + 0px)}.col-md-2{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 2) + 30px);max-width:calc(calc(calc(100% - 330px) / 12 * 2) + 30px)}.col-md-3{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 3) + 60px);max-width:calc(calc(calc(100% - 330px) / 12 * 3) + 60px)}.col-md-4{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 4) + 90px);max-width:calc(calc(calc(100% - 330px) / 12 * 4) + 90px)}.col-md-5{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 5) + 120px);max-width:calc(calc(calc(100% - 330px) / 12 * 5) + 120px)}.col-md-6{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 6) + 150px);max-width:calc(calc(calc(100% - 330px) / 12 * 6) + 150px)}.col-md-7{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 7) + 180px);max-width:calc(calc(calc(100% - 330px) / 12 * 7) + 180px)}.col-md-8{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 8) + 210px);max-width:calc(calc(calc(100% - 330px) / 12 * 8) + 210px)}.col-md-9{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 9) + 240px);max-width:calc(calc(calc(100% - 330px) / 12 * 9) + 240px)}.col-md-10{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 10) + 270px);max-width:calc(calc(calc(100% - 330px) / 12 * 10) + 270px)}.col-md-11{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 11) + 300px);max-width:calc(calc(calc(100% - 330px) / 12 * 11) + 300px)}.col-md-12{box-sizing:border-box;flex:0 0 auto;flex-basis:100%;max-width:100%}.row-md-1{flex:1 !important}.row-md-2{flex:2 !important}.row-md-3{flex:3 !important}.row-first-md{order:-1}.row-last-md{order:1}}@media only screen and (min-width: 1024px){.container{width:1200px}.col-lg{box-sizing:border-box;flex:0 0 auto;flex-grow:1;flex-basis:0;max-width:100%}.col-lg-1{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 1) + 0px);max-width:calc(calc(calc(100% - 330px) / 12 * 1) + 0px)}.col-lg-2{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 2) + 30px);max-width:calc(calc(calc(100% - 330px) / 12 * 2) + 30px)}.col-lg-3{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 3) + 60px);max-width:calc(calc(calc(100% - 330px) / 12 * 3) + 60px)}.col-lg-4{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 4) + 90px);max-width:calc(calc(calc(100% - 330px) / 12 * 4) + 90px)}.col-lg-5{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 5) + 120px);max-width:calc(calc(calc(100% - 330px) / 12 * 5) + 120px)}.col-lg-6{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 6) + 150px);max-width:calc(calc(calc(100% - 330px) / 12 * 6) + 150px)}.col-lg-7{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 7) + 180px);max-width:calc(calc(calc(100% - 330px) / 12 * 7) + 180px)}.col-lg-8{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 8) + 210px);max-width:calc(calc(calc(100% - 330px) / 12 * 8) + 210px)}.col-lg-9{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 9) + 240px);max-width:calc(calc(calc(100% - 330px) / 12 * 9) + 240px)}.col-lg-10{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 10) + 270px);max-width:calc(calc(calc(100% - 330px) / 12 * 10) + 270px)}.col-lg-11{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 11) + 300px);max-width:calc(calc(calc(100% - 330px) / 12 * 11) + 300px)}.col-lg-12{box-sizing:border-box;flex:0 0 auto;flex-basis:100%;max-width:100%}.row-lg-1{flex:1 !important}.row-lg-2{flex:2 !important}.row-lg-3{flex:3 !important}.row-first-lg{order:-1}.row-last-lg{order:1}}.start-xs{justify-content:flex-start}.center-xs{justify-content:center}.end-xs{justify-content:flex-end}.around-xs{justify-content:space-around}.between-xs{justify-content:space-between}.top-xs{align-items:flex-start}.middle-xs{align-items:center}.bottom-xs{align-items:flex-end}.stretch-xs{align-items:stretch}.stretch-xs>*{display:flex}.first-xs{order:-1}.last-xs{order:1}@media only screen and (min-width: 480px){.start-sm{justify-content:flex-start}.center-sm{justify-content:center}.end-sm{justify-content:flex-end}.around-sm{justify-content:space-around}.between-sm{justify-content:space-between}.top-sm{align-items:flex-start}.middle-sm{align-items:center}.bottom-sm{align-items:flex-end}.stretch-sm{align-items:stretch}.stretch-sm>*{display:flex;flex-direction:column}.stretch-sm>*>*{height:100%}.first-sm{order:-1}.last-sm{order:1}}@media only screen and (min-width: 768px){.start-md{justify-content:flex-start}.center-md{justify-content:center}.end-md{justify-content:flex-end}.around-md{justify-content:space-around}.between-md{justify-content:space-between}.top-md{align-items:flex-start}.middle-md{align-items:center}.bottom-md{align-items:flex-end}.stretch-md{align-items:stretch}.stretch-md>*{display:flex;flex-direction:column}.stretch-md>*>*{height:100%}.first-md{order:-1}.last-md{order:1}}@media only screen and (min-width: 1024px){.start-lg{justify-content:flex-start}.center-lg{justify-content:center}.end-lg{justify-content:flex-end}.around-lg{justify-content:space-around}.between-lg{justify-content:space-between}.top-lg{align-items:flex-start}.middle-lg{align-items:center}.bottom-lg{align-items:flex-end}.stretch-lg{align-items:stretch}.stretch-lg>*{display:flex;flex-direction:column}.stretch-lg>*>*{height:100%}.first-lg{order:-1}.last-lg{order:1}}:root{--black: #000;--white: #fff;--black-10: rgba(0,0,0,0.1);--black-20: rgba(0,0,0,0.2);--black-40: rgba(0,0,0,0.4);--black-60: rgba(0,0,0,0.6);--black-80: rgba(0,0,0,0.8);--white-20: rgba(255,255,255,0.2);--white-40: rgba(255,255,255,0.4);--white-60: rgba(255,255,255,0.6);--white-80: rgba(255,255,255,0.8);--gray-20: #ececec;--gray-40: #b4b4b4;--gray-60: #555555;--gray-80: #292929;--purple-10: #f4f4fb;--purple-20: #DBDAF1;--purple-40: #ADA9FF;--purple-60: #4B49B2;--purple-80: #2B1A78;--red-20: #FBDADC;--red-40: #FF999F;--red-60: #AF121D;--red-80: #5C0A0F;--blue-20: #E6EBF9;--blue-40: #B3C7FF;--blue-60: #7595F0;--blue-80: #172C68;--yellow-20: #FFEBCC;--yellow-40: #FFD699;--yellow-60: #F2AA40;--yellow-80: #663D00;--green-20: #D6F5ED;--green-40: #ADF0E0;--green-60: #39AA8E;--green-80: #004239;--sand-20: #F5F0ED;--sand-40: #F8D5BF;--sand-60: #C19F8B;--sand-80: #3D3129;--brand-purple: var(--purple-80);--brand-red: var(--red-60);--accent-color: var(--purple-60);--text-color: var(--black);--base-link-color: var(--purple-80);--base-link-hover-color: var(--red-60);--link-color: var(--base-link-color);--link-hover-color: var(--base-link-hover-color);--spacing-layout-0: 0;--spacing-layout-half: 0.75rem;--spacing-layout-1: 1.5rem;--spacing-layout-2: 3rem;--spacing-layout-3: 4.5rem;--spacing-layout-4: 6rem;--spacing-layout-5: 7.5rem;--spacing-layout-6: 9rem;--spacing-layout-7: 10.5rem;--spacing-layout-8: 12rem;--spacing-layout-9: 13.5rem;--spacing-component-0: 0;--spacing-component-1: calc(0.125 * var(--spacing-layout-1));--spacing-component-2: calc(0.25 * var(--spacing-layout-1));--spacing-component-3: calc(0.5 * var(--spacing-layout-1));--spacing-component-4: calc(1 * var(--spacing-layout-1));--spacing-component-5: calc(2 * var(--spacing-layout-1));--spacing-component-6: calc(4 * var(--spacing-layout-1));--spacing-component-7: calc(8 * var(--spacing-layout-1));--spacing-component-8: calc(16 * var(--spacing-layout-1));--spacing-component-9: calc(32 * var(--spacing-layout-1));--breakpoint-mobile: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-widescreen: 1600px;--gutter-width: var(--spacing-layout-1);--outer-margin: var(--spacing-layout-1);--grid-max-width: 1200px;--grid-max-width-wp: calc(var(--grid-max-width) - var(--outer-margin) * 2);--column-span-1: 67.5px;--column-span-2: 165px;--column-span-3: 262.5px;--column-span-4: 360px;--column-span-5: 457.5px;--column-span-6: 555px;--column-span-7: 652.5px;--column-span-8: 750px;--column-span-9: 847.5px;--column-span-10: 945px;--column-span-11: 1042.5px;--column-span-12: 1140px;--font-family-serif: "Source Serif 4", serif;--font-family-sans-serif: "Source Sans 3", sans-serif;--font-family-base: var(--font-family-sans-serif);--font-family-heading: var(--font-family-serif);--font-family-display-1: var(--font-family-heading);--font-family-display-2: var(--font-family-heading);--font-family-h1: var(--font-family-heading);--font-family-h2: var(--font-family-heading);--font-family-h3: var(--font-family-heading);--font-family-h4: var(--font-family-heading);--font-family-eyebrow: var(--base-font-family);--font-size-base: 20px;--font-size-display-1: 3.052rem;--font-size-display-2: 2.441rem;--font-size-h1: 1.953rem;--font-size-h2: 1.563rem;--font-size-h3: 1.25rem;--font-size-h4: 1rem;--font-size-eyebrow: 0.7rem;--font-size-extra-large: var(--font-size-h2);--font-size-large: var(--font-size-h3);--font-size-small: 0.8rem;--font-weight-regular: 400;--font-weight-bold: 700;--font-weight-display-1: var(--font-weight-bold);--font-weight-display-2: var(--font-weight-bold);--font-weight-h1: var(--font-weight-bold);--font-weight-h2: var(--font-weight-bold);--font-weight-h3: var(--font-weight-bold);--font-weight-h4: var(--font-weight-bold);--font-weight-eyebrow: var(--font-weight-bold);--line-height-base: var(--spacing-layout-1);--line-height-display-1: calc(2.5 * var(--line-height-base));--line-height-display-2: calc(2 * var(--line-height-base));--line-height-h1: calc(1.5 * var(--line-height-base));--line-height-h2: calc(1.5 * var(--line-height-base));--line-height-h3: calc(1 * var(--line-height-base));--line-height-h4: calc(1 * var(--line-height-base));--line-height-eyebrow: calc(1 * var(--line-height-base));--line-height-extra-large: calc(1.5 * var(--line-height-base));--line-height-large: calc(1 * var(--line-height-base));--line-height-small: calc(1 * var(--line-height-base));--line-height-sm: var(--line-height-small);--line-height-md: var(--line-height-base);--line-height-lg: var(--line-height-large);--line-height-xl: var(--line-height-extra-large);--line-height-xxl: var(--line-height-display-2);--line-height-xxxl: var(--line-height-display-1);--letter-spacing-base: normal;--letter-spacing-display-1: normal;--letter-spacing-display-2: normal;--letter-spacing-h1: normal;--letter-spacing-h2: normal;--letter-spacing-h3: normal;--letter-spacing-h4: normal;--letter-spacing-eyebrow: 0.1em;--letter-spacing-small: normal;--letter-spacing-sm: var(--letter-spacing-small);--letter-spacing-md: var(--letter-spacing-base);--letter-spacing-lg: var(--letter-spacing-large);--letter-spacing-xl: var(--letter-spacing-extra-large);--letter-spacing-xxl: var(--letter-spacing-display-2);--letter-spacing-xxxl: var(--letter-spacing-display-1);--text-underline-offset: 0.3em;--hairline: 1px;--thin: 2px;--medium: 4px;--thick: 8px;--focus-color: var(--blue-40);--focus-outline: var(--medium) solid var(--focus-color);--rounded-corners: var(--spacing-component-2);--shadow-color: rgba(0,0,0,0.1);--shadow-small: 0.2px 0.7px 0.8px var(--shadow-color), 0.9px 3px 3.5px -2.5px var(--shadow-color), -2px -2px 2px -2px var(--shadow-color);--shadow-medium: 0.2px 0.7px 0.8px var(--shadow-color), 1.1px 3.8px 4.5px -1.2px var(--shadow-color), 4.3px 14.8px 17.3px -2.5px var(--shadow-color), -2px -2px 2px -2px var(--shadow-color);--shadow-large: 0.2px 0.7px 0.8px var(--shadow-color), 2.9px 10px 11.7px -0.8px var(--shadow-color), 8.6px 30px 35.1px -1.7px var(--shadow-color), 22.4px 77.8px 91.1px -2.5px var(--shadow-color);--bg-blob-1: url("data:image/svg+xml,%3Csvg width='628' height='577' viewBox='0 0 628 577' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath 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' fill='currentColor'/%3E%3C/svg%3E");--bg-blob-2: url("data:image/svg+xml,%3Csvg width='580' height='592' viewBox='0 0 580 592' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath 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' fill='currentColor'/%3E%3C/svg%3E");--bg-blob-3: url("data:image/svg+xml,%3Csvg width='620' height='613' viewBox='0 0 620 613' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath 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' fill='currentColor'/%3E%3C/svg%3E");--bg-blob-4: url("data:image/svg+xml,%3Csvg width='656' height='566' viewBox='0 0 656 566' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath 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' fill='currentColor'/%3E%3C/svg%3E");--bg-blob: var(--bg-blob-1)}html{color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);image-rendering:-webkit-optimize-contrast;letter-spacing:var(--letter-spacing-base);line-height:var(--line-height-base);scroll-behavior:smooth;scroll-padding-top:var(--spacing-layout-3);text-underline-offset:var(--text-underline-offset)}body{display:flex;flex-direction:column;min-height:1vh}body>main{flex-grow:1}a{color:var(--link-color);text-decoration:underline;text-decoration-thickness:var(--hairline)}a:hover{color:var(--link-hover-color)}*:focus-visible,*:target{outline:var(--focus-outline);position:relative}[data-color-mode=dark]{--link-color: var(--white);--link-hover-color: var(--white);color:var(--white)}[data-color-mode=light]{--link-color: var(--link-color);--link-hover-color: var(--link-hover-color);color:var(--text-color)}@font-face{font-family:"Source Sans 3";font-style:normal;src:url("../static/fonts/SourceSans3.woff2") format("woff2")}@font-face{font-family:"Source Sans 3";font-style:italic;src:url("../static/fonts/SourceSans3-Italic.woff2") format("woff2")}@font-face{font-family:"Source Serif 4";font-style:normal;src:url("../static/fonts/SourceSerif4.woff2") format("woff2")}@font-face{font-family:"Source Serif 4";font-style:italic;src:url("../static/fonts/SourceSerif4-Italic.woff2") format("woff2")}.section{--bg-color: var(--white);--border: var(--hairline) solid var(--black-10);--padding: var(--spacing-layout-2);--spacing: var(--spacing-layout-1);background-color:var(--bg-color);border-block-start:var(--border);padding-block:var(--padding)}.cluster{overflow:hidden}.cluster>*{display:flex;flex-wrap:wrap;margin:var(--spacing, calc(var(--spacing-layout-1) / 2 * -1))}.cluster>*>*{margin:var(--spacing, calc(var(--spacing-layout-1) / 2))}.stack{--spacing: var(--spacing-layout-1)}.stack>*+*{margin-block-start:var(--spacing)}.container-fluid.stack{gap:var(--spacing)}.container-fluid.stack>*+*{margin-block-start:0}.stack-with-lines>*+*::before{border-block-start:var(--hairline) solid var(--black-20);content:"";display:block;margin-block:var(--spacing, var(--spacing-layout-1));width:100%}:has(>.grid){container-type:inline-size}.grid{--spacing: var(--spacing-layout-1);align-items:stretch;column-gap:var(--spacing);display:flex;flex-flow:row wrap;justify-content:flex-start;row-gap:var(--spacing)}.grid>*{flex:0 0 auto;flex-basis:100%;max-width:100%}@container (width >= 768px){.grid>*{flex-basis:calc((100% - var(--spacing)*2)/3);max-width:calc((100% - var(--spacing)*2)/3)}.grid:has(>:nth-child(1):nth-last-child(1)),.grid:has(>:nth-child(2):nth-last-child(1)){justify-content:center}}.grid-lines{background-image:linear-gradient(to bottom, var(--black-20) 1px, transparent 1px);background-size:100% var(--spacing-layout-half)}.grid-lines p,.grid-lines h1,.grid-lines h2,.grid-lines h3,.grid-lines h4,.grid-lines h5,.grid-lines h6,.grid-lines li,.grid-lines blockquote{background-color:rgba(255,0,0,.1)}.cfa-icon{height:var(--spacing-layout-5);margin-left:auto;margin-right:auto;width:var(--spacing-layout-5)}.cfa-icon img{display:block;height:100%;object-fit:contain;object-position:center center;width:100%}p+*,ul+*,ol+*,blockquote+*{margin-block-start:var(--spacing, var(--spacing-layout-1, 1.5rem))}*+p,*+ul,*+ol,*+blockquote{margin-block-start:var(--spacing, var(--spacing-layout-1, 1.5rem))}h1+*,h2+*,h3+*,h4+*,.h1+*,.h2+*,.h3+*,.h4+*,.display-1+*,.display-2+*{margin-block-start:var(--spacing, var(--spacing-layout-1, 1.5rem))}*+h1,*+h2,*+h3,*+h4,*+.h1,*+.h2,*+.h3,*+.h4,*+.display-1,*+.display-2{--spacing: var(--spacing-layout-2);margin-block-start:--spacing}h1+h1,h1+h2,h1+h3,h1+h4,h1+.h1,h1+.h2,h1+.h3,h1+.h4,h1+.display-1,h1+.display-2,h2+h1,h2+h2,h2+h3,h2+h4,h2+.h1,h2+.h2,h2+.h3,h2+.h4,h2+.display-1,h2+.display-2,h3+h1,h3+h2,h3+h3,h3+h4,h3+.h1,h3+.h2,h3+.h3,h3+.h4,h3+.display-1,h3+.display-2,h4+h1,h4+h2,h4+h3,h4+h4,h4+.h1,h4+.h2,h4+.h3,h4+.h4,h4+.display-1,h4+.display-2,.h1+h1,.h1+h2,.h1+h3,.h1+h4,.h1+.h1,.h1+.h2,.h1+.h3,.h1+.h4,.h1+.display-1,.h1+.display-2,.h2+h1,.h2+h2,.h2+h3,.h2+h4,.h2+.h1,.h2+.h2,.h2+.h3,.h2+.h4,.h2+.display-1,.h2+.display-2,.h3+h1,.h3+h2,.h3+h3,.h3+h4,.h3+.h1,.h3+.h2,.h3+.h3,.h3+.h4,.h3+.display-1,.h3+.display-2,.h4+h1,.h4+h2,.h4+h3,.h4+h4,.h4+.h1,.h4+.h2,.h4+.h3,.h4+.h4,.h4+.display-1,.h4+.display-2,.display-1+h1,.display-1+h2,.display-1+h3,.display-1+h4,.display-1+.h1,.display-1+.h2,.display-1+.h3,.display-1+.h4,.display-1+.display-1,.display-1+.display-2,.display-2+h1,.display-2+h2,.display-2+h3,.display-2+h4,.display-2+.h1,.display-2+.h2,.display-2+.h3,.display-2+.h4,.display-2+.display-1,.display-2+.display-2{--spacing: var(--spacing-layout-1)}cfa-breadcrumbs+h1,cfa-breadcrumbs+h2,cfa-breadcrumbs+h3,cfa-breadcrumbs+h4,cfa-breadcrumbs+.h1,cfa-breadcrumbs+.h2,cfa-breadcrumbs+.h3,cfa-breadcrumbs+.h4,cfa-breadcrumbs+.display-1,cfa-breadcrumbs+.display-2{margin-block-start:var(--spacing-layout-half) !important}.eyebrow+h1,.eyebrow+h2,.eyebrow+h3,.eyebrow+h4,.eyebrow+.h1,.eyebrow+.h2,.eyebrow+.h3,.eyebrow+.h4,.eyebrow+.display-1,.eyebrow+.display-2{margin-block-start:0 !important}h1,.h1,.display-1,.display-2{text-wrap:balance}.regular{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base)}.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}.eyebrow-with-line::after{border-block-end:var(--hairline) solid currentColor;content:"";flex-grow:1;margin-left:var(--spacing-component-3)}.subtle{opacity:.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}.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:.4em;transition:color .2s ease-in-out,border-color .2s ease-in-out}.prominent-link:hover,a.prominent-link:hover{--accent-color: var(--red-60)}.prominent-link:not(:has(cfa-icon))::after,a.prominent-link:not(:has(cfa-icon))::after{-webkit-font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:"Material Symbols Rounded";font-size:1.4em;font-style:normal;font-weight:normal;letter-spacing:normal;text-transform:none;vertical-align:middle;margin-top:-0.1em;white-space:nowrap;word-wrap:normal;content:"arrow_right_alt";display:inline-block;padding-inline-start:.1em;text-decoration:none;transition:padding .2s ease-in-out;width:1em}.prominent-link:not(:has(cfa-icon)):hover::after,a.prominent-link:not(:has(cfa-icon)):hover::after{padding-inline-start:.3em}.prominent-link cfa-icon,a.prominent-link cfa-icon{text-decoration:none}.white-text,.text-light{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:var(--white);--link-color: var(--white);--link-hover-color: var(--white)}.highlight{text-decoration:underline;text-decoration-color:var(--highlight-color, var(--yellow-20));text-decoration-thickness:.4em;text-decoration-skip-ink:none;text-underline-offset:-0.2em;word-wrap:break-word}.highlight--yellow{--highlight-color: var(--yellow-20)}.highlight--blue{--highlight-color: var(--blue-20)}.highlight--green{--highlight-color: var(--green-40)}.highlight--white{--highlight-color: var(--white-20)}.highlight--purple{--highlight-color: var(--purple-20)}.ul,.content ul{list-style-type:disc;padding-left:var(--spacing-layout-1)}.ul+*,*+.ul,.content ul+*,*+.content ul{margin-block-start:var(--spacing, var(--spacing-layout-1))}.ul>li,.content ul>li{margin-inline-start:0;padding-left:var(--spacing-component-2)}.ul>li+li,.content ul>li+li{margin-block-start:var(--spacing-layout-half)}.ul>li>ul,.content ul>li>ul{margin-block-start:var(--spacing-layout-half)}.ol,.content ol{list-style-type:decimal;padding-left:var(--spacing-layout-1)}.ol+*,*+.ol,.content ol+*,*+.content ol{margin-block-start:var(--spacing, var(--spacing-layout-1))}.ol>li,.content ol>li{margin-inline-start:0;padding-inline-start:var(--spacing-component-2)}.ol>li+li,.content ol>li+li{margin-block-start:var(--spacing-layout-half)}.ol>li>ul,.content 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);width:100%;content:"";display:block;margin-block:var(--spacing-layout-half)}.ul--inline,.ul--inline-with-line-separators,.ul--inline-with-separators{display:inline;list-style:none;padding-inline:0 !important}.ul--inline>li,.ul--inline-with-line-separators>li,.ul--inline-with-separators>li{display:inline-block;margin-inline-end:var(--spacing-component-3);padding:0 !important}.ul--inline li:last-child,.ul--inline-with-line-separators li:last-child,.ul--inline-with-separators li:last-child{margin-inline-end:0}.ul--inline>li+li,.ul--inline-with-line-separators>li+li,.ul--inline-with-separators>li+li{margin-block-start:0}.ul--inline-with-separators li{margin-inline-end:0}.ul--inline-with-separators>li::after{content:"•";margin-inline:var(--spacing-component-2);opacity:.5}.ul--inline-with-separators>li:last-child::after{content:""}.ul--inline-with-line-separators li{margin-inline-end:0}.ul--inline-with-line-separators>li::after{content:"|";margin-inline:var(--spacing-component-2);opacity:.5}.ul--inline-with-line-separators>li:last-child::after{content:""}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:.4}.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}.text-left{text-align:start !important}.text-center{text-align:center !important}.text-right{text-align:end !important}.color-purple{color:var(--purple-80)}.color-red{color:var(--red-80)}.color-green{color:var(--green-80)}.no-margin{margin:0}.rounded-corners{border-radius:var(--rounded-corners)}.is-hidden{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.is-loading{position:relative;opacity:.4}.is-loading:after{content:"";height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.sr-only,.screen-reader-text{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}a.skip-link{background-color:var(--white);height:1px;left:-999px;overflow:hidden;position:absolute;text-decoration:none;top:auto;width:1px;z-index:-999}a.skip-link:focus,a.skip-link:active{height:initial;left:var(--spacing-component-2);overflow:auto;padding:var(--spacing-component-2);text-align:center;top:var(--spacing-component-2);width:initial;z-index:999}.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(--font-size-base);--hover-bg-color: var(--blue-20);--hover-border-color: var(--border-color);--line-height: var(--line-height-base);--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 .5s,box-shadow .5s}.cfa-button:hover,a.cfa-button:hover,.cfa-button>a:hover,.wp-block-button>*: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%}.cfa-button+.cfa-button,.cfa-button+a.cfa-button,.cfa-button+.cfa-button>a,.cfa-button+.wp-block-button>*,a.cfa-button+.cfa-button,a.cfa-button+a.cfa-button,a.cfa-button+.cfa-button>a,a.cfa-button+.wp-block-button>*,.cfa-button>a+.cfa-button,.cfa-button>a+a.cfa-button,.cfa-button>a+.cfa-button>a,.cfa-button>a+.wp-block-button>*,.wp-block-button>*+.cfa-button,.wp-block-button>*+a.cfa-button,.wp-block-button>*+.cfa-button>a,.wp-block-button>*+.wp-block-button>*{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}.cfa-button,a.cfa-button,.cfa-button>a,.wp-block-button>*{margin-block:var(--spacing-component-2);margin-inline-end:var(--spacing-component-2)}}.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:.4em;transition:color .2s ease-in-out,border-color .2s ease-in-out}.cfa-button--prominent-link:hover,a.cfa-button--prominent-link:hover,.cfa-button--prominent-link>a:hover,.wp-block-button.is-style-prominent-link>*:hover{--accent-color: var(--red-60);background:unset;box-shadow:unset}.cfa-button--prominent-link::after,a.cfa-button--prominent-link::after,.cfa-button--prominent-link>a::after,.wp-block-button.is-style-prominent-link>*::after{-webkit-font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:"Material Symbols Rounded";font-size:1.4em;font-style:normal;font-weight:normal;letter-spacing:normal;text-transform:none;vertical-align:middle;margin-top:-0.1em;white-space:nowrap;word-wrap:normal;content:"arrow_right_alt";padding-inline-start:.1em;text-decoration:none;transition:transform .2s ease-in-out;width:1em}.cfa-button--prominent-link:hover::after,a.cfa-button--prominent-link:hover::after,.cfa-button--prominent-link>a:hover::after,.wp-block-button.is-style-prominent-link>*:hover::after{transform:translateX(0.3em)}.cfa-button--prominent-link cfa-icon,a.cfa-button--prominent-link cfa-icon,.cfa-button--prominent-link>a cfa-icon,.wp-block-button.is-style-prominent-link>* cfa-icon{text-decoration:none}.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(--font-size-base);--line-height: var(--line-height-base)}details{--color: var(--purple-60);--hover-bg-color: var(--blue-20);display:block;max-width:var(--column-span-8);margin-inline:auto;border-block:var(--hairline) solid var(--gray-40);padding-inline:var(--spacing-component-3)}details[open]{padding-block-end:var(--spacing-layout-half)}details[open]>summary{margin-block-end:var(--spacing-layout-half)}details+details{margin-block-start:-1px !important}details>summary{align-items:center;color:var(--color);cursor:pointer;display:block;flex-direction:row;font-weight:bold;padding-block:var(--spacing-component-3);padding-right:var(--spacing-component-4);position:relative}details>summary: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)}summary::after{-webkit-font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:"Material Symbols Rounded";font-size:1.4em;font-style:normal;font-weight:normal;letter-spacing:normal;text-transform:none;vertical-align:middle;margin-top:-0.1em;white-space:nowrap;word-wrap:normal;content:"expand_more";display:block;height:1rem;line-height:1rem;margin-top:-0.5rem;position:absolute;right:0;text-align:right;top:50%}@media(prefers-reduced-motion: no-preference){summary::after{transition:transform .2s}}details[open]>summary::after{transform:rotate(180deg)}details>summary+*{margin-block-start:0 !important}.cfa-form{--bg-color: var(--white);background-color:var(--bg-color);box-shadow:var(--shadow-medium)}.cfa-fieldset{border:0;margin:0;padding:0}.cfa-fieldset>*+*{margin-block-start:var(--spacing-layout-half)}.cfa-fieldset legend{font-weight:bold}.cfa-form-group>*{display:block}.cfa-form-group+.cfa-form-group{margin-block-start:var(--spacing-layout-1)}.cfa-input-container{max-width:100%;width:min(var(--column-span-6),100%)}.cfa-input-container:focus-within{outline:var(--focus-outline)}.cfa-input-container>*{display:block;width:100%}.cfa-label{flex:1;flex-grow:1;font-weight:bold;padding-inline-end:var(--spacing-component-2);padding-block:var(--spacing-component-2)}.cfa-select{appearance:none;background-color:var(--white, #fff);background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-position-x:calc(100% - 5px);background-position-y:50%;background-repeat:no-repeat;border-radius:0;border:var(--thin) solid var(--black, #000);color:var(--black, #fff);display:block;font-family:var(--font-family-sans-serif);font-size:1rem;font-weight:normal;padding-block:var(--spacing-component-2);padding-inline:var(--spacing-component-3);max-width:100%;position:relative}.cfa-select:focus{outline:none}.cfa-multiselect{background-color:var(--white);border-radius:0;border:var(--thin) solid var(--black);box-shadow:inset 0 var(--thin) 0 rgba(0,0,0,.15);font-family:var(--font-family-sans-serif);font-size:1rem;font-weight:bold;min-width:var(--column-span-3);max-width:100%}.cfa-multiselect:focus{outline:none}.cfa-multiselect option{padding-block:var(--spacing-component-2);padding-inline:var(--spacing-component-3)}.cfa-multiselect option:focus,.cfa-multiselect option:checked{background-color:var(--green-20)}.cfa-text-area,.cfa-text-input{background-color:var(--white);border-radius:0;border:var(--thin) solid var(--black);box-shadow:inset 0px var(--thin) 0px rgba(0,0,0,.15);font-family:var(--font-family-sans-serif);font-size:1rem;font-weight:normal;padding-block:var(--spacing-component-2);padding-inline:var(--spacing-component-3);max-width:100%}.cfa-text-input:focus{outline:none}.cfa-text-area{height:var(--spacing-layout-4);padding:var(--spacing-component-3)}.cfa-text-area:focus{outline:none}.cfa-checkbox{align-items:start;background-color:var(--white);border:var(--thin) solid var(--black);display:flex;flex-direction:row;font-size:var(--font-size-base);gap:var(--spacing-component-2);line-height:var(--line-height-base)}.cfa-checkbox:has(input:checked){background-color:var(--green-20)}.cfa-checkbox+.cfa-checkbox{margin-block-start:var(--spacing-layout-half)}.cfa-checkbox input{appearance:none;flex-basis:1.5rem;flex-grow:0}.cfa-checkbox input:focus{outline:none}.cfa-checkbox input::before{-webkit-font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:"Material Symbols Rounded";font-size:1.4em;font-style:normal;font-weight:normal;letter-spacing:normal;text-transform:none;vertical-align:middle;margin-top:-0.1em;white-space:nowrap;word-wrap:normal;background-color:var(--white);border-radius:10%;content:"check_box_outline_blank";flex-basis:1.5rem;flex-grow:0;font-size:1.2rem;line-height:1em;margin-block-start:calc(var(--line-height-base)/2 - .25rem);margin-inline-start:var(--spacing-component-2);text-align:center;width:1.2rem}.cfa-checkbox input:checked::before{content:"check_box"}.cfa-checkbox label{font-weight:normal}.cfa-radio-button{align-items:start;background-color:var(--white);border:var(--thin) solid var(--black);display:flex;flex-direction:row;font-size:var(--font-size-base);gap:var(--spacing-component-2);line-height:var(--line-height-base)}.cfa-radio-button:has(input:checked){background-color:var(--green-20)}.cfa-radio-button+.cfa-radio-button{margin-block-start:var(--spacing-layout-half)}.cfa-radio-button input{appearance:none;flex-basis:1.5rem;flex-grow:0}.cfa-radio-button input:focus{outline:none}.cfa-radio-button input::before{-webkit-font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:"Material Symbols Rounded";font-size:1.4em;font-style:normal;font-weight:normal;letter-spacing:normal;text-transform:none;vertical-align:middle;margin-top:-0.1em;white-space:nowrap;word-wrap:normal;background-color:var(--white);border-radius:50%;content:"radio_button_unchecked";overflow:hidden;flex-basis:1.5rem;font-size:1.2rem;line-height:1.2rem;margin-block-start:calc(var(--line-height-base)/2 - .25rem);margin-inline-start:var(--spacing-component-2);text-align:center;width:1.2rem}.cfa-radio-button input:checked::before{content:"radio_button_checked"}.cfa-radio-button label{font-weight:normal}.ui-datepicker{background-color:var(--white);border:solid 1px var(--gray-20);box-shadow:var(--shadow-slight);font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small);padding:var(--spacing-component-3);text-align:center}.ui-datepicker a:link{text-decoration:none}.ui-datepicker-header{display:flex;flex-direction:row;margin-block-end:var(--spacing-component-3)}.ui-datepicker-header>*{flex-grow:1}.ui-datepicker-header .ui-datepicker-title{flex-grow:0}.ui-datepicker-calendar td{padding:var(--spacing-component-2)}.cfa-loader{--size: var(--spacing-component-3);animation:pulse 2s infinite;border-radius:50%;display:block;height:var(--size);margin-left:auto;margin-right:auto;text-indent:-9999px;width:var(--size)}@keyframes pulse{0%{background-color:rgba(0,0,0,0)}50%{background-color:rgba(0,0,0,.3)}100%{background-color:rgba(0,0,0,0)}}.link-list,ul.is-style-link-list,.content ul.is-style-link-list{--bg-color: var(--white);--bg-hover-color: var(--purple-10);--border-color: var(--gray-40);--border-hover-color: var(--purple-60);--text-color: var(--black);--text-hover-color: var(--purple-80);--icon-color: var(--gray-40);--icon-hover-color: var(--purple-60);list-style:none;padding:0}.link-list>li,ul.is-style-link-list>li,.content ul.is-style-link-list>li{margin:0;padding:0}.link-list>li>a,ul.is-style-link-list>li>a,.content ul.is-style-link-list>li>a{background-color:var(--bg-color);border:var(--hairline) solid var(--border-color);color:var(--text-color);display:block;padding:var(--spacing-component-3);text-decoration:none}.link-list>li>a:hover,.link-list>li>a:focus,ul.is-style-link-list>li>a:hover,ul.is-style-link-list>li>a:focus,.content ul.is-style-link-list>li>a:hover,.content ul.is-style-link-list>li>a:focus{background-color:var(--bg-hover-color);border-color:var(--border-hover-color);color:var(--text-hover-color);position:relative;z-index:2}.link-list>li:first-child>a,ul.is-style-link-list>li:first-child>a,.content ul.is-style-link-list>li:first-child>a{border-top-left-radius:var(--rounded-corners);border-top-right-radius:var(--rounded-corners)}.link-list>li:last-child>a,ul.is-style-link-list>li:last-child>a,.content ul.is-style-link-list>li:last-child>a{border-bottom-left-radius:var(--rounded-corners);border-bottom-right-radius:var(--rounded-corners)}.link-list>li:not(:has(a)),ul.is-style-link-list>li:not(:has(a)),.content ul.is-style-link-list>li:not(:has(a)){background-color:var(--gray-20);border:var(--hairline) solid var(--border-color);color:var(--text-color);display:block;padding:var(--spacing-component-3)}.link-list>li+li,ul.is-style-link-list>li+li,.content ul.is-style-link-list>li+li{margin-block-start:calc(-1*var(--hairline))}.link-list:has(cfa-icon)>li>a,ul.is-style-link-list:has(cfa-icon)>li>a,.content ul.is-style-link-list:has(cfa-icon)>li>a{padding-left:var(--spacing-component-5);position:relative}.link-list>li>a cfa-icon,ul.is-style-link-list>li>a cfa-icon,.content ul.is-style-link-list>li>a cfa-icon{color:var(--icon-color);display:block;left:var(--spacing-component-3);position:absolute;text-align:center;width:var(--spacing-component-4)}.link-list>li>a:hover cfa-icon,.link-list>li>a:focus cfa-icon,ul.is-style-link-list>li>a:hover cfa-icon,ul.is-style-link-list>li>a:focus cfa-icon,.content ul.is-style-link-list>li>a:hover cfa-icon,.content ul.is-style-link-list>li>a:focus cfa-icon{color:var(--icon-hover-color)}
1
+ *,*::before,*::after{box-sizing:border-box}*{margin:0}*{text-wrap:pretty}*{overflow-wrap:break-word;text-overflow:ellipsis;word-break:break-word}*{font-synthesis:none !important}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;height:auto;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}.wrapper{box-sizing:border-box;max-width:1200px;margin:0 auto;padding-inline:30px}.container-fluid{margin-inline:auto;display:flex;flex-direction:column;width:100%}.wrapper.container-fluid{padding-inline:30px}.container{margin-inline:auto;padding-inline:30px;display:flex;flex-direction:column;width:100%}.row{display:flex;flex-flow:row wrap;box-sizing:border-box;flex-basis:100%;column-gap:var(--column-gap, 30px);row-gap:var(--row-gap, var(--column-gap, 30px))}.row.reverse{flex-direction:row-reverse}.row--no-gap{column-gap:0;row-gap:0}.row--no-gap .col-xs-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.row--no-gap .col-xs-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.row--no-gap .col-xs-3{flex-basis:25%;max-width:25%}.row--no-gap .col-xs-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.row--no-gap .col-xs-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.row--no-gap .col-xs-6{flex-basis:50%;max-width:50%}.row--no-gap .col-xs-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.row--no-gap .col-xs-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.row--no-gap .col-xs-9{flex-basis:75%;max-width:75%}.row--no-gap .col-xs-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.row--no-gap .col-xs-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.row--no-gap .col-xs-12{flex-basis:100%;max-width:100%}@media only screen and (min-width: 480px){.row--no-gap .col-sm-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.row--no-gap .col-sm-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.row--no-gap .col-sm-3{flex-basis:25%;max-width:25%}.row--no-gap .col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.row--no-gap .col-sm-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.row--no-gap .col-sm-6{flex-basis:50%;max-width:50%}.row--no-gap .col-sm-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.row--no-gap .col-sm-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.row--no-gap .col-sm-9{flex-basis:75%;max-width:75%}.row--no-gap .col-sm-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.row--no-gap .col-sm-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.row--no-gap .col-sm-12{flex-basis:100%;max-width:100%}}@media only screen and (min-width: 768px){.row--no-gap .col-md-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.row--no-gap .col-md-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.row--no-gap .col-md-3{flex-basis:25%;max-width:25%}.row--no-gap .col-md-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.row--no-gap .col-md-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.row--no-gap .col-md-6{flex-basis:50%;max-width:50%}.row--no-gap .col-md-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.row--no-gap .col-md-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.row--no-gap .col-md-9{flex-basis:75%;max-width:75%}.row--no-gap .col-md-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.row--no-gap .col-md-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.row--no-gap .col-md-12{flex-basis:100%;max-width:100%}}@media only screen and (min-width: 1024px){.row--no-gap .col-lg-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.row--no-gap .col-lg-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.row--no-gap .col-lg-3{flex-basis:25%;max-width:25%}.row--no-gap .col-lg-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.row--no-gap .col-lg-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.row--no-gap .col-lg-6{flex-basis:50%;max-width:50%}.row--no-gap .col-lg-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.row--no-gap .col-lg-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.row--no-gap .col-lg-9{flex-basis:75%;max-width:75%}.row--no-gap .col-lg-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.row--no-gap .col-lg-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.row--no-gap .col-lg-12{flex-basis:100%;max-width:100%}}.container-fluid>.row{flex:1}.container-fluid--grid-test{position:relative}.container-fluid--grid-test::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;background:linear-gradient(to right, rgba(200, 200, 200, 0.3) 0, rgba(200, 200, 200, 0.3) 30px, transparent 30px),linear-gradient(to left, rgba(200, 200, 200, 0.3) 0, rgba(200, 200, 200, 0.3) 30px, transparent 30px)}.container-fluid--grid-test::after{content:"";position:absolute;top:0;left:30px;right:30px;bottom:0;pointer-events:none;z-index:1;background-image:repeating-linear-gradient(to right, transparent 0, transparent calc((100% - 330px) / 12), rgba(200, 200, 200, 0.4) calc((100% - 330px) / 12), rgba(200, 200, 200, 0.4) calc((100% - 330px) / 12 + 30px), transparent calc((100% - 330px) / 12 + 30px))}.container-fluid--grid-test .row{position:relative;z-index:2}.col-xs{box-sizing:border-box;flex:0 0 auto;flex-grow:1;flex-basis:0;max-width:100%}.col-xs-1{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 1) + 0px);max-width:calc(calc(calc(100% - 330px) / 12 * 1) + 0px)}.col-xs-2{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 2) + 30px);max-width:calc(calc(calc(100% - 330px) / 12 * 2) + 30px)}.col-xs-3{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 3) + 60px);max-width:calc(calc(calc(100% - 330px) / 12 * 3) + 60px)}.col-xs-4{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 4) + 90px);max-width:calc(calc(calc(100% - 330px) / 12 * 4) + 90px)}.col-xs-5{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 5) + 120px);max-width:calc(calc(calc(100% - 330px) / 12 * 5) + 120px)}.col-xs-6{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 6) + 150px);max-width:calc(calc(calc(100% - 330px) / 12 * 6) + 150px)}.col-xs-7{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 7) + 180px);max-width:calc(calc(calc(100% - 330px) / 12 * 7) + 180px)}.col-xs-8{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 8) + 210px);max-width:calc(calc(calc(100% - 330px) / 12 * 8) + 210px)}.col-xs-9{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 9) + 240px);max-width:calc(calc(calc(100% - 330px) / 12 * 9) + 240px)}.col-xs-10{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 10) + 270px);max-width:calc(calc(calc(100% - 330px) / 12 * 10) + 270px)}.col-xs-11{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 11) + 300px);max-width:calc(calc(calc(100% - 330px) / 12 * 11) + 300px)}.col-xs-12{box-sizing:border-box;flex:0 0 auto;flex-basis:100%;max-width:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:calc(calc(100% - 330px)/12*1 + 30px)}.col-xs-offset-2{margin-left:calc(calc(100% - 330px)/12*2 + 60px)}.col-xs-offset-3{margin-left:calc(calc(100% - 330px)/12*3 + 90px)}.col-xs-offset-4{margin-left:calc(calc(100% - 330px)/12*4 + 120px)}.col-xs-offset-5{margin-left:calc(calc(100% - 330px)/12*5 + 150px)}.col-xs-offset-6{margin-left:calc(calc(100% - 330px)/12*6 + 180px)}.col-xs-offset-7{margin-left:calc(calc(100% - 330px)/12*7 + 210px)}.col-xs-offset-8{margin-left:calc(calc(100% - 330px)/12*8 + 240px)}.col-xs-offset-9{margin-left:calc(calc(100% - 330px)/12*9 + 270px)}.col-xs-offset-10{margin-left:calc(calc(100% - 330px)/12*10 + 300px)}.col-xs-offset-11{margin-left:calc(calc(100% - 330px)/12*11 + 330px)}.col-xs-offset-12{margin-left:calc(calc(100% - 330px)/12*12 + 360px)}.col.reverse{flex-direction:column-reverse}@media only screen and (min-width: 480px){.container{width:480px}.col-sm{box-sizing:border-box;flex:0 0 auto;flex-grow:1;flex-basis:0;max-width:100%}.col-sm-1{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 1) + 0px);max-width:calc(calc(calc(100% - 330px) / 12 * 1) + 0px)}.col-sm-2{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 2) + 30px);max-width:calc(calc(calc(100% - 330px) / 12 * 2) + 30px)}.col-sm-3{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 3) + 60px);max-width:calc(calc(calc(100% - 330px) / 12 * 3) + 60px)}.col-sm-4{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 4) + 90px);max-width:calc(calc(calc(100% - 330px) / 12 * 4) + 90px)}.col-sm-5{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 5) + 120px);max-width:calc(calc(calc(100% - 330px) / 12 * 5) + 120px)}.col-sm-6{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 6) + 150px);max-width:calc(calc(calc(100% - 330px) / 12 * 6) + 150px)}.col-sm-7{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 7) + 180px);max-width:calc(calc(calc(100% - 330px) / 12 * 7) + 180px)}.col-sm-8{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 8) + 210px);max-width:calc(calc(calc(100% - 330px) / 12 * 8) + 210px)}.col-sm-9{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 9) + 240px);max-width:calc(calc(calc(100% - 330px) / 12 * 9) + 240px)}.col-sm-10{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 10) + 270px);max-width:calc(calc(calc(100% - 330px) / 12 * 10) + 270px)}.col-sm-11{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 11) + 300px);max-width:calc(calc(calc(100% - 330px) / 12 * 11) + 300px)}.col-sm-12{box-sizing:border-box;flex:0 0 auto;flex-basis:100%;max-width:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:calc(calc(100% - 330px)/12*1 + 30px)}.col-sm-offset-2{margin-left:calc(calc(100% - 330px)/12*2 + 60px)}.col-sm-offset-3{margin-left:calc(calc(100% - 330px)/12*3 + 90px)}.col-sm-offset-4{margin-left:calc(calc(100% - 330px)/12*4 + 120px)}.col-sm-offset-5{margin-left:calc(calc(100% - 330px)/12*5 + 150px)}.col-sm-offset-6{margin-left:calc(calc(100% - 330px)/12*6 + 180px)}.col-sm-offset-7{margin-left:calc(calc(100% - 330px)/12*7 + 210px)}.col-sm-offset-8{margin-left:calc(calc(100% - 330px)/12*8 + 240px)}.col-sm-offset-9{margin-left:calc(calc(100% - 330px)/12*9 + 270px)}.col-sm-offset-10{margin-left:calc(calc(100% - 330px)/12*10 + 300px)}.col-sm-offset-11{margin-left:calc(calc(100% - 330px)/12*11 + 330px)}.col-sm-offset-12{margin-left:calc(calc(100% - 330px)/12*12 + 360px)}.row-sm-1{flex:1 !important}.row-sm-2{flex:2 !important}.row-sm-3{flex:3 !important}.row-first-sm{order:-1}.row-last-sm{order:1}}@media only screen and (min-width: 768px){.container{width:768px}.col-md{box-sizing:border-box;flex:0 0 auto;flex-grow:1;flex-basis:0;max-width:100%}.col-md-1{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 1) + 0px);max-width:calc(calc(calc(100% - 330px) / 12 * 1) + 0px)}.col-md-2{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 2) + 30px);max-width:calc(calc(calc(100% - 330px) / 12 * 2) + 30px)}.col-md-3{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 3) + 60px);max-width:calc(calc(calc(100% - 330px) / 12 * 3) + 60px)}.col-md-4{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 4) + 90px);max-width:calc(calc(calc(100% - 330px) / 12 * 4) + 90px)}.col-md-5{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 5) + 120px);max-width:calc(calc(calc(100% - 330px) / 12 * 5) + 120px)}.col-md-6{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 6) + 150px);max-width:calc(calc(calc(100% - 330px) / 12 * 6) + 150px)}.col-md-7{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 7) + 180px);max-width:calc(calc(calc(100% - 330px) / 12 * 7) + 180px)}.col-md-8{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 8) + 210px);max-width:calc(calc(calc(100% - 330px) / 12 * 8) + 210px)}.col-md-9{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 9) + 240px);max-width:calc(calc(calc(100% - 330px) / 12 * 9) + 240px)}.col-md-10{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 10) + 270px);max-width:calc(calc(calc(100% - 330px) / 12 * 10) + 270px)}.col-md-11{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 11) + 300px);max-width:calc(calc(calc(100% - 330px) / 12 * 11) + 300px)}.col-md-12{box-sizing:border-box;flex:0 0 auto;flex-basis:100%;max-width:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:calc(calc(100% - 330px)/12*1 + 30px)}.col-md-offset-2{margin-left:calc(calc(100% - 330px)/12*2 + 60px)}.col-md-offset-3{margin-left:calc(calc(100% - 330px)/12*3 + 90px)}.col-md-offset-4{margin-left:calc(calc(100% - 330px)/12*4 + 120px)}.col-md-offset-5{margin-left:calc(calc(100% - 330px)/12*5 + 150px)}.col-md-offset-6{margin-left:calc(calc(100% - 330px)/12*6 + 180px)}.col-md-offset-7{margin-left:calc(calc(100% - 330px)/12*7 + 210px)}.col-md-offset-8{margin-left:calc(calc(100% - 330px)/12*8 + 240px)}.col-md-offset-9{margin-left:calc(calc(100% - 330px)/12*9 + 270px)}.col-md-offset-10{margin-left:calc(calc(100% - 330px)/12*10 + 300px)}.col-md-offset-11{margin-left:calc(calc(100% - 330px)/12*11 + 330px)}.col-md-offset-12{margin-left:calc(calc(100% - 330px)/12*12 + 360px)}.row-md-1{flex:1 !important}.row-md-2{flex:2 !important}.row-md-3{flex:3 !important}.row-first-md{order:-1}.row-last-md{order:1}}@media only screen and (min-width: 1024px){.container{width:1200px}.col-lg{box-sizing:border-box;flex:0 0 auto;flex-grow:1;flex-basis:0;max-width:100%}.col-lg-1{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 1) + 0px);max-width:calc(calc(calc(100% - 330px) / 12 * 1) + 0px)}.col-lg-2{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 2) + 30px);max-width:calc(calc(calc(100% - 330px) / 12 * 2) + 30px)}.col-lg-3{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 3) + 60px);max-width:calc(calc(calc(100% - 330px) / 12 * 3) + 60px)}.col-lg-4{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 4) + 90px);max-width:calc(calc(calc(100% - 330px) / 12 * 4) + 90px)}.col-lg-5{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 5) + 120px);max-width:calc(calc(calc(100% - 330px) / 12 * 5) + 120px)}.col-lg-6{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 6) + 150px);max-width:calc(calc(calc(100% - 330px) / 12 * 6) + 150px)}.col-lg-7{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 7) + 180px);max-width:calc(calc(calc(100% - 330px) / 12 * 7) + 180px)}.col-lg-8{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 8) + 210px);max-width:calc(calc(calc(100% - 330px) / 12 * 8) + 210px)}.col-lg-9{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 9) + 240px);max-width:calc(calc(calc(100% - 330px) / 12 * 9) + 240px)}.col-lg-10{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 10) + 270px);max-width:calc(calc(calc(100% - 330px) / 12 * 10) + 270px)}.col-lg-11{box-sizing:border-box;flex:0 0 auto;flex-basis:calc(calc(calc(100% - 330px) / 12 * 11) + 300px);max-width:calc(calc(calc(100% - 330px) / 12 * 11) + 300px)}.col-lg-12{box-sizing:border-box;flex:0 0 auto;flex-basis:100%;max-width:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:calc(calc(100% - 330px)/12*1 + 30px)}.col-lg-offset-2{margin-left:calc(calc(100% - 330px)/12*2 + 60px)}.col-lg-offset-3{margin-left:calc(calc(100% - 330px)/12*3 + 90px)}.col-lg-offset-4{margin-left:calc(calc(100% - 330px)/12*4 + 120px)}.col-lg-offset-5{margin-left:calc(calc(100% - 330px)/12*5 + 150px)}.col-lg-offset-6{margin-left:calc(calc(100% - 330px)/12*6 + 180px)}.col-lg-offset-7{margin-left:calc(calc(100% - 330px)/12*7 + 210px)}.col-lg-offset-8{margin-left:calc(calc(100% - 330px)/12*8 + 240px)}.col-lg-offset-9{margin-left:calc(calc(100% - 330px)/12*9 + 270px)}.col-lg-offset-10{margin-left:calc(calc(100% - 330px)/12*10 + 300px)}.col-lg-offset-11{margin-left:calc(calc(100% - 330px)/12*11 + 330px)}.col-lg-offset-12{margin-left:calc(calc(100% - 330px)/12*12 + 360px)}.row-lg-1{flex:1 !important}.row-lg-2{flex:2 !important}.row-lg-3{flex:3 !important}.row-first-lg{order:-1}.row-last-lg{order:1}}.start-xs{justify-content:flex-start}.center-xs{justify-content:center}.end-xs{justify-content:flex-end}.around-xs{justify-content:space-around}.between-xs{justify-content:space-between}.top-xs{align-items:flex-start}.middle-xs{align-items:center}.bottom-xs{align-items:flex-end}.stretch-xs{align-items:stretch}.stretch-xs>*{display:flex}.first-xs{order:-1}.last-xs{order:1}@media only screen and (min-width: 480px){.start-sm{justify-content:flex-start}.center-sm{justify-content:center}.end-sm{justify-content:flex-end}.around-sm{justify-content:space-around}.between-sm{justify-content:space-between}.top-sm{align-items:flex-start}.middle-sm{align-items:center}.bottom-sm{align-items:flex-end}.stretch-sm{align-items:stretch}.stretch-sm>*{display:flex;flex-direction:column}.stretch-sm>*>*{height:100%}.first-sm{order:-1}.last-sm{order:1}}@media only screen and (min-width: 768px){.start-md{justify-content:flex-start}.center-md{justify-content:center}.end-md{justify-content:flex-end}.around-md{justify-content:space-around}.between-md{justify-content:space-between}.top-md{align-items:flex-start}.middle-md{align-items:center}.bottom-md{align-items:flex-end}.stretch-md{align-items:stretch}.stretch-md>*{display:flex;flex-direction:column}.stretch-md>*>*{height:100%}.first-md{order:-1}.last-md{order:1}}@media only screen and (min-width: 1024px){.start-lg{justify-content:flex-start}.center-lg{justify-content:center}.end-lg{justify-content:flex-end}.around-lg{justify-content:space-around}.between-lg{justify-content:space-between}.top-lg{align-items:flex-start}.middle-lg{align-items:center}.bottom-lg{align-items:flex-end}.stretch-lg{align-items:stretch}.stretch-lg>*{display:flex;flex-direction:column}.stretch-lg>*>*{height:100%}.first-lg{order:-1}.last-lg{order:1}}:root{--black: #000;--white: #fff;--black-10: rgba(0,0,0,0.1);--black-20: rgba(0,0,0,0.2);--black-40: rgba(0,0,0,0.4);--black-60: rgba(0,0,0,0.6);--black-80: rgba(0,0,0,0.8);--white-20: rgba(255,255,255,0.2);--white-40: rgba(255,255,255,0.4);--white-60: rgba(255,255,255,0.6);--white-80: rgba(255,255,255,0.8);--gray-20: #ececec;--gray-40: #b4b4b4;--gray-60: #555555;--gray-80: #292929;--purple-10: #f4f4fb;--purple-20: #DBDAF1;--purple-40: #ADA9FF;--purple-60: #4B49B2;--purple-80: #2B1A78;--red-20: #FBDADC;--red-40: #FF999F;--red-60: #AF121D;--red-80: #5C0A0F;--blue-20: #E6EBF9;--blue-40: #B3C7FF;--blue-60: #7595F0;--blue-80: #172C68;--yellow-20: #FFEBCC;--yellow-40: #FFD699;--yellow-60: #F2AA40;--yellow-80: #663D00;--green-20: #D6F5ED;--green-40: #ADF0E0;--green-60: #39AA8E;--green-80: #004239;--sand-20: #F5F0ED;--sand-40: #F8D5BF;--sand-60: #C19F8B;--sand-80: #3D3129;--brand-purple: var(--purple-80);--brand-red: var(--red-60);--accent-color: var(--purple-60);--text-color: var(--black);--base-link-color: var(--purple-80);--base-link-hover-color: var(--red-60);--link-color: var(--base-link-color);--link-hover-color: var(--base-link-hover-color);--spacing-layout-0: 0;--spacing-layout-half: 0.75rem;--spacing-layout-1: 1.5rem;--spacing-layout-2: 3rem;--spacing-layout-3: 4.5rem;--spacing-layout-4: 6rem;--spacing-layout-5: 7.5rem;--spacing-layout-6: 9rem;--spacing-layout-7: 10.5rem;--spacing-layout-8: 12rem;--spacing-layout-9: 13.5rem;--spacing-component-0: 0;--spacing-component-1: calc(0.125 * var(--spacing-layout-1));--spacing-component-2: calc(0.25 * var(--spacing-layout-1));--spacing-component-3: calc(0.5 * var(--spacing-layout-1));--spacing-component-4: calc(1 * var(--spacing-layout-1));--spacing-component-5: calc(2 * var(--spacing-layout-1));--spacing-component-6: calc(4 * var(--spacing-layout-1));--spacing-component-7: calc(8 * var(--spacing-layout-1));--spacing-component-8: calc(16 * var(--spacing-layout-1));--spacing-component-9: calc(32 * var(--spacing-layout-1));--breakpoint-mobile: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-widescreen: 1600px;--gutter-width: var(--spacing-layout-1);--outer-margin: var(--spacing-layout-1);--grid-max-width: 1200px;--grid-max-width-wp: calc(var(--grid-max-width) - var(--outer-margin) * 2);--column-span-1: 67.5px;--column-span-2: 165px;--column-span-3: 262.5px;--column-span-4: 360px;--column-span-5: 457.5px;--column-span-6: 555px;--column-span-7: 652.5px;--column-span-8: 750px;--column-span-9: 847.5px;--column-span-10: 945px;--column-span-11: 1042.5px;--column-span-12: 1140px;--font-family-serif: "Source Serif 4", serif;--font-family-sans-serif: "Source Sans 3", sans-serif;--font-family-base: var(--font-family-sans-serif);--font-family-heading: var(--font-family-serif);--font-family-display-1: var(--font-family-heading);--font-family-display-2: var(--font-family-heading);--font-family-h1: var(--font-family-heading);--font-family-h2: var(--font-family-heading);--font-family-h3: var(--font-family-heading);--font-family-h4: var(--font-family-heading);--font-family-eyebrow: var(--base-font-family);--font-size-base: 20px;--font-size-display-1: 3.052rem;--font-size-display-2: 2.441rem;--font-size-h1: 1.953rem;--font-size-h2: 1.563rem;--font-size-h3: 1.25rem;--font-size-h4: 1rem;--font-size-eyebrow: 0.7rem;--font-size-extra-large: var(--font-size-h2);--font-size-large: var(--font-size-h3);--font-size-small: 0.8rem;--font-weight-regular: 400;--font-weight-bold: 700;--font-weight-display-1: var(--font-weight-bold);--font-weight-display-2: var(--font-weight-bold);--font-weight-h1: var(--font-weight-bold);--font-weight-h2: var(--font-weight-bold);--font-weight-h3: var(--font-weight-bold);--font-weight-h4: var(--font-weight-bold);--font-weight-eyebrow: var(--font-weight-bold);--line-height-base: var(--spacing-layout-1);--line-height-display-1: calc(2.5 * var(--line-height-base));--line-height-display-2: calc(2 * var(--line-height-base));--line-height-h1: calc(1.5 * var(--line-height-base));--line-height-h2: calc(1.5 * var(--line-height-base));--line-height-h3: calc(1 * var(--line-height-base));--line-height-h4: calc(1 * var(--line-height-base));--line-height-eyebrow: calc(1 * var(--line-height-base));--line-height-extra-large: calc(1.5 * var(--line-height-base));--line-height-large: calc(1 * var(--line-height-base));--line-height-small: calc(1 * var(--line-height-base));--line-height-sm: var(--line-height-small);--line-height-md: var(--line-height-base);--line-height-lg: var(--line-height-large);--line-height-xl: var(--line-height-extra-large);--line-height-xxl: var(--line-height-display-2);--line-height-xxxl: var(--line-height-display-1);--letter-spacing-base: normal;--letter-spacing-display-1: normal;--letter-spacing-display-2: normal;--letter-spacing-h1: normal;--letter-spacing-h2: normal;--letter-spacing-h3: normal;--letter-spacing-h4: normal;--letter-spacing-eyebrow: 0.1em;--letter-spacing-small: normal;--letter-spacing-sm: var(--letter-spacing-small);--letter-spacing-md: var(--letter-spacing-base);--letter-spacing-lg: var(--letter-spacing-large);--letter-spacing-xl: var(--letter-spacing-extra-large);--letter-spacing-xxl: var(--letter-spacing-display-2);--letter-spacing-xxxl: var(--letter-spacing-display-1);--text-underline-offset: 0.3em;--hairline: 1px;--thin: 2px;--medium: 4px;--thick: 8px;--focus-color: var(--blue-40);--focus-outline: var(--medium) solid var(--focus-color);--rounded-corners: var(--spacing-component-2);--shadow-color: rgba(0,0,0,0.1);--shadow-small: 0.2px 0.7px 0.8px var(--shadow-color), 0.9px 3px 3.5px -2.5px var(--shadow-color), -2px -2px 2px -2px var(--shadow-color);--shadow-medium: 0.2px 0.7px 0.8px var(--shadow-color), 1.1px 3.8px 4.5px -1.2px var(--shadow-color), 4.3px 14.8px 17.3px -2.5px var(--shadow-color), -2px -2px 2px -2px var(--shadow-color);--shadow-large: 0.2px 0.7px 0.8px var(--shadow-color), 2.9px 10px 11.7px -0.8px var(--shadow-color), 8.6px 30px 35.1px -1.7px var(--shadow-color), 22.4px 77.8px 91.1px -2.5px var(--shadow-color);--bg-blob-1: url("data:image/svg+xml,%3Csvg width='628' height='577' viewBox='0 0 628 577' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath 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' fill='currentColor'/%3E%3C/svg%3E");--bg-blob-2: url("data:image/svg+xml,%3Csvg width='580' height='592' viewBox='0 0 580 592' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath 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' fill='currentColor'/%3E%3C/svg%3E");--bg-blob-3: url("data:image/svg+xml,%3Csvg width='620' height='613' viewBox='0 0 620 613' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath 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' fill='currentColor'/%3E%3C/svg%3E");--bg-blob-4: url("data:image/svg+xml,%3Csvg width='656' height='566' viewBox='0 0 656 566' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath 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' fill='currentColor'/%3E%3C/svg%3E");--bg-blob: var(--bg-blob-1)}html{color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);image-rendering:-webkit-optimize-contrast;letter-spacing:var(--letter-spacing-base);line-height:var(--line-height-base);scroll-behavior:smooth;scroll-padding-top:var(--spacing-layout-3);text-underline-offset:var(--text-underline-offset)}body{display:flex;flex-direction:column;min-height:1vh}body>main{flex-grow:1}a{color:var(--link-color);text-decoration:underline;text-decoration-thickness:var(--hairline)}a:hover{color:var(--link-hover-color)}*:focus-visible,*:target{outline:var(--focus-outline);position:relative}[data-color-mode=dark]{--link-color: var(--white);--link-hover-color: var(--white);color:var(--white)}[data-color-mode=light]{--link-color: var(--link-color);--link-hover-color: var(--link-hover-color);color:var(--text-color)}@font-face{font-family:"Source Sans 3";font-style:normal;src:url("../static/fonts/SourceSans3.woff2") format("woff2")}@font-face{font-family:"Source Sans 3";font-style:italic;src:url("../static/fonts/SourceSans3-Italic.woff2") format("woff2")}@font-face{font-family:"Source Serif 4";font-style:normal;src:url("../static/fonts/SourceSerif4.woff2") format("woff2")}@font-face{font-family:"Source Serif 4";font-style:italic;src:url("../static/fonts/SourceSerif4-Italic.woff2") format("woff2")}.section{--bg-color: var(--white);--border: var(--hairline) solid var(--black-10);--padding: var(--spacing-layout-2);--spacing: var(--spacing-layout-1);background-color:var(--bg-color);border-block-start:var(--border);padding-block:var(--padding)}.cluster{overflow:hidden}.cluster>*{display:flex;flex-wrap:wrap;margin:var(--spacing, calc(var(--spacing-layout-1) / 2 * -1))}.cluster>*>*{margin:var(--spacing, calc(var(--spacing-layout-1) / 2))}.stack{--spacing: var(--spacing-layout-1)}.stack>*+*{margin-block-start:var(--spacing)}.container-fluid.stack{gap:var(--spacing)}.container-fluid.stack>*+*{margin-block-start:0}.stack-with-lines>*+*::before{border-block-start:var(--hairline) solid var(--black-20);content:"";display:block;margin-block:var(--spacing, var(--spacing-layout-1));width:100%}:has(>.grid){container-type:inline-size}.grid{--spacing: var(--spacing-layout-1);align-items:stretch;column-gap:var(--spacing);display:flex;flex-flow:row wrap;justify-content:flex-start;row-gap:var(--spacing)}.grid>*{flex:0 0 auto;flex-basis:100%;max-width:100%}@container (width >= 768px){.grid>*{flex-basis:calc((100% - var(--spacing)*2)/3);max-width:calc((100% - var(--spacing)*2)/3)}.grid:has(>:nth-child(1):nth-last-child(1)),.grid:has(>:nth-child(2):nth-last-child(1)){justify-content:center}}.grid-lines{background-image:linear-gradient(to bottom, var(--black-20) 1px, transparent 1px);background-size:100% var(--spacing-layout-half)}.grid-lines p,.grid-lines h1,.grid-lines h2,.grid-lines h3,.grid-lines h4,.grid-lines h5,.grid-lines h6,.grid-lines li,.grid-lines blockquote{background-color:rgba(255,0,0,.1)}.cfa-icon{height:var(--spacing-layout-5);margin-left:auto;margin-right:auto;width:var(--spacing-layout-5)}.cfa-icon img{display:block;height:100%;object-fit:contain;object-position:center center;width:100%}p+*,ul+*,ol+*,blockquote+*{margin-block-start:var(--spacing, var(--spacing-layout-1, 1.5rem))}*+p,*+ul,*+ol,*+blockquote{margin-block-start:var(--spacing, var(--spacing-layout-1, 1.5rem))}h1+*,h2+*,h3+*,h4+*,.h1+*,.h2+*,.h3+*,.h4+*,.display-1+*,.display-2+*{margin-block-start:var(--spacing, var(--spacing-layout-1, 1.5rem))}*+h1,*+h2,*+h3,*+h4,*+.h1,*+.h2,*+.h3,*+.h4,*+.display-1,*+.display-2{--spacing: var(--spacing-layout-2);margin-block-start:--spacing}h1+h1,h1+h2,h1+h3,h1+h4,h1+.h1,h1+.h2,h1+.h3,h1+.h4,h1+.display-1,h1+.display-2,h2+h1,h2+h2,h2+h3,h2+h4,h2+.h1,h2+.h2,h2+.h3,h2+.h4,h2+.display-1,h2+.display-2,h3+h1,h3+h2,h3+h3,h3+h4,h3+.h1,h3+.h2,h3+.h3,h3+.h4,h3+.display-1,h3+.display-2,h4+h1,h4+h2,h4+h3,h4+h4,h4+.h1,h4+.h2,h4+.h3,h4+.h4,h4+.display-1,h4+.display-2,.h1+h1,.h1+h2,.h1+h3,.h1+h4,.h1+.h1,.h1+.h2,.h1+.h3,.h1+.h4,.h1+.display-1,.h1+.display-2,.h2+h1,.h2+h2,.h2+h3,.h2+h4,.h2+.h1,.h2+.h2,.h2+.h3,.h2+.h4,.h2+.display-1,.h2+.display-2,.h3+h1,.h3+h2,.h3+h3,.h3+h4,.h3+.h1,.h3+.h2,.h3+.h3,.h3+.h4,.h3+.display-1,.h3+.display-2,.h4+h1,.h4+h2,.h4+h3,.h4+h4,.h4+.h1,.h4+.h2,.h4+.h3,.h4+.h4,.h4+.display-1,.h4+.display-2,.display-1+h1,.display-1+h2,.display-1+h3,.display-1+h4,.display-1+.h1,.display-1+.h2,.display-1+.h3,.display-1+.h4,.display-1+.display-1,.display-1+.display-2,.display-2+h1,.display-2+h2,.display-2+h3,.display-2+h4,.display-2+.h1,.display-2+.h2,.display-2+.h3,.display-2+.h4,.display-2+.display-1,.display-2+.display-2{--spacing: var(--spacing-layout-1)}cfa-breadcrumbs+h1,cfa-breadcrumbs+h2,cfa-breadcrumbs+h3,cfa-breadcrumbs+h4,cfa-breadcrumbs+.h1,cfa-breadcrumbs+.h2,cfa-breadcrumbs+.h3,cfa-breadcrumbs+.h4,cfa-breadcrumbs+.display-1,cfa-breadcrumbs+.display-2{margin-block-start:var(--spacing-layout-half) !important}.eyebrow+h1,.eyebrow+h2,.eyebrow+h3,.eyebrow+h4,.eyebrow+.h1,.eyebrow+.h2,.eyebrow+.h3,.eyebrow+.h4,.eyebrow+.display-1,.eyebrow+.display-2{margin-block-start:0 !important}h1,.h1,.display-1,.display-2{text-wrap:balance}.regular{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base)}.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}.eyebrow-with-line::after{border-block-end:var(--hairline) solid currentColor;content:"";flex-grow:1;margin-left:var(--spacing-component-3)}.subtle{opacity:.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}.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:.4em;transition:color .2s ease-in-out,border-color .2s ease-in-out}.prominent-link:hover,a.prominent-link:hover{--accent-color: var(--red-60)}.prominent-link:not(:has(cfa-icon))::after,a.prominent-link:not(:has(cfa-icon))::after{-webkit-font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:"Material Symbols Rounded";font-size:1.4em;font-style:normal;font-weight:normal;letter-spacing:normal;text-transform:none;vertical-align:middle;margin-top:-0.1em;white-space:nowrap;word-wrap:normal;content:"arrow_right_alt";display:inline-block;padding-inline-start:.1em;text-decoration:none;transition:padding .2s ease-in-out;width:1em}.prominent-link:not(:has(cfa-icon)):hover::after,a.prominent-link:not(:has(cfa-icon)):hover::after{padding-inline-start:.3em}.prominent-link cfa-icon,a.prominent-link cfa-icon{text-decoration:none}.white-text,.text-light{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:var(--white);--link-color: var(--white);--link-hover-color: var(--white)}.highlight{text-decoration:underline;text-decoration-color:var(--highlight-color, var(--yellow-20));text-decoration-thickness:.4em;text-decoration-skip-ink:none;text-underline-offset:-0.2em;word-wrap:break-word}.highlight--yellow{--highlight-color: var(--yellow-20)}.highlight--blue{--highlight-color: var(--blue-20)}.highlight--green{--highlight-color: var(--green-40)}.highlight--white{--highlight-color: var(--white-20)}.highlight--purple{--highlight-color: var(--purple-20)}.ul,.content ul{list-style-type:disc;padding-left:var(--spacing-layout-1)}.ul+*,*+.ul,.content ul+*,*+.content ul{margin-block-start:var(--spacing, var(--spacing-layout-1))}.ul>li,.content ul>li{margin-inline-start:0;padding-left:var(--spacing-component-2)}.ul>li+li,.content ul>li+li{margin-block-start:var(--spacing-layout-half)}.ul>li>ul,.content ul>li>ul{margin-block-start:var(--spacing-layout-half)}.ol,.content ol{list-style-type:decimal;padding-left:var(--spacing-layout-1)}.ol+*,*+.ol,.content ol+*,*+.content ol{margin-block-start:var(--spacing, var(--spacing-layout-1))}.ol>li,.content ol>li{margin-inline-start:0;padding-inline-start:var(--spacing-component-2)}.ol>li+li,.content ol>li+li{margin-block-start:var(--spacing-layout-half)}.ol>li>ul,.content 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);width:100%;content:"";display:block;margin-block:var(--spacing-layout-half)}.ul--inline,.ul--inline-with-line-separators,.ul--inline-with-separators{display:inline;list-style:none;padding-inline:0 !important}.ul--inline>li,.ul--inline-with-line-separators>li,.ul--inline-with-separators>li{display:inline-block;margin-inline-end:var(--spacing-component-3);padding:0 !important}.ul--inline li:last-child,.ul--inline-with-line-separators li:last-child,.ul--inline-with-separators li:last-child{margin-inline-end:0}.ul--inline>li+li,.ul--inline-with-line-separators>li+li,.ul--inline-with-separators>li+li{margin-block-start:0}.ul--inline-with-separators li{margin-inline-end:0}.ul--inline-with-separators>li::after{content:"•";margin-inline:var(--spacing-component-2);opacity:.5}.ul--inline-with-separators>li:last-child::after{content:""}.ul--inline-with-line-separators li{margin-inline-end:0}.ul--inline-with-line-separators>li::after{content:"|";margin-inline:var(--spacing-component-2);opacity:.5}.ul--inline-with-line-separators>li:last-child::after{content:""}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:.4}.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}.text-left{text-align:start !important}.text-center{text-align:center !important}.text-right{text-align:end !important}.color-purple{color:var(--purple-80)}.color-red{color:var(--red-80)}.color-green{color:var(--green-80)}.no-margin{margin:0}.rounded-corners{border-radius:var(--rounded-corners)}.is-hidden{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.is-loading{position:relative;opacity:.4}.is-loading:after{content:"";height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.sr-only,.screen-reader-text{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}a.skip-link{background-color:var(--white);height:1px;left:-999px;overflow:hidden;position:absolute;text-decoration:none;top:auto;width:1px;z-index:-999}a.skip-link:focus,a.skip-link:active{height:initial;left:var(--spacing-component-2);overflow:auto;padding:var(--spacing-component-2);text-align:center;top:var(--spacing-component-2);width:initial;z-index:999}.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(--font-size-base);--hover-bg-color: var(--blue-20);--hover-border-color: var(--border-color);--line-height: var(--line-height-base);--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 .5s,box-shadow .5s}.cfa-button:hover,a.cfa-button:hover,.cfa-button>a:hover,.wp-block-button>*: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%}.cfa-button+.cfa-button,.cfa-button+a.cfa-button,.cfa-button+.cfa-button>a,.cfa-button+.wp-block-button>*,a.cfa-button+.cfa-button,a.cfa-button+a.cfa-button,a.cfa-button+.cfa-button>a,a.cfa-button+.wp-block-button>*,.cfa-button>a+.cfa-button,.cfa-button>a+a.cfa-button,.cfa-button>a+.cfa-button>a,.cfa-button>a+.wp-block-button>*,.wp-block-button>*+.cfa-button,.wp-block-button>*+a.cfa-button,.wp-block-button>*+.cfa-button>a,.wp-block-button>*+.wp-block-button>*{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}.cfa-button,a.cfa-button,.cfa-button>a,.wp-block-button>*{margin-block:var(--spacing-component-2);margin-inline-end:var(--spacing-component-2)}}.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:.4em;transition:color .2s ease-in-out,border-color .2s ease-in-out}.cfa-button--prominent-link:hover,a.cfa-button--prominent-link:hover,.cfa-button--prominent-link>a:hover,.wp-block-button.is-style-prominent-link>*:hover{--accent-color: var(--red-60);background:unset;box-shadow:unset}.cfa-button--prominent-link::after,a.cfa-button--prominent-link::after,.cfa-button--prominent-link>a::after,.wp-block-button.is-style-prominent-link>*::after{-webkit-font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:"Material Symbols Rounded";font-size:1.4em;font-style:normal;font-weight:normal;letter-spacing:normal;text-transform:none;vertical-align:middle;margin-top:-0.1em;white-space:nowrap;word-wrap:normal;content:"arrow_right_alt";padding-inline-start:.1em;text-decoration:none;transition:transform .2s ease-in-out;width:1em}.cfa-button--prominent-link:hover::after,a.cfa-button--prominent-link:hover::after,.cfa-button--prominent-link>a:hover::after,.wp-block-button.is-style-prominent-link>*:hover::after{transform:translateX(0.3em)}.cfa-button--prominent-link cfa-icon,a.cfa-button--prominent-link cfa-icon,.cfa-button--prominent-link>a cfa-icon,.wp-block-button.is-style-prominent-link>* cfa-icon{text-decoration:none}.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(--font-size-base);--line-height: var(--line-height-base)}details{--color: var(--purple-60);--hover-bg-color: var(--blue-20);display:block;max-width:var(--column-span-8);margin-inline:auto;border-block:var(--hairline) solid var(--gray-40);padding-inline:var(--spacing-component-3)}details[open]{padding-block-end:var(--spacing-layout-half)}details[open]>summary{margin-block-end:var(--spacing-layout-half)}details+details{margin-block-start:-1px !important}details>summary{align-items:center;color:var(--color);cursor:pointer;display:block;flex-direction:row;font-weight:bold;padding-block:var(--spacing-component-3);padding-right:var(--spacing-component-4);position:relative}details>summary: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)}summary::after{-webkit-font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:"Material Symbols Rounded";font-size:1.4em;font-style:normal;font-weight:normal;letter-spacing:normal;text-transform:none;vertical-align:middle;margin-top:-0.1em;white-space:nowrap;word-wrap:normal;content:"expand_more";display:block;height:1rem;line-height:1rem;margin-top:-0.5rem;position:absolute;right:0;text-align:right;top:50%}@media(prefers-reduced-motion: no-preference){summary::after{transition:transform .2s}}details[open]>summary::after{transform:rotate(180deg)}details>summary+*{margin-block-start:0 !important}.cfa-form{--bg-color: var(--white);background-color:var(--bg-color);box-shadow:var(--shadow-medium)}.cfa-fieldset{border:0;margin:0;padding:0}.cfa-fieldset>*+*{margin-block-start:var(--spacing-layout-half)}.cfa-fieldset legend{font-weight:bold}.cfa-form-group>*{display:block}.cfa-form-group+.cfa-form-group{margin-block-start:var(--spacing-layout-1)}.cfa-input-container{max-width:100%;width:min(var(--column-span-6),100%)}.cfa-input-container:focus-within{outline:var(--focus-outline)}.cfa-input-container>*{display:block;width:100%}.cfa-label{flex:1;flex-grow:1;font-weight:bold;padding-inline-end:var(--spacing-component-2);padding-block:var(--spacing-component-2)}.cfa-select{appearance:none;background-color:var(--white, #fff);background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-position-x:calc(100% - 5px);background-position-y:50%;background-repeat:no-repeat;border-radius:0;border:var(--thin) solid var(--black, #000);color:var(--black, #fff);display:block;font-family:var(--font-family-sans-serif);font-size:1rem;font-weight:normal;padding-block:var(--spacing-component-2);padding-inline:var(--spacing-component-3);max-width:100%;position:relative}.cfa-select:focus{outline:none}.cfa-multiselect{background-color:var(--white);border-radius:0;border:var(--thin) solid var(--black);box-shadow:inset 0 var(--thin) 0 rgba(0,0,0,.15);font-family:var(--font-family-sans-serif);font-size:1rem;font-weight:bold;min-width:var(--column-span-3);max-width:100%}.cfa-multiselect:focus{outline:none}.cfa-multiselect option{padding-block:var(--spacing-component-2);padding-inline:var(--spacing-component-3)}.cfa-multiselect option:focus,.cfa-multiselect option:checked{background-color:var(--green-20)}.cfa-text-area,.cfa-text-input{background-color:var(--white);border-radius:0;border:var(--thin) solid var(--black);box-shadow:inset 0px var(--thin) 0px rgba(0,0,0,.15);font-family:var(--font-family-sans-serif);font-size:1rem;font-weight:normal;padding-block:var(--spacing-component-2);padding-inline:var(--spacing-component-3);max-width:100%}.cfa-text-input:focus{outline:none}.cfa-text-area{height:var(--spacing-layout-4);padding:var(--spacing-component-3)}.cfa-text-area:focus{outline:none}.cfa-checkbox{align-items:start;background-color:var(--white);border:var(--thin) solid var(--black);display:flex;flex-direction:row;font-size:var(--font-size-base);gap:var(--spacing-component-2);line-height:var(--line-height-base)}.cfa-checkbox:has(input:checked){background-color:var(--green-20)}.cfa-checkbox+.cfa-checkbox{margin-block-start:var(--spacing-layout-half)}.cfa-checkbox input{appearance:none;flex-basis:1.5rem;flex-grow:0}.cfa-checkbox input:focus{outline:none}.cfa-checkbox input::before{-webkit-font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:"Material Symbols Rounded";font-size:1.4em;font-style:normal;font-weight:normal;letter-spacing:normal;text-transform:none;vertical-align:middle;margin-top:-0.1em;white-space:nowrap;word-wrap:normal;background-color:var(--white);border-radius:10%;content:"check_box_outline_blank";flex-basis:1.5rem;flex-grow:0;font-size:1.2rem;line-height:1em;margin-block-start:calc(var(--line-height-base)/2 - .25rem);margin-inline-start:var(--spacing-component-2);text-align:center;width:1.2rem}.cfa-checkbox input:checked::before{content:"check_box"}.cfa-checkbox label{font-weight:normal}.cfa-radio-button{align-items:start;background-color:var(--white);border:var(--thin) solid var(--black);display:flex;flex-direction:row;font-size:var(--font-size-base);gap:var(--spacing-component-2);line-height:var(--line-height-base)}.cfa-radio-button:has(input:checked){background-color:var(--green-20)}.cfa-radio-button+.cfa-radio-button{margin-block-start:var(--spacing-layout-half)}.cfa-radio-button input{appearance:none;flex-basis:1.5rem;flex-grow:0}.cfa-radio-button input:focus{outline:none}.cfa-radio-button input::before{-webkit-font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:"Material Symbols Rounded";font-size:1.4em;font-style:normal;font-weight:normal;letter-spacing:normal;text-transform:none;vertical-align:middle;margin-top:-0.1em;white-space:nowrap;word-wrap:normal;background-color:var(--white);border-radius:50%;content:"radio_button_unchecked";overflow:hidden;flex-basis:1.5rem;font-size:1.2rem;line-height:1.2rem;margin-block-start:calc(var(--line-height-base)/2 - .25rem);margin-inline-start:var(--spacing-component-2);text-align:center;width:1.2rem}.cfa-radio-button input:checked::before{content:"radio_button_checked"}.cfa-radio-button label{font-weight:normal}.ui-datepicker{background-color:var(--white);border:solid 1px var(--gray-20);box-shadow:var(--shadow-slight);font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-small);padding:var(--spacing-component-3);text-align:center}.ui-datepicker a:link{text-decoration:none}.ui-datepicker-header{display:flex;flex-direction:row;margin-block-end:var(--spacing-component-3)}.ui-datepicker-header>*{flex-grow:1}.ui-datepicker-header .ui-datepicker-title{flex-grow:0}.ui-datepicker-calendar td{padding:var(--spacing-component-2)}.cfa-loader{--size: var(--spacing-component-3);animation:pulse 2s infinite;border-radius:50%;display:block;height:var(--size);margin-left:auto;margin-right:auto;text-indent:-9999px;width:var(--size)}@keyframes pulse{0%{background-color:rgba(0,0,0,0)}50%{background-color:rgba(0,0,0,.3)}100%{background-color:rgba(0,0,0,0)}}.link-list,ul.is-style-link-list,.content ul.is-style-link-list{--bg-color: var(--white);--bg-hover-color: var(--purple-10);--border-color: var(--gray-40);--border-hover-color: var(--purple-60);--text-color: var(--black);--text-hover-color: var(--purple-80);--icon-color: var(--gray-40);--icon-hover-color: var(--purple-60);list-style:none;padding:0}.link-list>li,ul.is-style-link-list>li,.content ul.is-style-link-list>li{margin:0;padding:0}.link-list>li>a,ul.is-style-link-list>li>a,.content ul.is-style-link-list>li>a{background-color:var(--bg-color);border:var(--hairline) solid var(--border-color);color:var(--text-color);display:block;padding:var(--spacing-component-3);text-decoration:none}.link-list>li>a:hover,.link-list>li>a:focus,ul.is-style-link-list>li>a:hover,ul.is-style-link-list>li>a:focus,.content ul.is-style-link-list>li>a:hover,.content ul.is-style-link-list>li>a:focus{background-color:var(--bg-hover-color);border-color:var(--border-hover-color);color:var(--text-hover-color);position:relative;z-index:2}.link-list>li:first-child>a,ul.is-style-link-list>li:first-child>a,.content ul.is-style-link-list>li:first-child>a{border-top-left-radius:var(--rounded-corners);border-top-right-radius:var(--rounded-corners)}.link-list>li:last-child>a,ul.is-style-link-list>li:last-child>a,.content ul.is-style-link-list>li:last-child>a{border-bottom-left-radius:var(--rounded-corners);border-bottom-right-radius:var(--rounded-corners)}.link-list>li:not(:has(a)),ul.is-style-link-list>li:not(:has(a)),.content ul.is-style-link-list>li:not(:has(a)){background-color:var(--gray-20);border:var(--hairline) solid var(--border-color);color:var(--text-color);display:block;padding:var(--spacing-component-3)}.link-list>li+li,ul.is-style-link-list>li+li,.content ul.is-style-link-list>li+li{margin-block-start:calc(-1*var(--hairline))}.link-list:has(cfa-icon)>li>a,ul.is-style-link-list:has(cfa-icon)>li>a,.content ul.is-style-link-list:has(cfa-icon)>li>a{padding-left:var(--spacing-component-5);position:relative}.link-list>li>a cfa-icon,ul.is-style-link-list>li>a cfa-icon,.content ul.is-style-link-list>li>a cfa-icon{color:var(--icon-color);display:block;left:var(--spacing-component-3);position:absolute;text-align:center;width:var(--spacing-component-4)}.link-list>li>a:hover cfa-icon,.link-list>li>a:focus cfa-icon,ul.is-style-link-list>li>a:hover cfa-icon,ul.is-style-link-list>li>a:focus cfa-icon,.content ul.is-style-link-list>li>a:hover cfa-icon,.content ul.is-style-link-list>li>a:focus cfa-icon{color:var(--icon-hover-color)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codeforamerica/marcomms-design-system",
3
- "version": "1.10.0",
3
+ "version": "1.11.0",
4
4
  "main": "src/index.js",
5
5
  "dependencies": {
6
6
  "lit": "^3.2.1",
package/src/core/grid.mdx CHANGED
@@ -1,231 +1,244 @@
1
- import { Meta } from '@storybook/addon-docs/blocks';
1
+ import { Meta, Unstyled } from '@storybook/addon-docs/blocks';
2
2
  import '../components/card';
3
3
  import '../components/placeholder';
4
4
 
5
5
  <Meta title="Core/Grid" />
6
6
 
7
- <div class="container-fluid wrapper stack">
8
- <div class="row">
9
- <div class="col-xs-12">
10
- <cfa-placeholder />
11
- </div>
12
- </div>
13
- <div class="row">
14
- <div class="col-xs-12 col-md-6">
15
- <cfa-placeholder />
16
- </div>
17
- <div class="col-xs-12 col-md-6">
18
- <cfa-placeholder />
19
- </div>
20
- </div>
21
- <div class="row">
22
- <div class="col-xs-12 col-md-4">
23
- <cfa-placeholder />
24
- </div>
25
- <div class="col-xs-12 col-md-4">
26
- <cfa-placeholder />
27
- </div>
28
- <div class="col-xs-12 col-md-4">
29
- <cfa-placeholder />
30
- </div>
31
- </div>
32
- <div class="row">
33
- <div class="col-xs-12 col-md-3">
34
- <cfa-placeholder />
35
- </div>
36
- <div class="col-xs-12 col-md-3">
37
- <cfa-placeholder />
38
- </div>
39
- <div class="col-xs-12 col-md-3">
40
- <cfa-placeholder />
41
- </div>
42
- <div class="col-xs-12 col-md-3">
43
- <cfa-placeholder />
44
- </div>
45
- </div>
46
- <div class="row row--no-gap">
47
- <div class="col-xs-12 col-md-3">
48
- <cfa-placeholder />
49
- </div>
50
- <div class="col-xs-12 col-md-3">
51
- <cfa-placeholder />
52
- </div>
53
- <div class="col-xs-12 col-md-3">
54
- <cfa-placeholder />
55
- </div>
56
- <div class="col-xs-12 col-md-3">
57
- <cfa-placeholder />
58
- </div>
59
- </div>
60
- <div class="row">
61
- <div class="col-xs-12 col-md-2">
62
- <cfa-placeholder />
63
- </div>
64
- <div class="col-xs-12 col-md-2">
65
- <cfa-placeholder />
66
- </div>
67
- <div class="col-xs-12 col-md-2">
68
- <cfa-placeholder />
69
- </div>
70
- <div class="col-xs-12 col-md-2">
71
- <cfa-placeholder />
72
- </div>
73
- <div class="col-xs-12 col-md-2">
74
- <cfa-placeholder />
75
- </div>
76
- <div class="col-xs-12 col-md-2">
77
- <cfa-placeholder />
78
- </div>
79
- </div>
80
- <div class="row">
81
- <div class="col-xs-12 col-md-1">
82
- <cfa-placeholder />
83
- </div>
84
- <div class="col-xs-12 col-md-1">
85
- <cfa-placeholder />
86
- </div>
87
- <div class="col-xs-12 col-md-1">
88
- <cfa-placeholder />
89
- </div>
90
- <div class="col-xs-12 col-md-1">
91
- <cfa-placeholder />
92
- </div>
93
- <div class="col-xs-12 col-md-1">
94
- <cfa-placeholder />
95
- </div>
96
- <div class="col-xs-12 col-md-1">
97
- <cfa-placeholder />
98
- </div>
99
- <div class="col-xs-12 col-md-1">
100
- <cfa-placeholder />
101
- </div>
102
- <div class="col-xs-12 col-md-1">
103
- <cfa-placeholder />
104
- </div>
105
- <div class="col-xs-12 col-md-1">
106
- <cfa-placeholder />
107
- </div>
108
- <div class="col-xs-12 col-md-1">
109
- <cfa-placeholder />
110
- </div>
111
- <div class="col-xs-12 col-md-1">
112
- <cfa-placeholder />
113
- </div>
114
- <div class="col-xs-12 col-md-1">
115
- <cfa-placeholder />
116
- </div>
117
- </div>
118
- <div class="row">
119
- <div class="col-xs-12 col-md-4">
120
- <cfa-placeholder />
121
- </div>
122
- <div class="col-xs-12 col-md-8">
123
- <cfa-placeholder />
124
- </div>
125
- </div>
7
+ <Unstyled>
8
+ <div class="container-fluid wrapper stack">
126
9
  <div class="row">
127
- <div class="col-xs-12 col-md-3">
128
- <cfa-placeholder />
129
- </div>
130
- <div class="col-xs-12 col-md-6">
131
- <cfa-placeholder />
132
- </div>
133
- <div class="col-xs-12 col-md-3">
134
- <cfa-placeholder />
135
- </div>
136
- </div>
137
- <div class="row">
138
- <div class="col-xs-12 col-md-3">
139
- <cfa-placeholder />
140
- </div>
141
- <div class="col-xs-12 col-md-3">
142
- <cfa-placeholder />
143
- </div>
144
- <div class="col-xs-12 col-md-3">
145
- <cfa-placeholder />
146
- </div>
147
- <div class="col-xs-12 col-md-3">
148
- <cfa-placeholder />
149
- </div>
150
- <div class="col-xs-12 col-md-3">
151
- <cfa-placeholder />
10
+ <div class="col-xs-12">
11
+ <cfa-placeholder />
12
+ </div>
152
13
  </div>
153
- <div class="col-xs-12 col-md-3">
154
- <cfa-placeholder />
14
+ <div class="row">
15
+ <div class="col-xs-12 col-md-6">
16
+ <cfa-placeholder />
17
+ </div>
18
+ <div class="col-xs-12 col-md-6">
19
+ <cfa-placeholder />
20
+ </div>
155
21
  </div>
156
- </div>
157
- <div class="row between-md">
158
- <div class="col-xs-12 col-md-4">
159
- <cfa-placeholder />
22
+ <div class="row">
23
+ <div class="col-xs-12 col-md-4">
24
+ <cfa-placeholder />
25
+ </div>
26
+ <div class="col-xs-12 col-md-4">
27
+ <cfa-placeholder />
28
+ </div>
29
+ <div class="col-xs-12 col-md-4">
30
+ <cfa-placeholder />
31
+ </div>
160
32
  </div>
161
- <div class="col-xs-12 col-md-4">
162
- <cfa-placeholder />
33
+ <div class="row">
34
+ <div class="col-xs-12 col-md-3">
35
+ <cfa-placeholder />
36
+ </div>
37
+ <div class="col-xs-12 col-md-3">
38
+ <cfa-placeholder />
39
+ </div>
40
+ <div class="col-xs-12 col-md-3">
41
+ <cfa-placeholder />
42
+ </div>
43
+ <div class="col-xs-12 col-md-3">
44
+ <cfa-placeholder />
45
+ </div>
163
46
  </div>
164
- </div>
165
- <div class="row middle-md">
166
- <div class="col-xs-12 col-md-4">
167
- <cfa-placeholder style={{ "--height": "var(--spacing-layout-4)" }} />
47
+ <div class="row row--no-gap">
48
+ <div class="col-xs-12 col-md-3">
49
+ <cfa-placeholder />
50
+ </div>
51
+ <div class="col-xs-12 col-md-3">
52
+ <cfa-placeholder />
53
+ </div>
54
+ <div class="col-xs-12 col-md-3">
55
+ <cfa-placeholder />
56
+ </div>
57
+ <div class="col-xs-12 col-md-3">
58
+ <cfa-placeholder />
59
+ </div>
168
60
  </div>
169
- <div class="col-xs-12 col-md-4">
170
- <cfa-placeholder style={{ "--height": "var(--spacing-layout-3)" }} />
61
+ <div class="row">
62
+ <div class="col-xs-12 col-md-2">
63
+ <cfa-placeholder />
64
+ </div>
65
+ <div class="col-xs-12 col-md-2">
66
+ <cfa-placeholder />
67
+ </div>
68
+ <div class="col-xs-12 col-md-2">
69
+ <cfa-placeholder />
70
+ </div>
71
+ <div class="col-xs-12 col-md-2">
72
+ <cfa-placeholder />
73
+ </div>
74
+ <div class="col-xs-12 col-md-2">
75
+ <cfa-placeholder />
76
+ </div>
77
+ <div class="col-xs-12 col-md-2">
78
+ <cfa-placeholder />
79
+ </div>
171
80
  </div>
172
- <div class="col-xs-12 col-md-4">
173
- <cfa-placeholder style={{ "--height": "var(--spacing-layout-2)" }} />
81
+ <div class="row">
82
+ <div class="col-xs-12 col-md-1">
83
+ <cfa-placeholder />
84
+ </div>
85
+ <div class="col-xs-12 col-md-1">
86
+ <cfa-placeholder />
87
+ </div>
88
+ <div class="col-xs-12 col-md-1">
89
+ <cfa-placeholder />
90
+ </div>
91
+ <div class="col-xs-12 col-md-1">
92
+ <cfa-placeholder />
93
+ </div>
94
+ <div class="col-xs-12 col-md-1">
95
+ <cfa-placeholder />
96
+ </div>
97
+ <div class="col-xs-12 col-md-1">
98
+ <cfa-placeholder />
99
+ </div>
100
+ <div class="col-xs-12 col-md-1">
101
+ <cfa-placeholder />
102
+ </div>
103
+ <div class="col-xs-12 col-md-1">
104
+ <cfa-placeholder />
105
+ </div>
106
+ <div class="col-xs-12 col-md-1">
107
+ <cfa-placeholder />
108
+ </div>
109
+ <div class="col-xs-12 col-md-1">
110
+ <cfa-placeholder />
111
+ </div>
112
+ <div class="col-xs-12 col-md-1">
113
+ <cfa-placeholder />
114
+ </div>
115
+ <div class="col-xs-12 col-md-1">
116
+ <cfa-placeholder />
117
+ </div>
174
118
  </div>
175
- </div>
176
- <div class="row bottom-md">
177
- <div class="col-xs-12 col-md-4">
178
- <cfa-placeholder style={{ "--height": "var(--spacing-layout-4)" }} />
119
+ <div class="row">
120
+ <div class="col-xs-12 col-md-4">
121
+ <cfa-placeholder />
122
+ </div>
123
+ <div class="col-xs-12 col-md-8">
124
+ <cfa-placeholder />
125
+ </div>
179
126
  </div>
180
- <div class="col-xs-12 col-md-4">
181
- <cfa-placeholder style={{ "--height": "var(--spacing-layout-3)" }} />
127
+ <div class="row">
128
+ <div class="col-xs-12 col-md-3">
129
+ <cfa-placeholder />
130
+ </div>
131
+ <div class="col-xs-12 col-md-6">
132
+ <cfa-placeholder />
133
+ </div>
134
+ <div class="col-xs-12 col-md-3">
135
+ <cfa-placeholder />
136
+ </div>
182
137
  </div>
183
- <div class="col-xs-12 col-md-4">
184
- <cfa-placeholder style={{ "--height": "var(--spacing-layout-2)" }} />
138
+ <div class="row">
139
+ <div class="col-xs-12 col-md-3">
140
+ <cfa-placeholder />
141
+ </div>
142
+ <div class="col-xs-12 col-md-3">
143
+ <cfa-placeholder />
144
+ </div>
145
+ <div class="col-xs-12 col-md-3">
146
+ <cfa-placeholder />
147
+ </div>
148
+ <div class="col-xs-12 col-md-3">
149
+ <cfa-placeholder />
150
+ </div>
151
+ <div class="col-xs-12 col-md-3">
152
+ <cfa-placeholder />
153
+ </div>
154
+ <div class="col-xs-12 col-md-3">
155
+ <cfa-placeholder />
156
+ </div>
185
157
  </div>
186
- </div>
187
- <div class="row">
188
- <div class="col-xs-12 col-md-4 last-md">
189
- <cfa-placeholder style={{ "--bg-color": "var(--purple-60)" }} />
158
+ <div class="row between-md">
159
+ <div class="col-xs-12 col-md-4">
160
+ <cfa-placeholder />
161
+ </div>
162
+ <div class="col-xs-12 col-md-4">
163
+ <cfa-placeholder />
164
+ </div>
190
165
  </div>
191
- <div class="col-xs-12 col-md-4">
192
- <cfa-placeholder />
166
+ <div class="row">
167
+ <div class="col-xs-12 col-md-4">
168
+ <cfa-placeholder />
169
+ </div>
170
+ <div class="col-xs-12 col-md-3 col-md-offset-2">
171
+ <cfa-placeholder />
172
+ </div>
173
+ <div class="col-xs-12 col-md-2 col-md-offset-1">
174
+ <cfa-placeholder />
175
+ </div>
193
176
  </div>
194
- <div class="col-xs-12 col-md-4">
195
- <cfa-placeholder />
177
+ <div class="row middle-md">
178
+ <div class="col-xs-12 col-md-4">
179
+ <cfa-placeholder style={{ "--height": "var(--spacing-layout-4)" }} />
180
+ </div>
181
+ <div class="col-xs-12 col-md-4">
182
+ <cfa-placeholder style={{ "--height": "var(--spacing-layout-3)" }} />
183
+ </div>
184
+ <div class="col-xs-12 col-md-4">
185
+ <cfa-placeholder style={{ "--height": "var(--spacing-layout-2)" }} />
186
+ </div>
196
187
  </div>
197
- </div>
198
- <div class="row">
199
- <div class="col-xs-12 col-md">
200
- <cfa-placeholder/>
188
+ <div class="row bottom-md">
189
+ <div class="col-xs-12 col-md-4">
190
+ <cfa-placeholder style={{ "--height": "var(--spacing-layout-4)" }} />
191
+ </div>
192
+ <div class="col-xs-12 col-md-4">
193
+ <cfa-placeholder style={{ "--height": "var(--spacing-layout-3)" }} />
194
+ </div>
195
+ <div class="col-xs-12 col-md-4">
196
+ <cfa-placeholder style={{ "--height": "var(--spacing-layout-2)" }} />
197
+ </div>
201
198
  </div>
202
- <div class="col-xs-12 col-md">
203
- <cfa-placeholder />
199
+ <div class="row">
200
+ <div class="col-xs-12 col-md-4 last-md">
201
+ <cfa-placeholder style={{ "--bg-color": "var(--purple-60)" }} />
202
+ </div>
203
+ <div class="col-xs-12 col-md-4">
204
+ <cfa-placeholder />
205
+ </div>
206
+ <div class="col-xs-12 col-md-4">
207
+ <cfa-placeholder />
208
+ </div>
204
209
  </div>
205
- <div class="col-xs-12 col-md">
206
- <cfa-placeholder />
210
+ <div class="row">
211
+ <div class="col-xs-12 col-md">
212
+ <cfa-placeholder/>
213
+ </div>
214
+ <div class="col-xs-12 col-md">
215
+ <cfa-placeholder />
216
+ </div>
217
+ <div class="col-xs-12 col-md">
218
+ <cfa-placeholder />
219
+ </div>
207
220
  </div>
208
- </div>
209
- <div class="row stretch-md">
210
- <div class="col-xs-12 col-md">
211
- <div>
212
- <p>
213
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
214
- </p>
215
- <p>
216
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
217
- </p>
218
- </div>
219
- </div>
220
- <div class="col-xs-12 col-md">
221
- <cfa-placeholder />
222
- </div>
223
- <div class="col-xs-12 col-md">
224
- <cfa-card
225
- eyebrow="Program"
226
- title="Removing barriers resulting from the criminal legal system"
227
- actionLabel="Learn more"
228
- />
221
+ <div class="row stretch-md">
222
+ <div class="col-xs-12 col-md">
223
+ <div>
224
+ <p>
225
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
226
+ </p>
227
+ <p>
228
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
229
+ </p>
230
+ </div>
231
+ </div>
232
+ <div class="col-xs-12 col-md">
233
+ <cfa-placeholder />
234
+ </div>
235
+ <div class="col-xs-12 col-md">
236
+ <cfa-card
237
+ eyebrow="Program"
238
+ title="Removing barriers resulting from the criminal legal system"
239
+ actionLabel="Learn more"
240
+ />
241
+ </div>
229
242
  </div>
230
243
  </div>
231
- </div>
244
+ </Unstyled>
package/src/core/grid.scss CHANGED
@@ -61,6 +61,22 @@ $half-gap-width: calc($gap-width * 0.5);
61
61
  max-width: $width;
62
62
  }
63
63
 
64
+ @mixin col-offset($size) {
65
+ @if $size == 0 {
66
+ margin-left: 0;
67
+ }
68
+
69
+ @else {
70
+ // Calculate offset accounting for gaps between columns
71
+ $gap-count: $grid-columns - 1;
72
+ $total-gap-width: $gap-count * $gap-width;
73
+ $available-width: calc(100% - #{$total-gap-width});
74
+ $additional-gaps: $size;
75
+
76
+ margin-left: calc(#{$available-width} / #{$grid-columns} * #{$size} + #{$additional-gaps * $gap-width});
77
+ }
78
+ }
79
+
64
80
  // ----------
65
81
  // Containers
66
82
  // ----------
@@ -220,6 +236,13 @@ $half-gap-width: calc($gap-width * 0.5);
220
236
  }
221
237
  }
222
238
 
239
+ // Offset columns (0-12)
240
+ @for $i from 0 through $grid-columns {
241
+ .col-xs-offset-#{$i} {
242
+ @include col-offset($i);
243
+ }
244
+ }
245
+
223
246
  // Column reverse
224
247
  .col.reverse {
225
248
  flex-direction: column-reverse;
@@ -255,6 +278,13 @@ $half-gap-width: calc($gap-width * 0.5);
255
278
  }
256
279
  }
257
280
 
281
+ // Offset columns (0-12)
282
+ @for $i from 0 through $grid-columns {
283
+ .col-#{$name}-offset-#{$i} {
284
+ @include col-offset($i);
285
+ }
286
+ }
287
+
258
288
  // Row flex sizing
259
289
  @for $i from 1 through 3 {
260
290
  .row-#{$name}-#{$i} {