.bg--primary-dark { background-color: var(--primary-dark); }.bg--secondary { background-color: var(--secondary); }.bg--secondary-ultra-dark { background-color: var(--secondary-ultra-dark); }.bg--accent { background-color: var(--accent); }.text--400 { font-weight: 400; }.text--500 { font-weight: 500; }.text--700 { font-weight: 700; }.grid--2 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); inline-size: 100%; }.grid--3 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); inline-size: 100%; }@media (max-width: 768px) { .grid--m-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } }@media (max-width: 768px) { .grid--m-1 > * { grid-column: 1 !important; } }@media (min-width: 1367px) { .grid--alternate-xl > .grid--2:nth-of-type(even) > *:last-child { order: -1; } }@media (min-width: 993px) { .grid--alternate-l > .grid--2:nth-of-type(even) > *:last-child { order: -1; } }@media (min-width: 769px) { .grid--alternate-m > .grid--2:nth-of-type(even) > *:last-child { order: -1; } }@media (min-width: 481px) { .grid--alternate-s > .grid--2:nth-of-type(even) > *:last-child { order: -1; } }@media (min-width: 321px) { .grid--alternate-xs > .grid--2:nth-of-type(even) > *:last-child { order: -1; } }.col-span--1 { grid-column-end: span 1; }.col-span--2 { grid-column-end: span 2; }.grid--auto-3 { --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7; --column-count: 3; --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr)); --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); }.width--l:not([class*="breakout--"]) { inline-size: calc(var(--content-width) * 0.6); max-inline-size: 100%; }.fr-lede, p.fr-lede { max-width: 60ch; }.radius--none.radius--none, .rounded--none.rounded--none { border-radius: var(--radius-none); }.clickable-parent:not(a) { position: static; }.clickable-parent:not(a) a { position: static; }.clickable-parent:not(a) > a::after { content: ""; position: absolute; inset: 0; cursor: pointer !important; display: flex; z-index: 1; }button.clickable-parent, a.clickable-parent { position: static !important; }button.clickable-parent::after, a.clickable-parent::after { content: ""; position: absolute; inset: 0; cursor: pointer !important; display: flex; z-index: 1; }.bricks-area a.clickable-parent::after, .bricks-area .clickable-parent > a::after { content: ""; position: relative; }.grid--auto-3:where(:not([class*="rows"])) { display: grid !important; grid-template-columns: var(--grid-template-columns); gap: var(--grid-gap); inline-size: 100%; --grid-template-columns-any: var(--grid-template-columns-fit); --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count))); --grid-template-columns-fit: repeat(auto-fit, minmax(var(--min-formula), 1fr)); --grid-template-columns-fill: repeat(auto-fill, minmax(var(--min-formula), 1fr)); --grid-template-columns-even-fit: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); --grid-template-columns-even-fill: repeat(auto-fill, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr)); }.grid--auto-3:where(:not([class*="rows"])) > * { min-width: 0; max-width: 100%; overflow-wrap: break-word; }