/* File: automatic.css - Version: 3.3.5 - Generated: 2025-10-28 12:33:45 */
.overflow-detection *:not(#wpadminbar, #wpadminbar *), .overflow-detection *:not(#wpadminbar, #wpadminbar *)::before, .overflow-detection *:not(#wpadminbar, #wpadminbar *)::after {
  outline: 2px solid crimson !important;
  background: color-mix(in oklab, crimson, transparent 97%) !important;
}
:root, .color-scheme--main {
  --primary-hex: #0386ff;
  --primary-hsl: 209 100% 51%;
  --primary-rgb: 3 134 255;
  --primary-r: 3;
  --primary-g: 134;
  --primary-b: 255;
  --primary-h: 209;
  --primary-s: 100%;
  --primary-l: 51%;
  --primary-hover-h: 209;
  --primary-hover-s: 100%;
  --primary-hover-l: 59%;
  --primary-ultra-light-h: 209;
  --primary-ultra-light-s: 100%;
  --primary-ultra-light-l: 95%;
  --primary-light-h: 209;
  --primary-light-s: 100%;
  --primary-light-l: 85%;
  --primary-semi-light-h: 209;
  --primary-semi-light-s: 100%;
  --primary-semi-light-l: 65%;
  --primary-semi-dark-h: 209;
  --primary-semi-dark-s: 100%;
  --primary-semi-dark-l: 35%;
  --primary-dark-h: 209;
  --primary-dark-s: 100%;
  --primary-dark-l: 25%;
  --primary-ultra-dark-h: 209;
  --primary-ultra-dark-s: 100%;
  --primary-ultra-dark-l: 10%;
  --secondary-hex: #ffff07;
  --secondary-hsl: 60 100% 51%;
  --secondary-rgb: 255 255 7;
  --secondary-r: 255;
  --secondary-g: 255;
  --secondary-b: 7;
  --secondary-h: 60;
  --secondary-s: 100%;
  --secondary-l: 51%;
  --secondary-hover-h: 60;
  --secondary-hover-s: 100%;
  --secondary-hover-l: 59%;
  --secondary-ultra-light-h: 60;
  --secondary-ultra-light-s: 100%;
  --secondary-ultra-light-l: 95%;
  --secondary-light-h: 60;
  --secondary-light-s: 100%;
  --secondary-light-l: 85%;
  --secondary-semi-light-h: 60;
  --secondary-semi-light-s: 100%;
  --secondary-semi-light-l: 65%;
  --secondary-semi-dark-h: 60;
  --secondary-semi-dark-s: 100%;
  --secondary-semi-dark-l: 35%;
  --secondary-dark-h: 60;
  --secondary-dark-s: 100%;
  --secondary-dark-l: 25%;
  --secondary-ultra-dark-h: 60;
  --secondary-ultra-dark-s: 100%;
  --secondary-ultra-dark-l: 10%;
  --tertiary-hex: #e1dfdd;
  --tertiary-hsl: 30 6% 87%;
  --tertiary-rgb: 225 223 221;
  --tertiary-r: 225;
  --tertiary-g: 223;
  --tertiary-b: 221;
  --tertiary-h: 30;
  --tertiary-s: 6%;
  --tertiary-l: 87%;
  --tertiary-hover-h: 30;
  --tertiary-hover-s: 6%;
  --tertiary-hover-l: 100%;
  --tertiary-ultra-light-h: 30;
  --tertiary-ultra-light-s: 6%;
  --tertiary-ultra-light-l: 95%;
  --tertiary-light-h: 30;
  --tertiary-light-s: 6%;
  --tertiary-light-l: 85%;
  --tertiary-semi-light-h: 30;
  --tertiary-semi-light-s: 6%;
  --tertiary-semi-light-l: 65%;
  --tertiary-semi-dark-h: 30;
  --tertiary-semi-dark-s: 6%;
  --tertiary-semi-dark-l: 35%;
  --tertiary-dark-h: 30;
  --tertiary-dark-s: 6%;
  --tertiary-dark-l: 25%;
  --tertiary-ultra-dark-h: 30;
  --tertiary-ultra-dark-s: 6%;
  --tertiary-ultra-dark-l: 10%;
  --neutral-hex: #000000;
  --neutral-hsl: 0 0% 0%;
  --neutral-rgb: 0 0 0;
  --neutral-r: 0;
  --neutral-g: 0;
  --neutral-b: 0;
  --neutral-h: 0;
  --neutral-s: 0%;
  --neutral-l: 0%;
  --neutral-hover-h: 0;
  --neutral-hover-s: 0%;
  --neutral-hover-l: 0%;
  --neutral-ultra-light-h: 0;
  --neutral-ultra-light-s: 0%;
  --neutral-ultra-light-l: 95%;
  --neutral-light-h: 0;
  --neutral-light-s: 0%;
  --neutral-light-l: 85%;
  --neutral-semi-light-h: 0;
  --neutral-semi-light-s: 0%;
  --neutral-semi-light-l: 65%;
  --neutral-semi-dark-h: 0;
  --neutral-semi-dark-s: 0%;
  --neutral-semi-dark-l: 35%;
  --neutral-dark-h: 0;
  --neutral-dark-s: 0%;
  --neutral-dark-l: 25%;
  --neutral-ultra-dark-h: 0;
  --neutral-ultra-dark-s: 0%;
  --neutral-ultra-dark-l: 14%;
  --primary: #0386ff;
  --primary-hover: #2e9aff;
  --primary-ultra-light: #e6f3ff;
  --primary-light: #b3daff;
  --primary-semi-light: #4da9ff;
  --primary-semi-dark: #005cb3;
  --primary-dark: #004280;
  --primary-ultra-dark: #001a33;
  --secondary: #ffff07;
  --secondary-hover: #ffff2e;
  --secondary-ultra-light: #ffffe6;
  --secondary-light: #ffffb3;
  --secondary-semi-light: #ffff4d;
  --secondary-semi-dark: #b3b300;
  --secondary-dark: olive;
  --secondary-ultra-dark: #330;
  --tertiary: #e1dfdd;
  --tertiary-hover: white;
  --tertiary-ultra-light: #f3f2f1;
  --tertiary-light: #dbd9d6;
  --tertiary-semi-light: #aba6a0;
  --tertiary-semi-dark: #5f5954;
  --tertiary-dark: #44403c;
  --tertiary-ultra-dark: #1b1a18;
  --neutral: #000000;
  --neutral-hover: black;
  --neutral-ultra-light: #f2f2f2;
  --neutral-light: #d9d9d9;
  --neutral-semi-light: #a6a6a6;
  --neutral-semi-dark: #595959;
  --neutral-dark: #404040;
  --neutral-ultra-dark: #242424;
  --white: #fff;
  --black: #000;
  --primary-trans-10: rgba(3, 134, 255, 0.1);
  --primary-trans-20: rgba(3, 134, 255, 0.2);
  --primary-trans-30: rgba(3, 134, 255, 0.3);
  --primary-trans-40: rgba(3, 134, 255, 0.4);
  --primary-trans-50: rgba(3, 134, 255, 0.5);
  --primary-trans-60: rgba(3, 134, 255, 0.6);
  --primary-trans-70: rgba(3, 134, 255, 0.7);
  --primary-trans-80: rgba(3, 134, 255, 0.8);
  --primary-trans-90: rgba(3, 134, 255, 0.9);
  --primary-light-trans-10: rgba(179, 218, 255, 0.1);
  --primary-light-trans-20: rgba(179, 218, 255, 0.2);
  --primary-light-trans-30: rgba(179, 218, 255, 0.3);
  --primary-light-trans-40: rgba(179, 218, 255, 0.4);
  --primary-light-trans-50: rgba(179, 218, 255, 0.5);
  --primary-light-trans-60: rgba(179, 218, 255, 0.6);
  --primary-light-trans-70: rgba(179, 218, 255, 0.7);
  --primary-light-trans-80: rgba(179, 218, 255, 0.8);
  --primary-light-trans-90: rgba(179, 218, 255, 0.9);
  --primary-ultra-dark-trans-10: rgba(0, 26, 51, 0.1);
  --primary-ultra-dark-trans-20: rgba(0, 26, 51, 0.2);
  --primary-ultra-dark-trans-30: rgba(0, 26, 51, 0.3);
  --primary-ultra-dark-trans-40: rgba(0, 26, 51, 0.4);
  --primary-ultra-dark-trans-50: rgba(0, 26, 51, 0.5);
  --primary-ultra-dark-trans-60: rgba(0, 26, 51, 0.6);
  --primary-ultra-dark-trans-70: rgba(0, 26, 51, 0.7);
  --primary-ultra-dark-trans-80: rgba(0, 26, 51, 0.8);
  --primary-ultra-dark-trans-90: rgba(0, 26, 51, 0.9);
  --secondary-trans-10: rgba(255, 255, 7, 0.1);
  --secondary-trans-20: rgba(255, 255, 7, 0.2);
  --secondary-trans-30: rgba(255, 255, 7, 0.3);
  --secondary-trans-40: rgba(255, 255, 7, 0.4);
  --secondary-trans-50: rgba(255, 255, 7, 0.5);
  --secondary-trans-60: rgba(255, 255, 7, 0.6);
  --secondary-trans-70: rgba(255, 255, 7, 0.7);
  --secondary-trans-80: rgba(255, 255, 7, 0.8);
  --secondary-trans-90: rgba(255, 255, 7, 0.9);
  --secondary-light-trans-10: rgba(255, 255, 179, 0.1);
  --secondary-light-trans-20: rgba(255, 255, 179, 0.2);
  --secondary-light-trans-30: rgba(255, 255, 179, 0.3);
  --secondary-light-trans-40: rgba(255, 255, 179, 0.4);
  --secondary-light-trans-50: rgba(255, 255, 179, 0.5);
  --secondary-light-trans-60: rgba(255, 255, 179, 0.6);
  --secondary-light-trans-70: rgba(255, 255, 179, 0.7);
  --secondary-light-trans-80: rgba(255, 255, 179, 0.8);
  --secondary-light-trans-90: rgba(255, 255, 179, 0.9);
  --secondary-ultra-dark-trans-10: rgba(51, 51, 0, 0.1);
  --secondary-ultra-dark-trans-20: rgba(51, 51, 0, 0.2);
  --secondary-ultra-dark-trans-30: rgba(51, 51, 0, 0.3);
  --secondary-ultra-dark-trans-40: rgba(51, 51, 0, 0.4);
  --secondary-ultra-dark-trans-50: rgba(51, 51, 0, 0.5);
  --secondary-ultra-dark-trans-60: rgba(51, 51, 0, 0.6);
  --secondary-ultra-dark-trans-70: rgba(51, 51, 0, 0.7);
  --secondary-ultra-dark-trans-80: rgba(51, 51, 0, 0.8);
  --secondary-ultra-dark-trans-90: rgba(51, 51, 0, 0.9);
  --white-trans-10: rgba(255, 255, 255, 0.1);
  --white-trans-20: rgba(255, 255, 255, 0.2);
  --white-trans-30: rgba(255, 255, 255, 0.3);
  --white-trans-40: rgba(255, 255, 255, 0.4);
  --white-trans-50: rgba(255, 255, 255, 0.5);
  --white-trans-60: rgba(255, 255, 255, 0.6);
  --white-trans-70: rgba(255, 255, 255, 0.7);
  --white-trans-80: rgba(255, 255, 255, 0.8);
  --white-trans-90: rgba(255, 255, 255, 0.9);
  --black-trans-10: rgba(0, 0, 0, 0.1);
  --black-trans-20: rgba(0, 0, 0, 0.2);
  --black-trans-30: rgba(0, 0, 0, 0.3);
  --black-trans-40: rgba(0, 0, 0, 0.4);
  --black-trans-50: rgba(0, 0, 0, 0.5);
  --black-trans-60: rgba(0, 0, 0, 0.6);
  --black-trans-70: rgba(0, 0, 0, 0.7);
  --black-trans-80: rgba(0, 0, 0, 0.8);
  --black-trans-90: rgba(0, 0, 0, 0.9);
  --shade-white: #fff;
  --shade-black: #000;
  --bg-ultra-light: var(--neutral-ultra-light);
  --bg-light: var(--neutral-light);
  --bg-dark: var(--neutral-dark);
  --bg-ultra-dark: var(--neutral-ultra-dark);
  --text-light: var(--white);
  --text-light-muted: var(--white-trans-80);
  --text-dark: var(--black);
  --text-dark-muted: var(--black-trans-80);
  --body-bg-color: var(--white);
  --body-color: var(--neutral-ultra-dark);
  --heading-color: var(--black);
}
:root {
  --on: initial;
  --off: ;
  --section-padding-x: 1.25rem;
  --section-padding-block: var(--section-space-m);
  --section-gutter: 1.25rem;
  --gutter: 1.25rem;
  --text-xs: 1.26rem;
  --text-s: 1.42rem;
  --text-m: 1.8rem;
  --text-l: 2.025rem;
  --text-xl: 2.28rem;
  --text-xxl: 2.565rem;
  --root-font-size: 100%;
  --h6: 1.26rem;
  --h5: 1.42rem;
  --h4: 1.8rem;
  --h3: 2.025rem;
  --h2: 2.28rem;
  --h1: 2.565rem;
  --space-xs: 1.896rem;
  --space-s: 2.133rem;
  --space-m: 2.4rem;
  --space-l: 2.7rem;
  --space-xl: 3.038rem;
  --space-xxl: 3.42rem;
  --section-space-xs: 3.84rem;
  --section-space-s: 4.8rem;
  --section-space-m: 6rem;
  --section-space-l: 7.5rem;
  --section-space-xl: 9.375rem;
  --section-space-xxl: 11.719rem;
  --content-width: 87.5rem;
  --content-width-safe: min(var(--content-width), calc(100% - var(--gutter) * 2));
  --width-xs: calc(var(--content-width) * 0.1);
  --width-s: calc(var(--content-width) * 0.2);
  --width-m: calc(var(--content-width) * 0.4);
  --width-l: calc(var(--content-width) * 0.6);
  --width-xl: calc(var(--content-width) * 0.8);
  --width-xxl: calc(var(--content-width) * 0.9);
  --width-vp-max: calc(var(--content-width) * 1);
  --width-content: calc(var(--content-width) * 1);
  --width-full: calc(var(--content-width) * 100%);
  --width-10: calc(var(--content-width) * 0.1);
  --width-20: calc(var(--content-width) * 0.2);
  --width-30: calc(var(--content-width) * 0.3);
  --width-40: calc(var(--content-width) * 0.4);
  --width-50: calc(var(--content-width) * 0.5);
  --width-60: calc(var(--content-width) * 0.6);
  --width-70: calc(var(--content-width) * 0.7);
  --width-80: calc(var(--content-width) * 0.8);
  --width-90: calc(var(--content-width) * 0.9);
  --focus-color: currentColor;
  --focus-width: 1px;
  --focus-offset: 2px;
  --box-shadow-m: 0 0 40px var(--black-trans-10);
  --box-shadow-l: 0 0 60px var(--black-trans-20);
  --box-shadow-xl: 0 0 80px var(--black-trans-30);
  --box-shadow-1: 0 0 40px var(--black-trans-10);
  --box-shadow-2: 0 0 60px var(--black-trans-20);
  --box-shadow-3: 0 0 80px var(--black-trans-30);
  --admin-bar-height: var(--wp-admin--admin-bar--height, 0px);
  --text-xxl-max-width: 100%;
  --text-xl-max-width: 100%;
  --text-l-max-width: 100%;
  --text-m-line-height: calc(6px + 2.7ex);
  --text-m-max-width: 100%;
  --text-s-max-width: 100%;
  --text-xs-max-width: 100%;
  --base-text-lh: calc(6px + 2.7ex);
  --heading-color: var(--black);
  --heading-line-height: calc(4px + 2ex);
  --heading-font-weight: 500;
  --heading-text-wrap: pretty;
  --base-heading-lh: calc(4px + 2ex);
  --h1-max-width: 100%;
  --h2-max-width: 100%;
  --h3-max-width: 100%;
  --h4-line-height: calc(4px + 2ex);
  --h4-max-width: 100%;
  --h5-max-width: 100%;
  --h6-max-width: 100%;
  --text-color: var(--neutral-ultra-dark);
  --text-line-height: calc(6px + 2.7ex);
  --text-letter-spacing: 0.03em;
  --text-text-wrap: pretty;
}
:root {
  --grid-1: repeat(1, minmax(0, 1fr));
  --grid-2: repeat(2, minmax(0, 1fr));
  --grid-3: repeat(3, minmax(0, 1fr));
  --grid-4: repeat(4, minmax(0, 1fr));
  --grid-5: repeat(5, minmax(0, 1fr));
  --grid-6: repeat(6, minmax(0, 1fr));
  --grid-7: repeat(7, minmax(0, 1fr));
  --grid-8: repeat(8, minmax(0, 1fr));
  --grid-9: repeat(9, minmax(0, 1fr));
  --grid-10: repeat(10, minmax(0, 1fr));
  --grid-11: repeat(11, minmax(0, 1fr));
  --grid-12: repeat(12, minmax(0, 1fr));
  --grid-1-2: minmax(0, 1fr) minmax(0, 2fr);
  --grid-1-3: minmax(0, 1fr) minmax(0, 3fr);
  --grid-2-1: minmax(0, 2fr) minmax(0, 1fr);
  --grid-2-3: minmax(0, 2fr) minmax(0, 3fr);
  --grid-3-1: minmax(0, 3fr) minmax(0, 1fr);
  --grid-3-2: minmax(0, 3fr) minmax(0, 2fr);
}
:root {
  --grid-auto-2: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((2 - 1) * var(--grid-gap))) / 2) * 0.7, (100% - (2 - 1) * var(--grid-gap)) / 2)), 1fr));
  --grid-auto-3: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((3 - 1) * var(--grid-gap))) / 3) * 0.7, (100% - (3 - 1) * var(--grid-gap)) / 3)), 1fr));
  --grid-auto-4: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((4 - 1) * var(--grid-gap))) / 4) * 0.7, (100% - (4 - 1) * var(--grid-gap)) / 4)), 1fr));
  --grid-auto-5: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((5 - 1) * var(--grid-gap))) / 5) * 0.7, (100% - (5 - 1) * var(--grid-gap)) / 5)), 1fr));
  --grid-auto-6: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((6 - 1) * var(--grid-gap))) / 6) * 0.7, (100% - (6 - 1) * var(--grid-gap)) / 6)), 1fr));
  --grid-auto-7: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((7 - 1) * var(--grid-gap))) / 7) * 0.7, (100% - (7 - 1) * var(--grid-gap)) / 7)), 1fr));
  --grid-auto-8: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((8 - 1) * var(--grid-gap))) / 8) * 0.7, (100% - (8 - 1) * var(--grid-gap)) / 8)), 1fr));
  --grid-auto-9: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((9 - 1) * var(--grid-gap))) / 9) * 0.7, (100% - (9 - 1) * var(--grid-gap)) / 9)), 1fr));
  --grid-auto-10: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((10 - 1) * var(--grid-gap))) / 10) * 0.7, (100% - (10 - 1) * var(--grid-gap)) / 10)), 1fr));
  --grid-auto-11: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((11 - 1) * var(--grid-gap))) / 11) * 0.7, (100% - (11 - 1) * var(--grid-gap)) / 11)), 1fr));
  --grid-auto-12: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((12 - 1) * var(--grid-gap))) / 12) * 0.7, (100% - (12 - 1) * var(--grid-gap)) / 12)), 1fr));
  --auto-grid-aggressiveness: 0.7;
}
:root {
  --header-height: 0rem;
  --header-height-xl: 0rem;
  --header-height-l: 0rem;
  --header-height-m: 0rem;
  --header-height-s: 0rem;
  --header-height-xxl: 0rem;
  --header-height-xs: 0rem;
}
@media (max-width: 1440px) {
  :root {
    --header-height: var(--header-height-xxl);
  }
}
@media (max-width: 1199px) {
  :root {
    --header-height: var(--header-height-xl);
  }
}
@media (max-width: 991px) {
  :root {
    --header-height: var(--header-height-l);
  }
}
@media (max-width: 767px) {
  :root {
    --header-height: var(--header-height-m);
  }
}
@media (max-width: 520px) {
  :root {
    --header-height: var(--header-height-s);
  }
}
@media (max-width: 360px) {
  :root {
    --header-height: var(--header-height-xs);
  }
}
:root {
  --option-primary-btn-outline: on;
  --option-secondary-btn-outline: on;
  --option-neutral-btn-outline: on;
  --btn-padding-block: 0.9em;
  --btn-padding-inline: 1.45em;
  --btn-min-width: 0rem;
  --btn-line-height: 1;
  --btn-font-weight: 400;
  --btn-font-style: normal;
  --btn-text-decoration: none;
  --btn-text-decoration-hover: none;
  --btn-letter-spacing: 0;
  --btn-text-transform: none;
  --btn-border-width: 2px;
  --btn-outline-border-width: 2px;
  --btn-border-style: solid;
  --btn-border-radius: var(--radius);
  --btn-justify-content: center;
  --btn-text-align: center;
}
/* Deprecated in ACSS 2.7 */
:root {
  --btn-border-size: 2px;
  --btn-radius: var(--radius);
  --outline-btn-border-size: 2px;
  --btn-pad-x: 1.45em;
  --btn-pad-y: 0.9em;
  --btn-text-style: normal;
  --btn-weight: 400;
  --btn-width: 0;
}
:root {
  --link-color: var(--primary);
  --link-color-hover: var(--primary-hover);
  --link-transition: var(--transition);
  --link-decoration: inherit;
  --link-decoration-hover: inherit;
  --link-underline-offset: auto;
  --link-weight: inherit;
}
:root {
  --col-width-s: 13rem;
  --col-width-m: 25rem;
  --col-width-l: 38rem;
  --col-rule-width-s: 0.5px;
  --col-rule-width-m: 1px;
  --col-rule-width-l: 3px;
}
:root {
  --sticky-s: 2.5%;
  --sticky-m: 5%;
  --sticky-l: 10%;
}
:root {
  --content-gap: var(--space-m);
  --fr-content-gap: var(--space-m);
  --container-gap: var(--space-xl);
  --fr-container-gap: var(--space-xl);
  --grid-gap: var(--space-m);
  --fr-grid-gap: var(--space-m);
  --bg-ultra-light-text: var(--text-dark);
  --bg-light-text: var(--text-dark);
  --bg-dark-text: var(--text-light);
  --bg-ultra-dark-text: var(--text-light);
  --bg-ultra-light-heading: var(--text-dark);
  --bg-light-heading: var(--text-dark);
  --bg-dark-heading: var(--text-light);
  --bg-ultra-dark-heading: var(--text-light);
  --bg-ultra-light-button: primary;
  --bg-light-button: primary;
  --bg-dark-button: primary;
  --bg-ultra-dark-button: primary;
}
:root {
  --radius: 15px;
  --radius-50: 50%;
  --radius-circle: 50vw;
  --radius-none: 0;
  --radius-xs: 6.6666666667px;
  --radius-s: 10px;
  --radius-m: 15px;
  --radius-l: 22.5px;
  --radius-xl: 33.75px;
  --radius-xxl: 50.625px;
  --border-size: 1px;
  --border-width: 1px;
  --border-style: solid;
  --border-color-dark: var(--black-trans-20);
  --border-color-light: var(--white-trans-20);
  --border: var(--border-size) var(--border-style) var(--border-color-dark);
  --border-light: var(--border-size) var(--border-style) var(--border-color-light);
  --border-dark: var(--border-size) var(--border-style) var(--border-color-dark);
}
:root {
  --divider-size: 1px;
  --divider-style: solid;
  --divider-inline-size: 100%;
  --divider-gap: var(--content-gap);
  --divider-color-dark: var(--black-trans-20);
  --divider-color-light: var(--white-trans-20);
  --divider: var(--divider-size) var(--divider-style) var(--divider-color-dark);
  --divider-light: var(--divider-size) var(--divider-style) var(--divider-color-light);
  --divider-dark: var(--divider-size) var(--divider-style) var(--divider-color-dark);
}
:root {
  --transition-duration: 0.3s;
  --transition-timing: ease-in-out;
  --transition-delay: 0s;
  --transition: background var(--transition-duration) var(--transition-timing) var(--transition-delay), color var(--transition-duration) var(--transition-timing) var(--transition-delay), border var(--transition-duration) var(--transition-timing) var(--transition-delay), translate var(--transition-duration) var(--transition-timing) var(--transition-delay);
}
body.boxed-layout {
  inline-size: 100%;
  max-inline-size: var(--body-max-width, 1920px);
  box-shadow: var(--body-box-shadow, 0 0 80px 0 var(--neutral-trans-20));
  border-color: var(--body-border-color, transparent);
  border-style: var(--body-border-style, none);
  border-width: var(--body-border-width, 0);
  border-radius: var(--body-border-radius, 0);
  margin-block-start: var(--body-margin-top, 0) !important;
  margin-inline: auto !important;
}
body.boxed-layout header.sticky > *, body.boxed-layout #brx-header.sticky.sticky > * {
  width: var(--boxed-width);
  margin-inline: auto;
}
[id] {
  scroll-margin-top: var(--offset, 0);
}
html {
  font-size: var(--root-font-size) !important;
}
:root {
  interpolate-size: allow-keywords;
}
*, *::before, *::after {
  box-sizing: border-box;
}
body {
  min-block-size: 100vh;
}
input, button, textarea, select {
  font: inherit;
}
:where(dd) {
  margin-inline-start: 0;
}
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
body:not(:has([data-sticky-header="0"]), .content-offset--off) .acss-offset-content:not(.panel-content) > *:first-child > *:first-child:not(.bricks-shape-divider) {
  margin-block-start: var(--header-height);
}
:where(section:not(section section)) {
  padding-block: var(--section-padding-block);
  padding-inline: var(--gutter);
}
.smart-spacing-preview > * + *, .smart-spacing.smart-spacing > * + * {
  margin-block-start: var(--flow-spacing, initial);
  margin-block-end: 0;
}
.smart-spacing-preview > * + :where(h1, h2, h3, h4, h5, h6), .smart-spacing.smart-spacing > * + :where(h1, h2, h3, h4, h5, h6) {
  margin-block-start: var(--heading-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing-preview > :where(* + h2), .smart-spacing.smart-spacing > :where(* + h2) {
  margin-block-start: var(--h2-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing-preview > :where(* + h3), .smart-spacing.smart-spacing > :where(* + h3) {
  margin-block-start: var(--h3-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing-preview > :where(* + h4), .smart-spacing.smart-spacing > :where(* + h4) {
  margin-block-start: var(--h4-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing-preview > :where(* + h5), .smart-spacing.smart-spacing > :where(* + h5) {
  margin-block-start: var(--h5-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing-preview > :where(* + h6), .smart-spacing.smart-spacing > :where(* + h6) {
  margin-block-start: var(--h6-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing-preview > * + p, .smart-spacing.smart-spacing > * + p {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing-preview > :is(* + ul, * + ol), .smart-spacing.smart-spacing > :is(* + ul, * + ol) {
  margin-block: var(--list-spacing, var(--flow-spacing, initial));
}
.smart-spacing-preview > :is(ul, ol), .smart-spacing.smart-spacing > :is(ul, ol) {
  padding-inline-start: var(--list-indent-spacing, var(--flow-spacing, initial));
}
.smart-spacing-preview > ul * + li, .smart-spacing-preview > ol * + li, .smart-spacing.smart-spacing > ul * + li, .smart-spacing.smart-spacing > ol * + li {
  margin-block-start: var(--list-item-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing-preview > ul ul, .smart-spacing-preview > ol ol, .smart-spacing-preview > ul ol, .smart-spacing-preview > ol ul, .smart-spacing.smart-spacing > ul ul, .smart-spacing.smart-spacing > ol ol, .smart-spacing.smart-spacing > ul ol, .smart-spacing.smart-spacing > ol ul {
  margin-block: var(--nested-list-spacing, var(--list-item-spacing, initial));
  padding-inline-start: var(--nested-list-indent-spacing, initial);
}
.smart-spacing-preview > :is(ul, ol) :is(ul, ol) li, .smart-spacing.smart-spacing > :is(ul, ol) :is(ul, ol) li {
  margin-block-start: var(--nested-list-item-spacing, var(--list-item-spacing, initial));
}
.smart-spacing-preview > * + figure, .smart-spacing-preview > * + picture, .smart-spacing.smart-spacing > * + figure, .smart-spacing.smart-spacing > * + picture {
  margin-block: var(--figure-spacing, var(--flow-spacing, initial));
}
.smart-spacing-preview figcaption, .smart-spacing.smart-spacing figcaption {
  margin-block: var(--figcaption-spacing, var(--flow-spacing, initial));
}
.smart-spacing-preview > * + blockquote:where(:not(figure > blockquote)), .smart-spacing.smart-spacing > * + blockquote:where(:not(figure > blockquote)) {
  margin-block: var(--blockquote-spacing, var(--flow-spacing, initial));
}
.smart-spacing-preview > blockquote * + *, .smart-spacing.smart-spacing > blockquote * + * {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing-preview > :is(figure, blockquote, ul, ol):where(:not(:first-child)) + *, .smart-spacing.smart-spacing > :is(figure, blockquote, ul, ol):where(:not(:first-child)) + * {
  --paragraph-spacing: 0;
  --flow-spacing: 0;
}
.bg--ultra-light {
  background-color: var(--bg-ultra-light);
}
.bg--light {
  background-color: var(--bg-light);
}
.bg--dark {
  background-color: var(--bg-dark);
}
.bg--ultra-dark {
  background-color: var(--bg-ultra-dark);
}
.text--light.text--light, .text--light.text--light :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--text-light);
}
.text--light-muted.text--light-muted, .text--light-muted.text--light-muted :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--text-light-muted);
}
.text--dark.text--dark, .text--dark.text--dark :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--text-dark);
}
.text--dark-muted.text--dark-muted, .text--dark-muted.text--dark-muted :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--text-dark-muted);
}
:root, .color-scheme--main {
  --bg-ultra-light-text: var(--text-dark);
  --bg-light-text: var(--text-dark);
  --bg-dark-text: var(--text-light);
  --bg-ultra-dark-text: var(--text-light);
  --bg-ultra-light-heading: var(--text-dark);
  --bg-light-heading: var(--text-dark);
  --bg-dark-heading: var(--text-light);
  --bg-ultra-dark-heading: var(--text-light);
}
.color-scheme--alt {
  --bg-ultra-light-text: var(--text-dark);
  --bg-light-text: var(--text-dark);
  --bg-dark-text: var(--text-light);
  --bg-ultra-dark-text: var(--text-light);
  --bg-ultra-light-heading: var(--text-dark);
  --bg-light-heading: var(--text-dark);
  --bg-dark-heading: var(--text-light);
  --bg-ultra-dark-heading: var(--text-light);
  --bg-ultra-dark-text: var(--text-light);
}
:where(.bg--ultra-light), :where(.bg--ultra-light) :is(h1, h2, h3, h4, h5, h6) {
  color: var(--bg-ultra-light-text);
}
:where(.bg--light), :where(.bg--light) :is(h1, h2, h3, h4, h5, h6) {
  color: var(--bg-light-text);
}
:where(.bg--dark), :where(.bg--dark) :is(h1, h2, h3, h4, h5, h6) {
  color: var(--bg-dark-text);
}
:where(.bg--ultra-dark), :where(.bg--ultra-dark) :is(h1, h2, h3, h4, h5, h6) {
  color: var(--bg-ultra-dark-text);
}
.bg--ultra-light :where(h1, h2, h3, h4, h5, h6) {
  --heading-color: var(--bg-ultra-light-heading);
  --h1-color: var(--bg-ultra-light-heading);
  --h2-color: var(--bg-ultra-light-heading);
  --h3-color: var(--bg-ultra-light-heading);
  --h4-color: var(--bg-ultra-light-heading);
  --h5-color: var(--bg-ultra-light-heading);
  --h6-color: var(--bg-ultra-light-heading);
  color: var(--bg-ultra-light-heading);
}
.bg--light :where(h1, h2, h3, h4, h5, h6) {
  --heading-color: var(--bg-light-heading);
  --h1-color: var(--bg-light-heading);
  --h2-color: var(--bg-light-heading);
  --h3-color: var(--bg-light-heading);
  --h4-color: var(--bg-light-heading);
  --h5-color: var(--bg-light-heading);
  --h6-color: var(--bg-light-heading);
  color: var(--bg-light-heading);
}
.bg--dark :where(h1, h2, h3, h4, h5, h6) {
  --heading-color: var(--bg-dark-heading);
  --h1-color: var(--bg-dark-heading);
  --h2-color: var(--bg-dark-heading);
  --h3-color: var(--bg-dark-heading);
  --h4-color: var(--bg-dark-heading);
  --h5-color: var(--bg-dark-heading);
  --h6-color: var(--bg-dark-heading);
  color: var(--bg-dark-heading);
}
.bg--ultra-dark :where(h1, h2, h3, h4, h5, h6) {
  --heading-color: var(--bg-ultra-dark-heading);
  --h1-color: var(--bg-ultra-dark-heading);
  --h2-color: var(--bg-ultra-dark-heading);
  --h3-color: var(--bg-ultra-dark-heading);
  --h4-color: var(--bg-ultra-dark-heading);
  --h5-color: var(--bg-ultra-dark-heading);
  --h6-color: var(--bg-ultra-dark-heading);
  color: var(--bg-ultra-dark-heading);
}
.section__inner, .section__container, .acss__container {
  width: 100%;
  max-inline-size: var(--content-width);
  margin-inline: auto;
}
figure[class*="overlay--"]::before {
  z-index: 0;
}
.text--primary.text--primary, .text--primary.text--primary :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--primary);
}
.text--primary-hover.text--primary-hover, .text--primary-hover.text--primary-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--primary-hover);
}
.text--primary-ultra-light.text--primary-ultra-light, .text--primary-ultra-light.text--primary-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--primary-ultra-light);
}
.text--primary-light.text--primary-light, .text--primary-light.text--primary-light :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--primary-light);
}
.text--primary-semi-light.text--primary-semi-light, .text--primary-semi-light.text--primary-semi-light :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--primary-semi-light);
}
.text--primary-semi-dark.text--primary-semi-dark, .text--primary-semi-dark.text--primary-semi-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--primary-semi-dark);
}
.text--primary-dark.text--primary-dark, .text--primary-dark.text--primary-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--primary-dark);
}
.text--primary-ultra-dark.text--primary-ultra-dark, .text--primary-ultra-dark.text--primary-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--primary-ultra-dark);
}
.text--secondary.text--secondary, .text--secondary.text--secondary :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--secondary);
}
.text--secondary-hover.text--secondary-hover, .text--secondary-hover.text--secondary-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--secondary-hover);
}
.text--secondary-ultra-light.text--secondary-ultra-light, .text--secondary-ultra-light.text--secondary-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--secondary-ultra-light);
}
.text--secondary-light.text--secondary-light, .text--secondary-light.text--secondary-light :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--secondary-light);
}
.text--secondary-semi-light.text--secondary-semi-light, .text--secondary-semi-light.text--secondary-semi-light :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--secondary-semi-light);
}
.text--secondary-semi-dark.text--secondary-semi-dark, .text--secondary-semi-dark.text--secondary-semi-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--secondary-semi-dark);
}
.text--secondary-dark.text--secondary-dark, .text--secondary-dark.text--secondary-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--secondary-dark);
}
.text--secondary-ultra-dark.text--secondary-ultra-dark, .text--secondary-ultra-dark.text--secondary-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--secondary-ultra-dark);
}
.text--tertiary.text--tertiary, .text--tertiary.text--tertiary :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--tertiary);
}
.text--tertiary-hover.text--tertiary-hover, .text--tertiary-hover.text--tertiary-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--tertiary-hover);
}
.text--tertiary-ultra-light.text--tertiary-ultra-light, .text--tertiary-ultra-light.text--tertiary-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--tertiary-ultra-light);
}
.text--tertiary-light.text--tertiary-light, .text--tertiary-light.text--tertiary-light :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--tertiary-light);
}
.text--tertiary-semi-light.text--tertiary-semi-light, .text--tertiary-semi-light.text--tertiary-semi-light :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--tertiary-semi-light);
}
.text--tertiary-semi-dark.text--tertiary-semi-dark, .text--tertiary-semi-dark.text--tertiary-semi-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--tertiary-semi-dark);
}
.text--tertiary-dark.text--tertiary-dark, .text--tertiary-dark.text--tertiary-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--tertiary-dark);
}
.text--tertiary-ultra-dark.text--tertiary-ultra-dark, .text--tertiary-ultra-dark.text--tertiary-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--tertiary-ultra-dark);
}
.text--neutral.text--neutral, .text--neutral.text--neutral :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--neutral);
}
.text--neutral-hover.text--neutral-hover, .text--neutral-hover.text--neutral-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--neutral-hover);
}
.text--neutral-ultra-light.text--neutral-ultra-light, .text--neutral-ultra-light.text--neutral-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--neutral-ultra-light);
}
.text--neutral-light.text--neutral-light, .text--neutral-light.text--neutral-light :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--neutral-light);
}
.text--neutral-semi-light.text--neutral-semi-light, .text--neutral-semi-light.text--neutral-semi-light :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--neutral-semi-light);
}
.text--neutral-semi-dark.text--neutral-semi-dark, .text--neutral-semi-dark.text--neutral-semi-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--neutral-semi-dark);
}
.text--neutral-dark.text--neutral-dark, .text--neutral-dark.text--neutral-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--neutral-dark);
}
.text--neutral-ultra-dark.text--neutral-ultra-dark, .text--neutral-ultra-dark.text--neutral-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--neutral-ultra-dark);
}
.text--white.text--white, .text--white.text--white :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--white);
}
.text--black.text--black, .text--black.text--black :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--black);
}
:is(.text--xxl, .text--xl, .text--l, .text--m, .text--s, .text--xs), :is(.text--xxl, .text--xl, .text--l, .text--m, .text--s, .text--xs) > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
  line-height: var(--text-line-height);
  letter-spacing: var(--text-letter-spacing);
  text-wrap: var(--text-text-wrap);
}
.text--xxl, .text--xxl > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
  font-size: var(--text-xxl);
}
.text--xxl:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
  max-width: var(--text-xxl-max-width);
}
.text--xl, .text--xl > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
  font-size: var(--text-xl);
}
.text--xl:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
  max-width: var(--text-xl-max-width);
}
.text--l, .text--l > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
  font-size: var(--text-l);
}
.text--l:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
  max-width: var(--text-l-max-width);
}
.text--m, .text--m > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
  font-size: var(--text-m);
  line-height: var(--text-m-line-height);
}
.text--m:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
  max-width: var(--text-m-max-width);
}
.text--s, .text--s > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
  font-size: var(--text-s);
}
.text--s:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
  max-width: var(--text-s-max-width);
}
.text--xs, .text--xs > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
  font-size: var(--text-xs);
}
.text--xs:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
  max-width: var(--text-xs-max-width);
}
.h1.h1, .h--1.h--1 {
  font-size: var(--h1);
  max-width: var(--h1-max-width);
}
.h2.h2, .h--2.h--2 {
  font-size: var(--h2);
  max-width: var(--h2-max-width);
}
.h3.h3, .h--3.h--3 {
  font-size: var(--h3);
  max-width: var(--h3-max-width);
}
.h4.h4, .h--4.h--4 {
  font-size: var(--h4);
  line-height: var(--h4-line-height);
  max-width: var(--h4-max-width);
}
.h5.h5, .h--5.h--5 {
  font-size: var(--h5);
  max-width: var(--h5-max-width);
}
.h6.h6, .h--6.h--6 {
  font-size: var(--h6);
  max-width: var(--h6-max-width);
}
.text--100 {
  font-weight: 100;
}
.text--200 {
  font-weight: 200;
}
.text--300 {
  font-weight: 300;
}
.text--400 {
  font-weight: 400;
}
.text--500 {
  font-weight: 500;
}
.text--600 {
  font-weight: 600;
}
.text--700 {
  font-weight: 700;
}
.text--800 {
  font-weight: 800;
}
.text--900 {
  font-weight: 900;
}
.text--bold {
  font-weight: bold;
}
.text--italic {
  font-style: italic;
}
.text--oblique {
  font-style: oblique;
}
.text--decoration-none {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.text--underline {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.text--underline-wavy {
  -webkit-text-decoration: underline wavy;
  text-decoration: underline wavy;
}
.text--underline-dotted {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
.text--underline-double {
  -webkit-text-decoration: underline double;
  text-decoration: underline double;
}
.text--underline-dashed {
  -webkit-text-decoration: underline dashed;
  text-decoration: underline dashed;
}
.text--overline {
  -webkit-text-decoration: overline;
  text-decoration: overline;
}
.text--line-through {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.text--transform-none {
  text-transform: none;
}
.text--uppercase {
  text-transform: uppercase;
}
.text--lowercase {
  text-transform: lowercase;
}
.text--capitalize {
  text-transform: capitalize;
}
.text--left {
  text-align: left;
}
.text--center {
  text-align: center;
}
.text--right {
  text-align: right;
}
.text--justify {
  text-align: justify;
}
blockquote {
  text-wrap: pretty;
}
.balance, .text--balance {
  text-wrap: balance;
}
.balance p, .balance li, .balance blockquote, .balance h1, .balance h2, .balance h3, .balance h4, .balance h5, .balance h6, .text--balance p, .text--balance li, .text--balance blockquote, .text--balance h1, .text--balance h2, .text--balance h3, .text--balance h4, .text--balance h5, .text--balance h6 {
  text-wrap: balance;
}
.text--pretty {
  text-wrap: pretty;
}
.text--pretty p, .text--pretty li, .text--pretty blockquote, .text--pretty h1, .text--pretty h2, .text--pretty h3, .text--pretty h4, .text--pretty h5, .text--pretty h6 {
  text-wrap: pretty;
}
.unbalance {
  text-wrap: wrap;
}
.unbalance p, .unbalance li, .unbalance blockquote, .unbalance h1, .unbalance h2, .unbalance h3, .unbalance h4, .unbalance h5, .unbalance h6 {
  text-wrap: wrap;
}
.flex--col.flex--col {
  display: flex;
  flex-direction: column;
}
.flex--row.flex--row {
  display: flex;
  flex-direction: row;
}
.flex--col-reverse.flex--col-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.flex--row-reverse.flex--row-reverse {
  display: flex;
  flex-direction: row-reverse;
}
@media (max-width: 1440px) {
  .flex--col-xxl.flex--col-xxl {
    display: flex;
    flex-direction: column;
  }
  .flex--row-xxl.flex--row-xxl {
    display: flex;
    flex-direction: row;
  }
  .flex--col-reverse-xxl.flex--col-reverse-xxl {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex--row-reverse-xxl.flex--row-reverse-xxl {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media (max-width: 1199px) {
  .flex--col-xl.flex--col-xl {
    display: flex;
    flex-direction: column;
  }
  .flex--row-xl.flex--row-xl {
    display: flex;
    flex-direction: row;
  }
  .flex--col-reverse-xl.flex--col-reverse-xl {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex--row-reverse-xl.flex--row-reverse-xl {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media (max-width: 991px) {
  .flex--col-l.flex--col-l {
    display: flex;
    flex-direction: column;
  }
  .flex--row-l.flex--row-l {
    display: flex;
    flex-direction: row;
  }
  .flex--col-reverse-l.flex--col-reverse-l {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex--row-reverse-l.flex--row-reverse-l {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media (max-width: 767px) {
  .flex--col-m.flex--col-m {
    display: flex;
    flex-direction: column;
  }
  .flex--row-m.flex--row-m {
    display: flex;
    flex-direction: row;
  }
  .flex--col-reverse-m.flex--col-reverse-m {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex--row-reverse-m.flex--row-reverse-m {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media (max-width: 520px) {
  .flex--col-s.flex--col-s {
    display: flex;
    flex-direction: column;
  }
  .flex--row-s.flex--row-s {
    display: flex;
    flex-direction: row;
  }
  .flex--col-reverse-s.flex--col-reverse-s {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex--row-reverse-s.flex--row-reverse-s {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media (max-width: 360px) {
  .flex--col-xs.flex--col-xs {
    display: flex;
    flex-direction: column;
  }
  .flex--row-xs.flex--row-xs {
    display: flex;
    flex-direction: row;
  }
  .flex--col-reverse-xs.flex--col-reverse-xs {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex--row-reverse-xs.flex--row-reverse-xs {
    display: flex;
    flex-direction: row-reverse;
  }
}
.justify-content--start.justify-content--start {
  justify-content: flex-start;
}
.justify-content--end.justify-content--end {
  justify-content: flex-end;
}
.justify-content--center.justify-content--center {
  justify-content: center;
}
.justify-content--between.justify-content--between {
  justify-content: space-between;
}
.justify-content--around.justify-content--around {
  justify-content: space-around;
}
.justify-content--stretch.justify-content--stretch {
  justify-content: stretch;
}
.align-content--start.align-content--start {
  align-content: flex-start;
}
.align-content--end.align-content--end {
  align-content: flex-end;
}
.align-content--center.align-content--center {
  align-content: center;
}
.align-content--baseline.align-content--baseline {
  align-content: baseline;
}
.align-content--stretch.align-content--stretch {
  align-content: stretch;
}
.justify-items--start.justify-items--start {
  justify-items: flex-start;
}
.justify-items--center.justify-items--center {
  justify-items: center;
}
.justify-items--end.justify-items--end {
  justify-items: flex-end;
}
.justify-items--stretch.justify-items--stretch {
  justify-items: stretch;
}
.align-items--start.align-items--start {
  align-items: flex-start;
}
.align-items--end.align-items--end {
  align-items: flex-end;
}
.align-items--center.align-items--center {
  align-items: center;
}
.align-items--baseline.align-items--baseline {
  align-items: baseline;
}
.align-items--stretch.align-items--stretch {
  align-items: stretch;
}
.self--start.self--start {
  align-self: flex-start;
}
.self--end.self--end {
  align-self: flex-end;
}
.self--stretch.self--stretch {
  align-self: stretch;
}
.self--center.self--center {
  align-self: center;
}
@media (max-width: 1440px) {
  .justify-content--start-xxl.justify-content--start-xxl {
    justify-content: flex-start;
  }
  .justify-content--end-xxl.justify-content--end-xxl {
    justify-content: flex-end;
  }
  .justify-content--center-xxl.justify-content--center-xxl {
    justify-content: center;
  }
  .justify-content--between-xxl.justify-content--between-xxl {
    justify-content: space-between;
  }
  .justify-content--around-xxl.justify-content--around-xxl {
    justify-content: space-around;
  }
  .justify-content--stretch-xxl.justify-content--stretch-xxl {
    justify-content: stretch;
  }
  .align-content--start-xxl.align-content--start-xxl {
    align-content: flex-start;
  }
  .align-content--end-xxl.align-content--end-xxl {
    align-content: flex-end;
  }
  .align-content--center-xxl.align-content--center-xxl {
    align-content: center;
  }
  .align-content--baseline-xxl.align-content--baseline-xxl {
    align-content: baseline;
  }
  .align-content--stretch-xxl.align-content--stretch-xxl {
    align-content: stretch;
  }
  .justify-items--start-xxl.justify-items--start-xxl {
    justify-items: flex-start;
  }
  .justify-items--center-xxl.justify-items--center-xxl {
    justify-items: center;
  }
  .justify-items--end-xxl.justify-items--end-xxl {
    justify-items: flex-end;
  }
  .justify-items--stretch-xxl.justify-items--stretch-xxl {
    justify-items: stretch;
  }
  .align-items--start-xxl.align-items--start-xxl {
    align-items: flex-start;
  }
  .align-items--end-xxl.align-items--end-xxl {
    align-items: flex-end;
  }
  .align-items--center-xxl.align-items--center-xxl {
    align-items: center;
  }
  .align-items--baseline-xxl.align-items--baseline-xxl {
    align-items: baseline;
  }
  .align-items--stretch-xxl.align-items--stretch-xxl {
    align-items: stretch;
  }
  .self--start-xxl.self--start-xxl {
    align-self: flex-start;
  }
  .self--end-xxl.self--end-xxl {
    align-self: flex-end;
  }
  .self--stretch-xxl.self--stretch-xxl {
    align-self: stretch;
  }
  .self--center-xxl.self--center-xxl {
    align-self: center;
  }
}
@media (max-width: 1199px) {
  .justify-content--start-xl.justify-content--start-xl {
    justify-content: flex-start;
  }
  .justify-content--end-xl.justify-content--end-xl {
    justify-content: flex-end;
  }
  .justify-content--center-xl.justify-content--center-xl {
    justify-content: center;
  }
  .justify-content--between-xl.justify-content--between-xl {
    justify-content: space-between;
  }
  .justify-content--around-xl.justify-content--around-xl {
    justify-content: space-around;
  }
  .justify-content--stretch-xl.justify-content--stretch-xl {
    justify-content: stretch;
  }
  .align-content--start-xl.align-content--start-xl {
    align-content: flex-start;
  }
  .align-content--end-xl.align-content--end-xl {
    align-content: flex-end;
  }
  .align-content--center-xl.align-content--center-xl {
    align-content: center;
  }
  .align-content--baseline-xl.align-content--baseline-xl {
    align-content: baseline;
  }
  .align-content--stretch-xl.align-content--stretch-xl {
    align-content: stretch;
  }
  .justify-items--start-xl.justify-items--start-xl {
    justify-items: flex-start;
  }
  .justify-items--center-xl.justify-items--center-xl {
    justify-items: center;
  }
  .justify-items--end-xl.justify-items--end-xl {
    justify-items: flex-end;
  }
  .justify-items--stretch-xl.justify-items--stretch-xl {
    justify-items: stretch;
  }
  .align-items--start-xl.align-items--start-xl {
    align-items: flex-start;
  }
  .align-items--end-xl.align-items--end-xl {
    align-items: flex-end;
  }
  .align-items--center-xl.align-items--center-xl {
    align-items: center;
  }
  .align-items--baseline-xl.align-items--baseline-xl {
    align-items: baseline;
  }
  .align-items--stretch-xl.align-items--stretch-xl {
    align-items: stretch;
  }
  .self--start-xl.self--start-xl {
    align-self: flex-start;
  }
  .self--end-xl.self--end-xl {
    align-self: flex-end;
  }
  .self--stretch-xl.self--stretch-xl {
    align-self: stretch;
  }
  .self--center-xl.self--center-xl {
    align-self: center;
  }
}
@media (max-width: 991px) {
  .justify-content--start-l.justify-content--start-l {
    justify-content: flex-start;
  }
  .justify-content--end-l.justify-content--end-l {
    justify-content: flex-end;
  }
  .justify-content--center-l.justify-content--center-l {
    justify-content: center;
  }
  .justify-content--between-l.justify-content--between-l {
    justify-content: space-between;
  }
  .justify-content--around-l.justify-content--around-l {
    justify-content: space-around;
  }
  .justify-content--stretch-l.justify-content--stretch-l {
    justify-content: stretch;
  }
  .align-content--start-l.align-content--start-l {
    align-content: flex-start;
  }
  .align-content--end-l.align-content--end-l {
    align-content: flex-end;
  }
  .align-content--center-l.align-content--center-l {
    align-content: center;
  }
  .align-content--baseline-l.align-content--baseline-l {
    align-content: baseline;
  }
  .align-content--stretch-l.align-content--stretch-l {
    align-content: stretch;
  }
  .justify-items--start-l.justify-items--start-l {
    justify-items: flex-start;
  }
  .justify-items--center-l.justify-items--center-l {
    justify-items: center;
  }
  .justify-items--end-l.justify-items--end-l {
    justify-items: flex-end;
  }
  .justify-items--stretch-l.justify-items--stretch-l {
    justify-items: stretch;
  }
  .align-items--start-l.align-items--start-l {
    align-items: flex-start;
  }
  .align-items--end-l.align-items--end-l {
    align-items: flex-end;
  }
  .align-items--center-l.align-items--center-l {
    align-items: center;
  }
  .align-items--baseline-l.align-items--baseline-l {
    align-items: baseline;
  }
  .align-items--stretch-l.align-items--stretch-l {
    align-items: stretch;
  }
  .self--start-l.self--start-l {
    align-self: flex-start;
  }
  .self--end-l.self--end-l {
    align-self: flex-end;
  }
  .self--stretch-l.self--stretch-l {
    align-self: stretch;
  }
  .self--center-l.self--center-l {
    align-self: center;
  }
}
@media (max-width: 767px) {
  .justify-content--start-m.justify-content--start-m {
    justify-content: flex-start;
  }
  .justify-content--end-m.justify-content--end-m {
    justify-content: flex-end;
  }
  .justify-content--center-m.justify-content--center-m {
    justify-content: center;
  }
  .justify-content--between-m.justify-content--between-m {
    justify-content: space-between;
  }
  .justify-content--around-m.justify-content--around-m {
    justify-content: space-around;
  }
  .justify-content--stretch-m.justify-content--stretch-m {
    justify-content: stretch;
  }
  .align-content--start-m.align-content--start-m {
    align-content: flex-start;
  }
  .align-content--end-m.align-content--end-m {
    align-content: flex-end;
  }
  .align-content--center-m.align-content--center-m {
    align-content: center;
  }
  .align-content--baseline-m.align-content--baseline-m {
    align-content: baseline;
  }
  .align-content--stretch-m.align-content--stretch-m {
    align-content: stretch;
  }
  .justify-items--start-m.justify-items--start-m {
    justify-items: flex-start;
  }
  .justify-items--center-m.justify-items--center-m {
    justify-items: center;
  }
  .justify-items--end-m.justify-items--end-m {
    justify-items: flex-end;
  }
  .justify-items--stretch-m.justify-items--stretch-m {
    justify-items: stretch;
  }
  .align-items--start-m.align-items--start-m {
    align-items: flex-start;
  }
  .align-items--end-m.align-items--end-m {
    align-items: flex-end;
  }
  .align-items--center-m.align-items--center-m {
    align-items: center;
  }
  .align-items--baseline-m.align-items--baseline-m {
    align-items: baseline;
  }
  .align-items--stretch-m.align-items--stretch-m {
    align-items: stretch;
  }
  .self--start-m.self--start-m {
    align-self: flex-start;
  }
  .self--end-m.self--end-m {
    align-self: flex-end;
  }
  .self--stretch-m.self--stretch-m {
    align-self: stretch;
  }
  .self--center-m.self--center-m {
    align-self: center;
  }
}
@media (max-width: 520px) {
  .justify-content--start-s.justify-content--start-s {
    justify-content: flex-start;
  }
  .justify-content--end-s.justify-content--end-s {
    justify-content: flex-end;
  }
  .justify-content--center-s.justify-content--center-s {
    justify-content: center;
  }
  .justify-content--between-s.justify-content--between-s {
    justify-content: space-between;
  }
  .justify-content--around-s.justify-content--around-s {
    justify-content: space-around;
  }
  .justify-content--stretch-s.justify-content--stretch-s {
    justify-content: stretch;
  }
  .align-content--start-s.align-content--start-s {
    align-content: flex-start;
  }
  .align-content--end-s.align-content--end-s {
    align-content: flex-end;
  }
  .align-content--center-s.align-content--center-s {
    align-content: center;
  }
  .align-content--baseline-s.align-content--baseline-s {
    align-content: baseline;
  }
  .align-content--stretch-s.align-content--stretch-s {
    align-content: stretch;
  }
  .justify-items--start-s.justify-items--start-s {
    justify-items: flex-start;
  }
  .justify-items--center-s.justify-items--center-s {
    justify-items: center;
  }
  .justify-items--end-s.justify-items--end-s {
    justify-items: flex-end;
  }
  .justify-items--stretch-s.justify-items--stretch-s {
    justify-items: stretch;
  }
  .align-items--start-s.align-items--start-s {
    align-items: flex-start;
  }
  .align-items--end-s.align-items--end-s {
    align-items: flex-end;
  }
  .align-items--center-s.align-items--center-s {
    align-items: center;
  }
  .align-items--baseline-s.align-items--baseline-s {
    align-items: baseline;
  }
  .align-items--stretch-s.align-items--stretch-s {
    align-items: stretch;
  }
  .self--start-s.self--start-s {
    align-self: flex-start;
  }
  .self--end-s.self--end-s {
    align-self: flex-end;
  }
  .self--stretch-s.self--stretch-s {
    align-self: stretch;
  }
  .self--center-s.self--center-s {
    align-self: center;
  }
}
@media (max-width: 360px) {
  .justify-content--start-xs.justify-content--start-xs {
    justify-content: flex-start;
  }
  .justify-content--end-xs.justify-content--end-xs {
    justify-content: flex-end;
  }
  .justify-content--center-xs.justify-content--center-xs {
    justify-content: center;
  }
  .justify-content--between-xs.justify-content--between-xs {
    justify-content: space-between;
  }
  .justify-content--around-xs.justify-content--around-xs {
    justify-content: space-around;
  }
  .justify-content--stretch-xs.justify-content--stretch-xs {
    justify-content: stretch;
  }
  .align-content--start-xs.align-content--start-xs {
    align-content: flex-start;
  }
  .align-content--end-xs.align-content--end-xs {
    align-content: flex-end;
  }
  .align-content--center-xs.align-content--center-xs {
    align-content: center;
  }
  .align-content--baseline-xs.align-content--baseline-xs {
    align-content: baseline;
  }
  .align-content--stretch-xs.align-content--stretch-xs {
    align-content: stretch;
  }
  .justify-items--start-xs.justify-items--start-xs {
    justify-items: flex-start;
  }
  .justify-items--center-xs.justify-items--center-xs {
    justify-items: center;
  }
  .justify-items--end-xs.justify-items--end-xs {
    justify-items: flex-end;
  }
  .justify-items--stretch-xs.justify-items--stretch-xs {
    justify-items: stretch;
  }
  .align-items--start-xs.align-items--start-xs {
    align-items: flex-start;
  }
  .align-items--end-xs.align-items--end-xs {
    align-items: flex-end;
  }
  .align-items--center-xs.align-items--center-xs {
    align-items: center;
  }
  .align-items--baseline-xs.align-items--baseline-xs {
    align-items: baseline;
  }
  .align-items--stretch-xs.align-items--stretch-xs {
    align-items: stretch;
  }
  .self--start-xs.self--start-xs {
    align-self: flex-start;
  }
  .self--end-xs.self--end-xs {
    align-self: flex-end;
  }
  .self--stretch-xs.self--stretch-xs {
    align-self: stretch;
  }
  .self--center-xs.self--center-xs {
    align-self: center;
  }
}
.stretch.stretch {
  align-content: stretch;
  align-items: stretch;
  justify-content: stretch;
  justify-items: stretch;
}
.flex--wrap.flex--wrap {
  flex-wrap: wrap;
}
.flex--grow > * {
  flex-grow: 1;
}
/* TODO: @kevingeary this probably should go somewhere else */
ul.list--none, ol.list--none, .list--none > ul, .list--none > ol {
  list-style: none;
  padding-inline-start: 0;
  list-style-type: none;
  -webkit-margin-before: 0em;
  margin-block-start: 0em;
  margin-block-end: 0;
}
@supports (font-size: calc(1vw + 2vw)) {
  :root {
    --text-xs: calc(0.75rem + (-0.1168709751 * ((100vw - 22.5rem) / 65)));
    --text-s: calc(0.8125rem + (0.0314609902 * ((100vw - 22.5rem) / 65)));
    --text-m: calc(1rem + (0.125 * ((100vw - 22.5rem) / 65)));
    --text-l: calc(1.2rem + (0.299625 * ((100vw - 22.5rem) / 65)));
    --text-xl: calc(1.44rem + (0.559000125 * ((100vw - 22.5rem) / 65)));
    --text-xxl: calc(1.728rem + (0.9366671666 * ((100vw - 22.5rem) / 65)));
    --h6: calc(0.75rem + (0.2700412069 * ((100vw - 22.5rem) / 65)));
    --h5: calc(0.8125rem + (0.5472149287 * ((100vw - 22.5rem) / 65)));
    --h4: calc(1.125rem + (0.625 * ((100vw - 22.5rem) / 65)));
    --h3: calc(2rem + (3 * ((100vw - 22.5rem) / 65)));
    --h2: calc(2.5rem + (6.25 * ((100vw - 22.5rem) / 65)));
    --h1: calc(3.4375rem + (9.0625 * ((100vw - 22.5rem) / 65)));
  }
  @media (min-width: 1200px) {
    :root {
      --text-xs: 0.6331290249rem;
      --text-s: 0.8439609902rem;
      --text-m: 1.125rem;
      --text-l: 1.499625rem;
      --text-xl: 1.999000125rem;
      --text-xxl: 2.6646671666rem;
      --h6: 1.0200412069rem;
      --h5: 1.3597149287rem;
      --h4: 1.75rem;
      --h3: 5rem;
      --h2: 8.75rem;
      --h1: 12.5rem;
    }
  }
}
@supports (font-size: clamp(1vw, 2vw, 3vw)) {
  :root {
    --text-xs: clamp(0.75rem, calc(-0.1798015001vw + 0.7904553375rem), 0.6331290249rem);
    --text-s: clamp(0.8125rem, calc(0.0484015235vw + 0.8016096572rem), 0.8439609902rem);
    --text-m: clamp(1rem, calc(0.1923076923vw + 0.9567307692rem), 1.125rem);
    --text-l: clamp(1.2rem, calc(0.4609615385vw + 1.0962836538rem), 1.499625rem);
    --text-xl: clamp(1.44rem, calc(0.8600001923vw + 1.2464999567rem), 1.999000125rem);
    --text-xxl: clamp(1.728rem, calc(1.4410264102vw + 1.4037690577rem), 2.6646671666rem);
    --h6: clamp(0.75rem, calc(0.4154480105vw + 0.6565241976rem), 1.0200412069rem);
    --h5: clamp(0.8125rem, calc(0.8418691211vw + 0.6230794477rem), 1.3597149287rem);
    --h4: clamp(1.125rem, calc(0.9615384615vw + 0.9086538462rem), 1.75rem);
    --h3: clamp(2rem, calc(4.6153846154vw + 0.9615384615rem), 5rem);
    --h2: clamp(2.5rem, calc(9.6153846154vw + 0.3365384615rem), 8.75rem);
    --h1: clamp(3.4375rem, calc(13.9423076923vw + 0.3004807692rem), 12.5rem);
  }
}
@supports (padding: calc(1vw + 2vw)) {
  :root {
    --space-xs: calc(0.8441720333rem + (-0.0108386999 * ((100vw - 22.5rem) / 65)));
    --space-s: calc(1.1252813203rem + (0.1247186797 * ((100vw - 22.5rem) / 65)));
    --space-m: calc(1.5rem + (0.375 * ((100vw - 22.5rem) / 65)));
    --space-l: calc(1.9995rem + (0.813 * ((100vw - 22.5rem) / 65)));
    --space-xl: calc(2.6653335rem + (1.5534165 * ((100vw - 22.5rem) / 65)));
    --space-xxl: calc(3.5528895555rem + (2.7752354445 * ((100vw - 22.5rem) / 65)));
    --section-space-xs: calc(3.376688133rem + (0.7899785336 * ((100vw - 22.5rem) / 65)));
    --section-space-s: calc(4.5011252813rem + (1.7488747187 * ((100vw - 22.5rem) / 65)));
    --section-space-m: calc(6rem + (3.375 * ((100vw - 22.5rem) / 65)));
    --section-space-l: calc(7.998rem + (6.0645 * ((100vw - 22.5rem) / 65)));
    --section-space-xl: calc(10.661334rem + (10.432416 * ((100vw - 22.5rem) / 65)));
    --section-space-xxl: calc(14.211558222rem + (17.429066778 * ((100vw - 22.5rem) / 65)));
    --section-padding-x: calc(1.25rem + (2.5 * ((100vw - 22.5rem) / 65)));
    --gutter: calc(1.25rem + (2.5 * ((100vw - 22.5rem) / 65)));
  }
  @media (min-width: 1200px) {
    :root {
      --space-xs: 0.8333333333rem;
      --space-s: 1.25rem;
      --space-m: 1.875rem;
      --space-l: 2.8125rem;
      --space-xl: 4.21875rem;
      --space-xxl: 6.328125rem;
      --section-space-xs: 4.1666666667rem;
      --section-space-s: 6.25rem;
      --section-space-m: 9.375rem;
      --section-space-l: 14.0625rem;
      --section-space-xl: 21.09375rem;
      --section-space-xxl: 31.640625rem;
      --section-padding-x: 3.75rem;
      --gutter: 3.75rem;
    }
  }
}
@supports (padding: clamp(1vw, 2vw, 3vw)) {
  :root {
    --space-xs: clamp(0.8441720333rem, calc(-0.016674923vw + 0.8479238909rem), 0.8333333333rem);
    --space-s: clamp(1.1252813203rem, calc(0.1918748918vw + 1.0821094697rem), 1.25rem);
    --space-m: clamp(1.5rem, calc(0.5769230769vw + 1.3701923077rem), 1.875rem);
    --space-l: clamp(1.9995rem, calc(1.2507692308vw + 1.7180769231rem), 2.8125rem);
    --space-xl: clamp(2.6653335rem, calc(2.3898715385vw + 2.1276124038rem), 4.21875rem);
    --space-xxl: clamp(3.5528895555rem, calc(4.2695929915vw + 2.5922311324rem), 6.328125rem);
    --section-space-xs: clamp(3.376688133rem, calc(1.2153515902vw + 3.1032340252rem), 4.1666666667rem);
    --section-space-s: clamp(4.5011252813rem, calc(2.6905764903vw + 3.895745571rem), 6.25rem);
    --section-space-m: clamp(6rem, calc(5.1923076923vw + 4.8317307692rem), 9.375rem);
    --section-space-l: clamp(7.998rem, calc(9.33vw + 5.89875rem), 14.0625rem);
    --section-space-xl: clamp(10.661334rem, calc(16.0498707692vw + 7.0501130769rem), 21.09375rem);
    --section-space-xxl: clamp(14.211558222rem, calc(26.8139488892vw + 8.1784197219rem), 31.640625rem);
    --section-padding-x: clamp(1.25rem, calc(3.8461538462vw + 0.3846153846rem), 3.75rem);
    --gutter: clamp(1.25rem, calc(3.8461538462vw + 0.3846153846rem), 3.75rem);
  }
}
section:where(:not(.bricks-shape-divider)) {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--container-gap);
}
section > div:where(:not(.bricks-shape-divider)) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--content-gap);
}
:where(:where(.brxe-block)) {
  gap: var(--content-gap);
}
:where(:where(.brxe-div)) {
  gap: var(--content-gap);
}
section > div:where([class*="grid--"]), :where([class*="grid--"]) {
  gap: var(--grid-gap);
}
#shadow-host-companion {
  padding: 0;
}
.acss-auto-radius :where(img):not(header img), .acss-auto-radius :where(figure:not(figure:has(img))) {
  border-radius: var(--radius);
}
.transition {
  transition: var(--transition);
}