@codeforamerica/marcomms-design-system 1.4.0 → 1.4.2

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 +14 -0
  4. package/src/core/grid.scss +36 -14
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:30px;row-gap:0}.row.reverse{flex-direction:row-reverse}.row--no-gutters{column-gap:0;row-gap:0}.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)}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);display:grid;grid-gap:var(--spacing);grid-template-columns:repeat(auto-fit, minmax(var(--column-span-4), 1fr));justify-content:center}.grid>*{height:100%;margin-inline:auto}@container (width > 1024px){.grid>*{max-width:var(--column-span-4)}}.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;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)}.cfa-button cfa-icon,a.cfa-button cfa-icon,.cfa-button>a cfa-icon,.wp-block-button>* cfa-icon{line-height:1em}@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;white-space:nowrap;word-wrap:normal;content:"arrow_right_alt";display:inline-block;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;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;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;white-space:nowrap;word-wrap:normal;background-color:var(--white);border-radius:50%;content:"radio_button_unchecked";margin-inline:var(--spacing-component-2);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: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.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)}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);display:grid;grid-gap:var(--spacing);grid-template-columns:repeat(auto-fit, minmax(var(--column-span-4), 1fr));justify-content:center}.grid>*{height:100%;margin-inline:auto}@container (width > 1024px){.grid>*{max-width:var(--column-span-4)}}.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;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)}.cfa-button cfa-icon,a.cfa-button cfa-icon,.cfa-button>a cfa-icon,.wp-block-button>* cfa-icon{line-height:1em}@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;white-space:nowrap;word-wrap:normal;content:"arrow_right_alt";display:inline-block;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;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;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;white-space:nowrap;word-wrap:normal;background-color:var(--white);border-radius:50%;content:"radio_button_unchecked";margin-inline:var(--spacing-component-2);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: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.4.0",
3
+ "version": "1.4.2",
4
4
  "main": "src/index.js",
5
5
  "dependencies": {
6
6
  "lit": "^3.2.1",
package/src/core/grid.mdx CHANGED
@@ -43,6 +43,20 @@ import '../components/placeholder';
43
43
  <cfa-placeholder />
44
44
  </div>
45
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>
46
60
  <div class="row">
47
61
  <div class="col-xs-12 col-md-2">
48
62
  <cfa-placeholder />
package/src/core/grid.scss CHANGED
@@ -11,7 +11,7 @@
11
11
 
12
12
  $grid-columns: 12;
13
13
  $base-font-size: 20px;
14
- $gutter-width: 1.5 * $base-font-size; // 30px - equivalent to --spacing-layout-1
14
+ $gap-width: 1.5 * $base-font-size; // 30px - equivalent to --spacing-layout-1
15
15
  $outer-margin: 1.5 * $base-font-size; // 30px - equivalent to --spacing-layout-1
16
16
  $max-width: 1200px;
17
17
 
@@ -23,8 +23,8 @@ $breakpoints: (
23
23
  );
24
24
 
25
25
  // Calculated values
26
- $gutter-compensation: calc($gutter-width * -0.5);
27
- $half-gutter-width: calc($gutter-width * 0.5);
26
+ $gap-compensation: calc($gap-width * -0.5);
27
+ $half-gap-width: calc($gap-width * 0.5);
28
28
 
29
29
  // ------
30
30
  // Mixins
@@ -43,7 +43,7 @@ $half-gutter-width: calc($gutter-width * 0.5);
43
43
  @mixin col-size($size) {
44
44
  // Calculate width accounting for gaps between columns
45
45
  $gap-count: $grid-columns - 1;
46
- $total-gap-width: $gap-count * $gutter-width;
46
+ $total-gap-width: $gap-count * $gap-width;
47
47
  $available-width: calc(100% - #{$total-gap-width});
48
48
  $width: calc(#{$available-width} / #{$grid-columns} * #{$size});
49
49
 
@@ -54,7 +54,7 @@ $half-gutter-width: calc($gutter-width * 0.5);
54
54
 
55
55
  @else {
56
56
  $additional-gaps: $size - 1;
57
- $width: calc(#{$width} + #{$additional-gaps * $gutter-width});
57
+ $width: calc(#{$width} + #{$additional-gaps * $gap-width});
58
58
  }
59
59
 
60
60
  flex-basis: $width;
@@ -101,18 +101,40 @@ $half-gutter-width: calc($gutter-width * 0.5);
101
101
 
102
102
  box-sizing: border-box;
103
103
  flex-basis: 100%;
104
- column-gap: $gutter-width;
105
- row-gap: 0;
104
+ column-gap: var(--column-gap, #{$gap-width});
105
+ row-gap: var(--row-gap, var(--column-gap, #{$gap-width}));
106
106
 
107
107
  // Row variants
108
108
  &.reverse {
109
109
  flex-direction: row-reverse;
110
110
  }
111
111
 
112
- // No gutters modifier
113
- &--no-gutters {
112
+ // No gap modifier
113
+ &--no-gap {
114
114
  column-gap: 0;
115
115
  row-gap: 0;
116
+
117
+ // Override column sizing to use simple percentages
118
+ @for $i from 1 through $grid-columns {
119
+ .col-xs-#{$i} {
120
+ flex-basis: math.percentage(math.div($i, $grid-columns));
121
+ max-width: math.percentage(math.div($i, $grid-columns));
122
+ }
123
+ }
124
+
125
+ // Responsive column overrides
126
+ @each $name, $values in $breakpoints {
127
+ $min-width: list.nth($values, 1);
128
+
129
+ @media only screen and (min-width: $min-width) {
130
+ @for $i from 1 through $grid-columns {
131
+ .col-#{$name}-#{$i} {
132
+ flex-basis: math.percentage(math.div($i, $grid-columns));
133
+ max-width: math.percentage(math.div($i, $grid-columns));
134
+ }
135
+ }
136
+ }
137
+ }
116
138
  }
117
139
  }
118
140
 
@@ -164,10 +186,10 @@ $half-gutter-width: calc($gutter-width * 0.5);
164
186
  background-image: repeating-linear-gradient(
165
187
  to right,
166
188
  transparent 0,
167
- transparent calc((100% - #{$gutter-width * 11}) / 12), // Column width
168
- rgba(200, 200, 200, 0.4) calc((100% - #{$gutter-width * 11}) / 12), // Start of gap
169
- rgba(200, 200, 200, 0.4) calc((100% - #{$gutter-width * 11}) / 12 + #{$gutter-width}), // End of gap
170
- transparent calc((100% - #{$gutter-width * 11}) / 12 + #{$gutter-width}) // Next column starts
189
+ transparent calc((100% - #{$gap-width * 11}) / 12), // Column width
190
+ rgba(200, 200, 200, 0.4) calc((100% - #{$gap-width * 11}) / 12), // Start of gap
191
+ rgba(200, 200, 200, 0.4) calc((100% - #{$gap-width * 11}) / 12 + #{$gap-width}), // End of gap
192
+ transparent calc((100% - #{$gap-width * 11}) / 12 + #{$gap-width}) // Next column starts
171
193
  );
172
194
  }
173
195
 
@@ -326,7 +348,7 @@ $half-gutter-width: calc($gutter-width * 0.5);
326
348
  // -----------------
327
349
 
328
350
  @function column-span($columns) {
329
- $width: math.div($max-width - $outer-margin, $grid-columns) * $columns - $gutter-width;
351
+ $width: math.div($max-width - $outer-margin, $grid-columns) * $columns - $gap-width;
330
352
 
331
353
  @return $width;
332
354
  }