/* File: automatic.css - Version: 3.3.6 - Generated: 2026-03-06 16:21:10 */
@charset "UTF-8";
.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: #6cc1e6;
  --primary-hsl: 198 71% 66%;
  --primary-rgb: 108 193 230;
  --primary-r: 108;
  --primary-g: 193;
  --primary-b: 230;
  --primary-h: 198;
  --primary-s: 71%;
  --primary-l: 66%;
  --primary-hover-h: 198;
  --primary-hover-s: 71%;
  --primary-hover-l: 75.9%;
  --primary-ultra-light-h: 198;
  --primary-ultra-light-s: 71%;
  --primary-ultra-light-l: 95%;
  --primary-light-h: 198;
  --primary-light-s: 71%;
  --primary-light-l: 85%;
  --primary-semi-light-h: 198;
  --primary-semi-light-s: 71%;
  --primary-semi-light-l: 65%;
  --primary-semi-dark-h: 198;
  --primary-semi-dark-s: 71%;
  --primary-semi-dark-l: 35%;
  --primary-dark-h: 198;
  --primary-dark-s: 71%;
  --primary-dark-l: 25%;
  --primary-ultra-dark-h: 198;
  --primary-ultra-dark-s: 71%;
  --primary-ultra-dark-l: 10%;
  --primary-medium-h: 198;
  --primary-medium-s: 71%;
  --primary-medium-l: 50%;
  --secondary-hex: #ff813d;
  --secondary-hsl: 21 100% 62%;
  --secondary-rgb: 255 129 61;
  --secondary-r: 255;
  --secondary-g: 129;
  --secondary-b: 61;
  --secondary-h: 21;
  --secondary-s: 100%;
  --secondary-l: 62%;
  --secondary-hover-h: 21;
  --secondary-hover-s: 100%;
  --secondary-hover-l: 71.3%;
  --secondary-ultra-light-h: 21;
  --secondary-ultra-light-s: 100%;
  --secondary-ultra-light-l: 95%;
  --secondary-light-h: 21;
  --secondary-light-s: 100%;
  --secondary-light-l: 85%;
  --secondary-semi-light-h: 21;
  --secondary-semi-light-s: 100%;
  --secondary-semi-light-l: 65%;
  --secondary-semi-dark-h: 21;
  --secondary-semi-dark-s: 100%;
  --secondary-semi-dark-l: 35%;
  --secondary-dark-h: 21;
  --secondary-dark-s: 100%;
  --secondary-dark-l: 25%;
  --secondary-ultra-dark-h: 21;
  --secondary-ultra-dark-s: 100%;
  --secondary-ultra-dark-l: 10%;
  --secondary-medium-h: 21;
  --secondary-medium-s: 100%;
  --secondary-medium-l: 50%;
  --tertiary-hex: #d64a4a;
  --tertiary-hsl: 0 63% 56%;
  --tertiary-rgb: 214 74 74;
  --tertiary-r: 214;
  --tertiary-g: 74;
  --tertiary-b: 74;
  --tertiary-h: 0;
  --tertiary-s: 63%;
  --tertiary-l: 56%;
  --tertiary-hover-h: 0;
  --tertiary-hover-s: 63%;
  --tertiary-hover-l: 64%;
  --tertiary-ultra-light-h: 0;
  --tertiary-ultra-light-s: 63%;
  --tertiary-ultra-light-l: 95%;
  --tertiary-light-h: 0;
  --tertiary-light-s: 63%;
  --tertiary-light-l: 85%;
  --tertiary-semi-light-h: 0;
  --tertiary-semi-light-s: 63%;
  --tertiary-semi-light-l: 65%;
  --tertiary-semi-dark-h: 0;
  --tertiary-semi-dark-s: 63%;
  --tertiary-semi-dark-l: 35%;
  --tertiary-dark-h: 0;
  --tertiary-dark-s: 63%;
  --tertiary-dark-l: 25%;
  --tertiary-ultra-dark-h: 0;
  --tertiary-ultra-dark-s: 63%;
  --tertiary-ultra-dark-l: 10%;
  --tertiary-medium-h: 0;
  --tertiary-medium-s: 63%;
  --tertiary-medium-l: 50%;
  --accent-hex: #ffdb57;
  --accent-hsl: 47 100% 67%;
  --accent-rgb: 255 219 87;
  --accent-r: 255;
  --accent-g: 219;
  --accent-b: 87;
  --accent-h: 47;
  --accent-s: 100%;
  --accent-l: 67%;
  --accent-hover-h: 47;
  --accent-hover-s: 100%;
  --accent-hover-l: 77.05%;
  --accent-ultra-light-h: 47;
  --accent-ultra-light-s: 100%;
  --accent-ultra-light-l: 95%;
  --accent-light-h: 47;
  --accent-light-s: 100%;
  --accent-light-l: 85%;
  --accent-semi-light-h: 47;
  --accent-semi-light-s: 100%;
  --accent-semi-light-l: 65%;
  --accent-semi-dark-h: 47;
  --accent-semi-dark-s: 100%;
  --accent-semi-dark-l: 35%;
  --accent-dark-h: 47;
  --accent-dark-s: 100%;
  --accent-dark-l: 25%;
  --accent-ultra-dark-h: 47;
  --accent-ultra-dark-s: 100%;
  --accent-ultra-dark-l: 10%;
  --accent-medium-h: 47;
  --accent-medium-s: 100%;
  --accent-medium-l: 50%;
  --base-hex: #5db32f;
  --base-hsl: 99 58% 44%;
  --base-rgb: 93 179 47;
  --base-r: 93;
  --base-g: 179;
  --base-b: 47;
  --base-h: 99;
  --base-s: 58%;
  --base-l: 44%;
  --base-hover-h: 99;
  --base-hover-s: 58%;
  --base-hover-l: 51%;
  --base-ultra-light-h: 99;
  --base-ultra-light-s: 58%;
  --base-ultra-light-l: 95%;
  --base-light-h: 99;
  --base-light-s: 58%;
  --base-light-l: 85%;
  --base-semi-light-h: 99;
  --base-semi-light-s: 58%;
  --base-semi-light-l: 65%;
  --base-semi-dark-h: 99;
  --base-semi-dark-s: 58%;
  --base-semi-dark-l: 35%;
  --base-dark-h: 99;
  --base-dark-s: 58%;
  --base-dark-l: 25%;
  --base-ultra-dark-h: 99;
  --base-ultra-dark-s: 58%;
  --base-ultra-dark-l: 10%;
  --base-medium-h: 99;
  --base-medium-s: 58%;
  --base-medium-l: 50%;
  --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: 10%;
  --neutral-medium-h: 0;
  --neutral-medium-s: 0%;
  --neutral-medium-l: 50%;
  --primary: #6cc1e6;
  --primary-hover: #96d3ed;
  --primary-ultra-light: #e9f6fb;
  --primary-light: #bee4f4;
  --primary-semi-light: #66bfe5;
  --primary-semi-dark: #1a7399;
  --primary-dark: #12526d;
  --primary-ultra-dark: #07212c;
  --primary-medium: #25a4da;
  --secondary: #ff813d;
  --secondary-hover: #ffa06d;
  --secondary-ultra-light: #ffeee6;
  --secondary-light: #ffcdb3;
  --secondary-semi-light: #ff8b4d;
  --secondary-semi-dark: #b33e00;
  --secondary-dark: #802d00;
  --secondary-ultra-dark: #331200;
  --secondary-medium: #ff5900;
  --tertiary: #d64a4a;
  --tertiary-hover: #dd6969;
  --tertiary-ultra-light: #faeaea;
  --tertiary-light: #f1c1c1;
  --tertiary-semi-light: #de6e6e;
  --tertiary-semi-dark: #912121;
  --tertiary-dark: #681818;
  --tertiary-ultra-dark: #2a0909;
  --tertiary-medium: #d02f2f;
  --accent: #ffdb57;
  --accent-hover: #ffe68a;
  --accent-ultra-light: #fff9e6;
  --accent-light: #ffeeb3;
  --accent-semi-light: #ffd84d;
  --accent-semi-dark: #b38c00;
  --accent-dark: #806400;
  --accent-ultra-dark: #332800;
  --accent-medium: #ffc800;
  --base: #5db32f;
  --base-hover: #6ccb3a;
  --base-ultra-light: #f0faeb;
  --base-light: #d2efc3;
  --base-semi-light: #96da72;
  --base-semi-dark: #4a8d25;
  --base-dark: #35651b;
  --base-ultra-dark: #15280b;
  --base-medium: #69c936;
  --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: #1a1a1a;
  --neutral-medium: gray;
  --white: #fff;
  --black: #000;
  --primary-trans-10: rgba(108, 193, 230, 0.1);
  --primary-trans-20: rgba(108, 193, 230, 0.2);
  --primary-trans-30: rgba(108, 193, 230, 0.3);
  --primary-trans-40: rgba(108, 193, 230, 0.4);
  --primary-trans-50: rgba(108, 193, 230, 0.5);
  --primary-trans-60: rgba(108, 193, 230, 0.6);
  --primary-trans-70: rgba(108, 193, 230, 0.7);
  --primary-trans-80: rgba(108, 193, 230, 0.8);
  --primary-trans-90: rgba(108, 193, 230, 0.9);
  --primary-light-trans-10: rgba(190, 228, 244, 0.1);
  --primary-light-trans-20: rgba(190, 228, 244, 0.2);
  --primary-light-trans-30: rgba(190, 228, 244, 0.3);
  --primary-light-trans-40: rgba(190, 228, 244, 0.4);
  --primary-light-trans-50: rgba(190, 228, 244, 0.5);
  --primary-light-trans-60: rgba(190, 228, 244, 0.6);
  --primary-light-trans-70: rgba(190, 228, 244, 0.7);
  --primary-light-trans-80: rgba(190, 228, 244, 0.8);
  --primary-light-trans-90: rgba(190, 228, 244, 0.9);
  --primary-dark-trans-10: rgba(18, 82, 109, 0.1);
  --primary-dark-trans-20: rgba(18, 82, 109, 0.2);
  --primary-dark-trans-30: rgba(18, 82, 109, 0.3);
  --primary-dark-trans-40: rgba(18, 82, 109, 0.4);
  --primary-dark-trans-50: rgba(18, 82, 109, 0.5);
  --primary-dark-trans-60: rgba(18, 82, 109, 0.6);
  --primary-dark-trans-70: rgba(18, 82, 109, 0.7);
  --primary-dark-trans-80: rgba(18, 82, 109, 0.8);
  --primary-dark-trans-90: rgba(18, 82, 109, 0.9);
  --primary-ultra-dark-trans-10: rgba(7, 33, 44, 0.1);
  --primary-ultra-dark-trans-20: rgba(7, 33, 44, 0.2);
  --primary-ultra-dark-trans-30: rgba(7, 33, 44, 0.3);
  --primary-ultra-dark-trans-40: rgba(7, 33, 44, 0.4);
  --primary-ultra-dark-trans-50: rgba(7, 33, 44, 0.5);
  --primary-ultra-dark-trans-60: rgba(7, 33, 44, 0.6);
  --primary-ultra-dark-trans-70: rgba(7, 33, 44, 0.7);
  --primary-ultra-dark-trans-80: rgba(7, 33, 44, 0.8);
  --primary-ultra-dark-trans-90: rgba(7, 33, 44, 0.9);
  --secondary-trans-10: rgba(255, 129, 61, 0.1);
  --secondary-trans-20: rgba(255, 129, 61, 0.2);
  --secondary-trans-30: rgba(255, 129, 61, 0.3);
  --secondary-trans-40: rgba(255, 129, 61, 0.4);
  --secondary-trans-50: rgba(255, 129, 61, 0.5);
  --secondary-trans-60: rgba(255, 129, 61, 0.6);
  --secondary-trans-70: rgba(255, 129, 61, 0.7);
  --secondary-trans-80: rgba(255, 129, 61, 0.8);
  --secondary-trans-90: rgba(255, 129, 61, 0.9);
  --secondary-light-trans-10: rgba(255, 205, 179, 0.1);
  --secondary-light-trans-20: rgba(255, 205, 179, 0.2);
  --secondary-light-trans-30: rgba(255, 205, 179, 0.3);
  --secondary-light-trans-40: rgba(255, 205, 179, 0.4);
  --secondary-light-trans-50: rgba(255, 205, 179, 0.5);
  --secondary-light-trans-60: rgba(255, 205, 179, 0.6);
  --secondary-light-trans-70: rgba(255, 205, 179, 0.7);
  --secondary-light-trans-80: rgba(255, 205, 179, 0.8);
  --secondary-light-trans-90: rgba(255, 205, 179, 0.9);
  --secondary-dark-trans-10: rgba(128, 45, 0, 0.1);
  --secondary-dark-trans-20: rgba(128, 45, 0, 0.2);
  --secondary-dark-trans-30: rgba(128, 45, 0, 0.3);
  --secondary-dark-trans-40: rgba(128, 45, 0, 0.4);
  --secondary-dark-trans-50: rgba(128, 45, 0, 0.5);
  --secondary-dark-trans-60: rgba(128, 45, 0, 0.6);
  --secondary-dark-trans-70: rgba(128, 45, 0, 0.7);
  --secondary-dark-trans-80: rgba(128, 45, 0, 0.8);
  --secondary-dark-trans-90: rgba(128, 45, 0, 0.9);
  --secondary-ultra-dark-trans-10: rgba(51, 18, 0, 0.1);
  --secondary-ultra-dark-trans-20: rgba(51, 18, 0, 0.2);
  --secondary-ultra-dark-trans-30: rgba(51, 18, 0, 0.3);
  --secondary-ultra-dark-trans-40: rgba(51, 18, 0, 0.4);
  --secondary-ultra-dark-trans-50: rgba(51, 18, 0, 0.5);
  --secondary-ultra-dark-trans-60: rgba(51, 18, 0, 0.6);
  --secondary-ultra-dark-trans-70: rgba(51, 18, 0, 0.7);
  --secondary-ultra-dark-trans-80: rgba(51, 18, 0, 0.8);
  --secondary-ultra-dark-trans-90: rgba(51, 18, 0, 0.9);
  --tertiary-trans-10: rgba(214, 74, 74, 0.1);
  --tertiary-trans-20: rgba(214, 74, 74, 0.2);
  --tertiary-trans-30: rgba(214, 74, 74, 0.3);
  --tertiary-trans-40: rgba(214, 74, 74, 0.4);
  --tertiary-trans-50: rgba(214, 74, 74, 0.5);
  --tertiary-trans-60: rgba(214, 74, 74, 0.6);
  --tertiary-trans-70: rgba(214, 74, 74, 0.7);
  --tertiary-trans-80: rgba(214, 74, 74, 0.8);
  --tertiary-trans-90: rgba(214, 74, 74, 0.9);
  --tertiary-light-trans-10: rgba(241, 193, 193, 0.1);
  --tertiary-light-trans-20: rgba(241, 193, 193, 0.2);
  --tertiary-light-trans-30: rgba(241, 193, 193, 0.3);
  --tertiary-light-trans-40: rgba(241, 193, 193, 0.4);
  --tertiary-light-trans-50: rgba(241, 193, 193, 0.5);
  --tertiary-light-trans-60: rgba(241, 193, 193, 0.6);
  --tertiary-light-trans-70: rgba(241, 193, 193, 0.7);
  --tertiary-light-trans-80: rgba(241, 193, 193, 0.8);
  --tertiary-light-trans-90: rgba(241, 193, 193, 0.9);
  --tertiary-dark-trans-10: rgba(104, 24, 24, 0.1);
  --tertiary-dark-trans-20: rgba(104, 24, 24, 0.2);
  --tertiary-dark-trans-30: rgba(104, 24, 24, 0.3);
  --tertiary-dark-trans-40: rgba(104, 24, 24, 0.4);
  --tertiary-dark-trans-50: rgba(104, 24, 24, 0.5);
  --tertiary-dark-trans-60: rgba(104, 24, 24, 0.6);
  --tertiary-dark-trans-70: rgba(104, 24, 24, 0.7);
  --tertiary-dark-trans-80: rgba(104, 24, 24, 0.8);
  --tertiary-dark-trans-90: rgba(104, 24, 24, 0.9);
  --tertiary-ultra-dark-trans-10: rgba(42, 9, 9, 0.1);
  --tertiary-ultra-dark-trans-20: rgba(42, 9, 9, 0.2);
  --tertiary-ultra-dark-trans-30: rgba(42, 9, 9, 0.3);
  --tertiary-ultra-dark-trans-40: rgba(42, 9, 9, 0.4);
  --tertiary-ultra-dark-trans-50: rgba(42, 9, 9, 0.5);
  --tertiary-ultra-dark-trans-60: rgba(42, 9, 9, 0.6);
  --tertiary-ultra-dark-trans-70: rgba(42, 9, 9, 0.7);
  --tertiary-ultra-dark-trans-80: rgba(42, 9, 9, 0.8);
  --tertiary-ultra-dark-trans-90: rgba(42, 9, 9, 0.9);
  --accent-trans-10: rgba(255, 219, 87, 0.1);
  --accent-trans-20: rgba(255, 219, 87, 0.2);
  --accent-trans-30: rgba(255, 219, 87, 0.3);
  --accent-trans-40: rgba(255, 219, 87, 0.4);
  --accent-trans-50: rgba(255, 219, 87, 0.5);
  --accent-trans-60: rgba(255, 219, 87, 0.6);
  --accent-trans-70: rgba(255, 219, 87, 0.7);
  --accent-trans-80: rgba(255, 219, 87, 0.8);
  --accent-trans-90: rgba(255, 219, 87, 0.9);
  --accent-light-trans-10: rgba(255, 238, 179, 0.1);
  --accent-light-trans-20: rgba(255, 238, 179, 0.2);
  --accent-light-trans-30: rgba(255, 238, 179, 0.3);
  --accent-light-trans-40: rgba(255, 238, 179, 0.4);
  --accent-light-trans-50: rgba(255, 238, 179, 0.5);
  --accent-light-trans-60: rgba(255, 238, 179, 0.6);
  --accent-light-trans-70: rgba(255, 238, 179, 0.7);
  --accent-light-trans-80: rgba(255, 238, 179, 0.8);
  --accent-light-trans-90: rgba(255, 238, 179, 0.9);
  --accent-dark-trans-10: rgba(128, 100, 0, 0.1);
  --accent-dark-trans-20: rgba(128, 100, 0, 0.2);
  --accent-dark-trans-30: rgba(128, 100, 0, 0.3);
  --accent-dark-trans-40: rgba(128, 100, 0, 0.4);
  --accent-dark-trans-50: rgba(128, 100, 0, 0.5);
  --accent-dark-trans-60: rgba(128, 100, 0, 0.6);
  --accent-dark-trans-70: rgba(128, 100, 0, 0.7);
  --accent-dark-trans-80: rgba(128, 100, 0, 0.8);
  --accent-dark-trans-90: rgba(128, 100, 0, 0.9);
  --accent-ultra-dark-trans-10: rgba(51, 40, 0, 0.1);
  --accent-ultra-dark-trans-20: rgba(51, 40, 0, 0.2);
  --accent-ultra-dark-trans-30: rgba(51, 40, 0, 0.3);
  --accent-ultra-dark-trans-40: rgba(51, 40, 0, 0.4);
  --accent-ultra-dark-trans-50: rgba(51, 40, 0, 0.5);
  --accent-ultra-dark-trans-60: rgba(51, 40, 0, 0.6);
  --accent-ultra-dark-trans-70: rgba(51, 40, 0, 0.7);
  --accent-ultra-dark-trans-80: rgba(51, 40, 0, 0.8);
  --accent-ultra-dark-trans-90: rgba(51, 40, 0, 0.9);
  --base-trans-10: rgba(93, 179, 47, 0.1);
  --base-trans-20: rgba(93, 179, 47, 0.2);
  --base-trans-30: rgba(93, 179, 47, 0.3);
  --base-trans-40: rgba(93, 179, 47, 0.4);
  --base-trans-50: rgba(93, 179, 47, 0.5);
  --base-trans-60: rgba(93, 179, 47, 0.6);
  --base-trans-70: rgba(93, 179, 47, 0.7);
  --base-trans-80: rgba(93, 179, 47, 0.8);
  --base-trans-90: rgba(93, 179, 47, 0.9);
  --base-light-trans-10: rgba(210, 239, 195, 0.1);
  --base-light-trans-20: rgba(210, 239, 195, 0.2);
  --base-light-trans-30: rgba(210, 239, 195, 0.3);
  --base-light-trans-40: rgba(210, 239, 195, 0.4);
  --base-light-trans-50: rgba(210, 239, 195, 0.5);
  --base-light-trans-60: rgba(210, 239, 195, 0.6);
  --base-light-trans-70: rgba(210, 239, 195, 0.7);
  --base-light-trans-80: rgba(210, 239, 195, 0.8);
  --base-light-trans-90: rgba(210, 239, 195, 0.9);
  --base-dark-trans-10: rgba(53, 101, 27, 0.1);
  --base-dark-trans-20: rgba(53, 101, 27, 0.2);
  --base-dark-trans-30: rgba(53, 101, 27, 0.3);
  --base-dark-trans-40: rgba(53, 101, 27, 0.4);
  --base-dark-trans-50: rgba(53, 101, 27, 0.5);
  --base-dark-trans-60: rgba(53, 101, 27, 0.6);
  --base-dark-trans-70: rgba(53, 101, 27, 0.7);
  --base-dark-trans-80: rgba(53, 101, 27, 0.8);
  --base-dark-trans-90: rgba(53, 101, 27, 0.9);
  --base-ultra-dark-trans-10: rgba(21, 40, 11, 0.1);
  --base-ultra-dark-trans-20: rgba(21, 40, 11, 0.2);
  --base-ultra-dark-trans-30: rgba(21, 40, 11, 0.3);
  --base-ultra-dark-trans-40: rgba(21, 40, 11, 0.4);
  --base-ultra-dark-trans-50: rgba(21, 40, 11, 0.5);
  --base-ultra-dark-trans-60: rgba(21, 40, 11, 0.6);
  --base-ultra-dark-trans-70: rgba(21, 40, 11, 0.7);
  --base-ultra-dark-trans-80: rgba(21, 40, 11, 0.8);
  --base-ultra-dark-trans-90: rgba(21, 40, 11, 0.9);
  --neutral-trans-10: rgba(0, 0, 0, 0.1);
  --neutral-trans-20: rgba(0, 0, 0, 0.2);
  --neutral-trans-30: rgba(0, 0, 0, 0.3);
  --neutral-trans-40: rgba(0, 0, 0, 0.4);
  --neutral-trans-50: rgba(0, 0, 0, 0.5);
  --neutral-trans-60: rgba(0, 0, 0, 0.6);
  --neutral-trans-70: rgba(0, 0, 0, 0.7);
  --neutral-trans-80: rgba(0, 0, 0, 0.8);
  --neutral-trans-90: rgba(0, 0, 0, 0.9);
  --neutral-light-trans-10: rgba(217, 217, 217, 0.1);
  --neutral-light-trans-20: rgba(217, 217, 217, 0.2);
  --neutral-light-trans-30: rgba(217, 217, 217, 0.3);
  --neutral-light-trans-40: rgba(217, 217, 217, 0.4);
  --neutral-light-trans-50: rgba(217, 217, 217, 0.5);
  --neutral-light-trans-60: rgba(217, 217, 217, 0.6);
  --neutral-light-trans-70: rgba(217, 217, 217, 0.7);
  --neutral-light-trans-80: rgba(217, 217, 217, 0.8);
  --neutral-light-trans-90: rgba(217, 217, 217, 0.9);
  --neutral-dark-trans-10: rgba(64, 64, 64, 0.1);
  --neutral-dark-trans-20: rgba(64, 64, 64, 0.2);
  --neutral-dark-trans-30: rgba(64, 64, 64, 0.3);
  --neutral-dark-trans-40: rgba(64, 64, 64, 0.4);
  --neutral-dark-trans-50: rgba(64, 64, 64, 0.5);
  --neutral-dark-trans-60: rgba(64, 64, 64, 0.6);
  --neutral-dark-trans-70: rgba(64, 64, 64, 0.7);
  --neutral-dark-trans-80: rgba(64, 64, 64, 0.8);
  --neutral-dark-trans-90: rgba(64, 64, 64, 0.9);
  --neutral-ultra-dark-trans-10: rgba(26, 26, 26, 0.1);
  --neutral-ultra-dark-trans-20: rgba(26, 26, 26, 0.2);
  --neutral-ultra-dark-trans-30: rgba(26, 26, 26, 0.3);
  --neutral-ultra-dark-trans-40: rgba(26, 26, 26, 0.4);
  --neutral-ultra-dark-trans-50: rgba(26, 26, 26, 0.5);
  --neutral-ultra-dark-trans-60: rgba(26, 26, 26, 0.6);
  --neutral-ultra-dark-trans-70: rgba(26, 26, 26, 0.7);
  --neutral-ultra-dark-trans-80: rgba(26, 26, 26, 0.8);
  --neutral-ultra-dark-trans-90: rgba(26, 26, 26, 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(--white);
  --bg-light: var(--al-bg-site);
  --bg-dark: var(--al-bg-site-dark);
  --bg-ultra-dark: var(--black);
  --text-light: var(--neutral-ultra-light);
  --text-light-muted: var(--neutral-semi-light);
  --text-dark: var(--neutral-ultra-dark);
  --text-dark-muted: var(--neutral-dark);
  --body-bg-color: var(--al-bg-site);
  --body-color: var(--text-dark);
  --heading-color: inherit;
}
:root {
  --on: initial;
  --off: ;
  --section-padding-x: 2rem;
  --section-padding-block: 0;
  --section-gutter: 2rem;
  --gutter: 2rem;
  --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: 62.5%;
  --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: 144rem;
  --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: var(--primary);
  --focus-width: 0.2rem;
  --focus-offset: 0.25em;
  --box-shadow-m: 0 4px 4px -10px rgba(0, 0, 0, 0.04), 0 13px 13px -10px rgba(0, 0, 0, 0.06), 0 40px 60px -10px rgba(0, 0, 0, 0.08);
  --box-shadow-l: 0 2.7px 3.6px -5px rgba(0, 0, 0, 0.04), 0 7.5px 10px -5px rgba(0, 0, 0, 0.06), 0 18px 24.1px -5px rgba(0, 0, 0, 0.08), 0 60px 80px -5px rgba(0, 0, 0, 0.1);
  --box-shadow-xl: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02), 0 6.7px 5.3px -5px rgba(0, 0, 0, 0.04), 0 12.5px 10px -5px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px -5px rgba(0, 0, 0, 0.08), 0 41.8px 33.4px -5px rgba(0, 0, 0, 0.1), 0 80px 80px -5px rgba(0, 0, 0, 0.105);
  --box-shadow-1: 0 4px 4px -10px rgba(0, 0, 0, 0.04), 0 13px 13px -10px rgba(0, 0, 0, 0.06), 0 40px 60px -10px rgba(0, 0, 0, 0.08);
  --box-shadow-2: 0 2.7px 3.6px -5px rgba(0, 0, 0, 0.04), 0 7.5px 10px -5px rgba(0, 0, 0, 0.06), 0 18px 24.1px -5px rgba(0, 0, 0, 0.08), 0 60px 80px -5px rgba(0, 0, 0, 0.1);
  --box-shadow-3: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02), 0 6.7px 5.3px -5px rgba(0, 0, 0, 0.04), 0 12.5px 10px -5px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px -5px rgba(0, 0, 0, 0.08), 0 41.8px 33.4px -5px rgba(0, 0, 0, 0.1), 0 80px 80px -5px rgba(0, 0, 0, 0.105);
  --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 + 2ex);
  --text-m-max-width: 100%;
  --text-s-max-width: 100%;
  --text-xs-max-width: 100%;
  --base-text-lh: calc(6px + 2ex);
  --heading-color: inherit;
  --heading-line-height: calc(4px + 2ex);
  --heading-font-weight: 200;
  --heading-letter-spacing: -0.025ch;
  --heading-max-width: 45ch;
  --heading-text-transform: inherit;
  --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(--text-dark);
  --text-line-height: calc(6px + 2ex);
  --text-font-weight: 200;
  --text-max-width: 75ch;
  --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;
}
@media (max-width: 1920px) {
  :root {
    --header-height: var(--header-height-xxl);
  }
}
@media (max-width: 1440px) {
  :root {
    --header-height: var(--header-height-xl);
  }
}
@media (max-width: 992px) {
  :root {
    --header-height: var(--header-height-l);
  }
}
@media (max-width: 768px) {
  :root {
    --header-height: var(--header-height-m);
  }
}
@media (max-width: 480px) {
  :root {
    --header-height: var(--header-height-s);
  }
}
:root {
  --option-primary-btn-outline: on;
  --option-secondary-btn-outline: on;
  --btn-padding-block: 0.75em;
  --btn-padding-inline: 1.5em;
  --btn-min-width: 20rem;
  --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: 0.25rem;
  --btn-outline-border-width: 0.25rem;
  --btn-border-style: solid;
  --btn-border-radius: 0;
  --btn-justify-content: center;
  --btn-text-align: center;
}
/* Deprecated in ACSS 2.7 */
:root {
  --btn-border-size: 0.25rem;
  --btn-radius: 0;
  --outline-btn-border-size: 0.25rem;
  --btn-pad-x: 1.5em;
  --btn-pad-y: 0.75em;
  --btn-text-style: normal;
  --btn-weight: 400;
  --btn-width: 20;
}
:root {
  --link-color: inherit;
  --link-color-hover: var(--primary-medium);
  --link-transition: var(--transition);
  --link-decoration: underline;
  --link-decoration-hover: inherit;
  --link-underline-offset: auto;
  --link-weight: inherit;
  --link-decoration-color: var(--black);
  --link-decoration-color-hover: var(--accent);
  --link-decoration-thickness: 0.125em;
}
:root {
  --external-link-indicator-gap: 0.25em;
  --external-link-indicator-size: 0.9em;
  --external-link-indicator-weight: inherit;
  --external-link-indicator-offset: 0 0;
  --external-link-indicator-color: currentColor;
  --external-link-indicator-color-hover: currentColor;
  --external-link-indicator-alignment: center;
}
:root {
  --col-width-s: 13rem;
  --col-width-m: 25rem;
  --col-width-l: 38rem;
  --col-rule-width-s: 0.1em;
  --col-rule-width-m: 0.3em;
  --col-rule-width-l: 0.5em;
}
: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-xs);
  --fr-grid-gap: var(--space-xs);
  --bg-ultra-light-text: var(--text-dark);
  --bg-light-text: var(--text-dark);
  --bg-dark-text: var(--text-light-muted);
  --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-muted);
  --bg-ultra-dark-heading: var(--text-light);
  --bg-ultra-light-button: ;
  --bg-light-button: primary;
  --bg-dark-button: primary;
  --bg-ultra-dark-button: primary;
}
:root {
  --radius: 1rem;
  --radius-50: 50%;
  --radius-circle: 50vw;
  --radius-none: 0;
  --radius-xs: 0.4444444444rem;
  --radius-s: 0.6666666667rem;
  --radius-m: 1rem;
  --radius-l: 1.5rem;
  --radius-xl: 2.25rem;
  --radius-xxl: 3.375rem;
  --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;
}
:root {
  --icon-size: 32px;
  --icon-padding: 0.35em;
  --icon-radius: var(--radius);
  --icon-background: var(--neutral-light);
  --icon-background-hover: var(--primary-semi-dark);
  --icon-border-color: var(--border-color-dark);
  --icon-border-color-hover: var(--border-color-dark);
  --icon-border-width: var(--border-width);
  --icon-border-style: var(--border-style);
  --icon-color: var(--neutral);
  --icon-color-hover: var(--primary-semi-light);
  --icon-list-icon-size: 1em;
  --icon-list-gap: 1em;
  --icon-light-color: var(--neutral);
  --icon-light-color-hover: var(--primary-semi-dark);
  --icon-light-background: var(--neutral-ultra-light);
  --icon-light-background-hover: var(--primary-light);
  --icon-light-border-color: var(--border-color-light);
  --icon-light-border-color-hover: var(--border-color-light);
  --icon-dark-color: var(--neutral);
  --icon-dark-color-hover: var(--primary-semi-light);
  --icon-dark-background: var(--neutral-light);
  --icon-dark-background-hover: var(--primary-semi-dark);
  --icon-dark-border-color: var(--border-color-dark);
  --icon-dark-border-color-hover: var(--border-color-dark);
  --icon-size-xs: 12px;
  --icon-size-s: 16px;
  --icon-size-m: 32px;
  --icon-size-l: 64px;
  --icon-size-xl: 128px;
  --icon-size-xxl: 256px;
  --icon-padding-xs: var(--icon-padding);
  --icon-padding-s: var(--icon-padding);
  --icon-padding-m: var(--icon-padding);
  --icon-padding-l: var(--icon-padding);
  --icon-padding-xl: var(--icon-padding);
  --icon-padding-xxl: var(--icon-padding);
  --icon-border-color: var(--icon-light-border-color);
  --icon-border-color-hover: var(--icon-light-border-color-hover);
}
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(--shade-ultra-dark-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;
}
.focus-parent:focus-within:not(:has(:focus-visible)) {
  outline: none;
  outline-offset: 0;
}
.focus-parent:focus-within {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: var(--focus-offset);
}
.focus-parent :focus {
  outline: none !important;
  box-shadow: none !important;
}
.focus-parent--shadow:focus-within:not(:has(:focus-visible)) {
  box-shadow: none;
}
.focus-parent--shadow:focus-within {
  box-shadow: 0 0 0 var(--focus-width) var(--focus-color);
}
.focus-parent--shadow :focus {
  outline: none !important;
  box-shadow: none !important;
}
.focus-parent--outline:focus-within:not(:has(:focus-visible)) {
  outline: none;
  outline-offset: 0;
}
.focus-parent--outline:focus-within {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: var(--focus-offset);
}
.focus-parent--outline :focus {
  outline: none !important;
  box-shadow: none !important;
}
.hidden-accessible {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: rect(0, 0, 0, 0);
  white-space: nowrap;
  /* added line */
  border: 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;
  }
}
::selection {
  background: var(--selection-bg-color, var(--text-dark));
  /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: var(--selection-bg-color, var(--text-dark));
  /* Gecko Browsers */
}
::selection {
  color: var(--selection-text-color, var(--primary));
  /* WebKit/Blink Browsers */
}
::-moz-selection {
  color: var(--selection-text-color, var(--primary));
  /* Gecko Browsers */
}
.selection--alt::selection, .selection--alt ::selection {
  background: var(--selection-bg-color-alt, var(--text-light));
  /* WebKit/Blink Browsers */
}
.selection--alt::selection, .selection--alt ::-moz-selection {
  background: var(--selection-bg-color-alt, var(--text-light));
  /* Gecko Browsers */
}
.selection--alt::selection, .selection--alt ::selection {
  color: var(--selection-text-color-alt, var(--text-dark));
  /* WebKit/Blink Browsers */
}
.selection--alt::selection, .selection--alt ::-moz-selection {
  color: var(--selection-text-color-alt, var(--text-dark));
  /* Gecko Browsers */
}
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) + *, .smart-spacing.smart-spacing > :is(figure, blockquote, ul, ol) + * {
  --paragraph-spacing: 0;
  --flow-spacing: 0;
}
.bg--primary {
  background-color: var(--primary);
}
.bg--primary-hover {
  background-color: var(--primary-hover);
}
.bg--primary-ultra-light {
  background-color: var(--primary-ultra-light);
}
.bg--primary-light {
  background-color: var(--primary-light);
}
.bg--primary-semi-light {
  background-color: var(--primary-semi-light);
}
.bg--primary-semi-dark {
  background-color: var(--primary-semi-dark);
}
.bg--primary-dark {
  background-color: var(--primary-dark);
}
.bg--primary-ultra-dark {
  background-color: var(--primary-ultra-dark);
}
.bg--primary-medium {
  background-color: var(--primary-medium);
}
.bg--primary-trans-10 {
  background-color: var(--primary-trans-10);
}
.bg--primary-trans-20 {
  background-color: var(--primary-trans-20);
}
.bg--primary-trans-30 {
  background-color: var(--primary-trans-30);
}
.bg--primary-trans-40 {
  background-color: var(--primary-trans-40);
}
.bg--primary-trans-50 {
  background-color: var(--primary-trans-50);
}
.bg--primary-trans-60 {
  background-color: var(--primary-trans-60);
}
.bg--primary-trans-70 {
  background-color: var(--primary-trans-70);
}
.bg--primary-trans-80 {
  background-color: var(--primary-trans-80);
}
.bg--primary-trans-90 {
  background-color: var(--primary-trans-90);
}
.bg--primary-light-trans-10 {
  background-color: var(--primary-light-trans-10);
}
.bg--primary-light-trans-20 {
  background-color: var(--primary-light-trans-20);
}
.bg--primary-light-trans-30 {
  background-color: var(--primary-light-trans-30);
}
.bg--primary-light-trans-40 {
  background-color: var(--primary-light-trans-40);
}
.bg--primary-light-trans-50 {
  background-color: var(--primary-light-trans-50);
}
.bg--primary-light-trans-60 {
  background-color: var(--primary-light-trans-60);
}
.bg--primary-light-trans-70 {
  background-color: var(--primary-light-trans-70);
}
.bg--primary-light-trans-80 {
  background-color: var(--primary-light-trans-80);
}
.bg--primary-light-trans-90 {
  background-color: var(--primary-light-trans-90);
}
.bg--primary-dark-trans-10 {
  background-color: var(--primary-dark-trans-10);
}
.bg--primary-dark-trans-20 {
  background-color: var(--primary-dark-trans-20);
}
.bg--primary-dark-trans-30 {
  background-color: var(--primary-dark-trans-30);
}
.bg--primary-dark-trans-40 {
  background-color: var(--primary-dark-trans-40);
}
.bg--primary-dark-trans-50 {
  background-color: var(--primary-dark-trans-50);
}
.bg--primary-dark-trans-60 {
  background-color: var(--primary-dark-trans-60);
}
.bg--primary-dark-trans-70 {
  background-color: var(--primary-dark-trans-70);
}
.bg--primary-dark-trans-80 {
  background-color: var(--primary-dark-trans-80);
}
.bg--primary-dark-trans-90 {
  background-color: var(--primary-dark-trans-90);
}
.bg--primary-ultra-dark-trans-10 {
  background-color: var(--primary-ultra-dark-trans-10);
}
.bg--primary-ultra-dark-trans-20 {
  background-color: var(--primary-ultra-dark-trans-20);
}
.bg--primary-ultra-dark-trans-30 {
  background-color: var(--primary-ultra-dark-trans-30);
}
.bg--primary-ultra-dark-trans-40 {
  background-color: var(--primary-ultra-dark-trans-40);
}
.bg--primary-ultra-dark-trans-50 {
  background-color: var(--primary-ultra-dark-trans-50);
}
.bg--primary-ultra-dark-trans-60 {
  background-color: var(--primary-ultra-dark-trans-60);
}
.bg--primary-ultra-dark-trans-70 {
  background-color: var(--primary-ultra-dark-trans-70);
}
.bg--primary-ultra-dark-trans-80 {
  background-color: var(--primary-ultra-dark-trans-80);
}
.bg--primary-ultra-dark-trans-90 {
  background-color: var(--primary-ultra-dark-trans-90);
}
.bg--secondary {
  background-color: var(--secondary);
}
.bg--secondary-hover {
  background-color: var(--secondary-hover);
}
.bg--secondary-ultra-light {
  background-color: var(--secondary-ultra-light);
}
.bg--secondary-light {
  background-color: var(--secondary-light);
}
.bg--secondary-semi-light {
  background-color: var(--secondary-semi-light);
}
.bg--secondary-semi-dark {
  background-color: var(--secondary-semi-dark);
}
.bg--secondary-dark {
  background-color: var(--secondary-dark);
}
.bg--secondary-ultra-dark {
  background-color: var(--secondary-ultra-dark);
}
.bg--secondary-medium {
  background-color: var(--secondary-medium);
}
.bg--secondary-trans-10 {
  background-color: var(--secondary-trans-10);
}
.bg--secondary-trans-20 {
  background-color: var(--secondary-trans-20);
}
.bg--secondary-trans-30 {
  background-color: var(--secondary-trans-30);
}
.bg--secondary-trans-40 {
  background-color: var(--secondary-trans-40);
}
.bg--secondary-trans-50 {
  background-color: var(--secondary-trans-50);
}
.bg--secondary-trans-60 {
  background-color: var(--secondary-trans-60);
}
.bg--secondary-trans-70 {
  background-color: var(--secondary-trans-70);
}
.bg--secondary-trans-80 {
  background-color: var(--secondary-trans-80);
}
.bg--secondary-trans-90 {
  background-color: var(--secondary-trans-90);
}
.bg--secondary-light-trans-10 {
  background-color: var(--secondary-light-trans-10);
}
.bg--secondary-light-trans-20 {
  background-color: var(--secondary-light-trans-20);
}
.bg--secondary-light-trans-30 {
  background-color: var(--secondary-light-trans-30);
}
.bg--secondary-light-trans-40 {
  background-color: var(--secondary-light-trans-40);
}
.bg--secondary-light-trans-50 {
  background-color: var(--secondary-light-trans-50);
}
.bg--secondary-light-trans-60 {
  background-color: var(--secondary-light-trans-60);
}
.bg--secondary-light-trans-70 {
  background-color: var(--secondary-light-trans-70);
}
.bg--secondary-light-trans-80 {
  background-color: var(--secondary-light-trans-80);
}
.bg--secondary-light-trans-90 {
  background-color: var(--secondary-light-trans-90);
}
.bg--secondary-dark-trans-10 {
  background-color: var(--secondary-dark-trans-10);
}
.bg--secondary-dark-trans-20 {
  background-color: var(--secondary-dark-trans-20);
}
.bg--secondary-dark-trans-30 {
  background-color: var(--secondary-dark-trans-30);
}
.bg--secondary-dark-trans-40 {
  background-color: var(--secondary-dark-trans-40);
}
.bg--secondary-dark-trans-50 {
  background-color: var(--secondary-dark-trans-50);
}
.bg--secondary-dark-trans-60 {
  background-color: var(--secondary-dark-trans-60);
}
.bg--secondary-dark-trans-70 {
  background-color: var(--secondary-dark-trans-70);
}
.bg--secondary-dark-trans-80 {
  background-color: var(--secondary-dark-trans-80);
}
.bg--secondary-dark-trans-90 {
  background-color: var(--secondary-dark-trans-90);
}
.bg--secondary-ultra-dark-trans-10 {
  background-color: var(--secondary-ultra-dark-trans-10);
}
.bg--secondary-ultra-dark-trans-20 {
  background-color: var(--secondary-ultra-dark-trans-20);
}
.bg--secondary-ultra-dark-trans-30 {
  background-color: var(--secondary-ultra-dark-trans-30);
}
.bg--secondary-ultra-dark-trans-40 {
  background-color: var(--secondary-ultra-dark-trans-40);
}
.bg--secondary-ultra-dark-trans-50 {
  background-color: var(--secondary-ultra-dark-trans-50);
}
.bg--secondary-ultra-dark-trans-60 {
  background-color: var(--secondary-ultra-dark-trans-60);
}
.bg--secondary-ultra-dark-trans-70 {
  background-color: var(--secondary-ultra-dark-trans-70);
}
.bg--secondary-ultra-dark-trans-80 {
  background-color: var(--secondary-ultra-dark-trans-80);
}
.bg--secondary-ultra-dark-trans-90 {
  background-color: var(--secondary-ultra-dark-trans-90);
}
.bg--tertiary {
  background-color: var(--tertiary);
}
.bg--tertiary-hover {
  background-color: var(--tertiary-hover);
}
.bg--tertiary-ultra-light {
  background-color: var(--tertiary-ultra-light);
}
.bg--tertiary-light {
  background-color: var(--tertiary-light);
}
.bg--tertiary-semi-light {
  background-color: var(--tertiary-semi-light);
}
.bg--tertiary-semi-dark {
  background-color: var(--tertiary-semi-dark);
}
.bg--tertiary-dark {
  background-color: var(--tertiary-dark);
}
.bg--tertiary-ultra-dark {
  background-color: var(--tertiary-ultra-dark);
}
.bg--tertiary-medium {
  background-color: var(--tertiary-medium);
}
.bg--tertiary-trans-10 {
  background-color: var(--tertiary-trans-10);
}
.bg--tertiary-trans-20 {
  background-color: var(--tertiary-trans-20);
}
.bg--tertiary-trans-30 {
  background-color: var(--tertiary-trans-30);
}
.bg--tertiary-trans-40 {
  background-color: var(--tertiary-trans-40);
}
.bg--tertiary-trans-50 {
  background-color: var(--tertiary-trans-50);
}
.bg--tertiary-trans-60 {
  background-color: var(--tertiary-trans-60);
}
.bg--tertiary-trans-70 {
  background-color: var(--tertiary-trans-70);
}
.bg--tertiary-trans-80 {
  background-color: var(--tertiary-trans-80);
}
.bg--tertiary-trans-90 {
  background-color: var(--tertiary-trans-90);
}
.bg--tertiary-light-trans-10 {
  background-color: var(--tertiary-light-trans-10);
}
.bg--tertiary-light-trans-20 {
  background-color: var(--tertiary-light-trans-20);
}
.bg--tertiary-light-trans-30 {
  background-color: var(--tertiary-light-trans-30);
}
.bg--tertiary-light-trans-40 {
  background-color: var(--tertiary-light-trans-40);
}
.bg--tertiary-light-trans-50 {
  background-color: var(--tertiary-light-trans-50);
}
.bg--tertiary-light-trans-60 {
  background-color: var(--tertiary-light-trans-60);
}
.bg--tertiary-light-trans-70 {
  background-color: var(--tertiary-light-trans-70);
}
.bg--tertiary-light-trans-80 {
  background-color: var(--tertiary-light-trans-80);
}
.bg--tertiary-light-trans-90 {
  background-color: var(--tertiary-light-trans-90);
}
.bg--tertiary-dark-trans-10 {
  background-color: var(--tertiary-dark-trans-10);
}
.bg--tertiary-dark-trans-20 {
  background-color: var(--tertiary-dark-trans-20);
}
.bg--tertiary-dark-trans-30 {
  background-color: var(--tertiary-dark-trans-30);
}
.bg--tertiary-dark-trans-40 {
  background-color: var(--tertiary-dark-trans-40);
}
.bg--tertiary-dark-trans-50 {
  background-color: var(--tertiary-dark-trans-50);
}
.bg--tertiary-dark-trans-60 {
  background-color: var(--tertiary-dark-trans-60);
}
.bg--tertiary-dark-trans-70 {
  background-color: var(--tertiary-dark-trans-70);
}
.bg--tertiary-dark-trans-80 {
  background-color: var(--tertiary-dark-trans-80);
}
.bg--tertiary-dark-trans-90 {
  background-color: var(--tertiary-dark-trans-90);
}
.bg--tertiary-ultra-dark-trans-10 {
  background-color: var(--tertiary-ultra-dark-trans-10);
}
.bg--tertiary-ultra-dark-trans-20 {
  background-color: var(--tertiary-ultra-dark-trans-20);
}
.bg--tertiary-ultra-dark-trans-30 {
  background-color: var(--tertiary-ultra-dark-trans-30);
}
.bg--tertiary-ultra-dark-trans-40 {
  background-color: var(--tertiary-ultra-dark-trans-40);
}
.bg--tertiary-ultra-dark-trans-50 {
  background-color: var(--tertiary-ultra-dark-trans-50);
}
.bg--tertiary-ultra-dark-trans-60 {
  background-color: var(--tertiary-ultra-dark-trans-60);
}
.bg--tertiary-ultra-dark-trans-70 {
  background-color: var(--tertiary-ultra-dark-trans-70);
}
.bg--tertiary-ultra-dark-trans-80 {
  background-color: var(--tertiary-ultra-dark-trans-80);
}
.bg--tertiary-ultra-dark-trans-90 {
  background-color: var(--tertiary-ultra-dark-trans-90);
}
.bg--accent {
  background-color: var(--accent);
}
.bg--accent-hover {
  background-color: var(--accent-hover);
}
.bg--accent-ultra-light {
  background-color: var(--accent-ultra-light);
}
.bg--accent-light {
  background-color: var(--accent-light);
}
.bg--accent-semi-light {
  background-color: var(--accent-semi-light);
}
.bg--accent-semi-dark {
  background-color: var(--accent-semi-dark);
}
.bg--accent-dark {
  background-color: var(--accent-dark);
}
.bg--accent-ultra-dark {
  background-color: var(--accent-ultra-dark);
}
.bg--accent-medium {
  background-color: var(--accent-medium);
}
.bg--accent-trans-10 {
  background-color: var(--accent-trans-10);
}
.bg--accent-trans-20 {
  background-color: var(--accent-trans-20);
}
.bg--accent-trans-30 {
  background-color: var(--accent-trans-30);
}
.bg--accent-trans-40 {
  background-color: var(--accent-trans-40);
}
.bg--accent-trans-50 {
  background-color: var(--accent-trans-50);
}
.bg--accent-trans-60 {
  background-color: var(--accent-trans-60);
}
.bg--accent-trans-70 {
  background-color: var(--accent-trans-70);
}
.bg--accent-trans-80 {
  background-color: var(--accent-trans-80);
}
.bg--accent-trans-90 {
  background-color: var(--accent-trans-90);
}
.bg--accent-light-trans-10 {
  background-color: var(--accent-light-trans-10);
}
.bg--accent-light-trans-20 {
  background-color: var(--accent-light-trans-20);
}
.bg--accent-light-trans-30 {
  background-color: var(--accent-light-trans-30);
}
.bg--accent-light-trans-40 {
  background-color: var(--accent-light-trans-40);
}
.bg--accent-light-trans-50 {
  background-color: var(--accent-light-trans-50);
}
.bg--accent-light-trans-60 {
  background-color: var(--accent-light-trans-60);
}
.bg--accent-light-trans-70 {
  background-color: var(--accent-light-trans-70);
}
.bg--accent-light-trans-80 {
  background-color: var(--accent-light-trans-80);
}
.bg--accent-light-trans-90 {
  background-color: var(--accent-light-trans-90);
}
.bg--accent-dark-trans-10 {
  background-color: var(--accent-dark-trans-10);
}
.bg--accent-dark-trans-20 {
  background-color: var(--accent-dark-trans-20);
}
.bg--accent-dark-trans-30 {
  background-color: var(--accent-dark-trans-30);
}
.bg--accent-dark-trans-40 {
  background-color: var(--accent-dark-trans-40);
}
.bg--accent-dark-trans-50 {
  background-color: var(--accent-dark-trans-50);
}
.bg--accent-dark-trans-60 {
  background-color: var(--accent-dark-trans-60);
}
.bg--accent-dark-trans-70 {
  background-color: var(--accent-dark-trans-70);
}
.bg--accent-dark-trans-80 {
  background-color: var(--accent-dark-trans-80);
}
.bg--accent-dark-trans-90 {
  background-color: var(--accent-dark-trans-90);
}
.bg--accent-ultra-dark-trans-10 {
  background-color: var(--accent-ultra-dark-trans-10);
}
.bg--accent-ultra-dark-trans-20 {
  background-color: var(--accent-ultra-dark-trans-20);
}
.bg--accent-ultra-dark-trans-30 {
  background-color: var(--accent-ultra-dark-trans-30);
}
.bg--accent-ultra-dark-trans-40 {
  background-color: var(--accent-ultra-dark-trans-40);
}
.bg--accent-ultra-dark-trans-50 {
  background-color: var(--accent-ultra-dark-trans-50);
}
.bg--accent-ultra-dark-trans-60 {
  background-color: var(--accent-ultra-dark-trans-60);
}
.bg--accent-ultra-dark-trans-70 {
  background-color: var(--accent-ultra-dark-trans-70);
}
.bg--accent-ultra-dark-trans-80 {
  background-color: var(--accent-ultra-dark-trans-80);
}
.bg--accent-ultra-dark-trans-90 {
  background-color: var(--accent-ultra-dark-trans-90);
}
.bg--base {
  background-color: var(--base);
}
.bg--base-hover {
  background-color: var(--base-hover);
}
.bg--base-ultra-light {
  background-color: var(--base-ultra-light);
}
.bg--base-light {
  background-color: var(--base-light);
}
.bg--base-semi-light {
  background-color: var(--base-semi-light);
}
.bg--base-semi-dark {
  background-color: var(--base-semi-dark);
}
.bg--base-dark {
  background-color: var(--base-dark);
}
.bg--base-ultra-dark {
  background-color: var(--base-ultra-dark);
}
.bg--base-medium {
  background-color: var(--base-medium);
}
.bg--base-trans-10 {
  background-color: var(--base-trans-10);
}
.bg--base-trans-20 {
  background-color: var(--base-trans-20);
}
.bg--base-trans-30 {
  background-color: var(--base-trans-30);
}
.bg--base-trans-40 {
  background-color: var(--base-trans-40);
}
.bg--base-trans-50 {
  background-color: var(--base-trans-50);
}
.bg--base-trans-60 {
  background-color: var(--base-trans-60);
}
.bg--base-trans-70 {
  background-color: var(--base-trans-70);
}
.bg--base-trans-80 {
  background-color: var(--base-trans-80);
}
.bg--base-trans-90 {
  background-color: var(--base-trans-90);
}
.bg--base-light-trans-10 {
  background-color: var(--base-light-trans-10);
}
.bg--base-light-trans-20 {
  background-color: var(--base-light-trans-20);
}
.bg--base-light-trans-30 {
  background-color: var(--base-light-trans-30);
}
.bg--base-light-trans-40 {
  background-color: var(--base-light-trans-40);
}
.bg--base-light-trans-50 {
  background-color: var(--base-light-trans-50);
}
.bg--base-light-trans-60 {
  background-color: var(--base-light-trans-60);
}
.bg--base-light-trans-70 {
  background-color: var(--base-light-trans-70);
}
.bg--base-light-trans-80 {
  background-color: var(--base-light-trans-80);
}
.bg--base-light-trans-90 {
  background-color: var(--base-light-trans-90);
}
.bg--base-dark-trans-10 {
  background-color: var(--base-dark-trans-10);
}
.bg--base-dark-trans-20 {
  background-color: var(--base-dark-trans-20);
}
.bg--base-dark-trans-30 {
  background-color: var(--base-dark-trans-30);
}
.bg--base-dark-trans-40 {
  background-color: var(--base-dark-trans-40);
}
.bg--base-dark-trans-50 {
  background-color: var(--base-dark-trans-50);
}
.bg--base-dark-trans-60 {
  background-color: var(--base-dark-trans-60);
}
.bg--base-dark-trans-70 {
  background-color: var(--base-dark-trans-70);
}
.bg--base-dark-trans-80 {
  background-color: var(--base-dark-trans-80);
}
.bg--base-dark-trans-90 {
  background-color: var(--base-dark-trans-90);
}
.bg--base-ultra-dark-trans-10 {
  background-color: var(--base-ultra-dark-trans-10);
}
.bg--base-ultra-dark-trans-20 {
  background-color: var(--base-ultra-dark-trans-20);
}
.bg--base-ultra-dark-trans-30 {
  background-color: var(--base-ultra-dark-trans-30);
}
.bg--base-ultra-dark-trans-40 {
  background-color: var(--base-ultra-dark-trans-40);
}
.bg--base-ultra-dark-trans-50 {
  background-color: var(--base-ultra-dark-trans-50);
}
.bg--base-ultra-dark-trans-60 {
  background-color: var(--base-ultra-dark-trans-60);
}
.bg--base-ultra-dark-trans-70 {
  background-color: var(--base-ultra-dark-trans-70);
}
.bg--base-ultra-dark-trans-80 {
  background-color: var(--base-ultra-dark-trans-80);
}
.bg--base-ultra-dark-trans-90 {
  background-color: var(--base-ultra-dark-trans-90);
}
.bg--neutral {
  background-color: var(--neutral);
}
.bg--neutral-hover {
  background-color: var(--neutral-hover);
}
.bg--neutral-ultra-light {
  background-color: var(--neutral-ultra-light);
}
.bg--neutral-light {
  background-color: var(--neutral-light);
}
.bg--neutral-semi-light {
  background-color: var(--neutral-semi-light);
}
.bg--neutral-semi-dark {
  background-color: var(--neutral-semi-dark);
}
.bg--neutral-dark {
  background-color: var(--neutral-dark);
}
.bg--neutral-ultra-dark {
  background-color: var(--neutral-ultra-dark);
}
.bg--neutral-medium {
  background-color: var(--neutral-medium);
}
.bg--neutral-trans-10 {
  background-color: var(--neutral-trans-10);
}
.bg--neutral-trans-20 {
  background-color: var(--neutral-trans-20);
}
.bg--neutral-trans-30 {
  background-color: var(--neutral-trans-30);
}
.bg--neutral-trans-40 {
  background-color: var(--neutral-trans-40);
}
.bg--neutral-trans-50 {
  background-color: var(--neutral-trans-50);
}
.bg--neutral-trans-60 {
  background-color: var(--neutral-trans-60);
}
.bg--neutral-trans-70 {
  background-color: var(--neutral-trans-70);
}
.bg--neutral-trans-80 {
  background-color: var(--neutral-trans-80);
}
.bg--neutral-trans-90 {
  background-color: var(--neutral-trans-90);
}
.bg--neutral-light-trans-10 {
  background-color: var(--neutral-light-trans-10);
}
.bg--neutral-light-trans-20 {
  background-color: var(--neutral-light-trans-20);
}
.bg--neutral-light-trans-30 {
  background-color: var(--neutral-light-trans-30);
}
.bg--neutral-light-trans-40 {
  background-color: var(--neutral-light-trans-40);
}
.bg--neutral-light-trans-50 {
  background-color: var(--neutral-light-trans-50);
}
.bg--neutral-light-trans-60 {
  background-color: var(--neutral-light-trans-60);
}
.bg--neutral-light-trans-70 {
  background-color: var(--neutral-light-trans-70);
}
.bg--neutral-light-trans-80 {
  background-color: var(--neutral-light-trans-80);
}
.bg--neutral-light-trans-90 {
  background-color: var(--neutral-light-trans-90);
}
.bg--neutral-dark-trans-10 {
  background-color: var(--neutral-dark-trans-10);
}
.bg--neutral-dark-trans-20 {
  background-color: var(--neutral-dark-trans-20);
}
.bg--neutral-dark-trans-30 {
  background-color: var(--neutral-dark-trans-30);
}
.bg--neutral-dark-trans-40 {
  background-color: var(--neutral-dark-trans-40);
}
.bg--neutral-dark-trans-50 {
  background-color: var(--neutral-dark-trans-50);
}
.bg--neutral-dark-trans-60 {
  background-color: var(--neutral-dark-trans-60);
}
.bg--neutral-dark-trans-70 {
  background-color: var(--neutral-dark-trans-70);
}
.bg--neutral-dark-trans-80 {
  background-color: var(--neutral-dark-trans-80);
}
.bg--neutral-dark-trans-90 {
  background-color: var(--neutral-dark-trans-90);
}
.bg--neutral-ultra-dark-trans-10 {
  background-color: var(--neutral-ultra-dark-trans-10);
}
.bg--neutral-ultra-dark-trans-20 {
  background-color: var(--neutral-ultra-dark-trans-20);
}
.bg--neutral-ultra-dark-trans-30 {
  background-color: var(--neutral-ultra-dark-trans-30);
}
.bg--neutral-ultra-dark-trans-40 {
  background-color: var(--neutral-ultra-dark-trans-40);
}
.bg--neutral-ultra-dark-trans-50 {
  background-color: var(--neutral-ultra-dark-trans-50);
}
.bg--neutral-ultra-dark-trans-60 {
  background-color: var(--neutral-ultra-dark-trans-60);
}
.bg--neutral-ultra-dark-trans-70 {
  background-color: var(--neutral-ultra-dark-trans-70);
}
.bg--neutral-ultra-dark-trans-80 {
  background-color: var(--neutral-ultra-dark-trans-80);
}
.bg--neutral-ultra-dark-trans-90 {
  background-color: var(--neutral-ultra-dark-trans-90);
}
.bg--white {
  background-color: var(--white);
}
.bg--black {
  background-color: var(--black);
}
.bg--white-trans-10 {
  background-color: var(--white-trans-10);
}
.bg--white-trans-20 {
  background-color: var(--white-trans-20);
}
.bg--white-trans-30 {
  background-color: var(--white-trans-30);
}
.bg--white-trans-40 {
  background-color: var(--white-trans-40);
}
.bg--white-trans-50 {
  background-color: var(--white-trans-50);
}
.bg--white-trans-60 {
  background-color: var(--white-trans-60);
}
.bg--white-trans-70 {
  background-color: var(--white-trans-70);
}
.bg--white-trans-80 {
  background-color: var(--white-trans-80);
}
.bg--white-trans-90 {
  background-color: var(--white-trans-90);
}
.bg--black-trans-10 {
  background-color: var(--black-trans-10);
}
.bg--black-trans-20 {
  background-color: var(--black-trans-20);
}
.bg--black-trans-30 {
  background-color: var(--black-trans-30);
}
.bg--black-trans-40 {
  background-color: var(--black-trans-40);
}
.bg--black-trans-50 {
  background-color: var(--black-trans-50);
}
.bg--black-trans-60 {
  background-color: var(--black-trans-60);
}
.bg--black-trans-70 {
  background-color: var(--black-trans-70);
}
.bg--black-trans-80 {
  background-color: var(--black-trans-80);
}
.bg--black-trans-90 {
  background-color: var(--black-trans-90);
}
:has(> .is-bg) {
  position: relative;
  isolation: isolate;
}
:is(*, img, figure, picture).is-bg {
  position: var(--bg-position, absolute);
  inset: var(--bg-inset, 0);
  inline-size: var(--bg-width, 100%);
  block-size: var(--bg-height, 100%);
  border-radius: var(--bg-radius, 0);
  object-fit: var(--bg-object-fit, cover);
  object-position: var(--bg-object-position, center);
  z-index: var(--bg-z-index, -2);
  border-radius: var(--bg-radius, 0);
}
:is(*, img, figure, picture).is-bg > img {
  object-fit: var(--bg-object-fit, cover);
  object-position: var(--bg-object-position, center);
}
.content-grid > :is(*, img, figure, picture).is-bg {
  grid-column: full;
}
a[target="_blank"] {
  --external-link-indicator-order: 0;
}
a[target="_blank"]::after {
  content: "↗" / "Link to external site";
  font-size: var(--external-link-indicator-size);
  font-weight: var(--external-link-indicator-weight);
  line-height: 1;
  translate: var(--external-link-indicator-offset);
  color: var(--external-link-indicator-color);
  align-self: var(--external-link-indicator-alignment);
  order: var(--external-link-indicator-order);
  margin-inline-start: var(--external-link-indicator-gap);
}
a[target="_blank"]:hovera[target="_blank"]::after {
  color: var(--external-link-indicator-color-hover);
}
.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-muted);
  --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-muted);
  --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-muted);
  --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-muted);
  --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);
}
.bg--light [class*="btn--"] {
  --btn-background: var(--primary);
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--primary-ultra-light);
  --btn-text-color-hover: var(--primary-ultra-light);
  --btn-border-color: var(--primary);
  --btn-border-color-hover: var(--primary-hover);
  --focus-color: var(--primary-dark);
}
.bg--light [class*="btn--"].btn--outline {
  --btn-background: transparent;
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--primary);
  --btn-text-color-hover: var(--primary-ultra-light);
  --btn-border-width: 0.25rem;
  --btn-border-color: var(--primary);
  --btn-border-color-hover: var(--primary-hover);
  --focus-color: var(--primary-dark);
}
.bg--dark [class*="btn--"] {
  --btn-background: var(--primary);
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--primary-ultra-light);
  --btn-text-color-hover: var(--primary-ultra-light);
  --btn-border-color: var(--primary);
  --btn-border-color-hover: var(--primary-hover);
  --focus-color: var(--primary-dark);
}
.bg--dark [class*="btn--"].btn--outline {
  --btn-background: transparent;
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--primary);
  --btn-text-color-hover: var(--primary-ultra-light);
  --btn-border-width: 0.25rem;
  --btn-border-color: var(--primary);
  --btn-border-color-hover: var(--primary-hover);
  --focus-color: var(--primary-dark);
}
.bg--ultra-dark [class*="btn--"] {
  --btn-background: var(--primary);
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--primary-ultra-light);
  --btn-text-color-hover: var(--primary-ultra-light);
  --btn-border-color: var(--primary);
  --btn-border-color-hover: var(--primary-hover);
  --focus-color: var(--primary-dark);
}
.bg--ultra-dark [class*="btn--"].btn--outline {
  --btn-background: transparent;
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--primary);
  --btn-text-color-hover: var(--primary-ultra-light);
  --btn-border-width: 0.25rem;
  --btn-border-color: var(--primary);
  --btn-border-color-hover: var(--primary-hover);
  --focus-color: var(--primary-dark);
}
.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--primary-medium.text--primary-medium, .text--primary-medium.text--primary-medium :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--primary-medium);
}
.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--secondary-medium.text--secondary-medium, .text--secondary-medium.text--secondary-medium :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--secondary-medium);
}
.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--tertiary-medium.text--tertiary-medium, .text--tertiary-medium.text--tertiary-medium :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--tertiary-medium);
}
.text--accent.text--accent, .text--accent.text--accent :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--accent);
}
.text--accent-hover.text--accent-hover, .text--accent-hover.text--accent-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--accent-hover);
}
.text--accent-ultra-light.text--accent-ultra-light, .text--accent-ultra-light.text--accent-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--accent-ultra-light);
}
.text--accent-light.text--accent-light, .text--accent-light.text--accent-light :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--accent-light);
}
.text--accent-semi-light.text--accent-semi-light, .text--accent-semi-light.text--accent-semi-light :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--accent-semi-light);
}
.text--accent-semi-dark.text--accent-semi-dark, .text--accent-semi-dark.text--accent-semi-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--accent-semi-dark);
}
.text--accent-dark.text--accent-dark, .text--accent-dark.text--accent-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--accent-dark);
}
.text--accent-ultra-dark.text--accent-ultra-dark, .text--accent-ultra-dark.text--accent-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--accent-ultra-dark);
}
.text--accent-medium.text--accent-medium, .text--accent-medium.text--accent-medium :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--accent-medium);
}
.text--base.text--base, .text--base.text--base :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--base);
}
.text--base-hover.text--base-hover, .text--base-hover.text--base-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--base-hover);
}
.text--base-ultra-light.text--base-ultra-light, .text--base-ultra-light.text--base-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--base-ultra-light);
}
.text--base-light.text--base-light, .text--base-light.text--base-light :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--base-light);
}
.text--base-semi-light.text--base-semi-light, .text--base-semi-light.text--base-semi-light :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--base-semi-light);
}
.text--base-semi-dark.text--base-semi-dark, .text--base-semi-dark.text--base-semi-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--base-semi-dark);
}
.text--base-dark.text--base-dark, .text--base-dark.text--base-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--base-dark);
}
.text--base-ultra-dark.text--base-ultra-dark, .text--base-ultra-dark.text--base-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--base-ultra-dark);
}
.text--base-medium.text--base-medium, .text--base-medium.text--base-medium :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--base-medium);
}
.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--neutral-medium.text--neutral-medium, .text--neutral-medium.text--neutral-medium :where(:is(h1, h2, h3, h4, h5, h6)) {
  color: var(--neutral-medium);
}
.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);
  font-weight: var(--text-font-weight);
  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;
}
/* 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(1.2rem + (-0.1304502346 * ((100vw - 32rem) / 112)));
    --text-s: calc(1.3rem + (0.4305315204 * ((100vw - 32rem) / 112)));
    --text-m: calc(1.2rem + (1.6 * ((100vw - 32rem) / 112)));
    --text-l: calc(1.44rem + (3.0904 * ((100vw - 32rem) / 112)));
    --text-xl: calc(1.728rem + (5.6021872 * ((100vw - 32rem) / 112)));
    --text-xxl: calc(2.0736rem + (9.7866428896 * ((100vw - 32rem) / 112)));
    --h6: calc(1.1rem + (0 * ((100vw - 32rem) / 112)));
    --h5: calc(1.2rem + (0.2 * ((100vw - 32rem) / 112)));
    --h4: calc(1.8rem + (0.2 * ((100vw - 32rem) / 112)));
    --h3: calc(2.3994rem + (0.8366 * ((100vw - 32rem) / 112)));
    --h2: calc(1.8rem + (0 * ((100vw - 32rem) / 112)));
    --h1: calc(1.8rem + (0.2 * ((100vw - 32rem) / 112)));
  }
  @media (min-width: 1441px) {
    :root {
      --text-xs: 1.0695497654rem;
      --text-s: 1.7305315204rem;
      --text-m: 2.8rem;
      --text-l: 4.5304rem;
      --text-xl: 7.3301872rem;
      --text-xxl: 11.8602428896rem;
      --h6: 1.1rem;
      --h5: 1.4rem;
      --h4: 2rem;
      --h3: 3.236rem;
      --h2: 1.8rem;
      --h1: 2rem;
    }
  }
}
@supports (font-size: clamp(1vw, 2vw, 3vw)) {
  :root {
    --text-xs: clamp(1.2rem, calc(-0.1164734238vw + 1.2372714956rem), 1.0695497654rem);
    --text-s: clamp(1.3rem, calc(0.3844031432vw + 1.1769909942rem), 1.7305315204rem);
    --text-m: clamp(1.2rem, calc(1.4285714286vw + 0.7428571429rem), 2.8rem);
    --text-l: clamp(1.44rem, calc(2.7592857143vw + 0.5570285714rem), 4.5304rem);
    --text-xl: clamp(1.728rem, calc(5.0019528571vw + 0.1273750857rem), 7.3301872rem);
    --text-xxl: clamp(2.0736rem, calc(8.7380740086vw + -0.7225836827rem), 11.8602428896rem);
    --h6: clamp(1.1rem, calc(0vw + 1.1rem), 1.1rem);
    --h5: clamp(1.2rem, calc(0.1785714286vw + 1.1428571429rem), 1.4rem);
    --h4: clamp(1.8rem, calc(0.1785714286vw + 1.7428571429rem), 2rem);
    --h3: clamp(2.3994rem, calc(0.7469642857vw + 2.1603714286rem), 3.236rem);
    --h2: clamp(1.8rem, calc(0vw + 1.8rem), 1.8rem);
    --h1: clamp(1.8rem, calc(0.1785714286vw + 1.7428571429rem), 2rem);
  }
}
@supports (padding: calc(1vw + 2vw)) {
  :root {
    --space-xs: calc(1.3506752532rem + (-0.0173419199 * ((100vw - 32rem) / 112)));
    --space-s: calc(1.8004501125rem + (0.1995498875 * ((100vw - 32rem) / 112)));
    --space-m: calc(2.4rem + (0.6 * ((100vw - 32rem) / 112)));
    --space-l: calc(3.1992rem + (1.3008 * ((100vw - 32rem) / 112)));
    --space-xl: calc(4.2645336rem + (2.4854664 * ((100vw - 32rem) / 112)));
    --space-xxl: calc(5.6846232888rem + (4.4403767112 * ((100vw - 32rem) / 112)));
    --section-space-xs: calc(2.7013505064rem + (1.2986494936 * ((100vw - 32rem) / 112)));
    --section-space-s: calc(3.6009002251rem + (2.3990997749 * ((100vw - 32rem) / 112)));
    --section-space-m: calc(4.8rem + (4.2 * ((100vw - 32rem) / 112)));
    --section-space-l: calc(6.3984rem + (7.1016 * ((100vw - 32rem) / 112)));
    --section-space-xl: calc(8.5290672rem + (11.7209328 * ((100vw - 32rem) / 112)));
    --section-space-xxl: calc(11.3692465776rem + (19.0057534224 * ((100vw - 32rem) / 112)));
    --section-padding-x: calc(2rem + (4 * ((100vw - 32rem) / 112)));
    --gutter: calc(2rem + (4 * ((100vw - 32rem) / 112)));
  }
  @media (min-width: 1441px) {
    :root {
      --space-xs: 1.3333333333rem;
      --space-s: 2rem;
      --space-m: 3rem;
      --space-l: 4.5rem;
      --space-xl: 6.75rem;
      --space-xxl: 10.125rem;
      --section-space-xs: 4rem;
      --section-space-s: 6rem;
      --section-space-m: 9rem;
      --section-space-l: 13.5rem;
      --section-space-xl: 20.25rem;
      --section-space-xxl: 30.375rem;
      --section-padding-x: 6rem;
      --gutter: 6rem;
    }
  }
}
@supports (padding: clamp(1vw, 2vw, 3vw)) {
  :root {
    --space-xs: clamp(1.3506752532rem, calc(-0.015483857vw + 1.3556300875rem), 1.3333333333rem);
    --space-s: clamp(1.8004501125rem, calc(0.1781695424vw + 1.743435859rem), 2rem);
    --space-m: clamp(2.4rem, calc(0.5357142857vw + 2.2285714286rem), 3rem);
    --space-l: clamp(3.1992rem, calc(1.1614285714vw + 2.8275428571rem), 4.5rem);
    --space-xl: clamp(4.2645336rem, calc(2.2191664286vw + 3.5544003429rem), 6.75rem);
    --space-xxl: clamp(5.6846232888rem, calc(3.9646220636vw + 4.4159442285rem), 10.125rem);
    --section-space-xs: clamp(2.7013505064rem, calc(1.1595084764vw + 2.330307794rem), 4rem);
    --section-space-s: clamp(3.6009002251rem, calc(2.1420533705vw + 2.9154431465rem), 6rem);
    --section-space-m: clamp(4.8rem, calc(3.75vw + 3.6rem), 9rem);
    --section-space-l: clamp(6.3984rem, calc(6.3407142857vw + 4.3693714286rem), 13.5rem);
    --section-space-xl: clamp(8.5290672rem, calc(10.4651185714vw + 5.1802292571rem), 20.25rem);
    --section-space-xxl: clamp(11.3692465776rem, calc(16.9694226986vw + 5.9390313141rem), 30.375rem);
    --section-padding-x: clamp(2rem, calc(3.5714285714vw + 0.8571428571rem), 6rem);
    --gutter: clamp(2rem, calc(3.5714285714vw + 0.8571428571rem), 6rem);
  }
}
.gap--xs.gap--xs {
  gap: var(--space-xs);
  --row-gap: var(--space-xs);
  --col-gap: var(--space-xs);
  --grid-gap: var(--space-xs);
}
.gap--s.gap--s {
  gap: var(--space-s);
  --row-gap: var(--space-s);
  --col-gap: var(--space-s);
  --grid-gap: var(--space-s);
}
.gap--m.gap--m {
  gap: var(--space-m);
  --row-gap: var(--space-m);
  --col-gap: var(--space-m);
  --grid-gap: var(--space-m);
}
.gap--l.gap--l {
  gap: var(--space-l);
  --row-gap: var(--space-l);
  --col-gap: var(--space-l);
  --grid-gap: var(--space-l);
}
.gap--xl.gap--xl {
  gap: var(--space-xl);
  --row-gap: var(--space-xl);
  --col-gap: var(--space-xl);
  --grid-gap: var(--space-xl);
}
.gap--xxl.gap--xxl {
  gap: var(--space-xxl);
  --row-gap: var(--space-xxl);
  --col-gap: var(--space-xxl);
  --grid-gap: var(--space-xxl);
}
@media (max-width: 1920px) {
  .gap--xxl-xs.gap--xxl-xs {
    gap: var(--space-xs);
    --row-gap: var(--space-xs);
    --col-gap: var(--space-xs);
    --grid-gap: var(--space-xs);
  }
  .gap--xxl-s.gap--xxl-s {
    gap: var(--space-s);
    --row-gap: var(--space-s);
    --col-gap: var(--space-s);
    --grid-gap: var(--space-s);
  }
  .gap--xxl-m.gap--xxl-m {
    gap: var(--space-m);
    --row-gap: var(--space-m);
    --col-gap: var(--space-m);
    --grid-gap: var(--space-m);
  }
  .gap--xxl-l.gap--xxl-l {
    gap: var(--space-l);
    --row-gap: var(--space-l);
    --col-gap: var(--space-l);
    --grid-gap: var(--space-l);
  }
  .gap--xxl-xl.gap--xxl-xl {
    gap: var(--space-xl);
    --row-gap: var(--space-xl);
    --col-gap: var(--space-xl);
    --grid-gap: var(--space-xl);
  }
  .gap--xxl-xxl.gap--xxl-xxl {
    gap: var(--space-xxl);
    --row-gap: var(--space-xxl);
    --col-gap: var(--space-xxl);
    --grid-gap: var(--space-xxl);
  }
}
@media (max-width: 1440px) {
  .gap--xl-xs.gap--xl-xs {
    gap: var(--space-xs);
    --row-gap: var(--space-xs);
    --col-gap: var(--space-xs);
    --grid-gap: var(--space-xs);
  }
  .gap--xl-s.gap--xl-s {
    gap: var(--space-s);
    --row-gap: var(--space-s);
    --col-gap: var(--space-s);
    --grid-gap: var(--space-s);
  }
  .gap--xl-m.gap--xl-m {
    gap: var(--space-m);
    --row-gap: var(--space-m);
    --col-gap: var(--space-m);
    --grid-gap: var(--space-m);
  }
  .gap--xl-l.gap--xl-l {
    gap: var(--space-l);
    --row-gap: var(--space-l);
    --col-gap: var(--space-l);
    --grid-gap: var(--space-l);
  }
  .gap--xl-xl.gap--xl-xl {
    gap: var(--space-xl);
    --row-gap: var(--space-xl);
    --col-gap: var(--space-xl);
    --grid-gap: var(--space-xl);
  }
  .gap--xl-xxl.gap--xl-xxl {
    gap: var(--space-xxl);
    --row-gap: var(--space-xxl);
    --col-gap: var(--space-xxl);
    --grid-gap: var(--space-xxl);
  }
}
@media (max-width: 992px) {
  .gap--l-xs.gap--l-xs {
    gap: var(--space-xs);
    --row-gap: var(--space-xs);
    --col-gap: var(--space-xs);
    --grid-gap: var(--space-xs);
  }
  .gap--l-s.gap--l-s {
    gap: var(--space-s);
    --row-gap: var(--space-s);
    --col-gap: var(--space-s);
    --grid-gap: var(--space-s);
  }
  .gap--l-m.gap--l-m {
    gap: var(--space-m);
    --row-gap: var(--space-m);
    --col-gap: var(--space-m);
    --grid-gap: var(--space-m);
  }
  .gap--l-l.gap--l-l {
    gap: var(--space-l);
    --row-gap: var(--space-l);
    --col-gap: var(--space-l);
    --grid-gap: var(--space-l);
  }
  .gap--l-xl.gap--l-xl {
    gap: var(--space-xl);
    --row-gap: var(--space-xl);
    --col-gap: var(--space-xl);
    --grid-gap: var(--space-xl);
  }
  .gap--l-xxl.gap--l-xxl {
    gap: var(--space-xxl);
    --row-gap: var(--space-xxl);
    --col-gap: var(--space-xxl);
    --grid-gap: var(--space-xxl);
  }
}
@media (max-width: 768px) {
  .gap--m-xs.gap--m-xs {
    gap: var(--space-xs);
    --row-gap: var(--space-xs);
    --col-gap: var(--space-xs);
    --grid-gap: var(--space-xs);
  }
  .gap--m-s.gap--m-s {
    gap: var(--space-s);
    --row-gap: var(--space-s);
    --col-gap: var(--space-s);
    --grid-gap: var(--space-s);
  }
  .gap--m-m.gap--m-m {
    gap: var(--space-m);
    --row-gap: var(--space-m);
    --col-gap: var(--space-m);
    --grid-gap: var(--space-m);
  }
  .gap--m-l.gap--m-l {
    gap: var(--space-l);
    --row-gap: var(--space-l);
    --col-gap: var(--space-l);
    --grid-gap: var(--space-l);
  }
  .gap--m-xl.gap--m-xl {
    gap: var(--space-xl);
    --row-gap: var(--space-xl);
    --col-gap: var(--space-xl);
    --grid-gap: var(--space-xl);
  }
  .gap--m-xxl.gap--m-xxl {
    gap: var(--space-xxl);
    --row-gap: var(--space-xxl);
    --col-gap: var(--space-xxl);
    --grid-gap: var(--space-xxl);
  }
}
@media (max-width: 480px) {
  .gap--s-xs.gap--s-xs {
    gap: var(--space-xs);
    --row-gap: var(--space-xs);
    --col-gap: var(--space-xs);
    --grid-gap: var(--space-xs);
  }
  .gap--s-s.gap--s-s {
    gap: var(--space-s);
    --row-gap: var(--space-s);
    --col-gap: var(--space-s);
    --grid-gap: var(--space-s);
  }
  .gap--s-m.gap--s-m {
    gap: var(--space-m);
    --row-gap: var(--space-m);
    --col-gap: var(--space-m);
    --grid-gap: var(--space-m);
  }
  .gap--s-l.gap--s-l {
    gap: var(--space-l);
    --row-gap: var(--space-l);
    --col-gap: var(--space-l);
    --grid-gap: var(--space-l);
  }
  .gap--s-xl.gap--s-xl {
    gap: var(--space-xl);
    --row-gap: var(--space-xl);
    --col-gap: var(--space-xl);
    --grid-gap: var(--space-xl);
  }
  .gap--s-xxl.gap--s-xxl {
    gap: var(--space-xxl);
    --row-gap: var(--space-xxl);
    --col-gap: var(--space-xxl);
    --grid-gap: var(--space-xxl);
  }
}
.col-gap--xs.col-gap--xs {
  column-gap: var(--space-xs);
  --col-gap: var(--space-xs);
}
.col-gap--s.col-gap--s {
  column-gap: var(--space-s);
  --col-gap: var(--space-s);
}
.col-gap--m.col-gap--m {
  column-gap: var(--space-m);
  --col-gap: var(--space-m);
}
.col-gap--l.col-gap--l {
  column-gap: var(--space-l);
  --col-gap: var(--space-l);
}
.col-gap--xl.col-gap--xl {
  column-gap: var(--space-xl);
  --col-gap: var(--space-xl);
}
.col-gap--xxl.col-gap--xxl {
  column-gap: var(--space-xxl);
  --col-gap: var(--space-xxl);
}
@media (max-width: 1920px) {
  .col-gap--xxl-xs.col-gap--xxl-xs {
    column-gap: var(--space-xs);
    --col-gap: var(--space-xs);
  }
  .col-gap--xxl-s.col-gap--xxl-s {
    column-gap: var(--space-s);
    --col-gap: var(--space-s);
  }
  .col-gap--xxl-m.col-gap--xxl-m {
    column-gap: var(--space-m);
    --col-gap: var(--space-m);
  }
  .col-gap--xxl-l.col-gap--xxl-l {
    column-gap: var(--space-l);
    --col-gap: var(--space-l);
  }
  .col-gap--xxl-xl.col-gap--xxl-xl {
    column-gap: var(--space-xl);
    --col-gap: var(--space-xl);
  }
  .col-gap--xxl-xxl.col-gap--xxl-xxl {
    column-gap: var(--space-xxl);
    --col-gap: var(--space-xxl);
  }
}
@media (max-width: 1440px) {
  .col-gap--xl-xs.col-gap--xl-xs {
    column-gap: var(--space-xs);
    --col-gap: var(--space-xs);
  }
  .col-gap--xl-s.col-gap--xl-s {
    column-gap: var(--space-s);
    --col-gap: var(--space-s);
  }
  .col-gap--xl-m.col-gap--xl-m {
    column-gap: var(--space-m);
    --col-gap: var(--space-m);
  }
  .col-gap--xl-l.col-gap--xl-l {
    column-gap: var(--space-l);
    --col-gap: var(--space-l);
  }
  .col-gap--xl-xl.col-gap--xl-xl {
    column-gap: var(--space-xl);
    --col-gap: var(--space-xl);
  }
  .col-gap--xl-xxl.col-gap--xl-xxl {
    column-gap: var(--space-xxl);
    --col-gap: var(--space-xxl);
  }
}
@media (max-width: 992px) {
  .col-gap--l-xs.col-gap--l-xs {
    column-gap: var(--space-xs);
    --col-gap: var(--space-xs);
  }
  .col-gap--l-s.col-gap--l-s {
    column-gap: var(--space-s);
    --col-gap: var(--space-s);
  }
  .col-gap--l-m.col-gap--l-m {
    column-gap: var(--space-m);
    --col-gap: var(--space-m);
  }
  .col-gap--l-l.col-gap--l-l {
    column-gap: var(--space-l);
    --col-gap: var(--space-l);
  }
  .col-gap--l-xl.col-gap--l-xl {
    column-gap: var(--space-xl);
    --col-gap: var(--space-xl);
  }
  .col-gap--l-xxl.col-gap--l-xxl {
    column-gap: var(--space-xxl);
    --col-gap: var(--space-xxl);
  }
}
@media (max-width: 768px) {
  .col-gap--m-xs.col-gap--m-xs {
    column-gap: var(--space-xs);
    --col-gap: var(--space-xs);
  }
  .col-gap--m-s.col-gap--m-s {
    column-gap: var(--space-s);
    --col-gap: var(--space-s);
  }
  .col-gap--m-m.col-gap--m-m {
    column-gap: var(--space-m);
    --col-gap: var(--space-m);
  }
  .col-gap--m-l.col-gap--m-l {
    column-gap: var(--space-l);
    --col-gap: var(--space-l);
  }
  .col-gap--m-xl.col-gap--m-xl {
    column-gap: var(--space-xl);
    --col-gap: var(--space-xl);
  }
  .col-gap--m-xxl.col-gap--m-xxl {
    column-gap: var(--space-xxl);
    --col-gap: var(--space-xxl);
  }
}
@media (max-width: 480px) {
  .col-gap--s-xs.col-gap--s-xs {
    column-gap: var(--space-xs);
    --col-gap: var(--space-xs);
  }
  .col-gap--s-s.col-gap--s-s {
    column-gap: var(--space-s);
    --col-gap: var(--space-s);
  }
  .col-gap--s-m.col-gap--s-m {
    column-gap: var(--space-m);
    --col-gap: var(--space-m);
  }
  .col-gap--s-l.col-gap--s-l {
    column-gap: var(--space-l);
    --col-gap: var(--space-l);
  }
  .col-gap--s-xl.col-gap--s-xl {
    column-gap: var(--space-xl);
    --col-gap: var(--space-xl);
  }
  .col-gap--s-xxl.col-gap--s-xxl {
    column-gap: var(--space-xxl);
    --col-gap: var(--space-xxl);
  }
}
.row-gap--xs.row-gap--xs {
  row-gap: var(--space-xs);
  --row-gap: var(--space-xs);
}
.row-gap--s.row-gap--s {
  row-gap: var(--space-s);
  --row-gap: var(--space-s);
}
.row-gap--m.row-gap--m {
  row-gap: var(--space-m);
  --row-gap: var(--space-m);
}
.row-gap--l.row-gap--l {
  row-gap: var(--space-l);
  --row-gap: var(--space-l);
}
.row-gap--xl.row-gap--xl {
  row-gap: var(--space-xl);
  --row-gap: var(--space-xl);
}
.row-gap--xxl.row-gap--xxl {
  row-gap: var(--space-xxl);
  --row-gap: var(--space-xxl);
}
@media (max-width: 1920px) {
  .row-gap--xxl-xs.row-gap--xxl-xs {
    row-gap: var(--space-xs);
    --row-gap: var(--space-xs);
  }
  .row-gap--xxl-s.row-gap--xxl-s {
    row-gap: var(--space-s);
    --row-gap: var(--space-s);
  }
  .row-gap--xxl-m.row-gap--xxl-m {
    row-gap: var(--space-m);
    --row-gap: var(--space-m);
  }
  .row-gap--xxl-l.row-gap--xxl-l {
    row-gap: var(--space-l);
    --row-gap: var(--space-l);
  }
  .row-gap--xxl-xl.row-gap--xxl-xl {
    row-gap: var(--space-xl);
    --row-gap: var(--space-xl);
  }
  .row-gap--xxl-xxl.row-gap--xxl-xxl {
    row-gap: var(--space-xxl);
    --row-gap: var(--space-xxl);
  }
}
@media (max-width: 1440px) {
  .row-gap--xl-xs.row-gap--xl-xs {
    row-gap: var(--space-xs);
    --row-gap: var(--space-xs);
  }
  .row-gap--xl-s.row-gap--xl-s {
    row-gap: var(--space-s);
    --row-gap: var(--space-s);
  }
  .row-gap--xl-m.row-gap--xl-m {
    row-gap: var(--space-m);
    --row-gap: var(--space-m);
  }
  .row-gap--xl-l.row-gap--xl-l {
    row-gap: var(--space-l);
    --row-gap: var(--space-l);
  }
  .row-gap--xl-xl.row-gap--xl-xl {
    row-gap: var(--space-xl);
    --row-gap: var(--space-xl);
  }
  .row-gap--xl-xxl.row-gap--xl-xxl {
    row-gap: var(--space-xxl);
    --row-gap: var(--space-xxl);
  }
}
@media (max-width: 992px) {
  .row-gap--l-xs.row-gap--l-xs {
    row-gap: var(--space-xs);
    --row-gap: var(--space-xs);
  }
  .row-gap--l-s.row-gap--l-s {
    row-gap: var(--space-s);
    --row-gap: var(--space-s);
  }
  .row-gap--l-m.row-gap--l-m {
    row-gap: var(--space-m);
    --row-gap: var(--space-m);
  }
  .row-gap--l-l.row-gap--l-l {
    row-gap: var(--space-l);
    --row-gap: var(--space-l);
  }
  .row-gap--l-xl.row-gap--l-xl {
    row-gap: var(--space-xl);
    --row-gap: var(--space-xl);
  }
  .row-gap--l-xxl.row-gap--l-xxl {
    row-gap: var(--space-xxl);
    --row-gap: var(--space-xxl);
  }
}
@media (max-width: 768px) {
  .row-gap--m-xs.row-gap--m-xs {
    row-gap: var(--space-xs);
    --row-gap: var(--space-xs);
  }
  .row-gap--m-s.row-gap--m-s {
    row-gap: var(--space-s);
    --row-gap: var(--space-s);
  }
  .row-gap--m-m.row-gap--m-m {
    row-gap: var(--space-m);
    --row-gap: var(--space-m);
  }
  .row-gap--m-l.row-gap--m-l {
    row-gap: var(--space-l);
    --row-gap: var(--space-l);
  }
  .row-gap--m-xl.row-gap--m-xl {
    row-gap: var(--space-xl);
    --row-gap: var(--space-xl);
  }
  .row-gap--m-xxl.row-gap--m-xxl {
    row-gap: var(--space-xxl);
    --row-gap: var(--space-xxl);
  }
}
@media (max-width: 480px) {
  .row-gap--s-xs.row-gap--s-xs {
    row-gap: var(--space-xs);
    --row-gap: var(--space-xs);
  }
  .row-gap--s-s.row-gap--s-s {
    row-gap: var(--space-s);
    --row-gap: var(--space-s);
  }
  .row-gap--s-m.row-gap--s-m {
    row-gap: var(--space-m);
    --row-gap: var(--space-m);
  }
  .row-gap--s-l.row-gap--s-l {
    row-gap: var(--space-l);
    --row-gap: var(--space-l);
  }
  .row-gap--s-xl.row-gap--s-xl {
    row-gap: var(--space-xl);
    --row-gap: var(--space-xl);
  }
  .row-gap--s-xxl.row-gap--s-xxl {
    row-gap: var(--space-xxl);
    --row-gap: var(--space-xxl);
  }
}
.fr-container-gap, .container-gap {
  --row-gap: var(--container-gap);
  --col-gap: var(--container-gap);
  gap: var(--container-gap);
}
.fr-content-gap, .content-gap {
  --row-gap: var(--content-gap);
  --col-gap: var(--content-gap);
  gap: var(--content-gap);
}
.fr-grid-gap, .grid-gap {
  --row-gap: var(--grid-gap);
  --col-gap: var(--grid-gap);
  gap: var(--grid-gap);
}
.gap--none {
  --row-gap: 0;
  --col-gap: 0;
  gap: 0;
}
#shadow-host-companion {
  padding: 0;
}
.radius {
  border-radius: var(--radius);
}
.radius--50.radius--50, .rounded--50.rounded--50 {
  border-radius: var(--radius-50);
}
.radius--circle.radius--circle, .rounded--circle.rounded--circle {
  border-radius: var(--radius-circle);
}
.radius--none.radius--none, .rounded--none.rounded--none {
  border-radius: var(--radius-none);
}
.radius--xs.radius--xs, .rounded--xs.rounded--xs {
  border-radius: var(--radius-xs);
}
.radius--s.radius--s, .rounded--s.rounded--s {
  border-radius: var(--radius-s);
}
.radius--m.radius--m, .rounded--m.rounded--m {
  border-radius: var(--radius-m);
}
.radius--l.radius--l, .rounded--l.rounded--l {
  border-radius: var(--radius-l);
}
.radius--xl.radius--xl, .rounded--xl.rounded--xl {
  border-radius: var(--radius-xl);
}
.radius--xxl.radius--xxl, .rounded--xxl.rounded--xxl {
  border-radius: var(--radius-xxl);
}
.acss-auto-radius :where(img), .acss-auto-radius :where(figure:not(figure:has(img))) {
  border-radius: var(--radius);
}
a[class*="link--"]:not(.link--skip), [class*="link--"] a, button[class*="link--"], [class*="link--"] button {
  color: var(--link-color);
  text-decoration-color: var(--link-color);
}
a[class*="link--"]:not(.link--skip):hover, [class*="link--"] a:hover, button[class*="link--"]:hover, [class*="link--"] button:hover {
  color: var(--link-color-hover);
  text-decoration-color: var(--link-color-hover);
}
button[class*="link--"], [class*="link--"] button {
  background: transparent;
}
.link--primary {
  --link-color: var(--primary);
  --link-color-hover: var(--primary-hover);
}
.link-hover--primary.link-hover--primary {
  --link-color-hover: var(--primary);
}
.link--primary-hover {
  --link-color: var(--primary-hover);
  --link-color-hover: var(--primary-hover-hover);
}
.link-hover--primary-hover.link-hover--primary-hover {
  --link-color-hover: var(--primary-hover);
}
.link--primary-ultra-light {
  --link-color: var(--primary-ultra-light);
  --link-color-hover: var(--primary-ultra-light-hover);
}
.link-hover--primary-ultra-light.link-hover--primary-ultra-light {
  --link-color-hover: var(--primary-ultra-light);
}
.link--primary-light {
  --link-color: var(--primary-light);
  --link-color-hover: var(--primary-light-hover);
}
.link-hover--primary-light.link-hover--primary-light {
  --link-color-hover: var(--primary-light);
}
.link--primary-semi-light {
  --link-color: var(--primary-semi-light);
  --link-color-hover: var(--primary-semi-light-hover);
}
.link-hover--primary-semi-light.link-hover--primary-semi-light {
  --link-color-hover: var(--primary-semi-light);
}
.link--primary-semi-dark {
  --link-color: var(--primary-semi-dark);
  --link-color-hover: var(--primary-semi-dark-hover);
}
.link-hover--primary-semi-dark.link-hover--primary-semi-dark {
  --link-color-hover: var(--primary-semi-dark);
}
.link--primary-dark {
  --link-color: var(--primary-dark);
  --link-color-hover: var(--primary-dark-hover);
}
.link-hover--primary-dark.link-hover--primary-dark {
  --link-color-hover: var(--primary-dark);
}
.link--primary-ultra-dark {
  --link-color: var(--primary-ultra-dark);
  --link-color-hover: var(--primary-ultra-dark-hover);
}
.link-hover--primary-ultra-dark.link-hover--primary-ultra-dark {
  --link-color-hover: var(--primary-ultra-dark);
}
.link--primary-medium {
  --link-color: var(--primary-medium);
  --link-color-hover: var(--primary-medium-hover);
}
.link-hover--primary-medium.link-hover--primary-medium {
  --link-color-hover: var(--primary-medium);
}
.link--secondary {
  --link-color: var(--secondary);
  --link-color-hover: var(--secondary-hover);
}
.link-hover--secondary.link-hover--secondary {
  --link-color-hover: var(--secondary);
}
.link--secondary-hover {
  --link-color: var(--secondary-hover);
  --link-color-hover: var(--secondary-hover-hover);
}
.link-hover--secondary-hover.link-hover--secondary-hover {
  --link-color-hover: var(--secondary-hover);
}
.link--secondary-ultra-light {
  --link-color: var(--secondary-ultra-light);
  --link-color-hover: var(--secondary-ultra-light-hover);
}
.link-hover--secondary-ultra-light.link-hover--secondary-ultra-light {
  --link-color-hover: var(--secondary-ultra-light);
}
.link--secondary-light {
  --link-color: var(--secondary-light);
  --link-color-hover: var(--secondary-light-hover);
}
.link-hover--secondary-light.link-hover--secondary-light {
  --link-color-hover: var(--secondary-light);
}
.link--secondary-semi-light {
  --link-color: var(--secondary-semi-light);
  --link-color-hover: var(--secondary-semi-light-hover);
}
.link-hover--secondary-semi-light.link-hover--secondary-semi-light {
  --link-color-hover: var(--secondary-semi-light);
}
.link--secondary-semi-dark {
  --link-color: var(--secondary-semi-dark);
  --link-color-hover: var(--secondary-semi-dark-hover);
}
.link-hover--secondary-semi-dark.link-hover--secondary-semi-dark {
  --link-color-hover: var(--secondary-semi-dark);
}
.link--secondary-dark {
  --link-color: var(--secondary-dark);
  --link-color-hover: var(--secondary-dark-hover);
}
.link-hover--secondary-dark.link-hover--secondary-dark {
  --link-color-hover: var(--secondary-dark);
}
.link--secondary-ultra-dark {
  --link-color: var(--secondary-ultra-dark);
  --link-color-hover: var(--secondary-ultra-dark-hover);
}
.link-hover--secondary-ultra-dark.link-hover--secondary-ultra-dark {
  --link-color-hover: var(--secondary-ultra-dark);
}
.link--secondary-medium {
  --link-color: var(--secondary-medium);
  --link-color-hover: var(--secondary-medium-hover);
}
.link-hover--secondary-medium.link-hover--secondary-medium {
  --link-color-hover: var(--secondary-medium);
}
.link--tertiary {
  --link-color: var(--tertiary);
  --link-color-hover: var(--tertiary-hover);
}
.link-hover--tertiary.link-hover--tertiary {
  --link-color-hover: var(--tertiary);
}
.link--tertiary-hover {
  --link-color: var(--tertiary-hover);
  --link-color-hover: var(--tertiary-hover-hover);
}
.link-hover--tertiary-hover.link-hover--tertiary-hover {
  --link-color-hover: var(--tertiary-hover);
}
.link--tertiary-ultra-light {
  --link-color: var(--tertiary-ultra-light);
  --link-color-hover: var(--tertiary-ultra-light-hover);
}
.link-hover--tertiary-ultra-light.link-hover--tertiary-ultra-light {
  --link-color-hover: var(--tertiary-ultra-light);
}
.link--tertiary-light {
  --link-color: var(--tertiary-light);
  --link-color-hover: var(--tertiary-light-hover);
}
.link-hover--tertiary-light.link-hover--tertiary-light {
  --link-color-hover: var(--tertiary-light);
}
.link--tertiary-semi-light {
  --link-color: var(--tertiary-semi-light);
  --link-color-hover: var(--tertiary-semi-light-hover);
}
.link-hover--tertiary-semi-light.link-hover--tertiary-semi-light {
  --link-color-hover: var(--tertiary-semi-light);
}
.link--tertiary-semi-dark {
  --link-color: var(--tertiary-semi-dark);
  --link-color-hover: var(--tertiary-semi-dark-hover);
}
.link-hover--tertiary-semi-dark.link-hover--tertiary-semi-dark {
  --link-color-hover: var(--tertiary-semi-dark);
}
.link--tertiary-dark {
  --link-color: var(--tertiary-dark);
  --link-color-hover: var(--tertiary-dark-hover);
}
.link-hover--tertiary-dark.link-hover--tertiary-dark {
  --link-color-hover: var(--tertiary-dark);
}
.link--tertiary-ultra-dark {
  --link-color: var(--tertiary-ultra-dark);
  --link-color-hover: var(--tertiary-ultra-dark-hover);
}
.link-hover--tertiary-ultra-dark.link-hover--tertiary-ultra-dark {
  --link-color-hover: var(--tertiary-ultra-dark);
}
.link--tertiary-medium {
  --link-color: var(--tertiary-medium);
  --link-color-hover: var(--tertiary-medium-hover);
}
.link-hover--tertiary-medium.link-hover--tertiary-medium {
  --link-color-hover: var(--tertiary-medium);
}
.link--accent {
  --link-color: var(--accent);
  --link-color-hover: var(--accent-hover);
}
.link-hover--accent.link-hover--accent {
  --link-color-hover: var(--accent);
}
.link--accent-hover {
  --link-color: var(--accent-hover);
  --link-color-hover: var(--accent-hover-hover);
}
.link-hover--accent-hover.link-hover--accent-hover {
  --link-color-hover: var(--accent-hover);
}
.link--accent-ultra-light {
  --link-color: var(--accent-ultra-light);
  --link-color-hover: var(--accent-ultra-light-hover);
}
.link-hover--accent-ultra-light.link-hover--accent-ultra-light {
  --link-color-hover: var(--accent-ultra-light);
}
.link--accent-light {
  --link-color: var(--accent-light);
  --link-color-hover: var(--accent-light-hover);
}
.link-hover--accent-light.link-hover--accent-light {
  --link-color-hover: var(--accent-light);
}
.link--accent-semi-light {
  --link-color: var(--accent-semi-light);
  --link-color-hover: var(--accent-semi-light-hover);
}
.link-hover--accent-semi-light.link-hover--accent-semi-light {
  --link-color-hover: var(--accent-semi-light);
}
.link--accent-semi-dark {
  --link-color: var(--accent-semi-dark);
  --link-color-hover: var(--accent-semi-dark-hover);
}
.link-hover--accent-semi-dark.link-hover--accent-semi-dark {
  --link-color-hover: var(--accent-semi-dark);
}
.link--accent-dark {
  --link-color: var(--accent-dark);
  --link-color-hover: var(--accent-dark-hover);
}
.link-hover--accent-dark.link-hover--accent-dark {
  --link-color-hover: var(--accent-dark);
}
.link--accent-ultra-dark {
  --link-color: var(--accent-ultra-dark);
  --link-color-hover: var(--accent-ultra-dark-hover);
}
.link-hover--accent-ultra-dark.link-hover--accent-ultra-dark {
  --link-color-hover: var(--accent-ultra-dark);
}
.link--accent-medium {
  --link-color: var(--accent-medium);
  --link-color-hover: var(--accent-medium-hover);
}
.link-hover--accent-medium.link-hover--accent-medium {
  --link-color-hover: var(--accent-medium);
}
.link--base {
  --link-color: var(--base);
  --link-color-hover: var(--base-hover);
}
.link-hover--base.link-hover--base {
  --link-color-hover: var(--base);
}
.link--base-hover {
  --link-color: var(--base-hover);
  --link-color-hover: var(--base-hover-hover);
}
.link-hover--base-hover.link-hover--base-hover {
  --link-color-hover: var(--base-hover);
}
.link--base-ultra-light {
  --link-color: var(--base-ultra-light);
  --link-color-hover: var(--base-ultra-light-hover);
}
.link-hover--base-ultra-light.link-hover--base-ultra-light {
  --link-color-hover: var(--base-ultra-light);
}
.link--base-light {
  --link-color: var(--base-light);
  --link-color-hover: var(--base-light-hover);
}
.link-hover--base-light.link-hover--base-light {
  --link-color-hover: var(--base-light);
}
.link--base-semi-light {
  --link-color: var(--base-semi-light);
  --link-color-hover: var(--base-semi-light-hover);
}
.link-hover--base-semi-light.link-hover--base-semi-light {
  --link-color-hover: var(--base-semi-light);
}
.link--base-semi-dark {
  --link-color: var(--base-semi-dark);
  --link-color-hover: var(--base-semi-dark-hover);
}
.link-hover--base-semi-dark.link-hover--base-semi-dark {
  --link-color-hover: var(--base-semi-dark);
}
.link--base-dark {
  --link-color: var(--base-dark);
  --link-color-hover: var(--base-dark-hover);
}
.link-hover--base-dark.link-hover--base-dark {
  --link-color-hover: var(--base-dark);
}
.link--base-ultra-dark {
  --link-color: var(--base-ultra-dark);
  --link-color-hover: var(--base-ultra-dark-hover);
}
.link-hover--base-ultra-dark.link-hover--base-ultra-dark {
  --link-color-hover: var(--base-ultra-dark);
}
.link--base-medium {
  --link-color: var(--base-medium);
  --link-color-hover: var(--base-medium-hover);
}
.link-hover--base-medium.link-hover--base-medium {
  --link-color-hover: var(--base-medium);
}
.link--neutral {
  --link-color: var(--neutral);
  --link-color-hover: var(--neutral-hover);
}
.link-hover--neutral.link-hover--neutral {
  --link-color-hover: var(--neutral);
}
.link--neutral-hover {
  --link-color: var(--neutral-hover);
  --link-color-hover: var(--neutral-hover-hover);
}
.link-hover--neutral-hover.link-hover--neutral-hover {
  --link-color-hover: var(--neutral-hover);
}
.link--neutral-ultra-light {
  --link-color: var(--neutral-ultra-light);
  --link-color-hover: var(--neutral-ultra-light-hover);
}
.link-hover--neutral-ultra-light.link-hover--neutral-ultra-light {
  --link-color-hover: var(--neutral-ultra-light);
}
.link--neutral-light {
  --link-color: var(--neutral-light);
  --link-color-hover: var(--neutral-light-hover);
}
.link-hover--neutral-light.link-hover--neutral-light {
  --link-color-hover: var(--neutral-light);
}
.link--neutral-semi-light {
  --link-color: var(--neutral-semi-light);
  --link-color-hover: var(--neutral-semi-light-hover);
}
.link-hover--neutral-semi-light.link-hover--neutral-semi-light {
  --link-color-hover: var(--neutral-semi-light);
}
.link--neutral-semi-dark {
  --link-color: var(--neutral-semi-dark);
  --link-color-hover: var(--neutral-semi-dark-hover);
}
.link-hover--neutral-semi-dark.link-hover--neutral-semi-dark {
  --link-color-hover: var(--neutral-semi-dark);
}
.link--neutral-dark {
  --link-color: var(--neutral-dark);
  --link-color-hover: var(--neutral-dark-hover);
}
.link-hover--neutral-dark.link-hover--neutral-dark {
  --link-color-hover: var(--neutral-dark);
}
.link--neutral-ultra-dark {
  --link-color: var(--neutral-ultra-dark);
  --link-color-hover: var(--neutral-ultra-dark-hover);
}
.link-hover--neutral-ultra-dark.link-hover--neutral-ultra-dark {
  --link-color-hover: var(--neutral-ultra-dark);
}
.link--neutral-medium {
  --link-color: var(--neutral-medium);
  --link-color-hover: var(--neutral-medium-hover);
}
.link-hover--neutral-medium.link-hover--neutral-medium {
  --link-color-hover: var(--neutral-medium);
}
.link--white {
  --link-color: var(--white);
  --link-color-hover: var(--white-hover);
}
.link-hover--white.link-hover--white {
  --link-color-hover: var(--white);
}
.link--black {
  --link-color: var(--black);
  --link-color-hover: var(--black-hover);
}
.link-hover--black.link-hover--black {
  --link-color-hover: var(--black);
}
.transition {
  transition: var(--transition);
}
[data-icon]:is(svg, i, a) {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  color: var(--icon-color, var(--neutral-dark));
  font-size: var(--icon-size);
  height: var(--icon-height, var(--icon-size, 24px));
  width: var(--icon-width, var(--icon-size, 24px));
  transition: var(--icon-transition, var(--transition));
  padding: var(--icon-padding, 12px);
  border-width: var(--icon-border-width, 0);
  border-style: var(--icon-border-style, solid);
  border-radius: var(--icon-radius, var(--radius));
  background: var(--icon-background, var(--neutral-ultra-light));
  border-color: var(--icon-border-color, transparent);
  box-shadow: var(--icon-shadow, none);
  overflow: visible;
}
[data-icon]:is(i)::before {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: var(--icon-size);
}
[data-icon].brxe-icon {
  font-size: var(--icon-size);
}
[data-icon] svg {
  color: var(--icon-color);
}
[data-icon]:is(a):hover, [data-icon] [data-icon-hover]:hover, [data-icon] [data-icon-hover]:hover [data-icon] {
  --icon-background: var(--icon-background-hover);
  --icon-color: var(--icon-color-hover);
  --icon-border-color: var(--icon-border-color-hover);
}
.icon--xs, [data-icon-size="xs"] {
  --icon-size: var(--icon-size-xs);
  --icon-padding: var(--icon-padding-xs);
}
.icon--s, [data-icon-size="s"] {
  --icon-size: var(--icon-size-s);
  --icon-padding: var(--icon-padding-s);
}
.icon--m, [data-icon-size="m"] {
  --icon-size: var(--icon-size-m);
  --icon-padding: var(--icon-padding-m);
}
.icon--l, [data-icon-size="l"] {
  --icon-size: var(--icon-size-l);
  --icon-padding: var(--icon-padding-l);
}
.icon--xl, [data-icon-size="xl"] {
  --icon-size: var(--icon-size-xl);
  --icon-padding: var(--icon-padding-xl);
}
.icon--xxl, [data-icon-size="xxl"] {
  --icon-size: var(--icon-size-xxl);
  --icon-padding: var(--icon-padding-xxl);
}
.icon--light, [data-icon-theme="light"] {
  --icon-color: var(--neutral);
  --icon-color-hover: var(--primary-semi-dark);
  --icon-background: var(--neutral-ultra-light);
  --icon-background-hover: var(--primary-light);
  --icon-border-color: var(--border-color-light);
  --icon-border-color-hover: var(--border-color-light);
  --icon-shadow: ;
}
.icon--dark, [data-icon-theme="dark"] {
  --icon-color: var(--neutral);
  --icon-color-hover: var(--primary-semi-light);
  --icon-background: var(--neutral-light);
  --icon-background-hover: var(--primary-semi-dark);
  --icon-border-color: var(--border-color-dark);
  --icon-border-color-hover: var(--border-color-dark);
  --icon-shadow: ;
}
.icon--boxed, [data-icon-style="boxed"] {
  padding: var(--icon-padding, 12px);
  border-width: var(--icon-border-width, 0);
  border-style: var(--icon-border-style, solid);
  border-radius: var(--icon-radius, var(--radius));
  background: var(--icon-background, var(--neutral-ultra-light));
  border-color: var(--icon-border-color, transparent);
}
.icon--naked, [data-icon-style="naked"] {
  --icon-background: transparent;
  --icon-border-width: 0;
  --icon-padding: 0;
}
:is([data-icon-list], .icon-list) {
  display: flex;
  flex-direction: column;
  gap: var(--icon-list-gap, 1em);
}
:is([data-icon-list], .icon-list) :where(svg, i) {
  --icon-size: var(--icon-list-icon-size, 1em);
  position: relative;
  translate: var(--icon-inline-offset, 0) var(--icon-block-offset, 0);
  flex-shrink: 0;
}
:is([data-icon-list], .icon-list) :where(svg, i):is(svg, i, a) {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  color: var(--icon-color, var(--neutral-dark));
  font-size: var(--icon-size);
  height: var(--icon-height, var(--icon-size, 24px));
  width: var(--icon-width, var(--icon-size, 24px));
  transition: var(--icon-transition, var(--transition));
  box-shadow: var(--icon-shadow, none);
  overflow: visible;
}
:is([data-icon-list], .icon-list) :where(svg, i):is(i)::before {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: var(--icon-size);
}
:is([data-icon-list], .icon-list) :where(svg, i).brxe-icon {
  font-size: var(--icon-size);
}
:is([data-icon-list], .icon-list) :where(svg, i) svg {
  color: var(--icon-color);
}
:is([data-icon-list], .icon-list) :where(svg, i):is(a):hover, :is([data-icon-list], .icon-list) :where(svg, i) [data-icon-hover]:hover, :is([data-icon-list], .icon-list) :where(svg, i) [data-icon-hover]:hover [data-icon] {
  --icon-background: var(--icon-background-hover);
  --icon-color: var(--icon-color-hover);
  --icon-border-color: var(--icon-border-color-hover);
}
:is([data-icon-list], .icon-list) a:hover {
  --icon-color: var(--icon-color-hover, var(--primary));
  --icon-background: var(--icon-background-hover, var(--primary-hover));
}
:where(a:has(> svg, > i)):hover {
  --icon-color: var(--icon-color-hover, var(--primary));
  --icon-background: var(--icon-background-hover, var(--primary-hover));
}
/* Base styles */
[data-inverted-radius-1-position], [data-inverted-radius-2-position] {
  position: absolute;
  background: var(--bg, var(--white));
  z-index: 1;
  isolation: isolate;
  /* Border radius options */
  --slice-top-left: var(--radius) 0 0 0;
  --slice-top-right: 0 var(--radius) 0 0;
  --slice-bottom-right: 0 0 var(--radius) 0;
  --slice-bottom-left: 0 0 0 var(--radius);
  /* Positions */
  --position-top-left: 0 auto auto 0;
  --position-top-right: 0 0 auto auto;
  --position-bottom-left: auto auto 0 0;
  --position-bottom-right: auto 0 0 auto;
  --position-top-left-outside: 0 auto auto calc(var(--radius) * -1);
  --position-top-right-outside: 0 calc(var(--radius) * -1) auto auto;
  --position-bottom-left-outside: auto 0 0 calc(var(--radius) * -1);
  --position-bottom-right-outside: auto calc(var(--radius) * -1) 0 auto;
  --position-top-outside-left: calc(var(--radius) * -1) auto auto 0;
  --position-top-outside-right: calc(var(--radius) * -1) 0 auto auto;
  --position-bottom-outside-left: auto 0 calc(var(--radius) * -1) 0;
  --position-bottom-outside-right: auto 0 calc(var(--radius) * -1) auto;
  --position-top-outside-left-outside: calc(var(--radius) * -1) auto auto calc(var(--radius) * -1);
  --position-top-outside-right-outside: calc(var(--radius) * -1) calc(var(--radius) * -1) auto auto;
  --position-bottom-outside-left-outside: auto auto calc(var(--radius) * -1) calc(var(--radius) * -1);
  --position-bottom-outside-right-outside: auto calc(var(--radius) * -1) calc(var(--radius) * -1) auto;
  /* Box Shadow Values */
  --shadow-bottom-right: var(--radius) var(--radius) 0 var(--radius) var(--bg, var(--white));
  --shadow-bottom-left: calc(var(--radius) * -1) var(--radius) 0 var(--radius) var(--bg, var(--white));
  --shadow-top-right: var(--radius) calc(var(--radius) * -1) 0 var(--radius) var(--bg, var(--white));
  --shadow-top-left: calc(var(--radius) * -1) calc(var(--radius) * -1) 0 var(--radius) var(--bg, var(--white));
  --inverted-radius-1-shadow: var(--shadow-top-left);
  --inverted-radius-2-shadow: var(--shadow-top-left);
}
/* First corner positions */
[data-inverted-radius-1-position="top-left"] {
  --inverted-radius-1-position: var(--position-top-left);
}
[data-inverted-radius-1-position="top-right"] {
  --inverted-radius-1-position: var(--position-top-right);
}
[data-inverted-radius-1-position="bottom-left"] {
  --inverted-radius-1-position: var(--position-bottom-left);
}
[data-inverted-radius-1-position="bottom-right"] {
  --inverted-radius-1-position: var(--position-bottom-right);
}
[data-inverted-radius-1-position="top-outside-left"] {
  --inverted-radius-1-position: var(--position-top-outside-left);
}
[data-inverted-radius-1-position="top-outside-right"] {
  --inverted-radius-1-position: var(--position-top-outside-right);
}
[data-inverted-radius-1-position="bottom-outside-left"] {
  --inverted-radius-1-position: var(--position-bottom-outside-left);
}
[data-inverted-radius-1-position="bottom-outside-right"] {
  --inverted-radius-1-position: var(--position-bottom-outside-right);
}
[data-inverted-radius-1-position="top-left-outside"] {
  --inverted-radius-1-position: var(--position-top-left-outside);
}
[data-inverted-radius-1-position="top-right-outside"] {
  --inverted-radius-1-position: var(--position-top-right-outside);
}
[data-inverted-radius-1-position="bottom-left-outside"] {
  --inverted-radius-1-position: var(--position-bottom-left-outside);
}
[data-inverted-radius-1-position="bottom-right-outside"] {
  --inverted-radius-1-position: var(--position-bottom-right-outside);
}
[data-inverted-radius-1-position="top-outside-left-outside"] {
  --inverted-radius-1-position: var(--position-top-outside-left-outside);
}
[data-inverted-radius-1-position="top-outside-right-outside"] {
  --inverted-radius-1-position: var(--position-top-outside-right-outside);
}
[data-inverted-radius-1-position="bottom-outside-left-outside"] {
  --inverted-radius-1-position: var(--position-bottom-outside-left-outside);
}
[data-inverted-radius-1-position="bottom-outside-right-outside"] {
  --inverted-radius-1-position: var(--position-bottom-outside-right-outside);
}
/* Second corner positions */
[data-inverted-radius-2-position="top-left"] {
  --inverted-radius-2-position: var(--position-top-left);
}
[data-inverted-radius-2-position="top-right"] {
  --inverted-radius-2-position: var(--position-top-right);
}
[data-inverted-radius-2-position="bottom-left"] {
  --inverted-radius-2-position: var(--position-bottom-left);
}
[data-inverted-radius-2-position="bottom-right"] {
  --inverted-radius-2-position: var(--position-bottom-right);
}
[data-inverted-radius-2-position="top-outside-left"] {
  --inverted-radius-2-position: var(--position-top-outside-left);
}
[data-inverted-radius-2-position="top-outside-right"] {
  --inverted-radius-2-position: var(--position-top-outside-right);
}
[data-inverted-radius-2-position="bottom-outside-left"] {
  --inverted-radius-2-position: var(--position-bottom-outside-left);
}
[data-inverted-radius-2-position="bottom-outside-right"] {
  --inverted-radius-2-position: var(--position-bottom-outside-right);
}
[data-inverted-radius-2-position="top-left-outside"] {
  --inverted-radius-2-position: var(--position-top-left-outside);
}
[data-inverted-radius-2-position="top-right-outside"] {
  --inverted-radius-2-position: var(--position-top-right-outside);
}
[data-inverted-radius-2-position="bottom-left-outside"] {
  --inverted-radius-2-position: var(--position-bottom-left-outside);
}
[data-inverted-radius-2-position="bottom-right-outside"] {
  --inverted-radius-2-position: var(--position-bottom-right-outside);
}
[data-inverted-radius-2-position="top-outside-left-outside"] {
  --inverted-radius-2-position: var(--position-top-outside-left-outside);
}
[data-inverted-radius-2-position="top-outside-right-outside"] {
  --inverted-radius-2-position: var(--position-top-outside-right-outside);
}
[data-inverted-radius-2-position="bottom-outside-left-outside"] {
  --inverted-radius-2-position: var(--position-bottom-outside-left-outside);
}
[data-inverted-radius-2-position="bottom-outside-right-outside"] {
  --inverted-radius-2-position: var(--position-bottom-outside-right-outside);
}
/* Corner types */
[data-inverted-radius-1-slice="top-left"] {
  --inverted-radius-1-slice: var(--slice-top-left);
  --inverted-radius-1-shadow: var(--shadow-top-left);
}
[data-inverted-radius-1-slice="top-right"] {
  --inverted-radius-1-slice: var(--slice-top-right);
  --inverted-radius-1-shadow: var(--shadow-top-right);
}
[data-inverted-radius-1-slice="bottom-left"] {
  --inverted-radius-1-slice: var(--slice-bottom-left);
  --inverted-radius-1-shadow: var(--shadow-bottom-left);
}
[data-inverted-radius-1-slice="bottom-right"] {
  --inverted-radius-1-slice: var(--slice-bottom-right);
  --inverted-radius-1-shadow: var(--shadow-bottom-right);
}
[data-inverted-radius-2-slice="top-left"] {
  --inverted-radius-2-slice: var(--slice-top-left);
  --inverted-radius-2-shadow: var(--shadow-top-left);
}
[data-inverted-radius-2-slice="top-right"] {
  --inverted-radius-2-slice: var(--slice-top-right);
  --inverted-radius-2-shadow: var(--shadow-top-right);
}
[data-inverted-radius-2-slice="bottom-left"] {
  --inverted-radius-2-slice: var(--slice-bottom-left);
  --inverted-radius-2-shadow: var(--shadow-bottom-left);
}
[data-inverted-radius-2-slice="bottom-right"] {
  --inverted-radius-2-slice: var(--slice-bottom-right);
  --inverted-radius-2-shadow: var(--shadow-bottom-right);
}
/* Pseudo-elements */
[data-inverted-radius-1-position]::before {
  content: "";
  position: absolute;
  inset: var(--inverted-radius-1-position);
  border-radius: var(--inverted-radius-1-slice);
  box-shadow: var(--inverted-radius-1-shadow);
  width: var(--radius);
  height: var(--radius);
  aspect-ratio: 1;
  z-index: -1;
  background: transparent;
}
[data-inverted-radius-2-position]::after {
  content: "";
  position: absolute;
  inset: var(--inverted-radius-2-position);
  border-radius: var(--inverted-radius-2-slice);
  box-shadow: var(--inverted-radius-2-shadow);
  width: var(--radius);
  height: var(--radius);
  aspect-ratio: 1;
  z-index: -1;
  background: transparent;
}